/*--------------------------------------------------------------
   Header
--------------------------------------------------------------*/

.vlog-site-header{
    float: left;
    width: 100%;
}
.vlog-site-content{
    padding-top: 36px;
}
.vlog-header-wrapper{
    position: relative;
    z-index: 8003;
}
.vlog-header-shadow .vlog-header-wrapper,
.vlog-sticky-header{
    box-shadow: 0 0 20px rgba(0,0,0,0.15);    
}

.vlog-top-bar{
    float: left;
    width: 100%;
    height: 44px;
    position: relative;
    z-index: 2000;
    .vlog-slot-l{
        left:18px;
    }
    .vlog-slot-r{
        right:18px;
    }
}

.vlog-slot-l{
	left: 0;
}
.vlog-slot-r{
	right:0;
}
.vlog-slot-l,
.vlog-slot-r{
	position: absolute;
    z-index: 1002;
    display: table;
    top: 0;	
}
.vlog-slot-c {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    z-index: 1000;
     display: table;
}
.vlog-header-middle{
    position: relative;
    .vlog-slot-l,
    .vlog-slot-r,
    .vlog-slot-c{
        height:100%;
        > div,
        > nav, 
        > ul{
            display: table-cell;
            vertical-align: middle;
        }
    }    
}

/*header bottom*/
.vlog-header-bottom{
    float: left;
    width: 100%;
    height: 60px;
    position: relative;
    display: block;
    z-index: 8002;
    .vlog-slot-l{
        left:18px;
    }
    .vlog-slot-r{
        right:18px;
    }
}

/*header type 1*/
.vlog-site-header .container{
    position: relative;
}

.site-title{
    margin-bottom: 0;
    line-height: 1;
    a{
        line-height: 1;
    }
    img{
      vertical-align: middle;
      display: inline-block;
    }
}
.vlog-header-middle .site-title a{
  display: block;
}


/* Sticky header */
.vlog-sticky-header {
  position: fixed;
  -webkit-transform: translate3d(0px, -100px, 0px);
          transform: translate3d(0px, -100px, 0px);
  top: 0;
  left: 0;
  height: 60px;
  max-height: 100px;
  z-index: 9000;
  width: 100%;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.vlog-sticky-header-on .vlog-sticky-header {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.vlog-sticky-header .site-title img{
  max-height: 40px;
}

.vlog-responsive-header{
    height: 50px;
    z-index: 9999;
    width: 100%;
    left: 0;
    transform: translate3d(0,0,0);
    top: 0;
    position: fixed;
    text-align: center;
    background: #FFF; 
    box-shadow: 0 0 20px rgba(0,0,0,.15);

}
.vlog-responsive-header.vlog-res-open{
  height: 100%;
}
.vlog-responsive-header.vlog-res-open .container{
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);
    box-shadow: 0 0 20px rgba(0,0,0,.15);
}

.vlog-slot-r .vlog-ad a{
  float: right;
  margin:0;
}

.vlog-logo-only .site-title, 
.vlog-logo-only .site-title a {
  line-height: 0;
}

.vlog-sticky-header .vlog-logo-only .site-title, 
.vlog-sticky-header .vlog-logo-only .site-title a{
  line-height: 1;
}

@media (min-width: 1271px){
.vlog-boxed .vlog-sticky-header{
    max-width: 1260px;
    left: 50%;
    margin-left: -630px;
}
}
#vlog-menu-item-more{
  margin-right: 10px;
}