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

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

/*Adding Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');
@import url("https://use.typekit.net/rfg4upm.css");

h1, h2, h4{
  font-family: "Libre Caslon Text", serif;
  font-weight: 700;
  font-style: normal;
}

p{
	font-family: sofia-pro-soft, sans-serif;
	font-weight: 300;
	font-style: normal;
}

h1{
  font-size: 36pt;
}

p{
  font-size: 17pt;
}

/*background colors*/

.et_pb_slide{
  background-color: transparent!important;
}

.et_pb_section{
  background-color: #FFFBF3!important;
}

/*text colors*/

p{
  color: #0A2716!important;
	text-shadow: none;
}

h1, h2{
  color: #442A49!important;
}

/*Section specific text colors*/
#toppage h1{
  color: #0A2716!important;
}

#whatiscryptid h2{
  color:#442A49!important;
}

h4{
	color: #FFAA42;
}

#meetthecryptid p{
  color: #FFFBF3!important;
}

.et_pb_promo.et_pb_promo.et_pb_promo.et_pb_promo{
  background-color: rgb(255 251 243)!important;
  color: #442A49!important;
  opacity: .85;
}

.et_pb_promo h2, .et_pb_promo p{
  color: #442A49!important;
  opacity: 1;
}


/*sections*/
/*navigation*/


#main-header{
  background: transparent;
}

#main-header a{
  text-transform: uppercase;
  color: #0A2716;
}
#main-header a:hover{
  color: #FFAA42;
}

/*top page*/
#toppage{
  margin-top: -80px;
}

@media only screen and (min-width: 1350px) {
  #toppage.et_pb_section {
    padding-top: 30%!important;
    padding-right: 0px;
    padding-bottom: 43%!important;;
    padding-left: 0px;
  }
}

#toppage .et_pb_text_inner{
  width: 50%;
  min-width: 250px;
  
}

#toppage h1{
  line-height: 1.5;
}

#toppage p{
  line-height: 1.2;
}

/*What is a Cryptid*/
@media only screen and (min-width: 1350px) {
  #toppage.et_pb_section {
    padding-top: 20%!important;
    padding-right: 0px;
    padding-bottom: 23%!important;;
    padding-left: 0px;
  }
}

@media only screen and (min-width: 1350px) {
  #whatiscryptid .et_pb_row {
    padding: 27px 0;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
  }
}

#whatiscryptid img{
  max-height: 100%!important;
}

#whatiscryptid .et_pb_slide_content{
  padding-top: 25%;
}
#whatiscryptid h1{
  padding-bottom: 0px!important;
  margin-bottom: -5%!important;
}

#whatiscryptid p{
  line-height: 1.3;
  font-size: 15pt;
}

.et_pb_slide_description{
  padding-top: 0px!important;
}

.et-pb-arrow-prev::before {
  content: "\44";
  color: #442A49!important;
}

.et-pb-arrow-next::before {
  content: "\45";
  color: #442A49!important;
}

/*meet the cryptid*/

@media only screen and (min-width: 1350px) {
  #meetthecryptid.et_pb_section {
    padding: 54px 0;
    padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 450px!important;
    padding-left: 0px;
  }
}

#meetthecryptid .et_pb_row{
  padding-top: 0px!important;
}

#meettitle h4{
  text-align: center;
  color: #FFAA42!important;
  font-size: 36pt;
}
.et_pb_team_member_description{
  text-align: center;
}


/*training process*/
#trainingprocess h1{
  text-align: center;
}
#trainingprocess p{
  margin-top: 17px;
  padding: 0px;
	line-height: 1.2;
}
#trainingprocess .et_pb_row{
padding: 75px 0;
}

#trainingprocess .et_pb_text_inner{
  vertical-align: middle!important;
  padding: 67px 0;
}
.flip .et_pb_column{
  float: right!important;
}

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

@media all and (min-width: 981px){
  .et_pb_row.flip .et_pb_text_inner{
    margin-right: 15%;
    margin-top: -2%;
  }
}

@media all and (min-width: 981px){
  .et_pb_row.flip img{
   margin-left: 40px
  }
}

@media all and (min-width: 981px){
  .unflip .et_pb_text_inner{
   margin-left: 35%;
  }
}

@media all and (min-width: 981px){
  .unflip img{
   margin-left: 30%;
  }
}

