@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

h1,
h2,
h3,
h4 {
    font-family: "Lato" !important;
    font-optical-sizing: auto;
    font-style: normal;
}


a {
    font-family: "Lato" !important;
    font-optical-sizing: auto;
    font-style: normal;
}


button {
    font-family: "Lato" !important;
    font-optical-sizing: auto;
    font-style: normal;
}

#s-menu {
    justify-content: flex-end;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%;
    text-align: right;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    max-width: 75%;
}

@media (max-width: 900px) {
    #s-menu {
        justify-content: unset;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        text-align: left !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: block !important;
        max-width: 100%;
    }
}

#s-nav {
    border-bottom: 3px solid #fff !important;
    box-shadow: rgba(50, 50, 93, 0.125) 0px 10px 10px -1px, rgba(0, 0, 0, 0.2) 0px 20px 18px -1px;
    background-color: #fff !important;
    color: #333 !important;
}

@media screen and (max-width: 768px) {
    #s-nav {
        border-bottom: 1.25px solid #333 !important;
        box-shadow: none;
        background-color: #fff !important;
    }
}

.site-search {
    border-radius: 20px !important;
}

div.active.slide-item.item {
    border: none !important;
}

@media screen and (min-width: 768px) {

    body:not(.home) #s-nav+#product-header,
    body:not(.home) #System_PreContent+*,
    body #s-nav+* {
        margin-top: 125px;
    }
}

#container__footer {
    background-color: #1C6898 !important;
    color: #fff;
    text-align: center;
    padding: 75px !important;
    font-size: 12px;
    display: none !important;
}

#copyright_footer {
    background-image: none !important;
    background-color: #1C6898 !important;
    color: #fff;
    text-align: center;
    padding: 10px !important;
    font-size: 12px;
    margin: 0px;
}

.nav.navbar-nav ul.dropdown-menu {
    margin-top: 35px !important;
}

ul#tmenu-item1.nav.navbar-nav li ul li ul {
    margin-top: -5px !important;
}

ul#tmenu-item2.nav.navbar-nav li ul li ul {
    margin-top: -5px !important;
}

ul#tmenu-item3.nav.navbar-nav li ul li ul {
    margin-top: -5px !important;
}

ul#tmenu-item4.nav.navbar-nav li ul li ul {
    margin-top: -5px !important;
}

ul#tmenu-item5.nav.navbar-nav li ul li ul {
    margin-top: -5px !important;
}

@media screen and (min-width: 768px) {
    .caption.title h3 {
        width: 98% !important;
    }
}

.f-cf {
    background-color: #e3e3e3 !important;
    padding: 15px !important;
    border-radius: 10px 10px 0px 0px !important;
}

@media screen and (max-width: 778px) {
    .navbar-right .nav.navbar-nav p {
        color: #fff !important;
    }

    .navbar-right .nav.navbar-nav .btn.btn-success:before {
        content: "Welcome! Please" !important;
        color: #000 !important;
        visibility: visible !important;
        font-weight: 500 !important;
    }

    .navbar-right .nav.navbar-nav .btn.btn-success {
        background-color: #fff !important;
        position: relative !important;
        left: -15% !important;
    }
}

#login-help {
    visibility: hidden !important;
}

#System_Header::before,
#System_Header,
#s-user.navbar-right,
#s-user.navbar-right::after,
#s-search.navbar-form {
    background-color: #1C6898 !important;
}

@media (min-width: 900px) {

    #s-user.navbar-right a,
    #s-user.navbar-right strong,
    #user-cart.btn.btn-default.navbar-btn {
        color: #fff !important;
    }
}

/*ADDED Sub*/
ul#link-home.nav.navbar-nav li ul li a,
ul#tmenu-account.nav.navbar-nav li ul li a,
ul#tmenu-item1.nav.navbar-nav li ul li a,
ul#tmenu-item2.nav.navbar-nav li ul li a,
ul#tmenu-item3.nav.navbar-nav li ul li a,
ul#tmenu-item4.nav.navbar-nav li ul li a,
ul#tmenu-item5.nav.navbar-nav li ul li a,
ul#tmenu-item1.nav.navbar-nav li ul li ul li a,
ul#tmenu-item2.nav.navbar-nav li ul li ul li a,
ul#tmenu-item3.nav.navbar-nav li ul li ul li a,
ul#tmenu-item4.nav.navbar-nav li ul li ul li a,
ul#tmenu-item5.nav.navbar-nav li ul li ul li a,
ul#tmenu-item6.nav.navbar-nav li ul li ul li a,
ul#tmenu-item7.nav.navbar-nav li ul li ul li a {
    color: #333 !important;
}


ul#tmenu-item7.nav.navbar-nav li ul a {
    color: #333 !important;
}

.pheader {
    display: none !important;
}

body.home .row.featured {
    display: flex !important;
    justify-content: center !important;
    margin-top: 55px !important;
    flex-direction: row;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    body.home .row.featured {
        flex-direction: column;
        flex-wrap: nowrap;
    }
}

.tabbernav {
    width: 66% !important;
}

ul.tabbernav li a,
ul.tabbernav li a:link {
    font-size: 1.4em !important;
    font-weight: 600 !important;
}

@media (max-width: 900px) {

    ul.tabbernav li a,
    ul.tabbernav li a:link {
        font-size: 1.2em !important;
        font-weight: 600 !important;
    }

    .tabbernav {
        width: 100% !important;
    }
}

@media screen and (min-width: 992px) {
    .featured .featured-product-wrapper .product {
        height: 285px !important;
    }
}

.landing-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75%;
    height: 53%;
    background-image: linear-gradient(to bottom, #1C6898, #000);
    border-radius: 15px 15px 0px 0px;
    margin: 50px auto 70px auto;
}

