.homepage .article__content h3 { color: #fff; }

ul li ~ li { margin-top: 0px; }

/* ------------------------------------------------------------ *\
	Type styles
\* ------------------------------------------------------------ */
p a, h1 a, h2 a, h3 a, h4 a, ul li a {color: #11a1dc; }
p a:hover,  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, ul li a:hover { color: #11a1dc; border-bottom: 1px solid;}


h1 a { text-decoration: none; border: none; }
.section__body a { text-decoration: none; border: none; color: #11a1dc; }

.nospacebefore { margin-top: 0 !important; padding-top: 0 !important; }
.spacebefore { margin-top: .5rem; }
.spacebeforelg { margin-top: 1rem; }
.spacebeforexlg { margin-top: 2.5rem; }

.nospaceafter { margin-bottom: 0; padding-bottom: 0; }
.spaceafter { margin-bottom: .5rem; }
.spaceafterlg { margin-bottom: 1rem; }
.spaceafterxlg { margin-bottom: 2.5rem; }

/* Lists */
.main section ul, .main section ol { padding-left: 17px; }
.main section ul li, .main section ol li { }
.main section ul li ~ li, .main section ol li ~ li { margin-top: 8px; }

.main section .large-12 ul, .main section .large-13 ol,
.main section .large-11 ul, .main section .large-11 ol,
.main section .large-10 ul, .main section .large-10 ol,
.main section .large-9 ul, .main section .large-9 ol,
.main section .large-8 ul, .main section .large-8 ol,
.main section .large-7 ul, .main section .large-7 ol,
.main section .medium-12 ul, .main section .medium-13 ol,
.main section .medium-11 ul, .main section .medium-11 ol,
.main section .medium-10 ul, .main section .medium-10 ol,
.main section .medium-9 ul, .main section .medium-9 ol,
.main section .medium-8 ul, .main section .medium-8 ol,
.main section .medium-7 ul, .main section .medium-7 ol
 { width: 75%; }

.main section .socials ul { margin-top: 8px; width: auto; }
.main section .socials ul li { margin-top: 0; }

footer ul { margin-left: 0; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.menu-half-column { width: 49%; }
.nav .menu .menu { width: 100%; }
.nav.nav-desktop .menu .menu li { max-width: 100%; }
.nav .menu .menu li:nth-child(1):nth-last-child(1) { width: 100%; max-width: 100%; }
.nav .menu .menu .menu-half-column li { width: 100%; max-width: 100%; }
.nav .menu .menu li a { display: inline; border-bottom: 1px solid #fff; font-weight: 700; }
.nav .menu .menu li p { font-weight: 500; }
.nav.nav-desktop .menu .menu li a { color: #ffffff; padding: 0; }
.nav .menu .menu li a.big-target { display: inline-block; }
.nav .menu .menu li a.big-target h4 { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 2px; }
.nav .menu .menu li a:hover { background: transparent; border-bottom: 1px solid transparent; }
.nav-desktop .menu { min-width: 800px; }
.nav-desktop .column > .menu-row + .menu-row { margin-top: 16px; }
.nav > .menu > li > a { border-bottom: 1px solid transparent; font-weight: 500; }
.nav > .menu > li > a:hover { border-bottom: 1px solid #0563a0; }
.nav .menu .menu > li > a { border-bottom: 1px solid #fff; }

@media (max-width: 991px){
	.nav > .menu > li > a, .nav > .menu > li.is-dropdown-submenu-parent a { color: #ffffff; }
	.section--menu-columns { min-width: 100%; padding: 1.5rem 0; }
	.nav .menu .column:last-child:not(:first-child), .nav .menu .columns:last-child:not(:first-child) { float: left; }
	.not-found-content { min-height: 140px; }
	.nav .menu .menu li a.big-target { border: none; }
	.nav .menu .menu li a.big-target h4 { margin-bottom: 1em; }
}

@media (max-width: 61.94em) {
	.menu-half-column { width: 100%; }
	.nav .menu .menu li a { color: #fff; }
	.nav .menu .column { width: 100%; }
	.nav .menu .column + .column { margin-top: 1.6em; }
	.header .header__aside { max-width: 600px; }
	.nav .menu-row--textBlock + .menu-row--textBlock { margin-top: 0.8em; }
}


@media (max-width: 40em) {
	.menu-half-column { width: 100%; }
	.nav .menu .menu li a { color: #fff; }
}
/* ------------------------------------------------------------ *\
	button
\* ------------------------------------------------------------ */
.main section .buttonX { max-width: 80%; padding: 16px 30px 20px; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer .contact {width: 100%; }

/* ------------------------------------------------------------ *\
	Boxes
\* ------------------------------------------------------------ */

.section--boxes .box { min-height: 200px; width: 100%; padding: 90px 60px 80px 60px; font-weight: 300; }

.section--boxes .box.box--base { position: static; left: auto; right: auto; }

.section--boxes .box-right.box--with-background .box__background { right: calc(-100vw/2 + 73.13rem/2); left: 0; }

.section--boxes .box__link-overlay { position: absolute; top: 0; bottom: 0; z-index: 2; }
.section--boxes .box-left .box__link-overlay { left: calc(-100vw/2 + 73.13rem/2); right: 0; }
.section--boxes .box-right .box__link-overlay { right: calc(-100vw/2 + 73.13rem/2); left: 0; }

.section--boxes.section-threecolumns .box--with-background .box__background { left: 0; }

@media (max-width: 75em) {
	.section--boxes .box-left .box__link-overlay { left: calc(-100vw/2 + 63.13rem/2); }
	.section--boxes .box-right .box__link-overlay,
	.section--boxes .box-right.box--with-background .box__background { right: calc(-100vw/2 + 63.13rem/2); }
}

/* Small Desktop */
@media (max-width: 63.94em) {
	.section--boxes .box-left .box__link-overlay { max-width: 100%; left: 0; }
	.section--boxes .box-right .box__link-overlay,
	.section--boxes .box-right.box--with-background .box__background { max-width: 100%; right: 0; }
}

.section--boxes.section-twocolumns .box.box--base:after { left: 50%; transform: translateX(-50%); }
.section--boxes.section-twocolumns .box.box-right:after { left: 0; width: 100vw; transform: translateX(0);}
.section--boxes.section-twocolumns .box.box-left:after { left: auto; right: 0; width: 100vw; transform: translateX(0); }

.section--boxes.section-threecolumns .box.box-first::after { left: auto; right: 0; width: 100vw; }
.section--boxes.section-threecolumns .box.box-third::after { left: 0; right: auto; width: 100vw; }

.section--boxes .box {  }
.section--boxes .box .box__inner { width: 100%; max-width: 100%; }

.section--boxes .box .white { }
.section--boxes .box.lightBlue { color: #fff; /*text-shadow: 0px 0px 10px rgba(7,100,160, 0.8);*/ background-color: ;}
/* .section--boxes .box.lightBlue .button.hollow { border-color: #fff; color: #fff; } */
/* .section--boxes .box.lightBlue .button.hollow:hover { background-color: #fff; color: rgba(7,100,160,1); text-shadow: none; } */
/* Colors */
.box.white { color: #000; }
.box.white:after { background: #fff; }
.box.lightBlue:after { background: #11a1dc; }
.box.lightGreen:after { background: #abc839; }
.box.lightTurquoise:after { background: #57b4ad; }
.box.darkBlue:after { background: #2f6095; }
.box.darkGray:after { background: #5c5c5c; }
.box.darkGreen:after { background: #006e67; }

.section.white { background: #fff;}
.section.lightBlue { background: #11a1dc; color: white; }
.section.lightGreen { background: #abc839; color: white; }
.section.lightTurquoise { background: #57b4ad; color: white; }
.section.darkBlue { background: #2f6095; color: white; }
.section.darkGray { background: #5c5c5c; color: white; }
.section.darkGreen { background: #006e67; color: white; }


.lightBlue.box--has-link:hover .button.hollow { background-color: #fff; color:#11a1dc; text-shadow: none; border-color:  #fff; }
.lightGreen.box--has-link:hover .button.hollow { background-color: #fff; color:#abc839; text-shadow: none; border-color:  #fff; }
.lightTurquoise.box--has-link:hover .button.hollow { background-color: #fff; color:#57b4ad; text-shadow: none; border-color:  #fff; }
.darkBlue.box--has-link:hover .button.hollow { background-color: #fff; color:#2f6095; text-shadow: none; border-color:  #fff; }
.darkGray.box--has-link:hover .button.hollow { background-color: #fff; color:#5c5c5c; text-shadow: none; border-color:  #fff; }
.darkGreen.box--has-link:hover .button.hollow { background-color: #fff; color:#006e67; text-shadow: none; border-color:  #fff; }


.lightBlue h3, .lightBlue h2, .lightBlue h1 { color: white; }
.lightGreen h3, .lightGreen h2, .lightGreen h1 { color: white; }
.lightTurquoise h3, .lightTurquoise h2, .lightTurquoise h1 { color: white; }
.darkBlue h3, .darkBlue h2, .darkBlue h1 { color: white; }
.darkGray h3, .darkGray h2, .darkGray h1 { color: white; }
.darkGreen h3, .darkGreen h2, .darkGreen h1 { color: white; }

.lightBlue a:not(.button) { color: white; border-bottom:  1px solid; }
.lightGreen a:not(.button) { color: white; border-bottom:  1px solid; }
.lightTurquoise a:not(.button) { color: white; border-bottom:  1px solid; }
.darkBlue a:not(.button) { color: white; border-bottom:  1px solid; }
.darkGray a:not(.button) { color: white; border-bottom:  1px solid; }
.darkGreen a:not(.button) { color: white; border-bottom:  1px solid; }

.lightBlue a:hover { color: white; }
.lightGreen a:hover { color: white; }
.lightTurquoise a:hover { color: white; }

.darkBlue a .ico-email-blue { background-position: 33.811594% 86.753138%; margin-bottom:  3px; }
.darkGray a .ico-email-blue { background-position: 33.811594% 86.753138%; margin-bottom:  3px; }
.darkGreen a .ico-email-blue { background-position: 33.811594% 86.753138%; margin-bottom:  3px; }
.lightBlue a .ico-email-blue { background-position: 33.811594% 86.753138%; margin-bottom:  3px; }
.lightGreen a .ico-email-blue { background-position: 33.811594% 86.753138%; margin-bottom:  3px; }
.lightTurquoise a .ico-email-blue { background-position: 33.811594% 86.753138%; margin-bottom:  3px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.darkBlue a .ico-email-blue { background-position: 33.811594% 86.753138%; }
	.darkGray a .ico-email-blue { background-position: 33.811594% 86.753138%; }
	.darkGreen a .ico-email-blue { background-position: 33.811594% 86.753138%; }
	.lightBlue a .ico-email-blue { background-position: 33.811594% 86.753138%; }
	.lightGreen a .ico-email-blue { background-position: 33.811594% 86.753138%; }
	.lightTurquoise a .ico-email-blue { background-position: 33.811594% 86.753138%; }
}

.box.white .button.hollow--yellow { color: #000; }

.section--events ~ .section--events .section__content { border: none; }

.box .box__content p {max-width: 100%; }

/* Small Desktop */
@media (max-width: 75em) {
	.section--boxes .box { min-height: 200px; width: 100%; padding: 90px 20px 80px 20px; font-weight: 300; }
	.box--base { padding-left: 30px; text-align: left; }
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro-alt .intro__actions ul { margin-left: 0; }
.intro-alt .intro__actions ul li ~ li { margin-left: 60px; }
.intro-alt .intro__content p a { color: #ffffff; border-bottom: 1px #fff solid; }
.intro-alt .intro__content p a:hover { color: #fff; border-bottom: 2px #fff solid; }

.introSolid { position: relative; padding: 6.125rem 0 6.25rem; margin-bottom: 51px; overflow: hidden; }

.introSolid h1 { font-family: 'Roboto Slab', sans-serif; letter-spacing: 0.05em; color: #fff; }

.introSolid .intro__background { background-size: cover; position: absolute; top: -10%; left: -10%; bottom: -10%; right: -10%; background-position: center center; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: -webkit-transform .5s ease-in-out 1s; transition: transform .5s ease-in-out 1s; transition: transform .5s ease-in-out 1s, -webkit-transform .5s ease-in-out 1s; }

.introSolid .intro__content { position: relative; z-index: 1; color: #ffffff; padding: 2.375rem 0 2.438rem; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; visibility: hidden; transition: all 1s ease-in-out 1s; }

.introSolid .intro__content:before { content: ''; background: linear-gradient(to right, rgba(7,99,159,1) 0%,rgba(7,99,159,0) 100%); position: absolute; top: 0; left: 0; bottom: 0; right: 0;  max-width: 1275px; z-index: -1; }

@media (max-width: 63.94em) {
	.intro-alt .intro__actions ul li ~ li { margin-left: 29px; }
}

@media(max-width: 47.94em){
	.intro-alt .intro__actions ul li ~ li { margin-left: 0; }
}
/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */
.introSolid.search { padding-bottom: 0; }
.introSolid.search p { color: #fff; margin-top: 5px; }
.search.main { background: #fff; }
.search.main .search__inner { margin: 0; }
.search.main form { max-width: 60%; margin: 0; }
.search.main .search__field { box-shadow: 0 0 20px #ccc; }

.events .event ~ .event.searchResult { clear: both; margin-top: 40px; }
.event.searchResult img { float: right; height: auto; max-height: 120px; padding: 20px 20px 20px 0; }

/* Tablet Portrait */

@media (max-width: 61.94em) {
	.introSolid.search { max-width: 100%; }
	.search.main { max-width: 100%;}
	.search.main form { max-width: 100%; margin: 0; }
}

/* Mobile */

@media (max-width: 40em) {
	.search.main { max-width: 100%; }
	.search.main form { max-width: 100%; margin: 0; }
}

/* ------------------------------------------------------------ *\
	Column Colors
\* ------------------------------------------------------------ */
.white { color: #000; }
.white .button.hollow--yellow{ color: #000; }
/* .lightGreen { background: #badfc5; } */
.green { background: #dcefe2; }
.blue { background: #2f6095;;; }
/* ------------------------------------------------------------ *\
	Cards
\* ------------------------------------------------------------ */
.card a {text-decoration: none; border: none; }
.card--alt .card__image{padding: 10px; height: 145px;}

a.email i { margin-left: 6px; }

/* ------------------------------------------------------------ *\
	Section Centers
\* ------------------------------------------------------------ */

@media (max-width: 63.94em) {
	.section--centers .section__actions { max-width: 100%; }
}
#mce-responses{text-align: center;}
#mce-responses .response{display: none;}
div.mc-form-hidden-input{position: absolute; left: -5000px;}

/* ------------------------------------------------------------ *\
	Box Image with Background
\* ------------------------------------------------------------ */
.box--with-background.white:after{
	content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; background: #fff;
}
.box--with-background.lightBlue:after{
	content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; background: #11a1dc;
}
.box--with-background.lightGreen:after{
	content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; background: #abc839;
}
.box--with-background.lightTurquoise:after{
	content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; background: #57b4ad;
}
.box--with-background.darkBlue:after{
	content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; background: #2f6095;
}
.box--with-background.darkGray:after{
	content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; background: #5c5c5c;
}
.box--with-background.darkGreen:after{
	content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; background: #006e67;
}
.box--bgImage:after { opacity: .8 !important; color:  #fff; }
.box--bgImage .box__content { color:  #fff; text-shadow: 0 0 8px rgba(0,0,0,.75); }
.box--bgImage h1, .box--bgImage h2, .box--bgImage h3, .box--bgImage h4, .box--bgImage h5 { color:  #fff; }
.section--boxes .box.box--base.lightBlue{ color: #fff; text-shadow: none; }
.section--boxes .box.box--base.lightGreen{ color: #fff; text-shadow: none; }
.section--boxes .box.box--base.lightTurquoise{ color: #fff; text-shadow: none; }
.section--boxes .box.box--base.darkBlue{ color: #fff; text-shadow: none; }
.section--boxes .box.box--base.darkGray{ color: #fff; text-shadow: none; }
.section--boxes .box.box--base.darkGreen{ color: #fff; text-shadow: none; }
/*.section--boxes .box--base.lightBlue .button.hollow{
	border: 2px solid #11a1dc;
    color: #11a1dc;
    padding: 16px 30px 20px;
    transition: border-color .3s,background .3s,color .3s;
}
.section--boxes .box--base.lightBlue .button.hollow:hover{
	background: #11a1dc;
    color: #fff;
    border-color: #11a1dc;
}*/
/*.box--with-background.lightBlue { color: white; }
.box--with-background.lightGreen { color: white; }
.box--with-background.lightTurquoise { color: white; }	*/

.section-twocolumnstextimage .column:first-child .box--image { padding-right: 0px; }
.section-twocolumnstextimage .column:last-child .box--image { padding-left: 0px; }

@media (max-width: 63.94em) {
	.section-twocolumnstextimage .column:first-child .box--image { }
	.section-twocolumnstextimage .column:last-child .box--image { }

	.section-twocolumnstextimage .column:first-child .box--image { padding-bottom: 0; padding-right: 20px; }
	.section-twocolumnstextimage .column:first-child .box--image .box__content { margin-bottom: 0; }

	.section-twocolumnstextimage .column:last-child .box--image { padding-top: 0; padding-left: 20px; }
	.section-twocolumnstextimage .column:last-child .box--image .box__content { margin-bottom: 0; }
}

.column--pb-0 .box { padding-bottom: 0; min-height: 0 }
.column--pb-50 .box { padding-bottom: 40px; min-height: 0 }
.column--pt-0 .box { padding-top: 0; min-height: 0 }
.column--pt-50 .box { padding-top: 45px; min-height: 0 }

.section--no-box-ib .box .box__content p { display: block; }

.centers__url { display:  block; }
.centers__url:hover h3 { color:  #2f6095; }

@media (max-width: 63.94em) {
	.centers .box-left { padding-bottom: 0; }
	.centers .box-left .box__content { margin-bottom: 0; }
	.centers .box-right { padding-top: 0; }
}

.callout .callout__actions .button { padding-left: 10px; padding-right: 10px; }
.callout.callout--superLightBlue { background-color: rgba(17, 161, 220, 0.2); }

.program-id { position: absolute; top: 0; }

.row--members { flex-wrap: wrap; }
.row--members > .column:not(:last-child) > .box  { padding-bottom:  0; }

@media (min-width: calc(63.94em + 1px)) {
	.desktop-no-left-padding { padding-left:  0; }
}
@media (max-width: 63.94em) {
	.mobile-no-padding { padding-left: 0; padding-right: 0; }
}

.nowrap { white-space: nowrap; }

@media (min-width: 992px) {
	.header .header__aside { max-width: none; }
	.header .logo { width: 21vw; height: 98px; }
	.dropdown.menu>li.opens-right>.is-dropdown-submenu { left: auto; width: auto; }
	.dropdown.menu>li.opens-left>.is-dropdown-submenu { left: auto; width: auto; }
	.nav > .menu { padding-left: 10px; }
	.section--menu-columns { min-width: 100%; padding: 1.5rem 3rem; }
	.nav-desktop { margin-top: 15px; }
	.header { height: 170px; }
	.not-found-content { min-height: 240px; }
}

@media (min-width: 1115px){
	.header .logo { width: 355px; height: 100px; }
}

.column.bgImage { color: #fff; text-shadow: 0 0 8px rgba(0,0,0,.75); }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.nav .ico-arrow-down {
		margin-left: 8px;
	}
}

/* Spacer */
.spacer--small { height: 20px; }
.spacer--large { height: 40px; }

/* 404 section */
.not-found-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
		-ms-flex-direction: column;
				flex-direction: column;
-webkit-box-pack: center;
		-ms-flex-pack: center;
				justify-content: center;
	padding: 30px 0;
	text-align: center;
}

/* Responsive iframe */
.responsive-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
