/*
	Stylesheet by Yngve Wikøren Nilsen @InBusiness
	Created: 2015.01.11
	About UU slider:
	<section class="inbus-slideshow">							-> wrapper of all
		<form id="inbus-slideshow-form">
			<fieldset>
				<legend>
				<article id="inbus-slideshow-slider">
					<input type="radio">						-> loop one for each slide
					<div id="inbus-slideshow-slides">			-> wrapper of slides
						<div class="inner">						-> wrapper of slides, set height here
							<div data-columns="2">				-> wrapper of columns (2 posts in each slide)
								<article class="inbus-slide">	-> the posts (1 for each post)
					<div id="inbus-slideshow-controls">
					<div id="inbus-slideshow-active">
					<button class="toggleplay">					->the play/pause button
				</article>
			</fieldset>
		</form>
*/
/* --------------------------------------------------------
	START OBJECT COMMENT */
/*	end object comment
-------------------------------------------------------- */
/*
	-------------------------------------------------------
	INBUSINESS SLIDESHOW WIDGET SLIDESHOW STYLES
	-------------------------------------------------------
*/
.inbus-slideshow{
		width:100%;
		float:left;
		display:inline-block;
		overflow:hidden;}
.inbus-slideshow *{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
	display:block;
	backface-visibility: hidden;}
/* -moz- and -webkit- fixes */
.inbus-slideshow label, .inbus-slideshow #inbus-slideshow-active, .inbus-slideshow img { -moz-user-select:none;-webkit-user-select:none}
/* reset fieldset */
.inbus-slideshow fieldset{margin:0;border:none;padding:0;}
/* hide legend of form fieldset UU explanation */
.inbus-slideshow legend{display:none;}
/* main wrapper of all things */
.inbus-slideshow #inbus-slideshow-slider {
	position:relative;
	margin: 0 auto;
	display:inline-block;
	background:#000000;}
/* hide input fields in plain sight */
.inbus-slideshow input {
	position:absolute;
	left:-10000px;}
/*inner container -wrapper of each slide*/
.inbus-slideshow .inbus-slideshow-inner {
	height:100%;
	/*width:300%;  calculated in php: # of slides * 100 __set to 100% for fading effect */
	/*padding-bottom:35.625%41.8125% needed for fading effect - sets height of slider */}	
/*move sliders (inner container -wrapper of each slide*//* set to zero for fading effect - increase by -100% for sliding effect*/
.inbus-slideshow #inbus-slideshow-slide1:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner { margin-left:0; }
.inbus-slideshow #inbus-slideshow-slide2:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner { margin-left:-100%; }
.inbus-slideshow #inbus-slideshow-slide3:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner { margin-left:-200%; }
.inbus-slideshow #inbus-slideshow-slide4:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner { margin-left:-300%; }
.inbus-slideshow #inbus-slideshow-slide5:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner { margin-left:-400%; }
.inbus-slideshow #inbus-slideshow-slide6:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner { margin-left:-500%; }
.inbus-slideshow #inbus-slideshow-slide7:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner { margin-left:-600%; }
.inbus-slideshow #inbus-slideshow-slide8:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner { margin-left:-700%; }
.inbus-slideshow #inbus-slideshow-slide9:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner { margin-left:-800%; }
.inbus-slideshow #inbus-slideshow-slide10:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner { margin-left:-900%; }
	
	
/*slide container*/
.inbus-slideshow .inbus-slide {
	 /*position:relative;
	xtop:0;
	xbottom:0;
	xright:0;
	xmargin:auto;
	xleft:0;
	z-index:-1;   needed for fading effect */
	/*width: 33.333%;  calculated in php: 100 / # of slides */
	position:relative;
	xz-index: -1;
	width:100%;
	height:100%;
	float:left;
	display:inline-block;
	overflow:hidden;
	opacity:0;
	
	background-repeat: none;
	background-size:cover;
	background-position:center center;
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-o-transition:all 2s;
	transition:all 2s;}
