/*
 Theme Name:   DacunaSite Ermine
 Theme URI:    https://www.dacunastudio.com
 Description:  Dacuna Studio &amp;eacute un&lsquo;agenzia di Comunicazione, Marketing e Design che realizza siti web e mobile, brand identity, e-commerce, strategie digitali, produzione e gestione dei contenuti sia online che offline per dar valore alla tua azienda in formato digitale.
 Author:       Dacuna Studio - Agenzia Marketing Brescia
 Author URI:   https://www.dacunastudio.com
 Template:     generatepress
 Version:      0.5
 
*/


/*------------------------------------------------------------------
[Table of contents]
 
 - Global
 - Typography
 - Color
 - UI
 - Top Header
 - Header
 - Title
 - Menu
 - Contents
 - Blog
 - Sidebar
 - Footer Widget
 - Footer Bottom
 - Social media icon
 - Contact form
 - Slider Revolution
 - Event Calendars
 - Other style
 - Media Query style

-------------------------------------------------------------------*/

:root {
		
		/* ----------------------------------------
		ðŸ§  BASE / BRAND / GRIGI
		---------------------------------------- */
		--ds-color-primary: #124988;
		--ds-color-secondary: #C80008;
		--ds-color-tertiary: #f1f1f1; 
		--ds-color-accent:#ED1C24; 
		
		--ds-color-black: #353535;
		--ds-color-white: #ffffff;
		--ds-color-gray-dark: #353535;
		--ds-color-gray-mid: #5B606B;
		--ds-color-gray-light: #f1f1f1;
		
		--ds-color-link: #fff;
		--ds-color-link-hover: #fff;
		--ds-color-selection: #124988;      
		--ds-color-selection-dark-mode: #fff;
		
		
		/* ----------------------------------------
		Tipografia
		---------------------------------------- */
		--ds-font-body: "Urbanist", sans-serif;
		--ds-font-size: 16px;
		--ds-body-font-weight: 500;
		
		--ds-font-title:"Barlow Condensed", sans-serif;
		--ds-body-title-weight: 700;
		--ds-line-height-base: 1.2em;
		--ds-body-line-height: 1.4em;
		
		
		--ds-font-size-h1: 64px;
		--ds-font-size-h2: 56px;
		--ds-font-size-h3: 50px;
		--ds-font-size-h4: 44px;
		--ds-font-size-h5: 34px;
		--ds-font-size-h6: 28px;	
		
		--ds-font-weight-regular: 400;
		--ds-font-weight-semibold: 600;
		--ds-font-weight-bold: 700;			
		
		
		/* ----------------------------------------
		UX & UI 
		---------------------------------------- */
		
		--ds-bgcolor-body: #ffffff;
		--ds-color-title: #fff;
		--ds-color-font: #5B606B;
		
		--ds-radius-button: 8px;
		--ds-color-button: #124988;
		--ds-color-button-hover: linear-gradient(270deg, #001D3E 0%, #124988 100%);
		--ds-font-button: #ffffff;
		
		--ds-bgcolor-icons: ;
		--ds-color-icons: #fff;
		
		--ds-outline-success: #25d366;
		--ds-outline-info: #1B2340;
		--ds-outline-warning: #ffc107;
		--ds-outline-danger: #D32D12;

		
		/* ----------------------------------------
		ðŸ” HEADER
		---------------------------------------- */
		--ds-bgcolor-header: transparent;
		--ds-color-menu: #fff;
		--ds-color-menu-active: #fff;
		--ds-color-bg-menu-active: #124988;
		--ds-font-menu: "Barlow Condensed", sans-serif;
		--ds-font-menu-size: 16px;
		
		/* ----------------------------------------
		ðŸ“„ CONTENT
		---------------------------------------- */
		
		
		
		/* ----------------------------------------
		ðŸ“¥ FORM / INPUT
		---------------------------------------- */
		--ds-form-bg: #fff;
		--ds-form-text: #666666;
		--ds-form-border: #cccccc;
		--ds-form-bg-focus: #f5f5f5;
		--ds-form-border-focus: #ED1C24;
		--ds-form-submit-bg: var(--ds-color-secondary);
		--ds-form-submit-color: #fff;
		--ds-form-submit-radius: 8px;
		--ds-radius-form: 8px;

		/* ----------------------------------------
		Widgets FOOTER 
		---------------------------------------- */


		/* ----------------------------------------
		âš« FOOTER 
		---------------------------------------- */		
		
		  --ds-body-text-align: left;
		  --ds-bgcolor-footer: linear-gradient(270deg, #001D3E 0%, #124988 100%);
		  --ds-font-footer: 16px;
		  --ds-font-color-footer: #fff;
		
		  --ds-bgcolor-site-info: #353535;
		  --ds-font-color-site-info: #fff;
		  --ds-font-site-info: 14px;
		  --ds-footer-title-color: #fff;
		  --ds-link-color-site-info: #fff;
		  --ds-link-hover-site-info: #124988;
		
		
		
		
		/* ----------------------------------------
		ðŸŒ‘ DARK MODE
		---------------------------------------- */
		  /* Sfondo e testo */
		  --ds-dark-bg: #1B2340;
		  --ds-dark-text: #ffffff;
		
		  /* Link */
		  --ds-dark-link: #ffffff;
		  --ds-dark-link-hover: #ffffff;
		
		  /* Pulsanti */
		  --ds-dark-button-bg: #ffffff;
		  --ds-dark-button-bg-hover: var(--ds-color-primary);
		  --ds-dark-button-text: var(--ds-color-primary);
		  --ds-dark-button-text-hover: #ffffff;
		  
		  /* Accent dark */
		  --ds-dark-accent: #FFE63D;
		
		  /* ----------------------------------------
		  ðŸ“¦ CLASS SUPPORT
		  ---------------------------------------- */
		  --ds-shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.06);
		  --ds-shadow-md: 0 5px 15px rgba(0, 0, 0, 0.1);
		  --ds-shadow-lg: 0 20px 30px rgba(0, 0, 0, 0.1);
		
		  --ds-transition-fast: all 0.2s ease;
		  --ds-transition-normal: all 0.4s ease;
		  --ds-transition-slow: all 0.6s ease;
		
		  /* ðŸ” BREAKPOINTS (reference) */
		  --ds-breakpoint-xs: 0px;
		  --ds-breakpoint-sm: 480px;
		  --ds-breakpoint-md: 768px;
		  --ds-breakpoint-lg: 1024px;
		  --ds-breakpoint-xl: 1280px;
		  --ds-breakpoint-xxl: 1440px;

		
		/* ----------------------------------------
		ðŸ“¦ ELEMENTOR GLOBAL VARS
		---------------------------------------- */
		--e-global-color-primary: var(--ds-color-primary);
		--e-global-color-secondary: var(--ds-color-secondary);
		--e-global-color-text: var(--ds-color-font);
		--e-global-color-accent: var(--ds-color-accent);
		--e-global-typography-primary-font-family: var(--ds-font-body);
		--e-global-typography-primary-font-weight: var(--ds-font-weight-semibold);
		--e-global-typography-secondary-font-family: var(--ds-font-title);
		--e-global-typography-secondary-font-weight: var(--ds-font-weight-bold);
		--e-global-typography-text-font-family: var(--ds-font-body);
		--e-global-typography-text-font-weight: var(--ds-font-weight-regular);
		--e-global-typography-accent-font-family: var(--ds-font-body);
		--e-global-typography-accent-font-weight: var(--ds-font-weight-medium);
		
		/* ----------------------------------------
		ðŸ—“ï¸ TEC CALENDAR
		---------------------------------------- */
		--tec-color-text-primary: var(--ds-color-primary);
		--tec-color-event-icon-hover: var(--ds-color-primary);
		--tec-color-accent-primary: var(--ds-color-primary);
		--tec-color-accent-primary-hover: var(--ds-color-secondary);
		--e-a-btn-bg-accent: var(--ds-color-primary);

}

/* =====================================
ðŸ“± MOBILE (<768px)
===================================== 
@media (max-width: 480px) {
  :root {
    --ds-font-size: 18px;
    --ds-font-size-h1: 42px;
    --ds-font-size-h2: 36px;
    --ds-font-size-h3: 30px;
    --ds-font-size-h4: 24px;
    --ds-font-size-h5: 20px;
    --ds-font-size-h6: 18px;
    --ds-font-menu-size: 14px;
    --ds-radius-button: 50px;
  }
}


/* =====================================
ðŸ’» TABLET (â‰¥768px)
===================================== 
@media (min-width: 768px) and (max-width: 1023.98px) {
  :root {
    --ds-font-size-h1: 64px;
    --ds-font-size-h2: 48px;
    --ds-font-size-h3: 40px;
    --ds-font-size-h4: 32px;
    --ds-font-size-h5: 24px;
    --ds-font-size-h6: 20px;
    --ds-font-menu-size: 16px;
  }
}


/* =====================================
ðŸ“± PC DESKTOP 13pollici (min-width: 1025px) and (max-width: 1380px)
===================================== 
@media (min-width: 1025px) and (max-width: 1380px) {
  :root {
    --ds-font-size: 18px;
    --ds-font-size-h1: 38px;
    --ds-font-size-h2: 34px;
    --ds-font-size-h3: 30px;
    --ds-font-size-h4: 24px;
    --ds-font-size-h5: 20px;
    --ds-font-size-h6: 18px;
    --ds-font-menu-size: 16px;
    --ds-radius-button: 50px;
  }
}


/*------------------------------------------------------------------
    Global
-------------------------------------------------------------------*/

body {
	margin: 0;
	font-family: var(--ds-font-body);
	font-weight: var(--ds-body-font-weight);
	line-height: var(--ds-body-line-height);
	color: var(--ds-color-font);
	text-align: var(--ds-body-text-align);
	background-color: var(--ds-bgcolor-body);
}

.padding-container{
	padding: 100px 100px !important;
}
.padding-lateral{
	padding: 0px 100px !important;
}
.container{
	min-width: 100% !important;
	padding: 0 ;
}
.grid-container{
	max-width: 100%
}
.titolo-pagina{
	display: none
}
.separate-containers .inside-article{
	background-color: var(--ds-bgcolor-body);

}
.is-right-sidebar {
    width: 30%;
    display: none;
}
.entry-content{
	margin-top: 0 !important
}
.page-header-image{
	display: none
}
.site-content .content-area {
    width: 100%;
}
.separate-containers .inside-article {
    padding: 0;
}

.width-auto{
	width: auto !important
}

.entry-meta{
	display: none;
}
.entry-summary{
	display: none
}
/*
.hero-landing
 {
    margin-top: -12vh !important;
    z-index: 999 !important;
}
*/
.font-light{
	font-weight: 200
}
.container-quadrato{
	aspect-ratio: 1 / 1
}

table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); }

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.5em;
	width: 100%;
}

th, td { padding: 8px; }
th { border-width: 0 1px 1px 0; }
td { border-width: 0 1px 1px 0; }

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 40px;
	margin-top: 40px;
}

ol, ul {
    padding-left: 0;
}

