/* =====================================================================
    Theme Name: savethewall
    Theme URI: http://co2media.it
    Author: Marco Azzan
    Author URI: http://co2media.it
    Author:         Azzan Marco
    Author URI:
    Version: 1
    // CREATED: 2014-04-01 15:05:35
    // MODIFIED: 2014-05-21 15:02:28

    ===================================================================== */
@import url("css/reset.css");
    @import url("css/setup.css");

/* search form*/
#searchform div{
  position: relative;
}
#searchform button{
  width: 44px;
  position: absolute;
  left:0px;
  height: 33px;
}
#searchform input{
  margin-left: 44px;
  height: 33px;
  text-indent: 22px;
}

/* page navigation */
.page-navigation {
  font-family: 'boston_trafficregular';
  height: 33px;
  margin:33px 0;
  display: inline-block;
  background-color: #B8BBBD;
}

.page-navigation li{
  display: inline-block;
  height: 33px;
  line-height: 33px;
}
.page-navigation_next{
    float: right;
}
.page-navigation_next a:after,
.page-navigation_prev a:before{
  height: 22px;
  line-height: 0px;
  font-size: .99em;
  vertical-align: middle;
  font-family: 'mrs1';
}
.page-navigation_next a:after{
  content: '\f0a9';
}

.page-navigation_prev a:before{
  content: '\f0a8';
}
.page-numbers {
}
.page-numbers span,
.page-numbers a{
  padding: 0 11px;
  color: #fff;
  display: block;
}
.page-numbers a:hover{
  background-color: #000;
}
.page-numbers .dots{
    font-family: 'LatoBlack';
    color: #ccc;
}
.next,
.prev{
  font-family: 'mrs1';
  vertical-align: middle;
}
.page-numbers .current{
  color: #000;
  background-color: #fff;
}

/* post-navi */
.post-navi a{
  display: block;
  padding: 5px;
  background-color: #B8BBBD;
  font-family: 'boston_trafficregular';
  color: #fff;
}
.post-navi a:hover{
  background-color: #000;
}
.post-navi_next{
  position: fixed;
  bottom:44px;
  right: 0px;

}
.post-navi_prev{
  position: fixed;
  bottom:44px;
  left: 0px;

}
.post-navi_next a:after,
.post-navi_prev a:before{
  display: block;
  margin:0 11px;
  font-family: 'mrs1';
}
.post-navi_next a:after{
  float:right;
  content: '\f0a9';
}

.post-navi_prev a:before{
  float: left;
  content: '\f0a8';
}

/* info box */
/* TODO: inserire font icon success warning error*/
.info{
  height: 33px;
  line-height: 33px;
  border-bottom: solid 1px #ccc;
  color: #ccc;
}
.info:after{
  font-family: 'mrs1';
  float: right;
}
.info--error:after{
}
.info--error{
  border-bottom: solid 1px #B78787;
  color: #B78787
}
.info--warning{
  border-bottom: solid 1px #F1C983;
  color: #F1C983
}
.info--success{
  border-bottom: solid 1px #94AC5B;
  color: #94AC5B
}
/* list-block */
.list-block li{
  min-height: 33px;
  line-height: 33px;
/*  font-family: 'boston_trafficregular';*/
  color: #B8BBBD
}
.list-block li span{
/*  font-size: 0.850em;*/
}


/* site-header
  ================================================== */

#site-header{
  height: 44px;
  line-height: 44px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.81);
  position: fixed;
  border-bottom: solid 1px #eee;
  z-index: 2000;
  font-size: .850em;
/*  box-shadow:0 10px 0px 0px rgba(174, 182, 189, 0.07);*/
}
body.single-qc_opere #site-header{
  /*background-color: #000;*/
}
#site-logo {
  }
#site-logo a{
  display: block;
  background: transparent url('img/savethewall-logo.png') -28px -3px no-repeat;
  min-width: 216px;
  height: 44px;
  -webkit-transition:background .05s ease-in;
  -moz-transition:background .05s ease-in;
  -o-transition:background .05s ease-in;
  transition:background .05s ease-in;
}
#site-logo a:hover{
  display: block;
  background: transparent url('img/savethewall-logo.png') -4px -3px no-repeat;
}
#site-logo a:hover:before{
  content: '\e80b';
  font-family: 'mrs1';
}

#site-header_menu{
  font-size: .85em;
  font-family: 'boston_trafficregular';
}
#site-header_menu li{
  float: left;
}
#site-header_menu a{
  display: block;
  padding: 0 5px;
}

