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

.pinhole-header{
	position: relative;
    margin-bottom: 20px;
    width: 100%;
}
.slot-l, .slot-r {
    position: absolute;
    z-index: 1001;
    display: table;
    top: 28px;
}
.slot-l{
	left:20px;
}
.slot-r{
	right:20px;
}
.slot-c {
    margin: 20px auto 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
    display: table;
}

.slot-c,
.slot-l,
.slot-r {
    height: 100%;
}

.slot-c > div,
.slot-c > nav,
.slot-c > ul,
.slot-l > div,
.slot-l > nav,
.slot-l > ul,
.slot-r > div,
.slot-r > nav,
.slot-r > ul {
    display: table-cell;
    vertical-align: middle;
}
.slot-c>div, .slot-c>nav, .slot-c>ul{
    width: auto;
    display: block;
}
.slot-c .pinhole-site-branding + .pinhole-nav,
.slot-c .pinhole-nav + .pinhole-site-branding{
    margin: 27px 0 0px;
}
.slot-c .pinhole-nav + .pinhole-site-branding{
    margin-bottom: 20px;
}
.slot-r .pinhole-nav > li:last-child{
	margin-right: 0;
}
.site-title{
	margin:0;
    display: block;
}
.site-title a{
	line-height: 1;
}
.slot-r > ul,
.slot-l > ul{
    padding:0;
}

/* Header top */
.pinhole-header-top{
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0;
    .slot-l {
        left: 20px;
    }
    .slot-r {
        right: 20px;
    }
}

.pinhole-header-3 .pinhole-logo{
    max-height: 40px;
}

.slot-l.pinhole-header-3  {
    top: 20px;
}
 .pinhole-header-3 .h1{
    line-height: 42px;
 }


.pinhole-header-sticky{
    transform: translate3d(0,-70px,0);
    top: 0;
    border-bottom:1px solid;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 900;
    height: 70px;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
.pinhole-header-sticky-on .pinhole-header-sticky{
        transform: translate3d(0,0,0);
}
.pinhole-header-sticky .slot-c .pinhole-site-branding{
    display: none;
}
.pinhole-header-sticky .slot-l, .pinhole-header-sticky .slot-r{
    top: 0;
}
.pinhole-header-sticky .slot-c{
    margin-top: 17px;
}
.pinhole-header-sticky .pinhole-action-sidebar{
    display: inline-block;
}
.pinhole-header-sticky .slot-c .pinhole-site-branding+.pinhole-nav{
    margin-top: 0;
}

.pinhole-logo{
    opacity: 0;
}

.pinhole-header-1 + .pinhole-section .row .section-header:first-child{
    margin-top: -20px;
}
.pinhole-header.pinhole-header-1 .row,
.pinhole-header.pinhole-header-2 .row{
    .slot-l,
    .slot-r{
        display:block;
        height: auto;
    }
}
.pinhole-header.pinhole-header-3 .row .slot-r{
    top: 13px;
}
.pinhole-header.pinhole-header-3 .row .slot-l.pinhole-header-3 {
    top: 10px;
}

.slot-r .pinhole-mobile-visible {
    display: none;
}