/*
Theme Name: Karemaski
Theme URI: http://www.karemaski.com
Description: New Karemaski theme built with Bootstrap
Author: Francesco Prosperi
Author URI: http://loveblank.com/
Version: 1.2
Tags: responsive, black, 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 {
	font-family: 'Roboto', sans-serif;
	overflow-y: scroll;
	background: #111;
	color: #dedede;
	font-weight: 300;
	margin-bottom: 160px !important;
}

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

strong {font-weight: 700;}

.clearfix {clear: both;}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.navbar-default {background-color: rgba(17,17,17,0.9); border:none;}
.navbar-fixed-top {-webkit-box-shadow: none; box-shadow: none; border: none; height: 145px; border-bottom: 4px solid #f3f3f3;}
.navbar .navbar-brand {padding: 0 15px; margin-top: 15px;}
.navbar .navbar-brand img {display: block; width: auto; max-height: 70px;}
.navbar-fixed-top, .navbar .navbar-brand, .navbar .navbar-brand img, footer a, .entry a, .general-link, .icon-bar, .tessera-link img, .hiderzone a, .prenotazione, #slides ul li a h2, .slides-navigation a, .tessera-reminder, .cookie-notice-container a, .special a, .special, .special-title, .event-list a h2, .large-container a, .news-list-item a img, .event-list a.navetta {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.navbar-header {width: 100%;}
.navbar-collapse {border-bottom: 1px solid rgba(243,243,243,0.85);}
.navbar .nav {float: left; font-family: 'Roboto condensed', sans-serif; font-size: 15px; font-weight: 300; color: #7d7c7c; letter-spacing: 1px; height: 37px; line-height: 37px; margin-top: 2px;} 
.navbar .nav li {float: left; font-family: 'Roboto condensed', sans-serif; font-size: 15px; font-weight: 300; } 
.navbar .nav li:first-child a {padding-left: 0;} 

.navbar .nav > li > a, .navbar .nav > li > a:visited {color: #aaa; text-transform: lowercase; margin: 0; padding: 0; transition: 0.4s; -webkit-transition: 0.4s; display: inline; padding-left: 5px; padding-right: 3px;}
.navbar .nav > li > a:hover, .navbar .nav > li > a:active, .navbar .nav > li > a:focus {color: #f3f3f3;}

.navbar-fixed-top.ridotta {background-color: #000; height: 110px; -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); border-bottom: 1px solid #f3f3f3}

.navbar-fixed-top.ridotta .navbar-brand {margin-top: 17px;}
.navbar-fixed-top.ridotta .navbar-brand img {max-height: 38px;}
.navbar-fixed-top.ridotta .special {font-size: 12px; margin-top: 5px;}
.navbar-fixed-top.ridotta .special .special-title {font-size: 16px;}

.current-menu-item a {color: #f3f3f3 !important;}
.navbar-nav.navbar-right:last-child {margin-right: 0;}

#menu-social i {font-size: 17px; line-height: 39px;}
#menu-social a {padding: 0; margin-left: 7px;}
#menu-social a.facebook:hover {color: #3b5998;}
#menu-social a.instagram:hover {color: #125688;}
#menu-social a.twitter:hover {color: #00aced;}
#menu-social a.youtube:hover {color: #bb0000;}

#menu-main li:after {content: " / ";}

#menu-main li:last-child:after {content: "";}

#menu-social .fa:hover:after 
{ 
    content:" "; 
    position:absolute; 
    left:1px; 
    top:1px; 
    height:13px; 
    width:13px;
    background-color:#ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index:-1;
}


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

.large-container {width: 100%; background: #000; position: relative;}

.large-container-blur {width: 100%; background: #000; position: relative; height: 450px; overflow: hidden; background-size: cover; background-position: center center;
	filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: url(/wp-content/themes/karemaski/_/css/blur.svg); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); opacity: .65; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65);
}
.large-container img {width: 100%; height: auto;}
.large-container .scroll-info {position: fixed; bottom: 15px; left: 50%; width: 200px; margin-left: -100px; font-family: 'Roboto condensed', sans-serif; font-size: 26px; font-weight: bold; text-shadow: 0px 0px 6px black;
	-webkit-animation-name: moveThis;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
}

.large-container a {color: #f3f3f3; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);}
.large-container a:hover {color: #fff; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}

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

.evento-immagine {background-position: center center; background-size: cover; filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: url(/wp-content/themes/karemaski/_/css/blur.svg); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); opacity: .6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);}

#slides {position: relative; border-bottom: 2px solid #BE281C; }
.loading {background: #000 url(/wp-content/themes/karemaski/_/img/rolling.gif) no-repeat center center;}

.slides-container li {background-size: cover; position: relative; background-position: center top}
.slides-container li {list-style: none;}

.slides-text {bottom: 30px; width: 100%; padding: 0px; text-align: center; position: absolute;}
#slides ul li {display: none; text-transform: uppercase; font-family: 'Roboto condensed', sans-serif; color: #f3f3f3;}
#slides ul li h2 {font-size: 42px; font-weight: bold; text-shadow: 0px 0px 8px black; margin: 0 0 2px; line-height: 42px;}
#slides ul li h3 {font-size: 24px; font-weight: normal; text-shadow: 0px 0px 6px black; margin: 0; text-transform: none;}
#slides ul li h4 {font-size: 20px; font-weight: 400; text-shadow: 0px 0px 4px black; margin: 0 0 5px 0;}
#slides ul li a {color: #f3f3f3;}
#slides ul li a:hover {color: #fff;}
#slides ul li a:hover h2 {font-size: 46px; color: #BE281C;}

.wide-container {height: 570px; overflow: hidden;}
.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;}

.just {line-height: 3rem; word-wrap: break-word;}
.just:after {
   content: "";
   display: inline-block;
   width: 100%;
}

.special {float:right; margin-top: 15px; text-align:right; font-weight: 400;}
.special a {color: #dedede;}
.special a:hover {color: #fff;}
.special .special-title {color: #BE281C; font-size: 18px; font-weight: bold; font-family: 'Roboto condensed', sans-serif;}

h1 {text-align: left; font-weight: bold; margin-bottom: 20px; text-transform: none; }
.mini {font-weight: normal; font-size: 15px; color: #aaa; text-transform: lowercase;}

.page-title {text-align: center; text-shadow: 0px 0px 6px black;}
.work-description {text-align: justify;}
.work-description p {margin: 0 0 10px;}
.work-description p:last-child {margin: 0;}

.work-images {margin-top: 20px;}

.attachment-full {max-width: 100%; height: auto;}
.legenda {border-right: 1px solid #888; padding: 0; color: #999; font-size: 16px; line-height: 21px;}
.legenda i {color: #555; width: 20px; text-align: center; margin-bottom: 5px;}
.legenda .social-share {margin-top: 10px;}
.us_wrapper.tac {text-align: left;}
.us_wrapper .us_button {width: 30%;}
.us_wrapper .us_button .us_box {font-size: 16px;}
.legenda .us_share i {color: #fff;}

.entry .legenda a {color: #dedede;}
.entry .legenda a.pre {color: #BE281C;}
.entry .legenda a.pre:hover {color: #f00;}
.legenda a:hover, .legenda a:active {color: #000; text-decoration: none;}

.clients-list {list-style: none; margin: 0 0 20px 0; padding: 0;}
.clients-list li {margin-bottom: 5px;}
.clients-list a {color: #000; border-bottom: 0;}
.clients-list i {color: #999; font-size: 12px; margin-right: 5px;}
.clients-list a:hover {text-decoration: none; color: #DF2B87}
.spaced {padding: 0 20px;}

.entry-top {margin-top: 145px;}
.entry {padding-bottom: 30px;}
.entry h1 {font-family: 'Roboto condensed', sans-serif; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 42px; color: #BE281C; margin: 20px 0 0 0; text-shadow: 0px 0px 6px black;}
.entry h3, .entry h3 p {font-family: 'Roboto condensed', sans-serif; -webkit-font-smoothing: antialiased; font-weight: bold; font-size: 24px; color: #f3f3f3; margin: 2px 0 0 0;}
.entry h5 {font-weight: bold; font-size: 20px; margin: 0;}
.entry a {color: #fff;}
.entry a:hover {color: #BE281C;}
.entry p {line-height: 23px; font-size: 15px; word-break: break-word;}
.entry p img {max-width: 100%; height: auto;}

.general-link {color: #aaa; font-size: 12px;}
.general-link:hover {color: #000;}

.gallery-list {margin-top: 30px; text-align: center;}
.event-list {font-family: 'Roboto condensed', sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 14px; margin-top: 30px;}
.event-list img {max-width: 100%; width: 100%; height: auto;}
.event-list .event-info {border-left: 4px solid #BE281C; padding-left: 7px; margin: 10px 0 30px;}
.event-list a {color: #f3f3f3;}
.event-list h2 {font-size: 26px; font-weight: bold; color: #BE281C; letter-spacing: -1px; margin: 8px 0 3px; line-height: 26px; }
.event-list h3 {font-size: 20px; margin: 0 0 4px; font-weight: 400;}
.event-list h4 {font-size: 18px; color: #ccc; text-transform: uppercase; margin: 0; float: left;}
.event-list .dettaglio {font-size: 14px; color: #ccc;}

.event-list a:hover h2 {color: #f00;}
.event-list a:hover .event-info {border-left: 4px solid #f00;}

.prenotazione:hover {color: #bf281d;}

.event-list a.navetta, .navetta-link {
	float: right;
	color: #666;
    background: transparent;
    border: 1px solid #777;
    border-radius: 20px;
    width: 24px;
    font-size: 14px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    margin-bottom: -3px;
    margin-top: -2px;
}

.navetta-link {float: none; color: #fff; border-color: #fff;}

.event-list a.navetta:hover {background: transparent; border-color: transparent; color: #fff; font-size: 20px;}

.comm-img img {width: 100%; height: auto; margin-bottom: 15px;}

.tessera {color: #ddd; position: relative; margin-bottom: 20px; display: none;}
.tessera:hover .tessera-link img {opacity: 1;}

.tessera-link {background: transparent; padding: 0px 0px; text-align: center; font-weight: bold; font-size: 20px;}
.tessera-link img {width: 100%; height: auto; opacity: .4;}
.advice {background: rgba(255,255,255,0.07); padding: 8px 15px 5px 15px;}
.advice a {color: #ddd;}
.tessera .close {position: absolute; top: 7px; right: 25px; z-index: 10000; color: #fff;}

.advice .btn-danger {background: #BE281C; border: #BE281C; border-radius: 0; line-height: 75px; padding: 12px 10px;}
.tessera-reminder {border: 2px solid #BE281C; margin-top: 40px; padding: 15px;}
.tessera-reminder:hover {background: #BE281C; color: #fff; border: 2px solid #fff; }

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.bx-wrapper .bx-viewport {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0;  left: 0; text-align: center; background: transparent;}

.alignleft {float: left; display: inline-block; margin: 0 10px 10px 0;}
.aligncenter {display: block; margin: 0 auto;}

.post-navigation {font-size: 18px; text-transform: none; margin-top: 5px; letter-spacing: 0px;}
.post-navigation .alignleft {float: left; max-width: 50%;}
.post-navigation .alignright {float: right; max-width: 50%; text-align: right;}

.event-list a img {
	max-width: 100%;
	-webkit-filter: grayscale(7); -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%);
	filter: gray; filter: grayscale(70%);
/*	filter: url(/wp-content/themes/karemaski/wp-content/themes/karemaski/_/css/desaturate.svg#greyscale); */
	transition: 0.4s;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
