/*
Theme Name: Provincia di Massa Carrara
Author: Aicod srl
Author URI: https://www.aicod.it/
Version: 1
*/
@charset "utf-8";
/*header*/
.Header-logo{ margin-top:-2rem; margin-bottom:-1rem; min-width:65px;}
.Header-logo img{ height:auto; }
@media screen and (max-width:767px){.Header-logo img{width:3.4rem;}}
.Headroom--fixed.Headroom--not-top .Header-logo img, .Headroom--pinned.Headroom--not-top .Header-logo img{ width:auto;}
.Headroom--fixed.Headroom--not-top .Headroom-hideme.Header-owner, .Headroom--pinned.Headroom--not-top .Headroom-hideme.Header-owner{margin-left:auto!important; margin-right:auto!important;}/*IWT bugfix*/
/*END header*/
/*menu*/
@media screen and (min-width:992px) and (max-width:1199px){
	.Megamenu--default .Megamenu-item+.Megamenu-item{ margin-left:1rem;}
}
@media screen and (min-width:1200px) and (max-width:1365px){
	.Megamenu--default .Megamenu-item+.Megamenu-item{ margin-left:6rem;}
}
@media screen and (min-width:1366px){
	.Megamenu--default .Megamenu-item+.Megamenu-item{ margin-left:8rem;}
}

/*Menu - Comuni*/
@media screen and (min-width:992px){
	#dropdown175+.Megamenu-subnav>.Megamenu-subnavGroup:nth-child(2)>li{ width:20em;}
	#dropdown175+.Megamenu-subnav>.Megamenu-subnavGroup:nth-child(2)>li>ul{   display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap: wrap;
   flex-wrap:wrap;}
	#dropdown175+.Megamenu-subnav>.Megamenu-subnavGroup:nth-child(2)>li>ul>li{ width:50%; -webkit-flex-basis: auto; flex-basis:auto; }
}
/*End Menu - Comuni*/
/*END Menu*/
/*footer*/
.Footer-logo{ width:7.5rem; height:auto!important;}
.Footer-block .textwidget{
font-style: normal;
font-size: 1.4rem;
color: #f5f5f0;}
@media screen and (min-width:768px){
	.Footer-block .textwidget{font-size:1.5rem;}
}
.dl-contatti dt{ width:100px; margin-right:10px;}
.dl-contatti dd{ width: calc(100% - 110px);}
/*END footer*/
/*General*/
button:not(disabled){ cursor:pointer;}
a[href^=mailto]{ word-wrap: break-word;}
.Linklist a.u-linkComplex:hover{ text-decoration:none!important;}
.u-text-xxxs{ font-size:0.9rem;}
.u-posFitTop{
	position: absolute !important;
  bottom: auto !important;
  left: 0 !important;
  margin: auto !important;
  right: 0 !important;
  top: 0 !important;
}
.u-background-black-transparent-60{background-color:rgba(0,0,0,0.6);}
.u-borderColor-grey-30{border-color:#ddd!important;}
/*.main>section:nth-child(2n){ background-color:#eee;}
.main>section:nth-child(2n) .Forward[aria-hidden]{ color:#a5abb0;}*/
.main>section:nth-child(2n){ background-color:#eee;}
.main>section:nth-child(2n) .Forward[aria-hidden]{ color:#a5abb0;}
.main>.section-primo-piano-hero~section:nth-child(2n){ background-color:transparent;}
.main>.section-primo-piano-hero~section:nth-child(2n) .Forward[aria-hidden]{ color:#eee;}
.main>.section-primo-piano-hero~section:nth-child(2n+1){ background-color:#eee;}
.main>.section-primo-piano-hero~section:nth-child(2n+1) .Forward[aria-hidden]{ color:#a5abb0;}
.Forward--absolute {margin-left: -1.5rem!important;}/*Bugfix Web Toolkit centering*/
.u-text-pre-line{white-space: pre-line;}
/*END General*/
/*Prose*/
@media screen and (min-width:1366px){
	.Prose-l, .Prose-l > p, .Prose-l > ul > li, .Prose-l > ol > li, .Prose-l > a, .Prose-l p > a, .Prose-l > h6 { font-size:2.5rem!important;}
	.Prose-l > h4{font-size:3rem!important;}
	.Prose-l > h5{font-size:2.7rem!important;}
}
.Prose > a, .Prose p > a, .Prose > p > a:visited, .Prose a, .Prose a:visited{
  color: #06c;
}
.Prose > p > a:hover, .Prose a:hover {
  color: #036;
}
.Prose img{ max-width:100%; height:auto!important;}
@media screen{
	.Prose a[href^="http://"]:not(.u-linkComplex), .Prose a[href^="https://"]:not(.u-linkComplex), a[href^="mailto:"] { display:inline-block;
	
	  /* These are technically the same, but use both */
	  overflow-wrap: break-word;
	  word-wrap: break-word;
	
	  -ms-word-break: break-all;
	  /* This is the dangerous one in WebKit, as it breaks things wherever */
	  word-break: break-all;
	  /* Instead use this non-standard one: */
	  word-break: break-word;
	
	
	}
}
/*END Prose*/
/*Hero*/
.Hero{background-position: center center;}
.arrow-text-shadow{ text-shadow:1px 0px 2px #000, -1px 0px 2px #000, 0px 1px 2px #000, 0px -1px 2px #000;}
/*END Hero*/
/*Breadcrumbs*/
.Breadcrumb-item.item-current .Breadcrumb-link{ cursor:default;}
.Breadcrumb-item.item-current .Breadcrumb-link:hover{ text-decoration:none!important;}
/*END Breadcrumbs*/
/*Print*/
@media print{
.u-layout-prose {
    max-width:none!important;
}
}
/*END Print*/
/*Wordpress Core*/
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}
/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
@media screen and (min-width: 30em) {


	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}

	img.alignright {
		float: right;
		margin-left: 1.5em;
	}

	/* Gallery Columns */

	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}
@media screen and (min-width: 48em) {
	/* Gallery Columns */

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}
/*END Wordpress Core*/
/*recaptcha*/
.grecaptcha-badge {
    display: none;
}
/*EDN recaptcha*/
/*Cookiebot*/
.cookie-placeholder-wrapper{
position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;}
.cookie-placeholder-wrapper::before {
    display: block;
    content: "";
    padding-top: 56.25%;
}
.cookie-placeholder{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;

	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	flex-direction: column;
	background-color:#e6e6e6;
}
.cookie-placeholder a{ text-decoration:underline!important;}
iframe:not([data-cookieblock-src])+.cookie-placeholder-wrapper{display:none;}
/*END Cookiebot*/