@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* font-family: "Inter", sans-serif;   font-family: "Gelasio", serif;*/

.row, .col {padding:0px; margin:0px;}

#masthead { width: 100%; max-width: 100%; padding: 0px;}
#masthead .so-widget-bso-so-widget-logo {max-width:150px; margin-left: 3rem;}
.navbar {background:none !important;  font-family: "Inter", sans-serif; text-transform:uppercase;}
#primary { width: 100%; max-width: 100%; padding: 0px;}
#primary .entry-content {margin:0px;}
#aderire {background:url("https://www.cerphosets.it/wp-content/uploads/sites/4/2026/04/top_header.png") no-repeat; height: 800px; background-size: contain; position: relative; background-position-x: center;}
#aderire .widget_sow-button {position: absolute; bottom: 12%; left: 42%;}
#aderire .widget_sow-button .ow-icon-placement-left {background:#fff; border-radius:3rem;}
#aderire .widget_sow-button .ow-icon-placement-left:hover {background:#b0cb4a;}
#aderire .widget_sow-button .ow-icon-placement-left span { color:#477ebf; font-family: "Inter", sans-serif;  font-weight:900; font-size: 1.3rem;}
#aderire .widget_sow-button .ow-icon-placement-left span:hover {color:#fff;}

#missione {max-width:60rem; margin:auto;}
#missione .widget-title { font-family: "Inter", sans-serif;  color:#477ebf; font-weight:900;}
#missione h2 { font-family: "Inter", sans-serif;  color:#477ebf;}
#missione h3{ font-family: "Inter", sans-serif; color:#b0cb4a;}
#missione p {font-family: "Gelasio", serif;}
#missione ol li {font-family: "Gelasio", serif;}

#vantaggi {border-top:1px solid #686868;}
#vantaggi #unirsi {max-width:40rem; margin:auto; margin-top:1rem;}
#vantaggi #unirsi p {font-family: "Gelasio", serif; font-style:italic;}
#vantaggi .custom-html-widget { font-family: "Inter", sans-serif; color:#fff; text-align:center; text-transform:uppercase; font-weight:600; padding-top:0.5rem;}
#vantaggi .widget_siteorigin-panels-builder {background: linear-gradient(135deg, #4a90e2 0%, #50b3a2 60%, #8bc34a 100%);}
#tre_vantaggi {max-width:90%; margin:auto;}
#tre_vantaggi .panel-grid-cell {background:rgba(256,256,256,0.2); border-radius:32rem; margin-bottom:1.5rem; height: 582px;}
#tre_vantaggi .widget_sow-image { max-width: 120px; padding-top: 1rem; margin: auto; margin-bottom:0px;}
#tre_vantaggi .widget_sow-editor {text-align:center; color:#fff;}
#tre_vantaggi .widget_sow-editor h4 {font-size:1.2rem;}
#tre_vantaggi .widget_sow-editor .textwidget {max-width:55%; margin:auto; margin-bottom:2rem;}
#tre_vantaggi .widget_sow-editor .textwidge p {font-family: "Gelasio", serif;}

#partner {border-bottom:1px solid #686868;}
#partner .widget-title {font-family: "Inter", sans-serif; color: #477ebf; font-weight: 900; text-align:center; text-transform:uppercase;}
#partner .textwidget {text-align:center;}

#come_unirsi {max-width: 70rem;  margin: auto;}
#come_unirsi .widget-title {font-family: "Inter", sans-serif; color: #477ebf; font-weight: 900; text-align:center; text-transform:uppercase; display:block; font-size: 1.75rem;}
#come_unirsi h2 { font-family: "Inter", sans-serif;  color:#477ebf; text-align:center; }
#come_unirsi h3{ font-family: "Inter", sans-serif; color:#b0cb4a; display: inline; font-size:1rem;}
#come_unirsi p {font-family: "Gelasio", serif; font-size:0.9rem;}
#come_unirsi img {border-radius:5rem;}

#faq {text-align:center; font-family: "Inter", sans-serif;  border-top:1px solid #686868; padding-top:0.5rem;}
#faq .widget-title {font-family: "Inter", sans-serif; color: #477ebf; font-weight: 900; text-transform:uppercase;  font-size: 1.75rem;}
#faq .sow-accordion-panel {border-bottom:1px solid #686868;}
#faq .sow-accordion-panel .sow-accordion-title {display:block; text-align:center;  text-transform:uppercase;}

#contatti {max-width: 70rem;  margin: auto;}
#contatti h2 { font-family: "Inter", sans-serif;  color:#477ebf; text-transform:uppercase;}
#contatti h3 {font-family: "Inter", sans-serif; color:#b0cb4a; font-weight:bolder; text-transform:uppercase;}

.site-footer  {background:#477ebf; padding-top:1rem; width: 100%;}
.site-footer .logo_footer {padding-top:2rem;}
.site-footer .so-widget-sow-editor .widget-title {font-family: "Inter", sans-serif; color:#fff; font-size: 0.85rem; font-weight: bolder;}
.site-footer .so-widget-sow-editor p {font-family: "Inter", sans-serif; color:#fff; text-transform:uppercase; font-size: 0.85rem;}
.site-footer .so-widget-sow-editor p a{font-family: "Inter", sans-serif; color:#fff; font-size: 0.85rem;}



/* Define mobile styles */

@media only screen and (max-width: 40em) { 
  
  #masthead .so-widget-bso-so-widget-logo { max-width: 200px;  margin: auto;}
	#aderire {height: 230px;}
	#aderire .widget_sow-button { bottom: 25%;  left: 20%;}
	#missione {padding:1rem;}
	#tre_vantaggi .widget_sow-editor .textwidget { max-width: 70%;}
	#come_unirsi {padding:1rem;}
	#contatti {padding:1rem;}
}


/* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

  
}

/* Medium screens*/
@media only screen and (min-width: 40.063em) {   
  
  
}


/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1064px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
       
     

   
      
 } /* Portrait */


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1064px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    
    
 
    

      
 } /* landscape */

/* Large screens*/
@media only screen and (min-width: 64.063em) { 
  
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
 
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens*/
@media only screen and (min-width: 90.063em) { 
 
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { 

} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens*/
@media only screen and (min-width: 120.063em) { 

} /* min-width 1921px, xxlarge screens */