/***** RESETS *****/

html, body, p, div, div {
	margin: 0;
	border: 0;
	padding: 0px;
	outline: 0;
	background: transparent;
	vertical-align: baseline;
}

.custom {
	height: inherit;
}

a > img {
	border: 0;
}

a {
	text-decoration: none;
	outline: none;
}

.aboutTileTitle h1 {
  color:#ffffff;
	text-align: center;
	font-family: Oswald;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 24px;
	font-weight: 400;
	max-width: 375px;
	float: none;
}

.aboutTileTitle h2 {
  color:#475059;
	text-align: center;
	font-family: Oswald;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 24px;
	font-weight: 400;
	max-width: 375px;
	float: none;
}
/****************************************
************ GLOBAL TEMPLATE ***********
***************************************/

/***** FONTS ******/


@font-face {
    font-family: Omnes;
    src: url(/templates/w4cv20/Omnes-Light.otf);
}
@font-face {
    font-family: OmnesLight;
    src: url(/templates/w4cv20/Omnes-Light.otf);
}
@font-face {
    font-family: OmnesThin;
    src: url(/templates/w4cv20/Omnes-Thin.otf);
}
@font-face {
    font-family: OmnesHairline;
    src: url(/templates/w4cv20/Omnes-Hairline.otf);
}
@font-face {
	font-family: RobotoReg;
	src: url(/templates/w4cv20/Roboto-Regular.ttf);
}
@font-face {
	font-family: RobotoLight;
	src: url(/templates/w4cv20/Roboto-Light.ttf);
}
@font-face {
	font-family: RobotoThin;
	src: url(/templates/w4cv20/Roboto-Thin.ttf);
}
@font-face {
	font-family: Oxygen;
	src: url(/templates/w4cv20/Oxygen-Regular.ttf);
}
@font-face {
	font-family: OxygenLight;
	src: url(/templates/w4cv20/Oxygen-Light.ttf);
}
@font-face {
	font-family: OxygenBold;
	src: url(/templates/w4cv20/Oxygen-Bold.ttf);
}
@font-face {
    font-family: Merge;
    src: url(/templates/w4cv20/Merge.otf);
}
@font-face {
	font-family: Corbert;
	src: url(/templates/w4cv20/Corbert-Condensed.otf);
}
@font-face {
	font-family: OpenSansLight;
	src: url(/templates/w4cv20/OpenSans-Light.ttf);
}
@font-face {
	font-family: OpenSans;
	src: url(/templates/w4cv20/OpenSans-Regular.ttf);
}
@font-face {
	font-family: BreeSerif;
	src: url(/templates/w4cv20/BreeSerif-Regular.otf);
}
@font-face {
	font-family: BreeBold;
	src: url(/templates/w4cv20/Bree-Bold.otf);
}


/***** DEFAULTS *****/

html {
	font-family: OxygenLight, Roboto, Calibri, Verdana, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: 300;
	line-height: 18px;
}

h1 {
	font-family: OxygenLight, Roboto, Calibri, Verdana, sans-serif;
	font-size: 22px;
	color: #000;
	line-height: 22px;
	margin: 0 0 0px 0;
	/*border-bottom: 1px solid #CC2029;*/
	/*text-decoration: underline #CC2029;*/
}

h2 {
	font-family: OxygenLight, Roboto, Calibri, Verdana, sans-serif;
	font-size: 16pt;
	color: #4A5BA1;
	line-height: 1.1em;
	font-weight: 400;

}

h3 {
	font-family: OxygenLight, Roboto, Calibri, Verdana, sans-serif;
	font-size: 15px;
	color: #000;
	line-height: 20px;
	margin: 0 0 10px 0;
}

h4 {
	font-family: OxygenLight, Roboto, Calibri, Verdana, sans-serif;
	font-size: 15px;
	color: #000;
	line-height: 20px;
	margin: 0 0 10px 0;
}

p {
    font-family: Roboto, Oxygen, Calibri, Verdana, sans-serif;
    font-size: 15px;
	margin: 15px 0;
}

