/*
Theme Name: Leadership Memphis
Theme URI: http://www.s2ndesign.com
Description: This theme is a derivative of Super Hijinksified, custom coded for the client.
Author: S2N
Author URI: http://www.s2ndesign.com
Version: 1.0

*/

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

/*HTML5 BOILERPLATE MINIFIED*/

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

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

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

/*BODY STYLES*/

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

:root {
  --white: #fff;
  --black: #030303;
  --darkGray: #4f5050;
  --medGray: #606060;
  --lightGray: #e1dfdf;
  --borderGray: #727272;
  --lightBorderGray: #afafb1;
  --darkBlue: #028fd1;
  --lightBlue: #43addf;
  --darkYellow: #ffc20e;
  --lightYellow: #fbd259;
  --bodyFont: 'Nunito Sans', Arial, Helvetica, sans-serif;
}

html {
    font-size: 100%;
}

body { 
	background: var(--white); 
	color: var(--black); 
	font: 1rem var(--bodyFont); 
    -webkit-font-smoothing: antialiased;
}

a { 
	color: var(--darkBlue);
	text-decoration: none;
	transition: all .5s ease;
}

a:hover {
	color: var(--black);
}

img,
svg,
iframe {
	height: auto;
	max-width: 100%;
}

h1,
h2 {
	color: #2c5697;
    font-size: 1.75rem;
	font-weight: 900;
	margin: 0 0 50px;
}

h2 {
    margin-bottom: 15px;
}

h3 {
    font-size: 1.625rem; /*26*/
    font-weight: 900;
    line-height: 1.23; /*32*/
    margin: 0 0 20px;
}

p,
ul,
ol {
	font-size: 1.0625rem; /*17*/
	line-height: 1.64; /*28*/
	margin: 0 0 35px;
}

header, 
section, 
footer,
article {
	width: 100%;
}

.btn,
#menu-footer-flags a,
.programs-content aside a,
.page .acf-button,
.wppb-user-forms input[type=submit] {
	background: #ffb71b;
	border: 1px solid #ffb71b;
	display: inline-block;
	font-size: 1.125rem; /*18*/
	font-weight: 900;
	padding: 21px 10px 21px 38px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
}
.intro-banner .btn{color:#fff;}

.intro-banner .btn:hover{background:#fdd26e;}

.btn.alt {
	background: #ffb71b;
	color: var(--white);
	padding: 12px 10px 12px 30px;
}

.btn:after, 
.btn:before,
#menu-footer-flags a:after, 
#menu-footer-flags a:before,
.programs-content aside a:before,
.programs-content aside a:after {
	border: solid transparent;
	border-left-color: #ffb71b;
	border-width: 34px 0 34px 25px;
	content: " ";
	height: 0;
	position: absolute;
	right: -25px;
	transition: border .5s ease;
	top: -1px;
	width: 0;
}

.btn:after {
	border-left-color: #ffb71b;
	right: -24px;
}

.btn.alt:before,
.btn.alt:after {
	border-width: 25px 0 25px 18px;
	right: -19px;
}

.btn.alt:after {
	right: -18px;
}

.btn:hover,
.page .acf-button:hover,
.wppb-user-forms input[type=submit]:hover {
	background:#fdd26e;
	color: var(--white);
}

.btn:hover::after {
	border-left-color: #fdd26e !important;
}

.btn.alt:hover {
	background: var(--lightYellow);
}

.btn.alt:hover::after {
	border-left-color: var(--lightYellow) !important;
}

.container {
	clear: both;
	margin: 0 auto; 
	max-width: 1590px; /*1556*/
	padding: 0 20px;
	position: relative;
}

.flex-container {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grid {
	display: grid;
}

.accessibility {
	backface-visibility: hidden;
	left: -999999999px;
	position: absolute;
}

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

/*HEADER STYLES*/

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

header {
	background: #001689;
	border: 5px solid var(--white);
	height: 110px;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 10;
}

header .logo {
	align-items: center;
	background: var(--white);
	display: flex;
	height: 100%;
	padding: 10px 52px 10px 58px;
	position: relative;
	z-index: 2;
}

header .logo:before {
	border-style: solid;
	border-width: 50px 0 50px 30px;
	border-color: transparent transparent transparent var(--white)	;
	content: "";
	height: 0;
	position: absolute;
	right: -30px;
	top: 0;
	width: 0;
}

header .logo img {
	width: 247px;
}

/***Nav***/

header nav,
header ul,
header .donate-link,
header .donate-link a {
	height: 100%;
}

header nav {
	position: relative;
	z-index: 2;
}

header ul {
	align-items: center;
	display: flex;
	margin: 0;
	padding: 0;
}

header li {
	list-style: none;
	margin: 0 10px;
	position: relative;
}

header li a {
	color: var(--white);
	display: block;
	font-size: 1.125rem; /*18*/
	padding: 20px 0;
}

/*Dropdowns*/

header .sub-menu {
	background: #2c5697;
	display: none;
	height: auto;
	left: 50%;
	margin-left: -100px;
	position: absolute;
	top: 60px;
	width: 200px;
}

header .sub-menu:before {
	border-color: transparent transparent #2c5697 transparent; 
	border-style: solid; 
	border-width: 10px;
	content: "";
	left: 50%;
	margin-left: -10px;
	position: absolute;
	top: -20px;
}

header li:hover .sub-menu {
	display: block;
}

header .sub-menu li {
	border-bottom: 1px solid var(--black);
	margin: 0;
}

header .sub-menu li:last-child {
	border-bottom: none;
}

header .sub-menu a {
	display: block;
	font-size: 1rem;
	line-height: 1.2;
	padding: 10px;
}

/*Donate Link*/

header .login-link a {
	color: var(--darkYellow);
	font-weight: 900;
	text-transform: uppercase;
}

header .donate-link {
	margin: 0 0 0 46px;
	position: relative;
}

header .donate-link:before {
	background: var(--white);
	content: "";
	height: 100%;
	left: 1px;
	position: absolute;
	top: 0;
	width: 4px;
	z-index: 2;
}

header .donate-link a {
	align-items: center;
	background: #ffb71b;
	color: var(--white);
	display: flex;
	font-weight: 900;
	letter-spacing: 2px;
	padding: 20px 60px 20px 85px;
	position: relative;
	text-transform: uppercase;
}

header .donate-link a:after,
header .donate-link a:before {
	left: 0;
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

header .donate-link a:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: var(--white);
	border-width: 50px 0 50px 30px;
	left: 5px;
}

header .donate-link a:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #001689;
	border-width: 50px 0 50px 30px;
	z-index: 3;
}

header li a:hover {
	color: #ffb71b;
}

header .login-link a:hover,
header .donate-link a:hover {
	color: var(--white);
}

header .donate-link a:hover {
	background: #2c5697;
}

/***Mobile Menu***/

header .mobile-menu {
	display: none;
}

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

/*FOOTER STYLES*/

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

footer {
	background: #001689;
	border-top: 5px solid var(--white);
	color: var(--white);
	padding: 60px 0 110px;
}

footer .container {
	align-items: flex-start;
	max-width: 1360px; /*1320px*/
}

footer a {
	color: var(--white);
}

footer a:hover {
	color: var(--darkYellow);
}

footer ul {
	margin: 0;
	padding: 0;
}

footer h3 {
	font-size: 1.25rem; /*20*/
	margin: 0 0 10px;
}

/***Footer Flags***/

#menu-footer-flags li {
	list-style: none;
	margin-bottom: 22px;
}

#menu-footer-flags a {
	background: #ffb71b;
	border-color: var(--lightBorderGray);
	color: #001689;
	min-width: 286px;
	padding: 14px 44px 11px 34px;
}

