/*-----------------------------------------------------------------------------------

	Theme Name: Klaus Child Theme - Retina Multi-Purpose WordPress Theme
	Theme URI: http://www.demo.alessioatzeni.com/klaus/
	Description: Klaus Theme for photostudio, creative or digital agency, frelancers, business. Based on a unique, clean & minimal design and packed with a tons of cool features.
	Author: Alessio Atzeni
	Author URI: http://www.alessioatzeni.com
	Version: 1.0
	Template: klaus

-------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	0.	Import style.css
/*-----------------------------------------------------------------------------------*/

@import url("//c.ststat.net/content/sites/bonssons/css/menu-style.css");
@import url("//c.ststat.net/content/sites/bonssons/css/color.css");
@import url("//c.ststat.net/content/sites/bonssons/css/custom.css");
@import url("//c.ststat.net/content/sites/bonssons/css/custom-fonts.css");


/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup - Basic Style
/*-----------------------------------------------------------------------------------*/

/* Boxed Layout */

.wrap_all.boxed {
    -webkit-box-shadow: none ;
    -moz-box-shadow: none ;
    box-shadow: none ;
}

header .container {
    padding-left: 0px;
    padding-right: 0px;
	text-align:center;
}

.wrap_all.boxed #main.sticky-header-enabled {
    padding-top: 125px;
}


/*-----------------------------------------------------------------------------------*/
/*	2.	Typography
/*---------------------------------- -------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: normal;
}

/*-----------------------------------------------------------------------------------*/
/*	4.	Header Section
/*-----------------------------------------------------------------------------------*/

.client {
    height: 125px;
}

/* Navigation */

#menu {
	float:none;
}

/* Sub-Menu */


#menu ul li:last-child {
    margin-right: 20px;
}

#menu ul li:last-child a {
    padding-right: 10px;
}


/* Sticky Header */


header.sticky-header.nav-small {
    height: 45px;	
	-webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow:none;
}

header.sticky-header.nav-small #logo a img {
	height : 25px;
	width : auto;
	display: none; 
}

header.sticky-header #logo a {
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
}
header.sticky-header #menu ul a {
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}


header.sticky-header.nav-small #menu ul a {
    padding-top: 10px;
    padding-bottom: 20px;
}

header.sticky-header #menu > ul > li:after  {
    top: 24px;
}

header.sticky-header.nav-small #menu > ul > li:after  {
    top: 14px;
}

header.sticky-header #menu ul li:hover ul, 
header.sticky-header #menu ul li.sfHover ul {
    top: 50px;
}

header.sticky-header.nav-small #menu ul li:hover ul, 
header.sticky-header.nav-small #menu ul li.sfHover ul {
    top: 40px;
}


/*-----------------------------------------------------------------------------------*/
/*	5.	Mobile Navigation
/*-----------------------------------------------------------------------------------*/

.menu-nav {
    position: relative;
    display: block;
    width: 16px;
    height: 30px;
}


/*-----------------------------------------------------------------------------------*/
/*	13.	Map Area and Contact Form
/*-----------------------------------------------------------------------------------*/

/* Contact Form Styles */

span.wpcf7-form-control-wrap {
    margin: 20px 0;
	display:block !important;
	font-size: 12px;
}


.wpcf7 input, 
.wpcf7 textarea {
    padding: 10px;
    border: 2px solid #EEEEEE;
    background: #EEEEEE;
    color: #666666;
    font-size: 12px;
	 width: 100%;
}

.wpcf7 input:focus, 
.wpcf7 textarea:focus {
    border-color: #DDDDDD;
    color: #666666;
}

.wpcf7 textarea {
    margin-bottom: 0;
}

.wpcf7 .wpcf7-submit {
    color: #CCCCCC;
    padding: 4px 12px 3px;
    font-size: 11.5px;
    border: 2px solid #cccccc;
}

.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:focus,
.wpcf7 .wpcf7-submit:active {
    background-color: #555555;
    border-color: #555555;
	color: #FFFFFF;
}

.wpcf7-form.invalid input.wpcf7-not-valid,
.wpcf7-form.invalid textarea.wpcf7-not-valid,
.wpcf7-form input:focus:invalid:focus,
.wpcf7-form textarea:focus:invalid:focus {
    border-color:#CC0000 !important;
}

.wpcf7-list-item { margin-left: 10px !important; font-size:11.5px; }

.wpcf7 table { margin-bottom:20px; font-size:11.5px; }
.wpcf7 table span.wpcf7-form-control-wrap { margin: 10px 0; display:block !important; font-size:11.5px; }
.wpcf7 table input { padding: 5px 10px; }

.wpcf7 .checkleft .wpcf7-list-item { margin-left: 0px !important;}

