body {
/*This empty declaration HAS to be in here as the first declaration does not show - DO NOT REMOVE*/
}
:root {
--grad-angle: 90deg;
--border-wid: 1px;
--border-t-wid: 1px;
--border-r-wid: 1px;
--border-b-wid: 1px;
}
body.schwinn {
--color-white: #ffffff;
--color-black: #141414;
--color-gray200: #f3f4f4;
--color-gray300: #d3d9e1;
}
/* Global */
.product-line .infoblock p, .product-cms-area .infoblock p {font-family: inherit}
.product-line .cms-block.alt .infoblock p.title {margin-bottom: 15px}
.product-line.why-page.service .cms-block.csBlock05 .bg.fullwidth {width: 100%; max-width: 100%; height: auto}
.pt_product-compare .product-tile {height: auto !important}
body .country-selector .selector.active {position:absolute;}
.product-information .info-content p {width:100% !important;}
/*fix menu layout for lengthy translations by hiding where to buy link.*/
@media only screen and (min-width: 769px) and (max-width: 850px) {
.shared-cart-nav-bg .utility.standard .right .where-to-buy {display: none !important;}
}
/*hide Where to Buy link in header for everyone*/
div.where-to-buy {display: none !important;}
/*hide PDP reviews for INTL */
.product-reviews-area, body.nautilus .pdp-main .product-reviews-area {display:none;}
/*hide PDP sticky nav for INTL*/
#pdpVariation > div.pdp-other-section > div.secondary-nav {display: none !important}
/*****Global Content fixes loosely based on BFX.com *****/
sup {font-size: 60%;}
ul.show li:before {content:"-"; margin-right: 6px;}
ul ul.show li:before {content:"-"; margin-left:10px; margin-right: 6px;}
li.chat {display: none !important}
h1.center, h2.center, h3.center {text-align: center;}
.pt_product-search-noresult .no-hits-content-results {margin: .25em 0 .75em .25em; font-size:35px; text-transform:uppercase; line-height:1; }
body.bowflex .roundedimg img, body.bowflex img.roundedimg {border-radius: 20px;}
body.nautilus .blue {color:#0056b8;}
body.schwinn .red {color:#FF2828;}
.upper {text-transform:uppercase;}
.clearonly {clear:both;}
.whiteblack {color:#fff;}
.rownoimg .infoblock {width:100%; position:relative; margin:3% auto;}
body.movement .product-line .infoblock p, body.movement .product-cms-area .infoblock p {font-family:SeroOT, sans-serif;}
.button-align-left {
text-align: left;
width: 50%;
margin: 0 auto 8%;
}
@media only screen and (max-width: 768px) {
.button-align-left {
text-align: center;
}
}
@media only screen and (max-width: 479px) {
.content-asset .spec-left.mfull {width:85%;}
}
/* Fancybox */
.fancybox-slide--html .fancybox-content {max-width: 750px}
@media only screen and (max-width: 768px) {
.fancybox-slide--video {padding: 6px}
}
body.schwinn button.fancybox-close-small, body.nautilus button.fancybox-close-small, body.movement button.fancybox-close-small {background-color: transparent; height: auto; padding: 10px}
#product-content .product-cms-area .product-feature-images .owl-dots {display:block !important;}
.product-cms-area .product-features-area .product-feature-images .owl-prev, .product-cms-area .product-features-area .product-feature-images .owl-next {opacity:1;}
.product-cms-area .product-features-area .product-feature-images .owl-prev:hover, .product-cms-area .product-features-area .product-feature-images .owl-next:hover {opacity:0.5;}
.product-cms-area .product-success-area .owl-prev, .product-cms-area .product-success-area .owl-next {opacity:0.25;}
.product-cms-area .product-success-area .owl-prev:hover, .product-cms-area .product-success-area .owl-next:hover {opacity:1;}
.recommendation-tooltip-description span.label {display:none;}
@media only screen and (max-width: 479px) {
.content-asset .spec-left.mfull {width:85%;}
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 5px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (min-width: 769px) {
.videoWrapperMax {max-width:57%;}
}
.videoTranscript {height: 200px; margin: 20px 0; overflow-y: scroll; border: 1px dotted #d3d9e1; padding:15px;}
a.telephone, a.telephone:hover {text-decoration:none !important;}
@media only screen and (max-width: 768px) {img {width: auto}} /* remove after NS-327 is complete. */
/*********************
-------------------------------------------------------------------BOWFLEX ----------------------------------------------------------------------
**********************/
/*rebrand FE header adjustments */
/* bfx header & footer overrides to match stylez */
body.bowflex .top-banner .menu-category li {font-size: 18px !important; font-weight: 400 !important;}
body.bowflex .menu-category.level-1 > li a span {font-size: 18px !important;}
body.bowflex .menu-category.level-1 > li a {text-transform:none;}
body.bowflex .menu-category.level-1 > li a > .standard {font-size:16px;}
body.bowflex .product-line-nav .explore span {font-size:16px; text-transform:none;}
body.bowflex .product-line-nav ul.top-level > li a p {font-size:16px; text-transform: none; font-weight:400;}
body.bowflex .product-line-nav ul.top-level > li > a {text-transform:none; font-size:16px; font-weight: 400;}
body.bowflex .level-2.content-nav li a {font-size: 16px !important; font-weight:400 !important;}
@media only screen and (min-width: 769px) {
body.bowflex .menu-category.level-1 li.products a {font-size: 16px !important;}
}
@media only screen and (max-width: 768px) {
body.bowflex .product-line-nav ul.top-level > li > a {font-size: 16px;}
body.bowflex .product-line-nav ul.sub-level > li a p {text-transform:none;}
body.bowflex .menu-category.level-1 > li:first-child a .standard {font-size: 16px;}
body.bowflex .level-2.content-nav li a {font-size: 16px !important; font-weight:400 !important;}
}
body.bowflex .top-banner .product-line-nav * {font-size: 14px !important; font-weight: 400 !important;}
body.bowflex .top-banner .menu-utility-user li {line-height:38px !important;}
body.bowflex .header-search input[type="text"] {font-weight:400;}
/* /bfx stylez */
body.bowflex .shared-cart-nav-bg {background-color: var(--color-black);}
body.bowflex .country-selector .current-country .selector-icon {color: var(--color-gray300);}
body.bowflex .header-above-nav {margin: 0.5rem auto;}
body.bowflex .menu-category.level-1 li a {font-weight: 400;}
body.bowflex .menu-category.level-1 li.tabEnter > a { border-color: var(--color-gray300); color: var(--color-black); }
body.bowflex .menu-category.level-1 li.tabEnter li a:focus {color: var(--color-black); }
body.bowflex .menu-category.level-1 > li a:hover, body.bowflex .menu-category.level-1 > li a:focus { color: var(--color-black); text-decoration: underline;}
body.bowflex .menu-category.level-1 > li a.top-cat:hover, body.bowflex .menu-category.level-1 > li a.top-cat:focus {background: var(--color-gray200); color: var(--color-black); text-decoration:none;}
body.bowflex .level-2 {box-shadow: inset 0 2px 4px -1px rgba(60, 60, 60, 0.2), 0 2px 4px -1px rgba(60, 60, 60, 0.2)}
body.bowflex .level-2 .owl-nav .owl-prev .fas:hover, .level-2 .owl-nav .owl-prev .far:hover, .level-2 .owl-nav .owl-next .fas:hover, .level-2 .owl-nav .owl-next .far:hover {color: var(--color-gray300);}
body.bowflex .menu-category.level-1 > li > a:hover {border-color: var(--color-gray300);}
body.bowflex .menu-category.level-1 > li span, body.bowflex .menu-category.level-1 > li:last-child span {border-right: none; padding:0 19px;}
body.bowflex .product-line-nav {background: var(--color-gray600);}
body.bowflex .product-line-nav ul.top-level > li > a {color: var(--color-gray200); border-bottom: 3px solid transparent; background: transparent;}
body.bowflex .product-line-nav ul.top-level > li > a.models_link:hover span, body.bowflex .product-line-nav ul.top-level > li > a.models_link.highlight span {border-bottom: 0px solid transparent;}
body.bowflex .product-line-nav ul.top-level > li > a.active, body.bowflex .product-line-nav ul.top-level > li > a:hover, body.bowflex .product-line-nav ul.top-level > li > a.models_link.highlight {border-bottom: 3px solid var(--color-gray300); color: var(--color-white);}
body.bowflex .product-line-nav ul.top-level > li > a.active {font-weight: 500;}
body.bowflex .product-line-nav ul.top-level, body.bowflex .product-line-nav .explore { -o-box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.25); box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.25);}
body.bowflex .product-line-nav ul.models > li:hover a p {text-decoration: underline;}
body.bowflex .product-line-nav ul.top-level > li > a.models_link.active {color: var(--color-black);}
body.bowflex .level-2.content-nav .btn-sec {background: var(--color-black); color: var(--color-white); text-align: center; padding:.625rem 1rem;}
body.bowflex .level-2.content-nav .btn-sec:hover{ background: var(--color-white); color: var(--color-black); border: 2px solid var(--color-black);}
body.bowflex .level-2.content-nav .btn-sec:focus {outline: 1px solid var(--color-black); outline-offset:0; background: var(--color-white); color: var(--color-black); border: 2px solid var(--color-black);}
body.bowflex .level-2.content-nav .btn-sec:not(:disabled):not(.disabled):active {outline: 2px solid var(--color-black); outline-offset:-1px; background: var(--color-black); color: var(--color-white); border:2px solid var(--color-white);}
@media only screen and (max-width: 768px) {
body.bowflex .header-mobile {padding-top: 0; margin-bottom: 4px;}
body.bowflex .menu-category.level-1 > li.opened > a {color: var(--color-gray600);}
body.bowflex .product-line-nav .explore span {color: var(--color-gray300);}
body.bowflex .product-line-nav ul.top-level > li > a.active { border-left: 3px solid transparent;}
body.bowflex .product-line-nav ul.top-level > li > a.models_link.active {background: var(--color-white);}
}
body.bowflex .btn-top .icon.arrow-backtotop, body.bowflex .btn-top .icon.arrow-backtotop:hover {fill: var(--color-black)}
body.bowflex footer {position:relative; z-index: auto;} /*pdp sticky fix*/
/*/rebrand*/
/*Product Line Navigation - Max Trainer & SelectTech extra products */
body.bowflex .product-line-nav ul.treadmills ul.sub-level > li {
width: 18%;
}
body.bowflex #wrapper.pt_storefront, .product-line-body {opacity: 1}
/*********************
PRODUCT LINE LANDING
********************/
/*Remove old PLP&PDP red promo banner format */
body.bowflex .product-line .global-ad-promo {background: none; margin-bottom: 0; padding:0; }
body.bowflex .product-line ul.owl-carousel li:before {content:"";}
/*PLP extra content rows*/
body.bowflex .product-line .posrel {position:relative; margin-bottom: 1em}
/*Home Gyms*/
@media only screen and (min-width: 769px) {body.bowflex .product-line.home-gyms .video-modal > p {color:var(--color-white);} }
/*********************
PRODUCT LINE COMPARE
********************/
body.bowflex #wrapper.pt_product-compare .product-tile {height: auto !important}
body.bowflex #wrapper.pt_product-compare .category-message {margin-bottom: 1em; text-transform: uppercase; color: #141414; font-size: 12px}
body.bowflex #wrapper.pt_product-compare .category-message a:hover {text-decoration: none}
#wrapper.pt_product-compare div.tiles-container {margin-top: 0;}
/*********************
PRODUCT DETAIL PAGE overrides
********************/
body.bowflex .compare-style .grid-badge, .search-result-items .grid-badge img {display:none;} /*temp hide badge on compare page */
body.bowflex .chipBadge {top: .5rem; right: .5rem; padding: .25rem .75rem 1px .75rem; z-index:5; border-radius: 7px; line-height: 1; }
body.bowflex .newChipBadge { color: var(--color-black); background: var(--color-green200); }
body.bowflex .grid-badge .badgeWrapper.pdp-bd-eol, .grid-badge .badgeWrapper.other-bd-eol {
color: var(--color-black); background: var(--color-gray300);
}
body.bowflex .grid-badge .badgeWrapper.pdp-bd-new {background-color: var(--color-green200);}
body.bowflex .find-a-store .find-store-button {padding-right: 0 !important;}
/* bring back disclaimer text on pdps */
body.bowflex .product-cms-area .product-success-stories .source {display:block; text-align: center;}
@media only screen and (min-width: 769px) {
body.bowflex .product-success-area .infoblock.alt {color:#141414;}
body.bowflex .product-success-area .infoblock.center.offsetright {width:35%; margin:0 5% 0 auto; top:20%;}
}
/* general extra settings for bowflex content pages */
body.bowflex h1.center {text-align:center;}
body.bowflex ul.show li:before {content:"-";}
body.bowflex .pdp-main #product-content ul.show {padding: 0 1.5em; line-height: 1.6em;}
body.bowflex .pdp-main #product-content ul.show li:before {position:absolute; margin-left: -1.1em;}
/*fix PLP h1 glyph cropping */
.pdp-main .product-name {line-height: 52px;}
@media only screen and (min-width: 769px) and (max-width: 1024px) { .pdp-main h1 {line-height: 42px;} }
@media only screen and (min-width: 769px) and (max-width: 925px) { .pdp-main h1 {line-height: 36px;} }
@media only screen and (max-width: 768px) { .pdp-main h1 {line-height: 40px;} }
@media only screen and (max-width: 480px){ .pdp-main h1 {line-height: 35px;} }
/* faq pages */
body.bowflex .faq-wrapper {margin-bottom:2%;}
/* hide breadcrumbs on accessories */
body.bowflex .breadcrumb-element {display:none !important;}
/*********************
-------------------------------------------------------------------SCHWINN ----------------------------------------------------------------------
**********************/
body.schwinn .global-ad-promo, body.schwinn .product-promo {padding: 20px 5px}
body.schwinn .global-ad-promo p.title, body.schwinn .product-promo p.title {font-size: 30px; line-height: 1}
body.schwinn .global-ad-promo p.title span, body.schwinn .product-promo p.title span {font-size: 16px}
body.schwinn .global-ad-promo p, body.schwinn .product-promo p {font-size: 16px}
/* Schwinn PDP nrs-664 */
body.schwinn .pdp-main .product-col-1.product-image-container.product-top-left .pdp-main-image img {margin-left: 7.5%; max-width: 85%;}
/*Schwinn Compare */
body.schwinn .pt_product-compare .attribute-row.header {background:#f3f4f4; color:#000;}
@media only screen and (min-width: 769px){
body.schwinn .pt_product-compare.compare4 .product {width: 23%;}
}
body.schwinn .compare-style .grid-badge, .search-result-items .grid-badge img {display:none;} /*hide old badge on compare page */
body.schwinn .grid-badge .badgeWrapper.pdp-bd-new {background: #000; color: #fff; font-weight: 600; display: inline-block; padding: .3rem .75rem;}
/* Schwinn PDP success story carousels */
body.schwinn .product-cms-area .infoblock p.small-text { font-size: small; color: black; }
body.schwinn div.product-success-area .owl-controls .owl-nav .owl-next {display: block; float: right; background: url('../global/slider-next-arrow.png?$staticlink$') no-repeat center right; width: 15%; margin: 0 1em 0 0; opacity: 0.5; position: absolute; right: 0; top: 50%; }
body.schwinn div.product-success-area .owl-nav .owl-prev {display: block; float: left; background: url('../global/slider-prev-arrow.png?$staticlink$') center left no-repeat; width: 15%; margin: 0 0 0 1em; opacity: 0.5; border-radius: 0; position: absolute; left: 0; top: 50%;}
body.schwinn div.product-success-area .owl-controls .owl-nav .owl-next:hover { opacity: 1; }
body.schwinn div.product-success-area .owl-controls .owl-nav .owl-prev:hover { opacity: 1; }
@media only screen and (min-width: 769px) {
body.schwinn .infoblock { right: 5%; }
body.schwinn div.product-success-area .owl-controls .owl-nav .owl-next, body.schwinn div.product-success-area .owl-controls .owl-nav .owl-prev { transform: translate(0, -10%); padding-bottom:0; margin-top:10%; }
}
@media only screen and (max-width: 768px) {
body.schwinn .product-cms-area .product-success-area .infoblock { margin-top: 0; }
body.schwinn .product-cms-area .product-success-area .infoblock .description { margin-top: 0; width: 90%; }
body.schwinn p.small-text { margin-left: 5%; margin-right: 5%; }
body.schwinn div.product-success-area .owl-controls .owl-nav .owl-next, body.schwinn div.product-success-area .owl-controls .owl-nav .owl-prev { transform: translate(0, 20%); }
}
@media only screen and (min-width: 801px) and (max-width: 922px) {
body.schwinn .product-cms-area .infoblock.shw-app { top: 1%; width: 48%; }
body.schwinn .product-cms-area .infoblock.durability { top: 3%; width: 45%; }
}
@media only screen and (min-width: 922px) and (max-width: 1200px) {
body.schwinn .product-cms-area .infoblock.durability { top: 15%; width:45%; }
body.schwinn .product-cms-area .infoblock.shw-app { top: 8%; width:45%;}
body.schwinn .product-cms-area .run-social { width: 45%;}
}
@media only screen and (min-width: 769px) and (max-width: 922px) {
body.schwinn .product-cms-area .run-social { top: 0%; width: 48%; right: 30px; }
}
/*fix compare headline chinese glyph cropping */
@media only screen and (min-width: 769px) {
body.schwinn:lang(zh) .pt_product-compare .header-area .compare-copy {bottom:14px!important;}
}
body.schwinn:lang(zh) .pt_product-compare .header-area .compare-copy {bottom:4px!important;}
body.schwinn .product-cms-area .product-features-area .product-features h3
/* fix capitalization differences in spanish and other languages*/
body.schwinn .product-cms-area .product-features-area .product-features h3 {text-transform:none;}
body.schwinn:lang(es) .menu-category.level-1 .schwinn-whyschwinn .level-2 li a .standard, body.schwinn:lang(es) .menu-category.level-1 .schwinn-health-and-fitness .level-2 li a .standard {text-transform:none;}
body.schwinn:lang(es) footer .footer-container .footer-menu > ul > li.equal-cols-standard h5 {text-transform:none;}
body.schwinn:lang(es) .pt_product-compare .product-tile .product-name a, body.schwinn .pt_product-compare .compare-bottom .product-name a {text-transform:none;}
body.schwinn:lang(es) .pdp-main h1.product-name {text-transform:none;}
body.schwinn:lang(es) .pt_product-compare .product-tile .watch-video a {text-transform:none;}
/*********************
-------------------------------------------------------------------NAUTILUS ----------------------------------------------------------------------
**********************/
body.nautilus .ui-dialog #dialog-container.ui-dialog-content {overflow: initial}
body.nautilus h3, body.nautilus h1.gamma {font-size: 40px; height: auto; line-height: 1.1;}
@media only screen and (max-width: 480px) {
body.nautilus h3, body.nautilus h1.gamma {font-size: 30px}
}
body.nautilus h1.epsilon { font-size: 20px; line-height: 1;}
body.nautilus #owl-homepage-hero .owl-nav .owl-prev, body.nautilus #owl-homepage-hero .owl-nav .owl-next {padding: 19% 0}
@media only screen and (max-width: 480px) {
body.nautilus #owl-homepage-hero .owl-nav .owl-prev, body.nautilus #owl-homepage-hero .owl-nav .owl-next {display: none !important}
}
body.nautilus .homepage-top {margin-bottom: 80px}
body.nautilus ul.hp-hero .feature-product-copy {top:0}
body.nautilus ul.hp-hero p.title {margin-top:.5%; font-size:3.8rem;}
body.nautilus .homepage-products .homepage-product-list li a span {line-height:2.8rem;}
@media only screen and (min-width: 1250px){
body.nautilus ul.hp-hero p.title {margin-top:3%;}
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
body.nautilus:lang(pt) ul.hp-hero .feature-product-copy {max-width:42%;}
body.nautilus:lang(es) ul.hp-hero .feature-product-copy {max-width:45%;}
}
body.nautilus .pdp-open-slot-bottom-inner {display:none}
body.nautilus .global-ad-promo, body.nautilus .product-promo {padding: 20px 5px}
body.nautilus .pdp-main .product-promo p.title, body.nautilus .pdp-main .product-promo p.title {font-size: 30px; line-height: 1;}
body.nautilus .global-ad-promo p.title span, body.nautilus .product-promo p.title span {font-size: 16px}
body.nautilus .pdp-main .product-promo p, body.nautilus .pdp-main .product-promo a.tooltip {font-size: 16px}
body.nautilus .required-indicator {color:#FF2828;}
/* fix capitalization differences in spanish and other languages*/
body.nautilus .pdp-main .product-cms-area .product-features-area .product-features h3 {text-transform:none;}
/* Compage and PDP heading */
body.nautilus .pt_product-compare .header-area h1,
body.nautilus .pdp-main .product-content-top h1 {width: auto}
@media only screen and (min-width: 769px) and (max-width: 1050px) {
body.nautilus .pt_product-compare .header-area h1,
body.nautilus .pdp-main .product-content-top h1 {font-size: 3rem}
}
/* Search Results nrs-748 */
body.search-container.nautilus .search-grid-wrapper-result .search-result-options .refinements-nautilus {display:none;}
body.search-container.schwinn .search-grid-wrapper-result .search-result-options .refinements-schwinn {display:none;}
body.search-container.movement .search-grid-wrapper-result .search-result-options .refinements-movement {display:none;}
@media only screen and (max-width: 768px) {
.sort-by {width:60%; float:none; margin:2% auto;}
}
/* Extra Button Styling OS-3117 */
/* base styles */
.btn-sqr, .btn-pill {
border: 2px solid transparent;
outline: none;
width: 100%;
max-width: 250px;
height: auto;
box-sizing: border-box;
text-align: center;
padding: .625rem 1rem;
display: inline-block;
border-radius: 3px;
position: static;
font-family: var(--bfx-fontfam-default);
font-size: 1rem;
font-weight: 400;
color: var(--color-white);
background: var(--color-blue400);
text-decoration: none;
cursor: pointer;
letter-spacing: -.04rem;
line-height: 1.375;
transition-delay: 0s;
transition-duration: .15s;
transition-property: all;
transition-timing-function: ease-in-out;
}
.btn-pill {border-radius:999px;}
@media only screen and (max-width: 768px) {
.btn-sqr, .btn-pill {
width: 100%;
max-width: 250px;
align-items: center;
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
}
/*utility sizing modifications */
.btn-stubby { width: auto;}
@media only screen and (min-width: 769px) {
.btn-stubby-des { width: auto; }
.btn-full-des {max-width:unset;}
}
@media only screen and (max-width: 768px) {
.btn-full-mob {max-width:unset;}
.btn-stubby-mob, .btn-stubby { display: inline-block; width: auto; }
}
/* primary conversion button */
.btn-prime:hover, .btn-prime.hover {background: var(--color-blue500); color: var(--color-white); }
.btn-prime:focus, .btn-prime.focus { outline: 2px solid var(--color-blue400); outline-offset:1px; }
.btn-prime:disabled, .btn-prime.disabled {background: var(--color-gray300); color: var(--color-white); cursor: not-allowed; outline: none;}
.btn-prime:not(:disabled):not(.disabled):active, .btn-prime:not(:disabled):not(.disabled).active {outline: 2px solid var(--color-blue500); outline-offset:1px; background: var(--color-blue500); color: var(--color-white);}
/* secondary buttons */
.btn-sec {background: var(--color-black); color: var(--color-white);}
.btn-sec:hover, .btn-sec.hover { background: var(--color-white); color: var(--color-black); border: 2px solid var(--color-black);}
.btn-sec:focus, .btn-sec.focus {outline: 1px solid var(--color-black); outline-offset:0; background: var(--color-white); color: var(--color-black); border: 2px solid var(--color-black);}
.btn-sec.h-ghost:hover, .btn-sec.h-ghost.hover { background: transparent; color: var(--color-black); border: 2px solid var(--color-black);}
.btn-sec.h-ghost:focus, .btn-sec.h-ghost.focus {outline: 1px solid var(--color-black); outline-offset:0; background: transparent; color: var(--color-black); border: 2px solid var(--color-black);}
.btn-sec:disabled, .btn-sec.disabled, .btn-sec.h-ghost:disabled, .btn-sec.h-ghost.disabled {background: var(--color-gray300); color: var(--color-white); cursor: not-allowed; outline: none; border:none;}
.btn-sec:not(:disabled):not(.disabled):active, .btn-sec:not(:disabled):not(.disabled).active {outline: 2px solid var(--color-black); outline-offset:-1px; background: var(--color-black); color: var(--color-white); border:2px solid var(--color-white);}
.btn-sec-alt {background: var(--color-white); color: var(--color-black); border: 2px solid var(--color-black); }
.btn-sec-alt.ghost {background: transparent; color: var(--color-black); border: 2px solid var(--color-black); }
.btn-sec-alt:hover, .btn-sec-alt.hover {background: var(--color-black); color: var(--color-white); border: 2px solid var(--color-black);}
.btn-sec-alt:focus, .btn-sec-alt.focus {outline: 1px solid var(--color-black); outline-offset:0; background: var(--color-white); color: var(--color-black); border: 2px solid var(--color-black);}
.btn-sec-alt.ghost:focus, .btn-sec-alt.ghost.focus {outline: 1px solid var(--color-black); outline-offset:0; background: transparent; color: var(--color-black); border: 2px solid var(--color-black);}
.btn-sec-alt:disabled, .btn-sec-alt.disabled, .btn-sec-alt.h-ghost:disabled, .btn-sec-alt.h-ghost.disabled {background: var(--color-gray300); color: var(--color-white); cursor: not-allowed; outline: none; border:none;}
.btn-sec-alt:not(:disabled):not(.disabled):active, .btn-sec-alt:not(:disabled):not(.disabled).active {outline: 2px solid var(--color-black); outline-offset:-1px; background: var(--color-black); color: var(--color-white); border:2px solid var(--color-white);}
/* tertiary buttons for light or dark backgrounds */
.btn-tri {background: var(--color-gray200); color: var(--color-black);}
.btn-tri:hover, .btn-tri.hover {background: var(--color-gray300); color: var(--color-black); }
.btn-tri:focus, .btn-tri.focus { outline: 2px solid var(--color-gray400); outline-offset:0px;}
.btn-tri:disabled, .btn-tri.disabled {background: var(--color-gray300); color: var(--color-white); cursor: not-allowed; outline: none; border: none;}
.btn-tri:not(:disabled):not(.disabled):active, .btn-tri:not(:disabled):not(.disabled).active {outline: 2px solid var(--color-gray500); outline-offset:0px; background: var(--color-gray300); color: var(--color-black); border: 1px solid var(--color-white);}
.btn-tri-dark {background: var(--color-white); color: var(--color-black);}
.btn-tri-dark:hover, .btn-tri-dark.hover {background: var(--color-gray300); color: var(--color-black); }
.btn-tri-dark:focus, .btn-tri-dark.focus { outline: 1px solid var(--color-white); outline-offset:0px; border: 2px solid var(--color-gray500);}
.btn-tri-dark:disabled, .btn-tri-dark.disabled {background: var(--color-gray300); color: var(--color-white); cursor: not-allowed; outline: none; border: none;}
.btn-tri-dark:not(:disabled):not(.disabled):active, .btn-tri-dark:not(:disabled):not(.disabled).active {outline: 1px solid var(--color-white); outline-offset:0px; background: var(--color-gray300); color: var(--color-black); border: 2px solid var(--color-gray500);}
/* text link CTAs*/
a.text-link {text-decoration: underline; border-radius: 3px;}
a.text-link:hover, a.text-link.hover, a.text-link:active, a.text-link.active, a.text-link:focus, a.text-link.focus {font-weight:500; text-decoration: none;}
a.text-link:focus, a.text-link.focus {font-weight:500; outline: 2px solid var(--color-black); outline-offset: 3px; box-shadow: 0px 0px 2px 2px var(--color-white);}
.text-link.text-black:focus, .text-link.text-black.focus {outline: 2px solid var(--color-black); box-shadow: 0px 0px 2px 2px var(--color-white);}
.text-link.text-white:focus, .text-link.text-white.focus {outline: 2px solid var(--color-white); box-shadow: 0px 0px 2px 2px var(--color-black);}
.text-link.text-blue-100:focus, .text-link.text-blue-100.focus {outline: 2px solid var(--color-blue100); box-shadow: 0px 0px 2px 2px var(--color-black);}
.text-link.text-blue-400:focus, .text-link.text-blue-400.focus {outline: 2px solid var(--color-blue400); box-shadow: 0px 0px 2px 2px var(--color-white);}
.text-link.text-gray-300:focus, .text-link.text-gray-300.focus {outline: 2px solid var(--color-gray300); box-shadow: 0px 0px 2px 2px var(--color-black);}
.text-link.text-gray-600:focus, .text-link.text-gray-600.focus {outline: 2px solid var(--color-gray600); box-shadow: 0px 0px 2px 2px var(--color-white);}
/* /Extra Button Styling */
#plp-jrnyfeatures2 .line-jrny-grad-hr {height:3px;}
.line-jrny-grad-vt {width: 3px; height:50px; background: #03bbf2;
background: -moz-linear-gradient(top, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #03bbf2), color-stop(21%, #437ceb), color-stop(43%, #7356bd), color-stop(63%, #9d87e4), color-stop(83%, #fb5f62), color-stop(100%, #f4b071));
background: -webkit-linear-gradient(top, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -o-linear-gradient(top, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -ms-linear-gradient(top, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: linear-gradient(to bottom, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
}
.line-jrny-grad-hr {background: #03bbf2;
background: -moz-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #03bbf2), color-stop(21%, #437ceb), color-stop(43%, #7356bd), color-stop(63%, #9d87e4), color-stop(83%, #fb5f62), color-stop(100%, #f4b071));
background: -webkit-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -o-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -ms-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
}
.line-jrny-grad-w-green-hr {background: #0eefac;
background: -moz-linear-gradient(var(--grad-angle), #0eefac 0%, #03bbf2 16%, #437ceb 32%, #7356bd 48%, #9d87e4 64%, #fb5f62 80%, #f4b071 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #0eefac ), color-stop(16%, #03bbf2), color-stop(32%, #437ceb), color-stop(48%, #7356bd), color-stop(64%, #9d87e4), color-stop(80%, #fb5f62), color-stop(100%, #f4b071));
background: -webkit-linear-gradient(var(--grad-angle), #0eefac 0%, #03bbf2 16%, #437ceb 32%, #7356bd 48%, #9d87e4 64%, #fb5f62 80%, #f4b071 100%);
background: -o-linear-gradient(var(--grad-angle), #0eefac 0%, #03bbf2 16%, #437ceb 32%, #7356bd 48%, #9d87e4 64%, #fb5f62 80%, #f4b071 100%);
background: -ms-linear-gradient(var(--grad-angle), #0eefac 0%, #03bbf2 16%, #437ceb 32%, #7356bd 48%, #9d87e4 64%, #fb5f62 80%, #f4b071 100%);
background: linear-gradient(var(--grad-angle), #0eefac 0%, #03bbf2 16%, #437ceb 32%, #7356bd 48%, #9d87e4 64%, #fb5f62 80%, #f4b071 100%);
}
.bg-jrny-grad {
background: -moz-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #03bbf2), color-stop(21%, #437ceb), color-stop(43%, #7356bd), color-stop(63%, #9d87e4), color-stop(83%, #fb5f62), color-stop(100%, #f4b071));
background: -webkit-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -o-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -ms-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: linear-gradient(to right, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
padding:2px;
}
.bg-jrny-gray1 {background: var(--color-gray100);}
.gradient-rotate-180 {--grad-angle: 180deg;}
.gradient-rotate-by180 {--grad-angle: -90deg;}
.gradient-angle180 {--grad-angle: 180deg;}
.gradient-angle270 {--grad-angle: 270deg;}
@media only screen and (max-width: 768px) {
.gradient-rotate-90-mob {--grad-angle: 90deg;}
}
/*schwinn stylez fonts */
body.schwinn .alpha {
font-size: 44px !important;
font-size: 2.75rem !important;
font-weight: bold !important;
font-family: "Open Sans", sans-serif !important;
text-transform: uppercase !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
}
body.schwinn .beta {
font-size: 30px !important;
font-size: 1.875rem !important;
font-weight: bold !important;
font-family: "Open Sans", sans-serif !important;
text-transform: uppercase !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
}
body.schwinn .gamma {
font-size: 28px !important;
font-size: 1.75rem !important;
font-weight: normal !important;
font-family: "Open Sans", sans-serif !important;
text-transform: uppercase !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
}
body.schwinn .delta {
font-size: 20px !important;
font-size: 1.25rem !important;
font-weight: normal !important;
font-family: "Open Sans", sans-serif !important;
text-transform: uppercase !important;
line-height: 1.25 !important;
letter-spacing: .015rem !important;
}
body.schwinn .hecto {
font-size: 18px !important;
font-size: 1.125rem !important;
font-family: "Open Sans", sans-serif !important;
line-height: 1.5 !important;
letter-spacing: .015rem !important;
}
body.schwinn .deka {
font-size: 16px !important;
font-size: 1rem !important;
font-family: "Open Sans", sans-serif !important;
line-height: 1.5 !important;
letter-spacing: .01rem !important;
}
body.schwinn .gram {
font-size: 14px !important;
font-size: .875rem !important;
font-family: "Open Sans", sans-serif !important;
line-height: 1.5 !important;
letter-spacing: .01rem !important;
}
body.schwinn .centi {
font-size: 12px !important;
font-size: 0.75rem !important;
font-family: "Open Sans", sans-serif !important;
line-height: 1.5 !important;
letter-spacing: .01rem !important;
}
/* /scwhinn fonts */
/* SquirrelWind - aka modified tailwind */
/* vertical align overlay copy */
.c-rowgrid {display: -ms-grid; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; -ms-grid-columns:100%; -ms-grid-row-align:center; align-items: center;}
.c-rowgrid > div {grid-area: 1 / 1 / 1 / 2; -ms-grid-column: 1; -ms-grid-row-align: center;}
.c-rowgrid > .bgimage img {width:100%;}
.c-rowgrid > .copy {width:100%; margin-left: auto; margin-right: auto; max-width:1500px; z-index: 5;}
.c-hero-img-200 {display:block; }
.c-hero-img-300 {display:block;}
#newprodfeature .c-rowgrid > .copy {padding:0;}
#newprodfeature .thumb {display:none;}
#newprodfeature .hidetop, #prod-cards-top .hidetop {display: none;}
#prod-cards-top .price-old, #newprodfeature .price-old, #prod-cards-bottom .price-old {text-decoration: line-through; font-size: 1rem; font-weight:normal; margin-right: 4px;}
#prod-cards-top .price-discounted, #newprodfeature .price-discounted, #prod-cards-bottom .price-discounted {font-weight: bold; color: #FF2828;}
body.schwinn #prod-cards-top .price-discounted,body.schwinn #newprodfeature .price-discounted,body.schwinn #prod-cards-bottom .price-discounted {font-weight: bold; color: #FF2828;}
/*#prod-cards-top span.promo-text:before, #prod-cards-bottom span.promo-text:before { font-family: 'Font Awesome 5 Pro'; font-size: 16px; margin-right: 4px; content: '\f02b';} */
#prod-cards-top a.tooltip, #newprodfeature a.tooltip, #prod-cards-bottom a.tooltip {font-weight: normal; font-size: .875rem;}
#prod-cards-bottom .c-slickcarousel .slick-slide img {display: inline-block;}
#plp-jrnyfeatures:before, #plp-jrnyfeatures:after {display: block; content: ""; width: 100%; height:4px; background: #03bbf2;
background: -moz-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #03bbf2), color-stop(21%, #437ceb), color-stop(43%, #7356bd), color-stop(63%, #9d87e4), color-stop(83%, #fb5f62), color-stop(100%, #f4b071));
background: -webkit-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -o-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -ms-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: linear-gradient(to right, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
}
/* #plp-jrnyfeatures .jrnycarousel p {bottom: 105px; position: relative; line-height: 1; width: 80%; margin: 0 auto -42px auto;}
@media only screen and (min-width: 1270px) { #plp-jrnyfeatures .jrnycarousel p {bottom: 133px;} } */
#plp-jrnyfeatures .jrnycarousel p {bottom: 160px; position: relative; line-height: 1; width: 80%; margin: 0 auto -42px auto;}
@media only screen and (min-width: 1270px) { #plp-jrnyfeatures .jrnycarousel p {bottom: 183px;} }
#plp-jrnyfeatures .new-nav-arrows {margin-top: -20px;}
.jrnycarouselv2 .funky-rounded-xl:before {border-radius: 10px; content: ''; background-color: var(--color-gray600); left: 0.5rem; border: 1px transparent; width: calc(100% - 18px); height: calc(100% - 52px); position: absolute; top: 50px; z-index: -5; }
.jrnycarouselv2 .slick-slide:hover .funky-rounded-xl:before {border: 1px solid var(--color-gray500);}
#plp-jrnyfeatures2 .jrnycarouselv2 .funky-rounded-xl:before {border-radius: 20px; background-color: #202038; }
#plp-jrnyfeatures2 .jrnycarouselv2 .slick-slide:hover .funky-rounded-xl:before {border: 1px solid #2C3757;}
#accessories .price-old {text-decoration: line-through; font-size: .875rem; font-weight:normal; margin-right: 4px;}
/* .card assumes 2 cards on desktop */
.card {width: 350px; padding: 2rem 5rem; margin-left: 2rem; margin-right: 2rem;}
.card .thumb img, .card img.thumb {max-width:100%;}
.card.fours {width: 260px; padding: 2rem 1rem; margin-left: 1rem; margin-right: 1rem;}
@media only screen and (min-width: 650px) {
.card.threes {padding: 2rem 2rem; margin-left: 1rem; margin-right: 1rem;}
}
@media only screen and (min-width: 650px) and (max-width: 1180px) {
.card {padding: 2rem 2rem; margin-left: 1rem; margin-right: 1rem;}
}
@media only screen and (min-width: 915px) and (max-width: 953px) {
.card.fours {width: 350px; padding: 2rem 1rem;}
}
@media only screen and (min-width: 650px) and (max-width: 914px) {
.card, .card.threes, .card.fours {width: 300px; padding: 2rem 1rem;}
}
@media only screen and (min-width: 650px) and (max-width: 768px) {
.card, .card.threes, .card.fours {width: 40%;}
#newprodfeature .card {margin-left: auto; margin-right: auto;}
}
@media only screen and (min-width: 1150px) and (max-width: 1350px) {
.card.fours {margin-left: .75rem; margin-right: .75rem;}
}
@media only screen and (max-width: 649px) {
.card, .card.threes, .card.fours {width: auto; padding: 2rem 1rem;}
}
@media only screen and (max-width: 768px) {
.card .button {display: inline-block;}
}
.c-slickcarousel.squishies .slick-track {display: flex !important; }
.c-slickcarousel.squishies .slick-slide {height: inherit !important; }
/* mini accessory cards */
.accessorycards .card {width: auto; padding: 1rem; margin-left: auto; margin-right: auto;}
.accessorycards .cardtop {max-height: 200px;}
@media only screen and (min-width: 769px) {
.accessorycards .card .cardtop {flex-basis: 38%; }
.accessorycards .card .cardbottom {flex-basis: 62%; }
}
@media only screen and (max-width: 768px) {
.c-slickcarousel.accessorycards .slick-slide:not(.slick-active) {opacity: 0.4; }
}
@media only screen and (max-width: 360px) {
.accessorycards .cardbottom a {display:block;}
.accessorycards .cardbottom a.text-link-divider:after {display:none;}
}
/* text style tabs links */
.tabLinks button, .tabLinks .button {text-align:center; text-decoration:underline; color: var(--color-gray600); cursor: pointer; padding: 3px 24px; background: transparent; border: none; border-left: 1px solid var(--color-black);}
.tabLinks button.psuedoActive, .tabLinks .button.psuedoActive {text-decoration: none; font-weight:500; color: var(--color-blue400);}
.tabLinks button:first-child, .tabLinks .button:first-child {border-left: none;}
.tabLinks button:hover, .tabLinks button:active, .tabLinks button:focus, .tabLinks .button:hover, .tabLinks .button:active, .tabLinks .button:focus {color: var(--color-blue400) !important; text-decoration: none; }
.tabLinks button[aria-expanded="true"] {color: var(--color-blue400) !important; text-decoration: underline; }
#tabRegionWrapper div.message[aria-hidden="true"] { display: none; }
/* /tabs */
/*details and summary - two versions */
details.c-detail-100 {margin: 1rem; text-align: left; border-bottom: 1px solid #f5f8f9; position: relative; box-sizing: border-box; transition: all .3s;}
.c-detail-100 summary {margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.c-detail-100 .control-icon {-moz-transition: .3s ease; -webkit-transition: .3s ease; transition: .3s ease; transform-origin: center; transform: rotate(180deg); pointer-events: none; flex-grow: 0; flex-shrink: 0;}
.c-detail-100 summary:hover .control-icon {transform: translateY(5px) rotate(180deg);}
details.c-detail-100[open] .control-icon {transform: rotate(360deg);}
details.c-detail-200 {position: relative; box-sizing: border-box; text-align: left; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.c-detail-200 summary {cursor: pointer; line-height: 2;}
.c-detail-200 summary::-webkit-details-marker {display: none; }
.c-detail-200 summary .control-icon {-moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; pointer-events: none; flex-grow: 0; flex-shrink: 0; transform-origin: center; margin-left: 16px;}
details.c-detail-200[open] div { animation: animateDown 0.5s linear forwards;}
details.c-detail-200[open] .control-icon { -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform: rotate(180deg);}
@keyframes animateDown {
0% {
opacity: 0;
transform: translatey(-10px);
}
100% {
opacity: 1;
transform: translatey(0);
}
}
.c-vidgrid img {max-width:170px; margin:16px 8px 8px 8px;}
.c-vidgrid .caption {display:block; text-align:center;}
.c-flex-4-3-2-1 {flex-basis:calc(25% - 1rem); box-sizing: border-box;}
.c-flex-3-2-1 {flex-basis:calc(33% - 1rem); box-sizing: border-box;}
.c-scalehover .cta {background-color: #000; width: 100%;}
.c-owl-nav-gray-black .owl-nav .owl-prev, .c-owl-nav-gray-black .owl-nav .owl-next {opacity:.4; width:50px; padding: 30px 0;}
.c-owl-nav-gray-black .owl-nav .owl-prev {background: url('../global/scroll-arrow-left.png?$staticlink$') center left no-repeat; margin-left: -25px; }
.c-owl-nav-gray-black .owl-nav .owl-next {background: url('../global/scroll-arrow-right.png?$staticlink$') center right no-repeat; margin-right: -25px; }
.c-owl-nav-gray-black .owl-nav .owl-prev:hover, .c-owl-nav-gray-black .owl-nav .owl-next:hover {opacity:1;}
.c-flex-dividers-r > * {border-right: 1px solid #d3d9e1;}
.c-flex-dividers-r > :last-child {border:none;}
.c-flex-dividers-b > * {border-bottom: 1px solid #d3d9e1;}
.c-flex-dividers-b > :last-child {border:none;}
.c-focalpoint .twothird-wid, .c-focalpoint .third-wid {transition: all .5s ease-in-out;}
/* extra video styling */
.vid-bg .vid-darken-overlay { position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.08; }
.vid-bg .vid-content {z-index: 5;}
/* video cta */
a.playOverlay {text-decoration: none;}
a.playOverlay .fa-circle-play {font-size: 100px;}
a.playOverlay:hover .copy {opacity: 1; z-index: 1;}
/* /extra video styling */
body.scwhinn .line-red {width: 40px; border-bottom: 2px solid #FF2828;}
.block {display: block;}
.inline {display: inline;}
.inline-block {display: inline-block;}
.inline-flex {display: inline-flex;}
.pos-rel {position: relative;}
.pos-ab {position: absolute;}
.sticky {position: fixed;}
.d-none {display: none;}
.d-none-i {display:none !important;}
.borderbox {box-sizing: border-box;}
.align-middle {vertical-align: middle;}
.align-bottom {vertical-align: bottom;}
.quarter-wid {width: 25%;}
.half-wid {width: 50%;}
.third-wid {width: 33%;}
.twothird-wid {width: 66%;}
.full-wid {width: 100%; height: auto;}
.auto-wid {width: auto;}
.overflow-auto {overflow: auto;}
.overflow-hidden {overflow: hidden;}
.overflow-visible {overflow: visible;}
/* flex */
.flex {display: flex;}
.justify-start {justify-content: flex-start;}
.justify-center {justify-content:center;}
.justify-end {justify-content: flex-end;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.items-stretch {align-items: stretch;}
.items-start {align-items: flex-start;}
.items-center {align-items: center;}
.items-end {align-items: flex-end;}
.items-baseline {align-items: baseline;}
.flex-row {flex-direction: row;}
.flex-row-reverse {flex-direction: row-reverse;}
.flex-col {flex-direction: column;}
.flex-no-wrap {flex-wrap: nowrap;}
.flex-wrap {flex-wrap: wrap;}
.flex-initial {flex: 0 1 auto; flex-grow:0; flex-shrink: 1; flex-basis: auto;}
.flex-1 {flex: 1 1 0%; flex-grow:1; flex-shrink: 1; flex-basis: 0;}
.flex-auto {flex: 1 1 auto; flex-grow:1; flex-shrink: 1; flex-basis: auto;}
.flex-none {flex: none;}
.flex-child-100 > * {flex-basis: 100%;}
.fb-25-50-100 {flex-basis: 25%;}
.flex-basis-1-4 {flex-basis: 25%;}
.flex-basis-1-3 {flex-basis: 33%;}
.flex-basis-1-2 {flex-basis: 50%;}
.flex-basis-3-4 {flex-basis: 75%;}
.flex-basis-100 {flex-basis: 100%;}
.flex-basis-auto {flex-basis: auto;}
.flex-shrink-0 {flex-shrink: 0;}
.self-auto {align-self: auto;}
.self-start {align-self: flex-start;}
.self-center {align-self: center;}
.self-end {align-self: flex-end;}
.self-stretch {align-self: stretch;}
.max-w-full {max-width: 100%;}
.max-w-70p {max-width: 70%;}
.max-w-150 {max-width: 150px;}
.max-w-200 {max-width: 200px;}
.max-w-290 {max-width:290px;}
.max-w-500 {max-width: 500px;}
.max-h-25 {max-height: 25px;}
.max-h-35 {max-height: 35px;}
.max-h-65 {max-height: 65px;}
.max-h-150 {max-height: 150px;}
.max-h-400 {max-height: 400px;}
.max-h-450 {max-height: 450px;}
.max-h-550 {max-height: 550px;}
.min-h-350 {min-height: 350px;}
.min-h-400 {min-height: 400px;}
.min-h-550 {min-height: 550px;}
.min-w-200 {min-width: 200px;}
.w-100 {width: 100%;}
.h-16 {height: 16px;}
.h-20 {height: 20px;}
.h-30 {height: 30px;}
.h-50 {height: 50px;}
.w-3 {width:3px;}
.top-n2 {top: -2px;}
/* images */
.icon-40 {width: 20px; height: 20px;}
.icon-50 {width: 25px; height: 25px;}
.icon-100 {width: 30px; height: 30px;}
.icon-140 {width: 36px; height: 36px;}
.icon-200 {width: 45px; height: 45px;}
.icon-300 {width: 50px; height: 50px;}
.icon-600 {width: 80px; height: 80px;}
.icon-700 {width: 90px; height: 90px;}
.badge-10 {width: 14px;}
.badge-40 {max-width: 45px;}
.badge-100, .pos-rel img.badge-100 {width:75px; max-width: 75px;}
.badge-200, .pos-rel img.badge-200 {max-width: 100px;}
.badge-300, .pos-rel img.badge-300 {max-width: 130px;}
.badge-600, .pos-rel img.badge-600 {max-width: 200px;}
.badge-700, .pos-rel img.badge-700 {max-width: 300px;}
.object-cover {object-fit: cover;}
.object-bottom {object-position: bottom;}
.object-center {object-position: center;}
.object-left {object-position: left;}
.object-left-bottom {object-position: left bottom;}
.object-left-top {object-position: left top;}
.object-right {object-position: right;}
.object-right-bottom {object-position: right bottom;}
.object-right-top {object-position: right top;}
.object-top {object-position: top;}
/* fonts */
.bold, strong, th {font-weight: 700;}
body.bowflex .bold, body.bowflex strong, body.bowflex .semibold, body.bowflex th {font-weight: 500;}
.ital {font-style: italic;}
.norm {font-style: normal; font-weight: normal;}
.noital {font-style: normal;}
.lh-4, p.lh-4 {line-height: 1;}
.lh-5 {line-height: 1.25;}
.lh-6 {line-height: 1.5;}
.lh-8 {line-height: 2;}
.accessible-lines {max-width: 65em;} /*reccomended accessible line length*/
.ta-l {text-align: left;}
.ta-r {text-align: right;}
.ta-c, .product-line ul.ta-c {text-align: center;}
.uppercase {text-transform: uppercase;}
.line-through {text-decoration: line-through;}
.no-underline {text-decoration: none;}
.underline-hover:hover {text-decoration: underline;}
.underline {text-decoration: underline;}
/* colors & borders */
.bg-white { background: var(--color-white); }
.bg-black { background: var(--color-black); }
.bg-gray-100 { background: var(--color-gray100); }
.bg-gray-200 { background: var(--color-gray200); }
.bg-gray-300 { background: var(--color-gray300); }
.bg-gray-600 { background: var(--color-gray600); }
.bg-purple-400 { background: var(--color-purple400); }
/*phasing out */
.bg-red {background-color: var(--color-error400);}
body.schwinn .bg-red {background-color: #FF2828;}
.bg-red2 { background: #C40C34;}
.bg-jrny-blue6 {background-color: #202038;}
.bg-jrny-blue7 {background-color: #171729}
.bg-jrny-green2 {background: #0ee3a3;}
body.schwinn .bg-gray-100 {background-color: #f7fafc;}
.bg-yellow {background: #ffcc01;}
/* /phasing out */
a:hover .h-text-blue-part {color: var(--color-blue400);}
.filter-black {filter: invert(0%) sepia(9%) saturate(7183%) hue-rotate(31deg) brightness(102%) contrast(84%);}
.filter-gray-100 {filter: invert(84%) sepia(99%) saturate(1%) hue-rotate(115deg) brightness(106%) contrast(96%); }
.filter-gray-300 {filter: invert(84%) sepia(1%) saturate(0%) hue-rotate(16deg) brightness(100%) contrast(99%);}
.filter-gray-600 {filter: invert(27%) sepia(30%) saturate(0%) hue-rotate(258deg) brightness(87%) contrast(99%);}
/*phasing out */
.filter-red {filter: invert(16%) sepia(58%) saturate(7493%) hue-rotate(12deg) brightness(97%) contrast(98%); }
.filter-red2 {filter: invert(16%) sepia(88%) saturate(5657%) hue-rotate(340deg) brightness(77%) contrast(98%);}
.filter-jrny-gray2 {filter: invert(74%) sepia(11%) saturate(200%) hue-rotate(214deg) brightness(95%) contrast(90%);}
.h-filter-red:hover img {filter: invert(20%) sepia(79%) saturate(4080%) hue-rotate(340deg) brightness(89%) contrast(101%); }
.h-filter-jrny-gray3:hover img {filter: invert(47%) sepia(15%) saturate(462%) hue-rotate(208deg) brightness(89%) contrast(86%); }
/* /phasing out */
.gray-white-bg-duo {
background: #f5f8f9;
background: -moz-linear-gradient(top, #f5f8f9 0%, #f5f8f9 63%, #ffffff 63%, #ffffff 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5f8f9), color-stop(63%, #f5f8f9), color-stop(63%, #ffffff), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #f5f8f9 0%, #f5f8f9 63%, #ffffff 63%, #ffffff 100%);
background: -o-linear-gradient(top, #f5f8f9 0%, #f5f8f9 63%, #ffffff 63%, #ffffff 100%);
background: -ms-linear-gradient(top, #f5f8f9 0%, #f5f8f9 63%, #ffffff 63%, #ffffff 100%);
background: linear-gradient(to bottom, #f5f8f9 0%, #f5f8f9 63%, #ffffff 63%, #ffffff 100%);
}
.text-white-70 {color: rgba(255,255,255,0.70);}
.text-black, a.text-black {color: var(--color-black);}
.text-white {color: var(--color-white);}
.text-blue-100 {color: var(--color-blue100);}
.text-blue-400 {color: var(--color-blue400);}
.text-gray-100 {color: var(--color-gray100);}
.text-gray-300 {color: var(--color-gray300);}
body.scwhinn .text-gray-300 {color: #d3d9e1;}
.text-gray-600 {color: var(--color-gray600);}
body.scwhinn .text-gray-600 {color: #636e7e;}
.text-red {color: var(--color-error400);}
.text-link-divider:after {display: inline-block; content:""; height:25px; width:1px; background: var(--color-gray300); top: 7px; position: relative; margin-left: 12px; margin-right: 12px;}
.text-yellow {color: #ffcc01;}
.text-jrny-gray2 {color: #B2AFBB;}
.text-jrny-blue2 {color: #9FCBFC;}
.text-jrny-blue3dark {color: #3486E3;}
.text-jrny-blue4 {color: #3C518F;}
.text-jrny-blue7 {color: #171729 ;}
.text-jrny-green2 {color: #0ee3a3;}
.border-none {border: 0;}
.border-transparent {border-width: var(--border-wid); border-color: transparent; border-style: solid;}
.border-gray-200 {border-width: var(--border-wid); border-color: var(--color-gray200); border-style: solid;}
.border-gray-300, .border-gray-300-h:hover {border-width: var(--border-wid); border-color: var(--color-gray300); border-style: solid;}
.border-gray-400 {border-width: var(--border-wid); border-color: var(--color-gray400); border-style: solid;}
.border-gray-500 {border-width: var(--border-wid); border-color: var(--color-gray500); border-style: solid;}
.border-b-gray-200 {border-bottom-width: var(--border-b-wid); border-bottom-color: var(--color-gray200); border-bottom-style: solid;}
.border-b-gray-300 {border-bottom-width: var(--border-b-wid); border-bottom-color: var(--color-gray300); border-bottom-style: solid;}
.border-b-gray-400 {border-bottom-width: var(--border-b-wid); border-bottom-color: var(--color-gray400); border-bottom-style: solid;}
.border-b-gray-500 {border-bottom-width: var(--border-b-wid); border-bottom-color: var(--color-gray500); border-bottom-style: solid;}
.border-b-gray-600 {border-bottom-width: var(--border-b-wid); border-bottom-color: var(--color-gray600); border-bottom-style: solid;}
.border-t-gray-300 {border-top-width: var(--border-t-wid); border-bottom-color: var(--color-gray300); border-bottom-style: solid;}
.border-red {border: 1px solid var(--color-error400);}
.border-t-none {border-top: none;}
.border-r-none {border-right: none;}
.border-r-gray-200 {border-right-width: var(--border-r-wid); border-right-color: var(--color-gray200); border-right-style: solid;}
.border-r-gray-300 {border-right-width: var(--border-r-wid); border-right-color: var(--color-gray300); border-right-style: solid;}
.border-b-none {border-bottom: none;}
.border-l-none {border-left: none;}
.hover90:hover img {opacity:.9}
/* spacing */
.p-0, ul.p-0 {padding: 0;}
.p-1 {padding: .25rem;}
.p-2 {padding: .5rem;}
.p-4 {padding: 1rem;}
.p-6 {padding: 1.5rem;}
.p-8 {padding: 2rem;}
.p-12 {padding: 3rem;}
.py-0 {padding-top: 0; padding-bottom: 0;}
.py-2 {padding-top: 0.5rem; padding-bottom: 0.5rem;}
.py-4 {padding-top: 1rem; padding-bottom: 1rem;}
.py-6 {padding-top: 1.5rem; padding-bottom: 1.5rem;}
.py-8 {padding-top: 2rem; padding-bottom: 2rem;}
.py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;}
.py-12 {padding-top: 3rem; padding-bottom: 3rem;}
.py-16 {padding-top: 4rem; padding-bottom: 4rem;}
.py-18 {padding-top: 4.5rem; padding-bottom: 4.5rem;}
.py-20 {padding-top: 5rem; padding-bottom: 5rem; }
.py-22 {padding-top: 5.5rem; padding-bottom: 5.5rem;}
.px-0, .content-asset ol.px-0, .content-asset ul.px-0 {padding-right: 0; padding-left: 0;}
.px-1 {padding-right: 0.25rem; padding-left: 0.25rem;}
.px-2 {padding-right: 0.5rem; padding-left: 0.5rem;}
.px-4, ul.px-4 {padding-right: 1rem; padding-left: 1rem;}
.px-6 {padding-right: 1.5rem; padding-left: 1.5rem;}
.px-8, ul.px-8 {padding-right: 2rem; padding-left: 2rem;}
.px-12 {padding-right: 3rem; padding-left: 3rem;}
.px-16 {padding-right: 4rem; padding-left: 4rem;}
.pt-0 {padding-top: 0;}
.pt-0-i {padding-top: 0 !important;}
.pt-6 {padding-top: 1.5rem;}
.pr-0 {padding-right: 0;}
.pr-2 {padding-right: 0.5rem;}
.pr-4 {padding-right: 1rem;}
.pr-6 {padding-right: 1.5rem;}
.pb-0 {padding-bottom: 0;}
.pb-4 {padding-bottom: 1rem;}
.pb-6 {padding-bottom: 1.5rem;}
.pb-8 {padding-bottom: 2rem;}
.pb-18 {padding-bottom: 4.5rem;}
.pb-20 {padding-bottom: 5rem;}
.pl-0, ul.pl-0 {padding-left: 0;}
.pl-0-i {padding-left: 0 !important;}
.pl-2 {padding-left: 0.5rem;}
.pl-4 {padding-left: 1rem;}
.pl-6 {padding-left: 1.5rem;}
.m-0, p.m-0, h3.m-0, ul.m-0 {margin: 0;}
.m-a {margin: auto;}
.mx-a {margin-right: auto !important; margin-left: auto !important;}
.mr-auto {margin-right: auto;}
.ml-auto {margin-left: auto;}
.m-2 {margin: 0.5rem;}
.m-4 {margin: 1rem;}
.m-6 {margin: 1.5rem;}
.m-8 {margin: 2rem;}
.my-0, p.my-0 {margin-top: 0; margin-bottom: 0;}
.my-1 {margin-top: 0.25rem; margin-bottom: 0.25rem;}
.mx-0 {margin-right: 0; margin-left: 0;}
.mx-1 {margin-right: 0.25rem; margin-left: 0.25rem;}
.mx-2 {margin-right: 0.5rem; margin-left: 0.5rem;}
.mx-4, p.mx-4 {margin-right: 1rem; margin-left: 1rem;}
.mx-6 {margin-right: 1.5rem; margin-left: 1.5rem;}
.mx-8, p.mx-8 {margin-right: 2rem; margin-left: 2rem;}
.mx-12 {margin-right: 3rem; margin-left: 3rem;}
.mx-16 {margin-right: 4rem; margin-left: 4rem;}
.mx-24, p.mx-24 {margin-right: 6rem; margin-left: 6rem;}
.mt-0, p.mt-0, h3.mt-0 {margin-top: 0;}
.mt-6 {margin-top: 1.5rem;}
.mt-10 {margin-top: 2.5rem;}
.mr-0 {margin-right: 0;}
.mr-2 {margin-right: 0.5rem;}
.mr-4, p.mr-4 {margin-right: 1rem;}
.mr-6 {margin-right: 1.5rem;}
.mr-16 {margin-right: 4rem;}
.mb-0, p.mb-0, h3.mb-0 {margin-bottom: 0;}
.mb-2, p.mb-2, h3.mb-2 {margin-bottom: 0.5rem;}
.mb-4, p.mb-4 {margin-bottom: 1rem;}
.mb-6, p.mb-6, ul.mb-6 {margin-bottom: 1.5rem;}
.mb-8, h3.mb-8, ul.mb-8, p.mb-8 {margin-bottom: 2rem;}
.mb-10, p.mb-10, ul.mb-10 {margin-bottom: 2.5rem;}
.mb-12, p.mb-12, h3.mb-12, ul.mb-12 {margin-bottom: 3rem;}
.mb-16, p.mb-16 {margin-bottom: 4rem;}
.mb-18, p.mb-18, .product-line .button.mb-18, .product-line h3.mb-18, .product-cms-area h3.mb-18 {margin-bottom: 4.5rem;}
.mb-20, p.mb-20 {margin-bottom: 5rem}
.mb-22, p.mb-22 {margin-bottom: 5.5rem;}
.ml-0 {margin-left: 0;}
.ml-2 {margin-left: .5rem;}
.ml-4, p.ml-4 {margin-left: 1rem;}
.ml-6 {margin-left: 1.5rem;}
/* additional selectors added to key margins above to counteract ".content-asset p" styling */
/* lists */
.list-none, .product-line ul.list-none li {list-style-type: none;}
.list-disc, .content-asset ul.list-disc li, .product-line ul.list-disc li {list-style-type: disc !important;}
.list-decimal {list-style-type: decimal;}
.product-line ul.list-before-hide li:before, .product-line ul.list-none li:before {content:""; margin: 0; padding:0;}
ul li.preDivider:before { width: 25px; height: 1px; display: block; content: ''; background: var(--color-gray400); position: relative; margin: 8px auto 8px 0; }
body.scwhinn ul li.preDivider:before { width: 25px; height: 1px; display: block; content: ''; background: #d3d9e1; position: relative; margin: 8px auto 8px 0; }
/*misc. borrowed from jrny bootstrap */
.text-nowrap {white-space: nowrap;}
.shadow-lg {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}
.absolute-center-tag {position:absolute; left:50%;}
.absolute-center-tag div {position:relative; left:-50%;}
.rounded {border-radius: 3px;}
.rounded-top {border-top-left-radius: 3px; border-top-right-radius: 3px;}
@media only screen and (min-width: 500px) and (max-width: 875px) {
.fb-25-50-100 {flex-basis: 50%;}
.fb-25-50-100:nth-child(1) {margin-bottom: 3rem;}
}
@media only screen and (max-width: 499px) {
.fb-25-50-100 {flex-basis: 100%; margin-left: auto; margin-right: auto;}
.fb-25-50-100:nth-child(1), .fb-25-50-100:nth-child(2), .fb-25-50-100:nth-child(3) {margin-bottom: 3rem;}
}
@media only screen and (min-width: 769px){
.c-hero-img-200 {object-fit: cover; min-height: 300px; max-height:450px;}
.c-hero-img-300 {object-fit: cover; max-height: 500px; min-height: 450px;}
.c-push-left-des {width:45%; margin-left: 0;}
.c-push-right-des, p.c-push-right-des {width:45%; margin-right: 0; margin-left: auto;}
.c-btn-stack-mob {margin-right:24px !important;}
.c-maxwid1200 {max-width:1200px; margin-left: auto !important; margin-right: auto !important;}
.c-scalehover {overflow:hidden; background-color: #000;}
.c-scalehover img {display:block; -webkit-transition: 0.15s ease; transition: 0.15s ease; opacity: .8; }
.c-scalehover .darker img {opacity: .7;}
.c-scalehover a:hover img {-webkit-transform: scale(1.05); transform: scale(1.05); opacity:1;}
.c-scalehover a:hover .darker img {opacity: .8;}
.c-flex-dividers-r-des > * {border-right: 1px solid var(--color-gray300);}
.bg-gray-300 .c-flex-dividers-r-des > * {border-right: 1px solid var(--color-gray600);}
.c-flex-dividers-r-des > :last-child { border: none;}
.c-flex-dividers-rb > * {border-right: 1px solid var(--color-gray300);}
.c-flex-dividers-rb > :last-child {border:none;}
#newprodfeature .bgimage img {min-height:650px;}
#newprodfeature .prodfeaturedbg { background: rgba(255, 255, 255, .75); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); margin-bottom: 0; padding-top: 3rem; padding-bottom: 3rem; margin-right:0; margin-left:0;}
#newprodfeature .cardbottom:before { content: ''; display: block; border-bottom: 1px solid #fff; max-width: 150px; margin: 24px auto; }
#c-tabslickwrapper {display: flex;}
#c-tabslickwrapper.ui-tabs .ui-tabs-panel {background-color: transparent;}
#c-tabslickwrapper.ui-tabs .ui-tabs-nav li {background-color: transparent; white-space: normal; font-style: normal; border: none; padding: 0 1rem 3.5rem 1rem; margin:0;}
#c-tabslickwrapper.ui-tabs .ui-tabs-nav li a {border-left: 4px solid #fff; opacity: .5; transition: all 0.3s; transform: scale(.98) }
#c-tabslickwrapper.ui-tabs .ui-tabs-nav li a:hover {transform: scale(1); border-left: 4px solid #865ae5; opacity: .75;}
#c-tabslickwrapper.ui-tabs .ui-tabs-nav li a.tabactive {transform: scale(1); opacity: 1; border-left: 4px solid #865ae5;}
#c-tab-captionbox {flex-basis:50%;}
#c-tab-captionbox ul {width:100%; max-width: 600px; margin-right: 0; margin-left: auto;}
#c-tabslickwrapper .c-slider-mob {flex-basis: 50%; display: block; width: 50%; height: 100%; right: 0; top:0; overflow: hidden; }
#c-tabslickwrapper .c-slider-mob img { position: absolute; top: 0; right: 0; width: 100%; height: auto; }
#c-tabslickwrapper .c-slickcarousel.c-slider-mob .mobcap1 {display:none;}
#c-tabslickwrapper .c-slickcarousel.c-slider-mob .mobcap2 {display:none;}
#c-tabslickwrapper .c-slickcarousel.c-slider-mob .mobcap3 {display:none;}
#c-tab-captionbox .new-nav-arrows {display: none; }
.d-none-des {display:none;}
.flex-wrap-des {flex-wrap: wrap;}
.flex-10a-des {flex: 1 0 auto;}
.flex-basis-150px-des {flex-basis: 150px;}
.flex-basis-50px-des {flex-basis: 50px;}
.pos-ab-des {position: absolute;}
.half-wid-des {width: 50%;}
.twothird-wid-des {width: 66%;}
.seventy-wid-des {width: 70%;}
.eighty-wid-des {width: 80%;}
.flex-basis-100-des {flex-basis: 100%;}
.min-h-500-des {min-height: 500px;}
.min-h-600-des {min-height: 600px;}
.max-h-400-des {max-height: 400px;}
.max-h-500-des {max-height: 500px;}
.max-h-600-des {max-height: 600px;}
.min-w-250-des {min-width:250px;}
.min-w-300-des {min-width:300px;}
.max-w-400-des {max-width: 400px;}
.max-w-480-des {max-width: 480px;}
.max-w-600-des {max-width: 600px;}
.max-w-750-des { max-width: 750px; }
.max-w-800-des {max-width: 800px;}
.max-w-900-des {max-width: 900px;}
.max-w-1200-des {max-width:1200px;}
.max-w-1500-des {max-width:1500px;}
.max-w-1920-des {max-width:1920px;}
.border-b-gray-300-des {border-bottom: 1px solid var(--color-gray300);}
.h-50-des {height: 50px;}
.h-500-des {height: 500px;}
.p-10-des {padding: 2.5rem}
.px-4-des, ul.px-4-des {padding-right: 1rem; padding-left: 1rem;}
.px-8-des, ul.px-8-des {padding-right: 2rem; padding-left: 2rem;}
.px-18-des {padding-right: 5.5rem; padding-left: 5.5rem;}
.py-12-des {padding-top: 3rem; padding-bottom: 3rem;}
.pt-0-des {padding-top:0}
.pb-8-des {padding-bottom: 2rem;}
.my-4-des {margin-top: 1rem; margin-bottom: 1rem;}
.mt-8-des {margin-top: 2rem;}
.mr-4-des {margin-right: 1rem;}
.mr-6-des { margin-right: 1.5rem;}
.mr-8-des, .product-line h3.mr-8-des {margin-right: 2rem;}
.mr-18-des {margin-right: 5.5rem;}
.mb-8-des {margin-bottom: 2rem;}
.mb-22-des, p.mb-22-des {margin-bottom: 5.5rem;}
.mb-35-des {margin-bottom: 8.75rem}
.ml-a-des {margin-left: auto;}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.c-focalpoint .twothird-wid {width: 50%;}
.c-focalpoint .third-wid {width: 50%;}
}
@media only screen and (min-width: 769px) and (max-width:1264px) {
.c-maxwid1200 {box-sizing: border-box; padding-left: 16px; padding-right: 16px;}
.c-rowgrid > .copy {width:100%; box-sizing: border-box; padding-left: 16px; padding-right: 16px;}
.c-flex-4-3-2-1 {flex-basis:calc(33% - 1rem);}
}
@media only screen and (max-width: 930px) {
#prod-cards-bottom .card {padding: 2rem 1rem; margin-left: 0rem; margin-right: 1rem;}
}
@media only screen and (max-width: 768px) {
.c-rowgrid > .copy {width:100%; box-sizing:border-box; padding-left: 16px; padding-right: 16px; z-index: 0;}
.c-rowgrid.c-stack-mob {grid-template-rows: 1fr auto;}
.c-rowgrid.c-stack-mob > .bgimage {grid-area: 1 / 1 / 1 / 1;}
.c-rowgrid.c-stack-mob > .copy {width:100%; margin-left: auto; grid-area: 2 / 1 / 2 / 1; -ms-grid-row: 2; padding: 20px 16px 40px 16px;}
.c-btn-stack-mob {margin-bottom:24px;}
.c-maxwid1200 {width:100%; padding-left:16px; padding-right:16px; box-sizing:border-box; margin-left: auto; margin-right: auto;}
.c-scalehover {background-color: #000;}
.c-scalehover .darker img {opacity: .8;}
.c-flex-4-3-2-1 {flex-basis:calc(50% - 1rem);}
.c-flex-3-2-1 {flex-basis:calc(50% - 1rem);}
.c-flex-dividers-rb > * {border-bottom: 1px solid #d3d9e1;}
.c-flex-dividers-rb > :last-child {border:none;}
#newprodfeature .semi-overlap-mob {margin: -150px auto -40px; }
#newprodfeature .prodfeaturedbg .cardtop {margin-bottom: 50px;}
#prod-cards-bottom .card.mb-18 {margin-bottom: 2rem;}
#c-tab-captionbox {display: none; }
#c-tabslickwrapper .c-slickcarousel.c-slider-mob .slick-slide:not(.slick-current) { opacity: 0.4;}
a.playOverlay .fa-circle-play {font-size: 50px;}
.block-mob {display: block;}
.inline-block-mob {display: inline-block;}
.pos-rel-mob {position: relative;}
.d-none-mob {display:none;}
.full-wid-mob {width:100%}
.auto-wid-mob {width: auto;}
.max-w-50p-mob {max-width: 50%;}
.max-w-150-mob {max-width: 150px;}
.h-3-mob {height: 3px}
.w-100-mob {width: 100%;}
.w-50-mob {width: 50px;}
.flex-mob {display: flex;}
.flex-col-mob {flex-direction: column;}
.flex-wrap-mob {flex-wrap: wrap;}
.flex-basis-1-2-mob {flex-basis: 50%;}
.flex-basis-100-mob {flex-basis: 100%;}
.flex-shrink-0-mob {flex-shrink: 0;}
.justify-start-mob {justify-content: flex-start;}
.justify-center-mob {justify-content:center;}
.self-start-mob {align-self: flex-start;}
.items-end-mob {align-items: flex-end;}
.order-1-mob {order: 1;}
.order-2-mob {order: 2;}
.order-3-mob {order: 3;}
.order-4-mob {order: 4;}
.object-bottom-mob {object-position: bottom;}
.object-center-mob {object-position: center;}
.object-left-mob {object-position: left;}
.object-left-bottom-mob {object-position: left bottom;}
.object-left-top-mob {object-position: left top;}
.object-right-mob {object-position: right;}
.object-right-bottom-mob {object-position: right bottom;}
.object-right-top-mob {object-position: right top;}
.object-top-mob {object-position: top;}
.icon-300-mob {width: 50px; height: 50px;}
.ta-l-mob {text-align: left;}
.ta-r-mob {text-align: right;}
.ta-c-mob {text-align: center;}
.bg-white-mob {background-color: var(--color-white);}
.bg-gray-200-mob {background-color: var(--color-gray200);}
.text-white-mob {color: var(--color-white);}
.text-black-mob {color: var(--color-black);}
.text-gray-600-mob {color: var(--color-gray600);}
.border-b-gray-300-mob {border-bottom-width: var(--border-wid); border-color: var(--color-gray300); border-style: solid;}
.border-none-mob {border: none;}
.p-4-mob {padding: 1rem;}
.py-2-mob {padding-top: 0.5rem; padding-bottom: 0.5rem;}
.py-4-mob {padding-top: 1rem; padding-bottom: 1rem;}
.py-6-mob {padding-top: 1.5rem; padding-bottom: 1.5rem;}
.py-8-mob {padding-top: 2rem; padding-bottom: 2rem;}
.py-12-mob {padding-top: 3rem; padding-bottom: 3rem;}
.py-16-mob {padding-top: 4rem; padding-bottom: 4rem;}
.px-0-mob {padding-right: 0; padding-left: 0;}
.px-4-mob {padding-right: 1rem; padding-left: 1rem;}
.px-6-mob {padding-right: 1.5rem; padding-left: 1.5rem;}
.px-8-mob {padding-right: 2rem; padding-left: 2rem;}
.pr-2-mob {padding-right: .5rem;}
.pt-0-mob {padding-top: 0;}
.pb-0-mob {padding-bottom: 0;}
.pb-4-mob {padding-bottom: 1rem;}
.pl-0-mob {padding-left:0 }
.pl-4-mob {padding-left: 1rem;}
.m-0-mob {margin:0;}
.mx-0-mob {margin-right: 0; margin-left: 0;}
.mx-a-mob {margin-right: auto; margin-left: auto;}
.mx-2-mob {margin-right: 0.5rem; margin-left: 0.5rem;}
.mx-4-mob {margin-right: 1rem; margin-left: 1rem;}
.mr-6-mob {margin-right: 1.5rem;}
.mb-8-mob {margin-bottom: 2rem;}
.mb-0-mob, p.mb-0-mob {margin-bottom: 0;}
.mb-2-mob {margin-bottom: 0.5rem;}
.mb-4-mob {margin-bottom: 1rem;}
.mb-6-mob, p.mb-6-mob {margin-bottom: 1.5rem;}
.mb-12-mob, p.mb-12-mob {margin-bottom: 3rem;}
.mb-16-mob {margin-bottom: 4rem;}
.shadow-lg-mob {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}
}
@media only screen and (min-width: 769px) and (max-width: 825px) {
.c-vidgrid img {max-width: 150px;}
}
@media only screen and (min-width: 640px) {
.flex-no-wrap-sm {flex-wrap: nowrap;}
.flex-basis-auto-sm {flex-basis: auto;}
.c-flex-dividers-r-sm > div {border-right: 1px solid #d3d9e1;}
.c-flex-dividers-r-sm > div:last-child {border:none;}
.px-4-sm {padding-right: 1rem; padding-left: 1rem;}
.max-w-260-sm {max-width: 260px;}
}
@media only screen and (min-width: 769px) {
.flex-basis-auto-md {flex-basis: auto;}
}
@media only screen and (min-width: 1025px) {
.pl-12-lg {padding-left: 3rem;}
.flex-no-wrap-lg {flex-wrap: nowrap;}
}
@media only screen and (max-width: 630px) {
#prod-cards-bottom .card {padding: 2rem .5rem; margin-left: 0rem; margin-right: .75rem;}
#prod-cards-bottom .absolute-center-tag .px-6 {padding-right: 0.75rem; padding-left: 0.75rem;}
}
@media only screen and (max-width: 490px) {
#prod-cards-bottom .absolute-center-tag .px-6 {padding-right: 0.5rem; padding-left: 0.5rem;}
}
@media only screen and (max-width: 469px) {
.c-hero-img-300 {object-fit: cover; min-height:530px;}
.c-flex-4-3-2-1 {flex-basis:100%;}
.c-flex-3-2-1 {flex-basis:100%;}
}
@media only screen and (max-width: 424px) {
#newprodfeature .gray-white-bg-duo {
background: #f5f8f9;
background: -moz-linear-gradient(top, #f5f8f9 0%, #f5f8f9 59%, #ffffff 59%, #ffffff 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5f8f9), color-stop(59%, #f5f8f9), color-stop(59%, #ffffff), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #f5f8f9 0%, #f5f8f9 59%, #ffffff 59%, #ffffff 100%);
background: -o-linear-gradient(top, #f5f8f9 0%, #f5f8f9 59%, #ffffff 59%, #ffffff 100%);
background: -ms-linear-gradient(top, #f5f8f9 0%, #f5f8f9 59%, #ffffff 59%, #ffffff 100%);
background: linear-gradient(to bottom, #f5f8f9 0%, #f5f8f9 59%, #ffffff 59%, #ffffff 100%);
}
#prod-cards-top a.tooltip, #prod-cards-bottom a.tooltip {display:block; min-width:100px; min-height:20px;}
}
@media only screen and (max-width: 410px) {
.c-vidgrid img{max-width:125px; margin: 8px;}
}
@media only screen and (max-width: 400px) {
.c-hero-img-200 {object-fit: cover; min-height:510px;}
}
/* basic accordion (footer) */
.acrd-mob-lvl2 details.c-detail-100 {margin: 1rem 0; border-bottom: 1px solid var(--color-gray300);}
.acrd-mob-lvl2 .c-detail-100:last-of-type {border-bottom: none; margin-bottom:0;}
.acrd-mob-lvl2 .c-detail-100:first-of-type {margin-top: 0}
@media only screen and (min-width: 769px){
.acrd-cta .iconography {margin-bottom: -12px; z-index: 10;}
}
@media only screen and (max-width: 768px){
.acrd-mob-lvl1 .acrd-cta {cursor: pointer;}
.acrd-mob-lvl1 .acrd-cta:after {margin-left: auto; padding: 0 8px; content:'\f063'; font-family: 'Font Awesome 6 Sharp'; font-weight: 900; color: var(--color-gray600); cursor: pointer; transition: .3s all; }
.acrd-mob-lvl1.on .acrd-cta:after { transform: rotate(180deg); }
.acrd-mob-lvl2 {height: 0; display: none; opacity: 0; transition: .3s all; }
.acrd-mob-lvl1.on .acrd-mob-lvl2 {height: auto; display: block; padding-bottom: 1rem; opacity: 1;}
}
/*dom extras */
.bg-nls-dk-gray {background-color: #898989;}
.bg-nls-lt-gray {background-color: #f3f4f4;}
body.nautilus footer, body.schwinn footer {clear:both;}
body.nautilus a.underline, body.gateway a.underline {text-decoration: underline !important;}
body.nautilus a.underline:hover, body.gateway a.underline:hover {text-decoration: none !important;}
body.nautilus a.no-underline, body.gateway a.no-underline {text-decoration: none !important;}
body.nautilus a.underline-hover:hover, body.gateway a.underline-hover:hover {text-decoration: underline !important;}
/* /basic accordion */
/* jquery ui accordion skin */
.bfxAccordion {width: 100%; display: flex; position: relative; margin: 0 auto; height: auto; box-sizing: border-box; }
.bfxAccordion ul {position: relative; display: inline-block; margin: 0; padding: 0; list-style-type: none; vertical-align: top; width: 100%; box-sizing:border-box; }
.bfxAccordion ul li {width: 100%; padding: 0; box-sizing: border-box;}
.bfxAccordion ul li .bfxHeading {box-sizing: border-box; position: relative; display: flex; align-items: center; font-size: 1rem; width: 40%; padding: 32px 8px; text-decoration: none; border-bottom: solid 3px transparent; border-radius: 3px; z-index: 1; background: var(--color-gray100); color: var(--color-black); -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.bfxAccordion ul li .bfxHeading.active {background: var(--color-gray200); color: var(--color-black); border-bottom: solid 3px var(--color-gray400);}
.bfxHeading .controlerIcon {-moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; padding:0 4px;}
.bfxHeading .controlerIcon.rotated {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.bfxAccordion .bfxTag {position: relative; width: 35%; opacity: 0; padding: 8px 8px 32px 8px; white-space: initial;}
.bfxAccordion .bfxMedia {width: 50%; height: 0; position: absolute; top: 0; right: 0; overflow: hidden; opacity: 0;}
.bfxAccordion .bfxMedia.opaque {height: 100%;}
.bfxAccordion .bfxMedia img, .bfxAccordion .bfxMedia video {border-radius: 3px;}
.bfxAccordion .opaque { opacity: 1;}
.bfxAccordion.tightAccordion ul li .bfxHeading {padding: 16px 8px; }
.bfxAccordion.tightAccordion ul li .bfxHeading.active {padding: 16px 8px; }
.bfxAccordion.darkAccordion ul li .bfxHeading.active {color: #fff; background: #636e7e;}
.bfxAccordion.darkAccordion ul li .bfxHeading {background: #141414; color: #d3d9e1; border-color: #636e7e;}
.bfxAccordion.darkAccordion .bfxTag {color: #d3d9e1; }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.bfxAccordion ul li .bfxHeading {width: calc(50% - 16px);}
.bfxAccordion .bfxTag {width: 45%;}
}
@media only screen and (min-width: 769px) {
.bfxAccordion ul li .bfxHeading:hover {background: #edf0f5; border: 1px solid #636e7e; }
.bfxAccordion ul li .bfxHeading.active:hover {background: #edf0f5; border-color: transparent;}
.bfxAccordion.darkAccordion ul li .bfxHeading:hover {background-color: #2F343C; border-color: #fff;}
.bfxAccordion.darkAccordion ul li .bfxHeading.active:hover {color: #fff; background-color: ;}
.bfxAccordion .bfxMedia img, .bfxAccordion .bfxMedia video {position: absolute; top: 50%; transform: translateY(-50%);}
}
@media only screen and (max-width: 768px) {
.bfxAccordion ul li .bfxHeading {width: 100%;}
.bfxAccordion .bfxTag {width: 100%;}
.bfxAccordion .bfxMedia {position: relative; height: 0; width: 100%;}
.bfxAccordion .bfxMedia.opaque {position: relative; height: auto; margin-bottom: 32px;}
.bfxAccordion.expandall ul li .bfxHeading {padding: 16px 8px; color: #141414;}
.bfxAccordion.expandall .controlerIcon {display: none;}
.bfxAccordion.expandall .bfxMedia {opacity: 1; height: auto; margin-bottom: 32px;}
.bfxAccordion.expandall ul li a {width: 100%;}
.bfxAccordion.expandall .bfxTag {opacity: 1;}
}
/* /accordion */
/* slick - semi optimized and stylized */
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.c-slickcarousel .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.c-slickcarousel .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.c-slickcarousel .slick-slider .slick-track,
.c-slickcarousel .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.c-slickcarousel .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.c-slickcarousel .slick-track:before,
.c-slickcarousel .slick-track:after {
display: table;
content: '';
}
.c-slickcarousel .slick-track:after { clear: both; }
.c-slickcarousel.slick-loading .slick-track { visibility: hidden; }
.c-slickcarousel .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.c-slickcarousel .slick-slide img { display: block; }
.c-slickcarousel .slick-slide.slick-loading img { display: none; }
.c-slickcarousel .slick-slide.dragging img { pointer-events: none; }
.c-slickcarousel.slick-initialized .slick-slide { display: block; }
/* custom slick overrides allow flex in carousel*/
.c-slickcarousel.slick-initialized .slick-slide.flex { display: flex; }
.c-slickcarousel.c-slick-flex-stretch .slick-track {display: flex !important; }
.c-slickcarousel.c-slick-flex-stretch .slick-slide {height: inherit !important; }
/* /custom slick overrides*/
.c-slickcarousel.slick-loading .slick-slide { visibility: hidden; }
.c-slickcarousel .slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.c-slickcarousel .slick-arrow.slick-hidden { display: none; }
.c-slickcarousel .slick-slide img.inline-block {display: inline-block;}
/* Slick Arrows */
.c-slickcarousel .slick-prev,
.c-slickcarousel .slick-next
{
font-size: 28px;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 30px;
height: 50px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
opacity: .5;
background: none;
border: none;
z-index: 5;
}
.c-slickcarousel .slick-prev:focus, .c-slickcarousel .slick-next:focus { outline: auto; }
.c-slickcarousel .slick-prev:hover, .c-slickcarousel .slick-prev:focus, .c-slickcarousel .slick-next:hover, .c-slickcarousel .slick-next:focus { opacity: .9; }
.c-slickcarousel .slick-prev:hover:before, .c-slickcarousel .slick-prev:focus:before, .c-slickcarousel .slick-next:hover:before, .c-slickcarousel .slick-next:focus:before { opacity: 1; }
.c-slickcarousel .slick-prev.slick-disabled:before, .c-slickcarousel .slick-prev.slick-disabled, .c-slickcarousel .slick-next.slick-disabled:before, .c-slickcarousel .slick-next.slick-disabled
{
opacity: .09;
cursor:not-allowed;
}
.c-slickcarousel .slick-prev:before, .c-slickcarousel .slick-next:before
{
content:'';
font-size: 20px;
line-height: 1;
opacity: .5;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-slickcarousel .slick-prev { left: 0; color: var(--color-black);}
.c-slickcarousel .slick-next { right: 0; color: var(--color-black);}
.c-slickcarousel.whitearrows .slick-prev i, .c-slickcarousel.whitearrows .slick-next i {color: var(--color-white);}
.c-outer-ymal-wrapper {margin-left:auto; margin-right: auto; box-sizing: border-box;}
.c-inner-ymal-wrapper {margin-left:auto; margin-right: 0; box-sizing: border-box;}
.c-slick-ymal .slick-track {display: flex !important;}
.c-slick-ymal .slick-slide {width:100%; max-width:290px; border: 1px solid transparent; height: inherit !important; }
.c-slick-ymal .slick-slide:hover {border: 1px solid var(--color-gray400);}
.c-slick-ymal.ymal-no-borders .slick-slide, .c-slick-ymal.ymal-no-borders .slick-slide:hover {border:none;}
@media only screen and (max-width: 340px) {
.c-slick-ymal .slick-slide {width:260px; max-width:260px;}
}
@media only screen and (min-width: 1500px) {
.c-inner-ymal-wrapper { max-width: calc((100% - (100% - 1500px) / 2 ) - 1rem); }
}
@media only screen and (min-width: 613px) and (max-width: 1540px) {
.c-inner-ymal-wrapper {width: calc(100% - 1rem);
margin-left: auto !important;
margin-right: 0 !important;}
}
@media only screen and (min-width: 769px){
.c-outer-ymal-wrapper {max-width:1920px;}
}
/*alternate slick arrow styling when arrows appear above or below sliders */
.new-nav-arrows .slick-prev, .new-nav-arrows .slick-next {width:50px; height:50px; font-size:30px; padding: 5px 0 0 0; background: var(--color-gray200); color: var(--color-black); text-align: center; border: none; margin:0 12px; box-sizing: border-box; border-radius: 3px;}
.new-nav-arrows .slick-prev {padding-right: 3px;}
.new-nav-arrows .slick-next {padding-left: 3px;}
.new-nav-arrows .slick-prev:hover, .new-nav-arrows .slick-next:hover, .new-nav-arrows .slick-prev:focus, .new-nav-arrows .slick-next:focus {background: var(--color-gray300); color: var(--color-black);}
#pdpFeatures .slick-prev, #pdpFeatures .slick-next {left: unset; right: unset; display: inline-block; position: relative;}
#pdpFeatures .slick-prev:before, #pdpFeatures .slick-next:before {content: "";}
.new-nav-arrows.bluearrow .slick-prev, .new-nav-arrows.bluearrow .slick-next {background: #202038; color: var(--color-white);}
.new-nav-arrows.bluearrow .slick-prev:hover, .new-nav-arrows.bluearrow .slick-next:hover, .new-nav-arrows.bluearrow .slick-prev:focus, .new-nav-arrows.bluearrow .slick-next:focus {background: #2C3757;}
.new-nav-arrows.whitearrow .slick-prev, .new-nav-arrows.whitearrow .slick-next {background: var(--color-white); color: var(--color-black);}
.new-nav-arrows.whitearrow .slick-prev:hover, .new-nav-arrows.whitearrow .slick-next:hover, .new-nav-arrows.whitearrow .slick-prev:focus, .new-nav-arrows.whitearrow .slick-next:focus {background: var(--color-gray300);}
.new-nav-arrows .slick-prev.slick-disabled:before, .new-nav-arrows .slick-prev.slick-disabled,
.new-nav-arrows .slick-next.slick-disabled:before, .new-nav-arrows .slick-next.slick-disabled {opacity: .09; cursor:not-allowed;}
/*alternate slick arrow styling when arrows on sides */
.c-slick-tallarrows.c-slickcarousel {overflow-x:hidden;}
.c-slick-tallarrows.c-slickcarousel .slick-prev, .c-slick-tallarrows.c-slickcarousel .slick-next {background: rgba(255, 255, 255, .15); height: 100%; width: 42px; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-radius: 3px; transition: all .5s ease;}
.c-slick-tallarrows.c-slickcarousel .slick-prev {left: -48px; display:none;}
.c-slick-tallarrows.c-slickcarousel:hover .slick-prev {left: 0;}
.c-slick-tallarrows.c-slickcarousel .slick-next {right: -48px; display:none;}
.c-slick-tallarrows.c-slickcarousel:hover .slick-next {right: 0;}
.c-tallarrows-dark.c-slickcarousel .slick-prev, .c-tallarrows-dark.c-slickcarousel .slick-next {background: rgba(20, 20, 20, .25); color: var(--color-black);}
/*YMAL23 arrows*/
.c-slick-ymal.c-slickcarousel {overflow-x:unset;}
.c-slick-ymal.c-slickcarousel .slick-prev, .c-slick-ymal.c-slickcarousel .slick-next {background: rgba(254,254,254, .35); color: var(--color-black); height: 100%; width: 42px; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-radius: 3px; transition: all .5s ease;}
@media only screen and (min-width: 613px) {
.c-slick-ymal.c-slickcarousel .slick-prev, .c-slick-ymal.c-slickcarousel .slick-next {height: 50px; width: 42px;}
}
.c-slick-ymal.c-slickcarousel .slick-prev, .c-slick-ymal.c-slickcarousel:hover .slick-prev {left: 0px;}
.c-slick-ymal.c-slickcarousel .slick-next, .c-slick-ymal.c-slickcarousel:hover .slick-next {right: 0px;}
/* Slick Dots */
.c-slickcarousel .slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 90%;
left: 5%;
}
.c-slickcarousel .slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
width: 8px;
height: 8px;
background-color: var(--color-gray300);
border-radius: 1000px;
}
.c-slickcarousel .slick-dots li, .c-slickcarousel .slick-dots li button {
cursor: pointer
}
.c-slickcarousel .slick-dots li button {
border: 0;
background: transparent;
display: block;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
}
.c-slickcarousel .slick-dots li button:focus:before, .c-slickcarousel .slick-dots li button:hover:before {
opacity: 1;
}
.c-slickcarousel .slick-dots li button:hover {
background-color: transparent
}
.c-slickcarousel .slick-dots li:hover {
background-color: var(--color-black)
}
.c-slickcarousel .slick-dots li.slick-active {
background-color: var(--color-black);
opacity: 1
}
.c-slickcarousel .slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 20px;
height: 20px;
font-family: inherit;
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-slickcarousel .slick-dots li.slick-active button:before {
color: black;
opacity: 1;
}
.c-slickcarousel .slick-dots li.slick-active {
background-color: #141414;
opacity: 1;
}
.c-slickcarousel.whitedots .slick-dots li.slick-active {background-color: var(--color-white);}
.c-slickcarousel.whitedots .slick-dots li:hover {background-color: var(--color-white);}
/*alternate slick dots as lines */
.product-line .new-dotlines ul.slick-dots {padding-left:0;}
.product-line .new-dotlines.ta-c ul.slick-dots {text-align: center;}
.product-line .new-dotlines ul.slick-dots li:before {content:''}
.pdp-other-section .new-dotlines.ta-l ul.slick-dots {text-align: left;}
.pdp-other-section .new-dotlines ul {padding-left:0; position:relative; }
.pdp-other-section .new-dotlines .slick-dots li {width:auto; height: auto;}
.pdp-other-section .new-dotlines .slick-dots li button {width: 40px; height: 40px;}
.new-dotlines .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; }
.new-dotlines .slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 40px; height: 40px; padding: 5px; color: transparent; border: 0; outline: none; background: transparent; transition: all .3s ease;}
.new-dotlines .slick-dots li button:before {position: absolute; top: 17px; left: 0; width: 40px; height: 4px; border-radius: 3px; content: ''; text-align: center; background: var(--color-gray300); transition: all .3s ease; }
.new-dotlines .slick-dots li.slick-active button:before { background: var(--color-gray600); height:9px; top:15px; border-radius: 10px; }
.new-dotlines .slick-dots li:hover button:before { background: var(--color-gray400); border-radius: 0;}
@media only screen and (min-width: 640px) {
.pdp-other-section .new-dotlines .slick-dots li button {width: 60px;}
.new-dotlines .slick-dots li button { width: 60px; }
.new-dotlines .slick-dots li button:before {width: 60px;}
}
@media only screen and (min-width: 1024px) {
.pdp-other-section .new-dotlines .slick-dots li button {width: 80px;}
.new-dotlines .slick-dots li button { width: 80px; }
.new-dotlines .slick-dots li button:before {width: 80px;}
}
.new-dotlines.jrny-dark-lines .slick-dots li button:before {background: #2c3757; }
.new-dotlines.jrny-dark-lines .slick-dots li.slick-active button:before { background: var(--color-gray100); }
.new-dotlines.jrny-dark-lines .slick-dots li:hover button:before { background: #0ee3a3;}
/* hide while loading */
.c-slickcarousel { display: none; }
.c-slickcarousel.slick-initialized { display: block;}
/* slick with mp4s */
@media only screen and (min-width: 769px) and (max-width: 1199px) { .vid-slider .slick-list {padding: 0 15% !important;} .vid-slider .slick-slide {min-width:500px; min-height:400px;} }
@media only screen and (min-width: 1200px) { .vid-slider .slick-list {padding: 0 30% !important;} .vid-slider .slick-slide {min-height:450px;} }
@media only screen and (max-width: 768px) { .vid-slider .slick-list {padding: 0 15% !important;} }
@media only screen and (max-width: 505px) { .vid-slider .slick-list {padding: 0 50px !important;} .vid-slider .slick-slide video {max-height: 428px;} }
.vid-slider .slick-slide:not(.slick-current) { opacity: .25; } /*pointer-events: none;*/
.vid-slider .slick-slide { transition: all 0.15s ease; }
.vid-slider .slick-slide { position: relative; }
.vid-slider .slick-slide::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vid-slider .slick-slide video { position: relative; width: 100%; height: auto;}
.vid-slider .slick-slide iframe { position: relative; }
.vid-slider .slick-slide:not(.slick-current) iframe {pointer-events: none; }
.vid-slider .slick-slide .slide-image { height: 100%; background-size: cover; background-position: center; transition: all 0.8s ease; }
.vid-slider .slick-slide.slick-active { z-index: 1; }
/* SHW override */
body.schwinn .c-slickcarousel button.slick-arrow,
body.schwinn .c-slickcarousel button.slick-prev:hover,
body.schwinn .c-slickcarousel button.slick-prev:focus,
body.schwinn .c-slickcarousel button.slick-next:hover,
body.schwinn .c-slickcarousel button.slick-next:focus {background:none; color: inherit}
/* /slick*/
/* /SquirrelWind */