#menu-footer-flags a:before,
#menu-footer-flags a:after {
	border-left-color: #ffb71b;
	border-width: 28px 0 28px 18px;
	right: -19px;
}

#menu-footer-flags a:after {
	border-left-color: #ffb71b;
	right: -18px;
}

#menu-footer-flags a:hover {
	color: var(--white);
}

/***Contact Info***/

footer .company-info,
footer .links li {
	font-size: 1.25rem; /*20*/
	line-height: 2; /*40*/
}

footer .company-info address {
	font-style: normal;
}

footer .company-info h3 {
	font-size: 1.375rem; /*22*/
	margin: 0;
}

footer .company-info a {
	text-decoration: underline;
}

/***Quick Links***/

footer .links ul {
	padding-left: 22px;
}

/***Social Media***/

footer .social h3 {
	margin-bottom: 22px;
	text-align: center;
	text-transform: uppercase;
}

footer .social li {
	display: inline-block;
	list-style: none;
	font-size: 50px;
	margin: 0 14px;
}

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

/*HOME STYLES*/

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

/***Hero***/

.hero {
	background: no-repeat center var(--darkGray);
	background-size: cover;
	display: flex;
	height: 828px;
	padding: 20px;
	position: relative;
	overflow: hidden;
    align-items: center;
    justify-content: center;
}

.hero h1 {
	color: var(--white);
	font-size: 2.8125rem; /*45*/
	font-weight: 400;
	line-height: 1.125; /*63*/
	margin: auto;
	position: relative;
	text-align: center;
	text-transform: uppercase;
    display: inline-block;
}

.hero video {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}
.text-wrapper {
    position: relative;
    width: 100%;
    left: 0px;
    text-align: center;
    height: 400px;
    overflow: hidden;
}
.banner-caption {
    z-index: 99;
    position: relative; 
    }
