/*
 Theme Name: Pofo Child
 Theme URI: http://wpdemos.themezaa.com/pofo
 Description: Child theme for Pofo theme
 Version: 1.0
 Author: ThemeZaa
 Author URI: http://www.themezaa.com
 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, photography, portfolio
 License: Themeforest Split Licence
 License URI: http://themeforest.net/licenses
 Template: pofo
 Text Domain: pofo-child
*/
/* ==========================================================================
   Polisportiva Pozzolese — Typography (POFO classic corporate inspired)
   Fonts: Roboto (body) + Montserrat (headings / "alt-font")
   ========================================================================== */

/* ==========================================================
   POFO Compat Layer (subset “most-used”)
   - Incollalo nel tuo CSS globale o in un file tipo pofo-compat.css
   - Personalizza solo le CSS variables se vuoi adattarlo al brand
   ========================================================== */

:root{
    /* Fonts (POFO usa Roboto + Montserrat) */
    --pofo-font-main: "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
    --pofo-font-alt: "Montserrat", system-ui, -apple-system, Segoe UI, Arial, sans-serif;

    /* Palette POFO */
    --pofo-text: #6f6f6f;
    --pofo-link: #6f6f6f;
    --pofo-accent: #f6862b;

    --pofo-white: #ffffff;
    --pofo-black: #000000;
    --pofo-extra-dark-gray: #232323;
    --pofo-dark-gray: #626262;
    --pofo-extra-medium-gray: #757575;
    --pofo-medium-gray: #939393;
    --pofo-extra-light-gray: #b7b7b7;
    --pofo-light-gray: #d6d5d5;
    --pofo-very-light-gray: #ededed;

    /* Backgrounds POFO */
    --pofo-bg-extra-dark-gray: #1c1c1c;
    --pofo-bg-dark-gray: #757575;
    --pofo-bg-extra-medium-gray: #939393;
    --pofo-bg-medium-gray: #dbdbdb;
    --pofo-bg-extra-light-gray: #e0e0e0;
    --pofo-bg-medium-light-gray: #ededed;
    --pofo-bg-light-gray: #f7f7f7;
    --pofo-bg-very-light-gray: #fafafa;
}

/* Base typography “POFO-like” (facoltativo ma utile per coerenza) */
html, body { font-family: var(--pofo-font-main); font-size: 14px; line-height: 24px; color: var(--pofo-text); }
a { color: var(--pofo-link); text-decoration: none; }
a:hover, a:active { color: var(--pofo-accent); text-decoration: none; }

/* Font family helpers */
.alt-font{ font-family: var(--pofo-font-alt); font-weight: 500; } /* POFO setta 500 :contentReference[oaicite:3]{index=3} */
.main-font{ font-family: var(--pofo-font-main); }

/* Headings baseline (opzionale, ma matcha POFO) :contentReference[oaicite:4]{index=4} */
h1,h2,h3,h4,h5,h6{ margin:0 0 25px; padding:0; letter-spacing:0; font-weight:400; line-height: 1.2 }
h1{ font-size:48px; line-height:70px; }
h2{ font-size:42px; line-height:60px; }
h3{ font-size:36px; line-height:54px; }
h4{ font-size:32px; line-height:46px; }
h5{ font-size:28px; line-height:40px; }
h6{ font-size:24px; line-height:30px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
}

/* ----------------------------------------------------------
   TEXT SIZE (helper classes)
   Doc: text-* / title-* :contentReference[oaicite:5]{index=5}
   Values: POFO style.css :contentReference[oaicite:6]{index=6}
---------------------------------------------------------- */
.text-extra-small{ font-size:11px; line-height:14px; }
.text-small{ font-size:12px; line-height:20px; }
.text-medium{ font-size:16px; line-height:23px; }
.text-large{ font-size:18px; line-height:26px; }
.text-extra-large{ font-size:20px; line-height:26px; }

/* Title scale: in POFO sono “hero sizes”.
   In POFO trovi sicuramente title-large / title-extra-large :contentReference[oaicite:7]{index=7}
   Le “small/medium” qui sono compat ragionevoli (clamp evita overflow). */
