/************
--------------------------------------------------------------------------
Serif: Cormorant Garamond
Sans Serif - Headings: Oswald
Sans Serif - Body: Lato

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

can also see these on /styles page 

Colors 10.24.2023
Eclipse: #353148 rgba(53,49,72,1)
Tender Peach: #F8D5B8 rgba(248,213,184,1)
Coconut Milk: #F1EEE6 rgba(241,238,230,1)
Red Dahlia: #7D2027 rgba(125,32,39,1)

Colors 10.7.2024

NAVY #262835  rgba(38, 40, 53, 1)
tan #DDD0BE  rgba(221, 208, 190, 1)
Gray #5C5656   rgba(92, 86, 86, 1)
Yellow #A26E25  rgba(162, 110, 37, 1)


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

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

:root {
	--first-color: #262835;
	--second-color: #DDD0BE;
	--third-color: #5C5656;
	--fourth-color: #A26E25;
	
	--first-rgb: 38,40,53;
	--second-rgb: 221,208,190;
	--third-rgb: 92,86,86;
	--fourth-rgb: 162,110,37;
	
}

body, p { font-size: 1.3rem; color: var(--first-color); font-weight: 300; }

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

h1 { text-transform: uppercase; font-size: 2.7vw; }
h2, .page-header h2 { color: var(--first-color); border: none; font-size: 3.25vw; font-family: Oswald; text-transform: uppercase; font-weight: 400; margin-top: .75rem;}
h3 {color: var(--fourth-color); font-size: 2rem;}
h4 {  border: none; background: none; font-size: 2.2vw; font-family: Oswald; font-weight: 300;}
h5 { border: none; font-size: 2.7vw; font-weight: 400; text-transform: none; }
h6 { font-family: Oswald, san-serif; color: var(--fourth-color); font-size: 1.3rem; text-transform: uppercase; }
a { color: var(--fourth-color); }
#g-mainbar a { color: var(--fourth-color); }
#g-mainbar .office a {color: var(--third-color);}

.seminarians p {color: var(--third-color); font-size: 1.1rem; }
input[type="text"], input[type="password"], input[type="datetime"], input[type="email"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select {color: white;}


@media only screen and (max-width: 767px) {
	h1 { font-size: 5vw;}
	h2 { font-size: 5vw;}
	h4 { font-size: 4vw;}
	h5 { font-size: 4vw;}
}

a:hover { color: #203B71; }

/************ BUTTONS  ************/
.readon, .button, .btn, p.readmore .btn   { 
  color: white !important; 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: var(--fourth-color);  
  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;
}
.goldbutton {background: var(--fourth-color);
font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  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;}
.goldbutton a  {color: var(--second-color);}


.readon a, .button a, .btn a, p.readmore .btn a {color:white;}

.readon:hover, .button:hover, .btn:hover,  p.readmore .btn:hover {background: #777; color: white;}
.goldbutton:hover {background: #fff;}

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


blockquote {
	color: var(--first-color);     
	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;
}

/************ TABLES  ************/
.fancytable th {color: white; background: var(--first-color); border: 1px solid var(--first-color);}
.fancytable td { border: 1px solid var(--first-color);}

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

/************ MENUBAR ******************/
#g-navigation a { color: var(--second-color);  }
#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: #d7c49e; }
.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*/ background: var(--second-color) !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;}
#g-navigation { background: var(--first-color); /*padding-bottom: 10px; padding-top: 5px; padding-bottom: 5px;*/ padding: 0 2%; }
.contactblock h6 { font-size: 1.1rem; letter-spacing: 1px; }

.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; padding: 0; }
	.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: 6vw;
		font-weight: 300;
		text-transform: uppercase;
		color: var(--first-color);
		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: var(--first-color); }
	#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: var(--fourth-color); }
	#g-mobilemenu-container .g-toplevel li .g-menu-item-content { line-height: 1.2;}
	.g-go-back a:before { font-size: 5vw;}
	#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; }
}

/************ OVERLAY MENU -- ORIGINAL ACCORDION 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;*/ color: var(--fourth-color); }
.g-accordionmenu .nav label, .g-accordionmenu .group-list a {
    cursor: pointer;
    font-size: 2.75vw;
    font-weight: 300;
	text-transform: uppercase;
	color: var(--first-color);
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 400;
}
#g-container-overlay.open { transition: all .7s ease-in-out; }
#g-container-overlay { background: var(--second-color) 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: var(--first-color); }
#g-container-overlay .nav__list input[type=checkbox]:checked + label + ul li a:hover, .g-accordionmenu .nav label:hover { /*color: #9e1131;*/ color: var(--fourth-color); }
#g-container-overlay .nav__list input[type=checkbox]:checked + label + ul  { 
	padding-left: 3vw;
    margin-left: 2vw;
    border-left: 2px var(--first-color) 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: var(--first-color); 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: var(--first-color); }
