/*
Theme Name: Little Divi
Version: 1.0
Description: A child theme of SpecialDivi
Author: caitlinrupp
Template: SpecialDivi
*/

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

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

@import url("https://use.typekit.net/rom4aib.css");
/*------------------------------------------------------MAIN CODE------------------------------------------------------*/

/*------------------------------------------------------NAVIGATION------------------------------------------------------*/
#page-container{
  overflow: hidden;
}

#logo{
  float: right;
  margin-top: 15px;
}

#main-header{
  background-color: #90879D;
  color: #FFF1DF;
}

#top-menu a{
  color: #FFF1DF;
}

#et-top-navigation{
  float: left;
  margin-left: -95px;
}

.et_mobile_menu{
  border-top: 3px solid #E07A5F!important;
}

.mobile_menu_bar:before{
  color: #FFF1DF !important;
}

.mobile_menu_bar:hover:before{
  color: #E07A5F !important;
}

/*------------------------------------------------------DESIGN/BACKGROUND GRAPHICS------------------------------------------------------*/

#design{
  position: absolute;
  bottom: -10px;
  height: auto;
  max-height: 160px;
  z-index: 10;
}

#sunflower{
  position: absolute;
  bottom: -266px;
  left: -300px;
  width: 700px;
}

#sunflower1{
  position: absolute;
  bottom: -250px;
  left: -350px;
  width: 1100px;
}

#sunflower2{
  position: absolute;
  bottom: -200px;
  left: 350px;
  width: 900px;
}

#sunflower3{
  position: absolute;
  bottom: -90px;
  left: -350px;
  width: 1000px; 
}

#purple{
  position: absolute;
  top: -80px;
  left: 990px;
  width: 175px;
  z-index: 0;
}

/*------------------------------------------------------INTRODUCTION------------------------------------------------------*/
.et_pb_fullwidth_header.et_pb_fullwidth_header{
  height: 580px;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content{
  position: absolute;
  top: 20px;
  text-align: center;
  background-color: #FFF1DF;
  border-radius: 30px;
  padding-top: 5px;
}

h1.et_pb_module_header{
  color: #F2CC8F !important;
  font-size: 60px;
  text-shadow: 2px 2px 4px #D46041;
  font-family: "cooper-black-std", serif;
  margin-top: 20px;
}

.et_pb_header_content_wrapper{
  color: #D46041;
  margin: 20px 100px 30px;
  font-family: "Quicksand";
}

/*------------------------------------------------------THE CAUSE------------------------------------------------------*/

#thecause{
  padding-top: 175px;
}

.et_pb_image img{
  border-radius: 30px;
}

h4.et_pb_module_header{
  font-size: 40px;
  font-weight: bold;
  font-family: "Cooper STD";
  color: #E07A5F;
  margin-top: 150px;
}


.et_pb_blurb h4{
  text-align: left !important;
}

.et_pb_blurb_description{
  font-size: 16px;
  color: #923117;
  font-family: "Quicksand";
}

#thecause .et_pb_row:nth-of-type(2) .et_pb_blurb_description{
  text-align: right; /* Dollar Paragraph */
}

.et_pb_text_inner{
  color: #923117;
  font-family: "Quicksand";
  font-size: 24px;
  text-align: center;
}

.et_pb_section{
  background-color: #FFF1DF;
}

/*------------------------------------------------------HOW TO------------------------------------------------------*/
@media only screen and (min-width: 480px){
#howto {
  margin-bottom: -250px;
  }
}

#howto .et_pb_module:nth-of-type(1) .et_pb_text_inner{
  margin-top: -50px;
  color: #90879D;
  font-family: "cooper-black-std", serif;
  font-size: 50px;
}

#howto .et_pb_column:nth-of-type(2) p{
  padding-top: 115px;
}

#howto .et_pb_column:nth-of-type(3) .et_pb_text_inner{
  margin-top: -20px;
}

#howto .et_pb_column:nth-of-type(2) img{
  top: 95px;
  margin-left: 12px;
}

#howto .et_pb_row:nth-of-type(1){
  font-size: 36px;
  padding-bottom:0px;
}
  
#howto{
  margin-top:-20px;
  padding-bottom: 70px;
}

#howto .et_pb_image img{
  width: 250px;
  height: auto;
}

#howto .et_pb_column:nth-of-type(3) .et_pb_image img{
  width: 400px;
  height: auto;
}

