/*
Theme Name:Child Theme for Divi
Theme URI: http://wordpress-style.net
Description: Child Theme For Divi
Author: Eduard Ungureanu
Author URI: http://wordpress-style.net
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */
/* Custom Accordion for Common Myths*/

.et_pb_accordion.custom-accordion {
    position: relative;
}

.et_pb_accordion.custom-accordion:before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #93d500;
    position: absolute;
    top: 0;
    left: 0;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right:before {
    right: 0;
    left: auto;
}

.et_pb_accordion.custom-accordion .et_pb_toggle {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right .et_pb_toggle {
    text-align: right;
}

.et_pb_accordion.custom-accordion .et_pb_toggle .et_pb_toggle_title {
    color: #93d500;
    padding: 15px 0 15px 65px;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right .et_pb_toggle .et_pb_toggle_title {
    padding: 15px 65px 15px 0;
}

.et_pb_accordion.custom-accordion .et_pb_toggle .et_pb_toggle_title:before {
    overflow: hidden;
    border-radius: 50%;
    background-color: #FFF;
    border: 1px solid #93d500;
    color: transparent;
    left: -9px;
    right: auto;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right .et_pb_toggle .et_pb_toggle_title:before {
    left: auto;
    right: 0;
}

.et_pb_accordion.custom-accordion .et_pb_toggle .et_pb_toggle_title:hover {
    color: #93d500;
}

.et_pb_accordion.custom-accordion .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
    font-size: 28px;
    font-weight: bold;
    color: #ffffff !important;
}

.et_pb_accordion.custom-accordion .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
    display: block;
    padding: 5px;
    margin: -15px 0 0 -14px;
    color: #FFF;
    text-shadow: 1px 1px 0 #80ba03, 2px 2px 0 #80ba03, 3px 3px 0 #80ba03, 4px 4px 0 #80ba03, 5px 5px 0 #80ba03, 6px 6px 0 #80ba03, 7px 7px 0 #80ba03, 8px 8px 0 #80ba03, 9px 9px 0 #80ba03, 10px 10px 0 #80ba03, 11px 11px 0 #80ba03, 12px 12px 0 #80ba03, 13px 13px 0 #80ba03, 14px 14px 0 #80ba03, 15px 15px 0 #80ba03, 16px 16px 0 #80ba03, 17px 17px 0 #80ba03, 18px 18px 0 #80ba03, 19px 19px 0 #80ba03, 20px 20px 0 #80ba03, 21px 21px 0 #80ba03, 22px 22px 0 #80ba03, 23px 23px 0 #80ba03, 24px 24px 0 #80ba03, 25px 25px 0 #80ba03, 26px 26px 0 #80ba03, 27px 27px 0 #80ba03, 28px 28px 0 #80ba03, 29px 29px 0 #80ba03, 30px 30px 0 #80ba03, 31px 31px 0 #80ba03, 32px 32px 0 #80ba03, 33px 33px 0 #80ba03, 34px 34px 0 #80ba03, 35px 35px 0 #80ba03;
    background-color: #93d500;
    left: 0;
    right: auto;
    -webkit-transform: scale(3);
       -moz-transform: scale(3);
        -ms-transform: scale(3);
         -o-transform: scale(3);
            transform: scale(3);
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
    margin: -15px -14px 0 0;
    left: auto;
    right: 0;
}

.et_pb_accordion.custom-accordion .et_pb_toggle .et_pb_toggle_content {
    padding: 0 0 15px 65px;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right .et_pb_toggle .et_pb_toggle_content {
    padding: 0 65px 15px 0;
}

/* Custom Accordion for Raise Awareness Get Some Ideas custom-accordion1 */

.et_pb_accordion.custom-accordion1 {
    position: relative;
}

.et_pb_accordion.custom-accordion1:before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #1abae3;
    position: absolute;
    top: 0;
    left: 0;
}

.et_pb_accordion.custom-accordion1.et_pb_text_align_right:before {
    right: 0;
    left: auto;
}

.et_pb_accordion.custom-accordion1 .et_pb_toggle {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

.et_pb_accordion.custom-accordion1.et_pb_text_align_right .et_pb_toggle {
    text-align: right;
}

.et_pb_accordion.custom-accordion1 .et_pb_toggle .et_pb_toggle_title {
    color: #1abae3;
    padding: 15px 0 15px 65px;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

.et_pb_accordion.custom-accordion1.et_pb_text_align_right .et_pb_toggle .et_pb_toggle_title {
    padding: 15px 65px 15px 0;
}

.et_pb_accordion.custom-accordion1 .et_pb_toggle .et_pb_toggle_title:before {
    overflow: hidden;
    border-radius: 50%;
    background-color: #FFF;
    border: 1px solid #1abae3;
    color: transparent;
    left: -9px;
    right: auto;
}

.et_pb_accordion.custom-accordion1.et_pb_text_align_right .et_pb_toggle .et_pb_toggle_title:before {
    left: auto;
    right: 0;
}

.et_pb_accordion.custom-accordion1 .et_pb_toggle .et_pb_toggle_title:hover {
    color: #1abae3;
}

.et_pb_accordion.custom-accordion1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
    font-size: 28px;
    font-weight: bold;
    color: #ffffff !important;
}

.et_pb_accordion.custom-accordion1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
    display: block;
    padding: 5px;
    margin: -15px 0 0 -14px;
    color: #FFF;
    text-shadow: 1px 1px 0 #188dbf, 2px 2px 0 #188dbf, 3px 3px 0 #188dbf, 4px 4px 0 #188dbf, 5px 5px 0 #188dbf, 6px 6px 0 #188dbf, 7px 7px 0 #188dbf, 8px 8px 0 #188dbf, 9px 9px 0 #188dbf, 10px 10px 0 #188dbf, 11px 11px 0 #188dbf, 12px 12px 0 #188dbf, 13px 13px 0 #188dbf, 14px 14px 0 #188dbf, 15px 15px 0 #188dbf, 16px 16px 0 #188dbf, 17px 17px 0 #188dbf, 18px 18px 0 #188dbf, 19px 19px 0 #188dbf, 20px 20px 0 #188dbf, 21px 21px 0 #188dbf, 22px 22px 0 #188dbf, 23px 23px 0 #188dbf, 24px 24px 0 #188dbf, 25px 25px 0 #188dbf, 26px 26px 0 #188dbf, 27px 27px 0 #188dbf, 28px 28px 0 #188dbf, 29px 29px 0 #188dbf, 30px 30px 0 #188dbf, 31px 31px 0 #188dbf, 32px 32px 0 #188dbf, 33px 33px 0 #188dbf, 34px 34px 0 #188dbf, 35px 35px 0 #188dbf;
    background-color: #1abae3;
    left: 0;
    right: auto;
    -webkit-transform: scale(3);
       -moz-transform: scale(3);
        -ms-transform: scale(3);
         -o-transform: scale(3);
            transform: scale(3);
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

.et_pb_accordion.custom-accordion1.et_pb_text_align_right .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
    margin: -15px -14px 0 0;
    left: auto;
    right: 0;
}

.et_pb_accordion.custom-accordion1 .et_pb_toggle .et_pb_toggle_content {
    padding: 0 0 15px 65px;
}

.et_pb_accordion.custom-accordion1.et_pb_text_align_right .et_pb_toggle .et_pb_toggle_content {
    padding: 0 65px 15px 0;
}


/* Adult Button */
/*** remove shadow on main header***/
#main-header {
box-shadow: none;
}
 
