/*
Theme Name: SpecialDivi Child Nonprofit
Theme URI: https://www.indicegenealogico.net
Template: SpecialDivi
Author: Henry Diaz
Author URI: https://www.indicegenealogico.net
Description: COMM 310 Final Project
Version: 1.0.1650680735
Updated: 2022-04-23 02:25:35

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

/*:root {
  --blue-color:#037DBE;
  --purple-color: #712F7A;
  --beige-color:#EBE1DB;
  --dark-gray:#333;
  --light-gray:#eee;

  --ff-body: "Lato", sans-serif;
  --ff-heading: "Montserrat", sans-serif;

  --font-min-size: 14; /* Font size in small screen 
  --font-max-size: 22; /* Font size in big screen 
  --min-vpw: 300;      /* Minimun Viewport 
  --max-vpw: 3600;     /* Maximun Viewport 
}*/
  



body, html {
  /* font-size: calc((var(--font-min-size) * 1px + (var(--font-max-size) - var(--font-min-size)) * ((100vw - var(--min-vpw) * 1px)/(var(--max-vpw) - var(--min-vpw))))); */
  font-size: calc((14px + (22 - 14) * ((100vw - 300px)/(3600 - 300))));
  color: #333;
  font-family: "Lato", sans-serif;
  line-height: 1.55
}
h1, h2, h3, h4 {
  font-family: "Montserrat", sans-serif;
  line-height: 1.250;
}

h2 {
  font-size: 2.2rem !important; /* Size of h2 */

}

h4.et_pb_module_header {
  font-size: 1.6rem !important;
}

/* ++++++++++++++++++++++++++++++++++++++++++++ */



/* ============ HERO SECTION =================*/

#hero .et_pb_row{
  width: 100%;
  max-width: 3600px;
  padding: 0;
}
#hero.et_pb_section{
  padding:0;
}

#hero .et_pb_container{
  height: 25rem; /* Height of Slide */
}
#hero h2, .et_pb_slide_content { /* Add shadow to text on Hero*/ 
  text-shadow: 2px 2px 5px black;
}

#hero::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  /* background: black; */
  opacity: 0.7;
  z-index: 0 !important;
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
  min-height: 225px;
}

.et_pb_slide_content p a {
  color: #333;
  background-color: #eee;
  min-width: 60%;
}

.et_pb_slide_content p a:last-child {
  color: #eee;
  background-color:#712F7A;
}


/* ============ CAUSE SECTION =================*/

#cause .et_pb_text_inner {
  text-align: center
}

#cause img {
  border-radius: 4px;  /* Rounded border */
  padding: 5px;        /* Some padding */
  box-shadow: 1px 2px 10px #333; /* Gray border */  
}

#cause h4 {
  padding-top: 30px; /* Padding */
}

#cause .et_pb_button_module_wrapper a {
  color: white;
  width: 100%;
  text-align: center;
  background-color: #037DBE
}

#cause .et_pb_button_module_wrapper a:hover {
  color: #037DBE;
  background-color: #EBE1DB
}



/* ============ COUNTER SECTION =================*/

#counters {
  background-color: #EBE1DB
}

#counters .percent p .percent-value {
  color: #037DBE;
  font-weight: 500;
}




/* ============INDEXES SECTION =================*/
#indexes .percent p .percent-sign::after{
  content: "K";
  color: #037DBE;
}




/* ============FEATURES SECTION =================*/

#features {
  background-color: #eee
}

#features .et_pb_blurb_description, .et_pb_team_member_description div {
  text-align: justify;
  text-justify: inter-word;
}

#features .et_pb_blurb .et_pb_image_wrap {
  border: 2px solid black;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: white
}

#features .et_pb_main_blurb_image img {
  width: 30px;
  margin-top: 8px;
}



/* ============ WORK SECTION =================*/
#work h4 span {
  font-size: 2.2rem;
  font-weight: 1.250;
}

#work .et_pb_button_module_wrapper a { 
  width: 100%;
  text-align: center;
  color: white;
  background-color: #712F7A

}
#work .et_pb_button_module_wrapper a:hover {
  color: #712F7A;
  background-color: white;
  border-color: #712F7A;
}

#work .et_pb_module_header {
  color: #037DBE;
  text-align: center;
}

#work img {
  box-shadow: 1px 2px 20px #EBE1DB;
  border-radius: 4px;
}


/* ============ FOOTER SECTION =================*/
#footer {
  background-color: #EBE1DB;
}
#footer > .et_pb_row {
  padding-bottom: 0;
}

#footer .et_pb_text_inner li{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#footer-bottom{
  background-color: #eee
}



/* ============ LARGE SCREEN =================*/
@media screen and (min-width: 992px) {

  #hero .et_pb_slide_content p{
    display: flex;
    justify-content: center;
    gap: 1rem;
  }
	
 .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
  position: relative;
  top: 130px;
  padding-top: 0;
  padding-bottom: 0;
}

  #cause .et_pb_row:last-child  {
    display: flex;
  }
  
  #cause .et_pb_row:last-child .et_pb_column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  #work .et_pb_column:last-child {
      padding-top: 120px;  
  }

  .logo_container::after {
    content: "Indice Genealogico";
    display: inline-block;
    color: #333;
    padding-left: 10px;
  }
  .et_pb_slide_content p a {
    min-width: 20%;
  }
  #features .et_pb_blurb_content {
    display: flex;
    gap:30px;
  }

}