/*
Theme Name: WWASBC
Author: BWD
Description: Theme for MLT
Version: 1.0
*/

@font-face 
{
	font-family: 'PolySans';
	font-weight: 300;
	font-style: normal;
	src: url("fonts/PolySans-Slim.woff2") format('woff2');
}

@font-face 
{
	font-family: 'PolySans';a
	font-weight: 400;
	font-style: normal;
	src: url("fonts/PolySans-Neutral.woff2") format('woff2');
}

@font-face 
{
	font-family: 'PolySans';
	font-weight: 700;
	font-style: normal;
	src: url("fonts/PolySans-Median.woff2") format('woff2');
}

@font-face 
{
	font-family: 'PolySans';
	font-weight: 800;
	font-style: normal;
	src: url("fonts/PolySans-Bulky.woff2") format('woff2');
}


::placeholder
{
	
}

:-ms-input-placeholder
{
	
}

::-ms-input-placeholder
{
	
}

:root
{	
	/*************
	   MAIN COLORS
	**************/
	--accent-color-1 : #03A6E2; 				/* A Blue */
	
	--theme-color-1 : #353535;				/* Dark Blue */
	--theme-color-2 : #6ec1e4;				/* Light Blue */
	
	--wwasbc-dark-gray : #222222;
	
	/*************
	   MAIN FONT DECLARATIONS
	**************/
	--main-font : 'PolySans', sans-serif;
	--main-font-size : 18px;
	
	--default-h-color : var(--accent-color-1);
	--default-h-font : 'elza-condensed', sans-serif;
	--default-h-line-height : 1.2;
	--default-h-margin-top : 0px;
	--default-h-margin-bottom : .5rem;
	
	--h1-font-size : 45px;
	--h2-font-size : 49px;
	--h3-font-size : 31px;
	--h4-font-size : 32px;	
	--h5-font-size : 26px;
	--h6-font-size : 20px;
	
	--h1-font-color : var(--accent-color-1);
	--h2-font-color : var(--accent-color-1);
	--h3-font-color : var(--accent-color-1);
	--h4-font-color : var(--accent-color-1);
	--h5-font-color : var(--accent-color-1);
	--h6-font-color : var(--accent-color-1);
	
	/*************
	   SITE CONSTRAINTS
	**************/
	--site-width-normal : 1280px;					/* Width for most content's container */
	--site-width-normal-margin : 0px auto;
	--site-width-normal-padding : 0px 80px;	
	
	/*************
	   NAVIGATION
	**************/
	--nav-bg : #EFEFEF; 							/* Light Grey */
	--nav-padding : 21px 0px 21px;
	--nav-link-color : var(--theme-color-1); 		/* Dark Blue */
	--nav-font : 'PolySans', sans-serif;
	--nav-font-size : 18px;
	--nav-font-weight : 400;
	
	--nav-link-padding : 30px 15px;
	--nav-link-padding : 0px 15px 0px 15px; 		/* If you're doing a logo with inline nav, use this 2nd def prob */
	--nav-link-padding-children : 25px 24px 25px 15px; /* 0px 22px 0px 15px;  */
	
	--nav-link-transition : all 0.3s ease-in-out 0s;
	
	--nav-dropdown-min-width : 500px; 
	--nav-dropdown-border-width : 3px 0px 0px 0px;
	--nav-dropdown-border-style : none;
	--nav-dropdown-border-color : var(--accent-color);
	--nav-dropdown-border-radius : 4px;
	--nav-dropdown-box-shadow : 0 6px 12px rgba(0, 0, 0, .175);
	
	--nav-dropdown-link-background : #FFF;
	--nav-dropdown-link-color : var(--theme-color-1);
	--nav-dropdown-link-border-width : 0px 0px 1px 0px; 
	--nav-dropdown-link-border-style : solid;
	--nav-dropdown-link-border-color : #e3e3e3; /* Light Grey */	
	
	--nav-dropdown-link-padding-top : 15px;
	--nav-dropdown-link-padding-bottom : 15px;
	--nav-dropdown-link-padding-left : 15px;
	--nav-dropdown-link-padding-right : 15px;

	--nav-dropdown-transform : scaleY(0); 
	--nav-dropdown-transform : scaleY(0);
	--nav-dropdown-transform-origin : center top 0;
	--nav-dropdown-transform-origin : center top 0;
	--nav-dropdown-transform-hover : scaleY(1);
	--nav-dropdown-transform-hover : scaleY(1);	
	
	/* Anything special for the last link? */
	/*--nav-last-position : absolute;
	--nav-last-right : 0px;
	--nav-last-background : var(--accent-color);
	--nav-last-color : #FFF;
	--nav-last-background-hover : #000;
	--nav-last-padding : 30px 30px;
	--nav-last-text-transform : uppercase; */
	
	--nav-last-color : #101F3A;
	--nav-last-padding : 25px 0px 25px 15px;
	--nav-last-padding-children : 25px 24px 25px 15px;
	/* 26px 22px 25px 15px;	/* If you're doing a logo with inline nav, use this 2nd def prob */
	
	/* If you're doing an inline nav with logo, should probably use the following */
	--nav-margin : auto 0px;
	--nav-top : 0;
	--nav-bottom : 0;
	--nav-height : 72px; /* 22px; */
	
	--nav-right : 80px; /* 80px; */
	
	/*--
	nav-margin : auto;
	--nav-top : auto;
	--nav-bottom : auto;
	--nav-right : auto;
	--nav-height : auto;
	*/
	
	/*************
	   MOBILE NAVIGATION
	**************/
	--mobile-nav-logo : url('images/logo.png') no-repeat;
	--mobile-nav-position : 0px 0px;
	--mobile-nav-bar-height : 73px;
	--mobile-nav-padding : 20px 0px 0px;

	--mobile-nav-icon : url('images/nav-icon.png') no-repeat;		
	--mobile-nav-icon-width : 20px;
	--mobile-nav-icon-height : 20px;
		
	--mobile-nav-icon-top : 68px; /* 36px; */
	--mobile-nav-icon-right : 80px; /* 30px; */

	--mobile-nav-border-width : 0px 0px 1px 0px; /* 0px 0px 10px 0px; */
    --mobile-nav-border-style : solid;
    --mobile-nav-border-color : var(--accent-color);	
	
	--mobile-nav-link-padding : 15px 0px;	

	--mobile-nav-submenu-icon-color : #FFF; 
	--mobile-nav-submenu-icon-right : -10px; 
	--mobile-nav-submenu-icon-top : -3px;

	--mobile-nav-submenu-icon-border-style : solid;
	--mobile-nav-submenu-icon-border-color : #FFF;
	--mobile-nav-submenu-icon-border-width : 0px 2px 2px 0px;	
	
	--mobile-nav-submenu-icon-padding : 3px;
	--mobile-nav-submenu-icon-transform : rotate(45deg);	
	
	/*************
	   HOMEPAGE
	*************/
	--hp-hero-background : url('images/temp_hero.jpg') no-repeat #DCD0C4; /* url('images/page_header_bg.jpg') no-repeat; */
	--hp-hero-background : url('images/temp/marcia-2.jpg') no-repeat #DCD0C4; /* url('images/page_header_bg.jpg') no-repeat; */
	 --hp-hero-background : url('images/hero2.png') no-repeat #DCD0C4; /* url('images/page_header_bg.jpg') no-repeat; */
	 --hp-hero-background : url('images/temp_hero.jpg') no-repeat #DCD0C4; /* url('images/page_header_bg.jpg') no-repeat; */
	--hp-hero-background-size : cover;
	--hp-hero-background-position : center;
	
	--hp-hero-min-height : 100vh;
	--hp-hero-min-height : 63vh;
	
	--hp-section-padding : 55px 0px;

	--hp-hero-swc-position : absolute;
	--hp-hero-swc-margin : auto;
	--hp-hero-swc-top : 0;
	--hp-hero-swc-top : 375px;
	--hp-hero-swc-bottom : 0;
	--hp-hero-swc-left : 0;
	--hp-hero-swc-right : 0;	

	--hp-hero-h1-color : #FFF;
	
	--hp-hero-max-width : 600px;
	
	--hp-hero-h1-margin : 0px 0px 16px 0px;
	
	--hp-hero-h1-font-size : 58px;
	--hp-hero-h1-font-weight : 500;
	--hp-hero-h1-font-family : var(--default-h-font);
	--hp-hero-h1-line-height : 1;
	--hp-hero-h1-text-transform : uppercase;	

	--hp-hero-h4-color : #EC5642; /* A Red */
	--hp-hero-h4-margin : 0px 0px 45px 0px;
	--hp-hero-h4-font-weight : normal;
	--hp-hero-h4-font-size : 20px;
	
	--hp-section-h2-color : var(--accent-color-1);
	--hp-section-h2-font-size : 42px;
	--hp-section-h2-font-weight : 500;
	
	--hp-section-h5-color : var(--accent-color-1);
	--hp-section-h5-font-size : 16px;
	--hp-section-h5-font-weight : 600;
	
		
	/*************
	   PAGE HERO
	**************/	
	--page-hero-container-background : url('images/temp_hero.jpg') no-repeat;
	--page-hero-container-background-position : center;
	--page-hero-container-min-height : 275px;
	
	--page-hero-site-width-display : table;
	--page-hero-h1-display : table-cell;
	--page-hero-h1-vertical-align : middle;	
	--page-hero-h1-color : #FFF;

	--page-hero-h1-font-family : 'elza-condensed', sans-serif;
	--page-hero-h1-font-size : 40px;
	--page-hero-h1-font-weight : 700;
	
	--page-hero-h1-text-align : center;


	/*************
	   PAGE STUFF
	**************/
	--page-content-container-min-height : 515px;
	
	--page-content-container-padding : 110px 0px;
	
	--page-content-container-font-family : 'open-sans';
	--page-content-container-font-size : 16px;
	--page-content-container-line-height : 28px;
	
	
	/*************
	   FOOTER 
	*************/
	--footer-bg : var(--wwasbc-dark-gray);
	--footer-color : #FFF;
	
	--footer-padding : 40px 0px 0px;
	
	--footer-text-align : left;

	--footer-content-container-display : table;
	--footer-content-container-width : calc(100% - 160px);
	--footer-content-container-background : url('images/mobile_logo2.png') no-repeat;
	--footer-content-container-background-position : 30px 0px;
	--footer-content-container-min-height : 50px;	

	--footer-content-display : block; /* table-cell; */
	--footer-content-vertical-align : middle;	
	--footer-content-margin : revert; /* 0px; */
	--footer-content-font-size : 16px;
	--footer-content-line-height : 23px;

	--footer-link-color : var(--theme-color-1);	
	--footer-link-text-decoration : none;
	
	--footer-mobile-padding : 30px 0px;		
	--footer-mobile-text-align : center;
	--footer-mobile-content-container-background-position : top center;
	--footer-mobile-content-container-padding : 0px 0px 0px 0px;
	
	/*************
	   VARIOUS SECTIONS
	**************/	
	--alert-bar-background : var(--accent-color);
	--alert-bar-color : #FFF;
	--alert-bar-padding : 8px 0px;
	--alert-bar-link-decoration : none;
	--alert-bar-link-hover-decoration : underline;
	
	--above-nav-padding : 7px 0px;
	
	--program-career-color1 : #2D8426; /* Green */
	--program-career-color2 : #154026; /* Darker Green */
	--program-career-color3 : #7CC356; /* Lighter Green */
}

