/** Shopify CDN: Minification failed

Line 12:0 Unexpected "@media"
Line 686:0 Unexpected "}"

**/
@charset "UTF-8";
*,

/* Custom CSS Styling */

@media (min-width: 1200px){
  .container {
    width: 1370px !important;
  }
}

.fal {
    font-family: "Font Awesome 5 Free";
}

.fal {
    font-weight: 300
}

.d-flex {
    display: flex;
}

.d-block {
  display: block;
}

.pb-3 {
  padding-bottom: 3rem;
}

@media (min-width: 768px) {
  .pb-md-0 {
    padding-bottom: )px;
}
  .d-md-none {
    display: none;
   }
}

@media (max-width: 768px){
  .blue_cta_FS_affirm {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
}

.text-dark {
    color: #000000 !important;
}


/*buttons */

.btn[disabled], .btn[aria-disabled=true] {
    opacity: .4;
}

.btn[disabled]:hover, .btn[aria-disabled=true]:hover {
    opacity: .4;
}



.btn--primary {
    border: var(--btn-border-width) solid rgb(var(--btn-bg-color));
    outline-color: rgb(var(--btn-bg-color));
    outline-offset: 3px;
    background: rgb(var(--btn-bg-color));
    background-size: 300% 100%;
    color: #ffffff;
}
.btn--primary:hover {
    border: var(--btn-border-width) solid #BB000B;
    outline-color: #BB000B;
    outline-offset: 3px;
    background: #BB000B;
    background-size: 300% 100%;
    color: #ffffff;
}

.btn--secondary {
  background: #ffffff;
  outline-offset: 3px;
  background-size: 300% 100%;
  color: #e20a17;
  border: solid 1px #e20a17;
}
.btn--secondary:hover {
  background: #ffffff;
  color:  #bb000b;
  border: solid 1px #bb000b;
}


.btn--reversed {
    border: var(--btn-border-width) solid #ffffff;
    outline-color: #ffffff;
    outline-offset: 3px;
    background: #ffffff;
    background-size: 300% 100%;
    color: #000000;
}
.btn--reversed:hover {
    border: var(--btn-border-width) solid rgb(var(--btn-bg-color));
    outline-color: rgb(var(--btn-bg-color));
    outline-offset: 3px;
    background: rgb(var(--btn-bg-hover-color)) linear-gradient(104deg, rgb(var(--btn-bg-hover-color)) 60%, rgb(var(--btn-bg-color)) 60% 100%) no-repeat 100% 100%;
    background-size: 300% 100%;
    color: #000000;
}
.oos-opacity {
  opacity: .5 !important;
}

.swym-button-bar {
    margin: 15px 0px !important;
    display: block !important;
}

.swym-btn-container[data-position=default] {
    display: block !important;
}

button.swym-button {
width: 100% !important;
}



/* search Bar */

.search__input {
  background-color: #fff;
  border: solid 1px #003399;
  border-radius: 0px;
}
.search__product-types .custom-select__btn {
  background-color: transparent !important;
  border-right:solid 1px #003399 !important;
  border-radius: 0px;
}
.custom-select__listbox {
    top: 0px;
    left: 0px;
    border: solid 1px #003399;
    background-color: #fff;
    border-radius: 0px !important;
}
.search__speech {
    color: #E20A17 !important;

}

/* header */

.header__icon, .header__icon >.icon {
    color: #E20A17;
}

.main-menu__toggle:before, .main-menu__toggle:after, .main-menu__toggle-icon:before, .main-menu__toggle-icon:after {
    background: #E20A17
}

@media (max-width: 768px){
    .header__logo img {
        max-width: 142px;
    }
    #cart-icon {
        width: 48px;
        height: 51px;
    }
    .fa-2x {
        font-size: 1.8em !important;
    }
    .fa-user {
        padding-top: 1px;
    }
    .fa-user:before {
    font-size: .95em;
}
}

@media (min-width: 769px) {
    .header {
        padding: calc(7* var(--space-unit)) 0 10px !important;
    }
}
.fa-envelope {
  padding-top: 2px;
}

@media (min-width: 769px) {
    .cc-header--sticky .header {
        min-height: 168px;
    }
}
.cc-header--sticky {
    z-index: 9999 !important;
}


/* Mega Menus */


[itemid="Cw2n1"] {
    background: #e20a17;
    color: #fff;
    .mm-arrow {
    color: #fff;
}
}

@media (min-width: 769px) {
    .main-nav__item--primary:hover {
        box-shadow: inset 0 -2px 0 0 #e20a17;
    }
}
.mm-arrow {
    color: #e20a17;
}

.mm-arrow:before {
    border-width: 0 4px 4px 0 !important;
}

