/************ 
--------------------------------------------------------------------------
 
Photo Size: 1200x800

--------------------------------------------------------------------------

** Fonts **
Serif:Cormorant Garamond Bold
Sans Serif: Oswald Light, Oswald SemiBold

Drop shadow on all text that has a photo background : 50% opacity, 3px offset (x and y), 5px blur

--------------------------------------------------------------------------
** Colors **

Navy blue: #1F1A38
10.8.24  blue: #262835

--------------------------------------------------------------------------

************/

body {color: #333; }

h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p { line-height: 1.3; font-weight: 300; font-size: 1.2rem;}

h1 {color: #182A47; font-size: 2.5rem;}
h2, .page-header h2 { color: #203B71; font-size: 2rem; border-bottom: 1px solid #333;  line-height: 1.3; margin: 0; padding: 0;}
h3 {color: #A01D21; font-size: 2rem;}
h4 {background: #182A47; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .1rem .4rem;}
h5 {color: #A01D21; font-size: 1.5rem; text-transform: uppercase;}
h6 {color: #203B71; font-size: 1.6rem; font-style: italic;}
a { color: #A01D21; }
a:hover { color: #203B71; }

#g-footer a{ color: #203B71;  }
#g-footer a:hover{ color: #A01D21;  }

blockquote {
	color: #333;     
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	border-left: 5px solid #d5d5d5;
	font: italic 16px/22px Georgia, Serif;
	line-height: 1.2;
	font-size: 1.3rem;
}

address {
	font-style: italic;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2;
}

/************ BUTTONS  ************/
.readon, .button, .btn, p.readmore .btn   { 
  color: white; 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: #A01D21; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
  transition: all .2s ease-in;
}
#g-bottom a.button { background: #203B71;  }
.readon:hover, .button:hover, .btn:hover,  p.readmore .btn:hover {background: #777; color: white;}

.btn .icon-chevron-right { display: none;}

/************ TABLES  ************/
.fancytable th {color: white; background: #182A47; border: 1px solid #182A47;}
.fancytable td { border: 1px solid #182A47; }
table > tbody > tr > td { font-weight: 300; font-size: 1.1rem;} 

/************ ALERT ************/
.alert .g-content {padding: 0; margin: 0;}
.alert {border: none; padding: 0; margin: 0; background-color: #FFCFCF; color: #FF0000;}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p { margin-left: 20px; color: red; background: transparent;}


/************ GEMINI BACKGROUND AND PADDING  ************/
#g-navigation { background: #262835; /*padding-bottom: 10px; padding-top: 5px; padding-bottom: 5px;*/ padding: 0 2%; }
#g-slideshow .g-content, #g-header .g-content, #g-utility .g-content{ padding: 0; margin: 0;}
#g-navigation a { color: white;}
#g-navigation a:hover { color: #d7c49e; }

/************ LANDING PAGE  ************/
.landingpage .hiddenhome { display: none; }
.platform-content > .fullheight { height: 90vh;}

.platform-content > .mostheight { height: 75vh;}
.platform-content > .littleheight { height: 20vh; display: flex; align-items: center; justify-content: center;}

/* SEMINARIAN APPLICATION */
.platform-content > .ready { background: url(../images/template/ready.jpg) 50% 50% no-repeat; background-size: cover; }
.platform-content > .step1 { background: url(../images/template/step1.jpg) 50% 50% no-repeat; background-size: cover; }
.platform-content > .step2 { background: url(../images/template/step2.jpg) 50% 50% no-repeat; background-size: cover; }
.platform-content > .step3 { background: url(../images/template/step3.jpg) 50% 50% no-repeat; background-size: cover; }
.platform-content > .step4 { background: url(../images/template/step4.jpg) 50% 50% no-repeat; background-size: cover; }
.platform-content > .step5 { background: url(../images/template/step5.jpg) 50% 50% no-repeat; background-size: cover; }
.platform-content > .step6 { background: url(../images/template/step6.jpg) 50% 50% no-repeat; background-size: cover; }
.platform-content > .step7 { background: url(../images/template/step7.jpg) 50% 50% no-repeat; background-size: cover; }
.platform-content > .step8 { background: url(../images/template/step8.jpg) 50% 50% no-repeat; background-size: cover; }
.platform-content > .step9 { background: url(../images/template/step9.jpg) 50% 50% no-repeat; background-size: cover; }
.platform-content > .step10 { background: url(../images/template/step10.jpg) 50% 50% no-repeat; background-size: cover; }
/* .platform-content > .landing { background: url(../images/template/landing.jpg) 50% 50% no-repeat; background-size: cover; } */

/* DEACON APPLICATION */
.deacon .platform-content > .ready { background: url(../images/template/ready.jpg) 50% 50% no-repeat; background-size: cover; }
.deacon .platform-content > .step1 { background: url(../images/template/deacon-step1.jpg) 50% 50% no-repeat; background-size: cover; }
.deacon .platform-content > .step2 { background: url(../images/template/deacon-step2.jpg) 50% 50% no-repeat; background-size: cover; }
.deacon .platform-content > .step3 { background: url(../images/template/deacon-step3.jpg) 50% 50% no-repeat; background-size: cover; }
.deacon .platform-content > .step4 { background: url(../images/template/deacon-step4.jpg) 50% 50% no-repeat; background-size: cover; }
.deacon .platform-content > .step5 { background: url(../images/template/deacon-step5.jpg) 50% 50% no-repeat; background-size: cover; }
.deacon .platform-content > .step6 { background: url(../images/template/deacon-step6.jpg) 50% 50% no-repeat; background-size: cover; }
.deacon .platform-content > .step7 { background: url(../images/template/deacon-step7.jpg) 50% 50% no-repeat; background-size: cover; }
.deacon .platform-content > .step8 { background: url(../images/template/deacon-step8.jpg) 50% 50% no-repeat; background-size: cover; }
.deacon .platform-content > .step9 { background: url(../images/template/deacon-step9.jpg) 50% 50% no-repeat; background-size: cover; }
.deacon .platform-content > .step10 { background: url(../images/template/deacon-step10.jpg) 50% 50% no-repeat; background-size: cover; }
.deacon .platform-content > .landing { background: url(../images/template/landing.jpg) 50% 50% no-repeat; background-size: cover; }

#g-header  .platform-content { position: relative; padding: 0; margin: 0; }
.bottomright { position: absolute; bottom: 5%; right: 5%; z-index: 10; color: white;  }
.topcenter { position: absolute; top: 5%; left: 0%; right: 0%; text-align: center; z-index: 10; color: white;  }
.centercenter { position: absolute; bottom: 0; right: 0; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}

.fadedlink { opacity: .8; }
.fadedlink:hover { opacity: 1; }


.bottomleft { position: absolute; bottom: 8%; left: 8%;  z-index: 10; color: white;   }
.centertext {text-align: center;}
.noclick {pointer-events: none;}
.overlaylink { position: absolute; bottom: 0; right: 0; left: 0; top: 0; background: rgba(31,26,56,0.4); display: flex; align-items: center; justify-content: center; transition: all .3s ease-in;}
.overlaylink a, .overlaylink span.linklike { padding: 10px 20px; border: 1px #DDD0BE solid; opacity: 0; transition: all .3s ease-in; border-radius: 4px; }
.overlaylink:hover a, .overlaylink:hover span.linklike { opacity: 1;  }
.overlaylink:hover { /*background: rgba(31,26,56,0.85)*/ background: rgba(38,40,53,0.85);}
.overlay { background: rgba(38,40,53,0.4);  position: absolute; bottom: 0; right: 0; left: 0; top: 0;}
.overlaylink h3 span.linklike { color: #DDD0BE; }

.overlaylink h3 a:hover, .overlaylink h3 span.linklike:hover { background: white; color: #1F1A38; }
span.linklike { cursor: pointer; }

.landingpage a { color: #DDD0BE; }
.landingpage a:hover { color: white; }
.landingpage h1 { text-transform: uppercase; font-size: 2.7vw; color: #DDD0BE; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.landingpage h2 { color: #DDD0BE; border: none; font-size: 3vw; font-family: Oswald; text-transform: uppercase; font-weight: 700;  text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.landingpage h4 { color: #DDD0BE; border: none; background: none; font-size: 2.2vw; font-family: Oswald; font-weight: 300;  text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.landingpage h5 { color: #DDD0BE; border: none; font-size: 2.7vw; font-weight: 400; text-transform: none; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.landingpage p { font-size: 2vw; color: #DDD0BE; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }

#g-footer a, #g-footer p { color: #DDD0BE;}
/*#g-footer a:hover { color: #909090;}*/
#g-footer a:hover { color: white;}


@media only screen and (min-width: 768px) {
	.visible-phone { display: none; }
}

@media only screen and (max-width: 767px) {
	.hidden-phone { display: none; }
	.overlaylink { display: flex !important; }
	.landingpage h1 { font-size: 1.5rem;}
	.landingpage h2 { font-size: 2rem;}
	.landingpage h3 { font-size: 2rem;}
	.landingpage h4 { font-size: 1.3rem;}
	.landingpage h5 { font-size: 1.3rem;}
	.landingpage p { font-size: 1.4rem;}
}

/************ VIDEO  ************/
.home-video { width: 100%; }
#g-header .video-photo poster { object-fit: cover; object-position: center; height: 27vw !important; width: 48vw; }

@media only screen and (min-width: 1200px) {
	.video-container { overflow: hidden; height: 90vh; position: relative; }
	.video-container .home-video  { position: relative; top: 50%; transform: translateY(-50%); }
}

@media only screen and (min-width: 960px) and (max-width:1199px) {
	.video-container {    overflow: hidden; height: 550px; position: relative; }
	.video-container .home-video  { position: relative; top: 50%; transform: translateY(-50%);}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.video-container { height: 470px; }
}

.mostheight .background-video {
    width: 100vw;
    height: 75vh;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
	object-fit: cover;
	object-position: center center; 
}

/************ MENUBAR ******************/
#g-navigation a { color: #DDD0BE;}
#g-navigation a:hover { color: white; }
#g-navigation .contactapriest .g-content {padding-bottom: 0.1rem; }
#g-navigation .g-content {padding: 0.8rem; }

.flexmenublock a { color: #DDD0BE; }
.g-overlaytoggle .nav-toggle .g-overlaytoggle-bar, .g-overlaytoggle .nav-toggle .g-overlaytoggle-bar:before, .g-overlaytoggle .nav-toggle .g-overlaytoggle-bar:after { background: #d7c49e !important; }
.nav-toggle.active .g-overlaytoggle-bar { background-color: transparent !important; }
.flexmenublock h6 { margin: 0; padding: 0 0 1px 0 ; line-height:  1; font-size: 1.4vw;}
.flexmenublock a:hover { color: white; }
.flexmenublock .g-content { display: flex; margin: 0; padding: 0; align-items: flex-end;}
.overlaypadding .g-content { margin: 0; padding: 0;}
.flexmenublock .g-content > div { padding-right: 10px;}
.contactblock { flex: 1; }
.logoblock img { padding-right: 2vw; }
.searchblock { font-size: 2rem;}
.contactblock h6 { font-size: 1.1rem; letter-spacing: 1px; font-style: normal; text-transform: uppercase; }
/*#g-navigation h6 { color: #203B71; font-size: 1.3rem; }*/

.g-accordionmenu .nav__list { display: flex; flex-direction: column; }
.nav__list li { flex: 1; display: flex;   }
.nav__list li .indicator { display: none;  }

@media only screen and (max-width: 767px) {
	#g-navigation { padding: 0;}
	.contactblock h6 { text-align: center; }
	.contactapriest .g-content.g-particle { margin: 0 !important; padding: 0 !important; }
	.flexmenublock .g-content { display: block; padding: 0 !important; }
	.flexmenublock .g-content > div.logoblock { padding-top: 15px; padding-bottom: 17px; padding-left: 20px; }
	.flexmenublock .g-content > div.contactblock { background: black; text-align: center;  padding-top: 5px; padding-bottom: 5px;}
	.flexmenublock h6 { font-size: 1.1rem; letter-spacing: 2px; }
	.flexmenublock .g-content > div.searchblock { display: none; }
	.g-offcanvas-toggle { color: #d7c49e; }
	.g-offcanvas-toggle { top: 1rem; right: 2rem;}
	.g-menu-item-content {
	    font-size: 1.75rem;
		font-weight: 300;
		text-transform: uppercase;
		color: #1f1a38;
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: 400;
	}
	#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { color: #1f1a38; }
	#g-offcanvas #g-mobilemenu-container .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content, 
	#g-offcanvas #g-mobilemenu-container .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content, 
	.g-menu-item-content:hover,
	.g-sublevel .g-menu-item.g-menu-item-type-component.active .g-menu-item-content{ color: #9e1131;}
	#g-mobilemenu-container .g-toplevel li .g-menu-item-content { line-height: 1.2;}
	.g-go-back a:before { font-size: 2rem;}
	#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { margin: 10px 10px 0 0;}
	h1 { font-size: 6.7vw; }
	h4, h5 { font-size: 5.2vw;}
	.topleft { top: 1%;  left: 3%; }
	.centerbottom { bottom: 2%; }
	.mostheight {   height: 85vh; }
	#g-offcanvas .g-block.hidden { display: initial !important; visibility: visible !important; }
}

/************ OVERLAY MENU ************/
#g-container-overlay .nav__list input[type=checkbox]:checked + label, #g-container-overlay .nav__list input[type=checkbox]:checked + label + ul { border: none; color: #9e1131;  }
.g-accordionmenu .nav label, .g-accordionmenu .group-list a {
    cursor: pointer;
    font-size: 2.75vw;
    font-weight: 300;
	text-transform: uppercase;
	color: #262835;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 400;
}
#g-container-overlay.open { transition: all .7s ease-in-out; }
#g-container-overlay { background: #d7c49e url(../images/template/menu.jpg) 0% 0% no-repeat; background-size: cover; position: absolute; top: 90px; z-index: 11;  height: 100vh; }
.g-accordionmenu .group-list { margin-top: 0px;}
#g-container-overlay .nav__list input[type=checkbox]:checked + label + ul li a { color: #262835; }
#g-container-overlay .nav__list input[type=checkbox]:checked + label + ul li a:hover, .g-accordionmenu .nav label:hover { color: #9e1131; }
#g-container-overlay .nav__list input[type=checkbox]:checked + label + ul  { 
	padding-left: 3vw;
    margin-left: 2vw;
    border-left: 2px #262835 solid;
} 
#g-container-overlay { padding: 0 6%;}
.hidemenu { display: none; }

#g-container-overlay .nav__list li label { flex-basis: 27%; }
#g-container-overlay .nav__list li { margin-bottom: 20px; }
#g-container-overlay .group-list li { margin-bottom: 0px; }

@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	#g-container-overlay { top: 80px; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
		#g-container-overlay { top: 70px; }
}

/************ OVERLAY MENU - ACCORDION PARTICLE 10/9/19  ************/
.accordion { display: flex; flex-direction: column-reverse; }
.accordion li { display: flex; }
.accordion .indicator { display: none; }
.accordion .accordion-item-title { flex-basis: 35%; }
.accordion .accordion-item-title, #g-container-overlay .group-list li { 
	font-size: 2.75vw; font-weight: 300; text-transform: uppercase; color: #1f1a38; margin-top: 10px; margin-bottom: 10px; font-weight: 400; }
#g-container-overlay .accordion .group-list { margin-left: 5.5rem; }
#g-container-overlay .accordion .group-list li a { color: #1f1a38; }
#g-container-overlay .accordion .group-list li a:hover { color: #9e1131; }
.accordion li.active .accordion-item-title { color: #9e1131; border-right: 2px #1f1a38 solid; }

/*.itemid-113 .g-block.flexmenublock.size-5, .itemid-113 .g-block.overlaypadding.size-5{ display: none; }*/

/************ ADMIN FOOTER  ************/
#g-copyright .g-block { display: flex; align-items: center; justify-content: flex-end; }
#g-copyright .g-content { margin: 0; padding: 0;}
#g-copyright { margin:  -25px 0 0 0; padding: 0;}
#g-copyright a .fa.fa-lock { color: #d7c49e; }
#g-copyright a:hover .fa.fa-lock { color: #9e1131; }

@media only screen and (max-width: 767px) {
	#g-copyright { display: none !important; }
}

@media only screen and (min-width: 767px) {
	.quo-1 #g-header {
		height: 56vw!important;
		/* background: url('/images/stories/template/poster-video.jpg') 50% 50% no-repeat; */
		background-size: cover;
	}
	.quo-1 #g-header > .g-container {
		background: rgba(0,0,0,0.3);
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		padding: 1vw 10%!important;
	}
	.qv-head-title h1 {
		text-align: center;
		color: white;
		background: none;
		border: none;
		font-size: 1.8vw!important;
		font-family: Oswald;
		font-weight: 300;
		text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
		margin: .75rem 0;
		line-height: 1.3;
		border-radius: .2rem;
		padding: .1rem .4rem;
	}
	.qv-head-title h2 {
		text-align: center;
		color: white;
		background: none;
		border: none;
		font-size: 2.7vw;
		font-weight: 400;
		text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
		margin: .75rem 0;
		line-height: 1.3;
		border-radius: .2rem;
		padding: .1rem .4rem;
	}

	.quo-1 #g-utility {
		height: 56vw!important;
		background: url('/images/template/quovadis2026.png') 50% 50% no-repeat;
		background-size: cover;
	}
	.quo-1 #g-utility > .g-container {
		background: rgba(160,29,33,0);
		height: 100%;
		width: 100%;
		position: relative;
	}

	.quo-1 .bg-hover-section {
		background: rgba(38,40,53,0.6);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: .3s all ease-in-out;
	}

	.quo-1 .bg-hover-section:hover {
		opacity: 1;
	}

	.quo-1 .app-button {
		border: 1px solid var(--second-color);
		padding: 10px 20px;
		transition: .3s all ease-in-out;
		border-radius: 4px;
		color: var(--second-color);
		font-weight: normal;
		font-size: 2rem;
		line-height: 1.3;
		margin: .75rem 0;
		font-family: 'Cormorant Garamond';
	}

	.quo-1 .app-button:hover {
		background: #ffffff;
		color: #000000;
		cursor: pointer;
	}
}

.quo-1 #g-utility .app-button {
	display: none!important;
}

.quo-1 #g-utility .bg-hover-section:hover {
		opacity: 0;
}

.quo-1 #g-utility > .g-container:before {
	position: absolute;
	content: 'Registration Closed';
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	background: #ff0000;
	width: 100%;
	padding: 2rem;
}

.quo-1 #g-utility > .g-container:before {
	position: absolute;
	content: 'Registration Closed';
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	background: #ff0000;
	width: 100%;
	padding: 2rem;
}

@media only screen and (max-width: 767px) {
	.quo-1 #g-header {
		height: 56vw!important;
		background: url('/images/stories/video/videostillnew.jpg') 50% 50% no-repeat;
		background-size: cover;
	}
	.quo-1 #g-header > .g-container {
		background: rgba(0,0,0,0.3);
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		padding: 1vw 10%!important;
	}
	.qv-head-title h1 {
		text-align: center;
		color: white;
		background: none;
		border: none;
		/*font-size: 1.8vw!important;*/
		font-family: Oswald;
		font-weight: 300;
		text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
		margin: .75rem 0;
		line-height: 1.3;
		border-radius: .2rem;
		padding: .1rem .4rem;
	}
	.qv-head-title h2 {
		text-align: center;
		color: white;
		background: none;
		border: none;
		/*font-size: 2.7vw;*/
		font-weight: 400;
		text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
		margin: .75rem 0;
		line-height: 1.3;
		border-radius: .2rem;
		padding: .1rem .4rem;
	}

	.quo-1 #g-utility {
		height: 56vw!important;
		background: url('/images/template/quo-vadis.jpg') 50% 50% no-repeat;
		background-size: cover;
	}
	.quo-1 #g-utility > .g-container {
		background: rgba(160,29,33,0);
		height: 100%;
		width: 100%;
		position: relative;
	}

	.quo-1 .bg-hover-section {
		background: rgba(38,40,53,0.6);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: .3s all ease-in-out;
	}

	.quo-1 .bg-hover-section:hover {
		opacity: 1;
	}

	.quo-1 .app-button {
		border: 1px solid var(--second-color);
		padding: 10px 20px;
		transition: .3s all ease-in-out;
		border-radius: 4px;
		color: var(--second-color);
		font-weight: normal;
		font-size: 2rem;
		line-height: 1.3;
		margin: .75rem 0;
		font-family: 'Cormorant Garamond';
	}

	.quo-1 .app-button:hover {
		background: #ffffff;
		color: #000000;
		cursor: pointer;
	}
}


/* New landing page video */

@media (min-width: 50.99rem) {

	.homepage-video {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
	}

	.homelayout.landingpage #g-header {
		position: relative;
	}

	.homepage-video video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.ready {
		z-index: 10;
	}

}

@media (max-width: 50.99rem) {

	.homepage-video {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
	}

	.homelayout.landingpage #g-header {
		position: relative;
	}

	.homepage-video video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.ready {
		/* z-index: 10; */
		display: none;
	}

}