/*
Theme Name: Francesco Fei
Description: Responsive WordPress theme with all the Twitter Bootstrap elements and features.
*/

/*
@font-face {
    font-family: 'publicoroman';
    src: url('fonts/publico-roman-webfont.woff2') format('woff2'),
         url('fonts/publico-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'publicoitalic';
    src: url('fonts/publico-italic-webfont.woff2') format('woff2'),
         url('fonts/publico-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

.overlayfade {
  background:#000; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:9999999;
}
.single-portfolio .overlayfade {display:none;}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 99999999998;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background:#fff;
  position: fixed;
  z-index: 99999999999;
  top: 0;
  right: 100%;
  width: 100%;
  height: 4px;
}


@font-face {
    font-family: 'publicolight';
    src: url('fonts/publico-light-webfont.woff2') format('woff2'),
         url('fonts/publico-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'publicolight_italic';
    src: url('fonts/publico-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/publico-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


#wpadminbar {
	display: none !important;
}

html {
	margin-top:0 !important;
}

body {
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	background-color: #000;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.nopadding {
	padding-left:0 !important;
	padding-right:0 !important;
}
.nomobile {
  display:block !important;
}
.nodesktop {
  display:none !important;
}

/* Titles */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { color:#fff; font-weight: 700; }

/* Paragraph & Typographic */
p { font-size: 16px; line-height: 28px; margin-bottom: 25px; }

.centered { text-align: center; }

/* Links */
a {
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	color: #ccc;
	transition: all 0.2s ease-in;
	word-wrap: break-word;
}

a:hover,
a:focus { color: #aaa; outline: 0; text-decoration: none; }

a:before,
a:after,
.video-sign-v,
.video-img-opacity,
.video h2,
.video h3,
.video .h2,
.video .h3 {
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.video-img {
	-webkit-transition: all 2.5s ease-out;
	-o-transition: all 2.5s ease-out;
	-ms-transition: all 2.5s ease-out;
	-moz-transition: all 2.5s ease-out;
	transition: all 2.5s ease-out;
}

hr {
	border: 0;
	border-top: 1px solid #3b3c3d;
	display: block;
	height: 1px;
	margin: 3em 0;
	padding: 0;
}

header {
  position: absolute;
  width: 100%;
}

.navbar { margin-bottom: 0px; text-transform: uppercase; }

/* .navbar-inverse { padding-bottom: 70px; padding-top: 70px; } */

.sep {
	display:inline-block;
	height:1px;
	width:25px;
	background:#fff;
	margin:7px 10px;
}

.navbar-inverse { border:none; background:transparent; }

.navbar-inverse .navbar-nav > li {
  display: inline;
  margin-left: 40px;
}

.navbar-inverse .navbar-nav > li > a {
	color:#fff;
	padding: 35px 0;
	display: inline-block;
	letter-spacing:0.2em;
}

.navbar-inverse .navbar-nav > li > a:hover { color: #ccc; }

.navbar-brand { font-size: 30px; font-weight: 700; letter-spacing: 0.2em; padding:35px 0; height:auto; }

.navbar-inverse .navbar-brand { color: white; }

.navbar-inverse .navbar-brand em {
	font-style:normal;
	font-weight:normal;
	font-family: 'publicolight_italic';
	text-transform: none;
	letter-spacing: 0.05em;
}

.navbar-inverse .navbar-toggle { border-color: transparent; }

/*
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover { background-color: transparent; color: #222222; }

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background-color: transparent; color: #222222; }
*/
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	background:none;
}

.progress-bar-theme { background-color: #1abc9c; }

.navbar-right {
	margin:0;
}

/* Helpers */

.mt { margin-bottom: 40px; margin-top: 40px; }

.pt { padding-bottom: 50px; padding-top: 50px; }


/* +++++ WRAP SECTIONS +++++ */

#ww { background-color: #f2f2f2; padding-bottom: 70px; padding-top: 70px; }


footer { background: #000; border-top:1px solid #363739; padding-bottom: 50px; padding-top: 50px; }

footer p { color: white; }

footer h4 { color: white; padding-bottom: 20px; text-transform: uppercase; }

footer a { color:#fff; }


/* +++++ Color Wraps / Blog Page +++++ */

#grey { background-color: #f2f2f2; padding-bottom: 60px; padding-top: 60px; }

#white { background-color: #ffffff; padding-bottom: 60px; padding-top: 60px; }



/* Blog Date*/
bd {
	color: #d2d2d2;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

/* Blog Author*/
ba { font-size: 12px; padding-left: 5px; text-transform: uppercase; }

/* Blog Quote */
.bq { font-size: 22px; padding-top: 30px; }

/* Blog Tags */
bt { font-size: 12px; }

/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
/* Effects also are controled by hover.zoom.js */
.zoom {
    display:block;
    position:relative;
    overflow:hidden;
    background:transparent url(images/loader.gif) no-repeat center;
}


.zoomOverlay {
    position:absolute;
    top:0; left:0;
    bottom:0; right:0;
    display:none;
    background-image:url(images/zoom.png);
    background-repeat:no-repeat;
    background-position:center;
}

.zoom2 {
	opacity: 1;
}

.zoom2:hover {
	opacity: 0.5;
}

/* glyphicon Configuration */

.glyphicon { color: #1abc9c; font-size: 40px; }

/* WP User Avatar */

.wp-user-avatar {margin: 0;}

.article-video {
	background:#000;
}

.home .video,
.work-video {
	padding-top:90px;
	padding-bottom:90px;
}
.home .video.video-locandina-home {
  padding-top:160px;
}

h2,
h3,
.h2,
.h3 {
	color:#fff;
}

h2,
.h2 {
	text-transform: uppercase;
	letter-spacing:0.2em;
	font-size:30px;
}
.video-titolo h3,
.video-titolo .h3 {
	font-family: 'publicolight_italic';
	font-weight:normal;
}
.home .video-titolo {
	position:absolute;
	left:0;
	top:50%;
	z-index:5;
}
.home .video-loghi {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	z-index:4;
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
}
.video-sign {
	height:39px;
	width:39px;
	position:absolute;
	left:0;
	top:0;
	margin-top:-20px;
}
.works .video-sign {
	position:relative;
	margin-top:28px;
}
.video-sign .video-sign-o {
	height:1px;
	width:100%;
	background:#fff;
	margin-top:19px;
}
.video-sign .video-sign-v {
	height:1px;
	width:1px;
	background:#fff;
	margin-left:19px;
	position: absolute;
	top: 19px;
}
.video .video-img-opacity {
	overflow: hidden;
}
.video a:hover .video-sign-v {
	height:39px;
	top:0;
}

.video a:hover .video-img {
	-ms-transform: scale(1.05, 1.05); /* IE 9 */
	-webkit-transform: scale(1.05, 1.05); /* Safari */
	transform: scale(1.05, 1.05);
}
.video a:hover .video-img-opacity {
	opacity:0.7;
}
.video.video-locandina-home a:hover .video-img-opacity {
  /* opacity:0.5; */ 
}
.home .video a:hover h2,
.home .video a:hover h3 {
	/* opacity:0; */
}

.allworks {
	margin-top:90px;
	text-transform: uppercase;
	text-align:center;
	letter-spacing:0.2em;
	color:#818692;
	border:2px solid #818692;
	padding:30px 10px;
	font-size:20px;
  background:rgba(0,0,0,0);
}
.allworks:hover {
  color:#fff;
	border:2px solid #fff;
  background:rgba(0,0,0,1);
}
.allworks span {
	font-size:48px;
	display: inline-block;
	vertical-align: middle;
}

.bio {
	padding-top:90px;
	padding-bottom:90px;
}

h2.conriga:after,
.h2.conriga:after {
	content:"";
	display:block;
	height:1px;
	width:39px;
	background:#fff;
	position:absolute;
	left:0;
	top:0;
}

.sitoesterno {
	font-family: 'publicolight_italic';
}
.sitoesterno:after {
	content:"";
	display:inline-block;
	margin-left:7px;
	margin-right:5px;
	width:35px;
	height:12px;
	background:url('images/freccia-b-p.svg') no-repeat right center;
}
.sitoesterno:hover:after {
	margin-right:0;
	margin-left:10px;
	width:37px;
}

.vimeoesterno {
	color:#7d8598;
	font-size:10px;
	line-height:18px;
	text-transform: uppercase;
	letter-spacing:0.25em;
	display:inline-block;
}
.vimeoesterno:before {
	content:"";
	display:block;
	margin-right:5px;
	width:74px;
	height:26px;
	background:url('images/freccia-m-g.svg') no-repeat right center;
}
.vimeoesterno:hover:before {
	margin-right:0;
	width:79px;
}

.bio p {
	font-size:28px;
	line-height:40px;
	font-family: 'publicolight';
}

.bio p strong {
	font-weight:inherit;
	color:#9099af;
}
.bio p em,
.bio p i {
	font-family: 'publicolight_italic';
	font-style:normal;
}

#supersized:before,
#supersized:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
#supersized:before {
	z-index:1;
	background:url('images/patternb1.png');
}
#supersized:after {
	z-index:2;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.page-template-template-portfolio-fei #supersized:after {
	z-index:2;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#works {
	padding-top:180px;
	background:#000;
	border-bottom:1px solid #363739;
}

.work-item {
	padding-bottom:100px;
}
.work-item.work-item-title {
	padding-bottom:280px; /* 120 */
}
.work-all-item-title {
	padding-top:90px;
	padding-bottom:90px;
}
.work-all-item {
	padding-bottom:90px;
}

.work-all-work p {
  color:#5f6063;
  margin-bottom:10px;
}
.work-all-work p strong,
.work-all-work p b {
  color:#fff;
  font-style:normal;
  font-family: 'publicolight';
}
.work-all h3 {
  font-family: 'publicolight_italic';
  font-weight:normal;
  margin-bottom:25px;
}

.page-template-template-portfolio-fei h2 {
  font-size: 20px;
  margin-top:30px;
}
.page-template-template-portfolio-fei h3 {
  font-size: 18px;
  margin-top:10px;
}

.work-details {
  padding-bottom:90px;
}
.work-details .h2 {
  margin:0;
}
.work-details-sep {
  display:block;
	height:1px;
	width:39px;
	background:#fff;
	margin:40px 0;
}
.work-details p {
  font-family: 'publicolight';
}
.work-details-notes {
  font-family: 'publicolight_italic';
  font-weight:normal;
  text-transform: none;
  letter-spacing:0.05em;
}
.work-details-notes span {
  font-family: 'Montserrat', sans-serif;
  color:#5f6063;
  display: inline-block;
  margin-bottom:5px;
}

.contieni {
  position:relative;
}

.trailer {
  padding: 2px 6px;
  background: #fff;
  color: #000;
  font-size: 12px;
  position: absolute;
  top: 5.1%;
  text-transform: uppercase;
  left: 0;
  opacity: 0.5;
}

#content-project article {
  background:#000;
  border-bottom:1px solid #363739;
}
#content-project .allworks {
  margin-bottom:90px;
}

.festival {
  max-width:80%;
}
.festival img {
  max-width:100%;
}

#festivals-all {
  border-top: 1px solid #363739;
  background:#11151a;
}
.gruppo_festivals,
.gruppo_mostre {
  padding-bottom:60px;
}

.nascondi {
  -ms-transform: translate(0, 70px); /* IE 9 */
  -webkit-transform: translate(0, 70px); /* Safari */
  transform: translate(0, 70px);
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
	opacity:0.1;
}
.nascondi.mostra {
  -ms-transform: translate(0, 0); /* IE 9 */
  -webkit-transform: translate(0, 0); /* Safari */
  transform: translate(0, 0);
	opacity:1;
}

/*******************************************************/

@media only screen and (max-width:1050px){
  .navbar-brand {
    font-size: 18px;
  }
  .navbar-inverse .navbar-nav > li {
    margin-left:20px;
  }
  .allworks {
  	padding:20px 10px;
  	font-size:14px;
  }
}

@media only screen and (max-width:767px){
  .nomobile {
    display:none !important;
  }
  .nodesktop {
    display:block !important;
  }
  .navbar-toggle {
    margin-top:20px;
    margin-right:0;
  }
  .role {
    display:block;
    margin-top:3px;
  }
  .role .sep {
    margin-left:0;
  }
  .navbar-brand {
    font-size: 18px;
    padding:27px 0;
  }
  .navbar-collapse {
    background: #191919;
  }
  .navbar-inverse .navbar-nav > li {
    display: block;
    margin-left: 10px;
  }
  .home .video-titolo {
    position: relative;
    left: auto;
    top: auto;
    z-index: 5;
  }
  h2, .h2 {
    font-size:20px;
  }
  h3, .h3 {
    font-size: 16px;
    margin-top: 10px;
  }
  .home .video,
  .home .video.video-locandina-home {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .work-video {
    padding-top: 110px;
  }
  .home article:first-child .video {
    padding-top:110px;
  }
  .bio p {
  	font-size:20px;
  	line-height:36px;
  }
  .bio p a {
    text-decoration:underline;
  }
  .bio p a:after {
  	content:"";
  	display:inline-block;
  	margin-left:5px;
  	margin-right:10px;
  	width:15px;
  	height:12px;
  	background:url('images/freccia-b-p.svg') no-repeat right center;
  }
  .vimeoesterno {
    display:none;
  }
  .work-item.work-item-title,
  .work-item,
  .work-all-item,
  .work-video {
    padding-bottom: 40px;
  }
  .work-details-sep {
  	margin:20px 0;
  }
  .trailer {
    font-size: 8px;
    padding: 1px 5px;
  }
  .home .video-loghi {
    background-position:center 25%;
  }
}