Vai al contenuto/* =====================================================
HEADER — XING JING SHAOLIN
===================================================== */
/* Header fisso durante lo scorrimento */
header.wp-block-template-part {
position: sticky;
top: 0;
z-index: 9999;
background: rgba(250, 250, 247, 0.96);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(40, 35, 25, 0.08);
box-shadow: 0 3px 18px rgba(40, 35, 25, 0.05);
}
/* Contenitore interno */
.xing-header {
max-width: 1400px;
margin: 0 auto;
padding: 12px 4%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
/* =====================================================
LOGO
===================================================== */
.xing-header .wp-block-site-logo img {
max-height: 65px;
width: auto;
transition: transform 0.25s ease;
}
.xing-header .wp-block-site-logo img:hover {
transform: scale(1.04);
}
/* =====================================================
NOME DELLA SCUOLA
===================================================== */
.xing-header .wp-block-site-title {
margin: 0;
}
.xing-header .wp-block-site-title a {
color: #1D1D1B;
font-size: 1.15rem;
font-weight: 600;
letter-spacing: 0.02em;
text-decoration: none;
}
/* =====================================================
MENU
===================================================== */
.xing-header .wp-block-navigation {
font-size: 0.95rem;
font-weight: 500;
}
.xing-header .wp-block-navigation-item__content {
color: #1D1D1B;
text-decoration: none;
padding: 8px 4px;
position: relative;
transition: color 0.25s ease;
}
/* Colore al passaggio */
.xing-header .wp-block-navigation-item__content:hover {
color: #B9904B;
}
/* Linea ocra sotto la voce */
.xing-header .wp-block-navigation-item__content::after {
content: “”;
position: absolute;
left: 50%;
bottom: 0;
width: 0;
height: 2px;
background: #B9904B;
transform: translateX(-50%);
transition: width 0.25s ease;
}
.xing-header .wp-block-navigation-item__content:hover::after {
width: 100%;
}
/* =====================================================
SOTTOMENU
===================================================== */
.xing-header .wp-block-navigation__submenu-container {
background: #FAFAF7 !important;
border: 1px solid rgba(40, 35, 25, 0.08) !important;
border-radius: 10px;
padding: 8px !important;
box-shadow:
0 10px 30px rgba(40, 35, 25, 0.10);
}
/* =====================================================
PULSANTE “PROVA GRATUITA”
===================================================== */
/*
Al blocco pulsante dell’header assegna:
xing-header-button
*/
.xing-header-button .wp-block-button__link {
background: #B9904B !important;
color: #FFFFFF !important;
padding: 11px 20px;
border-radius: 7px;
font-size: 0.9rem;
font-weight: 600;
white-space: nowrap;
box-shadow:
0 4px 12px rgba(100, 75, 35, 0.15);
transition:
background 0.25s ease,
transform 0.25s ease,
box-shadow 0.25s ease;
}
.xing-header-button .wp-block-button__link:hover {
background: #98743A !important;
transform: translateY(-2px);
box-shadow:
0 7px 18px rgba(100, 75, 35, 0.20);
}
/* =====================================================
MOBILE
===================================================== */
@media (max-width: 781px) {
.xing-header {
padding: 8px 18px;
gap: 12px;
}
.xing-header .wp-block-site-logo img {
max-height: 50px;
}
.xing-header .wp-block-site-title a {
font-size: 0.95rem;
}
/* Nasconde il pulsante prova nell’header mobile
per lasciare spazio al menu hamburger */
.xing-header-button {
display: none;
}
}
/* =====================================================
MENU MOBILE
===================================================== */
.wp-block-navigation__responsive-container.is-menu-open {
background: #FAFAF7 !important;
color: #1D1D1B !important;
padding: 30px !important;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content {
font-size: 1.15rem;
padding: 10px 0;
}
Home