body, html
{
	font-family : var(--main-font);
	
	margin : 0px;
	padding : 0px;
}

h1, h2, h3, h4, h5, h6
{
	color : var(--default-h-color);
	
	margin-top : var(--default-h-margin-top);
	margin-bottom : var(--default-h-margin-bottom);
	
	font-family : var(--default-h-font);
	line-height : var(--default-h-line-height);
}

h1
{
	color : var(--h1-font-color);
	
	font-size : var(--h1-font-size);
}

h2
{
	color : var(--h2-font-color);
	
	font-size : var(--h2-font-size);
}

h3
{
	color : var(--h3-font-color);
	
	font-size : var(--h3-font-size);
}

h4
{
	color : var(--h4-font-color);
	
	font-size : var(--h4-font-size);
	font-weight : 400;
}

h5
{
	color : var(--h5-font-color);
	
	font-size : var(--h5-font-size);
}

h6
{
	color : var(--h6-font-color);
	
	font-size : var(--h6-font-size);
}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, 
h5 a:link, h5 a:visited, h6 a:link, h6 a:visited
{
	color : var(--default-h-color);
	
	text-decoration : none;
}

.site_width_container
{
	max-width : var(--site-width-normal);
	
	margin : var(--site-width-normal-margin);
	padding : var(--site-width-normal-padding);
}

