/*--------------------------------------------------------------
   Menus
--------------------------------------------------------------*/
.vlog-site-header{

    .vlog-menu{
        text-align: center;
        display: inline-block;
    }
    .vlog-main-nav{
        display: inline-block;
        vertical-align: middle;
        opacity: 0;
    }
    .vlog-main-nav > li {
        float: left;
        position: relative;
    }
    .vlog-main-nav li a{
        line-height: 2;
    }
    .vlog-main-nav > li > a{
        padding: 10px 15px;
        float: left;
        position: relative;
        z-index: 1001;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .vlog-main-nav li li{
        position: relative;
        padding: 0 15px;
        float: left;
        width: 100%;
    }

    .sub-menu{
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        visibility:hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        padding: 12px 0 1px;
        min-width: 200px;
        text-align: left;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
 
    }
    .sub-menu{
         -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;     
    }
    .vlog-main-nav .sub-menu li,
    .sub-menu a{
         -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;          
    }
    .vlog-main-nav li .sub-menu a{
        font-size: 12px;
        float: left;
        width: 100%;
        line-height: 19px;
        padding-bottom: 13px;
    }
     .vlog-main-nav .sub-menu li:hover{
        padding-left: 20px;
        padding-right: 10px;
     }

    .vlog-main-nav li:hover > .sub-menu{
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        visibility:visible;
    }

    .site-description{
        font-size: 12px;
        line-height: 20px;
        display: block;
    }
    .vlog-main-navigation{
        display: inline-block;
        vertical-align: top;
    }
}

.vlog-actions-menu{
    display: inline-block;
    position: relative;
}
.vlog-actions-button{
    display: inline-block;
	position: relative;
}
.vlog-actions-menu .vlog-menu > li{
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.vlog-actions-button > span{
    padding: 15px;
    font-size: 22px;
    z-index: 1001;
    line-height: 1;
    float: left;
    position: relative;
         -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;   
}
.vlog-actions-button:hover{
    cursor: pointer;
}
.vlog-header-bottom .vlog-actions-button>span,
.vlog-header-bottom .vlog-actions-button>a{
    padding: 19px 16px 17px;   
}
.vlog-header-bottom .vlog-watch-later-count,
.vlog-header-bottom .vlog-listen-later-count{
    top: 11px;
}

.vlog-header-bottom .vlog-cart-icon a{
    padding: 20px 16px 14px;
}



.vlog-main-nav .sub-menu .sub-menu{
    left: 100%;
    top: 0;
    margin-left: 0;
    margin-top: -12px;
}
.vlog-mega-menu .sub-menu,
.vlog-actions-menu .sub-menu{
    width: 300px;
    padding: 20px;
    z-index: 1000;
    right: 0;
    left: auto;
}
.vlog-mega-menu .sub-menu{
    right: auto;
    left: 0;
}
.vlog-mega-menu .sub-menu .vlog-menu-posts{
    padding: 0;
    margin: 0;
}

.vlog-mega-menu .vlog-menu-posts .vlog-lay-h{
    padding: 0;
}
.vlog-site-header .vlog-main-nav .vlog-mega-menu .sub-menu a{
    font-size: inherit;
    line-height: inherit;
    padding-bottom: 0;
}
.vlog-site-header .vlog-main-nav .vlog-mega-menu .sub-menu li:hover{
    padding: 0;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}
.vlog-mega-menu .vlog-lay-h:last-child{
    margin-bottom: 0;
}
.vlog-actions-button.vlog-social-icons .sub-menu{
    width: 200px;
}
.vlog-actions-button.vlog-social-icons .sub-menu li a{
    display: flex;
    align-items: center;
}
.vlog-actions-button:hover .sub-menu{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
}
.vlog-watch-later-count, .vlog-listen-later-count{
    border-radius: 50%;
    display: inline-block;
    color: #FFF;
    text-align: center;
    font-size: 8px;
    min-width: 18px;
    height: 18px;
    line-height: 8px;
    padding: 5px 0;
    margin-right: 1px;
    position: absolute;
    top: 8px;
    right: 7px;   
}
.vlog-watch-later p:last-child,
.vlog-listen-later p:last-child{
    margin-bottom: 0;
}
.vlog-actions-button.vlog-social-icons,
.vlog-actions-button.vlog-watch-later,
.vlog-actions-button.vlog-listen-later{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; 
}
.vlog-responsive-header .vlog-actions-button.vlog-watch-later:hover,
.vlog-responsive-header .vlog-actions-button.vlog-listen-later:hover{
    box-shadow: none;
}
.vlog-actions-button.vlog-social-icons:hover,
.vlog-actions-button.vlog-watch-later:hover,
.vlog-actions-button.vlog-listen-later:hover,
.vlog-actions-button.vlog-action-search.active,
.vlog-responsive-header .vlog-actions-button.vlog-watch-later.active,
.vlog-responsive-header .vlog-actions-button.vlog-listen-later.active{
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.vlog-actions-button.vlog-action-search:hover span{
    background: 0 0;
}


/*Slots and margins*/
.vlog-top-bar{
    .vlog-slot-c{
        ul > li{
            margin-left: 5px;
            margin-right: 5px;
        }
    }
    .vlog-slot-l{
        ul > li{
            margin-right: 10px;
        }
    }
    .vlog-slot-r{
        ul > li{
            margin-left: 10px;
        }
    }
}


/*Top bar menus*/
.vlog-top-bar{
    ul > li{
        display: inline-block;
        vertical-align: top;
        position: relative;
    }
    .sub-menu > li{
        padding-right: 15px;
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }
    .sub-menu > li:hover{
        padding-right: 10px;
        padding-left: 5px;
    }
    ul ul{
        display: none;
        position: absolute;
        top: 100%;
        left: -15px;
        z-index: 1002;
        padding: 10px 0 8px 15px;
        min-width: 150px;
        text-align: left;
        box-shadow: 0 0 10px rgba(0,0,0,0.15)
    }
    ul li:hover > ul{
        display: block;
    }
    ul ul li{
        display: block;
    }
    ul ul li a{
        margin: 0;
        display: block;
        float: left;
        width: 100%;
        padding: 0;
    }
    ul li a{
        font-size: 10px;
        line-height: 18px;
        padding: 12px 0;
        float: left;
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        letter-spacing: 1px;
    }
    .vlog-soc-menu li a{
        padding: 12px 0;
        height: 50px;
        width: 15px;
    }
    .vlog-site-date{
        font-size: 10px;
        line-height: 20px;
        padding: 12px 0;
        letter-spacing: 1px;
    }
    ul.sub-menu > li{
        float: left;
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
        &:last-child{
            margin-bottom: 0;
        }
    }
    .sub-menu a{
        line-height: 17px;
        padding-bottom: 3px;
    }
    .sub-menu .sub-menu {
        left: 100%;
        top: -10px;
    }
}

/*Social Menu*/

.vlog-soc-menu a:before {
    font-family: "FontAwesome";
    text-decoration: none;
    line-height: 26px;
}
.vlog-soc-menu a[href*="patreon.com"]::before{
    text-decoration: none;
    line-height: 26px;    
}
.vlog-soc-menu li a {
    position: relative;
    text-decoration: none;
    display: block;
    text-align: center;
}

.header-top .vlog-soc-menu a:hover {
    color: #FFF;
}

.vlog-social-name {
    opacity: 0;
    display: none;
    font-size: 12px;
}
.vlog-soc-menu li a:before{
    font-size: 13px;
}

.vlog-soc-menu a[href*="/feed"]::before,
.vlog-soc-menu a[href*="/rss"]::before,
.vlog-soc-menu a[href*="feedburner"]::before {
    content: "\f09e";
}

.vlog-soc-menu a[href*="@"]::before {
    content: "\f0e0";
}

.vlog-soc-menu a[href*="codepen."]::before {
    content: "\f1cb";
}

.vlog-soc-menu a[href*="digg."]::before {
    content: "\f1a6";
}

.vlog-soc-menu a[href*="dribbble."]::before {
    content: "\f17d";
}

.vlog-soc-menu a[href*="dropbox."]::before {
    content: "\f16b";
}

.vlog-soc-menu a[href*="facebook."]::before {
    content: "\f09a";
}

.vlog-soc-menu a[href*="flickr."]::before {
    content: "\f16e";
}

.vlog-soc-menu a[href*="foursquare."]::before {
    content: "\f180";
}

.vlog-soc-menu a[href*="google."]::before {
    content: "\f0d5";
}

.vlog-soc-menu a[href*="github."]::before {
    content: "\f09b";
}

.vlog-soc-menu a[href*="instagram."]::before {
    content: "\f16d";
}

.vlog-soc-menu a[href*="linkedin."]::before {
    content: "\f0e1";
}

.vlog-soc-menu a[href*="last.fm"]::before {
    content: "\f202";
}

.vlog-soc-menu a[href*="pinterest."]::before {
    content: "\f0d2";
}

.vlog-soc-menu a[href*="reddit."]::before {
    content: "\f1a1";
}

.vlog-soc-menu a[href*="soundcloud."]::before {
    content: "\f1be";
}

.vlog-soc-menu a[href*="spotify."]::before {
    content: "\f1bc";
}

.vlog-soc-menu a[href*="stumbleupon."]::before {
    content: "\f1a4";
}

.vlog-soc-menu a[href*="tumblr."]::before {
    content: "\f173";
}

.vlog-soc-menu a[href*="twitter."]::before {
    content: "\f099";
}
.vlog-soc-menu a[href*="twitch."]::before {
    content: "\f1e8";
}
.vlog-soc-menu a[href*="vimeo."]::before {
    content: "\f194";
}

.vlog-soc-menu a[href*="vine."]::before {
    content: "\f1ca";
}

.vlog-soc-menu a[href*="vk."]::before {
    content: "\f189";
}

.vlog-soc-menu a[href*="wordpress."]::before {
    content: "\f19a";
}

.vlog-soc-menu a[href*="xing."]::before {
    content: "\f168";
}

.vlog-soc-menu a[href*="youtube."]::before {
    content: "\f16a";
}

.vlog-soc-menu a[href*="medium."]::before {
    content: "\f23a";
}

.vlog-soc-menu a[href*="buysellads."]::before {
    content: "\f20d";
}

.vlog-soc-menu a[href*="behance."]::before {
    content: "\f1b4";
}

.vlog-soc-menu a[href*="slack."]::before {
    content: "\f198";
}

.vlog-soc-menu a[href*="weibo."]::before {
    content: "\f18a";
}

.vlog-soc-menu a[href*="snapchat."]::before {
    content: "\f2ac ";
}
.vlog-soc-menu a[href*="500px."]::before {
    content: "\f26e";
}
.vlog-soc-menu a[href*="amazon."]::before {
    content: "\f270";
}
.vlog-soc-menu a[href*="mixcloud."]::before {
    content: "\f289";
}
.vlog-soc-menu a[href*="ok.ru"]::before {
    content: "\f263";
}

.vlog-soc-menu a[href*="patreon."]::before {
    content: "\71";
}
.vlog-soc-menu a[href*="”telegram."]::before,
.vlog-soc-menu a[href*="t.me"]::before {
    content: "\f2c6";
}


.vlog-mailto{
    background-color: #95a5a6; 
}

.vlog-whatsapp{
    background-color: #25d366;
}

.vlog-actions-button .vlog-soc-menu li a[href*="/feed"]:before,
.vlog-actions-button  .vlog-soc-menu li a[href*="/rss"]:before {
    background-color: #FA9B39;
}

.vlog-actions-button .vlog-soc-menu li a[href*="@"]:before {
    background-color: #AAA;
}

.vlog-actions-button .vlog-soc-menu li a[href*="codepen."]:before {
    background-color: #fff;
}

.vlog-actions-button .vlog-soc-menu li a[href*="digg."]:before {
    background-color: #fff;
}

.vlog-actions-button .vlog-soc-menu li a[href*="dribbble."]:before {
    background-color: #ea4c89;
}

.vlog-actions-button .vlog-soc-menu li a[href*="dropbox."]:before {
    background-color: #007ee5;
}

.vlog-actions-button .vlog-soc-menu li a[href*="facebook."]:before,
.vlog-facebook {
    background-color: #3b5998;
}

.vlog-actions-button .vlog-soc-menu li a[href*="flickr."]:before {
    background-color: #ff0084;
}

.vlog-actions-button .vlog-soc-menu li a[href*="foursquare."]:before {
    background-color: #0732a2;
}

.vlog-actions-button .vlog-soc-menu li a[href*="google."]:before,
.vlog-gplus {
    background-color: #dd4b39;
}

.vlog-actions-button .vlog-soc-menu li a[href*="github."]:before {
    background-color: #4183c4;
}

.vlog-actions-button .vlog-soc-menu li a[href*="instagram."]:before {
    background-color: #3f729b;
}

.vlog-actions-button .vlog-soc-menu li a[href*="linkedin."]:before,
.vlog-linkedin {
    background-color: #0e76a8;
}

.vlog-actions-button .vlog-soc-menu li a[href*="last.fm"]:before {
    background-color: #e31b23;
}

.vlog-actions-button .vlog-soc-menu li a[href*="pinterest."]:before,
.vlog-pinterest {
    background-color: #c8232c;
}

.vlog-actions-button .vlog-soc-menu li a[href*="reddit."]:before,
.vlog-reddit {
    background-color: #336699;
}

.vlog-actions-button .vlog-soc-menu li a[href*="soundcloud."]:before {
    background-color: #f50;
}

.vlog-actions-button .vlog-soc-menu li a[href*="spotify."]:before {
    background-color: #81b900;
}

.vlog-actions-button .vlog-soc-menu li a[href*="stumbleupon."]:before,
.vlog-stumbleupon {
    background-color: #ff2618;
}

.vlog-actions-button .vlog-soc-menu li a[href*="tumblr."]:before {
    background-color: #34526f;
}

.vlog-actions-button .vlog-soc-menu li a[href*="twitter."]:before,
.vlog-twitter {
    background-color: #55acee;
}
.vlog-actions-button .vlog-soc-menu li a[href*="twitch."]:before,
.vlog-twitch {
    background-color: #6441a4;
}

.vlog-actions-button .vlog-soc-menu li a[href*="vimeo."]:before {
    background-color: #1AB7EA;
}

.vlog-actions-button .vlog-soc-menu li a[href*="vine."]:before {
    background-color: #00d9a3;
}

.vlog-actions-button .vlog-soc-menu li a[href*="vk."]:before,
.vlog-vKontakte {
    background-color: #4e729a;
}

.vlog-actions-button .vlog-soc-menu li a[href*="wordpress."]:before{
    background-color: #21759b;
}

.vlog-actions-button .vlog-soc-menu li a[href*="xing."]:before {
    background-color: #026466;
}

.vlog-actions-button .vlog-soc-menu li a[href*="youtube."]:before {
    background-color: #c4302b;
}

.vlog-actions-button .vlog-soc-menu li a[href*="medium."]:before {
    background-color: #57ad68;
}

.vlog-actions-button .vlog-soc-menu li a[href*="buysellads."]:before {
    background-color: #c90100;
}

.vlog-actions-button .vlog-soc-menu li a[href*="behance."]:before {
    background-color: #1769ff;
}

.vlog-actions-button .vlog-soc-menu li a[href*="slack."]:before {
    background-color: #6ecadc;
}

.vlog-actions-button .vlog-soc-menu li a[href*="weibo."]:before {
    background-color: #B53434;
}

.vlog-actions-button .vlog-soc-menu li a[href*="snapchat."]:before {
    background-color: #FFFC00;
}
.vlog-actions-button .vlog-soc-menu li a[href*="500px."]:before {
    background-color: #0099e5;
}
.vlog-actions-button .vlog-soc-menu li a[href*="amazon."]:before {
    background-color: #ff9900;
}
.vlog-actions-button .vlog-soc-menu li a[href*="mixcloud."]:before {
    background-color: #314359;
}
.vlog-actions-button .vlog-soc-menu li a[href*="ok.ru"]:before {
    background-color: #ed812b;
}
.vlog-actions-button .vlog-soc-menu li a[href*="patreon."]:before {
    background-color:#052d49;
}

.vlog-actions-button .vlog-soc-menu li a[href*="telegram."]:before,
.vlog-actions-button .vlog-soc-menu li a[href*="t.me"]:before {
    background-color:#0088cc;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="/feed"]:before,
.vlog-site-header .vlog-actions-social-list .vlog-soc-menu li a[href*="/rss"]:before {
    color: #FA9B39;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="@"]:before {
    color: #AAA;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="codepen."]:before {
    color: #fff;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="digg."]:before {
    color: #fff;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="dribbble."]:before {
    color: #ea4c89;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="dropbox."]:before {
    color: #007ee5;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="facebook."]:before{
    color: #3b5998;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="flickr."]:before {
    color: #ff0084;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="foursquare."]:before {
    color: #0732a2;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="google."]:before {
    color: #dd4b39;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="github."]:before {
    color: #4183c4;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="instagram."]:before {
    color: #3f729b;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="linkedin."]:before {
    color: #0e76a8;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="last.fm"]:before {
    color: #e31b23;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="pinterest."]:before {
    color: #c8232c;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="reddit."]:before {
    color: #336699;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="soundcloud."]:before {
    color: #f50;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="spotify."]:before {
    color: #81b900;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="stumbleupon."]:before {
    color: #ff2618;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="tumblr."]:before {
    color: #34526f;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="twitter."]:before {
    color: #55acee;
}
.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="twitch."]:before {
    color: #6441a4
}


.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="vimeo."]:before {
    color: #1AB7EA;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="vine."]:before {
    color: #00d9a3;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="vk."]:before {
    color: #4e729a;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="wordpress."]:before{
    color: #21759b;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="xing."]:before {
    color: #026466;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="youtube."]:before {
    color: #c4302b;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="medium."]:before {
    color: #57ad68;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="buysellads."]:before {
    color: #c90100;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="behance."]:before {
    color: #1769ff;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="slack."]:before {
    color: #6ecadc;
}

.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="weibo."]:before {
    color: #B53434;
}
.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="500px."]:before {
    color: #0099e5;
}
.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="amazon."]:before {
    color: #ff9900;
}
.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="mixcloud."]:before {
    color: #314359;
}
.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="ok.ru"]:before {
    color: #ed812b;
}
.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="patreon."]:before {
    color: #052d49;
}
.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="telegram."]:before,
.vlog-site-header .vlog-actions-social-list.vlog-soc-menu li:hover a[href*="t.me"]:before {
    color: #0088cc;
}

