/*  My styles  */
/* dp-page-hero */
/* dp-page-intro-section */
/* dp-btn-group */
/* dp-page-page-links */
/* dp-page-section-header */
/* dp-section-margin-bottom-zero */

/*  PUT THIS IN THE PAGE STYLES  */
/*
.sePage .sePageLayout div.dp-page-page-links .btn,
.sePage .sePageLayout .content-block-column div.dp-page-page-links .btn-primary {
 border: 2px solid #000;
 color: white;
 background-color: #000;
}

.sePage .sePageLayout div.dp-page-page-links .btn:hover,
.sePage .sePageLayout .content-block-column div.dp-page-page-links .btn-primary:hover {
 background-color: #494949;
  border: 2px solid #494949;
}

.sePageContent .sePageSection.dp-page-intro-section {
  background-color: #eee;
 }

.sePageContent .sePageSection.dp-page-section-header .editContent h2 {
  color: ;
 }

*/
/*  END PUT THIS IN THE PAGE STYLES  */

/*
<div class="dp-btn-group" style="margin-top: 30px;">
  <a class="btn btn-primary" href="#">Text</a>
  <a class="btn btn-primary" href="#">Text</a>
  <a class="btn btn-primary" href="#">Text</a>
</div>

*/

/* @import url("https://use.typekit.net/lgh8ykl.css"); */


/* ITEM PAGE NOTES AND ADDED VALUE INSERTS */

/* PREORDER ITEMS LABLE */

.preorder-link-dp {
  color: #9d1413;
}

.preorder-box-dp {
  border-radius: 25px;
  background: #ffe47c;
  border: 1px solid #9d1413;
  padding: 6px 15px;
  color: #9d1413;
  font-weight: bold;
  display: inline-block;
  margin: 0px auto 0px 0px;
}

/*GENERAL NOTE BOX */

.note-box-dp {
  border-radius: 14px 14px 14px 14px;
  -webkit-border-radius: 14px 14px 14px 14px;
  -moz-border-radius: 14px 14px 14px 14px;
  background-color: #ffffc2;
  border: 3px solid #298909;
  color: #2E8900;
  font-weight: 650;
  display: block;
  margin: 0 auto;
  width: fit-content;
  padding: 4px 12px;
}

.note-box-table-dp {

  background-color: #eee;
}

.note-box-table-dp.warning {

  background-color: #fff4d6;
}

.note-box-icon-td-dp {
  padding: ;
  vertical-align: center;
  text-align: middle;
  width: 70px;

}

.note-box-table-dp img {
  width: 48px;
  margin: 10px;
}

.note-box-info-td-dp {
  padding: 10px;
  vertical-align: middle;
  width: ;
  font-size: .85em;
  color: #000;
  font-weight: bold;
}

.note-box-info-td-dp.warning {

  color: rgb(88, 65, 0);
  
}


.note-box-a-dp {
  font-weight: bold;
  color: #1c9b00;
  cursor: pointer;
  text-decoration: none;
  font-family: arial, san-serif;

}

.note-box-td-hed-dp {

  color: #1c9b00;
  font-weight: bold;

}

.note-box-a-dp {

  color: #0849EE;
  font-weight: bold;

}




/* rotating top banner banner */

@import "compass/css3";

* {
  box-sizing: border-box;
}
 
#banners {
  height: 1rem;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  text-align: center;
.banner {
    animation: bannerOne 9s linear infinite;
    height: 1.0rem;
    position: absolute;
    width: 100%;
    &.one,
    &.two {
      h1 {
        color: #fff;
        font-size: 2rem;
        padding: 1rem;
        margin: 0;
        span {
          display: block;
        }
      }
      
    }
    &.one {
      background: #159A20;
      
    }
    &.two {
      animation-name: bannerTwo;
      background: #159A20;
      
    }
    
    }
  }




 /*@keyframes bannerOne{
  0% {
    left: 0;
  }
  47% {
    left: 0;
  }
  50% {
    left: -100%;
  }
  93% {
    left: -100%;
  }
  100%{
    left: 0;
  }
}

@keyframes bannerTwo{
  0% {
    left: 100%;
  }
  47% {
    left: 100%;
  }
  50% {
    left: 0;
  }
  94% {
    left: 0;
  }
  97% {
    left: -100%;
  }
  100%{
    left: -100%;
  }
}*/





