/*
Theme Name: beforeandafter
Description: beforeandafter Theme
Theme URI: https://andreamantegazza.it
Author: Dev AM
Version: 1.0
*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
@font-face {
	font-family: 'Swiss721BT-Bold';
	src: url('fonts/Swiss721BT-Bold.eot');
	src: local('☺'), url('fonts/Swiss721BT-Bold.woff') format('woff'), url('fonts/Swiss721BT-Bold.ttf') format('truetype'), url('fonts/Swiss721BT-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MYLD';
	src: url('fonts/MYLD.eot');
	src: local('☺'), url('fonts/MYLD.woff') format('woff'), url('fonts/MYLD.ttf') format('truetype'), url('fonts/MYLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TiemposText-Regular';
	src: url('fonts/TiemposText-Regular.eot');
	src: local('☺'), url('fonts/TiemposText-Regular.woff') format('woff'), url('fonts/TiemposText-Regular.ttf') format('truetype'), url('fonts/TiemposText-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HELVMONO';
	src: url('fonts/HELVMONO.eot');
	src: local('☺'), url('fonts/HELVMONO.woff') format('woff'), url('fonts/HELVMONO.ttf') format('truetype'), url('fonts/HELVMONO.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaMonoObl';
	src: url('fonts/HelveticaMonoObl.eot');
	src: local('☺'), url('fonts/HelveticaMonoObl.woff') format('woff'), url('fonts/HelveticaMonoObl.ttf') format('truetype'), url('fonts/HelveticaMonoObl.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{
    overflow: auto;
    overflow-x: hidden;
}
body {
    font-family: 'Swiss721BT-Bold';
    font-size: 1.05vw;
    line-height: 1em;
    background-color: #4f7627;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
/*    overflow-x: hidden;*/
}

body, select, input, textarea {
    color: #000;
}

