@font-face {
	font-family: 'Montserrat Regular';
	src: url('../fonts/Montserrat-Regular.eot') format('eot'),
	url('../fonts/Montserrat-Regular.woff') format('woff'), 
	url('../fonts/Montserrat-Regular.ttf') format('truetype'),
	url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat SemiBold';
	src: url('../fonts/Montserrat-SemiBold.eot') format('eot'),
	url('../fonts/Montserrat-SemiBold.woff') format('woff'), 
	url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
	url('../fonts/Montserrat-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat Bold';
	src: url('../fonts/Montserrat-Bold.eot') format('eot'),
	url('../fonts/Montserrat-Bold.woff') format('woff'), 
	url('../fonts/Montserrat-Bold.ttf') format('truetype'),
	url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat Light';
	src: url('../fonts/Montserrat-Light.eot') format('eot'),
	url('../fonts/Montserrat-Light.woff') format('woff'), 
	url('../fonts/Montserrat-Light.ttf') format('truetype'),
	url('../fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_nova_soft_regular';
	src: url('../fonts/proxima_nova_soft_regular-webfont.eot'),
	url('../fonts/proxima_nova_soft_regular-webfont.woff') format('woff'), 
	url('../fonts/proxima_nova_soft_regular-webfont.ttf') format('truetype'), 
	url('../fonts/proxima_nova_soft_regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*=== HEADER ===*/
#header {
	height: 0;
	color: #ffffff;
}
#header .page,
#header .container {
	max-width: 939px;
}
.header-wrap {
	position: absolute;
	z-index: 10;
}
#inner .header-wrap,
.fixed .header-wrap {
	position: fixed;
}
.top-bar {
	height: 47px;
	background: #025c98;
}
.top-bar .relative {
	height: 100%;
}
.top-bar li {
	display: inline-block
}
.top-bar li:hover a {
	color: #c5da01;
}

.top-bar #facebook {
	width: 22px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	background: url("/images/icons/facebook.png") no-repeat;
	margin-left: 18px;
}
/*
body.alert-finish .top-info-box {
	display: none;
}
*/

.top-info-box .cell {
	background: #021b2b;
	padding: 8px 0;
}
.top-info-box p {
	font-size: 12px;
	margin: 0;
}
.top-info-box .container {
	padding-right: 22px;
}
.top-info-box .close-btn {
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url("/images/icons/close.png") no-repeat;
	position: absolute;
	top: 7px;
	right: 5px;
}

.top-bar .cell.align-right {
	position: relative;
}

.hours_top .panel {
	position: absolute;
	top:100%;
	right:50%;
	margin-right:-400px;
	width:465px;
	padding:45px 65px 45px 55px;
	background:#025C98 url(/images/layout/pattern_over_btm.png) repeat-x left bottom;
	text-align: left;
	z-index: 1000;
}

.close-btn2 {
	display: inline-block;
	vertical-align: middle;
	height:17px;
	width:17px;
	border:none;
	background:url(/images/icons/x.png) no-repeat center;
	background-size:contain;
	cursor:pointer;
}

.hours_top .panel .close-btn2 {
	position: absolute;
	top:45px;
	right:45px;
}
.enlarge-area:after { /* enlarge click area on links and buttons */
	content:"";
	height:120%;
	width:120%;
	position: absolute;
	top:-10%;
	left:-10%;
	z-index: -1;
}

.hours_top .panel p,
.hours_top .panel address {
	line-height:1.4;
	margin:2px auto 20px;
}

.hours_top .panel .btn {
	color:#FFF;
}

.hours_top.show > a {
	color:#C5DA01;
}

.hidden {
	opacity: 0;
	visibility: hidden;
	z-index: -2;
	
	transition:all 0.25s ease 0s;
}

.show .hidden, .open > .hidden {
	opacity: 1;
	visibility: visible;
	z-index: 10;
}

.g-map {
	margin-bottom:25px;
}

.g-map iframe {
	max-width:100% !important;
	max-height:100% !important;
}

/*=== MAIN NAVIGATION ===*/
	
.nav-menu {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	white-space: nowrap;
	font-family: 'proxima_nova_soft_regular';
}
.nav-menu > li {
	display: inline-block;
	padding: 0 20px; /* 34px */
	position: relative;
	vertical-align: middle;
}
#inner .nav-menu > li:nth-child(4) {
	margin-left:16%;
}

