/*
Theme Name: aplomb.
Author: auer404
Description: Custom WP Theme - aplomb. Architecture
*/

:root {
    /* --kf-color: rgb(152,25,20);
    --kf-color-50: rgba(152,25,20,0.5);
    --kf-color-75: rgba(152,25,20,0.75); */
}

/* .grecaptcha-badge { visibility: hidden; } */

#wpadminbar {
    opacity:0;
    transition:opacity 0.35s;
}

body:hover #wpadminbar {
    opacity:0.5;
}

body:hover #wpadminbar:hover {
    opacity:1;
}

html:has(#wpadminbar) {
    margin-top:0 !important;
}

body {
    margin:0;
    /* overflow-x:hidden; */
    font-family:'proxima';
}

body:has(#maintainance-title) {
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

h1 {
    font-weight:lighter;
    font-family:'proxima_light';
    font-size:1.5em;
}

.big {
    font-family:'proxima_bold';
}

/** LANDING GALLERY */

#landing-gallery {
    /* height:100vh;
    position:relative; */
    position:absolute;
    top:32px; left:32px; bottom:32px; right:32px;
    overflow:hidden;
    cursor:grab;
    user-select:none;
}

#landing-gallery:active {
    cursor:grabbing;
}

#landing-gallery.moving , #landing-gallery.moving:active {
    cursor: default;
}

.landing-gallery-element {
    position:absolute;
    width:100%; height:100%;
    top:0;
    left:-100%;
}

.landing-gallery-element img {
    width:100%; height:100%;
    object-fit:cover;
    vertical-align:middle;
}

.landing-gallery-element .lge-mask {
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
}

.landing-gallery-element .lge-caption {
    position:absolute; bottom:0; right:0;
    padding:32px;
}

.landing-gallery-element.current {
    left:0;
}

.landing-gallery-element.ready-prev {
    left:-100%;
}

.landing-gallery-element.ready-next {
    left:100%;
}

.landing-gallery-element.animated {
    transition: left var(--lg-transition-duration) ease-in-out;
}

.landing-gallery-element.in-front {
    z-index:1;
}

#svg-logo {
    height:32px;
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%, -50%);
    z-index:2;
}

.svg-white {
    fill: #fff;
}