a {color: #000; text-decoration: none;}
a:hover {color: #fff;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #000; color: #fff; text-shadow: none;}
::selection {background: #000; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
/*a:link {-webkit-tap-highlight-color: #fff; color: #000;}*/

ins {background-color: #fff; color: #000; text-decoration: none;}
mark {background-color: #fff; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.clearafter:after{
    content: '';
    display: block;
    clear: both;
}

.cursor-pointer{
    cursor: pointer;
}
.text-hover:hover { color: #fff; }
.text-right { text-align: right; }


.fade-circle {
    animation: fadeCircle 5s infinite;
}

.fade-invert{
    animation: fadeInvert 5s infinite;
}

@keyframes fadeCircle {
  0%   { border-color: #fff; color: #000; }
  50%  { border-color: #000; color: #fff; }
  100% { border-color: #fff; color: #000; }
}
@keyframes fadeInvert {
  0%   { filter: invert(0); }
  50%  { filter: invert(1); }
  100% { filter: invert(0); }
}


/*
-------------------------------------------------------------------------------*/



header{
    overflow: hidden;
    padding: 10px;
}

header .title-1 img,
header .title-2 img{
    height: 43vh;
    height: calc(45.5vh - 40px);
}
header .title-2{
    text-align: right;
    padding-top: 10px;;
}

.details {
    margin-top: 1vw;
    padding: 0 10px;
    font-size: 2.15vh;
    line-height: 1.1em;
}


#floating-logo{
    position: absolute;
    top: calc(45vh);
    left: 10px;
    width: calc(41.2vh);
    height: calc(41.2vh);
    border: 2.5vh solid #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 17.5vh;
    font-size: 12vh;
}



.partner.desktop {
    position: absolute;
    right: 10px;
    top: 10px;
    vertical-align: middle;
    font-size: 0.9vw;
}
.partner.desktop img {
    height: 3vw;
    display: inline;
    vertical-align: middle;
    margin-left: 2.2vw;
}




/* ABOUT
-------------------------------------------------------------------------------*/


.about-wrapper {
    transition: top 0.2s;
    font-size: 0.9vw;
    width: 100%;
}
.about-wrapper.visible {
    padding: 10px;
    display: table-cell !important;
    position: absolute;
    top: -25vw;
    z-index: 999;
    background-color: #4f7627;
    transition: top 0.2s;
}
.about-wrapper.visible {
/*    top: 0;*/
    transition: top 0.2s;
}

body{
    margin-top: 0;
    transition: margin-top 0.2s;
}
body.visible-about {
    position: relative;
    margin-top: 25vw;
}
    
    
.about-wrapper p {
    margin-bottom: 1em;
    line-height: 1.2em;
}

.about-center {
    padding: 0 10px;
}

.about-wrapper .section-title {
    margin-bottom: 1em;
}

.about-wrapper .people-inner {
    font-size: 0.9vw;
}


.about-wrapper .bio-button {
    display: inline-block;
    background-color: #000;
    border-radius: 2vw;
    color: #4f7627;
    text-transform: uppercase;
    font-size: 0.9vw;
    line-height: 1.4em;
    padding: 0 0.5em;
    cursor: pointer;
}
.about-wrapper .bio-button {
    margin-bottom: 1em;
}
.about-wrapper .bio-button:hover {
    background-color: #375b11;
}

.main-bio {
    display: none;
}

.single-main-bio {
    margin-bottom: 1em;
}






/* STICKy VIDEO
-------------------------------------------------------------------------------*/
.sticky-video {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
    z-index: 2000;
    opacity: 0;
}
.sticky-video .toggle-video {
    padding: 10px;
    text-align: right;
}
.sticky-video .toggle-video .toggle-button {
    cursor: pointer;
}
.sticky-video .toggle-video .toggle-button:hover {
    cursor: pointer;
    color: #4f7627;
}


.sticky-video .play-video {
    padding: 10px;
}

.video-wrapper {
/*    display: none;*/
    max-width: 66vw;
}
.video-wrapper video{
    width: 100%;
    display: block;
    outline: none;
}







/* PROGRAMMA
-------------------------------------------------------------------------------*/
.wrapper-program {
    padding: 0 10px;
    margin-top: 20vw;
    margin-bottom: 20vw;
}

.daily-moodboard {
    margin-bottom: 20vw;
}
.daily-moodboard .single-day {
    padding: 10px 0;
    line-height: 1.1em;
        padding-right: 10px;
}

.daily-moodboard .single-day .box-title {
    text-transform: uppercase;
}



.daily-moodboard .single-day .single-event {
    border-bottom: 1px solid #000;
    margin-bottom: 0.4vw;
    
}
.daily-moodboard .single-day .event-list-wrapper:last-of-type .single-event:last-of-type{
    border-bottom: 0;
}

.daily-moodboard .single-day .single-event .descrizione.expandable {
/*    cursor: pointer;*/
}
.daily-moodboard .single-day .single-event .descrizione {
    margin-bottom: 0.4vw;
}
.daily-moodboard .single-day .single-event .descrizione p,
.daily-moodboard .single-day .estesa p{
    margin-bottom: 1em;
}
.daily-moodboard .single-day .single-event .descrizione p:last-of-type,
.daily-moodboard .single-day .estesa p:last-of-type {
    margin-bottom: 0;
}


.daily-moodboard .single-day .prenotazione {
    padding-left: 8.33%;
    margin-bottom: 0.4vw;
}
.daily-moodboard .single-day .prenotazione .prenotazione-online a {
    margin-left: 0 ;
    margin-top: 2px;
}
/* remove on active */
.daily-moodboard .single-day .prenotazione .prenotazione-online.inactive a {
    background-color: #375b11;
    pointer-events: none;
}
.daily-moodboard .single-day .prenotazione-online a {
    display: inline-block;
    background-color: #000;
    border-radius: 2vw;
    color: #4f7627;
    text-transform: uppercase;
    font-size: 0.9vw;
    line-height: 1.4em;
    padding: 0 0.5em;
    margin-left: 8.33%;
}
.daily-moodboard .single-day .prenotazione-online a:hover {
    background-color: #375b11;
}


.daily-moodboard .single-day .toggle-estesa {
    display: inline-block;
    background-color: #000;
    color: #507627;
    border-radius: 2vw;
    height: 1vw;
    width: 1vw;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    line-height: 0.9vw;
    margin-bottom: 0.4vw;
}

.daily-moodboard .single-day .toggle-estesa:hover {
    background-color: #375b11;
}

.daily-moodboard .single-day .estesa {
    float: left;
    padding-top: 0;
    padding-bottom: 0.4vw;
    font-size: 0.9vw;
    padding-right: 10px;
    padding-left: 8.33%;
    width: 100%;
}

.daily-moodboard .single-day .estesa img {
    width: auto;
    height: 6.5vw;
    float: left;
    margin-right: 10px;
    filter: grayscale(1);
    margin-top: 0.15vw;
    position: absolute;
    left: 50%;
    display: none;
}



/* NEW PROGRAM
-------------------------------------------------------------------------------*/
.gallery-row img {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
.gallery-row img.size-20 { width: calc(20% - 10px); }
.gallery-row img.size-25 { width: calc(25% - 10px); }
.gallery-row img.size-33 { width: calc(33.33% - 10px); }
.gallery-row img.size-50 { width: calc(50% - 10px); }
.gallery-row img.size-66 { width: calc(66.66% - 10px); }
.gallery-row img.size-75 { width: calc(75% - 10px); }
.gallery-row img.size-80 { width: calc(80% - 10px); }
.gallery-row img.size-100 { width: calc(100%); margin-right: 0; }







/*.gallery-row img.size-20 { left: 8vw; }*/
/*.gallery-row img.size-25 { left: 10vw; }*/
.gallery-row img.size-20 { left: 50vw; }
.gallery-row img.size-25 { left: 50vw; }
/*.gallery-row img.size-33 { top: 12vw; }*/
.gallery-row img.size-33 { left: 50vw; }
.gallery-row img.size-50 { top: 20vw; }
.gallery-row img.size-66 { top: 25vw; }
.gallery-row img.size-75 { top: 30vw; }
.gallery-row img.size-80 { top: 32vw; }
.gallery-row img.size-100 { top: 25vw; }


.gallery-row img {
    position: relative;
    transition: top .5s, left .7s;
}
.gallery-row img.positioned {
    top: 0;
    left: 0;
}
.gallery-row img.positioned.out {
    top: -20vw;
}




.gallery-row .image-link img {
    float: none;
}

.gallery-row .cta-video{
    display: inline-block;
    background-color: #000;
    border-radius: 2vw;
    color: #4f7627;
    text-transform: uppercase;
    font-size: 0.9vw;
    line-height: 1.4em;
    padding: 0 0.5em;
    margin-left: 10px;
}
.gallery-row .cta-video:hover{
    background-color: #375b11;
}





/*
.gallery-row img.size-v-10 { width: 10vw; }
.gallery-row img.size-v-15 { width: 15vw; }
.gallery-row img.size-v-20 { width: 20vw; }
.gallery-row img.size-v-30 { width: 30vw; }



.gallery-row img.size-h-25 { width: 25%; }
.gallery-row img.size-h-50 { width: 50%; }
.gallery-row img.size-h-100 { width: 100%; }
*/


.testo {
    padding: 2vw 0;
    line-height: 1.3em;
font-family: 'HELVMONO';
}


.video-moodboard{
    width: 100%;
    display: block;
    margin-bottom: 10px;
}



/* MOODBOARD
-------------------------------------------------------------------------------*/

.wrapper-moodboard {
    padding: 0 10px;
    margin-top: 20vw;
    margin-bottom: 2vw;
}

.wrapper-moodboard .daily-moodboard .single-media {
    position: relative;
/*    transition: top 0.1s;*/
}
/*.wrapper-moodboard .daily-moodboard .single-media.sv-1 { margin-top: -1vw; }*/
/*.wrapper-moodboard .daily-moodboard .single-media.sv-2 { margin-top: -2vw; }*/
/*.wrapper-moodboard .daily-moodboard .single-media.sv-3 { margin-top: -3vw; }*/
/*.wrapper-moodboard .daily-moodboard .single-media.sv-4 { margin-top: -4vw; }*/
/*.wrapper-moodboard .daily-moodboard .single-media.sv-5 { margin-top: -5vw; }*/
/*.wrapper-moodboard .daily-moodboard .single-media.sv-10 { margin-top: -10vw; }*/
/*.wrapper-moodboard .daily-moodboard .single-media.sv-12 { margin-top: -12vw; }*/

.wrapper-moodboard .daily-moodboard .single-media.odd {
    padding-left: calc(50% + 5px);
}
.wrapper-moodboard .daily-moodboard .single-media.even {
    padding-right: calc(50% + 5px);
}
/*
.wrapper-moodboard .daily-moodboard .single-media.day{
    padding-left: calc(50% + 5px);
    padding-right: 0;
}
*/

.wrapper-moodboard .daily-moodboard .single-media.full-text{
    padding: 0;
    margin-top: 5vw;
    margin-bottom: 5vw;
    font-size: 3vw;
    line-height: 1.1em;
}

.wrapper-moodboard .daily-moodboard .single-media img {
    width: 100%;
}

.wrapper-moodboard .daily-moodboard .single-media video.video {
    width: 100%;
}


.floating-day {
/*    position: absolute;*/
    /* top: calc(45vh); */
    left: 10px;
    width: calc(41.2vh);
    height: calc(41.2vh);
    border: 2.5vh solid #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 17.5vh;
    font-size: 12vh;
    margin-bottom: 10px;
}





.wrapper-moodboard span.slick-prev.slick-arrow {
    position: absolute;
    z-index: 1000;
    top: 100%;
    cursor: pointer;
    width: 25%;
    font-size: 2vw;
    vertical-align: middle;
}
.wrapper-moodboard span.slick-next.slick-arrow {
    position: absolute;
    z-index: 999;
    top: 100%;
    cursor: pointer;
    width: calc(50% - 5px);
    font-size: 2vw;
    vertical-align: middle;
    text-align: right;
}
.slick-initialized .slick-slide {
    outline: none;
}

.slider-navigator-wrapper {
    text-align: right;
    padding-top: 5px;
}
.slider-navigator {
    cursor: pointer;
}
.slider-navigator.current {
    text-decoration: underline;
}
.slider-navigator:hover {
    color: #fff;
}



.single-slide{
    height: 38vw !important;
    background-position: center right;
    background-size: auto 100%;
    background-repeat: no-repeat;
}


.daily-wrapper {
/*    border-top: 1px solid #000;*/
    padding-top: 10px;
}
.daily-wrapper .single-media:last-child  {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}




/* PLAYER AUDIO
-------------------------------------------------------------------------------*/
.audio-player {
    margin-bottom: 10px;
}
.timeline-audio {
    width: 100%;
    background: #4f7627;
    display: block;
    border: 1px solid #000;
    border-radius: 5vw;
}
.player-controls {
    margin-top: 5px;
}

div#seekObj1 {
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 50%;
}
.playhead{
    pointer-events: none;
}
span.play-pause {
    cursor: pointer;
}
span.play-pause:hover {
    color: #fff;
}



/* cookie
-------------------------------------------------------------------------------*/

div#cookie-law-info-bar {
    box-shadow: none !important;
    border-top: 1px solid #000 !important;
}

a#cookie_action_close_header:hover {
    color: #fff !important;
    cursor: pointer;
    font-weight: inherit;
    outline: none important;
}


/* FOOTER
-------------------------------------------------------------------------------*/


footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: #4f7627;
    font-size: 2.15vh;
    z-index: 1000;
}
footer a {
    margin-right: 10px;
}
footer a:hover {
    color: #fff;
}

footer .days a:hover {
    color: #000;
}

footer .days span {
/*    margin-right: 10px;*/
}
footer .days span:hover {
    color: #fff;
}
footer .days span.hidden:hover {
    color: inherit;
}
footer .days span.hidden {
    opacity: 0.2;
}

footer .active,
footer .active a {
    color: #fff;
}


span.moodboard-trigger {
    border: 0.1vw solid black;
    height: 1vw;
    width: 1vw;
    display: inline-block;
    border-radius: 50%;
    vertical-align: bottom;
}


span.moodboard-trigger:hover {
    border-color: #fff;
}

/* remove for language */
/*
footer span.inactive{
    color: #375b11;
}
*/

.wpml-ls-legacy-list-horizontal {
    border: 0 !important;
    padding: 0 !important;
}
.wpml-ls-legacy-list-horizontal a {
    padding: 0 !important;
    text-transform: uppercase;
}

li.wpml-ls-current-language a{
    text-decoration: underline !important;
}
li.wpml-ls-current-language a:hover{
    color: #000;
}






.col-md-1{
    width: 8.33%;
    float: left;
}
.col-md-2{
    width: 16.66%;
    float: left;
}
.col-md-3{
    width: 25%;
    float: left;
}
.col-md-4{
    width: 33.33%;
    float: left;
}
.col-md-4-5{
    width: 37.5%;
    float: left;
}
.col-md-5{
    width: 41.66%;
    float: left;
}
.col-md-6{
    width: 50%;
    float: left;
}
.col-md-7{
    width: 58.33%;
    float: left;
}
.col-md-8{
    width: 66.66%;
    float: left;
}
.col-md-9{
    width: 75%;
    float: left;
}
.col-md-10{
    width: 83.33%;
    float: left;
}
.col-md-11{
    width: 91.66%;
    float: left;
}
.col-md-12{
    width: 100%;
    float: left;
}

.mobile{display: none;}



.wrapper-404{
    padding: 5vw 10px 8vw 10px;
}








@media screen and (max-width: 960px) {
    
    .desktop{display: none;}
	.mobile{display: block;}
    
    body {
        font-size: 4vw;
        overflow-x: hidden;
    }
    
    header {
        padding: 10px;
    }
    
    header .title-1 img,
    header .title-2 img {
        height: 31.7vw;
        display: block;
    } 
    
    header .title-2 {
        
        margin-top: 15vw;
    }
    header .title-2 img {
        margin-left: auto;
    }

    
    #floating-logo {
        top: 36vw;
        width: 31vw;
        height: 31vw;
        border: 1.8vw solid #fff;
        padding-top: 11.6vw;
        font-size: 9vw;
    }
    
    
    .details {
        margin-top: 0;
        font-size: 3.5vw;
    }

    .details .partner {
        font-size: 2.5vw;
    }
    .details .partner img {
        width: 100%;
    }

    
    
    #menu-mobile {
        padding: 10px 1.9vw;
        text-transform: uppercase;
        font-size: 10vw;
        line-height: 1em;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        display: none;
    }
    #menu-mobile.visible {
        display: block;
    }
    
    #menu-mobile a:hover{
        color: #000;
    }


    span.moodboard-trigger {
        border: 1vw solid black;
        height: 9vw;
        width: 9vw;
        display: inline-block;
        border-radius: 50%;
        vertical-align: bottom;
            margin-bottom: 1px;
    }


    /* STICKy VIDEO
    -------------------------------------------------------------------------------*/
    .sticky-video {
        bottom: 35px;
        top: initial;
        transform: rotate(90deg) translateY(100%);
        transform-origin: bottom right;
        bottom: 0;
        right: 0;
    }
    .video-wrapper {
        max-width: inherit;
        width: calc((70vw - 4vw - 20px) / 9 * 16)
    }
    
    
    .close{
        right: 0;
        transition: right 0.25s;
    }
    .close.hidden{
        right: -10vw;
        transition: right 0.25s;
    }
    

    
    
    /* ABOUT
    -------------------------------------------------------------------------------*/
    .about-wrapper {
        font-size: inherit;
        padding: 10px;
        margin-top: 0;
        margin-bottom: 10vw;
        line-height: 1.1em;
    }
    .about-wrapper p {
        margin-bottom: 1em;
    }
    
    .about-center {
        padding: 0;
    }
    
    .about-wrapper .people-inner {
        font-size: 3.5vw;
    }
    
    .about-wrapper .bio-button.desktop {
        display: none;
    }
    .about-wrapper .bio-button {
        font-size: 3.5vw;
        margin-bottom: 2vw;
    }
    .main-bio {
        display: none;
    }
    
    
    
    .about-wrapper .toggle-estesa {
        display: inline-block;
        background-color: #000;
        color: #507627;
        border-radius: 2vw;
        height: 1vw;
        width: 1vw;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        line-height: 0.9vw;
        margin-bottom: 0.4vw;
    }
    .about-wrapper .toggle-estesa {
        margin-bottom: 2vw;
        font-size: 3.5vw;
        line-height: 3.55vw;
        width: 4vw;
        height: 4vw;
    }

    
    
    



    
    /* PROGRAM
    -------------------------------------------------------------------------------*/
    

    
    
    .wrapper-program .single-day .estesa {
        padding-top: 0.5em;
        padding-bottom: 1.5em;
        font-size: 3.2vw;
        line-height: 1.2em;
    }
    
    .wrapper-program .single-day .estesa img {
        width: auto;
        height: 45vw;
        
    }
    
    .wrapper-program .event-list-wrapper {
        display: none;
    }
    
    
    

    
    /* MOODBOARD
    -------------------------------------------------------------------------------*/
    
    .wrapper-moodboard .daily-moodboard .single-media.even,
    .wrapper-moodboard .daily-moodboard .single-media.odd {
        margin-top: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
/*
    .wrapper-moodboard .daily-moodboard .single-media.first-day {
        padding-left: calc(33.33% + 10px) !important;
        margin-top: -31vw !important;
    }
*/
    
    .wrapper-moodboard .daily-moodboard .single-media img{
        display: block;
        margin-bottom: 10px;
    }
    
    
    
    .wrapper-moodboard .daily-moodboard .single-media.full-text {
        font-size: 3.5vw;
    }
    
    .floating-day{
        top: 36vw;
        width: 31vw;
        height: 31vw;
        border: 1.8vw solid #fff;
        padding-top: 11.6vw;
        font-size: 9vw;
        position: inherit;
        margin-bottom: 10px;
    }
    
    
    
    
    
    
    
    .daily-wrapper .single-media:last-child{
        border-bottom: 0;
        padding-bottom: 0;
    }
    .daily-wrapper {
        border-bottom: 1px solid #000;
        margin-bottom: 10px;
        
    }
    
    
    
    
    
    
    
    
    
    

    /* NEW MOODBOARD
    -------------------------------------------------------------------------------*/
    
    
    
    .daily-moodboard .single-day .single-event {
        margin-bottom: 2vw;
    }
    .daily-moodboard .single-day .prenotazione {
        padding-left: 20%;
        margin-bottom: 2vw;
        margin-top: 2vw;
    }

    .daily-moodboard .single-day .estesa {
        padding-left: 20%;
        font-size: 3.5vw;
        margin-bottom: 2vw;
        display: none;
    }
    .daily-moodboard .single-day .toggle-estesa {
        margin-bottom: 2vw;
        font-size: 3.5vw;
        line-height: 3.55vw;
        width: 4vw;
        height: 4vw;
    }
    .daily-moodboard .single-day .toggle-estesa:hover {
        background-color: #000;
    }
    .daily-moodboard .single-day .toggle-estesa .mobile-visible {
        display: block !important;
    }
    .daily-moodboard .single-day .toggle-estesa .mobile-hidden {
        display: none;
    }
    

    
    .daily-moodboard .single-day .prenotazione-online a {
        margin-left: 20%;
        font-size: 3.5vw;
        margin-bottom: 2vw;
    }
    
    
    
    
    .gallery-row img {
        width: 100% !important;
    }
    
    
    /*.gallery-row img.size-20 { left: 8vw; }*/
    /*.gallery-row img.size-25 { left: 10vw; }*/
    .gallery-row img.size-20 { left: 80vw; }
    .gallery-row img.size-25 { left: 80vw; }
    /*.gallery-row img.size-33 { top: 12vw; }*/
    .gallery-row img.size-33 { left: 80vw; }
/*    .gallery-row img.size-50 { top: 20vw; }*/
/*    .gallery-row img.size-66 { top: 25vw; }*/
/*    .gallery-row img.size-75 { top: 30vw; }*/
/*    .gallery-row img.size-80 { top: 32vw; }*/
/*    .gallery-row img.size-100 { top: 25vw; }*/

    .gallery-row img.positioned {
        top: 0;
        left: 0;
    }
    
    
    
    
    
    

    /* FOOTER
    -------------------------------------------------------------------------------*/
    footer {
        font-size: 10vw;
        line-height: 0.9em;
        display: none;
    }

    .navigator {
        text-transform: uppercase;
        font-size: 10vw;
        line-height: 1.0em;
        border-bottom: 1px solid #000;
        padding: 5px 10px;
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: #4f7627;
        padding-bottom: calc(1em + 5px)
    }
    .navigator.visible {
        position: fixed;
        z-index: 999;
    }
    
    .navigator a.single-social {
        margin-right: 0;
        margin-left: 10px;
    }
    
    .program-navigator {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
         white-space: nowrap;
        display: inline-flex;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 10px;
        padding-bottom: 5px;

    }
    .program-navigator.fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        
    }
    .program-navigator a {
        margin-right: .3em;
        display: inline-block;
    }
    .program-navigator a.active {
        margin-right: .3em;
        color: #fff;
    }
    .program-navigator a:hover {
        color: inherit;
    }
    .program-navigator a.active:hover {
        margin-right: .3em;
        color: #fff;
    }
 
    
    
    /* WPML **/
/*
    .wpml-ls-legacy-list-horizontal a {
        margin-left: 8px;
    }
*/
    li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-last-item.wpml-ls-item-legacy-list-horizontal {
        margin-left: 8px;
    }
    
    
    li.wpml-ls-current-language a{
        display: none;
    }

    
    
    /* layout
    -------------------------------------------------------------------------------*/
    .col-sm-20{
        width: 20%;
        float: left;
    }
    .col-sm-25{
        width: 25%;
        float: left;
    }
    .col-sm-30{
        width: 30%;
        float: left;
    }
    .col-sm-35{
        width: 35%;
        float: left;
    }
    .col-sm-50{
        width: 50%;
        float: left;
    }
    .col-sm-65{
        width: 65%;
        float: left;
    }
    .col-sm-70{
        width: 70%;
        float: left;
    }
    .col-sm-75{
        width: 75%;
        float: left;
    }
    .col-sm-80{
        width: 80%;
        float: left;
    }
    .col-sm-100{
        width: 100%;
        float: left;
    }
        
} 


@media screen and (max-width: 960px) and (orientation:landscape) {
    
    body {
        background-color: #000;
    }
    #floating-logo,
    header {
        visibility: hidden;
    }
    .entry {
        visibility: hidden;
    }
    
    .navigator.mobile{
        visibility: hidden;
    }

    /* STICKy VIDEO
    -------------------------------------------------------------------------------*/
    .sticky-video {
        bottom: 35px;
        top: initial;
        transform: rotate(0) translateY(0);
        transform-origin: bottom right;
        bottom: 0;
        right: 0;
    }
    .video-wrapper {
        max-width: inherit;
        width: calc((100vh - 4vw - 20px) / 9 * 16);
        height: calc(100vh - 4vw - 20px);
    }
}