/* ========================================================= */
/*             Collection Template ONLY Styling              */
/* ========================================================= */

#collection.template .head {
  padding:0;
}
#collection.template .foot {
  padding:60px 0 40px;
}
  
/** Product Filter **/

ul.filterGroup {
  width:100%;
  padding:0;
  margin:0;
  list-style:none; 
  border:0;
}

ul.filterGroup h4 {
  text-transform:uppercase;
  font-weight:normal;
}

ul.filterGroup li {
  display:block;
  padding:0;
  margin:0;
  border:0;
}

ul.filterGroup li a {
  display:inline-block;
  text-decoration:none;
  color:#7b7b7b;
  padding:6px 0px 4px 22px;
  overflow:hidden;
  position:relative;
}

ul.filterGroup li.unChecked a {
  background-image: url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/checkboxDark.png?6755552226022553048);
  background-repeat:no-repeat;
  background-position:0 -2px;
  color:#000000;
}

ul.filterGroup li.checked a,ul.filterGroup li.unChecked a:hover {
  background-image: url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/checkboxDark.png?6755552226022553048);
  background-repeat:no-repeat;
  background-position:0 -77px;
  color:#000000;
} 

ul.filterGroup li.checked a:hover { 
  background-image: url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/checkboxDark.png?6755552226022553048);
  background-repeat:no-repeat;
  background-position:0 -152px;
}


@media only screen and (max-width:850px) { 
  #collectionSidebar {
    position:absolute;
    top:0;
    left:0;
    background-color:#fff;
    z-index:1452;
	width:300px;
    max-width:100%;
    margin-left:-300px;
    -webkit-transition: margin 400ms;
    -moz-transition: margin 400ms;
    transition: margin 400ms;
  }
  #collectionSidebar.open { 
    margin-left:0;
    box-shadow:0 0 2px rgba(0,0,0,0.2);
  }
  #productGrid {
    position:relative;
    z-index:1451;
  }
}


/* ========================================================= */
/*                Page Template ONLY Styling                 */
/* ========================================================= */


.parallaxPage h1 {
  font-weight:300;
}

.contentPage h1 {
  padding:5px 0;
  font-weight:300;
}
  
.contentPage h2 { 
  padding-bottom:10px;
  font-weight:bold;
}
.contentPage h3 { 
  color:#00aeef;
  font-size:18px;
  font-weight:bold;
  padding-top:5px;
  padding-bottom:10px;
}
.contentPage h4 { 
  font-size:18px;
  font-weight:bold;
  padding-top:5px;
  padding-bottom:15px;
}
.contentPage h5 { 
  font-size:14px;
  font-weight:bold;
  padding-bottom:20px;
}
.contentPage p {
  padding-bottom:20px;
}
.contentPage, .contentPage p {
  font-weight:normal;
  font-size:14px;
  color:#7b7b7b;
  line-height:1.6em;
}
.contentPage a {
  text-decoration:none;
}

.contentPage section {
  border-bottom:1px solid #dddddd;
}
.contentPage section:last-of-type { 
  border-bottom:0;
}

.contentPage section:after {
  display:table;
  content:"";
  clear:both;
}


/** NicePage **/

.nicePage section {
  width:1280px;
  max-width:96%;
  display:block;
  margin:0 auto;
  padding:60px 30px;
}
.nicePage section.video {
  width:100%;
  max-width:100%;
  padding:0;
  border-bottom:0;
}


.nicePage .header {
  padding-top:0;
  padding-bottom:20px;
  border-bottom:0;
}


/*** About Page ***/

.aboutPage section {
  padding:0;
}
.aboutPage h2 {
  padding:0;
}
.aboutPage .p, .aboutPage p {
  line-height:1.8em;
  padding-bottom:5px;
}
.aboutPage .p {
  padding-top:10px;
}

.aboutPage .memberImage {
  text-align:center;
}
.aboutPage .member img {
  display:inline-block;
  max-height: 400px;
  width:auto;
  max-width:100%;
}


/** FAQs Page **/

.faqsFormat strong {
  color:#00aeef;
  font-size:18px;
  font-weight:bold;
}




/** Timeline on Our Story **/

ul.timeline {
  padding:0;
  margin:0;
  
}
ul.timeline li {
  padding:0;
  margin:0;
}
ul.timeline li:after {
  display:table;
  content:"";
  clear:both;
}
.timeline li h3 {
  padding-top:0;
  padding-bottom:7px;
  margin:0;
  line-height:1em;
}
.timeline li p {
  padding-bottom:24px;
}
.timeline li .year {
  width:50%;
  float:left;
  text-align:right;
  padding-right:30px;
}
.timeline li .months {
  width:50%;
  float:right;
  text-align:left;
}
.timeline li .month {
  width:100%;
  position:relative;
  padding-left:26px;
  padding-bottom:6px;
  border-left:4px solid #00aeef;
}
.timeline li .monthContent:before {
  content:"";
  width:12px;
  height:12px;
  border-radius:50%;
  background:#00aeef;
  position:absolute;
  left:0;
  margin-left:-8px;
}
  
.timeline li:last-of-type .month.last {
  border-left:4px solid #fff;
}

.timelinePopup .popupContent img { 
  display:block;
  margin:0 auto;
  max-height:350px;
  max-width:100%;
}
  



/** Contact Page ***/

.contactForm .inputWrapper {
  padding-right:3%;
}
.contactForm .buttonWrapper {
  padding-right:0;
  padding-left:3%;
}
.contactForm .messageWrapper {
  padding-right:0;
}
.contactForm label {
  line-height:2em;
}





/* ========================================================= */
/*              Product Template ONLY Styling                */
/* ========================================================= */


