.header-image{position:relative;background-position:center;background-size:cover;min-height:calc(100vh - 64px);padding:2rem 0;}

body.admin-bar .header-image{min-height:calc(100vh - 64px - 32px);}
@media screen and (max-width:782px){
    body.admin-bar .header-image{min-height:calc(100vh - 64px - 46px);}
}
@media screen and (max-width:600px){
    .header-image{min-height:calc(100vh - 56px);}
    body.admin-bar .header-image{min-height:calc(100vh - 56px - 46px);}
}

body.header-nav-transparent .header-image{min-height:100vh;}
body.header-nav-transparent.admin-bar .header-image{min-height:calc(100vh - 32px);}
@media screen and (max-width:782px){
    body.header-nav-transparent.admin-bar .header-image{min-height:calc(100vh - 46px);}
}

body.with-header-image.header-nav-transparent .header-image{margin-top:-64px;padding:64px 0;}
body.with-header-image.header-nav-transparent.header-nav-big .header-image{padding-top:100px}

@media screen and (max-width:600px){
    body.with-header-image.header-nav-transparent .header-image{margin-top:-56px;padding:56px 0;}
    body.with-header-image.header-nav-transparent.header-nav-big .header-image{padding-top:100px}

}

.header-image-caption{padding:1rem;position:relative;}
.header-image-caption h2, .header-image-caption h4{margin:0;}
.header-image .header-image-caption-wrapper{
    position:absolute;
    width:100%;
    height:100%;top:0;left:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}
.header-image .header-image-caption-wrapper:not(.caption-v-center) .header-image-front-page-caption{
    height: 100%;
}

.header-image-caption-wrapper.caption-v-center {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}
.header-image-caption-wrapper.caption-h-center{
    justify-content:center;
}

#amoksys-wp-header-image-button-next{
    position:absolute;
    left:calc(50% - 18px - 0.5rem);
    bottom:1rem;
    margin:0 .5rem;
    display:inline-block;
    text-decoration:none;
    text-align:center;
    letter-spacing:.5px;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
    -webkit-user-select:none;
    cursor:pointer;
    border:1px solid rgba(255,255,255,.1);
    border-radius:2px;
    display:inline-block;
    min-width:36px;
    height:36px;
    line-height:36px;
    text-transform:uppercase;
    vertical-align:middle;
    -webkit-tap-highlight-color:transparent;
    overflow: hidden;
    padding: 0;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    color:rgba(255,255,255,.8);
}

.header-image-caption #amoksys-wp-header-image-button-next{
    left:calc(50% - 18px);
    bottom:0;
    transform:translate3d(0, 50%,0);
}

#amoksys-wp-header-image-button-next:hover{background: rgba(0,0,0,.8);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.2);}
#amoksys-wp-header-image-button-next:focus,
#amoksys-wp-header-image-button-next:active{background: rgba(0,0,0,.9);color:white;border-color:rgba(255,255,255,.4);}
#amoksys-wp-header-image-button-next i{display: block;width: inherit;height: inherit;line-height: inherit;text-align: center;vertical-align: middle;font-size: 24px;}



#header-image-content-video-trigger{color: inherit;margin-top: 1rem;padding: .5rem 1rem;display: inline-block;border: 2px solid rgba(255,255,255,.05);border-radius: 4px;transition: all .3s;}
#header-image-content-video-trigger:hover {border: 2px solid white;background: rgba(0,0,0,.2);}
#header-image-content-video-title{margin:0;}
#header-content-video-modal {z-index: 100001 !important;top: 50% !important;transform: translateY(-50%) !important;}
#header-content-video-modal-wrapper{position: relative;width: 100%;padding-bottom: 56.25%;height: 0;}
#header-content-video-modal-iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}






/* CAROUSEL */
.header-image.header-image-slider #header-image-carousel-slider{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
}

#header-image-carousel-slider .carousel-item{background-position: center;background-size: cover;}
#header-image-carousel-slider .indicators{bottom: 60px;}

#amoksys-wp-header-image-button-next{z-index:1;}
.header-image.header-image-slider .header-image-caption{z-index:1;}