/*
Theme Name: VisitQuarrata
Theme URI: http://cmsmasters.net/galleria-metropolia-child/
Author: cmsmasters
Author URI: Etarom
Description: Custom theme Based on Galleria Metropolia
Template: galleria-metropolia
Version: 1.0.0
License:
License URI:
Text Domain: galleria-metropolia-child
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

body{
  font-size:17px !important;
}

.full-wrap .cmsmasters_row_fullwidth{
    padding:0 !important;
}

/*lo stile è messo in funzione del post type*/
.portfolio.large_gap .esperienze {
  padding-left: 1.72%;
  padding-right: 1.72%;
  padding-bottom: 3.44%;
}
.font-1{
  font-family:Montserrat, Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
}
.font-1 a{
  font-family:Montserrat, Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
}

.font-2{
  font-family:Montserrat, Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
  /*font-family:Merriweather, Arial, Helvetica, "Nimbus Sans L", sans-serif !important;*/
}

.uppercase{
  text-transform:uppercase !important;
}
.titlecase{
  text-transform:capitalize !important;
}
.uppercase a{
  text-transform:uppercase !important;
}
.bold{
  font-weight: 700;
}
/*colori per post type*/
.text-esperienze{
  color:#B61A0E !important;
}
.text-scopri{
  color:#B61A0E !important;
}
.text-idee{
  color:#a7322c !important;
}
.text-orange{
  color:#B61A0E !important;
}
.text-cammini-e-sentieri{
  color: #B61A0E  !important;
}
.bg-esperienze{
  background-color:#B61A0E !important;
}
.bg-itinerari{
  background-color:#B61A0E !important;
}
.text-itinerari{
  color:#B61A0E !important;
}
.bg-scopri{
  background-color: #B61A0E;
}
.bg-o-eventi{
  background:#B61A0E !important;
}
.text-o-eventi{
  color:#B61A0E !important;
}
.bg-idee{
  background-color: #B61A0E;
}
.bg-luoghi{
  background-color: #B61A0E;
}
.text-luoghi{
  color: #B61A0E !important;
}
.bg-cammini-e-sentieri{
  background-color: #B61A0E ;
}
.bg-ecomuseo{
  background-color:#202A18;
}
.text-ecomuseo{
  color:#202A18 !important;
}
/*colori generici*/
.bg-black{
  background-color:#000;
}
.bg-footer{
  background-color: #261812 !important;
}
.text-footer{
  color:#BFC0C1 !important;
}
.bg-gray-0{
  background-color: #EBEBEB;
}
.bg-gray-1{
  background-color: #C0C0C0;
}
.bg-gray{
  background-color: #DDD;
}
.text-white{
  color:white !important;
}
.text-white a{
  color:white !important;
}
.text-black{
  color:#000;
}
.text-gray{
  color:#787A7B !important;
}
.text-border-gray{
  border-top:1px solid #787A7B;
}
.gray-tribe-1{
  color: #bbbbbb!important;
}
.gray-tribe{
  color: #6f6f6e!important;
}
.black-tribe{
  color: #585857!important;
}
.px20{
  padding:0 20px;
}

.font-700{
font-weight: 700 !important;
}

.h40{
  height:40px;
}
.min-h250{
  min-height:250px;
}

.h50{
  height:50px;
}
.c-40{
  margin-top:-50px;
}
.box-right-info ul li{
 padding:0;
}
.bt-2-white{
  border-top:2px solid #FFFFFF;
}

.first-upper::first-letter{
  text-transform:uppercase;
}
.headline_outer{
  background-position: center center;
  min-height: 55vh;
}
.border-b{
  border-bottom:1px solid white;
}
span.border-b{
  display:inline-block !important;
}
.ellipsis{
  display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.text-make{
  color:#E21D3C;
}
.mask-gray-band::before{
display:block;
height:40px;
content:'';
position:absolute;
left:0;
right:0;
z-index:2;
background-color: #FFF;
}
.mask-gray-band::after{
  display:block;
  height:60px;
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  z-index:2;
  background-color: #FFF;
  }


  iframe#make-widget-iframe{
    margin-left:-1rem;
    margin-right:-1rem;
  }

  .z-top{
    z-index:20;
  }
  .z-down{
    z-index:1;
  }

  .-m-80{
    margin-top:-80px;
  }
  .relative{
    position:relative;
  }

  body{
    background-color:#EBEDEE;
  }

  .sidebar {
    padding: 60px 0 60px 0px !important;
  }
  
  @media screen and (min-width: 992px) {
    .sidebar {
    padding: 60px 0 60px 42px !important;
    }
  }
  .headline_outer{
    position:relative
  }

  .headline_outer:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-color: rgba(0,0,0,0.55);
  }
  .excerpt{
    line-height: 1.4 !important;
  }

  .ph-credit{
    position:absolute;
    right:20px;
    transform-origin: right;
    transform:rotate(-90deg);
    font-size:0.8rem;
    font-weight: bold;
  }
  .tumb img{
    width:100% !important;
    height:auto !important;
  }
  .border-b{
    border-bottom:1px solid #787A7B;
  }

  .rombi{
    position:relative;
    overflow:visible;
    height:50px;
  }
  .rombi-container{
    position:absolute;
    height:45px;
    left:-695px;
    width:3000px;
  }
  
  .weight-n{
    font-weight: normal !important;
  }
  .ellipsis-bc{
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    display: inline-block;
  }
