/*
Theme Name:     Divi Child
Description:    
Author:         Sebastian
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
.bottommenucustom {
    color: #ffffff !important;
	font-family: Roboto!important;
	font-size: 14px;
}
.bottommenucustom h4 {
    color: #ffffff !important;
	    font-size: 28px;
}
.bottommenucustom a {
    color: #ffffff !important;
	font-size: 14px;
    line-height: 1em;
}
.bottommenucustom a:hover {
    text-decoration: underline;
}
.policy h2 {
    margin-top: 30px;
}
.ds-vertical-align { 
    display: flex!important;
    flex-direction: column!important; 
    justify-content: center!important;
} 
ul#menu-top-menu {
    font-family: 'Roboto';
    text-align: center;
}
#menu-top-menu a:hover {
    opacity: 1!important;
	text-decoration: underline;
}
#footer-info {
	float: none!important;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: Roboto;
	color: #ffffff !important;
}
#footer-info a {
	color: #ffffff !important;
}
#footer-info a:hover {
	color: #2d4157!important;
	opacity: 1!important;
}

#footer-info span {
	color: #98999a!important;
	font-size: 11px!important;
	font-style: normal;
}

#footer-info span a {
	color: #98999a!important;
	font-size: 11px!important;
	font-style: normal;
}

#footer-info span a:hover {
	color: #2d4157!important;
	font-size: 11px!important;
	font-style: normal;
}
.et_pb_portfolio_0 .et_pb_portfolio_item h2 {
    top: 45%!important;
}
#top-menu li {
    padding-right: 40px;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #ffffff; /*** COLOR OF THE LINE ***/
 height: 1px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}
#top-menu .logo_container a:before {
	opacity: 0!important;
}
.mobile_menu_bar:before, .mobile_menu_bar:after {
    color: #ffffff!important;
}
#et_mobile_nav_menu {
    text-transform: uppercase!important;
}
@media (max-width: 980px) {
    .et_header_style_split #logo {
        max-width: 90%;
    }
}
@media only screen and ( max-width: 1400px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}