/*** add shadow to fixed header ***/
@media (min-width: 981px) {
#main-header.et-fixed-header {
    box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
}
}

/*** adjust padding on menu ***/
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 23px;
}
#top-menu li {
padding: 0 10px !important;
}
 
.et_header_style_left #et-top-navigation {
padding-top: 20px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 10px;
}
 
 
/*** style the menu button ***/
.adult_button a {
 color: #1abae3 !important;
    font-family: montserrat !important;
       background-color: transparent;
 line-height: 9px;
    font-weight: 600;
    padding: 13px 16px !important;
    text-transform: uppercase;
    font-size: 16px !important;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    border: 2px solid #1abae3;
}
 
.adult_button a:hover {
    opacity: 1 !important;
    color: #1abae3 !important;
    background-color: transparent;
    
}
 
.et-fixed-header #top-menu .adult_button a:hover {
    background-color: transparent !important;
    border: 2px solid #f35197;
    box-shadow: 0px 5px 20px transparent;
    -moz-box-shadow: 0px 5px 20px transparent;
    -webkit-box-shadow: 0px 5px 20px transparent;
}
 
.et-fixed-header #top-menu .adult_button a {
    color: #1abae3 !important;
    background-color: transparent;
    box-shadow: 0px 5px 20px transparent;
    -moz-box-shadow: 0px 5px 20px transparent;
    -webkit-box-shadow: 0px 5px 20px transparent;
    border: 2px solid #1abae3;
}
.et-fixed-header.et_highlight_nav #top-menu .adult_button a {
    background-color: transparent;
    border: 2px solid #1abae3;
    animation: highlight-nav .8s ease;
    -webkit-animation: highlight-nav .8s ease;
}
 
