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

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

/*font*/
  @import url("https://use.typekit.net/nzq6pty.css");
@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

h1,h2{
  font-family: "gambado-sans-forte", sans-serif;
  font-weight: 700;
  font-style: normal;
	color:black;
  font-size:45px;
  text-transform: capitalize;
}

p{
    font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color:black
}

/*introduction paragraph*/
h1{
  text-align: center;
  margin-top: -350px
}

#introduction .et_pb_image:nth-child(1){
  width: 75%
}

#introduction{
  padding-top: 25%;
  background-position: top;
  margin-top: 10%
}

.et_pb_text_inner{
  margin:25px;
}


/*iceburg*/
#ice{
  background-position: top;
  padding-bottom: 500px;
  background-size:98%;
  background-position: 1px;
  margin-bottom: -60px;
  padding-top: 100px

}

#burg{
  background-position: bottom;
  padding-bottom:1400px;
  margin-top: -55px;
  margin-right: 200px;
  background-size: 100%;
  background-position: 1px;
}

#whypenguins{
  text-align: right;
  margin-top: -100px;
  padding-left: 570px;
}

#burg .et_pb_text:first-of-type{
  margin-right:45px;
  text-shadow: 2px 2px 4px #ffff;
}


#burg .et_pb_text:nth-child(2){
   text-align: right;
  margin-left: 150px;
  position: absolute;
  top: 600px;
  text-shadow: 2px 2px 4px #ffff;
}


#iceburg .et_pb_image:nth-child(3){
  margin: 100px;
  position: absolute;
  top: 700px;
  
}


#iceburg .et_pb_image:nth-child(4){
  position: absolute;
  top: 1000px;
  
}

#iceburg .et_pb_image:nth-child(5){
  width: 25%;
  position: absolute;
  top: 700px;
  left: 900px;
  
}



#iceburg, background{
  margin-top: 0px;
}



/*how you can help*/

#howyoucanhelp .et_pb_module:nth-child(2){
 width: 15%;
  float: right;
  margin-left: 200px;
  margin-top: 10px;
  transform: rotate(350deg);
}

#howyoucanhelp .et_pb_module:nth-child(3){
  margin-top: 200px;
  
}



#howyoucanhelp .et_pb_module:nth-child(4){
  width: 20%;
  float: right;
  position: relative;
  right: 50px;
  bottom: 60px;
  transform: rotate(350deg);
  margin: 30px;  
}

#howyoucanhelp .et_pb_module:nth-child(5){
  margin-top: 170px;
  
  
}

#howyoucanhelp .et_pb_module:nth-child(6){
  float: right;
  left: 500px;
  width: 400px;
  
  
}

#howyoucanhelp .et_pb_module:nth-child(7){
  width: 15%;
  float:left;
  transform: rotate(350deg);
  margin-top: 60px;
}

#howyoucanhelpsection{
  margin-bottom: -100px;
  padding-bottom: -100px
}

#howyoucanhelpsection h2{
  margin-bottom: 30px;
}

/*call to action*/

#calltoaction {
  padding: 0px;
}


.cta{
  text-align: center;
}

.cta p{
  text-align: center;
  color: white
}

.cta h2{
  text-align: center;
  color: white
}



/*background*/
#why{
  background-color:#D6EAEC
}

.iceburg{
  background: linear-gradient(to bottom, #B8D7DB, #A8C4C8);
}


#howyoucanhelpsection{
    background: linear-gradient(to bottom, #A8C4C8, #637375)
}

#calltoaction{
    background: linear-gradient(to bottom, #6C7A7C, #637375)
}

/*footer*/
#footer-info{
  color: white
}

#main-footer {
  background-color: #5A5A5A;
}

/*header*/
.et-top-navigation, body{
    font-family: "gambado-sans-forte", sans-serif;
}

#main-header a{
  color: black;
}
#main-header{
  box-shadow: 0 0px 0 rgba(0,0,0,0)!important;
  padding: 20px

}

#logo{
  max-height: 75px;
  margin: -100px
}






/* Media query for screens 480px and smaller */
@media all and (max-width: 480px) {
  
  h1, h2 {
    font-size: 26px;
  }

  p {
    font-size: 10px;
    line-height: 1;
    margin-top: 10px;
    margin-left: 5px;
  }

  h1 {
    text-align: center;
    margin-top: -150px;
  }



  #Introductiontwo, .et_pb_text_inner {
    margin-bottom: -75px;
  }



  #whypenguins {
    text-align: right;
    margin-top: -100px;
    padding-left: 270px;
  }





  #whypenguins .et_pb_text_inner {
    margin-top: -150px;
    margin-left: -150px;
    position: relative;
  }

  #ice {
    background-position: top;
    padding-bottom: 150px;
    background-size: 98%;
    padding-top: 100px;
    background-position: 1px; 
  }
  
#burg{
  background-position: bottom;
  padding-bottom:450px;
  margin-top: -65px;
  margin-right: 40px;
  background-size: 100%;
  background-position: 1px;
}
  
 
  #burg .et_pb_text:nth-child(1){
    text-shadow: 2px 2px 4px #ffff;
    position: relative;
}

  
  .wp-image-23{
  position: absolute;
  top: 20px;
    width: 75%;
}
  

  
  #calltoaction{
    margin-top: 10px;
    padding-bottom: 70px;
  }

  #logo{
  max-height: 55px;
  margin: -10px
}
    
  .et_mobile_menu{
    border-top: 3px solid #45858C;
  }
  
  #et_mobile_nav_menu{
    color: #45858C
  }
  

  
 /*swimming up penguin*/
  #howyoucanhelp .et_pb_module:nth-child(2){
 width: 85%;
  float: right;
  margin-top: 10px;
  transform: rotate(350deg);
    position: relative;
    left: 150px;
}
  




#burg .et_pb_text:nth-child(2){
   text-align: right;
  margin-left: 5px;
  position: absolute;
  top: 300px;
  text-shadow: 2px 2px 4px #ffff;
}
  
  #howyoucanhelp{
    margin-top: -100px
  }
  
  
  /*blue fish*/
  
  #howyoucanhelp .et_pb_module:nth-child(6){
  float: right;
    position: relative;
    top: 60px;
  left: 50px;
  width: 100px;
}
  
  /*top hat swimming penguin*/
  #howyoucanhelp .et_pb_module:nth-child(4){
  width: 20%;
  float: right;
  position: relative;
  right: 50px;
  top: 50px;
  transform: rotate(350deg);
  margin: 30px;
}
  
  /*red fish*/
  #iceburg .et_pb_image:nth-child(5){
  width: 25%;
  position: absolute;
  top: 200px;
  left: 180px;
}
  
    /*swimming down penguin*/

  #iceburg .et_pb_image:nth-child(3){
  margin: 5px;
  position: absolute;
  top: 70px;
    right: 100px;
}
      /*trash*/

  #iceburg .et_pb_image:nth-child(4){
    width: 30%;
  position: absolute;
  top: 200px;
}
  
  /*swimming to the side*/

  #howyoucanhelp .et_pb_module:nth-child(2){
 width: 25%;
  float: right;
    position: relative;
  margin-right: 200px;
  margin-top: 50px;
  transform: rotate(350deg);
  }
	
#introduction .et_pb_image:nth-child(1){
  width: 55%;
position: relative;
  left: 250px;
  bottom: 70px
}
  
  
  #introduction .et_pb_text:nth-child(1){
    position: relative;
    right: 50px;
    top: 10px
}

}