@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Crimson+Pro:ital,wght@1,500&family=M+PLUS+Rounded+1c:wght@100;400;700;900&family=Lato:wght@100;300;400;700;900&family=Source+Sans+Pro:wght@300;400;700&family=Open+Sans:wght@300;400;800&family=Oswald:wght@469&family=Roboto:wght@100;300;400;900&family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('fonts/fonts.css');
/*
Theme Name: Laurel by EdwardsSchoen
Theme URI: http://www.sevenplacesproductions.com
Description: The custom theme for Wordpress by <a href="https://edwardsschoen.com">Edwards Schoen</a> and <a href="http://www.sevenplacesproductions.com">Seven Places Productions</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: 'Noto Serif', 'Roboto', 'Gotham Book', 'Source Sans Pro', 'Open Sans', Arial, sans-serif;
	--font-heading: 'Roboto Condensed', 'Roboto', 'ridley_groteskextrabold', 'ridley_grotesk', 'Gotham Bold', 'Source Sans Pro', 'Open Sans', sans-serif;
	--font-button: 'Roboto', 'ridley_groteskextrabold', 'ridley_grotesk', 'Gotham Bold', 'Source Sans Pro', 'Open Sans', sans-serif;
	--font-icons: '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;
	--primary: #0F856F;
  --primary-alt: #014539;
  --secondary: #771617;
  --secondary-alt: #430809;
  --tertiary: #ebe1a8;
  --tertiary-alt: #086a02;

	--white: 			#fff;
	--veryltgray: #f5f5f5;
	--ltgray: 		#b9b9b9;
	--gray: 			#808080;
	--dkgray: 		#464646;
	--verydkgray: #2a2f35;
	--black: 			#000;

	--navy:   		#0b3151;
  --blue:   		#457ba1;
	--ltblue: 		#008edb;
  --veryltblue: #97c1df;
  --red:      	#b4081f;
  --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:600; margin-top: 0; margin-bottom: 24px; padding-bottom: 0; line-height: 100%;}
h1 {font-size: 72px;}
h2 {font-size: 60px; color: var(--secondary);}
h3 {font-size: 30px; font-family: var(--font-regular);}
h4 {font-size: 30px;}
h5 {font-size: 24px;}
h6 {font-size: 24px;}
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: var(--font-icons);}
.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;}

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;}

.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:74%; 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;}
.col2 li, .col3 li, .col4 li {break-inside: avoid-column; margin-bottom: 12px;}

.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(--primary); color: var(--white) !important;}
.blueback .pseudobefore, .bluebackground .pseudobefore, .bluebar .pseudobefore,
.blueback .pseudoafter, .bluebackground .pseudoafter, .bluebar .pseudoafter {background: var(--primary);}
.blueback a, .bluebackground a, .bluebar a {color: var(--white) !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: var(--white); 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: var(--white) !important;}

.alert {text-align: center !important; font-size: 18px; padding: 0; margin: 0 auto !important;}
.alert > div {width: 90%; max-width: 1100px; 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(--primary) !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%;}
/**********/