#trainingprocess img, #whatiscryptid img{
  border-radius: 30px;
}

/*call to action*/

@media only screen and (min-width: 1350px) {
  #volunteer.et_pb_section {
    padding: 54px 0;
    padding-top: 600px;
    padding-bottom: 100px;
  }
}

#volunteer .et_pb_module{
  padding: 100px 0px!important;
	border-radius: 30pt;
}

.et_pb_promo_description{
  padding-bottom: 150px;
}

.et_pb_button.et_pb_button.et_pb_button.et_pb_button{
  background-color: #FFAA42;
  opacity: 1.0!important;
  color: #FFFBF3;
	border-radius: 15pt;
  margin-right: 52%;
}

.et_pb_promo_description{
  text-align: left;
  padding-left: 10%
}

#volunteer h2{
  font-size: 39pt;
  padding-bottom: 15pt;
}

/*Flourishes*/

/*Flourishes*/

#whatiscryptid:before {
  content: url(https://nonprofit.kyleejhenrie.com/wp-content/uploads/2025/04/purple-footprints-background.png);
  position: absolute;
  right: -13%;
  top: -65%;
  transform: scale(.5);
}
#meetthecryptid:after {
  content: url(https://nonprofit.kyleejhenrie.com/wp-content/uploads/2025/04/green-footprints-right.png);
  position: absolute;
  right: -13%;
 bottom: -35%;
  transform: scale(.7);
  z-index: 1;
}

#trainingprocess:after {
  content: url(https://nonprofit.kyleejhenrie.com/wp-content/uploads/2025/04/green-footprints-left.png);
  position: absolute;
  left: -20%;
 top: 10%;
  transform: scale(.5);
}

#trainingprocess:before {
  content: url(https://nonprofit.kyleejhenrie.com/wp-content/uploads/2025/04/Background-timeline-min.png);
  position: absolute;
  left: 30%;
 top: -80%;
  transform: scale(.3);
}

/*mobile view*/
@media only screen and (max-width: 980px) {
  .et_header_style_split #main-header .mobile_nav {
    display: none;
  }
}
@media only screen and (max-width: 980px) {
  #logo{
   margin-right: 100px;
  }
}

@media only screen and (max-width: 980px){
  #mobile_menu_bar{
    color: #0A2716;
  }
}

@media only screen and (max-width: 980px) {
  #toppage{
   margin-top: -50%;
   padding-top: 50%;
   padding-bottom: 80%;
  }
}

@media only screen and (max-width: 980px) {
  #toppage h1{
    min-width: 270px!important;
  }
}

@media only screen and (max-width: 980px) {
  #whatiscryptid:before {
  content: url(https://nonprofit.kyleejhenrie.com/wp-content/uploads/2025/04/purple-footprints-background.png);
  position: absolute;
  right: -150%;
  top: -65%;
  transform: scale(.5);
}
}

@media only screen and (max-width: 980px){
  #whatiscryptid{
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 980px){
  #treedivider {
    margin-right: -50%;
    margin-left: -50%;
    padding-top: 0;
  }
}

@media only screen and (max-width: 980px){
  #meetthecryptid{
    padding-bottom: 130%
  }
}

@media only screen and (max-width: 980px){
  #trainingprocess, #trainingprocess .et_pb_row{
    padding-top: 0px;
  }
}

@media only screen and (max-width: 980px){
#meetthecryptid:after {
  content: url(https://nonprofit.kyleejhenrie.com/wp-content/uploads/2025/04/green-footprints-right.png);
  position: absolute;
  right: -140%;
 bottom: -13%;
  transform: scale(.7);
  z-index: 1;
}
}

@media only screen and (max-width: 980px){
#trainingprocess:after {
  content: url(https://nonprofit.kyleejhenrie.com/wp-content/uploads/2025/04/green-footprints-left.png);
  display: none;
}
}

@media only screen and (max-width: 1500px){
  #trainingprocess:before {
  content: url(https://nonprofit.kyleejhenrie.com/wp-content/uploads/2025/04/Background-timeline-min.png);
  display: none!important;
}
}

/*footer*/

#main-footer{
  background: #442A49;
}

#main-footer p{
  color: #FFFBF3!important;
}

#footer-widgets{
  width: 400%;
  padding-bottom: 0;
}

#footer-widgets a:hover{
  color: #FFAA42;
}