@import url("https://use.typekit.net/nzc4vnv.css");
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

#PageMain {
 margin-top: 0;
}

#PageFooter {
 margin-top: 0;
}

.ws-section-code .customContentBlock {
 min-height: 0;
}

.sePage .sePageLayout .sePageMain .container-fluid {
 margin-right: auto;
 margin-left: auto;
 padding-left: 15px;
 padding-right: 15px;
}
.ws-display-mobile {
 display: block;
}
.ws-display-desktop {
 display: none;
}
.container-fluid .ws-fw-link {
 margin: 0 -15px;
 width: calc(100% + 30px);
 display: block;
}

.se-hero-inner .block-bg-img {
 padding: 15vw 25px;
}

/* TYPOGRAPHY */
.sePage .sePageLayout .sePageMain h1,
.sePage .sePageLayout .sePageMain h2,
.sePage .sePageLayout .sePageMain h3 {
 font-family: neue-haas-grotesk-display, sans-serif;
 font-style: normal;
 font-weight: 600;
 color: #333;
 text-transform: uppercase;
}

.sePage .sePageLayout .sePageMain h1 {
 font-size: 42px;
}
.sePage .sePageLayout .sePageMain h2 {
 font-size: 42px;
}
.sePage .sePageLayout .sePageMain h3 {
 font-size: 32px;
}

.sePage .sePageLayout .sePageMain,
.sePage .sePageLayout .sePageMain p,
.sePage .sePageLayout .sePageMain li {
 font-family: obviously-narrow, sans-serif;
 font-size: 20px;
 font-style: normal;
 font-weight: 400;
 color: #333;
}

.sePage .sePageLayout .sePageMain a:not(.btn) {
 color: #333;
 text-decoration: none;
}

.sePage .sePageLayout .sePageMain h3 a:not(.btn) {
 color: #333;
 text-decoration: none;
}

.sePage .sePageLayout .sePageMain h3 a:not(.btn):hover {
 color: #333;
}

.seAdvancedItemCarousel .slick-track .seProductPrice {
 color: #333;
}

.seAdvancedItemCarousel .slick-track .seSpecialPrice {
 color: #d9364b;
}

/* BUTTONS */
.sePage .sePageLayout .sePageMain .btn:not(.btn-link),
.sePage .sePageLayout .sePageMain .btn-primary,
.sePage .sePageLayout .sePageMain a.btn.btn-primary,
.sePage .sePageLayout .sePageMain .btn-default,
.sePage .sePageLayout .sePageMain a.btn.btn-default {
 padding: 5px 20px 10px 20px;
 font-size: 18px;
 font-family: obviously-narrow, sans-serif;
 font-style: normal;
 font-weight: 400;
 text-align: center;
 text-decoration: none;
 white-space: normal;
 cursor: pointer;
}

.sePage .sePageLayout .sePageMain .btn:not(.btn-link),
.sePage .sePageLayout .sePageMain .btn-primary,
.sePage .sePageLayout .sePageMain a.btn.btn-primary {
 border-color: #333;
 background: #333;
 color: #fff;
}

.sePage .sePageLayout .sePageMain .seContentSectionLink .btn-primary,
.sePage .sePageLayout .sePageMain .seContentSectionLink a.btn.btn-primary {
 border-color: #333;
 background: #333;
}

.sePage .sePageLayout .sePageMain .sePageMain .btn:not(.btn-link):visited,
.sePage .sePageLayout .sePageMain .btn-primary:visited,
.sePage .sePageLayout .sePageMain a.btn.btn-primary:visited {
 color: #fff;
}

.sePage .sePageLayout .sePageMain .sePageMain .btn:not(.btn-link):hover,
.sePage .sePageLayout .sePageMain .btn-primary:hover,
.sePage .sePageLayout .sePageMain a.btn.btn-primary:hover,
.sePage .sePageLayout .sePageMain .btn:not(.btn-link):active,
.sePage .sePageLayout .sePageMain .btn-primary:active,
.sePage .sePageLayout .sePageMain a.btn.btn-primary:active,
.sePage .sePageLayout .sePageMain .btn:not(.btn-link):focus,
.sePage .sePageLayout .sePageMain .btn-primary:focus,
.sePage .sePageLayout .sePageMain a.btn.btn-primary:focus {
 border-color: #000;
 background: #000;
 color: #fff;
 text-decoration: none;
}

.sePage .sePageLayout .sePageMain .btn-default,
.sePage .sePageLayout .sePageMain a.btn.btn-default {
 border-color: #fff;
 border-width: 2px;
 background: transparent;
 color: #fff;
}

.sePage .sePageLayout .sePageMain .btn-default:visited,
.sePage .sePageLayout .sePageMain a.btn.btn-default:visited {
 color: #fff;
}

