/*
Theme Name:     Children are the future
Description:    Child theme for Uplift
Author:         Mark
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

@import url('https://fonts.googleapis.com/css?family=Arvo');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

p{
font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5,h6{
  font-family: 'Arvo', serif;
}



.et_pb_section{
padding: 0px;
}


/*Mobile Menu*/
#top-menu a:link, #top-menu a:visited, #et_top_search, .mobile_menu_bar{
border-top: 10px solid transparent;
}

#top-menu a:hover{
  border-top: 10px solid #07162E;
  opacity: 1!important; 
}

.mobile_menu_bar::before, #et_top_search{
  color: #07162E;
}

.et_mobile_menu{
border-top: 10px solid #07162E;
}

#mobile_menu a:hover{
background-color: #07162E;
opacity: 1!important;
color: white;
}



/*Slider*/

.et_pb_fullwidth_section .et_pd_slider .et_pd_slide{
text-align: left;
} 

.et_pb_fullwidth_section h2, .et_pb_fullwidth_section p{
text-shadow: 2px 2px 5px black;
text-align: left;
}

.et_pb_fullwidth_section .et_pd_slider .et_pd_slide h2{
font-size: 2em;
margin-bottom: .5em;
margin-top: .5em;
text-transform: capitalize;
}

.et_pb_slide_description{
padding: 16% 0px;
text-align:center;
}

.et_pb_fullwidth_section .et_pb_slide{
padding: 0px;
}

.et_pb_fullwidth_section .et_pb_slide_content{
width: 40%;
min-width: 250px;
}

.et_pb_slide_description{
padding: 0px;
 
}

.et_pb_fullwidth_section .et_pb_slide .et_pb_container{
  
  min-height: 200px!important;
  padding: 90px 0px;
}



.et_pb_text{
  text-align: left;
  line-height: 1.3em;
  font-size: 1.1em;
  padding: 20px;
}

/*text boxes*/

.et_pb_text h2{
  font-weight: bold;
  text-transform: capitalize;
}

.author{
  font-weight: normal;
  font-size: .7em;
  display: block;
  margin-top: 10px;
}
.dark_box{
  background: #07162E;
  color: white;
}

.dark_box h2{
color: white;
}

/*buttons*/

.button, .button:visited{
  border: 1px solid #07162E;
  color: #07162E;
  padding: 5px 10px;
  font-weight: bold;
  font-size: .8em;
  display: inline-block;
  margin-top: 10px;
  transition: .5s;
}

.button:hover{
  background: #07162E;
  color: white;
  padding: 5px 20px;
}

.button:active{
  text-decoration: underline;
}


.dark_box .button{
  background: #07162E;
  border: 1px solid white;
  color: white;
}

.dark_box .button:hover{
  background: white;
  color: #07162E;
}



.et_pb_slide_1 .et_pb_slide_content{
  display: none;
  background: #07162E;
  padding: 10px 20px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin-left: -42px;
  margin-right: -42px;  
}