/*
Theme Name:  CUSTOMER PARADIGM
Theme URI:   http://www.customerparadigm.com
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Customer Paradigm.
Author:      iancp
Author URI:  http://www.customerparadigm.com
Template:    Divi
*/


@import url("./custom/style.css");

#main-content {
    background-color: #fff;
    background-image: url();
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}


#main-footer .footer-widget h4 {
    color: #ffffff;
    text-align: center !important;
    padding-bottom: 20px !important;
}


.bottom-nav {
    margin: 0px auto;
}

#footer-bottom {
    padding: 15px 0 0px;
    display: none;
}

#footer-widgets .footer-widget li:before {
    display: none !important;
}


#main-footer {
    background-color: black;
    background-image: url(/wp-content/uploads/2022/08/Footer-Large-blue-contrast-3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}


body:not(.single) body#page-container {
    background-color: #fff;
    background-image: url();
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}


.single .et_pb_gallery_image img {
    max-width: 100% !important;
    padding: 0 !important;
}

.et_pb_blog_0 .et_pb_post {
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    color: #000000 !important;
    letter-spacing: 1px;
    line-height: 1.5em;
    display: inline-block;
}

#top-header,
#top-header a,
#et-secondary-nav li li a,
#top-header .et-social-icon a:before {
    font-size: 16px !important;
    letter-spacing: 1px;
}

#main-content .container:before {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: transparent;
    content: "";
}

.et_pb_portfolio_grid .et_pb_portfolio_item h2 {
    margin: 10px 0 0;
    padding-bottom: 0;
    font-size: 18px;
    word-wrap: break-word;
    color: white;
    text-shadow: 2px 2px 4px rgba(21, 20, 20, 0.79);
}

#left-area {
    padding-bottom: 0;
}

.et_pb_post {
    margin-bottom: 0;
    padding: 0;
}

.single .post {
    padding-bottom: 0;
}

.single .et_pb_post {
    margin-bottom: 0;
}

.et_pb_posts a.more-link {
    display: inline;
    clear: both;
}

.et_overlay {
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -o-backface-visibility: hidden;
}

.et_pb_gallery_item .et_overlay {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-color: rgba(0, 0, 0, 0.4);
}

.nav li.et-reverse-direction-nav li ul {
    right: 290px;
    left: auto;
}

.nav li li ul {
    z-index: 1000;
    top: -23px;
    left: 282px;
}

.nav li ul {
    visibility: hidden;
    z-index: 9999;
    width: 282px;
    border-top: 3px solid #2ea3f2;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#top-menu li li a {
    width: 250px;
    padding: 2px 4px;
}

::-webkit-input-placeholder {
    color: #696969;
    font-size: 11px;
}

:-moz-placeholder {
    opacity: 1;
    color: #696969;
    font-size: 11px;
}

/* Firefox 18- */
::-moz-placeholder {
    opacity: 1;
    color: #696969;
    font-size: 11px;
}

/* firefox 19+ */
:-ms-input-placeholder {
    color: #696969;
    font-size: 11px;
}

/* ie */
input:-moz-placeholder {
    color: #696969;
    font-size: 11px;
}

.gform_wrapper form ul.left_label li,
.gform_wrapper form ul.right_label li,
.gform_wrapper ul.left_label li,
.gform_wrapper ul.right_label li {
    margin-bottom: 8px !important;
}

.gform_wrapper .gform_footer {
    padding: 0 !important;
    margin: 1em 0 0;
    clear: both;
}

.gform_wrapper .ginput_recaptcha {
    padding: 0 !important;
}

body .gform_wrapper {
    max-width: 100%;
    margin: 0;
    padding-bottom: 0;
}

body .gform_wrapper .gform_footer .button,
body .gform_wrapper .gform_page_footer .button {
    color: #EEEEEE;
    border-color: #EEEEEE;
    background-color: #F79334;
}

div.gform_footer.top_label {
    text-align: center;
}

.gform_wrapper .top_label .gfield_label {
    margin: 0;
    font-weight: 700;
    display: -moz-inline-stack;
    display: inline-block;
    line-height: 0;
    clear: both;
}

body .gform_wrapper label.gfield_label+div.ginput_container {
    margin-top: 0 !important;
}

body .gform_wrapper input[type=email],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper textarea.textarea {
    background-color: #eee;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 12px;
    color: #999;
    padding: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#fullslide1 {
    padding-top: 0px !important;
    line-height: 0;
}

#top-menu-nav>ul>li>a:hover,
#et-secondary-menu>ul>li>a:hover,
#et-info-email:hover,
.et-social-icons a:hover {
    opacity: 1;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #8edbff !important;
}

#top-header {
    font-size: 12px;
    line-height: 13px;
    z-index: 9999;
    color: #ffffff;
}

#logo {
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-bottom: 0;
    max-height: 154% !important;
    float: none;
    vertical-align: top;
    -webkit-transform: translate3d(0, 0, 0);
    position: absolute;
    top: -29px !important;
    float: left;
}

#top-menu-nav>ul>li>a:hover,
#et-secondary-menu>ul>li>a:hover,
#et-info-email:hover,
.et-social-icons a:hover {
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: black;
}

#et-info-email {
    position: relative;
    font-size: 19px;
}

#et-info-phone {
    margin-right: 25px;
    font-size: 19px;
    letter-spacing: 2px;
}

