/*
Theme Name: Cremonajazz
Theme URI: http://dueper.net
Author: Dueper Design
Author URI: http://dueper.net
Description: Dueper Theme is based on upBootstrap3WP(https://github.com/upplex/upBootstrap3WP) --> Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. and Twitter Bootstrap 3. Feel free to edit it.
Version: 0.1
License: GNU General Public License
License URI: license.txt
Domain Path: /languages/
Tags:

*/


html, body {
	margin:0;
	padding:0;
	height:100%;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
}

body {
	background:#fff;
}

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.clear {
	clear:both;
	display:block;
}

/************************************************************ color 2016 */

/*.bg-gray {
	background:#E9E8EA;
}
.bg-green {
	background:#B1CA07;
}

.white {
	color:#fff;
	}

.dark-gray {
    background:#616568;
}
.middle-gray {
    background:#979da2;
}

.light-gray {
    background:#D3DAE2;
}*/
/************************************************************ color 2017 */

.bg-gray {
	background:#3A638A;
}
.bg-green {
	background:#B1CA07;
}

.white {
	color:#fff;
}

.yellow {
	background: #E5B953;
}

.ultra-dark-gray {
	background:#0B131B;
}
.dark-gray {
    background:#20374E;
}
.middle-gray {
    background:#3A638A;
}

.light-gray {
    background:#D3DAE2;
}

/************************************************************ GENERAL*/
h1,h2,h3,h4,h5,h6 {
	text-transform:uppercase;
	font-weight:700;
	font-family: 'PT Sans', sans-serif;
  color:#0B131B;
}

p {
	margin:5px 0;
}

a {
	color:#0B131B;
}
a:hover {
	color:#fff;
}

strong {

}

ul, li {
}

ul, ol {
	padding-left: 40px;
}

.aligncenter {
	display: block;
	margin: 10px auto;
}

.alignleft {
	float: left;
	margin:10px 20px 10px 0px;
}

.alignright {
	float: right;
	margin:10px 0px 10px 20px;
}

.text-justify {
	text-align:justify;
}
time{
    color: #D3DAE2;
    font-size: 16px;
}
.text-gray{
    color: #6A6467;
    font-size: 14px;
}

.text-gray-light{
    color: #888;
    font-size: 14px;
}

/************************************************************ NAVIGATION */
.is-sticky #sticker {
	width: 100%;
	z-index:99;
}
.admin-bar .is-sticky #sticker {
	top:30px !important;
}

.navbar-toggle {
	margin-top: 4px;
	float:left;
}

.navbar-nav {
	display: block;
	float: none;
	margin-right: 70px;
}

.navbar-default {
	background: #20374E;
}

.navbar-header {
	float:none !important;
}
.navbar-default .navbar-nav>li>a {
	color: #E5B953;
	text-transform:uppercase;
	font-size: 14px;
	font-weight: 700;
    padding-left: 4px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color:#fff;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
	background-color:#fff;
}

.navbar-nav li:focus> .dropdown-menu,
.navbar-nav li:hover> .dropdown-menu {
  display: inline-block;
}

.navbar-nav li .dropdown-menu a:hover,
.navbar-nav li .dropdown-menu a:focus {
  background-color: transparent;
}

.navbar-nav li .dropdown-menu li.open>a {
  background-color: transparent;
  color: #fff;
}


.current-post-parent > a, .current-post-ancestor > a {
    color:#042F4B !important;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #20374E;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 10B131B;
}

.dropdown-menu > li > a {
    text-align: left;
    color: #D3DAE2;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 6px 20px;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #E5B953;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: transparent;
    color:#E5B953;
    outline: 0 none;
    text-decoration: none;
}


/************************************************************ LANG */

#lang_sel_list {
  position: absolute;
  right: 0px;
  top: 0px;
}

#lang_sel_list a, #lang_sel_list a:visited {
	background:none !important;
}


/************************************************************ Video Container*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/************************************************************ FOOTER ON BOTTOM*/
body.bind-scroll, html.bind-scroll {
	overflow:hidden;
	width:100%;
}


#main-wrapper {
	min-height:100%;
	position:relative;
}

#site-content {
	/* padding-bottom:200px;    Height of the footer element */
	background:#ffffff;
}
footer.site-foot {
	width:100%;
	padding:40px 0px;
	position:relative;
	background:#20374E;
	color:#fff;
	bottom:0;
	left:0;
}
footer.site-foot a{
	color: #E5B953;
}