.wp-block-table table {width: 100%; table-layout: fixed; margin-bottom: 25px; background: var(--white);}
.wp-block-table tbody tr:nth-child(odd) {background: #e6e6e2;}
.wp-block-table th {background: var(--primary); color: var(--white); padding: 15px; border: 1px solid #34383b; font-weight: bold;}
.wp-block-table th a {color: var(--white); font-weight: normal; text-decoration: none !important;}
.wp-block-table td {padding: 20px; border: 1px solid #34383b; position: relative;}
.wp-block-table caption {font-size: 28px; margin-top: 20px; margin-bottom: 5px; text-align: left;}


* > .content-inner {width: 90%; max-width: 1100px; margin: 0 auto;}
.sitebrand * {-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.sitebrand a {text-transform: uppercase; text-align: justify; display: block; text-decoration: none; color: var(--secondary); font-weight: bold; letter-spacing: 1.5px; line-height: 100%; text-align: center;}
.sitebrand img {max-height: 80px; width: auto !important;}
.sticky-header .sitebrand img {max-height: 50px;}
.sitebrand p {margin: 0;}
.sitebrand #logobrand {}
.sitebrand #logoliot, .sitebrand #logolcot, .sitebrand #logolti,
.single-program .sitebrand #logobrand {display: none;}
.single-program.postid-7917 .sitebrand #logolcot {display: inline-block;}
.single-program.postid-7920 .sitebrand #logoliot {display: inline-block;}
.single-program.postid-8094 .sitebrand #logolti,
.single-program.postid-8473 .sitebrand #logolti{display: inline-block;}
#division {background: #efefef; color: var(--primary); padding: 12px; text-align: left; font-size: 16px;}

#topbar {position: relative; background: var(--veryltgray); text-align: center; font-size: 14px;}
#topbar-inner {margin: 0 auto; width: 90%; max-width: 1100px; 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 {color: var(--secondary);}
#topbar li a:hover, #topbar li a:focus {color: var(--secondary-alt);}

.sitebrand {margin: 10px 0; padding-top: 12px;}

.spectra-image-gallery__control-lightbox--close {top: 100px !important;}

#navbar, #page_end {background: var(--white); position: relative; z-index: 9999; color: var(--primary);}
#navbar {position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; background: var(--white); color: var(--black); z-index: 1000;}
#navbar-inner {width: 90%; 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: 30%;}
#navbar-right {text-align: right; color: var(--ltblue2); width: 69%;}
#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: var(--white); position: absolute; top: 0; bottom: 0; left: 0;}
#navbar-right a {color: var(--primary); text-decoration: none; display: inline-block; margin: 0 0 0; font-weight: bold;}
#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: var(--white) !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 var(--white); border-radius: 50%; text-align: center; color: var(--white);}
.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: var(--white); -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: 1100px; 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 0 0; list-style: outside none none; display: inline-block; font-size: 18px; font-weight: bold; -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 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(--primary); text-decoration: none; position: relative; padding: 12px 12px; display: block; font-family: var(--font-heading);}
#navbar-inner .menu > li > a::after {content: ' '; top: 25%; bottom: 25%; right: 0; width: 1px; background: #dcdcdc; position: absolute;}
#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(--secondary);}
#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: 320px; 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(--secondary) !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 {padding:18px 18px; background: var(--primary); display: block; color: var(--white) !important; border-radius: 0; margin-left: 5px; text-align: center !important; text-transform: uppercase; border: 2px solid;}

a.button:hover, .wp-block-button a:hover, a.button:focus, .wp-block-button a:focus {background: var(--primary-alt); color: var(--white);}
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: bold; margin-top: 12px; margin-bottom: 12px; font-size: 100%; border-radius: 0; text-shadow: none !important; font-family: var(--font-button);}
a.button[target="_blank"]::after, .wp-block-button a[target="_blank"]::after {vertical-align: middle; display: none;}
.bluebutton a, a.blue.button {background: var(--white) !important; color: var(--secondary) !important;}
.bluebutton a:hover, .bluebutton a:focus,
a.blue.button:hover, a.blue.button:focus {background: var(--secondary) !important; color: var(--white) !important;}

.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); color: var(--white); padding: 14px 20px; font-family: var(--font-button);}
#navbar-right li.request a:hover, #navbar-right li.request a:focus {background: var(--primary-alt); color: var(--white); text-decoration: none;}