.luoghi-box{
  line-height:1.15;
}
.luogo{
  padding-left:30px;
  background-image: url('./assets/img/position.svg');
  background-repeat: no-repeat;
  background-position: left;
}
.luogo.d-inline-block{
  padding-left:4px;
  background-image: none;
}

.luogo.d-inline-block::after{
content:', ';
}

.luogo.d-inline-block:last-of-type::after{
  content:'';
}

.luogo.d-inline-block:first-of-type{
  padding-left:30px;
  background-image: url('./assets/img/position.svg');
  background-repeat: no-repeat;
  background-position: left;
}

.luogo.inbox{
  color:white !important;
  font-size:14px !important;
  font-weight: 900;
  line-height: 1.15;
}
.luogo.inbox.big{
  color:white !important;
  font-size:19px !important;
  padding:10px;
}
.luogo.inbox.gray{
  color:#787A7B !important;
}

.luogo.inbox.gray:first-of-type{
  background-image: url('./assets/img/position-box-gray.svg') !important;
}

.luogo.inbox:first-of-type{
  padding-left:18px;
  background-image: url('./assets/img/position-box.svg');
  background-repeat: no-repeat;
  background-position: left;
}
.luogo.no-icon{
  padding-left:10px !important;
  background-image: none !important;
  display: inline-block !important;
}
.luogo.si-icon{
  padding-left:17px !important;
  background-size: contain!important
}
.row-aggregatore img{
  width:100%;
}

.separatore{
  border-bottom:1px solid #DDD;
}

.bottom_bg{
  border:none !important;
}

.custom-carousel .cmsmasters_slider_project_inner{
    visibility: visible !important;
    opacity:1 !important;
    text-align: left !important;
    background-color: rgba(22, 32, 47, 0.65) !important;
    padding:10px !important;
    justify-content:flex-end !important; 
}

.all-visible .project_inner{
  visibility: visible !important;
  opacity:1 !important;
  text-align: left !important;
  background-color: transparent !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
  padding:10px !important;
  justify-content:flex-end !important; 
}

.portfolio.grid.masonry .project,
.portfolio.puzzle .project {
   opacity: 1;
}

.cmsmasters_project_puzzle .cmsmasters_project_header + .cmsmasters_project_category{
 position:absolute;
 top:0px;
}
.cmsmasters_project_puzzle .cmsmasters_project_header +  .cmsmasters_project_category a{
text-transform: uppercase;
pointer-events: none;
cursor:none;
}


.cmsmasters_project_category a{
  letter-spacing:0 !important;
}
.cmsmasters_project_category a{
  font-weight: 700 !important;
  color:white !important;
}
h4.cmsmasters_project_title{
  line-height: 19px !important;
  margin-bottom:18px !important;
}
h4.cmsmasters_project_title a{
  line-height: 19px !important;
}

.hidden{
  display: none;
}

.margin-meno{
  margin-left:-20px;
  margin-right:-20px;
}
.no-padding{
  padding:0px !important;
}

.m-54{
  margin-top:-41px;
}
@media screen and (min-width: 960px) {
  .two_x_two h4 a{
    font-size: 180%;
    line-height: 1.3 !important;
    font-weight: 300;
  }
}

.portfolio.large_gap {
  margin: 0 -9px !important;
  }
.portfolio.large_gap .project {
  padding-left: 9px !important;
  padding-right: 9px !important;
  padding-bottom: 18px !important;
}
.headline_eventi{
  height:500px;
  z-index: -1;
  overflow: hidden;
}
.headline_eventi .headline_aligner{
  min-height: 240px;
}
.eventi-info{
  margin-top:10px;
}
.headline_eventi .headline_outer{
padding-top:30px !important;
height: auto !important;
}
@media only screen and (min-width: 768px){
  .tribe-events-list .tribe-events-event-image {
    width: 185px!important;
  }
  .tribe-events-list .tribe-events-event-image .cmsmasters_img_wrap {
    max-width: 185px!important;
    max-height: 185px!important;
  }
}
.middle-eventi .middle_content{
 padding-top:30px !important;
}

.font-300 a{
  font-weight: 300 !important;
}

#tribe-events-content{
  padding-bottom:0px !important;
}
.cmsmasters_single_event{
  padding-bottom:0px !important;
  border:none !important;
}
.tribe-events-title-bar{
  display:none !important;
}

.header_mid_inner{
  width: auto !important;
  max-width: 1200px;
}

.box-scopri{
  height: 277px!important;
}