@import url("custom/css/reset.css");
@import url("//fonts.googleapis.com/css?family=Dancing+Script:400,700");
@import url("//fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic");
@import url("//fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic");
@import url("/custom/css/font.css");

/*****RESET*****/
body, html{
	min-height: 100%; 
	width: 100%;
	font-size:100%;
	padding:0;
	margin:0;}
div, h1, h2, h3, h4, h5, h6, form, p{
	padding:0;
	margin:0;}
img, fieldset {
	border:none;
	margin:0;
	padding:0;}
*:focus{outline:none;}
.clearfix {clear: both;}
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;}

/*****General CSS*****/
body{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-size:0.875rem; 
	padding:0;
	margin:0;
	font-weight:normal;
	background:#fff;
	color:#363636;}
.wrapper {
    max-width: 1024px;
    margin: 0 auto;
	position:relative;}
a{color:#128e06; text-decoration:none;}
a:hover{color:#128e06; text-decoration:underline;}


h1{
	font-size:1.75rem;
	line-height:2rem;
	color:#d71920;
	font-family: 'Lato', sans-serif;
	font-weight:normal;}
h2{
	font-size:1.5rem;
	line-height: 1.75rem;
	color:#d71920;
	font-family: 'Lato', sans-serif;
	font-weight:normal;}
h3{
	font-size:1.125rem;
	line-height:1.5rem;
	color:#d71920;
	font-family: 'Lato', sans-serif;
	font-weight: bold;}
h3.toolhead{margin-bottom:0.75rem;}
.tool_headline1{
	font-size:1.125rem;
	line-height:1.5rem;
	color:#d71920;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	margin-bottom:0.5rem;}
h4{
	font-size:1.875rem;
	line-height:2.25rem;
	color:#d71920;
	font-family: 'Dancing Script', cursive; 
	font-weight: normal; }
h5{
	font-size:0.875rem;
	line-height:1.25rem;
	color:#d71920;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:uppercase;}
.tool_headline2{
	font-size:0.875rem;
	line-height:1.25rem;
	color:#d71920;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom:0.5rem;}
h6{
	font-size:0.875rem;
	line-height:1.25rem;
	color:#118505;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;}
p {
	font-size:0.875rem;
	line-height: 1.25rem;
	color: #363636;
	padding-bottom: 1.25rem; }
table,td,tr,input,textarea,select{
	font-family: Arial, Helvetica, sans-serif;
	color: #363636;}

/*****HEADER*****/
header {
	width: 100%;
	position: relative;
	background: #000000;
	border-bottom:5px solid #ffffff;
	float:left;
	display:inline-block;
	text-align:center;}

.welcome-block img {
    float: left;
    margin-left: 1%;
}
.welcome-block h1 {
    padding: 2.25rem 0 0 0;
    font-weight: 400;
    display: block;
    text-align: center;
    color: #fff;
    font-family: 'Gabriola', Gabriola, Arial;
    font-size: 5rem;
    line-height: 5.125rem;
}
.welcome-block h2{
	display: block;
    font-family: Arial;
    font-size: 1.125em;
    line-height: 1.25em;
    margin-top: -12px;
	color:#fff;
	text-align: center;}


#body_container {
	width: 100%;
	position: relative;
	background: #fff;
	float:left;
	display:inline-block;
	padding-top:1rem}

/*****HOME PAGE*****/
.slider-bar { 
	width: 100%; 
	padding: 2rem 0 0 0;
	position: relative;
	float:left;
	background:#d71920;}
.slider-bar .slider {
	overflow: hidden;
	border: 5px solid #fff;
	border-bottom:0;
	border-radius: 15px;
	position: relative;
	-webkit-border-radius: 15px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	background: #fff; }
.slider-bar img {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	width: 100%!important; }
.slider-bar ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	float:left;
	width:100%;}
.slider-bar li {
	position: relative;
	width:100%;
	float:left;
	display:inline-block;}
.slider-bar .text {
	padding: 3.5rem 1% 0;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 98.5%;
	background: url(custom/images/slider_overlay.png) center top repeat-x;
	text-align:center;}
.slider-bar .text h2 {
	padding: 1.25rem 2%;
	width:96%;
	font-family: 'Dancing Script', Arial,sans-serif;
	text-align: center;
	font-size: 3.625rem;
	line-height: 3.75rem;
	font-style: normal;
	color: #000;
	font-weight: normal; }


.landing_block { padding: 0 8% 0; overflow: hidden; float:left; width: 84%; position: relative; text-align:center;}
.landing_block .left { float: left; width: 48%; }
.landing_block .right { float: right; width: 48%; }
.parish-btn,.academy-btn{
	display:block;
	margin:0 auto 1.5rem;
	width:344px;
	max-width:100%;
	height:109px;}
.parish-btn{background: url(custom/images/parish_btn.png) 0 0 no-repeat; background-size:100% auto;}
.parish-btn:hover{background: url(custom/images/parish_btn_hvr.png) 0 0 no-repeat; background-size:100% auto;}
.academy-btn{background: url(custom/images/school_btn.png) 0 0 no-repeat; background-size:100% auto;}
.academy-btn:hover{background: url(custom/images/school_btn_hvr.png) 0 0 no-repeat; background-size:100% auto;}
.landing_block .text{text-align:left;}
.landing_block p { font-family: "Lato", sans-serif, Arial; font-size: 0.875rem; line-height: 1.25rem;text-align:left; }
.landing_block p a { color: #128e06; }
	
@media screen and (max-width: 1096px) {
	.wrapper{
		width:92%;
		padding:0 4%;}
}
@media screen and (max-width: 1023px) {
	.welcome-block h1{font-size:3.5rem; line-height:3.75rem;}
	.slider-bar .text h2{font-size:2.5rem; line-height:2.875rem;}
}
@media screen and (max-width: 765px) {
	.welcome-block img {
		float: none;
		margin:0.75rem 0 1.5rem 0;	}
	.welcome-block h1{margin:0; padding:0;}
	.welcome-block h2{margin-bottom:1.25rem; margin-top:0;}
	.landing_block .left { float: left; width: 100%;  margin-bottom:2rem;}
	.landing_block .right { float: right; width: 100%;  margin-bottom:2rem;}
}
@media screen and (max-width: 680px) {
	.welcome-block h1{font-size:2.875rem; line-height:3rem;}
	.slider-bar .text h2{font-size:2rem; line-height:2.25rem;}
}
@media screen and (max-width: 560px) {
	.slider-bar .text h2{font-size:1.75rem; line-height:1.875rem;}
}
@media screen and (max-width: 380px) {
	.slider-bar .text{ padding:0.5rem 1%; position:relative;}
	.slider-bar .text h2 {padding:0 2%;}
}