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

.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: #000000;
}

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

.gui a {
  color: #cc9900;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

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

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

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

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

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

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

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

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

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

.gui-progressbar {
  background-color: #99cc99;
}

/* custom */
/* HEADINGS */

h1.text-base.text-base\@sm.margin-bottom-xxxs.margin-right-xs {
    font-family: var(--font-primary);
}

h3 {
    font-family: var(--font-primary);
}

.category-card.margin-bottom-sm {
    text-align: center;
}

/* MEGA MENU */

.mega-nav--desktop .mega-nav__control {
    text-transform: uppercase;
}

/*
.mega-nav__card.width-100\%.max-width-xs.margin-x-auto {
    padding: 30px;
    background-color: #222;
    border-radius: 40px;
}
*/

/* CONTENT PAGES */
.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}

.column {
	flex: 1;
	margin: 2px;
	padding: 40px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	text-align: center;
  background-color: #e7e7e7;
}


@media screen and (max-width: 980px) {
  .columns .column {
		margin-bottom: 5px;
    flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.columns .column {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="column-"] {
  float: left;
  padding: 15px;
  
}

.column-1 {width: 8.33%;}
.column-2 {width: 16.66%;}
.column-3 {width: 25%;}
.column-4 {width: 33.33%;}
.column-5 {width: 41.66%;}
.column-6 {width: 50%;}
.column-7 {width: 58.33%;}
.column-8 {width: 66.66%;}
.column-9 {width: 75%;}
.column-10 {width: 83.33%;}
.column-11 {width: 91.66%;}
.column-12 {width: 100%;}


li.col-2\@lg.col-3\@md.col-6\@sm {
    list-style-type: none;
}

li.col-4\@lg {
    list-style-type: none;
    padding: 30px;
}

li.col-8\@lg, li.col-7\@lg, li.col-6\@lg, li.col-5\@lg {
    list-style-type: none;
}

/* SPECS COLUMNS */

li.spec-row.columns {
    justify-content: left;
}

th.nowrap {
    text-align: left;
}

table.type--fine-print {
    border-spacing: 20px;
    border-collapse: separate;
}

table.Box__BoxBase-sc-3gtdb2-0.Box-sc-3gtdb2-1.table___StyledBox-sc-1im1cw6-0.jCUJjF.hYVgcC.ComponentCard___StyledTable-sc-ltd4w7-0.fjjkFZ {
    border-collapse: separate;
    border-spacing: 10px;
}

table.table.table-bordered.table-striped {
    border-collapse: separate;
    border-spacing: 10px;
}

/* STOCK TAGS */

.margin-bottom-md.text-sm {
    visibility: hidden;
    position: relative;
}

.margin-bottom-md.text-sm:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: 'Please be aware bicycles do not qualify for free shipping due to their size and weight.';
}

/* Default button styles */
.btn.btn--arrow.margin-left-md {
  background-color: black;
  color: white; /* Text color */
  padding: 10px 20px; /* Adjust padding as needed */
  border: none; /* Remove default border */
  border-radius: 2em; /* Rounded corners */
}

/* Media query for screens up to 600px wide (typical mobile devices) */
@media screen and (max-width: 600px) {
  .btn.btn--arrow.margin-left-md {
    padding: 5px 10px; /* 50% smaller padding */
    font-size: 0.8em; /* 20% smaller font size */
    border-radius: 15px; /* Rounded corners for mobile */
  }
}

.reset.carousel__control.carousel__control--next.js-carousel__control.js-tab-focus,
.reset.carousel__control.carousel__control--prev.js-carousel__control.js-tab-focus {
  background-color: black;
}

.reset.carousel__control.carousel__control--next.js-carousel__control.js-tab-focus svg.icon,
.reset.carousel__control.carousel__control--prev.js-carousel__control.js-tab-focus svg.icon {
  fill: white; /* Changes the color of the SVG icon to white */
}