.nav-menu > li > a {
	display: block;
	font-size: 16px;
	padding: 36px 0;
	text-transform: uppercase;
	white-space: nowrap;
	position: relative;
}
.nav-menu > li > a:before {
	content: "";
	width: 100%;
	position: absolute;
	bottom: -3px;
	height: 6px;
	background: #c5da01;
	opacity:0;
}

/* add small logo to subpage nav */

.nav-logo {
	width:113px;
	height:113px;
	padding:0 !important;
/* 	background-image:url(/images/layout/logo_sm.png); */
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	z-index: 10;
	
	position: absolute !important;
	top:50%;
	left:50%;
	margin-top:-56px;
	margin-left:-63px;
} .nav-logo a:before, .nav-logo a:after {content:none !important;}

.nav-logo > a {
	position: absolute;
	padding:0 !important;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index: 10;
}

#home .nav-logo {
	display: none;
}

/*
.center-logo {
	z-index: 10;
	
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-56px;
	margin-left:-56px;
}
*/

.fixed .nav-menu > li > a:before,
#inner .nav-menu > li > a:before{
	background: #829901;
	bottom: -1px;
}
.nav-menu > li:hover > a {
	color: #c5da01;
}
.nav-menu > li:hover > a:before {
	opacity: 1;
}
.nav-menu > li:first-child,
.fixed .nav-menu > li:first-child,
#inner .nav-menu > li:first-child {
	padding-left: 0;
}
.nav-menu > li:last-child,
.fixed .nav-menu > li:last-child,
#inner .nav-menu > li:last-child {
	padding-right: 0;
}
.nav-menu > .center-logo {
	width: 1px;
	padding: 0 !important;
}
.nav-menu .center-logo a {
	width: 100%;
	height: 114px;
	opacity: 0;
	visibility: hidden;
	padding: 0;
	position: absolute;
	left: 0;
	top: -55px;
	-webkit-transform: scale(0);
    transform: scale(0);
	opacity: 1;
	visibility: visible;
	padding: 0 !important;
	z-index: 10;
}
.nav-menu > .center-logo a:before{
	content: none;
}
.fixed .nav-menu > li,
#inner .nav-menu > li {
	padding: 0 16px; /* 22px */
}
.fixed .nav-menu > li > a,
#inner .nav-menu > li > a {
	color: #021B2B;
	padding: 24px 0;
}

.fixed .nav-menu > li:hover > a,
.fixed .nav-menu > li > a:hover,
#inner .nav-menu > li:hover > a,
#inner .nav-menu > li > a:hover {
	color: #718500;
}
.fixed .main-nav-menu,
#inner .main-nav-menu {
	background: #FFF;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.fixed .center-logo,
#inner .center-logo {
	width: 113px;
}
.fixed .center-logo a,
#inner .center-logo a {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
    transform: scale(1);
}
.sub-menu {
	text-align: center;
    background: #829901;
    left: 50%;
    list-style: none;
    padding: 30px 45px 40px;
    position: absolute;
    top: 100%;
    width: 280px;
    z-index: 5;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
	display: none;
}
.nav-menu > li:hover .sub-menu {
	display: block;
}
.sub-menu a {
	text-transform: capitalize;
	padding: 14px 0;
	display: block;
	border-bottom: 2px solid #aac001;
	font-size: 16px;

}
.nav-close-btn{
	display: none;
}

.plus-click {
	height:40px;
	width:40px;
	position: absolute;
	top:8px;
	right:0;
}
.plus-click:before,
.plus-click:after {
	content:"";
	background-color:#C5DA01;
	position: absolute;
	top:50%;
	left:50%;
}
.plus-click:before {
	height:26px;
	width:4px;
	margin-top:-13px;
	margin-left:-2px;
	
	transition:transform 0.3s ease 0s;
}
.plus-click:after {
	height:4px;
	width:26px;
	margin-top:-2px;
	margin-left:-13px;
}
.open > .plus-click:before {
	-webkit-transform: rotate(90deg);	
	-moz-transform: rotate(90deg);	
	-ms-transform: rotate(90deg);	
	-o-transform: rotate(90deg);	
	transform: rotate(90deg);	
}

