/*
Theme Name: Volley Caslano
Description: Tema a blocchi blu e rosso per la squadra mista Volley Promotion Unisex.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Author: Volley Caslano
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: volley-caslano
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--blue:#153ed1;--ink:#121929;--yellow:#f04452;--paper:#f8f9fc;--muted:#596170}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Barlow,Arial,sans-serif;font-size:17px;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ee973a;outline-offset:6px}.vc-header{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #dce0e9}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:18px;line-height:1.05;letter-spacing:-.3px}.brand img{object-fit:contain}.brand-dot{color:var(--blue)}.vc-nav{display:flex;gap:38px;font-size:16px;font-weight:600}.vc-nav a:hover,.text-link:hover{color:var(--blue)}.button{background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;font-weight:600;padding:18px 24px}.button:hover{filter:brightness(.92)}.small{font-size:15px;padding:13px 19px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:var(--blue);color:white}.hero-copy{padding:55px 9% 22px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:12px}.line{width:30px;height:2px;background:var(--yellow)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,.team-name h3,.training h4{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;line-height:.96;letter-spacing:-1.5px}h1{font-size:clamp(65px,7.8vw,120px);margin:32px 0 26px}em{font-style:normal;color:var(--blue)}h1 em{color:var(--yellow)}.hero p{font-size:20px;line-height:1.5;color:#e7edff;margin-bottom:28px}.yellow{background:var(--yellow);color:var(--ink);font-size:16px}.hero-foot{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:40px;font-size:11px;letter-spacing:1.2px;opacity:.8}.hero-image{position:relative;min-height:590px;overflow:hidden}.hero-image>img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:51% center}.hero-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#090e2b99)}figcaption{position:absolute;z-index:1;left:28px;right:28px;bottom:25px;display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:600;letter-spacing:1px}.ribbon{background:var(--yellow);display:flex;justify-content:space-around;align-items:center;padding:17px 4%;font-family:'Barlow Condensed',Arial,sans-serif;font-size:21px;font-weight:700;letter-spacing:1px}.ribbon b{font-size:26px;font-weight:400}.section{padding:85px 7%}.blue{color:var(--blue);margin-bottom:24px}h2{font-size:clamp(42px,4.5vw,67px)}.club{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:white}.club-copy{padding-top:6px}.lead{font-size:25px;font-weight:600;line-height:1.3;margin-bottom:22px}.club-copy>p:not(.lead){color:var(--muted)}.club-note{border-top:1px solid #dce0e9;margin-top:25px;padding-top:19px;font-size:14px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-head>p{color:var(--muted)}.team-card{display:grid;grid-template-columns:1fr 1fr;background:white}.team-name{background:var(--blue);color:white;padding:38px 40px;display:flex;flex-direction:column}.team-name>span{font-size:13px;letter-spacing:2px;font-weight:600}.team-name h3{font-size:100px;margin:18px 0 36px;display:flex;justify-content:space-between;align-items:center}.team-name h3 span{font-family:Arial;font-size:66px;color:var(--yellow);font-weight:400}.team-name a{border-top:1px solid #ffffff55;padding-top:20px;display:flex;justify-content:space-between}.training{padding:35px 42px}.training .eyebrow{color:var(--muted);font-size:12px}.training h4{font-size:37px;letter-spacing:0;margin:16px 0 6px}.time{font-size:24px;color:var(--blue);font-weight:600}.training p{margin:12px 0 24px;color:var(--muted)}.training a{font-weight:600;border-bottom:1px solid var(--ink)}.training small{display:block;font-size:12px;color:var(--muted);margin-top:18px}.news{background:white;padding-top:75px}.text-link{font-size:16px;border-bottom:1px solid #abb1bf;padding-bottom:5px;white-space:nowrap}.news-list>a{border-top:1px solid #dce0e9;display:grid;grid-template-columns:190px 1fr 50px;gap:25px;padding:30px 0;align-items:center}.news-list>a:last-child{border-bottom:1px solid #dce0e9}.news-list>a:hover h3{color:var(--blue)}.news-date{font-size:15px;font-weight:600}.news-date>span{display:block;color:var(--muted);font-size:11px;letter-spacing:1.2px;margin-top:9px}.news-list h3{font-size:25px;font-weight:600;line-height:1.25}.news-arrow{font-size:35px;color:var(--blue)}.contact{background:var(--ink);color:white}.contact .eyebrow{color:var(--yellow);margin-bottom:25px}.contact h2{font-size:clamp(60px,7vw,105px)}.contact em{color:var(--yellow)}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-top:35px}.contact-bottom p{color:#c4cad6}.contact-bottom>a{font-size:clamp(20px,2.6vw,36px);border-bottom:1px solid #677184;padding-bottom:9px}.contact-bottom>a span{margin-left:18px;color:var(--yellow)}.vc-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 5%;background:white;font-size:13px;color:var(--muted)}.vc-footer .brand{color:var(--ink)}.vc-footer>div{display:flex;gap:22px}.skip{position:fixed;top:-100px;z-index:10;padding:12px;background:white}.skip:focus{top:0}@media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:850px){.vc-header{height:82px;padding:0 5%}.vc-nav{gap:18px;font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 7% 25px}h1{font-size:90px}.hero-image{min-height:450px}.hero-image>img{object-position:center 42%}.hero-foot{padding-top:35px}.section{padding:60px 7%}.club{gap:35px}.team-name,.training{padding:30px}.team-name h3{font-size:85px}.ribbon{font-size:16px}.ribbon b{font-size:20px}.contact-bottom{align-items:flex-start;flex-direction:column}.vc-footer{flex-wrap:wrap}.news-list>a{grid-template-columns:135px 1fr 30px}}@media(max-width:560px){.vc-header{height:auto;min-height:90px;flex-wrap:wrap;gap:15px;padding:15px 6%}.vc-header .brand{font-size:15px}.vc-header .brand img{width:42px;height:38px}.small{font-size:13px;padding:11px 13px;gap:12px}.vc-nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #e3e6ee;padding-top:12px}.hero-copy{padding-top:35px}h1{font-size:80px;margin-top:28px}.hero p{font-size:18px}.eyebrow{font-size:11px;letter-spacing:1.1px}.hero-image{min-height:350px}figcaption{left:17px;right:17px;font-size:9px}.ribbon{flex-wrap:wrap;gap:8px 20px;font-size:14px;padding:15px}.ribbon b{display:none}.section{padding:48px 6%}.club{grid-template-columns:1fr;gap:25px}.lead{font-size:23px}.section-head{display:block}.section-head>p,.section-head>.text-link{display:block;margin-top:24px}.text-link{width:max-content}.team-card{grid-template-columns:1fr}.team-name h3{margin-bottom:25px}.news-list>a{grid-template-columns:1fr 30px;gap:12px}.news-date{grid-column:1 / -1;display:flex;gap:15px;align-items:center}.news-date>span{margin:0}.news-list h3{font-size:22px}.contact h2{font-size:60px}.contact-bottom>a{font-size:21px}.vc-footer{padding:30px 6%;display:grid;grid-template-columns:1fr 1fr;font-size:12px}.vc-footer>div{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Palette blu e rossa */
h1 em{color:#fff}.yellow{background:#ce2436;color:white}.ribbon{background:#ce2436;color:white}.contact em{color:#ff6674}.contact .eyebrow{color:#ff8791}.contact-bottom>a span{color:#ff8791}.team-name h3 span{color:white}.line{background:#ff8791}

/* Integration with native WordPress blocks. */
.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}.wp-block-group>*{margin-block-start:0;margin-block-end:0}.wp-block-image{margin:0}.vc-header,.vc-footer{width:100%}.brand-logo{width:54px;flex-shrink:0}.brand-logo img{width:54px;height:48px;object-fit:contain}.brand>p{font-size:18px;font-weight:800;line-height:1.05}.vc-nav{display:flex;gap:38px}.vc-nav p{font-size:16px;font-weight:600}.hero .wp-block-buttons{margin-bottom:0}.wp-block-button__link{background:#153ed1;border-radius:0;color:white;padding:18px 24px;font-size:16px;font-weight:600;text-decoration:none}.wp-block-button.red .wp-block-button__link{background:#ce2436;color:white}.wp-block-button.small{padding:0}.wp-block-button.small .wp-block-button__link{padding:13px 19px;font-size:15px}.hero-copy>.eyebrow{color:white}.hero-copy>.hero-foot{font-size:11px;margin-top:auto;margin-bottom:0}.hero-image img{max-width:none}.hero h1{margin:32px 0 26px}.hero p{margin-bottom:28px}.hero h1 em{color:white}.ribbon{color:white;background:#ce2436}.ribbon p{font-size:21px;font-weight:700}.team-label{font-size:13px;letter-spacing:2px}.team-name .league-link{border-top:1px solid #ffffff55;padding-top:20px}.team-name .league-link a{border:0;padding:0}.training .time{color:#153ed1;margin:0;font-size:24px}.training .training-note{font-size:12px;margin-top:18px}.contact-bottom .contact-email{font-size:clamp(20px,2.6vw,36px);color:white;border-bottom:1px solid #677184;padding-bottom:9px}.vc-footer .social-links{display:flex;gap:22px}.vc-document{max-width:1000px;padding:70px 6%;margin:auto;min-height:50vh}.vc-document h1{font-size:clamp(40px,5vw,70px);margin-bottom:30px}.vc-document p{margin-bottom:18px}.vc-document .wp-block-post-title{margin-top:20px}.vc-document a{text-decoration:underline}.admin-bar{--wp-admin-bar-offset:32px}
@media(max-width:560px){.vc-header .vc-nav{order:3;width:100%;justify-content:space-between;gap:10px;border-top:1px solid #e3e6ee;padding-top:12px}.vc-header>.wp-block-buttons{margin-left:auto}.brand-logo,.brand-logo img{width:42px;height:38px}.brand>p{font-size:15px}.ribbon p{font-size:14px}.vc-footer .social-links{flex-direction:column;gap:8px}.contact-bottom .contact-email{font-size:21px}.wp-block-button.small .wp-block-button__link{font-size:13px;padding:11px 13px}.hero h1{font-size:80px}}