/* 20250730234334 - v2 */
.gui,
.gui-block-linklist li a {
  color: #161616;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #161616;
}

.gui-block-inner strong {
  color: #737373;
}

.gui a {
  color: #23b68a;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #23b68a;
  box-shadow: 0 0 2px #23b68a;
}

.gui-select.gui-focus .gui-handle {
  border-color: #23b68a;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #dddddd;
}

.gui-block-title {
  color: #161616;
  background-color: #ffffff;
}

.gui-content-title {
  color: #161616;
}

.gui-form .gui-field .gui-description span {
  color: #161616;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #f9f9f9;
  background-color: #fdfdfd;
}

.gui-block-option-block {
  border-color: #f9f9f9;
}

.gui-block-title strong {
  color: #161616;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #efefef;
}

.gui ul.gui-products li {
  border-color: #f4f4f4;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #f4f4f4;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #f4f4f4;
}

.gui-block-content .gui-table {
  border-color: #f9f9f9;
}

.gui-table thead tr th {
  border-color: #efefef;
  background-color: #fdfdfd;
}

.gui-table tbody tr td {
  border-color: #f9f9f9;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #dddddd;
  color: #ffffff;
  background-color: #000000;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #dddddd;
  color: #161616;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #000000;
  border-color: #b0b0b0;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #b0b0b0;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #dddddd;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #dddddd;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #161616;
}

.gui-progressbar {
  background-color: #23b68a;
}

/* custom */
/*--Begin: Adjustments to headings on home page--*/
:root {
    --max-width-xxxxs: 20rem;
    /*--max-width-xxxs: 26rem;*/
    --max-width-xxxs: 136rem !important;
    /*--max-width-xxs: 32rem;*/
  --max-width-xxs: 42rem !important;
    /*--max-width-xs: 38rem;*/
  --max-width-xs: 48rem !important;
    /*--max-width-sm: 48rem;*/
  --max-width-sm: 58rem !important;
    /*--max-width-md: 64rem;*/
  --max-width-md: 74rem !important;
    /*--max-width-lg: 80rem;*/
  --max-width-lg: 90rem !important;
    /*--max-width-xl: 90rem;*/
  --max-width-xl: 100rem !important;
    /*--max-width-xxl: 100rem;*/
  --max-width-xxl: 110rem !important;
    /*--max-width-xxxl: 120rem;*/
  --max-width-xxxl: 130rem !important;
    /*--max-width-xxxxl: 150rem;*/
  --max-width-xxxxl: 160rem !important;
}
@supports (--css: variables) {
    @media (min-width: 64rem) {
        :root {
            --text-base-size: 1.4em;
            /*--text-scale-ratio: 1.35; <--This is the original ratio*/
          --text-scale-ratio: 1.28;
        }
    }
}
div.feature-v9__content.feature-v9__content--center.text-component {
  white-space: nowrap; /*Force text not to wrap*/
}
/*--End: Adjustments to headings on home page--*/

/*-------------------------------------------------------------------------------------
--------------------------- BEGIN: MAIN STYLES FOR WEBSITE ----------------------------
-------------------------------------------------------------------------------------*/
:root {
  --pheight: 15rem;
  --pdevinci: 5rem; /*.shoptext p height*/
}

/*Begin: Footer*/
.footer__nav-group li {color: #a9a9a9 !important;}
.footer__nav-group ul li:nth-of-type(8) {color: #161616 !important; display: none;}/*Hides "Test" page link in footer.*/
/*End: Footer*/


/*Begin: Tauntaun Page*/
.container_icons {
  font-family: "Trirong", sans-serif;
  padding: 0 7rem 0 7rem;
}
.container_icons.gridfive {
  grid-gap: 0;
  padding: 1rem 0 2rem;
  text-align: center;
  /*See media querries for display: none; on small displays*/
}
.container_icons img {
  max-height: 75px;
}
.container_icons .cell:has(img) {
  padding-top: 0;
  padding-bottom: 1rem;
}
.container_icons .cell p {
  padding-top: 1rem;
}
.tauntauntext {
  padding: 0 2rem !important;

}
.tauntauntext p {
  text-align: center !important;
}
.choosetaunbuildimg {width: 100%;}/*See media querries for width and height on small screens*/
/*End: Tauntaun Page*/

/*--------------------------------------------------------
--- BEGIN: CSS from LIGHTSPEED "APERO" THEME DEVELOPER ---
----------------------------------------------------------*/

/* Fix by theme developer to have content be displayed at full-width */
.product-content .container > .grid > .col-6\@md {
    flex-basis: 100%;
    max-width: 100%;
}
.mycell>.grid>.col-6\@md {
  padding:0 30px;
}

.mycell {
  background:#E5E5E5;
  padding: 40px 60px 70px !important;
  border: 0px !important;
}
.mycell .grid select {
  height: 50px;
  padding: 0 0 0 15px;
  border:0px;  
}
/*.gtr is important for the Bike Finder button to work. It's referenced in Custome JavaScript.*/
.gtr {
  margin-top:30px !important;
  /*width:320px !important;*/ /*See media querries for different widths*/
  width:320px !important;
}
.mycell h4 {
 	font-family:Trirong, sans-serif;
  font-size:22.4px;
  font-weight: 600;
  margin-bottom: 15px;
}
/*Category title centering*/ 
 .category-card {
text-align: center;
}

/*Description font size CSS*/
.product-content .container {
--max-width-xl: 900px;
  --max-width-xl: 1450px;
}

/*HOMEPAGE*/
.module-featured h2 {
    font-size: 5.8em;
    text-transform: uppercase;
}

h2 .small, .header .small {
    font-size: 18px;
    margin-bottom: 18px !important;
    text-transform: uppercase;
}

.module-aside > ul .box .header {
    font-size: 48px;

    text-transform: uppercase;
}

.module-aside.inv > ul .box {
    font-size: 1.2em;
}

.semi, .semi a, .box .list-inline.semi a {
    font-family: 'Oswald', Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-size: 20px;
    color: #29c093;
}

.dark-image-overlay {
    filter: brightness(0.6);
}

.module-aside h2 {
    font-size: 48px;
}


/* HIDE USPS */
.subheader {
    visibility: hidden;
}


#nav > ul {
    padding: 10px 0 0 0;
}

#top {
    height: 142px;
    padding: 48px 0 20px;
}

/* PRODUCT PAGES */
h2.header.toggle {
    text-transform: uppercase;
}

header.m40.text-center.heading-a {
    text-transform: uppercase;
}

.accordion-b h4 {
    color: rgb(64, 64, 64);
}

/*SERVICES*/
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 40px 40px;
  grid-template-areas:
    "safety-check tuneup mega-tune";
}
.grid-container-main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 40px 40px;
  grid-template-areas:
    "communication consistency dependability";
}
.mega-tune { grid-area: mega-tune; }
.tuneup { grid-area: tuneup; }
.safety-check { grid-area: safety-check; }
.communication { grid-area: communication; text-align: center;}
.consistency { grid-area: consistency; text-align: center;}
.dependability { grid-area: dependability; text-align: center;}

.card {
  padding: 1rem;
  text-align: center;
}

.cards {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
}

/* Screen larger than 600px? 2 column */
@media (min-width: 600px) {
  .cards { grid-template-columns: repeat(2, 1fr); }
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 900px) {
  .cards { grid-template-columns: repeat(3, 1fr); }
}
.card-2 {
  padding: 1rem;
  text-align: left;
}

.cards-2 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
}

/* Screen larger than 600px? 2 column */
@media (min-width: 600px) {
  .cards-2 { grid-template-columns: repeat(2, 1fr); }
}

/* Content Button */
.centerButton {
  padding: 1rem;
  text-align: center;
}
/*
.myButton {
	background-color:#ffffff;
	border:1px solid #29c093;
	display:inline-block;
	cursor:pointer;
	color:#29c093;
	font-family:'Muli', Arial, Helvetica, sans-serif !important;
	font-size:20px;
	padding:16px 31px;
	text-decoration:none;
  text-align:center;
  font-weight:700;
  margin: 0.125rem;
}
.myButton:hover {
	background-color:#29c093;
  color:#ffffff;
  font-weight:700;
}
.myButton:active {
	position:relative;
	top:1px;
}
*/

