@import url("https://fonts.googleapis.com/css2?family=Space+Mono&display=swap");

@font-face {
 font-family: "favoritbold";
 src: url("https://www.sefiles.net/files/library/site/favorit-bold-webfont.woff2")
 format("woff2"),
 url("https://www.sefiles.net/files/library/site/favorit-bold-webfont.woff")
 format("woff");
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "favoritlight";
 src: url("https://www.sefiles.net/files/library/site/favorit-light-webfont.woff2")
 format("woff2"),
 url("https://www.sefiles.net/files/library/site/favorit-light-webfont.woff")
 format("woff");
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "favoritregular";
 src: url("https://www.sefiles.net/files/library/site/favorit-regular-webfont.woff2")
 format("woff2"),
 url("https://www.sefiles.net/files/library/site/favorit-regular-webfont.woff")
 format("woff");
 font-weight: normal;
 font-style: normal;
}

.se-code-section .customContentBlock {
 height: 0;
}

/* PAGE MARGINS */
#PageMain, #PageFooter {
 margin-top: 0;
}

.sePage .sePageLayout .sePageMain .container-fluid {
 padding: 0 15px;
}

.custom3-1 .text-center .editContent,
.custom4-1 .text-center .editContent {
 margin: auto;
 width: 100%;
 max-width: 970px;
 padding: 0 15px;
}

.sePage .sePageLayout .sePageMain .se-fw-section .container-fluid {
 margin-right: auto;
 margin-left: auto;
 padding-left: 30px;
 padding-right: 30px;
}

.desktop-img {
 display: none;
}
.mobile-img {
 display: block;
}

/* TYPOGRAPHY */
.sePage .sePageLayout .sePageMain h1,
.sePage .sePageLayout .sePageMain h2 {
 color: #000;
 font-family: favoritbold, sans-serif;
 font-weight: 700;
 font-style: normal;
}

.sePage .sePageLayout .sePageMain h3,
.sePage .sePageLayout .sePageMain h4 {
 font-weight: 300;
 font-family: favoritlight, sans-serif;
}

.sePage .sePageLayout .sePageMain h1 {
 font-size: 60px;
}

.sePage .sePageLayout .sePageMain h2 {
 font-size: 44px;
}

.sePage .sePageLayout .sePageMain h3 {
 font-size: 36px;
}

.sePage .sePageLayout .sePageMain h4 {
 font-size: 24px;
}

.sePage .sePageLayout .sePageMain {
 color: #333;
 font-family: favoritlight, sans-serif;
 font-weight: 300;
 font-style: normal;
 font-size: 18px;
}

.sePage .sePageLayout .sePageMain a:not(.btn),
.sePage .sePageLayout .sePageMain a:not(.btn):visited {
 color: #000;
 font-family: favoritlight, sans-serif;
 font-weight: 300;
 font-style: normal;
 font-size: 18px;
 text-decoration: none;
}

.sePage .sePageLayout .sePageMain a:not(.btn):hover,
.sePage .sePageLayout .sePageMain a:not(.btn):focus,
.sePage .sePageLayout .sePageMain a:not(.btn):active {
 color: #000;
 text-decoration: underline;
}

.sePage .sePageLayout .sePageMain a:not(.btn):hover,
.sePage .sePageLayout .sePageMain a:not(.btn):focus,
.sePage .sePageLayout .sePageMain a:not(.btn):active {
 text-decoration: underline;
}

.sePage .sePageLayout .sePageMain .se-text-white h1,
.sePage .sePageLayout .sePageMain .se-text-white h2,
.sePage .sePageLayout .sePageMain .se-text-white h3,
.sePage .sePageLayout .sePageMain .se-text-white h4,
.sePage .sePageLayout .sePageMain .se-text-white h5,
.sePage .sePageLayout .sePageMain .se-text-white h6,
.sePage .sePageLayout .sePageMain .se-text-white p,
.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn),
.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn):visited,
.sePage .sePageLayout .sePageMain .block-bg-img h1,
.sePage .sePageLayout .sePageMain .block-bg-img h2,
.sePage .sePageLayout .sePageMain .block-bg-img h3,
.sePage .sePageLayout .sePageMain .block-bg-img p {
 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 {
 border: 1px solid #000;
 border-radius: 0px;
 background-color: #fff;
 border-color: #000;
 padding: 15px 30px;
 color: #000 !important;
 font-family: "Space Mono", monospace;
 font-style: normal;
 font-weight: 300;
 font-size: 16px;
 letter-spacing: 0.5px;
 text-transform: uppercase;
 margin-bottom: 11px;
}

.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: 1px solid #000;
 background-color: #e5e5e5;
 border-color: #000;
 color: #000;
 text-decoration: none;
}

/* CATALOG*/

.seContentSectionLink {
 text-align: left;
 padding-top: 11px;
}

.seSearchProductsContainer .seProduct .seProductTitle .seBrandName {
 font-size: 16px;
 font-family: favoritregular, sans-serif;
 font-weight: 500;
}

.seCatalogTabularWrapper .seProductTitle .seItemName {
 font-size: 18px;
 font-family: favoritlight, sans-serif;
 font-weight: 300;
}

.seSearchProductsContainer .seProduct .seProductPrice .seRegularPrice,
.seSearchProductsContainer .seProduct .seProductPrice .seSpecialPrice {
 display: block;
 font-family: favoritregular, sans-serif;
 font-weight: 400;
 color: #333;
 font-size: 18px;
}

