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

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

.percentage {
  font-size: 60px;
  color: black;
  padding: 30px 0px;
  font-family: "Archivo Black", sans-serif;
  font-weight: bold;
}

.percentage-text {
  font-size: 20px;
  color: #F46530;
  padding: 30px 0px;
  margin-left: -110px;
}

.et_pb_slide_description {
 display: flex;
}

.testimonial-pics img  {
  position: relative;
  width: 250px; 
  height: 250px; 
  object-fit: cover; 
  border-radius: 50%; 
}

.et_pb_module et_pb_text {
  background-color: #F46530;
  }

.et_pb_slide_title {
  font-size: 100px !important;
  font-weight: bold !important;
  font-family: "Archivo Black", sans-serif;
  text-align: left;
}

.et_pb_slide_content {
  text-align: left;
  padding: 30px 180px;
}

.ending-text {
  text-align: center;
  font-size: 60px;
  color: #F46530;
  font-family: "Archivo Black", sans-serif;
}

.et_pb_button_module_wrapper {
  text-align: center;
  padding: 20px;
}

.et_pb_button {
  color: #F46530;
  font-weight: bold;
  width: 20%;
  height: auto;
  font-size: 25px;
}

.offers-image {
  display: flex;
  justify-content: center;
}

.offers-text {
  text-align: center;
  color: black;
  font-family: 'Open Sans', sans-serif;
}

.et_pb_with_background {
  background-position: center 50px;
  background-position: center 10%;
  min-height: 400px;
}

.offers-description {
  text-align: center;
  color: black;
  font-family: "Archivo Black", sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: white;
}

.flip .et_pb_column {
  float: right;
}

@media all and (min-width: 981px) {
  .et_pb_row .flip .et_pb_column {
    margin-right: 0%;
  }
}

.testimonial-text {
  font-family: 'Open Sans', sans-serif;
  color: black;
  margin-top: 60px;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 110px;
}

#top-menu a {
  color: #F46530 !important;
  font-family: "Archivo Black", sans-serif;
  font-size: 20px;
}

#options {
  background-color: #F46530;
}

#options h1 {
  color: white;
  font-family: "Archivo Black", sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 50px;
}

#statistics h1 {
  color: #F46530;
  font-family: "Archivo Black", sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 50px;
}

#testimonials h2 {
  color: #F46530;
  font-family: "Archivo Black", sans-serif;
  font-size: 20px;
  font-weight: bold;
}

h3 {
  font-size: 15px;
  text-align: center;
  padding: 0px
}

#donate+div {
  padding: 0px;
}

.mobile_menu_bar::before {
  color: #F46530;
}

.et_mobile_menu {
  border-top: 10px solid #F46530;
}

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


/* media query fixes*/
@media all and (max-width: 980px) {
  
  .testimonial-pics {
   text-align: center !important;
}

  .testimonial-pics img {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
  
  .testimonial-text {
    text-align: center !important;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
  
  .et_pb_slide_content p {
    font-size: 14px;
    line-height: 1.5;
    order: 2; /* Change the order to move this content below another piece of content */
    margin-top: 20px;
    align-items: center;
    text-align: center;
    width: 450px;
    
}
  
  .et_pb_slide_description {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
    
  .et_pb_slide_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .percentage-text {
    flex-direction: row; /* Stack items horizontally in mobile view */
    flex: 1 0 50%;
    display: inline-block;
    text-align: center !important;
    padding: 20px;
    margin: 20px;
    
  }
  
  .percentage {
    display: inline-block;
    width: 100%;
    text-align: center !important;
  }
  
  
  .ending-text {
     font-size: 60px;
     padding: 10px;
     max-width: 100%;
     line-height: 1;
  }
  
  .et_pb_button_module_wrapper {
    width: 100%;
    padding: 10px 20px; 
    font-size: 16px; 
    text-align: center;
    border-radius: 5px;
    min-width: 300px;
}
  
  .et_pb_button {
    min-width: 200px;
  }
  
}