@media (min-width: 769px) {
    .main-nav__child.mega-nav {
        left: 0;
        right: 0;
        width: var(--viewport-width, 100vw);
        padding: calc(8* var(--space-unit)) 0;
        transition-delay: .3s;
        max-width: 1331px;
        margin: auto !important;
        background-color: #000e28;
        color: #fff;
    }
}

@media (min-width: 769px) {
    .js .mega-nav--sidebar .child-nav__item--toggle.is-visible {
        background-color: #003399 !important;
    }
}

@media (min-width: 769px) {
    .mega-nav--sidebar .child-nav__item--toggle:hover a, .mega-nav--sidebar .child-nav__item--toggle.is-visible a, .mega-nav--sidebar .child-nav>li>.child-nav__item:hover {
        color: #fff !important;
    }
}
@media (min-width: 769px) {
    .child-nav__item:hover, .child-nav__item--toggle:hover, .grandchild-nav__item:hover {
        color: #9bc8eb;
    }
}

/* Icons */

.products-toolbar__filter .icon {
    color: #E20A17;
}
.products-toolbar__layout .tap-target {
    color: #E20A17 !important;
}

/* Footer */


.disclosure__title {
    color: #003399;
    text-transform: uppercase;
}

.footer .footer-col--links a:not(.btn) {
    text-decoration: underline !important;
}

.footer-block__text h6 {
  margin-bottom: 1em !important;
}

@media (min-width: 769px) {
    .footer {
        padding: 20px 0px 0px 0px !important;
        border-top: solid 1px #cccccc;
    }
}

.footer__base-container {
  background-color: #000;
  color: #fff;
  max-width: 100%;
  padding: 20px 0px;
  margin-top: 20px;
}

/* Navigation Slideshow */
.nav-slide-logo {
  max-width: 300px;
  padding-bottom: 30px;
}
@media (min-width: 769px) {
    .enlarge-text {
        line-height: 1.25em;
    }
}
slideshow__text h1, .h1, .text-h1 {
    line-height: 1em;
}




/* Product Filtering */

.facets__filters summary {
  color: #003399;
  text-transform: uppercase;
}
.checkbox:checked+label:before {
    border-color: rgb(var(--text-color));
    background-color: rgb(var(--heading-color));
}
.active-filter>.icon {
    background-color: rgb(var(--heading-color)) !important;
}

.facets.drawer {
    overflow: scroll !important;
}
.pt-mobile .filter-menu {
    padding: 20px !important;
}
.pt-apply {
    background-color: #003399 !important;
}
.filter-group.filter-group-tags-group-manufacturer.pt-accordion-group.pt-group-expanded {
    display: none;
}
.filter-group.filter-group-tags-group-best-selling.pt-accordion-group.pt-group-expanded {
    display: none;
}
.filter-group.filter-group-tags-group-color.pt-accordion-group.pt-group-expanded {
    display: none;
}
.filter-group.filter-group-tags-group-type.pt-accordion-group.pt-group-expanded {
    display: none;
}
.filter-group.filter-group-tags-group-cable-length.pt-accordion-group.pt-group-expanded {
    display: none;
}
.filter-group.filter-group-tags-group-color.pt-accordion-group.accordion-mode-first {
    display: none;
}
.filter-group.filter-group-tags-group-best-selling.pt-accordion-group.accordion-mode-first {
    display: none;
}
.filter-group.filter-group-tags-group-type.pt-accordion-group.accordion-mode-first {
    display: none;
}
.filter-group.pt-group-expanded.pt-accordion-group:not(.pt-display-nested) .scroll-content {
    scrollbar-width: none;
}



/* Collection Pages */
@media (min-width: 769px) {
    .main-products-grid[data-layout=grid] .card--promo {
        padding: 0 !important;
    }
}
.card.card--promo .card--promo__info {
    padding: calc(4* var(--space-unit)) !important;
}

.watermarkOverlay {
    position: absolute;
    width: 85%;
    height: 85%;
    z-index: 9;
    top: 0;
}

@media (min-width: 1024px) {
    .desktop\:card__quick-add--below {
        position: static;
        padding: 0 0 0 0;
    }
}

.compare-modal .modal {
  z-index: 9999 !important;
}

.template-collection-boat-life-gear .watermarkOverlay {
        display: none;
    }



/* Product Card */