.text-wrapper .item {
   background-size: cover;
    background-repeat: no-repeat;
    padding: 96px 0px;
    background-position: 100% 25%;
}
.text-wrapper  button.owl-prev {
    position: absolute;
    font-size: 5em !important;
    top: 50%;
    color: #fff !important;
    left: 10%;
    transform: translateY(-50%);
}
.text-wrapper  button.owl-prev {
    position: absolute;
    font-size: 5em !important;
    top: 50%;
    color: #fff !important;
    left: 10%;
    transform: translateY(-50%);
}
.text-wrapper  button.owl-next {
    position: absolute;
    font-size: 5em !important;
    top: 50%;
    color: #fff !important;
    right: 10%;
    transform: translateY(-50%);
}
.text-wrapper  button.owl-prev:focus ,.text-wrapper  button.owl-next:focus { outline: none; }
.text-wrapper a.btn { width:auto; padding: 12px 30px 12px 53px; }
.text-wrapper h2,.text-wrapper p {color: #fff} 
.text-wrapper .owl-item:nth-child(2n+1):before {
	background: rgba(44, 86, 151,0.6);
    padding: 10px;
    top: 0px;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
}
.text-wrapper .owl-item:nth-child(2n+2):before {
	background: rgba(253, 210, 110,0.6);
    padding: 10px;
    top: 0px;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
}
.text-wrapper .owl-item:nth-child(2) h2 { color: #2c5697 !important; }
.text-wrapper .owl-item:nth-child(2n+3):before {
    background: rgba(0, 22, 137,0.6);
    padding: 10px;
    top: 0px;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
}
/***Intro Banner***/

.intro-banner {
	background: #fff /*linear-gradient(to right, #58b5e1 0%, #bfe5f8 100%)*/;
	padding: 95px 0 84px;
}

.intro-banner .container {
	max-width: 1055px; /*1015*/
}

.intro-banner .container > img,
.intro-banner .image-link {
	width: 31.03%; /*315*/
}

.intro-banner article {
	width: 65.71%; /*667*/
}

.intro-banner h2,
.counter-block h2,
.partners-carousel h2 {
	color: #001689;
	font-size: 2.5rem; /*40*/
	font-weight: normal;
	margin-bottom: 20px;
}

.intro-banner .btn {
	max-width: 400px;
}

/***Callout Boxes***/

.callout-boxes {
	padding: 28px 0 22px;
}

.callout-boxes .grid {
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 9px;
	margin: 0 0 5px;
	padding: 0;
}

.callout-boxes li {
	background: no-repeat center #001689;
	background-size: cover;
	display: flex;
	flex-direction: column;
	list-style: none;
	min-height: 460px;
	overflow: hidden;
	padding: 48px 20px 30px;
}

.callout-boxes li:hover {
	background-blend-mode: multiply;
}

.callout-boxes li h2 {
	color: var(--white);
	font-size: 3.4375rem; /*55*/
	font-weight: normal;
	line-height: 1;
	margin: 130px auto 0;
	max-width: 345px;
	text-align: center;
	transition: all .5s ease;
}

.callout-boxes li:hover h2 {
	margin: 0 auto 30px;
}

.callout-boxes li article {
	color: var(--white);
	margin: 0 auto;
	max-width: 345px;
	opacity: 0;
	transition: opacity .5s ease;
}

.callout-boxes li:hover article {
	opacity: 1;
}

.callout-boxes li p {
	margin: 0 auto 40px;
}

.callout-boxes li a {
	background: #ffb71b;
	color: #fff;
	display: block;
	font-size: 1.0625rem; /*17*/
	font-weight: 900;
	overflow: hidden;
	margin: 0 auto;
	max-width: 175px;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase;
}

.callout-boxes li a:hover {
	background: #001689;
	color: #fff;
}

.callout-boxes .link-box {
	align-items: center;
	background: #ffb71b;
	color: #001689;
	display: flex;
	font-size: 2.25rem; /*36*/
	grid-column: 1 / -1;
	justify-content: center;
	padding: 32px 20px;
	text-align: center;
	text-transform: uppercase;
}

.callout-boxes .link-box:hover {
	background: #001689;
	color: #fff;
}

.callout-boxes .link-box strong {
	font-weight: 900;
	margin-left: 5px;
}

.callout-boxes .link-box img {
	margin-left: 12px;
}

/***Counter Block***/

.counter-block {
	background: #fff /*linear-gradient(to right, #efefef 0%, #c3c2c2 100%)*/;
	padding: 88px 0 100px;
}

.counter-block .flex-container {
	max-width: 1396px; /*1356*/
}

.counter-block article {
	width: 35.98%; /*488*/
}

.counter-block .grid {
	grid-gap: 40px;
	grid-template-columns: repeat(3,1fr);
	margin: 0;
	padding: 0;
	width: 60.02%; /*814*/
}

.counter-block li {
	list-style: none;
}

.counter-block h3 {
	background: no-repeat center transparent;
	background-size: cover;
	border-radius: 100%;
	color: var(--white);
	font-size: 3.75rem; /*60*/
	font-weight: normal;
	line-height: 1;
	margin: 0 0 30px;
	padding-bottom: 100%;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.counter-block h3 div {
	left: 50%;
	position: absolute;
	transform: translateX(-50%) translateY(-50%);
	top: 50%;
}

.counter-block h3 .label {
	display: block;
	font-size: 1.625rem; /*26*/
}

.counter-block li p {
	line-height: 1.375; /*22*/
	margin: 0;
    text-align: center;
}

/***Latest Events***/

.latest-events {
	padding: 28px 0 26px;
}

.latest-events .flex-container {
	align-items: stretch;
}

/*Tabs Nav*/

.latest-events .tabs-nav {
	margin: 0;
	padding: 0;
	width: 30.20%; /*470*/
}

.latest-events .tabs-nav li {
	list-style: none;
	margin-bottom: 3px;
}

.latest-events .tabs-nav li:last-child {
	margin: 0;
}

.latest-events .tabs-nav h2 {
	margin: 0;
}

.latest-events .tabs-nav a {
	background: #001689;
	color: var(--white);
	display: block;
	font-size: 1.625rem; /*26*/
	margin: 0;
	padding: 36px 20px 35px 52px;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}

.latest-events .tabs-nav a:hover {
	color: #ffb71b;
}

.latest-events .active a {
	background: #2c5697;
	color: #ffb71b;
	font-weight: 900;
}

/*Carousels*/

.latest-events .tab-content {
	background: #EAEAEA;
	padding-right: 106px;
	position: relative;
	width: 69.34%; /*1079*/
}

.latest-events .slick-track {
	display: flex;
}

.slick-slider .slick-list,
.slick-slider .slick-track,
.latest-events .event {
	height: 100%;
}

.latest-events .event {
	padding: 44px;
}

.latest-events .event.slick-active {
	display: flex !important;
	flex-direction: column;
}

.latest-events .event:nth-of-type(odd) {
	background: #b5b5b7;
}

.latest-events .event h3 {
	color: var(--white);
}

.latest-events .event p {
	line-height: 1.41; /*24*/
	margin-bottom: 20px;
}

.latest-events .event .btn {
	margin: auto 0 0;
    background: #ffb71b;
    border: 0px;
}

.latest-events .event .btn.alt:after {
	border-left-color: #ffb71b;
}

.latest-events .event:nth-of-type(odd) .btn.alt::after {
	border-left-color: #ffb71b;
}

.latest-events .slick-prev {
	display: none !important;
}

.latest-events .slick-next {
	background: var(--darkGray);
	border: none;
	height: 100%;
	right: 0;
	padding: 0;
	position: absolute;
	text-indent: -999999px;
	top: 0;
	width: 100px;
}

.latest-events .slick-next:before,
.latest-events .slick-next:after {
	left: 0;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	transition: border .5s ease;
}

.latest-events .slick-next:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: var(--white);
	border-width: 31px 0 31px 26px;
	margin-top: -31px;
}

.latest-events .slick-next:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: var(--darkYellow);
	border-width: 22.5px 0 22.5px 19px;
	margin-top: -22.5px;
}

.latest-events .slick-next:hover::after {
	border-left-color: var(--white);
}

/***Partners***/

.partners-carousel {
	background: no-repeat center #fdd26e;
	background-size: cover;
	margin-bottom: 6px;
	padding: 80px 0 100px;
	text-align: center;
}

.partners-carousel .container {
	max-width: 1384px; /*1344*/
}

.partners-carousel h2 {
	margin-bottom: 38px;
}

.partners-carousel a {
	color: #001689;
	font-size: 1.25rem; /*20*/
	font-weight: bold;
	text-decoration: underline;
}

.partners-carousel a:hover {
	color: #ffb71b;
}

/*Carousel*/

.partners-carousel .carousel {
	margin-bottom: 36px;
	padding: 0 50px;
	position: relative;
}

.partners-carousel .slide {
	margin: 0 17px;
}

.partners-carousel .flex-container {
	background: var(--white);
	border: 0px;
	min-height: 204px;
	padding: 20px;
	justify-content: center;
	width: 100%;
}

.partners-carousel .slick-arrow {
	background: none;
	border: none;
	margin-top: -35px;
	padding: 0;
	position: absolute;
	text-indent: -999999px;
	top: 50%;
}

.partners-carousel .slick-arrow:before {
	border: solid transparent;
	border-width: 35px 0 35px 34px;
	border-left-color: #001689;
	content: " ";
	height: 0;
	right: 0;
	position: absolute;
	transition: border .5s ease;
	top: 0;
	width: 0;
}

.partners-carousel .slick-arrow:hover::before {
	border-left-color: var(--darkYellow);
}

.partners-carousel .slick-prev {
	left: 0;
}

.partners-carousel .slick-prev:before {
	left: 0;
	transform: rotate(-180deg);
}

.partners-carousel .slick-next {
	right: 0;
}

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

/*DEFAULT PAGE STYLES*/

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

.alignleft { 
	float: left; 
	margin-right: 15px; 
}

.alignright { 
	float: right; 
	margin-left: 15px; 
}

.aligncenter {
    display: block;
    margin: 0 auto 20px;
}

.alignnone {
    display: block;
    margin: 0 0 20px;
}

.wp-caption {
    max-width: 100%;
}

/***Page Hero***/

.page-hero {
	background: no-repeat center;
	background-size: cover;
	height: 354px;
}

/***Page Builder***/

.page-content {
	padding: 85px 0;
}

.error404 .page-builder {
	text-align: center;
}

.page-builder .container {
	max-width: 1200px;
}

.page-builder .content-block,
.page-builder .image-block,
.page-builder .image-content-block {
	margin-bottom: 35px;
}

.page-builder p:last-child {
	margin: 0;
}

/*Content Blocks*/

.page-builder .content-block.two-column {
	columns: 2;
	column-gap: 20px;
}

.page-builder .content-block.three-column {
	columns: 3;
	column-gap: 20px;
}

/*Image + Content Blocks*/

.page-builder .image-content-block img,
.page-builder .image-content-block .content,
.image-block.two-column img {
	width: 49.08%; /*591*/
}

.page-builder .image-content-block.image-right img {
	order: 2;	
}

/*Image Blocks*/

.image-block.three-column img {
	width: 32.22%; /*388*/
}

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

/*EVENTS ARCHIVE STYLES*/

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

.events-listings .flex-container {
	align-items: flex-start;
	max-width: 1200px;
}

/***Listings***/

.events-listings article {
	width: 64.91%; /*1010*/
}

.events-listings .event {
	background: #dadcdd;
	margin-bottom: 20px;
}

.events-listings .event:nth-of-type(even) {
	background: #eeeeef;
}

.events-listings .event h2 {
	background: var(--lightBlue);
	border-bottom: 3px solid var(-white);
	font-size: 1.75rem; /*28*/
	font-weight: 900;
	margin: 0;
	padding-right: 20px;
}

.events-listings .event a.flex-container {
	align-items: stretch;
	color: var(--white);
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.events-listings .event a.flex-container:hover {
	opacity: .5;
}

.events-listings .event-date {
	align-items: center;
	background: var(--darkBlue);
	display: flex;
	flex-shrink: 0;
	font-size: 1.875rem; /*30*/
	font-weight: 400;
	margin-right: 25px;
	padding: 10px 20px;
	text-transform: uppercase;
}

.events-listings .event-date span {
	color: var(--darkYellow);
}

.events-listings .content {
	padding: 30px;
}

.events-listings .event > .flex-container  {
	align-items: flex-start;
	flex-wrap: nowrap;
}

.events-listings .event-thumb {
	align-items: center;
	background: no-repeat center var(--lightBlue);
	background-size: cover;
	display: flex;
	margin: 15px 15px 15px 0;
	min-height: 330px;
	min-width: 32.67%; /*330*/
	position: relative;
	transition: all .5s ease;
}

.events-listings .event-thumb:hover {
	background-blend-mode: multiply;
}

.events-listings .event-thumb .rollover {
	color: var(--white);
	font-size: 1.0625rem; /*17*/
	font-weight: 600;
	opacity: 0;
	padding: 52px;
	position: relative;
	transition: opacity .5s ease;
}

.events-listings .event-thumb:hover .rollover {
	opacity: 1;
}

.events-listings .flex-container.btns {
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
}

.events-listings .flex-container.btns:nth-of-type(2):before {
	color: var(--darkBlue);
	content: "Share";
	display: block;
	font-size: .875rem; /*14*/
	font-weight: 900;
	margin: 0 10px 15px;
	text-transform: uppercase;
}

.events-listings .btns li {
	font-size: 1.5rem;
	list-style: none;
	margin: 0 10px 15px;
}

.events-listings .btns .btn:before,
.events-listings .btns .btn:after {
	display: none;
}

.events-listings .btns .btn {
	background: var(--darkBlue);
	color: var(--darkYellow);
	font-size: 1rem;
	padding: 10px 20px;
}

/***Sidebar***/

.events-listings aside {
	padding-left: 6.42%; /*100*/
	width: 32.51%; /*506*/
}

.events-listings aside ul {
	margin: 0;
	padding: 0;
}

.events-listings aside li {
	list-style: none;
	margin-bottom: 25px;
}

.events-listings aside a {
	color: #001689;
	display: block;
	font-size: 1.5rem; /*24*/
	padding-right: 20px;
	position: relative;
	text-transform: uppercase;
}

.events-listings aside a:hover::after,
.events-listings aside .current a:after {
	border-color: transparent transparent transparent #2c5697; 
	border-style: solid; 
	border-width: 13px;
	content: "";
	margin-top: -13px;
	position: absolute;
	right: 0;
	top: 50%;
}

.events-listings aside a:hover,
.events-listings aside .current a {
	color: #2c5697;
	font-weight: 900;
}

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

/*BLOG ARCHIVE STYLES*/

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

.blog-content > .flex-container {
	align-items: flex-start;
	max-width: 1200px;
}

/***Posts***/

.posts {
	width: 68.51%; /*1062*/
}

.posts ul {
	margin: 0;
	padding: 0;
}

.posts .flex-container {
	list-style: none;
	margin-bottom: 60px;
}

.posts .thumb {
	align-items: center;
	background: no-repeat var(--lightBlue);
	background-size: cover;
	display: flex;
	height: 279px;
	justify-content: center;
	position: relative;
	text-align: center;
	transition: all .5s ease;
	width: 38.88%; /*413*/
}

.posts .thumb:hover {
	background-blend-mode: multiply;
}

.posts .thumb span {
	color: var(--darkYellow);
	font-size: 1.375rem; /*22*/
	font-weight: 900;
	opacity: 0;
	text-transform: uppercase;
	transition: opacity .5s ease;
}

.posts .thumb:hover span {
	opacity: 1;
}

.posts li article {
	border-bottom: 1px solid var(--darkGray);
	padding-bottom: 24px;
	width: 58.19%; /*618*/
}

.posts h2 {
	color: #001689;
	font-size: 1.25rem; /*20*/
	font-weight: 900;
	margin: 0 0 5px;
}

.posts h2 a,
.posts .read-more {
	color: #001689;
}

.posts h2 a:hover,
.posts .read-more:hover {
	color: #2c5697;
}

.posts p {
	color: var(--darkGray);
	margin: 0 0 5px;
}

.posts .read-more {
	font-size: 1.0625rem; /*17*/
	font-weight: 900;
	text-transform: uppercase;
}

.pagination {
	margin: 0 0 0 auto;
	padding: 0;
	width: 58.19%; /*618*/
}

.pagination li {
	list-style: none;
}

.pagination a {
	font-size: 1.5rem; /*24*/
	font-weight: 900;
	text-decoration: underline;
	text-transform: uppercase;
}

.pagination .next {
	margin-left: 20px;
}

.pagination .prev a:before,
.pagination .next a:after {
	border-color: transparent transparent transparent var(--darkBlue);
	border-style: solid; 
	border-width: 13px 0 13px 21px;
	display: inline-block;
	content: "";
	vertical-align: -4px;
}

.pagination .prev a:before {
	margin: 0 10px 0 0;
	transform: rotate(-180deg);
}

.pagination .next a:after {
	margin: 0 0 0 10px;
}

/***Sidebar***/

.blog-content aside {
	width: 23.22%; /*360*/
}

.blog-content aside ul,
.directory-content aside ul {
	margin: 0;
	padding: 0 0 0 22px;
}

.blog-content aside li,
.directory-content aside li {
	color: var(--darkBlue);
	font-size: 1.125rem; /*18*/
	margin-bottom: 10px;
}

.blog-content aside a,
.directory-content aside a {
	color: var(--darkBlue);
}

.blog-content aside a:hover,
.directory-content aside a:hover {
	color: var(--darkYellow);
}

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

/*BLOG SINGLE STYLES*/

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

.blog-content article {
	width: 68.51%; /*1062*/
}

.blog-content article blockquote {
	background: var(--lightGray);
	margin: 0 0 40px;
	padding: 40px;
}

.blog-content article blockquote p {
	font-size: 1.5rem;
	font-weight: 900;
	margin: 0;
}

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

/*ALUMNI PAGE STYLES*/

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

.alumni-content .flex-container {
	align-items: flex-start;
	max-width: 1200px; /*1473*/
}

/***Alumni***/

.alumni-content article {
	width: 68.02%; /*1002*/
}

.alumni-content h1,
.alumni-content aside h2 {
	color: #2c5697;
}

.alumni-content table {
	margin-top: 48px;
}

.alumni-content table + h1 {
	margin-top: 60px;
}

.alumni-content th {
	color: var(--darkBlue);
	font-size: 1.375rem; /*22*/
	font-weight: 900;
	padding: 0 0 40px;
	text-align: left;
}

.alumni-content th,
.alumni-content td {
	padding-right: 20px;
	width: 20%;
}

.alumni-content td {
	line-height: 1.5;
}

/***Sidebar***/

.alumni-content aside {
	width: 28.51%; /*420*/
}

.alumni-content aside form {
	margin-bottom: 92px;
}

.alumni-content aside select,
.alumni-content aside button,
.profile-search select,
.profile-search button,
.profile-search input {
	border: none;
	border-radius: 0;
	font-family: inherit;
	font-size: 1.25rem; /*20*/
	font-weight: 900;
	height: 45px;
	width: 100%;
}
.alumni-search input[type=text] {background: #2c5697 !important;}
.alumni-content aside select,
.profile-search select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url('images/select-drop.png') no-repeat right top #fdd26e; 
	background-size: 45px auto;
	border: none;
	border-radius: 0;
	height: 42px;
	margin-bottom: 15px;
	padding: 0 45px 0 28px;
	width: 100%;
}

.alumni-content aside button,
.profile-search button {
	background: #2c5697;
	color: #ffb71b;
	text-transform: uppercase;
	transition: all .5s ease;
}

.alumni-content aside button:hover,
.profile-search button:hover {
	background: var(--darkYellow);
	color: var(--darkBlue);
}

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

/*DIRECTORY PAGE STYLES*/

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

.directory-content .flex-container {
	align-items: flex-start;
	max-width: 1200px;
}

/***Directory***/

.directory-content .people {
	width: 72.74%; /*1006*/
}

.directory-content .grid {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-gap: 74px 45px;
	margin: 0;
	padding: 0;
}

.directory-content .grid li {
	list-style: none;
}

.directory-content .grid img {
	margin-bottom: 20px;
}

.directory-content .grid h2 {
	color: #2c5697;
	font-size: 1.25rem; /*20*/
	font-weight: 900;
	line-height: 1.17;
	margin: 0 0 5px;
}

.directory-content .grid span {
	font-style: italic;
	font-weight: bold;
}

.directory-content .grid p {
	line-height: 1.17; /*20*/
	margin: 0 0 20px;
}

.directory-content .grid .btn {
	background: #f0f4f7;
	border-color: #a7a9ab;
	color: #7b7b7b;
	padding: 9px 10px 6px;
	text-align: center;
}

.directory-content .grid .btn:before,
.directory-content .grid .btn:after {
	border-left-color: #a7a9ab;
	border-width: 23px 0 23px 15px;
	right: -16px;
}

.directory-content .grid .btn:after {
	border-left-color: #f0f4f7;
	right: -15px;
}

.directory-content .grid .btn:hover {
	background: var(--darkBlue);
	color: var(--darkYellow);
}

/***Sidebar***/

.directory-content aside {
	width: 19.59%; /*271*/
}

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

/*PROGRAMS PAGE STYLES*/

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

.programs-content {
	position: relative;
}

.programs-content .flex-container {
	align-items: flex-start;
	max-width: 1200px;
	position: static;
}

.programs-content .btn,
.programs-content aside a {
	color: var(--darkGray);
	max-width: 884px;
	height: 67px;
}

/***Sidebar***/

.programs-content aside {
	left: 0;
	position: absolute;
	top: 85px;
	width: 30%; /*491*/
}

.programs-content aside ul {
	margin: 0;
	padding: 0;
}

.programs-content aside li {
	list-style: none;
	margin-bottom: 20px;
}

.programs-content aside a {
	background: #ffb71b /*linear-gradient(to right, var(--darkBlue) 0%, #83c9eb 100%)*/;
	border: none;
	color: #001689;
}

.programs-content aside a:hover {
	color: #fff;
    background: #2c5697;
}

.programs-content aside a:before {
	border-left-color: #ffb71b;
}
.programs-content aside a:hover::before { border-left-color: #2c5697; }
.programs-content aside a:after {
	display: none;
}

/***Content***/

.programs-content article {
	margin: 0 0 0 auto;
	width: 60%; /*1010*/
}

.programs-content h1 {
	margin-bottom: 24px;
}

.programs-content article .btn {
	margin-top: 45px;
}

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

/*PORTAL STYLES*/

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

/***User Forms***/

.page .acf-fields > .acf-tab-wrap {
	background: var(--lightGray);
}

.page .acf-fields > .acf-tab-wrap .acf-tab-group li a {
	background: var(--medGray);
	color: var(--white);
}

.page .acf-fields > .acf-tab-wrap .acf-tab-group li a:hover {
	background: var(--medGray);
	color: var(--darkYellow);
}

.page .acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
	color: var(--darkBlue);
	font-weight: bold;
}

.page .acf-field .acf-label label {
	font-style: normal;
}

.page .acf-field input[type="text"], 
.page .acf-field input[type="password"], 
.page .acf-field input[type="number"], 
.page .acf-field input[type="search"], 
.page .acf-field input[type="email"], 
.page .acf-field input[type="url"], 
.page .acf-field textarea, 
.page .acf-field select,
.user-profile .wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]), .wppb-user-forms select, .wppb-user-forms textarea,
.profile-search input,
#wppb-login-wrap #loginform .login-username input, 
#wppb-login-wrap #loginform .login-password input {
	border: 1px solid var(--darkBlue);
	border-radius: 0;
	font-size: 1.0625rem; /*17*/
	font-family: inherit;
	height: 35px;
	padding: 0 10px;
}

