/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.prev-next-posts,
.pagination-container{ border-top:1px solid #cea119; padding-top:15px; clear:both;}
.next-posts-link{ width:49%; float:right; text-align:right;}
.prev-posts-link{ width:49%; float:left; text-align:left;}
.pagination-container .page-numbers{ font-size:14px; padding:3px 6px; border:1px solid #fff;}
.pagination-container .page-numbers:hover{ border:1px solid #cea119;}
.pagination-container .current{ color:#cea119;border:1px solid #cea119;}

.flex-caption {
  width: 96%;
  padding: 2%;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  font-size: 14px;
  line-height: 18px;
}

.home-slide{
	position:relative;
}
.slide-caption{
	font-size: 24px;
    line-height: 34px;
    width: 98.05%;
    background: rgba(0,0,0,0.75);
    color: #fff;
	position: absolute;
    float: none;
    bottom: 6px;
    left: 6px;
    text-align: left;
	padding: 2px 8px;
	border-radius: 2px;	
	 -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
.slide-caption a:link,
.slide-caption a:active,
.slide-caption a:visited{color:#fff;}
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
	.slide-caption{
		font-size: 14px;
		line-height: 24px;
	}
}