.vlog-actions-social-list.vlog-soc-menu li a,
.vlog-actions-button .vlog-soc-menu li{
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;    
}
.vlog-actions-button .vlog-soc-menu li:hover{
    padding-left: 5px;
}


/*Search Action*/
.vlog-search-form{
    position: relative;
}
.vlog-action-search .vlog-search-form input[type="text"]{
    background: 0 0;
    height: 52px;
    padding: 0 20px;
    font-size: 14px;
    border-color: transparent;
}
.vlog-action-search .vlog-search-form input[type="text"]:focus{
    border-color: transparent; 
}
.vlog-button-search{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
}
.vlog-action-search.vlog-actions-button:hover .sub-menu{
    opacity: 0;
    visibility: hidden;
}
.vlog-action-search .sub-menu{
    padding: 0;
    width: 250px;
}
.vlog-action-search.active.vlog-actions-button:hover .sub-menu,
.vlog-action-search.active.vlog-actions-button .sub-menu,
.vlog-watch-later.active.vlog-actions-button .sub-menu,
.vlog-listen-later.active.vlog-actions-button .sub-menu{
    opacity: 1;
    visibility: visible;   
}
.vlog-actions-button .vlog-button-search{
    display: none;
}

/*Social Menu Action*/
.vlog-in-popup{
    li{
        margin-bottom: 8px;
        &:last-child{
            margin-bottom: 0;
        }
    }
    li a{
        text-align: left;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;   
    }
    .vlog-social-name{
        opacity: 1;
        display: inline-block;
        vertical-align: top;
    }
    li a:before{
        height: 25px;
        width: 25px;
        display: inline-block;
        margin-right: 8px;
        border-radius: 50%;
        color: #FFF;
        text-align: center;
    }

}
.vlog-actions-search{
    .vlog-search-form{
        margin: 10px 0;
    }
    input[type="text"]{
        width: 210px;
        line-height: 20px;
        font-size: 14px;
        background: 0 0;
    }
    .vlog-button-search{
        width: 50px;
    }
}
.vlog-actions-social-list{
    list-style: none;
}
.vlog-menu{
    > li{
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out; 
    }
    > li.menu-item-has-children:hover{
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .vlog-actions-social-list{
        display: inline-block;
        vertical-align: top;
        li{
            display: inline-block;
            vertical-align: top;
            a{
                padding: 19px 7px 16px;
                font-size: 20px;
                z-index: 1001;
                line-height: 1;
                float: left;
                position: relative;
                &:before{
                    font-size: 18px;
                    line-height: 1;
                }
            }
        }
    }
}
.vlog-menu .vlog-actions-social-list li a{
    padding: 16px 7px 16px;
}
.vlog-header-bottom .vlog-actions-social-list li a{
    padding: 19px 7px 16px;
}


.vlog-header-bottom{
    .vlog-main-nav>li>a{
        padding: 17px 15px;
    }
    .vlog-main-nav li .sub-menu a{
        padding-top: 2px;
        padding-bottom: 13px;
    }
     .sub-menu{

     }
    .vlog-main-nav li:not(.menu-item-has-children):hover > a{
        background: 0 0;
    }
}

.vlog-menu{
    .vlog-button-search{
        width: 45px;
        font-size: 20px;
    }
    .vlog-actions-search input[type=text]{
        border-radius: 20px;
        padding: 10px 40px 10px 15px;
    }
}
.vlog-header-1,
.vlog-header-2,
.vlog-header-3,
.vlog-header-5,
.vlog-header-6,
.vlog-sticky-header{
    .vlog-slot-r .vlog-menu > li.vlog-actions-button:last-child{
        margin-right: -18px;
    }
    .vlog-slot-r .vlog-menu .vlog-actions-social-list li:last-child{
        margin-right: -5px;
    }
}
.vlog-header-3,
.vlog-header-5,
.vlog-header-6{
    .vlog-slot-l .vlog-menu > li:first-child{
        margin-left:-16px;
    }
}
/* MEGA MENU */
.vlog-wl-empty, .vlog-ll-empty{
    text-transform: none;
    font-size: 14px;
    width: 150px;
    line-height: 22px;
    margin: 0 auto;
    position: relative
}
.vlog-small-border:before{
    content:"";
    border-top: 1px solid;
    width: 90px;
    height: 1px;
    margin: 0 auto 18px;
    display: block;
}
.vlog-wl-empty .fv, .vlog-ll-empty .fv {
    display: block;
    font-size: 52px;
    text-align: center;
    clear: both;
    margin: 10px 0;
}
.vlog-wl-empty p, .vlog-ll-empty p {
    margin-bottom: 0;
}
.vlog-small-border{
    padding:18px 0 10px;
}

.vlog-menu-posts .vlog-lay-h{
    width: 100%;
    margin-bottom: 18px;
   .entry-header {
        margin-top: 0;
    }
}
.vlog-menu-posts .vlog-lay-h:last-child{
    margin-bottom: 0;
}
.sub-menu .vlog-menu-posts{
    margin: 0 -18px;
}
.vlog-wl-action .vlog-button{
    width: 100%;
}
.vlog-wl-action{
    clear: both;
    border-top: 1px solid;
    padding-top: 18px;
}

/* Sticky header */
.vlog-sticky-header .vlog-slot-l{
    height: 60px;
    display: table;
    .vlog-site-branding{
        display: table-cell;
        vertical-align: middle;
    }
}

.vlog-responsive-header .vlog-action-search,
.vlog-responsive-header .vlog-watch-later,
.vlog-responsive-header .vlog-listen-later{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999;
    height: 50px;
    max-width: 50px;
    width: auto;
}
.vlog-responsive-header .vlog-actions-button:nth-child(2){
    right: 50px;
}
.vlog-responsive-header .vlog-actions-button:nth-child(3){
    right: 100px;
}

.vlog-responsive-header .vlog-actions-button:first-child{
    right: 0;
}

.vlog-responsive-header .vlog-watch-later.active.vlog-actions-button:nth-child(2) .sub-menu{
    right: -50px
}
.vlog-responsive-header .vlog-watch-later.active.vlog-actions-button:nth-child(3) .sub-menu{
    right: -100px
}




.vlog-responsive-header .vlog-actions-button>span{
    float: right;
    z-index: 99999;
    padding: 13px 15px;
}
.vlog-responsive-header .vlog-action-search .sub-menu,
.vlog-responsive-header .vlog-watch-later .sub-menu,
.vlog-responsive-header .vlog-listen-later .sub-menu{
    width: auto;
    opacity: 0;
    visibility: hidden;
}

.vlog-responsive-header .vlog-action-search.active.vlog-actions-button .sub-menu,
.vlog-responsive-header .vlog-watch-later.active.vlog-actions-button .sub-menu,
.vlog-responsive-header .vlog-listen-later.active.vlog-actions-button .sub-menu {
    position: absolute;
    right: 0;
    top: 50px;
    width: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    z-index: 1002;
}
.vlog-responsive-header .active.vlog-actions-button:nth-child(2) .sub-menu{
    right: -50px;
}
.vlog-responsive-header .active.vlog-actions-button:nth-child(3) .sub-menu{
    right: -100px;
}

.vlog-responsive-header .sub-menu .vlog-menu-posts{
    width: 100%;
    max-width: 991px;
    float: left;
    padding: 20px 0!important;
    margin: 0;
}
.vlog-responsive-header .dl-menu.dl-subview li > .sub-menu{
    padding: 0 !important;
    width: 100% !important;
}
.vlog-responsive-header .col-sm-5{
    width: 29%;
}
.vlog-responsive-header .col-sm-7{
    width: 71%;
}
.vlog-responsive-header .entry-header a,
.vlog-responsive-header .entry-image a{
    padding: 0;
    margin: 0;
    width: 100%;
}
.vlog-responsive-header .entry-image img{
    width: 100%;
}
.vlog-responsive-header .vlog-menu-posts .vlog-lay-h{
    width: 50%;
    padding: 0 18px;
}
.vlog-responsive-header .vlog-mega-menu .sub-menu{
    padding: 0;
}
.vlog-responsive-header .vlog-actions-button.vlog-action-search:hover span{
    color: inherit;
}
.vlog-responsive-header .vlog-action-search .vlog-search-form input[type=text],
.vlog-responsive-header .vlog-action-search .vlog-search-form input[type=text]:focus{
    font-size: 16px;
}
.vlog-social-icons li{list-style: none;}

.vlog-remove-wl,
.vlog-remove-ll{
    position: absolute;
    right: 2px;
    top: 0;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 23px;
    font-size: 11px;
    padding: 0;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.vlog-menu-posts .row:hover .vlog-remove-wl, 
.vlog-menu-posts .row:hover .vlog-remove-ll{
    opacity: 1;
    margin: 0 5px 0 0;
}
.vlog-menu-posts .no-left-padding{
    position: static;
}

.vlog-main-nav > li > .sub-menu .sub-menu.vlog-rev{
    left: initial;
    right: 100%;        
}
.vlog-main-nav li .vlog-rev{
    left: auto;
    right: 0;    
}
.vlog-main-nav li .sub-menu .vlog-rev{
    left: auto;
    right: 100%;    
}

.vlog-main-nav li:last-child .sub-menu .sub-menu,
.vlog-main-nav li:nth-last-child(-n+2) .sub-menu .sub-menu{display: none;}
.vlog-site-header .vlog-main-nav li:last-child .sub-menu li:hover .sub-menu,
.vlog-site-header .vlog-main-nav li:nth-last-child(-n+2) .sub-menu li:hover .sub-menu{display: block;}

.vlog-site-header .sub-menu .sub-menu{
  -webkit-transition: opacity .15s ease-in-out;
     -moz-transition: opacity .15s ease-in-out;
      -ms-transition: opacity .15s ease-in-out;
       -o-transition: opacity .15s ease-in-out;
          transition: opacity .15s ease-in-out;
}
.vlog-responsive-header .vlog-actions-button.active:only-child .sub-menu{
    right: 0;
}

.vlog-action-search span,
.vlog-watch-later span{
    cursor: pointer;
}

/* Login/Logout form */

.vlog-actions-menu .vlog-action-login {
    &:hover {
        cursor: auto;
    }
    .fv-close:before {
        content: "\6b";
    }
    .sub-menu {
        padding: 20px;
        text-transform: initial;
        p {
            margin: 0 0 12px;
        }
        a {
            display: block;
            line-height: 1;
            img {
                float: left;
                margin-right: 10px;
                margin-bottom: 0;
            }
        }
        .btn-logout {
            display: inline;
            color: #fff;
            font-size: 12px;
            padding: 11px 21px;
        }
        .vlog-username {
            margin-bottom: 15px;
        }
    }
}

#vlog-menu-item-more{
    display: none;
}