/*
Theme Name: Wizzie Child Theme
Theme URI: http://wordpress-style.net
Description: Child Theme For Divi
Author: Web Wizards
Author URI: http://wordpress-style.net
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */

body {
    font-size: 16px;
    color: #141414;
    line-height: 30px;
}
p {
    margin-bottom: 20px;
}

header#main-header {
    background-color: rgba(255, 255, 255, 0.75);
    height: 195px !important;
}
.logo_container {
    background-image: url(/wp-content/themes/wizzi-child-theme/img/limestone-retaining-walls-logo.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 125px;
    width: 240px;
    background-size: 20%;
    background-position: left 40px;
    height: 195px !important;
    width: 1170px !important;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.et-fixed-header .logo_container {
    background-size: 14%;
    background-position: left 15px;
}
.logo_container img {
    display: none !important;
}
.et_fullwidth_nav #main-header .container {
    padding-right: 0;
    padding-left: 0;
}

.headerdetails {
    position: absolute;
    max-width: 1170px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: transparent;
    padding: 0 !important;
}
.phone-email a {
    font-size: 27px;
    color: #143e6c;
    font-weight: 800;
}

/* Menu */

ul#top-menu li a {
    padding-bottom: 0 !important;
    line-height: 65px;
    color: #fff;
}
#top-menu li {
    padding-right: 50px;
}
nav#top-menu-nav {
    background: rgba(20, 62, 108, 1);
}
div#et-top-navigation {
    padding-top: 0 !important;
    margin-top: 130px;
    width: 66% !important;
    background: linear-gradient(to right, rgba(20, 62, 108,1) 0%,rgba(20, 62, 108,1) 40%,rgba(20, 62, 108,1) 56%,rgba(20, 62, 108,1) 100%);
    width: 100%;
}
.et-fixed-header div#et-top-navigation {
    
}

/* Home Page */

.homecontent h1 {
    color: #143e6c;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 15px;
}
.homecontent strong {
    color: #143e6c;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0px;
}
.homecontent h2, .homecontent h3 {
    color: #141414;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 35px;
    font-weight: 400;
}
.et_pb_bg_layout_light .et_pb_button:hover, .et_pb_bg_layout_light.et_pb_button:hover, .et_pb_contact_reset:hover, .et_pb_contact_submit:hover, .et_pb_pricing_table_button:hover {
    background-color: rgba(0,0,0,.05);
    color: #133e6b;
}
.et_pb_button:after, .et_pb_button:before {
line-height: 1.7em;
}
h1, h2 {
    color: #141414;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 5px;
    font-weight: 400;
    text-transform: uppercase;
    font-weight: 300;
}
h5 {
    color: #143e6c;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 25px;
}
.headerdetails i {
    background: #143e6c;
    padding: 6px 6px;
    font-size: 15px;
    border-radius: 5px;
    margin-right: 5px;
    color: #dee5ec;
    margin-left: 10px;
}
.contact-phone a, .contact-phone i {
    font-size: 40px;
    color: #143e6c;
    font-weight: 800;
}
.contact-phone i {
    background: #133e6b;
    border-radius: 8px;
    color: #fff !important;
    padding: 5px;
    font-size: 30px;
    margin-right: 12px;
}
.et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item {
    margin-bottom: 17px;
}
.homegallery {
    padding: 30px;
    background: #d8d8d8;
}
.homegallery .et_pb_grid_item {
    width: 31.3% !important;
    margin-right: 3% !important;
    clear: none !important;
}
.homegallery .et_pb_grid_item:nth-child(3n+3) {
    margin-right: 0px !Important;
}
.nextend-thumbnail {
    margin-top: 29px !important;
    padding: 25px 70px;
    background: #d8d8d8;
    max-width: 1200px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.nextend-thumbnail-scroller {
    background-color: #d8d8d8 !important;
}
img.nextend-thumbnail-button.n2-ow {
    border-radius: 20px !important;
}
div#n2-ss-3 .n2-style-0d7e6147d938756e488febb9fea88b5d-dot {
    opacity: 1 !important;
}
.nextend-thumbnail-scroller-group div {
    margin-right: 8px !important;
}
.requestbutton {
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    background: #143e6c;
    line-height: 57px !important;
}
.et_pb_button.requestbutton:before {
    content: '\f66f';
    font-family: 'Font Awesome 5 Pro';
}
.gform_body input, .gform_body textarea {
    background: #d8d8d8;
    border: none;
    padding: 20px 15px !important;
    margin-top: 0px !important;
}
li.current-menu-item a {
    color: #fff !important;
    font-weight: bold !important;
}
input[type="submit"] {
    width: 100% !important;
    text-align: center;
    font-size: 22px !important;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    background: #143e6c;
    line-height: 57px !important;
    border: none;
    cursor: pointer;
}
footer#main-footer .et_pb_section {
    background-color: transparent;
    padding: 0 !Important;
}
.gform_footer.top_label {
    padding-right: 16px !important;
    padding-top: 0 !important;
    margin-top: 8px !important;
}
.gform_footer.top_label {
    padding-right: 16px;
}
#main-footer {
    background-color: #143e6c;
}
footer#main-footer ul#menu-main-menu li {
    display: inline-block !important;
}
footer#main-footer ul#menu-main-menu {
    width: 100%;
}
#main-footer div#nav_menu-2 {
    width: 100%;
    margin-bottom: 0;
}
footer#main-footer ul#menu-main-menu li a {
    color: #fff;
    text-transform: uppercase;
    margin-right: 10px;
}
footer#main-footer .et_pb_column.et_pb_column_2_5.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}
footer#main-footer {
    color: #fff;
}
footer#main-footer .et_pb_module.et_pb_sidebar_0.et_pb_widget_area.et_pb_bg_layout_light.clearfix.et_pb_widget_area_left {
    padding-right: 0;
}
.footer-phone-email, .footer-phone-email a {
    color: #ffcf01;
    font-size: 27px;
    font-weight: 800;
}
.headerdetails .et_pb_row {
    width: 100%;
}
.footer-phone-email a {
    margin-right: 15px;
}
.footer-phone-email i {
    background: #ffcf01;
    padding: 3px;
    font-size: 23px;
    border-radius: 5px;
    margin-right: 10px;
    color: #143e6c;
}
.footer-phone-email p {
    margin-bottom: 0 !Important;    
}
.et_pb_row.et_pb_row_3.et_pb_gutters2 {
    padding-top: 50px;
    padding-bottom: 100px;
}
.n2-active, .nextend-bullet-bar .n2-ow:hover {
    background-color: #2d4b6b !important;
}
.nextend-bullet-bar .n2-ow {
    width: 62px;
    height: 37px;
}
.n2-ss-widget.n2-ss-widget-display-desktop.n2-ss-widget-display-tablet.n2-ss-widget-display-mobile.n2-flex.n2-ss-control-bullet.n2-ss-control-bullet-horizontal {
    left: 20% !important;
    bottom: 35px !important;
}
header#main-header {
    position: absolute;
}
.admin-bar header#main-header {
    top: 32px;
}
.inner-page-banner {
    height: 500px;
}
div#et-top-navigation li a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}

