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

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

@import url('https://fonts.googleapis.com/css2?family=Arvo&display=swap');

h1, h2, h3, h4, h5, h6 {
  font-family: "Arvo", serif;
}
.et_pb_section {
padding: 5px 0px!important;;
}

#top-menu a:link, #top-menu a:visited, #et_top_search, .mobile_menu_bar{
  bolder-top: 10px solid transparent;
}

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

/*Mobile Menu*/

.mobile_menu_bar::before{
  color: #07162e;
}

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

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

/*Top slider*/

.et_pb_fullwidth_section .et_pb_slider .et_pb_slide {
  text-align: left;
}

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

.et_pb_fullwidth_section .et_pb_slider h2{
  font-size: 3em;
  text-transform: capitalize;
  margin-bottom: .25em;
  margin-top: .25em;
}

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

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

.et_pb_fullwidth_section .et_pb_slide{
  padding: 0px;
}

.et_pb_fullwidth_section .et_pb_slide_description{
  width: 80%;
  max-width: 1080px;
  margin: auto;  
  padding: 0;
}

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

.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;
}

/*Button*/

* .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; 
}

/*Media Query Fixes*/
@media all and (max-width: 980px) {
  .et_pb_fullwidth_section h2,
  .et_pb_fullwidth_section p {
    text-align: left;
  }
}