@import url("https://use.typekit.net/iov8moe.css");

/* PAGE MARGINS */
#PageMain,
#PageFooter {
 margin-top: 0;
}

.sePageMain .container-fluid {
 margin: 0 auto;
 padding: 0 30px !important;
}

.sePageMain .se-fw-section .container-fluid {
 margin: 0 auto;
 padding: 0 30px;
}

.sePageMain .se-fw-section .container-fluid .full-width-block {
 margin-left: 0;
 margin-right: 0;
}

.se-code-section .customContentBlock {
 min-height: 0;
}
.custom4-1 .editContent {
 width: 100%;
 max-width: 940px;
 padding: 0 15px;
 margin: auto;
}

.se-footer .block-bg-img {
 padding: 12% 15px;
}

/* Text Highlight */
.sePage .sePageLayout .sePageMain div.text-highlight {
 display: table;
 margin: 22px 0;
 padding: 22px 22px 18px;
 text-align: center;
 position: relative;
}

.sePage .sePageLayout .sePageMain div.text-highlight::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #63782f;
}

.sePage .sePageLayout .sePageMain div.text-highlight.purple::before {
 background-color: #31124b;
}

.sePage .sePageLayout .sePageMain div.text-highlight h3 {
 position: relative;
 color: #ffffff;
 letter-spacing: 0.03em;
 line-height: 0.9 !important;
 margin: 0 auto;
 text-align: left;
 background-color: #63782f;
}

.sePage .sePageLayout .sePageMain div.text-highlight.purple h3 {
 position: relative;
 color: #ffffff;
 letter-spacing: 0.03em;
 margin: 0 auto;
 text-align: left;
 background-color: #31124b;
}

.sePage .sePageLayout .sePageMain div.text-highlight h3 span {
 font-weight: 400;
 font-size: 26px;
 text-transform: none;
}

/* Typography */
.sePage .sePageLayout .sePageMain h1,
.sePage .sePageLayout .sePageMain h2,
.sePage .sePageLayout .sePageMain h3 {
 color: #000;
 font-family: garage-gothic, sans-serif;
 font-style: nomal;
 font-weight: 700;
 text-transform: uppercase;
}

.sePage .sePageLayout .sePageMain h1 {
 font-size: 52px;
}

.sePage .sePageLayout .sePageMain h2 {
 margin-bottom: 11px;
 font-size: 42px;
}

.sePage .sePageLayout .sePageMain h3 {
 font-size: 32px;
}

.border-bottom.green-border h2 {
 border-bottom: 2px solid #79953c;
 display: flex;
}

.border-bottom.purple-border h2 {
 border-bottom: 2px solid #31124b;
 display: flex;
}

.sePage .sePageLayout .sePageMain,
.sePage .sePageLayout .sePageMain p,
.sePage .sePageLayout .sePageMain li {
 color: #333;
 font-family: rooney-web, serif;
 font-weight: 300;
 font-style: normal;
 font-size: 16px;
}

.sePage .sePageLayout .sePageMain .block-bg-img h2,
.sePage .sePageLayout .sePageMain .block-bg-img p {
 font-size: 18px;
 color: #fff;
}

/* Buttons */
.sePage .sePageLayout .sePageMain .btn:not(.btn-link),
.sePage .sePageLayout .sePageMain .btn-primary,
.sePage .sePageLayout .sePageMain a.btn.btn-primary,
.sePage .sePageLayout .sePageMain button.btn.btn-primary {
 margin-bottom: 11px;
 border-radius: 0px;
 border-color: #f59585;
 background: #f59585;
 padding: 8px 22px;
 color: #000;
 font-size: 16px;
 font-family: rooney-web, serif;
 font-weight: 400;
 font-style: normal;
 text-align: center;
 text-transform: none;
}

.sePage .sePageLayout .sePageMain .sePageMain .btn:not(.btn-link):visited,
.sePage .sePageLayout .sePageMain .btn-primary:visited,
.sePage .sePageLayout .sePageMain a.btn.btn-primary:visited,
.sePage .sePageLayout .sePageMain button.btn.btn-primary:visited {
 color: #000;
}

.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 button.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 button.btn.btn-primary:active {
 border-color: #31124b;
 background: #31124b;
 color: #fff;
 text-transform: none;
}

/* FEATURE CATALOG CAROUSEL */
/* CATALOG*/
.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seRegularPrice,
.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seOriginalPrice,
.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seSpecialPrice,
.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-track
 .seProductTitle
 .seBrandName,
.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-track
 .seProductTitle
 .seItemName {
 color: #333;
 font-family: rooney-web, serif;
 font-weight: 300;
 font-style: normal;
 font-size: 16px;
}

.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-track
 .seProductTitle
 .seBrandName {
 font-size: 14px;
 font-weight: 700;
}

.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-track
 .seProductTitle
 .seItemName {
 font-size: 16px;
 font-weight: 300;
}

.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seSpecialPrice {
 font-size: 16px;
 color: #b30000;
 font-weight: 700;
}

.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seOriginalPrice {
 font-size: 14px;
 color: #595959;
 font-weight: 300;
 opacity: 0.8;
 text-decoration: line-through;
}

.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seRegularPrice {
 font-size: 16px;
 color: #333;
 font-weight: 300;
}
.sePage .sePageLayout .se-feature-catalog-section .slick-slide {
 text-align: center;
 padding: 11px 15px;
 background: #fff;
 margin: 1px;
 height: inherit !important;
}
.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: #f59585;
 border-radius: 50%;
 width: 28px;
 height: 28px;
}
.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;
}