/*------------------------------------------------------TESTIMONIALS------------------------------------------------------*/
#testimonials .et_pb_module{
  margin: -15px;
  background-color: transparent;
  text-align: center;
  padding-top:28px;
}

#testimonials.et_pb_section.et_pb_with_background{
  height: 769px;
}

.et_pb_testimonial_author{
  color: #FFF1DF;
  font-family: "cooper-black-std", serif;
  font-size: 30px;
  margin-top: 0;
  text-align: center;
}

.et_pb_testimonial_content{
  font-family: "Quicksand";
  font-size: 18px;
  color: #FFF1DF;
}

.et_pb_testimonial .et_pb_testimonial_content p{
  padding: 0px;
}

/*------------------------------------------------------CTA------------------------------------------------------*/
#join{
  z-index: 1;
}

#join .et_pb_module:nth-of-type(1).et_pb_promo{
  height: 300px;
  width: 1079px;
  background-color: #E07A5F !important;
  border-radius: 30px;
}

h2.et_pb_module_header{
  color: #FFF1DF !important;
  font-family: "cooper-black-std", serif;
  font-size: 60px;
  padding-top: 10px;
}

@font-face{
  font-family: 'Quicksand'; 
  src: url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
  font-weight: bold; 
  font-style: normal; 
}

.et_pb_bg_layout_dark{
  color: #FFF1DF !important;
  font-family: "Quicksand";
  font-size: 18px;
}

.et_pb_button{
  background-color: #F2CC8F !important;
  color: #FFF1DF;
  font-size: 22px;
  font-weight: bold;
  font-family: "cooper-black-std", serif;
  border-radius: 40px;
  border: 3px solid #FFF1DF;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-shadow: 1px 1px 1px #D46041;
  position: absolute;
  right: 450px;
  top: 210px;
}

/*------------------------------------------------------FOOTER------------------------------------------------------*/
#main-footer,
#footer-bottom{
  background-color: #90879D;
  position: relative;
  z-index: 10;
  padding-bottom: 10px;
}

#main-footer::after{
  content: "PeaceSignsforPeaceSigns © 2025";
  height: 100%;
  color: #FFF1DF;
  font-family: "Quicksand";
  font-size: 16px;
  margin-left: 400px
}

#main-footer{
  margin-left: -240px;
}

/*------------------------------------------------------MOBILE ONLY------------------------------------------------------*/

/*------------------------------------------------------DESIGN/GRAPHICS------------------------------------------------------*/
@media only screen and (max-width: 480px){
  #design{
    margin-bottom:-80px;
    width:800px;
    z-index: 2!important;
  }
 
  #sunflower{
    margin-left: 90px;
    transform: scale(0.8);
  }
  
  #sunflower1{
    transform: scale(0.6);
    margin-left: -20px;
    padding-bottom: 215px!important;
    z-index: 1!important;
  }
  
  #sunflower2{
    transform: scale(0.55);
    margin-left: -300px;
    padding-bottom: 80px!important;
  }
  
  #sunflower3{
    transform: scale(0.4);
    margin-left: -30px;
    margin-bottom: -60px!important;
  }
  
  #purple{
   margin-left: -675px;
   transform: scale(1.1);
   padding-bottom: 800px
  }

/*------------------------------------------------------HOW TO------------------------------------------------------*/ 
  
  .et_pb_row {
    width: 100%;
    margin-bottom: 20px;
  }
  
  #howto .et_pb_image img{
    margin-left: 30px;
  } 
  
  #howto .et_pb_column:nth-of-type(3) .et_pb_image img{
    width: 310px;
    height: auto;
  }

  #howto .et_pb_module:nth-of-type(1) .et_pb_text_inner{
    font-size:40px;
    line-height: 40px;
    margin-bottom: -30px;
    padding-top: 40px
  }
 
  #howto .et_pb_column:nth-of-type(2) img{
    margin-left: 50px;
  }
  
  #howto .et_pb_column:nth-of-type(2) p{
    margin-top: -20px;
    margin-bottom: 50px
  }
  
  #howto .et_pb_column:nth-of-type(1) p{
     margin-bottom: -50px  
  }
  
   #howto .et_pb_column:nth-of-type(3) img{
    width: 70px;
    height: auto;
  }
   
  #howto{
    padding-top: 0px;
  }
  
