/*!
 *  Kwicks: Sexy Sliding Panels for jQuery - v2.2.1
 *  http://devsmash.com/projects/kwicks
 *
 *  Copyright 2013 Jeremy Martin (jmar777)
 *  Contributors: Duke Speer (Duke3D), Guillermo Guerrero (gguerrero)
 *  Released under the MIT license
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*
 *  This file contains styles that are common to all kwicks instances.  Note that each kwicks instance requires
 *  additional styling - please see the examples for more info.
 */
.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks > * {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.kwicks.kwicks-processed > * {
	margin: 0;
	position: absolute;
}
.kwicks-horizontal > * {
	float: left;
}
.kwicks-horizontal > :first-child {
	margin-left: 0;
}
.kwicks-vertical > :first-child {
	margin-top: 0;
}

  .kwicks {
	  height: 500px;
  }
  .kwicks > li {
	  height: 500px;
  }

	.kwiks-panel-slide{
		text-align:center;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}


	/*
	.slide-title{ display:none; }
	*/
	.slide-desc{ display:none; }
	.slide-btn{ display:none; }



#panel-slide-0 { /* left top, right top, right bottom, left bottom */
	clip-path: polygon( 0 0, 100% 0, 98% 100%, 0 100% );

	-webkit-transition: clip-path: 750ms linear;
	-moz-transition: clip-path: 750ms linear;
	-o-transition: clip-path: 750ms linear;
	-ms-transition: clip-path: 750ms linear;
	transition: clip-path: 750ms linear;
}

	 #panel-slide-0.kwicks-collapsed {
		clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% );
	}
	 #panel-slide-0.kwicks-expanded {
		clip-path: polygon( 0 0, 99.5% 0, 99.5% 100%, 0 100% );
	}


#panel-slide-1 { /* left top, right top, right bottom, left bottom */
	clip-path: polygon( 2% 0, 100% 0, 100% 100%, 0 100% );

	-webkit-transition: clip-path: 750ms linear;
	-moz-transition: clip-path: 750ms linear;
	-o-transition: clip-path: 750ms linear;
	-ms-transition: clip-path: 750ms linear;
	transition: clip-path: 750ms linear;

}

	 #panel-slide-1.kwicks-collapsed {
		clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% );
	}
	 #panel-slide-1.kwicks-expanded {
		 clip-path: polygon( .5% 0, 100% 0, 100% 100%, .5% 100% );
	}


.lightbox-overlay {
	background-color:transparent;
	left:0;
	position: absolute;
	top:0;

	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;

}

.kwicks-collapsed .lightbox-overlay{
	background-color: rgba(0,0,0,0.5);
	height: 3000px;
	width: 3000px;
}
.kwicks-expanded .lightbox-overlay{
	background-color: transparent;
}


/*Slider*/
.kwiks-container { }
.kwiks-container .kwiks-panel-slide {}

.kwiks-panel-slide .text-container {
    background-color: rgba(0,0,0,0.4);
    padding: 35px 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}

	.kwiks-panel-slide .slide-title {
		border: 2px solid #ffffff;
		display:inline-block;
		font-family: 'News Cycle';
		padding: 10px 25px;
		text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
		color: #ffffff;

		font-size: 26px;
		@media (min-width: 768px) {
	        font-size: 30px;
	    }

	}

	.kwiks-panel-slide .slide-desc {
		margin: 20px 0 25px;
		color: #ffffff;
	}

	.kwiks-panel-slide .slide-btn {
		border: 2px solid #ffffff;
	    font-family: 'News Cycle';
		padding: 10px 25px;
	    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
		color: #ffffff;
	}