.wp-block-buttons .wp-block-button.round {margin: 50px auto; text-align: center;}
.wp-block-button.round a {position: relative; padding: 65px 0 55px; margin: 0 auto; width: 180px; font-size: 26px;}
.wp-block-button.round a::before {background: #066051; content: ' '; width: 180px; border-radius: 50%; height: 180px; position: absolute; display: block; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 50%; z-index: -1;}
.wp-block-button.square {display: block !important; margin: 0 !important;}
.wp-block-button.square a {position: relative; padding: 65px 0; margin: 0 auto; width: auto; font-size: 26px; display: block;}


.wp-block-button.round.black a, .wp-block-button.round.black a::before,
.wp-block-button.square.black a{background-color: #000; background-size: cover !important; background-position: center !important; background-blend-mode: multiply; transition: background-color .5s;}
.wp-block-button.round.gray a, .wp-block-button.round.gray a::before,
.wp-block-button.square.gray a {background-color: #333; background-size: cover !important; background-blend-mode: multiply; transition: background-color .25s;}


.wp-block-button.button a {border-radius: 30px; background: var(--primary); color: var(--white) !important; padding: 15px 45px;}
.wp-block-button.button a:hover, .wp-block-button.button a:focus {background: var(--primary-alt); color: var(--white) !important;}


#navbar-inner .menu > li.schedule > a:hover,
#navbar-inner .menu > li.schedule > a:focus,
a.button:hover, a.button:focus, .wp-block-button a:hover, .wp-block-button a:focus/*,
.wp-block-button.round a:hover::before, .wp-block-button.round a:focus::before*/ {background-color: var(--primary); color: var(--white) !important; text-decoration: none !important;}

.wp-block-button.round.black a:hover::before, .wp-block-button.round.black a:focus::before {background-color: #4b4e4c;}
.wp-block-button.round.gray a:hover::before, .wp-block-button.round.gray a:focus::before,
.wp-block-button.square.gray a:hover, .wp-block-button.square.gray a:focus,
.wp-block-button.square.black a:hover, .wp-block-button.square.black a:focus {background-color: #066051;}


.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: var(--white); 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: 1100px; 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: var(--white); 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(--primary);}
.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(--gray); background-blend-mode: multiply; background-attachment: fixed; min-height: 480px; display: flex; align-items: center; min-height: 100vh;}
.home #header {min-height: 100vh;}
.videoheader {position: fixed; top: 80px; bottom: 0; left: 0; right: 0; background: var(--primary); z-index: 0;}
.sticky-header .videoheader {top: 40px;}
.videoheader video {opacity: .5; object-fit: fill;}
#header-inner {width: 90%; max-width: 1100px; margin: 0 auto; vertical-align: middle; text-align: center; color: var(--white); font-size: 24px; padding: 45px 0; z-index: 1;}
.home #header-inner {padding: 0;}
#header h1 {color: var(--white);}
#header h2 {color: var(--white);}
.slideshow {background: var(--primary);}
.n2-ss-slider .n2-ss-slide-background-image img {opacity: .25;}
#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: 1100px; position: absolute; color: var(--black);}
#header .metaslider .caption,
#header .n2-ss-item-content > div {padding-right: 0%; font-size: 18px; text-align: center; line-height: 120%; color: var(--black);}
#header .metaslider .caption h1,
#header .n2-ss-item-content > div h1 {font-size: 70px; color: var(--white); line-height: 100%; margin-bottom: 12px; text-shadow: 1px 1px 2px #000 !important; text-align: center;}
#header .slideshow p {font-size: 26px !important; line-height: 120%; margin-bottom: 20px;}
#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%;}
a.ctabutton {display: inline-block; color: var(--white) !important; background: var(--primary-alt); padding: 14px 20px; font-size: 18px !important; font-weight: bold !important;}
a.ctabutton:hover, a.ctabutton:focus {background: var(--primary);}

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: var(--white);}
#header a {color: var(--white);}
#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: var(--white);}
#header_right h2, #header_right h3 {color: var(--white); 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.gform_widget {margin-bottom: 0;}
.formblock.gform_widget .gform_legacy_markup_wrapper {margin: 0;}
.formblock.gform_widget .gform_legacy_markup_wrapper .gform_footer {padding: 0;}
.formblock.gform_widget small {display: block; font-size: 70%; line-height: 120%;}
.formblock.gform_widget input[type=text], .formblock.gform_widget input[type=tel], .formblock.gform_widget input[type=email], .formblock.gform_widget select {width: 100% !important; padding: 10px 14px !important; border-radius: 0; border: none; font-size: 16px !important;}
.formblock.gform_widget select {padding: 10px 10px !important;}
/*.formblock.gform_widget select {background: var(--white) url(images/drop-arrow.jpg) no-repeat right center;}*/
.formblock.gform_widget label, .formblock .checkbox.permission legend {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.formblock.gform_widget .gform_wrapper.gravity-theme .gform_fields {display: flex; flex-wrap: wrap;}
.formblock.gform_widget .gform_fields .gfield,
.formblock.gform_widget .gform_footer {padding-right: 0; padding-left: 0; position: relative; max-width: 100% !important; margin-top: 0; margin-bottom: 0;}
.formblock .gform_wrapper.gravity-theme legend {display: none;}
.formblock.gform_widget .gform_fields .gfield.icon,
.formblock.gform_widget .gform_footer {padding-left: 0;}
.formblock.gform_widget .gform_fields .gfield.disclaimer {font-size: 12px; line-height: 120%}
.formblock.gform_widget .gform_fields .gfield.icon label {position: absolute; top: 50%; transform: translateY(-50%); right: 4px; background: var(--white); border-radius: 50%; width: 26px; height: 26px; color: var(--gray); font-size: 20px; text-align: center; clip: initial; text-indent: -9999em;}
.formblock.gform_widget .gform_fields .gfield label::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-indent: 0;}
.formblock.gform_widget .gform_fields .gfield.campus label::before {content: '\f19c';}
.formblock.gform_widget .gform_fields .gfield.program label::before {content: '\f19d';}
.formblock.gform_widget .gform_fields .gfield.firstname label::before,
.formblock.gform_widget .gform_fields .gfield.lastname label::before {content: '\f007';}
.formblock.gform_widget .gform_fields .gfield.email label::before {content: '\f0e0';}
.formblock.gform_widget .gform_fields .gfield.phone label::before {content: '\f2a0';}
.formblock.gform_widget .gform_fields .gfield.zip label::before {content: '\f041';}
.formblock.gform_widget .gform_fields .gfield.spam label::before {content: '\f00c';}
.formblock.gform_widget .gform_fields .gfield.arrow label::before {content: '\f078';}

.formblock .gform_footer {display: block; /*flex-direction: row-reverse; align-items: start;*/ text-align: center;}
.formblock .gform_footer .disclaimer {margin-top: 0 !important; margin-right: 15px;}
.formblock.gform_widget .gform_footer input[type=submit] {border-radius: 0; font-size: 18px; font-weight: bold; color: var(--white); border: 0 solid var(--white); background: var(--primary); text-align: center; padding: 12px 5%; margin: 0 auto !important;}
.formblock.gform_widget .gform_footer input[type=submit]:hover, .formblock.gform_widget .gform_footer input[type=submit]:focus {background: var(--primary-alt); color: var(--white); cursor: pointer;}
.formblock.gform_widget .gform_footer 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_widget .left, .gform_widget .right, .gform_widget .third {width: 49% !important; display: inline-block;}
.gform_widget .left {float: left; clear: left !important;}
.gform_widget .right {float: right; clear: right !important;}
.gform_widget .third {width: 32% !important; margin-right: 2%;}
.gform_widget .third.last {margin-right: 0;}
.gform_widget .full {width: 100% !important; float: none; clear: both !important;}
.gfield_visibility_hidden {position: absolute !important;}

.formblock.gform_widget .gfield--type-radio label {clip: auto; height: auto; width: auto; margin: 0; position: relative;}
.gfield_radio {column-count: 4;}
.gfield_radio li input[type=radio] {margin-top: 0 !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,
.formblock .gform_required_legend {display: none;}

#content p a, #content li a {}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {}
#content h1 {position: relative; margin-bottom: 24px; padding-bottom: 12px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
#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);}


#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; width: 1000px; margin: 0 auto; background: var(--white); padding: 50px 100px; 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-family: 'FontAwesome'; 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: var(--white); 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:1100px; margin: 0 auto; padding: 0; position: relative; z-index: 5; background: var(--white);}
.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(--primary); color: var(--white); margin: 0 auto;}
#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 {-webkit-margin-before: 0; -webkit-margin-after: 0; margin: 0 0 1.5em; line-height: 160%;}
#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: var(--white); 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;}
.wp-block-column h2, h2.border {border-bottom: 0 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: var(--white); 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: var(--white); 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 !important;}

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

.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 {display: none;}



#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: var(--white); 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: var(--white);}
.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: var(--white); 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: 1100px; margin: 0 auto;}
.testimonyimage, .testimonycontent {display: inline-block; vertical-align: middle;}
.testimonyimage {width: 130px; overflow: hidden; border-radius: 50%; border: 2px solid var(--white); 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;}


.moreinfo {background: rgba(39,137,123,.75); padding: 0; color: var(--white); 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: var(--white) !important; border-radius: 0; text-align: center !important; text-transform: uppercase; border: 2px solid var(--white);}
.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(--primary); border: 6px solid var(--primary); 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(--primary); 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(--primary); 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(--primary); 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: '\f081';}
.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: var(--white); 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: var(--white) !important; text-decoration: none; border: none !important;}