/*=== FOOTER ===*/
#footer{
	background: url("../images/layout/pattern_over_sm.png") repeat #021a2a;
	padding: 28px 0;
	color: #FFF;
	font-family: 'Montserrat Light';
	font-size: 12px;
	line-height: 20px;
}
#footer .page .cell:first-child{
	width: 100px;
}
#footer .page .cell:nth-child(3) a:first-child{
	margin-right: 25px;
}
#footer .page .cell:last-child{
	width: 160px;
}
#footer a:hover{
	color: #c5da01;
}
.logo-ft{
	display: inline-block;
	vertical-align: middle;
	background: url("../images/icons/cross.png") no-repeat;
	width: 60px;
	height: 59px;
}
.logo-nsw{
	display: inline-block;
	vertical-align: middle;
	width: 212px;
	height: 51px;
	background: url("../images/icons/logo_nsw.png") no-repeat;
	margin-left: 50px;
}
.jbsystem{
	display: inline-block;
    vertical-align: middle;
    width: 98px;
    height: 37px;
    background: url("../images/icons/JB_System_logo.png") no-repeat;
}
.jbsystem span{
	font-size: 10px;
	position: relative;
	top: -4px;
}
#footer .jbsystem:hover{
	color: #FFF;
}
/*=== TOP BANNER ===*/

.unslider{
	height: 100%;
	min-height: 100%;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.unslider .banners {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
}
.unslider .banners li{
    display: block;
    height: 100%;
    width: 100%;
    background-attachment: fixed;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner .relative{
	height: 100%;
	min-height: 100%;
}
.banner{
	min-height: 780px;
}
.banner .container{
	max-width: 939px;
}
.banner-text + .unslider .unslider-nav{
	display: none;
}
.banner-text  .unslider .unslider-nav li{
	width: 9px;
	height: 9px;
	background: #787f7d;
	border: none;
	margin: 0 auto 12px;
	display: block;
}
.banner-text  .unslider .unslider-nav.horiz li {
	display: inline-block;
	margin: 0 6px;
}
.banner-text  .unslider .unslider-nav li.unslider-active{
	background: #FFF;
}
.banner .site-logo{
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	padding-bottom: 35px;
	margin-bottom: 35px;
}
.banner .site-logo a{
	display: inline-block;
	position: relative;
	width: 404px;
	height: 402px;
	background: url("../images/layout/logo.png") no-repeat;
	margin-top: 80px;
}
.banner .site-logo .caption{
	color: #ffffff;
	font-size: 42px;
	font-family: 'Montserrat Bold';
	text-transform: uppercase;
	letter-spacing: 1px;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}
.banner .site-logo .caption span {
	display: block;
	font-size: 20px;
}
.banner-text {
	position: absolute;
	z-index: 6;
}
.banner-text .unslider {
	min-height: 160px;
}
.banner-text h3{
	color: #fff;
	font-size: 33px;
	margin-bottom: 25px;
	font-family: 'proxima_nova_soft_regular';
	text-transform: capitalize;
}
.banner .btn{
	color: #fff;
}
.angled {
	position: absolute;
	bottom: 0;
	background: url(../images/layout/bg_green.png) no-repeat center bottom;
	background-size: 100%;
	height: 64px;
	width: 100%;
	z-index: 5;
}
.sub-banner {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.sub-banner > .cell {
	height: 470px;
}
.sub-banner .relative {
	height: 100%;
}
.sub-banner .angled {
	background: url(../images/layout/bg_light.png) no-repeat center bottom;
	background-size: 100%;
}
.sub-banner .bg-overlay {
	opacity: 0.5;
}
.sub-banner .relative {
	background:  url("../images/layout/pattern_over_sm.png") repeat;
}
.sub-banner .relative:after {
	content:"";
	position: absolute;
	left: 0;
	bottom: 0;
	pointer-events: none;
	width: 265px;
	height: 315px;
	background: url("../images/layout/pattern_left.png") no-repeat left bottom;
	z-index: 5;
}
/*=== BREADCRUMBS ===*/
.breadcrumbs{
	color: #252525;
	padding: 30px 0 20px;
}
.breadcrumbs li{
	display: inline-block;
}
.breadcrumbs li.sep-circle{
	background: #021b2b;
}
.breadcrumbs li:last-child + .sep-circle {
	display: none;
}
/*=== ITEMS SECTION ===*/
#items .page{
	max-width: 939px;
}
#items > .cell{
	padding: 70px 0 60px;
	background: #829901;
}
#items .page .cell a{
	border-right: 1px solid #9eb401;
	color: #ffffff;
	text-align: center;
	background-position: center top 11px !important;
}
#items .page .cell a{
	display: block;
	padding: 200px 30px 25px;
}
#items .page .cell:hover a{
	background-color: #718500 !important;
}
#items .page .cell:first-child a{
	background: url(../images/icons/church.png) no-repeat;
}
#items .page .cell:nth-child(2) a{
	background: url(../images/icons/e-giving.png) no-repeat;
}
#items .page .cell:nth-child(3) a{
	background: url(../images/icons/board.png) no-repeat;
}
#items .page .cell:last-child a{
	background: url(../images/icons/earth.png) no-repeat;
	border: none;
}
#items h3 {
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 5px;
}
#items .cell p {
	text-transform: capitalize;
	color: #c5da01;
}
/*=== ABOUT SECTION & MAIN CONTENT ===*/

