/*
Theme Name: YogiFood
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: aaa
Author URI: http://www.aaa.aa
Template: enfold
*/



/*Add your own styles here:*/

div .logo{
    display: none;
}
/*
#logos{
    height: 150px;
    padding: 5px;
}
#logos .col{
    display: inline-block;
    margin-right: 20px;
    height: 150px;
}
#logos .col a{
    display: inline-block;
    border-radius: 50%;
    overflow: visible;
    width: auto;
    height: 140px;
    transition: 0.2s all;
    padding:5px;
}

#logos .col a:hover{
    box-shadow: 0 0 10px 2px #fff;
    padding:0px;

}

#logos img{
    height: 100%;
    width: auto;
    display: block;
}

*/

#header{
    background-color: rgba(255,255,255,.3);
}

#top #nav_menu-2{
    padding: 0;
}
#top #menu-logo-menu li{
    display: inline-block;
    line-height: 1;
    padding:5px;
}
#top #menu-logo-menu li.current_page_item{
    background-color: transparent;
}
#top .menu-logo-menu-container{
    height: 150px;
}
#top #menu-logo-menu li a{
    display: inline-block;
    border-radius: 50%;
    overflow: visible;
    width: auto;
    transition: 0.2s all;
    padding:0px;
}
#top #menu-logo-menu li.current_page_item a,
#top #menu-logo-menu li a:hover{
    box-shadow: 0 0 10px 2px #fff;
    /*padding:0px;*/
}
#top #menu-logo-menu li a img{
    max-height: 140px;
    padding: 0;
}
#top #menu-logo-menu li a span{
    display: none;
}
#top .subheader h1,
#top .subheader .av-subheading{
    text-shadow: 0 0 6px #000;;
}
.avia-icon-list.av-iconlist-big .iconlist_icon {
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 22px;
    margin-right: 4px;
    background-color: #eee;
    border: 1px solid #e6e6e6;
}
.avia-icon-list.av-iconlist-big .av-iconlist-empty .iconlist_title {
    margin-top: 7px;
}
.avia-icon-list.av-iconlist-big .iconlist_icon img[is-svg-img=true],
.avia-icon-list.av-iconlist-big .iconlist_icon svg:first-child {
    margin-top: 8px;
}
#top .numbered-list .avia-icon-list article.article-icon-entry{
    position: absolute;
    top: 0;
    z-index: 6;
}
#top .numbered-list .avia-icon-list header{
    display: inline-block;
    width: 36px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    padding-left: 5px;
    vertical-align: middle;
    color: #f4b055;
}
#top .numbered-list .avia-icon-list header h4{
    color: #f4b055;
    font-size: 26px; 
    line-height: 28px;
}
#top .numbered-list .avia-icon-list:not(.av-iconlist-small) .iconlist_icon svg:first-child{
    display: none;
}
#top .numbered-list .avia-icon-list .iconlist_content{
    display: inline-block;
    line-height: 1em;
    margin-left: 8px;
    font-size: 14px;
    height: 36px;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
}
#top .numbered-list .avia-icon-list .iconlist_content p{
    margin: 0;
    font-size: 18px;
    line-height: 36px;
    color: #f4b055;
}
#top .av-iconlist-small li {
    padding: 8px 0;
}
#top h2 strong, #top h3 strong{
    background-color: #f4b055;
}


#top .logo-livrare a{
    border-radius: 10px;
}
#top .logo-livrare a:hover{
    box-shadow: 0 0 5px #000;
}

#top .app_bold,
#top .app_bold h2{
    font-weight: bold;
}
#top .app_bold .av-subheading{
    font-weight: normal;
}

#top .check14{
    position: absolute;
    top: 5px;
    left: 7px;
}
#top #wrap_all .offer14 .av-special-heading h6.av-special-heading-tag {
    font-weight: normal;
    line-height: 1.4em;
}
#top .ts025b{
    text-shadow: 0 2px 5px #000;
}

#top .ts225b{
    text-shadow: 2px 2px 5px #000;
}


#top .hts-none h2 strong{
    color:#000;
    text-shadow: none;
}











@media only screen and (max-width: 989px) {
    #top #menu-logo-menu li a,
    #top #menu-logo-menu li a img {
        max-height: 80px;
    }
    #top .menu-logo-menu-container{
        height: 90px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
    .responsive.html_mobile_menu_tablet #top #wrap_all #header {
        position: absolute;
        background-color:rgba(255,255,255,.3);
    }
}
@media only screen and (max-width: 767px) {
    .responsive #top .logo{
            display: none;
        }
        
    #top #menu-logo-menu li.current_page_item a,
    #top #menu-logo-menu li a:hover{
        box-shadow: 0 0 10px 2px #333;
        background-color: #333;
    }
}