.subhead {color: #38424c; background: #e5e5e5; text-align: center; padding: 10px 20px; font-size: 16px;}
.subhead a {color: var(--white); 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 {width: 30%; display: inline-block; vertical-align: top; padding: 0 0 25px 0; margin: 0 .5% 25px; border: 1px solid 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: 32px;}
.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;}
.bloghome .teaserhead a, .blogarchive .teaserhead a {display: block; height: 100%; width: 100%;}
.bloghome .teaserblurb, .blogarchive .teaserblurb {padding: 20px;}

.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: var(--white); 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: var(--white) !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: var(--white) !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(--primary-alt); color: var(--white); background-size: cover !important; background-attachment: fixed; position: relative; min-height: 480px; display: flex; align-items: center;}
.latestblog .post .latestblurb {position: relative; margin: 0 auto; width: 90%; max-width: 1100px; color: var(--white); font-size: 16px;}
.latestblog h2 a {color: var(--white); text-decoration: none;}

.blog #header, .single #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: 1100px; margin: 0 auto;}

/* 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:var(--white);
background: var(--primary); /* Pagination background on hover */
}
.pagination .current{
padding:6px 9px 5px 9px;
background: var(--primary); /* Current page background */
color:var(--white);
}

#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;}
#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 li > ul {display: flex; flex-wrap: nowrap; justify-content: center; margin-top: 0; padding: 0;}
#cat-contain > .content-inner ul li ul > li {font-size: 16px; margin: 0 12px; text-transform: none;}
#cat-contain > .content-inner ul li 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 ul > li.current-cat a,
#cat-contain > .content-inner ul li ul > li a:hover, #cat-contain > .content-inner ul li ul > li a:focus {background: var(--primary-alt); 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: var(--white); 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: var(--white); 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(--primary); 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,.5) 0%, rgba(0,0,0,.5) 100%);
}
.feature .description {position: relative; z-index: 1;}
.feature .description h2, .feature .description h3 {color: var(--white) !important;}
.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: translate(-50%,-50%); opacity: .5; top: 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(--primary); color: var(--primary) !important;}
.feature a {display: block;}

