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

#PageMain, #PageFooter { margin-top: 0px; }

.se-code-section .customContentBlock { min-height: 0; }

.sePageMain .container-fluid { padding: 0 15px !important; }

/* HERO */
.sePage .sePageLayout .sePageMain .se-lp-hero-top .content-block-column,
.sePage .sePageLayout .sePageMain .se-hero-inner .content-block-column {
 display: flex;
 position: relative;
 align-items: center;
 justify-content: center;
 z-index: 1;
 padding: 14% 15px;
}

.sePage .sePageLayout .sePageMain .se-hero-inner .content-block-column {
 padding: 5% 15px;
}

.sePage .sePageLayout .sePageMain .se-hero-inner::after,
.sePage .sePageLayout .sePageMain .se-lp-hero-top::after {
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 z-index: 0;
 background-color: rgba(0, 0, 0, 0.2);
 padding: 0;
 width: 100%;
 content: "";
}

.sePage .sePageLayout .sePageMain .se-hero-inner,
.sePage .sePageLayout .sePageMain .se-lp-hero-top {
 position: relative;
 overflow: hidden;
}

.sePage .sePageLayout .se-lp-hero-top h1 {
 margin: 11px auto;
 text-shadow: none;
}

.sePage .sePageLayout .se-hero-inner h2 {
 margin-top: 11px;
 text-shadow: none;
}

.sePage .sePageLayout .se-hero-inner p {
 margin-top: 0;
 font-size: 18px;
 text-shadow: none;
}

/* INTRO COPY SECTION */
.sePageContent .sePageSection.no-button .editContent {
 font-size: 22px;
 padding-bottom: 11px;
}

.se-fw-section .container-fluid {
 margin-right: auto;
 margin-left: auto;
 padding-left: 30px !important;
 padding-right: 30px !important;
}

/* TYPOGRAPHY */
.sePage .sePageLayout .sePageMain h1 {
 font-family: cubano, sans-serif;
 font-style: italic;
 font-weight: 400;
 font-size: 72px;
}

.sePage .sePageLayout .sePageMain h2,
.sePage .sePageLayout .sePageMain h3 {
 font-family: heebo, sans-serif;
 font-style: normal;
}

.sePage .sePageLayout .sePageMain h2 {
 font-weight: 500;
 font-size: 36px;
}
.sePage .sePageLayout .sePageMain h3 {
 font-weight: 400;
 font-size: 28px;
}

.sePage .sePageLayout .sePageMain,
.sePage .sePageLayout .sePageMain p,
.sePage .sePageLayout .sePageMain li {
 font-family: heebo, sans-serif;
 font-size: 18px;
 font-style: normal;
 font-weight: 300;
}

.sePage .sePageLayout .sePageMain a:not(.btn) {
 color: ;
 text-decoration: none;
}

.sePage .sePageLayout .sePageMain .intro a:not(.btn) {
 color: #057fff;
 text-decoration: none;
}

/*.sePage .sePageLayout .sePageMain a:not(.btn):hover {
 color: #000;
 text-decoration: underline;
}*/


.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 a:not(.btn),
.sePage .sePageLayout .sePageMain .block-bg-img a:not(.btn):visited {
 color: #fff;
 text-decoration: underline;
}

.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn):hover,
.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn):focus,
.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn):active,
.sePage .sePageLayout .sePageMain .block-bg-img a:not(.btn):hover,
.sePage .sePageLayout .sePageMain .block-bg-img a:not(.btn):focus,
.sePage .sePageLayout .sePageMain .block-bg-img a:not(.btn):active,
.sePage .sePageLayout .sePageMain .se-text-white h1 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain .se-text-white h2 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain .se-text-white h3 a:not(.btn):hover {
 color: #ccc;
 text-decoration: underline;
}

