/* 
* Responsive table styling
*/

.compare {
  font-size:14px;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  position:relative;
}
.compare tr { background:none;border:0;}
.compare span.column-title {display:none;}
.compare ul {
  display:flex;
  top:0px;
  z-index:10;
  margin: 0;
  padding: 0;
}
.compare li {
  border-top: none;
  list-style:none;
  flex:1;
}
.compare li:last-child {
  border-right:1px solid #DDD;
}
.compare button {
  width:100%;
  border: 1px solid #DDD;
  border-right:0;
  border-top:0;
  padding: 10px;
  background:#FFF;
  font-size:14px;
  font-weight:bold;
  height:60px;
  text-transform:uppercase;
  line-height:1.25;
  letter-spacing: 0.1em;
  font-size: 1.25rem;
  color:#999
}
.compare li.active button {
  background:#F5F5F5;
  color:#212121;
  font-size:small;
}
.compare table {
  border-collapse:collapse;
  table-layout:fixed;
  width:100%;
}
.compare th { background:#F5F5F5; display:none; }
.compare th .graphic {
  max-height: 100px;
  min-height: 100px;
  height: 100px;
}
.compare td,th { border:1px solid #DDD; padding:10px; empty-cells:show; }
.compare td,th {
  text-align:left;
}
.compare td+td, th+th {
  text-align:left;
  display:none;
}
.compare td {
  text-align:center !important;
}
.compare td.feature {
  text-align:left !important;
}
.compare td.sep {
  text-align:left !important;
}
.compare table.mobile-layout tr td {
  float:none !important;
  display:table-cell;
  text-align: left;
}
.compare td.default {
  display:table-cell;
}
.compare .bg-purple {
  border-top:3px solid rgb(254, 156, 61);
}
.compare .bg-blue {
  border-top:3px solid #009ee2;
}
.compare .bg-color3 {
  border-top:3px solid #7a3796;
}
.compare li.inactive {
  border-top:3px solid #DDD;
}
.compare li.inactive button {
  font-weight:normal;
  font-size:small;
}
.compare td.sep {
  background:#F5F5F5 !important;
  font-weight:bold !important;
  text-align:left !important;
}
.compare .txt-l { font-size:28px; font-weight:bold; }
.compare .txt-top { position:relative; top:-9px; left:-2px; }
.compare .tick { font-size:18px; color:#2CA01C; }
.compare th.hiden {
  background:none;
}
.strike {
  text-decoration: line-through;
  color: #CCC;
}


/*
* Product comparison hack
*/
#tecla-custom-hide {
  display:none;
}

#shopify-section-1492699436525 #tecla-custom-hide {
  display: block;
}

#shopify-section-1492699436525 div.module-inline-item {
  display:none;
}

#shopify-section-1492699436525 #tecla-custom-hide p {
  font-size:16px;
}

@media (min-width: 720px) {
  #shopify-section-1492699436525 #tecla-custom-hide ul {
    display: none;
  }

  .compare ul {
    display:none;
  }
  .compare td,th {
    display:table-cell !important;
  }
  .compare td,th {
    width: 330px;
  
  }
  .compare td+td, th+th {
    width: auto;
  }
}

/* 
* Full width video hack
*/

video#bgvid {
  width: 100%;
  z-index: -100;
  background: url(//cdn.shopify.com/s/files/1/0238/0391/t/18/assets/tecla-intro.png?v=18226976309677179152) no-repeat;
  background-size: cover; 
  vertical-align:middle;
}
#shopify-section-1492544535032 .home-video-with-text {
  cursor:default;
}
  
/*
@media screen and (max-device-width: 800px) {
    html {
         background: url(//cdn.shopify.com/s/files/1/0238/0391/t/18/assets/tecla-intro.png?v=18226976309677179152) #000 no-repeat center center fixed;
    }
    #bgvid {
        display: none;
    }
}
*/

/*
div.home-full-width-video {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 28%;
  z-index:-1000;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("tecla_shot.jpg");
  background-size: cover;
}

div.home-full-width-video > div {
  position: absolute;
  top:0;
  left:0;
}

section.video-loaded div.home-full-width-video {
  padding:0;
  z-index:1;
}

section.video-loaded div.home-full-width-video > div {
  position: relative;
}
*/