#about .container{
	max-width: 830px;
	padding: 60px 0;
}
#about .bg-image-overlay{
	background: url(../images/layout/bg_cross.png) no-repeat center bottom;
	background-size: 100%;
}
#about h1{
	font-family: 'proxima_nova_soft_regular';
	color: #013c63;
	font-size: 52px;
	text-transform: uppercase;
}
#about h1 span{
	display: block;
	font-family: 'Montserrat Bold';
	font-size: 20px;
	color: #718500;
}
#about h3{
	font-family: 'proxima_nova_soft_regular';
	font-size: 32px;
	color: #021b2b;
	margin-bottom: 25px;
}
#about p{
	font-family: 'Montserrat Light';
	font-size: 16px;
	margin-bottom: 30px;
}
.main-content{
	background: url(../images/layout/bg_cross_light.png) no-repeat center bottom #ffffff;
	padding: 70px 80px 165px
}
.main-title{
	padding-bottom: 35px;
	position: relative;
	margin-bottom: 35px;
}
.main-title:after{
	content: "";
	display: block;
	width: 80%;
	left: 10%;
	height: 2px;
	position: absolute;
	bottom: 0;
	background: #e4e7e9;
}
.main-title h1{
	text-transform: uppercase;
	font-size: 52px;
	font-family: 'proxima_nova_soft_regular';
	color: #013c63;
}
.main-title h1 span{
	display: block;
	color: #718500;
	font-size: 20px;
	font-family: 'Montserrat Bold';
}
.main-title p{
	font-size: 32px;
	margin: 0;
	font-family: 'Montserrat Light';
	letter-spacing: -1px;
	line-height: 40px;
}
.main-content .col-left {
    padding-right: 30px;
}
.main-content .col-right {
	width: 35%;
    padding-left: 30px;
}
.main-content h3{
	font-size: 28px;
	color: #013c63;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.main-content p{
	font-family: 'Montserrat Light';
}

.main-content a { 
	color: #829901;
	font-weight: bold;
}
.main-content ul{
	margin: 35px 0 35px 10px;
	font-family: 'Montserrat Light';
}
.main-content ul li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
}
.main-content ul:not([class]) li:before{
	content: "";
	display: inline-block;
	height: 10px;
	width: 10px;
	border: 4px solid #829901;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.col-right img{
	/*margin-bottom: 45px;*/
	width: 100%;
}
.img-banner{
	position: relative;
}
.img-banner img{
	margin-bottom: 0;
}
.img-banner .text-overlay{
	position: absolute;
	top: 5%;
	left: 5%;
	padding: 60% 20px 20px;
    background: url(/images/icons/board_simple.png) no-repeat center 30% rgba(130, 153, 1, 0.95);
    width: 90%;
    height: 90%;
    text-align: center;
    box-sizing: border-box;
}
.img-banner .text-overlay h3{
	color: #ffffff;
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 0;
}
.img-banner .text-overlay a{
	color: #c5da01;
	font-size: 18px;
}

.g-map iframe {
	max-width:100% !important;
	max-height:100% !important;
}

/*=== SOCIAL SECTION ===*/