.inbus-slideshow #inbus-slideshow-slide1:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner .inbus-slide:nth-child(1),
.inbus-slideshow #inbus-slideshow-slide2:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner .inbus-slide:nth-child(2),
.inbus-slideshow #inbus-slideshow-slide3:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner .inbus-slide:nth-child(3),
.inbus-slideshow #inbus-slideshow-slide4:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner .inbus-slide:nth-child(4),
.inbus-slideshow #inbus-slideshow-slide5:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner .inbus-slide:nth-child(5),
.inbus-slideshow #inbus-slideshow-slide6:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner .inbus-slide:nth-child(6),
.inbus-slideshow #inbus-slideshow-slide7:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner .inbus-slide:nth-child(7),
.inbus-slideshow #inbus-slideshow-slide8:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner .inbus-slide:nth-child(8),
.inbus-slideshow #inbus-slideshow-slide9:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner .inbus-slide:nth-child(9),
.inbus-slideshow #inbus-slideshow-slide10:checked ~ #inbus-slideshow-slides .inbus-slideshow-inner .inbus-slide:nth-child(10){
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-o-transition:all 2s;
	transition:all 2s;
	opacity:1;
	xz-index:1;}
/* --------------------------------------------------------
	SLIDER LABELS (for control and active indicators) */
.inbus-slideshow label {
	color:transparent;
	font-size:0;
	cursor:pointer;}
/*	end slider labels
-------------------------------------------------------- */
/* --------------------------------------------------------
	SLIDER CONTROLS (prev/next) */
/*	end slider controls
-------------------------------------------------------- */	
/* --------------------------------------------------------
	ACTIVE SLIDE CONTROLS (the slide indicators) */
.inbus-slideshow #inbus-slideshow-active {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	max-width:1024px;
	display:inline-block;
	text-align:right}
.inbus-slideshow #inbus-slideshow-active label {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:1px solid white;
	display:inline-block;
	margin:5px;
	width:15px;
	height:15px;
	background:#bbb;
	overflow:hidden;
	color:transparent!important}
.inbus-slideshow #inbus-slideshow-active label:hover {
	background:#ccc;
	border-color:#777!important}
.inbus-slideshow #inbus-slideshow-slide1:checked ~ #inbus-slideshow-active label:nth-child(1),
.inbus-slideshow #inbus-slideshow-slide2:checked ~ #inbus-slideshow-active label:nth-child(2),
.inbus-slideshow #inbus-slideshow-slide3:checked ~ #inbus-slideshow-active label:nth-child(3),
.inbus-slideshow #inbus-slideshow-slide4:checked ~ #inbus-slideshow-active label:nth-child(4),
.inbus-slideshow #inbus-slideshow-slide5:checked ~ #inbus-slideshow-active label:nth-child(5),
.inbus-slideshow #inbus-slideshow-slide6:checked ~ #inbus-slideshow-active label:nth-child(6),
.inbus-slideshow #inbus-slideshow-slide7:checked ~ #inbus-slideshow-active label:nth-child(7),
.inbus-slideshow #inbus-slideshow-slide8:checked ~ #inbus-slideshow-active label:nth-child(8),
.inbus-slideshow #inbus-slideshow-slide9:checked ~ #inbus-slideshow-active label:nth-child(9),
.inbus-slideshow #inbus-slideshow-slide10:checked ~ #inbus-slideshow-active label:nth-child(10){
	background:#eb0c17;
	border-color:#fff!important;}
.inbus-slideshow #inbus-slideshow-slide1:focus ~ #inbus-slideshow-active label:nth-child(1),
.inbus-slideshow #inbus-slideshow-slide2:focus ~ #inbus-slideshow-active label:nth-child(2),
.inbus-slideshow #inbus-slideshow-slide3:focus ~ #inbus-slideshow-active label:nth-child(3),
.inbus-slideshow #inbus-slideshow-slide4:focus ~ #inbus-slideshow-active label:nth-child(4),
.inbus-slideshow #inbus-slideshow-slide5:focus ~ #inbus-slideshow-active label:nth-child(5),
.inbus-slideshow #inbus-slideshow-slide6:focus ~ #inbus-slideshow-active label:nth-child(6),
.inbus-slideshow #inbus-slideshow-slide7:focus ~ #inbus-slideshow-active label:nth-child(7),
.inbus-slideshow #inbus-slideshow-slide8:focus ~ #inbus-slideshow-active label:nth-child(8),
.inbus-slideshow #inbus-slideshow-slide9:focus ~ #inbus-slideshow-active label:nth-child(9),
.inbus-slideshow #inbus-slideshow-slide10:focus ~ #inbus-slideshow-active label:nth-child(10){
	outline: 2px solid #137EFF}
