/*--------------------------------------------------------------
# FONTS
--------------------------------------------------------------*/

@font-face {
  font-family: 'qbrick-icon';
  src: url('../fonts/qbrick-icon.eot?37101289');
  src: url('../fonts/qbrick-icon.eot?37101289#iefix') format('embedded-opentype'),
       url('../fonts/qbrick-icon.woff2?37101289') format('woff2'),
       url('../fonts/qbrick-icon.woff?37101289') format('woff'),
       url('../fonts/qbrick-icon.ttf?37101289') format('truetype'),
       url('../fonts/qbrick-icon.svg?37101289#qbrick-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "qbrick-icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.icon-right:before { content: '\e800'; } 
.icon-left:before { content: '\e801'; } 
.icon-down:before { content: '\e802'; } 
.icon-up:before { content: '\e803'; } 
.icon-photo:before { content: '\e804'; } 
.icon-mail:before { content: '\e805'; } 
.icon-phone:before { content: '\e806'; } 
.icon-menu:before { content: '\e807'; } 
.icon-user:before { content: '\e808'; } 
.icon-map:before { content: '\e809'; } 
.icon-video:before { content: '\e80a'; } 
.icon-down2:before { content: '\e80b'; } 
.icon-left2:before { content: '\e80c'; } 
.icon-right2:before { content: '\e80d'; } 
.icon-up2:before { content: '\e80e'; } 
.icon-x:before { content: '\e80f'; }
.icon-twitter:before { content: '\f099'; } 
.icon-facebook:before { content: '\f09a'; } 
.icon-linkedin:before { content: '\f0e1'; } 
.icon-youtube:before { content: '\f167'; } 
.icon-instagram:before { content: '\f16d'; } 
.icon-tumblr:before { content: '\f173'; }
.icon-copyright:before { content: '\f1f9'; }
.icon-pinterest:before { content: '\f231'; } 

.mce-button-1 button, .mce-button-2 button{
	border-radius: 5px !important;
	font-variant: small-caps;
	padding-left: 5px !important;
	padding-right: 5px !important;
	border: 1px solid #595959;
}
.mce-button-1 button{
	background: #595959 !important;
	color: #f5f5f5 !important;
}
.acf-range-wrap input[type="range"] {
	max-width:150px;
}

/*--------------------------------------------------------------
# GUTENBERG FIX
--------------------------------------------------------------*/

/*COPERTINA*/
.wp-block-cover-image .wp-block-cover__inner-container, 
.wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 40px) !important;
}

/*ALLINEAMENTI*/
.no-sidebar #main .alignfull {
    margin-left: calc(-100vw/2 + 100%/2)!important;
    margin-right: calc(-100vw/2 + 100%/2)!important;
    max-width: 100vw !important;
    width: auto !important;
}
.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
    margin-left: -20px !important;
    width: calc(100% + 40px) !important;
    max-width: calc(100% + 40px) !important;
}

/*IMMAGINE*/
.wp-block-image {
    margin-bottom: 0;
}
.wp-block-image img {
    display: table;
}

/*--------------------------------------------------------------
# GRID
--------------------------------------------------------------*/

