

/*

COLORS:

Church Blue 	- #007aa9 - rgba(0, 122, 169, 1)
School Green 	- #009444 - rgba(0, 148, 68, 1)
Dark blue 		- #274653 - rgba()
Purple 			- #2d294e - rgba()
text grey 		- #262626 - rgba()
pink			- #efbcd4 - rgba()


fonts
poppins - medium
poppins - bold


*/

@font-face {
  font-family: 'Poppins';
  src:  url('fonts/Poppins-Regular.ttf');
}
@font-face {
  font-family: 'Poppins';
  src:  url('fonts/Poppins-Bold.ttf');
  font-weight: bold;
}
@font-face {
  font-family: 'Poppins';
  src:  url('fonts/Poppins-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: 'Lora';
  src:  url('fonts/Lora-Bold.ttf');
}

body {
	font-family: Poppins;
	color: #274653;
}
h1, h2, h3, h4, h5, h6 {

}


a:hover {
	text-decoration: none;
}
.navlogo {
	height: 65px;
}

.topNavIn {
    display: -ms-flexbox;
    display: flex;
	align-items: center;
	justify-content: flex-end;
	padding:4px 16px;
	background-color: #274653
}

.top-navlink {
	margin-left: 20px;
	color: #fff;
	transition: all ease 0.15s;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}
.top-navlink svg {
	margin-right: 5px
}
.top-navlink:hover {
	color: #009444
}
.FullNav {
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
}
#top {
	padding-bottom: 97px;
	width:100%;
	position: relative;
}
.navbar {
	padding:0 16px;
}
.nav-link {
    height: 65px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #274653;
    transition: all ease 0.15s;
    padding-right: 0.6rem !important;
    padding-left: 0.6rem !important;
}
.nav-link:hover {
	color: #fff;
	background-color: #274653
}
.nav-item {
	margin-left: 26px;
}
.calendardropdown {
	margin-top: 0;
    border-radius: 0;
    border: 0;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
.calendardropdown .dropdown-item:hover {
	background-color: #274653;
	color: #fff;
}
.commonModal .modal-content {
	border-radius: 0;
	border:0;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
}
.modal-backdrop.show {
	background-color: #132329;
	opacity: 0.7;
}
.ModalBackBtn {
	color: #274653;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-size: 1.3em;
    cursor: pointer;
}
.ModalBackBtn svg {
	margin-right: 10px;
}
.FAQtop p {
	color: #007aa9;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
}
.FAQtop {
    text-align: center;
    margin: 30px 0;
    position: relative;
    padding-bottom: 10px;
}
.headingunderline {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width:50%;
	margin: auto;
	max-width: 200px;
	padding:8px 0;
}
.headingunderline:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	margin:auto;
	height: 1px;
	width:100%;
	background-color: #efbcd4;
}
.headingunderline:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width:1px;
	height: 100%;
	background-color: #efbcd4
}
.FAQitem p span {
	text-transform: uppercase;
	font-size: 1.1em;
}
.FAQitem {
	margin-bottom: 25px
}
.FAQitem p:first-child {
	margin:2px 0;
}
.FAQModal {
	position: relative;
}
.FAQimg {
    position: absolute;
    bottom: 0;
    right: 0;
}
.FAQcontent {
	padding: 25px;
}
.LHead-in {
	display: flex;
	display: -ms-flexbox;
}
.LHead-side {
	flex:50%;
	height: 60vh;
	flex-grow: 1;
	position: relative;
}
.LHead-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.LHead-l .LHead-overlay {
	background-color: rgba(0, 122, 169, 0.5);
}
.LHead-r .LHead-overlay {
	background-color: rgba(0, 148, 68, 0.5);
}
.LHead-l .LHead-overlay:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width:30%;
	height: 100%;
	background-color: #007aa9;
	transition: all ease 0.4s;
}
.LHead-r .LHead-overlay:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width:30%;
	height: 100%;
	background-color: #009444;
	transition: all ease 0.4s;
}
.LHead-side:hover .LHead-overlay:before {
	width:10%;
}
.LHead-r:hover .LHead-btn {
	right: 30px;
}
.LHead-l:hover .LHead-btn {
	right: -30px;
}
.LHead-txt {
	position: absolute;
	bottom: 0;
	left: 0;
	padding:30px;
	z-index: 2
}
.LHead-r .LHead-txt {
	text-align: right;
	left: auto;
	right: 0;
}
.LHead-txt h1 {
	color: #fff;
	font-size: 1.2em;
	letter-spacing: 0.07em;
}
.LHead-txt h1 span {
	font-size: 2.5em;
	letter-spacing: 0;
	font-family: Lora
}
.LHead-btn {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.07em;
}
.LHead-r .LHead-btn {
	justify-content: flex-end;
	position: relative;
	right: 0;
}
.LHead-l .LHead-btn {
	position: relative;
	right: 0;
	font-weight: 500;
}
.LHead-btn {
	transition: all ease 0.25s;
}
.LHead-l .LHead-btn svg {
	margin-right: 8px;
}
.LHead-r .LHead-btn svg {
	margin-left: 8px;
}
.landIntroIn {
	max-width: 550px;
	margin:auto;
}
.landIntroIn p {
	margin:0;
}
#landIntro {
	text-align: center;
	padding:80px 0;
}
.fc1item p {
	margin:0;
}
p.fc1h {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 3px;
}
.fc1item {
	margin-bottom: 20px;
}
#footer {
	padding:50px 0;
	background-color: #274653;
	color: #fff;
}
.fc1social {
	font-size: 1.7em;
}
.fc1social a {
	color: #fff;
}
.fc3in {
	display: flex;
	display: -ms-flexbox;
	align-items: flex-end;
	justify-content: flex-end;
}
.fc3in p {
	margin: 0;
	text-align: right;
	line-height: 1.2em;
}
p.fc3l {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}
.fc3in img {
	margin-left: 15px;
}
.footerLinks {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.footerLinks a {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3em;
	position: relative;
	padding:0 5px 6px
}
.copyright {
	background-color: #274653;
	display: flex;
	align-items: center;
	justify-content: center;
}
.copyright p {
	margin:0;
	text-align: right;
	color: #777;
	font-size: 0.8em;
}
.copyrightlogo {
	height: 30px;
	margin-left: 5px;
}
#footer .col-lg-4 {
	position: relative;
}
.fborder-right:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 80%;
	width:1px;
	background-color: #fff;
	margin: auto;
}
.footercol1 {
    height: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: center;
}
.Slide {
	height: 65vh;
    display: flex;
    padding: 0 70px 70px;
    align-items: flex-end;
    justify-content: flex-start;
}
.nav-link.nav-active {
	background-color: #274653;
	color: #fff;
}
.footerunderline {
	display: none;
}
.fl-active .footerunderline {
	display: block;
	width:100%;

}
.footerunderline:before {
	background-color: #fff;
	top:3px;
}
.footerunderline:after {
	background-color: #fff;
	height:9px;
	top:6px;
}
.SliderIn {
	position: relative;
}
.SliderIn .owl-nav {
	position: absolute;
	height: 0;
	width:100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	font-size: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.SliderIn .owl-nav svg {
	color: #fff;
	opacity: 0.7;
	transition: all ease 0.25s;
}
.SliderIn .owl-nav button.owl-next, .SliderIn .owl-nav button.owl-prev {
	outline: none !important;
	padding:5px !important;
	margin: 20px;
}
.SliderIn .owl-nav button.owl-next {
	margin-left: auto
}
.SliderIn .owl-nav button:hover svg {
	opacity: 1;
}
.SliderIn .owl-dots {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.SliderIn .owl-dots .owl-dot {
	height: 17px;
    width: 17px;
    border: 2px solid #fff;
    border-radius: 33%;
    margin: 2px;
    outline: none;
}
.SliderIn .owl-dots .owl-dot.active {
	background-color: #fff;
}
.RaisedUHin h2 {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}
.RaisedUHin {
	text-align: center;
	background-color: #007aa9;
	color: #fff;
	padding:30px;
}
.headingunderline.headingunderlineLG:before {
	height: 2px;
	background-color: #fff;
}
.headingunderline.headingunderlineLG:after {
	width: 2px;
	background-color: #fff;
}
.RaisedUH {
	margin-top: -30px;
	position: relative;
	z-index: 2;
}
.btn-common {
    display: inline-block;
    padding: 2px 15px;
    min-width: 120px;
    max-width: 100%;
    background-color: #2d294e;
    color: #fff;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    border-radius: 7px;
    border:2px solid #2d294e;
    transition: all ease 0.15s;
    box-shadow: 0px 0px 9px 0px rgba(45, 41, 78, 0.9);
    text-align: center;
}
.btn-common:hover {
	background-color: #fff;
	color: #2d294e;
	box-shadow: 0px 0px 0px 0px rgba(45, 41, 78, 0.9);
}
.i3C {
	text-align: center;
	position: relative;
	padding-bottom: 35px;
	height: 100%;
}
.i3C.i3C-school {
	padding-bottom: 70px
}
.i3C.i3C-school .btn-common {
	margin-bottom: 5px;
}
.i3C img {
    max-width: 215px;
    margin-bottom: 15px;
}
.i3C h3 {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #007aa9
}
#ParishIntro {
	padding:80px 0;
}
.alignbutton {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.SplitCTASide > a {
	display: flex;
	align-items: center;
	font-size: 1.4em;
	font-family: Lora;
	color: #fff;
}
.SCTAl > a svg {
	margin-right: 7px;
	transition: all ease 0.25s;
}
.SCTAl > a:hover svg {
	margin-right: 20px;
}
.SCTAr {
	text-align: right;
	margin-left: auto;
}
.SCTAr > a {
	justify-content: flex-end;
}
.SCTAr > a svg {
	margin-left: 7px;
	transition: all ease 0.25s;
}
.SCTAr > a:hover svg {
	margin-left: 20px;
}
.SplitCTA {
	background-color: #2d294e;
	color: #fff;
	padding:30px 0;
}
.SplitCTASide {
	max-width: 300px;
}
.SCTAr p {
	padding-right: 20px;
}
.SCTAl p {
	padding-left: 20px;
}
.fixaspect {
	position: relative;
	width:100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.fixaspect iframe {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
}
.underlinetext {
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 15px;
}
.headingunderline.leftHU {
	right:auto;
}
.headingunderline.rightHU {
	left:auto;
}

.headingunderline.whiteHU:before {
	background-color: #fff;
}
.headingunderline.whiteHU:after {
	background-color: #fff;
}
#WelcomeVideo {
	padding: 80px 0;
}
.CommonText h2 {
	color: #007aa9;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.07em;
}
.CommonText.CommonTextWhite {
	color: #fff;
}
.CommonText.CommonTextWhite h2 {
	color: #fff;
}
.BluePRTL {
	background-color: #007aa9;
	padding:35px 0;
}
.CenteredIn {
	max-width: 650px;
	margin:auto;
}
.CenteredInfo {
	text-align: center;
}
#CemeteryInfo {
	padding:80px 0 0;
}
#ParishSocial {
	padding:80px 0;
}
.socialIn {
	text-align: center;
}
.socialIn > h2 {
	color: #2d294e;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.07em;
}
#Header {
	padding-bottom: 35px;
	position: relative;
}
.HeaderText {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 550px;
    background-color: #007aa9;
    max-width: 90%;
    margin: auto;
    color: #fff;
    text-transform: uppercase;
}
.HeaderIn {
	position: relative;
	height: 45vh;
}
.HeaderText h2 {
	margin:0;
	padding:10px 8px;
}
.BreadCrumbs {
	display: flex;
	align-items: center;
}
.BreadCrumbs > a {
    padding: 3px;
    margin: 3px;
    font-size: 1.2em;
    color: #007aa9;
    text-align: center;
}
.BreadCrumbs > a.BCActive {
	color: #274653;
	pointer-events: none;
}
.BCcontainer {
	padding-top: 30px;
}
#ImNewIntro {
	padding:80px 0;
}
.TSlideTop h2 {
	color: #007aa9;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
#TestimonialSlider {
	padding:100px 0 40px;
}
.TSlide {
	text-align: center;
}
.TSlideText {
	max-width: 90%;
	width:600px;
	margin:auto;
}
.TSlider {
	position: relative;
}
.TSlider .owl-nav {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	display: flex;
	align-items: center;
}
.TSlider .owl-nav .owl-next {
	margin-left: auto;
}
.TSlider .owl-nav button.owl-prev, .TSlider .owl-nav button.owl-next {
	color: #efbcd4;
	font-size: 3em;
	opacity: 0.7;
	transition: all ease 0.25s;
	outline: none !important;
} 
.TSlider .owl-nav button.owl-prev:hover, .TSlider .owl-nav button.owl-next:hover {
	opacity: 1;
}
#ImNewBottom {
	padding:80px 0;
}
.SmCin {
	text-align: center;
}
.SmCin > .CommonText {
	max-width: 600px;
	margin:auto;
}
#CareSupportIntro {
	padding:80px 0 0;
}
#IntroText {
	padding:80px 0 0;
}
.CScard {
    padding: 50px 30px 30px;
    background-color: #2d294e;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    box-shadow: 3px 0px 10px 0px rgba(45, 41, 78, 0.5);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.CScardContact {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.CScardContact a {
	padding:3px 5px;
	margin:5px auto;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}
