/*
Theme Name: Astra Child - ThEliaProject
Theme URI: https://www.theliaproject.it/
Description: Tema figlio di Astra per ThEliaProject: pagina 404 personalizzata con pulsanti di navigazione, più gli stili di footer e header del sito.
Author: Elia Castagna
Author URI: https://www.theliaproject.it/
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: astra-child-theliaproject
*/

/* =========================================================
   FOOTER
   ========================================================= */
#colophon a{color:#cbd0d8}
#colophon a:hover{color:#e60d0d}
#colophon .site-primary-footer-wrap,#colophon .site-below-footer-wrap{background:#000000}
#colophon .footer-widget-area,#colophon .footer-widget-area p{color:#aab0ba;line-height:1.75}
#colophon h4{color:#ffffff;margin-bottom:.55rem;letter-spacing:.3px}
#colophon .site-below-footer-wrap{border-top:1px solid rgba(255,255,255,.08)}
#colophon .ast-footer-copyright,#colophon .ast-footer-copyright *{color:#828a94}
#colophon .site-primary-footer-wrap,#colophon .site-below-footer-wrap{padding-left:6%;padding-right:6%}
#colophon .ast-builder-social-element{justify-content:flex-start}
#colophon .footer-widget-area{text-align:left}

/* Icone social allineate a sinistra come il testo */
.ast-footer-social-1-wrap .footer-social-inner-wrap{text-align:left}

/* =========================================================
   HEADER
   ========================================================= */
/* Logo e scritta restano bianchi anche in hover */
.ast-site-identity .site-title a:hover{color:#ffffff}

/* La scritta del sito non va mai a capo: si stringe il menù, non il logo */
.site-title,
.site-title a{white-space:nowrap}
@media (min-width:922px){
.site-header-primary-section-left .ast-site-identity,
#masthead .site-header-primary-section-left,
#masthead .site-header-primary-section-right{flex-shrink:0}
#masthead .ast-builder-grid-row.ast-grid-center-col-layout{grid-template-columns:auto minmax(0,1fr) auto}
#masthead .site-header-primary-section-center{min-width:0}
#masthead .main-header-menu{flex-wrap:nowrap}
}
@media (min-width:922px) and (max-width:1100px){
#masthead .main-header-menu > .menu-item > .menu-link{padding-left:10px;padding-right:10px}
}

/* =========================================================
   PAGINA 404
   ========================================================= */
.error404 #content > .ast-container{max-width:100%;padding-left:0;padding-right:0}
.error404 .tep-404-wrap{margin:0;padding:0;width:100%;max-width:100%;background:transparent;box-shadow:none;border:0}

.tep-404{position:relative;overflow:hidden;background:#000;color:#fff;padding:clamp(64px,9vw,120px) 6% clamp(72px,10vw,130px)}
.tep-404::before{content:"404";position:absolute;right:3%;top:50%;transform:translateY(-50%);font-size:clamp(8rem,24vw,20rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:rgba(230,13,13,.12);pointer-events:none;user-select:none}
.tep-404__inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}

.tep-404__eyebrow{margin:0 0 14px;color:#e60d0d;font-size:.78rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.tep-404__title{margin:0 0 18px;color:#fff;font-size:clamp(1.9rem,4.6vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.5px}
.tep-404__text{margin:0 0 34px;max-width:640px;color:#aab0ba;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.7}

.tep-404__actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 44px}
.tep-404__btn{display:inline-block;padding:15px 30px;border-radius:4px;font-size:1rem;font-weight:500;line-height:1;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.tep-404__btn--primary{background:#e60d0d;color:#fff;border:1px solid #e60d0d}
.tep-404__btn--primary:hover,.tep-404__btn--primary:focus{background:#b70a0a;border-color:#b70a0a;color:#fff}
.tep-404__btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.tep-404__btn--ghost:hover,.tep-404__btn--ghost:focus{border-color:#e60d0d;color:#e60d0d}

.tep-404__search{max-width:520px}
.tep-404__search-label{margin:0 0 12px;color:#7d848e;font-size:.9rem}
.tep-404 .search-form{display:flex;align-items:stretch;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);transition:border-color .2s ease}
.tep-404 .search-form:focus-within{border-color:#e60d0d}
.tep-404 .search-form label{flex:1;margin:0;display:flex}
.tep-404 .search-field{flex:1;width:100%;background:transparent;border:0;box-shadow:none;color:#fff;padding:16px 18px;font-size:1rem;border-radius:0}
.tep-404 .search-field::placeholder{color:#7d848e}
.tep-404 .search-field:focus{background:transparent;border:0;box-shadow:none;outline:0;color:#fff}
.tep-404 .search-submit{background:#e60d0d;border:0;color:#fff;padding:0 26px;cursor:pointer;border-radius:0;transition:background .2s ease}
.tep-404 .search-submit:hover{background:#b70a0a}
.tep-404 .search-submit .ast-icon svg{fill:#fff;width:18px;height:18px}

@media (max-width:544px){
.tep-404::before{font-size:12rem;right:-1rem;top:auto;bottom:-2rem;transform:none}
.tep-404__actions{flex-direction:column;align-items:stretch}
.tep-404__btn{text-align:center}
.tep-404__search{max-width:100%}
}