/*
 Theme Name:   Divi Child Theme
 Theme URI:    https://c-3group.com
 Description:  Child Theme for Divi
 Author:       C-3 Group
 Author URI:   https://c-3group.com
 Template:     Divi
 Version:      1.0.0
*/

/***** Add any custom CSS below this line *****/


/* =========================================================
   PROXIMA NOVA FONTS
   ========================================================= */

@font-face {
    font-family: 'Proxima Nova';
    src:
        url('/wp-content/themes/Divi-Child/fonts/ProximaNova-Light.woff2') format('woff2'),
        url('/wp-content/themes/Divi-Child/fonts/ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src:
        url('/wp-content/themes/Divi-Child/fonts/ProximaNova-LightIt.woff2') format('woff2'),
        url('/wp-content/themes/Divi-Child/fonts/ProximaNova-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src:
        url('/wp-content/themes/Divi-Child/fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('/wp-content/themes/Divi-Child/fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src:
        url('/wp-content/themes/Divi-Child/fonts/ProximaNova-BoldIt.woff2') format('woff2'),
        url('/wp-content/themes/Divi-Child/fonts/ProximaNova-BoldIt.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src:
        url('/wp-content/themes/Divi-Child/fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('/wp-content/themes/Divi-Child/fonts/ProximaNova-Extrabld.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


/* =========================================================
   GLOBAL TYPOGRAPHY
   ========================================================= */

body {
    font-family: 'Proxima Nova', 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

strong,
b {
    font-family: 'Proxima Nova', 'Open Sans', Arial, sans-serif;
    font-weight: 800;
}

h1 span,
.et_pb_blurb_content h4 {
    font-family: 'Proxima Nova', 'Open Sans', Arial, sans-serif;
    font-weight: 800;
}

h1 {
    line-height: 1.15em;
}


/* =========================================================
   HEADING COLORS
   ========================================================= */

h1 span.pink {
    color: #ff00ff;
}

h1 span.blue {
    color: #00ffff;
}

h1 span.yellow {
    color: #ffeb3c;
}

h1 span.bg-pink {
    color: #ffffff;
    background-color: #ff00ff;
    padding: 6px 10px 3px;
}

h1 span.bg-blue {
    color: #ffffff;
    background-color: #00ffff;
    padding: 6px 10px 3px;
}

h1 span.bg-yellow {
    color: #ffffff;
    background-color: #ffeb3c;
    padding: 6px 10px 3px;
}


/* =========================================================
   HEADER AND NAVIGATION
   ========================================================= */

#top-header .container {
    line-height: 2em;
}

#et-info {
    padding-bottom: 0.5em;
}

a.icon.et_pb_with_border {
    border-bottom: none;
}

.et_pb_social_media_follow li {
    margin-bottom: 0;
}

ul.et_pb_module.et_pb_social_media_follow {
    margin-bottom: 0 !important;
}

.et_duplicate_social_icons {
    display: unset;
}

#et-info ul.et-social-icons {
    display: none;
}

#mobile_menu li.current-menu-item a {
    color: #00ffff !important;
    font-family: 'Proxima Nova', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
}

.et_mobile_menu li a {
    border-bottom: 0 !important;
}

.current-menu-item a {
    border-bottom: 4px solid #00ffff;
}

@media only screen and (max-width: 960px) {
    body.chi_dmm_styles #top-header {
        display: none;
    }

    #logo {
        max-height: 62%;
    }

    h1 {
        font-size: 30px !important;
    }
}

@media only screen and (min-width: 960px) {
    .hide {
        display: none;
    }

    #main-header {
        display: none;
    }

    div#page-container {
        padding-top: 0 !important;
    }
}

@media only screen and (max-width: 980px) {
    .chi_dmm_styles #main-header li:not([class^="et_pb_"]) a::before,
    .chi_dmm_styles #main-header li:not([class^="et_pb_"]) a::after,
    .chi_dmm_styles #top-header #et-secondary-nav li.menu-item a::before,
    .chi_dmm_styles #top-header #et-secondary-nav li.menu-item a::after,
    .chi_dmm_styles .et_slide_in_menu_container #mobile_menu_slide a::before,
    .chi_dmm_styles .et_slide_in_menu_container #mobile_menu_slide a::after {
        padding: 0;
    }
}


/* =========================================================
   FOOTER
   ========================================================= */

div#footer-bottom {
    display: none;
}

footer#main-footer {
    display: none;
}

.footer .et_pb_blurb .et_pb_image_wrap {
    width: 70px;
}

@media only screen and (max-width: 980px) {
    .footer .social-icons {
        float: unset;
        text-align: center;
    }

    .footer .et_pb_blurb_content {
        width: fit-content;
    }
}

.footer li a.icon::before {
    font-size: 20px !important;
}

.footer .et_pb_social_media_follow li a {
    margin-right: 15px;
}

.footer .et_pb_social_media_follow li.et-social-linkedin a {
    margin-right: 0;
}


/* =========================================================
   SOCIAL ICONS
   ========================================================= */

.social-icons .et_pb_social_icon a.icon {
    background-color: unset !important;
}