#social > .cell{
	background: url(/images/layout/pattern_dotted.png) repeat;
	padding-bottom: 77px;
}
.event-box{
	background: url("/images/layout/pattern_over_sm.png") repeat #025c98;
	color: #ffffff;
	padding: 45px 0 50px;
}

.event-box h3{
	font-size: 20px;
	height: 65px;
	line-height: 65px;
	background: ;
	position: relative;
	max-width: 70%;
	padding-left: 135px;
	background: url(/images/icons/calendar.png) 70px 16px no-repeat #013c63;
}
.event-box h3:after{
	content: "";
	width:16px;
	height: 80px;
	display: block;
	position: absolute;
	left: -16px;
	top: 0;
	background: url(/images/layout/event_box_detail.png) no-repeat;
}
.ev-post{
	padding:30px 80px 0 70px;
	display: block;
}
.event-box h4 {
	font-size: 32px;
	font-family: 'proxima_nova_soft_regular';
	padding-bottom: 15px;
}
.event-box strong {
	display: block;
	margin-bottom: 20px;
}
.ev-post > a,
.social-box .view {
	color: #C5dA01;
	padding-right: 15px;
	text-transform: uppercase;
	background: url(/images/layout/link_arrow.png) no-repeat right 40%;
}

.ev-post {
	color:#FFF;
}

.ev-post > div {
	margin-bottom:20px;
}

.ev-post > span {
	color:#C5DA01;
}

.social-box {
	position: relative;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
}
.social-box .text-overlay {
	background: rgba(2, 27, 43, 0.65);
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	color: #ffffff;
	padding: 45px 15% 20px;
}
.social-box .view:hover {
	color: rgba(2, 27, 43, 0.90);
}
.social-box h3 {
	color: #c5da01;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 20px;
}
.social-box h4 {
	font-family: 'proxima_nova_soft_regular';
	font-size: 46px;
	padding-left: 50px;
	background: url(../images/icons/facebook_lg.png) no-repeat left center;
	margin-bottom: 30px;
}

.gallery-img {
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}

.gallery .img-box {
	display: block;
	width: 100%;
	height: 270px;
	padding: 25px 28px;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}
.social-box .img-box {
	padding: 0;
}
.img-overlay {
	padding: 20px;
	background: rgba(130, 153, 1, 0.95);
	width: 100%;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	opacity: 0;
}
.gallery .img-overlay:hover,
body:not(.desktop) .img-overlay {
	opacity: 1;
}
.img-overlay h4 {
	font-size: 24px;
	line-height: 30px;
	font-family: 'Montserrat Bold';
	color: #ffffff;
	margin-bottom: 10px;
}
.img-overlay span {
	font-family: 'Montserrat SemiBold';
	font-size: 18px;
	color: #C5DA01;
}

.gallery.gal-section {
	display: block;
	
	font-size:0;
}

.gallery.gal-section > .cell {
	display: inline-block;
	vertical-align: top;
	width:33.33%;
	font-size:16px;
} 

/*=== SIGNUP SECTION ===*/
#signup .page {
	max-width: 700px;
}
#signup > .cell {
	background: url("/images/layout/bg_img.jpg") no-repeat;
	background-size: cover;
}
#signup > .cell .relative {
	padding: 85px 0 80px;
}
#signup h3 {
	color: #ffffff;
	font-size: 32px;
	font-family: 'proxima_nova_soft_regular';
	margin-bottom: 30px;
	text-transform: uppercase;
}
#signup h3 span {
	display: block;
	font-family: 'Montserrat Regular'; 
	font-size: 14px;
	padding-top: 10px;
	text-transform: none;
}
#signup  .bg-overlay:after {
	content:"";
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
	width: 226px;
	height: 390px;
	background: url("/images/layout/pattern_right2.png") no-repeat;
}
.signup-content {
	position: relative;
	z-index: 3;
}

.newsletter-thankyou {
	display: none;	
	font-size:38px;
	margin:50px auto;
	max-width:700px;
	color:#FFF;
	font-family: 'Montserrat SemiBold', 'Arial Bold', sans-serif;
}
.newsletter-submitted .newsletter-thankyou {
	display: block;
}

.newsletter-submitted .newsletter-form {
	display: none;
}