.wpcf7 img.ajax-loader { display:none; }

.wpcf7-form .row { margin-top:-20px;  margin-bottom:-20px;}



/*-----------------------------------------------------------------------------------*/
/*	18.	Footer
/*-----------------------------------------------------------------------------------*/


#social-footer ul li {
	padding: 0; margin: 0 0 0 10px; font-size:12px;
}

#social-footer ul li:first-of-type {
    margin: 0;
}

#social-footer ul li a i {
    color: #000000;
}

#social-footer ul li a {
    color: #333333 !important;
}



/* Footer Credits */

#footer-credits {
    padding: 10px 0 5px;
	border-top:solid 2px #000000;
	background-color:#FFF;
	color:#000 !important;
}

#footer-credits .container {
	padding:0;
	}

#footer-credits p a:hover {
    color: #000000 !important;
}

p.copyright { color:#000 !important; }


/*-----------------------------------------------------------------------------------*/
/*	EXTRA
/*-----------------------------------------------------------------------------------*/

.hide {
	display:none;
	}

.creditosfoto {
	margin:0;
	padding: 5px 0 0 0;
	font-size:10px;
	line-height:10px;
	text-align:right;
	}
	
.creditosfoto p {
	margin:0;
	padding:0;
	font-size:10px;
	line-height:10px;
	text-align:right;
	}

.disclaimer {
	font-size:12px;
	line-height:14px;
	}

.halfwidth { width:50%; margin-left:auto; margin-right:auto;}


.button-dark {
    color: #000000;
  	border: 2px solid #000000;
    
	-webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
}

.button-dark:hover,
.button-dark:active,
.button-dark:focus {
    background-color: #000000 !important;
    border-color: #000000;
	color: #FFFFFF;
}

.button-darki {
    color: #FFFFFF;
	background-color: #000000 !important;
  	border: 2px solid #000000;
    
	-webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
}

.button-darki:hover,
.button-darki:active,
.button-darki:focus {
    background-color: #FFFFFF !important;
    border-color: #000000;
	color: #000000;
}

.divider.black {
	border-bottom: 2px solid #000000;
}


.icon40-normal { margin-bottom:20px !important; }
.icon40-retina { display:none !important; }

.sponsor-label, .sponsor-label p, .sponsor-label-off, .sponsor-label-off p {
	font-size:10px;
	line-height:10px;
	padding:0 !important;
	color:#333;
}
.sponsor-label-off, .sponsor-label-off p { visibility:hidden; }
.sponsor-label, .sponsor-label-off {margin: 15px 0 0 0 !important;}
.sponsor-label p, .sponsor-label-off p {margin: 0 !important;}

	#wall-artists-text { display: none; }
	#wall-artists-round { display: block; }

.text-small { font-size:12px; line-height:18px;}

.single-thumb { float:none !important;}

.nosidepadding .col-md-12 { padding-left:0px !important; padding-right:0px !important;}

.fullbordertop { border-top:#EBEDEF solid 2px; }
.fullborderbottom { border-bottom:#EBEDEF solid 2px;}
.blackbordertop { border-top:#000 solid 2px; }
.blackborderbottom { border-bottom:#000 solid 2px;}

.lineup { font-size:12px; }
.lineup p {margin: 3px 0; }
.lineup hr { margin-top:0px !important; margin-bottom:0px !important;}
.lineup strong { font-weight:bold;}

.list 			{ }
.list p 		{ margin: 15px 0; }
.list hr 		{ margin-top:0px !important; margin-bottom:0px !important;}
.list strong 	{ font-weight:bold;  }

.sinopse { font-size:12px; line-height:18px; }
.sinopse hr { margin-top:20px !important; margin-bottom:20px !important;}
.sinopse strong { font-weight:bold;}

.artistdata h6, .artistadata h6 {padding: 5px 0;}
.artistdata h6, .artistadata h6 {font-family:'Source Sans Pro', sans-serif; letter-spacing:0.1em; font-size:14px; }

.addthisbottom {border-top:#000000 solid 1px; margin:0; padding:50px 0 50px 0; text-align:center;}
.addthisbottom h6 {margin-bottom:15px !important ;}
.at-share-btn { background:none !important;}
.at-share-btn img { display:block !important;}

.videowall .col-md-4 { margin:0 !important; padding:0 !important; }
.videowall .col-md-12 { margin:0 !important; padding:0 !important; }
.videowall .videoWrapper { margin-bottom:0 !important;}
.videowall .text-block { padding-left:50px; padding-right:50px;}


/* show name on thumbnail */

.item-project .project-name {
    background: rgba(0,0,0,0)!important;
    opacity: 1!important;
	
	 -webkit-transition: background 0.3s ease 0s;
    -moz-transition: background 0.3s ease 0s;
    -o-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}

.item-project .hover-wrap:hover .project-name,
.item-project .hover-wrap:active .project-name,
.item-project .hover-wrap:focus .project-name {
    background: rgba(0,0,0,0.75)!important;
}

.item-project .project-name .va h3 {
    text-shadow: 0px 0px 4px #000000;
}

/*-----------------------------------------------------------------------------------*/
/*	MAPA
/*-----------------------------------------------------------------------------------*/


.map-list {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(8, 1fr);
	grid-gap: 10px;
	grid-auto-flow: column;
	font-size: 0.8em;
}
.map-item { padding: 0 0 10px 0; border-bottom: solid 1px #CCC;}
.map-number { width: 30px; display: inline-block; font-weight: bold; color:#000; }



/* .clearfloat { clear : both; font-size : 1px; line-height : 0; margin : 0; height : 0; } */

@media (min-width: 768px) and (max-width: 991px) {
	
	/* Header */
	
	header,
    header.sticky-header,
    header.sticky-header.nav-small {
        position: relative;
        height: 100px;
    }
	
	.wrap_all.boxed #main.sticky-header-enabled {
		padding-top: 0px;
	}
	
	#mobile-nav {
        display: block;
        float: none;
		margin:0 auto;
    }
	
	/* Contact Form and Comment */
	
	.wpcf7 .wpcf7-submit {
        width: auto;
    }
	
	/* Social Footer */

    #social-footer {
         margin-top: 5px;
    }
	
	
	/* Extra */
	#wall-artists-text { display: none; }
	#wall-artists-round { display: block; }
	
	.videowall .col-md-4 { margin:0 !important; padding:0 !important;}
	.videowall .videoWrapper { margin-bottom:0 !important;}
	
	/* Bootstrap */
	#wall-artists-round .col-md-2 {  width: 16.666666666666664% !important; position:relative !important; float: left !important; }
	#wall-logos .col-md-2 {  width: 16.666666666666664% !important; position:relative !important; float: left !important; }
	
	#logowall .col-md-2 { width: 33.333333333333328% !important; float: left!important;  }

}

@media (min-width: 481px) and (max-width: 767px) {
	
	/* Header */
	
	header,
    header.sticky-header,
    header.sticky-header.nav-small {
        position: relative;
        height: 100px;
    }
	
	.wrap_all.boxed #main.sticky-header-enabled {
		padding-top: 0px;
	}
	
	#mobile-nav {
        display: block;
        float: none;
		margin:0 auto;
    }
	
	/* Contact Form and Comment */
	
	.wpcf7 .wpcf7-submit {
        width: auto;
    }
	
	/* Social Footer */

    #social-footer {
         margin-top: 5px;
    }
	
	.wpcf7-list-item { margin-left: 10px !important; display:block;}
	
	/* Extra */
	#wall-artists-text { display: block; }
	#wall-artists-round { display: none; }
	
	.videowall .col-md-4 { margin:0 !important; padding:0 !important;}
	.videowall .videoWrapper { margin-bottom:0 !important;}
	
	
	#logowall .col-md-2 { width: 33.333333333333328% !important; float: left!important;  }
	
}

@media (max-width: 480px) {
	
	/* Header */
	
	.client,
    .client.sticky-header,
    .client.sticky-header.nav-small {
        position: relative;
        height: 100px;
    }
	
	.wrap_all.boxed #main.sticky-header-enabled {
		padding-top: 0px;
	}
	
	#mobile-nav {
        display: block;
        float: none;
		margin:0 auto;
    }
	
	/* Contact Form and Comment */
	
	.wpcf7 .wpcf7-submit {
        width: auto;
    }
	
	/* Social Footer */

    #social-footer {
         margin-top: 5px;
    }
	
	.wpcf7-list-item { margin-left: 10px !important; display:block;}
	
	/* Extra */
	#wall-artists-text { display: block; }
	#wall-artists-round { display: none; }
	
	.videowall .col-md-4 { margin:0 !important; padding:0 !important;}
	.videowall .videoWrapper { margin-bottom:0 !important;}
	
	#logowall .col-md-2 { width: 49.999999999999992% !important; float: left!important;  }
}



/* Retina Display */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-moz-min-device-pixel-ratio: 2),
  	only screen and (-o-min-device-pixel-ratio: 2/1),
  	only screen and (min-device-pixel-ratio: 2),
  	only screen and (min-resolution: 2dppx) {
		
    .icon40-normal { display: none !important; }
	.icon40-retina { display: inline-block !important; width:40px; height:40px; margin-bottom:20px !important; }
}