/*
Theme Name: Stefano Massoli V9.9 Mobile Menu Fix Content & Portfolio
Theme URI: https://stefanomassoli.com/
Author: Stefano Massoli / OpenAI prototype
Description: Hybrid WordPress portfolio with editable project pages, styled WPForms contact form and compact mobile navigation.
Version: 0.9.9
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: stefano-massoli-v9-9
*/

:root{
  --sm-bg:#0b0c0e;
  --sm-panel:#131518;
  --sm-panel2:#191c20;
  --sm-text:#f2f0eb;
  --sm-muted:#a7a9ac;
  --sm-line:#2b2f34;
  --sm-accent:#d0a14a;
  --sm-max:1280px;
}

html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--sm-bg);
  color:var(--sm-text);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  line-height:1.47;
}
a{text-decoration:none}
.wp-site-blocks{padding:0}
.sm-wrap{max-width:var(--sm-max);margin:0 auto;padding-left:30px;padding-right:30px}
.sm-section{padding-top:108px;padding-bottom:108px}
.sm-dark{background:var(--sm-panel)}
.sm-kicker{
  color:var(--sm-accent)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase;
  margin-bottom:16px!important;
}
.sm-display{
  font-size:clamp(42px,5.2vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
  margin-top:0!important;
}
.sm-muted{color:var(--sm-muted)!important}
.sm-lead{font-size:18px!important;color:var(--sm-muted)!important}

/* header / navigation — V9.4 FIXED */
:root{
  --sm-header-h:68px;
}

.wp-site-blocks{
  padding-top:var(--sm-header-h);
}

.sm-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:1000;
  background:rgba(9,10,12,.96);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 8px 26px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:background .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.admin-bar .sm-header{
  top:32px;
}

.sm-header.is-scrolled{
  background:rgba(7,8,10,.985);
  border-bottom-color:rgba(208,161,74,.34);
  box-shadow:0 10px 32px rgba(0,0,0,.34);
}

.sm-header-inner{
  max-width:var(--sm-max);
  min-height:var(--sm-header-h);
  margin:0 auto;
  padding:10px 30px;
  box-sizing:border-box;
}

.sm-brand-name{
  font-size:16.5px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  margin:0!important;
  line-height:1.05!important;
}
.sm-brand-name a{
  color:var(--sm-text)!important;
  text-decoration:none!important;
}
.sm-brand-name a:hover{color:var(--sm-accent)!important}

.sm-brand-role{
  font-size:9.5px!important;
  color:#9ea1a5!important;
  letter-spacing:.12em!important;
  margin:4px 0 0!important;
  line-height:1.15!important;
}

.sm-nav .wp-block-navigation__container{
  gap:27px!important;
}

.sm-nav .wp-block-navigation-item__content{
  position:relative;
  display:inline-block;
  padding:10px 0 11px!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.005em;
  color:#e3e3e3!important;
  transition:color .2s ease;
}

.sm-nav .wp-block-navigation-item__content::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:3px;
  height:2px;
  background:var(--sm-accent);
  transition:right .22s ease;
}

.sm-nav .wp-block-navigation-item__content:hover,
.sm-nav .wp-block-navigation-item__content.is-active{
  color:var(--sm-accent)!important;
}

.sm-nav .wp-block-navigation-item__content:hover::after,
.sm-nav .wp-block-navigation-item__content.is-active::after{
  right:0;
}

.wp-block-navigation__responsive-container.is-menu-open{
  background:#0b0c0e!important;
  color:#fff!important;
  padding:32px 24px!important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
  font-size:19px!important;
  padding:10px 0!important;
}

/* gli anchor non finiscono sotto l'header fisso */
#home,#aree,#portfolio,#gallery,#av,#bio,#formazione,#contatti{
  scroll-margin-top:calc(var(--sm-header-h) + 18px);
}

/* Back to top */
.sm-back-to-top{
  position:fixed;
  right:26px;
  bottom:26px;
  z-index:120;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(208,161,74,.72);
  border-radius:50%;
  background:rgba(11,12,14,.92);
  color:var(--sm-accent);
  font-size:23px;
  line-height:1;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  box-shadow:0 8px 24px rgba(0,0,0,.32);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:opacity .22s ease, visibility .22s ease, transform .22s ease, background .2s ease, color .2s ease;
}
.sm-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.sm-back-to-top:hover,
.sm-back-to-top:focus-visible{
  background:var(--sm-accent);
  color:#0a0b0d;
  outline:none;
}

/* split hero */
.sm-hero-split{
  width:100%;
  background:#000;
  border-bottom:1px solid var(--sm-line);
  overflow:hidden;
}
.sm-hero-columns{
  margin:0!important;
  gap:0!important;
  min-height:620px;
}
.sm-hero-left{
  flex-basis:48%!important;
  display:flex;
  align-items:center;
  background:#000;
  padding:72px 48px 72px max(30px,calc((100vw - var(--sm-max))/2 + 30px))!important;
  position:relative;
  z-index:3;
}
.sm-hero-copy{max-width:660px}
.sm-hero-title{
  font-size:58px!important;
  line-height:.95!important;
  letter-spacing:-.048em!important;
  font-weight:750!important;
  margin:18px 0 26px!important;
}
.sm-hero-title em{font-style:normal;color:#c8c4bc;font-weight:430}
.sm-hero-text{
  max-width:630px;
  font-size:17px!important;
  color:#d0d0cf!important;
  margin-bottom:28px!important;
}
.sm-buttons{gap:12px!important}
.sm-buttons .wp-block-button__link{
  border-radius:0!important;
  padding:14px 20px!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
}
.sm-buttons .is-style-outline .wp-block-button__link{
  color:#fff!important;
  border-color:#3b4047!important;
}
.sm-hero-right{
  flex-basis:52%!important;
  position:relative;
  min-height:620px;
  overflow:hidden;
  background:#000;
}
.sm-hero-right figure{
  position:absolute;
  inset:0;
  margin:0!important;
}
.sm-hero-right img{
  width:100%!important;
  height:100%!important;
  min-height:620px;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(.92) brightness(.94) contrast(1.03);
}
.sm-hero-right::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 13%,rgba(0,0,0,.14) 25%,rgba(0,0,0,0) 40%);
}

