#events-gallery div.left-nav {
	background:#fafafa;
	padding:25px 0 15px;
	box-sizing:border-box;
	margin-bottom:30px;
	border:1px solid #ddd;
	max-width:300px;
}

#events-gallery div.left-nav > h2 {
	font-size:22px;
	font-weight:700;
	text-transform:uppercase;
	color:#000;
	margin-bottom:15px;
	padding-left:25px;
}

#events-gallery div.left-nav ul {
	color:#434343;
	font-size:18px;
	margin-left:0;
}

#events-gallery div.left-nav ul li {
	display:block;
	margin-top:0;
	padding-left:0;
	background:none;
	position:relative;
}

#events-gallery div.left-nav ul li.hidden {
	display:none;
}

#events-gallery div.left-nav div.show-all-wrap {
	padding-left:25px;
	margin-top:15px;
	margin-bottom:5px;
	display:none;
}

#events-gallery div.left-nav a.show-all {
	display:inline-block;
	color:#46bc87;
	text-decoration:none;
}

#events-gallery div.left-nav a.show-all:hover {
	text-decoration:underline;
}

#events-gallery div.left-nav ul li:before {
	content:'';
	background: url(../images/icon-green-dot.png) no-repeat 0 0;
	position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 29px;
    width: 7px;
    height: 7px;
	z-index:1;
}

#events-gallery div.left-nav ul li a {
	color:#434343;
	padding:12px 20px 12px 50px;
	display:block;
	position:relative;
	text-decoration:none;
	-webkit-transition:.2s linear background;
	-moz-transition:.2s linear background;
	-o-transition:.2s linear background;
	-ms-transition:.2s linear background;
	transition:.2s linear background;
}

#events-gallery div.left-nav ul li a:hover,
#events-gallery div.left-nav ul li.active a {
	background:#fff;
}

#events-gallery div.left-nav ul li a:after {
	content:'';
	display:block;
	height:100%;
	width:5px;
	background:#46bc87;
	position:absolute;
	top:0;
	right:0;
	opacity:0;
	-webkit-transition:.2s linear opacity;
	-moz-transition:.2s linear opacity;
	-o-transition:.2s linear opacity;
	-ms-transition:.2s linear opacity;
	transition:.2s linear opacity;
}

#events-gallery div.left-nav ul li a:hover:after,
#events-gallery div.left-nav ul li.active a:after {
	opacity:1;
}

#events-gallery div.right > h2 {
	font-size:32px;
	line-height:42px;
	color:#000;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #999;
}

#events-gallery ul.events-list,
#past-events ul.past-events-list {
	font-size:0;
	list-style:none;
	margin-top:35px;
}

#events-gallery ul.events-list li,
#past-events ul.past-events-list li {
	list-style-type:none;
	padding-left:0;
	border:1px solid #ddd;
	box-sizing:border-box;
	background:none;
}




#events-gallery ul.events-list li:before,
#past-events ul.past-events-list li:before {
	display:none;
}

#events-gallery ul.events-list li.event-item img,
#past-events ul.past-events-list li.event-item img { 
  
  opacity:0;

-webkit-transition:.4s linear opacity;
-moz-transition:.4s linear opacity;
-o-transition:.4s linear opacity;
transition:.4s linear opacity;
}

#events-gallery ul.events-list li.event-item.loading,
#past-events ul.past-events-list li.event-item.loading {
 background:transparent url('../images/loading.gif') 50% no-repeat; 
}

#events-gallery ul.events-list li.event-item img.b_loaded,
#past-events ul.past-events-list li.event-item img.b_loaded {
  opacity:1;
}

#events-gallery ul.events-list li a img,
#past-events ul.past-events-list li a img {
	display:block;
	width:100%;
}

#events-gallery div.credits {
	font-size:16px;
}

#events-gallery div.credits strong {
	font-weight:700;
	display: block;
    margin-right: 15px;
}

#events-gallery div.credits span {
	display:block;
	margin-top:7px;
	margin-bottom:7px;
}

@media screen and (min-width:768px) {
	
	#events-gallery div.credits strong {
		display:inline-block;
		
	}
	
	#events-gallery div.credits span {
		display:inline-block;
		margin-top:0;
		margin-bottom:0;
	}
	
	#events-gallery ul.events-list li a img,
	#past-events ul.past-events-list li a img {
		width:auto;
	}
}