.wp-block-columns
{
	display : flex;
	
	margin-bottom : 1.75em;
	
	box-sizing : border-box;
	
	align-items : normal !important;
	
	flex-wrap : nowrap!important;
}

.wp-block-column
{
	display : flex;
	align-items : center;
	
	min-width : 0px;
	flex-basis: 0;
    flex-grow: 1;
}

.wp-block-spacer
{
	clear : both;
}

a.button
{
	display : inline-block;
	
	background : var(--accent-color-1);
	color : #FFF;
	
	padding : 12px 30px;
	
	font-size : 18px;
	font-weight : 500;
	text-decoration : none;
	text-transform : uppercase;
	
	border-radius : 0px;
}

.flex_cols
{
	display : flex;
	
	gap : 2em;
}

.flex_cols .col
{
	display : block;
	flex : 1;
	
	/* 
	-webkit-box-shadow : 0 2px 57px 0px rgba(210, 210, 210, 0.35);
	-moz-box-shadow : 0 2px 57px 0px rgba(210, 210, 210, 0.35);
	box-shadow : 0 2px 57px 0px rgba(210, 210, 210, 0.35);
	*/
}

.flex_container
{
	display : flex;
	justify-content : space-between;
}

#alert_bar
{
	background : var(--alert-bar-background);
	
	padding : var(--alert-bar-padding);
}

#alert_bar p
{
	background : var(--alert-bar-background);
	color : var(--alert-bar-color);
	
	margin : 0px;
	
	font-family : var(--main-font);
	font-size : var(--main-font-size);
	text-align : center;
}

#alert_bar p a:link, #alert_bar p a:visited
{	
	color : var(--alert-bar-color);	
	
	text-decoration : var(--alert-bar-link-decoration);
}

#alert_bar p a:hover
{
	text-decoration : var(--alert-bar-link-hover-decoration);
}

#above_nav
{
	background : var(--theme-color-1);
	
	padding : var(--above-nav-padding);
	
	text-align : right;
}

#above_nav ul
{
	margin : 0px;
	padding : 0px;
	
	list-style-type : none;
}

#above_nav ul li
{
	display : inline;
	
	margin : 0px;
	padding : 0px;
}

#above_nav ul li a
{
	display : inline-block;
	
	margin-left : 35px;
	
	font-family: 'balto', sans-serif;
	font-size : 15px;
	font-weight: 400;
	font-style: normal;
	letter-spacing : 0.03em;
}

#above_nav ul li:first-child a
{
	margin-left : 0px;
}

#above_nav ul li a:link, #above_nav ul li a:visited
{
	color : #FFF;
	
	text-decoration : none;
}

nav
{
	background : var(--nav-bg);r
	color : #FFF;
	
	padding : var(--nav-padding);
	
	border-style : solid;
	border-color : var(--theme-color-1);
	border-width : 0px 0px 1px 0px;
}

#nav_logo
{
	padding-top : 5px;
}

nav ul
{
	position : relative;
	
	margin : 0px;
	padding : 0px;
	
	list-style-type : none;
}

nav ul li
{
	position : relative;
	
	display : inline-block;
	
	margin-left : 18px;
}

nav ul li.mobile_only
{
	display : none;
}

nav ul li a
{
	display : inline-block;
	
	color : var(--nav-link-color);
	
	padding : var(--nav-link-padding);
	
	font-family : var(--nav-font);
	font-size : var(--nav-font-size);
	font-weight : var(--nav-font-weight);
	text-decoration : none;
	
	-webkit-transition : var(--nav-link-transition);
	transition : var(--nav-link-transition);
}

nav ul li:last-child a
{
	padding-right : 0px;
}

nav ul li.menu-item-has-children > a
{
	padding : var(--nav-link-padding-children);
}