img {
	max-width: 100%;
}

ul {
    list-style-position:;
    list-style-image:none;
}

a {
	color: #c44;
}



/*** Contact Us ***/

.contactLeft {
    width: 48%;
    float: left;
    margin-right: 2%;
	margin-bottom: 2%;
	/*overflow: hidden;*/
}

.contactRight {
    float: right;
    width: 48%;
    padding-left: calc(2% - 1px);
	border-left: 1px solid #ccc;
	margin-bottom: 2%;
}

.contactMap {
	max-width: 99%;
	/*border-radius: 15px;*/
	overflow: hidden;
	float: none;
	margin: auto;
}

.contactMap iframe {
    /*border-radius: 15px;*/
}

.contactBox {
	overflow: auto;
}


/**** Contact Form ****/

.contactForm {
	margin-top: -3px;
}

.contactText {
    color: #fff;
    font-family: OxygenLight, Roboto, Calibri, Verdana;
}

#ff_form1 .ff_elem {
    /*border-radius: 5px;*/
    font-family: Montserrat, Oswald; /*Calibri, OpenSans, OxygenLight, Roboto, Verdana;*/
    font-size: 12px;
    padding: 7px 7px 7px 12px;
    background-color: #EEE;
    color: #475059;
	border: none;
    /*border: 1px solid #ddd;*/
	width: calc(100% - 20px) !important;
	min-width: calc(100% - 20px) !important;
	max-width: calc(100% - 20px) !important;
    float: right;
    /*margin: 5px;*/
}

#ff_form1 label {
    color: #000;
    font-family: OxygenLight, Roboto, Calibri, Verdana;
    font-size: 14px;
    text-transform: uppercase;
	width: 80px !important;
	min-width: 80px !important;
	max-width: 80px !important;
    margin: 0px;
    text-align: right;
	float: left !important;
	display: inline !important;
}

#ff_form1 #bfSubmitButton {
    background-color: #ff6a16;
    border: 0px none;
    padding-bottom: 0px;
    color: #FFF;
    font-family: Montserrat, Oswald;
    font-size: 15px;
    /*border-radius: 5px;*/
    margin-top: 2px;
    width: 100px;
    margin-left: 8px;
    height: 35px;
	float: left;
}

#ff_form1 section {
	background-color: #fff !important;
	margin-bottom: 0px;
}

#bfElemWrap50 {
    padding-left: 7px;
}

.bfQuickMode .bfNoSection {
    margin: 10px 0 0px 0px !important;
}




/*****************************************
********* SITE-SPECIFIC CONTENT *********
/***************************************/
h1 {
	color: #325279;
}

h2 {
	color: #494F93;
}

h3 {
	color: #325279;
}

h4 {
	color: #325279;
}

h2 a {
	color: #325279;
}

a {
	color: #325279;
}

.mainContainer {
	max-width: 1200px;
	margin: auto;
	overflow: hidden;
	/*min-height: 500px;*/
	/*min-height: calc(100vh - 453px);*/
}

/*.mainContent {
	margin: 0 20px;
	max-width: calc(100% - 40px);
	min-height: 500px;
}*/

.mainContent {
    max-width: 1200px;
    overflow: auto;
    min-height: calc(100vh - 420px);
}

.leftHolder {
	width:75%;
	float:left;
	overflow: hidden;
	min-height::500px;	
/*	border: 1px solid #325279;*/
}

.rightHolder{
	width: 24%;
	float: right;
	overflow: hidden;
	min-width: 150px;
	text-align: center;
}

.textHolderBox {
	width: 100%;
	border: 1px solid #000000;
}

.separatorShort {
	width: 200px;
	height: 1px;
	border-top: 1px solid #aaa;
	float: none;
	margin: 20px auto;
}

.separatorShort2 {
	width: 200px;
	height: 1px;
	border-top: 1px solid #aaa;
	float: none;
	margin: 40px auto;
	overflow: auto;
}

.separatorShort3 {
	width: 150px;
	height: 1px;
	border-top: 1px solid #aaa;
	float: none;
	margin: 20px auto;
	overflow: auto;
}