/* Logo */
#top #logo {
    top: 60px;
    width: 95px;
}

@media (max-width: 760px) {
#top #logo {
  top: 33px !important;
  padding: 15px 0 0;
  }
}

/* Hide Excl. Tax */
span.small-extra {
    /*display: none !important;*/
}

/* Insta */
.module-gallery header a {
    font-family: 'Oswald', Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px;
    color: #29c093;
}
/*--------------------------------------------------------
--- END: CSS from LIGHTSPEED "APERO" THEME DEVELOPER ---
----------------------------------------------------------*/



/*-------------------------------
--- BEGIN: JAMES' BIKE TABLES ---
--------------------------------*/
.geo {text-align: center; padding-bottom: 20px;}

div.bikeGeoImg {
   width:500px; /*width of your image*/
   height:400px; /*height of your image*/
   background-image: url('https://cdn.shoplightspeed.com/shops/638615/files/55768777/geometry.svg');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   /*float: left; display: inline-block; min-width:550px;   */
   margin: 0 auto;
}

div.bikeGeoImgTauntaun::before {content:url(https://cdn.shoplightspeed.com/shops/638615/files/51853972/tauntaun-geometry.png);
float: left; display: inline; min-width: 550px;
}

.clearfix {clear: both;}

#geo, #geotwo, #builds, #buildstwo, #buildsthree, #buildsfour, #specs {
  /* font-family: 'Oswald', Arial, Helvetica, sans-serif !important; */
  font-size: 1em; /*See media querries for size changes*/
  border-collapse: collapse;
  min-width: 50%;
  width: 99.9999%;
}

#builds, #buildstwo, #buildsthree, #buildsfour, {
  width: 100%;
  margin: 0 auto;
}
#specs {
  width: 100%;
  margin: 0 auto;
}

#geo th, #geo td, #geotwo th, #geotwo, td, #builds td, #buildstwo td, #buildsthree td, #buildsfour td, #specs th, #specs td, #specs th {
  padding: 6px;
  text-align: left;
}

#geo th, #geotwo th, #builds th, #buildstwo th, #buildsthree th, #buildsfour th, #specs th {
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: bold;
}

/*Target Headings*/
.geo {font-size: 3.5em; font-weight: 500; text-align: center; padding-bottom: 20px; font-family: 'Oswald', Arial, Helvetica, sans-serif !important;}

.bigText {
  font-size: 1.5em; 
  font-weight: 500;
  text-align: center;
	padding-bottom: 20px; clear: both;
  font-family:'Oswald', Arial, Helvetica, sans-serif !important;
}

#geo, #geo th, #geo tr, #geo td, #geo table th  {border: 0 !important; background-color: white;}
#geotwo, #geotwo th, #geotwo tr, #geotwo td, #geotwo table th  {border: 0 !important; background-color: white;}
#builds, #builds th, #builds tr, #builds td, #builds table th  {border: 0 !important; background-color: white; vertical-align: top;}
#buildstwo, #buildstwo th, #buildstwo tr, #buildstwo td, #buildstwo table th  {border: 0 !important; background-color: white; vertical-align: top;}
#buildsthree, #buildsthree th, #buildsthree tr, #buildsthree td, #buildsthree table th  {border: 0 !important; background-color: white; vertical-align: top;}
#buildsfour, #buildsfour th, #buildsfour tr, #buildsfour td, #buildsfour table th  {border: 0 !important; background-color: white; vertical-align: top;}
#specs, #specs th, #specs tr, #specs td, #specs table th  {border: 0 !important; background-color: white; vertical-align: top;}

/*Target Headings*/
#geo th {text-align: center;}
#geo th:first-child {border: 0; text-align: left;} /* first column */
#geo th:nth-child(even) {background-color: #f2f2f2;} /* second column */
#geo th:nth-child(odd) {border: 0;} /* third column */

#geotwo th {text-align: center;}
#geotwo th:first-child {border: 0; text-align: left;} /* first column */
#geotwo th:nth-child(even) {background-color: #f2f2f2;} /* second column */
#geotwo th:nth-child(odd) {border: 0;} /* third column */

#builds th {text-align: left; font-size: 1.3em; font-weight:bold;}
#builds th:nth-child(even) {background-color: #f2f2f2;} /* second column */
#builds th:nth-child(odd) {border: 0;} /* third column */
#builds th:nth-child(1) {border: 0; font-weight: bold;} /* first column */
#builds th:nth-child(2), #builds th:nth-child(3) {text-align: center; font-weight:bold;}

#buildstwo th {text-align: left; font-size: 1.3em; font-weight:bold;}
#buildstwo th:nth-child(even) {background-color: #f2f2f2;} /* second column */
#buildstwo th:nth-child(odd) {border: 0;} /* third column */
#buildstwo th:nth-child(1) {border: 0; font-weight: bold;} /* first column */
#buildstwo th:nth-child(2), #buildstwo th:nth-child(3) {text-align: center; font-weight:bold;}

#buildsthree th {text-align: left; font-size: 1.3em; font-weight:bold;}
#buildsthree th:nth-child(even) {background-color: #f2f2f2;} /* second column */
#buildsthree th:nth-child(odd) {border: 0;} /* third column */
#buildsthree th:nth-child(1) {border: 0; font-weight: bold;} /* first column */
#buildsthree th:nth-child(2), #buildstwo th:nth-child(3) {text-align: center; font-weight:bold;}

#buildsfour th {text-align: left; font-size: 1.3em; font-weight:bold;}
#buildsfour th:nth-child(even) {background-color: #f2f2f2;} /* second column */
#buildsfour th:nth-child(odd) {border: 0;} /* third column */
#buildsfour th:nth-child(1) {border: 0; font-weight: bold;} /* first column */
#buildsfour th:nth-child(2), #buildstwo th:nth-child(3) {text-align: center; font-weight:bold;}

#specs th {text-align: left; }
#specs th:nth-child(even) {background-color: #f2f2f2;} /* second column */
#specs th:nth-child(odd) {border: 0;} /* third column */
#specs th:nth-child(1) {border: 0} /* first column */
#specs th:nth-child(2) {text-align: center; font-weight: normal;}

/*Target Rows*/
/*#geo tr:nth-child(even) {background-color:#F2F2F2;}*/
/*#geo tr {border-bottom: 1px solid #ccc;}*/

/*Target Columns*/
#geo tr td:nth-child(1) {background-color: none; border:0; font-weight:bold;}
#geo tr td:nth-child(2) {text-align: left; font-weight:bold;}
#geo tr td:nth-child(3) {background-color: #f2f2f2; text-align: center;}
#geo tr td:nth-child(4) {background-color: #f2f2f2; text-align: center;}
#geo tr td:nth-child(5) {background-color: #f2f2f2; text-align: center;}
#geo tr td:nth-child(6) {background-color: #f2f2f2; text-align: center;}
#geo tr td:nth-child(7) {background-color: #f2f2f2; text-align: center;}
#geo tr td:nth-child(7) {background-color: #f2f2f2; text-align: center;}
#geo tr td:nth-child(8) {background-color: #f2f2f2; text-align: center;} 

#geotwo tr td:nth-child(1) {background-color: none; border:0; font-weight:bold;}
#geotwo tr td:nth-child(2) {text-align: left; font-weight:bold;}
#geotwo tr td:nth-child(3) {background-color: #f2f2f2; text-align: center;}
#geotwo tr td:nth-child(4) {background-color: #f2f2f2; text-align: center;}
#geotwo tr td:nth-child(5) {background-color: #f2f2f2; text-align: center;}
#geotwo tr td:nth-child(6) {background-color: #f2f2f2; text-align: center;}
#geotwo tr td:nth-child(7) {background-color: #f2f2f2; text-align: center;}

#builds tr td:nth-child(1) {background-color: none; border:0; font-weight:bold; text-align: left;}
#builds tr td:nth-child(2) {text-align: center;}
#builds tr td:nth-child(3) {background-color: #f2f2f2; text-align: center;}
#builds tr td:nth-child(5) {background-color: #f2f2f2; text-align: center;}
#builds tr:nth-child(2) {font-weight:normal;}
#builds tr td {}

