/*
 Theme Name:     divi-child
 Theme URI:      
 Description:    MANFORTE Child Theme
 Author:         MANFORTE
 Author URI:     ac
 Template:       Divi
 Version:        1.0.9.5


/**/

@media only screen and (min-width: 981px){
#main-header .logo_container {
    width: 100% !important;}}
    /*burger icon color */
@media only screen and (max-width: 981px) {
    span.mobile_menu_bar:before {
color: #ffffff!important;
    font-size: 28px;
    padding-top: 10px !important;
}}
@media only screen and (min-width: 981px) {
    span.mobile_menu_bar:before {
color: #ffffff!important;
    font-size: 32px;
}}
/* social icons burger menu*/
@media only screen and (max-width: 980px) {
    .et_mobile_menu li a i {font-size: 40px!important;}

 @media only screen and (max-width: 980px) {
    .et_mobile_menu li a  {font-size: 20px!important;} 

/*info icons header*/
@media only screen and (max-width: 980px) {
    #et-info-phone { display:none !important }
}}
@media only screen and (max-width: 980px) {
    #et-info-email { display:none !important }
}}

@media only screen and (min-width: 981px){
#main-header .logo_container  {
    width: 100%;
}
}
@media only screen and (min-width: 981px){
.et_vertical_nav #et-top-navigation {
    margin-top: 10px !important;
}}
.et_vertical_nav #main-header .container{
width: auto;
    margin: 0 20px;
}
@media only screen and (min-width:992px) {
.et_vertical_nav #page-container #main-header {
margin: 0px !important;
height: 100% !important;
z-index: 9999;
}}
.phone-number {
font-size: 0em !important;
font-weight: 100 !important;
    text-align: center;
}
.address {
font-weight: 10!important;
    text-align: center;
    text-transform: lowercase;

}
@media only screen and (min-width:769px) {#main-header div#et-top-navigation {
height: 100%;
position: static !important;
}
    @media only screen and (min-width:769px){
.et_vertical_nav span.logo_helper {
display: none;
}
        @media only screen and (min-width:769px){
.et_vertical_nav #main-header #logo {
margin-bottom: 0px;
}
            @media only screen and (min-width:769px){
.et_vertical_nav #main-header .container {
margin-left: 5px !important;
margin-right: 5px !important;
height: 100% !important;
text-align: center!important;
}
.et_vertical_nav #main-header #top-menu li {
font-size: 18px!important;
color: #f5ec49!important;
}
.et_vertical_nav #main-header #top-menu a {
font-size: 18px!important;
color: #f5ec49!important;
}
.et_vertical_nav #main-header #top-menu .hours a {
font-size: 12px!important;
color: #ffffff!important;
line-height: 12px;
text-transform: lowercase!important;
}
.et_vertical_nav #main-header #top-menu .address a {
font-size: 10px!important;
color: #ffffff!important;
line-height: 10px;
margin-top: -10px;
}
.et_vertical_nav #main-header #top-menu .phone-number a {
font-size: 12px!important;
color: #ffffff!important;
line-height: 10px;
margin-top: -10px;
}
.facebook, .instagram, .envelope {
padding: 7px 7px 0px 0px;
font-size: 2.0em!important;
color: #ffffff!important;
    
}
.icon-wrapper a {
display: inline-block !important;
padding-left: 0px;
    color:#f5ec49;
}
.directions {
font-size: 10px !important;
font-weight: 20;
padding-top: 0;
text-align: center;
}
.line {
border-top: 1px solid;
color: #f5ec49;
margin: 0px auto auto;
width: 80%;
}
.hours {
color: #ffffff;
font-size: 10px!important;
font-weight: 10;
text-align: center;
text-transform: lowercase;
}
.cta-1 {
margin-top: 5px !important;
font-size: 12px;
font-weight: 100;
text-align: center;
}
.cta-2{
font-size: 12px;
font-weight: 100;
letter-spacing: 0.02em;
text-align: center;
}

#et-secondary-nav li ul, #top-header {
    background-color: #083423;
}

 @media only screen and (max-width:768px) {
.directions, .line, .cta-1, .cta-2, .cta-3 {
display: none !important;
}
 
#main-header #top-menu-nav .nav li {
line-height: 10.5px; } 

/* Increase width of vertical navigation */
@media (min-width: 981px) {
.et_vertical_nav #page-container #main-header{
width:8%;
}

.et_vertical_nav #et-main-area, .et_vertical_nav #top-header{
margin-left:8% !important;
}
}

/* mason */