/* hide blog content -- 26168913-hc (DOC) */
.blog #content {
  display: none;
}
/* Size of logo -- 26481139-hc (DOC) */
.custom-logo {
  max-height: unset;
  height: 90px;
  object-fit: cover;
}
.custom-logo:hover {
  content: url(https://scla.it/wp-content/uploads/2020/12/cropped-Logo-scla-copia-1.png);
}
#footer {
  display: none;
}
/* Hiding the footer text | MR | hc-26168913 */
.entry-meta-footer,
div.footer-text-wrapper {
  display: none;
}
.site-content {
  padding-bottom: 0 !important;
}

div.social-menu-footer-wrapper {
  display: none !important;
}
div.site-info-wrapper
{
  display: none !important;
}

/* Per abbassare il titolo delle pagine */
.post-wrapper {
  padding: 90px !important;
  padding-bottom: 0 !important;
}
/* hide scrollable hp elements | 3556303-zen | GM */
.site-hero-mouse,
.back-to-top a,
.site-footer {
  display: none;
}
/* change color of bar beneath title on featured content | #26195949-hc eD */
.site-hero-wrapper .entry-header-site-hero:after {
  background: #30b0c2;
}
/* Remove menu label / 26212890-hc rw */
.hamburger-wrapper .hamburger .hamburger-label {
  display: none;
}
/* Edit hover color title / 26212890-hc rw */
.site-hero-wrapper .entry-title-site-hero a:hover,
.site-hero-wrapper .entry-title-site-hero a:focus,
.site-hero-wrapper .entry-title-site-hero a:active {
  color: #30b0c2;
}

/* Modify featured image right icons / 26212890-hc rw */
.featured-content-wrapper .flex-control-nav li a:hover,
.featured-content-wrapper .flex-control-nav li a.flex-active {
  background: #30b0c2;
}
.featured-content-wrapper .flex-control-nav li a {
  border: 3px solid #30b0c2;
}
/* change background color of menu and make it transparent | HC - 26214133 */
nav#site-navigation {
  background: #54c4d7;
  opacity: 85%;
}
/* set menu hover color | HC - 26214133 */
.header-menu li a:hover {
  color: #248593;
}
/* Modify the menu links | #26500567-hc (KN) */
.site-header-menu {
  margin-top: 50px;
  transition: none;
}
.site-header-menu li {
  transform: translateX(-200%);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}
.site-header-menu li:nth-of-type(1) {
  transition-delay: 0.1s;
}
.site-header-menu li:nth-of-type(2) {
  transition-delay: 0.3s;
}
.site-header-menu li:nth-of-type(3) {
  transition-delay: 0.5s;
}
.site-header-menu li:nth-of-type(4) {
  transition-delay: 0.8s;
}
.has-menu-open .site-header-menu li {
  transform: translateX(0px);
}
.header-menu a {
  padding: 0 0 3rem;
}
.header-menu li.current_page_item a,
.header-menu li.current-menu-item a {
  color: #248593;
}
/* Reducing the size of the lateral site-navigation | 26379711-HC (AVS) */
.has-menu-open .main-navigation {
  right: calc(100% - 400px) !important;
  width: 400px !important;
}
.entry-header-wrapper-single:after {
  background: #30b0c2;
}
/* hamburger icon KG-26479185-hc */
.hamburger-wrapper .hamburger.active .hamburger-icon:before,
.hamburger-wrapper .hamburger.active .hamburger-icon:after {
  opacity: 0;
}
.hamburger-wrapper .hamburger.active {
  background: url("https://scla.it/wp-content/uploads/2020/12/spunta.png")
    center center no-repeat;
  margin-top: -18px;
  background-size: 60px 58px;
}
a.hamburger {
  top: -8px !important;
}
.hamburger-icon {
  width: 40px !important;
}
.hamburger-icon::before {
  top: 13px !important;
  width: 22px !important;
}
.hamburger:hover .hamburger-icon::before {
  width: 40px !important;
}
.hamburger-icon::after {
  top: 27px !important;
  width: 29px !important;
}
.hamburger:hover .hamburger-icon::after {
  width: 40px !important;
}
/* KG-26479185-hc */
.wf-active .entry-title.entry-title-single {
  font-size: 60px;
  font-weight: normal;
  color: #485254;
}
.elementor-image img {
  object-fit: contain;
}
/* Change header background color 26929076-hc cw */
.site-header {
  background-color: #30b0c2;
}
/*———-Mailchimp SignUp———-*/