/*	end active slide controls
-------------------------------------------------------- */
/* --------------------------------------------------------
	MEDIA BUTTONS */
.inbus-slideshow button.toggleplay{
	/* position:absolute; */
	bottom:0;
	left:20px;
	display:inline-block;
	width:24px;
	height:24px;
	margin:0;
	border:1px solid #333;
	border-radius:100%;
	padding:0;
	background:white;
	overflow:hidden;
	color:transparent!important;
	cursor:pointer;
	opacity:.5;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-o-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out;
	-o-transition:opacity .3s ease-in-out;
	-ms-transition:opacity .3s ease-in-out;
	transition:opacity .3s ease-in-out;}
.inbus-slideshow button.toggleplay:hover{
	opacity:1}
.inbus-slideshow button.toggleplay.plays:after,
.inbus-slideshow button.toggleplay.paused:after{
	position:relative;
	top:0;
	left:0;
	content:'';
	display:inline-block;
	width:22px;
	height:22px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: contain}
.inbus-slideshow button.toggleplay.plays:after{background-image:url(icon-pause.png)}
.inbus-slideshow button.toggleplay.paused:after{background-image:url(icon-play.png)}
/*	end media buttons
-------------------------------------------------------- */
/*
	-------------------------------------------------------
	POST STYLES
	-------------------------------------------------------
*/
	/*background image*/
	.inbus-slideshow .inbus-slide > img{
		width:100%;
		height:auto;}
	/*content -should adopt templates styles as much as possible*/
	.inbus-slideshow .maxpage{
		position:absolute;
		top:0;
		right:0;
		left:0;
		width:100%;
		height:100%;
		margin:auto;
		display:block;}
	.inbus-slideshow .inbus-slide-content{
		position:absolute;
		top:0%;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		margin:auto auto auto auto;
		display:inline-block;
		height:auto;
		vertical-align:middle;
		padding:5px 0 5px 0%;
		overflow:hidden;
		z-index:100;
		color:white;
		font-size:1em;}
		
	.inbus-slideshow .inbus-slide-content *{
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
}
	.inbus-slideshow .inbus-slide-content > h1{
		color:white;
		font-size:2em;}
	.inbus-slideshow .inbus-slide-content > h2{
		color:white;
		font-size:2.5em;}
	.inbus-slideshow .inbus-slide-content > p{
		font-size:14px;
		line-height:1.2em;
		color:white;}
	.inbus-slideshow .inbus-slide-content > p a{
		display:inline-block;
		color:white;
		background:#eb0c17;
		padding: .25em 1em;
		border:1px solid white;
		margin-top: 10px;
		margin-right: 10px;}
	/* end WIDGET CSS */
@media only screen and (max-width: 1024px) {
	.inbus-slideshow .inbus-slide-content{
		font-size:.8em;
		xtransform:scale(.5) translateY(-50%);}	
}
@media only screen and (max-width: 800px) {
	.inbus-slideshow .inbus-slide-content{
		font-size:.6em;
		xtransform:scale(.5) translateY(-50%);}	
}
@media only screen and (max-width: 600px) {
	.inbus-slideshow .inbus-slide-content{
		font-size:.4em;
		xtransform:scale(.5) translateY(-50%);}	
	.inbus-slideshow .inbus-slide-content > p{
		font-size:12px;}
}
@media only screen and (max-width: 600px) {
	.inbus-slideshow .inbus-slide-content > p:not(:last-child){
		display:none;}	
	.inbus-slideshow .inbus-slide-content > p{
		font-size:10px;}
}
@media only screen and (max-width: 400px) {
	.inbus-slideshow .inbus-slide-content > p{
		display:none;}
}
/* --------------------------------------------------------
	end post styles */
/*
	-------------------------------------------------------
	SLIDER ANIMATIONS
	-------------------------------------------------------
*/
/* #inbus-slideshow-form #inbus-slideshow-slides .inbus-slideshow-inner {
	easeInOutQuart
	-webkit-transform:translateZ(0);
	-webkit-transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); */ 
	/* easeInOutQuart
	-webkit-transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000)} */