#buildstwo tr td:nth-child(1) {background-color: none; border:0; font-weight:bold; text-align: left;}
#buildstwo tr td:nth-child(2) {text-align: center;}
#buildstwo tr td:nth-child(3) {background-color: #ddd; text-align: center;}
#buildstwo tr td:nth-child(5) {background-color: #ddd; text-align: center;}
#buildstwo tr:nth-child(2) {font-weight:normal;}
#buildstwo tr td {}

#buildsthree tr td:nth-child(1) {background-color: none; border:0; font-weight:bold; text-align: left;}
#buildsthree tr td:nth-child(2) {text-align: center;}
#buildsthree tr td:nth-child(3) {background-color: #ddd; text-align: center;}
#buildsthree tr td:nth-child(5) {background-color: #ddd; text-align: center;}
#buildsthree tr:nth-child(2) {font-weight:normal;}
#buildsthree tr td {}

#buildsfour tr td:nth-child(1) {background-color: none; border:0; font-weight:bold; text-align: left;}
#buildsfour tr td:nth-child(2) {text-align: center;}
#buildsfour tr td:nth-child(3) {background-color: #f2f2f2; text-align: center;}
#buildsfour tr td:nth-child(5) {background-color: #f2f2f2; text-align: center;}
#buildsfour tr:nth-child(2) {font-weight:normal;}
#buildsfour tr td {}

#specs tr td:nth-child(1) {background-color: none; border:0; font-weight:bold; text-align: left;}
#specs tr td:nth-child(2) {text-align: center;}
#specs tr td:nth-child(3) {background-color: #ddd; text-align: center;}
#specs tr td:nth-child(5) {background-color: #ddd; text-align: center;}


/*Target Columns*/
#geo tr td:first-child {background-color:white;} 
#geo tr td:first-child + td {background-color:white;} 
#geo tr td:first-child + td + td {background-color:#f2f2f2;} 
#geo tr td:first-child + td + td + td {background-color:white;} 
#geo tr td:first-child + td + td + td + td {background-color:#f2f2f2;} 
#geo tr td:first-child + td + td + td + td + td {background-color:white;}
#geo tr td:first-child + td + td + td + td + td + td {background-color:#f2f2f2;}
#geo tr td:first-child + td + td + td + td + td + td + td {background-color:white;} 

#geotwo tr td:first-child {background-color:white;} 
#geotwo tr td:first-child + td {background-color:white;} 
#geotwo tr td:first-child + td + td {background-color:#f2f2f2;} 
#geotwo tr td:first-child + td + td + td {background-color:white;} 
#geotwo tr td:first-child + td + td + td + td {background-color:#f2f2f2;} 
#geotwo tr td:first-child + td + td + td + td + td {background-color:white;}

#geo tr td:first-child {background-color:white; white-space: nowrap; padding-right: 1px !important;} /*Here*/
#geo tr td:nth-child(2), 
#geo tr td:nth-child(3), 
#geo tr td:nth-child(4),
#geo tr td:nth-child(5),
#geo tr td:nth-child(6){padding-right: 10px !important; padding-left: 10px;} 

#geotwo tr td:first-child {background-color:white; white-space: nowrap; padding-right: 10px !important;} 
#geotwo tr td:nth-child(2), 
#geotwo tr td:nth-child(3), 
#geotwo tr td:nth-child(4),
#geotwo tr td:nth-child(5),
#geotwo tr td:nth-child(6){padding-right: 10px !important; padding-left: 10px;} 

#builds tr td:first-child + td {background-color:#f2f2f2;} 
#builds tr td:first-child + td + td {background-color:white;} 
#builds tr td:first-child + td + td + td {background-color:#f2f2f2;} 
#builds tr td:first-child + td + td + td + td {background-color:white;} 
#builds tr td:first-child + td + td + td + td + td {background-color:#f2f2f2;}

#buildstwo tr td:first-child + td {background-color:#f2f2f2;} 
#buildstwo tr td:first-child + td + td {background-color:white;} 
#buildstwo tr td:first-child + td + td + td {background-color:#f2f2f2;} 
#buildstwo tr td:first-child + td + td + td + td {background-color:white;} 
#buildstwo tr td:first-child + td + td + td + td + td {background-color:#f2f2f2;}

#buildsthree tr td:first-child + td {background-color:#f2f2f2;} 
#buildsthree tr td:first-child + td + td {background-color:white;} 
#buildsthree tr td:first-child + td + td + td {background-color:#f2f2f2;} 
#buildsthree tr td:first-child + td + td + td + td {background-color:white;} 
#buildsthree tr td:first-child + td + td + td + td + td {background-color:#f2f2f2;}

#buildsfour tr td:first-child + td {background-color:#f2f2f2;} 
#buildsfour tr td:first-child + td + td {background-color:white;} 
#buildsfour tr td:first-child + td + td + td {background-color:#f2f2f2;} 
#buildsfour tr td:first-child + td + td + td + td {background-color:white;} 
#buildsfour tr td:first-child + td + td + td + td + td {background-color:#f2f2f2;}

#builds tr td:first-child {background-color:white; white-space: nowrap; padding-right: 10px !important;} 
#builds tr td:nth-child(2), #builds tr td:nth-child(3) {padding-right: 10px !important; padding-left: 10px; width: 40%;} 

#buildstwo tr td:first-child {background-color:white; white-space: nowrap; padding-right: 10px !important;} 
#buildstwo tr td:nth-child(2), #buildstwo tr td:nth-child(3) {padding-right: 10px !important; padding-left: 10px; width: 40%;} 

#buildsthree tr td:first-child {background-color:white; white-space: nowrap; padding-right: 10px !important;} 
#buildsthree tr td:nth-child(2), #buildsthree tr td:nth-child(3) {padding-right: 10px !important; padding-left: 10px; width: 40%;} 

#buildsfour tr td:first-child {background-color:white; white-space: nowrap; padding-right: 10px !important;} 
#buildsfour tr td:nth-child(2), #buildsfour tr td:nth-child(3) {padding-right: 10px !important; padding-left: 10px; width: 40%;} 

/* Indent Text */
#builds tbody tr:nth-child(4) td:nth-child(1), 
#builds tbody tr:nth-child(5) td:nth-child(1),
#builds tbody tr:nth-child(7) td:nth-child(1),
#builds tbody tr:nth-child(8) td:nth-child(1),
#builds tbody tr:nth-child(10) td:nth-child(1),
#builds tbody tr:nth-child(11) td:nth-child(1),
#builds tbody tr:nth-child(12) td:nth-child(1),
#builds tbody tr:nth-child(13) td:nth-child(1),
#builds tbody tr:nth-child(14) td:nth-child(1),
#builds tbody tr:nth-child(15) td:nth-child(1),
#builds tbody tr:nth-child(16) td:nth-child(1),
#builds tbody tr:nth-child(18) td:nth-child(1),
#builds tbody tr:nth-child(19) td:nth-child(1),
#builds tbody tr:nth-child(20) td:nth-child(1),
#builds tbody tr:nth-child(21) td:nth-child(1),
#builds tbody tr:nth-child(22) td:nth-child(1),
#builds tbody tr:nth-child(23) td:nth-child(1),
#builds tbody tr:nth-child(24) td:nth-child(1),
#builds tbody tr:nth-child(26) td:nth-child(1),
#builds tbody tr:nth-child(27) td:nth-child(1),
#builds tbody tr:nth-child(28) td:nth-child(1),
#builds tbody tr:nth-child(29) td:nth-child(1),
#builds tbody tr:nth-child(30) td:nth-child(1)
{
  font-weight: normal;
  padding-left: 20px;
}