/* 3 areas */
.sm-three{gap:1px!important;background:var(--sm-line);margin-top:38px!important}
.sm-three > .wp-block-column{
  background:var(--sm-bg);
  padding:42px 34px 36px;
  min-height:390px;
}
.sm-num{color:var(--sm-accent)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.1em!important}
.sm-card-title{font-size:34px!important;line-height:1.05!important;letter-spacing:-.035em!important;margin-top:45px!important}
.sm-card-text{color:var(--sm-muted)!important;font-size:15px!important}

/* credits */
.sm-credits{
  background:#0f1113;
  border-top:1px solid var(--sm-line);
  border-bottom:1px solid var(--sm-line);
  padding:24px 0 26px;
}
.sm-credits-list{
  gap:8px 20px!important;
  color:#d2d2d0!important;
  font-size:12px!important;
}

/* statement */
.sm-statement{gap:80px!important;align-items:flex-end!important}
.sm-statement-copy{font-size:17px!important;color:#c4c5c6!important}

/* portfolio */
.sm-work-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important}
.sm-work-card{
  border:1px solid var(--sm-line);
  background:var(--sm-panel);
  overflow:hidden;
}
.sm-work-card.sm-wide{grid-column:1 / -1}
.sm-work-card figure{margin:0!important}
.sm-work-card img{
  width:100%;
  height:300px;
  object-fit:cover;
  filter:saturate(.72) contrast(1.05);
}
.sm-work-card.sm-wide img{height:470px}
.sm-work-body{padding:26px 28px 30px!important}
.sm-work-type{
  color:var(--sm-accent)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  margin:0!important;
}
.sm-work-title{font-size:30px!important;letter-spacing:-.03em!important;margin:9px 0 10px!important}
.sm-work-text{color:var(--sm-muted)!important;margin:0!important}

/* av */
.sm-av-grid{gap:18px!important}
.sm-process{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:1px!important;
  background:var(--sm-line);
}
.sm-process > .wp-block-group{
  background:#0f1113;
  padding:30px 24px 38px;
  min-height:250px;
}
.sm-process h3{font-size:22px!important;margin-top:55px!important}
.sm-process p{font-size:14px!important;color:var(--sm-muted)!important}
.sm-av-aside{
  border:1px solid var(--sm-line);
  background:var(--sm-panel);
}
.sm-av-aside img{width:100%;min-height:350px;object-fit:cover;filter:saturate(.6) contrast(1.06) brightness(.82)}
.sm-av-aside-copy{padding:24px!important}
.sm-av-note{
  margin-top:18px!important;
  padding:24px!important;
  background:var(--sm-panel2);
  border:1px solid var(--sm-line);
}
.sm-tag{
  border:1px solid var(--sm-line);
  padding:8px 10px!important;
  font-size:11px!important;
  color:#d8d8d8!important;
}

