/*
Theme Name: Officine Social Movie
Theme URI: https://www.officinesocialmovie.com/
Description: Custom theme built with Bootstrap
Author: Francesco Prosperi
Author URI: http://loveblank.com/
Version: 1.1
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/

html {
	position: relative;
	min-height: 100%;
}

body {
	height: 100%;
  	min-height: 100%;
	padding-top: 160px;
	overflow-y: scroll;
	font-size: 16px;
	font-family: 'Hind Madurai', sans-serif;
}

.anchor {
    margin-top: -255px;
    padding-bottom: 255px;
    display: block;
    visibility: hidden;
}

*:focus {outline: none;}
a:hover, a:active, a:focus {text-decoration: none;}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1rem;
}

@media only screen and (min-width: 768px) {
  .alignright {
    /*rtl:ignore*/
    margin-left: calc(2 * 1rem);
  }
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

strong {font-weight: 700;}

.clearfix {clear: both;}

video { display: block; } /* IE8 Hack */
 
.navbar-default { background-color: #fff; border: none; font-family: 'Montserrat'; font-weight: bold;}
.navbar-fixed-top {background: #fff; -webkit-box-shadow: none; box-shadow: none; border: none; height: 160px;}
.navbar .navbar-brand {padding: 0 20px; margin-top: 35px;}
.navbar .navbar-brand img {max-height: 110px; display: block; width: auto;}

.admin-bar .navbar-fixed-top {top: 32px;}

.navbar-fixed-top, .navbar .navbar-brand, .navbar .navbar-brand img, #works-list .item .item-over, #works-list .item .item-over .inner, .button.more, footer a, .legenda a, .clients-list a, .entry a, .general-link, #tweets a, .bx-wrapper .bx-pager.bx-default-pager a, .icon-bar, .wpml-ls {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.navbar .nav {float: right;} 
.navbar .nav > li > a {color: #333; letter-spacing: 0; text-transform: none; font-size: 17px; margin: 70px 5px 0 10px; padding: 0; transition: 0.5s; -webkit-transition: 0.5s}
.navbar .nav > li > a:hover {color: #333;}

.navbar-default .navbar-nav > .open > a:focus {
	color: #333;
    background-color: transparent;
}
.navbar-fixed-top.ridotta {height: 70px; -webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.4);}

.navbar-fixed-top.ridotta .navbar-brand {margin-top: 13px;}
.navbar-fixed-top.ridotta .navbar-brand img {max-height: 50px;}
.navbar-fixed-top.ridotta .nav li a {margin-top: 24px;} 
.current-menu-item a {border-bottom: 1px solid #dedede; background-color: transparent !important;}
.page-template-page-blu .current-menu-item a, .page-template-page-blu .current-menu-ancestor > a {color: #00B4EC !important;}
.page-template-page-rossa .current-menu-item a, .page-template-page-rossa .current-menu-ancestor > a {color: #F91E35 !important;}

.dropdown-menu {font-size: 16px;}
.dropdown-menu > li > a {margin-top: 0 !important; border-bottom: 0;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background: transparent;}

.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu{top: -8px; right:100%; width: auto; background: rgba(255,255,255,0.95)}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {display: block;}

.navbar-toggle {margin-top: 17px;}

.wpml-ls {position: absolute; right: 20px; top: 15px; border: 0; z-index: 100;}
.wpml-ls-legacy-list-horizontal a {padding: 3px; font-size: 13px; font-weight: normal; color: #777;}
.wpml-ls-legacy-list-horizontal {padding: 0;}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a {background: #f0f0f0;}
.wpml-ls-statics-shortcode_actions {background: transparent;}

.navbar-fixed-top.ridotta .wpml-ls {right: 20px; top: 0px;}


#slides {position: relative; }
.layer {left: -10% !important; top: -20% !important;}

#slides ul li {display: none; text-transform: uppercase;}
.wide-container {height: 300px; margin-bottom: 20px; overflow: hidden;}
.wide-container li {list-style: none; text-align: center; padding: 135px 15px; font-size: 2em; color: #6f6d6e; font-weight: 300; line-height: 34px;}
.middle-container {background: #f7f7f7; height: 116px; margin: 80px 0 20px; overflow: hidden; color: #6f6d6e; font-size: 28px; line-height: 116px; font-weight: 300; text-align: center;}

.home-button a {font-family: 'Montserrat'; font-weight: bold; font-size: 52px !important; letter-spacing: -1px; text-shadow: -2px 3px 4px rgba(0, 0, 0, 0.25); padding-top: 50px !important; padding-bottom: 50px !important;}

.entry {padding-bottom: 35px;}
.home .entry {padding-bottom: 0px;}
.entry a {color: #f0f0f0; text-decoration: underline;}
.entry a:hover {color: #F29124;}
.entry p {line-height: normal;}
.entry img {max-width: 100%; height: auto;}
.page-template-default .entry a, .single .entry a {color: #888;}
.page-template-default .entry a:hover, .single .entry a:hover, .page-template-default .entry.news a:hover {color: #F29124;}
.page-template-default .entry.news a {color: #000; text-decoration: none;}

#main {color: #333; background-color: #f0f0f0; padding-top: 20px; }
.home #main {padding-top: 0px;}

.page-template-page-blu #main {background-color: #379dbd; background-image: url("_/img/back_blu.png"); color: #fff}
.page-template-page-rossa #main {background-color: #c44755; background-image: url("_/img/back_red.png"); color: #fff}

.page-title {font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 48px; text-align: center; margin-bottom: 15px;}
.page-template-default .page-title {margin-bottom: 35px;}
.news .page-title {margin-bottom: 40px;}
.news h5 {font-size: 20px; font-family: "Montserrat", sans-serif; font-weight: bold; margin-top: 5px;}
.news h5 a {color: #000;}
.news em {font-size: 13px; color: #999;}
.single .sep {
    border-top: 1px solid #ccc;
    width: auto;
    color: #999;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 10px;
    font-size: 13px;
}
.news .more-link {
    border-top: 1px solid #ccc;
    padding: 3px 1px;
    display: inline-block;
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
    text-align: left;
    text-transform: uppercase;
    margin-top: 5px;
    font-size: 12px;
    color: #999;
}

.single h2 {font-family: "Montserrat", sans-serif; font-size: 32px; font-weight: bold; line-height: normal; margin-top: 10px; margin-bottom: 10px;}
h3 {font-family: "Lora", serif; font-size: 28px; line-height: normal;}

hr {border-top: 1px solid #bfbfbf;}

.btn-primary {background-color: #379dbd; background-image: url(_/img/back_blu.png);}
.btn-danger {background-color: #c44755; background-image: url(_/img/back_red.png);}

.bx-wrapper .bx-viewport {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0;  left: 0; text-align: center; background: transparent;}
.tweets-container {background: #56ACEE; color: #fff; padding: 30px 0 15px; margin: 50px 0 74px 0;}
#tweets-slide {text-align: center;}
#tweets {font-size: 22px;}
#tweets a {color: #AAD5F6;}
#tweets a:hover {color: #fff;}
#twitter-icon {margin-bottom: 15px; color: #AAD5F6;}
.bx-wrapper .bx-pager {padding-top: 0;}
.tweet-date {font-size: 12px; font-style: italic; color: #AAD5F6; margin-top: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #AAD5F6; margin: 0 4px;}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #fff;}

.post-navigation {font-size: 20px; text-transform: uppercase; margin-top: 5px; letter-spacing: 0px;}
.post-navigation .alignleft {float: left;}
.post-navigation .alignright {float: right;}

footer {position: relative; bottom: 0; width: 100%; height: auto; font-size: 12px; color: #231f20; padding: 50px 0; letter-spacing: 1px; background-color: #fff;}
footer a { color: #231f20;}
footer img {max-height: 60px; max-width: 100%;}
footer a.facebook:hover, footer a.facebook:active {color: #3b5998;}
footer a.linkedin:hover, footer a.linkedin:active {color: #007bb6;}
footer a.twitter:hover, footer a.twitter:active {color: #56ACEE;}
footer hr {margin-bottom: 40px; margin-top: 40px;}

.home .vc_btn3-container {margin-bottom: 0;}

.user-registration-profile-header {display: none;}

.preview {color: #333;}
.preview h4 {margin-bottom: 0; font-weight: 600; font-size: 24px; margin-top: 5px;}
.vc_gitem-post-meta-field-regia {color: #777; font-style: italic; margin-bottom: 15px;}
.vc_gitem-post-meta-field-regia .vc_gitem-post-meta-label {margin-right: 4px;}
.vc_gitem-acf-label {display: block; font-weight: 600;}
.vc_gitem-acf {color: #777; font-size: 14px;}



/* MEDIA QUERIES */

@media (max-width: 1075px) {
	body {padding-top: 70px;}

	.navbar-header {
	    float: none;
	}
	.navbar-left,.navbar-right {
	    float: none !important;
	}
	.navbar-toggle {
	    display: block;
	}
	.navbar-collapse {
	    border-top: 1px solid transparent;
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
	    top: 0;
	    border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
	    display: none!important;
	}
	.navbar-nav {
	    float: none!important;
	    margin-top: 7.5px;
	}
	.navbar-nav>li {
	    float: none;
	}
	.navbar-nav>li>a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	.collapse.in{
	    display:block !important;
	}
	.navbar-fixed-top {height: 70px;}
	.navbar-collapse {background: #fff; text-align: center; -webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.4);}
	.navbar .nav {float: none;}
	.current-menu-item a {border-bottom: none; background: #f0f0f0;}

	.navbar-default .navbar-toggle {border: none; border-radius: 0;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
	.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {background-color: #000;}
	.navbar-toggle .icon-bar {
	    display: block;
	    width: 28px;
	    height: 3px;
	    margin-bottom: 5px;
	    border-radius: 0;
	}	
	
	.navbar .navbar-brand, .navbar .navbar-brand img {
	  -webkit-transition: none;
	  -moz-transition: none;
	  -o-transition: none;
	  transition: none;
	}
	
	.dropdown-menu li {text-align: center;}

	.navbar-fixed-top .navbar-brand, .navbar-fixed-top.ridotta .navbar-brand {margin-top: 17px; padding: 0 15px;}
	.navbar-fixed-top .navbar-brand img, .navbar-fixed-top.ridotta .navbar-brand img {max-height: 46px;}
	.navbar-fixed-top .nav li a {margin-top: 5px; padding: 7px 0;} 
	body .navbar .nav > li > a {display: block;}

	.navbar-fixed-top.ridotta .nav li a {margin-top: 5px;} 

	.wpml-ls {
	    right: 65px !important;
	    top: 22px !important;
    }

}

@media (max-width: 991px) {
	.page-title {font-size: 36px;}
	h3 {font-size: 22px;}

	footer img {margin-bottom: 25px;}
	footer hr {margin-top: 15px;}
}


@media (min-width: 768px) {
	.navbar-nav.navbar-right:last-child {
	    margin-right: 15px;
	}
}

@media (max-width: 767px) {
	.admin-bar .navbar-fixed-top {top: 46px;}

	.wide-container {height: 200px; margin-bottom: 10px;}
	.wm-parallax {height: 200px;}
	.wide-container li {padding: 62px 10px; font-size: 1.6em; line-height: 34px;}

	#filters {margin-bottom: 25px; margin-top: 25px;}
	#works-list .item {width: 50%; padding: 2px;}
	.legenda {border-bottom: 1px solid #eee; border-right: 0; padding: 0 0 10px; margin-bottom: 10px;}
	.work-images {margin-top: 20px;}
	h1 {font-size: 24px;}
	.mini {font-size: 13px;}
	.social-share {margin-top: 5px;}
	.us_wrapper.tac {text-align: left !important;}

	.home-button a {font-size: 32px !important;}

	hr {margin-top: 10px; margin-bottom: 10px;}

	.dropdown-submenu > .dropdown-menu {display: block;}
	.dropdown-submenu .dropdown-menu li {margin-left: 10px;}
	.dropdown-submenu .dropdown-menu li a {line-height: 13px !important;}
	
	footer {text-align: center;}
	footer .text-right {text-align: center;}
	footer {font-size: 11px; padding: 20px 0;}

}

@media screen and (max-width: 600px) {
	#wpadminbar {position: fixed;}
}

@media (max-width: 479px) {
	#works-list .item {width: 100%; padding: 2px;}
	.wide-container li {padding: 69px 10px 0 10px; font-size: 1.3em; line-height: 29px;}
	h1 {font-size: 24px;}
	.mini {font-size: 11px;}
	.us_wrapper .us_button .us_box {font-size: 12px !important;}

	#filters {font-size: 12px; margin-bottom: 15px; margin-top: 15px;}
	#filters .button {padding: 4px 8px;}

	.wm-parallax .layer {width: 200%;}

}



/* Underline Main menu */
.navbar .nav > li > a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: visible;
}
.navbar .nav > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: -1px;
  background: #dedede;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.navbar .nav > li > a:hover:before, .navbar .nav > li > a:focus:before, .navbar .nav > li > a:active:before {
  left: 0;
  right: 0;
}

/* Underline works */
.item-over .title {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
}

.item-over .title:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: rgba(255,255,255,0.4);
	height: 1px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.165,.84,.44,1);
	transition-timing-function: cubic-bezier(0.165,.84,.44,1);
}
.item-over:hover .title:before, .item-over:focus .title:before, .item-over:active .title:before {
	left: 0;
	right: 0;
}