#buildstwo tbody tr:nth-child(4) td:nth-child(1),
#buildstwo tbody tr:nth-child(5) td:nth-child(1),
#buildstwo tbody tr:nth-child(7) td:nth-child(1),
#buildstwo tbody tr:nth-child(8) td:nth-child(1),
#buildstwo tbody tr:nth-child(10) td:nth-child(1),
#buildstwo tbody tr:nth-child(11) td:nth-child(1),
#buildstwo tbody tr:nth-child(12) td:nth-child(1),
#buildstwo tbody tr:nth-child(13) td:nth-child(1),
#buildstwo tbody tr:nth-child(14) td:nth-child(1),
#buildstwo tbody tr:nth-child(15) td:nth-child(1),
#buildstwo tbody tr:nth-child(16) td:nth-child(1),
#buildstwo tbody tr:nth-child(18) td:nth-child(1),
#buildstwo tbody tr:nth-child(19) td:nth-child(1),
#buildstwo tbody tr:nth-child(20) td:nth-child(1),
#buildstwo tbody tr:nth-child(21) td:nth-child(1),
#buildstwo tbody tr:nth-child(22) td:nth-child(1),
#buildstwo tbody tr:nth-child(23) td:nth-child(1),
#buildstwo tbody tr:nth-child(24) td:nth-child(1),
#buildstwo tbody tr:nth-child(26) td:nth-child(1),
#buildstwo tbody tr:nth-child(27) td:nth-child(1),
#buildstwo tbody tr:nth-child(28) td:nth-child(1),
#buildstwo tbody tr:nth-child(29) td:nth-child(1),
#buildstwo tbody tr:nth-child(30) td:nth-child(1)
{
  font-weight: normal;
  padding-left: 20px;
}

#buildsthree tbody tr:nth-child(4) td:nth-child(1),
#buildsthree tbody tr:nth-child(5) td:nth-child(1),
#buildsthree tbody tr:nth-child(7) td:nth-child(1),
#buildsthree tbody tr:nth-child(8) td:nth-child(1),
#buildsthree tbody tr:nth-child(10) td:nth-child(1),
#buildsthree tbody tr:nth-child(11) td:nth-child(1),
#buildsthree tbody tr:nth-child(12) td:nth-child(1),
#buildsthree tbody tr:nth-child(13) td:nth-child(1),
#buildsthree tbody tr:nth-child(14) td:nth-child(1),
#buildsthree tbody tr:nth-child(15) td:nth-child(1),
#buildsthree tbody tr:nth-child(16) td:nth-child(1),
#buildsthree tbody tr:nth-child(18) td:nth-child(1),
#buildsthree tbody tr:nth-child(19) td:nth-child(1),
#buildsthree tbody tr:nth-child(20) td:nth-child(1),
#buildsthree tbody tr:nth-child(21) td:nth-child(1),
#buildsthree tbody tr:nth-child(22) td:nth-child(1),
#buildsthree tbody tr:nth-child(23) td:nth-child(1),
#buildsthree tbody tr:nth-child(24) td:nth-child(1),
#buildsthree tbody tr:nth-child(26) td:nth-child(1),
#buildsthree tbody tr:nth-child(27) td:nth-child(1),
#buildsthree tbody tr:nth-child(28) td:nth-child(1),
#buildsthree tbody tr:nth-child(29) td:nth-child(1),
#buildsthree tbody tr:nth-child(30) td:nth-child(1)
{
  font-weight: normal;
  padding-left: 20px;
}

#buildsfour tbody tr:nth-child(4) td:nth-child(1),
#buildsfour tbody tr:nth-child(5) td:nth-child(1),
#buildsfour tbody tr:nth-child(7) td:nth-child(1),
#buildsfour tbody tr:nth-child(8) td:nth-child(1),
#buildsfour tbody tr:nth-child(10) td:nth-child(1),
#buildsfour tbody tr:nth-child(11) td:nth-child(1),
#buildsfour tbody tr:nth-child(12) td:nth-child(1),
#buildsfour tbody tr:nth-child(13) td:nth-child(1),
#buildsfour tbody tr:nth-child(14) td:nth-child(1),
#buildsfour tbody tr:nth-child(15) td:nth-child(1),
#buildsfour tbody tr:nth-child(16) td:nth-child(1),
#buildsfour tbody tr:nth-child(18) td:nth-child(1),
#buildsfour tbody tr:nth-child(19) td:nth-child(1),
#buildsfour tbody tr:nth-child(20) td:nth-child(1),
#buildsfour tbody tr:nth-child(21) td:nth-child(1),
#buildsfour tbody tr:nth-child(22) td:nth-child(1),
#buildsfour tbody tr:nth-child(23) td:nth-child(1),
#buildsfour tbody tr:nth-child(24) td:nth-child(1),
#buildsfour tbody tr:nth-child(26) td:nth-child(1),
#buildsfour tbody tr:nth-child(27) td:nth-child(1),
#buildsfour tbody tr:nth-child(28) td:nth-child(1),
#buildsfour tbody tr:nth-child(29) td:nth-child(1),
#buildsfour tbody tr:nth-child(30) td:nth-child(1)
{
  font-weight: normal;
  padding-left: 20px;
}

#specs tr td:first-child {background-color:white;} 
#specs tr td:first-child + td {background-color:#f2f2f2;} 
#specs tr td:first-child + td + td {background-color:white;} 
#specs tr td:first-child + td + td + td {background-color:#f2f2f2;} 
#specs tr td:first-child + td + td + td + td {background-color:white;} 
#specs tr td:first-child + td + td + td + td + td {background-color:#f2f2f2;}

/*Hover*/
#geo tr:hover td:first-child {background-color: #ededed;}/* first column */
#geo tr:hover td:first-child + td {background-color: #ededed;}/* second column */
#geo tr:hover td:first-child + td + td {background-color: #ededed;}/* third column */
#geo tr:hover td:first-child + td + td + td {background-color: #ededed;}/* fourth column */
#geo tr:hover td:first-child + td + td + td + td {background-color: #ededed;}/* fifth column */
#geo tr:hover td:first-child + td + td + td + td + td {background-color: #ededed;}/* sixth column */
#geo tr:hover td:first-child + td + td + td + td + td + td {background-color: #ededed;}/* sixth column */
#geo tr:hover td:first-child + td + td + td + td + td + td + td {background-color: #ededed;}/* seventh column */

#geotwo tr:hover td:first-child {background-color: #ededed;}/* first column */
#geotwo tr:hover td:first-child + td {background-color: #ededed;}/* second column */
#geotwo tr:hover td:first-child + td + td {background-color: #ededed;}/* third column */
#geotwo tr:hover td:first-child + td + td + td {background-color: #ededed;}/* fourth column */
#geotwo tr:hover td:first-child + td + td + td + td {background-color: #ededed;}/* fifth column */
#geotwo tr:hover td:first-child + td + td + td + td + td {background-color: #ededed;}/* sixth column */
#geotwo tr:hover td:first-child + td + td + td + td + td + td {background-color: #ededed;}/* sixth column */

#builds tr:hover td:first-child {background-color: #ededed;}/* first column */
#builds tr:hover td:first-child + td {background-color: #ededed;}/* second column */
#builds tr:hover td:first-child + td + td {background-color: #ededed;}/* third column */
#builds tr:hover td:first-child + td + td + td {background-color: #ededed;}/* fourth column */
#builds tr:hover td:first-child + td + td + td + td {background-color: #ededed;}/* fifth column */
#builds tr:hover td:first-child + td + td + td + td + td {background-color: #ededed;}/* sixth column */

#buildstwo tr:hover td:first-child {background-color: #ededed;}/* first column */
#buildstwo tr:hover td:first-child + td {background-color: #ededed;}/* second column */
#buildstwo tr:hover td:first-child + td + td {background-color: #ededed;}/* third column */
#buildstwo tr:hover td:first-child + td + td + td {background-color: #ededed;}/* fourth column */
#buildstwo tr:hover td:first-child + td + td + td + td {background-color: #ededed;}/* fifth column */
#buildstwo tr:hover td:first-child + td + td + td + td + td {background-color: #ededed;}/* sixth column */