.page .acf-button,
.wppb-user-forms input[type=submit] {
	display: block;
	margin: 30px auto 0;
	max-width: 300px;
	padding: 15px 20px 10px;
	text-align: center;
	transition: all .5s ease;
}

/***Logged In Area***/

.user-profile {
	display: grid;
	grid-template-columns: 25% 1fr;
	grid-gap: 50px;
}

/*Sidebar*/

.user-profile .user-profile__menu {
	background: var(--lightGray);
	margin: 0;
	padding: 40px 20px;
	width: 100%;
}

.user-profile .user-profile__menu img,
.profile-view__image {
	border: 2px solid var(--darkBlue);
	display: block;
	margin: 0 auto 15px;
}

.user-profile .user-profile__menu p {
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.2;
}

.user-profile .user-profile__menu ul {
	margin: 0;
	padding: 0;
}

.user-profile .user-profile__menu li {
	list-style: none;
	margin-bottom: 10px;
}

.user-profile .user-profile__menu li a {
	background: var(--darkBlue);
	color: var(--white);
	display: block;
	font-size: 1rem; /*16*/
	font-weight: 900;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase;
}

.user-profile .user-profile__menu li a:hover {
	background: var(--darkYellow);
}

.user-profile .user-profile__menu .wppb-front-end-logout {
	margin-top: 30px;
}

