/*
Theme Name: nonprofit child theme
Version: 1.0
Description: A child theme of SpecialDivi
Author: admin
Template: SpecialDivi
*/

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


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Permanent+Marker&family=Playfair+Display&display=swap'); 
  

.header-logo{  
  max-width: 10%;  
}  

.et_pb_fullwidth_image{
  max-height: 750px;  
}  

.et_pb_button{  
  background-color: #62B069;  
  color:#FFF4E5;  
   border-radius:15px; 
  border:none; 
}   

#first\ branch, #second\ branch{  
  position: relative;  
  left: 200px; 
  max-width: 75%;  
}  

.et_pb_section{  
  background: #FFF4E5;  
}  

.et_pb_bg_layout_dark{ 
  background-color: #62B069!important;; 
} 

#our_mission_statement{ 
  text-align: left!important; 
} 

#Kennedy, #Joanne, #Sean{ 
  max-width: 50%; 
} 

#squiggle{ 
  display:none; 
  min-width: 110%; 
  position: absolute; 
  top: 300px; 
  bottom: 700px; 
  left: -100px; 
} 

#works{ 
  position: relative; 
  top: -275px; 
} 

#mom{ 
  max-width: 75%; 
} 

#hanging{ 
  max-height: 650px; 
  object-position:center!important; 
} 

#need{ 
  position: relative; 
  top: -400px; 
} 

#our_mission_statement{ 
  text-align: left!important; 
} 

#Kennedy, #Joanne, #Sean{ 
  max-width: 50%; 
} 

#Mission{ 
  position:relative; 
  top: -375px; 
} 

#mom{ 
  max-width: 75%; 
} 

#first\ branch{ 
  position: relative; 
  top:-300px 
} 

#success{  
  position: relative;  
  top: -300px;  
} 

.you_donate{ 
  position:relative; 
  left: 75px; 
} 

.we_train{ 
  position:relative; 
  left: 90px; 
} 

.you_get_updates{ 
  position:relative; 
  left:45px; 
} 

.your_generous_donations, .our_dedicated_team, .as_a_sloth_parent{ 
font-size: 18px; 
} 

.you_donate,.we_train,.you_get_updates{ 
  font-size:30px; 
} 

.our_dedicated_team{ 
  position:relative; 
  left: 25px; 
} 

.as_a_sloth_parent{ 
  position:relative; 
  left:25px; 
} 

.your_generous_donations{ 
  position:relative; 
  left: 10px; 
} 

.our_success_stories{ 
  font-size: 60px; 
  position:relative; 
  left: 250px; 
} 

.kennedy_name,.kennedy_text{ 
  top:5px; 
} 

.kennedy_name,.joanne_f_name,.sean_englebert_name,.kennedy_text,.joanne_f_text,.sean_englebert_text{ 
  font-size: 30px; 
  position:relative; 
  right:175px; 
} 

.joanne_f_name,.joanne_f_text{ 
  position: relative; 
  top: 65px; 
} 

.sean_englebert_name,.sean_englebert_text{ 
  position:relative; 
  top:100px; 
} 

.meet_our_sloths{ 
  font-size: 60px; 
  position:relative; 
  left:330px; 
} 

.teresita_name,.romeo_name,.frank_name{ 
  font-size: 30px; 
} 

.teresita_name{ 
  position:relative; 
  left:110px; 
} 

.romeo_name{ 
  position:relative; 
  left:115px; 
} 

.frank_name{ 
  position:relative; 
  left: 130px; 
} 

.teresita_text,.romeo_text,.frank_text{ 
  font-size: 18px; 
} 

.why_sloths_need_you{  
  font-size: 50px;  
}  

.by_supporting{  
  font-size: 30px;  
  line-height: 30px; 
}  

.our_mission_statement{ 
  font-size: 60px; 
  line-height:60px; 
} 

.branch_buddies_empowers{ 
  font-size: 18px; 
} 

.bottom_squiggle{ 
  position:relative; 
  top: 15px; 
  right:50px; 
  min-width: 110%; 
} 