#buildsthree tr:hover td:first-child {background-color: #ededed;}/* first column */
#buildsthree tr:hover td:first-child + td {background-color: #ededed;}/* second column */
#buildsthree tr:hover td:first-child + td + td {background-color: #ededed;}/* third column */
#buildsthree tr:hover td:first-child + td + td + td {background-color: #ededed;}/* fourth column */
#buildsthree tr:hover td:first-child + td + td + td + td {background-color: #ededed;}/* fifth column */
#buildsthree tr:hover td:first-child + td + td + td + td + td {background-color: #ededed;}/* sixth column */

#buildsfour tr:hover td:first-child {background-color: #ededed;}/* first column */
#buildsfour tr:hover td:first-child + td {background-color: #ededed;}/* second column */
#buildsfour tr:hover td:first-child + td + td {background-color: #ededed;}/* third column */
#buildsfour tr:hover td:first-child + td + td + td {background-color: #ededed;}/* fourth column */
#buildsfour tr:hover td:first-child + td + td + td + td {background-color: #ededed;}/* fifth column */
#buildsfour tr:hover td:first-child + td + td + td + td + td {background-color: #ededed;}/* sixth column */

#specs th:hover {background-color: #ededed;}/* first column */
#specs tr:hover td {background-color: #ededed;}/* first column */
#specs tr:hover td:first-child + td {background-color: #ededed;}/* second column */
#specs tr:hover td:first-child + td + td {background-color: #ededed;}/* third column */
#specs tr:hover td:first-child + td + td + td {background-color: #ededed;}/* fourth column */
#specs tr:hover td:first-child + td + td + td + td {background-color: #ededed;}/* fifth column */
#specs tr:hover td:first-child + td + td + td + td + td {background-color: #ededed;}/* sixth column */

#builds tbody tr:nth-child(3) td:nth-child(2),
#builds tbody tr:nth-child(6) td:nth-child(2),
#builds tbody tr:nth-child(9) td:nth-child(2),
#builds tbody tr:nth-child(17) td:nth-child(2),
#builds tbody tr:nth-child(25) td:nth-child(2)
{
  font-weight: bold;
  color: black;
}

#buildstwo tbody tr:nth-child(3) td:nth-child(2),
#buildstwo tbody tr:nth-child(6) td:nth-child(2),
#buildstwo tbody tr:nth-child(9) td:nth-child(2),
#buildstwo tbody tr:nth-child(17) td:nth-child(2),
#buildstwo tbody tr:nth-child(25) td:nth-child(2)
{
  font-weight: bold;
  color: black;
}

#buildsthree tbody tr:nth-child(3) td:nth-child(2),
#buildsthree tbody tr:nth-child(6) td:nth-child(2),
#buildsthree tbody tr:nth-child(9) td:nth-child(2),
#buildsthree tbody tr:nth-child(17) td:nth-child(2),
#buildsthree tbody tr:nth-child(25) td:nth-child(2)
{
  font-weight: bold;
  color: black;
}

#buildsfour tbody tr:nth-child(3) td:nth-child(2),
#buildsfour tbody tr:nth-child(6) td:nth-child(2),
#buildsfour tbody tr:nth-child(9) td:nth-child(2),
#buildsfour tbody tr:nth-child(17) td:nth-child(2),
#buildsfour tbody tr:nth-child(25) td:nth-child(2)
{
  font-weight: bold;
  color: black;
}

#builds tbody tr:nth-child(3) td:nth-child(3),
#builds tbody tr:nth-child(6) td:nth-child(3),
#builds tbody tr:nth-child(9) td:nth-child(3),
#builds tbody tr:nth-child(17) td:nth-child(3),
#builds tbody tr:nth-child(25) td:nth-child(3)
{
  font-weight: bold;
  color: black;
}

#buildstwo tbody tr:nth-child(3) td:nth-child(3),
#buildstwo tbody tr:nth-child(6) td:nth-child(3),
#buildstwo tbody tr:nth-child(9) td:nth-child(3),
#buildstwo tbody tr:nth-child(17) td:nth-child(3),
#buildstwo tbody tr:nth-child(25) td:nth-child(3)
{
  font-weight: bold;
  color: black;
}

#buildsthree tbody tr:nth-child(3) td:nth-child(3),
#buildsthree tbody tr:nth-child(6) td:nth-child(3),
#buildsthree tbody tr:nth-child(9) td:nth-child(3),
#buildsthree tbody tr:nth-child(17) td:nth-child(3),
#buildsthree tbody tr:nth-child(25) td:nth-child(3)
{
  font-weight: bold;
  color: black;
}

#buildsfour tbody tr:nth-child(3) td:nth-child(3),
#buildsfour tbody tr:nth-child(6) td:nth-child(3),
#buildsfour tbody tr:nth-child(9) td:nth-child(3),
#buildsfour tbody tr:nth-child(17) td:nth-child(3),
#buildsfour tbody tr:nth-child(25) td:nth-child(3)
{
  font-weight: bold;
  color: black;
}

/*Target 1st Column*/
#builds tr:nth-child(1) {font-weight:bold; font-size: 1.2em;}
/*#builds tr td.cat{font-weight: normal; padding-left: 25px !important;}*/
#buildstwo tr:nth-child(1) {font-weight:bold; font-size: 1.2em;}
/*#buildstwo tr td.cat{font-weight: normal; padding-left: 25px !important;}*/
#buildsthree tr:nth-child(1) {font-weight:bold; font-size: 1.2em;}
/*#buildsthree tr td.cat{font-weight: normal; padding-left: 25px !important;}*/
#buildsfour tr:nth-child(1) {font-weight:bold; font-size: 1.2em;}
/*#buildsfour tr td.cat{font-weight: normal; padding-left: 25px !important;}*/

/*Begin: This fix is for HTML page anchors to accommodaate fixed header has since stopped working for some mysterious reason.
Leaving code here just because.
See solution immediately  below --> "html {scroll-padding-top: (height of fixed header)}"*/
#geometry, #geometry-29, #geometry-mx, #152-geometry, #170-geometry, #specifications, #152-specifications, #170-specifications,
#build-kit, #build-kit-mx, #ams-compatibility,  #bikebuttons,
#build-kit-XO, #build-kit-GX-AXS-FX, #build-kit-GX-AXS-RS, #build-kit-deore,
#build-kit-slx, #build-kit-gx, #build-kit-xt, #build-kit-x01, #build-kit-xx, #152-build-kit, #170-build-kit
{
  scroll-margin-top: 150px;
}
/*End: Fix for HTML page anchors to accommodaate fixed header*/

/*Begin: Fix for HTML page anchors to accommodaate fixed header.*/
html {
   scroll-padding-top: 150px;
}
/*End: Fix for HTML page anchors to accommodaate fixed header.*/

/*Begin: Responsive iframe holder*/
.super-iframe-holder {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.super-iframe-holder iframe,
.super-iframe-holder object,
.super-iframe-holder embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  bottom: 0;
  outline: 0;
}
/*End: Responsive iframe holder*/
/*-------------------------------
/*-- END: JAMES' BIKE TABLES ---
--------------------------------*/

/*-------------------------
--- BEGIN: CUSTOM PAGES ---
--------------------------*/
body {
  font-family: "Inter", sans-serif;
}
.container_til {
  font-family: "Trirong", sans-serif;
  background-color: ;
  /*padding: 1rem;*/
  /*padding-bottom: 3rem;*/
}
.cell {
  padding: 1rem;
  border: 1px solid #a5a5a5;
}
.cellsalesbanner {/*Sales Page Banner*/
  border: 0;
  /*width: 100%;*/
}
.cellsalesbanner > div {
  margin-bottom: 1rem;
}
/*Our Service page*/
.cell.servicetext {
  border-top: 8px solid #a5a5a5;
}
/*End: Our Service page*/
.gridfive {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 1rem;
}
.gridfour {
  display: grid;
  grid-template-columns: 1fr 1fr 1f 1fr;
  grid-gap: 1rem;
}
.gridthree {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
}
.gridtwo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}
.gridgeo {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 1rem;
}
.gridbikepurchase {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  grid-gap: 1rem;
}
/*Sales Page Banner*/
.gridsalesbanner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;/*See media queries for different columns*/
  border: 0;
  background-color: #29c093;
  width: 100%;
}
.salesbannertextlink {
  background-color: white;
  display: block;
  line-height: 3rem; 
  padding-bottom: 1rem;
  text-align: center; 
  text-decoration: none;
  font-weight: 600;
}
.salesbannertextlink:hover {
  color: #161616;
  font-weight: 600;
}
.cellsalesbanner a:has(> img):hover {
   /*position: relative;
   top: 0;*/
   opacity: 0.75
}
/*End: Sales page Banner*/