li#field_1_1, li#field_1_2, li#field_1_3, li#field_1_5 {
    width: 50%;
    display: inline-block;
}

@media only screen and (max-width: 2560px) {
    div#et-top-navigation {
        width: 61.7% !important;
    }
}

@media only screen and (max-width: 1920px) {
    div#et-top-navigation {
        width: 65.4% !important;
    }
}
@media only screen and (max-width: 1440px) {
    div#et-top-navigation {
        width: 70.6% !important;
    }
}
@media only screen and (max-width: 1366px) {
    div#et-top-navigation {
       width: 72% !important;
    }
}
@media only screen and (max-width: 1280px) {
    div#et-top-navigation {
       width: 73.2% !important;
    }
    #top-menu li {
        padding-right: 17px;
    }
    .logo_container {
        margin-left: 2%;
    }
}
@media only screen and (max-width: 1024px) {
    div#et-top-navigation li a {
        font-size: 16px;
    }
    .headerdetails .et_pb_row {
        padding-right: 4%;
    }
}
@media only screen and (max-width: 980px) {
    .et_header_style_left .logo_container {
        position: inherit;
        background-position: left;
        width: 30% !important;
        margin-left: 0 !important;
        background-size: contain;
        height: 100px !important;
        margin-top: 20px;
    }
    .headerdetails p {
        font-size: 12px;
    }
    header#main-header {
        height: auto !important;
        position: inherit;
    }
    div#et-top-navigation {
        width: 100% !important;
        text-align: center !important;
        margin-top: 0;
        padding-left: 0 !important;
    }
    .headerdetails {
        position: inherit;
    }
    div#et_mobile_nav_menu {
        margin: 0 auto;
        float: none;
    }
    .mobile_menu_bar:before {
        color: #fff !important;
        font-size: 45px;
    }
    span.mobile_menu_bar {
        padding-bottom: 0 !important;
    }
    li.current-menu-item a {
        color: #143e6b !important;
        font-weight: bold !important;
    }
    ul#mobile_menu {
        box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
    }
    .et_mobile_menu {
        border-top: 3px solid #143e6b;
    }
    #main-footer li.current-menu-item a {
        color: #ffcf02 !important;
        font-weight: bold !important;
    }
    #main-footer ul#menu-main-menu {
        text-align: center;
    }
    .et_pb_text_2 {
       
    }
     div#et-top-navigation {
        margin-bottom: 40px;
    }
    .contact-phone a, .contact-phone i {
        font-size: 26px;
    }
    .contact-phone div p {
        text-align: left !important;
    }
    .home .et_pb_nextend_smart_slider_3 {
         min-height: 255px;
    }
    .headerdetails {
        width: 70%;
        float: right;
    }
    .headerdetails .et_pb_module.et_pb_text.et_pb_text_0.et_pb_bg_layout_light.et_pb_text_align_left {
        margin-bottom: 0px;
    }
    .phone-email a {
        font-size: 20px;
    }

}