.sePage .sePageLayout .sePageMain .btn-default:hover,
.sePage .sePageLayout .sePageMain a.btn.btn-default:hover,
.sePage .sePageLayout .sePageMain .btn-default:active,
.sePage .sePageLayout .sePageMain a.btn.btn-default:active,
.sePage .sePageLayout .sePageMain .btn-default:focus,
.sePage .sePageLayout .sePageMain a.btn.btn-default:focus {
 border-color: #fff;
 background: #fff;
 color: #252525;
 text-decoration: none;
}

/* FEATURE IMAGE LINK */
.sePage .sePageLayout .sePageMain .se-feature-image-link-section {
 margin-bottom: 0;
}
.sePage
 .sePageLayout
 .sePageMain
 .se-feature-image-link-section
 .content-block-column {
 position: relative;
 -webkit-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 min-height: 300px;
 overflow: hidden;
}
.sePage
 .sePageLayout
 .sePageMain
 .se-feature-image-link-section
 .content-block-column:hover {
 -webkit-transform: translateY(-2px);
 -ms-transform: translateY(-2px);
 transform: translateY(-2px);
 -webkit-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.sePage
 .sePageLayout
 .sePageMain
 .se-feature-image-link-section
 h3
 a:not(.btn) {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 background-color: rgba(0, 0, 0, 0.15);
 width: 100%;
 color: #fff;
 text-decoration: none;
 text-shadow: 0 0 5px #484848;
}
.sePage
 .sePageLayout
 .sePageMain
 .se-feature-image-link-section
 h3
 a:not(.btn):hover {
 color: #fff;
 text-decoration: none;
}
.sePage
 .sePageLayout
 .sePageMain
 .se-feature-image-link-section
 .col-margin-bottom {
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 5px;
}
.sePage
 .sePageLayout
 .sePageMain
 .se-feature-image-link-section
 .container-fluid {
 padding: 0 40px;
}
.sePage
 .sePageLayout
 .sePageMain
 .se-feature-image-link-section.bottom
 .container-fluid {
 padding-bottom: 35px;
}
.sePage .sePageLayout .se-feature-image-link-section h3 a:not(.btn),
.sePage .sePageLayout .se-feature-image-link-section h3 a:not(.btn):hover {
 color: #fff;
 text-decoration: none;
}

/* full width 2 column feature */
.se-feature-2col-fw-section .content-block-column {
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.se-feature-2col-fw-section .content-block-column:first-child {
 min-height: 360px;
}

.se-feature-2col-fw-section .content-block-column:last-child {
 padding: 45px 30px;
 text-align: left;
}

/* feature catalog carousel */

.sePage .sePageLayout .se-feature-catalog-section .slick-slide {
 text-align: center;
 padding: 11px 15px;
 background: #fff;
 margin: 0 5px;
 height: inherit !important;
}

.sePage .sePageLayout .se-feature-catalog-section .img-thumbnail {
 background-color: transparent;
 border: none;
}

.sePage .sePageLayout .sePageMain .se-feature-catalog-section .container-fluid {
 padding: 0 25px;
}
.sePage .sePageLayout .se-feature-catalog-section .slick-track {
 display: flex !important;
}
.sePage .sePageLayout .se-feature-catalog-section .slick-next,
.sePage .sePageLayout .se-feature-catalog-section .slick-next:focus,
.sePage .sePageLayout .se-feature-catalog-section .slick-next:hover,
.sePage .sePageLayout .se-feature-catalog-section .slick-prev,
.sePage .sePageLayout .se-feature-catalog-section .slick-prev:focus,
.sePage .sePageLayout .se-feature-catalog-section .slick-prev:hover {
 background: #373535;
 width: 28px;
 height: 36px;
}
.sePage .sePageLayout .se-feature-catalog-section .slick-next:before,
.sePage .sePageLayout .se-feature-catalog-section .slick-prev:before {
 color: #fff;
}
.sePage
 .sePageLayout
 .se-feature-catalog-section
 .slick-dots
 li.slick-active
 button:before {
 color: #333;
}
.sePage .sePageLayout .se-feature-catalog-section .slick-dots li button:before {
 color: #333;
}

.sePage .sePageLayout .se-feature-catalog-section .img-thumbnail {
 background-color: #fff;
 border: none;
}

@media (min-width: 768px) {
 .ws-display-mobile {
 display: none;
 }
 .ws-display-desktop {
 display: block;
 }
}

@media (min-width: 992px) {
 /* full width 2 column feature */
 .se-feature-2col-fw-section .content-block-column:first-child {
 min-height: 480px;
 }

 .se-feature-2col-fw-section .content-block-column:last-child {
 padding: 45px 60px;
 }
}

@media (min-width: 1200px) {
 /* full width 2 column feature */
 .se-feature-2col-fw-section .content-block-column:first-child {
 min-height: 520px;
 }
}