p.readmore {
	text-align: right;
}

p.readmore a {
	color: #325279;
}


/***** FOOTER *****/



/***** HEADER *****/


/*** Global Classes ***/

/*
.tileContainer {
	overflow: auto;
	clear: both;
	max-width: 100%;
}

.tileBox {
	float: left;
	overflow: auto;
}

.tileModule {
	float: none;
	margin: auto;
	overflow: hidden;
	max-width: 100%;
}

.tileModule img {
	max-width: 100%;
}

*/



	/*** Contact Us ***/

	#ff_form1 label {
		font-size: 11px;
		/*width: 60px !important;*/
		max-width: 60px !important;
		min-width: 60px !important;
	}

	/*#ff_form1 .ff_elem {
		width: calc(100% - 85px) !important;
		max-width: calc(100% - 85px) !important;
		min-width: calc(100% - 85px) !important;
	}

	#ff_form1 #bfSubmitButton {
		margin-left: 77px;
	}*/

}}


/** Decimal Lists **/

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}



li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}





/*****************************************
************* ST TERESA ******************
*****************************************/

h1 {
	font-family: Oswald;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 400;
}

h2 {
	font-family: Oswald;
	font-size: 20px;
	font-weight: 400;

}

h3 {
	font-family: Oswald;
	font-size: 17px;
	font-weight: 400;
}

p {
	font-family: Montserrat;
	font-weight: 300;
}

img {
	display: block;
}

.headerBar {
    width: 100%;
    max-width: 1200px;
    float: none;
    margin: 20px auto -60px;
    overflow: auto;
    background-color: rgba(71,80,89,0.75);
    padding: 9px 0 6px;
}

.headerBar a {
    color: #fff;
}

.navMain {
    text-align: right;
    margin-right: 1%;
    width: 440px;
    float: right;
    max-width: 75%;
}

.headerTitle {
    max-width: 240px;
    width: 100%;
    float: left;
    text-align: left;
    font-family: Oswald;
    font-size: 20px;
    letter-spacing: 1.2px;
	color: #fff;
	padding-left: 10px;
}

.level1 {
    min-width: 100px;
    font-family: Oswald;
    font-size: 20px;
    letter-spacing: 1.2px;
	/*font-weight: 400;*/
}

.imgHeaderBG {
    position: absolute;
    z-index: 0;
}

.imgHeaderPage {
	position: relative;
	z-index: -2000;
}

.imgHeaderOverlay {
    position: relative;
    z-index: 200;
}

.headerOverlay {
    background-color: rgba(71,80,89,0.75);
    top: -413px;
    position: relative;
    z-index: 100;
    height: 145px;
    margin-bottom: -145px;
}

.headerOverlayText {
    text-align: center;
    font-family: Oswald;
    font-size: 42px;
    color: #fff;
    top: -390px;
    z-index: 300;
    position: relative;
    font-weight: 900 !important;
    letter-spacing: 9px;
    margin-bottom: -60px;
	line-height: 60px;
}

.headerOverlayBorder {
    background-color: #f96c1c;
    height: 4px;
    width: 35%;
    float: none;
    margin: auto;
    position: relative;
    top: -310px;
    z-index: 500;
}

.upper1 {
	overflow: auto;
	clear: both;
}

@media all and (max-width: 1200px) {
	
	.headerOverlayBorder {
		top: calc(-31vw + 50px);
	}
	
	.headerOverlayText {
		top: -33vw;
	}
	
	.headerOverlay {
		top: -35vw;
	}
}

@media all and (max-width: 880px) {
	
	.headerOverlayText {
		font-size: 30px;
		line-height: 50px;
	}
}

@media all and (max-width: 700px) {
	
	.headerBar {
		margin: 20px auto -95px;
	}
	
	.headerTitle {
		padding-right: 23px;
		float: right;
		margin: 0px 0px 15px;
	}
}

@media all and (max-width: 640px) {
	
	.headerTitle {
		margin: 0px 0px 8px;
		float: left;
	}
}