/* smallest */
/*@media (max-width: 320px;) {
  #banners {
    height: 10rem;
    .banner {
      &.one,
      &.two,
      &.three {
        height: 10rem;
        h1 {
          font-size: 2rem;
        }
      }
    }
  }
}*/

/* small */
@media (min-width: 321px) and (max-width: 728px) {
  #banners {
    height: 3.5rem;
    .banner {
      &.one,
      &.two {
        height: 3.5rem;
        h1 {
          font-size: 2rem;
          padding: 1.5rem;
        }
      }
    }
  }
}

/* medium */
@media (min-width: 729px) and (max-width: 960px) {
  #banners {
    height: 3.5rem;
    .banner {
      &.one,
      &.two {
        height: 3.5rem;
        h1 {
          font-size: 6rem;
          padding: 2rem;
        }
      }
    }
  }
}

/* large */
@media (min-width: 961px){
  #banners {
    height: 3.5rem;
    .banner {
      &.one,
      &.two {
        height: 3.5rem;
        h1 {
          font-size: 6rem;
          padding: 2rem;
        }
      }
    }
  }
}


/* SE STYLES OVERRIDES */

#PageMain, #PageFooter { margin-top: 0px; } 

.se-code-section .customContentBlock { min-height: 0; }

/*.sePageMain .container-fluid { padding: 0 15px !important; } */

.sePage .sePageLayout .sePageMain .dp-section-margin-bottom-zero {
  margin-bottom: 0;
}
.seStoreInformation {
  background-color: #fff;

}


.sePageHeaderWrapper .row .seStoreData .seSiteLogo {
  margin-bottom: 0;
}


.sePageHeaderWrapper .row .seStoreData .seSiteLogoWrapper {
  text-align: center;
}

@media (min-width: 992px) {
.sePageHeaderWrapper .row .seStoreData {
  float: left;
  width: 50%;
  margin-top: auto;
  margin-bottom: auto;
}}

.gbs-header-locations-button-dp {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #497bf9;
  padding: 8px 12px;
  font-weight: bold;
  border-radius: 25px;
  background-color: #fffbc1;
  font-size: 1.20em;
}

.gbs-header-logo-dp {
  margin-top: 20px;
  margin-bottom: 6px;
  padding-bottom: 20px;
  border-bottom: 1px solid #333;

}

.sePageHeaderWrapper .row .seHeaderActions .seUserAction, .sePageHeaderWrapper .row .seHeaderActions .seHeaderActionsSearch {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
}





/* DP PAGE TYPOGRAPHY */

 .sePage .sePageLayout .sePageMain h2 {
  font-weight: 750;
  font-size: 36px;
 }
 .sePage .sePageLayout .sePageMain h3 {
  font-weight: 750;
  font-size: 28px;
 }

/* DP PAGE HERO - dp-page-hero */

/* .sePageContent .sePageSection .dp-page-hero {
  margin-bottom: 0;
  background-color: ; 
 }
*/
.sePage .sePageLayout .sePageMain .dp-page-hero .content-block-column,
.sePage .sePageLayout .sePageMain .dp-page-hero-inner .content-block-column {
 display: flex;
 position: relative;
 align-items: center;
 justify-content: center;
 z-index: 1;
 padding: 14% 15px;
 margin-bottom: 0;
}
/*
.sePage .sePageLayout .sePageMain .dp-page-hero-inner .content-block-column {
 padding: 5% 15px;
}

.sePage .sePageLayout .sePageMain .dp-page-hero-inner::after,
.sePage .sePageLayout .sePageMain .dp-page-hero::after {
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 z-index: 0;
 background-color: rgba(0, 0, 0, 0.2);
 padding: 0;
 width: 100%;
 content: "";
}
*/
.sePage .sePageLayout .sePageMain .dp-page-hero-inner,
.sePage .sePageLayout .sePageMain .dp-page-hero {
 position: relative;
 overflow: hidden;
 margin-bottom: 0px;
 min-height: 360px;
}

@media (min-width: 492px) {
  .sePage .sePageLayout .sePageMain .dp-page-hero {
  min-height: 480px;
  }
  }

