@import 'https://fonts.googleapis.com/css?family=Amatic+SC|Josefin+Slab:400,400i';

/*

font-family: 'Amatic SC', cursive;

font-family: 'Josefin Slab', serif;

*/

html, body {height: 100%; /* The html and body elements cannot have any padding or margin. */ font-family: 'Amatic SC', cursive !important; font-size:30px !important;}

/* Wrapper for page content to push down footer */

#wrap { min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by it's height */ margin: 0 auto -60px; ;}

.wrapp-inner {min-height: 100%; height: 100%; /* Negative indent footer by it's height */ margin: 0 auto -60px;background-color:transparent !important;}

/* Set the fixed height of the footer here */

#push {height: 60px;}

#footer {background-color: #000000; color:#ffffff; padding-top:20px;min-height:60px;}

/* Lastly, apply responsive CSS fixes as necessary */

#header {background-color: #000000; color:#ffffff;}

#footer {font-size:20px;}

#footer a, #header a {color:#fff;}

#menu {font-family: 'Amatic SC', cursive;font-size:28px;}

#menu a:hover, #menu a:active, #menu a:visited, #menu a:focus {background-color:transparent !important; text-decoration:underline;}

h1, h2, h3 {font-family: 'Amatic SC', cursive;}

#copy {text-align:center;}

#social {text-align:right;}

#logo img {max-height:60px; margin-top:5px;}

.lang-active {border-bottom:solid 2px #fff;}

.bottom50 {margin-bottom:50px;/*margin-top:50px;*/}

#social img {margin-right:3px; margin-left:3px;}

#cp-caption {margin:0px !important; font-size:32px;}

#cp-caption-inner {bottom:52px !important;}

.cp-title {font-size:32px !important; line-height:50px !important;}

#content {background-color:transparent !important;}

#content a {color:#F00 !important;}

.border-1 {padding:0px!important; border:1px #ddd solid;}

.colonna {padding:0px!important; border:10px solid #000;line-height:0px !important; font-size:0px !important;}

#reel { margin-bottom:-24px;}

.reel-caption {display:inline-block; position:relative;}

.reel-caption2 {overflow:hidden; background:rgba(255,255,255,0.2);-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;-transition:background 0.3s ease-in-out;}

.reel-caption2:hover {background:rgba(255,255,255,0); text-decoration:none!important;}

.reel-caption2 img {-webkit-transition: -webkit-transform 0.3s ease-in-out;-moz-transition: -moz-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}

.reel-caption2:hover img {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);}

.reel-caption2::before,.reel-caption2::after {position: absolute;width: 100%;z-index: -1;background: #cecece !important;-webkit-transform: translateX(-30%);-moz-transform: translateX(-30%);transform: translateX(-30%);-webkit-transition: -webkit-transform 0.3s ease-in-out;-moz-transition: -moz-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;line-height:normal;}

.reel-caption2::before {content: attr(data-title);height: 30%;color: #000;font-size: 35px;font-weight: 300;padding: 30px;}

.reel-caption2::after {width:100%;content: attr(data-description);top: 30%;height: 70%;color: #333;font-size: 22px;padding: 20px 30px;text-align:left;white-space: pre;display: inline-block;}

.reel-caption2:hover::before,.reel-caption2:hover::after  {-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);}

#jcemediabox-popup-caption {padding-bottom:0px !important;}

#jcemediabox-popup-caption h4 {font-size:24px; color:#000; font-weight:700; margin-bottom:10px;}

#jcemediabox-popup-caption p {font-family: 'Josefin Slab', serif; font-size:14px; color:#000;}

.navbar-toggle {border-color:#fff!important;}

.navbar-toggle .icon-bar {background-color:#fff;}

.main-logo {max-height:60px; margin-top:5px;}

#content a.tzNomore {font-size:20px;}
.tpInfo h3 {color:#000; font-weight:600;font-size:20px;}
#content .tplgaia .gaia-items .tp-item-box-container .tp-thumb .tpArticleMedia .tpTools a.tpZoom {color:#fff !important;}
.tp-search {background-image:url(../img/search.png); background-repeat:no-repeat; background-position:center center; display:block; width:100%; height:100%;}
.tp-search:before {content: normal;}

@media (max-width: 767px) {

	#wrap {margin: 0 auto -124px;}

	#footer {}

	#lang, #social, #logo {text-align:center;}

	#logo img {margin-left:auto; margin-right:auto;}

	#cp-caption-inner {bottom:116px !important;}

	#reel {margin-bottom:40px;margin-top:-10px;}

}