.cell:has(img) {
  padding-inline: 0;
  /*padding: 1.5rem;*/
  padding-bottom: 0;
  text-align: center !important;
}
.cell:has(ul) {
  padding-inline: 0;
  padding: 0;
}
.banner {
  width: 100%;
  margin: 0 0 1rem 0;
}


/*Begin: Bikes Page banner https://www.theinsideline.ca/bikes/*/
.bikesbanner {
   width: 100%;
   height: 100%;
  display: flex;
  overflow: hidden;
}
.bikescell {
  border: 0;
  background-color: #29c093;
     width: 100%;
}
.bikescell img {
   width: 100%;
   height: 100%;
  }
.bikescell a:has(> img):hover {
   /*position: relative;
   top: 0;*/
   opacity: 0.75
}
/*End: Bikes Page banner https://www.theinsideline.ca/bikes/*/



.fullwidth {
  width: 100%;
}
.bordernone {
  border: 0;
}
.border {
  border: 1px solid #a5a5a5;
}
.paddingnone {
  padding: 0;
}
.centertexthor {
  text-align: center;
}
.shopbtns {
  display: grid;
  align-items: end;
  grid-gap: 10px;
  padding-block: 0 3rem !important;
  margin: auto;
  width: 88%;
  width: 100%;
} 
.threebtns {
  padding-block: 0 !important;
}


.tauntext {
  display: table-cell; 
  height: 500px;/*See media querries for different heights.*/
  vertical-align: middle;
}

.serviceheight {height: 40rem;}/*See media querries for different heights.*/

.shoptext {
  padding: 0 2rem !important;
}
.shoptext p {
  min-height: var(--pheight); 
  border: var(--pborder);
}
.devincitext {
  margin: 0rem 0rem auto;
  /*padding: 0 1.5rem 1rem !important;*/
}

.servicetext {
  padding: 0 2rem !important;
}
.servicetext h3 {
  text-align: center !important;
}
.servicetext ul {
  height: 29rem !important;
  text-align: left !important;
}
.servicetext ul ul {
  height: 100% !important;
}
.servicetext ul ~ h3 {padding: 0 0 1em !important;}

.graytext {color: #858585;}

/*--Begin: Services Page Icons--*/
.iconsservices {width: 9rem;}
.iconwrench {width: 7.75rem; padding: 0.75em 1em 2em !important;}
/*--End: Services Page Icons--*/

/*
.bannershopall {
  border: 1px solid #a5a5a5;
  font-family: "Oswald", sans-serif;
  font-size: 2em;
  font-weight: 800;
  text-align: center;
  padding-block: 2rem;
  margin: 2rem 0 4rem 0;
}
*/

.graybg {
    background-color: #ddd; 
}
.letsgetstarted {
	background-color: #ddd; 
	padding: 4rem 2rem;
  text-align: center;
	max-width: 34rem;/*See media queeries for other widths*/
	margin: auto;
}
.letsgetstarted .myButton {margin-top: 2rem;}

/*----------------------------------------------------
----BEGIN: Overide Theme's Styles on Specific Pages---
-----------------------------------------------------*/
.page-tonton-dev, .page-tonton, .page-tonton---bred-for-winter-in-the-rockies {
    margin: 0;
    overflow-x: hidden;
    position: relative;
}
.page-the-loam-ranger .section-control.container.max-width-xl.padding-y-xl,
.page-tonton .section-control.container.max-width-xl.padding-y-xl,
.page-tonton---bred-for-winter-in-the-rockies .section-control.container.max-width-xl.padding-y-xl {
	padding-top: 0;
}
.page-tonton-dev .margin-left-auto.margin-right-auto,
.page-tonton .margin-left-auto.margin-right-auto,
.page-tonton---bred-for-winter-in-the-rockies .margin-left-auto.margin-right-auto {
  /*margin-top: 0;*/
}
.page-the-loam-ranger .margin-left-auto.margin-right-auto h1.margin-bottom-sm,
.page-tonton .margin-left-auto.margin-right-auto h1.margin-bottom-sm,
.page-tonton---bred-for-winter-in-the-rockies .margin-left-auto.margin-right-auto h1.margin-bottom-sm {
   display: none;
}
.page-tonton-dev .margin-left-auto.margin-right-auto .margin-bottom-sm .text-component .bikesbanner {
  /*border: 5px dashed tomato !important;*/
}
/*---BEGIN: Child wider that parent---*/
.page-tonton-dev .bikesbanner, 
.page-tonton .bikesbanner,
.page-tonton---bred-for-winter-in-the-rockies .bikesbanner { /*IMPORTANT: Make sure to rename this class to 'page-' + 'whatever the page is named in Lighspeed'*/
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
  height: 100%;
}
.tonton-banner-desktop {display: block; /*See media querries*/}
.tonton-banner-mobile {display: none; /*See media querries*/}
/*---END: Child wider that parent---*/
/*---------------------------------------------------
----END: Overide Theme's Styles on Specific Pages----
----------------------------------------------------*/

/*-------------------------
--- BEGIN: LOAM RANGER ---
-------------------------*/
.btn-flex-wrapper {
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  gap: 10px;
  font-weight: 600;
} 

.laombtn {
  flex: 6;
  width: 100%;
  min-width: 160px;
  background-color: #E7E7E7;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  height: 42px; 
  height: 62px; 
  white-space: nowrap;
  cursor: pointer;
  align-content: center;
}

.laombtn:hover {
  background-color: #28B681;
  color: white;
}

.base-box img, .ibis-box img, .sdg-box img, 
.hayes-box img, .ridenf-box img, 
.manitou-box img, .michelin-box img {
  display: flex;
  align-contend: center;
  max-height: 550px;
  width: 100%;
}

#loam-news-letter h2, 
#ibis-dream-build h2 {
  text-align: center !important; 
  padding-bottom: 2rem;
}

.grid-loam-ranger {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 0;
  color: white;
  text-align: center;
  /*border: 2px dashed lightblue;*/
}

.gridtwo-loam-deal, 
.gridtwo-loam-reverse {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0;
  color: white;
  text-align: center;
}

.cell-loam-deal,
.cell-loam-deal-right { /*See media querries for height*/
	padding: 0;
}

.cell-loam-deal img { /*See media querries for height*/
  width: 100%;
  object-fit: fill; 
}

.text-loam-deal, 
.text-ibis-dream-build {
  padding: 0 2rem;
}

.text-loam-deal h3,
.text-loam-deal p,
.text-ibis-dream-build h3,
.text-ibis-dream-build p {
  color: white !important; 
}
.text-loam-deal h3,
.text-ibis-dream-build h3 {
  margin-top: -1rem;
  padding: 0 !important;
}
.text-loam-deal p,
.text-ibis-dream-build p {
  color: white !important;
  padding: 1rem 0;
}

#mce-EMAIL.required.email.loam-email {
  font-size: 1rem !important;
  margin: 0 0 2rem;
  padding: 0.7vw 7vw 0.7vw 0.7rem !important;
  text-align: left !important;
}

.button-loam { 
  background-color: white;
  border: none;
  border-radius: 90rem;
  cursor: pointer;
  padding: 0.7vw 5vw;
  /*padding: 0.7rem 7rem;*/
  font-size: 1rem;
  font-weight: 600;
}
.button-loam:hover { 
  background-color: #E7E7E7;
}
/*-------------------------
--- END: LOAM RANGER ---
-------------------------*/