#main-header.et-fixed-header.et_highlight_nav #top-menu .adult_button a:hover {
    background-color: transparent;
    border: 2px solid #f35197;
    box-shadow: 0px 5px 20px transparent;
    -moz-box-shadow: 0px 5px 20px transparent;
    -webkit-box-shadow: 0px 5px 20px transparent;
}
 
@-webkit-keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
 
/*** style the mobile menu links and button ***/
@media (max-width: 1024px) {
.et_mobile_menu li {
text-align: center;
}
 
.et_mobile_menu li a {
border-bottom: none;
	
}
.et_mobile_menu li a:hover {
background-color: transparent;
    
    }
    
.adult_button a {
    border-bottom: 2px solid #1abae3 !important;
	background-color: #fff !important;
	border-color: #1abae3;
    }
.adult_button a:hover {
	border-bottom: 2px solid #f35197 !important;
	background-color: #ffffff !important;
	border-color: #f35197;
    
    }
}

/* Donate Button */
/*** remove shadow on main header***/
#main-header {
box-shadow: none;
}
 
/*** add shadow to fixed header ***/
@media (min-width: 981px) {
#main-header.et-fixed-header {
    box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
}
}

/*** adjust padding on menu ***/
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 23px;
}
#top-menu li {
padding: 0 10px !important;
}
 
.et_header_style_left #et-top-navigation {
padding-top: 20px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 10px;
}
 
 
/*** style the menu button ***/
.donate_button a {
 color: #ffffff !important;
    font-family: montserrat !important;
       background-color: #f35197;
 line-height: 9px;
    font-weight: 600;
    padding: 13px 16px !important;
    text-transform: uppercase;
    font-size: 16px !important;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    border: 2px solid #f35197;
}
 
.donate_button a:hover {
    opacity: 1 !important;
    color: #f35197 !important;
    background-color: transparent;
    
}
 
.et-fixed-header #top-menu .donate_button a:hover {
    color: #f35197 !important;
	background-color: transparent !important;
    border: 2px solid #f35197;
    box-shadow: 0px 5px 20px transparent;
    -moz-box-shadow: 0px 5px 20px transparent;
    -webkit-box-shadow: 0px 5px 20px transparent;
}
 
.et-fixed-header #top-menu .donate_button a {
    color: #ffffff !important;
    background-color: #f35197;
    box-shadow: 0px 5px 20px transparent;
    -moz-box-shadow: 0px 5px 20px transparent;
    -webkit-box-shadow: 0px 5px 20px transparent;
    border: 2px solid #f35197;
}
.et-fixed-header.et_highlight_nav #top-menu .donate_button a {
    background-color: #f35197;
    border: 2px solid #f35197;
    animation: highlight-nav .8s ease;
    -webkit-animation: highlight-nav .8s ease;
}
 