.sePage .sePageLayout .dp-page-hero h1 {
 margin: 11px auto;
 text-shadow: 3px 3px 6px #000000;
 color: #fff;
 font-size: 4em;

}

.sePage .sePageLayout .dp-page-hero-inner h2 {
 margin-top: 11px;
 text-shadow: none;
}

.sePage .sePageLayout .dp-page-hero-inner p {
 margin-top: 0;
 font-size: 18px;
 text-shadow: none;
}


/* DP PAGE INTRO SECTION - dp-page-intro-section */

.sePageContent .sePageSection.dp-page-intro-section {
  margin-top: 0;
  background-color: #eee;
  padding-top: calc(12px + 1.25vw);
  padding-bottom: calc(12px + 1.25vw);
 }

.sePageContent .sePageSection.dp-page-intro-section .editContent a {
  color: ;
  text-decoration: dashed; 
 }

.sePageContent .sePageSection.dp-page-intro-section .editContent {
  font-size: ;
  padding-bottom: 0;
  padding-top: 0;
 }
 
 .se-fw-section .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 30px !important;
  padding-right: 30px !important;
 }



 
/* DP PAGE INTRO SECTION NAVIGATION - dp-page-intro-section-navigation */

.sePageContent .sePageSection.dp-page-intro-section-navigation {
  margin-top: 0;
  background-color: #eee;
  padding-top: 0px;
  padding-bottom: 0px;  
 }

/* DP PAGE SECTION HEADER - dp-page-section-header */

.sePageContent .sePageSection.dp-page-section-header {
  margin-top: 0px;
  padding-top: 20px;
  /*padding-top: calc(8px + 1.5625vw);*/
  padding-bottom: 20px;
  margin-bottom: 0px; 
 }

.sePageContent .sePageSection.dp-page-section-header .editContent {
  padding-bottom: 0px;
  padding-top: 0;
 }

.sePageContent .sePageSection.dp-page-section-header .editContent h2 {
  margin-bottom: 0px;
  margin-top: 0;
 }


/* DP BUTTON GROUP */
.sePage .sePageLayout .dp-btn-group,
.sePage .sePageLayout .content-block-column .dp-btn-group {
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 flex-direction: column;
}

.sePage .sePageLayout .dp-btn-group .btn:not(:last-child),
.sePage .sePageLayout .content-block-column .dp-btn-group .btn:not(:last-child) {
 margin-bottom: 4px;
}
.sePage .sePageLayout .dp-btn-group .btn,
.sePage .sePageLayout .content-block-column .dp-btn-group .btn {
 margin-top: 0;
 white-space: normal;
}

@media (max-width: 767px) {
.se-hero-inner .block-bg-img {
 padding: 25vw 30px;
}

.se-hero-inner.medium .block-bg-img {
padding: 50vw 30px;
}

.se-feature-2col-fw-section .content-block-column:last-child {
 padding: 30px 30px;
 text-align: center;
}
}

@media (min-width: 768px) {
.sePage .sePageLayout .dp-btn-group,
 .sePage .sePageLayout .content-block-column .dp-btn-group {
 display: flex;
 flex-direction: row;
 justify-content: center;
 }
 .sePage .sePageLayout .dp-btn-group.left,
 .sePage .sePageLayout .content-block-column .dp-btn-group.left {
 justify-content: flex-start;
 }

 .sePage .sePageLayout .dp-btn-group .btn:not(:last-child),
 .sePage
 .sePageLayout
 .content-block-column
 .dp-btn-group
 .btn:not(:last-child) {
 margin-right: 4px;
 margin-bottom: 11px;
 }
 .sePage .sePageLayout .dp-btn-group .btn,
 .sePage .sePageLayout .content-block-column .dp-btn-group .btn {
 margin-bottom: 11px;
 }
}