pdtb-10{padding-top:10px!important;padding-bottom:10px!important}.pdtb-20{padding-top:20px!important;padding-bottom:20px!important}.pdtb-30{padding-top:30px!important;padding-bottom:30px!important}.pdtb-40{padding-top:40px!important;padding-bottom:40px!important}.pdtb-50{padding-top:50px!important;padding-bottom:50px!important}.pdtb-60{padding-top:60px!important;padding-bottom:60px!important}.pdtb-80{padding-top:80px!important;padding-bottom:80px!important}.pdtb-100{padding-top:100px!important;padding-bottom:100px!important}.pdtb-120{padding-top:120px!important;padding-bottom:120px!important}.pdtb-150{padding-top:150px!important;padding-bottom:150px!important}.pdtb-200{padding-top:200px!important;padding-bottom:200px!important}
.pd-0{padding:0!important}.pd-5{padding:5px!important}.pd-10{padding:10px!important}.pd-15{padding:15px!important}.pd-20{padding:20px!important}.pd-30{padding:30px!important}.pd-40{padding:40px!important}.pd-50{padding:50px!important}.pd-60{padding:60px!important}.pd-70{padding:70px!important}.pd-80{padding:80px!important}.pd-90{padding:90px!important}.pd-100{padding:100px!important}.pd-150{padding:100px!important}.pdt-0{padding-top:0!important}.pdt-5{padding-top:5px!important}.pdt-10{padding-top:10px!important}.pdt-15{padding-top:15px!important}.pdt-20{padding-top:20px!important}.pdt-30{padding-top:30px!important}.pdt-40{padding-top:40px!important}.pdt-50{padding-top:50px!important}.pdt-80{padding-top:80px!important}.pdt-100{padding-top:100px!important}.pdt-150{padding-top:150px!important}.pdt-200{padding-top:200px!important}.pdr-0{padding-right:0!important}.pdr-5{padding-right:5px!important}.pdr-10{padding-right:10px!important}.pdr-15{padding-right:15px!important}.pdr-20{padding-right:20px!important}.pdr-30{padding-right:30px!important}.pdr-40{padding-right:40px!important}.pdr-50{padding-right:50px!important}.pdr-60{padding-right:60px!important}.pdr-70{padding-right:70px!important}.pdr-80{padding-right:80px!important}.pdr-90{padding-right:90px!important}.pdr-100{padding-right:100px!important}.pdr-150{padding-right:150px!important}.pdb-0{padding-bottom:0!important}.pdb-5{padding-bottom:5px!important}.pdb-10{padding-bottom:10px!important}.pdb-15{padding-bottom:15px!important}.pdb-20{padding-bottom:20px!important}.pdb-30{padding-bottom:30px!important}.pdb-40{padding-bottom:40px!important}.pdb-50{padding-bottom:50px!important}.pdb-60{padding-bottom:60px!important}.pdb-70{padding-bottom:70px!important}.pdb-80{padding-bottom:80px!important}.pdb-90{padding-bottom:90px!important}.pdb-100{padding-bottom:100px!important}.pdb-120{padding-bottom:120px!important}.pdb-150{padding-bottom:150px!important}.pdb-200{padding-bottom:200px!important}.pdl-0{padding-left:0!important}.pdl-5{padding-left:5px!important}.pdl-10{padding-left:10px!important}.pdl-15{padding-left:15px!important}.pdl-20{padding-left:20px!important}.pdl-30{padding-left:30px!important}.pdl-40{padding-left:40px!important}.pdl-50{padding-left:50px!important}.pdl-60{padding-left:60px!important}.pdl-70{padding-left:70px!important}.pdl-80{padding-left:80px!important}.pdl-90{padding-left:90px!important}.pdl-100{padding-left:100px!important}.pdl-150{padding-left:150px!important}.mg-0{margin:0!important}.mg-5{margin:5px!important}.mg-10{margin:10px!important}.mg-15{margin:15px!important}.mg-20{margin:20px!important}.mg-30{margin:30px!important}.mg-40{margin:40px!important}.mg-50{margin:50px!important}.mg-60{margin:60px!important}.mg-70{margin:70px!important}.mg-80{margin:80px!important}.mg-90{margin:90px!important}.mg-100{margin:100px!important}.mg-120{margin:120px!important}.mg-130{margin:130px!important}.mg-150{margin:150px!important}.mg-200{margin:200px!important}.mgt-0{margin-top:0!important}.mgt-5{margin-top:5px!important}.mgt-10{margin-top:10px!important}.mgt-15{margin-top:15px!important}.mgt-20{margin-top:20px!important}.mgt-30{margin-top:30px!important}.mgt-40{margin-top:40px!important}.mgt-50{margin-top:50px!important}.mgt-60{margin-top:60px!important}.mgt-70{margin-top:70px!important}.mgt-80{margin-top:80px!important}.mgt-90{margin-top:90px!important}.mgt-100{margin-top:100px!important}.mgt-120{margin-top:120px!important}.mgt-130{margin-top:130px!important}.mgt-150{margin-top:150px!important}.mgt-200{margin-top:200px!important}.mgr-0{margin-right:0!important}.mgr-5{margin-right:5px!important}.mgr-10{margin-right:10px!important}.mgr-15{margin-right:15px!important}.mgr-20{margin-right:20px!important}.mgr-30{margin-right:30px!important}.mgr-40{margin-right:40px!important}.mgr-50{margin-right:50px!important}.mgr-60{margin-right:60px!important}.mgr-70{margin-right:70px!important}.mgr-80{margin-right:80px!important}.mgr-90{margin-right:90px!important}.mgr-100{margin-right:100px!important}.mgr-120{margin-right:120px!important}.mgr-130{margin-right:130px!important}.mgr-150{margin-right:150px!important}.mgr-200{margin-right:200px!important}.mgb-0{margin-bottom:0!important}.mgb-5{margin-bottom:5px!important}.mgb-10{margin-bottom:10px!important}.mgb-15{margin-bottom:15px!important}.mgb-20{margin-bottom:20px!important}.mgb-30{margin-bottom:30px!important}.mgb-40{margin-bottom:40px!important}.mgb-50{margin-bottom:50px!important}.mgb-60{margin-bottom:60px!important}.mgb-70{margin-bottom:70px!important}.mgb-80{margin-bottom:80px!important}.mgb-90{margin-bottom:90px!important}.mgb-100{margin-bottom:100px!important}.mgb-120{margin-bottom:120px!important}.mgb-130{margin-bottom:130px!important}.mgb-150{margin-bottom:150px!important}.mgb-200{margin-bottom:200px!important}.mgl-0{margin-left:0!important}.mgl-5{margin-left:5px!important}.mgl-10{margin-left:10px!important}.mgl-15{margin-left:15px!important}.mgl-20{margin-left:20px!important}.mgl-30{margin-left:30px!important}.mgl-40{margin-left:40px!important}.mgl-50{margin-left:50px!important}.mgl-60{margin-left:60px!important}.mgl-70{margin-left:70px!important}.mgl-80{margin-left:80px!important}.mgl-90{margin-left:90px!important}.mgl-100{margin-left:100px!important}.mgl-120{margin-left:120px!important}.mgl-130{margin-left:130px!important}.mgl-150{margin-left:150px!important}.mgl-200{margin-left:200px!important}.hg-50{height: 50px !important} .hg-60{height: 60px !important} .hg-70{height: 70px !important} .hg-80{height: 80px !important} .hg-90{height: 90px !important} .hg-100{height: 100px !important} .hg-150{height: 150px !important} .hg-200{height: 200px !important} .hg-250{height: 250px !important} .hg-300{height: 300px !important} .hg-350{height: 350px !important}

.min-h-200{min-height:200px}.min-h-230{min-height:230px}.min-h-260{min-height:260px}.min-h-290{min-height:290px}.min-h-320{min-height:320px}.min-h-350{min-height:350px}.min-h-380{min-height:380px}.min-h-410{min-height:410px}.min-h-440{min-height:440px}.min-h-470{min-height:470px}.min-h-500{min-height:500px}.min-h-550{min-height:550px}
.max-h-200{max-height:200px}.max-h-230{max-height:230px}.max-h-260{max-height:260px}.max-h-290{max-height:290px}.max-h-320{max-height:320px}.max-h-350{max-height:350px}.max-h-380{max-height:380px}.max-h-410{max-height:410px}.max-h-440{max-height:440px}.max-h-470{max-height:470px}.max-h-500{max-height:500px}.max-h-550{max-height:550px}


/*------------------------------------------------------------------
    Typography
-------------------------------------------------------------------*/
.elementor-widget-heading .elementor-heading-title {
    font-family: "Barlow Condensed", sans-serif;
	font-weight: 700 !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--ds-font-title) !important;
  font-weight: var(--ds-body-title-weight);
  line-height: 1.2 !important;
  color: var(--ds-color-white) ;
}

h1, .h1 {
  font-size: var(--ds-font-size-h1);
  line-height: var(--ds-line-height-base);
}

h2, .h2 {
  font-size: var(--ds-font-size-h2);
  line-height: var(--ds-line-height-base);
}

h3, .h3 {
  font-size: var(--ds-font-size-h3);
  line-height: var(--ds-line-height-base);
}

h4, .h4 {
  font-size: var(--ds-font-size-h4);
  line-height: var(--ds-line-height-base);
}

h5, .h5 {
  font-size: var(--ds-font-size-h5);
  line-height: var(--ds-line-height-base);
}

h6, .h6 {
  font-size: var(--ds-font-size-h6);
  line-height: var(--ds-line-height-base);
}

p {
  font-family: var(--ds-font-body);
  font-weight: var(--ds-body-font-weight);
  font-size: var(--ds-font-size);
  line-height: var(--ds-body-line-height);
	margin-bottom: 0px
}
.content-dark .elementor-heading-title{
	color: #fff !important
}
.content-dark .elementor-widget-theme-post-excerpt{
	color: #fff !important
}

b, strong {}

a, a:visited  {color: var(--ds-color-link) ;}
a:hover { color: var(--ds-color-link-hover); text-decoration: underline}	

/******    Text Weight    ******/
.fw-1 h1, .fw-1 h2, .fw-1 h3, .fw-1 h4, .fw-1 h5, .fw-1 h6, .fw-1 p { font-weight: 100; }
.fw-2 h1, .fw-2 h2, .fw-2 h3, .fw-2 h4, .fw-2 h5, .fw-2 h6, .fw-2 p { font-weight: 200; }
.fw-3 h1, .fw-3 h2, .fw-3 h3, .fw-3 h4, .fw-3 h5, .fw-3 h6, .fw-3 p { font-weight: 300; }
.fw-4 h1, .fw-4 h2, .fw-4 h3, .fw-4 h4, .fw-4 h5, .fw-4 h6, .fw-4 p { font-weight: 400; }
.fw-5 h1, .fw-5 h2, .fw-5 h3, .fw-5 h4, .fw-5 h5, .fw-5 h6, .fw-5 p { font-weight: 500; }
.fw-6 h1, .fw-6 h2, .fw-6 h3, .fw-6 h4, .fw-6 h5, .fw-6 h6, .fw-6 p { font-weight: 600; }
.fw-7 h1, .fw-7 h2, .fw-7 h3, .fw-7 h4, .fw-7 h5, .fw-7 h6, .fw-7 p { font-weight: 700; }
.fw-8 h1, .fw-8 h2, .fw-8 h3, .fw-8 h4, .fw-8 h5, .fw-8 h6, .fw-8 p { font-weight: 800; }
.fw-9 h1, .fw-9 h2, .fw-9 h3, .fw-9 h4, .fw-9 h5, .fw-9 h6, .fw-9 p { font-weight: 900; }