@media only screen and (max-width: 767px) {
    .homegallery .et_pb_grid_item {
        width: 48% !important;
        margin: 1% !important;
        float: none !important;
        display: inline-block !important;
    }
    .footer-phone-email {
        text-align: center;
        max-width: 225px;
        margin: 0 auto;
    }
    .headerdetails .et_pb_row {
    padding-right: 0%;
        
    }
    .phone-email {
        margin: 0 auto;
    }

    .et_pb_column.et_pb_column_2_5.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough p {
        text-align: center !important;
    }
    footer#main-footer .et_pb_row.et_pb_row_3.et_pb_gutters2 {
        padding-bottom: 30px;
    }
    .nextend-thumbnail {
        margin-top: 29px !important;
        padding: 10px 35px;
    }
    div#n2-ss-3 .n2-ss-thumb-image {
        width: 50px !important;
        height: 50px !important;
    }
    .nextend-thumbnail-scroller-group div {
        width: 50px !important;
        height: 50px !important;
    }
    img.nextend-thumbnail-button.n2-ow {
        border-radius: 20px !important;
        width: 20px !Important;
    }
    .inner-page-banner {
        height: 255px;
    }
    li#field_1_1, li#field_1_2, li#field_1_3, li#field_1_5 {
        width: 100%;
        display: inline-block;
    }

}
@media only screen and (max-width: 480px) {
    
    .headerdetails .et_pb_row {
        width: 100% !important;
    }
    .headerdetails p {
        font-size: 16px;
    }
    .headerdetails .et_pb_module.et_pb_text.et_pb_text_0.et_pb_bg_layout_light.et_pb_text_align_left {
        margin-bottom: 20px;
    }
    .et_header_style_left .logo_container {
        background-position: center;
        width: 100% !important;
    }
    .headerdetails {
    width: 100%;
        float: none;
    }
    .headerdetails .et_pb_row {
        width: 100% !important;
        padding-bottom: 0 !important;
    }
    .headerdetails i {
        background: #143e6c;
        padding: 6px 6px;
        font-size: 15px;
        border-radius: 5px;
        margin-right: 5px;
        color: #dee5ec;
        margin-left: 0px;
    }
    .headerdetails p {
        text-align: center!important;
        margin-bottom: 10px;
    }
    .headerdetails .phone-email a, .headerdetails .phone-email i {
        font-size: 15px !important;
        margin-bottom: 10px;
        margin-right: 4px;
    }
    .footer-phone-email, .footer-phone-email a, .footer-phone-email i {
        color: #ffcf01;
        font-size: 14px !important;
        font-weight: 800;
    }
    .copyright p {
        text-align: center !important;
        font-size: 12px;
        line-height: 18px;
    }
    footer#main-footer ul#menu-main-menu li a {
        font-size: 12px;
    }
    footer#main-footer ul#menu-main-menu li {
        display: inline-block !important;
        line-height: 11px !important;
    }   
    .footer-phone-email i {
        color: #143e6c !important;
    }
    .homecontent h2, .homecontent h3, h1, h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .homecontent h1 {
        font-size: 16px;
        line-height: 22px;
    }
    .requestbutton {
        font-size: 20px;
    }
    h1 {
        padding-bottom: 0;
    }
    .gform_footer.top_label {
        padding-right: 0px !important;
    }
    input[type="submit"] {
        text-align: center;
        font-size: 14px !important;
    }
    


}
@media only screen and (max-width: 320px) {

    .et_header_style_left .logo_container {
        height: 75px !important;
    }
}