.wppb-front-end-logout span {
	display: block;
	font-size: 1rem;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 10px;
}

/*Main Content*/

.user-profile .user-profile__main {
	width: 100%;
}

.user-profile .wppb-form-field label {
	font-weight: 900;
}

.user-profile .acf-tab-group li {
	margin: 0;
}

/*Alumni Search*/

.profile-search  {
	display: grid;
	grid-column-gap: 15px;
	grid-template-columns: 1fr 1fr 20%;
}

.profile-search input,
.profile-search select,
.profile-search button {
	height: 42px;
}

.profile-search table {
	grid-column: 1 / span 3;
	margin-top: 50px;
}

.profile-search table th,
.profile-search table td,
.profile-view__table td,
.profile-view__table th {
	padding: 10px 20px;
}

.profile-search table th,
.profile-view__table th {
	background: var(--darkBlue);
	color: var(--white);
	text-align: left;
	text-transform: capitalize;
}

.profile-search table tbody tr:nth-of-type(odd),
.profile-view__table tbody tr:nth-of-type(odd) {
	background: var(--lightGray);
}

/*Alumni View Profile*/

.user-profile__main .profile-view__image {
	float: none;
	margin: 0 0 30px;
}

h3.profile-view__heading {
	background: var(--darkBlue);
	color: var(--white);
	font-size: 1.25rem;
	margin: 0 0 30px;
	padding: 10px 20px;
}