/* Mobile Navigation */
.site-menu-trigger {
  display:none; 
  cursor:pointer;
  height:44px;
  width:44px;
  font-family: 'mrs1';
  text-align: center;
  font-size: 1.5em;
  color: #666;
  position: relative;
}

.site-menu-mobile{
    display:none;
    position: absolute;
    top:44px;
    right:0px;
    padding:22px;
    background:#fff;
    z-index: 200001;
    box-shadow:-10px 11px 0px 0px rgba(174, 182, 189, 0.07);
    font-size: .85em;
    text-align:left;
    font-family: 'boston_trafficregular';
}



@media only screen and (max-width: 900px) {

.site-menu-mobile--is-active{
    display:block;

  }

  .site-header_menu {
    position: relative;
  }  
  .site-menu-trigger {
    display:block;

  }
  .site-header_menu-container{
    display:none;
  }
  .menu-item {
    width:100%;
    float:none;
  }
  .menu-item a {
  }


  .site-menu-trigger-is-open{
    background-color: #000;
  }

}



  .site-header_menu--is-active {
    display:block;
    position: absolute;
    top:44px;
    right:0px;
    padding:22px;
    background:#fff;
    z-index: 200001;
    box-shadow:-10px 11px 0px 0px rgba(174, 182, 189, 0.07);

  }


/* site-structure
  ================================================== */
.main{
  padding-top: 110px;
  min-height: 80%;
}
.sidebar{
}
/* footer */
#site-footer{
  font-size: 0.8em;
  background-color: rgba(0,0,0,0.9);
  box-shadow:0 -10px 0px -2px rgba(0,0,0,0.1);
  padding:22px;
  color: #999;
  font-family: 'LatoBold';
  }
#site-footer a{
  color:#999;
  }
#site-footer a:hover{
  color:#fff;
  }
#crediti{
  float:right;
}
/* site-footer
  ================================================== */
/* entry
  ================================================== */
.entry{
  text-align: justify;
}
.entry-title{
  line-height: 37px;
    text-align: left;
}
.entry-title a{
  color: #333;
}
.entry-title a:hover{
  color: #000;
}
.entry-content img{
  max-width: 100%;
}
.entry-content_maps{
  min-height: 264px;
  width: 100%;
  height: 800px;
  height: 80vh;

}
.entry-content_maps iframe{
  height: 95%;
  width: 100%;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* gallery -wp required */
ul.gallery {
  margin: 50px 0;
  list-style: none;
}

li.gallery-item {
  height: 180px;
  padding-left: 0px;
  float: left;
  overflow: hidden;
  position: relative;
  margin: 1%;
  width: 31.3%;
  text-align: center;
  background-color: #111111;
}
.gallery-item img {
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
}
.gallery-item a {
  display: table-cell;
  height: 180px;
  min-width: 100%;
  text-align: center; /* qui e non su precedente, iCab3 */
  vertical-align: middle;
}
.gallery-item img{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);

}
.gallery-item:hover img{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
}

.entry-data li{
  height: 22px;
  line-height: 22px;
}
.entry-data li a{
  display: block;
}
.post-categories-link{
  font-size: .850em;
}

.entry-content_video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin:44px 0 44px 0; }
.entry-content_video-container iframe,
.entry-content_video-container object,
.entry-content_video-container embed,
.entry-content_video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post-categories li{
  float: left;
  font-size: 0.850em;
  font-family: 'boston_trafficregular';
}

/* post inc */

.post-excp_thumb{
  overflow: hidden;
  min-height:110px;
  max-height: 176px;
  margin-bottom: 21px;
  width: 33%;
}
.post-excp_thumb img{
  max-width: 100%;
}
.post-excp_thumb img{
/*  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);*/

}

.post-full{
}
.post-full .entry-title{
  padding-bottom: 44px;
}
body>.l-center{
  height: auto;
    min-height: 100%;
    background-color: #ccc;
    width: 1000px;
}


html,body{
height:100%;
    margin:0;
  position: relative;
}

