/*
Theme Name: Child
Version: 1.0
Description: A child theme of SpecialDivi
Author: HandbyHand
Template: SpecialDivi
*/

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

@import url("https://use.typekit.net/gaa8jbx.css");

 h2, h3, h4, h5, h7{
   font-family: "century-gothic", sans-serif;
 }

#top-menu a:link, #top-menu a:visited, #et_top_search, .mobile_menu_bar{
	border-top: 10px solid transparent;
}

#top-menu a:hover{
	border-top: 8px solid #7C4199;
	opacity: 1!important	
}


/*Top Slider*/

.et_pb_bg_layout_dark .et_pb_slide_description {
  text-shadow: 2px 2px 5px black;
  text-align: right;
	margin-bottom: 50px;
	margin-top: .25em;
}

.et_pb_slide_description .et_pb_slide_title {
  font-size: 3em;
}

.et_pb_slide_content p:last-of-type {
 font-size: 1.2em;
}

.et_pb_button{
  background: #F69320;
  border: none;
  text-shadow: 1px 1px 2px black;
  text-align: center;

}

#top_slider .et_pb_button{
  background: #F69320;
  border: none;
  text-shadow: 1px 1px 2px black;
  text-align: center;
  height: 45px;
  width: 283px;
}

#top-menu a {
 color: #7C4199;  
}

#et_top_search #et_search_icon{
  color: #7C4199;
}

.et_pb_section{
	padding: 0px 0px;
}


/*About Us*/

.et_pb_row {
  width: 90%;
  max-width: 1080px;
  margin-top: 60px;
  position: relative;
  padding: 0px;
}


#aboutus div.blue_box{
  height: 350px;
}

.blue_box{
  background: #273C8F;
  text-align: center;
  color: white;
  margin-left: 40px;
  margin-right: 40px;
  margin-block: 2px;  
  heigth: 400px;
}

h6{
  font-size: 1.8em!important;
  font-family: "century-gothic", sans-serif;
  color: white;
}

.blue_box p:not(.has-background):last-of-type {
  font-size: 1.1em;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 5px;
}


.et_pb_slider .et_pb_slide:first-child {

    display: list-item;

}
.et_pb_slider .et_pb_slide_1{
  max-width: 650px;
  height: 355px;
}

.et_pb_column .et_pb_slide_content p:last-of-type {
text-align: center;
display: flex;
margin-top: 13.8em;
background: rgba(124, 65, 153, 0.5);
margin-right: 0;
margin-left: -41px;
position: absolute;
top: -9%;
left: 0;
width: 114.5%;
height: 100%;
}


/* Are you ready to help*/

 h4{
  font-size: 2em;
  color: #7C4199;
  text-align: center;   
}

h3{
  font-size: 2em;
  color: #8AC640;
  text-align: center;
}

.clothes_donation, .money_donation, .volunteer_time {
  color: #273C8F;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);  
  height: 450px;
  width: 280px;
  margin-left: 20px;
}

.clothes_donation img{
  width: 300px;
  height: 150px;
}

.clothes_donation {
  background: white;
  
}

.money_donation img{
  width: 300px;
  height: 150px;
}

.volunteer_time img{
  width: 300px;
  height: 150px;
}

.et_pb_bg_layout_light .et_pb_more_button{
 color: white;
 font-family: "century-gothic", sans-serif;
}


/*Support by shopping*/


#store{
    text-align: center;
    display: flex;
    margin-top: 5em;
    background: rgba(124, 65, 153, 0.5);
    margin-right: 0;
    margin-left: -30px;
    position: absolute;
    top: 50%;
    width: 120%;
    height: 60%;
}

#shopping{
    text-align: center;
    display: flex;
    margin-top: 5em;
    background: rgba(124, 65, 153, 0.5);
    margin-right: 0;
    margin-left: -30px;
    position: absolute;
    top: 50%;
    width: 120%;
    height: 60%;
}

.winter_coats, .winter_boots{
  padding: 0;
  color: #273C8F;
  margin: 0px;
  padding: 0;
  width: 510px;
  height: 120px;
}

/*Media Query Fixes*/

@media all and (max-width: 767px){

	.et_pb_fullwidht_section h2,  .et_pb_fullwidht_section p{
		text-align: right; 
		}

  #store, #shopping, .winter_coats, .winter_boots{
    text-align: left;
  }
  
  .et_pb_column .et_pb_slide_content p:last-of-type {
  text-align: center;
  display: flex;
  margin-top: 13.8em;
  margin-right: 0px;
  margin-left: -41px;
  position: absolute;
  top: -165%;
  left: 22px;
  width: 114.5%;
  height: 100%;
  background: rgba(124, 65, 153, 0.5);
  }
 
  .blue_box{
  background: #273C8F;
  text-align: center;
  color: white;
  margin-left: 23px;
  margin-right: 23px;
  margin-block: 2px;  
}
  
 .et_pb_slide_description .et_pb_slide_title {
  font-size: 2em!important;
} 
  
 #top_slider .et_pb_button{
 font-size: 15px; 
 width: 230px;
 height: 38px;
 text-align: center;
} 
  
 #botton_slider .et_pb_button{
 font-size: 15px; 
 width: 230px;
 height: 38px;
 text-align: center;
} 
  
.clothes_donation, .money_donation, .volunteer_time {
  color: #273C8F;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);  
  margin-left: 23px;
  width: 240px;
  height: 480px;
}
  
.winter_coats, .winter_boots{
  padding: 0;
  color: #273C8F;
  margin: 0px;
  width: 300px;
  height: 120px;
}
  
  .et_pb_slides{
  margin-top: 40px;
  }
 
#store, #shopping {
    margin-top: 4em;
    margin-right: 0;
    margin-left: -35px;
    top: 40%;
    width: 120%;
    height: 60%;
}
  
}


/*Mobile Menu*/
.mobile_menu_bar::before{
	color: #7C4199;
}

.et_mobile_menu{
	border-top: 8px solid #7C4199;
}

#mobile_menu a{
	color: #7C4199;
}

#mobile_menu a:hover{
	background-color: #7C4199;
	opacity: 1!important;
	color: white;
}

/*Buttons*/

.money_donation .et_pb_button:hover{
	background: #8AC640;
	color: white;
	padding: 5px 20px;
}

#top_slider .et_pb_button:hover{
  background: #8AC640;
	color: white;
	padding: 5px 20px;
}

.et_pb_button:hover{
  background: #8AC640;
	color: white;
	padding: 5px 20px;
}

/*last details*/

.highlight{
  color: #F69320;
}

.green{
  color: #8AC640;
}

/*Footer*/

#footer-bottom {
  background-color: #7C4199;
  padding: 15px 0 5px;
 
}

#footer-info {
  color: white;
}

#footer-bottom .et-social-icon .icon { 
 color: white!important;
}