table + h3.profile-view__heading {
	margin-top: 50px;
}

.profile-view__table {
	width: 100%;
}

/*Alumni Login*/

.page-id-489 h1 {
	text-align: center;
}

#loginform {
	background: var(--lightGray);
	margin: 0 auto;
	max-width: 660px;
	padding: 40px;
}

#wppb-login-wrap #loginform .login-username label, 
#wppb-login-wrap #loginform .login-password label {
	display: block;
	font-size: 1.25rem;
	font-weight: bold;
	margin: 0 0 5px;
}

#wppb-login-wrap #loginform .login-username input, 
#wppb-login-wrap #loginform .login-password input,
#wppb-login-wrap #loginform .login-username label, 
#wppb-login-wrap #loginform .login-password label {
	float: none;
	width: 100%;
}

#wppb-login-wrap #loginform input[type="submit"] {
	background: #001689;
	color: var(--white);
}

#wppb-login-wrap #loginform input[type="submit"]:hover {
	background: #ffb71b;
}

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

/*MQ MAX-WIDTH 1460*/

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

@media only screen and (max-width: 91.25em) {
	
	/***Header***/
	
	header:before,
	header:after {
		display: none;
	}
	
	header .logo {
		padding: 10px 10px;
	}
	
	header .logo img {
		width: 300px;
	}
	
	header .donate-link {
		margin: 0;
	}
	
	header .donate-link a {
		padding: 20px 20px 20px 55px;
	}
	
	/***Homepage***/
	
	.latest-events .tabs-nav button {
		padding: 20px;
	}
	
	.latest-events .tab-content {
		padding-right: 36px;
	}
	
	.latest-events .event {
		padding: 0px 30px 26px;
	}
	
	.latest-events .slick-next {
		width: 30px;
	}
	
	.latest-events .tabs-nav h2 {
		font-size: 1.25rem;
	}
	
}

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

/*MQ MAX-WIDTH 1200*/

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