/************************************************************ PAGE SECTION GENERAL */
.page-section {
	padding:50px 0;
	font-size:18px;
	/*color: #D3DAE2;*/
}

.section-title {
	color:#3A638A;
	margin:0 0 30px 0;
	letter-spacing: 2px;
  font-size: 3em;
}
body.home .page-section {
	color: #D3DAE2;
}

body.home .section-title {
	color: #E5B953;
	letter-spacing: 0px;
	font-size:30px;
}
/************************************************************ PAGE SECTIONS */
/* Intro */
.section-intro {
	background:#0B131B;
	z-index:1;
	height:100vh !important;
	width:100%;
	position:relative;
}
.section-intro:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,20,30,0.2);
	z-index:2;
}

@media (max-width: 768px) {
	.section-intro {
		height: auto !important;
	}
	.section-intro .intro-slider {
		margin-bottom: 0;
	}
}
.loghi-intro{
  position: absolute;
  z-index: 11;
  top: 30px;
  right: 30px;
}
.loghi-intro .img-responsive {
  width: 250px;
}
.loghi-intro .col-xs-3 {
	float: right;
}

.section-intro .text-intro {
	position:absolute;
	top:50%;
	left:50%;
	z-index:10;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.section-intro .text-intro.sx {
  left: 0;
  -webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}
.section-intro .text-intro.dx {
  left: auto;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
	.section-intro .text-intro.sx {
		top:50%;
		left:50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);

	}
	.section-intro .text-intro.dx {
		top:50%;
		left:50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

.intro-slider, .flex-viewport {
	width:100%;
	height:100%!important;
	margin:0;
	padding:0;
}
.intro-slider .slides {
	height:100%!important
}
.intro-slider .slides li {
	width:100%;
	height:100%!important;
	margin:0;
	padding:0;
}
.intro-slider .slides li {
	width:100%;
	height:100%!important;
	margin:0;
	padding:0;
  background-attachment: fixed;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
	background-repeat: no-repeat;
}

@media (max-width: 768px) {
	.intro-slider .slides li {
		background-attachment: local;
	}
}



/* Calendario */
.bio-section article.type-fotografi {
	font-size:14px;
	margin-top:20px;
	margin-bottom:30px;
	display: inline-block;
  min-height: 250px;
}

.bio-section article.type-fotografi figure{
	text-align:center;
  overflow:hidden;
}

.bio-section article.type-fotografi h1 {
	font-size:24px;
	margin-top: 0px;
	color:#E5B953;
  text-transform: none;
}
.bio-section article.type-fotografi time {
	color: #3A638A;
	-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.bio-section article.type-fotografi hr {
	margin: 0 20px 0 0;
  border-top: 1px solid #fff;
  -webkit-opacity: 0.15;
  -moz-opacity: 0.15;
  -ms-opacity: 0.15;
  -o-opacity: 0.15;
  opacity: 0.15;
  filter: alpha(opacity=15); /* For IE8 and earlier */
}

.bio-section article.type-fotografi:hover h1{
	color:#ffffff;
}
.bio-section article.type-fotografi:hover .bio-text b,
.bio-section article.type-fotografi:hover .bio-text strong{
  color:#D3DAE2;
}

.bio-section article.type-fotografi:hover time {
  padding-left: 5px;
	color: #D3DAE2;
}
.bio-section article.type-fotografi .bio-text {
	text-align: justify;
  font-size: 16px;
  color: #D3DAE2;
}
.bio-section article.type-fotografi .bio-text a{
  color: #D3DAE2;
}
.bio-section article.type-fotografi .bio-text i{
  font-weight: 500;
}

/* news */

.news-section {
  background-color: #fff;
}
.news-section article.type-post {
	font-size:15px;
}

.news-section article.type-post figure{
	text-align:center;
	margin:15px;
}
.news-section article.type-post h1 {
	font-size:20px;
	color:#616568;
  margin-top: 6px;
}
.news-section article.type-post:hover h1 {
	color: #0B131B;
}

.news-section article.type-post .datanews{
  margin-top: 10px;
  color:#0B131B;
   -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.news-section article.type-post:hover .datanews{
  padding-left: 10px;
}

.page-section#service span,
.page-section#service a {
  color: #E5B953;
}
.page-section#service a:hover {
  color: #fff;
}
.page-section#service .section-title {
  color: #E5B953;
}
.page-section#service
{
  color: #D3DAE2;
}

.page-section#service h5,
.page-section#service h1 {
	color: #fff;
}
/* Loghi section */
.loghi-section h3 {
  text-align:center;
}