/* DP BUTTONS */
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-primary,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-primary,
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-default,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-default {
 margin-bottom: 11px;
 border-radius: 0;
 border-width: 1px;
 padding: 8px 22px;
 font-family: roboto, sans-serif;
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 letter-spacing: 1.5px;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 white-space: normal;
 cursor: pointer;
}
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-primary,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-primary {
 border-color: #1a1a1a;
 background: #1a1a1a;
 color: #fff;
}
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-primary:visited,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-primary:visited {
 color: #fff;
}
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-primary:hover,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-primary:hover,
.sePage .sePageLayout .sePageMain .dp-btn-group .btn:not(.btn-link):active,
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-primary:active,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-primary:active,
.sePage .sePageLayout .sePageMain .dp-btn-group .btn:not(.btn-link):focus,
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-primary:focus,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-primary:focus {
 border-color: #1a1a1a;
 background: #333;
 color: #fff;
 text-decoration: none;
}
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-default,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-default {
 border-color: #ffffff;
 background: #ffffff;
 color: #1a1a1a;
}
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-default:visited,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-default:visited {
 color: #1a1a1a;
}
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-default:hover,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-default:hover,
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-default:active,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-default:active,
.sePage .sePageLayout .sePageMain .dp-btn-group .btn-default:focus,
.sePage .sePageLayout .sePageMain .dp-btn-group a.btn.btn-default:focus {
 border-color: #ffffff;
 background: #e5e5e5;
 color: #1a1a1a;
 text-decoration: none;
}

/* NOT DP BUTTONS */

#AddToCart, #scheduleATestRideButton {
 border-radius: 0;
 border-width: 0;
 padding: 8px 22px;
 font-family: roboto, sans-serif;
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 letter-spacing: normal;
 text-align: center;
 text-decoration: none;
 text-transform: none;
 white-space: normal;
 cursor: pointer;
 padding: 6px 12px;

}

#scheduleATestRideButton {
  border-color: #FCB154;
  background: #FCB154;
  color: #191919;
  width: 100%;
  margin-top: 10px;
 }

 #scheduleATestRideButton.focus, #scheduleATestRideButton:focus, #scheduleATestRideButton:hover {
  border-color: #ffbd6d;
  background: #ffbd6d;
}


 
 /* .sePage .sePageLayout .sePageMain,
 .sePage .sePageLayout .sePageMain p,
 .sePage .sePageLayout .sePageMain li {
  font-family: heebo, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
 } */
 
 /* .sePage .sePageLayout .sePageMain a:not(.btn) {
  color: #000;
  text-decoration: none;
 } 
 
 .sePage .sePageLayout .sePageMain a:not(.btn):hover {
  color: #000;
  text-decoration: underline;
 }


 /* DP PAGE FEATURE CARD SECTION */
 /* Set section class to "text-center se-fw-section dp-page-feature-card-section se-text-white se-section-padding-b-sm" */