.CScardContact a svg {
	margin-right: 5px;
}
.CScardLinks {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.CScardLinks a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.2em;
}
.CScardBot {
	width:100%;
}
.CareSCards {
	padding:80px 0;
}
.CScardTop h3 {
	text-transform: uppercase;
	font-weight: bold;
}
.CScardP {
	margin-bottom: 25px;
}
.CScardP p {
	margin-bottom: 8px;
}

.FCard {
	background-color: transparent;
	perspective: 1000px;
	height: 100%;
}
.FCard ul {
	text-align: left;
}
.FCardIn {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.5s;
	transform-style: preserve-3d;
}
.FCard.FCardFlip .FCardIn {
	transform: rotateY(180deg);
}
.FCardFront {
	position: relative;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden;
	background-color: #274653;
	color: #fff;
	border-radius: 12px;
	min-height: 253px;
}
.FCardBack {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden;
	background-color: #007aa9;
	color: #fff;
	transform: rotateY(180deg);
	border-radius: 12px;
}
.FCardFlip .FCardFront {
	z-index: -1;
}
.CardContent {
	padding:50px 30px 30px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
	border-radius: 12px;
	height: 100%;
	min-height: 330px;
}
.FCardBack .CardContent {
	padding-top: 20px;
}
#GetInvolvedCards {
	padding:80px 0 0;
}
.FCB-list {
    display: flex;
    flex-direction: column;
    overflow: auto;
    max-height: 130px;
    background:rgba(255,255,255,0.15);
}
.FCB-list a {
    text-align: left;
    color: #fff;
    padding: 2px 5px;
    margin-bottom: 4px;
}
.FCB-back {
	display: flex;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3em;
	align-items: center;
	cursor: pointer;
}
.FCB-top h3, .FCF-txt h3 {
	font-weight: bold;
	text-transform: uppercase;
}
.FCB-back svg {
	margin-right: 5px;
}
.FCF-more {
	display: flex;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3em;
	align-items: center;
	cursor: pointer;
	justify-content: flex-end;
	margin-left: auto;
}
.FCF-more svg {
	margin-left: 5px;
}
.FCardFront .CardContent {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.CloseModal {
	display: flex;
	align-items: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 20px;
	cursor: pointer;
}
.CloseModal svg {
	margin-right: 5px;
}
.ModalContactBtns {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 30px;
}
.ModalContactBtns a {
    font-weight: bold;
    display: flex;
    display: -ms-flexbox;
    color: #274653;
    font-size: 1.3em;
    align-items: center;
    justify-content: center;
    margin:auto;
    padding:2px 5px;
}
.ModalContactBtns a svg {
	margin-right: 5px;
}
.ModalButton {
	text-align: center;
	margin-top: 30px;
}
#ClosingText {
	padding:80px 0;
}
.CommonHeading h2 {
    color: #007aa9;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.07em;
}
#Staff {
	padding:80px 0;
}
.TMember h3 {
    color: #007aa9;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
}
.TMember h4 {
	text-transform: uppercase;
	font-size: 1em;
}
.TMemberC {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.TMemberC a {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    color: #274653;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 15px;
    padding: 5px 0;
    font-size: 1.2em;
}
.TMemberC svg {
	margin-right: 5px;
}
.CommonHeading {
	margin-bottom: 40px;
}
.TMember {
	margin-bottom: 30px;
}
#CMiddleText {
	padding:80px 0 0;
}
#PHistory {
	padding:80px 0;
}
.PurpleHeading {
	text-align: center;
	padding-bottom: 30px;
}
.PurpleHeading h2 {
	color: #2d294e;
	margin:0;
	text-transform: uppercase;
	font-weight: bold;
}
#GalleryPreview {
	padding:80px 0;
}
.whiteNav {
	position: relative;
}
.whiteNav .owl-nav {
    position: absolute;
    top: -20px;
    left: 5px;
    bottom: 0;
    right: 5px;
    height: 0;
    display: flex;
    align-items: center;
    margin: auto;
}
.whiteNav .owl-nav button.owl-prev, .whiteNav .owl-nav button.owl-next {
    color: #fff;
    font-size: 3em;
    opacity: 0.7;
    transition: all ease 0.25s;
    outline: none !important;
}
.whiteNav .owl-nav .owl-next {
	margin-left: auto;
}
.centeredBtn {
	text-align: center;
}
.ShortGallery .centeredBtn {
	padding-top: 20px;
}
.SJBModal .modal-content {
	border:none;
	border-radius: 0;
}
.ekko-lightbox .modal-content {
	border:none;
	border-radius: 0;
}
.ekko-lightbox .modal-footer {
	border:none;
	justify-content: flex-start;
	padding-top: 0;
}
.ekko-lightbox-container {
	position: relative;
}
.ekko-lightbox-container .ekko-lightbox-nav-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 0;
	margin: auto;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: space-between;
}
.ekko-lightbox-container .ekko-lightbox-nav-overlay a {
    color: #fff;
    font-size: 2.5em;
    padding: 5px;
    transition: all ease 0.15s;
}
.ekko-lightbox-container .ekko-lightbox-nav-overlay a:hover {
	color: #007aa9
}
.BlueCardModal .modal-content {
	background-color: #007aa9;
	color: #fff;
	border:none;
	border-radius: 12px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.BCM-head {
	text-align: center;
}
.BCM-head h3 {
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
    padding-bottom: 25px;
}
.BCM-close {
	padding-bottom: 20px;
}
.BCM-links {
	padding:15px 15px;
}
.BCM-in {
	background-color: rgba(255,255,255,0.15);
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	padding: 10px 15px;
}
.BCM-in a {
	color: #fff;
	margin-bottom: 8px;
}
.CommonText h4 {
    color: #007aa9;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.07em;
}
#TLTRCommon {
	padding:80px 0;
}
.gMap, #cemeteryMap {
	height: 100%;
	min-height: 300px;
}
.MemberDesc p a {
    font-weight: bold;
    color: #274653;
}
.facultyTitle {
	text-transform: uppercase;
}
.ModalWImg > img {
	float: left;
	padding:0 15px 15px 0
}
#FacultyStaff {
	padding:80px 0 ;
}
.FacultyTop {
	padding-bottom: 50px;
}
.FacultyTop input.search {
    width: 100%;
    height: 40px;
    padding: 5px 8px;
    border: 2px solid #007aa9;
}
.FSort {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
}
.btn-blue {
	background-color: #007aa9;
	color: #fff;
	border:none;
	padding:7px 20px;
	text-transform: uppercase;
	cursor: pointer;
	outline: none !important;
}
.FSort p {
	margin:0 8px 0 0;
}
.Fasc, .Fdesc {
	display: none;
}
.asc .Fasc {
	display: block;
}
.asc .Fdesc {
	display: none;
}
.desc .Fasc {
	display: none;
}
.desc .Fdesc {
	display: block;
}
.asc .Fnone, .desc .Fnone {
	display: none;
}
.CoCard {
	text-align: center;
	background-color: #274653;
	color: #fff;
	padding: 30px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    border-radius: 12px;
    height: 100%;
}
.CoCards {
	padding:40px 0 0;
}
.CoCard h3 {
	text-transform: uppercase;
}
#BoardCommittees {
	padding:80px 0;
}
.TextLotPicLeft .CommonText {
	text-align: center;
	padding-bottom: 10px;
}
.PLLotsTxt img {
	float: left;
	padding:0 15px 15px 0;
}
#USDAInfo {
	padding:80px 0;
}
.CCCard h3 {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 20px;
}
.CCCard {
	color: #fff;
	text-align: center;
    background-color: #274653;
    padding: 40px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    border-radius: 12px;
    height: 100%;
}
.CCCbtn .FCF-more {
	color: #fff;
}
.CCCbtn {
    position: absolute;
    bottom: 20px;
    right: 40px;
}
.CCCbtnout {
	padding-top: 30px;
}
#CoCurricularCards {
	padding:0 0 80px;
}
.GIScard {
    padding: 50px 30px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    height: 100%;
    background-color: #274653;
    color: #fff;
    border-radius: 12px;
    text-align: center;
}
.GIScard h3 {
	text-transform: uppercase;
	font-weight: bold;
}
.GIScard-out {
	margin-bottom: 30px;
}
.CBTBtns {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.CBTBtns .CText-btn {
	padding: 5px
}
.CBT4Btns .CText-btn {
	padding:5px 3px; 
}
.HSBox {
    padding: 50px 30px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    height: 100%;
    background-color: #274653;
    color: #fff;
    border-radius: 12px;
}
.HSBox h3 {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.HSBox-o {
	margin-bottom: 30px;
}
.HSBox ul {
	padding-left: 15px;
}
.PurpleHours {
	background-color: #2d294e;
	padding:30px 0;
}
.PH-items {
	color: #fff;
	text-align: center;
}
.PH-items p {
	margin-bottom: 3px;
}
#MassFAQ {
	padding:80px 0;
}
#MassFAQ h2 {
	text-align: center;
}
.MFaq p {
	margin:0;
}
.MFaq {
	padding-bottom: 16px;
}
.lotstext h2 {
	text-align: center;
}
#lotstext {
	padding:80px 0;
}
.SaCardo {
	margin-bottom: 30px
}
.SaCard {
    padding: 50px 30px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    height: 100%;
    background-color: #274653;
    color: #fff;
    border-radius: 12px;
    text-align: center;
}
.SaCard h3 {
	text-transform: uppercase;
	font-weight: bold;
}
#Sacraments {
	padding:80px 0 ;
}
.spacer {
	position: relative;
	padding-bottom: 80px;
}
.CalendarBtns {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
}
.CalBtn {
	color: #274653;
	font-weight: bold;
	padding:3px 0;
	margin-bottom: 3px;
	user-select: none;
	cursor: pointer;
}
.CalBtn:hover {
	color: #007aa9 !important
}
#calendars {
	padding:80px 0;
}
.CalHeading {
	text-align: center;
}
.CalHeading h2 {
	color: #007aa9;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 17px;
}
.CalLeft h4 {
	color: #007aa9;
	text-transform: uppercase;
	font-weight: bold;
}
.CConIn {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all ease 0.4s;
}
.CConIn.Cal-active {
	max-height: 2000px;
	opacity: 1;
	pointer-events: unset;
}
.CalendarContainer iframe {
	max-width: 100% !important
}
.ModalForm {
	padding:30px;
}
.formLabel label {
	margin:0;
}
.formCol {
	margin-bottom: 30px;
}
.formInput input {
	width:100%;
	padding: 3px 5px;
	border:2px solid #007aa9;
}
.formInput textarea {
	width:100%;
	padding:3px 5px;
	border:2px solid #007aa9;
}
input.btn-common {
	cursor: pointer;
}
.hptinput {
	height: 0;
	width:0;
	overflow: hidden;
}
.NavMass {
	text-align: center;
}
.NavM-g {
	margin-bottom: 20px;
}
.NavM-g p {
	margin:0;
}
.TNDO {
	padding:0 10px;
}
.TN-contactbtn {
	display: flex;
	align-items: center;
	padding:0 10px;
}
.TN-contactbtn svg {
	margin-right: 10px;
}
.TNDropdown a {
	color: #2d294e
}
.SearchFormIn {
	text-align: center;
}
.SearchInput {
	margin-bottom: 15px;
}
.SearchInput input {
    border: 2px solid #2d294e;
    border-radius: 5px;
    padding: 2px 5px;
}
.SearchFormIn p {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
	color: #2d294e;
	margin-bottom: 5px;
}
#searchForm {
	padding:80px 0;
}
.SearchItem {
	padding-left: 8px;
	border-left: 2px solid #274653;
	margin-bottom: 25px;
}
.SearchItem a {
	color: #007aa9;
}
.paging a {
	font-weight: bold;
	color: #007aa9
}
#SearchSection {
	padding:80px 0 0;
}
.navbartoggler svg {
	color: #274653
}
.PhistoryIn h2 {
	text-align: center;
	color: #2d294e;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.07em;
    margin-bottom: 30px;
}
.PHitem {
	max-width: 400px;
	padding:20px;
	border:2px solid #274653;
	border-radius: 10px;
}

