/**
 * Theme Name:  AIMINT Ministry Child
 * Theme URI:   http://aimint.org
 * Author:      Africa Inland Mission
 * Author URI:  https://aimint.org
 * Description: Used for AIM INT. Child Theme of Divi
 * Version:     1.1.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: Divi
 * Text Domain: divi-child
 */

@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/*---
Single Post Margin
-------------------------*/
.single .et_pb_post {
    margin-bottom: 0 !important;
}

/*---
Row Tweaks
-------------------------*/
.width100 > .et_pb_row {
  width: 100% !important;
}

/*---
Logo Tweaks
-------------------------*/
.et_header_style_left .logo_container {
  width: auto;
  max-width: 100%;
}

/*---
Global Header Tweaks 
-------------------------*/
.et_non_fixed_nav.et_transparent_nav #main-header, 
.et_non_fixed_nav.et_transparent_nav #top-header {
    margin-top: 30px;
}
.et_fixed_nav #main-header, 
.et_fixed_nav #top-header {
    margin-top: 35px;
}
.et_fixed_nav #main-header.et-fixed-header,
.et_fixed_nav #top-header.et-fixed-header {
    margin-top: 0;
}


/*---
PW Box
-------------------------*/
.et_password_protected_form {
	width: 60%;
    margin: 10% auto;
    padding: 3%;
    border: 1px solid #444;
}

/*---
Slide Menu 
-------------------------*/
.et_header_style_slide #et-top-navigation:before {
   content: "MENU";
   color: #fff;
   position: absolute;
   margin-left: -45px;
   padding: 3px;
}
.et_header_style_slide #et-top-navigation .mobile_menu_bar::before,
.et_header_style_slide #et-top-navigation .mobile_menu_bar::after, .et_header_style_slide #et-top-navigation .et_toggle_slide_menu::after {
   color: #fff;
}

/************ Menu Slide-In ************/

/* Hide submenu */
.et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent; 
}
#main-header .et_mobile_menu li ul.sub-menu.hide { 
	display: none !important; 
	visibility: hidden !important;  
	transition: .7s ease-in-out;
}
#main-header .et_mobile_menu li ul.sub-menu.visible { 
	display: block !important; 
	visibility: visible !important; 
}

.et_mobile_menu .menu-item-has-children > a:after { 
	font-family: "ETmodules";
         font-size: 18px;
         font-weight: 800;
         content: "3"; 
	position: absolute; 
	right: 50px;
}

/* Font Awesome */
.fa {
    margin-right: 15px ;
  }


/*---
Full Width Divi Footer
-------------------------*/
.et_pb_footer_columns1 #main-footer .container,
.et_pb_footer_columns1 #footer-widgets,
.et_pb_footer_columns1 .footer-widget,
.et_pb_footer_columns1 .footer-widget div[class^="widget"],
.et_pb_footer_columns1 .footer-widget .et_pb_widget{
   max-width: 100% !important;
   width: 100% !important;
   padding: 0 !important;
   margin: 0 !important;
}

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


/*---
Icon Bounce 
-------------------------*/
.icon-bounce .et_pb_fullwidth_header_scroll a {
   -webkit-transform: translateZ(0px);
   -moz-transform: translateZ(0px);
   -ms-transform: translateZ(0px);
   -o-transform: translateZ(0px);
   transform: translateZ(0px);
}
.icon-bounce .et_pb_fullwidth_header_scroll .et-pb-icon {
   -webkit-animation: et_bounce 1s infinite;
   -moz-animation: et_bounce 1s infinite;
   -ms-animation: et_bounce 1s infinite;
   -o-animation: et_bounce 1s infinite;
   animation: et_bounce 1s infinte;
}