@media only screen and (max-width: 75em) {

	/***Header***/
	
	header {
		height: 60px;
		position: relative;
	}
	
	header .logo:before {
    	border-width: 25px 0 25px 18px;
    	right: -18px;
    }
	
	header .logo img {
		height: 100%;
		width: auto;
	}
	
	header .mobile-menu, 
	header.active .mobile-menu .fa-times,
	header.active nav {
		display: block;
	}
	
	header .mobile-menu .fa-times,
	header.active .mobile-menu .fa-bars,
	header nav {
		display: none;
	}
	
	header .mobile-menu {
		background: none;
		border: none;
		border-radius: 0;
		color: #fff;
		margin-right: 20px;
		font-size: 1.5rem;
		padding: 0;
	}

	header nav {
		background: #001689;
		border: 5px solid var(--white);
		border-top: none;
		display: none;
		height: auto;
		left: -5px;
		padding: 20px;
		position: absolute;
		top: 100%;
		width: calc(100% + 10px);
		z-index: 99;
	}
	
	header ul {
		flex-wrap: wrap;
		text-align: center;
	}
	
	header li {
		border-bottom: 1px solid var(--lightGray);
		display: block;
		margin: 0;
		width: 100%;
	}
	
	header li:last-child,
	header li:nth-last-child(2) {
		border: none;
	}
	
	header li a {
		border: none;
		display: block;
		height: auto;
		margin: 0;
		padding: 10px 0;
	}
	
	header .donate-link:before,
	header .donate-link a:before,
	header .donate-link a:after {
		display: none;
	}
	
	header .donate-link a {
		justify-content: center;
		padding: 10px;
	}
	
	/*Dropdowns*/
	
	header li.menu-item-has-children {
		position: relative;
	}
	
	header li.menu-item-has-children .open-children {
		border-left: 1px solid #ddd;
		position: absolute;
		right: 0;
		text-align: center;
		text-rendering: auto;
		top: 0;
	    -webkit-font-smoothing: antialiased;
	    width: 60px;
	}
	
	header li.menu-item-has-children.active > .open-children i {
		transform: rotate(-180deg);
	}
	
	#menu-main .sub-menu {
		background: none;
		box-shadow: none;
		display: none;
		margin: 0;
		padding: 0;
		position: static;
		width: 100%;
	}
	
	#menu-main .sub-menu:before {
		display: none;
	}
	
	#menu-main li:hover .sub-menu {
		display: none;
	}
	
	#menu-main li.menu-item-has-children.active:hover > .sub-menu,
	#menu-main li.menu-item-has-children.active > .sub-menu {
		display: block;
	}
	
	/***Footer***/
	
	footer .column {
		width: 45%;
	}
	
	footer .company-info,
	footer #menu-footer-flags {
		margin-bottom: 30px;
	}
	
	/***Homepage***/
	
	.callout-boxes li {
    	background-blend-mode: multiply;
    	padding: 30px 20px;
	}
	
	.callout-boxes li h2 {
		font-size: 2.5rem;
		margin: 0 auto 30px;
	}
	
	.callout-boxes li article {
    	opacity: 1;
	}
	
	.callout-boxes .link-box {
		flex-wrap: wrap;
		font-size: 1.875rem;
	}
	
	.counter-block h3 .label {
		font-size: 1.25rem;
	}
	
	.counter-block article {
		margin-bottom: 40px;
		width: 100%;
	}
	
	.counter-block .btn {
		max-width: 480px;
	}
	
	.counter-block .grid {
		margin: 0 auto;
		max-width: 800px;
		width: 100%;
	}
	
	.latest-events .tabs-nav,
	.latest-events .tab-content {
		width: 100%;
	}
	
	.latest-events .tabs-nav li {
		display: inline-block;
		margin-right: 2px;
	}
	
	.latest-events .tabs-nav a {
		font-size: 1rem;
		padding: 10px 20px;
	}
	
	.latest-events .tab-content {
		margin-top: 6px;
	}
	
	/***Default Template***/
	
	.page-hero {
		height: 250px;
	}
	
	/***Event Listings***/
	
	.events-listings {
		padding: 30px 0;
	}
	
	.events-listings article {
		width: 100%;
	}
	
	.events-listings .content {
		padding: 20px;
	}
	
	.events-listings .event-thumb {
		background-blend-mode: multiply;
	}
	
	.events-listings .event-thumb .rollover {
		opacity: 1;
		padding: 20px;
	}
	
	.events-listings aside {
		margin-top: 30px;
		padding-left: 0;
		order: 2;
		width: 100%;
	}
	
	.events-listings aside a {
		font-size: 1.5rem;
	}
	
	.events-listings aside a:hover {
		color: inherit;
		font-weight: inherit;
	}
	
	.events-listings aside a:hover::after {
		display: none;
	}
	
	/***Alumni***/
	
	.user-profile {
		grid-template-columns: 1fr;
	}
	
	.user-profile .user-profile__menu {
		margin-top: 50px;
		order: 2;
	}
	
}

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

/*MQ MAX-WIDTH 950*/

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

@media only screen and (max-width: 59.375em) {
	
	/*Default Template*/
	
	.page-builder .content-block.three-column {
		columns: 1;
	}
	
	/***Blog Archive***/
	
	.blog-content aside,
	.posts,
	.pagination,
	.blog-content article,
	.directory-content .people,
	.directory-content aside,
	.alumni-content article,
	.alumni-content aside,
	.programs-content article,
	.programs-content aside {
		width: 100%;
	}
	
	.blog-content aside li,
	.directory-content aside li {
		font-size: 1rem;
	}
	
	/***Alumni***/
	
	.alumni-content aside,
	.directory-content aside,
	.programs-content aside {
		margin-top: 50px;
	}
	
	/***Programs***/
	
	.programs-content aside {
		order: 2;
		position: static;
	}
	
}

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

/*MQ MAX-WIDTH 800*/

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

@media only screen and (max-width: 50em) {
	
	h2 {
		font-size: 2rem;
	}
	.text-wrapper { height:345px; }
   .text-wrapper button.owl-prev { left: 5%; }   
   .text-wrapper button.owl-next { right: 5%; }

	/***Footer***/
	
	footer {
		padding: 30px 0 0;
	}
	
	footer .column {
		margin-bottom: 30px;
		text-align: center;
		width: 100%;
	}
	
	footer .links li {
		list-style: none;
	}
	
	footer #menu-footer-flags {
		margin: 0 auto 30px;
	}
	
	/***Homepage***/
	
	.hero {
		height: 500px;
	}
	
	.hero h1 {
		font-size: 2.5rem;
	}
	
	.hero h1 br {
		display: none;
	}
	
	.intro-banner {
		padding: 50px 0 20px;
	}
	
	.intro-banner .container > img,
	.intro-banner .image-link {
		margin: 0 auto 30px;
		width: auto;
	}
	
	.intro-banner article {
		width: 100%;
	}
	
	.callout-boxes .grid {
		display: block;
	}
	
	.callout-boxes li {
		display: block;
		margin-bottom: 6px;
		min-height: auto;
		width: 100%;
	}
	
	.callout-boxes .link-box {
		font-size: 1.5rem;
	}
	
	.counter-block,
	.partners-carousel {
		padding: 50px 0;
	}
	
	/*Default Template*/
	
	.page-content {
		padding: 50px 0;
	}
	
	.page-builder .content-block.two-column {
		columns: 1;
	}
	
	.page-builder .image-content-block img, 
	.page-builder .image-content-block .content, 
	.image-block.two-column img,
	.image-block.three-column img {
		width: 100%;
	}
	
	.page-builder .image-content-block.image-left img {
		margin-bottom: 30px;
	}
	
	.page-builder .image-content-block.image-right img {
		margin-top: 30px;
	}
	
	.image-block img + img {
		margin-top: 20px;
	}
	
	/***Blog Archive***/
	
	.pagination a {
		font-size: 1.125rem;
	}
	
	/***Programs***/
	
	.programs-content article .btn {
		margin-top: 15px;
	} 
	
	.programs-content aside li {
		margin-bottom: 15px;
	}
	
	/***Alumni Portal***/
	
	.profile-search table,
	.profile-search tbody,
	.profile-search tr,
	.profile-search td {
		display: block;
		width: 100%;
	}
	
	.profile-search th {
		display: none;
	}
	
	.profile-search td:before {
		font-weight: bold;
	}
	
	.profile-search td:nth-of-type(1)::before {
		content: "First Name: ";
	}
	
	.profile-search td:nth-of-type(2)::before {
		content: "Last Name: ";
	}
	
	.profile-search td:nth-of-type(3)::before {
		content: "Company Name: ";
	}
	
	.profile-search td:nth-of-type(4)::before {
		content: "Class Type: ";
	}
	
	.profile-search td:nth-of-type(5)::before {
		content: "Class Year: ";
	}
	
	.profile-search td:nth-of-type(6)::before {
		content: "Last Update: ";
	}
	
	.profile-search td:nth-of-type(7)::before {
		content: "View: ";
	}
	
}

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

/*MQ MAX-WIDTH 600*/

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