/******    Font-size Height    ******/
.fh-2 h1, .fh-2 h2, .fh-2 h3, .fh-2 h4, .fh-2 h5, .fh-2 h6, .fh-2 p { font-size: 20px !important; }
.fh-3 h1, .fh-3 h2, .fh-3 h3, .fh-3 h4, .fh-3 h5, .fh-3 h6, .fh-3 p { font-size: 30px !important; }
.fh-4 h1, .fh-4 h2, .fh-4 h3, .fh-4 h4, .fh-4 h5, .fh-4 h6, .fh-4 p { font-size: 40px !important; }
.fh-5 h1, .fh-5 h2, .fh-5 h3, .fh-5 h4, .fh-5 h5, .fh-5 h6, .fh-5 p { font-size: 50px !important; }
.fh-6 h1, .fh-6 h2, .fh-6 h3, .fh-6 h4, .fh-6 h5, .fh-6 h6, .fh-6 p { font-size: 60px !important; }
.fh-7 h1, .fh-7 h2, .fh-7 h3, .fh-7 h4, .fh-7 h5, .fh-7 h6, .fh-7 p { font-size: 70px !important; }
.fh-8 h1, .fh-8 h2, .fh-8 h3, .fh-8 h4, .fh-8 h5, .fh-8 h6, .fh-8 p { font-size: 80px !important; }
.fh-9 h1, .fh-9 h2, .fh-9 h3, .fh-9 h4, .fh-9 h5, .fh-9 h6, .fh-9 p { font-size: 90px !important; }
.fh-10 h1, .fh-10 h2, .fh-10 h3, .fh-10 h4, .fh-10 h5, .fh-10 h6, .fh-10 p { font-size: 100px !important; }

/******    Line Height    ******/
.l-height-24 { line-height: 24px; }
.l-height-26 { line-height: 26px; }
.l-height-28 { line-height: 28px; }
.l-height-30 { line-height: 30px; }
.l-height-32 { line-height: 32px; }
.l-height-34 { line-height: 34px; }
.l-height-36 { line-height: 36px; }
.l-height-38 { line-height: 38px; }
.l-height-40 { line-height: 40px; }


/*------------------------------------------------------------------
    Color
-------------------------------------------------------------------*/

