html, body {
scroll-behavior: smooth;
position: relative;
font-family: "Manrope", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
color:#555;
}

.login-username label,
.login-password label {
display: none;
}

.grecaptcha-badge { 
visibility: hidden; 
}

.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 2rem;  /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
}

hr {
margin-top:2rem;
padding-top:2rem;
opacity:1;
}

.piccolo {
margin-top:2rem;
padding-top:2rem;
}

.sezbianco {
border-top:1px solid #fff;
}

.sezgiallo {
border-top:1px solid #FFB900;
}

del {
border:1px solid #FFB900;
padding:.5rem 1rem;
border-radius:.25rem;
margin-bottom:2rem;
display:block;
width:50%;
text-decoration: none!important;
transition: 0.25s;
}

del:hover{
background:#FFB900;
color:#fff;
text-decoration: none!important;
}

del a {
text-decoration: none!important;
}

.sticky-top {
top:20vh;
z-index:1;
padding-bottom:10vh;
}

a, a:hover {
color:inherit;
text-decoration:none;
}

img {
width:100%;
height:auto;
}

.newsblock {
height:20vh;
border-radius:.25rem;
}

.staffblock {
height:15rem;
width:15rem;
border-radius:.25rem;
}

.data {
font-size:.9rem;
border-bottom:1px solid #eee;
padding-bottom:1rem;
margin:1rem 0;
}

.news img {
width:90%;
border-radius:.25rem;
filter:grayscale(100%);
transition: 0.25s;
opacity:.9;
}

.news:hover img {
filter:grayscale(0%);
opacity:1;
}

b, strong {
font-weight:700;
}

/* Stuff */

.sx {
text-align:left;
}

.dx {
text-align:right;
}

.cx {
text-align:center;
}

/* TIPOGRAFIA */

h1, h2, h3, h4, h5, h6 {
font-weight:800;
}

.ridotto {letter-spacing:-0.05rem;}
.standard {letter-spacing:0rem}

.stretto {line-height:100%}
.normale {line-height:115%}
.largo {line-height:150%}

.caps {
text-transform:uppercase;
}

.lite {font-weight:300}
.med {font-weight:500}
.bold {font-weight:800}

@media screen and (-webkit-min-device-pixel-ratio: 1) { 
h1 {font-size:3.5rem;}
h2 {font-size:2rem;}
h3 {font-size:1.5rem;}
h4 {font-size:1.25rem;}
h5 {font-size:1.15rem;}
h6 {font-size:1rem;}
.corposo {font-size:1.25rem;}
.corpino {font-size:1rem;}
.bann {font-size:3rem}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) { 
h1 {font-size:3.75rem;}
h2 {font-size:2.5rem;}
h3 {font-size:2rem;}
h4 {font-size:1.5rem;}
h5 {font-size:1.25rem;}
h6 {font-size:1rem;}
.corposo {font-size:1.5rem;}
.corpino {font-size:1.1rem;}
.bann {font-size:4rem}
}

@media (min-width: 320px) and (max-width: 480px) {
h1 {font-size:2.5rem;}
h2 {font-size:2rem;}
h3 {font-size:1.5rem;}
h4 {font-size:1.25rem;}
h5 {font-size:1rem;}
h6 {font-size:1rem;}
.corposo {font-size:1.25rem;}
.corpino {font-size:1rem;}
.bann {font-size:2.5rem}
}

/* COLORI */