.myButtonBlack {
  background-color: #161616;
  border: 0 !important;
  border-radius: 28px;
  display: inline-block;
  margin: 0.1rem auto;
  cursor: pointer;
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 700;
  width: 320px; /*See media querries*/
  padding: 14px 0px 14px 0px;
  text-decoration: none;
  text-align: center !important;
  /*padding: 0.125rem;*/
}
.myButtonBlack:hover {
  background-color: #75767b;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

/*---------------------------
--- BEGIN: MEDIA QUERRIES ---
----------------------------*/
@media only screen and (max-width: 10000px) {
  .gridtwo, .gridtwo-loam-deal {grid-template-columns: 1fr 1fr;}
  .gridthree {grid-template-columns: 1fr 1fr 1fr;}
  .gridfour {grid-template-columns: 1fr 1fr 1fr 1fr;}
  .gridfive {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
  .tauntext {height: 500px;}
  .gridsalesbanner {grid-template-columns: 1fr 1fr 1fr 1fr;}
  .watil {display: flex !important; align-items: center !important;} /*display: flex; for larger screens. Careers page*/
  #watil {text-align: center; } /*Careers page*/
  #watil > h2  {padding-top: 0; margin-top: 0;} /*Careers page*/
  #coreval .cell {height: 15rem;} /*Careers page.*/
}

@media only screen and (max-width: 1400px) {
  .gridgeo {grid-template-columns: 1fr;}
  .gridfour {grid-template-columns: 1fr 1fr 1fr;}
  .gridfour {grid-template-columns: 1fr 1fr 1fr 1fr;}
  .servicetext h3 {font-size: 1.5rem !important; }
  .tauntext {height: 450px;} 
  .serviceheight {height: 43rem;}
  .gridsalesbanner {grid-template-columns: 1fr 1fr 1fr 1fr;}
}

@media only screen and (max-width: 1200px) {
  .gridgeo {grid-template-columns: 1fr;}
  .gridfour {grid-template-columns: 1fr 1fr 1fr;}
  .tauntext {height: 300px;} 
  .serviceheight {height: 43rem;}
  .gridsalesbanner {grid-template-columns: 1fr 1fr 1fr 1fr;}
  #watil > p {max-width: 300px;}
}

@media only screen and (max-width: 1025px) {
  .serviceheight {height: 43rem;}
}
@media only screen and (max-width: 1024px) {
  .serviceheight {height: 35rem;}
  .myButtonBlack {width: 100%;}
	
}

@media only screen and (max-width: 900px) {
  .gridfour {grid-template-columns: 1fr 1fr;}
  .gridthree {grid-template-columns: 1fr 1fr;}
  .gridtwo, .gridtwo-loam-deal {grid-template-columns: 1fr 1fr;}
  .tooltiptext {font-size: .75em;}
  .serviceheight {height: 30rem;}
  .gridsalesbanner {grid-template-columns: 1fr 1fr 1fr 1fr;}
  .grid-loam-ranger {grid-template-columns: 1fr;}
  .myButtonBlack {width: 88%;}
}

@media only screen and (max-width: 720px) {
  .gridtwo {
    grid-template-columns: 1fr;
    .cell:nth-of-type(1) {order: 1;}
    .cell:nth-of-type(2) {order: 2;}
    .cell:nth-of-type(3) {order: 4;} /*Reverse order*/
    .cell:nth-of-type(4) {order: 3;} /*Reverse order*/
    .cell:nth-of-type(5) {order: 5;}
    .cell:nth-of-type(6) {order: 6;}
    .cell:nth-of-type(7) {order: 8;} /*Reverse order*/
    .cell:nth-of-type(8) {order: 7;} /*Reverse order*/
  }
  .gridtwo-loam-deal, .gridtwo-loam-reverse {grid-template-columns: 1fr;}
  .gridthree {grid-template-columns: 1fr;}
  .gridfour {grid-template-columns: 1fr 1fr;}
  #geo, #geotwo, #builds, #builds, #specs {font-size: 0.7rem;} /*Font size for tables*/
  #geo.geotaun {font-size: 0.5em;}/*Specific to geometry table on Tauntaun pages*/
  div.bikeGeoImg {width: 350px; height: 250px;}
  div.bikeGeoImg.tauntaun {width: 300px; height: 200px;}
  .gridbikepurchase {grid-template-columns: 1fr;}
  .tooltiptext {font-size: .75em;}
  .container_icons.gridfive {display: none;}/*Hide icons on Our Service page.*/
  .choosetaunbuildimg {width: 69%;}
  .tab__content .cell {padding: 0;}
  .gridsalesbanner {grid-template-columns: 1fr;}
  .tonton-banner-desktop, .tonton-banner {display: none; /*See media querries*/}
  .tonton-banner-mobile, .tonton-banner {display: block; /*See media querries*/}
  .gridtwo-loam-reverse div:first-child {order: 2;}
  .cell-loam-deal-right, .cell-loam-deal {object-fit: cover; height: 20rem;} /*Same height as below*/
  .cell-loam-deal img {object-fit: cover; height: 20rem;} /*Same height as above*/
  .grid-loam-ranger {grid-template-columns: 1fr;}
}

@media only screen and (max-width: 370px) {
  .gridtwo {grid-template-columns: 1fr;}
  .gridfour {grid-template-columns: 1fr;}
  #geo, #geotwo, #builds, #builds, #specs {font-size: 0.7em;} /*Font size for tables*/
  #geo.geotaun {font-size: 0.475em;} /*Specific to geometry table on Tauntaun pages*/
   div.bikeGeoImg {width: 300px; height: 200px;}
  div.bikeGeoImg.tauntaun {width: 300px; height: 200px;}
  .letsgetstarted .myButton {padding: 16px 20px;}
  .container_icons.gridfive {display: none;}
  .tab__content .cell {padding: 0;}
  .gtr {width: 169px !important; border: 1px solid red;}
  .gridsalesbanner {grid-template-columns: 1fr;}
  .grid-loam-ranger {grid-template-columns: 1fr;}
};
/*--------------------------
--- END: MEDIA QUERRIES ---
----------------------------*/

.textlink {color: black; font-weight: 600; text-decoration: none !important;}
/*
.myButton {
  background-color: #ffffff;
  border: 1px solid #29c093;
  display: inline-block;
  cursor: pointer;
  color: #29c093;
  font-family: "Trirong", Arial, Helvetica, sans-serif !important;
  font-size: 20px;
  padding: 16px 31px;
  text-decoration: none !important;
  text-align: center;
  font-weight: 700;
}

.myButton:hover {
  text-decoration: none !important;
}
*/

.myButton, .myButtonArrow {
	background-color:#ffffff;
	display:inline-block;
  border:1px solid #23b68a;
	cursor:pointer;
	color:#23b68a;
	font-size:0.9em;
  font-weight: 600;
	padding:8px 30px 8px 30px;
	text-decoration:none;
  text-align:center;
  margin: 0.2rem;
}
.myButton:hover, .myButtonArrow:hover {
	background-color:#23b68a;
  color:#ffffff;
  transition: all 0.25s ease-in-out !important;
}
.myButton:active, .myButtonArrow:active {
	position:relative;
	top:1px;
}
.myButtonArrow::after {
  content: url('https://cdn.shoplightspeed.com/shops/638615/files/60506666/arrow-rt-gr.svg');
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  padding-left: 0.5rem;
}
.myButtonArrow:hover::after {
  content: url('https://cdn.shoplightspeed.com/shops/638615/files/60510035/arrow-rt-wt.svg');
}

.mycell2 strong{
  font-weight: 900;
}

.mycell2 div{
 margin-bottom: 30px;
}
.mycell2 p {
  margin-bottom: 13px;

}

.mycell2 {
  padding: 10px;
}

.mycell2 select {
    background: #E5E5E5;
    height: 50px;
    padding: 10px 12px;
    color: #A5A5A5;
    border: 0;
}

.myButtonBlack2:hover {
    background-color: #75767b;
    color: #ffffff !important;
    text-decoration: none !important;
}

.myButtonBlack2 {
    border-radius: 12rem;
    width: 69% !important;
    font-weight: 100;
    font-size: 20px;
    height: 52px;
    background-color: #1c1c21;
    border: 0 !important;
    display: block;
    cursor: pointer;
    color: #ffffff !important;
    font-family: "Trirong", Arial, Helvetica, sans-serif !important;
    font-size: 22px;
    padding: 13px 0;
    width: 100%;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    border: 1px dashed pink;
}


.myButtonBlackNot {
  background-color: #1c1c21;
  border: 0 !important;
  display: inline-block;
  cursor: default;
  color: #ffffff !important;
  font-family: "Trirong", Arial, Helvetica, sans-serif !important;
  font-size: 1rem;
  padding: 13px 61px;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
}
.myButtonBlackNot:hover {
  background-color: #1c1c21;
  color: #ffffff !important;
}
.bannershopall {
  border: 1px solid #a9a9a9;
/* font-family: "Oswald", sans-serif; */
  font-weight: 700;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  color: #161616 !important;
  text-decoration: none;
  padding-block: 1rem;
  margin: 1rem 0 1rem 0;
}
.bannershopall:hover {
  background: #dddddd !important;
  border: 1px solid #dddddd;
  transition: all 0.25s ease-in-out;
}


/*--"Begin: Service Appointment Availabilities" Bold and centered top of website--*/ 
div.pre-header__msg {
	text-align: center;
  font-weight: 600;
  min-width: 200px;
  margin: 0 auto;
}

/*Begin: Making Your Bike Purchase Special*/
#textlink {font-weight: 600;}
.textlink {text-decoration: none; color: inherit;}

/*Begin: Tootips*/
.tooltippie {
  position: relative;
  display: inline-block;
}

.tooltippie .tooltiptext {
  visibility: hidden;
  width: 100% !important;
  font-weight: 600;
  background-color: none;
  color: #fff;
  text-align: center;
  padding: 40px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltippie:hover .tooltiptext {
  visibility: visible;
}
/*End: Tootips*/
/*------------------------
--- END: CUSTOM PAGES ---
-------------------------*/

/*-------------------------------------------------------------------------------------
--------------------------- END: MAIN STYLES FOR WEBSITE ----------------------------
-------------------------------------------------------------------------------------*/

/*-----------------
--- BEGIN: TABS ---
-------------------*/
.tab-wrap {
  /*-webkit-transition: 0.3s box-shadow ease;*/
  /*transition: 0.3s box-shadow ease;*/
  /*border-radius: 6px;*/
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;.tab-wrap; 
  /*border-radius: 6px;
  position: relative;
  list-style: none;
  background-color: #fff;
  margin: 40px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);*/
}
.tab-wrap:hover {
  /*box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);*/
}
.tab {
  display: none;
 }
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  /*text-shadow: 0 0 0;*/
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
   /*text-shadow: 0 0 0;*/
  
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
   /*text-shadow: 0 0 0;*/
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
   /*text-shadow: 0 0 0;*/
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
   /*text-shadow: 0 0 0;*/
}
.tab:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  /*margin-right: 0.5rem;*/ /*Bruce*/
}
.tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
  /*margin: 0 0.5rem;*/ /*Bruce*/
}
.tab:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  /*margin-left: 0.5rem;*/ /*Bruce*/
}
.tab:checked + label {
  background-color: #fff;
  box-shadow: 0 -1px 0 #fff inset;
  cursor: default;
  font-weight: 700;
  /*border: 1px solid #161619;*/ /*Bruce*/
  /*box-shadow: inset -1px 0 0 #ccc, inset 0 -1px 0 #ccc, inset 1px 0 0 #cc, inset 0 1px 0 #ccc;*/ /*Bruce*/
  box-shadow: inset -1px 0 0 gray, inset 0 -1px 0 gray, inset 1px 0 0 gray, inset 0 1px 0 gray; /*Bruce*/
}
.tab:checked + label:hover {
  box-shadow: 0 -1px 0 #fff inset;
  background-color: #fff;
  font-weight: 700;
  box-shadow: inset -1px 0 0 gray, inset 0 -1px 0 gray, inset 1px 0 0 gray, inset 0 1px 0 gray; /*Bruce*/
}
.tab + label {
  box-shadow: 0 -1px 0 #eee inset;
  /*border-radius: 6px 6px 0 0;*/
  cursor: pointer;
  display: block;
  text-decoration: none !important;
  color: #161616;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  text-align: center;
  background-color: #f2f2f2;
  background-color: #E5E5E5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  -webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  height: 4.125rem;
  box-sizing: border-box;
  padding: 1.25rem;
  font-size: 1.3rem;/*Tab font size*/
  font-weight: 700; /*Bruce*/
  border: 0px solid white; /*Bruce*/
}
.tab + label:hover {
  background-color: #dddddd;
  box-shadow: 0 1px 0 #f4f4f4 inset;
}
.tab__content {
  padding: 2rem 0 0; /*Bruce*/
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  /*border-radius: 6px;*/
}

