/*
 * HTML5 Saint Thomas Academy
 *
 * A template created for STA using HTML5 and responsive design
 * 
 */
 
#page-body-wrap {
    width: 96%;
    margin: 0 auto;
    padding: 0;
}
#page-body-wrap header #logo, .home #page-body-wrap header #logo {
    width: 40% !important;
    margin-right: 2% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
#page-body-wrap header #logo img {
    width: 100%;
    height: auto !important;
}
#page-body-wrap header .top-nav {
    width: 50%;
}
#page-body-wrap .default-flexslider .flex-caption{
	position: relative;	
	width: 96%;
	padding: 2%;
	margin: 0;
	left: 0;
}
#page-body-wrap .default-flexslider .flex-caption, #page-body-wrap .default-flexslider .flex-caption.green, #page-body-wrap .default-flexslider .flex-caption.red{
	background: #fff;
}
#page-body-wrap .default-flexslider .flex-caption h3, #page-body-wrap .default-flexslider .flex-caption p {
  	color: #0096db !important;
}
#page-body-wrap .default-flexslider .flex-caption.green h3, #page-body-wrap .default-flexslider .flex-caption.green p {
  	color: #2eb135 !important;
}
#page-body-wrap .default-flexslider .flex-caption.red h3, #page-body-wrap .default-flexslider .flex-caption.red p {
  	color: #fe4819 !important;
}

.home #page-body-wrap .features {
    text-align: center;
}
.home #page-body-wrap .features .homepage-feature {
    width: 210px;
    padding-top: 14px;
	border-top: 1px solid #b7b7b7;
	float: none;
	margin: 14px auto !important;
}
.home #page-body-wrap .features .homepage-feature.last {
    width: 210px;
	float: none;
	margin: 14px auto !important;
}
.home #page-body-wrap .home-shows-events{
	text-align: left;
}

#page-body-wrap .features .feature{
	width: 100%;
}
#page-body-wrap .blog-list .blog .image-wrap{
	width: 48%;
	margin-right: 2%;
}
#page-body-wrap .blog-list .blog .details{
	width: 50%;
}
#page-body-wrap #main .mobile-show .callout{
	float: none;
	width: 212px;
	margin: 14px auto !important;
}

#page-body-wrap .showtimesGrid{
    width: 100%;
}
#page-body-wrap .showtimesGrid .day, #page-body-wrap .showtimesGrid .date, #page-body-wrap .showtimesGrid .time, #page-body-wrap .showtimesGrid .type {
    width: 48%;
    padding: 1%;
    float: left;
	border-bottom: none;    
}
#page-body-wrap .showtimesGrid .time, #page-body-wrap .showtimesGrid .type {
	border-bottom: 1px solid #b7b7b7;    
}
#page-body-wrap .showtimesGrid .time {
	clear: both;  
}
#page-body-wrap .blog-list .blog .image-wrap{
	float: none;
	width: 212px;
	margin: 14px auto !important;
}
#page-body-wrap .blog-list .blog .details{
	float: none;
	width: 212px;
	margin: 14px auto !important;
}

   
#footer .footer-boxes {
	height: auto;
	margin: 10px 0;
	padding: 9px 0px;
	border-top: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	width: 100%;
}
#footer .footer-boxes-inside {
	clear: both;
	margin: 0;
	padding: 0px;
	border-top: none;
	border-bottom: none;
	float: none !important;
}
#footer .footer-col {
	float: none;
	width: 100%;
	border-right: none;
	text-align: center;
	margin-bottom: 10px;
}
#footer .footer-col.mobile-last, #footer .footer-col.last {
	width: 100%;
}
#footer .footer-partners {
	clear: both;
	text-align: center;
}
#footer .footer-partners img {
	padding: 0;
	display: block;
	float: none;
	margin: 0 auto !important;
}