.giallo {color:#FFB900;}
.giallobg {background-color:#FFB900;}

.scuro {color:#555;}
.scurobg {background-color:#555;}

.bianco {color:White;}
.biancobg {background-color:White;}

.grigio {color:#eee;}
.grigiobg {background-color:#eee;}

.gradientegrigio {
background:linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(217,217,217,1) 100%);
}

/* Head */

.logo img {
width:100%;
}

.navbar-collapse {
display: block !important;
}
.navbar-header {
display: none !important;
}

.mega-sub-menu {
background: #FFB900!important;
}

.mega-menu-columns {
border-left:1px solid black!important;
}

/* Accordion */

.accordion-item, .accordion-button {
box-shadow: none;
border:none;
background:transparent;
font-weight:800;
color:#555;
padding-left:0;
}

@media screen and (-webkit-min-device-pixel-ratio: 1) { 
.accordion-item, .accordion-button {
font-size:1.5rem;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) { 
.accordion-item, .accordion-button {
font-size:1.75rem;}
}

.accordion-button:focus {
background:transparent;
box-shadow: none;
border:none;
color:#555;
}

.accordion-button:focus {
background:transparent;
box-shadow: none;
border:none;
color:#555;
}

.accordion-body {
font-size:1rem;
font-weight:500;
margin-bottom:1rem;
padding-left:0;
color:#555;
}

/* Header */

header {
position: relative;
overflow: hidden;
padding:5vh 0;
}

header .container {
position: relative;
z-index: 2;
}

header .spunta img {
margin-top:-15vh;
}

/* SEZIONI */

.archivio {
position:relative;
padding: 10vh 0;
}

.sezione {
position:relative;
padding: 15vh 0;
}

.sezione h3 {
font-size:1.5rem;
}

@media only screen and (max-width: 600px) {
.sezione h3 {font-size:1.15rem;}
}

.claim {
z-index:2;
font-size:3.5rem;
}

@media only screen and (max-width: 600px) {
.claim {font-size:3rem}
}

/* CONTENT */

.content {
position:relative;
padding: 10vh 0;
}

.content > h1, h2, h3, h4, h5 {
margin:2rem 0;
}

.content h2 {
font-size:2rem;
}

.content h3 {
font-size:1.5rem;
}

.content img {
margin:4rem 0;
}

.consult img {
margin:1rem 0;
border-radius:.5rem;
}

.content .piccola {
width:250px;
height:auto;
}

.slb_template_tag_item_title {
display:none;
}


blockquote {
width:80%;
border-left:5px solid #FFB900;
padding:.5rem 0 .25rem 1rem;  
}

.servizio {
padding:2rem 2rem 2rem 4rem;
box-shadow:-1rem 0 1rem -1rem #ccc;
}

.servizio > h4 {
margin-bottom:2rem;
color:#FFB900;
}

.servizio ul {
list-style-type: none;
margin-bottom: 0;
padding: 0;
}

.servizio li {
font-size:1rem;
border-top:1px solid #ccc;
padding:1rem 0;
}

.servizio li:last-child {
border-bottom:1px solid #ccc;
}

.servizio a, a:hover {
color:inherit;
text-decoration:none!important;
}

.content a, a:hover {
color:inherit;
text-decoration:underline;
}

/* Speciale Formazione */ 

.corsi li {
font-size:.9rem!important;
padding:.5rem 0;
}

/* MORE BIANCO E GIALLO */

.more {
transition: 0.25s;
color:#fff;
font-weight:600;
font-size:1.5rem;
}

.more span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.25s;
left:2rem;
}

.more span:before {
font-family: 'Material Symbols Outlined';
content: '\e5c8';
position: absolute;
opacity: 1;
left:-2rem; 
top: 0;
transition: 0.25s;
}

.more span:after {
font-family: 'Material Symbols Outlined';
content: '\e5c8';
position: absolute;
opacity: 0;
top: 0;
right: 0;
transition: 0.25s;
}

.more:hover span {
left:0;
padding-right: 2rem;
color:#FFB900;
}

.more:hover span:after {
opacity: 1;
right: 0;
color:#FFB900;
}

.more:hover span:before {
opacity: 0;
right: 0;
color:#FFB900;
}

/* MORE SCURO */

.morescuro {
transition: 0.25s;
color:#555;
font-weight:600;
font-size:1rem;
}

.morescuro span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.25s;
left:0;
}

.morescuro span:before {
font-family: 'Material Symbols Outlined';
content: '\e5c8';
position: absolute;
opacity: 1;
left:-2rem; 
top: 0;
transition: 0.25s;
}

.morescuro span:after {
font-family: 'Material Symbols Outlined';
content: '\e5c8';
position: absolute;
opacity: 0;
top: 0;
right: 0;
transition: 0.25s;
}

.morescuro:hover span {
left:0;
padding-right: 2rem;
color:#555;
}

.morescuro:hover span:after {
opacity: 1;
right: 0;
color:#555;
}

.morescuro:hover span:before {
opacity: 0;
right: 0;
color:#555;
}

/* FOOT */

footer {
position:relative;
padding:10vh 0;
background-color:#FFB900;
color:#555;
}

/* FORM */

.search-form {
font-size:.8rem!important;
}

.search-form button {
background:transparent;
border:none;
}

.search-form input[type=text] {
width:100%;
background:#555;
color:#FFB900;
border: none;
padding:.5rem;
border-radius:.25rem;
}

.search-form > ::placeholder {
  color: #FFB900;
  opacity: 1; /* Firefox */
}

.search-form > ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #FFB900;
}

/* CF7 */

.wpcf7 input[type="text"], .wpcf7 input[type="email"], textarea {
border:none;
background:#eeeeee;
color: #444;
padding:.5rem 1rem;
margin:1rem 0;
font-weight:300;
width:100%;
border-radius:.25rem;
}

.wpcf7 input[type="submit"] {
display:block;
border:none;
background:#FFB900;
color:#555;
margin:2rem 0;
padding:.25rem 1rem;
border-radius:5px;
border:1px solid #444;
font-size:1rem;
font-weight:800;
}

.wpcf7 label {
border:none;
background:#eeeeee;
color: #444;
padding:.5rem 1rem;
margin:1rem 0;
font-weight:300;
width:100%;
border-radius:.25rem;
}

.wpcf7 select {
border:none;
background:#eeeeee;
color: #444;
padding:.5rem 1rem;
margin:1rem 0;
font-weight:300;
width:100%;
border-radius:.25rem;
}

.wpcf7-not-valid-tip, .wpcf7-not-valid {
, .wpcf7-response-output {
color:#FFB900;
}