/* Main Styles */

header {
	background-color: #fff;
	padding: 15px 0 5px;
}

nav ul {
	margin-bottom: 0;
}

nav ul li {
	display: inline-block;
}

nav ul li:last-child {
	/*float: right;*/
	margin-left: 1em;
}

nav ul li:last-child a {
	background-color: #f2f0ed;
	display: block;
	text-transform: none;
	padding: 10px 12px;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;
}

nav ul li:last-child a:hover {
	background-color: #eee;
}

nav ul li:last-child ../img {
	vertical-align: middle;
	padding-right: 5px;
}

nav ul li a {
	color: #564d5b;
	text-transform: uppercase;
	font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
	font-size: 18px;
	text-decoration: none;
	padding: 0 10px;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;
}

nav ul li a:hover {
	color: #b2aea8;
}

nav .nav-selected {
	color: #b2aea8;
	border-bottom: 1px dashed #e3e3e2; 
	padding-bottom: 5px;
}

.video-wrap {
	text-align: center;
	overflow: hidden;
	position: relative;
}

.logo {
	background: #f5f5f5 url('../img/bg.jpg') no-repeat left top;
	text-align: center;
}
.logo img {
	margin: 10px 0 0 0;
	height: 40%;
	width: 40%;
}

.main-paragraph-wrap {
	padding: 40px 0;
	border-bottom: 1px solid #d3cfcb;
}

.main-paragraph h1 {
	font-size: 24px;
	color: #564d5b;
	font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 36px;
	margin-bottom: 0;
}

.main-paragraph h1 strong {
	color: #ff412c;
	text-transform: uppercase;
	font-weight: normal;
}

.main-bottom {
	padding: 100px 0;
}

.main-bottom h2 {
	color: #ff412c;
	font-family: "PT Serif", Georgia, serif;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
}

.photo-wrap {
	float: left;
}

.photo-wrap h3 {
	font-size: 14px;
	color: #564d5b;
	background: rgb(228, 224, 218); /* The Fallback */
	   background: rgba(228, 224, 218, 0.8); 
	position: relative;
	top: -15px;
	display: inline-block;
	padding: 4px 10px 4px 10px;
	font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
	line-height: 1.5em;	
}
.main-photos a {
	text-decoration: none;
}
.main-photos a.more {
	text-align: right;
	display: inline-block;
	background-color: #d1cbc8;
	text-decoration: none;
	padding: 10px 15px;
	float: right;
	font-size: 18px;
	color: #564d5b;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;
	font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;	
}

.main-photos a.more:hover {
	background-color: #fff;
}

.grid-bkg {
	height: 94px;
	background-image: url("../img/cross-bkg.png");
	background-repeat: repeat-x;
}

footer {
	background-color: #fff;
	padding: 20px 0;
}

footer h4 {
	color: #564d5b;
	font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 20px;
	font-size: 14px;
	text-transform: uppercase;
}

.footer-sponsors ul li {
	display: inline-block;
	margin-right: 20px;
}

.copyright-info {
	text-align: right;
}

/* Video */

.video-container {
	max-height: 400px;
	overflow: hidden;
	background-color: #d3cfcb;
}

video#bgvid {
	right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100;
	background: url("../img/polina.jpg") no-repeat;
	background-size: cover;
	position: absolute;
	background-color: #d3cfcb;
}

/* Participants */

.logo-sm {
	position: relative;
	top: -10px;
	margin-bottom: 0;
}

.logo-sm ../img {
	max-width: 256px;
}

.subpage-nav ul {
	text-align: right;
}

.subpage-title-bar {
	height: 50px;
	padding: 45px 0;
	background-image: url("../img/cross-bkg.png");
	background-repeat: repeat;
}

.subpage-title-bar h1 {
	color: #564d5b;
	font-size: 27px;
	text-transform: uppercase;
	font-weight: lighter;
}

