/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.6.6.1603979323
Updated: 2020-10-29 13:48:43

*/

/* by @napster */
/* =================== begin:: global css ================ */

.yellow-card{ background-color: #f68b1f;}
.green-card{background-color: #67ab44;}
.pink-card{background-color: #ee3c86;}
.purple-card{background-color: #262262;}
.cyan-card{background-color: #00aeef;}
.lightgray-card{background-color: #f1f1f1;}

/* =================== ends:: global css ================ */


/* =======================begin:: header css ==============================*/
#logo{ max-height: 80%;}

/* =======================ends:: header css ==============================*/



/* =======================begin:: body css ==============================*/


/* =======================ends:: body css ==============================*/



/* =======================begin:: footer css ==============================*/
#main-footer .et-social-icons{ display: none;}
#footer-info{ float: unset; text-align: center;}


/* =======================ends:: footer css ==============================*/




/* ===================begin:: media css================================ */
@media screen and (max-width:768px){
    #solid_blue_section .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left{
        flex-direction: column !important;
    }
    #solid_blue_section.et_pb_section_4.et_pb_section{
        margin-right: 0px;
        border-radius: 0px;
    }
    #solid_blue_section .header-content-container.center{
        width: 100%;
        order: 2;
    }
    #solid_blue_section .header-image-container.center{
        width: 80%;
        order: 1;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:575.98px){
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container,
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content{width: 100% !important;}
    #solid_blue_section .header-content-container.center{ width: 80% !important;}
}

/* =======================ends:: media css ==============================*/