#footer {clear: both; font-size: 14px; position: relative; z-index: 1; background: var(--white); border-top: 1px solid var(--dkgray);}
#footer-inner {width: 100%; /*max-width: 1100px;*/ 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(--primary-alt); text-transform: uppercase; font-size: 18px;}
#footer ul li a {font-family: 'Roboto Condensed'; color: var(--black); font-size: 16px;}
#footer ul li a:hover, #footer ul li a:focus {text-decoration: none; color: var(--primary-alt);}

#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;}

.sociallinks {margin: 30px auto;}
.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: 60px 0 0; width: 60px; border-radius: 50%; border: 0 solid var(--primary); background: var(--white); color: var(--primary) !important; font-size: 30px;}
.sociallinks li a:hover, .sociallinks li a:focus {border-color: var(--primary); background: var(--primary); 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: '\f099';}
.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 a[href*='google']::before {content: '\f0d5';}

.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(--primary);}
.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(--primary);}
.latestpost p {margin:6px 0 0; padding: 0;}


#below_footer {color: #4b4d4c; background: var(--white); position: relative;}
#below_footer > .content-inner {padding: 12px 0; font-size: 14px;}
#below_footer > .content-inner p {margin: 0;}

.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: var(--white);}
.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(--white); z-index: 1; background: var(--verydkgray);}
#page_end > .content-inner {padding: 12px 0; font-size: 12px;}
#page_end > .content-inner strong {display: block;}
#page_end a {color: var(--white);}
#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%;}