form .input input {
	background: #ffffff;
	width: 100%;
	display: inline-block;
	height: 64px;
	line-height: 64px;
	padding: 0 35px;
	font-size: 16px;
	text-transform: capitalize;
	color: #363636;
	font-family: 'Montserrat Light';
}
form .cell {
	padding-bottom: 16px;
}
form .cell.space {
	width: 16px;
}
form .submit {
	width: 194px;
}
form .submit input {
	height: 64px;
	line-height: 64px;
	color: #ffffff;
	text-transform: uppercase;
	background: #829901;
	border-radius: 0;
	border: none;
	font-family: 'Montserrat Bold';
	width: 100%;
	padding: 0 20px;
	cursor: pointer;
	font-size: 16px;
}
#btm_banner > .cell {
	background: url("/images/layout/bg_cross_sm.png") no-repeat center center #013b63;
	height: 148px;
	color: #ffffff;
}
#btm_banner .bg-patt-overlay {
	background: url("/images/layout/pattern_over_sm.png") repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#btm_banner h3 {
	position: relative;
	z-index: 1;
	font-size: 24px;
	font-family: 'Montserrat Light';
	text-transform: uppercase;
}
#btm_banner h3 span {
	color: #c5da01;
	font-family: 'Montserrat Bold';
}

/* ------------- Staff Page --------------- */

.staff-section {
	
}

.staff-list {
	
}
.staff-list li {
	padding:0 !important;
}
.staff-list li + li {
	margin-top:50px;
	padding-top:50px !important;
	border-top:1px solid #CCC;
}
.staff-list li:before {
	content:none !important;
}

.staff-list li > figure {
	position: absolute;
	top:0;
/*
	top:50%;
	margin-top:-105px;
*/
	left:0;
	
	height:240px;
	width:240px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	
	border:4px solid #999;
} .staff-list li + li > figure {top:49px;}
.staff-list li > div {
	display: block;
	width:100%;
}
.staff-list li > figure + div {
	padding-left:280px;
	min-height:250px;
}

.name-heading {
	font-size:26px;
	line-height: 1.25;
}
.sub-heading, .sub-heading > p {
	font-size:18px;
	line-height:1.5;
}

/* -------- Event / Calendar page(s) --------- */

/* ----- Event Details ----- */

.event-details-modal {
  background-color: #FFF;
  height: 100%;
  border: none;
}

.event-details-modal .event-details-page a {
  color: #d4a34c;
}

#event-display {
  height: auto;
  border: none;
}

.event-details-page {
  background: #FFFFFF;
  padding: 8px;
  max-width: 700px;
  height: 100%;
  display: block;
  border: none;
}

.event-details-page figure {
  width: 100%;
  border: none;
  margin:0;
}

.event-details-page figure img {
  width: 100%;
/*   max-height:400px; */
  border: none;
}

.event-details-page h2 {
  margin-bottom: 0;
}

.event-details-page .event-desc {
  margin-top: 1em;
  font-size: 14px;
  line-height: 20px;
}

.event-details-page .event-website {
  font-weight: bold;
  margin-top: 1em;
}

.event-details-text {
  padding: 5px 14px;
  display: block;
}

.highslide-wrapper {
  height: auto !important;
}


.event-website a {
  color: #BF1920;
}

.event-listing,
.event-listing li {
  list-style: none;
  margin: 0px !important;
  padding: 4px !important;
}

.event-date-loc {
	font-size:18px;
	margin-bottom:8px;
}

/* ------------ News Page(s) --------------- */

.news-section {
	text-align: left;
}

.news-list {
	list-style: none;
}

.news-list li {
  position: relative;
}

.news-list li article {
	display: block;
	padding: 20px;
	border: 1px solid #E2E2E2;
	margin-bottom: 30px;
	background-color: #f9f9f9;
}

.news-list li + li {
  padding-top: 30px;
}

.news-list li + li:before {
	content:"";
	display: block;
	margin:0;
	width:100%;
	height:2px;
	background-color: #594F48;
	position: absolute;
	top:0px;
	left: 0px;
}

.news-list li h3,
.news-details h2 {
	margin:15px auto;
	font-size:32px;
	line-height: 38px;
	color:#000000;
	font-family: 'Montserrat Bold', 'Arial Bold', sans-serif;
	font-weight:normal;
	text-transform: uppercase;
}

