/*
Theme Name: Itty Bitty Divi
Version: 1.0
Description: A child theme of Divi
Author: megan
Template: Divi
*/

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

@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

h1,h2,h3,h4,h5,h6 {
  font-family: "Arvo", serif;
  font-weight: 400;
  font-style: normal;
}

.et_pb_section {
  padding: 10px 0px!important;
}

#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{
  color: #07162E
}

.et_mobile_menu{
  border-top: 10px solid #07162E;
}
#mobile_menu a:hover{
  background-color: #07162E;
  opacity: 1!important;
  color: white;
}
.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: 2em;
  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: 200px;
  padding: 100px 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: 0px
}

.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;
  margin-top: 10px;
  display: block;
}

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

.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 all and (max-width: 980px){
  .et_pb_fullwidth_section h2, .et_pb_fullwidth_section p{
    text-align: left;
  }
}

.et_pb_slider_fullwidth_off .et_pb_slide_description{
  background: #07162E;
  padding: 11px;
  opacity: 0.7!important;
}

/*Locking in*/

.et_pb_slider_fullwidth_off .et_pb_slide_description{
  background: #07162E;
  padding: 11px;
  opacity: 0.7!important;
  margin-top: 200px
}