.widget_custom-contact-forms {width: 90%; margin: 0 auto; max-width: 1100px;}
.ccf-form-wrapper {margin: 0 auto !important; padding: 50px 35% 50px 0;}
.ccf-form-wrapper .form-heading {display: block; position: relative; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid #e3e3e3; text-align: left; color: var(--white);}
.ccf-form-wrapper .form-heading::before {content: '\f274'; color: var(--white); display: inline-block; vertical-align: bottom; font-size: 50px; margin-right: 8px; line-height: 100%;}
.form_schedule .ccf-form-wrapper .form-heading::before {content: '\f274';}
.form_contact .ccf-form-wrapper .form-heading::before {content: '\f0e6';}
.form_join .ccf-form-wrapper .form-heading::before {content: '\f0c0';}
.ccf-form-wrapper .form-title {padding: 0 0 0 !important; display: inline-block; vertical-align: bottom; color: var(--white); font-size: 36px !important; width: 85%; text-align: left; text-transform: uppercase;}
.ccf-form-wrapper .form-description {font-size: 14px; text-align: left; font-weight: bold; color: #000; padding: 0 !important;}
.ccf-form .form-group {width: 100%; margin: 0 auto 20px !important; position: relative; text-align: left;}
.ccf-form .form-group[data-field-type=dropdown] {}
.ccf-form .form-group[data-field-type=dropdown]:nth-child(2n) {}
.ccf-form input[type=text],
.ccf-form input[type-tel],
.ccf-form input[type=email],
.ccf-form select {font-size: 14px; border: 1px solid #4d4d4d; padding: 10px; background: #f0f0f0; color: #404040; width: 95%; position: relative; border-radius: 0;}
.ccf-form select {-webkit-appearance: none; width: 100% !important; font-size: 14px; border-radius: 0;}
.ccf-form [data-field-type=dropdown]:after {content: '\f0dc'; position: absolute; right: 10px; bottom: 10px;}
.ccf-form-wrapper .field label.main-label {font-size: 14px; color: var(--white); text-align: left; font-weight: bold;}
.ccf-form-wrapper .field .sub-label {color: var(--white);}
.ccf-form-wrapper .field label.main-label .required {display: none;}
.ccf-form .form-submit {text-align: left; margin: 0 auto 12px;}
.ccf-form input[type=submit] {padding:10px 14px; background: #066051; display: block; color: var(--white) !important; border-radius: 0; margin-left: 5px; text-align: center !important; text-transform: uppercase; font-size: 22px; border: 2px solid var(--ltblue2);}
.ccf-form input[type=submit]:hover, .ccf-form input[type=submit]:focus {background: var(--ltblue2);}
.ccf-form textarea {font-size: 16px; border: 1px solid #4d4d4d; padding: 10px; background: #e0e0e0; color: #404040; width: 95%;}
.ccf-form label.error {color: var(--white); font: bold 18px/14px 'Raleway','Helvetica', arial, sans-serif; margin: 0; padding: 7px 0; clear:both; width:auto; min-width: 27px; background: var(--ltblue); position: absolute; top: 8px; right: 6px; border-radius: 36px; text-align: center; content: "!";}
.ccf-form-complete {text-align: center;}
.ccf-form [data-field-type="checkboxes"] {font-size: 14px;}
.ccf-form [data-field-type="checkboxes"] .required {display: none !important;}
.ccf-form [data-field-type="html"] {color: var(--white); text-align: left;}
.ccf-form .formleft,
.ccf-form .formright {width: 48.5%; clear: none !important;}
.ccf-form .formleft {float: left;}
.ccf-form .formright {float: right;}
.ccf-form label {position: relative;}
.ccf-form label::before {color: var(--ltblue2); margin-right: 8px; display: inline-block; font-weight: normal;}
.ccf-form .service > label::before {content: '\f06c';}
.ccf-form .location > label::before {content: '\f041';}
.ccf-form .date > label::before {content: '\f017';}
.ccf-form .name >label::before {content: '\f007';}
.ccf-form .phone > label::before {content: '\f2a0';}
.ccf-form .email > label::before {content: '\f0e0';}
.ccf-form .chat > label::before {content: '\f086';}
.ccf-form-complete {color: var(--white); font-size: 26px; position: relative; padding: 40px 0;}
.ccf-form-complete::before, .ccf-form-complete::after {height: 1px; width: 50%; display: block; background: var(--white); position: absolute; content: ''; left: 50%; transform: translateX(-50%);}
.ccf-form-complete::before {top: 0;}
.ccf-form-complete::after {bottom: 0;}
.ccf-form-wrapper .field .sub-label {display: block; width: 100%; clear: both;}
.ccf-form-wrapper .error {float: right; font-size: 10px !important; margin-top: 0 !important; background: #d11014 !important; color: var(--white) !important; position: absolute; top: 50px; left: 0; padding: 4px 8px;}
.ccf-form-wrapper .field-description {color: var(--white);}

.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 {font-family: 'FontAwesome'; content: '\f0e0'; margin-right: 5px; font-size: 24px; vertical-align: middle;}
.staffdetails.phone a::before {font-family: 'FontAwesome'; 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: 1100px; 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: var(--white); font-weight: normal;}
.form_schedule h2::before {content: '\f274'; color: var(--white); 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: var(--white);}
#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: var(--white) !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: var(--white) !important;}


/*** ERROR 404 LAYOUT ***/
.page-template-template-404 #header,
.page-template-template-404 .main-menu {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;}
/**********/

/*** Thank you page ***/
.page-template-template-thanks .main-menu,
.page-template-template-thanks #navbar-inner {display: none;}
.page-template-template-thanks #header {}
.page-template-template-thanks #header > #header-inner {}
.page-template-template-thanks #header_left {}
/******/


.proglist {column-count: 2; column-gap: 40px;}
.proglist li {margin-bottom: 10px;}

.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: var(--white) !important;font-size: 10px !important;padding: 4px 8px !important;width: auto !important;display: inline-block; position: absolute; right: 0; bottom: 0px}
.gform_wrapper .gfield.gfield_error, .gform_wrapper .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: var(--white); 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(--primary); 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: var(--secondary);}
.tertiarybg {background: var(--tertiary);}
.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: 1100px; 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: var(--white);}

#content .entry > .wp-block-columns,
#content .entry > .wp-block-group {margin: 0 auto; padding: 75px 15%;}
#content .entry > .wp-block-columns.fullwide,
#content .entry > .wp-block-group.fullwide {margin: 0 auto; padding: 75px 0;}
#content .entry > .wp-block-columns.fullwide.graphic,
#content .entry > .wp-block-group.fullwide.graphic {margin: 0 auto; padding: 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;}
.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(--primary) !important;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child {border: 1px solid var(--verydkgray) !important; border-width: 1px 0 0 0 !important; border-radius: 0 !important;}
#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 .wp-block-esab-accordion-child .esab__heading_tag {font-weight: bold !important; font-size: 24px !important;}
#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: 50px !important; height: 0 !important; padding: 40px 0 0 !important; position: relative; font-size: 30px; margin-top: -5px;}
#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;}
#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(--primary) !important;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .esab__body {border: 0 !important;}
#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .wp-block-table th {background: var(--primary) !important;}
.wp-block-esab-accordion .esab__icon svg {display: none;}


.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: var(--white); 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: var(--white) !important; border-color: var(--white);}
.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: '\f099';}
.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: var(--white); font-size: 28px;}
.cool_timeline .meta-details {color: var(--white) !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;}