/* 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: 9px 28px 8px;
 font-size: 16px;
 font-family: heebo, 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: #ffffff;
 background: transparent;
 color: #ffffff;
}

.sePage .sePageLayout .sePageMain .seContentSectionLink .btn-primary,
.sePage .sePageLayout .sePageMain .seContentSectionLink a.btn.btn-primary {
 border-color: #ffffff;
 background: transparent;
}

.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: #ffffff;
 background: transparent;
 color: #ffffff;
 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: transparent;
 color: #252525;
 text-decoration: none;
}

a.btn.btn-primary.shop-all-btn {
 border-color: #000;
 background: transparent;
 color: #000;
 text-decoration: none;
}

a.btn.btn-primary.category-btn {
 border-color: #fff;
 background: #000;
 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-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;
 }

/* FEATURE CARD SECTION */
.sePage .sePageLayout .se-feature-card-section {
 margin-bottom: 0;
}
.sePage .sePageLayout .se-feature-card-section .col-xs-12:nth-child(odd) .editContent {
 background: #3d5164;
 background-image: linear-gradient(180deg, #3d5164 0, #17293d 99%);
 background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF3D5164",endColorstr="#FF17293D",GradientType=0);
 height: 100%;
}
.sePage .sePageLayout .se-feature-card-section .col-xs-12:nth-child(even) .editContent {
 background: #b9784b;
 background-image: linear-gradient(180deg, #b9784b 0, #863816);
 background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFB9784B",endColorstr="#FF863816",GradientType=0);
 height: 100%;
}

.sePage .sePageLayout .se-feature-card-section .editContent img {
 mix-blend-mode: multiply;
 margin: auto;
 padding-top: 30px;
 width: 100%;
 height: 100%;
 max-width: 180px;
}
.sePage .sePageLayout .se-feature-card-section .content-block-content {
 padding: 15px 30px;
}
.sePage .sePageLayout .se-feature-card-section .content-block-content h2,
.sePage .sePageLayout .se-feature-card-section .content-block-content h3 {
 margin-top: 22px;
}
.sePage .sePageLayout .se-feature-card-section .content-block-content p {
 margin-bottom: 22px;
}
.sePage .sePageLayout .se-feature-card-section .col-margin-bottom {
 margin-bottom: 30px;
}

/* BUTTON GROUP */
.sePage .sePageLayout .se-btn-group,
.sePage .sePageLayout .content-block-column .se-btn-group {
 display: flex;
 justify-content: center;
 flex-direction: column;
 margin-bottom: 18px;
margin-top: 18px;
}
.sePage .sePageLayout .se-btn-group .btn,
.sePage .sePageLayout .content-block-column .se-btn-group .btn {
 margin-top: 0;
 margin-bottom: 4px;
}
.sePage .sePageLayout .se-btn-group.top,
.sePage .sePageLayout .content-block-column .se-btn-group.top {
 margin-bottom: 0;
}

@media (min-width: 768px) {
 /* BUTTON GROUP */
 .sePage .sePageLayout .se-btn-group,
 .sePage .sePageLayout .content-block-column .se-btn-group {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 }
 .sePage .sePageLayout .se-btn-group.left,
 .sePage .sePageLayout .content-block-column .se-btn-group.left {
 justify-content: flex-start;
 }
 .sePage .sePageLayout .se-btn-group .btn:not(:last-child),
 .sePage
 .sePageLayout
 .content-block-column
 .se-btn-group
 .btn:not(:last-child) {
 margin-right: 4px;
 }
}

@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;
 }
 }


/* POST INTRO SECTION BUTTONS */
.sePage .sePageLayout .dp-page-section-buttons,
.sePage .sePageLayout .content-block-column .dp-page-section-buttons {
 display: flex;
 justify-content: center;
 flex-direction: column;
 margin-bottom: ;
margin-top: ;
}
.sePage .sePageLayout .dp-page-section-buttons .btn,
.sePage .sePageLayout .content-block-column .dp-page-section-buttons .btn {
 margin-top: 0;
 margin-bottom: 4px;
}
.sePage .sePageLayout .dp-page-section-buttons.top,
.sePage .sePageLayout .content-block-column .dp-page-section-buttons.top {
 margin-bottom: 0;
}

@media (min-width: 768px) {
 /* BUTTON GROUP */
 .sePage .sePageLayout .se-btn-group,
 .sePage .sePageLayout .content-block-column .dp-page-section-buttons {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 }
 .sePage .sePageLayout .se-btn-group.left,
 .sePage .sePageLayout .content-block-column .dp-page-section-buttons.left {
 justify-content: flex-start;
 }
 .sePage .sePageLayout .dp-page-section-buttons .btn:not(:last-child),
 .sePage
 .sePageLayout
 .content-block-column
 .dp-page-section-buttons
 .btn:not(:last-child) {
 margin-right: 4px;
 }


h4 {
margin-top: 40px;
}

* {
 box-sizing: border-box;
}



/* Column container */
.row { 
 display: flex;
 flex-wrap: wrap;
}




/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
 .pro-tip-dp { 
 flex-direction: column;
 }
}


.video-container {
 background-color: #eee;
 position: relative;
 width: 100%;
 padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.video-iframe {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 display: block;
 margin: 0 auto;
 width: 100%;
 height: 100%;
}