input[type="submit"] {
  background-color: #30b0c2;
  border-radius: 0;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  font-family: Roboto;
  line-height: bold;
  position: relative;
  /* text-transform: uppercase;
     */
  text-decoration: none;
}
input[type="submit"]:hover {
  background-color: #485254;
}
.elementor a {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
a,
a:visited {
  color: #30b0c2;
  text-decoration: none;
}
a:hover {
  color: #485254;
}
/*questo cambia i titoli della home*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  /* Metti qui un font che c'e' nel tema di wordpress font-family: "Roboto" !important;
     */
  font-size: 100%;
  font-style: inherit;
  /* font-weight: inherit;
     */
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
/* Questa regola sovrascrive la regola precedente (del padding del titolo) solo per le pagine delle aree attivita' */
.page-id-1525 .post-wrapper,
.page-id-1515 .post-wrapper,
.page-id-1505 .post-wrapper,
.page-id-1031 .post-wrapper,
.page-id-1425 .post-wrapper,
.page-id-1493 .post-wrapper,
.page-id-1471 .post-wrapper,
.page-id-1467 .post-wrapper,
.page-id-1446 .post-wrapper {
  padding-top: initial !important;
}
/* Questa regola nasconde tutto il titolo nelle pagine delle aree attivita'*/
.page-id-1525 .entry-header-wrapper-single,
.page-id-1515 .entry-header-wrapper-single,
.page-id-1505 .entry-header-wrapper-single,
.page-id-1425 .entry-header-wrapper-single,
.page-id-1493 .entry-header-wrapper-single,
.page-id-1471 .entry-header-wrapper-single,
.page-id-1467 .entry-header-wrapper-single,
.page-id-1031 .entry-header-wrapper-single,
.page-id-1446 .entry-header-wrapper-single {
  display: none;
}

.post .entry-header-wrapper-single {
  display: none;
}

/* Questa regola nasconde solo la barra azzurra nelle pagine delle aree attivita' */
.page-id-1031 .entry-header-wrapper-single:after {
  display: none;
}
/* Questa regola cambia il font del titolo nelle pagine delle aree attivita' */
.page-id-1031 .entry-title-single {
  font-size: 40px !important;
}
.elementor-element-c9cae54 .elementor-invisible {
	visibility: visible !important;
}
/* On screens that are 544px or less */
@media screen and (max-width: 544px) {
  .entry-title.entry-title-single {
    font-size: 35px !important;
    text-align: center !important;
  }
  .entry-header-wrapper-single:after {
    size: 80px !important;
  }
}
#page
  > section
  > div
  > div
  > ul
  > li.flex-active-slide
  > div.entry-content-site-hero-wrapper
  > div.entry-content-site-hero-wrapper-inside
  > header
  > h1
  > a {
  font-size: 60px;
}
/* Queste regole nascondono tutti elementi aggiuntivi sotto i blog-post' */

#comments {
			margin-top: 32px;
}


#comments #respond {
    display: none;
}

div.entry-meta-header-after {
  display: none;
}
div.entry-author {
  display: none;
}
span.byline {
  display: none;
}
span.entry-author-name {
  display: none;
}
time.entry-date.published {
  display: none;
}
nav.navigation.post-navigation {
  display: none;
}

a {
  color: #30b0c2;
}