.zerobottom {margin-bottom: 0;}
.zerotop {margin-top: 0;}


/***** PROGRAM PAGE CODE *****/
.parent-pageid-1971 {}
.parent-pageid-1971 #header h1 {}
.parent-pageid-1971 #header h2 {color: var(--white);}
.parent-pageid-1971 #header ul {text-align: left;}
.parent-pageid-1971 #header table {width: 100%; table-layout: fixed;}
.parent-pageid-1971 #header table p {font-family: 'Roboto Condensed';}
.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_widget .gform_footer input[type=submit] {background: var(--primary);}
.advanced .formblock.gform_widget .gform_footer input[type=submit]:hover, .advanced .formblock.gform_widget .gform_footer input[type=submit]:focus {background: var(--primary-alt);}
/*****/

.themap h2 {background: var(--primary); color: var(--white); text-align: center; font-size: 32px; padding: 12px 0; margin: 0; font-weight: 300;}

/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************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: var(--white);}
.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: var(--white); ;}
/* 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: center;}
blockquote p {font-size: 18px; font-weight: bold;}
blockquote cite {display: block; text-align: center; font-size: 14px;}

.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; 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;}




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



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



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' !important; font-size: 12px !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; text-indent: 0 !important; font-family: var(--font-icons) !important;}
.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: 25px 0;*/}


.proggroup {display: flex; flex-wrap: nowrap; justify-content: normal;}
.proggroup .progitem {height: 380px; width: 49%; position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
		background-color: var(--gray);
		background-blend-mode: multiply;
    margin: 0 .5% 10px;}
.proggroup .progitem:hover {background-color: var(--white);}
.proggroup .progthumb {background: var(--primary); opacity: .35;}
.proggroup .progitem:hover .progthumb {opacity: .65;}
.proggroup .progblurb {}
.proggroup .progblurb a {text-decoration: none; font-weight: bold; font-size: 26px; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0 5% 30px 5%; align-content: flex-end; text-align: left; color: var(--white);}
.proggroup .progblurb a:hover, .proggroup .progblurb a:focus {color: var(--secondary);}
.proggroup .progblurb a::after {display: inline-block; content: '\f0a9'; position: absolute; right: 5%; bottom: 30px;}


.formblock #closeform {display: none; position: absolute; top: -20px; right: -20px; width: 25px; padding: 25px 0 0; height: 0; overflow: hidden; text-indent: -99999em; color: var(--white); font-size: 24px;}
.formblock #closeform::before {content: '\f057'; position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-indent: 0;}
.openform #navbar {z-index: 0; display: none;}
.openform.home #content {z-index: 10001;}
.openform .formblock #closeform {display: block;}
home.openform::before,
.openform #content::before {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.65); content: ''; display: block; z-index: 10000;}
.openform #header > #header-inner {z-index: 0;}
.openform #header-inner {position: initial;}
.openform .formblock {position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 100001; width: 76% !important; max-width: 760px; display: block; background: var(--secondary); padding: 24px 20px;}
.openform .formblock h2, .openform .formblock h3 {color: #fff !important; font-size: 40px;}
.openform .formblock .gform_wrapper {width: calc(100% - 48px); margin: 0 auto; color: #fff !important;}
.openform .formblock::before {display: none;}
.openform #header_left {visibility: hidden;}


.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;}

.slideup {flex: 1; font-size: 16px; margin-bottom: 0; transition: all 1.5s cubic-bezier(.4,0,.2,1); opacity: 0; position: relative; top: 100%; transform: translateY(100%);}
.slideup.inview {transform: translateY(0); transition-delay: .5s; opacity: 1; top: 0;}

.single-program .hideme {display: none !important;}
.uagb-block-3d092f42+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--close {top: 100px !important;}
.uagb-block-3d092f42 .spectra-image-gallery__media-thumbnail--carousel {width: 100% !important; max-width: none; height: 100% !important; object-fit: cover;}

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



}




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

	#navbar-inner,
	#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 {font-size: 16px;}

}


