/*==== TOPIC FILTER BAR ====*/
#aos-TopicList {
   max-height:0;overflow:hidden;height:auto;padding:0;
   border-top:1px solid #CCC;
   transition: max-height 0.5s ease;
   -moz-transition: max-height 0.5s ease;
   -webkit-transition: max-height 0.5s ease;
}

#aos-FilterBar .activeBar+div#aos-TopicList {max-height:500px;padding:inherit;}

.grid li:nth-of-type(3n+1) {
	clear:left;
}

.grid figure {
	margin: 0;
	position: relative;
	overflow: hidden;
	height: 100%;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
	-webkit-transition: -webkit-transform 0.4s ease;
	-moz-transition: -moz-transform 0.4s ease;
	transition: transform 0.4s ease;
}

.grid figure:hover img {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.grid figcaption {
	position: absolute;
	left: 0;
	top: auto;
	bottom: 0;
	height: 100%;
	width: 100%;
	opacity: 0;	
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s ease, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s ease, opacity 0.1s 0.3s;
	transition: transform 0.4s ease, opacity 0.1s 0.3s;
}

.grid figure:hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s ease, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s ease, opacity 0.1s;
	transition: transform 0.4s ease, opacity 0.1s;
}
.grid figcaption.disabled {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
}

.grid figcaption #aos-FeatButtons {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    padding-bottom:10px;
}

.grid figcaption #aos-FeatButtons a{
	padding: 0 5px 0 0;
	line-height: 25px;
	font-size: 14px;
}
.grid figcaption #aos-FeatButtons a::before {
	background: transparent url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowNavy.svg") no-repeat scroll center center;
    border-right: 1px solid #002b5c;
    content: " ";
    float: left;
    height: 25px;
    width: 25px;
    margin-right: 5px;
}
.grid figcaption #aos-FeatButtons a:hover::before {
    background: transparent url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowWhite.svg") no-repeat center;
    border-right: 1px solid #FFF;
}

#aos-TopicList span.activeTopic, #aos-TopicList #clearTopics {
    background-color: #DEDEDE;
    color: #FFF;
    border-color: #CCC;
}

/*=== Media Queries ===*/
@media(max-width: 800px){
   #aos-FilterBar {padding-top:0;}
}
@media(max-width: 480px){
   #aos-FilterBar {padding-bottom:15px;}
}