.social-icons li.et_pb_social_media_follow_network_1,
.social-icons li.et_pb_social_media_follow_network_2,
.social-icons li.et_pb_social_media_follow_network_3,
.social-icons li.et_pb_social_media_follow_network_4,
.social-icons li.et_pb_social_media_follow_network_5,
.social-icons li.et_pb_social_media_follow_network_6,
.social-icons li.et_pb_social_media_follow_network_7 {
    margin-bottom: 0 !important;
}


/* =========================================================
   CONTACT
   ========================================================= */

.contact .et_pb_blurb_container {
    padding-left: 0;
}

.contact .et_pb_main_blurb_image {
    width: 20px;
    padding: 0 5px 0 15px;
}


/* =========================================================
   HOME BLURBS
   ========================================================= */

.home-blurbs .et_pb_blurb_position_left .et_pb_main_blurb_image,
.home-blurbs .et_pb_blurb .et_pb_image_wrap {
    width: 45px;
    float: left;
}


/* =========================================================
   PROCESS SECTION
   ========================================================= */

.process .small {
    font-size: 22px;
    font-family: 'Proxima Nova', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
}

.process .large {
    font-size: 42px;
    font-family: 'Proxima Nova', 'Open Sans', Arial, sans-serif;
    font-weight: 800;
}

.process p {
    margin-bottom: -10px;
}

.process {
    margin-bottom: 20px !important;
}


/* =========================================================
   SERVICES
   ========================================================= */

.services .et_pb_blurb_position_left .et_pb_main_blurb_image {
    width: 50px;
}

.services ul {
    padding: 14px 0 0 2em;
}

.services h2 {
    font-family: 'Proxima Nova', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
}

.services ul li {
    padding-bottom: 5px;
}

.services ul li span {
    font-weight: 600 !important;
}


/* =========================================================
   CUSTOM BULLETS
   ========================================================= */

.blue-bullets ul,
.pink-bullets ul,
.yellow-bullets ul,
.grey-bullets ul {
    list-style: none;
}

.blue-bullets ul li::before,
.pink-bullets ul li::before,
.yellow-bullets ul li::before,
.grey-bullets ul li::before {
    content: "\2713";
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-weight: 900;
}

.blue-bullets ul li::before {
    color: #00ffff;
}

.pink-bullets ul li::before {
    color: #ff00ff;
}

.yellow-bullets ul li::before {
    color: #ffeb3c;
}

.grey-bullets ul li::before {
    color: #bababa;
}


/* =========================================================
   RESPONSIVE COLUMNS
   ========================================================= */

@media only screen and (max-width: 980px) {
    .two-columns .et_pb_column {
        width: 50% !important;
        padding: 0 12px !important;
    }

    .three-columns .et_pb_column {
        width: 33.33% !important;
    }

    .four-columns .et_pb_column {
        width: 25% !important;
    }
}


/* =========================================================
   BLOG AND POSTS
   ========================================================= */

#main-content .et_post_meta_wrapper {
    display: none;
}

#main-content .et_pb_post {
    margin-bottom: 0;
}

.single-post .container {
    padding-top: 35px !important;
}

@media only screen and (max-width: 980px) {
    .single-post #main-content .container {
        padding-top: 0 !important;
    }
}

.et_pb_blog_grid article {
    margin-bottom: 35px !important;
}


/* =========================================================
   NINJA FORMS
   ========================================================= */

label#nf-label-field-7 {
    display: none;
}

.nf-form-fields-required {
    display: none;
}

.nf-form-content {
    padding: 0 !important;
}

.nf-field-label label {
    font-size: 14px !important;
    font-family: 'Proxima Nova', 'Open Sans', Arial, sans-serif;
    font-weight: 700 !important;
}

.nf-field-label {
    margin-bottom: 0 !important;
}

.nf-field-element input[type="button"] {
    color: #333333 !important;
    border: 2px solid #333333 !important;
    font-size: 18px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background: #ffffff !important;
    border-radius: 3px;
    padding: 0.5em 1em 0.4em;
    height: unset !important;
}

.nf-field-element input[type="button"]:hover {
    color: #ffffff !important;
    background: #ff00ff !important;
    cursor: pointer;
}

.nf-response-msg p {
    color: #ffffff;
    background: green;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 10px 8px !important;
}

.recaptcha-container .nf-field-label {
    display: none;
}


/* =========================================================
   TEXT OVER IMAGE
   ========================================================= */

.pa-text-over-image > .et_pb_text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 100%;
    transform: translate(-50%, -45%);
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    font-size: 19px;
    line-height: 1.2em;
    text-shadow: 0 0 0.4em rgb(0 0 0 / 65%);
}

.pa-text-over-image > .et_pb_image .et_pb_image_wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 9;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}

.pa-text-over-image:hover > .et_pb_text {
    opacity: 1;
}

.pa-text-over-image:hover > .et_pb_image .et_pb_image_wrap::before {
    opacity: 0.5;
}

.pa-text-over-image .et_overlay::before {
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -45%);
    font-size: 160px;
}