/*
Theme Name: NuResin
Description: Custom child theme for Divi 5
Author: Your Name
Template: Divi
Version: 1.0.0
*/

/* Add your custom CSS below this line */

.container {
    width: 100%;
}

header {
    background: linear-gradient(175deg, #1d2127 0%,#090c0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#main-header {
    box-shadow: 0 0 150px rgba(0, 0, 0, .5);
    border-bottom: solid 4px #FFF;
}

#top-menu li {
    padding-right: 50px;
}

#top-menu li a {
    font-weight: 500;
    padding-top:18px;
    padding-bottom:18px !important;
}

    #top-menu li#menu-item-23 a {
        background: #018ddf;
        padding-left: 25px;
        padding-right: 25px;
        border-radius: 5px;
    }

.hero h1 {
    padding-bottom:35px;
}

.hero h1 strong {
    color: #FFF;
    -webkit-text-stroke: 1px #FFF;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.4);
}

.intro h2 {
    padding-bottom:40px;
}

.intro p {
    padding-left: 40px;
    border-left: solid 4px #d0e3fe;
    width: 560px;
}

.right-edge-image {
    width: calc(100% + ((99vw - 1380px) / 2)) !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    text-align: left !important;
}

    .right-edge-image img {
        width: 100% !important;
        max-width: none !important;
        display: block !important;
        margin: 0 !important;
    }



@media (max-width: 1380px) {
    .right-edge-image {
        width: 100%;
    }
    .right-bleed-column {
        width: 50% !important;
        margin-right: 0 !important;
    }
}


@media only screen and (min-width: 981px) {
        .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
        padding: 42px 0 42px 0 !important;
    }
}