#product.template .head { 
  padding:10px 0;
}

.blueLineBelow,.hoverBlueLineBelow { 
  position:relative;
}
.blueLineBelow:after,.hoverBlueLineBelow:hover:after { 
  content:'';
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  width:80%;
  margin-left:10%;
  margin-bottom:-5px;
  height:2px;
  background-color:#00aeef;
}
  
/** Popup when hover over Customize Your Bike Button **/

.customizeYourBike {
  display:none;
  position:absolute;
  width:300px;
  max-width:100%;
  padding:0 0 20px;
}
.customizeYourBikeMessage {
  padding:10px 7px 12px;
  background-color:#eee;
  border-radius:4px;
  text-align:center;
}
.bottomArrow {
  position:absolute;
  bottom:5px;
  right:40px;
  width:30px;
  height:0;
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-top:15px solid #eee;
}


#productOptions label, #productOptions select, #productOptions select option, #productOptions input {
  font-size:14px; 
  color:#000; 
}

#productOptions label {
  font-size:15px;
  display:none; /** 10/5/15 **/
}

#productOptions select, #productOptions input, #productOptions .button { 
  margin: 5px 20px 10px 0;  
}

.single-option-selector {
  font-size:14px;
  width:100%;
  background:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/arrow-dark.png?6755552226022553048) right 10px center no-repeat;
  -webkit-appearance: none; 
}

@-moz-document url-prefix() { 
  .single-option-selector { 
    background:none;
    background-image:none;
    background-size: auto 100%;
  }  
} /* Firefox Normal (no background image) */


input.item-quantity { 
  background:none;
  background-color:transparent;
  width:60px;
  max-width:60px;
}


.optionsBlocker {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:rgba(255,255,255,0.6);
  display:none;
}
.disabled .optionsBlocker {
  display:block;
}




/** Product Content **/


/** Titles Toggle **/

.productToggleTitles > h4 {
  padding:0;
  margin-bottom:6px;
  background:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/arrow-dark.png?6755552226022553048) right 5px center no-repeat;
  border-bottom:1px solid #dddddd;
  cursor:pointer;
  font-weight:normal;
}
.productToggleTitles > h4 a {
  text-decoration:none;
  display:block;
  padding:2px 10px 8px 0;
  color:#000;
}


.productToggleTitles .tableItem {
  padding: 5px 0 10px;
  margin-bottom:10px;
  width:100%;
  height:280px;
  overflow-y:scroll;
}
.productToggleTitles #videoWithin.tableItem {
  min-height:280px;
  height:auto;
}

.featuresWithin h2,.featuresWithin p,.featuresWithin table,.featuresWithin .videoContainer {
  display:none;
}
.descriptionWithin h2,.descriptionWithin ul,.descriptionWithin table,.descriptionWithin .videoContainer {
  display:none;
}
.specsWithin h2,.specsWithin p,.specsWithin ul,.specsWithin .videoContainer {
  display:none;
}
.videoWithin h2,.videoWithin p,.videoWithin ul,.videoWithin table {
  display:none;
}


.productContent .nicePage section.header {
  display:none;
}


.productContent p {
  padding:5px 0; 
}
.productContent table {
  padding:5px 0; 
}

.productContent, .productContent p, .productContent table, .productContent table h5 {
  color:#000; 
  font-weight:normal;
}

.productContent, .productContent p, .productContent table, .productContent ul { 
  font-size:14px;
}


.featuresWithin ul { margin:0; padding:5px 0; line-height:1.3em; list-style:disc inside; }
.featuresWithin ul li { padding:5px 0; }


/*************   NEW 10.5.15 *************/

.featuresDescriptionSpecs { 
  max-height:300px;
  overflow:auto;
}
@media only screen and (min-width:1100px) { 
  #reviews .spr-container { 
    height:300px;
    overflow:auto;
  }
  #additionalInfo { 
    height:300px;
    overflow:auto;
  }
}

@font-face {
  font-family: "Myriad Pro";
  font-weight:300;
  src: 
  url('MyriadPro-Light.woff') format('woff'), /* Modern Browsers */
  url('MyriadPro-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: "Myriad Pro";
  font-weight:normal;
  src: 
  url('MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
  url('MyriadPro-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

#product,
#product h1,
#product h2,
#product h3,
#product h4,
#product h5,
#product h6,
#product p,
#product input,
#product .button {
  font-family:'Myriad Pro','Lato',sans-serif;
}
#reviews p { 
  font-weight:normal;
}


/****************************************/




/*** NicePage Styling when it's being viewed in product tabs ***/




.productContent .bicycle-assembly .col-1-3-respond h2, 
.productContent .bicycle-assembly .col-1-3-respond h3, 
.productContent .bicycle-assembly .col-1-3-respond h4, 
.productContent .bicycle-assembly .col-1-3-respond p {
  text-align:center; 
}
.productContent .bicycle-assembly .col-1-3-respond img { 
  max-width:75%;
  display:block;
  margin:0 auto;
}
    
  @media only screen and (min-width:850px) {
    
    .titlesToggle .nicePage section {
       padding:30px 30px; 
    }
    .titlesToggle .nicePage section [class*='col'] {
      width:100%;
      float:none;
      display:block;
    }
    .titlesToggle .nicePage h5 { 
      padding-top:20px;
      padding-bottom:20px;
    }
    
    .titlesToggle .nicePage .paddingTopSixty {
      padding-top:20px; 
    }
    .titlesToggle .nicePage .paddingZeroFifteen {
      padding:0; 
    }
    .titlesToggle .nicePage .negativeTopMargin {
      margin-top:0 !important;
    }

  }

/*** End NicePage in product tabs ***/