.PHCarousel.whiteNav .owl-nav button.owl-prev, .PHCarousel.whiteNav .owl-nav button.owl-next {
	color: #efbcd4
}
.PHCarousel {
	padding:0 50px;
}
.PHtxt h4 {
	margin-top: 8px;
}
.SlideText {
	background-color: rgba(0, 122, 169, 0.6);
    padding: 15px;
    color: #fff;
    box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.2);
}
.SlideText h2 {
	margin-bottom: 0;
}
.SlideText p {
	margin-bottom: 6px;
}
#sidepop {
    position: fixed;
    top: 80px;
    z-index: 25;
    right: 0;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    background-color: #009444;
    padding: 5px 10px;
    color: #fff;
    border-radius: 10px 10px 0 0;
}
.spopin p {
	margin:0;
	color: #fff;
	text-transform: uppercase;
}
#footer .mb-4.text-center.text-lg-left img {
	height: 115px;
}
.FCardBack .CardContent {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	justify-content: space-between;
}
.BluePRTL a {
	color: #fff;
}
.CommonText a.btn-common {
	margin-bottom: 5px;
}
.win-h {
	text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.07em;
    color: #007aa9;
}
.whatisnew {
	padding:75px 0 30px;
	position: relative;
}
.winc-in .owl-nav, .newsletterList .owl-nav {
	text-align: center;
	margin-top: 25px;
}
.winnav {
	font-size: 1.2em;
	margin:0 15px;
}
.schoolNewsletters {
	padding:75px 0 15px;
}
.upcomingEvents .owl-stage {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
}
.upcomingEvents .owl-nav {
	position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.upcomingEvents .owl-nav svg {
	color: #fff;
}
.upcomingEvents .owl-nav button {
	outline: none !important
}
.upcomingEvents .owl-nav .owl-next {
	margin-left: auto;
}
.upcomingEvent {
	padding:0 35px;
}
.TN-contactbtn span {
	white-space: nowrap;
}
.fc1item p a {
	color: #fff
}
.fc1social a {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
}
.fc1social a p {
	margin:0 0 0 5px;
	font-size: 1rem;
}
.lsli {
	margin-bottom: 35px;
}
.livestreams {
	padding:50px 0 40px;
}
.embedhtml iframe {
	max-width: 100%;
}
.embedhtml {
	position: relative;
}




























@media (min-width: 992px) {
	.winci {
		border-left: 1px solid;
    	padding: 0 0 0 25px;
	}
	.winc-in .owl-item:first-child .winci {
		border-left: none;
	}
	.CCon-m {
		display: none !important;
	}
	.PH-border {
		border-right: 1px solid #fff;
	}
	.SplitColBorder {
		position: relative;
	}
	.SplitColBorder:after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		top: 0;
		height: 80%;
		border-right: 1px solid rgba(39, 70, 83, 0.2);
		margin: auto;
	}
}
@media (max-width: 991px) {
	.CCon-d {
		display: none !important
	}
	.fborder-right:before {
		content: none;
	}
	.footercol1 {
		display: inline-block;
		margin: auto auto 30px;
	}
	.footercol3 {
		display: inline-block;
		margin:30px auto auto;
	}
}
@media (min-width: 768px) {
	.splitborder {
		border-right: 1px solid #fff;
	}
}
@media (max-width: 767px) {
	.LHead-r .LHead-overlay:before {
		display: none;
	}
	.LHead-l .LHead-overlay:before {
		display: none
	}
	.PLLotsTxt img {
		width:100%;
		float: none
	}
	.top-navdropdown {
		font-size: 1.1em;
	}
	.SplitColBorder {
		margin-bottom: 30px;
	}
	.headingunderline.centerHUmobile {
		left:0;
		right: 0;
	}
	.splitborder {
		border-bottom: 1px solid #fff;
	    margin-bottom: 30px;
	    padding-bottom: 20px;
	}
}
@media (max-width: 400px) {
	.LHead-txt h1 {
		font-size: 0.9em;
	}
	.LHead-btn {
	    display: flex;
	    align-items: center;
	    font-size: 0.9em;
	    white-space: nowrap;
	}
}
.school-tour-form .cog-heading {
    color: #007aa9!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
    letter-spacing: 0.07em!important;
    font-family: 'Poppins'!importnat;
    font-size: 32px!important;
    text-align: center!important;
}

.school-tour-form .cog-input{
    border: 2px solid #007aa9!important;
    padding: 0px!important;
}
.school-tour-form .cog-label {
    font-family: 'Poppins'!important;
    font-weight: 100!important;
}
h1.cog-heading {
    font-family: 'Poppins'!important;
    text-align: center!important;
    color: #007aa9!important;
    font-size: 32px!important;
}