#main-header.et-fixed-header.et_highlight_nav #top-menu .donate_button a:hover {
    color: #f35197 !important;
	background-color: transparent;
    border: 2px solid #f35197;
    box-shadow: 0px 5px 20px transparent;
    -moz-box-shadow: 0px 5px 20px transparent;
    -webkit-box-shadow: 0px 5px 20px transparent;
}
 
@-webkit-keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
 
/*** style the mobile menu links and button ***/
@media (max-width: 1024px) {
.et_mobile_menu li {
text-align: center;
}
 
.et_mobile_menu li a {
border-bottom: none;
	
}
.et_mobile_menu li a:hover {
color: #f35197 !important;
background-color: transparent !important;
    
    }
    
.donate_button a {
    border-bottom: 2px solid #f35197 !important;
	background-color: #f35197 !important;
    }
.donate_button a:hover {
    border-bottom: 2px solid #f35197 !important;
	background-color: #ffffff !important;
    }
}




/*Start your code here for dropdown menu */

.et_mobile_menu li a, .nav li li a:hover {
background-color: rgba(242,142,185,0.34);
	
}


/* This code was to fix the spacing b/w the Youth and Donate button on Moblie */ 

#mobile_menu #menu-item-564 {
    margin-top: 10px !important;
}
	
#mobile_menu #menu-item-1097 {
    margin-top: 10px !important;
}


/* The breakpoint for nav bar centre view. we have adjusted the text size to fix the view a different size screens*/ 


/* this switches the text size and padding as the screen hits 1450 px */

@media (max-width: 1450px) {
#top-menu li, #top-menu li a {
font-size: 15px !important;
padding-right: 15px !important;
}
}

/* this switches the text size and padding as the screen hits 1300 px */

@media (max-width: 1300px) {
#top-menu li, #top-menu li a {
font-size: 13px !important;
padding-right: 15px !important;
}
}

/* this switches the text size and padding as the screen hits 1100 px */

@media (max-width: 1100px) {
#top-menu li, #top-menu li a {
font-size: 12px !important;
padding-right: 15px !important;
}
}
/* Switch to hamburger menu on as the screen hits 1050 px */

@media only screen and (max-width:1050px) {
	#et_mobile_nav_menu {
		display: block;
	}
	#top-menu-nav {
		display: none !important;
	}

/* this adjusts the postioning of the hamburger on the screen , more in the middle */	
	.et_header_style_left .mobile_menu_bar {
		padding-bottom: 35px;
		padding-top: 20px;
	}
}

/* This code fixes if the hamburger menu is really long */
.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}


/* Secondary menu alignment */
#et-secondary-menu {
float: none !important;
text-align: right;
}

/*----------Customized Top Header----------*/
 

 
/*----------Customized Top Header----------*/
 
.top-becomeanally {
width: 157px!important;
}
 
.top-becomeanally a {
color: white!important;
font-size: 14px!important;
}
 
.top-becomeanally:before {
font-family: 'ETmodules';
content:"\e089";
font-size: 16px;
float: left;
}

.top-shop {
width: 70px!important;
}
 
.top-shop a {
color: white!important;
font-size: 14px!important;
}
 
.top-shop:before {
font-family: 'ETmodules';
content:"\e07b";
font-size: 16px;
float: left;
}

 



/*submit button center*/
#et_pb_contact_form_0 .et_contact_bottom_container {
float: none!important;
text-align: center!important;
}
/*submit button center end*/


/*submit button center*/
#et_pb_contact_form_1 .et_contact_bottom_container {
float: none!important;
text-align: center!important;
}
/*submit button center end*/


/* this to change the change form floating menu */ 

.captainform_lightbox[floating] {

    font-weight: bold !important;
    font-size: 16px !important;
    
}
 
/* this to change the change form floating menu from vertical to horizontal */ 

.captainform_lightbox[floating].left, .captainform_lightbox[floating].right {

    transform: rotate(-0deg)!important;

}