body, html{ font-family: 'Montserrat', sans-serif; background: #272727; font-size: 18px; line-height: 32px; line-height: 1.6; overflow-x: hidden; color: #fff; }
h1, h2, h3, h4 {font-weight: 100 !important;  color: #fff; line-height: 1.4; }
.subhead {letter-spacing: 0.1em;}
p {margin: 0 50 !important; font-weight: 300;}
.fixed-position {
position: fixed;
}
.call-to-action {width: 80%; min-height: 30%; padding: 30px; margin-left: auto; margin-right: auto; margin-top: 200px; margin-bottom: 100px;box-shadow: 0 0 50px #000; background-color:rgba(39, 39, 39);} hr{border:none; border-bottom: 1px solid #ddd} input{border: 1px solid #ddd}
input[type="submit"]{background: #333; color:#fff; border:none;width:70px;}
input, textarea, select {
width : 150px;
margin: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
pre{overflow: hidden} figure{margin:0;}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.video-container  iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.custom-logo {max-width: 90% !important; height: auto;}
.custom-logo-link {max-width: 70% !important;}
.wp-block-button {padding: 30px; font-size: 16px !important}
.wp-block-button a {font-weight: 600 !important; background-color: #fff; color: #1a1a1a; border: 1px solid; border-color: #fff; box-shadow: 0 0 50px #000;}
.wp-block-button.main-btn a {font-weight: 600 !important; color: #903233 !important;}
.wp-block-button a:hover {background-color: #903233; border: 1px solid; border-color: #903233; color: #fff !important;}
.wp-block-button.main-btn a:hover {background-color: #903233; border: 1px solid; border-color: #903233; color: #fff !important;}
.wp-block-button.btn-outline a {background-color: #272727; border: 1px solid; border-color: #fff; color: #fff; font-weight: 600; box-shadow: 0 0 0px;}
.wp-block-button.btn-outline a:hover {background-color: #903233; border: 1px solid; border-color: #903233; color: #fff;}
.wp-post-image { display: block;  margin: auto; padding-bottom: 150px; max-width: 100%; } .content {
-webkit-animation: fadein .8s ease-in-out;
-moz-animation: fadein .8s ease-in-out;
animation: fadein .8s ease-in-out;
}
@keyframes fadein {
from { opacity: 0; transform : translateY(2em)}
to { opacity: 1; transform : translateY(0em)}
} a, p{color:#eee;}
a:hover{color:#91302f;}
.container{max-width: 1200px; margin:0 auto; background-image:url(http://www.cafarellidomusin.it/wp-content/uploads/2022/06/Cafarelli-DomusIn_logo_dark.png); background-position: center center;
background-repeat: no-repeat; background-attachment: fixed; background-size:50vw;}
.header {float:left;padding: 30px; display: flex; justify-content: space-between; max-width: 1200px; width: 95vw;  background: rgb(39,39,39);
background: linear-gradient(0deg, rgba(39,39,39,0) 0%, rgba(39,39,39,0.8897759787508753) 50%, rgba(39,39,39,1) 78%); }
.header__logo{float:left;color:#fff; text-decoration: none;}
.header__menu  { padding:20px; margin:0;}
.header__menu ul {padding:0; margin:0; list-style-type: none; }
.header__menu li {display: inline; margin: 10px !important; padding: 25px 10px; color:#fff; text-transform: uppercase; font-size: 14px; }
.header__menu li  a {    text-decoration: none;}
.header__menu li a:hover {color:#903233 !important; text-decoration: underline; text-decoration-color: #903233;}
.active a {color:#903233 !important; font-weight:bold;}
.header__icon-bar{display: none;  float: right;}
.header__icon-bar svg {max-width: 50px; max-height: 50px;} .sticky {
position: fixed;
top: 0px !important; z-index: 999;
} .secondary {display: flex; justify-content: space-between; flex-wrap: wrap; border-top: 1px solid; border-bottom: 1px solid; border-color: #fff; margin-top: 150px; line-height: 2}
.widget_block {padding: 20px 0 !important}
#footer-sidebar1 {
float: left;
width: 50%;
text-align: left;
}
#footer-sidebar2 {
float: right;
width: 50%;
text-align: right;
} .home-template__first-content {padding-top:20vh  !important; padding-bottom: 24vh; }
.home-template__first-content em {font-size: 40px; line-height: 1.5;}
.home-template__first-content cite {font-family: serif; font-size: 24px; line-height: 1.5; color: #7a7a7a; letter-spacing: 0.05em;}
.home-template__first-visual {max-width: 75% !important; width:880px; margin: auto;}
.uagb-post__items article { padding:30px !important;} .main-title{padding:50px 20px; text-align: center;background:#21aabd; color:#fff;margin: 0;font-weight: 300;font-size: 50px; transform: translate(-50%, -50%);} .content{width: 80%; float: left; overflow-x: hidden; margin-top: 100px; padding-left: 10%}
.content__title {min-height: 32vh; text-align: center;}
h1.content__title {padding-bottom: 8vh; padding-top: 12vh; font-size: 42px; }
h1.content__title__contatti {padding-bottom: 8vh; padding-top: 5vh; font-size: 42px; text-align: center;}
h1.content__title__partner {padding-bottom: 12vh; padding-top: 10vh; font-size: 42px; text-align: center;}
.partner__description {max-width: 75%; margin: auto;}
.post{padding:40px; border-bottom: 1px solid #eee;}
.post img{max-width: 100%; height: auto;}
.content .page{padding:40px; }
.content .tag {margin-top:40px;}
.content .tag a{background: #666; color:#fff; padding:5px 10px; text-decoration: none; display: inline-block;;margin-top:5px;font-size: 12px;} .comments{margin: 40px 0; border-top: 1px solid #eee}
.commentlist,
.commentlist .children{list-style-type: none}
.comment-body{margin: 40px 0}
.comment-author.vcard img{border-radius: 100%;}
.comment-form-comment textarea{background: #eee; width:100%;border: 1px solid #ddd;margin-top:5px;}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input{background: #eee; width:200px; max-width:300px;border: 1px solid #ddd;padding:5px}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label{ width:100px;display: inline-block;}
.form-submit input{background: #333; color:#fff; border:none;font-size: 16px;padding: 10px 15px;width: auto;} .pagination{padding:40px;}
.pagination a,
.pagination span{padding: 10px 15px; border: 1px solid #ddd; text-decoration: none;}
.pagination a:hover{background: #eee} .wp-caption { margin-bottom: 20px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; } .gallery { padding: 40px 0 40px 0; width: 100%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 5% 0 5%; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%;margin:10px 0 0 0;}
.uagb-post__image {background-color: #272727}
.uagb-post__image img {opacity: .9}
.uagb-post__image img:hover {opacity: 1; }
img {width: auto;
height: auto;} .sidebar{width:30%;float: left;}
.widget{padding:40px;}
.widget ul{padding: 0;list-style-type: none;}
.widget ul li a{text-decoration: none;display: block;border-bottom: 1px solid #eee;padding:10px 15px}
.widget_search label{display: none;}
footer{padding:10px 30px; }
footer p {font-size: 12px} @media (max-width: 998px) {
.container {background-size:99vw; max-width: 90%}
.home-template__first-content em {font-size: 32px; line-height: 1.2;}
} @media (max-width: 767px) { .header__logo{margin-bottom:20px;}
.header__menu {
background: #272727;
opacity: 0;
overflow: auto;
margin: 120px 0 0;
position: fixed;
bottom: 0;
left: -99999px;
right: 99999px;
top: 0;
transform: translateY( 1rem );
transition: opacity .3s ease-in-out, transform .3s ease-in-out;
z-index: 9999;
max-width: 100%
}
.content__subtitle p {padding: 3vh 20px; font-size: 30px ; } .uagb-block-6093516f.wp-block-gallery.has-nested-images.columns-2 {
column-gap: 50px;
} .partner__description {max-width: 90%;}
.call-to-action {width: 95%; margin-top: 0px; box-shadow: 0 0 40px rgba(10, 10, 10, 0.9); background-color:rgba(39, 39, 39)}
.header__menu.show-menu {
left: 0;
right: 0;
opacity: 1;
transform: translateY( 0 );
transition: opacity .3s ease-in-out, transform .3s ease-in-out;
padding-left: 0;
}
.widget_block {padding: 10px 0 !important}
#footer-sidebar1 {
min-width: 100%;
}
#footer-sidebar2 {
min-width: 100%;
text-align: left;
}
.show-menu  li {
display: block;
font-size: 22px;
font-weight: 600;
letter-spacing: -0.025em;
line-height: 1.1;
width: 90%;
}
.header__menu .menu-item{display: block;}
.header__menu .menu-item a{display: block;padding:10px 15px; border-bottom:1px solid #666;}
.header__icon-bar {
cursor: pointer;
display: flex;
}
.home-template__first-content {padding-top:18vh  !important; padding-bottom: 20vh;} svg {
transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.active svg {
transform: rotate(90deg);
}
path {
transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
path:nth-child(1) {
transform-origin: 36% 40%;
}
path:nth-child(2) {
stroke-dasharray: 29 299;
}
path:nth-child(3) {
transform-origin: 35% 63%;
}
path:nth-child(4) {
stroke-dasharray: 29 299;
}
path:nth-child(5) {
transform-origin: 61% 52%;
}
path:nth-child(6) {
transform-origin: 62% 52%;
}
.active path:nth-child(1) {
transform: translateX(9px) translateY(1px) rotate(45deg);
}
.active path:nth-child(2) {
stroke-dasharray: 225 299;
stroke-dashoffset: -72px;
}
.active path:nth-child(3) {
transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.active path:nth-child(4) {
stroke-dasharray: 225 299;
stroke-dashoffset: -72px;
}
.active path:nth-child(5) {
transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.active path:nth-child(6) {
transform: translateX(9px) translateY(1px) rotate(45deg);
} .show-menu{min-height:60px; overflow: hidden; z-index: 9;}
.header__menu::after{width:100vw; height: 0; overflow: hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;} .main-title{font-size: 32px;}
.content,
.sidebar{width:100%; padding-left: 0} .gallery-caption{ font-size: 12px;}
} .clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } *:first-child+html .clearfix { zoom: 1; } .is-transitioning {
opacity: 0;
}