.main-products-grid[data-layout=list][data-compare=true] .card--product-compare .card__compare {
    position: inherit !important;  
}
.main-products-grid[data-layout=grid][data-compare=true] .card__compare {
    max-height: 45px !important;
    padding-top: 12px;
    padding-bottom: 15px;
}
.card:not(.card--related) .price {
    padding-top: 5px !important;
}
.card:not(.card--related):not(.card--no-lines) .specs--top {
    margin-top: calc(3* var(--space-unit));
    border-top: 1px solid rgba(var(--text-color) / .15);
}
.breadcrumbs-list__link {
    color: #28831a;
    font-weight: 400;
    text-decoration: underline;
}
.breadcrumbs-list li a:last-child {
   color: #000;
   text-decoration: none;
}
span.product-vendor a {
    text-transform: uppercase;
    font-weight: 700;
    color: #003399;
}

.card__media .img-fit {
    object-fit: contain;
}

.drawer {
    z-index: 9999;
}

.btn--compare.is-open {
        z-index: 9999 !important;
    }

.discountyard-product-label-wrapper {
    z-index: 9998 !important;
}

.card-photo-dsclm {
  font-weight: 700;
  font-style: italic;
  font-size: .75em;
  margin-bottom: 20px;
}


/* PDP */

.specs--top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
}
.spec {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    font-size: 32px;
    font-family: 'Barlow';
    font-weight: 700;
}
@media (min-width: 768px){
  .spec-divider {
  border-right: solid 2px #bebebe;
}
}
.specLabel {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: rgb(var(--color-scheme-1-heading));
    font-family: 'Barlow';
}

.ca-warning {
  display: flex;
  flex-direction: row;
  gap: 5px;
  h3 {
    margin-bottom: 0px;
  }
  p {
    margin-bottom: 0px;
  }
  a {
    color: #003399;
  }
}

i svg {
  display: inline-block;
  width: 20px;
  height: auto;
}

.photo-dsclm {
  font-weight: 700;
  font-style: italic;
}

.template-product-non-motor-boat-life-gear .watermarkOverlay {
        display: none;
    }

@media (max-width: 768px){
.product-details__block th {
    font-size: 1rem !important;
}
}

/* Landing Pages */

/* Icon ROws */
.icons-with-text .slider--no-scrollbar .slider__grid {
    align-items: start;
}
.icons-with-text__text.rte.mt-2.text-center.icons-with-text__text--icons-above {
    padding-top: .75em;
}
p.m-0.icons-with-text__title.text-body-large {
    color: rgb(var(--heading-color));
    font-family: 'Barlow';
}

/* Collapsible Content */

h4.disclosure__title.xs\:regular-text.h6.font-body.flex.flex-auto.items-center.mb-0.text-current {
    font-weight: 700;
}


/* Blog Page */

.card__button svg.icon {
    vertical-align: middle !important;
}
.blog_readMore {
  font-weight: 700;
  text-decoration: underline;
}
p.link.gallery_block__link-text {
    color: #28831A;
}

/* Cart */

@media (min-width: 1280px) {
  .cart {
    column-gap: 40px !important;
  }
}

@media (min-width: 1024px) {
    .cart__items {
    flex: 1 1 auto;
    max-width: inherit !important;
  }
    .cart__summary {
    flex: 0 0 40% !important;
    width: 575px !important;
    }
}

.card--product .card__info {
    text-align: left;
}

.card__compare {
    text-align: left;
}

.cart-disclaimer {
    font-size: .85em;
}

.cart-item__remove {
  color: red;
}

button.qty-input__btn.btn.btn--plus.no-js-hidden, button.qty-input__btn.btn.btn--minus.no-js-hidden {
    color: rgb(var(--link-color));
}

.header__cart-count {
    background-color: rgb(var(--link-color));
    color: #fff;
}

.affirm_cart_logo {
  vertical-align: baseline;
  width: 63px;
}

/*   Module  */

#modal-page .section-main-page-padding {
         max-width: none;
         padding: 0;
       }
      #modal-page {
        display: none;
        background: rgba(0,0,0,0.5);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 96vh;
        z-index: 10000;
        justify-content: center;
        align-items: center;
      }
      #close-modal-page {
        display: block;
        margin-left: auto;
        color: #222;
        width: 30px;
        cursor: pointer;
        text-align: center;
        position: sticky;
        right: 0;
        top: 0;
        z-index: 1;
      }
      #modal-page.show-modal {
        display: flex;
      }
.modal-page-content {
    padding: 20px;
    max-width: 500px;
    border-radius: 10px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    z-index: 1;
    flex: 0 0 100%;
    max-height: 90vh;
    overflow: auto;
}
.modal-page-overlay {
     position: relative;
     cursor: pointer;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: block!important;
        sup {
          border: solid 1px #28831A;
          border-radius: 50%;
          width: 11px;
          height: 12px;
          display: inline-block;
          padding-left: 3px;
          margin-bottom: -1px;
          color: #28831A;
        }
      }
.modal-page-overlay a {
          color: #28831A;
        }




}

