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

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

/*header*/

#logo{
  min-height: 100px;
  min-width: 100px;
  border-radius: 50%;
}

#top-menu .centered-inline-logo-wrap a{
  padding: 0px;
}

#top-menu a{
  padding-left: 50px;
}

#main-header{
  height: 120px;
  background-color: #9C7E56;
}

#top-menu a{
  padding: 7px 7px 7px 7px!important;
  background-color: #D6D1C5;
  font-size: 17px;
  color: black;
  border-radius: 10px 10px 10px 10px;
  font-family: "Arvo", serif;
  font-weight: 600;
  font-style: normal;
}

#top-menu .centered-inline-logo-wrap a{
  background: transparent;
}

/*intro*/

#intro .et_pb_text_inner h1,#intro .et_pb_text_inner h2,#intro .et_pb_text_inner p{
  color: white!important;
  text-align: center;
}

#intro .et_pb_text_inner{
  margin-top: 80px;
}

#intro .et_pb_text_inner h1{
  font-weight: bolder;
  font-size: 35px;
  margin-bottom: -20px;
}

#intro .et_pb_text_inner h2{
  font-size: 20px;
  margin: 10px 100px 20px 100px
}

#intro .et_pb_text_inner{
  font-size: 12px;
}

#intro .et_pb_image_wrap {
  margin-left: -50px;
}

#intro img{
  border-radius: 50%;
  border: 5px solid #D6D1C5;
}

#intro{
  background-color: transparent;
  margin-top: -30px;
  margin-left: 40px;
}
#intro .flip{
  display: none;
}

/*body*/

#main-content{
  font-family: "Arvo", serif;
  font-weight: 400;
  font-style: normal;
}

/*about*/

#about .et_pb_row:first-of-type{
  background-color: #D6D1C5;
  margin-left: 0px;
  border-radius: 10px;
  padding: 20px;
}

#about .et_pb_row h1{
  text-align: right;
  padding: 0px 30px 0px 0px;
  color: #29361A;
  font-size: 50px;
  font-weight: bolder;
}

#about .et_pb_text_inner p{
  padding-top: 80px;
  font-size: 18px;
  color: white!important;
}

#about img{
  margin-top: -70px;
}

#about{
  background-color: transparent;
}

#about .flip{
  display: none;
}

/*testimonials*/

#testimonials .et_pb_row:first-of-type{
  background-color: #6F5E41;
  margin-right: 0px;
  border-radius: 10px;
}

#testimonials h1{
  font-size: 48px;
  font-weight: bolder;
  padding: 2px 0px 2px 30px;
  margin-right: -200px;
  color: white;
}
#testimonials .et_pb_slide{
  background-color: transparent;
  padding: 0px 100px 0px 50px;
  margin-top: -30px;
  margin-bottom: -30px;
}

#testimonials .et_pb_slide_image{
  margin-left: 40px;
}

#testimonials .et_pb_slide_description{
  margin-right: 40px;
}

#testimonials .et_pb_slide_content h2, p{
  color: black!important;
  text-shadow: none;
}
#testimonials .et_pb_slide_content h2{
  margin-bottom: 10px;
  font-weight: bolder;
}

#testimonials{
  background-color: transparent;
}

#testimonials .et-pb-controllers{
  margin-bottom: -20px;
}

/*ourwhy*/

#ourwhy h1{
  text-align: center;
  font-size: 50px;
  font-weight: bolder;
}

#ourwhy h2{
  font-weight: bolder;
  font-size: 25px;
  margin-bottom: 20px;
}

#ourwhy{
  background-color: transparent;
}

#ourwhy .flip{
  display: none;
}

#ourwhy .et_pb_column:nth-of-type(3) p{
  text-align: right;
}

/*donate*/

#donate .et_pb_text_inner{
  margin: 0px 90px 0px 90px;
}

#donate .et_pb_text_inner h1{
  color: white;
  text-align: center;
  font-weight: bolder;
  font-size: 40px;
  margin: 0px 90px 0px 90px;
}

#donate .et_pb_text_inner h2{
  color: white;
  text-align: center;
  font-size: 20px;
}

#donate{
  background-color: transparent;
  padding-top: 0px;
  margin-bottom: 60px;
}

/*buttons*/

.et_pb_button{
  background-color: #BCDAE9;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  border-color: white;
  color: black;
  font-size: 30px;
  padding-top: 20px;
}

#donate{
  text-align: center;
}

/*media-mobile*/

/*header-mobile*/