/* FULL WIDTH 2 COLUMN OVERLAP */
.sePage .sePageLayout .se-feature-2col-overlap-section .row {
 padding: 0 15px;
}
.sePage .sePageLayout .sePageMain .se-feature-2col-overlap-section h2,
.sePage .sePageLayout .sePageMain .se-feature-2col-overlap-section h3,
.sePage .sePageLayout .sePageMain .se-feature-2col-overlap-section p,
.sePage .sePageLayout .sePageMain .se-feature-2col-overlap-section li {
 color: #fff;
}
.sePage .sePageLayout .se-feature-2col-overlap-section .container-fluid {
 margin-right: auto;
 margin-left: auto;
 padding-left: 30px;
 padding-right: 30px;
}
.sePage .sePageLayout .se-feature-2col-overlap-section .content-block-column {
 padding: 0;
}
.sePage
 .sePageLayout
 .se-feature-2col-overlap-section
 .content-block-column:first-child {
 min-height: 280px;
 overflow: hidden;
}
.sePage
 .sePageLayout
 .se-feature-2col-overlap-section
 .content-block-column:last-child {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding: 30px;
 text-align: left;
}
.sePage
 .sePageLayout
 .se-feature-2col-overlap-section.purple
 .content-block-column:last-child {
 background-color: #31124b;
}

.sePage
 .sePageLayout
 .se-feature-2col-overlap-section.green
 .content-block-column:last-child {
 background-color: #63782f;
}

.sePage .sePageLayout .se-feature-2col-overlap-section h2,
.sePage .sePageLayout .se-feature-2col-overlap-section h3 {
 margin-top: 11px;
}
.sePage
 .sePageLayout
 .se-feature-2col-overlap-section.text-left
 .content-block-column:last-child {
 text-align: left;
}

/* 2 COLUMN HERO */
.se-hero-2col .block-bg-img {
 padding: 30px 30px 0;
}

.sePageMain .se-hero-2col .container-fluid {
 padding: 0 45px !important;
}

.sePage .sePageLayout .sePageMain .se-hero-2col h1 {
 text-shadow: none;
 color: #fff;
}

.se-hero-2col .content-block-column:first-child {
 background-image: url("https://www.sefiles.net/files/library/site/SE_PREMIUM_LP_DoMoreWithYourBike24-hero-specialized.jpg") !important;
 background-repeat: no-repeat;
 background-position-y: top;
 background-position-x: right;
 background-size: cover;
 height: 100%;
 min-height: 300px;
}

.se-hero-2col .content-block-column:last-child {
 background-color: #f9f7e2 !important;
}

@media (min-width: 768px) {
 /* FULL WIDTH 2 COLUMN OVERLAP */
 .sePage .sePageLayout .se-feature-2col-overlap-section .row {
 position: relative;
 padding: 0;
 }
 .sePage
 .sePageLayout
 .se-feature-2col-overlap-section
 .content-block-column:first-child {
 width: 70%;
 height: 600px;
 }
 .sePage
 .sePageLayout
 .se-feature-2col-overlap-section
 .content-block-column:last-child {
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 60%;
 }
 .sePage
 .sePageLayout
 .se-feature-2col-overlap-section
 .custom1-5
 .content-block-column:first-child {
 left: 15px;
 }
 .sePage
 .sePageLayout
 .se-feature-2col-overlap-section
 .custom1-5
 .content-block-column:last-child {
 right: 15px;
 }
 .sePage .sePageLayout .se-feature-2col-overlap-section .custom1-6 {
 display: flex;
 justify-content: flex-end;
 }
 .sePage
 .sePageLayout
 .se-feature-2col-overlap-section
 .custom1-6
 .content-block-column:first-child {
 right: 15px;
 left: inherit;
 }
 .sePage
 .sePageLayout
 .se-feature-2col-overlap-section
 .custom1-6
 .content-block-column:last-child {
 right: inherit;
 left: 15px;
 }

 .se-lp-hero-top-alt .content-block-content {
 position: absolute;
 bottom: 50%;
 right: 30px;
 margin: auto;
 text-align: center;
 transform: translate(0, 50%);
 }
 .se-lp-hero-top-alt .content-block-content img {
 margin: 30px auto;
 }
}

@media (min-width: 992px) {
 /* FULL WIDTH 2 COLUMN OVERLAP */
 .sePage
 .sePageLayout
 .se-feature-2col-overlap-section
 .content-block-column:first-child {
 width: 60%;
 }
 .sePage
 .sePageLayout
 .se-feature-2col-overlap-section
 .content-block-column:last-child {
 width: 50%;
 }
 /* 2 COLUMN HERO */
 .se-hero-2col.section .block-bg-img {
 position: relative;
 }
 .se-hero-2col.section .hidden-md::after,
 .col-xs-12.hidden-md.content-block-column {
 display: none;
 }

 .se-hero-2col .content-block-column {
 display: flex;
 flex-direction: column;
 justify-content: center;
 height: 100%;
 min-height: 540px;
 align-items: flex-start;
 text-align: right;
 }

 .se-hero-2col .content-block-column:last-child {
 background-image: url("https://www.sefiles.net/files/library/site/SE_PREMIUM_LP_DoMoreWithYourBike24-hero-specialized.jpg") !important;
 background-repeat: no-repeat;
 background-position-y: top;
 background-position-x: center;
 background-size: cover;
 height: 100%;
 }

 .se-hero-2col .editContent:first-child {
 margin: 0;
 width: 100%;
 max-width: 520px;
 }

 .se-hero-2col .block-bg-img {
 padding: 60px;
 }
}

@media (min-width: 1200px) {
 /* FULL WIDTH 2 COLUMN OVERLAP */
 .sePage
 .sePageLayout
 .se-feature-2col-overlap-section
 .content-block-column:last-child {
 padding: 30px;
 min-height: 400px;
 }
}