/*    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); */
}

.event-list.archivio a img {
	max-width: 100%;
	-webkit-filter: grayscale(10); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
	filter: gray; filter: grayscale(100%);
/*	filter: url(/wp-content/themes/karemaski/wp-content/themes/karemaski/_/css/desaturate.svg#greyscale); */
	transition: 0.4s;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
/*    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  */
}

.event-list a:hover img {
	-webkit-filter: none; -webkit-filter: none; -moz-filter: none;
	filter: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.panel {color: #111;}
.panel a {color: #555;}
.panel h3 {color: #111; letter-spacing: -1px;}
.datasmall {width: 60px; display: inline-block;}
.smallLabel {font-size: 11px; font-weight: 400;}
.form-control {border-radius: 0;}
.form-control {background: #f6f6f6;}


label.error {color: #BE281C;}


hr {border-color: #888;}

footer {position: absolute; font-weight: 400; bottom: 0; width: 100%; height: auto; font-size: 12px; color: #f3f3f3; padding: 24px 0; letter-spacing: 1px; background-color: #777;}
footer a { color: #fff;}
footer a:hover, footer a:active { color: #ddd;}

.cookie-notice-container a {color: #BE281C; padding: 0px 3px 1px; border: 1px solid #BE281C;}
.cookie-notice-container a:hover {color: #f3f3f3; background: #BE281C;}

.news-list-item {position: relative; background: url('/wp-content/themes/karemaski/_/img/camera.png') no-repeat center 44%; }
.news-list-item img {width: 100%; height: auto;}
.news-list-item a:hover img {opacity: .3;}
.news-list-item .date {font-size: 12px; color: #666; margin: 3px 0; }
.news-list-item h2 {font-size: 16px; font-weight: bold; margin: 5px 0 3px 0; line-height: normal;}


.entry h1.gallery-title {text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 10px;}
.gallery {margin-bottom: 20px !important;}
.gallery img {border: 0 !important; padding: 2px; width: 100%; height: auto;}
.gallery .gallery-item {margin: 0 !important;}

.nextprev ul {padding: 0;}
.nextprev li {background: #eee;}
.nextprev li {list-style: none; width: 50%;}
.nextprev li.prev {text-align: left; float: right; padding-left: 10px; border-left: 1px solid #aaa;}
.nextprev li.next {text-align: right; float: left; padding-right: 10px; }

.nivo-lightbox-theme-default.nivo-lightbox-overlay {background: rgba(0,0,0,0.8);}



/* MEDIA QUERIES */
@media (max-width: 991px) {
	footer {padding: 20px 0;}

	.gallery-item {
	    width: 50% !important;
	}
	.navbar .nav {line-height: 40px;}
	.navbar .nav li {font-size: 12px;}
	.navbar .nav > li > a {padding-left: 1px;}
	#menu-main li:after {content: "/";}
}

@media (max-width: 767px) {
	body {padding-top: 70px; margin-bottom: 0 !important;}
	.entry-top {margin-top: 0px;}
	.slides-navigation {display: none;}
	.navbar .nav {font-size: 15px; font-weight: 400; color: #7d7c7c; letter-spacing: 1px; height: auto; line-height: 30px; margin-top: 2px; width: 100%;} 
	#menu-main li:after {content: " ";}
	img.alignleft {width: 100%; float: none; height: auto;}
	
	.wide-container {height: 250px;}
	.slides-text {bottom: 10px;}
	.event-list {margin-top: 15px;}
	.navbar-fixed-top, .navbar-fixed-top.ridotta {height: 70px;}
	.navbar-collapse {background: #fff; text-align: left; -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);}
	.current-menu-item a {border-bottom: none; background: #111; margin: 0;}

	.navbar .nav li:first-child a {padding-left: 5px;}

	#menu-social {margin: 0px;}
	#menu-social i {font-size: 32px; line-height:normal;}
	#menu-social a {padding: 0; margin: 0 0 10px 5px;}

	.large-container .container {padding: 0; margin: 0;}
	.large-container .container .row {padding: 0; margin: 0;}
	.large-container .container .row .col-xs-12 {padding: 0; margin: 0;}

	.entry h1 {font-size: 28px; margin-top: 10px;}
	.entry h3, .entry h3 p {font-size: 18px;}

	.navbar-default .navbar-toggle {border: none; border-radius: 0; margin-right: 0; padding-right: 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: #fff;}
	.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;
	}

	.navbar-fixed-top .navbar-brand {margin-top: 17px;}
	.navbar-fixed-top .navbar-brand img {max-height: 38px;}
	.navbar .nav li a {margin: 5px 15px; padding: 8px 7px; display: block; width: 100%; font-weight: 400; font-size: 18px;} 
	.navbar .nav li a:hover {color: #BE281C;}
	.navbar .nav li {display: block; float: none; margin-left: 0px;}
	#menu-social li {float: left;}
	.legenda {border-bottom: 1px solid #888; border-right: 0; padding: 0 0 10px; margin-bottom: 10px;}
	h1 {font-size: 24px;}
	.mini {font-size: 13px;}
	.social-share {margin-top: 5px;}
	.us_wrapper.tac {text-align: left !important;}

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

	footer {text-align: center; letter-spacing: 0; height: auto; position: relative;}
	footer .text-right {text-align: center;}
	footer {font-size: 11px; padding: 10px 0;}

	.event-list a img {
		-webkit-filter: none; -webkit-filter: none; -moz-filter: none;
		filter: none;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#slides ul li h2 {font-size: 32px; line-height: 32px;}
	#slides ul li a:hover h2 {font-size: 32px; color: #BE281C;}

	#slides ul li h3 {font-size: 20px;}
	#slides ul li h4 {font-size: 16px;}

	.gallery-item {
	    float: none;
	    width: 100% !important;
	}
	.anchor {
	    margin-top: -70px;
	    padding-bottom: 70px;
	}
	.fbanner-placeholder {display: none;}
}

@media (max-width: 479px) {
	#works-list .item {width: 100%; padding: 2px;}
	h1 {font-size: 24px;}
	.mini {font-size: 11px;}
	.us_wrapper .us_button .us_box {font-size: 12px !important;}

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

	video#bgvid {display: none;}

}

@-webkit-keyframes moveThis {
  0% {bottom:15px;}
  50% {bottom:23px;}
  100% {bottom:15px;}
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.wdpu-content {color: #111;}