.post-full--opere {
  text-align:center;
  min-height: 100%;
  position: relative;
/*  background-color: #000;*/
}
.post-full--opere figure{
  text-align:center;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.post-full--opere figure img{
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
  padding: 88px 0;
}
.post-full--opere_text{
  position: absolute;
  bottom: 11px;
  width: 100%;
}
.post-full--opere_close{
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  background-color: #B8BBBD;
  border: none !important;
  text-decoration: none !important;
  top: 66px;
  right: 0;
  position: absolute;
  z-index: 9999;
  height: 50px;
  width: 50px;
  background-position: 15px 12px;
}
/* siderbar
  ===================================================== */
/* widget */

.widget a{
/*  font-family: 'boston_trafficregular';
  font-size: 0.850em;*/
  font-size: .850em;
}
.widget a:hover{
}
.widget_title{
  color: #B8BBBD;
}
.current-cat a,
.current_page_item a{
  color:#000;
}
/* page templates
  ==================================================== */

.page-header{
    line-height: 37px;
        color:#B8BBBD;
}
.page-header h2,
.page-header h1{
    font-family: 'boston_trafficregular';
}
.page-header span{
    color:#B8BBBD;
}

/* tmpl-prima */
body.tmpl-prima{
background: transparent  url(img/scena-1.jpg) top center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size:  cover;
  -o-background-size:  cover;
  background-size:  cover;
background-attachment:scroll;
}

.scene{

}
.scene-title{
  font-size: 40px;
  height: 88px;
  line-height: 88px;
    font-family: 'boston_trafficregular';
}
.scene--1-intro{
  height: 95%;
}

/* scene 2*/
.scene--2-hands{
  background: transparent  url(img/scene--2.png) center 0px  no-repeat;
  height: 520px;
  width: 100%;
  overflow: hidden;
  margin-top:;
}
html.lt-ie10 .scrollmagic-pin-spacer{
  background-color: #fff;
}
.scrollmagic-pin-spacer {
  background-image: linear-gradient(transparent 100px, #fff 10px);
  background-image: -ms-linear-gradient(transparent 100px, #fff 10px);
  background-image: -moz-linear-gradient(transparent 100px, #fff 10px);
  background-image: -o-linear-gradient(transparent 100px, #fff 10px);
  background-image: -webkit-linear-gradient(transparent 100px, #fff 10px);
  /* per lasciare spazio trasparente in alto in modo da poter mettere la banda leggermente in diagonale */
}
.scene--2-hands_container-left {
  overflow: hidden;
  position: relative;
  width: 50%;
  height: 520px;
  float: left;

}
.scene--2-hands_container-right {
  overflow: hidden;
  position: relative;
  width: 50%;
  height: 520px;
  float: right;
}
.scene--2-hands_container-left_hand {
  width: 1600px;
  height: 520px;
  right: 0px;
  position: absolute;
  background: transparent  url(img/manosinistra.png) right -20px no-repeat;
}
.scene--2-hands_container-right_hand {
  width: 1600px;
  height: 520px;
  left: 0px;
  position: absolute;
  background: transparent  url(img/manodestra.png) left -50px no-repeat;
}
/* scene 3*/
.scene--3-about{
  background-color: #fff;
}
.scene--3-about div.scrollmagic-pin-spacer{
  position: relative;
  width: 50%;
  height: 500px;
  float: left;
}
.scene--3-about_images{
  height: 550px;
  position: relative;
  overflow: hidden;
}

.img-pin{
  position: absolute;
  top:0px;
  right: 0px;
  opacity: 0;
  width: 70%;
  min-width: 500px;
}
.image-1{
  z-index: 1;
  opacity: 1;
}
.image-2{
  z-index: 2;
}
.image-3{
  z-index: 3;
}
.image-4{
  z-index: 4;
}

.scene--5{
  background-color: #111;
  color: #fff
}
.scene--5 .gallery-item{
  height: 464px;
}
.full-image {
  display: block;
}
.full-image img{
  width: 99%;
}

.gallery-item-full{
  text-align: center;
  float: left;
    width: 33%;
}
.gallery-item-full img{
  max-height: 250px;
  display: inline;
  max-width: 100%;
  cursor: pointer}
.gallery-item-full a {
  max-width: 100%;
  padding: 2px;

}

/* swipebox
=================================================== */
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1140px;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url(img/loader.gif) no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  /*background-image: url(img/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;*/
  cursor: pointer;
  background-repeat: no-repeat;
  top: 0;
}
#swipebox-prev:before,
#swipebox-next:before{
   font-family: 'mrs1';
   font-size: 1.2em;
   margin-top: 11px;
   height: 50px;
   color: #fff;
   display: block;
}
#swipebox-prev:before{
    content: '\f0a8';
}
#swipebox-next:before{
    content: '\f0a9';
}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#swipebox-prev {
  background-position: -1132px 1113px;
  float: left;
}

#swipebox-next {
  background-position: -1178px 1113px;
  float: right;
}

#swipebox-close {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  height: 50px;
  width: 50px;
  background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95;
}

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
}