.news-details h2 {
  padding: 0px;
}

.news-list li img {
	display: block;
	max-height:350px;
	border:5px solid #787879;
}

.news-list li h3 span,
.news-details h2 span{
	display: block;
	font-size:13px;
	color:#7F7F7F;
}

.news-list .main-img,
.news-details .main-img {
  display: block;
  margin-bottom:26px;
}

.news-list li > p {
	font-size:16px;
}
/* 
.news-list .button {
  background: #171a46 none repeat scroll 0 0;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Montserrat SemiBold', Arial, sans-serif;
  line-height: 100%;
  padding: 20px 25px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
 */
.news-list .button:hover {
  background: #000000;
}

.news-details header {
  display: block;
  margin-top: 40px;
}

.news-details p {
  font-size: 16px;
  line-height: 25px;
}

.news-details .doc-list {
	margin-top: 1em;
}

.news-section {
	text-align: left;
}

.news-list {
	list-style: none;
}

.news-list li {
	position: relative;
	display: block;
	padding: 20px;
	border: 1px solid #E2E2E2;
	margin-bottom: 30px;
	background-color: #f9f9f9;
}

.news-list li + li {
	padding-top: 30px;
}

.news-list li + li:before {
	content:"";
	display: block;
	margin:0;
	width:100%;
	height:2px;
	background-color: #594F48;
	position: absolute;
	top:0px;
	left: 0px;
}

.news-list li h3,
.news-details h2 {
	margin:15px auto;
	font-size:32px;
	line-height: 38px;
	color:#000;
	font-family: 'Montserrat Bold', 'Arial Bold', sans-serif;
	font-weight:normal;
	text-transform: uppercase;
} 
.news-list h3 a {padding:0 !important;}
.news-list h3 a:after {content:none !important;}

/****** Pagination Styles *******/

.pagination {
  display: block;
  background-color: #f9f9f9;
  border: 1px solid #E2E2E2;
  padding: 6px;
  margin-top: 26px;
  text-align: center;
  list-style: none;
  margin-left:10px;
}

#search-results > header > .pagination {
  margin-bottom: 30px;
}

.pagination ul {
	margin:0;
}

.pagination ul li:before {
	content:none !important;
}

.pagination > div,
.pagination > ul > li {
  display: inline-block;
  vertical-align: middle;
  margin-bottom:0;
  padding-left:0;
}

.pagination > div + div,
.pagination > ul > li + li {
  margin-left: 6px;
}

.pagination a, 
.pagination span,
.pagination strong {
  display: inline-block;
  font-family: 'Montserrat Regular', Arial, sans-serif;
  font-size: 14px;
  line-height: 15px;
  padding: 10px 11px;
}

.pagination span {
  padding: 10px 13px; 
}

.pagination a {
  color: #FFF !important;
  background-color: #829901;
  border: 1px solid #ccc;
  transition: all 0.3s ease 0s;
}

.pagination a:hover {
  color: #0053a0 !important;
}

.pagination span {
  font-family: 'Montserrat Regular', Arial, sans-serif;
  color: #0053a0;
  background-color: #829901;
  border: 1px solid #FFF;
}

.pagination > .prev a,
.pagination > .next a {
  font-size: 20px;
  padding: 8px 11px 13px;
}

.pagination strong {
  font-family: 'Montserrat Regular', Arial, sans-serif;
  font-weight: normal;
  color: #666;
  background-color: #ddd;
  border: 1px solid #ccc;
}

/* -------- News Details ----------- */

.news-details .button.red {
	padding-top:10px;
}

.news-details h2 {
	padding: 0px;
	margin:0 auto;
	border-bottom: 1px solid #CCC;
	padding-bottom: 15px;
}
.news-list h3 > span,
.news-details h2 > span {
	line-height: 1;
}

.news-details article {
	margin:35px auto;
}

.news-list li:before {
	content:none !important;
}

.news-list li img {
	display: block;
	max-height:350px;
	border:5px solid #787879;
}

.news-list li h3 span,
.news-details h2 span {
	display: block;
	font-family: 'Montserrat Regular', Arial, sans-serif;
	font-size:13px;
	color:#7F7F7F;
}

.news-list .main-img,
.news-details .main-img {
  display: block;
  margin-bottom:26px;
}

