/* Typography */
html, body{
height: 100%;
margin: 0;
font-size: 16px;
color: var(--generic--text);
font-family: 'Montserrat', sans-serif;
font-weight: 400;
transition: 'cursor' 0.2s;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
color: var(--title--text);
font-weight: 700;
font-family: 'Ubuntu', sans-serif;
}
.media-single-foto h2{
font-size:20px;
}
.localita_text.cstTitle {
font-size:26px !Important;
}.localita_text.cstText{
font-size:15px !Important;
}
.infowindow_image img{
border-radius: 12px 12px 0 0;
width: 100%;
display: flex;
object-fit: cover;
}
.leaflet-popup-content{
min-width:200px;
width:250px !important;
}
.infowindow_image .inf_link{
max-height: 200px;
display: flex;
overflow: hidden;
position: relative;
}
.infowindow_image{
margin: -13px -19px 0 -19px !important;
}
.infowindow_image .infowindow_inner{
padding:15px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.infowindow_image .infowindow_inner strong{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size:16px;
margin-bottom:5px;
}.infowindow_image .infowindow_inner .info_badge{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size:11px;
margin-bottom:5px;
color:#fff;
background:#007bff;
border-radius:4px;
padding:2px 4px;
clear:both;
margin-bottom:5px;
display:inline-block;
}
.infowindow_image .infowindow_inner a{
float:right;
}
.leaflet-container a.leaflet-popup-close-button {
background: #dcdcdc !important;
/* padding: 15px; */
top: 9px !important;
height: auto !imortant;
line-height: 19px !important;
width: 20px !important;
height: 20px !important;
text-align: center !important;
padding: 0 !important;
right: 10px !important;
border-radius: 10px !important;
color: #333 !important;
}
.videoLabel{
position: absolute !important;
right: 10px !important;
top: 10px !important;
background: #db0234 !important;
font-weight: bold !important;
color: #fff !important;
padding: 2px 5px !important;
font-size: 12px !important;
border-radius: 6px !important;
display:block !important;
width:auto !important;
}
.action-toolbar .ac-bg .active{
}
.action-toolbar{
float:right;
}
.search_form_multimedia button i{
color: #333;
}
.search_form_multimedia button:hover,.search_form_multimedia button:focus{
background:#dcdcdc !important;
}
.search_form_multimedia button{
width: 14%;
background: #fff;
border-left: none;
position: absolute !important;
right: 0 !important;
/* padding: 0; */
margin: 2px;
height: 34px;
border: none;
}
.search_form_multimedia .form-outline input{
border-radius: 5px;
padding-right: 50px;
}
.search_form_multimedia .form-outline{
width: 100%;
}
.search_form_multimedia{
width: 66%;
float: left;
margin: 2px 0 0 0;
}
.action-toolbar .ac-bg{
float:right;
padding: 10px 15px;
border-radius: 25px;
background:#fafafa;
}
.media-grid-gallery{
background:#fff;
display: grid;
grid-gap: 6px;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-auto-rows: 100px;
margin-top:15px;
}
.media-grid-gallery a:hover {
transform: scale(1.1) !important;
}
.media-grid-gallery a:hover span {
display:block;
}
.media-grid-gallery a span {
display:none;
position:absolute;
bottom:0;
left:0;
right:0;
height:30px;
overflow:hidden;
font-size:12px;
color:#fff;
background: rgba(0, 0, 0, 0.4);
font-family: 'Montserrat';
font-weight: 500;
text-align:center;
line-height:30px;
}
.media-grid-gallery > a > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.media-grid-gallery > a > {
border-radius: 10px;
padding: 5px;
}
.media-grid-gallery > a {
position:relative;
display: flex;
justify-content: center;
align-items: center;
font-size: 2em;
color: #20263f;
}
.media-single-foto .interactions{
padding:10px 0 20px 0;
}
.media-single-foto{
padding:20px;
}
.mapReadMore{
float:right;
font-size:12px;
}
.bk_title{
width:100%;
color:#707070 !important;
display:inline-block;
}
#scheda-card-tab .cstTitle{
font-size: 22px;
font-family: 'Montserrat';
font-weight: 500;
}
.collapsable{
height:120px;
overflow:hidden;
}
#scheda-card-tab .cstText{
font-size: 16px;
font-family: 'Montserrat' !important;
font-weight: 400;
}
#mapImageForm .form-group{
padding:20px !important;
}
#mapImageForm .btn-success{
width:66% !important;
}
.addGalleryImage:hover{
text-decoration:underline;
color:#333;
}
.addGalleryImage{
font-size:31px;
color:#333;
}
.footer{
background-color: var(--title--text);
}
.footer .social{
background-color: var(--black);
padding: 12px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.social-icon{
margin: 0 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.social-icon:hover{
opacity: 0.8;
}
.newsletter-input{
border-radius: 30px;
max-width: 245px;
}
#newsletter-button{
border-radius: 30px;
width: 100%;
max-width: 245px;
}
.itala-tag{
display: inline-flex;
margin: 8px;
}
.itala-tag .label{
padding: 8px 14px;
background: -webkit-linear-gradient(0deg, #48b3e2 0%, #4891E2 100%);
background: linear-gradient(0deg, #48b3e2 0%, #4891E2 100%);
border-radius: 30px 0 0 30px;
font-weight: 500;
font-size: 12px;
color: white;
}
.itala-tag.small .label{
font-size: 10px;
padding: 6px 12px;
}
.mediaImage .image_header{
padding:5px;
background:#fff;
border-radius:5px 5px 0 0;
}
.singleimagecontainer .like{
margin-right:15px;
}
.mediaImage .divsottofoto .interactions {
font-size:12px;
}.mediaImage .divsottofoto .imageText{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size:12px;
}
.mediaImage .readAll{
color:#707070;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size:12px;
}
.mediaImage .divsottofoto .interactions .like{
margin-right:10px;
}
.mediaImage .divsottofoto{
padding:5px;
background:#fff;
border-radius:0 0 5px 5px ;
}
.mapNews:hover {
text-decoration:none;
color:#707070;
}
.mapNews{
background:#fff;
margin:15px;
-webkit-box-shadow: 1px 4px 15px -4px #333333;
box-shadow: 1px 4px 15px -4px #333333;
color:#707070;
}
.mapNews .mapNews_body{
padding-top:15px;
}
.mapNews .col-md-4{
padding:0;
}
.mapNews img{
max-width:100%;
}
.mapNews .mapNews_date{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size:12px;
text-transform:uppercase;
color:#707070;
border-bottom:2px solid #dcdcdc;
margin-bottom:10px;
float:left;
}
.mapNews .mapNews_title{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size:12px;
margin-bottom:10px;
clear:both;
}
.mapNews .mapNews_from{
border-top:1px solid #fafafa;
padding-top:10px;
font-size:12px;
}
.mediaImage .image_header p{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size:12px;
}
.mediaImage{
}
.itala-tag .icon{
padding: 8px 14px;
background: -webkit-linear-gradient(0deg, #48b3e2 0%, #4891E2 100%);
background: linear-gradient(0deg, #48b3e2 0%, #4891E2 100%);
border-radius: 0 30px 30px 0;
font-weight: 500;
font-size: 10px;
color: white;
margin-left: 2px;
position: relative;
cursor: pointer;
}
.itala-tag.brown .label, .itala-tag.brown .icon{
background: var(--brown);
}
.itala-tag.yellow .label, .itala-tag.yellow .icon{
background: var(--yellow);
}
.itala-tag.green .label, .itala-tag.green .icon{
background: var(--green);
}
.itala-tag.red .label, .itala-tag.red .icon{
background: var(--red);
}
.itala-tag .icon:hover{
opacity: 0.8;
}
.itala-tag .icon::before, .itala-tag .icon::after{
content: '';
width: 2px;
height: 10px;
position: absolute;
top: 50%;
left: 50%;
background-color: white;
transition:0.5s; /* Transition duration */
}
.itala-tag .icon.icon-rotation::before{
transform: translate(-50%, -50%) rotate(45deg);
}
.itala-tag .icon.icon-rotation::after{
transform: translate(-50%, -50%) rotate(-45deg);
}.itala-tag .icon::before{
transform: translate(-50%, -50%) rotate(0deg);
}
.itala-tag .icon::after{
transform: translate(-50%, -50%) rotate(-90deg);
}
.user{
display: inline-flex;
align-items: center;
}
.avatar{
height: 40px;
width: 40px;
position: relative;
border-radius: 50%;
background: var(--base) url("../../img/common/user.svg") no-repeat center;
background-size: 85%;
}
.avatar img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
background-color: var(--base);
border-radius: 50%;
}
@media(max-width: 480px){
.search-bar-input{
max-width: 130px;
height: 38px;
font-size: 12px;
}
#search-bar-button, .search-bar-button{
max-width: 40px;
}
}
.search-bar-container.serp{
width: fit-content;
display: flex;
align-items: center;
align-content: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.search-bar-container.serp .search-bar-input{
text-align: center;
font-weight: 300;
}
.search-bar-container.serp .search-bar-input:focus{
border-color: transparent;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,0);
}
.search-bar-input{
border-radius: 30px 0 0 30px;
border: none;
}
#search-bar-button, .search-bar-button{
width: 64px;
height: 38px;
border: none;
background-color: var(--white);
border-radius: 0 30px 30px 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
display: flex;
align-items: center;
justify-content: center;
}
#search-bar-button:hover, .search-bar-button:hover{
background-color: #ced4da;
}
.navigation-drawer{
min-width: 100%;
max-height: calc(100vh - (74px + 46px));
background-color: var(--background);
height: inherit;
overflow-y: auto;
overflow-x: hidden;
z-index: 1;
}
.navigation-drawer .header{
background: -webkit-linear-gradient(90deg, #4891E2 0%, #48b3e2 100%);
background: linear-gradient(90deg, #4891E2 0%, #48b3e2 100%);
display: flex;
flex-direction: row;
align-items: center;
z-index: 1;
}
.navigation-drawer .header .title{
font-size: 26px;
font-weight: 500;
}
.navigation-drawer .header .subtitle{
font-weight: 300;
}
.navigation-drawer-desc-title{
color: var(--title--text);
}
.navigation-drawer-desc{
font-size: 14px;
}
/* .menu-drawer{
background-color: white;
border-radius: 10px;
padding: 12px 16px;
position: absolute;
left: 20px;
bottom: 20px;
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.10);
} */
/* Utils */
button{
border: 1 px solid;
}
.object-fit_cover {
object-fit: cover
}
.bg-light.transparent{
background-color: rgba(255,255,255, 0.4) !important;
}
.bg-brown{
background-color: var(--brown);
}
.bg-base{
background-color: var(--base);
}
.btn-gradient{
background: -webkit-linear-gradient(90deg, #48b3e2 0%, #4891E2 100%);
background: linear-gradient(90deg, #48b3e2 0%, #4891E2 100%);
color: var(--white);
transition: all 0.1;
}
.btn-gradient:hover{
opacity: 0.9;
color: var(--white);
}
.accordion-header{
position: relative;
}
.accordion-header button{
padding: 4px 0;
}
.accordion-header button.custom::before{
content: '';
width: 95%;
height: 1px;
background-color: var(--base);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%);
transform: translate(-50%, -50%);
z-index: 0;
}
.accordion-header button .label{
background-color: white;
position: relative;
z-index: 1;
padding-right: 10px;
font-size: 12px;
}
.accordion-header button .icon{
height: 20px;
width: 20px;
position: relative;
z-index: 1;
-webkit-transition: all .2s;
transition: all .2s;
}
.accordion-header button[aria-expanded="false"] .icon{
background: url(../assets/img/common/plus-ac.png) no-repeat;
background: url(../assets/img/common/plus-ac.svg) no-repeat;
background-size: contain;
}
.accordion-header button[aria-expanded="true"] .icon{
background: url(../assets/img/common/dash-ac.png) no-repeat;
background: url(../assets/img/common/dash-ac.svg) no-repeat;
background-size: contain;
}
.post-card{
background-color: white;
border-radius: 10px;
}
.post-card-header{
padding: 12px 24px;
background: none;
z-index: 0;
}
.post-card-header .title{
font-size: 14px;
font-weight: 500;
color: var(--title--text);
}
.post-card-header .subtitle{
font-size: 10px;
margin-top: -4px;
}
.post-card-header .icon-social{
width: 24px;
height: 24px;
}
.post-card-header .icon-social.facebook{
background: url(../assets/img/common/logo-facebook.png) no-repeat;
background: url(../assets/img/common/logo-facebook.svg) no-repeat;
background-size: contain;
}
.post-card-header .icon-social.instagram{
background: url(../assets/img/common/logo-instagram.png) no-repeat;
background: url(../assets/img/common/logo-instagram.svg) no-repeat;
background-size: contain;
}
.post-card-header .icon-social.twitter{
background: url(../assets/img/common/logo-twitter.png) no-repeat;
background: url(../assets/img/common/logo-twitter.svg) no-repeat;
background-size: contain;
}
.post-card .image{
width: 100%;
position: relative;
overflow: hidden;
}
.post-card .image::before{
content: "";
display: block;
padding-top: 100%;
}
.post-card .image img{
height: 100%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.post-card-content{
font-size: 14px;
}
.post-card-content button, .post-card-content a{
font-size: 14px;
color: var(--title--text);
}
.post-card-content button:hover, .post-card-content a:hover{
color: var(--title--text);
opacity: 0.8;
}
.post-card-ic{
border: none;
min-width: 190px;
padding: 0 4px;
}
.post-card-content button.btn-s-c{
color: var(--generic--text);
font-size: 12px;
}
.post-card-action .icon{
width: 24px;
height: 24px;
}
.post-card .like-img{
width: 30px;
height: 30px;
border-radius: 50%;
}
.post-card-action .icon.like{
background: url(../assets/img/common/like.png) no-repeat center;
background: url(../assets/img/common/like.svg) no-repeat center;
background-size: contain;
}
.post-card-action .icon.like.active{
background: url(../assets/img/common/like-active.png) no-repeat center;
background: url(../assets/img/common/like-active.svg) no-repeat center;
background-size: contain;
}
.post-card-action .icon.comment{
background: url(../assets/img/common/comment.png) no-repeat center;
background: url(../assets/img/common/comment.svg) no-repeat center;
background-size: contain;
}
.post-card-action .icon.comment.active{
background: url(../assets/img/common/comment-active.png) no-repeat center;
background: url(../assets/img/common/comment-active.svg) no-repeat center;
background-size: contain;
}
.post-card-action .icon.bookmark{
background: url(../assets/img/common/bookmark.png) no-repeat center;
background: url(../assets/img/common/bookmark.svg) no-repeat center;
background-size: contain;
}
.post-card-action .icon.bookmark.active{
background: url(../assets/img/common/bookmark-active.png) no-repeat center;
background: url(../assets/img/common/bookmark-active.svg) no-repeat center;
background-size: contain;
}
@media(max-width: 1200px){
.media-single-foto .singleimagecontainer .btnBack{
position:absolute;
left:0px;
top:40%;
background:#fff;
padding: 5px 5px 5px 0;
border-radius:0 15px 15px 0;
-moz-border-radius:0 15px 15px 0;
-webkit-border-radius:0 15px 15px 0;
}
.media-single-foto .singleimagecontainer .btnForward{
position:absolute;
right:0px;
top:40%;
padding: 5px 5px 5px 0;
background:#fff;
transform: rotate(180deg);
border-radius:0 15px 15px 0;
-moz-border-radius:0 15px 15px 0;
-webkit-border-radius:0 15px 15px 0;
}
}
.geo-page .cstTitle,
.geo-page .cstText{
font-family: 'Montserrat', sans-serif;
}
.geo-page .cstText{
font-weight:400;
}
.info-list li strong{
font-family: 'Montserrat', sans-serif;
color:#707070;
}.info-list li{
padding:10px 0 0 0;
font-family: 'Montserrat', sans-serif;
color:#707070;
}
.multimedianav li{
flex:auto;
}
.media-list-gallery img.zoom{
width:100%;
}
.multimedianav .multi_camera.active{
margin:15px auto 5px auto;
background:url(../../img/common/multimedia/camera-white.svg) no-repeat transparent right;background-color:#48ade2; border:2px solid #48ade2; background-size:25px 25px;background-position-x:50%; width:50px; height:50px; border-radius:25px;
}.multimedianav .multi_camera{
margin:15px auto 5px auto;
background:url(../../img/common/multimedia/camera-blue.svg) no-repeat transparent right;background-color:#fff; border:2px solid #48ade2; background-size:25px 25px;background-position-x:50%; width:50px; height:50px; border-radius:25px;
}
.multimedianav .multi_360.active{
margin:15px auto 5px auto;
background:url(../../img/common/multimedia/360-white.svg) no-repeat transparent right;background-color:#48ade2; border:2px solid #48ade2; background-size:25px 25px;background-position-x:50%; width:50px; height:50px; border-radius:25px;
}.multimedianav .multi_360{
margin:15px auto 5px auto;
background:url(../../img/common/multimedia/360-blue.svg) no-repeat transparent right;background-color:#fff; border:2px solid #48ade2; background-size:25px 25px;background-position-x:50%; width:50px; height:50px; border-radius:25px;
}
.multimedianav .multi_video.active{
margin:15px auto 5px auto;
background:url(../../img/common/multimedia/video-white.svg) no-repeat transparent right;background-color:#48ade2; border:2px solid #48ade2; background-size:25px 25px;background-position-x:50%; width:50px; height:50px; border-radius:25px;
}
.multimedianav .multi_video{
margin:15px auto 5px auto;
background:url(../../img/common/multimedia/video-blue.svg) no-repeat transparent right;background-color:#fff; border:2px solid #48ade2; background-size:25px 25px;background-position-x:50%; width:50px; height:50px; border-radius:25px;
}
.multimedianav .multi_virtual{
margin:15px auto 5px auto;
background:url(../../img/common/multimedia/eye-blue.svg) no-repeat transparent right;background-color:#fff; border:2px solid #48ade2; background-size:25px 25px;background-position-x:50%; width:50px; height:50px; border-radius:25px;
}
.multimedianav .multi_virtual.active{
margin:15px auto 5px auto;
background:url(../../img/common/multimedia/eye-white.svg) no-repeat transparent right;background-color:#48ade2; border:2px solid #48ade2; background-size:25px 25px;background-position-x:50%; width:50px; height:50px; border-radius:25px;
}
@media(min-width: 1201px){
.media-single-foto .singleimagecontainer .btnBack{
position:absolute;
left:-10%;
top:40%;
}.media-single-foto .singleimagecontainer .btnForward{
position:absolute;
right:-10%;
top:40%;
transform: rotate(180deg);
}
}
.media-single-foto .singleimagecontainer{
position:relative;
}
@media (max-width: 800px) {
#IlRisultatoDellaRicerca0{
width:140% !important;
left:-20%;
}
.desktop-menu{display:none !important;}
.mobile-menu { margin-top:10px; list-style:none;padding:0;}
.mobile-menu li a{padding:10px 10px; font-family: 'Montserrat';}
.mobile-menu li{border-bottom:1px solid #dcdcdc;}
.media-grid-gallery#photos {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
.media-single-foto .image_header{
margin-bottom: 20px;
border-bottom: 1px solid #dcdcdc;
padding-bottom:5px;
}
@media(min-width: 768px){
.media-single-foto-in{
padding:0 10%;
margin:0 auto;
}
.mobileHambMenu{display:none;}
.media-single-foto .singleimagecontainer .zoom{
width:100%;
}
.navigation-drawer{
min-width: 320px;
width: 100%;
max-width: 450px;
}
.search-bar-container.serp .search-bar-input{
font-size: 35px;
width: 60vw;
}
}