/* FIX DEL CAVOLO */


.fullwidth-wrap .parallax {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: -1;
    height:fit-content;
}

.ux-mobile .parallax.back-background img.back-background-img {
    display: inline;
}


.container-masonry .grid-item-inside {
    opacity: 1;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    transform: none!important;
}

.grid-item {
    overflow: none;
}

.grid-item-tit {
    font-size: 22px;
	line-height: 26px;

}

.grid-list-tit-shown-center .grid-item-con-text-tit-shown {
    text-align: left;
}

.grid-item-con-text-tit-shown {
    position: relative;
    z-index: 7;
    padding: 10px 5px;
    margin-bottom: 20px;
}

.grid-item-inside{ overflow: visible; }
.gird-blog-meta{margin-top:4px}
.grid-meta-a{font-size:17px;}
.gird-blog-tit{margin-top:20px; font-size:19px; line-height: 21px; font-weight: 600}
.ux-has-filter .page-template-intro-left-list-right{display:inline-table}

.filters{font-size:16px}
.filters-li.bordered{ padding:0px 10px; border:2px solid #CFBCA6; border-radius:10px }
.filters-li{margin:5px 5px; line-height: 40px;}

/* Menu lingue */
.lang-menu { float:right; color: #FFFFFF; cursor: pointer; }
.lang-menu li>a{color: #FFFFFF;}
.lang-menu .sub-menu { background-color: #fff; position: absolute; top: auto; line-height: 30px; margin-top: -40px; padding: 10px; margin-left: -10px; }
.lang-menu .sub-menu li>a{ color: #000; }
.lang-menu li:hover > .sub-menu { display: block; }

.menu-dark .lang-menu{ color: #313139; }
.menu-dark .lang-menu li>a{color: #313139;}

/* Fix menu mobile */

.show_mobile_menu .logo-dark{ display: inline !important; }
.show_mobile_menu .logo-light{ display: none !important; }
.show_mobile_menu #navi-trigger { color: #313139; }
#navi { display: table-cell; vertical-align: top !important; text-align: center;}
.fullscreen-wrap {height: 80vh; }


/* Fix z-index logo e Lasciati ispirare */

#logo a{ z-index: 900; }
#header .heade-meta { max-height:140px; }


/* briciole */

.breadcrumbs { margin-bottom: 30px; }
.breadcrumbs li{ display:inline;  }
.breadcrumbs li a{ margin: 0 10px; }
.breadcrumbs li:first-child a{ margin-left:0; }
.breadcrumbs li:not(:last-child):after{ content: "/"; }

/* Footer */

.footer-social {
	text-align: left;
	margin-top: 10px;
}

.footer-social .socialmedia{
	text-align: left;

}

/* Varie */

.p-0 { padding:0!important; }

/* Fix menu categorie index */

@media (max-width: 991px)
{
	.responsive-ux .filters-li {
		/*margin-left: 0;*/
		font-size: 20px;
	}
}

@media (min-width: 1200px)
{
	.page-template-intro-left-list-right.index > .row{ display:flex !important; }
	.ux-has-filter .page-template-intro-left-list-right.index .filters-wrap { display:flex !important; align-items: flex-end  !important; }
}

@media (max-width: 1199px)
{
	.ux-has-filter .page-template-intro-left-list-right .filters-wrap {
		text-align: center;
		padding-top: 30px;
	}
}


/* dettaglio news */

@media (min-width: 1200px)
{
	body.page .title-wrap-con {
		padding: 0 ;
    width:100%;
	}
}

.title-wrap-tit {
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 30px;
    font-weight: 600;
}

.title-wrap-con h1{ font-size:60px; text-align:center; }

.element-cont{ padding:15px; -webkit-padding: 15px; text-align:center; position:relative; box-sizing: border-box; }
.element-cont .img-caption { position:absolute; left:50%; background-color:rgba(0,0,0,0.5);padding:20px 20px; transform: translate(-50%, -120%); }
.element-cont .img-caption p{ font-size: 15px; font-weight: normal; color: #fff;margin-top:5px}
.element-cont .img-caption h2{ color: #fff;}
.element-cont img{ width:100%; box-sizing: border-box;}
.element-cont a{ box-sizing: border-box;}

.element-cont .img-text { text-align:left; }
.element-cont .img-text.sotto { padding-top: 20px; }
.element-cont .img-text.sopra { padding-bottom: 20px; }

.blog-unit-gallery-wrap .list-layout-col{ margin-bottom:20px; }

.blog-unit-gallery-wrap .list-layout-col .text-cont{width:100%; padding: 0 15px;}
.blog-unit-gallery-wrap .list-layout-col .text-cont a{text-decoration: underline; color:#e19543; font-weight:bold}

@media (max-width: 900px)
{
	.title-wrap-con h1{ font-size:50px; text-align:center; }

	.element-cont .img-caption h2{ font-size:20px; }
}

@media (max-width: 600px)
{
	.title-wrap-con h1{ font-size:40px; text-align:center; }

	.element-cont .img-caption { position:absolute; left:50%; padding:10px 10px; transform: translate(-50%, -110%); width:70%; }
	.element-cont .img-caption p{ font-size: 14px; color: #fff;margin-top:5px; margin-bottom:0;}
	.element-cont .img-caption h2{ font-size:18px; }
}

/* Lista tags in dettaglio */

.filters-wrap.tags{ text-align:left; padding-top:25px; padding-left: 0px; padding-bottom:20px; }

@media (min-width: 768px)
{
	body.page .title-wrap, body.page .blog-list .entry, .shortcode-img-wrap-out, .page-template-intro-above-list-body .ux-portfolio-template-intro.container {
    	margin-top: 20px;
	}
}
@media (min-width: 768px)
{
	.show-bottom-space #wrap, body.page .title-wrap, body.error404 #content_wrap {
		padding-bottom: 40px;
	}
}

@media (min-width: 768px)
{
	.gallery-post-des {
		margin-bottom: 30px;
	}
}



/* .footer-social links <a> with color #222 no underline and same on hover */

.footer-social a {
	color: #222;
	text-decoration: none;
}

.footer-social a:hover {
	color: #222;
	text-decoration: none;
}

.logo-footer-img {
	max-width: 400px;
	width: auto;
}

/* Popup */

.popup-cont {
	background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom:0; left:0; position:fixed; right:0; top:0; z-index:200000; display:none;
}

.popup-cont .popup-inside {
	float:left; width:fit-content; height:fit-content;  max-width:900px; background:#fff none repeat scroll 0 0; bottom:0;
	left: 0; margin: auto; position:fixed; right:0; text-align:center; top:40px; z-index:200000;
	max-height:calc(100vh - 40px); overflow-y:auto;
}

.popup-cont .popup-alert {
	margin:10px 0 20px;
	padding:30px;
}
.popup-header {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:start;
	align-items:flex-start;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:1rem;
	border-bottom:1px solid #e4e4e4;
	border-top-left-radius:calc(0.3rem - 1px);
	border-top-right-radius:calc(0.3rem - 1px);
}
 .fa{color:#e19543}

 body:not(.ux-mobile).navi-center .heade-meta {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
}
#row-footer{padding:40px 60px}
.align-footer{text-align:center}
@media (min-width: 200px) and (max-width: 500px)
{
  #row-footer{padding:40px 10px}
  #col-footer{margin-bottom:20px}
  .align-footer{text-align:left}
}
/* Home page con immagine top*/
@media (min-width: 768px){
.single-portfolio-fullwidth:not(.page_from_top) .title-wrap, .show-top-space #content, .blog-list > article, .widget_footer {
    padding-top: 0px;
}}

@media (min-width: 766px){
	.hide-desktop{display: none} #navi-trigger{display:none!important}
}

/*.fullscreen-wrap {height: 180vh;}*/
.carousel-des  h1 {
  font-size: 4.5vw;
    line-height: 1;
    padding: 10px 0;
    color:#fff;
}
.top-slider .carousel-des-wrap-inn{left: 4%;
    bottom: 40%;}
#navi_wrap .menu-light > ul > li > a {color:#fff; font-weight: 600}
#navi_wrap .menu-dark > ul > li > a {color:#000; font-weight: 600}

.logo-image{width:50%!important}
h1,
h2,
h3,
h4,

h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Cormorant Garamond", serif;;
  font-weight: 300;
  line-height: 1.1;
  color: #313139;
}
body{
	font-family: 'Montserrat', sans-serif!important;
}
p{font-size:18px; margin-bottom:10px;	font-family: 'Montserrat', sans-serif!important;}
.carousel-des p{font-size:24px; margin-top: 0; color:#fff}

@media (min-width: 200px) and (max-width: 500px)
{
  .ux-mobile .parallax.back-background img.back-background-img{display: block}
.fullwidth-wrap .parallax img{width:auto; max-width: fit-content}}
@media (max-width: 480px){.responsive-ux .top-slider .carousel-des-wrap-inn{display:block}
.carousel-des p{font-size:18px; margin-top: 0; color:#fff; text-align:center}
.top-slider .carousel-des-wrap-inn{left:auto}
}
@media (max-width: 767px){.responsive-ux h1.title-wrap-tit{font-size:35px;text-align:center}}
@media (min-width: 768px){.ux-portfolio-3col .grid-item{height:520px}}
@media (min-width: 200px) and (max-width: 400px){#footer-img {height:120px!important}}
a:hover{color:#e19543}
#navi-header a{font-size: 19px;font-weight: 400;}
.lang-menu li>a {font-size: 19px;font-weight: 400;}