.news-list li > p {
	font-size:16px;
}

.news-list .button {
  background: #171A46 none repeat scroll 0 0;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-family: 'Montserrat SemiBold', Arial, sans-serif;
  line-height: 100%;
  padding: 20px 25px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

.news-list .button:hover {
	background-color: #000;
}

.news-details header {
	display: block;
	margin-top: 40px;
}

.news-details p {
	font-size: 16px;
	line-height: 25px;
}

.news-details .doc-list {
	margin-top: 1em;
}

/* ------------ Callouts ------------- */

.callout + .callout {
	margin-top:25px;
}

.callout {
	position: relative;
	display: block;
	margin:0 auto;
	vertical-align: top;
	max-width:265px;
	padding:15px;
	color:#FFF !important;
	z-index: 0;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.callout.bg-1 {
	background-image:url(/images/layout/callouts/img_01.jpg);
}
.callout.bg-2 {
	background-image:url(/images/layout/callouts/img_02.jpg);
}
.callout.bg-3 {
	background-image:url(/images/layout/callouts/img_03.jpg);
}
.callout.bg-4 {
	background-image:url(/images/layout/callouts/img_04.jpg);
}
.callout.bg-5 {
	background-image:url(/images/layout/callouts/img_05.jpg);	
}

.callout > article {
	position: relative;
	background-color:rgba(113,133,0,0.9);
	min-height:214px;
	text-align: center;
	overflow: auto;
}

.callout > article .btn {
	background-color:#013C63;
	font-size:12px;
	margin:15px auto;
}

.callout > article strong,
.callout > article span {
	display: block;
	font-weight: normal;
}

.callout > article strong {
	color:#FFF;
	font-family:'Montserrat Regular', Arial, sans-serif;
	font-size:20px;
}

.callout > article span {
	color:#C5DA01;
	font-family:'Montserrat Bold', 'Arial Bold', sans-serif;
	font-size:16px;
}

.callout img {
	position: relative;
	display: block;
	width:auto !important;
	margin:30px auto 20px;
}

.callout.small {
	padding:0;
	min-height:90px;
	
	font-size:0;
}
.callout.small > figure {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width:34.5%;
	height:90px;
	background:url(/images/layout/blue-bg.jpg) repeat 0 0;
	background-size:cover;
	
	font-size:16px;
}
.callout.small > figure:after {
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-o-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
}

.callout.small > div {
	display: inline-block;
	vertical-align: middle;
	width:63.5%;
	height:90px;
	padding:25px 10px 0;
	margin-left:2%;
	background-color:#718500;
	
	font-size:20px;
	line-height: 1.1;
	font-family:'Montserrat Semibold', 'Arial Bold', sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-weight:normal;
}
.callout.small > div.more-text {
	font-size:12px;
}

.callout.small > div strong {
/* 	display: block; */
	font-family:'proxima_nova_soft_regular', Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
}

.callout.alt {
	
}

.callout.img {
	max-width:252px;
	padding:0;
	background-color:#013C63;
	
	text-align: center;
}
.callout.img > figure {
	height:0;
	padding-bottom:74%; /* 186px */
	background-size:contain;
}

.callout.img .btn {
	margin:15px auto;
}

figure.abc:after {content:url(/images/icons/callout-icons/abc-icon.png);}
figure.camera:after {content:url(/images/icons/callout-icons/camera-icon.png);}
figure.chart:after {content:url(/images/icons/callout-icons/chart-icon.png);}
figure.church:after {content:url(/images/icons/callout-icons/church-icon.png);}
figure.form:after {content:url(/images/icons/callout-icons/form-icon.png);}
figure.grant:after {content:url(/images/icons/callout-icons/grant-icon.png);}
figure.hands:after {content:url(/images/icons/callout-icons/hands-icon.png);}
figure.handshake:after {content:url(/images/icons/callout-icons/handshake-icon.png);}
figure.mail:after {content:url(/images/icons/callout-icons/mail-icon.png);}

.pattern-overlay { position: relative; z-index: 0;}
.pattern-overlay:before {
	content:"";
	height:100%;
	width:100%;
	background:url(/images/layout/pattern_over_sm.png) repeat 0 0;
	position: absolute;
	top:0;
	left:0;
	z-index: -1;
}