/* ==========================================================
   CLARAUS
   EDITORIAL HEADER
========================================================== */

/* ------------------------------------------
   HEADER WRAPPER
------------------------------------------ */

.ct-header {

    background:#fff;

    border-bottom:1px solid #ececec;

    position:sticky;

    top:0;

    z-index:999;

    transition:.3s ease;

}

/* ------------------------------------------
   INNER HEADER
------------------------------------------ */

.ct-header [data-row]{

    min-height:84px;

}

/* ------------------------------------------
   CONTAINER
------------------------------------------ */

.ct-container{

    max-width:1280px;

}

/* ------------------------------------------
   LOGO
------------------------------------------ */

.site-title,

.site-title a,

.custom-logo-link{

    font-size:40px;

    font-weight:800;

    letter-spacing:-.04em;

    color:#111827;

    text-decoration:none;

}

/* ------------------------------------------
   NAVIGATION
------------------------------------------ */

.ct-header nav ul{

    display:flex;

    align-items:center;

    gap:38px;

}

.ct-header nav ul li{

    list-style:none;

}

.ct-header nav ul li a{

    font-size:15px;

    font-weight:700;

    letter-spacing:.06em;

    text-transform:uppercase;

    color:#111827;

    transition:.25s;

}

.ct-header nav ul li a:hover{

    color:#2563eb;

}

/* ------------------------------------------
   SEARCH
------------------------------------------ */

.ct-header .ct-search-toggle{

    color:#111827;

}

.ct-header .ct-search-toggle:hover{

    color:#2563eb;

}

/* ------------------------------------------
   STICKY
------------------------------------------ */

.ct-header.ct-sticky{

    box-shadow:0 12px 40px rgba(15,23,42,.06);

}

/* ------------------------------------------
   MOBILE
------------------------------------------ */

@media (max-width:768px){

    .ct-header [data-row]{

        min-height:72px;

    }

    .site-title,

    .site-title a{

        font-size:34px;

    }

}