/*******************************************************************/
/******************** 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;}




	.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;}

	.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: 100%; padding: 0 0%;}
	#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: 52px;}

	#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: 30%;}

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

	.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_widget .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;}
	#topbar ul {display: flex; flex-wrap: nowrap;}
	#topbar ul li {width: 98%;}
	#topbar ul li a {width: 40px; padding: 40px 0 0; height: 0; overflow: hidden; text-indent: -99999em; position: relative; font-size: 20px; display: block; border: 2px solid var(--primary); border-radius: 50%; margin: 0 auto;}
	#topbar ul li a::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-indent: 0;}
	#topbar ul li a[href*='contact']::before {content: '\f086';}
	#topbar ul li a[href*='enroll']::before {content: '\f303';}

	.formblock.gform_widget input[type=text], .formblock.gform_widget input[type=tel], .formblock.gform_widget input[type=email], .formblock.gform_widget 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 {width: 100%; margin: 0 0 25px;}


}



@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;}

	#mobilemenu {display: none !important; background: var(--secondary); 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:var(--white) !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.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(--secondary) !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;}

	.openform .formblock {position: fixed; top: 20px; bottom: 20px; left: 20px; right: 20px; transform: none; overflow: auto;}
	.formblock #closeform {top: 0px; right: 0px;}

	#mobilemenu {display: block !important; padding: 12px !important;}
	.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: var(--white) !important; display: block !important; padding: 12px 16px !important; margin: 0 !important;}
	#navbar-inner .menu li.expand > .sub-menu {border: 0;}
	#navbar-inner .menu li li > a {background: var(--blue);}

	.gform_widget .left, .gform_widget .right, .gform_widget .third {width: 100% !important; display: inline-block;}
	.gform_widget .third {width: 100% !important; margin-right: 0;}
	.gform_widget .third.last {margin-right: 0;}

	.videoheader {/* position: relative; */top: 0;}
	.sticky-header .videoheader {top: 0;}
	.videoheader .embed {height: 100%; width: auto !important;}
	.videoheader div.embed video {width: auto; left: 50%; transform: translateX(-50%);}

	.proggroup {flex-wrap: wrap;}
	.proggroup .progitem {width: 48%;}

		.wp-block-table table {width:100%; background: none;}
		.wp-block-table thead {display: none;}
		.wp-block-table tbody tr:nth-child(odd) {background-color: var(--white); border-bottom: 1px solid #000;}
		.wp-block-table tbody tr:nth-child(even) {background-color: var(--white); border-bottom: 1px solid #000;}
		.wp-block-table tr {display: block; margin-bottom: 25px;}
		.wp-block-table tr td:first-child {background: var(--primary); color: var(--white); font-weight:normal; 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 {padding: 15px; font-weight: bold;}
		#content .wp-block-esab-accordion .wp-block-esab-accordion-child.esab__active_accordion .wp-block-table td:first-of-type {background: var(--primary) !important; border-color: #000;}
		.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(--primary); border-top: 2px solid var(--white);}
	#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 var(--white); 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: var(--white);}
	#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: 90%;}
	#header_left,
	#header_right {width: 90%; margin: 0 auto; padding: 30px 5%;}
	#header_right {}
	#header > #header-inner h1 {font-size: 36px;}
	#header > #header-inner h2 {font-size: 26px;}
	#header > #header-inner h3 {font-size: 22px;}

	.campuses ul {display: block;}

	.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: 500px; height: 500px !important; max-height: 500px !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%;}

	.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;}


}



/*******************************************************************/
/********************** 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 {font-family: 'FontAwesome'; 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;}

	.proggroup .progitem {width: 98%;}

}



/*******************************************************************/
/********************** 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;}