.landing-header h3 {
    color: #ffffff;
    text-align: center;
    padding: 0px 10px 10px 10px;
}

.landing-header .row.featured {
    margin-bottom: 70px !important;
}


@media (max-width: 800px) {
    .landing-header {
        width: 90%;
        padding: 1px 4px 4px 4px;
    }

    .landing-header h3 {
        font-size: 4.75vw;
    }
}

@media screen and (min-width: 768px) {

    body:not(.home) #s-nav+#product-header,
    body:not(.home) #System_PreContent+*,
    body #s-nav+* {
        margin-top: 0px;
    }
}

@media screen and (min-width: 768px) {
    body.home #System_PreContent {
        margin-top: 0px;
    }
}


/*ADD IN CUSTOMER BLOCK CSS FROM MAIN WEBSITE */
.customer-block {
    background-color: #1A80B6;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 75px 0px;
}

.customer-block h6 {
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 5.5px;
    font-size: 1.875rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.customer-block h2 {
    font-weight: 300;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 5.4375rem;
    line-height: 1.1em;
    margin-bottom: 30px;
}

.customer-block p {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.85714285714286;
}

.customer-block-divider {
    border-bottom: 1px solid #D0E601;
    width: 17%;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .featured .featured-product-wrapper .product .title h3 {
        padding-bottom: 5px !important;
        padding-right: calc(-5% + 5px) !important;
    }
}

.pcontent {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pcontent .slide-item.item img:nth-child(1) {
    width: 65%;
    margin: auto;
}

#custom_field_image_111.img-responsive {
    position: absolute;
    z-index: +15;
    width: calc(80% - 5vw);
    top: 95px;
    right: 110px;
}

#custom_field_image_114.img-responsive {
    position: absolute;
    z-index: +15;
    width: calc(80% - 5vw);
    top: 95px;
    right: 130px;
}

/*
#custom_field_image_111.img-responsive {
        position: absolute;
        z-index: +15;
        width: calc(30px + 2vw);
        top: calc(25% + 1vw);
        right: calc(33% + 2vw);
}
*/

@media screen and (max-width: 768px) {
    .pcontent .slide-item.item img:nth-child(1) {
        width: 90%;
        margin: auto;
    }

    #custom_field_image_111.img-responsive {
        position: absolute;
        width: calc(80% - 5vw);
        top: 25vw;
        right: 75px;
    }

    #custom_field_image_114.img-responsive {
        position: absolute;
        width: calc(80% - 5vw);
        top: 25vw;
        right: 75px;
    }
}

@media screen and (max-width: 568px) {
    .pcontent .slide-item.item img:nth-child(1) {
        width: 100%;
        margin: auto;
    }

    #custom_field_image_111.img-responsive {
        position: absolute;
        width: calc(80% - 5vw);
        top: 25vw;
        right: 10%;
    }

    #custom_field_image_114.img-responsive {
        position: absolute;
        width: calc(80% - 5vw);
        top: 25vw;
        right: 10%;
    }
}


@media screen and (max-width: 768px) {
    .product.p-476 #custom_field_image_111.img-responsive {
        top: 27vw;
        right: 6%;
    }
}

.featured-product-thumbnail-wrapper {
    height: 195px !important;
}

@media screen and (min-width: 768px) {
    .featured-product-wrapper {
        padding: 0px 5px !important;
    }
}

@media screen and (min-width: 768px) {
    .featured .featured-product-wrapper .product .title h3 {
        background-color: rgba(255, 255, 255, 0);
    }
}

@media screen and (min-width: 768px) {
    .caption.title h3 {
        width: 90% !important;
    }
}

@media screen and (min-width: 768px) {
    .product.p-497 .title h3 {
        padding-bottom: 0px !important;
    }
}


div#s-header-logo-mobile,
div#s-header-logo {
    width: 525px !important;
    height: 100% !important;
    background: url(https://cms.presscentric.com/5rKT28t3sWFqqK7RjpvuzM/Stevens/StevensConstructionLogoLong.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

@media screen and (min-width: 992px) {
    pc-header {
        order: 2;
        flex: 0 1 50% !important;
        margin: 0px;
        max-width: 50% !important;
    }
}

@media screen and (min-width: 992px) {
    #s-menu {
        justify-content: flex-end;
        -ms-flex: 0 1 50% !important;
        flex: 0 1 50% !important;
        max-width: 50% !important;
    }
}

#s-nav {
    border-bottom: none !important;
    box-shadow: rgba(50, 50, 93, 0.125) 0px 10px 10px -1px, rgba(0, 0, 0, 0.2) 0px 20px 18px -1px;
    background-image: url(https://cms.presscentric.com/5rKT28t3sWFqqK7RjpvuzM/Stevens/xmas-back.png) !important;
    background-size: contain !important;
}

.field.form-group.purchaseOrder {
    display: none;
}

.field.separator.form-group.promotionCode label {
    visibility: hidden;
}

.field.separator.form-group.promotionCode label::before {
    visibility: visible;
    content: 'Stevens Holiday Code';
    font-size: 3.2rem !important;
    font-weight: 600 !important;
    color: #FF3333;
}

#inf-billing.form h1::after {
    visibility: visible;
    content: "\aIf your order is $100 or less, choose Credit Account from the drop down below and proceed to the Stevens Holiday Code and input your code provided in the email from marketing. If your order is greater than $100, choose Credit Card from the drop down below and you will be asked for your credit card information for the remaining balance to be covered at your own expense. You will input your own credit card information and unique code provided in your email from marketing to receive the $100 credit.";
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #FF3333;
    white-space: pre-wrap;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    line-height: 1.75;
    font-style: italic;
}