@media all and (max-width: 450px) {
	
	.headerOverlayText {
		font-size: 20px;
		line-height: 35px;
		top: -19vw;
		letter-spacing: 6px;
	}
	
	.headerOverlay {
		height: 100px;
	}
	
	.headerOverlayBorder {
		display: none;
	}
}

@media all and (max-width: 350px) {
	
	.headerOverlay {
		top: -29vw;
		height: 115px;
	}
	
	.headerOverlayText {
		top: -19vw;
		letter-spacing: 4px;
	}
}

.indexContent {
	clear: both;
	overflow: auto;
	max-width: 1000px;
	float: none;
	margin: 30px auto;
}

.mid1left,
.mid1right,
.lower1left,
.lower1right {
	width: 50%;
	float: left;
	margin-top: 18px;
}

.mid1,
.lower1 {
	overflow: auto;
}

.mid2 {
	max-height: 420px;
	overflow: hidden;
}

.overlayContainer {
	overflow: hidden;
}

.tileOverlay {
    width: 100%;
    height: 500px;
    position: relative;
	margin-bottom: -500px;
	top: -500px;
	overflow: hidden;
}

.tileOverlayMax {
    width: 100%;
    height: 420px;
    position: relative;
	margin-bottom: -667px;
	top: -667px;
	overflow: hidden;
}

.tileOverlayWhite {
	background-color: rgba(255,255,255,0.5);
	color: #475059;
}

.tileOverlayBlack {
	background-color: rgba(71,80,89,0.5);
	color: #fff;
}

.tileOverlayBlack2 {
	background-color: rgba(71,80,89,0.75);
	color: #fff;
}

.tileTitle {
    text-align: center;
    font-family: Oswald;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 24px;
    padding-top: 150px;
	font-weight: 400;
}

.tileTitleMax {
    text-align: center;
    font-family: Oswald;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 24px;
    padding-top: 50px;
	font-weight: 400;
}

.diaryAlign {
    font-family: Oswald;
    font-size: 20px;
    line-height: 30px;
	overflow: auto;
}

.tileBorder {
	height: 4px;
	background-color: #f96c1c;
	width: 75%;
	float: none;
	margin: 20px auto 40px;
	max-width: 375px;
}

.tileBorderMax {
	height: 4px;
	background-color: #f96c1c;
	width: 75%;
	float: none;
	margin: 20px auto 30px;
	max-width: 420px;
}

.tileText {
    font-family: Oswald;
    font-size: 22px;
    font-weight: 300;
    /*overflow: auto;*/
    line-height: 30px;
    text-align: center;
    max-width: 80%;
    float: none;
    margin: auto;
}

.tileTextMax {
    font-family: Oswald;
    font-size: 22px;
    font-weight: 300;
    /*overflow: auto;*/
    line-height: 30px;
    text-align: center;
    max-width: 80%;
    float: none;
    margin: auto;
	max-width: 420px;
}

.diaryLeft {
    width: 48%;
    float: left;
    text-align: right;
    margin-right: 2%;
    font-weight: 400;
}

.diaryRight {
    width: 48%;
    float: left;
    text-align: left;
    margin-left: 2%;
    font-weight: 300 !important;
}

.diaryCenter {
    text-align: center;
    margin-right: 2%;
    font-weight: 400;
    text-decoration: underline;
    margin-bottom: 15px;
}

.tileButton {
	padding: 10px 0;
	background-color: #f96c1c;
	width: 75%;
	float: none;
	margin: 20px auto 20px;
	font-family: Oswald;
	font-size: 20px;
	color: #fff;
	letter-spacing: 0.75px;
	text-align: center;
	position: absolute;
	bottom: 25px;
	left: 12.5%;
	max-width: 375px;
}

.tileButtonMax {
	padding: 10px 0;
	background-color: #f96c1c;
	width: 75%;
	float: none;
	margin: 20px auto 20px;
	font-family: Oswald;
	font-size: 20px;
	color: #fff;
	letter-spacing: 0.75px;
	text-align: center;
	position: absolute;
	bottom: 25px;
	max-width: 420px;
	left: calc(50% - 210px);
}