.container-6, .container-5, .container-4, 
.container-3, .container-2{
	display:grid;
	grid-column-gap:30px;
	grid-row-gap:30px;
}
.container-6{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.container-5{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.container-4{
	grid-template-columns: 1fr 1fr 1fr 1fr;

}
.container-3{
	grid-template-columns: 1fr 1fr 1fr;
}
.container-2{
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 900px){
	.container-4{
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 600px){
.container-6, .container-5, .container-4, 
.container-3, .container-2{
		grid-template-columns: 100%;
	}
}

/*--------------------------------------------------------------
# VARIE
--------------------------------------------------------------*/

.titoletto {
	display: inline-block;
	text-transform: uppercase;
	margin-bottom:10px;
}

.bg-transparent{
	background-color: transparent !important;
}


/*--------------------------------------------------------------
# PERCENT IMG
--------------------------------------------------------------*/

[class^='percent-img-'], [class*='percent-img-']{
    position: relative;
}
[class^='percent-img-']:after, [class*='percent-img-']:after {
    content: "";
    display: block;
}
[class^='percent-img-'] img, [class*='percent-img-'] img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.percent-img-140:after{
	padding-bottom: 140%;
}
.percent-img-100:after{
	padding-bottom: 100%;
}
.percent-img-30:after{
    padding-bottom: 30%;
}
.percent-img-40:after{
    padding-bottom: 40%;
}
.percent-img-50:after{
	padding-bottom: 50%;
}
.percent-img-60:after{
	padding-bottom: 60%;
}
.percent-img-70:after{
	padding-bottom: 70%;
}
.percent-img-80:after{
	padding-bottom: 80%;
}
.img-round {
    border-radius: 50%;
    overflow: hidden;
}

/*--------------------------------------------------------------
# ALLINEAMENTI
--------------------------------------------------------------*/

.align-center{
	align-items: center;
	justify-content:center;
}
.align-centersx{
	align-items: center;
	justify-content:flex-start;
}
.align-centerdx{
	align-items: center;
	justify-content:flex-end;
}
.align-topcenter{
	align-items: flex-start;
	justify-content:center;
}
.align-topsx{
	align-items: flex-start;
	justify-content:flex-start;
}
.align-topdx{
	align-items: flex-start;
	justify-content:flex-end;
}
.align-bottomcenter{
	align-items: flex-end;
	justify-content:center;
}
.align-bottomsx{
	align-items: flex-end;
	justify-content:flex-start;
}
.align-bottomdx{
	align-items: flex-end;
	justify-content:flex-end;
}

/*IMG*/

.img-center-center img{
    object-position: 50% 50%;
}
.img-left-top img{
    object-position: 0 0;
}
.img-right-top img{
    object-position: 100% 0;
}
.img-left-center img{
    object-position: 0 50%;
}
.img-right-center img{
    object-position: 100% 50%;
}
.img-top-center img{
    object-position: 50% 0;
}
.img-bottom-center img{
    object-position: 50% 100%;
}
.img-left-bottom img{
    object-position: 0 100%;
}
.img-right-bottom img{
    object-position: 100% 100%;
}

/*--------------------------------------------------------------
# BLOCK
--------------------------------------------------------------*/

/* Paragraph */

.is-style-justify {
    text-align: justify;
}
.is-style-columns-txt{
	columns: 2;
}
.is-style-columns-txt-justify{
	columns: 2;
	text-align: justify;
}
.is-style-big-txt{
	font-size: 1.4rem !important;
}
.is-style-small-txt{
	font-size: 0.92rem !important;
}
@media (max-width: 769px){
	.is-style-columns-txt-justify, .is-style-columns-txt{
		columns:auto;
	}
}

/* Title */

h1.is-style-light, h2.is-style-light, h3.is-style-light,
h4.is-style-light, h5.is-style-light, h6.is-style-light{
	color:var(--colore-1) !important;
}

h1.is-style-dark, h2.is-style-dark, h3.is-style-dark,
h4.is-style-dark, h5.is-style-dark, h6.is-style-dark{
	color:var(--colore-2) !important;
}

h1.is-style-white, h2.is-style-white, h3.is-style-white,
h4.is-style-white, h5.is-style-white, h6.is-style-white{
	color:#ffffff !important;
}

/* Quote */

.q-quote {
    margin: 0 auto 1.5em !important;
}
.q-quote cite {
    font-size: 0.6em;
    font-style: normal;
    text-transform: uppercase;
    opacity: 0.5;
}
.q-quote.is-style-light {
	border-left: 5px solid #ddd !important;
    background: #fff;
}
.q-quote.is-style-dark {
    border-left: 5px solid #000 !important;
    background: #ddd;
}
.q-quote.is-style-simple-light {
	border-left: 0;
	border-top: 2px solid #ddd !important;
    border-bottom: 2px solid #ddd !important;
}
.q-quote.is-style-simple-dark {
	border-left: 0;
    border-top: 2px solid #000 !important;
    border-bottom: 2px solid #000 !important;
}

/* Button */

/*Button*/
.q-button{
    margin-left: auto;
	margin-right: auto;
}
.q-button a {
    padding: 10px 20px;
    display: inline-block;
    /*border-radius: 28px;*/
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: bold;
}
a.btn-col-1{
	background-color: var(--colore-1);
    color: #fff !important;
	transition: .3s;
}
a.btn-col-1:hover {
    background-color: var(--colore-1b);
    color: #fff !important;
}
a.btn-col-2{
	background-color: var(--colore-2);
    color: #fff !important;
	transition: .3s;
}
a.btn-col-2:hover {
    background-color: var(--colore-2b);
    color: #fff !important;
}
a.btn-col-3{
	background-color: var(--colore-3);
    color: #000 !important;
	transition: .3s;
}
a.btn-col-3:hover {
    background-color: var(--colore-3b);
    color: #000 !important;
}
a.btn-col-black{
	background-color: #000;
    color: #fff !important;
	transition: .3s;
}
a.btn-col-black:hover {
    background-color: #444;
    color: #fff !important;
}
a.btn-col-white{
	background-color: #fff;
    color: #000 !important;
	transition: .3s;
}
a.btn-col-white:hover {
    background-color: #ddd;
    color: #000 !important;
}

/*--------------------------------------------------------------
# NEW - BLOCK
--------------------------------------------------------------*/

.acf-block-preview {
    pointer-events: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.bg-col-1, .bg-col-2, 
.bg-col-3, .bg-col-black{
	padding: 1.5em 1.5em 1.5em;
}
.bg-col-1 p:last-child, .bg-col-2 p:last-child, 
.bg-col-3 p:last-child, .bg-col-black p:last-child {
    margin-bottom: 0;
}
.bg-col-1{background-color:var(--colore-1);}
.bg-col-2{background-color:var(--colore-2);}
.bg-col-3{background-color:var(--colore-3);}
.bg-col-black{background-color:#000;}
.txt-col-1{color:var(--colore-1) !important;}
.txt-col-2{color:var(--colore-2) !important;}
.txt-col-3{color:var(--colore-3) !important;}
.txt-col-black{color:#000 !important;}
.txt-col-white{color:#ffffff !important;}

.box-width-medium {max-width: 900px;}
.box-width-compact {max-width: 800px;}
.box-width-small {max-width: 620px;}

.q-etext, .q-eimg, .q-egallery, .q-etitle{
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Color Picker */
.q-color ul.acf-radio-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-left: 0;
}
.q-color ul.acf-radio-list li {
    margin-right: 0;
    display: flex;
}
.q-color ul.acf-radio-list li label {
     width: 28px;
     height: 28px;
     position: relative;
     margin-right: 6px;
     margin-bottom: 6px;
	 color: #ffffff;
}
.q-color ul.acf-radio-list input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
	height: 28px;
}
.q-color ul.acf-radio-list input[type="radio"]:checked::before{
	content: none;
}
.q-color ul.acf-radio-list input[type="radio"]:focus, 
.q-color ul.acf-radio-list input[type="radio"]:checked{
	box-shadow: 0 0 0 3px #2271b1;
}
.q-color ul.acf-radio-list input[value="no-txt-col"]::after,
.q-color ul.acf-radio-list input[value="no-bg-col"]::after{
	content:"\f158";
	font-family: dashicons;
	position: absolute;
	top: 50%;
	transform:translatey(-50%);
	left:0;
	width: 100%;
	text-align:center;
}
.q-color ul.acf-radio-list input[value="txt-col-1"],
.q-color ul.acf-radio-list input[value="bg-col-1"],
.q-color ul.acf-radio-list input[value="btn-col-1"]{
    background-color: var(--colore-1);
}
.q-color ul.acf-radio-list input[value="txt-col-2"],
.q-color ul.acf-radio-list input[value="bg-col-2"],
.q-color ul.acf-radio-list input[value="btn-col-2"]{
    background-color: var(--colore-2);
}
.q-color ul.acf-radio-list input[value="txt-col-3"], 
.q-color ul.acf-radio-list input[value="bg-col-3"],
.q-color ul.acf-radio-list input[value="btn-col-3"]{
    background-color: var(--colore-3);
}
.q-color ul.acf-radio-list input[value="txt-col-white"] {
    background-color: #ffffff;
}
.q-color ul.acf-radio-list input[value="txt-col-black"],
.q-color ul.acf-radio-list input[value="bg-col-black"],
.q-color ul.acf-radio-list input[value="btn-col-black"]{
    background-color: #000000;
}

/*HIDE PANEL*/
.edit-post-visual-editor .acf-field-617aa91a6cafc, .components-panel .acf-field-6179716927f79,
.edit-post-visual-editor .acf-field-6182793be566d, .components-panel .acf-field-617981ff7cd85, .components-panel .acf-field-6198ebe0eac1a,
.edit-post-visual-editor .acf-field-619bc7fe6f85e, .components-panel .acf-field-604c9c9c75d60,
.edit-post-visual-editor .acf-field-61e827bc94282, .components-panel .acf-field-61e8219d55e6e,
.edit-post-visual-editor .acf-field-61e945efe814b, .components-panel .acf-field-61e94191306a9, .components-panel .acf-field-61e941b7306aa, .components-panel .acf-field-61e941c9306ab{
	display:none;
}

/*--------------------------------------------------------------
# TXT BLOCK
--------------------------------------------------------------*/
.q-etext p:last-of-type {
  margin-bottom: 0;
}
.txt-size-big {
	font-size: 1.1em;
}
.txt-size-small {
	font-size: 0.9em;
}
@media (max-width: 800px){
	.q-etext{
		columns: 1 !important;
	}
}

/*--------------------------------------------------------------
# IMG BLOCK
--------------------------------------------------------------*/
.q-eimg{
	position: relative;
}
.q-eimg img{
	width:100%;
	display:table
}
.q-eimg.show-caption img{
	padding-bottom:28px
}
.q-eimg figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
	font-size: 0.9em;
    opacity: 0.8;
}

/*--------------------------------------------------------------
# GALLERY BLOCK
--------------------------------------------------------------*/
.gallery-items img{
    display: table;
}
.gallery-items figure{
	margin:0;
}
.gall-video-box {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}
.gall-video-box::before {
    content: '';
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:2
}
.gall-video-box::after {
    content: url(../img/play.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
    width: 10%;
    opacity: 0.8;
    z-index:2;
    color:rgba(255, 255, 255, 0.8)
}
.title-under{
	font-size: 0.9em;
	opacity: 0.8;
}
.title-overlay {
    position: absolute;
    z-index: 2;
    color: #fff;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));
    padding: 30px 0 10px;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.placeholder-gallery {
    position: absolute;
    z-index: 100;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.placeholder-gallery div {
    background: #eee;
    font-size: 13px;
    width: 150px;
    text-align: center;
    color: #000;
    padding: 5px;
    border-radius: 5px;
}
.placeholder-gallery{
	cursor: default;
}
.placeholder-gallery .cmplz-accept-cookies{
	cursor:pointer;
}