#inbus-slideshow-form #inbus-slideshow-slider {
	-webkit-transform:translateZ(0);
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out}
#inbus-slideshow-form #inbus-slideshow-controls label{
	-webkit-transform:translateZ(0);
	-webkit-transition:opacity 0.2s ease-out;
	-moz-transition:opacity 0.2s ease-out;
	-o-transition:opacity 0.2s ease-out;
	transition:opacity 0.2s ease-out}
#inbus-slideshow-form #inbus-slideshow-slide1:checked ~ #inbus-slideshow-slides #overflow .inbus-slideshow-inner > div:nth-child(1),
#inbus-slideshow-form #inbus-slideshow-slide2:checked ~ #inbus-slideshow-slides #overflow .inbus-slideshow-inner > div:nth-child(2),
#inbus-slideshow-form #inbus-slideshow-slide3:checked ~ #inbus-slideshow-slides #overflow .inbus-slideshow-inner > div:nth-child(3),
#inbus-slideshow-form #inbus-slideshow-slide4:checked ~ #inbus-slideshow-slides #overflow .inbus-slideshow-inner > div:nth-child(4),
#inbus-slideshow-form #inbus-slideshow-slide5:checked ~ #inbus-slideshow-slides #overflow .inbus-slideshow-inner > div:nth-child(5),
#inbus-slideshow-form #inbus-slideshow-slide6:checked ~ #inbus-slideshow-slides #overflow .inbus-slideshow-inner > div:nth-child(6),
#inbus-slideshow-form #inbus-slideshow-slide7:checked ~ #inbus-slideshow-slides #overflow .inbus-slideshow-inner > div:nth-child(7),
#inbus-slideshow-form #inbus-slideshow-slide8:checked ~ #inbus-slideshow-slides #overflow .inbus-slideshow-inner > div:nth-child(8),
#inbus-slideshow-form #inbus-slideshow-slide9:checked ~ #inbus-slideshow-slides #overflow .inbus-slideshow-inner > div:nth-child(9),
#inbus-slideshow-form #inbus-slideshow-slide10:checked ~ #inbus-slideshow-slides #overflow .inbus-slideshow-inner > div:nth-child(10) {
	opacity:1;
	-webkit-transition:all 1s ease-out 0.6s;
	-moz-transition:all 1s ease-out 0.6s;
	-o-transition:all 1s ease-out 0.6s;
	transition:all 1s ease-out 0.6s}
#inbus-slideshow-form #inbus-slideshow-controls,
#inbus-slideshow-form #inbus-slideshow-slides,
#inbus-slideshow-form #inbus-slideshow-active,
#inbus-slideshow-form #inbus-slideshow-active label{
	-webkit-transform:translateZ(0);
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out}
/* --------------------------------------------------------
	end slider animations */
.control-slide-arrow .slider-prev,.control-slide-arrow .slider-next{
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	color:transparent;
	width:100px;
	height:100px;
	z-index: 9999;
}
.control-slide-arrow .slider-prev{
	left:0px;
	/* background: rgba(0,0,0,0.6) url("left_arrow.png") no-repeat center center; */
	/* UU */	
	background: rgba(0,0,0,0.8) url("left_arrow.png") no-repeat center center;
}
.control-slide-arrow .slider-next{
	right:0px;
	background: rgba(0,0,0,0.8) url("right_arrow.png") no-repeat center center;
}
#inbus-slideshow-active{
	z-index:999;
}

	
	
#inbus-slideshow-active .control-slide > a{
	 background: #bbb none repeat scroll 0 0;
    border: 1px solid white;
    border-radius: 10px;
    color: transparent !important;
    display: inline-block;
    height: 15px;
    margin: 5px;
    overflow: hidden;
    width: 15px;
}
#inbus-slideshow-active .control-slide > a.active{
	background:#729700;		
} 	
.inbus-slideshow #inbus-slideshow-slides .inbus-slideshow-inner .active{
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-o-transition:all 2s;
	transition:all 2s;
	opacity:1;
	xz-index:1;
	
}