/*theme colours
primary = #D1021C
dark primary = #B6021A
secondary = #000000
*/

/*header*/
#header.fixed {position: fixed; top: 0; left: 0;}
#header-top .w-full p {font-size: 13px; line-height: 22px;}
#topBar {display: block; position: relative; padding-left: 0;}
#topBar li {font-size: 13px; line-height: 22px; font-weight: 500; display: inline-block;}
#topBar li.pe-2 {padding-right: 12px;}
#header .main-menu ul li a {text-transform: uppercase;}
#header .main-menu ul li li a {text-transform: capitalize;}
#search-content {bottom: -56px; left: 0;}
.main-nav {background-color: #000; padding: 0;}
.menu {list-style-type: none;margin: 0; padding: 0; display: flex;}
.menu-item a {text-decoration: none; padding: 0 10px; position: relative; line-height: 6; display: inline-block;}
.menu-item a li a {line-height: 1;}
.menu-item.has-megamenu a {padding: 0 16px 0 10px;}
.menu-item.top-level a {font-size: 14px; font-weight: 500;}
.menu-item.top-level a.text-primary {color: #D1021C;}
.menu-item.top-level a:hover, .menu-item.top-level a:focus {color: #D1021C;}
.menu-item.has-megamenu a li a, .menu-item.has-megamenu .mega-second-level a, .menu-item.has-megamenu .mega-first-level a {padding: 5px 10px; line-height: 1;}
.menu-item.has-megamenu a li a:hover, .menu-item.has-megamenu .mega-second-level a:hover, .menu-item.has-megamenu .mega-first-level a:hover {color: #D1021C;}
.menu-item a span {display: inline-block; position: absolute; right: 0; text-align: right; line-height: 6; width: 14px; height: 28px;}
.submenu {display: none; position: absolute; background-color: white; padding: 10px; list-style-type: none;}
.submenu li {padding: 5px 0;}
.submenu li a {line-height: 1; color: #333;}
.submenu li a:hover, .submenu li a:focus {color: #D1021C;}
.megamenu {display: none; position: absolute; left: 0; background-color: white; padding: 15px; width: 100%; box-sizing: border-box; visibility: hidden;} 
.megamenu.visible {animation: 0.35s fadeIn; animation-fill-mode: forwards; visibility: visible;}
@keyframes fadeIn {
  99% {visibility: hidden;} 100% {visibility: visible;}
}
.mega-col {flex: 1; margin-right: 15px;}
.mega-col h4 {font-size: 15px; margin-bottom: 10px;}
.mega-col ul {list-style-type: none; padding: 0;}
.mega-col ul li {margin-bottom: 5px;}
.mega-col ul li a {text-decoration: none;}
.menu-item:hover > .submenu, .menu-item:hover > .megamenu {display: block;}
.min-w-36 {min-width: 153px;}
.breadcrumbs li {margin-bottom: 0;}
.breadcrumbs li a {color: #000;}
.breadcrumbs li span {color: #333;}
.breadcrumbs li a:hover {color: #D1021C;}
.breadcrumbs li a, .breadcrumbs li span {font-weight: 500;}
.additionals button svg {width: 20px;}
form.minisearch input {color: #5a5a5a; font-size: 15px; line-height: 23px; border: 1px solid #dedede; border-radius: 3px;}
#search .container {position: relative;}
#klevuSearchResults_wrapper {position: absolute; width: 100%; left: 0;}
#klevuSearchResults .klevuWrap {background: #fff;}
#klevuSearchResults .klevuWrap [ku-container][data-container-role="main"] {padding: 0 2.5rem !important; width: 100% !important;}
html .kuQuickSearchFacetedLayout>div {max-width: 100% !important;}
.mobile-banners {display: none; visibility: hidden;}
.desktop-banners {display: flex; visibility: visible;}

/*general*/
.bg-primary {background-color: #D1021C;}
.border-black {border-color: #000;}
.focus\:outline-none:focus {outline: 0; outline-offset: 0;}
.cms-index-index .page-wrapper .page-main {margin-top: 0.75rem;}
.page-wrapper {background: #ffffff;}
.page-layout-2columns-left .page-wrapper, .page-layout-2columns-left .page-main, .checkout-cart-index .page-wrapper, .checkout-cart-index .page-main,
.customer-account-create .page-wrapper, .customer-account-create .page-main, .customer-account-login .page-wrapper, .customer-account-login .page-main {background: #f9f9f9;}
body {font-family:"Montserrat",Arial,Helvetica,sans-serif; font-size: 15px;}
.hover\:text-primary:hover {color: #D1021C;}
.page-main {background: #ffffff;}
.page-main p {font-size: 14px; line-height: 22px; margin-bottom: 12px;}
.page-main a:not(.track-button):not(.btn-primary), .accordion-content a {color: #000; text-decoration: underline;}
.page-main a.no-underline {text-decoration: none;}
.page-main a:not(.track-button):not(.btn-primary):hover, .accordion-content a:hover {color: #D1021C;}
.title-font {text-transform: uppercase;}
.text-3xl {font-size: 1.5rem; line-height: 1.75rem;}
.banner-adverts figure img {transition: all .35s ease-in-out; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);}
.banner-adverts figure:hover img {-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);}
body .ambrands-swiper-brand .ambrands-image-block img.ambrands-image {/*filter: brightness(0) saturate(100%) invert(18%) sepia(0%) saturate(5065%) hue-rotate(270deg) brightness(95%) contrast(78%);*/}
body .ambrands-swiper-brand .ambrands-image-block:hover img.ambrands-image {/*filter: brightness(0) saturate(100%) invert(0%) sepia(90%) saturate(7460%) hue-rotate(346deg) brightness(89%) contrast(111%);*/}
.btn-primary {font-size: 14px; outline: 0; font-weight: 500; border: 1px solid #D1021C; background: #D1021C; border-radius: 3px; text-transform: uppercase;}
.btn-primary.text-lg {font-size: 16px; line-height: 20px;}
.btn-primary:hover {background-color: #B6021A; border-color: #B6021A;}
.btn-secondary {font-size: 14px; font-weight: 500; outline: 0; color: #000; border: 2px solid #000; background: #fff; border-radius: 3px; text-transform: uppercase;}
.btn-secondary:hover {border-color: #D1021C; color: #D1021C;} 
.btn-secondary:focus, .btn-primary:focus {outline: 0;}
.text-primary-lighter:hover {color: #D1021C;}
.btn:focus {outline-offset: 0; --tw-ring-shadow: 0;}
.shop-cat-feature .cat-descriptor {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 15px; display: block; height: 50px;}
.shop-cat-feature .cat-descriptor h5 {width: 66.6666%; display: inline-block; line-height: 50px; font-weight: 700; font-size: 18px; text-transform: uppercase;}
.shop-cat-feature .cat-descriptor span {width: 33.3333%; float: right; text-align: right; text-decoration: underline; color: #dedede; font-size: 12px; line-height: 50px; text-transform: uppercase;}
.shop-cat-feature .cats-contain {overflow: hidden;}
.shop-cat-feature .cats-contain img {transition: all .35s ease-in-out; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);}
.shop-cat-feature .cats-contain:hover img {-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);}
.shop-cat-feature .cats-contain:hover h5 {color: #D1021C;} 
.blog-grid-feature widget.amblog-post-list {padding: 0; --tw-shadow: none; --tw-shadow-colored: none; margin-left: -0.5rem; margin-right: -0.5rem;}
.blog-grid-feature .amasty-contain.post-item-details {padding: 0.75rem 1rem; border: 1px solid #dedede;}
.blog-grid-feature .amasty-contain.post-item-details h4 {color: #000000; font-weight: 700; font-size: 18px; line-height: 26px; margin-bottom: 8px; margin-top: 12px;}
.blog-grid-feature .amasty-contain.post-item-details .amblog-date {font-size: 14px; line-height: 18px; margin-bottom: 8px;}
.blog-grid-feature .amasty-contain.post-item-details .ampost-link {display: block; font-size: 14px; line-height: 18px; text-decoration: underline;}
.blog-grid-feature .amasty-contain.post-item-details .ampost-link:hover {#D1021C;}
#catSubs .sub-cats h4 {font-size: 1.25rem;}
#catSubs .sub-cats a.cats-pg-link:hover {background: #D1021C;}
.ambrands-slider-container .ambrands-inner .swiper-slide {justify-content: center;}
.filter-content .items .item .filter-row a:hover {color: #D1021C;}
.amshopby-extension-link-hidden {display: none; visibility: hidden;}
.cms-returns-policy p {color: #777; font-size: 13px; line-height: 18px; margin-bottom: 8px;}
.cms-varsity-vibe-student-discount .page-main a:hover {color: #d90470;}
.accordion-header {font-size: 18px; background: #eaeaea; padding: 15px; border: 1px solid #dedede; cursor: pointer; margin-bottom: 15px;}
.accordion-header:hover {color: #D1021C;}
.accordion-content {max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; font-size: 14px; line-height: 25px; color: #777;}
.accordion-content ul {list-style: none; margin: 0; padding-left: 15px; padding-bottom: 15px;}
.accordion-content ul li {font-size: 14px; line-height: 25px; color: #777;}
.step-container ol {list-style: decimal; padding-left: 15px; line-height: 20px; color: #333; margin-bottom: 0;}
.step-container ol li {padding-top: 8px; padding-bottom: 8px; margin-bottom: 0;}
.step-container ol ol {list-style: lower-alpha;}
.step-container ol ol li:last-of-type {padding-bottom: 0;}
.page-main ul.track-list a:hover {color: #0a9e2f;}
.page-main ul.track-list li {padding-top: 7px;}
.bg-amcart-background {background-color: #ffffff;}
.bg-amcart-view-cart-btn{background-color: #D1021C;}

/*products*/
.product-slider .js_slides .product-item .price-box {text-align: center;}
.product-slider .js_slides .product-item .price-container .price {font-weight: 700;}
.product-slider .js_slides .swatch-attribute, .product-slider .js_slides .product-info .flex.flex-wrap {display: none; visibility: hidden;}
.product-slider .js_slides .js_slide .product-info .swatch-attribute.color, .products-grid .product-item .product-info .swatch-attribute.color {display: none; visibility: hidden;}
.product-slider .js_slides .js_slide {margin-right: 0;}
.product-slider .title-font {text-transform: uppercase;}
.product-slider .js_slides form {border: 0; --tw-shadow: none; --tw-shadow-coloured: none;}
.product-slider .js_slides .product-info .product-item-link, .products-grid .product-item .product-info .product-item-link {font-size: 18px; font-weight: 500; text-decoration: none;}
.product-slider .js_slides .js_slide .product-info .btn-primary svg, .products-grid .product-item .product-info .btn-primary svg {width: 18px;}
.product-item .price-container .price {font-weight: 500;}
.swatch-attribute .swatch-attribute-options .swatch-option {font-size: 14px;}
.swatch-attribute .swatch-attribute-options .flex-nowrap {flex-wrap: wrap !important;}
.catalog-product-view .product-info-main > section:first-child h1.page-title {width: calc(100% - 70px);}
.catalog-product-view .product-info-main > section:first-child .amshopby-option-link {max-width: 60px; margin-top: 0;}

/*cart*/
#cart-drawer .text-xl {font-size: 15px; line-height: 23px; margin-bottom: 10px;}
#cart-drawer .text-sm {font-size: 17px; line-height: 23px;}
#cart-drawer .space-y-2 .pt-2 {display: flex; padding-top: 0;}
#cart-drawer .space-y-2 .pt-2 p.font-semibold {flex:0;}
#cart-drawer .space-y-2 .pt-2 p.text-secondary {margin-left: 10px;}
.shipping-message .text-primary {color: #D1021C;}

/*account*/
.actions-toolbar .primary button {font-size: 14px; outline: 0; font-weight: 500; border: 1px solid #D1021C; background: #D1021C; border-radius: 3px; text-transform: uppercase;}
.actions-toolbar .primary button:hover {background-color: #B6021A; border-color: #B6021A;}
form.create.account fieldset.card, .login-container .card {border: 1px solid #dedede; background: #ffffff; --tw-shadow: none; --tw-shadow-colored: none;}
form.create.account fieldset.card .flex-wrap .control.flex {width: 100%;}
form.create.account fieldset.card .flex-wrap .self-center {display: block;}
form.create.account fieldset legend, form.form-login fieldset legend {font-size: 18px; line-height: 26px; text-transform: uppercase; font-weight: 700;}


/*blog*/
.amblog-post-container .amblog-footer .amblog-wrap a.amblog-ref {color: #D1021C;}
.amblog-post-container .amblog-footer .amblog-wrap a.amblog-ref:hover {color: #B6021A;}
.amblog-index-post .amblog-post-container.card {border: 0; --tw-shadow: none; --tw-shadow-colored: none;}
.amblog-index-post .page-main h2 {color: #D1021C;}
.amblog-index-post .page-main {color: #777;}

/*footer*/
footer.page-footer {background: #000000;}
footer.page-footer .leading-6 {line-height: 1; font-size: 15px;}
.newsletter-signup h3 {margin-top: 0; margin-bottom: 0; text-align: center; font-weight: 700; font-size: 22px; line-height: 42px; margin-right: 15px;}
.newsletter-signup .btn-subs button {width: calc(100% - 15px); text-transform: uppercase; line-height: 38px; font-weight: 500; border-radius: 3px;}
#footBar {display: block; position: relative; padding-left: 0; text-align: right;}
#footBar li {font-size: 14px; line-height: 26px; font-weight: 500; display: inline-block;}
#footBar li.pe-2 {padding-right: 12px;}
#footBar li a {color: #fff;}
#footBar li a:hover {color: #D1021C;}
#checkOut {display: none; visibility: hidden;}

/*product category single*/
.catalog-category-view:not(.category-brands) .text-4xl {display: block; position: relative; width: 100%;}
.catalog-category-view:not(.category-brands) .text-4xl h1 {color: #fff; font-size: 30px; background: #000; padding: 2rem; text-align: center; justify-content: center;}
#category-view-container {padding-left: 1.5rem; padding-right: 1.5rem;}
#category-view-container .category-cms {width: 100%;}

/*forms*/
.form-input, .form-email, .form-select, .form-multiselect, .form-textarea {width: 100%; min-height: 38px; color: #333; font-size: 14px; border-radius: 3px; border-width: 1px; --tw-border-opacity: 1; border-color: #b0b0b0;}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {border-color: #D1021C; outline: 0; outline-offset: 0; --tw-ring-inset: 0;}
[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {border-color: #D1021C;}
.qty .form-input {width: auto; min-width: 70px;}
.webforms .fieldset {padding-left: 0 !important; padding-right: 0 !important;}
html .webforms-hyva .fieldset {margin: 0 !important;}
html .webforms .field, html .webforms .actions-toolbar {padding-left: 0; padding-right: 0;}
html .webforms-hyva .actions-toolbar .primary {margin: 10px 0;}

/*responsive*/
@media (max-width: 768px) {
    .menu {flex-direction: column;}
    .megamenu {flex-direction: column;}
    .menu-item {width: 100%;}
    .submenu, .megamenu {position: relative; width: 100%;}
}
@media only screen and (max-width: 1280px) /*xlarge break*/ {}
@media only screen and (max-width: 1023px) /*large break*/ {
    .newsletter-signup h3 {font-size: 20px; line-height: 30px; margin-bottom: 12px; margin-right: 0;}
    .newsletter-signup .btn-subs button {width: auto; min-width: 195px; margin-top: 12px;}
    #topBar li.pe-2 {padding-right: 8px; padding-left: 8px;}
    #footBar {text-align: center;}
}
@media only screen and (max-width: 767px) /*medium break*/ {
    .catalog-product-view .product-info-main > section:first-child h1.page-title {width: calc(100% - 60px);}
    #category-view-container {padding-top: 0; padding-bottom: 0;}
    .product-info-main .text-3xl {font-size: 1.2rem; line-height: 1.55rem; flex-direction: row !important; padding: 0;}
    .page-layout-2columns-left .columns {padding-right: 0.5rem !important; padding-left: 0.5rem !important;}
    form.card.product-item {padding: 15px 0.325rem}
}
@media only screen and (max-width: 640px) /*small break*/ {
    .product-slider .js_slides .js_slide .product-info .btn-primary, .products-grid .product-item .product-info .btn-primary {font-size: 13px; width: 100%; padding: 8px;}
    .product-slider .js_slides form {padding: 10px;}
    .product-slider .js_slides .product-info .product-item-link, .products-grid .product-item .product-info .product-item-link {font-size: 16px; line-height: 1.25; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none;}
    .swatch-attribute .swatch-attribute-options .swatch-option {font-size: 11px;}
    .form-cart tbody.cart.item tr.item-info td.col.gap-8 {gap: 1rem;}
    .form-cart tbody.cart.item tr.item-info td.col.item .product-item-name.break-all {word-break: break-word;}
    .form-cart tbody.cart.item tr.item-info td.col.item dl.item-options {padding-bottom: 0;}
    .form-cart tbody.cart.item tr.item-info td.col.price {padding-top: 0.25rem;}
    .shop-cat-feature .cat-descriptor h5 {font-size: 16px; width: 100%; line-height: 35px;}
    .shop-cat-feature .cat-descriptor {height: 35px;}
    footer .footer.content ul li a {font-size: 13px; line-height: 18px;}
}
@media only screen and (max-width: 480px) {
    .mobile-banners {display: flex; visibility: visible;}
    .desktop-banners {display: none; visibility: hidden;}
    #header-top .w-full p {line-height: 18px;}
    #catSubs .sub-cats h4 {font-size: 1.1rem;}
    #catSubs .sub-cats span {font-size: 13px;}
    .product-slider .js_slides .js_slide .product-info .btn-primary svg, .products-grid .product-item .product-info .btn-primary svg {width: 15px;}
    .product-slider .js_slides .js_slide .product-info .btn-primary, .products-grid .product-item .product-info .btn-primary {font-size: 12px;}
}
.pagebuilder-slider {
    padding: unset !important;
    margin: unset;
}

@media only screen and (max-width: 767px) {
    .pagebuilder-slider-row, .home-slider-item, .home-slider, .pagebuilder-slide-wrapper, .pagebuilder-overlay {
        height: unset;
        min-height: unset !important;
    }
}

.checkout-index-index .checkout-header .description {
    padding: 0 20px;
}

.filter-content .items.-am-singleselect .item .items-children
{
	min-width: 150px !important;
}

.filter-content .items .item .filter-row.category-filter-row a {
    text-decoration: none !important;
}

.card {
    border: none !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.filter-content .items.am-labels-folding.is-by-click .item {
    position: relative;
}
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 1027px) {
    .menu-item.has-megamenu a {
        padding: 0 15px 0 10px;
    }
}

.main-nav {
    min-width: 820px;
}