@import url("https://use.typekit.net/mbr6pkf.css");

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&family=Open+Sans:wght@300;400;800&family=Roboto:wght@100;300;400;900&display=swap');
@import url('fonts/fonts.css');
/*
Theme Name: Summit College by EdwardsSchoen
Theme URI: http://www.sevenplacesproductions.com
Description: The custom theme for Wordpress by <a href="https://edwardsschoen.com">Edwards Schoen</a>, <a href="https://www.sevenplacesproductions.com">Seven Places Productions</a> and <a href="https://www.burningstarstudios.com/">Burning Star Studios</a>.
Version: 1.7.5
Author: Seven Places Productions
Author URI: http://www.sevenplacesproductions.com/
Tags:
*/

/* FONT AWESOME SNIPPET REFERENCES FOUND HERE - http://astronautweb.co/snippet/font-awesome/ */

/* Begin Typography & Colors *
******************************/
:root {
	--font-regular: 	'neuzeit-grotesk', 'Open Sans', 'Roboto', 'Gotham Book', 'Source Sans Pro', Arial, sans-serif;
	--font-heading: 	'neuzeit-grotesk', 'ridley_groteskextrabold', 'ridley_grotesk', 'Gotham Bold', 'Source Sans Pro', 'Open Sans', sans-serif;
	--font-button: 'rooney-web';
	--font-callout: 'fave-condensed-pro';
	--textured: url(/wp-content/themes/7places/images/background-texture.png);

	--primary: 				#d32027;
	--primary-alt: 		#991d20;
	--secondary: 			#464860;
	--secondary-alt: 	#11294d;
	--tertiary: 			#33A396;
	--tertiary-alt: 	#148378;

	--white: 			#fff;
	--veryltgray: #f0f0f0;
	--ltgray: 		#dcdcdc;
	--gray: 			#808080;
	--dkgray: 		#404040;
	--verydkgray: #333;
	--black: 			#000;

	--navy:   		#11294d;
  --blue:   		#457ba1;
	--ltblue: 		#a2bec8;
  --veryltblue: #97c1df;
  --red:      	#ed1b24;
  --orange:   	#ff8c00;
	--gold:     	#fb0;
}
html {-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
body {font-size: 62.5%; /* Resets 1em to 10px */
font-family: var(--font-regular); background: #fff; color: #333; text-align: center; margin: 0 0 0; padding: 0;
-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
h1, h2, h3, h4, h5, h6 {font-family: var(--font-heading); font-weight:700; margin-top: 0; margin-bottom: 24px; padding-bottom: 0; line-height: 100%;}
h1 {font-size: 60px; font-family: var(--font-button);}
h2 {font-size: 36px;}
h3 {font-size: 30px; font-weight: 400;}
h4 {font-size: 26px; font-weight: 400;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}
strong {}
em {}
p {line-height: 140%;}
#page {margin: 0 auto; overflow: hidden;}
.display-desktop {display: block;}
.display-tablet, .display-mobile {display: none;}
a {cursor: pointer; color: var(--primary);}
a:hover, a:focus {text-decoration: underline; color: var(--primary-alt);}
::after, ::before {font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Duotone', 'Font Awesome 6 Brands','Font Awesome 6 Free', 'neuzeit-grotesk', 'rooney-web', 'fave-condensed-pro', 'simple-line-icons', 'qligg', 'Calibri', 'Roboto', 'Lato', 'Open Sans', Arial, sans-serif;}
.editlink {position: absolute; top: 0; left: 50%; width: 12px; height: 12px; z-index: 100; background: #000;}
.editlink a {display: block; background: url(images/editme-white.png) no-repeat center; overflow: hidden; width: 100%; height: 0; padding: 12px 0 0; border: none !important;}
.element-invisible {position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); overflow: hidden; height: 1px;}

.callout {font-family: var(--font-callout); font-weight: 400;}
.callout h2 {margin-bottom: 0; font-size: 60px; font-family: var(--font-callout); font-weight: 400;}
.callout h2 a {text-decoration: none;}
.callout h2 a::before,
.callout h2 a::after {content: '\f078'; display: inline-block; vertical-align: middle; margin: 0 12px; font-size: 32px;}
.callout small {color: var(--tertiary); font-size: 32px;}

a[target="_blank"]::after, .paypalform .button::after {content: '\f08e'; margin-left: 3px; display: inline-block; font-size: 50%;}
.wp-block-image a[target="_blank"]::after, .eapps-instagram-feed-posts-item-link::after {display: none !important;}
a[href*="mailto"]::before {content: '\f003'; margin-right: 8px; display: inline-block;}
a[href*="tel:"]::before {content: '\f2a0'; margin-right: 8px; display: inline-block; font-weight: 900;}
address {margin-bottom: 25px; font-style: normal;}
address::before {content: '\f041'; margin-right: 8px; display: inline-block;}

a[href*="tel"].losangeles,
a[href*="tel"].ontario,
a[href*="tel"].phoenix {display: none !important;}

.col-full {width:100%; margin:0 0 45px;}
.col-onehalf {vertical-align:top; margin:0 1% 45px; width:48%; display:inline-block;}
.col-onethird {vertical-align:top; margin:0 1% 45px; width:31.5%; display:inline-block;}
.col-twothird {vertical-align:top; margin:0 1% 45px; width:65%; display:inline-block;}
.col-threequarter {vertical-align:top; margin:0 1% 45px; width:73.5%; display:inline-block;}
.col-onequarter {vertical-align:top; margin:0 1% 45px; width:22.95%; display:inline-block;}
.col-onehalf.first, .col-onequarter.first, .col-onethird.first, .col-twothird.first, .col-threequarter.first {margin-left:0;}
.col-onehalf.last, .col-onequarter.last, .col-onethird.last, .col-twothird.last, .col-threequearter.last {margin-right:0;}
.col-full img, .col-onehalf img, .col-onethird img, .col-twothird img, .col-onequarter img, .col-threequarter img {height: auto !important;}

.col2 {column-count: 2; column-gap: 40px;}
.col3 {column-count: 3; column-gap: 40px;}
.col4 {column-count: 4; column-gap: 40px;}

.yellowback, .yellowbackground, .yellowbar, .alert, .blueback, .bluebackground, .bluebar, .extrawide {background: var(--ltblue); position: relative; padding: 40px 0; margin: 0px auto !important;}
.pseudobefore, .pseudoafter {width: 100%; height: 100%; content: ' '; display: inline-block;  position: absolute; top: 0; bottom: 0; z-index: -1;}
.yellowback .pseudobefore, .yellowbackground .pseudobefore, .yellowbar .pseudobefore,
.yellowback .pseudoafter, .yellowbackground .pseudoafter, .yellowbar .pseudoafter {background: var(--ltblue);}
.pseudobefore {left: -50%;}
.pseudoafter {right: -50%;}

.ltgray, .ltgray .pseudobefore, .ltgray .pseudoafter {background: #f0f0f0;}
.blueback, .bluebackground, .bluebar {background: var(--navy); color: #fff !important;}
.blueback .pseudobefore, .bluebackground .pseudobefore, .bluebar .pseudobefore,
.blueback .pseudoafter, .bluebackground .pseudoafter, .bluebar .pseudoafter {background: var(--navy);}
.blueback a, .bluebackground a, .bluebar a {color: #fff !important;}
.blueback a:hover, .bluebackground a:hover, .bluebar a:hover,
.blueback a:focus, .bluebackground a:focus, .bluebar a:focue {color: var(--ltblue) !important;}

.extrawide.ctas {margin: 0 auto !important; padding: 0; background: #9a4035;}
.extrawide.ctas .pseudobefore {background: #f97171;}
.extrawide.ctas .pseudoafter {background: #23545f;}
.ctas ul {margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: nowrap;}
.ctas li {display: inline-block; text-transform: uppercase; font-size: 28px; width: 100%;}
.ctas li a {display: block; padding: 8px 0; color: #fff; text-decoration: none !important; position: relative; z-index: 1;}
.ctas li a[href*="hair"] {background: transparent;}
.ctas li a[href*="hair"]::before {background: #f97171;position: absolute;top: 0;bottom: 0;left: 0;right: 0;content: '';z-index: -1;}
.ctas li a[href*="makeup"] {background: #9a4035;}
.ctas li a[href*="nails"] {background: #23545f;}
.ctas li a:hover, .ctas li a:focus {text-decoration: underline !important; color: #fff !important;}

.alert {text-align: center !important; font-size: 18px; padding: 0; margin: 0 auto !important;}
.alert > div {width: 90%; max-width: 1200px; margin: 0 auto; padding: 12px 0; text-align: center;}
.alert p {text-align: center !important; margin: 0; padding: 0;}

.centered {text-align:center; margin: inherit auto;}
.vertical-top {vertical-align: top !important;}
.vertical-middle {vertical-align: middle !important; margin-bottom: auto;}
.vertical-bottom {vertical-align: bottom !important;}

.wp-block-columns.extrawide.bottommargin {margin-bottom: 60px !important;}

#sb_instagram .sbi_photo:hover,#sb_instagram .sbi_photo:focus,
.insta-gallery-link:hover, .insta-gallery-link:focus {outline: 2px solid  var(--navy) !important;}
.insta-gallery-link {display: block;}

/* - Responsive embed. Wrap iframe with div with class embed */
div.embed {margin-bottom: 1em; position: relative;}
div.embed:after {content: ''; display: block; height:0; padding-bottom: 56%; width: 100%;}
div.embed iframe, div.embed video {bottom:0; left: 0; height: 100%; position: absolute; right: 0; top:0; width: 100%;}

div.embed[data-aspectratio="1x1"]:after,
div.embed[data-aspectratio="1X1"]:after,
div.embed[data-aspectratio="square"]:after {padding-bottom: 100%;}
div.embed[data-aspectratio="3x2"]:after,
div.embed[data-aspectratio="3X2"]:after {padding-bottom: 67%;}
div.embed[data-aspectratio="4x3"]:after,
div.embed[data-aspectratio="4X3"]:after {padding-bottom: 73%;}
div.embed[data-aspectratio="16x9"]:after,
div.embed[data-aspectratio="16X9"]:after {padding-bottom: 56%;}
div.embed[data-aspectratio="21x9"]:after,
div.embed[data-aspectratio="21X9"]:after {padding-bottom: 43%;}

div.embed[data-aspectratio="2x3"]:after,
div.embed[data-aspectratio="2X3"]:after {padding-bottom: 150%;}
div.embed[data-aspectratio="3x4"]:after,
div.embed[data-aspectratio="3X4"]:after {padding-bottom: 133%;}
div.embed[data-aspectratio="9x16"]:after,
div.embed[data-aspectratio="9X16"]:after {padding-bottom: 178%;}
div.embed[data-aspectratio="9x21"]:after,
div.embed[data-aspectratio="9X21"]:after {padding-bottom: 233%;}
/**********/

* > .content-inner {width: 90%; max-width: 1200px; margin: 0 auto;}
.sitebrand * {-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.sitebrand img {max-height: 80px; width: auto !important;}
.sticky-header .sitebrand img {max-height: 50px;}
.sitebrand p {margin: 0;}
#division {background: #efefef; color: var(--navy); padding: 12px; text-align: left; font-size: 16px;}

#topbar {position: relative; background: var(--secondary); text-align: center; font-size: 13px; border-radius: 0 0 50px 50px;}
#topbar-inner {margin: 0 auto; width: 90%; max-width: 1200px; padding: 12px 0;}
#topbar ul {margin: 0; padding: 0; list-style: none; text-align: center;}
#topbar li {display: inline-block; margin: 0 4px;}
#topbar li a::after {display: none;}

.stickyctas {position: fixed; right: 0; top: 140px; z-index: 10;}
.stickyctas ul {text-align: left !important; display: block;}
.stickyctas li {display: block !important; margin: 6px 0 !important;}
.stickyctas li a {display: block; background: var(--white); color: var(--primary); padding: 8px 12px; font-size: 14px; text-decoration: none; font-weight: bold;}
.stickyctas li a:hover, .stickyctas li a:focus {color: var(--white); background: var(--primary);}
.stickyctas li a::after {display: none;}
.stickyctas li a::before {margin-right: 6px; display: inline-block; vertical-align: middle; width: 30px; height: 22px; padding-top: 8px; border-radius: 50%; overflow: hidden; background: var(--primary); color: var(--white); text-align: center;}
.stickyctas li a[href*='linkedin']::before {content: '\f0e1';}
.stickyctas li a[href*='contact']::before {content: '\f086';}
.stickyctas li a[href*='news']::before, .stickyctas li a[href*='stories']::before {content: '\f19d';}

.sitebrand {margin: 10px 0;}

#navbar, #page_end {background: var(--white); position: relative; z-index: 9999; color: var(--navy);}
#navbar {position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; background: #fff; color: #000; z-index: 1000;
	-webkit-box-shadow: 0px 5px 10px var(--ltgray);
	box-shadow: 0px 5px 10px var(--ltgray);}
#navbar-inner {width: 90%; /*max-width: 1200px;*/ margin: 0 auto; padding: 0; position: relative;}
#navbar-left,
#navbar-right {display: inline-block; vertical-align: middle; width: 49.5%; font-size: 18px;}
#navbar-left {text-align: left; width: 22%;}
#navbar-right {text-align: right; color: var(--ltblue2); width: 76%;}
#navbar-right .textwidget p {display: inline-block; vertical-align: middle; position: relative; font-size: 18px;}
#navbar-right .textwidget p:nth-child(2) {padding-left: 15px;}
#navbar-right .textwidget p:nth-child(2)::before {content: ' '; width: 1px; height: 100%; background: #fff; position: absolute; top: 0; bottom: 0; left: 0;}
#navbar-right a {color: var(--dkgray); text-decoration: none; display: inline-block; margin: 0 0 0; font-weight: normal; position: relative;}
#navbar-right a:last-of-type {margin-right: 0;}
#navbar-right a::before {margin-right: 4px; display: inline-block; border-radius: 50%; padding: 6px; font-size: 24px; vertical-align: middle;}
#navbar-right a[href*="tel"]::before {content: '\f2a0';}
#navbar-right a[href*="mailto"]::before {content: '\f1d8';}
#navbar-right a.gotoform::before {content: '\f05a';}
#navbar-right a.employees::before {content: '\f007';}
#navbar-right a:hover, #navbar-right a:focus,
#navbar-right a:hover::before, #navbar-right a:focus::before {color: var(--primary-alt);}

.social {display: inline-block; /* text-indent: -99999em; */ position: relative; padding: 50px 0 0; /* height: 0px; */ /* width: 30px; */ /* border: 2px solid var(--ltblue2); */ /* border-radius: 50%; */ /* overflow: hidden; */ font-size: 12px; color: #fff !important; text-align: center; width: 60px;}
.social::after {display: none !important;}
.social::before {text-indent: 0; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 20px; font-weight: 400; padding: 10px 0 0; height: 30px; width: 40px; border: 2px solid #fff; border-radius: 50%; text-align: center; color: #fff;}
.social.fb::before {content: '\f09a';}
.social.tw::before {content: '\f099'; color: var(--ltblue2); border-color: var(--ltblue2);}
.social.ig::before {content: '\f16d';}
.social.yt::before {content: '\f16a';}
.social.li::before {content: '\f08c';}
.social:hover::before, .social:focus::before,
.social:hover, .social:focus {border-color: var(--ltblue2) !important; color: var(--ltblue2) !important;}

#top {position:relative; width: 100%; z-index: 10000; background: #fff; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; padding: 0 0;}
.sticky-header #top {position: fixed; top: 0}
#top-inner {width: 90%; max-width: 1200px; margin: 0 auto; text-align: left; position: relative;}
#main-nav {position:absolute; top: 50%; right: 0; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
#mobilemenu {display: none !important;}
#navbar-inner #site-name { font-size: 20px; margin: 0; font-weight: 100; text-align: left; text-transform: uppercase; display: inline-block; line-height: 145%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
#site-name p {margin: 0;}
#site-name img {max-height: 90px; width: auto !important; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
#site-name span { letter-spacing:0; display: block; text-transform: uppercase; color: #272624; font-size: 40px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
#navbar-inner #site-name a {display: block;}
/*#navbar-inner #site-name a {width: 180px; background: url(/wp-content/uploads/2020/05/logo-vista-salon.png) no-repeat left center; padding: 90px 0 0px 0px; display: block; background-size: contain; height: 0; overflow: hidden;}*/
.sticky-header #navbar-inner #site-name {font-size: 14px; line-height: 130%;}
.sticky-header #navbar-inner #site-name a {padding: 0 0 0;}
.sticky-header #site-name img {max-height: 50px;}
.sticky-header #site-name span {font-size: 25px; letter-spacing: 0;}
#navbar-inner #site-name a,
#navbar-inner .contact a {color: var(--dkgray); text-decoration: none;}
#navbar-inner .contact {font-size: 12px; font-weight: normal; text-align: right; float: right; text-transform: uppercase; display: inline-block; margin-top: 20px;}

#navbar-inner .menu-header {display: inline-block; width: auto; margin-top: 0;}
#navbar-inner .menu {margin: 0px; padding: 0px 40px 0 0; list-style: outside none none; display: inline-block; font-size: 16px; font-weight: normal; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.sticky-header #navbar-inner .menu {font-size: 16px;}
#navbar-inner .menu li {display: inline-block; margin: 0 -5px 0 0; position: relative;}
#navbar-inner .menu li.programnav,
#navbar-inner .menu li.homeonly {display: none;}
.home #navbar-inner .menu li.programnav,
.home #navbar-inner .menu li.homeonly {display: inline-block;}
#navbar-inner .menu li a {color: var(--black); text-decoration: none; position: relative; padding: 12px 12px; display: block;}
#navbar-inner .menu > li.menu-item-has-children > a::after {content: '\f107'; display: inline-block; top: 50%; transform: translateY(-50%); right: 0; position: absolute; font-size: 12px;}
#navbar-inner .menu > li:last-of-type > a::after,
#navbar-inner .menu > li.beforebutton > a::after {display: none;}
#navbar-inner .menu li a:hover,
#navbar-inner .menu li a:focus,
#navbar-inner .menu li.expand > a {text-decoration: underline; color: var(--primary);}
#navbar-inner .menu li .sub-menu,
#navbar-inner .menu li li .sub-menu {position: absolute; top: -99999em; z-index: -100; right: 0px; background: var(--white); text-align: left; width: 260px; list-style: none; margin: 0; padding: 0 0; height: 0 !important; opacity: 0; -ms-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
#navbar-inner .menu li li .sub-menu {right: auto; left: 100%; top: 0;}
#navbar-inner .menu li:hover > .sub-menu,
#navbar-inner .menu li a:focus > .sub-menu,
#navbar-inner .menu li.expand > .sub-menu {display: block; top:100%; height: auto !important; opacity: 1; z-index: 100; border: 1px solid #e3e3e3; border-top: 4px solid var(--primary); border-radius: 0 0 0 0;}
#navbar-inner .menu li li {display: block; text-align: left; margin: 0; padding: 0; list-style: none; font-size: 16px;}
#navbar-inner .menu li li a {padding: 10px 10px; display: block; background: var(--white); text-transform: none; margin: 0;}
#navbar-inner .menu li li a:hover {background: #e3e3e3; color: var(--primary-alt) !important; text-decoration: none;}
#navbar-inner .menu li .sub-menu li:last-of-type a {padding-right: 40px;}
#navbar-inner .menu > li.schedule > a,
a.button, .wp-block-button a, .feature a, a.ctabutton,
form[name="PrePage"] input[type=submit] {padding: 8px 32px; background: transparent; display: block; color: var(--secondary) !important; border-radius: 12px; border: 1px solid var(--primary) !important; margin-right: 5px; text-align: center !important; text-transform: none; border: 2px solid; position: relative; font-family: var(--font-button) !important;}
a.ctabutton {display: inline-block; font-size: 18px !important; font-weight: bold !important;}
form[name="PrePage"] input[type=submit] {margin: 0 auto; font-size: 18px;}

a.button:hover, .wp-block-button a:hover, a.button:focus, .wp-block-button a:focus,
a.button:hover::after, .wp-block-button a:hover::after, a.button:focus::after, .wp-block-button a:focus::after,
a.ctabutton:hover, a.ctabutton:focus, a.ctabutton:hover::after, a.ctabutton:focus::after,
#navbar-inner .menu > li.schedule > a:hover, #navbar-inner .menu > li.schedule > a:focus,
form[name="PrePage"] input[type=submit]:hover, form[name="PrePage"] input[type=submit]:focus {background: var(--primary); color: var(--white) !important; text-decoration: none !important;;}
li.schedule > a::before,
li.quiz > a::before {content: '\f274'; display: inline-block; margin-right: 5px;}
li.quiz > a::before {content: '\f15c';}
a.button, .wp-block-button a, .feature a {display: inline-block; margin-left: 0; text-decoration: none; font-weight: 400; margin-top: 12px; margin-bottom: 12px; font-size: 100%; border-radius: 12px; text-shadow: none !important;}
a.button[target="_blank"]::after, .wp-block-button a[target="_blank"]::after {vertical-align: middle; display: none;}

.main-menu ul.menu {display: flex; flex-wrap: nowrap; align-items: center; padding-right: 50px;}
#navbar-right a {padding: 16px 0;}
#navbar-right li.search {position: absolute; right: 0;}
#navbar-right li.search a {display: block; width: 26px; height: 0; padding: 50px 0 0; overflow: hidden; text-indent: -999999em; position: absolute; right: 0;}
#navbar-right li.search a::before {display: block !important; margin: 0 !important; content: ' '; background: url(/wp-content/uploads/2023/01/icon-search-glass.png) no-repeat center center; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 0 !important; padding: 0 !important; height: 29px; width: 26px;}
#navbar-right li.request a {display: block; background: var(--primary-alt); color: var(--white); padding: 14px 20px;}
#navbar-right li.request a:hover, #navbar-right li.request a:focus {background: var(--primary); color: var(--white); text-decoration: none;}


.wp-block-button.button a {border-radius: 30px; background: var(--gold); color: var(--navy) !important; padding: 15px 45px;}
.wp-block-button.button a:hover, .wp-block-button.button a:focus {background: var(--ltblue); color: #fff !important;}


.widget_search {position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: 0; width: 0px; overflow: hidden;
-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.widget_search.open {width: 450px;
-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.widget_search button[type="submit"] {height: 0; overflow: hidden; text-indent: -99999em; width: 40px; padding: 40px 0 0; display: none;}
.widget_search input[type="text"] {padding: 11px 20px 12px; border-radius: 0px 0 0 0px; width: calc(100% - 60px); margin-right: 20px; margin-top: 1px; border: 2px solid var(--dkgray);}
.widget_search a#closesearch {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 0; overflow: hidden; text-indent: -99999em; padding: 40px 0 0; border: 1px solid var(--dkgray); background: var(--primary); color: #fff; border-radius: 0%;}
.widget_search a#closesearch:hover, .widget_search a#closesearch:focus {color: var(--gold) !important;}
.widget_search a#closesearch::before {content: '\f00d'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-indent: 0;}


#navbar-inner .menu li.schedule a::after,
#navbar-inner .menu li.quiz a::after {display: none;}

#navbar-inner .menu li li:hover > .sub-menu,
#navbar-inner .menu li li a:focus > .sub-menu,
#navbar-inner .menu li li.expand > .sub-menu {display: block; top: 0; height: auto !important; opacity: 1; z-index: 100; overflow: auto; border: 1px solid #e3e3e3; border-top: 4px solid var(--primary); border-radius: 0 0 0 0; left: 100%; right: auto;}

/*#navbar-inner .menu li li .sub-menu {display: none; top: 0; left: 100%; opacity: 1; height: auto !important; position: absolute; padding: 0; width: 100%;}*/
#navbar-inner .menu li li li a {padding: 10px 15px;}

.plain h2 {display: none;}

.sectionbuttons { background: rgba(0,0,0,.55); position: absolute; bottom: 0; left: 0; right: 0;}
.sectionbuttons ul {width: 90%; max-width: 1200px; margin: 0 auto; list-style: none; padding: 0; display: table; table-layout: fixed;}
.sectionbuttons li {display: table-cell;}
.sectionbuttons li a {display: block; padding: 20px; text-align: center; font-size: 18px; color: #fff; text-decoration: none; line-height: 100%;}
.sectionbuttons li a span {display: inline-block; width: 60%; text-align: left; vertical-align: middle;}
.sectionbuttons li:nth-child(1) a {background: var(--ltblue);}
.sectionbuttons li:nth-child(2) a {background: #d11014;}
.sectionbuttons li:nth-child(3) a {background: #710f8c;}
.sectionbuttons li:nth-child(4) a {background: var(--ltblue2);}
.sectionbuttons li a:hover, .sectionbuttons li a:focus {background: var(--navy);}
.sectionbuttons li img {display: inline-block; margin-right: 5%; width: 35%; height: auto !important; vertical-align: middle;}


#header {position: relative; background-repeat: no-repeat; background-size: cover; background-position: top center; font-size: 18px; background-color: var(--ltgray); background-blend-mode: multiply; min-height: 250px; display: flex; align-items: center; display: none;}
.home #header {display: block;}
#header-inner {width: 70%; max-width: none /*1200px*/; margin: 0 auto; vertical-align: middle; text-align: left; color: var(--white); font-size: 24px; padding: 45px 0;}
.home #header-inner {padding: 0; min-height: 600px;}
#header h1 {color: var(--white);}
.slideshow {background: var(--secondary);}
.n2-ss-slider .n2-ss-slide-background-image img {opacity: .55;}
#header .metaslider .caption-wrap,
#header .n2-ss-item-content {bottom: auto; top: 50%; left: 50% !important; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: none !important; opacity: 1; width: 90%; max-width: 700px; padding-right: 30%; position: absolute; color: var(--black);}
#header .metaslider .caption,
#header .n2-ss-item-content > div {padding-right: 0%; font-size: 18px; text-align: left; line-height: 120%; color: var(--black);}
#header .slideshow p {font-size: 20px !important; line-height: 120%; margin-bottom: 20px;}
#header .slideshow a.ctabutton, #header .slideshow a.button {background: rgba(70,72,96,.6); border-color: var(--white) !important; color: var(--white) !important;}
#header .slideshow a.ctabutton:hover, #header .slideshow a.button:hover,
#header .slideshow a.ctabutton:focus, #header .slideshow a.button:focus {background: var(--primary); border-color: var(--white) !important; color: var(--white) !important;}
#header .metaslider .caption h1,
#header .n2-ss-item-content > div h1/*,
#header .slideshow p:first-of-type*/ {font-size: 48px !important; color: var(--white); line-height: 100%; margin-bottom: 12px; text-align: left; font-family: var(--font-button); font-weight: 700;}
#header .metaslider .slides img {display: block; width: auto !important; min-height: 530px; max-width: none; min-width: 100%; height: auto; position: relative; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%;}

div#n2-ss-4 .nextend-arrow {border: 1px solid var(--white); border-radius: 50%; padding: 4px;}
div#n2-ss-2 .n2-ss-slide,
#header .n2-ss-slider-1,
div#n2-ss-2 .n2-ss-slider-2 {min-height: 600px; height: 600px !important;}
.n2-ss-slider .n2-ss-slide-background-image img {transform: scale3d();}
.n2-ss-slider .n2-ss-layer:not([data-sstype=col]) {top: 50%; transform: translateY(-50%); height: auto !important; min-height: auto !important;}


#header_top, #header_bottom {clear: both; width: 100%; text-align: left;}
#header_left, #header_right {display: inline-block; vertical-align: middle; width: 52%; text-align: left; color: #fff;}
#header a {color: #fff;}
#header a:hover, #header a:focus {color: var(--ltblue);}
#header_left {margin-right: 2%; padding: 30px 0; font-size: 20px;}
#header_left li {margin-bottom: 5px; line-height: 140%;}

#header_right {background: rgba(53,66,87,.8); padding: 30px 2%; width: 40%; color: #fff;}
#header_right h2, #header_right h3 {color: #fff; font-weight: 400; font-size: 24px !important;}

#form-header {font-size: 32px; font-weight: 600; text-align: left; margin-bottom: 12px;}
#form-text {font-size: 26px; font-weight: 600; text-align: left;}

.formblock {padding-bottom: 75px !important; background: url(/wp-content/uploads/2024/05/divider-800-dark.svg) no-repeat bottom center; background-size: 50%;}
.formblock.altform {background: var(--veryltgray);}
.formblock .gform_wrapper {margin-bottom: 0;}
.formblock .gform_wrapper .gform_legacy_markup_wrapper {margin: 0;}
.formblock .gform_wrapper .gform_legacy_markup_wrapper .gform_footer {padding: 0;}
.formblock .gform_wrapper .sectionhead {padding: 24px 0; margin-bottom: 0; clear: both;}
.formblock .gform_wrapper .sectionhead h2 {color: var(--primary) !important; font-size: 32px; margin: 0; padding: 0;}
.formblock .gform_wrapper .sectionhead h2::before {display: inline-block; margin-right: 8px; vertical-align: middle; width: 60px; height: 0; padding: 60px 0 0; overflow: hidden;}
.formblock .gform_wrapper .sectionhead.personal h2::before {content: ''; background: url(images/form-icon-personal.png) no-repeat center;}
.formblock .gform_wrapper .sectionhead.organization h2::before {content: ''; background: url(images/form-icon-organization.png) no-repeat center;}
.formblock .gform_wrapper .sectionhead.additional h2::before {content: ''; background: url(images/form-icon-additional.png) no-repeat center;}
.formblock .gform_wrapper small {display: block; font-size: 70%; line-height: 120%;}
.formblock .gform_wrapper input[type=text], .formblock .gform_wrapper input[type=tel], .formblock .gform_wrapper input[type=email], .formblock .gform_wrapper select {width: 100% !important; padding: 14px !important; border-radius: 12px; border: 1px solid var(--dkgray); background: var(--white);font-size: 16px !important;}
.formblock ::-webkit-input-placeholder {color: var(--gray);}
.formblock :-moz-placeholder           {color: var(--gray);}
.formblock ::-moz-placeholder          {color: var(--gray);}
.formblock :-ms-input-placeholder      {color: var(--gray);}
.formblock .gform_wrapper select {padding: 13px 10px !important; margin-top: 0 !important; color: var(--dkgray) !important;}
.formblock :focus::-webkit-input-placeholder {color: var(--black);}
.formblock :focus:-moz-placeholder           {color: var(--black);}
.formblock :focus::-moz-placeholder          {color: var(--black);}
.formblock :focus:-ms-input-placeholder      {color: var(--black);}
.formblock .gform_wrapper select:focus {color: var(--black);}
/*.formblock .gform_wrapper select {background: #fff url(images/drop-arrow.jpg) no-repeat right center;}*/
.formblock .gform_wrapper label {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.formblock.showlabel .gform_wrapper label {clip: auto; height: auto; margin: 0; position: relative; width: auto;}
.formblock .gform_wrapper .gform_fields li.gfield,
.formblock .gform_wrapper .ginput_container_address span,
.formblock .gform_wrapper .gform_footer {padding-right: 0; padding-left: 0; position: relative; max-width: 100% !important; margin-top: 0; margin-bottom: 14px;}
.formblock .gform_wrapper .ginput_container_address span {display: block;}
.formblock .gform_wrapper .ginput_container_address span.address_city {display: inline-block;}
.formblock .gform_wrapper .ginput_container_address span.address_state {display: inline-block; width: 25%; margin-right: 0;}
.formblock .gform_wrapper .ginput_container_address span.address_zip {display: inline-block; width: 24%; margin-right: 0 !important; padding: 0;}
.formblock .gform_wrapper .gform_fields li.gfield.icon,
.formblock .gform_wrapper .gform_footer {padding-left: 0;}
.formblock .gform_wrapper .gform_fields li.gfield.disclaimer {font-size: 12px; line-height: 120%}
.formblock .gform_wrapper .gform_fields li.gfield.icon label {position: absolute; top: 50%; transform: translateY(-50%); right: 4px; background: #fff; border-radius: 50%; width: 26px; height: 26px; color: var(--gray); font-size: 20px; text-align: center; clip: initial; text-indent: -9999em;}
.formblock .gform_wrapper .gform_fields li.gfield label::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-indent: 0;}
.formblock .gform_wrapper .gform_fields li.gfield.campus label::before {content: '\f19c';}
.formblock .gform_wrapper .gform_fields li.gfield.program label::before {content: '\f19d';}
.formblock .gform_wrapper .gform_fields li.gfield.firstname label::before,
.formblock .gform_wrapper .gform_fields li.gfield.lastname label::before {content: '\f007';}
.formblock .gform_wrapper .gform_fields li.gfield.email label::before {content: '\f0e0';}
.formblock .gform_wrapper .gform_fields li.gfield.phone label::before {content: '\f2a0';}
.formblock .gform_wrapper .gform_fields li.gfield.zip label::before {content: '\f041';}
.formblock .gform_wrapper .gform_fields li.gfield.spam label::before {content: '\f00c';}
.formblock .gform_wrapper .gform_fields li.gfield.arrow label::before {content: '\f078';}

.formblock .gform_footer {display: flex; flex-direction: row-reverse; align-items: start; justify-content: center;}
.formblock .gform_footer .disclaimer {margin-top: 0 !important; margin-right: 15px;}
.formblock .gform_wrapper input[type=submit], .formblock .gform_wrapper input[type=button] {border-radius: 12px; font-size: 18px; font-weight: 400; color: var(--dkgray); border: 1px solid var(--primary); background: transparent; text-align: center; padding: 12px 5%; margin-right: 0 !important; font-family: var(--font-button);}
.formblock .gform_wrapper input[type=button] {background: var(--ltgray); color: var(--dkgray);}
.formblock .gform_wrapper input[type=submit]:hover, .formblock .gform_wrapper input[type=submit]:focus,
.formblock .gform_wrapper input[type=button]:hover, .formblock .gform_wrapper input[type=button]:focus {background: var(--primary); color: var(--white); cursor: pointer;}
.formblock .gform_wrapper input[type=submit] {position: relative;}
.formblock .gform_wrapper input[type=submit].submitting {position: relative; background: url(/wp-content/plugins/esformprocess/loader.gif) no-repeat center; background-size: cover; color: transparent;}
/*.formblock .gform_wrapper input[type=submit].submitting {background-image: url(/wp-content/plugins/esformprocess/spinner.gif); background-repeat: no-repeat; background-position: center; color: transparent; background-size: 30px;}*/
body .gform_legacy_markup_wrapper .top_label div.ginput_container {margin-top: 0 !important;}
.gform_wrapper .left, .gform_wrapper .right, .gform_wrapper .third {width: 49% !important; display: inline-block;}
.gform_wrapper .left {float: left; clear: left !important;}
.gform_wrapper .right {float: right; clear: right !important;}
.gform_wrapper .third {width: 32% !important; margin-right: 2%;}
.gform_wrapper .third.last {margin-right: 0;}
.gform_wrapper .full {width: 100% !important; float: none; clear: both !important;}
.gform_legacy_markup_wrapper .gfield_visibility_hidden {position: absolute !important;}


.formblock .ginput_container_checkbox input, .formblock .ginput_container_radio input {display: inline-block !important; vertical-align: top !important;}
.formblock .ginput_container_checkbox label, .formblock .ginput_container_radio label,
.formblock .radio > label {clip: auto; height: auto; margin: auto; overflow: initial; position: relative; width: calc(100% - 45px) !important; max-width: calc(100% - 45px) !important; display: inline-block; vertical-align: top; font-size: 10px; line-height: 110%; font-weight: normal !important;}
.formblock .ginput_container_radio ul {display: flex; flex-wrap: wrap;}
.formblock .ginput_container_radio li {width: 25%; margin: 12px 0 !important;}

.formblock .gfield--type-address {}
.formblock .gfield--type-address span {min-height: 0 !important; height: auto !important;}
.formblock .gfield--type-address span input {margin-bottom: 0 !important;}
.formblock .gfield--type-address span label {display: none;}


#content p a, #content li a {}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {}
#content h1 {position: relative; padding-bottom: 0; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; text-align: center;}
#content h1 .pseudoborder {display: none; bottom: 0; height: 2px; background: var(--ltblue2); width: 50%; position: absolute; right: 0; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
#content h1::after {}
#content > .post > h1 {display: none;}

iframe[src^="google.com"] {border: 2px solid var(--ltblue2);}
.narrow {padding-left: 20% !important; padding-right: 20% !important;}

#above_content {background: var(--primary); color: var(--white); margin: 0 auto;}
#above_content .content-inner {padding: 30px 0;}


#content-top,
#content-bottom {text-align: center; /*max-width: 1200px;*/ margin: 0 auto; background: #fff; padding: 50px 15%; font-size: 16px;}
#content-top {display: flex;}
.featured {margin: 0 15px; width: 33%;}
.featured h2 {background: none; color: #202020; padding:10px 15px; font-size: 32px; font-weight: 300; text-transform: uppercase; margin: 0;}
.featured h2::before {display: inline-block; font-size: 90px; color: var(--orange); text-align: center; width: 100%; vertical-align: bottom;}
.featured.listen h2:before {content: '\f025';}
.featured.times h2:before {content: '\f017';}
.featured.visit h2:before {content: '\f274';}
.featured p {font-size: 16px; padding:5px 15px;}
.featured p a {display: inline-block; padding: 10px 15px; border: 2px solid #a3a3a3; text-decoration: none; color: #333;}
.featured p a:hover {color: #fff; background: #333; border: 2px solid #333;}
.featured.widget-first {margin:0 15px 0 0;}
.featured.widget-last {margin: 0 0 0 15px;}

#content, .below_content_inner, .above_content_inner {width:1200px; margin: 0 auto; padding: 0; position: relative; z-index: 5; background: #fff;}
.below_content_inner, .above_content_inner {padding: 0;}
#content.staff {min-height: 500px;}
#main_contain {position: relative;}
.left_content {width: 325px; float: left; margin-right: 30px; position: absolute; left: 0; top: 0; text-align: left !important;}
.right_content {width: 325px; float: right; margin-left: 30px; position: absolute; right: 0; top: 0; text-align: left !important;}
.leftside .main_content {margin-left: 355px !important;}
.rightside .main_content {margin-right: 355px !important;}

.bothsides .left_content,
.bothsides .right_content {width: 250px;}
.bothsides .main_content {margin-left: 280px !important; margin-right: 280px !important;}

.above_content {border-bottom: 1px solid #666;}
.below_content {border-top: 1px solid #666; padding-top: 1.5em !important;}
#below_content {background: var(--ltgray); color: var(--black); margin: 0 auto; font-size: 18px;}
#below_content .content-inner {padding: 30px 0;}

#content .entry {font-size: 18px; margin: 0 auto 25px; text-align: left; padding: 0; line-height: 140%;}
#content .entry img {max-width: 100%; height: auto;}
#content .entry a.image-link {border: none;}
#content .entry a.image {border: none;}
#content .entry p,#content .entry ul, #content .entry ol {-webkit-margin-before: 0; -webkit-margin-after: 0; margin: 0 0 1.5em; line-height: 160%;}
#content .entry li {line-height: 120%;}
#content .entry ul li::marker {font-size: 160%; color: var(--secondary);}
#content iframe {max-width: 100%;}
/*#content,
.page-template-template-home-php #content {width: 100%; border: none;}
#content h1 {font-size: 55px; margin: 10px auto 20px; padding-bottom: 0; line-height:100%; color: var(--gray);}
#content h2 {font-size: 45px; margin: .25em 0 .75em; color: #5e5e5e; line-height: 100%;}
#content h3 {font-size: 35px; margin: .25em 0 .75em; color: #6e6e6e; line-height: 100%;}
#content h4 {font-size: 30px; margin: .25em 0 .75em; color: #7e7e7e; line-height: 100%;}
#content h5 {font-size: 24px; margin: .25em 0 .75em; color: #7e7e7e; line-height: 100%;}
#content h6 {font-size: 20px; margin: .25em 0 .75em; color: #7e7e7e; line-height: 100%;}*/


#navbar.losangeles a[href*="tel"].losangeles {display: inline-block !important;}
#navbar.losangeles a[href*="tel"].ontario,
#navbar.losangeles a[href*="tel"].phoenix,
#navbar.losangeles a[href*="tel"].general {display: none !important;}
#navbar.ontario a[href*="tel"].ontario {display: inline-block !important;}
#navbar.ontario a[href*="tel"].losangeles,
#navbar.ontario a[href*="tel"].phoenix,
#navbar.ontario a[href*="tel"].general {display: none !important;}
#navbar.phoenix a[href*="tel"].phoenix {display: inline-block !important;}
#navbar.phoenix a[href*="tel"].losangeles,
#navbar.phoenix a[href*="tel"].ontario,
#navbar.phoenix a[href*="tel"].general {display: none !important;}


.wp-block-buttons {margin-bottom: 0;}
.wp-block-column p:last-child {margin-bottom: 0 !important;}
.wp-block-columns {margin-bottom: 60px !important;}
.wp-block-columns.extrawide {margin: 0 !important;}
.wp-block-column figure, .wp-block-image, .wp-block-embed-youtube, .wp-block-embed-vimeo {margin: 0 0 1em;}
.wp-block-image {position: relative;}
.wp-block-image:hover figcaption {top: 0;}
.wp-block-image a {display: block; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.wp-block-image img {max-width: 100%; height: auto !important;}
.wp-block-image figcaption {position: absolute; bottom: 0; left: 0; right: 0; margin: 0 !important; text-align: center; font-style: normal;}
.wp-block-image figcaption a {display: block; background: rgba(39,137,123,.75); color: #fff; text-decoration: none; font-style: normal; padding: 10px 0; height: auto; font-weight: bold; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.wp-block-image figcaption a::before, .wp-block-image figcaption a::after {display: block; content: ' '; width: 100%; height: 0;}
.wp-block-image:hover figcaption a {height: 100%; padding: 0;}
.wp-block-image:hover figcaption a::before, .wp-block-image:hover figcaption a::after {height: 50%;}
.wp-block-image figcaption a:hover, .wp-block-image figcaption a:focus {background: rgba(102,190,178,.75);}
.wp-block-image.hair figcaption a {background: rgba(249,113,113,.75);}
.wp-block-image.skin figcaption a {background: rgba(154,64,53,.75);}
.wp-block-image.nail figcaption a {background: rgba(35,84,95,.75);}
.wp-block-column figure img {margin: 0; border-radius: 0; overflow: hidden;}
.wp-block-column figure.logo img {border-radius: 0;}
h2.border {border-bottom: 2px solid #000; padding-bottom: 12px;}
h2.icon {border-bottom: 2px solid #000; padding-bottom: 22px; min-height: 60px; margin-bottom: 60px;}
h2.icon::after {background: #fff; padding: 0 30px; margin: 10px 0 0; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
h2.icon.service::after {content: url(images/icon-leaf.png);}
h2.icon.location::after {content: url(images/icon-location.png);}
h2.icon.style::after {content: url(images/icon-style.png);}
h3.bar {background: #3c3c3c; color: #fff; padding: 12px 20px;}
figure figcaption {font-style: italic;}
.wp-block-button a {}
div#n2-ss-2 .nextend-arrow:hover, div#n2-ss-2 .nextend-arrow:focus {outline: 1px solid #3a6f8f;}



.wp-block-table th,
.wp-block-table td {padding: 15px 10px;}

.pricing td:first-of-type {width: 80%;padding: 15px 2.5%;}
.pricing td:last-of-type {width: 20%;padding: 15px 2.5%;}

.mec-single-event .mec-event-content, .mec-event-content {text-align: left;}
.mec-calendar .mec-event-article .mec-event-image {height: 65px !important; overflow: hidden; border-radius: 15px 0 30px 0; position: relative;}
.mec-calendar .mec-event-article .mec-event-image img {max-width: none !important; max-height: 100%; min-width: 65px; width: auto !important; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); min-height: 65px;}
.mec-event-social-icon a {text-decoration: none;}
.mec-event-social-icon a[target="_blank"]::after,
.mec-event-social-icon a[href*="mailto"]::before,
address.mec-event-address::before {display: none;}
.mec-wrap :not(.elementor-widget-container)>p {font-size: 18px !important;}
.mec-single-event .mec-events-event-image img {height: auto;}
.mec-event-list-minimal .mec-event-detail {color: var(--primary) !important;}
.mec-time-details {text-align: center !important;}
.mec-sl-angle-left::before {content: '\f100' !important;}
.mec-sl-angle-right::before {content: '\f101' !important;}
.mec-sl-magnifier::before {content: '\f002' !important;}
.mec-sl-share::before {content: '\f1e0' !important;}
.mec-sl-clock::before {content: '\f017' !important;}
.mec-sl-location-pin::before {content: '\f041' !important;}
.mec-sl-home::before {content: '\f19c' !important;}
.mec-sl-calendar::before,
.dashicons-calendar::before {content: '\f073' !important;}
.dashicons-admin-users::before {content: '\f007' !important;}
.dashicons-tag::before {content: '\f02b' !important;}
.mec-event-content {font-size: 16px;}
.mec-event-list-standard .mec-event-meta .mec-venue-details .mec-event-address span {margin-left: 0 !important;}
.mec-event-meta {text-align: center;}

.uagb-slick-carousel .slick-slide img {max-height: 100px; width: auto; margin: 0 auto; text-align: center;}
.uagb-post-grid-byline {display: none;}
.uagb-post-grid .wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link::after {margin-left: 6px;}


#content-bottom {background: url(/wp-content/uploads/2022/09/la-palms.jpeg) no-repeat center center; background-size: cover; position: relative; width: 100%; padding: 0; margin-bottom: 0; color: #fff; background-attachment: fixed; background-blend-mode: multiply;}
#content-bottom::before {z-index: 0; content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.65); display: block !important;}
#content-bottom > .content-inner {position: relative; z-index: 1; padding: 40px 0; text-align: left;}
#content-bottom > .content-inner p {line-height: 160%}

.support {}
.support ul {display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 25px 0 0; padding: 0; list-style: none; color: #fff;}
.support li {display: inline-block; vertical-align: top; width: calc(29% - 60px); margin: 25px 1% 25px; padding-left: 75px; position: relative; line-height: 160%;}
.support li i {position: absolute; left: 0; top: 0; height: 0; overflow: hidden; text-indent: -99999em; width: 60px; padding: 60px 0 0; color: #2a2a2a; background: #e5e5e5; font-size: 30px; border-radius: 50%; font-style: normal;}
.support li img {max-width: 60px; width: auto !important; height: auto !important; position: absolute;; left: 0; top: 0; max-height: 150%;}
.support li i::before {text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.testimonials {background: rgba(39,137,123,.75); padding: 0; color: #fff; position: relative; overflow: hidden; text-align: left;}
.testimonials::before {z-index: 0; content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/wp-content/uploads/2020/05/pattern-teal-1.png) repeat; display: block !important;}
.testimonials .testimony {position: relative; z-index: 1; padding: 25px 0; width: 90%; max-width: 1200px; margin: 0 auto;}
.testimonyimage, .testimonycontent {display: inline-block; vertical-align: middle;}
.testimonyimage {width: 130px; overflow: hidden; border-radius: 50%; border: 2px solid #fff; position: relative; height: 130px;}
.testimonyimage img {max-width: 100%; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.testimonycontent {font-size: 38px; width: 80%; margin-left: 5%;}
.testimonycontent p {margin: 12px 0;}
.testimonycontent p.testimonytitle {font-size: 16px;}

.wp-block-columns.testimony:nth-child(odd) {background: var(--veryltgray);}
.wp-block-columns.testimony cite .name {font-size: 66px; color: var(--tertiary-alt);}
.wp-block-columns.testimony blockquote {padding: 0 60px; position: relative;}
.wp-block-columns.testimony blockquote::before, .wp-block-columns.testimony blockquote::after {content: ''; display: inline-block; font-weight: 600; font-size: 50px;}
.wp-block-columns.testimony blockquote::before {content: '\f10d'; position: absolute; top: 0; left: 0;}
.wp-block-columns.testimony blockquote::after {content: '\f10e'; position: absolute; bottom: 0; right: 0;}
.wp-block-columns.testimony blockquote p {font-size: 28px;}

.moreinfo {background: rgba(39,137,123,.75); padding: 0; color: #fff; position: relative; overflow: hidden; text-align: center; font-size: 18px;}
.moreinfo h3 {text-align: center; text-transform: uppercase; margin-bottom: 12px;}
.moreinfo::before {z-index: 0; content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/wp-content/uploads/2020/05/pattern-teal-1.png) repeat; display: block !important;}
.moreinfo::after {z-index: 1; content: ''; background: url(images/icon-leaf-large.png) no-repeat right center; width: 300px; height: 270px; background-size: contain; display: block; position: absolute; right: 5%; bottom: 0;}
.moreinfo .textwidget {max-width: 360px; width: 90%; margin: 0 auto; padding: 40px 0; z-index: 10; position: relative;}
.moreinfo a {padding: 10px 30px; background: transparent; display: inline-block; color: #fff !important; border-radius: 0; text-align: center !important; text-transform: uppercase; border: 2px solid #fff;}
.moreinfo a:hover, .moreinfo a:focus {background: #066051;}


.single-team_member {}
.single-team_member .team_member > h2 {display: none;}
.single-team_member .team_member h1 {text-transform: none;}
.single-team_member .team_member .staffleft,
.single-team_member .team_member .staffright {display: inline-block; vertical-align: top;}
.single-team_member .team_member .staffleft {width: 28%;}
.single-team_member .team_member .staffright {width: 68%; margin-left: 2%; text-align: left;}
.staffpic {text-align: center; border-radius: 40px 0 80px 0; background: var(--navy); border: 6px solid var(--navy); overflow: hidden;}
.staffpic img {width: 100% !important; height: auto !important;}
.stafftitle {background: var(--ltblue); font-weight: bold; padding: 8px 14px; display: inline-block; margin-bottom: 20px; text-align: left;}
.staffphone,
.staffemail,
.staffsocial {border-top: 4px solid #dcdcdc; padding: 12px 0; position: relative;}
.staffphone a {padding-left: 0; color: var(--gray); text-decoration: none; display: inline-block; vertical-align: middle;}
.staffphone a::before, .staffemail a::before {display: none;}
.staffphone::before {content: '\f2a0'; color: var(--navy); font-size: 54px; display: inline-block; vertical-align: middle; width: 80px;}
.staffphone a:hover, .staffphone a:focus {color: #d11014;}
.staffemail a {padding-left: 0; color: var(--gray); text-decoration: none; display: inline-block; vertical-align: middle;}
.staffemail::before {content: '\f003'; color: var(--navy); font-size: 54px; display: inline-block; vertical-align: middle; width: 80px;}
.staffemail a:hover, .staffemail a:focus {color: #d11014;}
.staffsocial {padding-left: 0; display: block; vertical-align: middle;}
.staffsocial::before {content: '\f1e0'; color: var(--navy); font-size: 54px; display: inline-block; vertical-align: middle; width: 80px;}
.staffsocial ul {position: relative; display: inline-block; vertical-align: middle; list-style: none; margin: 0; padding: 0;}
.staffsocial li {display: inline-block; margin-right: 5px;}
.staffsocial a {text-decoration: none; display: block; height: 0; padding: 20px 0 0; width: 20px; overflow: hidden; text-indent: -99999em; position: relative; color: #000;}
.staffsocial a::before {display: block; position: absolute; top: 50%; left: 50%; font-size: 20px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-indent: 0;}
.staffsocial a[href*="facebook"]::before {content: '\f082';}
.staffsocial a[href*="twitter"]::before {content: '\e61b';}
.staffsocial a[href*="pinterest"]::before {content: '\f0d3';}
.staffsocial a[href*="linkedin"]::before {content: '\f08c';}
.staffsocial a[href*="instagram"]::before {content: '\f16d';}
.staffsocial a:hover, .staffsocial a:focus {color: #d11014;}

#staff_contain,
#volunteer_contain,
#board_contain {display: flex; flex-wrap: wrap;}
.staffblock, .volunteerblock, .boardblock {width: 100%; margin: 0 1% 25px; border: 6px solid #e3e3e3; overflow: hidden; border-radius: 40px 0 80px 0;}
.staffblock {max-width: 30%;}
.volunteerblock, .boardblock {border: 0; border-radius: 0; max-width: 23%;}
.staffblock h3, .volunteerblock h4, .boardblock h4 {font-size: 21px !important; margin: 0; padding: 0 0 12px;}
.volunteerblock h4, .boardblock h4 {margin: 0 0 .25em !important; padding: 0;}
.staffblock h3 a, .volunteerblock h4 a, .boardblock h4 a {text-decoration: underline; color: var(--gray);}
.staffblock h3 a:hover, .staffblock h3 a:focus,
.volunteerblock h4 a:hover, .volunteerblock h4 a:focus,
.boardblock h4 a:hover, .boardblock h4 a:focus {color: #d11014;}
.staffinner {padding: 20px 14px;}
.volunteerblock .staffinner, .boardblock .staffinner {padding: 20px 0;}
.staffblock .staffpic {height: 250px; overflow: hidden; border-radius: 35px 0 0 0; border: none; position: relative;}
.volunteerblock .staffpic, .boardblock .staffpic {height: 200px; overflow: hidden; border-radius: 40px 0 80px 0; position: relative;}
.staffblock .staffpic img, .volunteerblock .staffpic img, .boardblock .staffpic img {width: auto !important; height: auto !important; max-width: none !important; min-height: 100%; min-width: 100%; position: relative; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%;}
.staffblock .staffpic a:hover::before, .staffblock .staffpic a:focus::before,
.volunteerblock .staffpic a:hover::before, .volunteerblock .staffpic a:focus:before,
.boardblock .staffpic a:hover::before, .boardblock .staffpic a:focus:before {content: '\f05a'; color: #fff; z-index: 2; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: block; font-size: 55px;}
.staffblock .staffpic a:hover::after, .staffblock .staffpic a:focus::after,
.volunteerblock .staffpic a:hover::after, .volunteerblock .staffpic a:focus::after,
.boardblock .staffpic a:hover::after, .boardblock .staffpic a:focus::after {z-index: 1; content: ' '; background: rgba(0,43,147,.65); position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.staffblock .stafftitle {display: block; margin-bottom: 0;}
.volunteerblock .stafftitle, .boardblock .stafftitle {display: block; background: none; font-size: 16px; padding: 0; margin: 0 0 10px !important;}
.staffblurb {text-align: left; font-size: 16px;}
.staffblock .staffsocial {margin-top: 12px;}
.staffblock .staffsocial::before {content: 'Connect with me:'; width: 30%; font-size: 12px; color: var(--gray); text-align: left;}
.staffblock .staffsocial ul {width: 68%; text-align: right;}
.staffblock .staffsocial li {margin-right: 0; margin-left: 5px;}
.staffblock:first-of-type, .volunteerblock:first-of-type {}
.staffblock:last-of-type, .volunteerblock:last-of-type {}

.page-template-template-ourstaff h2 {border-bottom: 4px solid #a3cd3a;}


.ai1ec-agenda-widget-view {margin: 0 auto !important;}
.timely .ai1ec-event-title {text-align: left !important;}
.ai1ec-stream-view .ai1ec-event-avatar {bottom: auto !important; top: 50% !important; -webkit-transform:translateY(-50%) !important; transform:translateY(-50%) !important;}
.ai1ec-event-avatar img {min-height: 0 !important; height: auto !important;}
.timely .ai1ec-event-title a,
.timely .ai1ec-event-title a:hover {border-bottom: none;}


.news-template-default .type-news > h2 {display: none;}
.news-item {display: flex; flex-wrap: nowrap; gap: 2em; background: var(--veryltgray); margin-bottom: 40px; padding: 60px;}
.news-thumb, .news-blurb {}
.news-thumb {width: 40%;}
.news-blurb {width: 60%;}


.ourministries {display: flex; text-align: left; flex-wrap: wrap; margin-top: 50px;}
.ministry {width: 30%; margin: 0 1.5% 30px; display: inline-block; vertical-align: top; position: relative; background: #000;}
/*.ministry:nth-child(1n) {margin: 0 1.5% 30px 0;}
.ministry:nth-child(3n) {margin: 0 0 30px 1.5%;}*/
.ministry img {max-width: 100%; height: auto !important; background: #000; opacity: .75;}
.ministry:hover img {opacity: .25;}
.ministry p {position: absolute; margin: 0; padding: 0; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left: 15px; right: 15px; text-align: center; font-weight: 900; text-transform: uppercase; font-size: 34px; line-height: 95%;}
.ministry p a {color: #fff !important; text-decoration: none; border: none !important;}


.subhead {color: #38424c; background: #e5e5e5; text-align: center; padding: 10px 20px; font-size: 16px;}
.subhead a {color: #fff; text-decoration: none; background: #38424c; display: inline-block; padding: 5px 10px; vertical-align: middle; border-radius: 5px; margin-left: 10px;}


.blog .identity {display: none;}
.blog #content {margin-top: 0;}

#blogteasers {display: flex; flex-wrap: wrap;}

.bloghome#content, .blogarchive#content {text-align: left;}
.blogarchive h1 {text-transform: uppercase; font-size: 55px; margin: 10px auto; padding-bottom: 0; line-height: 100%; text-align: center;}
.bloghome .post, .blogarchive .post, .bloghome .mec-events {width: calc(32% - 50px); display: inline-block; vertical-align: top; padding: 20px; margin: 0 10px 40px; border-top: 6px solid var(--tertiary); background: var(--veryltgray); position: relative;}
.bloghome .post h2, .blogarchive .post h2 { line-height: 100%; margin: 0 0 8px; padding: 0; border: none; font-weight: 400; font-size: 24px;}
.bloghome .post small {font-size: 14px; font-weight: 600; margin-bottom: 8px; display: block;}
.bloghome .post h2 a, .blogarchive .post h2 a {text-decoration: none;}
.bloghome .post h2 a:hover, .blogarchive .post h2 a:hover,
.bloghome .post h2 a:focus, .blogarchive .post h2 a:focus {color: #d11014 !important;}
.bloghome .post p, .blogarchive .post p {font-size: 14px;}
.bloghome .postmetadata, .blogarchive .postmetadata {display: none;}
.bloghome .teaserhead, .blogarchive .teaserhead {width: 100%; height: 220px; margin-bottom: 10px; background-size: cover !important; background-position: top center;}
.bloghome .teaserhead a, .blogarchive .teaserhead a {display: block; height: 100%; width: 100%;}
.bloghome .teaserblurb, .blogarchive .teaserblurb {padding: 0px;}

.blogimage img {max-width: 100%; height: auto !important;}
#content h2.subheading {font-size: 24px;}
#content h2.subheading a {color:#444;}
#content .entry.subtext {width: 100%;}

.firstpost {position: relative; text-align: center; padding: 115px 0; background-size: cover !important;}
.blogteaser {background: rgba(0,0,0,.70); padding:15px 125px; text-align: center; color: #fff; position: relative;}
.blogteaser h2 {font-size: 42px !important; font-weight: normal; margin: 0; padding: 0; text-align: center;}
.blogteaser h2 a {font-weight: normal; color: #fff !important; text-decoration: none;}
.blogteaser p {font-size: 14px; text-align: center;}
.blogteaser .entry {padding: 0 50px;}
.viewmore {position: absolute; left: 50%; margin-left: -80px; width: 160px; bottom: -28px; font-size: 14px; text-transform: uppercase;}
.viewmore a {color: #fff !important; display: block; padding:5px 10px; text-decoration: none; font-weight: normal !important; background: rgba(0,0,0,.70);}
.viewmore a:hover, .viewmore a:focus {background: #000;}

.otherposts {display: flex; flex-wrap: wrap;}

.latestblog {}
.latestblog .post {background-blend-mode: multiply; background-color: var(--gray); color: var(--white); background-size: cover !important; background-attachment: fixed; position: relative; min-height: 480px; display: flex; align-items: center; background-position: top center;}
.latestblog .post .latestblurb {position: relative; margin: 0 auto; width: 90%; max-width: 1200px; color: var(--white); font-size: 16px;}
.latestblog h2 a {color: var(--white); text-decoration: none;}
.latestblog .post .latestblurb .subtext {max-width: 580px; margin: 0 auto; font-size: 20px;}
.latestblog .post .latestblurb a.ctabutton {border: 0px !important; font-size: 18px !important; text-decoration: none; margin: 0 !important;}

.blog #header, .single.post-template-default #header, .archive #header {display: none;}
.single img#primary {margin: 0 auto 25px; position: relative; left: 50%; transform: translateX(-50%);}
.single #content .entry > .wp-block-columns .wp-block-column {max-width: 1200px; margin: 0 auto;}

.single.post-template-default #content-top {display: block;}
.single.post-template-default #content-top h1 {text-align: left;}
.single.post-template-default #content-top .wp-block-columns, .single #content-top img#primary, .single #content-top .wp-block-column figure {margin-bottom: 0 !important;}
.single.post-template-default #content-top .sociallinks {text-align: left; padding-left: 0;}
.single.post-template-default #content-top p {text-align: left;}

.single.post-template-default #posttopost-contain {display: flex; flex-wrap: nowrap; justify-content: space-between;}
.single.post-template-default #posttopost-contain small {display: block;}
.single.post-template-default #postprevious {text-align: left; padding-right: 50px;}
.single.post-template-default #postnext {text-align: right; padding-left: 50px;}

/* Pagination */
.pagination {
clear:both;
position:relative;
font-size: 14px; /* Pagination text size */
line-height: 100%;
float: none; /* Pagination float direction */
text-align: center;
}
.pagination span, .pagination a {
display:inline-block;
float:none;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration:none;
width:auto;
color: var(--dkgray); /* Pagination text color */
background: var(--veryltgray); /* Pagination non-active background color */
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-ms-transition: background .15s ease-in-out;
-o-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
.pagination a:hover{
color:#fff;
background: var(--primary); /* Pagination background on hover */
}
.pagination .current{
padding:6px 9px 5px 9px;
background: var(--primary); /* Current page background */
color:#fff;
}

#cat-contain {margin: 0; background-color: var(--veryltgray); background-position: center; background-repeat: no-repeat;}
#cat-contain h1 {text-align: left; font-size: 42px;}
#cat-contain small {font-size: 16px; display: block; text-align: left; margin-bottom: 8px; font-size: 400;}
#cat-contain > .content-inner {padding: 20px 0; width: 70%; max-width: none;}
#cat-contain > .content-inner > ul {padding: 0;}
#cat-contain > .content-inner ul li {margin: 0; padding: 0; list-style: none; font-size: 24px; color: #000; text-transform: uppercase; display: flex; align-items: center;}
#cat-contain > .content-inner ul {display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0; padding: 0;}
#cat-contain > .content-inner ul > li {font-size: 16px; margin: 0 12px; text-transform: none;}
#cat-contain > .content-inner ul > li a {border: 0px solid var(--gold); display: block; padding: 12px 24px; border-radius: 0px; background: transparent; color: var(--dkgray); text-decoration: none;}
#cat-contain > .content-inner ul > li.current-cat a,
#cat-contain > .content-inner ul > li a:hover, #cat-contain > .content-inner ul > li a:focus {background: var(--primary); color: var(--white);}

#cat-contain > .content-inner #searchform input[type="text"] {display: inline-block; vertical-align: middle; padding: 18px 20px; min-width: 400px; border: 0; background: #efefef; color: #000;}
#cat-contain > .content-inner #searchform button[type="submit"] {text-indent: -99999em; overflow: hidden; height: 0; width: 53px; padding: 53px 0 0; border: 0; background: #000; color: #fff; position: relative; display: inline-block; vertical-align: middle; border-radius: 0 25px 25px 0; margin-left: -10px; font-size: 20px;}
#cat-contain > .content-inner #searchform button[type="submit"]::before {display: block; content: '\f002'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-indent: 0;}
#cat-contain > .content-inner #searchform button[type="submit"]:hover, #cat-contain > .content-inner #searchform button[type="submit"]:focus {background: var(--gold); color: #000;}


#above_footer {position: relative; width: 100%; font-size: 22px;}
#above_footer > .content-inner {padding: 14px 0;}

.cta ul {margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: nowrap;}
.cta li {display: inline-block; width: 33%;}
.cta li a {color: #fff; text-decoration: none;}
.cta li a:hover, .cta li a:focus {color: var(--ltblue);}
.cta li a::before {margin-right: 8px; display: inline-block;}
.cta li.calendar a::before {content: '\f073';}
.cta li.employees a::before {content: '\f007';}
.cta li.forms a::before {content: '\f15c';}


.feature {min-height: 660px; vertical-align: middle; align-content: center; background: var(--dkgray); color: var(--white); position: relative; overflow: hidden;}
.feature::before {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1;
background: var(--primary);
background: linear-gradient(90deg, rgba(0,0,0,.95) 0%, transparent 100%);
}
.feature .description {position: relative; z-index: 1;}
.feature .wp-block-image {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; z-index: 0; margin-bottom: 0;}
.feature img {width: auto; min-width: 100%; min-height: 100% !important; max-width: none !important; position: relative; left: 50%; transform: translateX(-50%);}


.dkgraybg a.button, .dkgraybg .wp-block-button a,
.feature a.button, .feature .wp-block-button a, .feature a {background: none; border: 2px solid var(--white); color: var(--white) !important;}
.dkgraybg a.button:hover, .dkgraybg .wp-block-button a:hover,
.dkgraybg a.button:focus, .dkgraybg .wp-block-button a:focus,
.feature a.button:hover, .feature .wp-block-button a:hover, .feature a:hover,
.feature a.button:focus, .feature .wp-block-button a:focus, .feature a:focus {background: var(--white); border-color: var(--dkgray); color: var(--dkgray) !important;}
.feature a {display: block;}

#footer {clear: both; font-size: 14px; position: relative; z-index: 1; background-color: var(--secondary); color: var(--white); border-top: 0px solid var(--dkgray); text-align: left; background-color: var(--secondary); background-image: var(--textured); background-repeat: repeat; background-position: top left;}
#footer-inner {width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 0;}
#footer ul {list-style: none; margin: 0; padding: 0;}
#footer li {list-style: none; margin: 0 0 8px; padding: 0;}
#footer .right {display: inline-block; width: 49.5%; text-align: right; vertical-align: middle;}
#footer .left {display: inline-block; width: 50%; text-align: left; vertical-align: middle;}
#footer p {color: var(--white); font-size: 18px;}
#footer p a {color: var(--white); text-decoration: none;}
#footer p a:hover, #footer p a:focus {color: var(--tertiary) !important;}
#footer ul li a {color: var(--white); font-size: 16px;}
#footer ul li a:hover, #footer ul li a:focus {text-decoration: none; color: var(--tertiary);}

#footer-top {padding: 50px 0;}
#footer-top hr {background: var(--tertiary); padding: 2px 0 0;}

#footer-top, #footer-bottom {width: 100%;}
#footer-row {width: 100%; display: flex; flex-wrap: nowrap; position: relative; padding: 0 0; margin: 0 auto; text-align: left;}
#footer-first, #footer-second, #footer-third, #footer-fourth {width: 25%; display: inline-block; vertical-align: top; margin: 0 1%;}
#footer-first {margin-left: 0;}
#footer-fourth {margin-right: 0;}

#footer-bottom {font-size: 20px; font-weight: bold; color: var(--gray);}
#footer-bottom a[href*="tel"],
#footer-bottom a[href*="mailto"],
#footer-bottom address {color: var(--gray); text-decoration: none; display: inline-block; font-style: normal; position: relative;}
#footer-bottom a:hover, #footer-bottom a:focus {color: #d11014;}
#footer-bottom a[href*="tel"] {margin-right: 15px; padding-right: 15px;}
#footer-bottom a[href*="mailto"] {margin-left: 15px; padding-left: 15px;}
#footer-bottom a[href*="tel"]::after,
#footer-bottom a[href*="mailto"]::after {position: absolute; top: 0; bottom: 0; width: 1px; background: #dcdcdc; content: ''; display: inline-block;}
#footer-bottom a[href*="tel"]::after {right: 0;}
#footer-bottom a[href*="mailto"]::after {left: 0;}

.footer-nav {margin: 0; padding: 0; list-style: none; text-align: left;}
.footer-nav li {display: inline-block; margin-right: 2.5% !important;}
.footer-nav li a {color: var(--white); text-decoration: none;}
.footer-nav li a:hover, .footer-nav li a:focus {color: var(--tertiary); text-decoration: underline;}

.nobottom {margin-bottom: 0;}
.addtop {padding-top: 45px;}

.sociallinks {margin: 30px auto !important; text-align: center;}
.sociallinks ul {margin: 0 0; padding: 0; list-style: none; text-align: center;}
.sociallinks li {display: inline-block; vertical-align: middle; margin: 0 1% !important;}
.sociallinks li a {display: block; text-indent: -99999em; overflow: hidden; position: relative; height: 0; padding: 36px 0 0; width: 36px; border-radius: 50%; border: 0 solid var(--primary); background: var(--primary); color: var(--white) !important; font-size: 20px !important;}
.sociallinks li a:hover, .sociallinks li a:focus {border-color: var(--primary-alt); background: var(--primary-alt); color: var(--white) !important;}
.sociallinks li a::before {text-indent: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.sociallinks li a[href*='facebook']::before {content: '\f09a';}
.sociallinks li a[href*='twitter']::before {content: '\e61b';}
.sociallinks li a[href*='instagram']::before {content: '\f16d';}
.sociallinks li a[href*='youtube']::before {content: '\f16a';}
.sociallinks li a[href*='linkedin']::before {content: '\f08c';}
.sociallinks li a[href*='tiktok']::before {content: '\e07b';}

.sociallinks li.ig {display: none !important;}

.authorize {text-align: center;}
.authorize img {vertical-align: middle;}

.latestpost {position: relative; padding: 0 0 0 24px; margin-bottom: 12px;}
.latestpost::before {position: absolute; top: 2px; left: 0; content: '\f143'; color: var(--navy);}
.latestpost h3 {margin: 0 0 6px; padding: 0; font-size: 18px;}
.latestpost h3 a {color: var(--gray);}
.latestpost h3 a:hover, .latestpost h3 a:focus {color: var(--navy);}
.latestpost p {margin:6px 0 0; padding: 0;}


#below_footer {color: var(--white); background: var(--primary);}
#below_footer > .content-inner {padding: 40px 0; font-size: 14px;}
#below_footer > .content-inner p {margin: 0;}
#below_footer > .content-inner a {color: var(--white);}
#below_footer > .content-inner a:hover, #below_footer > .content-inner a:focus {color: var(--gold);}
#below_footer > .content-inner a::before {}
#below_footer > .content-inner ul {list-style: none; margin: 12px 0; padding: 0; text-align: center; display: flex; flex-wrap: nowrap; justify-content: center;}
#below_footer > .content-inner li {display: inline-block; margin: 0 6px;}

ul.quickcontact {}
ul.quickcontact li {}
ul.quickcontact a {text-decoration: none; color: var(--white);}
ul.quickcontact a:hover, ul.quickcontact a:focus {text-decoration: underline; color: var(--ltblue);}
ul.quickcontact a::before {margin-right: 6px; display: inline-block; vertical-align: middle; color: var(--ltblue);}
ul.quickcontact a::after {display: none !important;}
ul.quickcontact a[href*='contact']::before {content: '\f086';}
ul.quickcontact a.portal::before {content: '\e283';}
ul.quickcontact a[href*='facebook']::before {content: '\f09a';}
ul.quickcontact a[href*='twitter']::before {content: '\e61b';}
ul.quickcontact a[href*='linkedin']::before {content: '\f0e1';}
ul.quickcontact a[href*='donate']::before {content: '\f19d';}
ul.quickcontact a[href*='mailto']::before {content: '\f1d8';}
ul.quickcontact a[href*='payment']::before {content: '\f0d6';}
ul.quickcontact li.search {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); margin: 0 !important;}
ul.quickcontact li.search a {display: block; height: 0; padding: 36px 0 0; width: 36px; overflow: hidden; text-indent: -99999em;}
ul.quickcontact li.search a::before {content: '\f002'; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}


.locations ul {margin: 20px 0 10px;; padding: 0; list-style: none; text-align: center; font-size: 20px;}
.locations li {display: inline-block; margin: 0 0 0 10px; padding: 0 0 0 10px; color: #89c8c8;}
.locations li a {color: #89c8c8; text-decoration: none; text-transform: uppercase;}
.locations li a:hover, .locations li a:focus {color: #fff;}
.locations li::after {content: '\f111'; display: inline-block; vertical-align: middle; margin-left: 20px;}
.locations li:last-of-type::after {display: none;}

#page_end {color: var(--black); z-index: 1; background: var(--white);}
#page_end > .content-inner {padding: 12px 0; font-size: 12px;}
#page_end > .content-inner strong {display: block;}
#page_end a {color: var(--black);}
#page_end a:hover, #page_end a:focus {color: var(--secondary-alt);}
#page_end > .content-inner section {margin-bottom: 0;}

.ai1ec-posterboard-view .ai1ec-date-block-wrap {background: #666 !important;}
.ai1ec-posterboard-view.ai1ec-posterboard-aligned .ai1ec-posterboard-image-container .ai1ec-posterboard-time {background: #333 !important;}

.leadinfo {visibility: hidden;}

.campuses {}
.campuses ul {margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: nowrap;}
.campuses li {display: inline-block; vertical-align: top; padding: 20px; width: calc(100% - 40px); line-height: 140%;}


.rfiform {}
.rfiform .gform_fields {}


.stafflist {display: flex; flex-wrap:wrap;}
.ourstaff {margin-bottom: 50px; text-align: center; width: 33%; display: inline-block; vertical-align: top; position: relative;}
.ourstaff img {max-width: 250px !important; height: auto !important; margin-bottom: 25px;}
.ourstaff p a {font-size: 22px; border: none !important;}
.ourstaff a img {border: none !important;}
.ourstaff tr {display: block; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #aeaeae;}
.ourstaff td {vertical-align: top;}
.ourstaff td:last-of-type {padding-left: 20px;}
.staffdetails {margin: 0 0 .5em !important; padding: 0 !important;}
.staffdetails.last {margin-bottom: 1.5em !important;}

.staffdetails a {border-bottom: none !important;}
.staffdetails.email a::before {content: '\f0e0'; margin-right: 5px; font-size: 24px; vertical-align: middle;}
.staffdetails.phone a::before {content: '\f2a0'; margin-right: 5px; font-size: 30px; vertical-align: middle;}


.bk_calendar_frame {width: 100% !important; margin-bottom: 45px;}
.wpbc_structure_form {}
.wpbc_structure_form .form-group {width: 45%; display: inline-block; vertical-align: top; margin: 0 4% 25px 0 !important;}
.wpbc_structure_form .form-group input[type="text"],
.wpbc_structure_form .form-group select,
.wpbc_structure_form .form-group textarea {width: 100% !important;}

.form_schedule {width: 90%; margin: 0 auto; max-width: 1200px; padding: 50px 0;}
.form_schedule .textwidget {margin: 0 auto !important; padding: 0px 25% 0px 0;}
.form_schedule h2 {display: block; position: relative; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid #e3e3e3; text-align: left; color: #fff; font-weight: normal;}
.form_schedule h2::before {content: '\f274'; color: #fff; display: inline-block; vertical-align: bottom; font-size: 50px; margin-right: 8px; line-height: 100%;}
#schedule-form .ea-bootstrap.bootstrap {}
#schedule-form .ea-bootstrap.bootstrap .ea-bootstrap {max-width: 100% !important; text-align: left;}
#schedule-form .ea-bootstrap .disabled .block {background: none;}
#schedule-form .form-firststep, #schedule-form .step.final {display: inline-block; vertical-align: top; width: 45%; color: #fff;}
#schedule-form .step.final {margin-left: 5%;}
#schedule-form .ui-datepicker .ui-datepicker-current-day,
#schedule-form .ea-bootstrap .btn-primary {background-color: #066051;}
#schedule-form .ea-bootstrap .btn-primary:hover, #schedule-form .ea-bootstrap .btn-primary:focus {background-color: var(--ltblue2);}
#schedule-form .ui-datepicker {border-color: #066051;}
#schedule-form .ui-datepicker a:hover, #schedule-form .ui-datepicker a:focus, #schedule-form .ui-datepicker td:hover a, #schedule-form .ui-datepicker td a:focus,
#schedule-form .ea-bootstrap a {color: #066051;}
#schedule-form .ui-datepicker .ui-datepicker-current-day a {color: #fff !important;}
#schedule-form h3 {margin-top: 0 !important;}
#schedule-form .ea-bootstrap label {text-align: left !important; width: 100% !important;}
#schedule-form .ea-bootstrap .col-sm-8 {width: 100% !important;}
#schedule-form .ea-bootstrap.ea-bootstrap .selected-time, #schedule-form .ea-bootstrap.ea-bootstrap .selected-time:hover {background-color: #066051; color: #fff !important;}


/*** ERROR 404 LAYOUT ***/
.page-template-template-404 #header {display: none;}
.page-template-template-404 .feature a {display: inline-block; border: none; width: auto; padding: 0; font-weight: normal; text-transform: none; color: var(--gold) !important; margin: auto;}
.page-template-template-404 .feature a::after {display: none !important;}
.page-template-template-404 .wp-block-column figure, .page-template-template-404 .wp-block-image {margin: 0;}
.page-template-template-404 .wp-block-image.size-full img {width: 100%;}
/**********/

/*** Thank you page ***/
.page-template-template-thanks #header {min-height: 100vh; background-color: var(--primary); background-blend-mode: multiply;}
.page-template-template-thanks #header > #header-inner {text-align: center; width: 50%;}
.page-template-template-thanks #header_left {}
.page-template-template-thanks .wp-block-image.size-full img {width: 100%;}
/******/

.valueprops {padding: 30px 0; font-size: 16px;}
.valueprops .wp-block-column {padding: 0 20px;}
.valueprops .wp-block-column p {line-height: 120%;}

.proglist {display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.proglist .progitem {padding: 20px; border-top: 6px solid var(--tertiary); background: var(--veryltgray); width: calc(32% - 60px); margin:0 0 45px;}
.proglist .progthumb {height: 180px; overflow: hidden;}
.proglist .progthumb img {max-width: none !important; height: 100% !important; width: auto !important; transform: translate(-50%,-50%); top: 50%; left: 50%; position: relative;}
.proglist .progblurb {text-align: center;}
.proglist .progblurb h3 {font-family: var(--font-button); font-size: 26px; padding-bottom: 12px; padding-top: 8px; text-align: center; font-weight: 700; position: relative;}
.proglist .progblurb h3::after {content: ''; display: block; position: absolute; height: 4px; background: var(--tertiary); width: 100px; bottom: -10px; left: 50%; transform: translateX(-50%);}
.proglist .progblurb h3 a {color: var(--secondary); text-decoration: none;}
.proglist .progblurb h3 a:hover, .proglist .progblurb h3 a:focus {color: var(--blue);}
.proglist .progexcerpt p,
.proglist .progblurb p {font-size: 16px; text-align: center; line-height: 110% !important; margin-bottom: 12px !important;}
.proglist li {}
.progitem {}

.progcard {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.progcard .progitem {width: calc(50% - 0px); margin: 0 0 4px; height: 280px; background-repeat: no-repeat; background-position: top center; background-size: cover; background-blend-mode: multiply; background-color: var(--gray); position: relative;}
.progcard .progitem a {display: block; border: 4px solid var(--white); height: calc(100% - 4px); text-decoration: none; position: relative; color: var(--white);}
.progcard .progitem a:hover, .progcard .progitem a:focus {border-color: var(--primary);}
.progcard .progitem a h3 {padding: 10px; background: rgba(20,130,120,.75); position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 0; font-size: 20px;}

.columnlist {display: flex; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; justify-content: space-evenly;}
.columnlist > li {width: 98%; margin: 0 1% 25px;}
.columnlist ul {margin: 12px 0 0; padding: 0; list-style: none;}
.columnlist ul li {margin-bottom: 4px;}


.validation_error {display: none;}
.validation_message {background: #790000;color: #fff !important;font-size: 10px !important;padding: 4px 8px !important;width: auto !important;display: inline-block; position: absolute; right: 0; bottom: 0px}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background: none !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-right: 0 !important; border: none !important;}


.wage, .growth {position: relative; background: #e5e5e5; padding: 5px 0; text-align: right; color: #fff; z-index: 2; font-size: 12px;}
.wage *, .growth * {z-index: 2; position: relative;}
.wage::after, .growth::after {content: ''; position: absolute; left: 0; top: 0; bottom: 0; height: 100%; background: var(--navy); z-index: 0;}
.growth::after {background: var(--ltblue);}

.wide100 {padding-right: 2%;}
.wide90 {padding-right: 12%;}
.wide80 {padding-right: 22%;}
.wide70 {padding-right: 32%;}
.wide60 {padding-right: 42%;}
.wide50 {padding-right: 52%;}
.wide40 {padding-right: 62%;}
.wide30 {padding-right: 72%;}
.wide20 {padding-right: 82%;}

.wide100::after {width: 100%;}
.wide90::after {width: 90%;}
.wide80::after {width: 80%;}
.wide70::after {width: 70%;}
.wide60::after {width: 60%;}
.wide50::after {width: 50%;}
.wide40::after {width: 40%;}
.wide30::after {width: 30%;}
.wide20::after {width: 20%;}



.paypalform {margin-bottom: 45px;}
.paypalform .button {margin: 0 0 25px 0 !important; padding:12px 24px; background: var(--ltblue) url(images/back-button.jpg) repeat-x bottom; display: block; color: #000 !important; border-radius: 25px 0px 25px 0; font-weight: bold !important; margin-left: 5px; text-align: center !important; font-size: 18px;}
.paypalform .button::after {font-size: 80%; margin-left: 8px;}
.paypalform .button:hover, .paypalform .button:focus {background: var(--ltblue); cursor: pointer;}
.paypalform fieldset {margin: 0; border: 0;}
.paypalform fieldset legend {font-size: 24px; color: #444; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #444; display: block; width: 100%;}
.paypalform .fieldset-description {margin-bottom: 15px;}



div#n2-ss-3 .n2-ss-slider-1 {display: none;}



.rSlider--dots-controls_1,.rSlider--dots-controls_2,.rSlider--dots-controls_3,.rSlider--dots-controls_4,.rSlider--dots-controls_5,.rSlider--dots-controls_6,.rSlider--dots-controls_7,.rSlider--dots-controls_8,.rSlider--dots-controls_9,.rSlider--dots-controls_10,.rSlider--dots-controls_11,.rSlider--dots-controls_12,.rSlider--dots-controls_13,.rSlider--dots-controls_14,.rSlider--dots-controls_15,
.rSlider--arrow-controls_1,.rSlider--arrow-controls_2,.rSlider--arrow-controls_3,.rSlider--arrow-controls_4,.rSlider--arrow-controls_5,.rSlider--arrow-controls_6,.rSlider--arrow-controls_7.rSlider--arrow-controls_8,.rSlider--arrow-controls_9,.rSlider--arrow-controls_10,.rSlider--arrow-controls_11,.rSlider--arrow-controls_12,.rSlider--arrow-controls_13,.rSlider--arrow-controls_14,.rSlider--arrow-controls_15 {display: none !important;}


.primarybg {background: var(--primary);}
.secondarybg {background-color: var(--secondary);}
.textured {background-image: var(--textured); background-repeat: repeat; background-position: top left;}
.graybg {background: var(--gray);}
.dkgraybg {background: var(--dkgray);}
.ltgraybg {background: var(--ltgray);}
.veryltgraybg {background: var(--veryltgray);}
.blackbg {background: var(--black);}

.bluebg {background: var(--blue);}
.ltbluebg {background: var(--ltblue);}
.veryltbluebg {background: var(--veryltblue);}
.redbg {background: var(--red);}
.orangebg {background: var(--orange);}
.goldbg {background: var(--gold);}

.dkgraybg, .dkgraybg *,
.primarybg, .primarybg *,
.secondarybg, .secondarybg *,
.blackbg, .blackbg *,
.redbg, .redbg *,
.ltbluebg, .ltbluebg *,
.bluebg, .bluebg * {color: var(--white) !important;}
.primarybg .wp-block-button a, .secondarybg .wp-block-button a, .blackbg .wp-block-button a, .redbg .wp-block-button a, .bluebg .wp-block-button a, .ltbluebg .wp-block-button a {background: transparent !important; border-color: var(--white) !important; color: var(--white) !important;}
.primarybg .wp-block-button a:hover, .primarybg .wp-block-button a:focus,
.secondarybg .wp-block-button a:hover, .secondarybg .wp-block-button a:focus,
.blackbg .wp-block-button a:hover, .blackbg .wp-block-button a:focus,
.redbg .wp-block-button a:hover, .redbg .wp-block-button a:focus,
.bluebg .wp-block-button a:hover, .bluebg .wp-block-button a:focus,
.ltbluebg .wp-block-button a:hover, .ltbluebg .wp-block-button a:focus {background: var(--white) !important; border-color: var(--white) !important; color: var(--primary) !important;}

.wp-block-columns:has(> div.grid) {gap: 0;}
.grid {padding: 60px;}
.home #header-inner {width: 100%; max-width: 100%; margin: 0 auto; vertical-align: middle; position: relative; top: auto; transform: none;}

#content {width: 100%;}
#content .wp-block-columns,
#content .entry {margin-bottom: 0 !important;}
#content .entry h2 {}
#content .entry .white,
#content .entry .white h2 {color: #fff;}

#content .entry > .wp-block-columns,
#content .entry > .wp-block-group {margin: 0 auto; padding: 100px 15%;}
#content .entry > .wp-block-columns:first-of-type, #content .entry > .wp-block-group:first-of-type {padding-top: 100px; padding-bottom: 25px;}
#content .entry > .wp-block-columns.fullwide,
#content .entry > .wp-block-group.fullwide {margin: 0 auto; padding: 100px 0;}
#content .entry > .wp-block-columns.slim, #content .entry > .wp-block-group.slim {padding-top: 25px; padding-bottom: 25px;}
#content .entry > .wp-block-columns.slimtop, #content .entry > .wp-block-group.slimtop {padding-top: 25px;}
#content .entry > .wp-block-columns.slimbottom, #content .entry > .wp-block-group.slimbottom {padding-bottom: 25px;}
#content .entry > .wp-block-columns.fullwide.graphic,
#content .entry > .wp-block-group.fullwide.graphic {margin: 0 auto; padding: 0;}
.logged-in #content .entry > .wp-block-columns
.logged-in #content .entry > .wp-block-group {}

.home .wp-block-image img
.home .locations .wp-block-image img {min-width: 0; margin: 0 auto;}
.home .wp-block-column h2 {border: none;}
#content .wp-block-columns.locationgroup,
#content .entry > .wp-block-columns.locations .wp-block-columns {margin-bottom: 40px !important;}


.graphic img {min-width: 100%; opacity: .25;}
.graphic .wp-block-columns {gap: 0 !important; position: relative;}
.graphic .wp-block-column {position: relative;}
.graphic .wp-block-column::before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,71,113,.95); display: block; content: ' ';}
.graphic .wp-block-column .wp-block-group {color: var(--white); position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; width: 60%;}
.graphic .wp-block-group hr {width: 45%; margin: 0 auto 20px; border-bottom: 0;}


#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .esab__heading_tag {color: var(--verydkgray) !important;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child {border: 1px solid var(--verydkgray) !important; border-width: 0 0 0 !important; border-radius: 12px !important; background: var(--veryltgray); position: relative; margin-bottom: 16px;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__head {padding: 20px 20px 20px 20px !important; font-family: var(--font-button);}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion,
#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .esab__body {border-color: var(--verydkgray) !important;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion * {background: none !important;}
#content .wp-block-esab-accordion .esab__head .esab__heading_txt {padding-left: 50px;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__heading_tag {font-weight: bold !important; font-size: 20px !important;}
#content .wp-block-esab-accordion .esab__icon {position: absolute; left: 10px;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__icon .esab__expand,
#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__icon .esab__collapse {text-indent: -99999em; overflow: hidden; width: 40px !important; height: 0 !important; padding: 40px 0 0 !important; position: relative; font-size: 30px; margin-top: -5px; border-radius: 50%; background: var(--tertiary);}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__icon .esab__collapse::before,
#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__icon .esab__expand::before {display: block; position: absolute; text-indent: 0; content: '\2b'; top: 50%; left: 50%; transform: translate(-50%,-50%); font-weight: 900; color: var(--white);}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__icon.esab__active_icon .esab__collapse,
#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__icon.esab__active_icon .esab__expand {color: var(--tertiary) !important; background: var(--white) !important;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__icon.esab__active_icon .esab__collapse::before,
#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__icon.esab__active_icon .esab__expand::before {content: '\f068'; color: var(--tertiary) !important;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .esab__body {border: 0 !important; padding: 30px !important;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .esab__head {background: var(--tertiary) !important; color: var(--white);}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__heading_tag a {color: var(--verydkgray) !important;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .esab__heading_tag a {color: var(--white) !important;}


.faculty-list {margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
.faculty-list > div {padding: 20px 12px; text-align: center; width: calc(33% - 48px); background: var(--veryltgray); margin: 12px;}
.faculty-list div h4 {margin: 0;}
.faculty-list.instruct > div {padding: 12px; text-align: center; width: calc(33% - 48px); background: var(--veryltgray); margin: 12px;}
.faculty-list.instruct .faculty-blurb p:last-child {text-align: left; font-size: 16px;}


.socialicons {margin: 0 0 24px; padding: 0; list-style: none;}
.socialicons li {display: inline-block; margin: 0 10px 10px 0 !important;}
.socialicons li a {display: block; text-indent: -99999em; position: relative; height: 0; width: 60px; padding: 60px 0 0; overflow: hidden; color: #fff; font-size: 30px; border-radius: 50%; border: 1px solid;}
.socialicons li a[href*="west"],
.socialicons li a[href*="wcui"] {color: var(--teal) !important; border-color: var(--teal);}
.socialicons li a[href*="smith"] {color: var(--gold) !important; border-color: var(--gold);}
.socialicons li a[href*="west"]:hover, .socialicons li a[href*="wcui"]:hover, .socialicons li a[href*="smith"]:hover,
.socialicons li a[href*="west"]:focus, .socialicons li a[href*="wcui"]:focus, .socialicons li a[href*="smith"]:focus {color: #fff !important; border-color: #fff;}
.socialicons li a::before {text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.socialicons li a[target="_blank"]::after {display: none;}
.socialicons li a[href*="facebook"]::before {content: '\f09a';}
.socialicons li a[href*="twitter"]::before {content: '\e61b';}
.socialicons li a[href*="instagram"]::before {content: '\f16d';}
.socialicons li a[href*="linkedin"]::before {content: '\f0e1';}

.timeline-block-detail {color: #000;}
.cool-vertical-timeline-body .timeline-content .story-details h3 {font-size: 24px; line-height: 120%;}
.cool_timeline h2.timeline-main-title {text-shadow: 1px 1px 6px #000; color: #fff; font-size: 28px;}
.cool_timeline .meta-details {color: #fff !important; text-shadow: 1px 1px 6px #000;}

.main-menu {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.main-menu ul.menu {margin: 0; padding: 0; list-style: none; text-align: right;}
.main-menu ul.menu li {display: inline-block;}
.main-menu ul.menu li.active a, .main-menu ul.menu li a:hover {font-weight: bold;}
/*.main-menu ul.menu li a::after {content: ''; border-bottom: 2px solid #000; display: none; width: 0;}
.main-menu ul.menu li a:hover::after,
.main-menu ul.menu li.active a::after {width: 100%;}*/


.wp-block-columns.calloutgroup {flex-wrap: wrap !important; align-items: center !important; justify-content: center; text-align: center; gap: 0;}
.wp-block-columns.calloutgroup > .wp-block-column {width: 30%; margin: 15px 1% 25px !important; display: inline-block; align-self: start;}


/***** PROGRAM PAGE CODE *****/
.parent-pageid-1971 {}
.parent-pageid-1971 #header h1 {font-size: 24px;}
.parent-pageid-1971 #header h2 {color: var(--white);}
.parent-pageid-1971 #header table {width: 100%; table-layout: fixed;}
.parent-pageid-1971 #header table p {}
.parent-pageid-1971 #header table em {display: block; font-size: 72px; font-weight: bold; font-style: normal;}
/*****/


/***** PROGRAM PAGE CODE *****/
.time_description {font-family: inherit !important; font-size: 16px !important;}
.time_left {font-size: 44px !important; background-color: var(--primary) !important;}

.advanced #header {background-color: var(--dkgray);}
.advanced #above_content {background: var(--red);}
.advanced .formblock .gform_wrapper .gform_footer input[type=submit] {background: var(--primary);}
.advanced .formblock .gform_wrapper .gform_footer input[type=submit]:hover, .advanced .formblock .gform_wrapper .gform_footer input[type=submit]:focus {background: var(--primary-alt);}
/*****/


.uagb-post-grid.is-grid.uagb-post__equal-height .uagb-post__inner-wrap {position: relative; padding-bottom: 50px;}
.uagb-post__inner-wrap {border-top: 6px solid var(--tertiary-alt);}
.uagb-post-grid .uagb-post__cta {position: absolute; bottom: 20px;}
.uagb-post-grid .wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link {border-style: none; background: none; color: var(--primary) !important; text-transform: none; font-size: 16px; padding: 0; border: none !important;}
.uagb-post-grid .wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link::after {content: '\f178'; clip-path: none; background: none;}
.uagb-post-grid .wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link:hover, .uagb-post-grid .wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link:focus, .uagb-post-grid .wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link:hover::after, .uagb-post-grid .wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link:focus::after {color: var(--primary-alt) !important; background: none;}
.uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a[class^="uagb-image-ratio-"]>img {position: absolute; height: 100%; max-width: none !important; height: 100% !important; min-width: 100%; width: auto; left: 50%; transform: translateX(-50%);}
.spectra-image-gallery__layout--carousel .spectra-image-gallery__media-wrapper {position: relative;}


.uagb-post__inner-wrap {display: flex !important; flex-wrap: nowrap !important;}
.uagb-post__inner-wrap .uagb-post__image {margin: 0 !important; padding: 0 !important; width: 50% !important; overflow: hidden;}
.uagb-post__inner-wrap .uagb-post__image a {height: 100% !important; padding: 0 !important;}
.uagb-post__inner-wrap .article_text {width: calc(50% - 25px); padding: 0 12px;}


.sponsors h2, .sponsors h3 {width:100%; float:left; border-bottom: 2px solid #cfcfcf; /* text-decoration: underline; */ margin: 10px 0; padding: 5px;}
.sponsors .sponsor {text-align: center; width: 165px; min-height: 113px; float: left; font-size: 12px; border: 3px solid #cfcfcf; margin: 10px; padding: 10px; word-wrap: break-word;}
.sponsor a[target="_blank"]::after, .sponsor a::before {display: none;}
.sponsors .sponsor img{max-height:80px; max-width:100%; width:auto; margin-bottom:5px;}


#value {list-style: none !important; display: flex; flex-wrap: wrap; justify-content: space-evenly; margin-bottom: 20px; font-size: 18px;}
#value li {position: relative; padding-left: 28px; margin-bottom: 12px; line-height: 110%; break-inside: avoid-column; width: calc(33% - 28px); text-align: left; list-style: none !important;}
#value li::before {content: ''; display: inline-block; position: absolute; top: 0; left: 0; font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Duotone', 'Font Awesome 6 Brands','Font Awesome 6 Free', 'simple-line-icons', 'qligg', 'Calibri', 'Roboto', 'Lato', 'Open Sans', Arial, sans-serif;}
#value li#admit::before {content: '\f19c';}
#value li#cost::before {content: '\f2e8';}
#value li#course::before {content: '\f02d';}
#value li#enroll::before {content: '\f590';}
#value li#program::before {content: '\f51c';}
#value li#placement::before {content: '\e4da';}


.flyleft {left: -100em; position: relative; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.flyright {right: -100em; position: relative; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.flyleft.inview {left: 0;}
.flyright.inview {right: 0;}


/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************GENERAL ADJUSTMENTS ETC*************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/

/* Begin Images */
p img {padding: 0; max-width: 100%;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */



/* Begin Entry Lists */
#sidebar ul,
#sidebar ul ol {margin: 0; padding: 0;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px;}
#sidebar ul p,
#sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul,
#sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul,
#sidebar ul ol {margin: 0 0 0 10px;}
ol li,
#sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li,
#sidebar ul ol li {margin: 3px 0 0; padding: 0;}
/* End Entry Lists */



/* Begin Comments*/
.commentlist li,
#commentform input,
#commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist cite,
.commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
.commentmetadata {font-weight: normal;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%; padding: 2px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;	float: right;}
.alt {margin: 0; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children {padding: 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}
/* End Comments */



/* Begin Calendar */
#wp-calendar #prev a,
#wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; ;}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr,
span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}

/*blockquote {margin: 30px 0; padding-left: 20px;}
blockquote::before {display: none; content: '\f10d'; font-size:60px; color:#666; margin-left: -70px; float: left;}
blockquote p {margin-bottom: 12px !important; font-weight: 100; font-size: 85px; color: var(--ltblue); text-align: center;}
blockquote cite {margin: 0; display: block; font-style: normal;}*/
blockquote {text-align: left; position: relative; padding: 0; color: var(--tertiary-alt); margin: 0;}
blockquote p {font-size: 36px; line-height: 100% !important;}
blockquote cite {display: block; text-align: left; font-size: 14px; line-height: 100%;}

.wp-block-embed-tiktok blockquote p {color: #000; font-size: 18px;}

.wp-block-pullquote {border: solid var(--ltblue) !important; border-width: 5px 0 !important; padding: 1.5em 0 !important; margin: 3em 0 !important;}
.wp-block-column .wp-block-pullquote {border: solid var(--ltblue) !important; border-width: 0 0 0 5px !important;}
.wp-block-pullquote.is-style-solid-color blockquote {max-width: 100% !important;}

.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute; left: -1000em;}
hr {-webkit-margin-before: 30px; -webkit-margin-after: 20px; line-height: 100%; padding: 1px 0 0; border: none !important; background: #333;}
a img {border: none;}
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; ;}
/* End captions */


.widget {list-style: none;}


.jobwise-section a[target="_blank"]::after,
#jobwise-jobs a[target="_blank"]::after {display: none;}

#accreditations {display: flex; flex-wrap: wrap;}
.accreditation-contain {padding: 80px 40px; width: calc(100% - 80px); border-bottom: 1px solid var(--ltgray);}

.extrawide .wp-block-column {margin-left: 0 !important;}
.extrawide .wp-block-column:nth-child(3n) {margin-left: 32px !important;}



#mobilemenu {position:absolute !important; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right:2%; cursor:pointer; text-indent: -99999em;}
#mobilemenu .closeform {opacity: 0; display: none;}
.hide-desktop,
.show-mobile {display: none !important;}


.uagb-slick-carousel ul.slick-dots li button::before {content: '\f111';}

button.slick-prev,
button.slick-next {position:absolute; top:50%; z-index:1; cursor:pointer; outline:none; color: #ccc; background: none; border: none; text-indent: -99999em; width: 50px; height: 0; padding: 50px 0 0;}
button.slick-prev {left:0px;}
button.slick-next {right:0px;}
button.slick-prev::before, button.slick-next::before {text-indent: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 50px;}
button.slick-prev::before { content: '\f053';}
button.slick-next::before { content: '\f054';}

.slick-dots {margin:0; padding: 0; list-style: none; text-align: center; position: absolute; bottom: -40px; left: 50%; -webkit-transform:translateX(-50%); transform: translateX(-50%); width: 90%;}
.slick-dots li {display: inline-block; margin: 0px 5px;}
.slick-dots li button {display: block; height: 0; line-height: 100%; padding: 14px 0 0 0; text-align: center; overflow:hidden; border: none; width: 14px; position: relative; text-indent: -99999em; color: #ccc; background: none;}
.slick-dots li.slick-active button {color: #34383b;}
.slick-dots li button::before {content: '\f111'; font-size: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-indent: 0;}
.slick-dots li.slick-active button::before {}

.mobileslide button.slick-prev, .mobileslide button.slick-next {width: 35px; margin-top: -35px;}
.mobileslide button.slick-prev::before, .mobileslide button.slick-next::before {}
.mobileslide .slick-dots {bottom: -30px;}
.mobileslide .slick-dots li button {text-indent: -99999em; overflow: hidden; background: none; position: relative; width: 20px; padding: 20px 0 0;}
.mobileslide .slick-dots li button::before {content: '\f111'; font-weight: 100; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.mobileslide .slick-dots li.slick-active button::before {font-weight: 900;}

.single-news img#primary {display: none;}
.single #content .entry > .wp-block-columns, .single #content .entry > .wp-block-group,
.single-news #content .entry > .wp-block-columns, .single-news #content .entry > .wp-block-group {padding-top: 100px; padding-bottom: 100px;}
.single.post-template-default #content .entry > .wp-block-columns, .single.post-template-default #content .entry > .wp-block-group {padding-top: 0; padding-bottom: 100px;}
.single #content .entry > .wp-block-columns.slim, .single #content .entry > .wp-block-group.slim,
.single-news #content .entry > .wp-block-columns.slim, .single-news #content .entry > .wp-block-group.slim,
.single #content .entry > .wp-block-columns.slim, .single #content .entry > .wp-block-group.slim {padding-top: 25px; padding-bottom: 25px;}
.single #content .entry > .wp-block-columns.slimtop, .single #content .entry > .wp-block-group.slimtop,
.single-news #content .entry > .wp-block-columns.slimtop, .single-news #content .entry > .wp-block-group.slimtop,
.single #content .entry > .wp-block-columns.slimtop, .single #content .entry > .wp-block-group.slimtop {padding-top: 25px;}
.single #content .entry > .wp-block-columns.slimbottom, .single #content .entry > .wp-block-group.slimbottom,
.single-news #content .entry > .wp-block-columns.slimbottom, .single-news #content .entry > .wp-block-group.slimbottom,
.single #content .entry > .wp-block-columns.slimbottom, .single #content .entry > .wp-block-group.slimbottom {padding-bottom: 25px;}

.wp-block-uagb-advanced-heading {margin-bottom: 24px;}
.wp-block-uagb-advanced-heading.removemargin {margin-bottom: 0;}
.wp-block-uagb-advanced-heading h2, .wp-block-uagb-advanced-heading h3, .wp-block-uagb-advanced-heading h4 {margin-bottom: 0 !important;}


.wp-block-table table {}
.wp-block-table table tbody tr:nth-child(even),
#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .wp-block-table table tbody tr:nth-child(odd) {background: var(--white) !important;}
.wp-block-table td, .wp-block-table th {padding: 1em !important;}

.wp-block-table table {width: 100%; margin-bottom: 25px; background: var(--white);}
.wp-block-table tbody tr:nth-child(odd) {background: var(--veryltgray) !important;}
.wp-block-table th {background: var(--primary) !important; color: var(--white); padding: 15px; border: 1px solid var(--gray); font-weight: bold;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .wp-block-table th {background: var(--primary) !important;}
.wp-block-table th:first-of-type {border-left-color: var(--primary);}
.wp-block-table th:last-of-type {border-right-color: var(--primary);}
.wp-block-table th a {color: var(--white); font-weight: normal; text-decoration: none !important;}
.wp-block-table td {padding: 20px; border: 1px solid var(--gray); position: relative;}

#content .wp-block-columns.quicklinkblock {margin-bottom: 50px !important;}
#content .wp-block-columns.quicklinkblock:last-of-type {margin-bottom: 0 !important;}

.search-results .otherposts > div {margin: 40px 0;}

/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
/******************** BEGIN RESPONSIVE STYLINGS ********************/
/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
@media only screen and (max-width:1290px){

	#navbar-inner {width: 90%;}
	#navbar-inner,
	#footer-inner {}
	#content-top,
	#content {/*width: 90%; padding: 50px 5%;*/}

	.socialicons li a {width: 40px; padding: 40px 0 0; font-size: 24px;}

	#navbar-inner .menu {}

}


/*******************************************************************/
/******************** large tablets horizontal *********************/
/*******************************************************************/
@media only screen and (max-width:1060px){
	html {background: #000;}

	.display-tablet {display: block;}
	.display-desktop, .display-mobile {display: none;}

	#page {width: 100%; margin: 0 auto;}

	#mobilemenu {display: none !important; background: var(--primary); padding: 10px; margin: 0 !important;}
	#main-nav {width:260px; background:var(--dkgray); margin-right:0; position:fixed; top: 0; bottom: 0; right:-260px; text-align: left; -webkit-transform: none; transform: none;}
	.sticky-header #main-nav {top:0;}
	#main-nav li a {color:#fff !important; text-decoration:none; background: var(--dkgray); border-bottom: 1px solid #444; display: block; padding: 20px 15px !important;}
	#main-nav li ul li a {padding-left:16px; background:#444;}
	#main-nav li ul li ul li a {padding-left:26px; background:#666;}
	#main-nav ul {width:100%;}
	#main-nav ul li {padding:0; margin:0;}
	.sticky-header #navbar-inner .menu {font-size: 20px;}

	#navbar-inner #site-name {font-size: 14px; line-height: 130%;}
	#navbar-inner #site-name a {padding: 0 0 0;}
	#site-name img {max-height: 65px;}
	#site-name span {font-size: 25px; letter-spacing: 0;}

	#navbar-inner .menu {margin: 0px; padding: 0px; list-style: outside none none; display: inline;}
	#navbar-inner .menu li {display: block; margin: 0;}
	#navbar-inner .menu li a {margin-left: 0 !important;}
	#navbar-inner .menu > li > a::after {display: none;}
	#navbar-inner .menu > li.menu-item-has-children > a::after {right: 12px;}
	#navbar-inner .menu > li li.menu-item-has-children > a::after {
    content: '\f105';
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    position: absolute;
    font-size: 12px;
  }
	#navbar-inner .menu > li li.menu-item-has-children.open > a::after {content: '\f107';}
	#navbar-inner .menu > li.schedule > a {font-size: 20px;}
	#navbar-inner .menu li li {display: block;}
	#navbar-inner .contact {margin-top: 15px;}
	#navbar-inner .menu-header {display: block; width: 100%; margin-top: 0px;}
	#navbar-inner .menu li#menu-item-15 > a {padding: 15px;}

	#navbar-inner .menu li:hover > .sub-menu {display: none;}
	#navbar-inner .menu li.open > .sub-menu {display: block; width:100%; padding: 0; position: relative; border: 0;}
	#navbar-inner .menu li li:hover > .sub-menu,
	#navbar-inner .menu li li a:focus > .sub-menu,
	#navbar-inner .menu li li.expand > .sub-menu {border: 0 !important; left: 0;}
	#navbar-inner .menu li li > a {background: #1a1a1a; padding:7px 5px 7px 30px;}
	#navbar-inner .menu li li li a {background: #e3e3e3; color: var(--primary-alt) !important; padding-left: 30px;}


	#page, #main-nav, .identity, #mobilemenu {-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
	#main-nav.open {right: 0;}
	.identity.open {}
	.open #mobilemenu {right: 240px;}
	.open #mobilemenu .closeform {opacity: 1; display: block;}
	.open #mobilemenu .openform {opacity: 0; display: none;}


	#mobilemenu {display: block !important; padding: 50px 0 0 !important; width: 50px; height: 0; overflow: hidden; background: var(--white);}
	#mobilemenu::before {display: block; content: '\f0c9'; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 50px !important; color: var(--primary);}
	.open #mobilemenu::before {content: '\f00d';}
	.open #mobilemenu {right: 69%;}
	.open .openmenu {display: none;}
	.open .closemenu {display: block;}
	.main-menu {top: 0; bottom: 0; overflow: auto; transform: none; background: var(--primary); text-align: left; position: fixed; width: 65%; right: -65%;
	-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
	.main-menu.open {right: 0;
	-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
	.main-menu ul.menu {text-align: left;}
	.main-menu ul.menu li {display: block;}
	.main-menu ul.menu li a {color: #fff !important; display: block !important; padding: 12px 16px; margin: 0 !important;}
	#navbar-inner .menu li.expand > .sub-menu {border: 0;}
	#navbar-inner .menu li li > a {background: var(--dkgray);}

	#header-inner {font-size: 18px;}
	#header .metaslider .caption, #header .n2-ss-item-content > div {padding-left: 0; padding-right: 0%;}
	#header .metaslider .caption-wrap, #header .n2-ss-item-content,
	#header .metaslider .caption, #header .n2-ss-item-content > div {padding: 0;}
	#header .metaslider .caption h1, #header .n2-ss-item-content > div h1 {font-size: 40px !important;}
	#header .slideshow p {font-size: 18px !important;}
	#header .slideshow a.ctabutton {margin-right: 30px;}

	#content .entry {font-size: 16px;}

	.glidemeta {width: 75%;}
	.glidemeta h2,
	.glidemeta p {font-weight: 300;}

	.quickfacts .stat h3 {height: 45px;}

	.firstpost {padding: 0 0; margin-bottom: 25px;}
	.blogteaser {padding: 15px;}
	.blogteaser h2 {font-size: 36px !important;}
	.bloghome .post h2, .blogarchive .post h2 {font-size: 20px;}

	.ministry {width: 45%; margin: 0 2% 30px; display: inline-block; vertical-align: top;}
	/*.ministry:nth-child(1n) {margin: 0 2% 30px 0;}
	.ministry:nth-child(2n) {margin: 0 0 30px 2%;}*/

	.runningtimes td {display: inline-block; width: 100%; float: left;}

	.ourstaff td {text-align: left;}

	.sermon-image {height: 140px; background-size: cover;}

	.proglist {column-count: 1; padding: 0;}
	.proglist li {display: block; margin-bottom: 10px;}

	#content .entry > .wp-block-columns {padding: 50px 5%;}
	.socialicons li a {width: 30px; padding: 30px 0 0; font-size: 20px;}
	#content .entry > .wp-block-columns.mission p,
	#content .entry > .wp-block-columns.accreditation p {font-size: 22px;}

	body.home,
	#content .entry > .wp-block-columns.intro,
	#content .entry > .wp-block-columns.logos,
	#content .entry > .wp-block-columns.timeline,
	#content .entry > .wp-block-columns.culture {/*background: #8f9ba6 url(/wp-content/uploads/2022/09/la-palms.jpeg) no-repeat center center;*/ background-attachment: fixed; background-blend-mode: multiply; background-size: cover;}

}




@media only screen and (max-width:1000px){


}


/*******************************************************************/
/********************** large tablets portrait *********************/
/********************* small tablets horizontal ********************/
/*******************************************************************/
@media only screen and (max-width:980px){

	#content-top,
	#content-bottom,
	#content {/*width: 90%; padding: 50px 5%;*/}
	#content-bottom {width: 100%; padding: 50px 0 0;}
	.home .identity,
	.glidecontentwrapper,
	.glidecontent {height: 300px; max-height: 300px;}
	.glidemeta h2 {font-size: 45px;}
	.glidemeta p {font-size: 20px;}
	.glidemeta a {font-size: 18px;}
	.featured h2 {font-size: 24px;}

	#header > #header-inner h1 {font-size: 36px;}

	#content .entry {font-size: 16px;}
	#content h1 {font-size: 42px;}
	#content h2 {font-size: 26px;}
	#content h3 {font-size: 24px;}
	#content h4 {font-size: 20px;}
	#content h5 {font-size: 20px;}
	#content h6 {font-size: 20px;}


	.col-onehalf,
	.col-onethird,
	.col-twothird,
	.col-threequarter,
	.col-onequarter {vertical-align:top; margin:0 1% 45px; width:48%; display:inline-block;}
	.col-onehalf.first, .col-onequarter.first, .col-onethird.first, .col-twothird.first, .col-threequarter.first {margin-left:0;}
	.col-onehalf.last, .col-onequarter.last, .col-onethird.last, .col-twothird.last, .col-threequearter.last {margin-right:0;}
	.col-full img, .col-onehalf img, .col-onethird img, .col-twothird img, .col-onequarter img, .col-threequarter img {height: auto !important;}

	.col2, .col3, .col4 {column-count: 1; column-gap: 40px;}

	#navbar-left {width: 50%;}
	#navbar-right {width: 49%;}
	.sitebrand img {max-height: 135px;}

	.identity {height: 150px;}
	div#n2-ss-2 .n2-ss-slider-2, div#n2-ss-2 .n2-ss-layers-container, #header .n2-ss-slider-1 {/*min-height: 340px; height: 340px !important; max-height: 340px !important; margin: 0 !important;*/}
	div#n2-ss-2 .n2-ss-slide {height: 100% !important;}
	#header .metaslider .caption, #header .n2-ss-item-content > div {padding-right: 0%;}

	.form_schedule .textwidget {padding: 0;}
	.testimonycontent {width: 75%;}

	#below_footer > .content-inner ul {flex-wrap: wrap;}
	#below_footer > .content-inner li {width: 100%; display: block; margin: 2px auto;}

	.left_content {width: 35.5%; float: left; margin-right: 30px; position: absolute; left: 0; top: 0;}
	.right_content {width: 35.5%; float: right; margin-left: 30px; position: absolute; right: 0; top: 0;}
	.leftside .main_content {margin-left: 38.5% !important;}
	.rightside .main_content {margin-right: 38.5% !important;}

	.bothsides .left_content {width: 100%; float: none; margin: 0; position: relative; left: auto; top: auto;}
	.bothsides .right_content {width: 35%;}
	.bothsides .main_content {margin-left: 0 !important; margin-right: 38% !important;}

	blockquote {}
	blockquote::before {font-size: 40px; margin-left: -50px;}

	.extrawide .wp-block-column:nth-child(2n) {
    	margin-left: 0 !important;
	}
	.extrawide .wp-block-column:nth-of-type(2n) {
    	margin-left: 0 !important;
	}
	.extrawide .wp-block-column:first-of-type {margin-left: 0 !important;}
	.extrawide .wp-block-column:nth-child(3n) {margin-left: 32px !important;}

	.columnlist {display: flex; flex-wrap: wrap;}
	.columnlist > li {width: 48%; margin: 0 1% 25px;}

	#form-header {font-size: 28px;}
	#form-text {font-size: 20px;}
	.gform_wrapper .third {width: 100% !important; margin-right: 0;}

	#footer-row {flex-wrap: wrap;}
	#footer-first, #footer-second, #footer-third, #footer-fourth {width: 98%;}

	#topbar {position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; border-radius: 0;}
	#topbar-inner {width: 100%; padding: 0;}
	#topbar ul {display: flex; flex-wrap: nowrap;}
	#topbar ul li {width: 100%; margin: 0;}
	#topbar ul li a {text-indent: 0; position: relative; font-size: 14px; display: block; border: 2px solid var(--white); background: var(--primary); border-radius: 0; margin: 0 auto; padding: 14px 12px;}
	#topbar ul li a[href*='contact'] {background-color: var(--secondary); background-image: var(--textured); background-repeat: repeat; background-position: top left;}
	/*#topbar ul li a::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-indent: 0; display: none;}*/
	#topbar ul li a::before {position: relative; display: block; text-indent: 0; color: var(--white); margin-bottom: 5px; font-size: 18px}
	#topbar ul li a[href*='contact']::before {content: '\f086';}
	#topbar ul li a[href*='enroll']::before {content: '\f303';}

	.stickyctas {position: relative; right: auto; top: auto; display: none;}
	#topbar .quickcontact {}

	.formblock .gform_wrapper input[type=text], .formblock .gform_wrapper input[type=tel], .formblock .gform_wrapper input[type=email], .formblock .gform_wrapper select {font-size: 14px !important;}

	.content_countdown .element_conteiner {min-width: 20% !important;}
	.time_left {font-size: 20px !important;}

	.grid {padding: 20px;}

	#content .wp-block-esab-accordion .wp-block-esab-accordion-child .esab__heading_tag {font-size: 18px !important;}

	.faculty-list > div,
	.faculty-list.instruct > div {width: calc(100% - 24px); margin: 12px 0;}

	.news-item {flex-wrap: wrap; padding: 20px;}
	.news-thumb, .news-blurb {width: 100%;}
	.bloghome .post, .blogarchive .post, .bloghome .mec-events {width: 100%; margin: 0 0 25px;}
	.single.post-template-default #content-top {
    display: block;
    width: 90%;
    max-width: 1000px;
    padding: 50px 5%;
	}
	.single.post-template-default #content-top h1 {font-size: 32px;}

}



@media only screen and (max-width:780px){

	.show-mobile {display: initial;}
	.hide-mobile {display: none !important;}

	#locations .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,
	.wp-block-columns.locationgroup:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 30%!important;}
	.home .wp-block-button a {font-size: 14px;}
	.cool-timeline .timeline-post .timeline-content h2.content-title, .ctl-popup-content h2 {font-size: 20 !important;}
	.cool-timeline .timeline-year {width: calc(50% - 64px) !important;}

 	.wp-block-table table {width:100%; background: none;}
 	.wp-block-table thead {display: none;}
	.wp-block-table tbody tr:nth-child(odd),
	#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .wp-block-table tbody tr:nth-child(odd) {background-color: var(--white) !important; border-bottom: 1px solid #000;}
	.wp-block-table tbody tr:nth-child(even),
	#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .wp-block-table tbody tr:nth-child(even) {background-color: var(--white) !important; border-bottom: 1px solid #000;}
	.wp-block-table tr {display: block; margin-bottom: 25px;}
	.wp-block-table tr td:first-child,
	#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .wp-block-table tbody td:first-of-type {background: var(--primary) !important; color: var(--white); font-weight:bold; font-size:16px;}
	.wp-block-table tr td:first-child a {color: var(--white);}
	.wp-block-table tbody td {display: block; text-align:left;}
	.wp-block-table tbody td::before { content: attr(data-th); display: block; margin-bottom: 5px; text-align:left; font-weight: bold; font-family: var(--font-regular);}
	.wp-block-table tbody td {padding: 5px 15px; border-width: 0 1px;}
	.wp-block-table tbody td:first-of-type,
	#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .wp-block-table tbody td:first-of-type {padding: 15px; font-weight: bold; border-color: var(--primary);}
	.wp-block-table tbody td:first-of-type::before {display: none;}

}



/*******************************************************************/
/********************** small tablets portrait *********************/
/********************** large mobile horizontal ********************/
/*******************************************************************/
@media only screen and (max-width:720px){
	#top {padding: 10px 0;}
/*
	#navbar-right {position: fixed; bottom: 0; left: 0; right: 0; z-index: 10000; background: var(--navy); border-top: 2px solid #fff;}
	#navbar-right .textwidget p {display: flex; justify-content: space-evenly;}
	#navbar-right a {text-indent: -99999em; width: 50px; padding: 50px 0 0; height: 0; overflow: hidden; border: 1px solid #fff; position: relative; border-radius: 50%; margin: 0;}
	#navbar-right a::before {text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
	#navbar-right a.show-mobile {display: inline-block !important;}
*/

	.mobileslide .wp-block-image, .mobileslide p {padding: 0 40px;}

	#header > #header-inner {width: 90%; font-size: 20px;}
	.home #header > #header-inner {width: 100%;}
	#header_left,
	#header_right {width: 90%; margin: 0 auto; padding: 30px 5%;}
	#header_right {}
	#header > #header-inner h1 {font-size: 36px !important;}
	#header > #header-inner h2 {font-size: 26px;}
	#header > #header-inner h3 {font-size: 22px;}
	.home #header-inner {min-height: 480px;}

	.single #content .entry > .wp-block-columns, .single #content .entry > .wp-block-group, .single-news #content .entry > .wp-block-columns, .single-news #content .entry > .wp-block-group {
    padding-top: 50px;
    padding-bottom: 50px;
	}
	#content .entry > .wp-block-columns, #content .entry > .wp-block-group {margin: 0 auto; padding: 100px 5%;}
	.narrow {
		padding-left: 10% !important;
    padding-right: 10% !important;
	}

	.minilocations {font-size: 24px;}
	.minilocations .wp-block-columns > .wp-block-column:first-of-type,
	#cat-contain {display: none;}

	.quicklinkblock.wp-block-columns:not(.is-not-stacked-on-mobile) {flex-wrap: nowrap !important; padding-bottom: 50px !important;}
	.quicklinkblock.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:first-of-type {width: 30% !important; flex-basis: 30% !important;}
	.quicklinkblock.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:last-of-type {width: 70% !important; flex-basis: 70% !important;}

	.sociallinks {text-align: center;}
	.progcard .progitem {width: calc(100% - 0px);}
	.campuses ul {display: block;}

	.proglist .progitem {width: calc(100% - 60px);}

	#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion * {table-layout: fixed;}

	blockquote::before {margin-left: 0;}

	.col-onehalf,
	.col-onethird,
	.col-twothird,
	.col-threequarter,
	.col-onequarter {vertical-align:top; margin:0 0 45px; width:100%; display:inline-block;}
	.col-onehalf.first, .col-onequarter.first, .col-onethird.first, .col-twothird.first, .col-threequarter.first {margin-left:0;}
	.col-onehalf.last, .col-onequarter.last, .col-onethird.last, .col-twothird.last, .col-threequearter.last {margin-right:0;}
	.col-full img, .col-onehalf img, .col-onethird img, .col-twothird img, .col-onequarter img, .col-threequarter img {height: auto !important;}

	.identity {height: 150px;}
	.home .identity,
	.glidecontentwrapper,
	.glidecontent {height: 240px; max-height: 240px;}
	.glidemeta h2 {font-size: 35px;}
	.glidemeta p {font-size: 18px;}
	.glidemeta a {font-size: 18px;}
	#above_footer .mapbox h2 {font-size: 14px;}
	.ourstaff td img {max-width: 90px !important;}

	#content-bottom {}
	.ccf-form-wrapper .form-heading::before {vertical-align: top;}
	.form_schedule {padding: 0;}

	.sermon:nth-child(1n) {margin: initial;}
	.sermon:nth-child(2n) {margin: initial;}
	.sermon {width: 47%; margin: 0 1.5% 45px !important;}

	.ministry p {font-size: 28px;}

	.extrawide .wp-block-column:first-of-type {margin-left: 0 !important;}
	.extrawide .wp-block-column:nth-child(3n) {margin-left: 0 !important;}

	div#n2-ss-2 .n2-ss-slider-2, div#n2-ss-2 .n2-ss-layers-container, #header .n2-ss-slider-1 {
		min-height: 100vh;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
	}
	div#n2-ss-2 .n2-ss-slide {height: 100% !important;}
	#header .metaslider .caption, #header .n2-ss-item-content > div {padding-right: 0%;}
	#header .metaslider .caption h1, #header .n2-ss-item-content > div h1, /*#header .slideshow p:first-of-type,*/
	#header .slideshow p {text-align: center !important;}
	#header .slideshow a.ctabutton {display: none;}

	.mobileopen #mobilemenu {right: 190px;}
	.mobileopen .openform {display: none;}
	.mobileopen .closeform {display: block !important; opacity: 1 !important;}
	/*#main-nav {width: 75%;}*/

	#schedule-form .step.final { margin-left: 0; margin-top: 25px;}
	#schedule-form .form-firststep, #schedule-form .step.final {width: 100%; display: block;}
	#content-bottom {}

	.locations li {width: 100%; text-align: center; margin: 0; padding: 0;}
	.locations li::after {display: none;}

	.testimonials .testimony {text-align: center;}
	.testimonyimage {margin: 0 auto 20px;}
	.testimonycontent {font-size: 28px; width: 100%; margin: 0 auto;}

	.ctas li {font-size: 16px;}
	.ccf-form-wrapper {margin: 0 auto !important; padding: 50px 0 50px 0; width: 100%;}
	.ccf-form .formleft, .ccf-form .formright {width: 100%; clear: both !important; float: none;}

	.sociallinks li a {padding: 40px 0 0; width: 40px;}
	.sociallinks li a::before {font-size: 24px;}

	.social {width: 40px; font-size: 8px; padding: 40px 0 0;}
	.social::before {width: 30px; height: 25px; padding: 5px 0 0;}

	[data-field-type="recaptcha"] div {width: 100% !important; max-width: 100% !important;}
	[data-field-type="recaptcha"] iframe {width: 100% !important; max-width: 100% !important;}

	.wp-block-button.square {margin-bottom: 20px !important;}

	.n2-ss-slider.n2-ss-mobilePortrait .n2-ss-widget-hide-mobileportrait {display: block !important;}

	.moreinfo::after {width: 150px; height: 200px;}

	#page_end {padding-bottom: 70px;}

	.support li {width: calc(100% - 60px); margin: 25px 0 25px;}

	.columnlist {display: flex; flex-wrap: wrap;}
	.columnlist > li {width: 100%; margin: 0 0 25px;}

	#cat-contain > .content-inner ul li {display: block;}
	#cat-contain > .content-inner ul li ul > li {font-size: 14px; margin: 0;}
	#cat-contain > .content-inner ul li ul > li a {padding: 12px;}

	#value li {width: calc(95% - 28px);}


}



/*******************************************************************/
/********************** large mobile portrait **********************/
/********************** small mobile landscape *********************/
/*******************************************************************/
@media only screen and (max-width:580px){

	.display-mobile {display: block;}
	.display-tablet, .display-desktop {display: none;}
	.page-template-template-home-php .identity,
	.home .identity {display: block;}

	.home .identity,
	.glidecontentwrapper,
	.glidecontent {height: 180px; max-height: 180px;}
	.glidemeta h2 {font-size: 25px;}
	.glidemeta p {font-size: 14px;}
	.glidemeta a {font-size: 12px;}

	#content-top {display: block;}
	.featured {margin: 0 auto 25px !important; width: 98%;}
	.featured h2 {text-align: left; cursor: pointer; display: inline-block; position: relative; padding:0 35px;}
	.featured h2::before {display: block; font-size: 26px; position: absolute; left: 0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right: auto; text-align: left; vertical-align: middle;}
	.featured h2::after { content: '\f105'; display: inline-block; float: right; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; position: absolute; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right: 0;}
	.featured.open h2:after {transform: rotate(90deg);}
	.featured p {height: 0; opacity: 0; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; margin: 0; padding: 0;}
	.featured.open p {height: auto; opacity: 1; padding: 10px 0;}
/*
	#navbar-left,
	#navbar-right {width: 100%; margin: 0 auto; padding: 0; text-align: center;}
*/

	#footer .left {width: 98%; text-align: center; margin-bottom: 25px;}
	#footer .right {width: 98%; text-align: center;}

	.ourministries {display: block; text-align: center; flex-wrap: wrap; margin-top: 50px;}
	.ministry {width: 90%; margin: 0 auto 30px; display: inline-block; vertical-align: top;}
	/*.ministry:nth-child(1n) {margin: 0 auto 30px;}
	.ministry:nth-child(3n) {margin: 0 auto 30px;}*/
	.ministry img {max-width: 100%; height: auto !important;}

	.ccf-form-wrapper {}

	.left_content,
	.right_content,
	.bothsides .left_content,
	.bothsides .right_content {width: 100%; float: none; margin: 0; position: relative; left: auto; top: auto;}
	.leftside .main_content,
	.rightside .main_content,
	.bothsides .main_content {margin-left: 0 !important; margin-right: 0 !important;}

	.stafflist {display: flex; flex-wrap:wrap;}
	.ourstaff {width: 48.5%;}

	.main_content .sermon {width: 100%; margin: 0 auto 45px;}

}



/*******************************************************************/
/********************** small mobile portrait **********************/
/*******************************************************************/
@media only screen and (max-width:420px){

	.home .identity img {height: 100% !important; max-width: none; width: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
	#navbar-inner #site-name {font-size: 12px;}
	#navbar-inner #site-name a {padding: 0 0;}
	#site-name img {max-height: 50px;}

	table.podcastall, table.podcastcustom {float: none;}

	.stafflist {display: flex; flex-wrap:wrap;}
	.ourstaff {width: 100%;}

}


@media only screen and (max-width:320px){



}


/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
/********************* END RESPONSIVE STYLINGS *********************/
/*******************************************************************/
/*******************************************************************/
/*******************************************************************/

.rll-youtube-player img {margin-top: -60px !important;}