.seCatalogTabularWrapper .seImgFrame,
.seCatalogTabularWrapper .seProductTitle,
.seCatalogTabularWrapper .seProductPrice {
 background: #f8f8f8;
}

.seSearchProductsContainer
 .seCatalogTabularWrapper
 .seProduct
 .seProductAnchor
 img {
 margin: 0 auto;
 mix-blend-mode: multiply;
}

.seSearchProductsContainer .seCatalogTabularWrapper .seProduct .seProductTitle {
 line-height: normal;
 margin: 0;
 padding: 0 15px 8px;
 text-align: left;
 color: #000;
}

.seSearchProductsContainer .seCatalogTabularWrapper .seProduct .seProductPrice {
 color: #333;
 margin-bottom: 0;
 padding: 0 15px 30px;
 text-align: left;
 text-decoration: none;
}

.seCatalogTabularWrapper .seProduct {
 margin-bottom: 30px;
}

/* HERO */
.se-hero .block-bg-img {
 padding: 300px 30px 360px;
}

.se-hero.top.section::after {
 content: url(https://www.sefiles.net/images/library/site/Cannondale_logo_w_210.svg);
 position: absolute;
 top: 30px;
 left: calc(50% - 105px);
}

.se-hero.top.section {
 position: relative;
}

.se-hero .block-bg-img h1,
.se-hero .block-bg-img h2,
.se-hero .block-bg-img h3,
.se-hero .block-bg-img p {
 text-shadow: none;
}

.sePage .sePageLayout .se-hero h3 {
 font-family: "Space Mono", monospace;
 font-weight: 300;
 font-style: normal;
 margin: 0px auto;
}

.sePage .sePageLayout .se-hero.top h1 span {
 font-size: 14px;
 display: block;
 font-family: "Space Mono", monospace;
 font-weight: 300;
 font-style: normal;
 text-transform: uppercase;
 letter-spacing: 3px;
}

/* FULL WIDTH 2 COLUMN FEATURE */
.sePage .sePageLayout .se-feature-2col-section h3 {
 margin-top: 11px;
 margin-bottom: 22px;
}

.sePage .sePageLayout .se-feature-2col-section p {
 margin-bottom: 30px;
}

.sePage .sePageLayout .se-feature-2col-fw-section p {
 margin-top: 11px;
 margin-bottom: 11px;
}

.se-feature-2col-fw-section .content-block-column,
.se-feature-2col-section .content-block-column {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
}

.se-feature-2col-fw-section .content-block-column:first-child {
 min-height: 640px;
}

.se-feature-2col-fw-section .content-block-column:last-child,
.se-feature-2col-section .content-block-column:last-child {
 padding: 45px 30px;
 text-align: center;
}

/* 3 COLUMN FEATURE */

.se-feature-3col-section .custom1-3 {
 padding: 15px 0;
}
.se-feature-3col-section .content-block-column {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 z-index: 1;
}

.se-feature-3col-section .content-block-column {
 min-height: 300px;
 padding: 0 15px;
}

.se-feature-3col-section .content-block-column:nth-child(2) {
 border: 1px solid #fff;
 border-width: 1px 0;
}

.se-feature-3col-section .content-block-content {
 word-wrap: normal;
 width: 100%;
 max-width: 260px;
 margin: auto;
 text-align: center;
}

.sePage .sePageLayout .sePageMain .se-feature-3col-section h4 {
 font-size: 24px;
 color: #fff;
}

.sePage .sePageLayout .sePageMain .se-feature-3col-section p {
 font-size: 14px;
 color: #fff;
}

.sePage .sePageLayout .sePageMain .se-feature-3col-section::after {
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 z-index: 0;
 background-color: rgba(0, 0, 0, 0.3);
 padding: 0;
 width: 100%;
 content: "";
}

.sePage .sePageLayout .sePageMain .se-feature-3col-section {
 position: relative;
 overflow: hidden;
}

@media only screen and (min-width: 768px) {
 .desktop-img {
 display: block;
 }
 .mobile-img {
 display: none;
 }

 .sePage .sePageLayout .sePageMain h1 {
 font-size: 110px;
 }

 .sePage .sePageLayout .sePageMain h2 {
 font-size: 100px;
 }

 .se-feature-3col-section .content-block-column {
 min-height: 720px;
 }
 .se-feature-3col-section .content-block-column:nth-child(2) {
 border-width: 0 1px;
 }
}

@media (min-width: 992px) {
 /* FULL WIDTH 2 COLUMN FEATURE */
 .se-feature-2col-fw-section .content-block-column:first-child {
 width: 55%;
 }

 .se-feature-2col-fw-section .content-block-column:last-child {
 width: 45%;
 }

 .se-feature-2col-fw-section .content-block-column:last-child,
 .se-feature-2col-section .content-block-column:last-child {
 padding: 45px 60px;
 text-align: left;
 }

 .se-feature-2col-fw-section .custom1-6 .col-sm-pull-6 {
 right: 55%;
 }

 .se-feature-2col-fw-section .custom1-6 .col-sm-push-6 {
 left: 45%;
 }
}

@media (min-width: 1200px) {
 /* FULL WIDTH 2 COLUMN FEATURE */
 .se-feature-2col-fw-section .content-block-column:first-child {
 min-height: 720px;
 }

 .se-feature-2col-fw-section .content-block-column:last-child {
 padding: 45px 90px;
 }

 .sePage .sePageLayout .sePageMain .se-fw-section .container-fluid {
 margin-right: auto;
 margin-left: auto;
 padding-left: 60px;
 padding-right: 60px;
 }
}