#g-container-overlay .accordion .group-list li a:hover {  color: var(--fourth-color); }
.accordion li.active .accordion-item-title { color: #9e1131; border-right: 2px var(--first-color) solid; }

/************ HOME  ************/
.mostheight { height: 75vh;}
.overlay { background: rgba (56,99,123,0.4);  position: absolute; bottom: 0; right: 0; left: 0; top: 0;}
#g-header  .platform-content { position: relative; padding: 0; margin: 0; }
.topleft { position: absolute; top: 5%; left: 5%; z-index: 1;  }
.centerbottom { position: absolute; bottom: 5%; width: 100%; text-align: center; z-index: 1; margin: auto; }
#g-feature:before { display: none; }

#g-feature h1, #g-feature h2, #g-feature h3, #g-feature h4, #g-feature h5, #g-feature p, #g-feature a,
#g-footer h1, #g-footer h2, #g-footer h3, #g-footer h4, #g-footer h5, #g-footer p, #g-footer a
{  color: var(--second-color);}

#g-feature a:hover {color: var(--first-color);}
#g-footer a:hover { color: white;}
#g-footer .g-social a:hover { color: white !important;}
.g-social .fa-fw {width: 1.001em;}

p.footertext { font-size: 1.4rem;}
.flexrow .fa { font-size: 2rem;}

@media only screen and (max-width: 747px) {
	p.footertext { font-size: 5vw;}
}

hr { border-bottom: 1px var(--second-color) solid; margin-bottom: 1rem; margin-top: .5rem;}

.bottomleft { position: absolute; bottom: 8%; left: 8%;  z-index: 10; color: white;   }
.centertext {text-align: center;}
 .platform-content > .landing { background: url(../images/template/landing.jpg) 50% 50% no-repeat;  background-size: cover; } 

.alignbottom { align-self: flex-end; }

.landingpage a { color: white; }
.landingpage h1 { text-transform: uppercase; font-size: 2.7vw; color: white; }
.landingpage h2 { color: white; border: none; font-size: 3vw; font-family: Oswald; text-transform: uppercase; font-weight: 700; }
.landingpage h3 { color: white; border: none; font-size: 3vw; font-family: Oswald; text-transform: uppercase; font-weight: 700; }
.landingpage h4 { color: white; border: none; background: none; font-size: 2.2vw; font-family: Oswald; font-weight: 300; }
.landingpage h5 { color: white; border: none; font-size: 2.7vw; font-weight: 400; text-transform: none; }
.landingpage p { font-size: 2vw; }

@media only screen and (max-width: 747px) {
	.landingpage h1 {font-size: 4.7vw;}
	.landingpage h2 {font-size: 5vw;}
	.landingpage h3 {font-size: 5vw;}
	.landingpage h4 {font-size: 4.2vw;}
	.landingpage h5 {font-size: 4.7vw;}
	.landingpage p {font-size: 4vw;}
}


/************ SIDE MENU  ************/
#g-aside .moduletable[class*="box"] { padding: 0; }
#g-aside .g-content { padding-left: 0; padding-right: 0px;}
.moduletable .nav.menu li a { width: 100%; border-radius: 0; padding: 10px 20px; color: white; font-weight: normal;}
.moduletable .nav.menu li{ transition: all .2s ease-in; border-radius: 3px; width: 100%; padding: 0; margin: 0;}
.moduletable .nav.menu, .moduletable .unstyled { border: none; padding: 0; margin: 0; display: block;}
.moduletable .nav.menu li:last-child {  padding-bottom: 0;  margin-bottom: 30px;}
.moduletable .nav.menu .nav-child li:last-child {  margin-bottom: 0px;}
.moduletable .nav .nav-child { margin-top: 0px;}
.moduletable .nav.menu .nav-child li { border: none; margin-left: 20px; padding-right: 20px;}

.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover { 
	color: var(--first-color);
	background: var(--second-color);
	font-weight: normal;
}

/************ HEADER IMAGES  ************/
.centerleft h2 { margin: 0; }
#g-feature h2 { text-shadow: 2px 2px 2px rgba(0,0,0,.4); border-bottom: 5px solid var(--second-color); border-top: 5px solid var(--second-color);  }
.hero p { margin: 0; }
.hero img { height: 27vw; object-fit: cover; object-position: center; width: 100%; opacity: 0.35; }
.hero-text-leftbottom { position: absolute; bottom: 10%; left: 10%; }
.hero-text-leftbottom h2 { font-size: 3.5rem; }

@media only screen and (max-width: 767px) { 
	.hero-text-leftbottom h2 { font-size: 4.5vw; }
	.hero img { height: 33vw; }
}

/************ SUB PAGES  ************/
body #g-page-surround { background: var(--first-color) ; }
#g-container-main { margin-top: 25px; }
/**#g-container-main .g-content { margin: 0; padding: 0; }**/



.section-paddings #g-expanded {padding: 0 5%;}
#g-expanded td {padding: 0;} 

@media only screen and (max-width: 50.99rem) {
		#g-mainbar {padding: 0;}
	}
@media only screen and (max-width: 767px) {
	#g-container-main { margin-top: 0px; }
}

/************ SHOWCASE ROTATOR  ************/
.sprocket-features { padding: 0 0 30px 0; }
.arrows-active .sprocket-features-list { margin: 0;}

.sprocket-features-img-container img {
	object-fit: cover; 
	object-position: center;
	height: 30vw !important;
	width: 45vw;
}
.pagination-active { margin-bottom: 0px;}
.pagination-active .sprocket-features-pagination { bottom: 0px; left:5px; right:auto;}
.layout-showcase .sprocket-features-pagination li { padding: 10px; }

.sprocket-features-container {display: flex; align-items: center; }
.sprocket-features-img-container {width: 45vw; order:1;}
.sprocket-features-content {flex:1; order:2; margin-right: 20px; overflow-y: auto; }
.layout-showcase .sprocket-features-list li { background: none; padding: 0; } 
/**.layout-showcase .sprocket-features-img-container img { border-right: 25px white solid;}**/
.layout-showcase .sprocket-features-img-container img { padding-right: 25px;}
.layout-showcase .sprocket-features-pagination li { background: black; }
.layout-showcase .sprocket-features-pagination li.active { /*background: #9e1131*/ background: var(--fourth-color); }

.sprocket-features-desc h1, 
.sprocket-features-desc h2,
.sprocket-features-desc h3,
.sprocket-features-desc p { color: #0C3320; }

.layout-showcase .sprocket-features-arrows .arrow { background: none; box-shadow: none; /*color: #9e1131*/color: var(--fourth-color); font-size: 5rem; top: 45%; }
.layout-showcase .sprocket-features-arrows .next { right: -5px; }
.layout-showcase .sprocket-features-arrows .prev { left: 0px; }



/**.sprocket-features-img-container { margin-right: 0; }
.layout-showcase .sprocket-features-img-container img { float: none; margin-right: 0px;}**/

h2.sprocket-features-title, .sprocket-features-desc h2 {
	font-weight: 400; 
	text-transform: none; 
	font-size: 1.6rem;
	line-height: 1.2;
	border-bottom: none;
	padding: 0;
	color: var(--third-color); 
}

.sprocket-features-desc p { 
	font-size: 1.4vw;
	line-height: 1.5;
	padding: 0;
}
h2.sprocket-features-title a { border: none;}

.sprocket-features-desc .readon { margin-top: 20px; display: block; width: 130px; text-align: center;}


@media only screen and (max-width: 767px) {
	#g-header .g-content { padding: 0px; }
	.sprocket-features-container {flex-direction:column;}
	h2.sprocket-features-title, .sprocket-features-desc h2 { font-size: 6vw; }
	.sprocket-features-desc p { font-size: 4vw; padding-bottom: 5%; }
	.sprocket-features-desc { font-size: 4vw; padding-bottom: 5%; }
	.sprocket-features-img-container {margin-right: 0px;}
	.sprocket-features-content { margin-right: 0px;}
	.layout-showcase .sprocket-features-arrows .next { right: -25px}
	.layout-showcase .sprocket-features-arrows .prev { left: -25px}
	.sprocket-features-img-container { order:1;}
	.sprocket-features-content { order:2;}
	.sprocket-features-img-container img {height: 56vw !important; width: 100%; }
	.sprocket-features-img-container { width: 100%;}
	#g-navigation > .g-container > .g-grid { padding: 0;}
	.layout-showcase .sprocket-features-img-container img { margin: 0; border: none;}
	.layout-showcase .sprocket-features-list li { padding: 0;}
}

/**************HIDE FORGOT PASSWORD*********************/
.hideforgot .moduletable .nav.menu, .moduletable .unstyled {display: none;}

/**************Play for Videos********************/
.playicon { 
	position: relative; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.playicon:before { 
	position: absolute; 
	top: 0;
	right: 0; 
	bottom: 0; 
	left: 0;
	font: normal normal normal 14px/1 FontAwesome;	
	content: "\f01d";
	font-size: 9vw;
	opacity: .5;
	color: white; 
	transition: all .3s ease-in-out;
	display: flex;
	justify-content: center;
	align-items: center;
}
.playicon:hover:before { 
	opacity: 1;
}

@media only screen and (max-width: 767px) {
	.playicon:before { 
		top: 7.5vw;
		font-size: 21vw;
	} 
}

/************ ERROR PAGE ************/
.g-error a { color: var(--fourth-color); }
.g-error a:hover { color: var(--second-color); }


/************ SUBPAGES  ************/
#g-expanded { margin: 0 10%; padding: 0; }

	

@media only all and (max-width: 59.938rem) and (min-width: 48rem) {
	#g-expanded { margin: 0 2%; }
}

@media only all and (max-width: 47.938rem) {
	#g-expanded { margin: 0 2%; }
}	

/************ HOW DO I KNOW ************/
.require.hidden-phone img { margin: 0; width: 100%; }
.itemid-138 #g-expanded .platform-content:nth-child(2) { margin: 0; padding: 0; }

/************ INITIAL REQUIREMENTS ************/
.requirements-timeline, .process-timeline { display: flex; justify-content: center; align-items: center; }
.requirements-list a, .requirements-list p, .process-list a, .process-list p { color: var(--first-color); }

/* HOW DO I KNOW */
ul.requirements-list { margin: 0px; padding: 0 0 3rem 0; list-style-type: none; display: flex; }
.requirements-list li { background: url(../images/template/require-bg.png) 0 0 no-repeat; height: 100px; margin: 0; width: 110px; display: flex; justify-content: center; }
.requirements-list li a, .process-list li a { display: block; padding-top: 80px; position: relative; text-decoration: none; text-transform: uppercase; color: #d7c49e; }
.requirements-list li a p { text-align: center; }
.requirements-list li:hover { background: url(../images/template/require-hover1.png) 0 0 no-repeat; }
.requirements-list li.left { background: url(../images/template/require-left.png) right 0 no-repeat; }
.requirements-list li.left:hover { background: url(../images/template/require-left-hover.png) right 0 no-repeat; }
.requirements-list li.right { background: url(../images/template/require-right.png) 0 0 no-repeat; }
.requirements-list li.right:hover { background: url(../images/template/require-right-hover.png) 0 0 no-repeat; }
.itemid-138 .rokbox-content iframe, .itemid-140 .rokbox-content iframe { max-width: 65vh; max-height: 65vh; }
.outline-11 p, .outline-11 h2, .outline-11 ol { color: var(--second-color); }
.outline-11 h2 { font-size: 2.65rem; }
.outline-11 p, .outline-11 ol { font-size: 1.7rem; }

.itemid-138 #g-expanded .platform-content:nth-child(1) .moduletable.requirements { background: url(../images/template/requirements-bg.jpg) 50% 30% no-repeat !important; background-size: cover !important; padding-bottom: 3rem;}
.itemid-138 .requirements h3.g-title, .itemid-140 .process h3.g-title { color: var(--first-color); font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: center; margin: 0; padding: 1.5rem 0; font-weight: 500; }

/* THE PROCESS */
.itemid-140 #g-expanded .platform-content:nth-child(2) .moduletable { background: url(../images/template/requirements-bg.jpg) 50% 50% no-repeat !important; background-size: cover !important; padding-bottom: 3rem;}
ul.process-list { margin: 0 0 0 -80px; padding: 0 0 3rem 0; list-style-type: none; display: flex; flex-direction: column; }
.process-list li a p { text-align: left; order: 2; padding-left: 90px; margin-top: -45px; width: 300px; font-size: 1.75rem; }
.process-list li.bottom a p { margin-top: -55px; }
.process-list li { background: url(../images/template/process-bg.png) 0 0 no-repeat; height: 100px; margin: 0; width: 110px; display: flex; align-items: center; }
.process-list li:hover { background: url(../images/template/process-hover1.png) 0 0 no-repeat; }
.process-list li.top { background: url(../images/template/process-top.png) 0 100% no-repeat; }
.process-list li.top:hover { background: url(../images/template/process-top-hover.png) 0 100% no-repeat; }
.process-list li.bottom { background: url(../images/template/process-bottom.png) 0 0 no-repeat; }
.process-list li.bottom:hover { background: url(../images/template/process-bottom-hover.png) 0 0 no-repeat; }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.requirements-list li { width: 85px; }
}

@media only screen and (max-width: 767px){ 
	.itemid-138 #g-expanded .platform-content:nth-child(2) .moduletable { background: url(../images/template/requirements-bg-mobile.jpg) 50% 30% no-repeat !important; background-size: cover !important; }
	.itemid-140 #g-expanded .platform-content:nth-child(3) .moduletable { background: url(../images/template/requirements-bg-mobile.jpg) 50% 30% no-repeat !important; background-size: cover !important; }
	.itemid-138 #g-expanded .platform-content:nth-child(2) { padding-top: 0px; }
	.requirements h4.sprocket-strips-title { color: var(--fourth-color); font-family: 'Oswald', sans-serif; text-align: center; }
	.requirements h4.sprocket-strips-title a { color: var(--first-color); }
	.itemid-140 .requirements h3.g-title { color: var(--first-color); font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: center; margin: 0; padding: 1.5rem 0; font-weight: 500; }
	.requirements .sprocket-strips-text { color: #333; text-align: center; }
	.requirements .sprocket-strips-text ol { text-align: left; }
	.requirements .sprocket-strips-item, .itemid-140 .sprocket-strips-item { box-shadow: none; }
	.requirements .sprocket-strips-content { padding: 0 30px; }
	.requirements .sprocket-strips-arrows .arrow { color: var(--fourth-color); background: rgba(158,17,49,0.3); font-size: 2.75rem; width: 28px; height: 28px; line-height: 18px; margin-left: 20px; margin-right: 20px; opacity: 1;  }
	.requirements .sprocket-strips-arrows { display: flex; justify-content: center; padding-bottom: 30px; }
	.requirements .arrow.prev { order: 1; }
	.requirements .arrow.next { order: 2; }
 }
 
/************ THE OFFICE ************/
 @media only screen and (max-width: 767px){ 
	.office-equaltable td { padding: 0.1rem;}
	.office-equaltable h4 { margin: 2.5rem 0 0 0; }
}
/************ THE NEXT GENERATION ************/
 @media only screen and (max-width: 767px){ 
	.nextgen-equaltable td { padding: 0.1rem;}
	.nextgen-equaltable h4 { font-size: 1.9rem;}
}
@media only screen and (max-width: 480px){
.sprocket-grids-b-info, .sprocket-grids-b-text {display: block; }
.sprocket-grids-b-text p {font-size: 0.9rem; }
}




/************ WHAT ARE PEOPLE GOING TO SAY ************/
.itemid-139 #g-expanded td { background: var(--first-color); }
.itemid-139 #g-expanded td img:hover { opacity: 0.95; }
.itemid-139 .sprocket-grids-b li { padding: 0; }
.itemid-139 h2.sprocket-grids-b-title { font-size: 3vw; color: var(--second-color); text-align: center; }
.itemid-139 .sprocket-grids-b-item:hover .sprocket-grids-b-content.overlay-mode { background: rgba(31,26,56,0.75); }
.itemid-139 a.fadedlink { color: var(--second-color); text-align: center; }
.itemid-139 a:hover.fadedlink { color: rgba(230,223,209,0.5); }
.itemid-139 .centercenter { display: flex; justify-content: center; }
.itemid-139 .sprocket-grids-b-columns-4 > li { width: calc(100% / 4); }
.itemid-139 .sprocket-grids-b-text div { font-size: 1rem; }

ul.say-list { margin: 0px; padding: 0 0 3rem 0; list-style-type: none; display: flex; justify-content: center; }
.say-list li a { display: block; padding-top: 145px; position: relative; text-decoration: none; text-transform: uppercase; color: #d7c49e; }
.say-list li a p { text-align: center; color: var(--second-color); font-size: 2.25rem; margin-bottom: 0px; }
.say-list li { height: 250px; margin: 0; width: 160px; display: flex; justify-content: center; }
.say-list li.no { background: url(../images/template/say-no.png) 0 0 no-repeat; }
.say-list li.no:hover { background: url(../images/template/say-no-hover.png) 0 0 no-repeat; }
.say-list li.maybe { background: url(../images/template/say-maybe.png) right 0 no-repeat; }
.say-list li.maybe:hover { background: url(../images/template/say-maybe-hover.png) right 0 no-repeat; }
.say-list li.yes { background: url(../images/template/say-yes.png) 0 0 no-repeat; }
.say-list li.yes:hover { background: url(../images/template/say-yes-hover.png) 0 0 no-repeat; }
.say-list li.abs { background: url(../images/template/say-abs.png) 0 0 no-repeat; }
.say-list li.abs:hover { background: url(../images/template/say-abs-hover.png) 0 0 no-repeat; }

@media only screen and (max-width: 767px) {
	.itemid-139 .sprocket-grids-b-container.sprocket-grids-b-columns-4 { height: 190px; }
	.itemid-139 .sprocket-grids-b-container l1:nth-child(1) { top: 0; left: 0; }
	.itemid-139 .sprocket-grids-b-container l1:nth-child(2) { top: 0; left: 25%; }
	.itemid-139 .sprocket-grids-b-container l1:nth-child(3) { top: 0; left: 50%; }
	.itemid-139 .sprocket-grids-b-container l1:nth-child(4) { top: 0; left: 75%; }
	ul.say-list { display: flex; flex-wrap: wrap; }
	.say-list li a { padding-top: 180px; }
	.say-list li { width: 50%; justify-content: center; background-size: 85% !important; }
	.say-list li.no { background: url(../images/template/say-no-mobile.png) 50% 50% no-repeat;  margin-top: -60px; }
	.say-list li.no:hover { background: url(../images/template/say-no-mobile-hover.png) 50% 50% no-repeat; }
	.say-list li.maybe { background: url(../images/template/say-maybe-mobile.png) 50% 50%  no-repeat; margin-top: -60px; }
	.say-list li.maybe:hover { background: url(../images/template/say-maybe-mobile-hover.png) 50% 50% no-repeat; }
	.say-list li.yes { background: url(../images/template/say-yes-mobile.png) 50% 50% no-repeat; margin-top: 40px; }
	.say-list li.yes:hover { background: url(../images/template/say-yes-mobile-hover.png) 50% 50% no-repeat; }
	.say-list li.abs { background: url(../images/template/say-abs-mobile.png) 50% 50% no-repeat; margin-top: 40px; }
	.say-list li.abs:hover { background: url(../images/template/say-abs-mobile-hover.png) 50% 50% no-repeat; }
}

 
/************ CONTACT A PRIEST ************/
.itemid-109 .blog .items-row, .itemid-109 .item-page .items-row { margin-top: 30px; }
.itemid-109 .item.column-1 { margin-right: 25px; }
.itemid-109 .item.column-2 { margin-left: 25px; }
.itemid-109 .wFormContainer .wFormHeader { padding-top: 5rem; }
.itemid-109 .wFormContainer p.supportInfo { display: none; }

@media only screen and (max-width: 767px) {
	.itemid-109 .item.column-1 { margin-right: 0; margin-bottom: 70px; }
	.itemid-109 .item.column-2 { margin-left: 0; }
}

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

/************ THE NEXT GENERATION ************/
/*.nocream #g-container-main { background: none; color: #d7c49e; }*/
.nocream .item.column-1 { margin-right: 20px; }
.nocream .item.column-2 { margin-left: 20px; }

@media only screen and (max-width: 767px) {
	.nocream .row-fluid [class*="span6"] { margin-bottom: 75px;}
	.nocream .item.column-1 { margin-right: 0px; }
	.nocream .item.column-2 { margin-left: 0px; }
}

/************ 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: var(--second-color); }
#g-copyright a:hover .fa.fa-lock { color: #ffffff; }

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

/************ Inital Requirements Hover ************/
.irhover  { position: relative; display: inline-block; color: var(--first-color); padding: 5rem 0 0 0; justify-content: center; align-items: center;}

/************ Inital Requirements  text ************/
.irhover .irtext { visibility: hidden; width: 120px; background-color: rgba(var(--fourth-rgb),.9); color: var(--second-color)/*color: #d7c49e*/; text-align: center;   padding: 5px 10px;
  border-radius: 6px;  width: 360px;  bottom: 90%;  left: 0%;  margin-left: -60px;
  /* Position the tooltip text - see examples https://www.w3schools.com/css/css_tooltip.asp! */
  position: absolute;   z-index: 1;
}
li.right .irhover .irtext { bottom: -50px !important; left: -200px !important; }
.irhover .irtext h1 { text-transform: uppercase; font-size: 2.2vw; font-family: Oswald;  }
.irhover .irtext h4 { border: none; background: none; font-size: 1.8vw; font-family: Oswald; font-weight: 300;}


/* Show the  Inital Requirements  text when you mouse over the  Inital Requirements container */
.irhover:hover .irtext {
  visibility: visible;
}

/***** OVERLAY MENU HOVER *****/
.overlaymenuhover  {
  /* position: relative; */
  display: inline-block;
  color: var(--first-color);
  padding: 2rem 0 0 0;
  justify-content: left;
  align-items: center;
}

/*  OVERLAY MENU TEXT **/
.overlaymenuhover .overlaymenutext {
  visibility: hidden;
  width: 600px;
  color: var(--first-color);
  text-align: left;
  padding: 5px 10px;
  border-radius: 6px;
  top: -5px;
  left: 105%;
  /* Position the tooltip text - see examples https://www.w3schools.com/css/css_tooltip.asp */
  position: absolute;
  z-index: 1;
} 

#g-container-overlay h2 { font-size: 2.75vw; text-shadow: 0px; font-weight: 400 }


/* Show the menu text when you mouse over */
.overlaymenuhover:hover .overlaymenutext {
  visibility: visible;
}


/**************contact priest FORMS adjustments*********************/
.contactlayout  .label {font-size: 1.1rem; background: none; color: var(--second-color); font-weight: bold;} 
.contactlayout h3 {font-size: 1.7rem;  color: var(--second-color);}
.contactlayout h4 {font-size: 2rem; font-family: Cormorant Garamond;}
.contactlayout .wFormContainer { font-family: Cormorant Garamond;}
.contactlayout .wFormContainer .wForm .wFormTitle {font-size: 1.5em; font-weight: bold;}

/************ LEGACY ************/
.legacy h2 { margin-bottom: 0px; }
.legacy table h4 { margin-top: 0px; }
.legacy h3 { margin-top: 0px; }


/************ OVERLAY MENU  ************/
.menuoverlaysplit .g-content { position: relative; }

.menuoverlaysplit .overlaymenutext { position: absolute; top: 5.625rem; left: 32vw; padding-left: 3vw; }

.overlaymenuhover .overlaymenutext { transition: all .3s ease-in-out; opacity: 0;}
.overlaymenuhover:hover .overlaymenutext {  opacity: 1;}

.overlaymenuhover .overlaymenutext { width:  50vw;}

.overlaymenuhover h2 { font-size: 2.75vw; text-shadow: none; font-weight: 400; color: var(--first-color);}
.overlaymenuhover > h2 {  width:  25vw;}
.overlaymenuhover:hover { color: var(--fourth-color); }
.overlaymenuhover .overlaymenutext { /* transition: all .3s ease-in-out; */ border-left: 3px var(--fourth-color) solid; border-radius: 0;}
#g-container-overlay .overlaymenutext h2 a { color: var(--first-color); }
#g-container-overlay .overlaymenutext h2 { padding-bottom: 4vh;}
#g-container-overlay .overlaymenutext h2 a:hover { color: var(--fourth-color); }

/************ OVERLAY MENU - SOCIAL ICONS 11/6/19  ************/
#g-container-overlay .g-social a { color: var(--first-color); }
#g-container-overlay .g-social a:hover { color: var(--fourth-color) !important; }

/************ OFFICE GRIDS **************/
/* .office, .sprocket-grids-b-content.overlay-mode {background: var(--first-color); opacity: 1;} */
.office, .overlay-mode .sprocket-grids-b-title > h4, .office p, .office a {color: var(--third-color);}
.office, .overlay-mode .sprocket-grids-b-title > p, .office a:hover {color: var(--second-color);}
.office, .overlay-mode .sprocket-grids-b-text, .overlay-mode .sprocket-grids-b-readon {text-align: center; transition: none; margin-top: auto; margin-bottom: auto;}
.office, .overlay-mode .sprocket-grids-b-text {margin-top: auto; margin-bottom: auto;}
.office, .sprocket-grids-b-readon {display: visible;}
.office .sprocket-grids-b-container li {padding: 2% 4%;}

.blogofficelayout {min-height: 28vw;}
.blognocream {min-height: 100vw}

@media only screen and (max-width: 767px) {
		.office, .overlay-mode .sprocket-grids-b-title > h4, p, a {visibility: visible;}
		.blogofficelayout .sprocket-grids-b-container { height: auto !important;}
		.blogofficelayout .sprocket-grids-b-content.overlay-mode {
				position: relative;
				height: auto;
				visibility: visible;
		}
		.blogofficelayout .overlay-mode .sprocket-grids-b-text, .blogofficelayout .overlay-mode .sprocket-grids-b-readon{ opacity: 1; }
		.blogofficelayout .sprocket-grids-b-container {
			display: flex; 
			flex-wrap: wrap;
			
		}
		.blogofficelayout .sprocket-grids-b-container li { 
			position: relative !important;
			top: auto !important;
			left: auto !important;
			bottom: auto !important;
			right: auto !important;
			background: var(--first-color);
			margin: 1%;
			
		}
		.blogofficelayout .sprocket-grids-b-columns-4 > li { width: 48%;}
		.officelayout #g-container-main .g-content { margin: 0; padding: 0 10px;}
		.blogofficelayout .sprocket-grids-b-item:hover .sprocket-grids-b-effect { opacity: 0; }	
		.blogofficelayout .sprocket-grids-b-text { display: block; }
		.blogofficelayout .sprocket-grids-b-readon { display: none; }
		
}

/***********Custom Scrollbar****************/

/* Hide the default scrollbar */

::-webkit-scrollbar {
	width: .75rem;
}

::-webkit-scrollbar-track {
	background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {

background-color: #ccc;
	border-radius: 5px;
}

/* Style the scrollbar on hover */

::-webkit-scrollbar-thumb:hover {
	background-color: #bbbbbb;
}

/* Style the scrollbar when it's being dragged */

::-webkit-scrollbar-thumb:active {
	background-color: #8c8c8c;
}

@-moz-document url-prefix() {
	* {
	scrollbar-width: thin;
		 scrollbar-color: #ccc #f5f5f5;
	}
}

/****************body, p { font-size: 1.3rem; color: #333; font-weight: 300; }

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

h1 { text-transform: uppercase; font-size: 2.7vw; }
h2, .page-header h2 { border: none; font-size: 4vw; font-family: Oswald; text-transform: uppercase; font-weight: 400; margin-top: .75rem;}
h3 {color: #A01D21; font-size: 2rem;}
h4 {  border: none; background: none; font-size: 2.2vw; font-family: Oswald; font-weight: 300;}
h5 { border: none; font-size: 2.7vw; font-weight: 400; text-transform: none; }
h6 { font-family: Oswald, san-serif; color: #A01D21; font-size: 1.3rem; text-transform: uppercase; }
a { color: #A01D21; }*************************************/


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

NAVY - **Background:** Pantone Eclipse - #1f1a38; rgba(31,26,56,1)
DARKER CREAM - **Headings, Menu:** Pantone Sweet Corn -  #d7c49e; rgba(230,223,209,1)
RED - **Sub Pages:** Pantone Jester Red - #9e1131; rgba(158,17,49,1)
LIGHT CREAM - **Menu Overlay:** Pantone Sweet Corn - #f2edd7; rgba(242,237,215,1) 


Serif: Cormorant Garamond
Sans Serif - Headings: Oswald
Sans Serif - Body: Lato
************/

@media only screen and (min-width: 767px) {
	.seminarians .sprocket-grids-b-container {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: wrap;
	  justify-content: flex-start;
	  align-items: flex-start;
	  gap: 1rem 1rem;
	  height: fit-content!important;
	}
	.seminarians .sprocket-grids-b-container > li {
	  flex: 1;
	  min-width: 20%;
	  max-width: 25%;
	  position: unset!important;
	  margin: 0;
	  padding: 0;
	}
  }


@media only screen and (min-width: 767px) {
	.quo-vadis.qv .background-video {
		height: 35vw;
		width: 100%;
		object-fit: cover;
	}
	
	.videocontainer { position: relative; }
	.videocontainer .flextable {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		pointer-events: none;
	}
	.videocontainer .flextable img {
		width: auto;
		height: 90%;
	}
}

@media only screen and (max-width: 767px) {
	.quo-vadis.qv .background-video {
		height: 56vw;
		width: 100%;
		object-fit: cover;
	}
	
	.quo-vadis.qv .videocontainer { position: relative; }
	.quo-vadis.qv .videocontainer .flextable {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		pointer-events: none;
	}
	.quo-vadis.qv .videocontainer .flextable img {
		width: auto;
		height: 90%;
	}
	.quo-vadis.qv .hero-text-leftbottom {
		display: none!important;
	}
}

.quo-vadis .hero img {opacity: 1;}

/*** QUO VADIS ARTICLE ***/

/*
.quo-vadis table.equaltable.where {
    background: url(/images/stories/quo-vadis/qv-logo.png) center no-repeat !important;
    background-size: 20vw !important;
}
*/

h2.qv-title {
    background: var(--first-color) ;
	color: var(--second-color); 
	padding: 1vw 2.5vw; 
}

h2.qv-title img {width: 4.5vw; margin: 0 0 .5vw .5vw; }

.quo-vadis p {margin-top: 1.5vw !important; }

.quo-vadis .where img.logo {
	height: 20vw !important; 
	margin: -5vw auto !important;  
} 

.quo-vadis .where img {
	height: 13vw; 
	width: auto !important
}

.quo-vadis .where h6 {
	font-size: 2vw;
}

.white-button {
    color: var(--fourth-color);
	font-size: 2.5vw; 
    background: white; 
    border-radius: 15px; 
	padding: 1.5vw 2vw; 
    margin-top: 3vw  !important; 
    box-shadow: 0 0 10px rgba(0,0,0,.2); 
}

.white-button img {
	width: 4.5vw !important; 
	padding-bottom: .5vw; 
}

.register p  {
	margin-top: 2.5vw !important; 
}

.register h2 {font-size: 2.5vw;}

.apply-button img {
	background: white; 
    border-radius: 15px; 
	padding: 2vw; 
    box-shadow: 0 0 10px rgba(0,0,0,.2); 
	width: 12vw; 
}


@media only screen and (max-width: 767px) {
	.quo-vadis .where img.logo {height: 50vw !important; margin: -5vw auto !important; }
	.quo-vadis table.equaltable.register img {display: inline !important; }
	.quo-vadis .where img {height: 25vw; width: auto !important; }
	.quo-vadis .where h6 {font-size: 4.5vw ;}
	.white-button {font-size: 5vw; padding: 2.5vw 4vw;}
	.white-button img {width: 7vw !important; padding-bottom: 1.5vw; }
	.register p {margin-top: 7vw !important;}
	.register h2 {font-size: 5vw; }
	.apply-button img {width: 30vw; }
}

.g-gridstatistic .g-gridstatistic-item-text1 {
    font-family: "Oswald" !important;
}

.g-gridstatistic .g-gridstatistic-item-text2 {
    font-family: "Oswald";
    font-weight: 300;
    opacity: 1; 
}

.the-office .grid-articles {
	--grid-gap: 3vw;
}

@media (min-width: 50.99rem) {

	.the-office .grid-columns-2 .g-content-array > .g-grid {
		min-width: 45% !important;
		width: 45% !important;
		max-width: 45% !important;
		position: relative;
	}

	.the-office .grid-articles .g-array-item {
		gap: 0;
	}

	.the-office .grid-articles .g-array-item-text {
		position: absolute;
		bottom: 0;
		width: 100%;
		background-color: rgba(30,30,30,.9);
		opacity: 0;
		padding: 0 !important;
		transition: all 300ms ease-in-out;
	}

	.the-office .grid-articles .g-array-item-text :is(p,h1,h2,h3,h4,h5,h6) {
		color: white;
	}

	.the-office .grid-articles .g-content:hover :is(.g-array-item-read-more, .g-array-item-text) {
		opacity: 1;
		padding-bottom: 1rem !important;
		transition: all 300ms ease-in-out;
	}

	.the-office .grid-articles .g-grid:hover img {
		transform: scale(1.08);
	}
	
}

.officelayout #g-mainbar > .g-grid:nth-child(1) {
	display: none;
}

@media (min-width: 50.99rem) {

	.office-sub-page .item-image {
		max-width: 50%;
	}

	.legacy #g-mainbar > div:nth-child(2) > div > div {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		padding-top: 0;
	}

	.legacy #g-mainbar > div:nth-child(2) > div > div img {
		width: 100%;
	}

	#module-gridstatistic-208-particle > div > div > div .g-gridstatistic-item {
		padding-bottom: 0;
	}

/* Custom properties for easy adjustment */
.overlaymenuhover {
	--animation-duration: 0.5s;
	--animation-delay-increment: 0.15s;
	--initial-delay: 0.15s;
	--easing: ease;
  }
  
  /* Hide submenu items by default */
  .overlaymenuhover .overlaymenutext {
	overflow: hidden;
  }
  
  .overlaymenuhover .overlaymenutext h2 {
	opacity: 0;
	transform: translateX(-20px);
	transition: opacity var(--animation-duration) var(--easing),
				transform var(--animation-duration) var(--easing);
  }
  
  /* Stagger the animation for each submenu item */
  .overlaymenuhover .overlaymenutext h2:nth-child(1) { transition-delay: calc(var(--initial-delay)); }
  .overlaymenuhover .overlaymenutext h2:nth-child(2) { transition-delay: calc(var(--initial-delay) + var(--animation-delay-increment)); }
  .overlaymenuhover .overlaymenutext h2:nth-child(3) { transition-delay: calc(var(--initial-delay) + var(--animation-delay-increment) * 2); }
  .overlaymenuhover .overlaymenutext h2:nth-child(4) { transition-delay: calc(var(--initial-delay) + var(--animation-delay-increment) * 3); }
  .overlaymenuhover .overlaymenutext h2:nth-child(5) { transition-delay: calc(var(--initial-delay) + var(--animation-delay-increment) * 4); }
  .overlaymenuhover .overlaymenutext h2:nth-child(6) { transition-delay: calc(var(--initial-delay) + var(--animation-delay-increment) * 5); }
  .overlaymenuhover .overlaymenutext h2:nth-child(7) { transition-delay: calc(var(--initial-delay) + var(--animation-delay-increment) * 6); }
  .overlaymenuhover .overlaymenutext h2:nth-child(8) { transition-delay: calc(var(--initial-delay) + var(--animation-delay-increment) * 7); }
  .overlaymenuhover .overlaymenutext h2:nth-child(n+9) { transition-delay: calc(var(--initial-delay) + var(--animation-delay-increment) * 8); }
  
  /* Show submenu items when parent is hovered */
  .overlaymenuhover:hover .overlaymenutext h2 {
	opacity: 1;
	transform: translateX(0);
  }
  
  /* Optional: Add a subtle transition to the main menu item */
  .overlaymenuhover > h2 {
	transition: color 0.5s var(--easing);
  }
  
  .overlaymenuhover:hover > h2 {
	color: var(--fourth-color); /* Replace with your preferred color */
  }

  .web-policy p {
	font-size: 1vw;
	padding-left: 1rem;
	color: var(--second-color);
  }

  .web-policy a {
	color: var(--second-color) !important;
  }

  .qv-head-title {
	overflow: hidden;
  }
  
  .qv-head-title h1,
  .qv-head-title h2 {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.8s ease, transform 0.8s ease;
  }
  
  .qv-head-title h2 {
	transition-delay: 0.2s;
  }
  
  /* This class will be added via JavaScript to trigger the animation */
  .qv-head-title.animate h1,
  .qv-head-title.animate h2 {
	opacity: 1;
	transform: translateY(0);
  }

  .landingpage .bottomleft {
	overflow: hidden;
  }
  
  .landingpage .bottomleft h1,
  .landingpage .bottomleft h4 {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.8s ease, transform 0.8s ease;
  }
  
  .landingpage .bottomleft h4 {
	transition-delay: 0.2s;
  }
  
  /* This class will be added via JavaScript to trigger the animation */
  .landingpage .bottomleft.animate h1,
  .landingpage .bottomleft.animate h4 {
	opacity: 1;
	transform: translateY(0);
  }

}

@media (max-width: 50.99rem) {

	.g-content:has(> .grid-mobile-stacked) {
		padding: 0;
		margin: 0;
	}

}


/* semenarian portal */

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: white;
  color: #262835;
  font-size: 1.5rem;
}


.portal-page .add-on  {
	padding: 0 !important;
	height: 100%;
}

.portal-page .add-on > span {
	margin: auto;
    display: flex;
    position: relative;
    align-items: center;
    height: 100%;
}

@media only screen and (min-width: 767px) {
	.the-office.officelayout .grid-articles .g-content-array {
		--grid-gap: 4vw;
	}
	.the-office.officelayout .grid-articles .g-content-array > .g-grid {
		min-width: 22%!important;
		width: 22%!important;
		max-width: 22%!important;
	}
}