/*
Theme Name: Nele Honig
Theme URI: https://nelehonig.de
Author: Nele Honig
Description: Editorial Block Theme
Version: 1.0
Requires at least: 6.6
Text Domain: nelehonig
*/
:root{--bg:#071F3B;--accent:#F3A6A3;--text:#fff;--content:1100px;--wide:1400px;--transition:.3s ease;}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:18px;line-height:1.8;-webkit-font-smoothing:antialiased}
.wp-site-blocks{max-width:var(--wide);margin:auto}
.wp-block-group.is-layout-constrained{max-width:var(--content);margin:auto}
h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--accent);font-weight:300;text-transform:uppercase;letter-spacing:.18em}
h1{font-size:clamp(3.8rem,8vw,6.5rem)}h2{font-size:clamp(2rem,5vw,3.8rem)}h3{font-size:clamp(1.5rem,3vw,2.3rem)}
a{color:var(--accent);text-decoration:none;transition:var(--transition)}a:hover{opacity:.75}
/* ======================================================
   HEADER
====================================================== */

header{

    position:sticky;

    top:0;

    z-index:999;

    background:rgba(7,31,59,.96);

    backdrop-filter:blur(14px);

    transition:.35s ease;

}

header .wp-block-group{

    max-width:1400px;

    margin:auto;

}


/* ======================================================
   LOGO
====================================================== */

.wp-block-site-title{

    margin:0;

    font-family:Outfit,sans-serif;

    font-size:1.35rem;

    font-weight:300;

    letter-spacing:.22em;

    text-transform:uppercase;

}

.wp-block-site-title a{

    color:var(--accent);

}


/* ======================================================
   NAVIGATION
====================================================== */

.wp-block-navigation{

    gap:2.25rem;

}

.wp-block-navigation-item__content{

    color:#fff;

    font-size:.9rem;

    letter-spacing:.14em;

    text-transform:uppercase;

    transition:.3s ease;

}

.wp-block-navigation-item__content:hover{

    color:var(--accent);

}
.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 0}
.wp-block-separator{border:none;height:1px;background:var(--accent);max-width:220px;margin:3rem auto}
.wp-element-button,.wp-block-button__link{background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:0;padding:14px 30px}
.wp-element-button:hover,.wp-block-button__link:hover{background:var(--accent);color:var(--bg)}
img{display:block;width:100%;height:auto}.wp-block-image img{transition:transform .6s}.wp-block-image:hover img{transform:scale(1.03)}
.wp-block-post-content{max-width:760px;margin:auto}
footer{background:var(--bg);border-top:1px solid rgba(243,166,163,.25);padding:8rem 2rem 4rem;text-align:center}
footer h2{letter-spacing:.2em}footer p{line-height:2}
input,textarea{width:100%;background:transparent;color:#fff;border:none;border-bottom:1px solid rgba(243,166,163,.45);padding:1rem 0}
@media(max-width:768px){.wp-site-blocks{padding:0 20px}}