/*
Theme Name: little divi
Version: 1.0
Description: A child theme of Divi
Author: ruthest2005
Template: Divi 3
*/

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

@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&display=swap');
h1,h2,h3,h4,h5,h6{
font-family: 'Arvo', serif;
}
.et_pb_section {
padding: 0px 0px;
}
#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;
}
/*Moblie View*/
.mobile_menu_bar::before{
color: #07162e !important;
}
.et_mobile_menu{
border-top: 10px solid #07162e !important;
}
#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: 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_slide_description {
padding: 0px;
}
.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: 68%;
max-width: 1080px;
margin: auto;
}
/*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;
}
.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 Queryt fixes*/
@media all and (max-width: 980px){
.et_pb_fullwidth_section h2, .et_pb_fullwidth_section p{
text-align: left;
}
}