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

#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;
    font-family:'proxima';
}

body:has(#landing-gallery) {
    overflow:hidden;
}

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

h1#logo {
    font-family:'proxima_bold';
    font-size:40px;
    margin:0;
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%, -50%);
    z-index:2;
    cursor:default;
    transition: top 1s;
}

.loaded h1#logo {
    top:64px;
}

h1#logo.static-title {
    top:64px;
    transition:none;
}

#loadbar-wrapper {
    position:fixed;
    top:50%; left:50%;
    margin-top:32px;
    transform:translate(-50%, -50%);
    height:6px;
    width:146px;
    transition: opacity 2s, top 1s;
}

#loadbar {
    height:100%; background-color:black;
    width:0;
    /* transition: width 1s; */
}

.loaded #loadbar-wrapper {
    opacity:0; top:100%;
}

/*? in construction page */

h1:not(#logo) {
    font-weight:lighter;
    font-family:'proxima_light';
    font-size:1.5em;
}

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

/** LANDING GALLERY */

#landing-gallery {
    position:absolute;
    top:128px; left:0; bottom:64px; right:0;
    overflow:hidden;
    user-select:none;
    opacity:0;
    transition: opacity 1.5s 0.75s linear;
}

.loaded #landing-gallery {
    opacity:1;
    cursor:grab;
}

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

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

.landing-gallery-element {
    position:absolute;
    background-color:white;
    width:100%; height:100%;
    top:0;
    left:-100%;
    box-sizing:border-box;
    padding:0 16px;
    display:flex; flex-direction:column;
}

.landing-gallery-element .img-wrapper {
    height:100%;
    overflow:hidden;
}

.landing-gallery-element img {
    width:100%; height:100%;
    object-fit:contain;
}

.landing-gallery-element.nozoom img {
    object-fit:scale-down;
}

.landing-gallery-element.fullscreen img {
    object-fit:cover;
}

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

.landing-gallery-element .lge-caption {
    /* background-color:white; */
    min-height:128px;
    display:flex; flex-direction:column; justify-content:center;
}

.landing-gallery-element .lge-caption p {
    text-align:center;
    max-width:1000px;
    margin-left:auto; margin-right:auto;
    opacity:0;
    
}

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

.landing-gallery-element.current .lge-caption p {
    transition: opacity 0.75s linear;
    opacity:1;
}

#landing-gallery:has(.animated) .landing-gallery-element.current .lge-caption p {
    opacity:0;
    transition: opacity var(--lg-transition-duration);
}

.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;
}

/** LEGAL */

#legal-contents {
    margin-top:128px;
    max-width:550px;
    margin-left:auto; margin-right:auto;
    padding:0 16px;
}

/** FOOTER */

footer {
    position:absolute;
    width:100%;
    bottom:0; left:0;
    height:64px;
    text-align:center;
    font-size:0.8em;
    /* overflow:hidden; */
    transition: opacity 0.5s 0.5s, margin-top 0.5s;
}

body:not(.loaded) footer {
    opacity:0;
    margin-top:64px;
}

footer nav {
    height:100%;
}

footer ul {
    margin:0; padding:0;
    height:100%;
    display:flex;
    list-style-type:none;
    justify-content:center;
    align-items:center;
    /* gap:16px; */
}

footer li {
    display:flex;
    flex-direction:column;
    justify-content:center;
}

footer li:has(img) {
    margin:0 8px;
}

footer a img {
    height:22px;
    display:block;
    transition:transform 0.1s;
}

footer a:hover img {
    transform:scale(1.1);
}

footer li#legal {
    position:absolute;
    top:0; right:16px;
    height:100%;
}

footer li#legal a {
    text-decoration:none;
    color:inherit;
}

footer li#legal a:hover {
    text-decoration:underline;
}

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