/* Font Swap */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif, Arial;
    font-style: normal;
    font-kerning: normal;
    letter-spacing: -0.008em;
}

.sePage .sePageLayout h1, .sePage .sePageLayout h2, .sePage .sePageLayout h3, .sePage .sePageLayout h4, .sePage .sePageLayout h5, .sePage .sePageLayout h6 {
    font-family: "Poppins", sans-serif, Arial;
    font-style: normal;
    font-kerning: normal;
    letter-spacing: -0.008em;
}


.sePageHeaderWrapper .seSiteNavigator .seSiteNavigatorWrapper .navbar-nav .is-drilldown-submenu .is-drilldown-submenu-parent>.mobile-megamenu-title, .sePageHeaderWrapper .seSiteNavigator .seSiteNavigatorWrapper .navbar-nav>li>a {
font-family: "Poppins", sans-serif;
}

/* ANNOUNCEMENT BANNER TWEAKS */

#PageBanner .banner-text a {
    color: white !important;
}


/* REMOVE GAP UNDER NAV ON MAIN PAGE */

.sePage .sePageMain{margin-top:0px}
@media only screen and (max-width:991px){.sePage .sePageMain{margin-top:0px}}



/* DISABLE REVIEWS -- not enough sample size to benefit customer */

.seReviewData {
    display: none;}

.seProductRatingNavigable {
    display: none;}

.seFacetPanel.sereviewsFacetPanel.panel.panel-default {
    display: none;}



/* PRODUCT CAROUSEL -- this makes the images larger */

.slick-slide {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;}

/* Uniform Page Content Header Title specs  */
.col-xs-12.content-block-column.top_header{
    height: 300px;
    align-content: center;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.65);
}

@media only screen and (min-width: 992px){
.col-xs-12.content-block-column.top_header h1 {
 margin-top: .05em; 
 font-size: 125px;
}}

@media only screen and (min-width: 768px) and (max-width: 991px){
.col-xs-12.content-block-column.top_header h1 {
 margin-top: .05em;
 font-size: 95px;
}}

@media only screen and (max-width: 767px){
.col-xs-12.content-block-column.top_header h1 {
 margin-top: .05em; 
 font-size: 85px;
}}