.title-extra-small{ font-size:clamp(28px, 3.2vw, 42px); line-height:1.05; }
.title-small{ font-size:clamp(34px, 4vw, 55px); line-height:1.02; }
.title-medium{ font-size:clamp(44px, 5.2vw, 75px); line-height:1; }
.title-large{ font-size:100px; line-height:95px; }
.title-extra-large{ font-size:130px; line-height:120px; }

/* Page-title helpers (molto usati nelle sezioni Page Title) :contentReference[oaicite:8]{index=8} */
.page-title-extra-small h1{ font-size:12px; line-height:20px; text-transform:uppercase; }
.page-title-small h1{ font-size:20px; line-height:26px; }
.page-title-medium h1{ font-size:32px; line-height:37px; }
.page-title-large h1{ font-size:46px; line-height:49px; }
.page-title-extra-large h1{ font-size:55px; line-height:50px; }

/* ----------------------------------------------------------
   TEXT COLOR (helper classes)
   Doc list :contentReference[oaicite:9]{index=9} — Values :contentReference[oaicite:10]{index=10}
---------------------------------------------------------- */
.text-white{ color:var(--pofo-white); }
.text-black{ color:var(--pofo-black); }
.text-extra-dark-gray{ color:var(--pofo-extra-dark-gray); }
.text-dark-gray{ color:var(--pofo-dark-gray); }
.text-extra-medium-gray{ color:var(--pofo-extra-medium-gray); }
.text-medium-gray{ color:var(--pofo-medium-gray); }
.text-extra-light-gray{ color:var(--pofo-extra-light-gray); }
.text-light-gray{ color:var(--pofo-light-gray); }
.text-very-light-gray{ color:var(--pofo-very-light-gray); }
.text-deep-pink{ color:var(--pofo-accent); }

/* “white-2” è usata spesso su bg scuri nei demo: definizione compat */
.text-white-2{ color: rgba(255,255,255,.75); }
.text-white-2-hover:hover{ color: rgba(255,255,255,1); }