@media only screen and (max-width: 980px){
  .logo_container{
    text-align: left!important;
    margin-left: -30px;
    transform: scale(.8)
}
  #logo{
    margin-top: -20px;
  }
  .mobile_nav .select_page{
    display:none!important;
  }
  .mobile_nav{
    padding:0px!important;
  }
  .mobile_menu_bar::before{
    color: white;
  }
  .et_mobile_menu{
    border-top-color: black;
  }
  #main-header{
    height: 100px;
  }
  .mobile_menu_bar::before{
  font-size: 6em;
}
#et-top-navigation{
  display: inline-block;
  margin-top: -100px;
}
}

/*mobile-intro*/

@media only screen and (max-width: 980px){
  #intro .et_pb_text_inner h1{
   font-weight: bolder;
   font-size: 25px;
 }
  #intro .et_pb_text_inner h2{
    margin: 0px;
    font-size: 15px;
    margin-top: -60px;
  }
  #intro .et_pb_image_wrap{
    margin-left: 0px;
    width: 170px;
  }
  #intro{
    margin-left: 0px;
    padding-bottom: 0px;
  }
  #intro .flip{
    display: inline-block;
    margin-top: 40px;
  }
  #intro .et_pb_column{
    text-align: center;
  }
  #intro .et_pb_column:nth-child(2) img, #intro p{
    display: none;
  }
}

/*mobile-about*/

@media only screen and (max-width: 980px){
  #about h1{
    color: #D6D1C5!important;
    font-size: 30px!important;
    margin-right: 40px;
    height: 40px;
  }
  #about .et_pb_row:first-of-type{
    background: transparent;
  }
  #about p{
    font-size: 15px!important;
    line-height: 17px;
    padding-top: 0px!important;
  }
  #about .et_pb_row:nth-child(2) .et_pb_column:nth-child(1){
   display: none;
  }
  #about .flip{
    display: inline-block;
    margin-top: 50px;
  }
  #about .et_pb_row:first-of-type {
  margin-left: 30px;
  border-radius: 10px;
  padding: 0px;
  }
}

/*testimonials-mobile*/

@media only screen and (max-width: 980px){
  #testimonials .et_pb_row:first-of-type{
  background-color: transparent;
  margin: auto;
  padding-bottom: 0px;
}
  #testimonials h1{
    color:#6F5E41;
    font-size: 25px;
    text-align: center;
    margin: auto;
    padding-left: 0px;
}
  #testimonials .et_pb_slide{
    padding: 0px;
    margin: 0px;
  }
  #testimonials h2{
    font-size: 20px;
  }
  #testimonials p{
    line-height: 18px;
    text-align: left;
  }
  #testimonials .et_pb_image .et_pb_image_wrap{
    display: none;
  }
@media (max-width: 320px) {
  .et_pb_slide_image{
    display: inline-block!important;
  }
}
  #testimonials .et_pb_slide_image{
    margin-left: 0px
  }
  #testimonials .et_pb_row:nth-of-type(2){
    padding-top: 0px;
  }
}

/*thewhy-mobile*/

@media only screen and (max-width: 980px){
  #ourwhy h1{
    font-size: 35px;
  }
  #ourwhy h2{
    text-align: center;
  }
  #ourwhy p{
    line-height: 19px;
    text-align: left!important;
}
  #ourwhy::before {
    content: url(https://nonprofit.janaclaus.com/wp-content/uploads/2025/03/clouds2-1.png);
    transform: scale(.5);
    margin-left: -60px;
    margin-top: -20px;
  }
  #ourwhy .flip{
    display: inline-block;
  }
  #ourwhy .et_pb_column:nth-child(2){
    display: none;
  }
}

/*donate-mobile*/

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

#donate .et_pb_text_inner h1{
  text-align: center;
  font-size: 25px;
  margin: 0px;
  padding: 0px;
  }
  #donate .et_pb_text_inner{
    margin: 0px;
  }
  #donate h2{
    font-size: 15px!important;
  }
}

#footer{
  background-color: black;
}
#footer h1, #footer p{
  color: white!important;
}

/*flourishes*/

#testimonials .et_pb_image .et_pb_image_wrap{
  position: absolute;
  width: 200px;
  margin: -160px 0px 0px 130px;
}

#ourwhy:before{
  content: url(https://nonprofit.janaclaus.com/wp-content/uploads/2025/03/clouds2-1.png);
  position: absolute;
  top: -160px;
  left: 90px;
}

#intro{
  background-position-y: 80px;
}
#testimonials{
  background-position-y:top;
  background-position-x: -30px;
}