/* SEARCH BAR BACKGROUND COLOR CHANGE */
.seSiteNavigator .seSiteNavigatorWrapper {
    width: 100%;
    background-color: #f6f6f6;}

.sePageLayout .seHeaderTopRow {
    background-color: #e9e9e9;}

ul.list-inline.seUserActionsList {
    background-color: #e9e9e9;}

/* MAKES SEARCH BOX FONT SIZE BIGGER */
.sePage input#seHeaderSearchBox {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Poppins', 'Source Sans Pro', arial;
}

.tt-menu.tt-open {
        background: linear-gradient(to bottom, rgb(233, 233, 233), rgb(251 251 251));
}

.seSiteSearchForm span.twitter-typeahead .tt-suggestion {
    line-height: 1.32;
    font-size: 16px !important;
    font-family: 'Poppins' !important;
    margin-top: 2px;
}

strong.tt-highlight {
    font-weight: 600;
}

.seSiteSearchForm span.twitter-typeahead .tt-dropdown-menu, .seSiteSearchForm span.twitter-typeahead .tt-menu{
border: 1px solid #d7d7d7;
border-top: none;
background-color: #e9e9e900;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

input#seHeaderSearchBox::placeholder {
  color: #555 !important; /* This sets the default placeholder color to dark gray */
  transition: color 0.15s ease;
}

input#seHeaderSearchBox:focus::placeholder {
  color: #aaa !important; /* This makes the placeholder lighter when the input is focused */
}

/* REMOVES MAIN MENU DOWN ARROW */
.is-drilldown-submenu-parent.dropdown>.dropdown-toggle>.arrow {
    display: none;}

/* NAV BAR BACKGROUND COLOR CHANGE */
.sePage .sePageLayout .seNavbar {
    background: #f6f6f6; border-top: 0px;}

/* MEGA MENU - LOWER AND UPPER CASE ADJ */
.sePageLayout .seNavbar {font-size:20px; font-family: "poppins", "Source Sans Pro", sans-serif !important; text-transform:uppercase;}
.megamenu .link-list li a.title {text-transform: uppercase; font-family: "poppins", "Source Sans Pro", sans-serif !important; letter-spacing: 0.02em; font-size: 19px !important;}
.dropdown-menu>li>a {text-transform:lowercase;}
.megamenu .link-list li a {text-transform:lowercase;}

/* MEGA MENU BACKGROUND ADJ */
.seSiteNavigator .navbar-nav li.dropdown-submenu.open>.dropdown-menu, .seSiteNavigator .navbar-nav li.dropdown.open>.dropdown-menu {
    opacity: .982;
    background-color: #f9f9f9;}

.sePageLayout .dropdown-menu.megamenu .is-drilldown-submenu, .sePageLayout .dropdown-menu.megamenu .is-drilldown-submenu>li>a:active, .sePageLayout .dropdown-menu.megamenu .is-drilldown-submenu>li>a:focus, .sePageLayout .dropdown-menu.megamenu .is-drilldown-submenu>li>a:hover {
    background: #f9f9f9;}

.seSiteNavigator .navbar-nav>li>a{
font-family: "poppins", "Source Sans Pro", sans-serif !important;
}


/* MEGA MENU NAV MOBILE FONT SIZING - CATEGORIES */
.seSiteNavigator .navbar-nav .is-drilldown-submenu .is-drilldown-submenu-parent>.mobile-megamenu-title, .seSiteNavigator .navbar-nav .is-drilldown-submenu .is-drilldown-submenu-parent>.mobile-megamenu-title, .seSiteNavigator .navbar-nav .is-drilldown-submenu .is-drilldown-submenu-parent>.mobile-megamenu-title{ font-size: 18px;}

/* MEGA MENU NAV MOBILE DROPDOWN ARROW VERTICALLY CENTERED */
.is-drilldown-submenu-parent.dropdown .arrow{
display: flex;
}

/* MEGA MENU NAV MOBILE LINES GRADIENT + LARGER MENU FONTS ON MOBILE */
@media only screen and (max-width: 991px) {
    .seSiteNavigator .navbar-nav .is-drilldown-submenu>div .is-drilldown-submenu-parent:after, .seSiteNavigator .navbar-nav .is-drilldown-submenu>div:not(:last-child) .is-drilldown-submenu.is-active:after {
    background: linear-gradient(to right, #b9b9b9, #b9b9b9, #e9e9e9);
    width: calc(100% - 00px);}

.sePageLayout .seNavbar .dropdown-menu {
        background: linear-gradient(to right, #E9E9E9, #E9E9E9, #f9f9f9);}

.sePage .sePageLayout .seNavbar .navbar-nav>li>a {
    font-size: 19.5px;
    font-family: "poppins", "Source Sans Pro", sans-serif !important; 
    letter-spacing: 0.02em;
}

.sePage .sePageLayout .sePageHeader .seHeaderBottom .seStoreHours .seStoreHoursList p, .sePage .sePageLayout .is-drilldown-submenu li a:not(.btn), .sePage .sePageLayout .seSiteSearchForm span.twitter-typeahead .tt-suggestion {
    font-size: 18px;}
}

.sePageLayout .seNavbar .navbar-nav>.is-active .is-active>a,
.sePageLayout .seNavbar .navbar-nav>.is-active>a:focus,
.sePageLayout .seNavbar .navbar-nav>.is-active>a:hover {color: #0070c9;}

/* MEGA MENU SECTION TITLE UNDERLINE ADJ */
.megamenu .link-list li a.title:after {
    height: 1px;
    width: auto;}

/* FIX SPACING BETWEEN MEGA-MENU LIST -- MORE COMPACT */
@media only screen and (min-width: 992px) {
    .megamenu .link-list li a {
        padding: 3px 5px 2px 0;
    }
}

/* MAKING MENU DROP DOWN BUTTONS BLUE WHEN YOU CLICK AND EXPAND THEM - DESKTOP */
.sePageLayout .seNavbar .seNavbarNav>li.active>a, .sePageLayout .seNavbar .seNavbarNav>li.active>a:focus, .sePageLayout .seNavbar .seNavbarNav>li.active>a:hover, .sePageLayout .seNavbar .seNavbarNav>li.open>a, .sePageLayout .seNavbar .seNavbarNav>li.open>a:focus, .sePageLayout .seNavbar .seNavbarNav>li.open>a:hover, .sePageLayout .sePageLayoutWrapper .navbar .navbar-nav>.open>a, .sePageLayout .sePageLayoutWrapper .navbar .navbar-nav>.open>a:focus, .sePageLayout .sePageLayoutWrapper .navbar .navbar-nav>.open>a:hover {
    color: #ffffff;
    background-color: #0b7bc1;
}

/* REMOVING MARGIN FROM HEADLINE */
section.section.sePageSection.sePageSectionResponsive.\.nomargin_bottom {
    margin-bottom: 0em;
}

/* SITE LOGO - REDUCING MAX HEIGHT */
.sePageHeaderWrapper .seSiteLogo .seSiteLogoWrapper .img-responsive {
    max-height: 150px;
}

/* Section Title With Subtitle scaling */
@media only screen and (min-width: 1200px){
.title_subtitle .content-block-column p {
 font-size: 29px !important;
 margin-bottom: 0px;}}

/* Section Title With Subtitle scaling */
@media only screen and (min-width: 992px){
.title_subtitle .content-block-column p {
font-size: 22px;}}

/* Section Title bottom margin reduction */
section.section.sePageSection.sePageSectionResponsive.title_subtitle {
    margin-bottom: 10px;
}


.seProductFacetsWrapper .seFacetListGroup .seFacetPanel {
    border-bottom: 1px solid #eaeaea;}

/* MOBILE MENU FILTER - FIXING SIZING ISSUES */
@media only screen and (max-width: 767px){
li.list-group-item.seFacet {
    font-size: 19px;
    color: #111;}

.sePage .sePageLayout h4, .sePage .sePageLayout .sePageHeader h4 a:not(.btn), .sePage .sePageLayout .sePageHeader .sePageHeaderWrapper .seHeaderActions .seHeaderActionsInner h4 a:not(.btn) {
    font-size: 19px !important;
}

.seFacetPanel.secategoriesFacetPanel.panel.panel-default {
    font-size: 19px;
}

.seFacet label {
    font-size: 16px;
    color: #111;}

.seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .list-group .seFacet label, .seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .seSortMenu .seSortContainer .seListGroup .seFacet label, .seSortMenu .seSortContainer .seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .seListGroup .seFacet label {
    font-size: 19px;}

.seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .list-group .seFacet, .seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .seSortMenu .seSortContainer .seListGroup .seFacet, .seSortMenu .seSortContainer .seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .seListGroup .seFacet {
    padding: 0px 40px 5px 0;}

span.badge{
font-size: 15px;
color: #444;}
}



.seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .list-group .seFacet, .seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .seSortMenu .seSortContainer .seListGroup .seFacet, .seSortMenu .seSortContainer .seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .seListGroup .seFacet{
padding: 5px 37px 5px 0;}

/* Catalog listing tweaks to adjust title size */
.sePage .sePageLayout h4, .sePage .sePageLayout .sePageHeader h4 a:not(.btn), .sePage .sePageLayout .sePageHeader .sePageHeaderWrapper .seHeaderActions .seHeaderActionsInner h4 a:not(.btn) {
    font-size: 22px;
}

.seSecondaryFacetList .seFacet label:before {
    margin-top: 4px !important;
    width: 15px;
    height: 15px;
}

@media only screen and (max-width: 767px){
.seSecondaryFacetList .seFacet label:before {
    margin-top: 6px !important;
    width: 15px;
    height: 15px;}

div#ModalOriginalPrice.seOriginalPrice {
    line-height: .9em;
}
}

@media only screen and (min-width: 768px){
.seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .list-group .seFacet label, .seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .seSortMenu .seSortContainer .seListGroup .seFacet label, .seSortMenu .seSortContainer .seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .seListGroup .seFacet label {
    font-size: 16px;
    color: #111;
    max-width: 91%;
    margin-bottom: 0px;}
}


/* Catalog listing tweaks to adj spacing */
li.list-group-item.seFacet.seLastVisibleFacet {
    margin-bottom: 10px;
}

/* Show additional facets by default in the categories section */
.seProductFacetsWrapper .secategoriesFacetPanel .seAdditionalFacet,
.seProductFacetsWrapper .secategoriesFacetPanel.seShowMoreExpanded .seShowMore {
    display: block !important;
}

/* Hide the "Show More Categories" button by default */
.secategoriesFacetPanel .seShowMore {
    display: none;
}

/* Apply margin-bottom rule only to the last visible category */
.secategoriesFacetPanel .seFacet.seLastVisibleFacet {
    margin-bottom: 0px !important;
}

/* Hide the "Show Fewer Categories" button by default */
div#Facets-categories li.list-group-item.seToggleMoreFacets.seShowLess.seAdditionalFacet {
    display: none !important;
}

/* Hide the "model year" catalog nav by default */
.seFacetPanel.seyearFacetPanel.panel.panel-default {
    display: none;
    visibility: hidden;
}



/* Adding space above "Filter By" in desktop mode */
@media only screen and (min-width: 992px) {
    .seSearchFacets {
        margin-top: 8px;
    }

}

/* Likely not needed to work around close button in catalog find in store popup
.modal-header {
  position: relative;
  padding-right: 3rem; /* Adjust to create space for the close button */
}*/

.modal-header .close {
  position: absolute;
  top: 10px; /* Adjust vertical alignment as needed */
  right: 10px; /* Adjust horizontal alignment as needed */
}

.modal-header > .row {
  display: flex;
  align-items: center;
}

.modal-header .col-sm-8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.seProductBuyContainer .seProductPriceWrapper .sePrice.sePriceOnSale .seOriginalPrice{
    font-weight: normal;
}

/* Fixing checkmark position on desktop */
@media only screen and (min-width: 768px) {
.seSecondaryFacetList .seFacet label:after {
    font-size: 13px;
    top: 8px;
    padding-left: 2px;}
}


/* changing color of sale pricing and making it pulse */
@keyframes pulse {
    0% { background-color: #c50d0d; }
    50% { background-color: #d52121; } /* Adjust the color if needed */
    100% { background-color: #c50d0d; }
}


.sePageLayout .seSearchProductsContainer .seProduct .seSavingPercent {
    animation: pulse 2s infinite; /* Adjust the duration of the pulse */
    opacity: 85%;
    font-weight: bold;
    margin: 10px 0px 0px 4px;
}

/* more spacing at the bottom of a catalog page's .seIntroText */
.seIntroText p {
    margin: 0 0 15px; /* Adjust the bottom margin as needed */
}

@media only screen and (min-width: 1200px) {

    .seSearchResultsContainer {
        width: 78%;}

div#FacetsMenu.col-md-3 {
        width: 22%;}
}

/* catalog section heading uppercase */
.seSearchResultsContainer .seItemListHeadingContainer {
    text-transform: uppercase; }


/* adding space between rows in catalog listings */
.seSearchProductsContainer .seProduct {
    margin-top: 20px;
}

/* reducing gap between sale price and original price on a sale listing */
.seSearchProductsContainer .seProduct .seProductPrice .seOriginalPrice {
    margin-top: 1px;
}

/* TESTING -- Need to figure out how to apply to only bicycles secton of catalog
@media only screen and (min-width: 992px) {
.sePageLayout .seSearchProductsContainer .seProduct .seSavingPercent {
    margin-top: 10px;}
}
*/

.seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .list-group .seToggleMoreFacets, .seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .seSortMenu .seSortContainer .seListGroup .seToggleMoreFacets, .seSortMenu .seSortContainer .seProductFacetsWrapper .seFacetListGroup .seFacetPanel .seSecondaryFacetList .seListGroup .seToggleMoreFacets{
    padding-top: 0px;
}


/* How to find us sizing tweaks */
.sestorelocatormapcontainer {
    height: 837px;
    max-height: 837px;
}

div#sestorelocatormapcontainer {
    height: 837px;
    max-height: 837px;
}

@media only screen and (min-width: 1600px){
.sePageContent.sePageContentLocations {
    width: 1250px;
}
}

.seLocationPage #sestorelocatorcontainer .sestorelocatorleftcolumn #sestorelocatorlocationlist:not(.scroll-content) {
    min-height: 837px;
    background-color: #f7f7f7;}

.seStoreLocatorLocationsList {
    font-size: 15.5px;}

.sestorelocatorstore .seTitle {
font-weight: bold;}

@media only screen and (min-width: 1200px){
.sePage .sePageLayout .sePageContent.sePageContentLocations h1 {
    font-size: 80px;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 5px 20px 5px;
    }

.seLocationPage #sestorelocatorcontainer .sestorelocatorleftcolumn {
    width: 26%;}

.seLocationPage #sestorelocatorcontainer .sestorelocatorrightcolumn {
    width: 74%;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.sePage .sePageLayout .sePageContent.sePageContentLocations h1 {
    font-size: 68px;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 5px 20px 5px;
    }

.seLocationPage #sestorelocatorcontainer .sestorelocatorleftcolumn {
    width: 30%;}

.seLocationPage #sestorelocatorcontainer .sestorelocatorrightcolumn {
    width: 70%;}
}


@media only screen and (min-width: 768px) and (max-width: 991px){
.sePage .sePageLayout .sePageContent.sePageContentLocations h1 {
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 5px 20px 5px;
    }

.seLocationPage #sestorelocatorcontainer .sestorelocatorleftcolumn {
    width: 39%;}

.seLocationPage #sestorelocatorcontainer .sestorelocatorrightcolumn {
    width: 61%;}


/* Catalog find a store near you width */
    .modal-dialog {
        width: 690px;}

}


.seProductFacetsWrapper .seFacetListGroup .seFacetPanel .panel-heading .panel-title a{
    font-size: 20px;
    text-transform: uppercase;
}

    .seStoreLocatorLocationsList {
        height: auto !important;
        overflow: auto !important;
        min-height: fit-content;
        max-height: 100vh;
    }

.modal-body .sestorelocatorstore {
     padding: 10px 15px;
}


.seFindInStoreModal .seStoreLocatorLocationsList .sestorelocatorstore .seTitle, .seShoppingCart .seStoreLocatorLocationsList .sestorelocatorstore .seTitle {
    margin-bottom: 10px;
    text-transform: uppercase;
}

.seItemSavings, .seSpecialPrice {
       color: #e0000e;
    font-weight: 600;
    font-size: 1.1em;
    margin-right: 2px;
}

/* Button height and color on product page, when adding to cart */
button.detailsButton.btn.btn-default.pull-right {
    background-color: #fafafa;
    line-height: 1.2em;
}

/* store details expansion link line height on product page, when adding to cart */
.seFindInStoreModal .seStoreLocatorLocationsList .sestorelocatorstore .storedetailsAnchor, .seShoppingCart .seStoreLocatorLocationsList .sestorelocatorstore .storedetailsAnchor {
    line-height: 38px;
}

/* X button on find in store add to cart page -- making it bigger and more in the corner */
.modal-header .close {
    margin-top: -5px;
    margin-right: 3px;
    font-size: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .modal-header .col-sm-8 h3.h4 {
        font-size: 30px;
        line-height: 1em;
        margin: -4px -18px 0px 0px;
        text-transform: uppercase;}
}


@media only screen and (min-width: 992px) and (max-width: 1199px){
  .modal-header .col-sm-8 h3.h4 {
        font-size: 38px;
        line-height: 1em;
        margin: -4px -18px 0px 0px;
        text-transform: uppercase;}
}

@media only screen and (min-width: 1200px){
  .modal-lg {
        width: 1040px;}

  .modal-header .col-sm-8 h3.h4 {
        font-size: 42px;
        line-height: 1em;
        margin: -4px -18px 0px 0px;
        text-transform: uppercase;}
}



@media screen and (max-width: 767px) {

    
.seFindInStoreModal .seInStoreImage {
    margin-top: 4px;
    margin-bottom: 8px;
    margin-right: 30px;
    margin-left: 30px;
}

.modal-content {

height: 100%;
max-height: 96vh;
min-height: 95vh;
overflow-y: auto;

}

.modal-dialog {

height: 95%;
margin: 9px;
}


.modal-header .row {
  flex-direction: column; /* Stack image and text vertically */
  justify-content: center; /* Centers the content */
  align-items: center; /* Aligns both image and text in the center */
  text-align: center; /* Center text content */
}

.modal-header {
    text-align: center;
}

.modal-header .col-sm-8 {
    text-align: center;
}


.seProductPriceWrapper {
  text-align: center; /* Ensure prices are centered as well */
  margin: -0.4em 0em 0.8em;
}


.seFindInStoreModal .seStoreLocatorLocationsList .sestorelocatorstore .inventory-status, .seShoppingCart .seStoreLocatorLocationsList .sestorelocatorstore .inventory-status {
    margin-bottom: 0px;
}
}

.seProductBuyContainer .seProductPriceWrapper .sePrice {
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 10px;
    font-family: 'Poppins';
}

div#PriceLabel {
    background: #ed0108;
    padding: 4px 6px;
    color: white;
    border-radius: 2px;
    font-size: 1.1em;
    text-transform: uppercase;
    line-height: 0.6em;
    display: inline-block;
    animation: fadeIn 0.95s cubic-bezier(0.9, 0, 1, 1) forwards;
    animation-delay: 1.2s;
    animation-fill-mode: backwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



@media only screen and (min-width: 768px){
.modal-header .seProductPriceWrapper {
    display: flex;
    align-items: center;
    gap: .35rem;}
}


.sePage .sePageLayout a.btn.btn-primary {
    background-color: #0a6597;
    border-color: #1a5b7f;
    font-family: 'Poppins', "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-size: 17px;
}

.sePage .sePageLayout a.btn.btn-primary:hover {
    background-color: #0082c3;
    border-color: #0072aa;
}

input.btn.btn-primary:focus {
    border-radius: 6px;
}

.banner-rotation {
  width: 100%;
  height: 44px;
  background-color: #111111;
  overflow: hidden;
  position: relative;
}

.banner-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  color: white;
  font-size: 16.5px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  letter-spacing: 0.25px;
  visibility: hidden; /* Hide the element initially */
  transition: opacity 0.25s ease-in-out, visibility 0s 0.5s; /* Fade in/out with delay for visibility */
  line-height: 1.1em;
  padding: 0px 6px;
}

.banner-text.active {
  opacity: 1;
  visibility: visible; /* Make the active text visible */
  transition: opacity 0.66s ease-in-out, visibility 0s; /* Instant visibility when active */
}

@media only screen and (min-width: 992px){
.banner-text {
  font-size: 18.5px;}

.banner-rotation {
  height: 40px;}
}

@media only screen and (max-width: 767px){
.col-sm-6.seProductInformationContainer .seProductInformationWrapper .seProductData .seProductInformationTitle {
    font-size: calc(4.5vw + 20px);
    text-align: center;
    text-transform: uppercase;
    line-height: 0.95em;
    margin-bottom: 15px;
}

.seProductInformationContainer .seProductInformationTitle .seProductBrandName {
    font-size: calc(2vw + 15px);
    line-height: 1em;
    margin-bottom: 3px;
}

.seitemimagecarousel-width-container{
    padding-top: 5px;
    margin-bottom: 0px !important;
    height: auto; /* Ensure the container adapts to its content */
    overflow: visible; /* Prevent scrolling */
}


.seitemimagecarousel-item:not([id^="seitemimagecarousel-"]) {
  display: none;
}

.seitemimagecarousel-item[id^="seitemimagecarousel-"]:not([id*="-1"]) {
  display: none;
  visibility: none;
}

.seProductImageContainer .seZoomImageContainer {
  height: 400px;
}

.seProductBuyContainer .seProductPriceWrapper .sePrice {
    font-size: 1.2em;
}
}

.seitemimagecarousel-item img {
    object-fit: contain;
}

.se-variation-button.se-color-button img {
    height: auto;
    width: 52px;
    object-fit: contain;
    padding: 2px;
}

div#Heading3 {
    background-color: aliceblue;
}

.touchcarousel .touchcarousel-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 55px;
}

.se-variation-button.se-color-button {
    height: 62px;
    width: 62px;
}

.seDivImageNotAvailable{
    width: 62px;
}

.seDivImageNotAvailable img{
    opacity: 60%;
}

.seDimensionDiagonalLine {
    width: 61px;
    height: 61px;
}


.se-variation-button{
  height: 48px;
  background-color: #fafafa;
  color: #353535;
}

.se-variation-button-mouseover {
    background-color: #e6f0f7;
    font-weight: normal;
    border: 1px solid #313131;
}

.seDiagonalCross {
    opacity: 0.3;
    background: linear-gradient(to top right, #fff calc(50% - 1px), #4d4d4d, #fff calc(50% + 1px));
    color: #434545;
    font-weight: normal;
}

.seDiagonalCross.se-variation-button-selected {
    color: #5a5a5a;
    font-weight: bold;
}

.se-variation-button-selected{
    background-color: #417295;
    color: white;
    font-weight: bold;
    border: 2px solid #313131;
    padding: 11px 18px;
}

.se-variation-button.se-color-button {
    background-color: #FFFFFF;
}

.seDivButtonVariation.seButtonVariationNotAvailable {
    color: #5a5a5a;
}

.se-variation-div{
margin-top: 10px;
}


.tab-pane.seProductItemDetails h4,
.tab-pane.seProductItemDetails .h4,
.tab-pane.seProductItemDetails .panel-heading h3.panel-title {
  font-size: 20px;
  color: #0061a7;
  text-wrap-style: balance;
}

.price-block .features{
  text-wrap-style: balance;
}

.seProductPartNumbersTableWrapper{
  max-height: 400px;
}

/* Target every 2nd row for part blocks */
seProductPaneContainer tab-content, tr:nth-child(2n) {
  background-color: #f7f7f7; /* Light gray background */
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #efefef;
}

.table.table-striped.table-bordered tbody tr:first-child th {
    background-color: #e0e0e0;
    padding: 10px 1px;
    color: #454545;
}

.seProductDataContainer .seProductPaneContainer .seProductItemDetails .panel-heading {
    padding: 11px 11px 15px;
}

.seProductDataContainer .seProductPaneContainer .seProductItemDetails .panel:last-child{
    margin-top: 3px;
}

div#Wishlist {
 display: none;
 visibility: hidden;
}

section.seFooterSection.seFooterSectionResponsive.listen360 {
    padding: 1.2em 0.1em 0.1em 0.1em;
    background: #f3f3f3 !important;
    margin-top: 0px;
    min-height: max-content;
}

@media only screen and (min-width: 450px) {
       section.seFooterSection.seFooterSectionResponsive.listen360 {
        padding: 0.7em 0.1em 2.2em 0.1em !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px){
section.seFooterSection.seFooterSectionResponsive.footer_locations h3 {
    font-size: 26.5px;
}
}

section.seFooterSection.seFooterSectionResponsive.footer_locations {
    margin: 15px 0px;
}

@media only screen and (min-width: 768px){
.col-xs-12.col-sm-2.content-block-column.col-margin-bottom-2 {
    width: 21.666%;
}
.col-xs-12.col-sm-2.content-block-column.col-margin-bottom-1 {
    width: 20%;
}}

.logobar {
  /* Existing styles for background color, etc. */
  overflow: hidden; /* This is important to prevent content from overflowing the container */
  white-space: nowrap; /* This prevents line breaks within the container */
  animation: scrollLogos 20s linear infinite; /* Animation definition */
}

.logobar .row {
  display: flex; /* Flexbox for easier horizontal alignment */
  animation: scrollLogosBackwards 20s linear infinite; /* Reverse animation for the second row */
}

@keyframes scrollLogos {
  0% {
    transform: translateX(0); /* Start from the beginning */
  }
  100% {
    transform: translateX(-100%); /* Move logos all the way to the left (adjust based on logo count) */
  }
}

@keyframes scrollLogosBackwards {
  0% {
    transform: translateX(100%); /* Start from the end (hidden initially) */
  }
  100% {
    transform: translateX(0); /* Move logos into view from the right */
  }
}

/* Adjust these styles for logo spacing and responsiveness as needed */
.col-xs-4, .col-sm-4, .col-md-2 {
  padding: 0 10px; /* Add spacing between logos */
}

.sePageContent.se404Page .se404Heading {
    margin-bottom: 50px;
    margin-top: 50px;
}