nav ul li.menu-item-has-children > a:after
{
	position : absolute;
	
	top : 30px;
	right : 2px;
	
	content : '';
	
	border: solid var(--theme-color-1);
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 4px;
	
	 transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

nav ul li a:hover
{
	color : var(--accent-color);	
}

nav > .site_width_container > ul:not(.sub-menu) > li:first-child > a
{
	padding-left : 0px;
}

nav > .site_width_container > ul:not(.sub-menu) > li:last-child
{
	position : var(--nav-last-position);
	
	background : var(--nav-last-background);
	
	right : var(--nav-last-right);
	
	text-transform : var(--nav-last-text-transform);
}

nav > .site_width_container > ul:not(.sub-menu) > li:last-child > a
{
	color : var(--nav-last-color);
	
	padding : var(--nav-last-padding);
}

nav > .site_width_container > ul:not(.sub-menu) > li:last-child.menu-item-has-children > a
{
	padding : var(--nav-last-padding-children);
}

nav > .site_width_container > ul:not(.sub-menu) > li:last-child a:hover
{
	background : var(--nav-last-background-hover);
}

/*************
   BEGIN DROPDOWNs
**************/	
nav ul li ul
{
	position : absolute;
	
	/* display : none; */
	
	-webkit-transform : var(--nav-dropdown-transform);
	transform : var(--nav-dropdown-transform);
	-webkit-transform-origin: var(--nav-dropdown-transform-origin);
	transform-origin: var(--nav-dropdown-transform-origin);
	
	-webkit-transition : var(--nav-link-transition);
	transition : var(--nav-link-transition);
}

nav ul li:hover ul
{
	display : block;
	
	-webkit-transform : var(--nav-dropdown-transform-hover);
	transform : var(--nav-dropdown-transform-hover);
}

nav ul li:nth-child(3) ul, nav ul li:nth-child(4) ul,
nav ul li:nth-child(3):hover ul, nav ul li:nth-child(4):hover ul
{
	right : 0px;
}

nav ul li ul
{
	background : #FFF;
	
	padding : 70px 0px;
	
	min-width : var(--nav-dropdown-min-width);
	
	border-width : var(--nav-dropdown-border-width);
	border-style : var(--nav-dropdown-border-style);
	border-color : var(--nav-dropdown-border-color);
	
	z-index : 9999;
	
	border-radius : var(--nav-dropdown-border-radius);
	-moz-border-radius : var(--nav-dropdown-border-radius);
	-webkit-border-radius : var(--nav-dropdown-border-radius);
	o-border-radius : var(--nav-dropdown-border-radius);
	-ms-border-radius : var(--nav-dropdown-border-radius);
	
	box-shadow : var(--nav-dropdown-box-shadow);
	-webkit-box-shadow : var(--nav-dropdown-box-shadow);
	-moz-box-shadow : var(--nav-dropdown-box-shadow);
	-ms-mox-shadow : var(--nav-dropdown-box-shadow);
	-o-box-shadow : var(--nav-dropdown-box-shadow);
}

nav ul li ul li
{
	background : var(--nav-dropdown-link-background);
	
	position : relative;
	
	display : block;
	
	width : calc(100% - 160px);
	
	margin : 0px auto;	
	
	border-width : var(--nav-dropdown-link-border-width);
	border-style : var(--nav-dropdown-link-border-style);
	border-color : var(--nav-dropdown-link-border-color);
}

nav ul li ul li a
{		
	position : relative;
	
	width: calc(100% - (var(--nav-dropdown-link-padding-right)*2));
	
	color : var(--nav-dropdown-link-color);
	
	font-size : 16px;
	
	padding-top : var(--nav-dropdown-link-padding-top);
	padding-bottom : var(--nav-dropdown-link-padding-bottom);
	padding-left : var(--nav-dropdown-link-padding-left);
	padding-right : var(--nav-dropdown-link-padding-right);
	
	text-transform : none;
}

/*
Nav Hover Customization for sub
*/
nav ul li ul li a:hover
{
	width : calc(100% - 10px - (var(--nav-dropdown-link-padding-right)*2));	
	
	padding-left: calc(var(--nav-dropdown-link-padding-left) + 10px);
}

#nav_right
{
	display : inline-block;
	
	position : absolute;
	
	top : 22px;
	right : 80px;
}

#nav_right img
{
	position : relative;
	
	top : 4px;
}

#nav_right a:last-child:link, #nav_right a:last-child:visited
{
	color : var(--theme-color-1);
	
	margin-left : 40px;
	padding: 10px 30px;
	
    font-size: 18px;
	font-weight : 600;
	text-decoration : none;
	
    border-style: solid;
    border-color: var(--theme-color-1);
    border-width: 2px;
    border-radius: 25px;
}

/***
HOMEPAGE STUFF
***/
#hero_container
{
	position : relative;
}

#hero_overlay
{
	background : rgba(0, 0, 0, .4);
	height : var(--hp-hero-min-height);
}

/***
INNER PAGE STUFF
***/

#hero_container.page
{
	background : var(--page-hero-container-background);
	background-position : var(--page-hero-container-background-position);
	background-size : cover;
}

#hero_container.page .site_width_container
{
	display : var(--page-hero-site-width-display);
	
	min-height : var(--page-hero-container-min-height);
}

#hero_container.page h1
{
	display : var(--page-hero-h1-display);
	vertical-align : var(--page-hero-h1-vertical-align);
	
	color : var(--page-hero-h1-color);
	
	margin : 0px;
	
	font-family : var(--page-hero-h1-font-family);
	font-size : var(--page-hero-h1-font-size);
	font-weight : var(--page-hero-h1-font-weight);
	
	text-align : var(--page-hero-h1-text-align);
}

#hero_container.page #hero_container_overlay
{
	background-color : transparent;
	background-image : linear-gradient(90deg, rgba(236,86,66,.7)  0%, rgba(16,31,58,.7) 100%);
	background : rgba(0, 49, 73, .7);
	background : rgba(41, 72, 87, .7);
}


#main_content_container, section
{
	color : var(--theme-color-1);
	
	padding : var(--page-content-container-padding);
	
	font-family : var(--page-content-container-font-family);
	font-size : var(--page-content-container-font-size);
	line-height : var(--page-content-container-line-height);
}

body.page #main_content_container
{
	background : #F5F4F4; /* Lightest of Grays */
}

#main_content_container p + h2, #main_content_container p + h3,
#main_content_container p + h4, #main_content_container p + h5,
#main_content_container p + h6
{
	margin-top : 60px;
}

#main_content_container h2 + p, #main_content_container h3 + p,
#main_content_container h4 + p, #main_content_container h5 + p,
#main_content_container h6 + p
{
	margin-top : 18px;
}

#main_content_container
{
	min-height : var(--page-content-container-min-height);
}


section
{
	padding : var(--hp-section-padding);
}

/*
#main_content_container ul, #main_content_container ol,
section ul, section ol
{
	list-style-type : none;
	
	margin : 30px 0px 30px 0px;
	padding : 0px;
}

#main_content_container ul li, #main_content_container ol li,
section ul li, section ol li
{
	position : relative;
	
	margin : 0px 0px 20px 25px;
}


#main_content_container ul li:before,
section ul li:before
{
	position : absolute;
	
	left : -25px;
	
	content: '\2714'; /* Check Mark 
	 
	color : var(--accent-color);

	font-size : 18px;	
	font-weight : bold;
}

#main_content_container ol,
section ol
{
	counter-reset: li;
}

#main_content_container ol li,
section ol li
{
	counter-increment: li;
}

#main_content_container ol li:before,
section ol li:before
{
	position : absolute;
	
	left : -25px;
	
	content: counter(li) '.'; 
	
	color: var(--accent-color);	
		
	font-size : 15px;	
	font-weight : bold;
}
*/

#main_content_container img, section img
{
	max-width : 100%;
	
	border-radius : 10px;
}

/***
HOMEPAGE STUFF
***/

#hero_container.home
{
	background : var(--hp-hero-background);
	background-size : var(--hp-hero-background-size);
	background-position : var(--hp-hero-background-position);
	
	min-height : var(--hp-hero-min-height);
}

#hero_container.home .site_width_container
{
	position : var(--hp-hero-swc-position);
	
	display : block;
	
	height : fit-content;
	min-height : var(--page-hero-container-min-height);
	
	margin : var(--hp-hero-swc-margin);
	top : var(--hp-hero-swc-top);
	bottom : var(--hp-hero-swc-bottom);
	left : var(--hp-hero-swc-left);
	right : var(--hp-hero-swc-right);
}

#hero_container.home img
{
	max-width : 100%;
}

#hero_container.home h1
{
	max-width : var(--hp-hero-max-width);
	
	color : var(--hp-hero-h1-color);
	
	margin : var(--hp-hero-h1-margin);
	
	font-size : var(--hp-hero-h1-font-size);
	font-weight : var(--hp-hero-h1-font-weight);
	font-family :var(--hp-hero-h1-font-family);
	line-height : var(--hp-hero-h1-line-height);
	text-transform : var(--hp-hero-h1-text-transform);
	
	
	    font-family: 'elza-condensed', sans-serif;
    font-weight: 600;
    font-size: 85px;

text-shadow: 2px 4px 11px #353535;
    max-width: 1024px;	
}

#hero_container.home h4
{
	color : var(--hp-hero-h4-color); /* A Red */
	
	margin : var(--hp-hero-h4-margin);
	
	font-weight : var(--hp-hero-h4-font-weight);
	font-size : var(--hp-hero-h4-font-size);
}

#hero_container.home a.button
{
	padding : 12px 30px;
	
	font-size : 18px;
    font-weight : 500;
	
	border-radius : 0px;
}

section h2
{
	color : var(--hp-section-h2-color);
	
	font-size : var(--hp-section-h2-font-size);
	font-weight : var(--hp-section-h2-font-weight);
}

section h5
{
	color : var(--hp-section-h5-color);
	
	font-size : var(--hp-section-h5-font-size);
	font-weight : var(--hp-section-h5-font-weight);
}

section a.button
{
	margin-top : 30px;
	margin-top : 0px;
}

.col.hp_path
{
	padding : 70px 32px;
	
	text-align : center;
}

.col.hp_path h4
{
	display : grid;
	
	color : #000;
	
	height : 65px;
	
	align-items : center;
}

section
{
	padding : 90px 0px;
}

section#hero_intro
{
	background-image : linear-gradient(0deg, rgb(224 232 245) 0%, rgba(255, 255, 255, 1) 100%);
}

section#hero_intro .site_width_container > .flex_cols .col:nth-child(2)
{
	text-align : center;	
}

section#hero_intro .site_width_container > .flex_cols .col:nth-child(2) .flex_cols
{
	max-width: 456px;
    
	margin: 0px auto;
}


section#hp_messages
{
	background-image : linear-gradient(0deg, rgb(224 232 245) 0%, rgba(255, 255, 255, 1) 100%);
}

section#hp_messages .site_width_container > .flex_cols .col:nth-child(2)
{
	text-align : center;	
}

section#hp_messages .site_width_container > .flex_cols .col:nth-child(2) .flex_cols
{
	max-width: 456px;
    
	margin: 0px auto;
}

section#hp_messages .col div
{
	display : table;
	
	min-height : 325px;
}

section#hp_messages .col div p
{
	display : table-cell;
	vertical-align : middle;
}


section#hero_intro.page
{
	background : #FFF;
	background: linear-gradient(0deg, #E0E0E0 0%, #F0F0F0 100%);
}





section#hero_intro.page h1
{
	color : var(--theme-color-1);
		
	font-size : 56px;
	font-weight : 600;
}

section#hero_intro.page h5
{	
	color : var(--theme-color-1);
	
	display: inline-block;
	
	margin-bottom : 10px;
	
	font-family : "ibm-plex-mono", sans-serif;
	font-size: 14px;
	font-weight : 400;
	font-style : normal;
	text-transform : uppercase;
	letter-spacing: 1px;	
   
    font-weight : 700;
}

body.program section#hero_intro.page h5
{
	font-size : 12px;
}

section#hero_intro.page p
{
	margin-top : 14px;
	line-height : 32px;
}

section#hero_intro.page.program
{
	padding : 34px 0px;
}

section#hero_intro.page .site_width_container .flex_cols > .col
{
	display : table;
}

section#hero_intro.page .site_width_container .flex_cols > .col img
{
	border-radius : 16px;
}

section#hero_intro.page .site_width_container .flex_cols > .col > div
{
	display : table-cell;
	vertical-align : middle;
}

section#hp_pathways .col
{
	text-align : center;
}

section#hp_pathways img
{
	margin-bottom : 15px;
}

section#hp_sponsors
{
	background : #FFF;
}

section#hp_sponsors .slide
{
	width : 100%;
}

section#hp_sponsors .slide .col
{
	text-align : center;
}

section#boosters_cta
{
	background : #2d86ab;
	
	padding: 20px 0px;
}

section#boosters_cta .site_width_container
{
	position : relative;
}

section#boosters_cta h4
{
	color: #FFF;
   
	margin: 0px;

	font-weight: 500;
	text-transform: uppercase;
    
    
}



section#boosters_cta .site_width_container p:nth-child(2)
{
	color: #FFF;
    
	margin: 10px 0px;
}

section#boosters_cta .site_width_container p:nth-child(3)
{
	position: absolute;
    
	top: 3px;
	right: 80px;
    
}


/***
RANDOM EXTRAS
***/
#page_menu_container
{
	background : var(--program-career-color1);
	color : #FFF;
	
	padding : 3px 0px;
}

#page_menu_container p
{
	background : #22651D;
	
	display : inline-block;
	
	margin-right : 38px;
	padding : 8px 18px;
	
	letter-spacing : 1px;
	
	border-radius : 20px;
}

#page_menu_container ul
{
	display : inline-block;
	
	list-style-type : none;
	
	margin : 0px;
	padding : 0px;
}

#page_menu_container ul li
{
	display : inline;
	
	margin-right : 38px;
}

#page_menu_container ul li a:link, #page_menu_container ul li a:visited
{
	color : #FFF;
	
	text-decoration : none;
}

.col.sidebar
{
	max-width : 370px;
	
	text-align : center;
}

div.blockquote
{
	background : url('images/blockquote.png') no-repeat;
	
	margin : 124px 0px 0px;
	padding : 40px 0px;
	
	font-size : 32px;
	line-height : 44px;
}

div.blockquote p
{
	margin-bottom : 16px;
}

div.blockquote span
{
	color : #E56D12;
	
	text-transform : uppercase;

font-family : "ibm-plex-mono", sans-serif;
	font-size: 14px;
	font-weight : 800;
	font-style : normal;
	text-transform : uppercase;
	letter-spacing: 1px;		
}

div.faq_accordion
{
	margin : 45px 0px 75px;
}

div.faq_accordion h4
{
	margin-bottom : 38px;
}

div.faq_accordion .question_container
{
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #E3E4E8;
}

div.faq_accordion .question
{
	position : relative;
	
	cursor : pointer;
	
	font-weight : 700;	
}


div.faq_accordion .question p
{
	margin : 15px 0px;
}

div.faq_accordion .question.active
{
	
}

div.faq_accordion .question:after
{
	    position: absolute;
    top: 18px;
    right: 2px;
    content: '';
    border: solid var(--theme-color-1);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

div.faq_accordion .question.active:after
{
	    position: absolute;
    top: 18px;
    right: 2px;
    content: '';
    border: solid var(--theme-color-1);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

div.faq_accordion .answer
{
	display : none;
	
	padding-bottom : 20px;
}

section .site_width_container .flex_cols .col.hp_path:nth-child(2)
{
	background : var(--accent-color);
	
	padding : 45px 0px 0px;
	
	border-radius : 25px;
}


section .site_width_container .flex_cols .col.hp_path:nth-child(2) h4
{
	color : #FFF;
}

section .site_width_container .flex_cols .col.hp_path:nth-child(2) p
{
	color : #FFF;
}

body > section:nth-child(7)
{
	background : #e9e9e9;
}


/***
INLINE IMAGE CUSTOMIZATIONS
***/

#main_content_container .wp-block-image,
section .wp-block-image
{
	margin : 0px 0px 1em;
}

#main_content_container .wp-block-image
{
	margin : 84px 0px 70px;
}

#main_content_container .wp-block-image figure,
section .wp-block-image figure
{
	position : relative;	
}

#main_content_container .wp-block-image figure.alignleft,
section .wp-block-image figure.alignleft
{
	float : left;
	
	margin : .5em 1.5em 2em 0em;
}

#main_content_container .wp-block-image figure.alignright,
section .wp-block-image figure.alignright
{
	float : right;
	
	margin : .5em 0 2em 1.5em;
}

#main_content_container .wp-block-image figure img,
section .wp-block-image figure img
{
	position : relative;
	
	z-index : 9999;
	
	vertical-align : top;
}

#main_content_container .wp-block-image figure.alignright:after,
section .wp-block-image figure.alignright:after
{
	content : "";
	
	position : absolute;
	
	background : var(--accent-color);
	
    width : 100px;
	height : 100px;
    
    bottom : -20px;
    right : -20px;
}

#main_content_container .wp-block-image figure.alignleft:after,
section .wp-block-image figure.alignleft:after
{
	content : "";
	
	position : absolute;
	
	background : var(--accent-color);
	
    height : 100px;
    width : 100px;
    
    bottom : -20px;
    left : -20px;
}

footer
{
	background : var(--footer-bg);
	color : var(--footer-color);
	
	padding : var(--footer-padding);
	
	text-align : var(--footer-text-align);
}

footer .site_width_container
{
	display : var(--footer-content-container-display);
	
	width : var(--footer-content-container-width);
	
	background : var(--footer-content-container-background);
	background-position : var(--footer-content-container-background-position);
	
	min-height : var(--footer-content-container-min-height);
}

footer p
{
	display : var(--footer-content-display); 
	vertical-align : var(--footer-content-vertical-align);
	
	margin : var(--footer-content-margin);
	
	font-size : var(--footer-content-font-size);
	line-height : var(--footer-content-line-height);
}

footer p a:link, footer p a:visited
{
	color : #FFF;
	
	text-decoration : var(--footer-link-text-decoration);
}

#footer_contact
{
	padding-bottom : 60px;
}

#footer_contact > .site_width_container > .flex_cols
{
	/* background : var(--theme-color-1); */
	color : #FFF;
	
	padding : 111px 88px;
	padding : 30px 0px;
	
	border-radius : 12px;
}

#footer_contact > .site_width_container > .flex_cols > .col:nth-child(1)
{
	display : table;
	
	max-width : 470px;
}

#footer_contact > .site_width_container > .flex_cols > .col:nth-child(1) > div
{
	display : table-cell;
	vertical-align : middle;
}

#footer_contact > .site_width_container > .flex_cols > .col:nth-child(1) strong,
#footer_contact > .site_width_container > .flex_cols > .col:nth-child(1) b
{
	font-weight : 700;
}

#footer_contact > .site_width_container > .flex_cols > .col:nth-child(1) p:last-child a
{
	display : inline-block;
	
	background : #FFF;
	color : #222;
	
	padding : 5px 15px;
	
	border-color : #DDD;
	border-radius : 5px;
}

#footer_contact > .site_width_container > .flex_cols > .col:nth-child(1) p
{
	font-weight : 300;
	line-height : 23px;
}

#footer_contact > .site_width_container > .flex_cols > .col:nth-child(2)
{	
	text-align : right;
}

#footer_contact > .site_width_container > .flex_cols > .col:nth-child(2) > form > div > fieldset > .flex_cols
{
	gap : 8px;
}

#footer_contact h3
{
	color : #FFF;
	
	margin-bottom : 18px;
}

#footer_contact h3 strong
{
	color : #7DC457;
	
	font-weight : 700;
}

#footer_contact form
{
	display : inline-block;
	
	width : 433px;
	
	text-align : left;
}

#footer_contact form fieldset
{
	margin : 0px;
	padding : 0px;
	
	border-width : 0px;
}

#footer_contact form label
{
	color : #EFEFEF;
	
	font-family : "ibm-plex-mono", sans-serif;
	font-size: 10px;
	font-weight : 500;
	font-style : normal;
	text-transform : uppercase;
	letter-spacing: 1px;	
}

#footer_contact form input
{
	max-width : 100%;
	width : calc(100% - 32px);
	
	margin : 5px 0px 10px;
	padding : 11px 15px;
	
	border-width : 1px;
	
	font-size : 14px;
	
	border-radius : 8px;
	border-color : var(--theme-color-1);
}

#footer_contact form input::placeholder
{
	color : #00264B;
	
	opacity : .68;
}

#footer_contact form input[type=submit]
{
	background : var(--accent-color-1);
	color : var(--theme-color-1);
	
	width : 100%;
	
	font-family : 'balto';
	font-size : 18px;
	font-weight : 500;
}

#footer_organization
{
	padding-bottom : 41px;
}

#footer_organization .flex_cols > .col:nth-child(1)
{
	max-width : 280px;
}

#footer_organization .flex_cols > .col:nth-child(1) p:nth-child(1)
{
	margin-bottom : 17px;
}

#footer_organization .flex_cols > .col:nth-child(1) p:nth-child(3)
{
	margin : 33px 0px 12px;
}

#footer_organization .flex_cols > .col:nth-child(1) p:nth-child(4)
{
	
}

#footer_organization .flex_cols > .col:nth-child(2)
{
	text-align : right;
}

#footer_organization .flex_cols > .col:nth-child(2) ul
{
	list-style-type : none;
	
	margin : 128px 0px 0px 0px;
	padding : 0px;
}

#footer_organization .flex_cols > .col:nth-child(2) ul li
{
	display : inline-block;
	
	padding-left : 27px;
}

#footer_organization .flex_cols .col:nth-child(2) ul li a:link,
#footer_organization .flex_cols .col:nth-child(2) ul li a:visited
{
	color : var(--theme-color-1);
	
	font-weight : 600;
	text-decoration : none;
}

#footer_organization .flex_cols .col:nth-child(2) ul li.donate a:link,
#footer_organization .flex_cols .col:nth-child(2) ul li.donate a:visited
{
	padding : 8px 30px;
	
	font-size : 18px;
	
	border-style : solid;
	border-color : var(--theme-color-1);
	border-width : 2px;
	
	border-radius : 25px;
}

#footer_organization #footer_mltx_cta
{	
	display : inline-block;
	background : #DEDDDD;
	
	width : 455px;
	
	margin : 74px 0px 0px;
	padding : 28px 30px 12px;
	
	border-radius : 5px;
}

#footer_organization #footer_mltx_cta .flex_cols .col:nth-child(1)
{

}

#footer_organization #footer_mltx_cta .flex_cols .col:nth-child(2)
{
	max-width : 170px;
}

#footer_organization #footer_mltx_cta .flex_cols .col:nth-child(2) a
{
	background : #E56D12; /* orange */
	
	display : inline-block;
	
	padding : 10px 29px;
	font-weight : 600;
	font-size : 15px;
	
	border-radius : 20px;
	
}

#footer_bottom
{
	padding : 50px 0px 24px;
	
	border-style : solid;
	border-color : #FFF;
	border-width : 1px 0px 0px 0px;
}

#footer_bottom p
{
	display : inline-block;
}

#footer_bottom img
{
	height : 22px;
	
	padding-left : 16px;
}

#footer_bottom .flex_cols > .col:nth-child(1)
{
	font-size : 17px;
	font-weight : bold;
}


#footer_bottom .flex_cols .col p
{
	font-size : 14px;
	font-weight : 400;
	letter-spacing : 0.01rem;
	
}

#footer_bottom span
{
	display : table-cell;
	vertical-align : middle;
	
	color : #FFF;
}

#footer_bottom .flex_cols > .col:nth-child(2)
{
	text-align : right;
}

/*************
   END DROPDOWNs
**************/	
#pull
{
	display : none;
}

.clearfix 
{
	overflow : auto;
}

.clearfix::after 
{
	content : "";
	
	display : table;
	
	clear : both;	
}

#main_content_container .wp-block-image.no-margin
{
	margin : 0px;
}

@media only screen and (max-width : 1350px)
{      
	nav ul li
	{
		margin-left : 10px;
	}
}

@media only screen and (max-width : 1325px)
{      
	section#boosters_cta .site_width_container p:nth-child(3)
	{
		position : relative;
		
		top : auto;
		right : auto;
	}
}

@media only screen and (max-width : 1035px)
{            
	.flex_cols
	{
		display : block;
	}
	
	#hero_container.home
	{
		padding-top : 60px;
	}
	
	#hero_container.home .wp-block-columns
	{
		display : block;
	}
	
	section#hero_intro .site_width_container > .flex_cols .col:nth-child(2) .flex_cols
	{
		display : flex;
	}
	
	#hp_pathways .col
	{
		margin-bottom : 45px;
	}
	
	section#hp_messages .col div
	{
		min-height : 0px;
		
		margin-bottom : 30px;
	}
	
	section#hp_sponsors img
	{
		margin-bottom : 30px;
	}
	
	.instagram-gallery-list[data-feed_layout=masonry] .instagram-gallery-item, .instagram-gallery-list[data-feed_layout=gallery] .instagram-gallery-item
	{
		min-width : 100%;
	}
	
	#footer_bottom .flex_cols > .col:nth-child(1)
	{
		margin-bottom : 30px;
	}
	
	#footer_bottom span
	{
		display : inline-block;
	}
	
	#footer_bottom .flex_cols > .col:nth-child(1),
	#footer_bottom .flex_cols > .col:nth-child(2)
	{
		text-align : center;
	}
	
}

@media only screen and (max-width : 860px)
{
	footer
	{
		padding : var(--footer-mobile-padding);
		
		text-align : var(--footer-mobile-text-align);
	}
	
	footer .site_width_container
	{
		width : calc(100% - 60px);
		
		
		
	}
}

@media only screen and (min-width : 1301px)
{
	ul.navbar_container
	{
		display : block !important;
	}	

	nav.nav_logo_inline .site_width_container
	{
		position : relative;
	}
	
	nav.nav_logo_inline ul.navbar_container
	{
		position : absolute;
		
		display : inline-block !important;
		
		height : var(--nav-height);
		
		top : var(--nav-top);
		bottom : var(--nav-bottom);
		right : var(--nav-right);
		

		margin : var(--nav-margin);
	
	}
	

}

/***
MOBILE NAVIGATION BEGINS
***/
@media only screen and (max-width : 1300px)
{
	
	
	#alert_bar, #above_nav, .navbar_container, #nav_logo
	{
		display : none;
	}
	
	#pull
	{
		display : block;
		
		background : var(--mobile-nav-logo);
		background-position : var(--mobile-nav-position);
				
		height : var(--mobile-nav-bar-height);
	}
	
	#pull:after
	{
		position : absolute;
		
		display : inline-block;
		
		content : ' ';
		
		background : var(--mobile-nav-icon);
		
		width : var(--mobile-nav-icon-width);
		height : var(--mobile-nav-icon-height);
		
		top : var(--mobile-nav-icon-top);
		right : var(--mobile-nav-icon-right);
		
		top : 36px;
		right : 30px;
	}
	
	nav
	{
		padding : var(--mobile-nav-padding);
		
		border-width: var(--mobile-nav-border-width);
        border-style: var(--mobile-nav-border-style);
        border-color: var(--mobile-nav-border-color);
	}
	
	nav ul li.mobile_only
	{
		display : inline-block;
	}

	
	nav ul li ul
	{
		display : none;
		
		position : relative;
	
		-webkit-transform : none;
		transform : none;
		-webkit-transform-origin: none;
		transform-origin: none;
		
		-webkit-transition : none;
		transition : none;
		
		min-width : 0px;
	}

	nav ul li:hover ul
	{				
		display : none;
		
		-webkit-transform : none;
		transform : none;
	}
	

	nav ul li:hover ul
	{
		display : none;
		
		position : relative;
	}

	nav ul li ul.active
	{
		display : block;
	}	
		
	nav ul li, nav > .site_width_container > ul:not(.sub-menu) > li:last-child
	{
		background : none;
		
		position : relative;
		
		display : block;
	}
		
	nav ul li a, nav > .site_width_container > ul:not(.sub-menu) > li:last-child a
	{			
		width : 100%;
		
		padding : var(--mobile-nav-link-padding);
		
		text-transform : none;
	}

	nav ul li.menu-item-has-children a:after
	{
		position : relative;
		
		display : inline-block;
		
		content : '';
		
		color : #000;
		
		right : var(--mobile-nav-submenu-icon-right);
		top : var(--mobile-nav-submenu-icon-top);
		
		padding : var(--mobile-nav-submenu-icon-padding);

		border-style : var(--mobile-nav-submenu-icon-border-style);
		border-color : #000;
		border-width : var(--mobile-nav-submenu-icon-border-width);		

		transform : var(--mobile-nav-submenu-icon-transform);		
	}
	
	nav ul li.menu-item-has-children ul li a:after
	{
		display : none;
	}
	
	nav ul li.menu-item-has-children > a
	{
		padding : 15px 0px
	}
	
	nav ul li ul
	{
		padding : 15px;
	}
	
	nav ul li ul li
	{
		width : 100%;
	}
	
	nav ul li ul li:last-child
	{
		border-style : none;
	}
	
	#main_content_container
	{
		padding : 55px;
	}
}

@media only screen and (max-width : 1300px)
{
	section
	{
		padding : 45px 0px;
	}
}

@media only screen and (max-width : 600px)
{
	.site_width_container
	{
		padding : 0px 30px;
	}
	
	#hero_container.home h1
	{
		font-size : 50px;
	}
}