#footer{ 
  background-color: #5D9543!important; 
} 

.how_it_works{ 
  font-size: 60px; 
  line-height: 60px; 
  position:relative; 
  left:360px; 
} 

.teresita_text{ 
  position:relative; 
  left: 50px; 
} 

.romeo_text{ 
   position:relative; 
  left:65px; 
} 

.frank_text{ 
   position:relative; 
  left:80px; 
} 

.teresita_button{  
  position: relative;  
  left: 85px;  
  top: 24px;  
}  

.romeo_button{  
  position: relative;  
  left: 85px;  
}  

.frank_button{  
  position: relative;  
  left: 95px;  
  top: 24px;  
}  

.mom{ 
  box-shadow: 0 0 5px 3px; 
} 

.our_mission_statement,.branch_buddies_empowers{ 
  position: relative; 
  right:125px; 
} 

.kennedy_name,.joanne_f_name,.sean_englebert_name{ 
  font-weight: bold; 
} 

.hanging img{ 
  height: 650px; 
  object-fit: cover; 
  object-position: bottom!important; 
} 

.our_mission_statement_section, .sloths_need_section{ 
  background-color: #62B069; 
} 

.our_mission_statement,.branch_buddies_empowers,.by_supporting{
  color:#FFF4E5!important;
}

.how_it_works,.you_donate,.we_train,.you_get_updates,.your_generous_donations,.our_dedicated_team,.as_a_sloth_parent,.our_success_stories,.kennedy_name,.kennedy_text,.joanne_f_name,.joanne_f_text,.sean_englebert_name,.sean_englebert_text,.meet_our_sloths,.teresita_name,.teresita_text,.romeo_name,.romeo_text,.frank_name,.frank_text{ 
  font-family: avenir, light, san-serif; 
  color: #633C1E; 
} 

.why_sloths_need_you{
  color:#62B069;
}

.by_supporting{
   font-family: avenir, light, san-serif!important; 
}

.why_sloths_need_you,.our_mission_statement,.et_pb_button,.how_it_works,.our_success_stories,.meet_our_sloths,.you_donate,.we_train,.you_get_updates,.teresita_name,.romeo_name,.frank_name{ 
  font-family: 'Permanent Marker', cursive; 
} 

h1.et_pb_module_header{
  color:#FFF4E5!important;
}
.first_branch{
  position:relative;
  bottom:300px;
}
  

.by_supporting{ 

  text-shadow: 2px 1px 2px black; 

} 

 

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

  

  .why_sloths_need_you{  

  

    line-height: 45px!important;  

    font-size: 45px; 

  }  

  .sloths_need_section{ 

    position:relative; 

    bottom: 250px; 

  } 

  .by_supporting{ 

    font-size: 18px; 

    line-height: 18px; 

  } 

  .first_adopt_now_button{ 

    max-width: 75%; 

  } 

  .our_mission_statement{ 

    font-size: 30px; 

    line-height: 30px; 

    left:35px; 

    text-align: center!important; 

  } 

  .branch_buddies_empowers{ 

    font-size: 18px; 

    line-height: 18px; 

    left:15px; 

    text-align:center; 

  } 

  .our_mission_statement_section{ 

    position:relative; 

    bottom: 400px; 

  } 

  .mom{ 

    position:relative; 

    left:30px; 

  } 

  .we_train{ 

    position:relative; 

   left:60px!important; 

  } 

  .you_donate{ 

    position:relative; 

   left:60px!important; 

  } 

  .you_get_updates{ 
    position: relative; 
    left:20px; 
  } 
  .our_success_stories{ 
    font-size: 45px;
    line-height: 45px;
    text-align: center;
    position: relative; 
    left:65px; 
  } 
  .footer{ 
    position: relative; 
    top: 200px; 
  } 
  .bottom_squiggle{
    position: relative;
    top:203px;
    left:-9px;
  }
  .kennedy_name,.kennedy_text{
    position: relative;
    bottom:200px!important;
  }
}