@-webkit-keyframes et_bounce {
    0% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(0px);
    }
}
@-moz-keyframes et_bounce {
    0% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-10px);
    }
    100% {
        -moz-transform: translateY(0px);
    }
}
@-ms-keyframes et_bounce {
    0% {
        -ms-transform: translateY(0);
    }
    40% {
        -ms-transform: translateY(-10px);
    }
    100% {
        -ms-transform: translateY(0px);
    }
}
@-o-keyframes et_bounce {
    0% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateY(-10px);
    }
    100% {
        -o-transform: translateY(0px);
    }
}
@keyframes et_bounce {
    0% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}


/* -------------------------------
*** RESPONSIVE ***
-----------------------------------*/
@media (min-width: 981px) {

    /* Set the slider height */
/*
    .et_pb_slider.responsiveslider, .et_pb_slider .et_pb_container { 
        height: 640px !important; 
    }
    .et_pb_slider.responsiveslider, .et_pb_slider .et_pb_slide { 
        max-height: 640px; 
    }
*/
/*
    .et_pb_slider.responsiveslider .et_pb_slide_description { 
        position: relative; 
        top: 25%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
*/
}

@media (max-width: 980px) {
   .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
       position: relative;
   }
   .et_header_style_left #logo, .et_header_style_split #logo {
     max-width: 100% !important;
   }
   #logo {
     max-height: 100% !important; 
   }
   .et_pb_slider.responsiveslider .et_pb_slide_description {
     height: 100% !important;
     min-height: 100% !important;
   }
   .et_pb_fullwidth_section {
         padding: 0 !important;
    }
}

@media (max-width: 480px) {
    /*  Global Header Tweaks  */
   .et_non_fixed_nav.et_transparent_nav #main-header,
   .et_non_fixed_nav.et_transparent_nav #top-header {
       margin-top: 0px;
   }
   .et_fixed_nav #main-header, 
   .et_fixed_nav #top-header {
       margin-top: 75px;
   }
   .et_fixed_nav #main-header.et-fixed-header,
   .et_fixed_nav #top-header.et-fixed-header {
    margin-top: 0;
   }


    /*  Logo Tweaks  */
   .et_header_style_left .logo_container {
    position: relative !important;
   }
}


/* -------------------------------
*** RESPONSIVE Slide In Menu ***
-----------------------------------*/
@media only screen and (max-width: 980px){
#mobile_menu {
    display: block !important;
    min-height: 100vh;
    height: 100%;
    top: 0;
    right: 0;
    position: fixed;
    z-index: 9998;
    overflow: scroll;
    border-top: none;
    padding-top: 60px !important;
}

.et_mobile_menu li a {
    /*color: #da1755 !important;*/
    width: 100%;
    float: left;
    text-align: left;
    border-bottom: 1px solid #ddd;
    margin: 5px;
    transition: .2s;
    text-transform: uppercase;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
    /*color: #fff !important;*/
background-color: rgba(255, 255, 255, 0.1);
}

.mobile_nav.closed #mobile_menu {
    background: rgba(51,51,51,0.9) !important;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s 0s;
    -moz-transition: -moz-transform 0.4s 0s;
    transition: transform 0.4s 0s;
    background: rgba(51,51,51,0.9) !important;
}

.mobile_nav.opened #mobile_menu {
    background: rgba(27,29,30,0.98) !important;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform 0.4s 0s;
    -moz-transition: -moz-transform 0.4s 0s;
    transition: transform 0.4s 0s;
}

#main-header .container.clearfix.et_menu_container {
    width: 100%;
}

.mobile_menu_bar:before {
   /* color: #1b1d1e !important;*/
}
.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
    /*color: #fff !important;*/
}
}

@media only screen and  (max-width: 980px) {
  .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {    
    z-index: 9999;
  }
  #et-top-navigation {    
    padding-right: 5px;
  }
}

@media only screen and  (min-width: 481px) {
  #mobile_menu {    
    width: 320px;    
    margin-left: calc(100% - 320px);
  }
}

@media only screen and (max-width: 480px)  {
  #mobile_menu {    
    width: 260px;    
    margin-left: calc(100% - 260px);
  }
}

@media only screen and  (max-width: 340px) {
  #mobile_menu {    
    width: 100%;    
    margin-left: 0;
  }
}