/* bio */
.sm-bio{gap:80px!important;align-items:stretch!important}
.sm-bio figure{height:100%;margin:0!important}
.sm-bio img{
  min-height:650px;
  width:100%;
  object-fit:cover;
  filter:grayscale(.8) brightness(.75) contrast(1.06);
}
.sm-bio-big{font-size:28px!important;line-height:1.25!important;color:#efefee!important}
.sm-timeline{border-top:1px solid var(--sm-line)}
.sm-timeline-row{
  display:grid!important;
  grid-template-columns:95px 1fr;
  gap:15px!important;
  padding:15px 0!important;
  border-bottom:1px solid var(--sm-line);
}
.sm-time{color:var(--sm-accent)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important}
.sm-time-text{font-size:13px!important;font-weight:600!important;color:#d7d7d5!important}

/* training */
.sm-training-gallery{gap:8px!important}
.sm-training-gallery img{height:290px;width:100%;object-fit:cover;filter:saturate(.7) brightness(.83) contrast(1.06)}
.sm-training-box{gap:1px!important;background:var(--sm-line);margin-top:18px!important}
.sm-training-box > .wp-block-column{background:var(--sm-bg);padding:32px}
.sm-training-box h3{font-size:20px!important}
.sm-training-box p{font-size:14px!important;color:var(--sm-muted)!important}

/* contact */
.sm-contact{text-align:center}
.sm-contact-title{
  font-size:clamp(42px,5.2vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
  max-width:980px;
  margin:16px auto 25px!important;
}
.sm-social{gap:22px!important;margin-top:35px!important}
.sm-social a{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #555}

/* footer */
.sm-footer{
  border-top:1px solid var(--sm-line);
  padding:22px 30px;
  color:#777;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* editor friendliness */
.editor-styles-wrapper{background:var(--sm-bg);color:var(--sm-text)}


/* =========================================================
   RESPONSIVE — V9.2
   Desktop / laptop / tablet landscape / tablet portrait / phone
   ========================================================= */

/* Laptop e tablet landscape */
@media (max-width: 1180px){
  .sm-wrap{padding-left:24px;padding-right:24px}
  .sm-header-inner{padding-left:24px;padding-right:24px}
  .sm-hero-columns{min-height:580px}
  .sm-hero-left{
    flex-basis:50%!important;
    padding:60px 34px 60px 34px!important;
  }
  .sm-hero-right{flex-basis:50%!important;min-height:580px}
  .sm-hero-right img{min-height:580px}
  .sm-hero-title{font-size:52px!important}
  .sm-hero-text{font-size:16px!important}
  .sm-card-title{font-size:30px!important}
  .sm-three > .wp-block-column{padding:36px 28px 32px;min-height:350px}
  .sm-statement{gap:46px!important}
}

/* Tablet portrait e piccoli laptop */
@media (max-width: 900px){
  .sm-section{padding-top:84px;padding-bottom:84px}
  .sm-display{font-size:clamp(38px,7vw,58px)!important}
  .sm-lead{font-size:17px!important}

  /* Hero a blocchi: testo sopra, foto sotto */
  .sm-hero-columns{
    flex-direction:column!important;
    min-height:auto;
  }
  .sm-hero-left{
    flex-basis:auto!important;
    padding:68px 34px 54px!important;
  }
  .sm-hero-copy{max-width:760px;margin:0 auto}
  .sm-hero-title{font-size:52px!important;max-width:760px}
  .sm-hero-text{max-width:680px}
  .sm-hero-right{
    flex-basis:auto!important;
    min-height:520px;
  }
  .sm-hero-right figure{position:absolute;inset:0}
  .sm-hero-right img{
    min-height:520px;
    object-position:center 42%!important;
  }
  .sm-hero-right::before{
    background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,0) 25%);
  }

  /* Menu nativo WordPress in overlay */
  .sm-nav .wp-block-navigation__responsive-container-open{display:flex!important}
  .sm-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}

  .sm-three{flex-direction:column!important;background:transparent;gap:14px!important}
  .sm-three > .wp-block-column{min-height:auto;padding:34px 30px;border:1px solid var(--sm-line)}
  .sm-card-title{margin-top:28px!important}

  .sm-statement,.sm-av-grid,.sm-bio{flex-direction:column!important;gap:34px!important}
  .sm-work-grid{grid-template-columns:1fr!important}
  .sm-work-card.sm-wide{grid-column:auto}
  .sm-work-card.sm-wide img{height:360px}
  .sm-work-card img{height:320px}

  .sm-process{grid-template-columns:1fr 1fr}
  .sm-av-aside img{min-height:360px}

  .sm-bio img{min-height:500px;max-height:650px}
  .sm-training-gallery{gap:8px!important}
  .sm-training-gallery img{height:240px}
}

/* Telefoni grandi / tablet piccoli */
@media (max-width: 680px){
  .sm-header-inner,.sm-wrap{padding-left:18px;padding-right:18px}
  .sm-brand-role{display:none}
  .sm-brand-name{font-size:14px!important}
  .sm-section{padding-top:68px;padding-bottom:68px}
  .sm-kicker{font-size:10px!important;letter-spacing:.14em!important}
  .sm-display{font-size:42px!important}

  .sm-hero-left{padding:54px 20px 44px!important}
  .sm-hero-title{font-size:43px!important;line-height:.96!important;letter-spacing:-.042em!important}
  .sm-hero-text{font-size:16px!important;line-height:1.5}
  .sm-buttons{gap:10px!important;flex-wrap:wrap!important}
  .sm-buttons .wp-block-button__link{padding:13px 16px!important;font-size:11px!important}

  .sm-hero-right{min-height:430px}
  .sm-hero-right img{min-height:430px;object-position:52% 42%!important}

  .sm-credits-list{gap:8px 14px!important;font-size:11px!important}
  .sm-statement{gap:26px!important}

  .sm-process{grid-template-columns:1fr}
  .sm-process > .wp-block-group{min-height:auto;padding:26px 22px 30px}
  .sm-process h3{margin-top:28px!important}

  .sm-work-card img,.sm-work-card.sm-wide img{height:240px}
  .sm-work-body{padding:22px 22px 25px!important}
  .sm-work-title{font-size:26px!important}

  .sm-bio{gap:30px!important}
  .sm-bio img{min-height:400px;max-height:480px}
  .sm-bio-big{font-size:23px!important}
  .sm-timeline-row{grid-template-columns:76px 1fr}

  .sm-training-gallery{flex-direction:column!important}
  .sm-training-gallery img{height:230px}
  .sm-training-box{flex-direction:column!important}
  .sm-training-box > .wp-block-column{padding:26px 22px}

  .sm-contact-title{font-size:42px!important}
  .sm-social{flex-wrap:wrap!important;gap:14px 20px!important}
  .sm-footer{flex-direction:column!important;gap:7px;padding:20px 18px}
}

/* Telefoni stretti */
@media (max-width: 430px){
  .sm-hero-title{font-size:38px!important}
  .sm-hero-left{padding:48px 18px 40px!important}
  .sm-hero-right{min-height:380px}
  .sm-hero-right img{min-height:380px;object-position:54% 42%!important}
  .sm-buttons{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .sm-buttons .wp-block-button{width:100%}
  .sm-buttons .wp-block-button__link{width:100%;text-align:center}
  .sm-display{font-size:38px!important}
  .sm-contact-title{font-size:38px!important}
  .sm-card-title{font-size:28px!important}
}


/* Navigation responsive refinements — V9.3 */
@media (max-width:1180px){
  .sm-nav .wp-block-navigation__container{gap:18px!important}
  .sm-nav .wp-block-navigation-item__content{font-size:12.5px!important}
}
@media (max-width:900px){
  .sm-header-inner{padding-top:17px!important;padding-bottom:17px!important}
  .sm-back-to-top{right:18px;bottom:18px;width:44px;height:44px;font-size:21px}
  #home,#aree,#portfolio,#gallery,#av,#bio,#formazione,#contatti{scroll-margin-top:88px}
}
@media (max-width:680px){
  .sm-header-inner{padding-top:15px!important;padding-bottom:15px!important}
  .sm-back-to-top{right:15px;bottom:15px;width:42px;height:42px;font-size:20px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sm-back-to-top,.sm-header,.sm-nav .wp-block-navigation-item__content::after{transition:none!important}
}


/* =========================================================
   V9.4 — fixed header responsive refinements
   ========================================================= */
@media (max-width: 1180px){
  :root{--sm-header-h:64px}
  .sm-header-inner{padding-left:24px;padding-right:24px}
  .sm-nav .wp-block-navigation__container{gap:20px!important}
  .sm-nav .wp-block-navigation-item__content{font-size:13px!important}
}

@media (max-width: 900px){
  :root{--sm-header-h:60px}
  .sm-header-inner{padding:8px 22px}
  .sm-brand-name{font-size:15px!important}
  .sm-brand-role{font-size:8.8px!important}
  #home,#aree,#portfolio,#gallery,#av,#bio,#formazione,#contatti{
    scroll-margin-top:calc(var(--sm-header-h) + 14px);
  }
}

@media (max-width: 782px){
  body.admin-bar .sm-header{top:46px}
}

@media (max-width: 680px){
  :root{--sm-header-h:56px}
  .sm-header-inner{padding:7px 18px}
  .sm-brand-name{font-size:14px!important}
  .sm-brand-role{display:none}
  .sm-nav .wp-block-navigation__responsive-container-open{
    color:var(--sm-text)!important;
  }
  #home,#aree,#portfolio,#gallery,#av,#bio,#formazione,#contatti{
    scroll-margin-top:calc(var(--sm-header-h) + 12px);
  }
}


/* =========================================================
   V9.5 — CONTENT, PORTFOLIO, CONTACTS
   ========================================================= */

/* Selected credits: more visible, still compact */
.sm-credits-v95{
  padding:34px 0 38px;
  background:#111315;
  border-top:1px solid rgba(208,161,74,.28);
  border-bottom:1px solid rgba(208,161,74,.28);
}
.sm-credits-v95 .sm-credits-kicker{
  text-align:center;
  margin-bottom:12px!important;
}
.sm-credits-lines{
  text-align:center;
  max-width:1120px;
  margin:0 auto;
}
.sm-credits-lines p{
  margin:5px 0!important;
  color:#ece9e2!important;
  font-size:16px!important;
  line-height:1.45!important;
  font-weight:650!important;
  letter-spacing:.035em!important;
}
.sm-credits-lines span{
  color:var(--sm-accent);
  padding:0 8px;
  font-weight:400;
}

/* Selected works hierarchy */
.sm-work-grid-v95{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sm-work-grid-v95 .sm-featured{
  grid-column:1/-1;
}
.sm-work-grid-v95 .sm-featured img{height:500px!important;object-position:center 42%}
.sm-work-grid-v95 .sm-featured-half img{height:360px!important}
.sm-work-grid-v95 .sm-compact img{height:260px!important}
.sm-work-grid-v95 .sm-compact .sm-work-body{padding:22px 24px 26px!important}
.sm-work-grid-v95 .sm-compact .sm-work-title{font-size:27px!important}
.sm-work-grid-v95 .sm-work-card{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.sm-work-grid-v95 .sm-work-card:hover{
  transform:translateY(-3px);
  border-color:rgba(208,161,74,.45);
  box-shadow:0 16px 38px rgba(0,0,0,.22);
}

/* Formation: one strong image + text */
.sm-training-split{
  gap:58px!important;
  align-items:stretch!important;
}
.sm-training-photo figure{height:100%;margin:0!important}
.sm-training-photo img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  object-position:center center;
  filter:saturate(.72) brightness(.86) contrast(1.05);
}
.sm-training-highlights{margin-top:34px!important}
.sm-training-highlights > .wp-block-column{min-height:auto!important}

/* Contact */
.sm-contact-v95{text-align:left}
.sm-contact-v95 > .sm-wrap > .sm-kicker,
.sm-contact-v95 > .sm-wrap > .sm-contact-title,
.sm-contact-intro{
  text-align:center;
}
.sm-contact-intro{
  color:#c4c5c6!important;
  max-width:880px;
  margin:0 auto 46px!important;
  font-size:18px!important;
}
.sm-contact-grid{
  gap:42px!important;
  align-items:flex-start!important;
  max-width:1180px;
  margin:0 auto!important;
}
.sm-contact-form{
  padding:30px;
  background:#0d0f11;
  border:1px solid var(--sm-line);
}
.sm-contact-form label{
  display:block;
  color:#e8e8e5;
  font-size:12px;
  font-weight:700;
  letter-spacing:.035em;
  margin-bottom:17px;
}
.sm-contact-form label span{color:#83868a;font-weight:500}
.sm-contact-form input,
.sm-contact-form select,
.sm-contact-form textarea{
  display:block;
  width:100%;
  box-sizing:border-box;
  margin-top:8px;
  padding:13px 14px;
  border:1px solid #34383d;
  border-radius:0;
  background:#15181b;
  color:#f3f1ec;
  font:inherit;
  font-size:15px;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.sm-contact-form input:focus,
.sm-contact-form select:focus,
.sm-contact-form textarea:focus{
  border-color:var(--sm-accent);
  box-shadow:0 0 0 1px rgba(208,161,74,.28);
}
.sm-form-row.sm-form-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.sm-contact-form .sm-privacy{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-weight:500;
  color:#aeb0b2;
  line-height:1.4;
}
.sm-contact-form .sm-privacy input{
  width:16px;
  height:16px;
  margin:2px 0 0;
  flex:0 0 16px;
}
.sm-honeypot{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
.sm-form-submit{
  appearance:none;
  border:1px solid var(--sm-accent);
  background:var(--sm-accent);
  color:#111;
  padding:14px 22px;
  font-size:12px;
  font-weight:850;
  letter-spacing:.085em;
  text-transform:uppercase;
  cursor:pointer;
}
.sm-form-submit:hover{filter:brightness(1.06)}
.sm-contact-aside{
  padding:28px 28px 30px;
  border:1px solid var(--sm-line);
  background:#111315;
}
.sm-contact-aside h3{font-size:27px!important;margin-top:0!important}
.sm-social-v95{
  display:flex!important;
  gap:10px!important;
  margin-top:26px!important;
}
.sm-social-v95 p{margin:0!important}
.sm-social-v95 a{
  display:inline-block;
  padding:10px 12px;
  border:1px solid #3b4045!important;
  color:#f0efeb!important;
  background:#0d0f11;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.065em!important;
  text-decoration:none!important;
}
.sm-social-v95 a:hover,
.sm-social-v95 a:focus-visible{
  color:#111!important;
  background:var(--sm-accent);
  border-color:var(--sm-accent)!important;
  outline:none;
}

/* Photo credits */
.sm-photo-credits{
  padding:24px 0 28px;
  background:#090a0c;
  border-top:1px solid rgba(255,255,255,.06);
}
.sm-photo-credits-title{
  margin:0 0 8px!important;
  color:#777b80!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
.sm-photo-credits p{
  color:#696d72!important;
  font-size:9px!important;
  line-height:1.6!important;
  margin:4px 0!important;
}
.sm-photo-credits a{color:#8f9398!important;text-decoration:underline;text-decoration-color:#45494e}
.sm-photo-credits a:hover{color:var(--sm-accent)!important}

@media(max-width:900px){
  .sm-credits-lines p{font-size:14px!important}
  .sm-work-grid-v95{grid-template-columns:1fr!important}
  .sm-work-grid-v95 .sm-featured{grid-column:auto}
  .sm-work-grid-v95 .sm-featured img,
  .sm-work-grid-v95 .sm-featured-half img{height:360px!important}
  .sm-work-grid-v95 .sm-compact img{height:300px!important}
  .sm-training-split{flex-direction:column!important;gap:30px!important}
  .sm-training-photo img{min-height:420px;max-height:560px}
  .sm-contact-grid{flex-direction:column!important;gap:24px!important}
  .sm-contact-grid > .wp-block-column{flex-basis:auto!important;width:100%}
}

@media(max-width:680px){
  .sm-credits-v95{padding:28px 0 30px}
  .sm-credits-lines p{font-size:12px!important;line-height:1.7!important}
  .sm-credits-lines span{padding:0 4px}
  .sm-work-grid-v95 .sm-featured img,
  .sm-work-grid-v95 .sm-featured-half img,
  .sm-work-grid-v95 .sm-compact img{height:250px!important}
  .sm-training-photo img{min-height:330px;max-height:430px}
  .sm-contact-intro{font-size:16px!important;margin-bottom:30px!important}
  .sm-contact-form{padding:22px 18px}
  .sm-form-row.sm-form-2{grid-template-columns:1fr;gap:0}
  .sm-contact-aside{padding:24px 20px}
  .sm-social-v95{flex-direction:column!important;align-items:stretch!important}
  .sm-social-v95 a{display:block;text-align:center}
  .sm-photo-credits{padding:20px 0 24px}
}


/* =========================================================
   V9.6 — DENTRO IL LAVORO / EDITORIAL MASONRY
   ========================================================= */
.sm-gallery-section{
  background:#0d0f11;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.sm-gallery-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:70px!important;
  align-items:end!important;
  margin-bottom:44px!important;
}
.sm-gallery-intro{
  color:#a9acb0!important;
  font-size:17px!important;
  max-width:620px;
  margin:0!important;
}
.sm-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:dense;
  gap:10px!important;
}
.sm-gallery-grid > .wp-block-image{
  position:relative;
  margin:0!important;
  overflow:hidden;
  background:#08090a;
  min-height:260px;
  aspect-ratio:4 / 3;
  cursor:zoom-in;
}
.sm-gallery-grid > .wp-block-image.sm-gallery-wide{
  grid-column:span 2;
  aspect-ratio:16 / 8.3;
}
.sm-gallery-grid > .wp-block-image.sm-gallery-tall{aspect-ratio:4 / 5}
.sm-gallery-grid > .wp-block-image.sm-gallery-square{aspect-ratio:1 / 1}
.sm-gallery-grid > .wp-block-image.sm-gallery-video{cursor:pointer}
.sm-gallery-grid > .wp-block-image a{
  display:block;
  width:100%;
  height:100%;
}
.sm-gallery-grid > .wp-block-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block;
  transform:scale(1.001);
  filter:saturate(.86) contrast(1.025) brightness(.94);
  transition:transform .5s cubic-bezier(.2,.6,.2,1),filter .35s ease;
}
.sm-gallery-grid > .wp-block-image:hover img{
  transform:scale(1.035);
  filter:saturate(.96) contrast(1.03) brightness(.82);
}
.sm-gallery-grid figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  margin:0!important;
  padding:60px 18px 16px!important;
  color:#fff!important;
  text-align:left!important;
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.035em;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 26%,rgba(0,0,0,.82) 100%);
  opacity:0;
  transform:translateY(8px);
  transition:opacity .25s ease,transform .25s ease;
  pointer-events:none;
}
.sm-gallery-grid figcaption strong{
  display:block;
  font-size:15px;
  letter-spacing:.01em;
  margin-bottom:2px;
}
.sm-gallery-grid > .wp-block-image:hover figcaption{
  opacity:1;
  transform:translateY(0);
}
.sm-gallery-video::after{
  content:"▶";
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  width:54px;
  height:54px;
  margin:-27px 0 0 -27px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-left:3px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:50%;
  color:#fff;
  background:rgba(0,0,0,.48);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  font-size:18px;
  pointer-events:none;
  transition:transform .22s ease,background .22s ease,border-color .22s ease;
}
.sm-gallery-video:hover::after{
  transform:scale(1.08);
  background:rgba(208,161,74,.92);
  border-color:var(--sm-accent);
  color:#111;
}

/* Lightbox */
.sm-lightbox{
  position:fixed;
  inset:0;
  z-index:5000;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.94);
  padding:34px;
}
.sm-lightbox.is-open{display:flex}
.sm-lightbox-stage{
  position:relative;
  max-width:min(92vw,1500px);
  max-height:90vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.sm-lightbox-media{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-height:82vh;
}
.sm-lightbox-media img{
  display:block;
  max-width:92vw;
  max-height:82vh;
  width:auto;
  height:auto;
  object-fit:contain;
}
.sm-lightbox-media iframe{
  width:min(88vw,1280px);
  aspect-ratio:16/9;
  max-height:80vh;
  border:0;
  background:#000;
}
.sm-lightbox-caption{
  color:#c7c8c9;
  font-size:12px;
  margin-top:12px;
  letter-spacing:.03em;
  text-align:center;
}
.sm-lightbox-close,
.sm-lightbox-prev,
.sm-lightbox-next{
  position:fixed;
  z-index:5002;
  border:0;
  background:rgba(10,11,13,.68);
  color:#fff;
  cursor:pointer;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.sm-lightbox-close{
  top:22px;
  right:24px;
  width:46px;
  height:46px;
  border-radius:50%;
  font-size:29px;
  line-height:1;
}
.sm-lightbox-prev,
.sm-lightbox-next{
  top:50%;
  width:48px;
  height:64px;
  margin-top:-32px;
  font-size:30px;
}
.sm-lightbox-prev{left:18px}
.sm-lightbox-next{right:18px}
.sm-lightbox-close:hover,
.sm-lightbox-prev:hover,
.sm-lightbox-next:hover{color:var(--sm-accent)}
body.sm-lightbox-open{overflow:hidden}

@media(max-width:900px){
  .sm-gallery-head{
    grid-template-columns:1fr;
    gap:18px!important;
  }
  .sm-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm-gallery-grid > .wp-block-image.sm-gallery-wide{grid-column:span 2}
}
@media(max-width:680px){
  .sm-gallery-grid{
    grid-template-columns:1fr;
    gap:8px!important;
  }
  .sm-gallery-grid > .wp-block-image,
  .sm-gallery-grid > .wp-block-image.sm-gallery-wide,
  .sm-gallery-grid > .wp-block-image.sm-gallery-tall,
  .sm-gallery-grid > .wp-block-image.sm-gallery-square{
    grid-column:auto;
    aspect-ratio:auto;
    min-height:0;
  }
  .sm-gallery-grid > .wp-block-image img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .sm-gallery-grid figcaption{
    opacity:1;
    transform:none;
    padding:48px 15px 13px!important;
    font-size:11px!important;
    background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.04) 20%,rgba(0,0,0,.76) 100%);
  }
  .sm-gallery-grid figcaption strong{font-size:14px}
  .sm-gallery-video::after{
    width:48px;
    height:48px;
    margin:-24px 0 0 -24px;
  }
  .sm-lightbox{padding:16px}
  .sm-lightbox-prev,.sm-lightbox-next{
    width:40px;
    height:54px;
    font-size:25px;
  }
  .sm-lightbox-prev{left:4px}
  .sm-lightbox-next{right:4px}
}
@media(hover:none){
  .sm-gallery-grid figcaption{
    opacity:1;
    transform:none;
  }
}


/* =========================================================
   V9.7 — HYBRID PAGES / PROJECT DETAIL
   ========================================================= */

/* Selected Works: ingresso alle pagine di approfondimento */
.sm-work-more{
  margin-top:20px!important;
  margin-bottom:0!important;
}
.sm-work-more a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#efefed!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.09em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(208,161,74,.55);
  padding-bottom:4px;
  transition:color .2s ease,border-color .2s ease,gap .2s ease;
}
.sm-work-more a:hover{
  color:var(--sm-accent)!important;
  border-color:var(--sm-accent);
  gap:10px;
}

/* Pagine progetto */
.sm-project-main{
  background:var(--sm-bg);
  min-height:72vh;
}
.sm-project-shell{
  max-width:1120px;
  margin:0 auto;
  padding:90px 30px 110px;
}
.sm-project-back{
  margin:0 0 36px!important;
}
.sm-project-back a{
  color:var(--sm-accent)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.sm-project-page-title{
  max-width:950px;
  margin:0 0 30px!important;
  font-size:clamp(48px,7vw,92px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
}
.sm-project-content{
  max-width:100%;
}
.sm-project-content > *{
  max-width:820px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.sm-project-content > .alignwide,
.sm-project-content > .alignfull,
.sm-project-content > .wp-block-image{
  max-width:1120px;
}
.sm-project-content .wp-block-image{
  margin-top:38px!important;
  margin-bottom:42px!important;
}
.sm-project-content .wp-block-image img{
  width:100%;
  max-height:680px;
  object-fit:cover;
}
.sm-project-content .sm-project-kicker{
  color:var(--sm-accent)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
  margin-bottom:14px!important;
}
.sm-project-content .sm-project-lead{
  font-size:24px!important;
  line-height:1.35!important;
  color:#e9e8e4!important;
  margin-bottom:28px!important;
}
.sm-project-content p{
  font-size:17px;
  color:#bfc1c4;
}
.sm-project-content h2{
  margin-top:52px!important;
  font-size:34px!important;
  letter-spacing:-.035em!important;
}
.sm-project-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:28px auto 10px!important;
}
.sm-project-meta span{
  display:inline-block;
  padding:8px 10px;
  border:1px solid var(--sm-line);
  color:#c9cbce;
  font-size:10px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.sm-project-cta{
  margin-top:55px!important;
  padding-top:28px!important;
  border-top:1px solid var(--sm-line);
}
.sm-project-cta a{
  color:var(--sm-accent)!important;
  font-weight:800;
  letter-spacing:.05em;
}

/* In una pagina interna il menu continua a riportare alle sezioni della Home */
body:not(.home) .sm-nav .wp-block-navigation-item__content.is-active::after{
  right:100%;
}
body:not(.home) .sm-nav .wp-block-navigation-item__content.is-active{
  color:#e3e3e3!important;
}

@media(max-width:680px){
  .sm-project-shell{
    padding:64px 18px 80px;
  }
  .sm-project-page-title{
    font-size:46px!important;
  }
  .sm-project-content .sm-project-lead{
    font-size:20px!important;
  }
  .sm-project-content p{
    font-size:16px;
  }
}


/* =========================================================
   V9.8 — WPForms / MODULO CONTATTI REALE
   ========================================================= */
.sm-wpforms-shell{
  padding:30px;
  background:#0d0f11;
  border:1px solid var(--sm-line);
}
.sm-wpforms-shell .wpforms-container{
  margin:0!important;
}
.sm-wpforms-shell .wpforms-form{
  margin:0!important;
}
.sm-wpforms-shell .wpforms-field{
  padding:0 0 18px!important;
}
.sm-wpforms-shell .wpforms-field-label,
.sm-wpforms-shell .wpforms-field-label-inline{
  color:#e8e8e5!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:.035em!important;
  margin:0 0 8px!important;
}
.sm-wpforms-shell .wpforms-required-label{
  color:var(--sm-accent)!important;
}
.sm-wpforms-shell input[type="text"],
.sm-wpforms-shell input[type="email"],
.sm-wpforms-shell input[type="tel"],
.sm-wpforms-shell input[type="number"],
.sm-wpforms-shell input[type="url"],
.sm-wpforms-shell select,
.sm-wpforms-shell textarea{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding:13px 14px!important;
  border:1px solid #34383d!important;
  border-radius:0!important;
  background:#15181b!important;
  color:#f3f1ec!important;
  font-family:inherit!important;
  font-size:15px!important;
  line-height:1.45!important;
  outline:none!important;
  box-shadow:none!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.sm-wpforms-shell input:focus,
.sm-wpforms-shell select:focus,
.sm-wpforms-shell textarea:focus{
  border-color:var(--sm-accent)!important;
  box-shadow:0 0 0 1px rgba(208,161,74,.28)!important;
  background:#171a1d!important;
}
.sm-wpforms-shell textarea{
  min-height:175px!important;
  resize:vertical!important;
}
.sm-wpforms-shell select{
  appearance:auto!important;
}
.sm-wpforms-shell .wpforms-field-description,
.sm-wpforms-shell .wpforms-field-sublabel{
  color:#7f8387!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* Nome in formato simple e tutti i campi sempre a tutta larghezza */
.sm-wpforms-shell .wpforms-field-row,
.sm-wpforms-shell .wpforms-field-row-block{
  max-width:none!important;
}
.sm-wpforms-shell .wpforms-field-row > div{
  width:100%!important;
  padding:0!important;
}

/* GDPR */
.sm-wpforms-shell .wpforms-field-gdpr-checkbox ul,
.sm-wpforms-shell .wpforms-field-checkbox ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.sm-wpforms-shell .wpforms-field-gdpr-checkbox li,
.sm-wpforms-shell .wpforms-field-checkbox li{
  margin:0!important;
}
.sm-wpforms-shell .wpforms-field-gdpr-checkbox input[type="checkbox"],
.sm-wpforms-shell .wpforms-field-checkbox input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  margin:2px 9px 0 0!important;
  accent-color:#d0a14a;
  vertical-align:top!important;
}
.sm-wpforms-shell .wpforms-field-gdpr-checkbox label,
.sm-wpforms-shell .wpforms-field-checkbox label{
  color:#aeb0b2!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.45!important;
}

/* Pulsante */
.sm-wpforms-shell .wpforms-submit-container{
  padding:2px 0 0!important;
  margin:0!important;
}
.sm-wpforms-shell button.wpforms-submit,
.sm-wpforms-shell input[type="submit"].wpforms-submit{
  appearance:none!important;
  min-height:0!important;
  height:auto!important;
  border:1px solid var(--sm-accent)!important;
  border-radius:0!important;
  background:var(--sm-accent)!important;
  color:#111!important;
  padding:14px 22px!important;
  font-family:inherit!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:filter .2s ease,transform .2s ease!important;
}
.sm-wpforms-shell button.wpforms-submit:hover,
.sm-wpforms-shell button.wpforms-submit:focus{
  background:var(--sm-accent)!important;
  color:#111!important;
  border-color:var(--sm-accent)!important;
  filter:brightness(1.06);
  transform:translateY(-1px);
}

/* Messaggi, errori e conferma */
.sm-wpforms-shell label.wpforms-error,
.sm-wpforms-shell em.wpforms-error,
.sm-wpforms-shell .wpforms-error{
  color:#ef9a96!important;
  font-size:11px!important;
  margin-top:6px!important;
}
.sm-wpforms-shell input.wpforms-error,
.sm-wpforms-shell select.wpforms-error,
.sm-wpforms-shell textarea.wpforms-error{
  border-color:#b65c58!important;
}
.sm-wpforms-shell .wpforms-confirmation-container-full,
.sm-wpforms-shell .wpforms-confirmation-container{
  margin:0!important;
  padding:20px 22px!important;
  border:1px solid rgba(208,161,74,.5)!important;
  border-radius:0!important;
  background:#15181b!important;
  color:#e8e8e5!important;
}
.sm-wpforms-shell .wpforms-confirmation-container-full p,
.sm-wpforms-shell .wpforms-confirmation-container p{
  margin:0!important;
  color:#e8e8e5!important;
}
.sm-wpforms-shell .wpforms-submit-spinner{
  filter:grayscale(1) brightness(2);
}

/* Neutralizza eventuali stili "modern" del plugin che alterano il tema */
.sm-wpforms-shell div.wpforms-container-full:not(:empty){
  background:transparent!important;
  border:0!important;
  padding:0!important;
  box-shadow:none!important;
}
.sm-wpforms-shell .wpforms-container-full .wpforms-form .wpforms-field{
  margin:0!important;
}

/* Il box laterale non espone l'indirizzo email */
.sm-contact-aside .sm-contact-note{
  color:#aeb0b2!important;
  font-size:14px!important;
  line-height:1.6!important;
}

@media(max-width:680px){
  .sm-wpforms-shell{
    padding:22px 18px;
  }
  .sm-wpforms-shell button.wpforms-submit,
  .sm-wpforms-shell input[type="submit"].wpforms-submit{
    width:100%!important;
    text-align:center!important;
  }
}


/* =========================================================
   V9.9 — MOBILE MENU FIX
   Il menu hamburger deve essere immediatamente leggibile:
   tutte le voci principali sono visibili senza dover intuire lo scroll.
   ========================================================= */
@media(max-width:782px){

  /* Overlay mobile */
  .sm-nav .wp-block-navigation__responsive-container.is-menu-open{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding:18px 22px 20px!important;
    background:#0b0c0e!important;
  }

  /* Il contenuto parte dall'alto invece di occupare inutilmente il centro */
  .sm-nav .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:0!important;
    padding-top:42px!important;
    padding-bottom:12px!important;
  }

  /* Elimina i grandi spazi verticali ereditati dal menu desktop */
  .sm-nav .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:100%!important;
    gap:3px!important;
  }

  .sm-nav .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item{
    width:100%!important;
    margin:0!important;
  }

  .sm-nav .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:7px 0 8px!important;
    font-size:18px!important;
    line-height:1.15!important;
    font-weight:650!important;
  }

  /* La X resta sempre visibile */
  .sm-nav .wp-block-navigation__responsive-container-close{
    position:absolute!important;
    top:14px!important;
    right:18px!important;
    margin:0!important;
    z-index:3!important;
  }

  /* Nei telefoni molto bassi lo scroll rimane disponibile,
     ma non è necessario sui normali smartphone. */
  @media(max-height:560px){
    .sm-nav .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content{
      padding-top:34px!important;
    }

    .sm-nav .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content{
      padding:5px 0 6px!important;
      font-size:17px!important;
    }
  }
}