/******    Text selection   ******/
*::-moz-selection { background: var(--ds-color-selection); color: #fff; text-shadow: none; }
::-moz-selection { background: var(--ds-color-selection); color: #fff; text-shadow: none; }
::selection { background: var(--ds-color-selection); color: #fff; text-shadow: none; }

.highlighted-link {
        background-color: yellow !important;
        transition: background-color 1s ease-in-out !important;
    }

/******    Text color    ******/
.theme-color { color: #84ba3f; }
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p { color: #fff !important; }
.text-black { color: #363636; }
.text-gray { color: #999999; }

.text-white { color: #ffffff; }
.white-bg { background: #ffffff; }
.gray-bg { background: #f7f7f7; }
.dark-gray-bg { background: #666666; }
.theme-bg { background: #84ba3f; }
.black-bg { background: #323232; }
.dark-theme-bg { background: #050801; }


/*------------------------------------------------------------------
    UI
-------------------------------------------------------------------*/

.title h2 {
    font-size: 55px;
}

.subtitle h2 {
    font-size: 25px;
}
.elementor-heading-title{
	line-height: 1.4em
}

/* Icon Fonts */
.fa, .far, .fas {
    /* Stili specifici opzionali */
}
.text-red{
	color: var(--ds-color-secondary);
	margin-bottom: 0px;
	margin-top: 20px;
	font-weight: 600;
}

/* Bottoni Outline */
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: var(--ds-transition-normal);
}

.btn-primary.btn-outline {
    color: var(--ds-color-button-hover);
    border-color: var(--ds-color-button-hover);
    border-radius: var(--ds-radius-button);
    padding: 5px 20px;
}

.btn-success.btn-outline { color: var(--ds-outline-success); }
.btn-info.btn-outline { color: var(--ds-outline-info); }
.btn-warning.btn-outline { color: var(--ds-outline-warning); }
.btn-danger.btn-outline { color: var(--ds-outline-danger); }

.btn-outline:hover {
    color: var(--ds-color-accent);
    background-color: var(--ds-color-button-hover);
}

/* Header */
.site-header a,
.site-header a:visited {
    color: var(--ds-color-primary);
}

/* Bottoni classici */
a.button,
a.button:visited,
a.wp-block-button__link:not(.has-background) {
    color: var(--ds-color-accent);
    background-color: var(--ds-color-button);
    font-family: var(--ds-font-title);
    font-weight: var(--ds-body-title-weight);
    padding: 12px 24px;
    border-radius: var(--ds-radius-button);
    margin-top: 10px;
    font-size: 12px;
}

a.button:hover {
    transition: var(--ds-transition-slow);
    background-color: var(--ds-color-button-hover);
}

/* Elementor Button */
.elementor-button {
    transition: var(--ds-transition-fast);
    display: inline-block;
    line-height: 1;
    background: var(--ds-color-primary) !important;
    border-radius: var(--ds-radius-button) !important;
    padding: 12px 16px;
    font-weight: var(--ds-font-weight-semibold) !important;
    color: var(--ds-color-white);
    text-align: center;
    font-family: var(--ds-font-body) !important;
    font-size: var(--ds-font-size) !important
    
}

.elementor-button:hover {
    background: var(--ds-color-button-hover) !important;
	font-weight: 700;
		text-decoration: none !important
}

.outline-button .elementor-button{
	    color: var(--ds-color-primary);
	    border: 1px solid var(--ds-color-primary) ;
	    background: transparent!important;
}
.outline-button .elementor-button:hover{
	    background: var(--ds-color-button-hover) !important;
	 color: var(--ds-color-white);
	font-weight: 700;
	border: 1px solid var(--ds-color-primary) ;
		text-decoration: none !important

}

.red-button .elementor-button{
	    color: var(--ds-color-white);
	    background: var(--ds-color-secondary) !important;
}
.red-button .elementor-button:hover{
	 background: linear-gradient(270deg, #620004 0%, #C80008 100%) !important;
	 color: var(--ds-color-white);
	font-weight: 700;
	text-decoration: none !important
}
.gradient-red{
		 background: linear-gradient(270deg, #C80008 0%, #124988 100%) !important;

}
.gradient-blue{
		 background: linear-gradient(270deg, #001D3E 0%, #124988 100%) !important;
}
.multi-gradient{
	background:  linear-gradient(270deg, #C80008 0%, #124988 100%);
}

.gradient-total-red{
	background:	linear-gradient(270deg, #620004 0%, #C80008 100%);
}

.elementor-button:focus,
.elementor-button:hover,
.elementor-button:visited {
}

/* Elementor Button Size */
.elementor-button.elementor-size-xs { font-size: 13px; padding: 10px 20px; }
.elementor-button.elementor-size-md { font-size: 16px; padding: 15px 30px; }
.elementor-button.elementor-size-lg { font-size: 18px; padding: 20px 40px; }
.elementor-button.elementor-size-xl { font-size: 20px; padding: 25px 50px; }

/* Elementi testo pulsante */
.elementor-button-text {
 
}

.elementor-button-text:hover {

}

.elementor-portfolio__filter {
    padding: 10px 20px !important;
    background-color: var(--ds-color-primary);
    color: var(--ds-color-accent);
}

/* Box associativi */
.box-associativo p {
    font-size: 1rem;
}

.box-associativo h4 {
    text-transform: uppercase;
}

.box-associativo-people h5 {
    font-size: 15px;
    color: var(--ds-color-accent);
    padding: 0 20px 20px;
    background-image: linear-gradient(180deg, #ffffff00 0%, #00000090 90%);
}

.box-servizi h3 {
    font-size: 20px;
    margin-bottom: 0 !important;
}

.box-servizi:hover h3 {
    color: var(--ds-color-accent) !important;
}

.box {
    width: 600px;
    height: 400px;
    overflow: hidden;
    background-color: var(--ds-color-tertiary);
    position: relative;
}

.box-team-shadow {
    box-shadow: var(--ds-shadow-lg);
}

/* Pulsante call */
.menu-btn-call {
    	display: flex;
width: auto;
padding: 12px 16px;
justify-content: center;
align-items: center;
gap: 10px;
	background-color: transparent !important;
	border: 1px solid white;
	transition: all 0.3s ease;
	color: #fff !important;
	border-radius: 8px;
	margin-left: 30px
}

.menu-btn-call a{
	padding: 0px !important;
	line-height: 1 !important
}


.menu-btn-call:hover {
	background-color: var(--ds-color-secondary) !important;
	border: 1px solid var(--ds-color-secondary);
}
.menu-btn-call:hover a{
    color: #fff !important;
	
}

.content-dark div{
	border-color: var(--ds-color-white) !important
}

.content-dark .tag-button h5 {
    color: var(--ds-color-accent) !important;
    font-size: 18px
}



.contatti-box h3{
	font-size: 30px
}
.contatti-box p{
	font-weight: 400;
	font-size: 22px
}


.df-popup-thumb{
	width: 250px !important;
	margin: 0 !important
}

.sezione-cataloghi h5{
	font-size: 20px;
	padding-top: 20px
}


.cta-icon-after .elementor-cta__content {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: flex-start;
}

.cta-icon-after .elementor-cta__title {
  padding-bottom: 10px;
}


.punti-forza p{
	font-size: 15px
}

.entry-content .alignwide {
	padding: 80px 0 !important
}


.wc-block-components-product-badge {
	display: none !important
}


/*--------   Iubenda plugin style    ------------------------------*/

#iub-legalDoc {
	border-top: 0 !important
}
.footer__credits{
	display: none !important
}


/*------------------------------------------------------------------
    Top Header
-------------------------------------------------------------------*/

.top-header .social-circle li i{
	font-size: 25px !important
}
.top-header .social-network {
    gap: 0px !important;
}
.top-header h6{
	font-size: 20px !important
}

.top-bar,
.inside-top-bar {
    background-color: var(--ds-color-primary);
    color: var(--ds-color-accent);
    font-size: 12px;
	position: relative;
    z-index: 10;
}

.top-bar p,
.top-head-right p {
    margin-bottom: 0;
    color: var(--ds-color-accent);
    font-size: 12px;
}
.top-bar img{
	width: 10vw
}

.top-bar a,
.top-bar a:visited {
    color: var(--ds-color-black);
    font-weight: var(--ds-font-weight-semibold);
}

.top-bar a:hover {
    color: #dd3333;
}

.top-bar ul {
    margin: 0 !important;
}

.inside-top-bar .col {
    padding: 0 !important;
}

.inside-top-bar ol,
.inside-top-bar ul {
    margin: 0;
}

.col .inside-top-bar {
    padding-right: 0;
}

.top-head-right .wpml-ls-legacy-list-horizontal,
.top-head-right .textwidget {
    float: right !important;
}

.top-head-right .textwidget a{
    color: var(--ds-color-white) !important;
	text-decoration: none;
}
.top-head-right .textwidget a:hover{
    color: var(--ds-color-secondary) !important;
}

ul.social-top li,
ul.contact-top li {
    list-style: none;
    display: inline;
    margin-right: 10px;
    padding: 8px 0;
}

ul.contact-top li {
    float: left;
    padding: 5px 0;
}

.top-bar .nav-inline > .menu-item + .menu-item:before {
    content: '|';
    color: #cad5d5;
    display: inline-block;
    margin: 0 1em;
}

.top-bar .social-top i {
    color: #81d742;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    font-size: 15px;
    margin-right: 10px;
    transition: var(--ds-transition-fast);
    display: flex;
    justify-content: center;
}

.top-bar .social-top i:hover {
    color: inherit;
}

.top-bar .social-top a {
    text-decoration: none;
}

.inside-top-bar {
	padding: 0px; 
	display: flex;
	justify-content: space-between;
	align-items: center;
	height:8vh;
	padding: 0px 150px
}
.inside-top-bar  .widget_text {
	width: auto;
	display: flex;
	flex-direction: row;
	gap: 20px; 
	justify-content: center;
	align-items: center;
}

.inside-top-bar h2{
	color: #fff;
	font-size: 18px;
	margin-bottom: 0px !important;
}
.inside-top-bar .toph-rights{
	display: flex;
	width: auto;
	gap: 20px;
	align-items: center;
	justify-content: center
}
.inside-top-bar .toph-left{
	display: flex;
	width: auto;
	gap: 20px;
	align-items: center;
	justify-content: center
}

.top-bar .inside-top-bar .textwidget p:last-child {
    line-height: 1;
}




/*------------------------------------------------------------------
    Header
-------------------------------------------------------------------*/
.entry-title{
	display: none
}

.site-logo {margin-bottom: 0; }
.site-logo img {border-radius: 0 !important; }

.site-header .header-image{
	margin-top: 0px;
}


.entry-title{
	display: none !important;
}
header{

	height: auto
}
.inside-header{
	padding: 0px 100px;
	margin: 0;
	background-color: var(--ds-color-primary) !important;
	width: 100%;
	height: 12vh
}
.site-header .header-image {
    width: 60px !important;
}

.social-part .fab{padding-left:20px;}

.site-header {
    z-index: 100;
    background-color: var(--ds-bgcolor-header);
}


ul.shopping-icon-menu-inline li a{
	    color: #fff !important;
}


/* header elementor */
header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
}
.header-template{
    background: transparent;
    transition: background 0.3s ease;
}

/* stato dopo scroll */
.header-template.scrolled{
    background: var(--ds-color-primary); /* metti il tuo blu brand */
}

.header-template a{
	font-family: var(--ds-font-title) !important;
	font-size: 20px;
	text-transform: uppercase
}
/*------------------------------------------------------------------
   Menu
-------------------------------------------------------------------*/

.main-navigation, .main-navigation ul ul {
     background-color: transparent; 
}

.navigation-search input[type="search"],
.navigation-search input[type="search"]:active,
.navigation-search input[type="search"]:focus,
.main-navigation .main-nav ul li.search-item.active > a,
.main-navigation .menu-bar-items .search-item.active > a {
    color: var(--ds-color-menu-active);
    background-color: var(--ds-color-accent) !important;
}


.main-navigation ul ul{
	    border-radius: 5%;
}


.main-navigation .main-nav ul li a {
    font-weight: var(--ds-font-weight-bold);
    font-family: var(--ds-font-menu);
    font-size: var(--ds-font-menu-size);
    padding: 0 20px;
    color: var(--ds-color-menu);
    text-transform: uppercase;
}

.main-navigation .main-nav ul li a:hover {
    color: #fff;
	text-decoration: underline;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--ds-color-menu-active);
  text-decoration: underline;
	background-color: transparent !important
}

.main-navigation .main-nav ul ul li a {
    font-weight: var(--ds-font-weight-semibold);
    font-size: var(--ds-font-size);
    text-transform: none;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
    color: #fff;
	font-weight: 700;
     background-color: transparent; 
}


.header-wrap #site-navigation:not(.toggled) .main-nav > ul > li[class*="current-menu-"] > a, .header-wrap #mobile-header:not(.toggled) .main-nav > ul > li[class*="current-menu-"] > a, .header-wrap #site-navigation:not(.toggled) .main-nav > ul > li[class*="current-menu-"]:hover > a, .header-wrap #mobile-header:not(.toggled) .main-nav > ul > li[class*="current-menu-"]:hover > a{
	background: transparent;
    color: #fff;
	font-weight: 700;
}

.main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul {
    background-color: var(--ds-color-primary);
}


.navigation-branding img, .site-logo.mobile-header-logo img{
	width: 100px;
	height: auto !important;
}
.sticky-enabled .main-navigation.is_stuck{
	background-color: #000;
    padding: 20px 150px;
    width: 100% !important;
    margin: 0;
}
.main-navigation.has-branding:not([class*=nav-align-]):not(.mobile-header-navigation) .inside-navigation, .main-navigation.has-sticky-branding.navigation-stick:not([class*=nav-align-]):not(.mobile-header-navigation) .inside-navigation{
	margin: 0;
	min-width: 100% !important;
}




/*------------------------------------------------------------------
   Title
-------------------------------------------------------------------*/


.page-hero h1 {
    font-family: var(--ds-font-title);
    font-size: var(--ds-font-size-h3); /* 51.2px */
    font-weight: 600;
    color: #fff;
}

.titolo-pagina {
    font-family: var(--ds-font-title);
    text-align: center;
    font-size: var(--ds-font-size-h4); /* 40.96px */
    font-weight: var(--ds-font-weight-bold);
    margin: 0;
    padding: 200px 0;
}

.titolo-pagina a,
.titolo-pagina a:visited {
    color: var(--ds-color-accent);
    font-size: var(--ds-font-size);
}


.titolo-pagina a:hover {
    color: var(--ds-color-secondary);
    font-size: var(--ds-font-size);
}

.header-news {
    margin-bottom: 100px;
}

.section-titolo {
    min-height: 250px;
}

.title-autore h3 {
    text-transform: uppercase;
}

.title-corner h3 {
    font-size: var(--ds-font-size-h5); /* 32.77px oppure regola personalizzata */
}

.title-corner-sidebar h3 {
    font-size: var(--ds-font-size-h6); /* 26.21px oppure regola personalizzata */
}

.page-caption-divider {
    border-color: #C7B173; /* potresti creare una var --ds-color-divider-gold */
    width: 80px;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    margin-top: 35px;
}


/*------------------------------------------------------------------
   Breadcrumb
-------------------------------------------------------------------*/

.header-breadcrumb {
    color: #00ddcf; /* eventualmente definire var: --ds-color-breadcrumb */
}

.breadcrumbs span,
.breadcrumbs a {
    color: #8224e3 !important; /* --ds-color-breadcrumb-link? */
    font-size: 12px;
    font-weight: var(--ds-font-weight-semibold);
    text-transform: capitalize;
}

.breadcrumb_last {
    color: #00ddcf; /* --ds-color-breadcrumb-active? */
}



/*------------------------------------------------------------------
   Contents
-------------------------------------------------------------------*/

.separate-containers .site-main {
    margin: 0;
}

.site-content {
    padding: 0;
}

.box-shadow-multicolor p,
.box-shadow-multicolor h2 {
    color: var(--ds-color-accent) !important;
}

.title-content h2 {
    font-size: var(--ds-font-size-h2); /* 64px */
    font-weight: var(--ds-font-weight-bold);
}

.entry-meta a {
    color: #8FC5E4; /* puoi valutare di creare: --ds-color-link-meta */
}

.elementor-posts .elementor-post__title a {
    font-weight: var(--ds-font-weight-regular);
    font-size: var(--ds-font-size-h5); /* 32.77px */
}

.icon_box_heading {
    font-weight: var(--ds-font-weight-regular);
}

.box-team h3 {
    font-size: 22px;
    text-align: center;
}

.box-team p {
    text-align: center;
}

.box-attivita h6 {
    font-size: 14px;
    line-height: 20px;
}

.section-text-red{
	overflow: hidden;
	position: relative
}




.cta-box-prefooter {
    /* Aggiungi qui eventuali stili specifici */
}

.cta-box-prefooter h2 {
    margin-bottom: 0.2rem !important;
    font-weight: var(--ds-font-weight-bold);
}

.cta-box-prefooter .elementor-button:hover {
    background-color: var(--ds-color-button) !important;
    color: #f9eb1f !important; /* puoi creare una var tipo --ds-color-yellow */
}

.swiper-wrapper{
	transition-timing-function: linear !important;
}



/* SLIDER */
.parent-wrapper{
  overflow:hidden;
}

/* grid 200% */
.infinite-track{
  animation: scroll 5s linear infinite;
		display:flex;
  gap:40px;
  width:max-content;

}

/* Animazione */
@keyframes scroll{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}


.carosello-compleanno .swiper-wrapper .swiper-slide:nth-child(even){
    margin-top:200px;
}
.carosello-compleanno .swiper-slide-image {
    width: 90%!important;
}

.text-wrapper.active .text-hide{ height:auto; }
.text-hide{
  height:0;
  overflow:hidden;
	cursor: pointer
}

.text-wrapper.active .text-hide{
  height: auto;
}
.toggle-text{
	cursor: pointer;

}

.toggle-text .elementor-icon{ transition: transform .3s ease; }
.text-wrapper.active .toggle-text .elementor-icon{ transform: rotate(180deg); }
	


/* CARD ISCRIZIONI */

.elementor-price-table .elementor-price-table__header .elementor-price-table h3{
	margin-bottom: 20px;
}
.elementor-price-table .elementor-price-table__header{
	min-height: 140px;
	display: flex;
	justify-content: top;
	align-items: center;
	gap: 20px !important;
	flex-direction: column;
	padding: 20px
}
.price-table-base .elementor-price-table .elementor-price-table__header {
	max-height: 80px !important;
	min-height: 80px;
	display: flex;
	justify-content: center
}

.elementor-price-table__price{
	gap: 10px
}

.elementor-price-table__features-list li {
    line-height: 22px;
}
.elementor-price-table__features-list li{
	line-height: 22px !important;
}
.price-bg-black .elementor-price-table .elementor-price-table__header{
	min-height: 80px !important;
		gap: 10px !important;

}

.elementor-price-table .elementor-price-table__features-list li .elementor-price-table__feature-inner {
    margin-left: 20px;
    margin-right: 20px;
	text-align: start
}


/* NEWS */



.elementor-post__read-more{
	transition: var(--ds-transition-fast);
    display: inline-block;
    line-height: 1;
    background-color: var(--ds-color-black) !important;
    border-radius: var(--ds-radius-button) !important;
    border: 2px solid var(--ds-color-black);
    padding: 12px 16px;
    font-weight: var(--ds-font-weight-semibold);
    color: var(--ds-color-white) !important;
    text-align: center;
	font-size: 14px !important;
	margin-top: 10px
}

.elementor-post__read-more:hover {
    background-color: var(--ds-color-secondary) !important;
    border-color: var(--ds-color-secondary);
		text-decoration: none !important
}
.elementor-post__title a{
	color:#000;
}
.elementor-post__title a:hover{
	color: var(--ds-color-secondary) !important;
	text-decoration: none !important
}

.elementor-price-table .elementor-price-table__heading {
    font-size: 28px;
}
.elementor-widget-price-table .elementor-widget-container, .elementor-widget-price-table:not(:has(.elementor-widget-container)){
	background-color: #ebebeb
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
	padding: 15px
}

.generate-columns.grid-50{
width: 80% !important
}

.sidebar-container .elementor-widget-container{
display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 30px;
	flex-direction: column
}
.sidebar-container a{
	color: var(--ds-color-black) !important;
}
.sidebar-container .social-circle li i{
	color: black !important;
}
.sidebar-container .elementor-widget-container .widget-title {
    color: #fff;
    font-size: 25px;
    padding: 10px;
    font-weight: 400;
    letter-spacing: 0px;
    background-color: #000;
	margin-bottom: 25px
}


.elementor-widget-search .e-search-input.no-icon-label{
	margin: 0;
}

/* CARD GIOCATORE */
.card-giocatore {
  overflow: hidden;
	cursor: pointer;
}
.container-img{
	position: relative;
	cursor: pointer;
}

/* immagine */
.giocatore-img {
  transition: transform 0.4s ease;
}

/* card caratteristiche nascosta */
.caratteristiche-card {
	opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;

}
.card-giocatore.active .giocatore-img {
  transform: translateX(35%); /* spostamento verso destra */
}

.card-giocatore.active .caratteristiche-card {
  opacity: 1;
  pointer-events: auto;
}
.caratteristiche-card p{
	color: var(--ds-color-primary) !important;
	font-size: 14px;
	font-weight: 400
}
.caratteristiche-card .elementor-heading-title{
	font-size: 24px !important;
		color: var(--ds-color-primary) !important;
		font-weight: 700 !important;
		text-transform: uppercase
}



.section-club{
    align-items: flex-end;
    height: 55vh;
}

.container-club{
    height: 50vh;
    transition: height 0.5s ease;
}

.container-club:hover{
    height: 55vh;
}


/* STORIA */
.container-data{
    position: relative;
    transition: all 0.35s ease;
	cursor: pointer;
	background-color: var(--ds-color-primary);

}
.container-data:hover{
    background-color: var(--ds-color-black) !important;
}

/* testo chiuso */
.container-data .container-data__text{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    transition: all 0.35s ease;
}

/* testo aperto */
.container-data.is-open .container-data__text{
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}

.container-data.is-open {
    background-color: var(--ds-color-black) !important;
}

/* opzionale: rotazione icona */
.container-data .container-data__toggle{
    cursor: pointer;
    transition: all 0.3s ease;
}

.container-data.is-open .container-data__toggle{
    transform: rotate(180deg);
}


/* NEWS */

.img-news{
	aspect-ratio: 3 / 2;
}

.img-news-2{
	aspect-ratio: 1 / 1;
}


.tab-section {
  display: none;
  opacity: 0;
  transform: translateY(12px);
  	position: absolute;
top:0; left: 0;
}

.tab-section.active {
	position: static;
  display: block;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.tab-btn.active {
  background: var(--ds-color-button-hover) !important;
  border-radius: enherit;
  border-radius: var(--ds-radius-button) !important;

}
.tab-btn.active a{
 color: white !important

}


.content-news img{
	margin: 30px 0px;
	width: 50%;
	height: auto;
	border-radius: 16px
}
.content-news h1,
.content-news h2,
.content-news h3,
.content-news h4,
.content-news h5,
.content-news h6
{
	margin: 30px 0px;
	font-size: var(--ds-font-size-h2);
	color: var(--ds-color-black);
	font-weight: 600
}

.tabs-settore-giovanile .e-n-tabs-heading{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.tabs-settore-giovanile .tabs-divider-label{
    font-size: 18px;
    font-weight: 700;
    color: var(--ds-color-primary);
    text-transform: uppercase;
    white-space: nowrap;
    margin: 0 10px 0 10px;
    line-height: 1;
}

.tabs-settore-giovanile .e-n-tab-title:first-child{
    margin-right: 10px;
}

elementor-icon{
	transition: all 0.3s ease: 
}
.cta-news:hover .elementor-icon{
	transform: translateX(5px)
}


/* INTRO AIMATION */

#site-intro-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  background: #0A3D91; /* cambia colore se vuoi */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}

#site-intro-overlay.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

#site-intro-overlay .intro-logo {
  width: v180px;
  max-width: 60vw;
  animation: introPulse 1.4s ease-in-out infinite;
}

@keyframes introPulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.08);
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/*------------------------------------------------------------------
   Content Dark
-------------------------------------------------------------------*/


.content-dark h1, .content-dark, .content-dark h1, .content-dark h2, .content-dark h3, .content-dark h4, .content-dark h5, .content-dark h6, .content-dark strong, .content-dark b, .content-dark p, .content-dark ul, .content-dark li, .box-dark, .box-dark h2, .box-dark p, .box-dark a, .box-dark strong, .box-dark b {
}
.content-dark strong, .content-dark p, .content-dark li {
	color: var(--ds-color-white) !important;
}

/* Link */
.content-dark a {
  color: var(--ds-dark-link);
}

.content-dark a:hover {
  color: var(--ds-dark-link-hover);
  text-decoration: none !important;
}

/* Pulsanti WordPress */
.content-dark a.button, 
.content-dark a.button:visited, 
.content-dark a.wp-block-button__link:not(.has-background) {

}

/* Pulsante Elementor */
.content-dark .elementor-button {
  transition: var(--ds-transition-fast);
    display: inline-block;
    line-height: 1;
    background: var(--ds-color-white) !important;
    border-radius: var(--ds-radius-button) !important;
    border: 2px solid var(--ds-color-white);
    padding: 12px 16px;
    font-weight: var(--ds-font-weight-semibold);
    color: var(--ds-color-black);
    text-align: center;
}
.content-dark .elementor-button:hover {
background: transparent !important;
    border-color: var(--ds-color-white) !important;
	color: var(--ds-color-white) !important;
	text-decoration: none !important
}

.content-dark .outline-button .elementor-button{
	    color: var(--ds-color-white);
	    border: 2px solid var(--ds-color-white) ;
	    background: transparent!important;
}
.content-dark .outline-button .elementor-button:hover{
	    background: var(--ds-color-white) !important;
    border-color: transparent;
	 color: var(--ds-color-primary) !important;
	text-decoration: none !important
}



/* Testo pulsante Elementor */
.content-dark .elementor-button-text {

}




/* Submit button */
.content-dark input[type="submit"] {
  transition: var(--ds-transition-fast);
    display: inline-block;
    line-height: 1;
    background: var(--ds-color-white) !important;
    border-radius: var(--ds-radius-button) !important;
    border: 2px solid var(--ds-color-white) !important;
    padding: 12px 16px;
    font-weight: var(--ds-font-weight-semibold);
    color: var(--ds-color-black);
    text-align: center;
}

.content-dark input[type="submit"]:hover {
  background: transparent !important;
    border-color: var(--ds-color-white) !important;
	color: var(--ds-color-white) !important;
	text-decoration: none !important
}


/* Titoli accento */
.box-dark h3 {
  color: var(--ds-dark-accent, #FFE63D); /* fallback se variabile mancante */
  margin-bottom: 0.2rem !important;
}


/*------------------------------------------------------------------
   Blog
-------------------------------------------------------------------*/

.entry-title {
    font-size: 30px; /* Potresti anche usare --ds-font-size-h5 */
    font-family: var(--ds-font-title);
    font-weight: var(--ds-font-weight-bold);
    color: var(--ds-color-primary);
}

.entry-title a {
    color: var(--ds-color-primary);
}
.entry-title a:hover {
    color: var(--ds-color-link-hover);
}

.elementor-posts .elementor-post__title a {
    font-weight: var(--ds-font-weight-semibold);
}

.entry-meta {
    font-weight: var(--ds-font-weight-semibold);
    color: #408DB7; /* Puoi creare: --ds-color-meta-blog */
}

.inside-article {
    /* nessuno stile da ottimizzare qui */
}

article {
    padding: 0;
    margin: 0;
}


/*------------------------------------------------------------------
   Sidebar
-------------------------------------------------------------------*/

.widget-area .widget {
    padding: 0 20px 10px;
}

.sidebar .widget .widget-title {
    font-family: var(--ds-font-title);
    font-weight: var(--ds-font-weight-bold);
    border-color: #d32525; /* â†’ suggerita nuova var: --ds-color-border-alert */
    border-bottom: solid;
    font-size: 18px;
    color: var(--ds-color-gray-dark);
    padding-bottom: 8px;
    text-transform: none;
}

.sidebar .widget-area .widget {
    padding: 0;
}

.widget-title {
    margin-bottom: 0;
}

.widget .search-form button.search-submit {
    background: #C7B173; /* â†’ suggerita nuova var: --ds-color-gold */
}

/*------------------------------------------------------------------
    Footer
-------------------------------------------------------------------*/
.footer-widgets-elementor {
    padding: 50px 100px 25px 100px; 
}
.footer-widgets-elementor a:hover{
opacity: .8
}
/* Layout colonne */
.footer-widgets .footer-widget-1 { width: 20%; }
.footer-widgets .footer-widget-2 { width: 15%;margin-left: 250px; }
.footer-widgets .footer-widget-3 { width: 22%; }
.footer-widgets .footer-widget-4 { width: 15%; }
.footer-widgets .footer-widget-5 { width: 100%; flex-wrap: wrap; }

.logo-footer {
    width: 25%;
    border-radius: 0 !important;
    padding-bottom: 20px;
}

.site-footer {
    margin-top: 0;
}
.inside-footer-widgets>div {
    flex: none;
}

.footer-widgets {
    background-color: var(--ds-bgcolor-footer);
    padding: 50px 100px 25px 100px; 
    font-size: var(--ds-font-footer);
    color: var(--ds-font-color-footer);
	display: none
}
.footer-widgets-container {
    padding: 0px;
	min-width: 100% !important;
	margin: 0;
}
.inside-footer-widgets{
	display: flex;
	justify-content: space-between;
	align-items: top;
	min-width: 100% !important;
	flex-direction: row;
	flex-wrap: wrap
}
.site-footer .footer-widgets-container .inside-footer-widgets{
	margin-left: 0px;
}

.site-footer .footer-widgets-container .inner-padding {
    padding: 0 0 0 0px;
}
/* Link footer */
.footer-widgets a,
.footer-widgets a:visited {
    font-size: 15px;
    color: var(--ds-link-color-site-info); /* o crea --ds-footer-link-color */
    text-decoration: none;
}

.footer-widgets a:hover {
    color: var(--ds-link-hover-site-info) !important; /* o --ds-footer-link-hover */
    text-decoration: underline;
}

/* Paragrafi */
.inside-footer-widgets p,
.footer-widgets p {
    font-size: var(--ds-font-footer);
    color: var(--ds-font-color-footer);
    font-weight: var(--ds-font-weight-regular);
}

/* Titoli footer */
.footer-widgets h6 {
    color: var(--ds-footer-title-color);
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.footer-widgets .widget-title {
    line-height: var(--ds-line-height-base);
    color: var(--ds-footer-title-color);
    font-size: 20px;
    font-weight: var(--ds-font-weight-bold);
    margin-bottom: 20px !important;
    text-transform: uppercase;
}

.footer-widgets .elementor-button{
	background-color: #fff !important;
	color: #000 !important;
	border: 2px solid #fff !important;
}
.footer-widgets .elementor-button:hover{
	background-color: var(--ds-color-secondary) !important;
	color: #fff !important;
	border: 2px solid var(--ds-color-secondary) !important;
}
.footer-widgets-elementor h6{
    font-size: 20px !important
}

/* Grassetti */
.footer-widgets b,
.footer-widgets strong {
   
}

/* Icone */
.footer-widgets .fa,
.footer-widgets .far,
.footer-widgets .fas {
    padding-right: 10px;
}

/* Liste */
.footer-widgets .widget ul li {
    	margin-bottom: 10px !important

}

#menu-venus-triathlon-footer .menu-btn-call{
	display: none
}
#menu-news-footer .menu-btn-call{
	display: none
}


.footer-widgets .footer-widget-5 {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;  
	padding: 10px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 80px
}
.footer-widgets .footer-widget-5  .widget_text {
	width: auto;
	display: flex;
	flex-direction: row;
	gap: 20px; 
	justify-content: center;
	align-items: center;
}

.footer-widgets .footer-widget-5 .widget_media_image {
	margin-bottom: 0px !important
}

.footer-widgets .footer-widget-5 h2{
	color: #fff;
	font-size: 24px;
	margin-bottom: 0px !important;
}
.footer-widgets .footer-widget-5 .widget_media_image{
	display: flex;
	gap:30px;
	align-items: center;
	justify-content: center
}

.sidebar .widget, .footer-widgets .widget {
    font-size: 16px;
}
.widget ul li ul{
	margin-left: 0em
}


.footer-widgets-elementor a{
	text-transform: uppercase
}

/*------------------------------------------------------------------
    Footer Bottom
-------------------------------------------------------------------*/

.site-info {
    font-size: var(--ds-font-site-info) !important;
    background-color: var(--ds-bgcolor-site-info);
    text-align: center;
    padding: 0px 100px;
    color: var(--ds-font-color-site-info);
}

.inside-site-info{
	min-width: 100%
}
.inside-site-info {
    padding: 30px 0px;
	display: flex;
	justify-content: space-between;
	align-items: start
}
.site-info p {
    color: var(--ds-font-color-site-info);
    font-size: var(--ds-font-site-info) !important;
	text-align: start
}
.inside-site-info{
	margin: 0;
}

.site-info a,
.site-info a:visited {
    color: #fff;
    font-size: var(--ds-font-site-info) !important;
    text-decoration: none;
}

.site-info a:hover {
    color: #fff;
}

/* CTA footer button (ripetuto dal blocco precedente) */
.cta-box-prefooter .elementor-size-md:hover {
    background: var(--ds-color-button) !important;
    color: var(--ds-font-button) !important;
}

.footer-bar{
    display: flex;
    align-items: start;
    justify-content: space-between;
    text-align: start;
    width: 75%;
	gap: 15px
}
.footer-bar .inner-padding{
    width: 22%
}



.menu-footer ul{
	margin: 0 !important
}
.menu-footer ul li{
list-style: none;
	margin-bottom: 10px
}


/*------------------------------------------------------------------
   Social media icon
-------------------------------------------------------------------*/
ul.social-network {
	list-style: none;
	display: inline;
	margin-left: 0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 10px;
}
.social-network li i{
	font-size: 30px !important;
	line-height: 1;
	vertical-align: middle;
	margin-right: 10px !important;
color: var(--ds-color-primary);
}
.social-network li a{
	width: 30px !important;
	height: 30px !important;
	line-height: 1 !important;
	background: transparent !important;
}
.social-network {
    gap: 12px !important;
}


.social-network a.icoRss:hover { background-color: #F56505; }
.social-network a.icoFacebook:hover { background-color: #3B5998; }
.social-network a.icoTwitter:hover { background-color: #1DA1F2; }
.social-network a.icoLinkedin:hover { background-color: #0e76a8; }
.social-network a.icoYoutube:hover { background-color: #FF0000; }

.social-network a.icoInstagram:hover {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.social-network a.icoRss:hover i,
.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoVimeo:hover i,
.social-network a.icoLinkedin:hover i {
	color: #000;
}

a.socialIcon:hover, .socialHoverClass {
	color: #44BCDD;
}

.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto;
	border-radius: 50px;
	text-align: center;
	width: 30px;
	height: 30px;
}

.social-circle li i {
	margin: 0;
	line-height: 1;
	text-align: center;
	color: var(--ds-color-primary);
}
.content-dark .social-circle li i{
	color: var(--ds-color-white);
}

.social-circle li a:hover i, .triggeredHover {
opacity: 0.8;
	transition: all 0.2s;
}

.social-circle i {
	transition: all 0.8s;
	color: #fff
}

/****** Social icon Box team ******/
.box-team .social-circle li a {
	display: inline-block;
	position: relative;
	margin-left: 45%;
	border-radius: 50%;
	text-align: center;
	width: 30px;
	height: 30px;
	font-size: 15px;
}

.box-team .social-circle li i {
	margin: 0;
	line-height: 30px;
	text-align: center;
	color: var(--ds-color-icons);
}




/* Versione verticale */
ul.social-network.vertical {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 0;
    align-items: flex-start; /* ðŸ‘ˆ Forza l'allineamento a sinistra */
}

ul.social-network.vertical li {
    display: block;
    margin: 0;
}

ul.social-network.vertical li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    background: var(--ds-bgcolor-icons);
    color: var(--ds-color-icons) !important;
    transition: all 0.3s ease;
}

ul.social-network.vertical li a:hover i {
    transform: rotate(360deg);
}

ul.social-network.vertical li i {
    font-size: 20px;
    line-height: 1;
    transition: all 0.3s ease;
}



/****** Social icon footer ******/
.footer-widgets .social-circle li a {
	color: var(--ds-color-icons) !important;
	background: var(--ds-bgcolor-icons) !important;
}

.footer-widgets .social-circle i {
	color: var(--ds-color-icons) !important;
}



/*------------------------------------------------------------------
   Contact form
-------------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
	width: 100%;
	height: 45px;
	padding: 20px;
	color: var(--ds-form-text) ;
	border: 1px solid var(--ds-form-border);
	outline: none;
	font-weight: var(--ds-font-weight-regular);
	overflow: hidden;
	margin-bottom: 10px;
	border-radius: var(--ds-radius-form);
	background: var(--ds-form-bg) ;
	box-sizing: border-box;
}

select {
	width: 100%;
	min-height: 45px;
	padding: 5px 12px;
  vertical-align: middle;
	color: var(--ds-form-text) ;
	border: 2px solid var(--ds-form-border);
	border-radius: var(--ds-radius-form);
	background: var(--ds-form-bg) ;
	font-weight: var(--ds-font-weight-regular);
	box-sizing: border-box;
}

.iscrizione-section input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
	color: var(--ds-form-text) !important;
	background: var(--ds-form-bg) !important;
}

.iscrizione-section select {
	color: var(--ds-form-text) !important ;
	background: var(--ds-form-bg) !important;
}

.content-dark input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
	color: #fff ;
	border: 2px solid #fff;
	background: rgb(255, 255, 255, 0.5) !important;
	margin: 0
}
.content-dark textarea{
	color: #fff !important;
	border: 2px solid #fff;
	background: rgb(255, 255, 255, 0.5) !important;
}

.content-dark input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
	background: rgb(255, 255, 255, 1) !important;
	color: var(--ds-color-black);
	border: 2px solid #fff !important;
}


/* Textarea */
textarea {
	min-height: 100px;
	max-height: 100px;

}

/* Numerici */
input[type="number"] {
	color: var(--ds-form-text);
}

/* Focus */
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
	background: var(--ds-form-bg-focus);
	border: 2px solid var(--ds-form-border-focus);
}

/* Submit */
input[type="submit"] {
	color: var(--ds-form-submit-color);
	background-color: var(--ds-form-submit-bg) !important;
	font-family: var(--ds-font-title);
	padding: 12px 16px !important;
	border-radius: var(--ds-form-submit-radius) !important;
	font-size: var(--ds-font-size);
	font-weight: var(--ds-font-weight-bold);
	margin-top: 10px;
	transition: all 0.3s ease;
	border: 2px solid var(--ds-color-secondary) !important;

}
input[type="submit"]:hover{
	background-color: transparent !important;
	border: 2px solid var(--ds-color-secondary) !important;
	color: var(--ds-color-secondary) !important;
}

.wpcf7-form p{
	font-size: 16px;
}
.wpcf7-form a{
	color: var(--ds-color-secondary);
}

/* Label generiche */
.label-form {
	margin-top: 10px;
	color: var(--ds-color-primary);
}

.label-privacy-form {
	margin-top: 20px;
}

/* Search (widget) */
.widget .search-form button.search-submit {
	border-radius: var(--ds-radius-button) !important;
}

/* Checkbox e radio */
.wpcf7-list-item-label {
	font-size: 16px !important;
	margin-left: 10px;
	text-align: left !important
}

.wpcf7-radio .wpcf7-list-item-label,
.wpcf7-checkbox .wpcf7-list-item-label {
	font-size: 18px !important;
	margin-left: 10px;
	margin-right: 30px;
}

.wpcf7-form-control{
	margin-top: 0px
}

.footer-widgets input[type="text"], .footer-widgets input[type="email"], .footer-widgets input[type="url"], .footer-widgets input[type="password"], .footer-widgets input[type="search"], .footer-widgets input[type="tel"], .footer-widgets input[type="number"], .footer-widgets textarea, .footer-widgets select {
	width: 100%;
	height: 50px;
	padding: 3px 50px 0 30px;
	border: 0;
	outline: none;
	font-weight: var(--ds-font-weight-bold);
	margin-bottom: 10px !important;
	border-radius: 5px !important;
	background-color: #dd3333 !important; /* eventualmente: var(--ds-color-form-footer) */
	font-family: var(--ds-font-title);
	box-sizing: border-box;
}

.footer-widgets .wpcf7-list-item-label {
	font-size: 12px !important;
}



.form-news input[type="submit"] {
	padding: 5px 15px 20px !important;
	font-size: var(--ds-font-size);
	font-weight: var(--ds-font-weight-bold);
	margin-top: 0;
	height: 40px;
	line-height: inherit;
	margin-top: -30px
}

.iscrizione-newsletter input[type="submit"] {
	margin-top: 0;
	padding: 9px 20px !important;
}



.qodef-qi-contact-form-7 input[type="date"], .qodef-qi-contact-form-7 input[type="email"], .qodef-qi-contact-form-7 input[type="number"], .qodef-qi-contact-form-7 input[type="password"], .qodef-qi-contact-form-7 input[type="search"], .qodef-qi-contact-form-7 input[type="tel"], .qodef-qi-contact-form-7 input[type="text"], .qodef-qi-contact-form-7 input[type="url"], .qodef-qi-contact-form-7 select, .qodef-qi-contact-form-7 textarea {
	margin-bottom: 10px;
}



/* DIVENTA SPONSOR*/

.form-diventa-sponsor{
}

/* LABEL */
.form-label{
    font-size: var(--ds-font-size);
    font-weight: 600;
    margin-bottom: 6px;
    color:var(--ds-color-black);
}
.content-dark .form-label{
    color: #fff;
}

/* INPUT + TEXTAREA */

/* TEXTAREA */
.form-diventa-sponsor textarea.form-control{
    height: auto;
    min-height: 120px;
	border: 2px solid #fff
}

/* FOCUS */
.form-diventa-sponsor .form-control:focus{
    background: rgba(255,255,255,1);
    outline: none;
    box-shadow: none;
}

/* PLACEHOLDER */
.form-diventa-sponsor .form-control::placeholder{
    color: rgba(255,255,255,0.7);
}

/* CHECKBOX */
.form-diventa-sponsor .wpcf7-list-item{
    margin: 0;
}

.form-diventa-sponsor .wpcf7-list-item-label{
    font-size: 12px;
    color: #fff;
}

.form-diventa-sponsor a{
    color: #fff;
    font-style: italic;
    font-weight: 600;
    text-decoration: underline;
}

/* SPACING checkbox */
.form-diventa-sponsor .form-check{
    margin-bottom: 0px;
}
.form-check {
    display: block;
    min-height: 0rem;
    padding-left: 0em;
    margin-bottom: 0rem;
	margin-top: 0px
}
.form-check br{
    display: none
}


.form-diventa-sponsor select.form-control{
    width: 100%;
    min-height: 45px;
    border: 2px solid #fff;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.35);
    color: #5f6470;
    padding: 12px 46px 12px 16px;
    box-shadow: none;
}


/* focus */
.form-diventa-sponsor select.form-control:focus{
    background-color: rgba(255,255,255,1);
    color: var(--ds-color-black);
    box-shadow: none;
    outline: none;
}

/* option */
.form-diventa-sponsor select.form-control option{
    color: #000;
}




/* FORM CONTATTI */
.form-contatti input[type="submit"]{
	    background: var(--ds-color-primary) !important;
	    font-weight: 600;
		border:none !important

}
.form-contatti input[type="submit"]:hover{
	     background: linear-gradient(270deg, #001D3E 0%, #124988 100%) !important;
	    font-weight: 600;
	    color:white !important;
	    border:none !important
}
.form-contatti  input[type="email"]{
	margin: 10px 0px
}

.form-contatti input,
.form-contatti textarea
{
	border: none !important;
	background: rgba(18, 73, 136, 0.20) !important;
	    box-shadow: none
}

.form-contatti a{
	color: var(--ds-color-primary)
}
.form-contatti input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
    background: white !important;
    border: 2px solid var(--ds-color-primary) !important;
    box-shadow: none !important
}

.form-contatti textarea
{
	min-height: 120px ;
	max-height: 120px
}


.content-privacy h2{
	color: var(--ds-color-black) !important;
	font-size: var(--ds-font-size-h3);
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 600
}


/*------------------------------------------------------------------
    Woocommerce MODE
-------------------------------------------------------------------*/


.woocommerce table.shop_attributes td p{
	padding: 8px 10px;
}

.footer-widgets .payment-icon ul li {
	margin-bottom: 0;
}


.woocommerce ul.products li.product a img{
	border-radius: 15%;
}

ul.products li.product span.onsale{
	border-radius: 10% !important;
    padding: 10px !important;
}

.woocommerce ul.products li.product.sales-flash-overlay .onsale{
	top: 10px !important;
    right: 10px !important;
}


.woocommerce ul.products li.product .button{
	    border-radius: 50px;
    padding: 5px 25px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: var(--e-global-color-primary);
    color: #fff;
}

.woocommerce ul.products li.product .price{
	font-size: 1.2em;
}


.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-family: var(--ds-font-title);
    font-weight: var(--ds-body-title-weight);
    line-height: 1.2;
    color: var(--ds-color-title);
}




.woocommerce-product-gallery__image {
	position: relative;
}

/* Badge "Promo" in stile pillola nera */
.woocommerce span.onsale {
	position: absolute !important;
	top: 10px;
	left: 10px;
	background-color: #000;
	color: #fff;
	padding: 15px 25px;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	z-index: 10;
	pointer-events: none;
	line-height: 1;
}

.single-product span.onsale {
	top: 10px;
	left: 10px;
	background-color: var(--e-global-color-primary);
	color: #fff;
	padding: 12px 20px !important;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	z-index: 10;
	pointer-events: none;
	line-height: 1;
}


.woocommerce-message {
	display: flex;
  flex-direction: column;
  align-items: flex-start; /* o center se vuoi centrare il bottone */
  gap: 0.5rem;
  position: absolute !important;
  bottom: 0;
  left: 0;
  text-align: left !important;
  width: 100%;
  z-index: 9999;
  margin: 0;
  border-radius: 0;
}

.woocommerce-message .button {
  display: block;
  white-space: normal;
  text-align: left;
  width: 100%;
    background-color: var(--ds-color-button) !important;
    border-radius: var(--ds-radius-button) !important;
    border: 2px solid var(--ds-color-button);
    font-size: 15px;
    width: 200px;
    padding: 5px 24px !important;
    font-weight: var(--ds-font-weight-semibold);
    color: var(--ds-color-accent);
    text-align: center;
}

.yith-wcan-filters{
	background-color: #f8f8f8 !important
}

.yith-wcan-filters h4{
	font-size: 20px
}
.yith-wcan-filters .yith-wcan-filter{
	margin-bottom: 10px
}



/*------------------------------------------------------------------
   Pc e Desktop - Media Query style
-------------------------------------------------------------------*/
@media (max-width: 1540px) {

	
.inside-header{
	padding: 20px 80px;
}
.sticky-enabled .main-navigation.is_stuck {
    padding: 20px 80px;
}
	.inside-top-bar {
    padding: 0px 80px;
}
	.footer-widgets {
    background-color: var(--ds-bgcolor-footer);
    padding: 80px 50px 0px 50px; 
    font-size: var(--ds-font-footer);
    color: var(--ds-font-color-footer);
}
	.site-info {
    padding: 0px 50px;
}
	
.main-navigation .main-nav ul li a {
    padding: 0 15px;
}

.caratteristiche-card p{
	font-size: 14px;
}
.caratteristiche-card .elementor-heading-title{
	font-size: 18px !important;

}
	
} 


@media (max-width: 1366px) {
	.hero-landing
 {
    margin-top: 0vh !important;
    z-index: 9999 !important;
}
.footer-widgets-elementor {
    padding: 75px 50px 25px 50px; 
}
.header-template a{
	font-size: 18px;
}

		
:root {
        --ds-font-size: 16px;

  --ds-font-size-h1: 58px;
  --ds-font-size-h2: 50px;
  --ds-font-size-h3: 44px;
  --ds-font-size-h4: 38px;
  --ds-font-size-h5: 30px;
  --ds-font-size-h6: 26px;
    } 
	
.carosello-compleanno .swiper-wrapper .swiper-slide:nth-child(even){
    margin-top:150px;
}

.padding-container{
padding: 100px 50px !important;
}
.padding-lateral{
padding: 0px 50px !important;
}
.inside-header{
	padding: 20px 80px;
	background-color: #000 !important;
	border-bottom: 1px solid white;
	position: fixed;
		top: 8vh;
		left:0;
		right:0;
}
	.top-bar{
		position: fixed;
		top: 0;
		left:0;
		right:0;
		z-index: 10
	}
	.inside-top-bar {
    padding: 0px 80px;
}
	.footer-widgets {
    background-color: var(--ds-bgcolor-footer);
    padding: 80px 50px 0px 50px; 
    font-size: var(--ds-font-footer);
    color: var(--ds-font-color-footer);
}
.footer-widgets .elementor-button {
    width: auto;
}
	.site-info {
    padding: 0px 50px;
}

	.copyright-bar{
		width: 20%
	}
	
.footer-widgets .footer-widget-2 {
    margin-left: 0px;
}
.footer-widgets .footer-widget-3{
		width: 25%
	}.footer-widgets .footer-widget-4{
		width: 20%
	}
	
	
/* TOGGLE ICON*/
	
#generate-slideout-menu {
    z-index: 1;
}	

	.main-navigation .menu-toggle{
		color: #000 !important;
	}
.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    color: #fff;
    font-size: 25px;
	padding: 0px !important;

}
.has-inline-mobile-toggle .mobile-menu-control-wrapper {
        display: flex;
        flex-wrap: wrap;
        width: 50px;
        height: 50px;
        background-color: #fff;
        display: flex;
        align-items: center;
        border-radius: 8px;
    }
	
.main-navigation.toggled .main-nav > ul {
    background-color: transparent !important;
}	
	
#site-navigation:not(.toggled) .main-nav > ul {
  display: none !important;
}
	
.main-navigation.toggled .main-nav li {
    margin-bottom: 30px;
}
	
.main-navigation.toggled .main-nav ul ul {
    margin-left: 30px;
    margin-top: 30px;
    border-radius: 0px;
}
.main-navigation .main-nav ul ul li a {
    padding: 10px 15px 10px 15px !important;
	}
	
.main-navigation.toggled  .menu-btn-call{
margin-top: 30px;
	margin-left: 0px;
	
}
	
.elementor-price-table .elementor-price-table__heading {
	font-size: 28px !important
}
	
	
/* APERTO (dopo click) */
#site-navigation.toggled .main-nav > ul {
  display: block !important;
}

.main-navigation.toggled .main-nav {
    flex-basis: 100%;
    order: 3;
    margin-top: 50px;
}
	
	
	.inside-top-bar h2 {
    display: block;
}
/* Icone close nascoste */
	.inside-navigation .menu-toggle{
		display: none !important;
	}
	.slideout-exit{
		display: none
	}
	
.footer-widgets .footer-widget-5 {
        padding: 10px 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        gap: 30px;
    }
.top-bar img {
    width: 20vw;
}
	.price-table-base .elementor-price-table .elementor-price-table__heading {
        font-size: 32px !important;
    }
    
   .caratteristiche-card p{
	font-size: 12px;
}
.caratteristiche-card .elementor-heading-title{
	font-size: 14px  !important;
}
.section-club{
    align-items: flex-end;
    height: 45vh;
}
.container-club{
    height: 40vh;
    transition: height 0.5s ease;
}
.container-club:hover{
    height: 45vh;
}
	
	
}



@media (max-width: 1024px) {
	
	.footer-widgets-elementor a{
		font-size: 14px
	}
.footer-widgets-elementor ul.social-network.vertical li i {
    font-size: 25px !important;
}
	
.header-template ul{
		padding: 10px 0px
}	
.header-template .menu-item li a{
	font-size: 18px !important;
}
.top-header h6{
	font-size: 18px !important
}
	
.top-header .social-circle li i{
	font-size: 25px !important
}
.top-header .social-network {
    gap: 0px !important;
}
	

	:root {
         --ds-font-size: 16px;

    --ds-font-size-h1: 50px;
  --ds-font-size-h2: 44px;
  --ds-font-size-h3: 36px;
  --ds-font-size-h4: 31px;
  --ds-font-size-h5: 26px;
  --ds-font-size-h6: 23px;
		
		
    }
	
.carosello-compleanno .swiper-slide-image {
    width: 70% !important;
}
.carosello-compleanno .swiper-wrapper .swiper-slide:nth-child(even){
    margin-top:100px;
}
	
.padding-container{
	
padding: 75px 50px !important;

	}
.padding-lateral{
	padding: 0px 50px !important;
	}
	.inside-header{
	padding: 20px 50px;
}
	.inside-top-bar {
    padding: 0px 50px;
}
	.footer-widgets {
    background-color: var(--ds-bgcolor-footer);
    padding: 50px 50px 0px 50px; 
    font-size: var(--ds-font-footer);
    color: var(--ds-font-color-footer);
}
	.site-info {
    padding: 0px 50px;
}
	
	
.elementor-post__read-more{
	font-size: 12px !important;
}
	
/*FOOTER */
	
.footer-widgets .footer-widget-1 { width: 25%;margin-bottom: 30px }
.footer-widgets .footer-widget-2 { width: 100%;margin-left: 250px; }
.footer-widgets .footer-widget-3 { width: 100%; }
.footer-widgets .footer-widget-4 { width: 100%; }
.footer-widgets .footer-widget-5 { width: 100%; flex-wrap: wrap; }
	
	.inside-footer-widgets{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column !important;
	min-width: 100% !important;
		gap:50px
}
	.inside-site-info {
    justify-content: space-between;
    align-items: start;
		gap:50px
}
	
	.footer-bar-active .footer-bar {
        width: 100%;
        margin-bottom: 30px;
    }

	
	.footer-widgets .footer-widget-2 {
    width: 100%;
    margin-left: 0px;
}
.inside-footer-widgets h2{
	text-align: center;
	white-space: nowrap
}
	.inside-footer-widgets a{
	text-align: center;
	width: 100%
}
	.inside-footer-widgets{
		display: flex
	}
	.inside-footer-widgets .textwidget{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column
	}
	.footer-widgets .widget ul li {
    margin-bottom: 0.3em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
	
	ul.social-network {
    display: flex;
}
.footer-widgets .footer-widget-5 {
        padding: 10px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 30px;
    }
	
	.elementor-price-table .elementor-price-table__header {
    min-height: 120px;
    gap: 10px !important;
}
	
button.menu-toggle:hover, button.menu-toggle:focus {
    color: #000;
}
	.top-bar img {
    width: 25vw;
}
		.price-table-base .elementor-price-table .elementor-price-table__heading {
        font-size: 28px !important;
    }
	.footer-widget-3 ul li{
		margin-bottom: 20px
	}
	.footer-widget-4 #text-4{
		margin-bottom: 0 !important
	}
    .copyright-bar {
        width: 30%;
		text-align: start
    }
	.footer-bar {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: start;
    width: 75%;
    gap: 15px;
}
	.footer-bar .inner-padding:nth-child(4) {
    width: 30%;
}


	.tabs-settore-giovanile .e-n-tabs-heading{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
  }

  .tabs-settore-giovanile .tabs-divider-label{
    flex: 0 0 100%;
    width: 100%;
    margin: 8px 0 0 0;
  }

  .tabs-settore-giovanile .tabs-label-agonistica{
    margin-top: 12px;
  }

  .tabs-settore-giovanile .tabs-label-base{
    margin-top: 12px;
  }
	
	

}

@media (max-width: 768px) {


.footer-widgets-elementor {
    padding: 50px 30px 25px 30px; 
}
.footer-widgets-elementor h6{
    font-size: 22px !important
}
.footer-widgets-elementor li{
		font-size: 16px;
	text-align: center
	}
.footer-widgets-elementor a{
		font-size: 16px;
	text-align: center
	}

	ul.social-network.vertical li a{
		height: auto !important
	}
	
.footer-widgets-elementor ul.social-network.vertical li i{
    font-size: 30px !important;
	margin-bottom: 10px !important;
    line-height: 1;
	margin-right: 0 !important
}
	
.footer-widgets .footer-widget-1 { width: 40%; }
.text-16 p{
	font-size: 14px !important
}
	
	:root {
        --ds-font-size: 16px;
     --ds-font-size-h1: 42px;
  --ds-font-size-h2: 36px;
  --ds-font-size-h3: 31px;
  --ds-font-size-h4: 27px;
  --ds-font-size-h5: 23px;
  --ds-font-size-h6: 20px;

		
    }
	
.carosello-compleanno .swiper-slide-image {
    width: 50% !important;
}
	
.carosello-compleanno .swiper-wrapper .swiper-slide:nth-child(even){
    margin-top:75px;
}
	
.padding-container{
	padding: 50px 30px !important;
}
	.padding-lateral{
	padding: 0px 30px !important;
}
.inside-header{
	padding: 15px 30px;
}
	.site-header .header-image{
		width: 90px;
		margin-bottom: 5px
	}
	
.inside-top-bar .toph-rights {
    width: 100%;
    justify-content: space-between;
}
	
	.inside-top-bar {
    padding: 0px 30px;
}
	
    .has-inline-mobile-toggle .mobile-menu-control-wrapper {
        width: 45px;
        height: 45px;
    }	
.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    font-size: 20px;

}

    .inside-top-bar .toph-rights {
        width: auto;
        justify-content: space-between;
		padding: 0;
    }
	.inside-top-bar .toph-left {
    padding: 0;
}
	.toph-rights .social-network li{
		margin-right: 0
	}
	
.top-bar .inside-top-bar {
        justify-content: space-between;
        width: 100%;
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
    }

.inside-top-bar h2 {
    font-size: 18px;
}	
	
	
	.footer-widgets {
    background-color: var(--ds-bgcolor-footer);
    padding: 50px 30px 0px 30px; 
    font-size: var(--ds-font-footer);
    color: var(--ds-font-color-footer);
}
	.site-info {
    padding: 0px 30px;
}
	
	
.main-navigation.toggled .main-nav li {
    margin-bottom: 20px;
}
	.main-navigation.toggled .sub-menu li{
			margin-bottom: 0px;
	}
	
.main-navigation.toggled .main-nav ul ul {
    margin-left: 0px;
    margin-top: 0px;
    border-radius: 0px;
}
	

.elementor-price-table .elementor-price-table__header .elementor-price-table h3{
}
.elementor-price-table .elementor-price-table__header{
	min-height: auto;
	display: flex;
	justify-content: top;
	align-items: center;
	gap: 0px !important;
	flex-direction: column
}
	.price-bg-black .elementor-price-table .elementor-price-table__header{
		gap:0px;
	}
	
/* FOOTER */
.inside-footer-widgets {
        gap: 20px;
    }
.footer-widgets .footer-widget-5 {
    margin-top: 30px;
	gap:10px
}
	.footer-widget-4 .inner-padding{
		margin: 0;

	}
	.footer-widget-4 .inner-padding a{
		margin-bottom: 50px !important
	}
	
	.inside-top-bar h2 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0px !important;
    display: none;
}
.top-bar img {
    width: 30vw;
}
	
	
	.price-table-base .elementor-price-table .elementor-price-table__heading {
        font-size: 22px !important;
    }
	
	.generate-columns.grid-50{
width: 100% !important
}
	
	.footer-bar{
		flex-wrap: wrap
	}
	
    .copyright-bar {
        width: 100%;
		text-align: center
    }
	


.container-club{
    height: 35vh;
    transition: height 0.5s ease;
}

.container-club:hover{
    height: 40vh;
}
 .caratteristiche-card p{
	font-size: 14px;
}
.caratteristiche-card .elementor-heading-title{
	font-size: 16px  !important;
}


	
}


@media (max-width: 480px) {
.header-template .menu-item li a{
	font-size: 16px !important;
}
	
.footer-bar .inner-padding {
    width: 100%;
}
    .footer-bar {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
        gap: 20px;
		margin-bottom: 0px !important;
    }
    .footer-bar p{
        text-align: center
    }
	.footer-bar .inner-padding:nth-child(4){
		width: 100%
	}
	
	:root {
        --ds-font-size: 16px;

        --ds-font-size-h1: 35px;
  --ds-font-size-h2: 30px;
  --ds-font-size-h3: 26px;
  --ds-font-size-h4: 23px;
  --ds-font-size-h5: 20px;
  --ds-font-size-h6: 18px;
		
		
    }
	
.carosello-compleanno .swiper-slide-image {
    width: 70% !important;
}
	
	

	/* override font helper on mobile */
	.fh-2 h1, .fh-2 h2, .fh-2 h3, .fh-2 h4, .fh-2 h5, .fh-2 h6, .fh-2 p { font-size: 18px !important; }
	.fh-3 h1, .fh-3 h2, .fh-3 h3, .fh-3 h4, .fh-3 h5, .fh-3 h6, .fh-3 p { font-size: 20px !important; }
	.fh-4 h1, .fh-4 h2, .fh-4 h3, .fh-4 h4, .fh-4 h5, .fh-4 h6, .fh-4 p { font-size: 25px !important; }
	.fh-5 h1, .fh-5 h2, .fh-5 h3, .fh-5 h4, .fh-5 h5, .fh-5 h6, .fh-5 p { font-size: 40px !important; }
	.fh-6 h1, .fh-6 h2, .fh-6 h3, .fh-6 h4, .fh-6 h5, .fh-6 h6, .fh-6 p { font-size: 45px !important; }
	.fh-7 h1, .fh-7 h2, .fh-7 h3, .fh-7 h4, .fh-7 h5, .fh-7 h6, .fh-7 p { font-size: 50px !important; }
	.fh-8 h1, .fh-8 h2, .fh-8 h3, .fh-8 h4, .fh-8 h5, .fh-8 h6, .fh-8 p { font-size: 50px !important; }
	.fh-9 h1, .fh-9 h2, .fh-9 h3, .fh-9 h4, .fh-9 h5, .fh-9 h6, .fh-9 p { font-size: 60px !important; }
	.fh-10 h1, .fh-10 h2, .fh-10 h3, .fh-10 h4, .fh-10 h5, .fh-10 h6, .fh-10 p { font-size: 60px !important; }


	.header-widget {
		display: none;
	}

	.entry-content .alignwide {
		padding: 40px 50px !important;
	}

	.logo-mobile {
		max-width: 70%;
	}

	.main-navigation .main-nav ul li a {
		font-size: 18px;
		text-transform: uppercase;
		font-weight: var(--ds-body-title-weight);
	}

	.slideout-navigation.main-navigation .widget-title {
		color: #fff !important;
	}

	.slideout-navigation.main-navigation .main-nav ul li a {
		text-transform: uppercase !important;
	}

	body.elementor-popup-active .your-mobile-menu-class {
		display: none !important;
	}

	body .elementor-popup-modal .dialog-widget-content {
		z-index: 999999 !important;
		position: relative;
	}

	.separate-containers .inside-article,
	.separate-containers .comments-area,
	.separate-containers .page-header,
	.separate-containers .paging-navigation,
	.one-container .site-content,
	.inside-page-header {
		padding: 0;
	}


	.site-info .inside-site-info {
		flex-direction: column;
		gap:30px
	}
	.top-bar img {
    width: 35vw;
}
	

	
	
.social-network li i{
	font-size: 20px !important;
	line-height: 1;
	vertical-align: middle;
	margin-right: 10px !important;
color: var(--ds-color-primary);
	}	
.social-network li a {
    width: 20px !important;
    height: 20px !important;
}
.social-network {
    gap: 15px !important;
}
ul.social-network li {
    display: inline;
    margin: 0 6px;
}	


 .caratteristiche-card p{
	font-size: 10px;
}
.caratteristiche-card .elementor-heading-title{
	font-size: 12px  !important;
}


}