@media only screen and (max-width: 37.55em) {
	
	h1 {
		font-size: 2rem;
	}
	
	h2 {
		font-size: 1.75rem;
	}
	
	p {
		font-size: 1rem;
	}
	
	.btn {
		padding: 15px 20px;
		text-align: center;
	}
	
	.btn:after, 
	.btn:before,
	.programs-content aside a:before {
		display: none;
	}
	
	/***Footer***/
	
	#menu-footer-flags a {
		min-width: 0;
		padding: 10px 20px;
		text-align: center;
		width: 100%;
	}
	
	#menu-footer-flags a:before,
	#menu-footer-flags a:after {
		display: none;
	}
	
	footer .social li {
		font-size: 1.5rem;
	}
	
	footer .company-info, 
	footer .links li {
		font-size: 1rem;
	}
	
	/***Homepage***/
	
	.hero {
		height: 100vh;
		padding: 150px 0 80px;
	}
	
	.hero h1 {
		font-size: 2rem;
	}
	
	.counter-block .grid {
		grid-template-columns: 1fr;
		text-align: center;
	}
	
	.counter-block h3 {
		height: 250px;
		margin: 0 auto 20px;
		padding: 0;
		width: 250px;
	}
	
	.latest-events .tabs-nav li {
		display: block;
	}
	
	.latest-events .tabs-nav button {
		padding: 10px;
	}
	
	.partners-carousel .flex-container {
		height: 150px;
		min-height: 0;
	}
	
	/***Event Listings***/
	
	.events-listings .event h2 {
		font-size: 1.5rem;
		padding: 10px;
	}
	
	.events-listings .event a.flex-container {
		flex-wrap: wrap;
	}
	
	.events-listings .event-date {
		font-size: 1.875rem;
		margin-bottom: 10px;
		width: 100%;
	}
	
	.events-listings .content {
		padding: 20px 20px 0;
	}
	
	.events-listings .event > .flex-container {
		flex-wrap: wrap;
	}
	
	.events-listings .event-thumb {
		margin: 0;
	}
	
	/***Blog Archive***/
	
	.posts .thumb {
		margin-bottom: 20px;
		width: 100%;
	}
	
	.posts li article {
		width: 100%;
	}
	
	.pagination li {
		width: 100%;
	}
	
	.pagination li.next {
		margin: 15px 0 0;
	}
	
	.posts h2 {
		font-size: 1.5rem;
	}
	
	.posts .read-more {
		font-size: 1rem;
	}
	
	/***Blog Single***/
	
	.blog-content article blockquote {
		padding: 20px;
	}
	
	.blog-content article blockquote p {
		font-size: 1.125rem;
	}
	
	/***Alumni***/
	
	.alumni-content table,
	.alumni-content td,
	.alumni-content tr {
		display: block;
		width: 100%;
	}
	
	.alumni-content thead,
	.alumni-content th {
		display: none;
	}
	
	.alumni-content tr {
		padding: 20px;
	}
	
	.alumni-content tr:nth-of-type(odd) {
		background: var(--lightGray);
	}
	
	.alumni-content td:before {
		color: var(--darkBlue);
		display: inline-block;
		font-weight: 900;
		margin-right: 10px;
	}
	
	.alumni-content td:nth-of-type(1)::before {
		content: "Name:";
	}
	
	.alumni-content td:nth-of-type(2)::before {
		content: "Title:";
	}
	
	.alumni-content td:nth-of-type(3)::before {
		content: "Company:";
	}
	.alumni-content td:nth-of-type(4)::before {
		content: "Year:";
	}
	.alumni-content td:nth-of-type(5)::before {
		content: "Class:";
	}
	.alumni-content aside h2 {
		font-size: 1.125rem;
		margin-bottom: 30px;
	}
	
	.alumni-content aside select, 
	.alumni-content aside button {
		font-size: 1rem;
		height: 35px;
	}
	
	.alumni-content aside select {
		background-size: auto 100%;
		margin-bottom: 15px;
	}
	
	/***Programs***/
	
	.programs-content .btn, 
	.programs-content aside a {
		font-size: 1.125rem;
		text-align: center;
	}
	
	/***Alumni Portal***/
	
	.profile-search {
		grid-template-columns: 1fr;
	}
	
	.profile-search table {
		grid-column: 1;
	}
	
	.profile-search input {
		margin-bottom: 15px;
	}
	
	.profile-view__table td, 
	.profile-view__table th {
		padding: 10px 5px;
	}
	
	/***Alumni Login***/
	
	#loginform {
		padding: 20px;
	}
	
}

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

/*MQ MAX-WIDTH 400*/

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

@media only screen and (max-width: 25em) {
	
	/***Homepage***/
	
	.callout-boxes .link-box {
		font-size: 1.25rem;
	}
	
	.callout-boxes .link-box img {
		margin-top: 10px;
	}
	
	
}
/*========= Ket style ========*/
.change-link { display:inline-block; margin-top:15px; }
.btn-alt { width:auto; line-height:24px; }
.event-inner { padding: 15px; }
.date-wrapper {
    background: #2c5697;
    padding: 15px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 25px;
    display: block;
}
.date-wrapper span.date {
    color: #FFC20E;
}
input#gform_submit_button_4 {
    background: #0095DA;
    color: #fff;
    padding: 10px 25px;
    border: 0;
    text-transform: uppercase;
}
.page-id-1017 .page-hero { height:50px;}
.alumni-content h2 {
    text-transform: capitalize;
}

.page-template-page-alumni-php table tbody tr:nth-of-type(odd) {
    background: var(--lightGray);
}
.page-template-page-alumni-php table tbody tr td {
    padding: 10px 20px;
}
.page-template-page-alumni-php table thead th {
    padding: 10px 20px;
    background: var(--darkBlue);
    color: var(--white);
    font-size: 18px;
}




div#hide_popup {
    display: none;
}
.show_popup {
    width: 130px;
    height: 40px;
    text-align: center;
    background-color: #ffb71b;
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    cursor: pointer;
}
.show_popup:hover {
    background-color: #2c5697;
}
div#hide_popup {
    display: none;
    z-index: 9999;
    width: 557px;
    height: auto;
    position: fixed;
    top: 20px;
    left: 396px;
    opacity: 1;
    overflow: visible;
   
}
#hide_popup div#simple-popup-with-fancybox {
    color: #000;
    overflow: auto;
    max-height: 500px;
    width: auto;
    height: auto;
    background-color: #fff;
}
#hide_popup .fancybox-content-inside {
  margin: auto;
}
#hide_popup ul {
padding-left: 30px;
}
.intro {
    display: block !important;
}
a.pop-close {
    position: absolute;
    top: -10px;
    right: -18px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 8040;
    text-align: center;
    background-color: #000;
    border-radius: 50%;
    border: 2px solid #fff;
    padding-top: 2px;
}
div#display_none {
    display: none;
}
div#display_none.pop-bg{
    display: block;
}
.pop-bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #00000073;
    z-index: 9999;
}