/* Questa sezione modifica la pagina di news */
li.alm-item {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #9AD6DF;
    border-radius: 0px 0px 0px 0px;
    padding: 15px !important;
	/* questo per aumentare lo spazio tra i post */
	  margin-bottom: 60px !important;
}


li.alm-item a:hover {
	color: #485254 !important;
}

.wf-active h3 {
    font-style: normal;
    font-weight: 400;
	font-size: 30px
}

.ajax-load-more-wrap.light-grey .alm-load-more-btn {
	color: #ffff !important;
	background-color: #30b0c2 !important;
	
}

@media screen and (max-width: 1440px) {
  .site-hero-wrapper .entry-title-site-hero a {
  font-size: 55px !important;
}
}

@media screen and (max-width: 1024px) {
  .site-hero-wrapper .entry-title-site-hero a {
  font-size: 50px !important;
}
}

@media screen and (max-width: 992px) {
  .site-hero-wrapper .entry-title-site-hero a {
  font-size: 50px !important;
}
}

@media screen and (max-width: 768px) {
  .site-hero-wrapper .entry-title-site-hero a {
  font-size: 45px !important;
}
}

@media screen and (max-width: 556px) {
  .site-hero-wrapper .entry-title-site-hero a {
  font-size: 45px !important;
}
}

li.alm-item h3 {
    font-size: 37px;
    font-weight: 400;
}

/* Pulsante load more */
.alm-load-more-btn {
	  margin: 32px 32px 32px 32px !important;
    color: #fff !important;
    background: #30B0C2 !important;
    border-radius: 20px !important;
    padding: 16px 32px !important;
	height: auto !important;
}

.animated-text {
	font-weight:400 !important;
}	
@media screen and (max-width: 1639px) {
	.animated-text {
		top: 210px !important;
		left: 70px !important;
	}
}	
	
@media screen and (max-width: 1440px) {
	.animated-text {
		top: 190px !important;
		left: 65px !important;
		font-size: 23px !important;
	}
}
	
@media screen and (max-width: 1305px) {
	.animated-text {
		top: 180px !important;
		left: 60px !important;
		font-size: 25px;
	}
}
	
@media screen and (max-width: 1199px) {
	.animated-text {
		top: 165px !important;
		left: 120px !important;
		font-size: 25px;
	}
}
	
@media screen and (max-width: 1111px) {
	.animated-text {
		top: 158px !important;
		left: 120px !important;
		font-size: 23px;
	}
}	
	
@media screen and (max-width: 1024px) {
  .animated-text {
		top: 150px !important;
		left: 120px !important;
		font-size: 23px;
	}
	.custom-logo {
    height: 88px !important;
    object-fit: cover;
	}
}
	
@media screen and (max-width: 992px) {
  .animated-text {
		left: 40px;
		font-size: 23px;
		top: 160px;
  }
}

@media screen and (max-width: 770px) {
	.animated-text {
		left: 130px !important;
		top: 150px !important;
		font-size: 20px !important;
		
	}	
}

@media screen and (max-width: 670px) {
  .animated-text {
		left: 85px !important;
		top: 145px !important;
		font-size: 20px !important;	
	}	
}
	
@media screen and (max-width: 570px) {
  .animated-text {
		left: 45px !important;
		top: 135px !important;
		font-size: 20px !important;
		
	}	
}
	
@media screen and (max-width: 425px) {
  .animated-text {
		left: 30px !important;
		top: 138px !important;
		font-size: 20px !important;		
	}	
	.featured-content-wrapper .flex-control-nav {
    position: absolute;
    right: 4%;
    bottom: 15%;
    z-index: 12;
	}	
.custom-logo {
    height: 80px !important;
    object-fit: cover;	
	}
}
	
@media screen and (max-width: 370px) {
  .animated-text {
		left: 20px !important;
		top: 135px !important;
		font-size: 15px !important;		
	}	
	.entry-title.entry-title-single {
    font-size: 31px !important;
}