

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700,700i,900,900i');
h2{
margin-bottom:20px !important
}
ul {
    list-style-position: outside;
}
ol li, ul li{
margin-left:15px
}
ol li ol li{
list-style-type: lower-latin
}
.title.title_size_large h1 {
    font-weight: 700;
}
.hidden{
display:none !important
}
.has_background {
     background-position: center center !important;
    background-size: 130% auto !important;
}
.google-maps {
margin-top:35px;
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
.fotolist{
margin-top:40px;
}
input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    background-color: #ececec;
    color: #464240;
    font-size: 15px;
    font-weight: 500;
}
ul.listcat li{
list-style:none;
margin:0;
}
ul.listcat{
margin-top:15px
}
ul.listcat li a{
padding:20px 0 ;
border-bottom: 1px solid #373737;
display:block;
text-decoration:none;
}
ul.listcat li:first-child a{
border-top: 1px solid #373737;
}
ul.listcat li a:hover{
background-color: #ececec;
}
ul.listcat li a i{
margin:0 10px;
}
.psgal figure {
    padding: 0 !important;
}
.psgal img:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity==80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

nav.mobile_menu ul li a, nav.mobile_menu ul li a {
   text-decoration:none;
text-align:center
}
.full_width {
margin-top:100px
}




@media screen and (max-width:1000px) {
.full_width {
margin-top:50px
}
.title {
    padding: 80px 0 !important;
}
.title.title_size_large h1 {
font-size: 40px !important;
line-height: 50px !important
}
h2{
margin-bottom:10px !important
}
}


@media screen and (max-width:600px) {
.psgal figure{
    width: 100% !important;
}
.fotolist{
margin-top:20px;
}
.title.title_size_large h1 {
font-size: 28px !important;
line-height: 35px !important
}
.google-maps {
margin-top:20px;
    }
}







/* cookie banner related styles below */

/*  GENERAL CLASS */
#iubenda-cs-banner{
    /* ------ IMPORTANT NOTICE: don't change these values as
            they may prevent the banner from properly showing. Some of these lines,
            moreover (like z-index) will overwrite the configuration initialized
            by the script you paste in your pages. To show the banner at the bottom
            you can switch to "bottom: 0px !important;". Don't forget to put "slideDown"
            to "false".
     */
    bottom: 0px !important;
    left: 0px !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 99999998 !important;
    background-color: black;
    /* ----------------- */
}

/*  CONTENT CLASS */
.iubenda-cs-content{
    display:block;
    margin:0 auto;
    padding: 20px;
    width:auto;
    font-family: Helvetica,Arial,FreeSans,sans-serif;
    font-size: 12px;
    background: #000;
    color: #fff !important;
}
.iubenda-banner-content{

}

.iubenda-cs-rationale{
    max-width: 900px; position:relative; margin: 0 auto;
}

/*   STYLE FOR TEXT INTERNAL BANNER */
.iubenda-banner-content > p {
    font-family: Helvetica,Arial,FreeSans,sans-serif;
    line-height: 1.5;
   font-size: 12px !important;
    color: #fff !important;
}

/*  CLOSE BUTTON. NOTICE: IMAGE FOR BUTTON NOT IMPLEMENTED YET */
.iubenda-cs-close-btn{
    margin:0;
    color: #fff !important;
    text-decoration:none;
    font-size:12px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
}

/*  STYLE FOR TEXT LINK TO PRIVACY POLICY */
.iubenda-cs-cookie-policy-lnk{
    text-decoration: underline;
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
}