#events-gallery div.credits span a {
	color:#46bc87;
	text-decoration:none;
}

#events-gallery div.credits span a:hover {
	text-decoration:underline;
}

#events-gallery div.credits span.photographers {
	margin-right:45px;
}

#events-gallery ul.events-list li,
#past-events ul.past-events-list li {
	list-style-type:none;
	display:block;
	-webkit-transition:.2s linear opacity;
	-moz-transition:.2s linear opacity;
	-o-transition:.2s linear opacity;
	-ms-transition:.2s linear opacity;
	transition:.2s linear opacity;
}

#events-gallery ul.events-list li:hover,
#past-events ul.past-events-list li:hover {
	opacity:.8;
}

@media (max-width:767px) {
	
	#events-gallery ul.events-list li,
	#past-events ul.past-events-list li {
		display:inline-block;
		vertical-align:top;
		width:48%;
		margin-left:4%;
		margin-bottom:4%;
	}

	#events-gallery ul.events-list li:nth-child(2n+1),
	#past-events ul.past-events-list li:nth-child(2n+1) {
		margin-left:0;
	}

}

@media (max-width:459px) {
	#events-gallery ul.events-list li,
	#past-events ul.past-events-list li {
		display:block;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		max-width:296px;
		box-sizing:border-box;
	}
	
	#events-gallery ul.events-list li:nth-child(2n+1),
	#past-events ul.past-events-list li:nth-child(2n+1) {
		margin-left:auto;
	}
}

#events-gallery ul.events-list li.video-thumbnail {
	position:relative;
}

#events-gallery ul.events-list li.video-thumbnail:before {
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
}

#events-gallery ul.events-list li.video-thumbnail:after {
	content:'';
	display:block;
	background:url(../images/icon-video-play.png) no-repeat 0 0;
	width:73px;
	height:74px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	transform:translateX(-50%) translateY(-50%);
}

#events-gallery ul.events-list li.video-thumbnail a {
	z-index:5;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}

@media screen and (min-width:768px) {
	
	#events-gallery div.right > h2 {
		font-size:40px;
		line-height:50px;
	}
	
	
	
	#events-gallery div.left-nav ul {
		font-size:20px;
	}
	
	#events-gallery ul.events-list li,
	#past-events ul.past-events-list li {
		display:inline-block;
		vertical-align:top;
		width:30%;
		margin-left:5%;
		margin-bottom:5%;
	}
	
	#events-gallery ul.events-list li:nth-child(3n+1),
	#past-events ul.past-events-list li:nth-child(3n+1) {
		margin-left:0;
	}

}

@media screen and (min-width:1024px) {
	#events-gallery div.left-nav {
		float:left;
		width:27.39%;
		margin-right:5.49%;
		margin-bottom:0;
	}
	
	#events-gallery div.right {
		float:right;
		width:67.12%;
	}
}

@media screen and (min-width:1200px) {
	#events-gallery div.left-nav {
		width:22.39%;
		margin-right:10.49%;
	}
	
}

#past-events {
	margin-top:40px;
}

#past-events h2 {
	font-size:26px;
	line-height:36px;
	color:#000;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #999;
}

#past-events ul.past-events-list li {
	border:0;
	position:relative;
}

#past-events ul.past-events-list li img {
	border: 1px solid #ddd;
}

#past-events ul.past-events-list li span.centered-text {display:none;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    color: #000;
}

#past-events ul.past-events-list li p.label {
	display:block;
	margin:10px 0 0;
	
}

#past-events ul.past-events-list li p.label a {
	color: #46bc87;
	/*color:#000;*/
	font-weight:600;
	text-decoration:none;
	font-size:18px;
}

#past-events ul.past-events-list li p.label a:hover {
	text-decoration:underline;
}

@media screen and (min-width:1024px) {
	#past-events {
		float:right;
		width:67.12%;
	}
}

body.page-id-3575 main > div.wrapped-content {
	max-width:1420px;
}

body.page-id-3575 main,
main.events-single-main  {
	padding:80px 0;
}