/*

Theme Name: Kanda Holding Page Template



Author: Kanda Consulting



Description: WordPress theme, for a holding page website, designed and built by Kanda Consulting.



Version: 1.0



*/



:root{



    --primary-font:"din-condensed", sans-serif;

  

    --secondary-font:"din-condensed", sans-serif;

    --text-colour:#ffffff;



    --primary-color:#3b5645;;

    --secondary-color:#ffa32f;



}
/* font-family: "din-condensed", sans-serif;
font-weight: 300;
font-style: normal; */


html{

    height:100%;

}



body {

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-position: center center;

    background-size:cover;

    height:100vh;

    background-color:var(--primary-color);

    width:100%;
    display: flex;
    flex-direction: column;
    
    

}
.illustration{
  position: absolute;
  right:0;
  left:auto;
 
}
@media screen and (max-width:1080px){
  .illustration{
    display: none;
  }
}
strong, b{

  font-family:var(--primary-font);
  font-weight:400;
}

p, ul li, ol li {

    font-family: var(--primary-font);

    color: white;

    font-weight:300;

    font-size:18px;



}

a{
    color:#323131;
    text-decoration: underline;
  
}
a:hover{
    color:#323131;
  
}
h1, h2, h3, h4, h5, h6 {

   

  font-family: var(--primary-font);

    font-weight: 700;



}



h1 {

    font-size: 54px;

    

    color: white;

}



h2 {

    font-size: 48px;

}



h3 {

    font-size: 36px;
    line-height:44px;
  margin-bottom:30px;
  font-weight:400;
}



h4 {

    font-size: 32px;

}



h5 {

    font-size: 26px;

}



h6 {

    font-size: 22px;

}



@media screen and (max-width:1200px)

{

  h1 {

      font-size: 55px;

  }

}





@media screen and (max-width:991px) {



    h1 {

        font-size: 46px;

    }

    

    h2 {

        font-size: 38px;

    }

    

    h3 {

        font-size: 24px;
        line-height:29px;
        margin-bottom:30px;

    }

    

    h4 {

        font-size: 26px;

    }

    

    h5 {

        font-size: 22px;

    }

    

    h6 {

        font-size: 20px;

    }



}



ul li {

    list-style-type: disc;

}







ol li {

    list-style-type: decimal;

}







ul li, ol li {

    list-style-position: inside!important;

}





/* general classes */





.clearfix {

    clear:both;

}



.full_width_image {

  width:100%;

}



/* Header */


header{
  text-align: center;
}
.logo {

    margin-top:30px;
 
    
}



.logo img {

    max-width: 130px;
    margin:auto;

}


.page_heading img{
  /* padding-top:6rem; */
 
  max-width: 150px;
}
.social_media_icons {

    float:right;

    margin-top:65px;

}



.social_media_icons a {

    text-decoration: none;

  }



.social_media_icons a div {

    display: inline;

    margin: 6px;

  }





  @media screen and (max-width:600px) {



    .logo, .social_media_icons {

        float:none;

        margin:auto;

        text-align: center;

    }



    header {

        margin-top:35px;

    }



  }





  /* main content */



  .main_content_container {

    text-align: center;
    max-width:830px;
    margin:auto;
    padding-top:3.8rem;
   /* margin-bottom:40px;
  margin-top:auto;
      display: flex;
      justify-content: center;
    
    flex-direction: column; */

  }

  .container{
    padding-left:12px;
    padding-right:12px;
  }


  .main_content {

    margin-top:35px;

  }

  



  @media screen and (max-width:600px) {

    .main_content_container {

        top:200px;

        /* padding-bottom:200px; */

    }

  }



  /* content text block */



.content_text_block h1, .content_text_block h1, .content_text_block h3, .content_text_block h4, .content_text_block h5,

.content_text_block h6 {

  color:#fff;

}

.content_text_block h6 {

  margin-top:15px;
  margin-bottom:15px;

}
.content_text_block h6 a {

  border-radius:10px;
  color:white;
  padding:10px 20px;
  background-color: #009A52;
  font-size:22px;
  line-height:32px;
 

}
.content_text_block h6 a:hover {

 
  background-color: #A83C7A;

  color:white;
}

@media  screen and (max-width:768px) {
  .content_text_block h6 a{
    padding:10px;
    font-size:18px;
    line-height:26px;
  }
}
  .content_text_block a {

    color:#fff;

    font-weight: bold;

    text-decoration: underline;

  }



  .content_text_block a:hover {

    color:#009A52;

    text-decoration: underline;

  }





/* privacy info */



.privacy_info_content {

    margin-top:25px;

}





/* gravity forms */



.gform_wrapper.gravity-theme .gfield_required{

  color:#ff937c !important;

}

.grecaptcha-badge {

  z-index: 100;

}

.gform_wrapper.gravity-theme input[type=email]{

  max-width:500px !important;

  padding:10px !important;

  border-radius:6px;

}

/* Hides Gravity Forms spinner on form submit */



body img.gform_ajax_spinner {

	display: none !important;

}



.gform_button {

    display: inline-block;

    margin: auto;

    margin-bottom: auto;

    border: 0px;

    padding: 13px 25px;

    border-radius: 6px;

    background-color: var(--secondary-color);

    display: inline-block;

    font-family: var(--primary-font);

   

    color:white;

    transition: 0.5s ease-out;

}



.gform_button:hover {

    background-color:#009A52;

}



.gform_title, .gform_validation_errors {

    display:none;

  }

  

  .gfield_validation_message {

    border:0px!important;

    padding:0px!important;

    margin-top:15px!important;

    background-color:transparent!important;

  }



  .gfield--type-captcha label {

    display:none!important;

  }

  

  

  /* mailing list */





  #gform_submit_button_2 {

    text-align: left;

  }



  #validation_message_2_1 {

    font-weight: bold;

  }



  #gform_confirmation_message_2 {

    font-family: var(--primary-font);

    margin-top:15px;

    margin-bottom:15px;

    color:#fff;

    font-weight: bold;

  }



  #field_2_1 label {

    color:#fff!important;
    font-family:var(--secondary-font);

  }

  

.footer-banner{
  background-color: var(--secondary-color);
  color:var(--primary-color);
  padding-left:20px;
  padding-top:10px;
  /* margin-top:auto; */
  margin-bottom:38px;
 
  
}
.footer_information p{
  font-size:16px;
}
footer p{
  color:#323131;
  font-size:20px;
}

.footer-logo img{
  max-width:280px;
}

.footer_image img{
  max-width:350px;
  width:100%;
  position: absolute;
  right:30px;
  margin-top:-35px;
  
}

@media screen and (max-width:1200px){
  .footer_image img{
    position: relative;
    margin-top:inherit;
    right:0;
    
  }
}

@media screen and (max-width:768px){
  .footer-banner{
    padding-left:0;
    padding-bottom:50px;
  }
}