/*
.sePage .sePageLayout .dp-page-feature-card-section {
  margin-bottom: 0;
 }
*/

 .sePage .sePageLayout .dp-page-feature-card-section .col-xs-12:nth-child(odd) .editContent {
  background: #bebebe;
  background-image: linear-gradient(180deg, #ffefbf 0, #ffd04f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffefbf",endColorstr="#ffd04f",GradientType=0);
  height: 100%;
 }
 .sePage .sePageLayout .dp-page-feature-card-section .col-xs-12:nth-child(even) .editContent {
  background: #bebebe;
  background-image: linear-gradient(180deg, #ffefbf 0, #ffd04f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffefbf",endColorstr="#ffd04f",GradientType=0);
  height: 100%;
 }

 .sePage .sePageLayout .dp-page-feature-card-section .editContent img {
  mix-blend-mode: multiply;
  margin: auto;
  padding-top: 30px;
  width: 100%;
  height: 100%;
  max-width: 180px;
 }
 .sePage .sePageLayout .dp-page-feature-card-section .content-block-content {
  padding: 0px 0px;
 }
 .sePage .sePageLayout .dp-page-feature-card-section .content-block-content h2,
 .sePage .sePageLayout .dp-page-feature-card-section .content-block-content h3 {
  margin-top: 0px;
 }
 .sePage .sePageLayout .dp-page-feature-card-section .content-block-content p {
  margin-bottom: 0px;
 }
 .sePage .sePageLayout .dp-page-feature-card-section .col-margin-bottom {
  margin-bottom: 15px;
 }


 /* DP PAGE PAGE LINKS = div class = dp-page-page-links */

/*
<div class="dp-page-page-links">
  <a class="btn btn-primary" href="#" style="border: 2px solid black; color: black;">XXX</a>
  <a class="btn btn-primary" href="#" style="border: 2px solid black; color: black;">XXX</a>
  <a class="btn btn-primary" href="#" style="border: 2px solid black; color: black;">XXX</a>
  <a class="btn btn-primary" href="#" style="border: 2px solid black; color: black;">XXX</a>
</div>
*/

/*
<div class="dp-page-page-links">

	<h2><a class="btn btn-primary" href="#hours-and-directions">Hours &amp; Directions</a></h2>

	<h2><a class="btn btn-primary" href="https://www.gorhambike.com/about/gorham-bike-ski-portland-bike-rentals-pg1347.htm">Rent Bikes in Portland</a></h2>

	<h2><a class="btn btn-primary" href="#our-team">Our Team in Portland</a></h2>

	<h2><a class="btn btn-primary" href="#where-to-ride">Where to ride in Portland</a></h2>

	<h2><a class="btn btn-primary" href="#the-gbs-story">Our Story</a></h2>
</div>
*/

.sePage .sePageLayout .dp-page-page-links,
.sePage .sePageLayout .content-block-column .dp-page-page-links {
 display: flex;
 justify-content: center;
 flex-direction: column;
 margin-bottom: 18px;
margin-top: 18px;
}
.sePage .sePageLayout .dp-page-page-links .btn,
.sePage .sePageLayout .content-block-column .dp-page-page-links .btn-primary {
 margin-top: 0;
 margin-bottom: 4px;
 border: 2px solid #000;
 color: #fff;
 background-color: #000;
}

.sePage .sePageLayout .dp-page-page-links .btn:hover,
.sePage .sePageLayout .content-block-column .dp-page-page-links .btn-primary:hover {
 background-color: #494949;
 border: 2px solid #494949;
}

.sePage .sePageLayout .dp-page-page-links.top,
.sePage .sePageLayout .content-block-column .dp-page-page-links.top {
 margin-bottom: 0;
}

@media (min-width: 768px) {

 .sePage .sePageLayout .dp-page-page-links,
 .sePage .sePageLayout .content-block-column .dp-page-page-links {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 }
 .sePage .sePageLayout .dp-page-page-links.left,
 .sePage .sePageLayout .content-block-column .dp-page-page-links.left {
 justify-content: flex-start;
 }
 .sePage .sePageLayout .dp-page-page-links .btn:not(:last-child),
 .sePage
 .sePageLayout
 .content-block-column
 .dp-page-page-links
 .btn:not(:last-child) {
 margin-right: 4px;
 }
}





/* Hompage styles */
.gbs-hompage-top-links-dp div.editContent {
  padding: 0px;
  margin: 0px;

}

.gbs-hompage-top-links-dp div.col-xs-12.col-sm-4.content-block-column.col-margin-bottom {
  padding: 0px;
  margin: 0px;

}


/* These styles style the sizing charts that are in the FEATURE tab on item pages in the winter catalog */

.feature-sizing-chart table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}
.feature-sizing-chart td {
  padding: 8px;
}
.feature-sizing-chart tr:nth-child(even) {
  background-color: #f2f2f2;
  text-align: center;

}
.feature-sizing-chart tr:nth-child(odd) {
  background-color: #ffffff;
  text-align: center;

}
.feature-sizing-chart .feature-sizing-chart-column-header {
  background-color: #c2c2c2;
  text-align: center;
  font-weight: bold;

}
.feature-sizing-chart th {
  background-color:#ffffff;
  text-align: center;


}
.deliveryMessage{
margin-bottom: 22px;
}

.seProductTitle .deliveryIcon{
position: absolute;
top:0;
right:0;
}

.ess23-trek-200ff{
  position: absolute;
  top:0;
  left:0;
  color: rgb(255, 255, 255);
  background-color:#A80000;
  padding: 1px 4px;;
  font-weight: normal;
  margin: 0 0 0 20px;
  }

.ess23trek20message {
  
  color: rgb(255, 255, 255);
  background-color:#A80000;
  padding: 6px 10px;
  font-weight: bold;


  }

/* *************** DP PAGE LAYOUT STYLES ****************** */


/* Styles the overlay page header text in the full width headers */

section.sePageSection.gbs-full-width-page-header-section-dp h1 {
margin: 100px 0 100px 0;

text-shadow: 3px 3px 6px #000000;
}
/*font-size: 6em;*/


/* Removes margin from the full width page headers */
.sePageSection.gbs-full-width-page-header-section-dp  {
margin-bottom: 0;
}

/* Styles the intro section just below the page headers */

section.sePageSection.sePageSectionResponsive.gbs-intro-section-dp {
  background-color: #d8dddf;
  margin-bottom: 0;
}

section.sePageSection.gbs-intro-section-dp h2{
  font-size: 4em;
}

/* Styles the h2 in the intro section just below the page headers */

.sePageContent  section.sePageSection.sePageSectionResponsive.gbs-section-dp {
  margin-bottom: 0px;

  }

/*  .sePageContent  section.sePageSection.sePageSectionResponsive.gbs-section-dp.gbs-page-divider-dp  {
    background-image: url("https://www.sefiles.net/merchant/244/images/site/divider-bg-dp.png");
    background-position-y: center;
    background-position-x: center;
    background-repeat: repeat-x;
  
    }*/


.sePageContent  section.sePageSection.sePageSectionResponsive.gbs-section-dp.gbs-page-divider-dp h2  {
    color: #fff;
    margin: 0 auto;
  
    }


.sePageContent  section.sePageSection.sePageSectionResponsive.gbs-section-2col-dp {
  padding: 0px;
  margin-bottom: 0px;
  }

section.gbs-section-dp.gbs-section-2col-dp {
    min-height: ;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

  }

.gbs-section-2col-dp .content-block-column {
    min-height: 340px;
  }



 .content-block-column .editContent {
  padding-top: calc(8px + 1.5625vw);
  padding-right: calc(8px + 1.5625vw);
  padding-bottom: calc(8px + 1.5625vw);
  padding-left: calc(8px + 1.5625vw);
}


/* section.gbs-section-dp.gbs-section-2col-dp .content-block-column:last-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
} */

/* Makes navigator items pick up bkacground color on mouseover */
.sePageLayout .dropdown-menu > li > a:focus, .sePageLayout .dropdown-menu > li > a:hover { background-color: #dcdcdc; color: #60808F; }

/* Makes navigator center */
.seNavigationMain {
text-align: center;
}

/* Sets the top and bottom margin of a page section to 0 so that sections about a common subject will visually stack together */
section.sePageSection.sePageSectionResponsive.gbs-dp-section-top-and-bottom-margin-0  {
margin: 0px;
}

/* Removes the space under a test section separator */
.section.sePageSection.sePageSectionResponsive.PageSectionHed-dp {
margin: 0; padding: 10px 0 20px 0;
}
/* color changes DP put in place to solve accessibility issues */
.sePageLayout .sePageLayoutWrapper .seNavbar { background-color: #323232; border-color: transparent; margin-top: 6px;}
.sePageLayout .wsmobileheader { background: #323232; }
.sePageLayout .btn-primary, .sePageLayout .btn-checkout, .sePageLayout .btn-primary:visited { color: #fff; background-color: #323232; border-color: #485F6A; }
.sePageLayout .gbs-location-footer { color: #232F34; }
.sePageLayout .seSearchProductsContainer .seProduct .seSavingPercent { background-color: #A80000; color: #fff; }
.sePageLayout a, .sePageLayout a:visited, .seTabSelector { color: #323232; }

.seFooterSection .seFooterSectionResponsive h2 {
  color: #405C5C
}


/* FLEX GRID NAV */

section.sePageSection.sePageSectionResponsive.flexi-nav-container-dp {
margin: 0px;
padding: 0px;
background-color: #1f2b2f;

}

.flexi-nav-dp {
display: flex;
flex-wrap: wrap;
}


.flexi-nav-btn-container-dp {
flex: 1;
margin: 0px;
}

.sePage .sePageLayout .flexi-nav-btn-dp, .sePage .sePageLayout .flexi-nav-btn-dp:visited {
font-family: source-sans-pro, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.5em;
color: #fff;
margin: 0;
padding: 11px;
display: block;
background: #1f2b2f;
text-decoration: none;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
}

.sePage .sePageLayout .flexi-nav-btn-dp:hover {
background: #;
color: #ffffff;
text-decoration: none;
}

.sePage .sePageLayout .flexi-nav-btn-dp:focus {
color: #78898f;
}

/*  Dave's Call to Action Buttons   */

.dp-cta-btn {
box-shadow: 0px 1px 0px 0px #f0f7fa;
background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
background-color:#33bdef;
border-radius:6px;
border:1px solid #057fd0;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:18px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #5b6178;
}
.dp-cta-btn:hover {
background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
background-color:#019ad2;
text-decoration:none;
}
.dp-cta-btn:active {
position:relative;
top:1px;
text-decoration:none;
}
a.dp-cta-btn:visited {
color: #ffffff;
text-decoration:none;
}
a.dp-cta-btn {
color: #ffffff;

}

/*  Sets the default link color and styles   */

.sePageLayout a, .sePageLayout a:visited { color: #019cde; text-decoration: none; }

.sePageLayout a:hover, .sePageLayout a:focus, .sePageLayout a:active { color: #0074a3;  text-decoration: none; }

.sePageLayout .trekmessage { background-color: #FEFBCE; border-width: 1px 1px 1px 6px; border-style: solid; border-color: #777; padding: 15px; }



/*  Sets the style of the page subnavigations   */

* {
	box-sizing: border-box;
}

ul.page-subnav-dp-main {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
	margin: 0;
  
}

.section.sePageSection.sePageSectionResponsive .page-subnav-dp-main {
	margin-top: 5px;
}


.section.sePageSection.sePageSectionResponsive .page-subnav-dp-main a {
	color: #fff;
	font-size: .99em;
  padding: 10px 15px;
	text-transform: uppercase;
  text-decoration: none;
	text-align: center;
	display: block;
  letter-spacing: 1px;
}

.section.sePageSection.sePageSectionResponsive .page-subnav-dp-main a:hover {
	color: #718daa;
  text-decoration: none;
  letter-spacing: 1px;
}



.section.sePageSection.sePageSectionResponsive .page-subnav-dp {
	border: 0px solid ;
	background-color: ;
  justify-content: center;
	
}

/* ================================= 
  Media Queries
==================================== */


@media (min-width: 769px) {
	.page-subnav-dp,
	.page-subnav-dp-main {
		display: flex;
	}
	.page-subnav-dp-main {
		flex-direction: column;
		align-items: center;
    	.page-subnav-dp-main{
		width: 80%;
		margin: 0 auto;
		max-width: 1150px;
	}
	}

}

@media (min-width: 1025px) {
	.page-subnav-dp-main {
		flex-direction: row;
		justify-content: space-between;
	}


  .sePageHeaderWrapper .row .seStoreData .seSiteLogoWrapper {
    text-align: center;
    padding: 0 auto;
  }

}

@media only screen and (max-width: 767px) {
.sePageHeaderWrapper .row .seStoreData .seSiteLogo {
    padding-bottom: 21px;
}}


.dpTopInfoBar {color: #1a1a1a;background-color: #FCB154; padding: 10px 0 8px 0; text-align: center;margin-bottom: 0em; @media (max-width: 200px) {body {text-align: center;}
	}
	.seInfoPage100 .dpTopInfoBar {margin-bottom: 0;}
	}






<div class="se-geometry-doublehead-wrapper">
<div class="table-responsive">
<table class="table table-striped table-bordered"><caption class="sr-only">Sizes:</caption>
<tbody>
<tr><th scope="col" style="text-align: left;">Size</th><th scope="col">Rider Height</th><th scope="col">Inseam</th></tr>
<tr><th scope="row" style="text-align: left;">Small</th>
<td>155 - 165 cm<br>5'1" - 5'5"</td>
<td>74 - 78 cm<br>29" - 31"</td>
</tr>
<tr><th scope="row" style="text-align: left;">Medium</th>
<td>165 - 176 cm<br>5'5" - 5'9"</td>
<td>79 - 83 cm<br>31" - 33"</td>
</tr>
<tr><th scope="row" style="text-align: left;">Large</th>
<td>177 - 188 cm<br>5'10" - 6'2"</td>
<td>84 - 89 cm<br>33" - 35"</td>
</tr>
<tr><th scope="row" style="text-align: left;">X-Large</th>
<td>188 - 195 cm<br>6'2" - 6'5"</td>
<td>89 - 91 cm<br>35" - 36"</td>
</tr>
</tbody>
</table>
</div>
</div>