@media all and (max-width: 1000px) {
	
	.mid1left,
	.mid1right,
	.lower1left,
	.lower1right {
		width: 500px;
		float: none;
		margin: auto;
	}
	
	.tileOverlayMax {
		top: -66.7vw;
		margin-bottom: 0;
	}
}

@media all and (max-width: 630px) {
	
	.mid2 img {
		max-width: 130%
	}	
	
	.tileOverlayMax {
		top: -86.7vw;
	}
	
	.tileTextMax {
		max-width: 90%;
		font-size: 18px;
		line-height: 28px;
	}
	
	.tileTitleMax {
		padding-top: 20vw;
	}
}

@media all and (max-width: 560px) {
	
	.tileButtonMax {
		left: 12.5%;
	}
	
	.tileBorderMax {
		margin: 20px auto;
	}
	
	.tileButtonMax {
		bottom: 0;
	}
}

@media all and (max-width: 500px) {
	
	.tileOverlay,
	.tileOverlayMax {
		top: -100vw;
		height: 100vw;
		margin-bottom: -100vw;
	}
	
	.tileTitle {
		padding-top: 15vw;
	}
	
	.mid1left,
	.mid1right,
	.lower1left,
	.lower1right {
		width: 100%;
	}
	
	.tileButton {
		bottom: 0;
	}
	
	.upper1 {
		margin-bottom: 60px;
	}
}

@media all and (max-width: 400px) {
	
	.tileTextMax {
		font-size: 16px;
		line-height: 22px;
		max-width: 95%;
	}
}

@media all and (max-width: 340px) {
	
	.tileButton,
	.tileButtonMax {
		bottom: 0;
		font-size: 18px;
		padding: 5px 0;
	}
}

@media all and (min-width: 1000px) {
	
	.lower1right {
		margin-top: 18px;
	}
}

@media all and (max-width: 1000px) {
	
	.lower1right {
		display: none;
	}
}

.footerContainer {
    max-width: 1200px;
    float: none;
    margin: auto;
    max-height: 420px;
    overflow: hidden;
}

.tileOverlayFooter {
    width: 100%;
    height: 250px;
    position: relative;
    margin-bottom: -250px;
    top: -450px;
    overflow: hidden;
}

.footerMenu {
    font-family: Oswald;
    font-size: 18px;
    letter-spacing: 1.2px;
    font-weight: 400;
    max-width: 500px;
    float: none;
    margin: auto;
    clear: both;
    padding-top: 30px;
    line-height: 26px;
}

.footerLeft {
    width: 50%;
    float: left;
    text-align: left;
}

.footerRight {
    width: 50%;
    float: right;
    text-align: right;
}

.footerText {
    float: none;
    clear: both;
    margin: 20px auto;
    text-align: center;
    font-family: Oswald;
    text-transform: uppercase;
    font-size: 40px;
    height: auto;
    letter-spacing: 6px;
    line-height: 40px;
    padding-top: 30px;
}

.footerBorder {
	height: 4px;
	background-color: #f96c1c;
	width: 75%;
	float: none;
	max-width: 420px;
	margin: auto;
}

@media all and (max-width: 1200px) {
	
	.tileOverlayFooter {
		top: -37vw;
	}
}

@media all and (max-width: 680px) {
	
	.tileOverlayFooter {
		top: -45vw;
	}
	
	.footerText {
		font-size: 22px;
		line-height: 26px;
	}
}

@media all and (max-width: 520px) {
	
	.footerMenu {
		padding: 30px 20px 0;
	}
	
	.footer1 .overlayContainer {
		height: 250px;
	}
}

.pageTitle {
    max-width: 420px;
	width: 90%;
    float: none;
    margin: 30px auto 40px;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 4px solid #ff6a16;
    font-family: Oswald;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    color: #475059;
}

.contactAddr {
    font-family: Montserrat, Oswald;
    text-align: right;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.2px;
    margin: -5px 6px 20px 0;
}