/* Link helpers + hover helpers :contentReference[oaicite:11]{index=11} */
a.text-link-white, a.text-link-white i{ color:#fff; }
a.text-link-white:hover, a.text-link-white:hover i,
a.text-link-white:focus, a.text-link-white:focus i{ color:var(--pofo-accent); }

a.text-link-black, a.text-link-black i{ color:#000; }

a.text-link-dark-gray{ color:var(--pofo-medium-gray); }
a.text-link-dark-gray:hover, a.text-link-dark-gray:focus{ color:var(--pofo-extra-dark-gray); }

a.text-link-extra-dark-gray{ color:var(--pofo-extra-dark-gray); }
a.text-link-extra-dark-gray:hover, a.text-link-extra-dark-gray:focus{ color:#000; }

a.text-link-deep-pink, a.text-link-deep-pink i{ color:var(--pofo-accent); }
a.text-link-deep-pink:hover, a.text-link-deep-pink:hover i,
a.text-link-deep-pink:focus, a.text-link-deep-pink:focus i{ color:#fff; }

a.text-white-hover:hover, a.text-white-hover:focus{ color:#fff; }
a.text-black-hover:hover, a.text-black-hover:focus{ color:#000; }
a.text-deep-pink-hover:hover, a.text-deep-pink-hover:focus{ color:var(--pofo-accent); }
a.text-extra-dark-gray-hover:hover{ color:var(--pofo-extra-dark-gray); }
a.text-dark-gray-hover:hover{ color:var(--pofo-dark-gray); }
a.text-extra-medium-gray-hover:hover{ color:var(--pofo-extra-medium-gray); }
a.text-medium-gray-hover:hover{ color:var(--pofo-medium-gray); }
a.text-extra-light-gray-hover:hover{ color:var(--pofo-extra-light-gray); }
a.text-light-gray-hover:hover{ color:var(--pofo-light-gray); }
a.text-very-light-gray-hover:hover{ color:var(--pofo-very-light-gray); }

/* ----------------------------------------------------------
   FONT WEIGHT (helper classes)
   Doc list :contentReference[oaicite:12]{index=12} — Values :contentReference[oaicite:13]{index=13}
---------------------------------------------------------- */
.font-weight-100{ font-weight:100; }
.font-weight-200{ font-weight:200; }
.font-weight-300{ font-weight:300; }
.font-weight-400{ font-weight:400; }
.font-weight-500{ font-weight:500; }
.font-weight-600{ font-weight:600; }
.font-weight-700{ font-weight:700; }
.font-weight-800{ font-weight:800; }
.font-weight-900{ font-weight:900; }

/* ----------------------------------------------------------
   LETTER SPACING (helper classes)
   Doc list :contentReference[oaicite:14]{index=14} — Values :contentReference[oaicite:15]{index=15}
---------------------------------------------------------- */
.no-letter-spacing{ letter-spacing:0; }
.letter-spacing-1{ letter-spacing:1px; } .letter-spacing-2{ letter-spacing:2px; }
.letter-spacing-3{ letter-spacing:3px; } .letter-spacing-4{ letter-spacing:4px; }
.letter-spacing-5{ letter-spacing:5px; } .letter-spacing-6{ letter-spacing:6px; }
.letter-spacing-7{ letter-spacing:7px; } .letter-spacing-8{ letter-spacing:8px; }
.letter-spacing-9{ letter-spacing:9px; } .letter-spacing-10{ letter-spacing:10px; }

.letter-spacing-minus-1{ letter-spacing:-1px; } .letter-spacing-minus-2{ letter-spacing:-2px; }
.letter-spacing-minus-3{ letter-spacing:-3px; } .letter-spacing-minus-4{ letter-spacing:-4px; }
.letter-spacing-minus-5{ letter-spacing:-5px; } .letter-spacing-minus-6{ letter-spacing:-6px; }
.letter-spacing-minus-7{ letter-spacing:-7px; } .letter-spacing-minus-8{ letter-spacing:-8px; }
.letter-spacing-minus-9{ letter-spacing:-9px; } .letter-spacing-minus-10{ letter-spacing:-10px; }

/* ----------------------------------------------------------
   TEXT PROPERTIES (helper classes) :contentReference[oaicite:16]{index=16}
---------------------------------------------------------- */
.text-transform-unset{ text-transform: unset; }
.text-transform-none{ text-transform:none; }
.text-decoration-underline{ text-decoration: underline; }
.text-decoration-line-through{ text-decoration: line-through; }
.text-nowrap{ white-space: nowrap; }
.word-wrap{ word-wrap: break-word; }
.line-height-unset{ line-height: unset; }
.line-height-normal{ line-height: normal; }
.line-height-none{ line-height: 0; }

/* Line-height scale :contentReference[oaicite:17]{index=17} */
.line-height-10{line-height:10px} .line-height-13{line-height:13px} .line-height-18{line-height:18px}
.line-height-20{line-height:20px} .line-height-22{line-height:22px} .line-height-24{line-height:24px}
.line-height-26{line-height:26px} .line-height-28{line-height:28px} .line-height-30{line-height:30px}
.line-height-35{line-height:35px} .line-height-40{line-height:40px} .line-height-45{line-height:45px}
.line-height-50{line-height:50px} .line-height-55{line-height:55px} .line-height-60{line-height:60px}
.line-height-65{line-height:65px} .line-height-70{line-height:70px} .line-height-75{line-height:75px}
.line-height-80{line-height:80px} .line-height-85{line-height:85px} .line-height-90{line-height:90px}
.line-height-95{line-height:95px} .line-height-100{line-height:100px}
.line-height-110{line-height:110px} .line-height-120{line-height:120px}

/* “Line-through” decorative helpers (usati spesso in hero) :contentReference[oaicite:18]{index=18} */
.text-middle-line{ position: relative; white-space: nowrap; }
.text-middle-line::before{ content:""; position:absolute; width:100%; top:53%; border-bottom:1px solid; opacity:.35; }
.text-middle-line-deep-pink::before{ border-bottom-color: var(--pofo-accent); }

/* ----------------------------------------------------------
   BACKGROUND COLOR (helper classes)
   Doc list :contentReference[oaicite:19]{index=19} — Values :contentReference[oaicite:20]{index=20}
---------------------------------------------------------- */
.bg-transparent{ background-color: transparent; }
.bg-white{ background-color:#fff; }
.bg-black{ background-color:#000; }
.bg-extra-dark-gray{ background-color: var(--pofo-bg-extra-dark-gray); }
.bg-dark-gray{ background-color: var(--pofo-bg-dark-gray); }
.bg-extra-medium-gray{ background-color: var(--pofo-bg-extra-medium-gray); }
.bg-medium-gray{ background-color: var(--pofo-bg-medium-gray); }
.bg-extra-light-gray{ background-color: var(--pofo-bg-extra-light-gray); }
.bg-medium-light-gray{ background-color: var(--pofo-bg-medium-light-gray); }
.bg-light-gray{ background-color: var(--pofo-bg-light-gray); }
.bg-very-light-gray{ background-color: var(--pofo-bg-very-light-gray); }
.bg-deep-pink{ background-color: var(--pofo-accent); }

/* Overlay-ish backgrounds :contentReference[oaicite:21]{index=21} */
.bg-white-opacity{ background-color: rgba(255,255,255,.85); }
.bg-black-opacity{ background-color: rgba(0,0,0,.85); }
.bg-black-opacity-light{ background-color: rgba(0,0,0,.50); }
.bg-deep-pink-opacity{ background-color: rgba(255,33,79,.85); }

/* ----------------------------------------------------------
   OPACITY HELPERS
   Doc list :contentReference[oaicite:22]{index=22} — Values :contentReference[oaicite:23]{index=23}
---------------------------------------------------------- */
.opacity-very-light,
.opacity-light,
.opacity-extra-medium,
.opacity-medium{
    position:absolute; top:0; left:0; width:100%; height:100%;
}
.opacity-very-light{ opacity:.2; }
.opacity-light{ opacity:.3; }
.opacity-extra-medium{ opacity:.5; }
.opacity-medium{ opacity:.75; }

.opacity1{opacity:.1} .opacity2{opacity:.2} .opacity3{opacity:.3}
.opacity4{opacity:.4} .opacity5{opacity:.5} .opacity6{opacity:.6}
.opacity7{opacity:.7} .opacity8{opacity:.8} .opacity9{opacity:.9}

/* ----------------------------------------------------------
   SPACING micro-helpers (super usati attorno ai testi)
   Doc: margin-5px-bottom ecc.
   Qui metto la “top 10” più comune: estendibile
---------------------------------------------------------- */
.no-margin{ margin:0 !important; }
.no-margin-bottom{ margin-bottom:0 !important; }
.no-padding{ padding:0 !important; }

.margin-5px-bottom{ margin-bottom:5px !important; }
.margin-10px-bottom{ margin-bottom:10px !important; }
.margin-15px-bottom{ margin-bottom:15px !important; }
.margin-20px-bottom{ margin-bottom:20px !important; }
.margin-25px-bottom{ margin-bottom:25px !important; }
.margin-30px-bottom{ margin-bottom:30px !important; }
.margin-35px-bottom{ margin-bottom:35px !important; }
.margin-40px-bottom{ margin-bottom:40px !important; }
.margin-50px-bottom{ margin-bottom:50px !important; }
.margin-60px-bottom{ margin-bottom:60px !important; }

/* ----------------------------------------------------------
   ALIGN / TRANSFORM helpers (se non hai Bootstrap)
---------------------------------------------------------- */
.text-start{ text-align:left !important; }
.text-center{ text-align:center !important; }
.text-end{ text-align:right !important; }

.text-lowercase{ text-transform: lowercase !important; }
.text-uppercase{ text-transform: uppercase !important; }
.text-capitalize{ text-transform: capitalize !important; }

.d-block{ display:block !important; }
.d-inline-block{ display:inline-block !important; }

.btn{ border: 5px solid #f6862b; color: #f6862b; background: transparent; font-size: 15px; padding: 12px 40px; line-height: 25px}


header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a, header nav.navbar .navbar-nav > li.current-menu-ancestor > a, nav.navbar.bootsnav ul.nav > li.current-menu-ancestor > a, header nav.navbar .navbar-nav > li.current-menu-item > a, nav.navbar.bootsnav ul.nav > li.current-menu-item > a {
    color: rgba(255, 255, 255,1);
}
nav.navbar.bootsnav ul.nav > li.current-menu-ancestor > a:hover,
header nav.navbar .navbar-nav > li.current-menu-item > a:hover,
nav.navbar.bootsnav ul.nav > li.current-menu-item > a:hover{
    color: var(--pofo-accent);
}
header h1{
    margin: 15px 0 !important;
}
header h1 a{
    display: block;
}
section, .default-page-space {
    padding: 90px 0;
}

.heading-style5{
    margin-bottom: 20px;
    font-size: 28px;
    color:var(--pofo-black);
    line-height: 36px;
}
.heading-style5::before,
    .heading-style5::after {
    height: 2px;
    background-color: var(--pofo-accent);
    border-bottom-color:  var(--pofo-accent);
    opacity: 1;
    width: 120px;
}

/* NEWS: immagini uniformi */

#section-news .blog-post-images,
#section-news .blog-image,
#section-news .entry-image,
#section-news .post-thumbnail,
#section-news .blog-img,
#section-news .item img {
    border-radius: 0; /* opzionale */
}

/* contenitore immagine con proporzione fissa */
#section-news .blog-post-images,
#section-news .blog-image,
#section-news .entry-image,
#section-news .post-thumbnail,
#section-news .blog-img {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    display: block;
}

/* immagine che riempie sempre il box */
#section-news .blog-post-images img,
#section-news .blog-image img,
#section-news .entry-image img,
#section-news .post-thumbnail img,
#section-news .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;<
    display: block;
}
#section-news .separator-line-horrizontal-full,
#section-news .entry-content{ margin-top: 10px}

#section-attivita  .tab-style1 .nav-tabs li {
  width: 16%;
}
#section-attivita .tab-icon-image{ background-color: var(--pofo-bg-medium-gray);border-radius: 100%; padding: 15px; width: 90px; height: 90px; display: block; margin: 0 auto 30px auto}
#section-attivita li.active .tab-icon-image{ background-color: var(--pofo-accent)}
#section-attivita .nav.nav-tabs{
    border-bottom: 1px solid var(--pofo-bg-medium-gray);
    margin-bottom: 30px !important;
}
#section-attivita .nav.nav-tabs li{ border-bottom: 1px solid var(--pofo-bg-medium-gray); padding-bottom: 20px}
#section-attivita .nav.nav-tabs li span{ color: var(--pofo-black); font-size: 14px; text-transform: uppercase;white-space: nowrap}
#section-attivita .nav.nav-tabs li.active{border-bottom-color: var(--pofo-accent)  }
#section-attivita .nav.nav-tabs li.active span{  font-weight: bold; }

#section-contatti .wpb_wrapper,
#section-contatti .wpb_wrapper .wpb_raw_code,
#section-contatti .wpb_wrapper .wpb_raw_code .wpb_wrapper,
#section-contatti .wpb_wrapper .wpb_raw_code .wpb_wrapper iframe{ height: 100%}
#section-contatti .btn.btn-transparent-dark-gray{ color: #6f6f6f; border-color:#6f6f6f}

footer{ color: #fff}
footer p{ margin-bottom: 0}
footer .footer-logo {
    max-height: unset;
}
footer .btn{ border-color: #fff; margin: 10px auto; display: inline-block; width: 200px; box-sizing: content-box}

#section-iscriviti .list-style-10{ display: inline-block}
#section-iscriviti .list-style-10 li{font-weight: bold; padding: 10px 0}

.swiper-button-next.slider-long-arrow-white, .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {
    background-image: url('./assets/images/arrow-right-32x32-thin.png');
    right: 0;
}
.swiper-button-prev.slider-long-arrow-white, .swiper-container-rtl .swiper-button-next.slider-long-arrow-white {
    background-image: url('assets/images/arrow-left-32x32-thin.png');
    left: 0;
}
.aside-title::after {
    background: var(--pofo-accent);
}

.text-outside-line-full::before,
    .text-outside-line-full::after {
    color: var(--pofo-accent);
    height: 2px;
    border-bottom-width: 2px;
    opacity: 1;
}
.wpcf7-spinner{ display: block !important;}
.wpcf7-form-control.wpcf7-submit{ display: block; margin: 0 auto}

.footer-social-icon{ text-align: left; width: 100%}
.footer-social-icon a{ display: inline-block}

/* Smartphone portrait */
@media only screen and (max-width: 767px) and (orientation: portrait) {

    #section-attivita .tab-style1 .nav-tabs li {
        width: 33%;
    }
    footer#colophon p{ text-align: center !important;}

}

/* Smartphone landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
}

/* Tablet portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

/* Tablet landscape */
@media only screen and (min-width: 1025px) and (max-width: 1366px) and (orientation: landscape) {
}