.loghi-section img{
  max-height: 150px;
}

.loghi-section .mdv img{
  max-height: none;
}

.loghi-section .locals img{
  /* max-height: 50px; */
}

.loghi-section .organization img{
  max-height: 25px;
}

/* Map */
.map-section {
	position:relative;
}

.map-section .acf-map{
	height:500px;
	width:100%;
}

.map-section .acf-map img{
	width:auto;
	max-width:none;
}

.map-overlay {
	position:absolute;
	left:30px;
	top:30px;
	font-size: 20px;
	width:50%;
	max-width:400px;
	padding:20px;
	background:#20374E;
	color:#D3DAE2;
}

.map-overlay a{
	color:#E5B953;
  font-weight: 500;
}
.map-overlay a:hover{
	color:#fff;
}


/************************************************************ PAGE single */

body.page .page-intro {
  width: 100%;
  position: relative;
  height: 100px;
  background-color: #20374E;
  padding: 5px 0;
}

body.page .page-intro .text-intro img{
  max-height: 80px;
}
body.page .page-intro .loghi-intro img{
  width: 200px;
}
body.page .page-intro .loghi-intro{
  top: 10px;
}
body.page #site-content>.middle-gray {
  min-height: 100vh;
  padding-top: 50px;
	background-color: #D3DAE2;
}

/************************************************************ POST single */

body.single .page-intro {
  width: 100%;
  position: relative;
  height: 100px;
  background-color: #20374E;
  padding: 5px 0;
}

body.single .page-intro .text-intro img{
  max-height: 80px;
}
body.single .page-intro .loghi-intro img{
  width: 100px;
}
body.single .page-intro .loghi-intro{
  top: 10px;
}
body.single #site-content>.middle-gray {
  min-height: 100vh;
  padding-top: 50px;
	background-color: #D3DAE2;
}

/************************************************************ CATEGORY archive */
body.archive #site-content .hentry a:hover .single-title,
body.category #site-content .hentry a:hover .single-title {
  color: #fff;
}

body.archive #site-content .hentry a.read-more,
body.category #site-content .hentry a.read-more {
  float: right;
}

body.archive .page-intro {
  width: 100%;
  position: relative;
  height: 100px;
  background-color: #20374E;
  padding: 5px 0;
}

body.archive .page-intro .text-intro img{
  max-height: 80px;
}
body.archive .page-intro .loghi-intro img{
  width: 100px;
}
body.archive .page-intro .loghi-intro{
  top: 10px;
}
body.archive #site-content>.middle-gray {
  min-height: 100vh;
  padding-top: 50px;
	background-color: #D3DAE2;
}

body.category .page-intro {
  width: 100%;
  position: relative;
  height: 100px;
  background-color: #20374E;
  padding: 5px 0;
}

body.category .page-intro .text-intro img{
  max-height: 80px;
}
body.category .page-intro .loghi-intro img{
  width: 100px;
}
body.category .page-intro .loghi-intro{
  top: 10px;
}
body.category #site-content>.middle-gray {
  min-height: 100vh;
  padding-top: 50px;
	background-color: #D3DAE2;
}

/************************************************************ MEDIA QUERY */

@media (max-width: 1200px) and (min-width: 991px){

}

@media (max-width: 1199px){

}

@media (max-width: 767px){
	.navbar-nav {
		margin-right: 0;
	}
	.map-overlay {
		position: relative;
		width: 100%;
		margin: 0;
		margin-bottom: 5px;
		right: 0;
		left: 0;
		max-width: none;
		top: 0;
		padding: 40px;
	}
	.acf-map {
		display:none;
	}
  body.page .page-intro .text-intro {
    text-align: center;
  }
  body.page .sticky-wrapper {
    height: auto !important;
  }

}



@media (max-width: 991px) and (min-width: 768px){

}
@media screen and (min-width: 768px){
	#main-menu>li>.dropdown-menu>li .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -5px;
  }
}
@media (max-width: 992px){

}
@media (max-width: 992px) and (min-width:768px){

}
@media (max-width: 767px){
  .dropdown-menu > li > a {
    text-align: center;
  }
  #main-menu li .dropdown-menu,
  .navbar-nav .open .dropdown-menu{
    right: 0;
    box-shadow: none;
  }
  .loghi-intro {
    right: auto;
    left:50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  footer.site-foot .loghi-intro {
    position:relative;
  }
}

@media (max-width: 767px) and (min-width: 480px){

}

@media (max-width: 479px){

}