.contactAddr a {
	color: #000;
}

@media all and (max-width: 1000px) {
	
	.contactLeft,
	.contactRight {
		width: 100%;
	}
	
	.contactForm {
		max-width: 500px;
		float: none;
		margin: auto;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	
	.contactAddr {
		text-align: center;
	}
	
	.contactMap {
		max-width: 500px;
		float: none;
		margin: 20px auto 0;
	}
}

#newrecaptcha iframe {
    max-width: 100% !important;
}

.eventsContainer {
    max-width: 1000px;
    float: none;
    margin: auto;
    overflow: auto;
    margin-bottom: 25px;
}

.eventsContainer strong {
	font-weight: 700 !important;
}

.eventsRow {
    font-family: Montserrat;
    font-weight: 300 !important;
    margin: 20px 0;
    clear: both;
    overflow: auto;
    font-size: 16px;
    line-height: 22px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgb(255, 106, 22);
}

.eventsLeft {
    float: left;
    margin-right: 5%;
    letter-spacing: 1.2px;
	font-size: 18px;
}

.eventsRight {
    float: left;
    width: 75%;
}

@media all and (max-width: 1000px) {
	
	.eventsRight {
		width: 96%;
		margin: 1% 2%;
		border-bottom: 1px solid #ff6a16;
		padding-bottom: 2%;
	}
	
	.eventsLeft {
		max-width: 300px;
		margin: 0 2% 15px;
		text-align: left;
		width: 96%;
	}
}

.tileGrey {
	background-color: #475059;
	color: #fff;
}

.tileWhite {
	color: #000;
	background-color: #fff;
}

.aboutTileLeft,
.aboutTileRight,
.aboutTileFull,
.aboutSwitcher {
	font-family: Montserrat, Oswald, Oxygen;
	font-size: 18px;
	line-height: 24px;
	overflow: auto;
}

.aboutTileLeft,
.aboutTileRight,
.aboutTileFull {
	padding: 2% 4%;
	max-width: 92%;
}

.swapToggle {
    width: 25%;
    float: left;
    text-align: center;
    background-color: #475059;
    padding: 20px 0;
    color: #fff;
	font-family: Oswald;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 21px;
	font-weight: 400;
}

.swapActive {
    background-color: #ff6a16 !important;
}

.aboutTileTitle {
	text-align: center;
	font-family: Oswald;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 24px;
	font-weight: 400;
	border-bottom:  4px solid #ff6a16;
	max-width: 375px;
	width: 75%;
	margin: 20px auto 40px;
	float: none;
	padding-bottom: 20px;
	color: #475059;
}

.tileGrey .aboutTileTitle {
	color: #fff;
}

.aboutTileLeft,
.aboutTileRight {
	float: left;
	width: 42%;
	max-width: 92%;
	min-height: 500px;
}

.aboutTileFull {
    width: 88%;
    margin: 20px auto;
    padding: 2% 6% 4%;
}

.aboutServices {
	text-align: center;
}

.aboutServices strong {
	font-weight: 700 !important;
}

.imgLeft {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}

.top {
	margin-top: -7px;
}

.swapContainer {
    overflow: auto;
    width: 92%;
    padding: 2% 4%;
    max-width: calc(800px - 8%);
    float: none;
    margin: auto;
}

li {
	font-family: Montserrat;
	font-weight: 300;
	font-size: 15px;
}

@media all and (max-width: 1200px) {
	
	.aboutTileLeft,
	.aboutTileRight {
		float: none;
		margin: auto;
	}
}

@media all and (max-width: 880px) {
	
	.swapToggle {
		width: 50%;
	}
}

@media all and (max-width: 440px) {
	
	.swapToggle {
		width: 100%;
	}
}

.contentContainer {
	max-width: 1000px;
	float: none;
	margin: auto;
}

.aboutTileLeft .imgLeft {
	max-width: 220px;
}

.eventsPics{
	float: left;
	width: 48%;
	margin: 1%;
}

@media all and (max-width:600px){
	.eventsPics{
		width: 96%;
		margin: 2%;
	}
}