.subpage-title-bar a {
	color: #ff412c;
	text-decoration: none;
	font-size: 16px;
	padding-top: 15px;
	display: inline-block;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;
	font-family: 'PT Sans Narrow', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.subpage-title-bar a:hover {
	color: #222;
}

.subpage-title-bar a ../img {
	padding-right: 5px;
	position: relative;
	top: 3px;
}

.back-to-participants {
	text-align: right;
}

.subpage-bottom {
	padding: 50px 0 200px;
}

.main-subpage-content h2 {
	color: #290d3a;
	font-family: 'PT Sans Narrow', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.main-subpage-content ul {
	margin-left: 40px;
	list-style: disc;
}

.event-info a {
	color: #FF412C;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;
	text-decoration: none;
}

.event-info a:hover {
	color: #222;
}

.event {
	background-color: #dad7d1;
	padding: 20px;
	margin-bottom: 20px;
}

.event p {
	margin-bottom: 0;
}

.event a {
	font-style: italic;
}

.event-info h4 {
	color: #564d5b;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-family: 'PT Sans Narrow', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.event-info ul li {
	border-bottom: 1px dashed #cdc9c4; 
	padding-bottom: 10px;
}

.event-info ul li:last-child {
	border-bottom: none;
}

.pre-footer-info {
	background-color: #d2cfc9;
	padding: 40px 0;
}

.pre-footer-logo ../img {
	max-width: 200px;
}

.pre-footer-info h4 {
	color: #fff;
	text-transform: uppercase;
}

/*.event-dates {
	text-align: right;
}*/

.presented-by ../img {
	padding-left: 40px;
	padding-top: 10px;
	  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.content-image-right {
	float: right;
	padding-left: 10px;
}

.content-image-right p {
	background-color: #ccc;
	display: block;
	padding: 10px;
	position: relative;
	top: -5px;
	color: #8d878b;
	font-size: 17px;
	font-family: 'PT Sans Narrow', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

.content-image-left {
	float: left;
	padding-right: 10px;
}

.content-image-left p {
	background-color: #ccc;
	display: block;
	padding: 10px;
	position: relative;
	top: -5px;
	color: #8d878b;
	font-size: 17px;
	font-family: 'PT Sans Narrow', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

.left-sidebar ul li {
	margin-bottom: 5px;
}

.left-sidebar ul li a {
	display: block;
	background-color: #dad7d1;
	padding: 15px 30px;
	color: #ff412c;
	text-decoration: none;
	font-size: 18px;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;
	font-family: 'PT Sans Narrow', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;		
}

.left-sidebar ul li a:hover {
	background-color: #fff;
}

.right-sidebar {
	border-top: 1px solid #bbb8b3;
	border-bottom: 1px solid #bbb8b3;
	padding: 30px 20px;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;	
}

.right-sidebar h4 {
	text-transform: uppercase;
	color: #564d5b;
	margin-bottom: 20px;
}

.right-sidebar a {
	background-color: #ff412c;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-family: 'PT Sans Narrow', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;		
	padding: 15px 20px;
	text-decoration: none;
	font-size: 18px;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;	
	border-radius: 5px;
	background-image: url("../img/right-sidebar-arrow.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

.right-sidebar a:hover {
	background-color: #000;
}


.schedule td:first-child { 
	background: transparent;
	border-right: 2px solid #ccc9c3;
	text-align: right;
	padding-right: 15px;
	padding-left: 0;
	font-size: 18px;
	color: #564d5b;
	font-family: 'PT Sans Narrow', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;			
	width: 15%;
}

.schedule h2 {
	color: #564d5b;
	margin-bottom: 40px;
}

.schedule p {
	margin-bottom: 0;
	display: inline-block;
	background-color: #dad6d0;
	padding: 8px 15px;
	border-radius: 3px;
	font-size: 16px;
	margin: 3px 0;
}

.schedule td {
	padding-left: 15px;
}

.schedule td a {
	background-color: #dad6d0;
	padding: 8px 15px;
	color: #fc5542;
	margin: 3px 0;
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	font-size: 16px;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;	
}

.schedule td a:hover {
	background-color: #fff;
}

.schedule tr:first-child td {
	padding-bottom: 20px;
}

.schedule tr:nth-child(2n+1) td {
	padding-bottom: 20px;
}

.schedule table {
	margin-bottom: 50px;
}
.schedule table td.expanded {
	padding: 1em 10px 2em 10px;
	border-bottom: 1px solid #ccc9c3;
}
.schedule table td.expanded div {
	margin: 10px 0 0 15px;
}
.schedule td a.expanded-title {
	width: 95%;
	padding: 16px 15px;
	font-family: 'PT Sans Narrow', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
}

/* Up to 1200px */
	@media only screen and (min-width: 959px) and (max-width: 1200px) {



	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		.photo-wrap h3 { top: 0; padding: 0; }
		.content-image-right { float: none; }
		.content-image-left { float: none; }
		.content-image-right p , .content-image-left p { background-color: transparent;}
		
		nav ul li a {
			color: #564d5b;
			text-transform: uppercase;
			font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
			font-size: 14px;
			text-decoration: none;
			padding: 0 10px;
			transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out 0s;
			-webkit-transition: all 0.2s ease-out;
		}
		.schedule td:first-child {
			width: 30%;
		}
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.subpage-nav ul { text-align: left; }
		.pre-footer-logo ../img { max-width: 150px; }

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		header { padding: 10px 0;}
		.nav-collapse li { width: 100%; margin-bottom: 0; display: block; border-top: 1px solid #eee;}
		nav ul li:last-child a { font-size: 14px; }
		nav ul li a { font-size: 16px; display: block; padding: 10px 5px;}
		nav ul li a:hover { background-color: #eee; }
		nav ul li:last-child { float: none; }
		nav ul li .nav-selected { border: none; }
		.main-bottom { padding: 30px 0;}
		.photo-wrap { text-align: center; max-width: 140px !important; }
		.photo-wrap h3 { display: block; }
		.main-photos a { text-align: center; clear: both; display: block; float: none; }
		.copyright-info { text-align: left;}

		.logo-sm { text-align: center; padding-top: 20px;}
		.logo img {
			height: 90%;
			width: 90%;
		}

		.back-to-participants { text-align: left; padding-bottom: 10px;}
		.back-to-participants a { padding-top: 0; }

		.subpage-bottom { padding-bottom: 20px; }
		.event-dates { text-align: left; }

		.logo-sm { max-width: 200px; }
		.logo-sm ../img { padding-top: 10px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {


	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.logo-sm ../img { max-width: 200px;  }
		.photo-wrap { text-align: center; max-width: 150px !important; } 
		.presented-by ../img { max-width: 250px; padding-left: 0;  }
	}



/* Styles for Internet Explorer
================================================== */




/* Put your styles above here
================================================== 
 * Print styles: Inlined to avoid required HTTP connection: h5bp.com/r */
@media print {
	* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; /* h5bp.com/t */ }
	tr, ../img { page-break-inside: avoid; }
	../img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}