@import url("https://www.sefiles.net/files/library/site/ws_partner_page_styles_specialized.css");
@import url("https://www.sefiles.net/files/library/site/specialized_levo4_slider_5452.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: 15px;
}

.modal-dialog {
 width: auto;
 margin: 30px 15px;
}

.modal-body {
 position: relative;
 padding: 0;
}

.modal-content {
 position: relative;
 background-color: transparent;
 border: none;
 border-radius: 0;
 box-shadow: none;
}

.ws-section-fw .container-fluid {
 margin-right: auto;
 margin-left: auto;
 padding-left: 30px;
 padding-right: 30px;
}

.sePageMain .container-fluid {
 padding: 0 15px;
}

.sePage .sePageLayout .sePageMain h3 {
 color: #fff;
}

.custom5-4 .editContent,
.custom4-1 .editContent {
 width: 100%;
 max-width: 100%;
}

.sePageMain .se-fw-section .container-fluid {
 padding: 0 30px;
}

.sePageMain .se-contained-section .container {
 padding: 0 30px;
}

/* FEATURE CARD SECTION */
.sePage .sePageLayout .ws-section-card {
 margin-bottom: 0;
}
.sePage
 .sePageLayout
 .ws-section-card.black
 .content-block-column:first-child
 .editContent {
 background-color: #060606;
}
.sePage .sePageLayout .ws-section-card .content-block-column .editContent {
 background-color: #f1f1f1;
 height: 100%;
 border-radius: var(--border-radius, 10px);
}

.sePage
 .sePageLayout
 .ws-section-card
 .editContent
 div:not(.content-block-content)
 img {
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 width: 100%;
 max-width: unset;
}

.sePage .sePageLayout .ws-section-card .content-block-content {
 padding: 15px 30px;
}

.sePage .sePageLayout .ws-section-card .content-block-content h2,
.sePage .sePageLayout .ws-section-card .content-block-content h3 {
 margin-top: 22px;
 color: #000;
}
.sePage .sePageLayout .ws-section-card .content-block-content p {
 margin-bottom: 11px;
 color: #000;
}
.sePage .sePageLayout .ws-section-card .content-block-content .btn {
 margin-bottom: 22px;
}

.sePage .sePageLayout .ws-section-card {
 margin-bottom: 0;
 border-radius: var(--border-radius, 10px);
}

/* 2 COLUMN HEROS */
.ws-section-hero-2col .block-bg-img {
 padding: 30px;
}

.sePage .sePageLayout .sePageMain .ws-section-hero-2col h2 {
 margin-top: 5px;
 margin-bottom: 0;
 text-shadow: none;
}

.sePage .sePageLayout .sePageMain .ws-section-hero-2col p {
 margin: 22px 0;
 text-shadow: none;
}

.ws-section-hero-2col .content-block-column:first-child,
.ws-section-hero-2col.header .content-block-column:last-child {
 background-repeat: no-repeat;
 background-position-y: center;
 background-position-x: center;
 background-size: cover;
 height: 100%;
 min-height: 420px;
}

.ws-section-hero-2col.header .content-block-column:first-child {
 background-color: #000 !important;
 text-align: left;
 min-height: unset;
}

.ws-section-hero-2col.breakthru .content-block-column:first-child {
 background-image: url("https://www.sefiles.net/files/library/site/WS_LP_SpecializedAllNewLevo25-2col-mobile.png") !important;
}

.ws-section-hero-2col .content-block-column:last-child {
 background-color: #000 !important;
}

/* Video Hero */
.sePage .sePageLayout .sePageMain .ws-section-hero-video h1,
.sePage .sePageLayout .sePageMain .ws-section-hero-video p {
 color: #fff;
 text-shadow: none;
}

.sePage .sePageLayout .ws-section-hero-video button.video-btn {
 background-color: transparent;
 border: 0;
 font-size: 60px;
 padding: 0;
 color: #ed1c24;
 position: absolute;
 position: absolute;
 top: 25%;
 left: 50%;
 transform: translateX(-50%);
}

.ws-section-hero-video {
 background-image: url("https://www.sefiles.net/images/library/site/WS_LP_SpecializedAllNewLevo25-bg-hero.jpg") !important;
}

.ws-section-hero-video .content-block-column {
 height: 100%;
 min-height: 120vw;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-end;
}

.ws-section-hero-2col.video-hero .container-fluid {
 position: relative;
}

.ws-section-hero-video .editContent {
 margin: 0 auto;
 width: 100%;
 max-width: 420px;
 text-align: center;
}

@media (max-width: 767px) {
 .se-contained-section {
 text-align: center;
 }

 .ws-section-hero-2col .content-block-column:last-child {
 text-align: center;
 }
}

@media (min-width: 768px) {
 .ws-section-hero-2col .content-block-column:last-child,
 .ws-section-hero-2col.header .content-block-column:first-child {
 background-color: transparent !important;
 }

 .text-sm-center {
 text-align: center;
 }

 .col-xs-12.hidden-sm.content-block-column {
 display: none;
 }

 .ws-section-hero-2col .content-block-column {
 display: flex;
 flex-direction: column;
 justify-content: center;
 height: 100%;
 min-height: 840px;
 }
 .ws-section-hero-2col .content-block-column:last-child,
 .ws-section-hero-2col.compliance .content-block-column:last-child,
 .ws-section-hero-2col.everywhere .content-block-column:last-child {
 background-color: transparent !important;
 }
 .ws-section-hero-2col .editContent:first-child {
 margin: 0;
 width: 100%;
 max-width: 420px;
 }
 .ws-section-hero-2col .block-bg-img {
 padding: 160px 60px;
 }

 .ws-section-hero-video .content-block-column {
 height: 100%;
 min-height: 100vw;
 }
}

@media (min-width: 992px) {
 .ws-section-hero-video .content-block-column {
 display: flex;
 flex-direction: column;
 justify-content: center;
 padding: 60px;
 height: 100%;
 align-items: flex-start;
 }

 .ws-section-hero-video {
 background-image: url("https://www.sefiles.net/images/library/site/WS_LP_SpecializedAllNewLevo25-bg-hero.jpg") !important;
 }

 .ws-section-hero-video .content-block-column {
 height: 100%;
 min-height: 60vw;
 }

 .ws-section-hero-video .editContent {
 margin: 0;
 width: 100%;
 max-width: 420px;
 text-align: left;
 }

 .sePage .sePageLayout .ws-section-hero-video button.video-btn {
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 }
}
