/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/*body {
    -webkit-animation: scroll-effect 1s linear 7s both;
    animation:  scroll-effect 1s linear 7s both;
}
#header-text{
    -webkit-animation: text-effect 5s linear 1s both;
        animation: text-effect 5s linear 1s both;
}
.landing-section .header-content img {
    margin-top:-100px;
     -webkit-animation: image-logo 1s linear 4s both;
        animation: image-logo 1s linear 4s both;
}
.landing-section{
    -webkit-animation: landing-section-effect 7s linear 1s both;
    animation:  landing-section-effect 7s linear 1s both;
}



@-webkit-keyframes text-effect {
    0%{opacity: 0;margin-top:-200px;color:white}
    1%{opacity: 1;margin-top:-200px;color:white}
    50%{opacity: 1;margin-top:-200px;color:white}
    75%{opacity: 1;margin-top:-200px;color:white}
   100%{color:#333333;}
}

@-webkit-keyframes landing-section-effect {
    0%{background-color:#333333;}
    50%{background-color:#333333;}
    75%{background-color:#333333;}
    100% {background-color:white;}
}

@-webkit-keyframes image-logo {
    0%{opacity: 0;}
    50%{opacity: 0;}
    75%{opacity: 0;}
    100%{opacity: 1;}
}*/

body {
    -webkit-animation: scroll-effect 1s linear 7s both;
    animation:  scroll-effect 1s linear 7s both;
}
#header-text{
    overflow:hidden;
    white-space: nowrap;
    margin:0 auto;
    -webkit-animation: text-effect 5s linear .05s both;
        animation: text-effect 5s linear .05s both;
}
.landing-section .header-content img {
    margin-top:-100px;
     -webkit-animation: image-logo 1s linear 4s both;
        animation: image-logo 1s linear 4s both;
}
.landing-section{
    -webkit-animation: landing-section-effect 7s linear 1s both;
    animation:  landing-section-effect 7s linear 1s both;
}



@-webkit-keyframes text-effect {
    0%{opacity: 0;width:0%;margin-top:-200px;color:white}
    60%{opacity: 1;width:60%;margin-top:-200px;color:white}
    75%{opacity: 1;width:80%;margin-top:-200px;color:white}
   100%{opacity: 1;color:#333333;width:100%}
}

@-webkit-keyframes landing-section-effect {
    0%{background-color:#333333;}
    50%{background-color:#333333;}
    100% {background-color:white;}
}

@-webkit-keyframes image-logo {
    0%{opacity: 0;}
    50%{opacity: 0;}
    75%{opacity: 0;}
    100%{opacity: 1;}
}



/*scroll effect*/
@keyframes scroll-effect {
    0% {overflow-y: hidden;}
    100% {overflow-y: auto;}
}
@-moz-keyframes scroll-effect {
    0% {overflow-y: hidden;}
    100% {overflow-y: auto;}
}
@-webkit-keyframes scroll-effect {
    0% {overflow-y: hidden;}
    100% {overflow-y: auto;}
}

@-o-keyframes scroll-effect {
    0% {overflow-y: hidden;}
    100% {overflow-y: auto;}
}
@-ms-keyframes scroll-effect {
    0% {overflow-y: hidden;}
    100% {overflow-y: auto;}
}



.cust-full-screen{
    height:100vh;
}
.cust-blog .et_pb_post div.post-content a.more-link{
    background:#333333;
color:white;
padding:5px;
border-radius:5px
}
.cust-blog .et_pb_post div.post-content a.more-link:hover{
    background:#797979;
}
/* Newsletter form customization*/
.cust-newsletter-btn-container{
    float:right;margin-top:-60px;
}
.cust-newsletter-btn{
    padding:14px;
    border:2px solid white;
    background:white;
    cursor: pointer;
}
.cust-newsletter-btn:hover{
    padding:14px;
    border:2px solid black;
    background:black;
    color:white
}
.cust-newsletter-input{
    background:transparent !important;
    border:2px solid white !important;
    color:white !important;
}
.cust-newsletter-input::-webkit-input-placeholder{
    color:white !important;
}
.cust-newsletter-input::-moz-placeholder{
    color:white !important;
}
.cust-newsletter-input:-ms-input-placeholder{
    color:white !important;
}
.cust-newsletter-input:-moz-placeholder{
    color:white !important;
}
hr{
    width: 15% !important; 
    margin-bottom: 20px !important;
    height:2px !important;
    background-color:#333333 !important;
    border:none !important;

}

@media only screen and (min-width:1600px) 
{
    #logo{
        margin-left:-220px;
    }
    #et-top-navigation{
        margin-right:-220px;
    }

    #our-vision-fullscreen .header-content{
        margin: 220px 0px 0px 480px !important;
    }
    /*#our-purpose-fullscreen .header-content{
        margin: 20px 0px 50px 20px !important;
        margin: 20px 0px 50px -280px !important;
    }*/
}
@media only screen and (max-width:1600px) 
{
    #our-vision-fullscreen .header-content{
        margin: 220px 0px 0px 350px !important;
    }
   /* #our-purpose-fullscreen .header-content{
        margin: 20px 0px 50px 20px !important;
        margin: 20px 0px 60px -280px !important;
    }*/
}
@media only screen and (max-width:1000px) 
{
    #our-vision-fullscreen .header-content{
        margin: 20px auto !important;
    }
     /*#our-purpose-fullscreen .header-content{
       margin: 20px 0px 50px 20px !important;
        margin: 20px auto !important;
    }*/
}