/*------------------------------------------------------THE CAUSE------------------------------------------------------*/ 
  
  #thecause{
    padding-top: 90px
  }
  
  .et_pb_column h4{
    margin-top: 0px;
  }
  
  .et_pb_column p, h4{
    margin-left: 20px;
    margin-right: 20px;
  }
  
  #thecause .et_pb_column:nth-of-type(1){
    text-align: left;
  }
  
  .flip-columns-mobile{
    display: flex;
    flex-direction: column-reverse;
  }
  
   .et_pb_row:nth-of-type(2) .et_pb_module.et_pb_image{
    margin-bottom: 40px;
  }
  
  .et_pb_blurb h4,
  #thecause .et_pb_column:nth-of-type(1) .et_pb_blurb h4,
  #thecause .et_pb_row:nth-of-type(2) .et_pb_blurb_description{
    text-align: left;
    display: block;
  }
  
/*------------------------------------------------------TESTIMONIALS------------------------------------------------------*/ 
  
  .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content{
    position: relative !important;
    top: -20px;
    width: 90%!important;
    margin: 0 auto!important;
    padding: 20px!important;
    padding-bottom: 50px!important;
    text-align: center;
  }

  h1.et_pb_module_header{
    font-size: 34px !important;
    line-height: 1.2 !important;
    margin-bottom: 10px;
  }

  .et_pb_header_content_wrapper{
    font-size: 16px !important;
    line-height: 1.7 !important;
    padding: 0 10px;
    margin: 0 auto;
  }

  .et_pb_fullwidth_header.et_pb_fullwidth_header{
    height: auto !important;
    padding-bottom: 70px !important;
  }

  #testimonials.et_pb_section.et_pb_with_background{
   background-image: url(https://nonprofit.caitlinrupp.com/wp-content/uploads/2025/07/Mask-group.252.png) !important;
   background-size: contain!important;
   height: 1975px!important;
   width: 100%!important;
   padding-top: 700px; 
   margin-bottom: -600px;
  }
  
  #testimonals img:nth-of-type(1){
    object-fit: cover;
    height: 100%;
    height: 30px;
    margin-bottom: 30px;
  }
  
  #testimonials.et_pb_section.et_pb_with_background{
    margin-top: -640px;
  }
    
  #testimonials .et_pb_module{
    margin-top: -25px;
  }
/*------------------------------------------------------CTA------------------------------------------------------*/ 
  
  #join .et_pb_module:nth-of-type(1).et_pb_promo{
    position: relative !important;
    top: -20px;
    height: 460px;
    width: 90%!important;
    margin: 0 auto!important;
    padding: 20px!important;
    margin-bottom: -85px!important;
    text-align: center;
  }

  #join .et_pb_module:nth-of-type(1).et_pb_promo h2{
    padding-top: 30px;
    font-size: 34px;
  }
  
  #join .et_pb_module:nth-of-type(1).et_pb_promo p{
    padding-top: 10px;
    text-align: center;
    font-family: "Quicksand";
    font-size: 20px;
  }
  
  .et_pb_button{
   background-color: #F2CC8F !important;
   color: #FFF1DF;
   font-size: 22px;
   font-weight: bold;
   font-family: "cooper-black-std", serif;
   border-radius: 40px;
   border: 3px solid #FFF1DF;
   text-align: center;
   align-content: center;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   text-shadow: 1px 1px 1px #D46041;
   position: absolute!important;
   margin-top: 50px;
   margin-right: -345px;
   width: 200px
  }
  
/*------------------------------------------------------FOOTER------------------------------------------------------*/ 
  
  #main-footer{
    margin-top: -10px;
  }
 
  #main-footer::after{
   margin-left: 270px;
  }
}

/*------------------------------------------------------DESKTOP ONLY------------------------------------------------------*/

@media only screen and (min-width: 480px){ 
  #thecause .et_pb_column:nth-of-type(1) .et_pb_blurb h4{
    text-align: right !important; /* Dollar Title */
  }

  #testimonials .et_pb_column_1_3:nth-of-type(1),
  #testimonials .et_pb_column_1_3:nth-of-type(2),
  #testimonials .et_pb_column_1_3:nth-of-type(3){
    padding-top: 290px;
    } 

  .et_pb_promo_description div{
    margin: 15px 150px 0;
  }
  
  h4.et_pb_module_header{
  font-size: 50px;
  }
}