#top-header,
#top-header .container,
#top-header #et-info,
#top-header .et-social-icon a {
    line-height: 1em;
    float: right !important;
}




/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated
Divi Children Engine version: 1.0.2
***********************************************************************/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags,
.icon_profile,
.icon_chat,
.icon_clipboard,
.icon_calendar {
    font-family: 'ETmodules';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    color: #318EC3;
}

.icon_tags:before {
    content: "\e07c";
    padding: 0px 5px 0 0;
}

.icon_profile:before {
    content: "\e08a";
    padding: 0 5px 0 0;
}

.icon_chat:before {
    content: "\e066";
    padding: 0 5px 0 20px;
}

.icon_clipboard:before {
    content: "\e0e6";
    padding: 0 5px 0 20px;
}

.icon_calendar:before {
    content: "\e023";
    padding: 0 5px 0 20px;
}

/*------------------------------------------------*/
/*-----------------[mega menu]-----------------*/
/*------------------------------------------------*/



.nav li:hover>ul {
    visibility: visible;
    opacity: 1;
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0) !important;
    -webkit-box-shadow: 0px 3px 37px -11px rgba(0, 0, 0, 1) !important;
    -moz-box-shadow: 0px 3px 37px -11px rgba(0, 0, 0, 1) !important;
    box-shadow: 0px 3px 37px -11px rgba(0, 0, 0, 1) !important;
}

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/



.main-header-large {
    display: inline-block;
}

.main-header-small {
    display: none;
}

.smallslider {
    display: none;
}

.et_mobile_menu li ul {
    display: block !important;
    visibility: visible !important;
    padding-left: 10px;
}

.et_mobile_menu {
    background-color: rgba(0, 0, 0, 0.91) !important;
    padding: 0;
}

.mobile_menu_bar:before {
    position: relative;
    top: -15px;
    left: 40;
    font-size: 42px;
    content: "\61";
    cursor: pointer;
}

et_header_style_left .mobile_menu_bar {
    padding-bottom: 0px;
}

@media only screen and (min-width: 981px) {}

/*-------------------[960px]------------------*/
@media only screen and (min-width: 981px) and (max-width: 1100px) {
    /*-------------------[Sliders]------------------*/

    /*-------------------[Portfolio]------------------*/

    /*-------------------[Sidebar]------------------*/

    /*-------------------[Menu]------------------*/

}

/*-------------------[768px]------------------*/
@media only screen and (max-width: 980px) {
    /*-------------------[Portfolio]------------------*/
    /*-------------------[Sliders]------------------*/

    /*-------------------[Menu]------------------*/

    .et_fixed_nav #main-header {
        position: fixed;
    }

}

@media only screen and (min-width: 768px) and (max-width: 980px) {}

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

/*-------------------[480px]------------------*/
@media only screen and (max-width: 767px) {
    /*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and (max-width: 760px) {

    #top-header #et-info {
        float: none;
    }

    #et-info-phone {
        font-size: 16px !important;
        letter-spacing: 0 !important;
        font-weight: 900;
        margin-right: 0;
    }

    .main-header-large {
        display: none;
    }

    #top-header,
    #top-header a,
    #et-secondary-nav li li a,
    #top-header .et-social-icon a:before {
        font-size: 14px !important;
        letter-spacing: 1px;
    }

    .main-header-small {
        display: inline-block;
    }

    #logo {
        float: none;
        position: relative;
        top: 10px !important;
        float: none;
        left: -15px;
    }

    .logo_container {
        text-align: left;
    }

    .bigslider {
        display: none;
    }

    .smallslider {
        display: inline-block;
    }

    #et_top_search {
        display: none;
    }

    #top-header .container {
        position: relative;
        width: 100%;
        max-width: 1080px;
        margin: auto;
    }
}

@media only screen and (min-width: 768px) {
    #et-info {
        float: right !important
    }
}

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

    .gform_wrapper .gform_footer.left_label,
    .gform_wrapper .gform_footer.right_label {
        margin-left: 0 !important;
    }
}

@media all and (max-width: 1135px) {
    #et_mobile_nav_menu {
        display: block;
    }

    #top-menu-nav {
        display: none;
    }
}

@media all and (min-width: 1136px) {
    #et_mobile_nav_menu {
        display: none;
    }

    #top-menu-nav {
        display: block;
    }
}


.Imagen-form-submit input#gform_submit_button_13 {
    color: #e09900 !important;
    background: #ffffff !important;
    border-width: 2px !important;
    border-color: #e09900 !important;
    border-radius: 0px !important;
    letter-spacing: 0px !important;
    font-size: 18px !important;
    float: left !important;
}

.Imagen-form-submit input#gform_submit_button_13:hover {
    color: #ffffff !important;
    background: #e09900 !important;
    border-radius: 0px !important;
    letter-spacing: 0px !important;
}

#post-117051 .Imagen-form-submit input#gform_submit_button_13 {
    color: #e09900 !important;
    background: #ffffff !important;
    border-width: 2px !important;
    border-color: #e09900 !important;
    border-radius: 0px !important;
    letter-spacing: 0px !important;
    font-size: 18px !important;
    float: left !important;
}

#post-117051 .Imagen-form-submit input#gform_submit_button_13:hover {
    color: #ffffff !important;
    background: #e09900 !important;
    border-radius: 0px !important;
    letter-spacing: 0px !important;
}
#et-top-navigation {
    font-weight: 600;
}