.tab-wrap:hover {
  /*box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);*/
}
/*----------------
--- END: TABS ---
------------------*/

/*BEGIN: Core Values. Careers Page.*/
/*.watil {display: flex; align-items: center;}*/ /*See media queries*/
#watil h2, #watil > p {text-align: center;} /*See media queries*/
#watil > p {max-width: 500px;} /*See media queries*/
#coreval > div {
  border: none;
  background-repeat: no-repeat;
  background-position: 45px;
  background-size: 79px 79px;
}
#coreval > div:nth-child(1),
#coreval > div:nth-child(4) {
  background-color: #e0e0e0 !important;
}
#coreval > div:nth-child(2),
#coreval > div:nth-child(3) {
  background-color: #f0f0f0 !important;
}
#coreval > div:nth-child(1) {
  background-image: url("https://cdn.shoplightspeed.com/shops/638615/files/60412699/icon-coreval-01.png");
}
#coreval > div:nth-child(2) {
  background-image: url("https://cdn.shoplightspeed.com/shops/638615/files/60412698/icon-coreval-02.png");
}
#coreval > div:nth-child(3) {
  background-image: url("https://cdn.shoplightspeed.com/shops/638615/files/60412697/icon-coreval-03.png");
}
#coreval > div:nth-child(4) {
  background-image: url("https://cdn.shoplightspeed.com/shops/638615/files/60412696/icon-coreval-04.png");
}
#coreval > div.cell {
  padding: 0 30px 0 180px;
  display: flex; align-items: center;
}
.italic {
  font-style: italic;
}
/*END: Core Values. Careers Page*/


/*--Begin: Add to cart Button Styling--*/
button[id="addToCart"] {
    background: #23b68a;
}
button[id="addToCart"]:hover {
    background: #1ac18f !important;
    transition: all 0.3s ease-in-out;
}
button[id="addToCart"] > span {
    margin-left:5px;
}
/*--End: Add to cart Button Styling--*/


/*--Begin: Target Button on Home Page Full-width Banner.--*/
.hero__buttons-wrapper.margin-top-auto.flex.items-center a.btn {
  background-color: white; 
  background: rgba(256, 256, 256, 0.95);
  border-radius: 90px;
  padding: 0em;
  top: 5em;
  left: 0.84em;
  text-decoration: none !important;
  letter-spacing: -0.015rem;
  width: 220px;
  height: 50px;

  -webkit-text-stroke: 0.4px;
	/* or */
/*	-webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.6); */
	/* or */
/*	text-shadow: #fff 0px 1px 1px; 
} */
/*--End: Target Button on Home Page Full-width Banner--*/
  .faq-nav-wrapper {
  background: #fff;
  padding: 1em 0 0.5em 0;
  border-bottom: 1px solid #ccc;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .faq-nav-wrapper {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
}
  
  /*--Begin: FAQ Page Styling--*/
.faq-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4em;
  margin: 0 auto;
  padding: 0 1em;
}

.faq-nav a {
  flex: 0 0 19%;
  max-width: 19%;
}  text-align: center;
  font-size: 0.75em;
  padding: 0.4em 0.6em;
  border-radius: 9999px;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  box-sizing: border-box;
  white-space: nowrap;
}

.faq-nav a:hover {
  background: #333;
}

@media (max-width: 767px) {
  .faq-nav a {
    flex: 0 0 31%;
    font-size: 0.7em;
  }
}
    /*--END: FAQ Page Styling--*/