/********************************************
	Milagro Foundation
	Responsive Layout: Updated 10/2022
*********************************************/

/* @license
 * MyFonts Webfont Build ID 2660669, 2013-10-08T14:13:51-0400
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * You may obtain a valid license at the URLs below.
 * Webfont: Avenir 85 Heavy by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/85-heavy/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 250,000
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2660669
 * ©2013 MyFonts Inc
*/
/*@import url("//hello.myfonts.net/count/28993d");*/
  
@font-face { font-family: 'AvenirLTStd-Heavy';
			 src: url('fonts/28993D_0_0.eot');
			 src: url('fonts/28993D_0_0.eot?#iefix') format('embedded-opentype'),
				  url('fonts/28993D_0_0.woff') format('woff'),
				  url('fonts/28993D_0_0.ttf') format('truetype'),
				  url('fonts/28993D_0_0.svg#wf') format('svg');
}
 
@font-face{
			font-family:'AvenirLT35';
			src:url('fonts/99db2616-e717-4838-a896-6dc86e37b49e.eot?#iefix');
			src:url('fonts/99db2616-e717-4838-a896-6dc86e37b49e.eot?#iefix') format('eot'),
				url('fonts/874c8a3d-82cd-4b46-839b-521b49950be0.woff') format('woff'),
				url('fonts/651041f0-000d-42ca-b667-939a4e0f5085.ttf') format('truetype'),
				url('fonts/bb5e727f-dfd2-4e7c-8630-4dd73720a377.svg#bb5e727f-dfd2-4e7c-8630-4dd73720a377') format('svg');
}

@font-face { font-family: 'AvenirLTStd-Roman';
			 src: url('fonts/28992D_0_0.eot');
			 src: url('fonts/28992D_0_0.eot?#iefix') format('embedded-opentype'),
				  url('fonts/28992D_0_0.woff') format('woff'),
				  url('fonts/28992D_0_0.ttf') format('truetype'),
				  url('fonts/28992D_0_0.svg#wf') format('svg');
}


/******** BROWSER CSS RESET *************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	/*** Include Padding/Borders in width for all elements ***/
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Responsive images & embedded objects (remove for image cropping) */
img, object, embed { max-width: 100%; }

/****** GLOBAL ELEMENT CSS ******/
html * { max-height: 999999px; } /* Android mobile font sizing fix */

body { 
	line-height: normal;
	font-size: 18px;
	font-family: 'AvenirLT35', Arial, Helvetica, sans-serif; 
	background:#333; 
	-webkit-text-size-adjust: none;
}

body, select, input, textarea { color: #000; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

h1, h2, h3, h4, h5, h6 { 
	margin: 0px 0px 20px;
	text-transform:uppercase;
}

.ph1 { text-transform:uppercase; font-size:24px; }
.subtitle { font-family:'AvenirLT35'; text-transform:uppercase; font-size:24px; }

h1 { font-size:24px; }
h2 { font-size:22px; font-family: 'AvenirLTStd-Roman'; }
h3 { font-size:20px; font-family: 'AvenirLTStd-Roman'; margin-bottom:12px; }
h4, h5, h6 { font-size:18px; font-family: 'AvenirLTStd-Heavy'; }

a { color:#637d17; text-decoration: none; }
a:hover, a:active { color:#637d17; text-decoration: underline; }
a:link { -webkit-tap-highlight-color: initial; } 

ul li a.pink { color:#c931a1 !important;}
ul li a.pink:hover{ color:#637d17 !important;}
ul li a.pink:active { color:#c931a1 !important; }


/*** color blocks ***/
.pink-bg { background-color:#c931a1; }
.purple-bg { background-color:#6c207f; }
.green-bg { background-color:#637d17; }
.teal-bg { background-color:#0a807e; }

/*** borders ***/
.pink-brd { border:10px #c931a1 solid; }
.purple-brd { border:10px #6c207f solid; }
.green-brd { border:10px #637d17 solid; }
.teal-brd { border:10px #0a807e solid; }

/*** text ***/
.pink { color:#c931a1; }
.purple { color:#6c207f; }
.green { color:#637d17; }
.teal { color:#0a807e; }

a.teal-btn { display:inline-block; margin-bottom:5px; 
	text-decoration:none; font-family: 'AvenirLTStd-Roman'; text-transform:uppercase; color:#fff;
	background:#0a807e; padding:10px 30px;
	transition: all 0.3s linear;
}
a.teal-btn:hover { background:#198787; }

a.pink-btn { display:inline-block; margin-bottom:5px; 
	text-decoration:none; font-family: 'AvenirLTStd-Roman'; text-transform:uppercase; color:#fff;
	background:#c931a1; padding:10px 30px;
	transition: all 0.3s linear;
}
a.pink-btn:hover { background:#aa1a83; }

a.green-btn { display:inline-block; margin-bottom:5px; 
	text-decoration:none; font-family: 'AvenirLTStd-Roman'; text-transform:uppercase; color:#fff;
	background:#637d17; padding:10px 30px;
	transition: all 0.3s linear;
}
a.green-btn:hover { background:#85a81b; }


a.button { 
	color:#0a807e; text-decoration:none; font-family: 'AvenirLTStd-Roman'; text-transform:uppercase;
	border-bottom:8px #0a807e solid;
	display:inline-block; padding:10px 20px;
	background:#d9d9d9;
}

a.button-green { 
	color:#637d17; text-decoration:none; font-family: 'AvenirLTStd-Roman'; text-transform:uppercase;
	border-bottom:8px #637d17 solid;
	display:inline-block; padding:10px 20px;
	background:#d9d9d9;
}

a.button-pink { 
	color:#c931a1; text-decoration:none; font-family: 'AvenirLTStd-Roman'; text-transform:uppercase;
	border-bottom:8px #c931a1 solid;
	display:inline-block; padding:10px 20px;
	background:#d9d9d9;
}

a.button-white { 
	color:#0a807e; text-decoration:none; font-family: 'AvenirLTStd-Roman'; text-transform:uppercase;
	border-bottom:8px #0a807e solid;
	display:inline-block; padding:10px 20px;
	background:#fff;
}

.gray a.button, .gray a.button-green, .gray a.button-pink { background:#fff !important; }

.gray-confetti { background:url('../images/confetti5.png') #f2f2f2; padding:50px 0; }



p { margin: 0px 0px 20px; }
img { border: none; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

.nosho { display: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right }

.gray { background:#d9d9d9; }

div.gray-down-arrow {
	width:100%; height:47px; overflow:hidden; display:block;
	background:url('../images/gray-down-arrow.png') no-repeat 50% 0;
}

div.white-down-arrow {
	width:100%; height:47px; overflow:hidden; display:block;
	background:url('../images/white-down-arrow.png') #d9d9d9 no-repeat 50% 0;
}


/*** Basic List Styling ***/
ul { 
	margin: 0px 0px 20px; 
	padding: 0px 0px 0px 20px; 
	list-style-type: disc; 
}
ul li { margin-bottom: 5px; } 
ul li ul li { margin-top: 5px; }
ul li ol li { margin-top: 5px; } 

ol { 
	margin: 0px 0px 20px; 
	padding: 0px 0px 0px 20px; 
	list-style-type: decimal;
}
ol li { margin-bottom: 5px; } 
ol li ol li { margin-top: 5px; }
ol li ul li { margin-top: 5px; }

/*** CKEditor Image Alignment Classes ***/
.align-left {
	margin: 0px 15px 15px 0px;
    float: left;
}
.align-right {
	margin: 0px 0px 15px 15px;
    float: right;
}
.align-center { text-align: center; }
.align-center > figure { display: inline-block; }


/****** FRONTEND LAYOUT ******/
#page {
	margin: 0px auto;
	width: 100%; max-width:1600px; min-width:350px;
	position: relative;
	background: #fff;
}

/*** Header ***/
#header {
	margin:0 0 1px 0; padding:0;
	position: relative;
	height:146px;
	/*border-bottom:10px #c931a1 solid;*/
	background:url('../images/mobile-menu-stripes.png') no-repeat; background-size:100% 10px; background-position:0 100%;
}

#header #social { display:none !important; }

#logo {
	display:block; width:225px; height:99px;
	float:left;
	background:url('../images/milagro-logo.png') no-repeat;
	margin:26px 0 0 15px;
}

#header b { display:none; }

/* Menu with Icon */
#menuBtn { 
	display:block;  float:right;
	width:50px; height:50px;
	margin:48px 15px 0 0;
	background:url('../images/menu-btn.png') no-repeat;
	text-indent: -9999px;
	clear:right;
}
#menuBtn.open { background:url("../images/menu-close-btn.png") no-repeat center center; z-index:999; }

/*** Main Menu ***/
#mainmenu { 
	display: none;
	position: absolute; top:146px; left:0;
	z-index: 9999;
	width: 100%;
	text-align:center;
	background:#d9d9d9;
	padding-top:20px; padding-bottom:20px;
}
#mainmenu ul { margin: 0px; padding: 0px; list-style-type: none; }
#mainmenu ul li { margin: 0px; float: none; }

#mainmenu ul li a {
	display: block; padding:20px 20px;
	font-family:'AvenirLT35'; color: #000; font-size: 20px; font-weight:300; text-transform:uppercase;
}
/*#mainmenu ul li:hover > a, #mainmenu ul li:active > a  { text-decoration:none; }
#mainmenu ul li > ul { display: none; }
#mainmenu ul li:hover > ul { display: none; }*/

	#mainmenu ul li a.nav-partners {
		display: none;
	}

#mainmenu ul li > ul { display: block; }
#mainmenu ul li:hover > ul { display: block; }

/*** Content Area ***/
#content {
	clear: both;
	margin: 0px;
    padding:0;
	min-height: 520px;
}

div.container { width:100%; max-width:984px; padding:0 15px; margin:0 auto; }

#sidebar { width:100%; display:block; }

div.third { width:100%; border-bottom:1px #fff solid; float:none; margin-bottom:20px; padding-bottom:10px; }
div.third-last { width:100%; border-bottom:0; float:none; margin-bottom:20px; padding-bottom:10px; }

/*** Footer ***/
#footer {
	margin:0; /*padding:50px 20px 20px 20px;*/ padding:0;
	color:#000; font-family: 'AvenirLT35'; font-size:16px;
	/*background:url('../images/footer-angel2.png') no-repeat 50% 10px;*/
}

div.footer-stripe { width:100%; height:10px; overflow:hidden; display:block;
	background:url('../images/footer-stripe.png') no-repeat 50% 0;
	margin:0 0 40px 0;
}

#footer a { color:#0a807e; text-decoration:underline; }

div.footer-left { display:none; }
div.footer-right { display:block; text-align:center; margin-top:25px; }

#social { display:inline-block; width:auto; height:35px; margin:0 auto; }
#social ul { margin:0; padding:0; list-style-type:none; }
#social ul li { margin:0; padding:0; float:left; }
#social a b { display:none; }

#social-footer { display:inline-block; width:auto; height:35px; margin:0 auto; }
#social-footer ul { margin:0; padding:0; list-style-type:none; }
#social-footer ul li { margin:0; padding:0; float:left; }
#social-footer a b { display:none; }


a.fb { width:41px; height:35px; display:block; background:url('../images/social-sprite.png') no-repeat 0 0; margin:0; }
a.tw { width:60px; height:35px; display:block; background:url('../images/social-sprite.png') no-repeat -41px 0; margin:0; }
a.ig { width:69px; height:35px; display:block; background:url('../images/social-sprite.png') no-repeat -101px 0; margin:0; }
a.yt { width:41px; height:35px; display:block; background:url('../images/social-sprite.png') no-repeat -173px 0; margin:0; }
a.em { width:50px; height:35px; display:block; background:url('../images/email.png') no-repeat; margin-left:20px; }
	


/****** HOMEPAGE ******/
/** Banner **/
#homepage-banner { text-align:center; background:url('../images/confetti10.png') #6c207f; margin:0 0 30px 0; }
#homepage-banner img { max-height:555px; margin:0 auto; display:block; }

/* Homepage Content */

#ed-health-arts { }
div.eha { width:100%; margin:0; padding:20px; float:none; font-size:18px; display:block; }
div.eha img { float:left; margin:0 20px 0 0; border:1px #fff solid; }

#stats { width:100%; margin:20px 0; }
div.stat { width:100%; text-align:center; }
div.stat img { border-radius:50%; margin-bottom:20px; }
div.stat h2, div.stat p { padding-left:20px; padding-right:20px; }

div.play-video { width:100%; max-width:985px; margin:0 auto; position:relative; }
div.play-video img.screenshot { width:100%; display:block; margin-bottom:15px; }
.video-text1 { position:relative; text-align:center; }
.video-text2 { position:absolute; top:20%; left:50%; width:50%; color:#fff; text-align:center; }

.hp-news { width:100%; max-width:985px; margin:0px auto; }
img.newsimg { border:1px #fff solid; display:block; margin-bottom:10px; }

#instafeed { display:block; position:relative; }
div.follow { color:#fff; width:auto; padding:10px 20px; position:absolute; bottom:0; left:0; z-index:100; }
div.follow a { color:#fff; text-decoration:none; }
div.follow img { height:20px; vertical-align:-4px; margin-right:5px; }

/** Letter **/
div.letter { background:#f9f8f8; box-shadow:2px 2px 10px rgba(0,0,0,0.25); padding:20px; max-width:1360px; margin:0 15px 50px 15px; }
div.letter-images { width:100%; margin:0 0 30px 0; text-align:center; }
div.letter-images img { width:100%; display:block; max-width:300px; margin:0 auto; }
div.letter-text { width:100%; text-align:center; }


/********** SUBPAGES **********/
div.feature-img { display:block; position:relative; width:100%; }
div.feature-img img { display:block; width:100%; }

div.fi-arrow { width:100%; height:47px; overflow:hidden; display:block;
	background:url('../images/feature-img-arrow.png') no-repeat 50% 0;
	position:absolute; bottom:0; left:0; z-index:100;
}

#subpage-banner { display:block; background-image:url('../images/confetti10.png'); margin:0 0 30px 0; height:auto; }
div.sb-img { display:block; width:100%; height:auto; margin:0 20px 0 0; position:relative; }
div.sb-img img { width:100%; display:block; }
div.capcred { position:absolute; bottom:10px; left:10px; width:100%; height:auto; display:block; color:#fff; font-size:14px; z-index:10; text-shadow:1px 1px 3px #000; }
h1.subpage-title { display:block; color:#fff; text-transform:uppercase; font-size:30px; font-family: 'AvenirLTStd-Heavy'; padding:20px; }



/****** About / Board ******/

#board { margin:40px 0; }
ul.board-list { list-style-type:none; margin:0 auto; padding:0; text-align:center; max-width:1200px; }
ul.board-list li { display:inline-block; margin:0 auto 30px auto; width:auto; max-width:325px; vertical-align:top; }
div.board-photo-container { width:200px; height:200px; border-radius:50%; overflow:hidden; margin:0 auto 20px auto; }

ul.board-list li:nth-child(4n+1) div.board-photo-container { border:10px #c931a1 solid; } /* pink */
ul.board-list li:nth-child(4n+2) div.board-photo-container { border:10px #6c207f solid; } /* purple */
ul.board-list li:nth-child(4n+3) div.board-photo-container { border:10px #637d17 solid; } /* green */
ul.board-list li:nth-child(4n) div.board-photo-container { border:10px #0a807e solid; } /* teal */

div.board-photo-container img { width:100%; }
div.board-bio { }

ul.board-list h3 { font-size:22px; text-transform:none !important; font-family: 'AvenirLTStd-Roman'; }

ul.board-list li:nth-child(4n+1) span { color:#c931a1; } /* pink */
ul.board-list li:nth-child(4n+2) span { color:#6c207f; } /* purple */
ul.board-list li:nth-child(4n+3) span { color:#637d17; } /* green */
ul.board-list li:nth-child(4n) span { color:#0a807e; } /* teal */

.board-bio p { margin:0; }
.bio-indv { height:auto; overflow:hidden; display:none; }
.backup::before { content:'Less'; }
.backup span { display:none; }
a.bio-ext { color:#6c207f; padding:10px; text-decoration:underline; display:block; cursor:pointer; outline:none; }
a.bio-ext span { color:#6c207f !important; }


/****** FAQs ******/

ol.faq-list { margin-bottom:40px; }
ol.faq-list li { margin-bottom:20px; }

ol.faq-list span { font-size:22px; line-height:175%; }

ol.faq-list li:nth-child(4n+1) span { color:#c931a1; } /* pink */
ol.faq-list li:nth-child(4n+2) span { color:#6c207f; } /* purple */
ol.faq-list li:nth-child(4n+3) span { color:#637d17; } /* green */
ol.faq-list li:nth-child(4n) span { color:#0a807e; } /* teal */


/****** News & Events ******/

ul.news-list { list-style-type:none; margin:30px 0; padding:0; }
ul.news-list li { display:block; margin-bottom:30px; padding-bottom:30px; border-bottom:1px #d9d9d9 solid; }
ul.news-list li:last-child { border-bottom:0; }

div.news-photo { width:300px; height:200px; border:1px #d9d9d9 solid; text-align:center; float:none; margin:0 auto 20px auto; overflow:hidden; }
div.news-photo img { max-width:300px; max-height:200px; display:block; margin:0 auto; }

div.news-intro { }

img.news-main-img { float:right; margin:0 0 20px 20px; }

#newsletters p { line-height:1.5; }
.newsletter-title { font-size:24px; font-family: 'AvenirLTStd-Heavy'; }


/****** Video and Photos ******/

ul.media-list { list-style-type:none; margin:30px 0; padding:0; }
ul.media-list li { width:100%; max-width:300px; margin:0 auto; text-align:center; float:none; }

div.video-ss-container { width:100%; max-width:300px; height:auto; max-height:200px; overflow:hidden; border:1px #d9d9d9 solid; margin:0 auto 20px auto; text-align:center; }
div.video-ss-container img { max-height:200px; margin:0 auto; display:block; }
ul.media-list li h2 { font-size:24px; font-family:'AvenirLT35' !important; margin-bottom:10px !important; }


/***** PRESS KIT *****/
#pk-featureImg { width:100%; display:block; margin:-44px 0 50px 0; }
div.pkhalf { width:50%; float:left; overflow:hidden; }
div.pkhalf img { width:100%; display:block; }

h1.pkh1 { font-size:35px; color:#c931a1; font-family: 'AvenirLTStd-Heavy'; }
h2.pkh2 { font-size:22px; color:#c931a1; font-family: 'AvenirLTStd-Heavy'; }


ul.press-links { display:inline-block; width:auto; margin:0 auto; text-align:left; font-size:20px; }
ul.press-links li a { color:#c931a1; text-decoration:underline; }

.pk3 { margin:0 0 20px 0; line-height:140%; }
.pk3 p { margin-bottom:15px; }
.pk3 a { color:#086f6e; }

.dsk { display:none; }

a.pk-fb { height:47px; display:block; width:50%; float:left; margin:0 0 5px 0; padding:12px 0 0 57px; background:url('images/pk-facebook.png') no-repeat; color:#000; text-decoration:none; }
a.pk-ig { height:47px; display:block; width:50%; float:left; margin:0 0 5px 0; padding:12px 0 0 57px; background:url('images/pk-instagram.png') no-repeat; color:#000; text-decoration:none; }
a.pk-tw { height:47px; display:block; width:50%; float:left; margin:0 0 5px 0; padding:12px 0 0 57px; background:url('images/pk-twitter.png') no-repeat; color:#000; text-decoration:none; }
a.pk-yt { height:47px; display:block; width:50%; float:left; margin:0 0 5px 0; padding:12px 0 0 57px; background:url('images/pk-youtube.png') no-repeat; color:#000; text-decoration:none; }


/****** Grantees ******/
	
div.half { width:100%; margin-bottom:30px; }

ul.grantees-list { list-style-type:none; margin:0; padding:0; }
ul.grantees-list li { width:48%; float:left; margin:0 1% 30px 1%; font-size:18px; }
ul.grantees-list li:nth-child(2n+1) { clear:both; }

ul.grantees-list p { display:none; }

div.logo-holder { width:100%; max-width:150px; height:150px; background:#fff; text-align:center; padding:10px; margin:0 auto 20px auto; }
div.logo-holder table { width:100%; }
td.lh-td { height:130px; vertical-align:middle; width:100%; }
div.logo-holder img { max-width:130px; max-height:130px; margin:0 auto; display:block; }
ul.grantees-list h2 { margin-bottom:10px; text-align:center; font-size:20px; }

div.logo-active { border:1px #637d17 solid !important; }

/****** Philanthropic Partners ******/
	
ul.partners-list { list-style-type:none; margin:0; padding:0; text-align:center; }

ul.partners-list li { width:137px; height:137px; padding:10px; margin:0 5px 20px 5px; display:inline-block; vertical-align:top; position:relative; }
ul.partners-list li img { width:115px; height:115px; object-fit:contain; max-height:none; max-width:none; }
	
ul.partners-list li:nth-child(4n+1) { border:1px #c931a1 solid; } /* pink */
ul.partners-list li:nth-child(4n+2) { border:1px #6c207f solid; } /* purple */
ul.partners-list li:nth-child(4n+3) { border:1px #637d17 solid; } /* green */
ul.partners-list li:nth-child(4n) { border:1px #0a807e solid; } /* teal */
	
.pl-overlay { width:100%; height:135px; position:absolute; top:0; left:0; z-index:10; opacity:0; transition:0.3s all linear; padding:20px 20px 0 20px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; display:block; }
.pl-overlay:hover { color:#fff; text-decoration:none; }
	
ul.partners-list li:hover .pl-overlay { opacity:1; }
	
ul.partners-list li:nth-child(4n+1) .pl-overlay { background:#c931a1; } /* pink */
ul.partners-list li:nth-child(4n+2) .pl-overlay { background:#6c207f; } /* purple */
ul.partners-list li:nth-child(4n+3) .pl-overlay { background:#637d17; } /* green */
ul.partners-list li:nth-child(4n) .pl-overlay { background:#0a807e; } /* teal */



div.slideshow { padding:0 40px; }
#spb-slide { text-align:center; }
#spb-slide .slick-prev { width:31px; height:51px; top:60px; z-index:8888; opacity:1; background:url('../images/pink-arrow-left.png') no-repeat 0 0; left:0; }
#spb-slide .slick-prev::before { content:''; }
#spb-slide .slick-next { width:31px; height:51px; top:60px; z-index:8888; opacity:1; background:url('../images/pink-arrow-right.png') no-repeat 0 0; right:0; }
#spb-slide .slick-next::before { content:''; }

img.partner-slide { display:block; margin-bottom:15px; }
#spb-slide p { text-align:center; margin:0; }
p.partner-p a { font-weight:bold; text-decoration:underline; }

ul.brand-partners-list { list-style-type:none; margin:0; padding:0; text-align:center; }
ul.brand-partners-list li { width:48%; margin:0 0.5% 30px 0.5%; display:inline-block; vertical-align:top; }
ul.brand-partners-list li:nth-child(2n+1) { clear:both; }

ul.brand-partners-list li div.logo-holder { width:100%; max-width:180px; height:113px; border:1px #d9d9d9 solid; }
ul.brand-partners-list li div.logo-holder img { max-width:140px; max-height:113px; margin:0 auto; }
td.brand-lh-td { height:113px; vertical-align:middle; }



/****** Kellogg Partnership ******/
	
div.kellogg-partner { padding-bottom:20px; padding-top:40px; border-top:1px #d9d9d9 solid; }
div.kellogg-partner h4 { text-transform:none; }
div.kp-photos { width:100%; max-width:495px; float:none; margin:0 auto 20px auto; background:#d9d9d9; }
div.kp-photos img { max-height:371px; }
div.kellogg-partner p, div.kellogg-partner ul { display:none; }



/****** Ultimate Experience ******/

#ultimate { width:100%; margin:0 auto; background:#b57ce9; text-align:center; padding:20px; }
div.b1 { background:#b57ce9; padding:10px 20px; color:#fff; font-size:20px; text-align:center; }
div.b1 span { font-size:24px; color:#fff; }
div.divider { background:url('../images/telehealth/divider.png') 50% 0 repeat-x; height:47px; display:block; overflow:hidden; }
div.ticketdiv { background:#eddaeb; font-size:18px; text-align:center; line-height:135%; }
div.ticketdiv p {  margin:0; padding:10px 0 0 0; }
div.ticketdiv p.ult-14 { font-size:18px; margin:0; padding:10px 0 0 0; }
div.infodiv { font-size:16px; color:#fff; padding:20px; }
div.sponsordiv { background:#fff; }
table.sptb { width:100%; max-width:611px; margin:0 auto; }
table.sptb td.td1 { padding:10px 0px; text-align:left; }
table.sptb td.td2 { padding:10px 0px; text-align:center; }
table.sptb td.td3 { padding:10px 0px; text-align:right; }



/****** FORMS STYLING ******/
div.form {
	margin: 0px auto;
	width:100%; max-width: 600px;
}
div.form label { display: block;  font-weight: normal; }
div.form input,
div.form textarea,
div.form select {
	box-sizing: border-box;
	margin: 5px 0px;
	font-size:18px;
	font-family:'AvenirLT35';
}

div.form input[type=text], 
div.form input[type=number], 
div.form input[type=password] { 
	padding: 4px; 
	width: 100%;
	max-width: 600px;
	-webkit-appearance: none;
}
div.form textarea { 
	padding: 4px; 
	width: 100%;
	max-width: 600px;
	height: 120px;
	resize: none;
	-webkit-appearance: none;
}
div.form select { 
	padding: 4px; 
	width: 100%;
	max-width: 600px;
}
div.form .row { margin: 0px 0px 10px; }
div.form .row.buttons { text-align: center; }

div.form input[type=submit] {
	padding:5px 0px;
	color:#0a807e; text-decoration:none; font-family: 'AvenirLTStd-Roman'; text-transform:uppercase;
	border-bottom:8px #0a807e solid;
	display:inline-block;
	background:#d9d9d9;
	cursor:pointer;
}
/*div.form input[type=submit]:hover,
div.form input[type=submit]:active { color:#011357; border-top:1px #011f8f solid; border-bottom:1px #011f8f solid; }*/

#two-videos { display:block; margin-bottom:40px; }
div.hpvid1, div.hpvid2 { width:100%; padding:15px 15px 0 15px; display:block; }
p.mission { margin:0 auto 50px auto; max-width:950px; text-align:center; }
#three-pillars { display:block; margin:40px 0 0 0; width:100%; }
div.table3p { display:table; width:100%; margin:0; }
div.img3p { display:table-cell; width:50%; max-width:205px; }
div.img3p img { display:block; width:100%; }
div.text3p { display:table-cell; width:auto; text-align:center; vertical-align:middle; text-transform:uppercase; color:#fff; font-size:18px; }


@media(max-width:550px) {
#WBC{display:none;}
}

/***************************************************
	DESKTOP LAYOUT BREAKPOINTS
****************************************************/
@media(min-width:880px) {

	/****** GLOBAL ELEMENT CSS ******/
	body { }
	h1 { font-size:36px; }
	.ph1 { font-size:30px; }
	.subtitle { text-transform:uppercase; font-size:36px; }
	

	/****** FRONTEND LAYOUT ******/
	#header { background:#fff; border-bottom:10px #c931a1 solid; }
	#header #social { display:block !important; float:right; margin:30px 20px 0 0; }
	#header #social-footer { display:block !important; float:right; margin:30px 20px 0 0; }
	#menuBtn { margin:15px 15px 0 0; }
	
	#content { padding:0; width:100%; }
		
	#footer { background:url('../images/footer-angel2.png') no-repeat 50% 10px; padding:0; }
	div.footer-left { display:block; width:30%; float:left; padding:0 0 20px 20px; }
	div.footer-right { width:30%; float:right; text-align:right; margin-top:0; padding:0 20px 20px 0; }
	
	#social { display:block; width:104px; height:17px; margin:0; float:right; }
	#social ul li.eml { display:none; }

	#social-footer { display:block; width:104px; height:17px; margin:0; float:right; }
	#social-footer ul li.eml { display:none; }

	
	
	a.fb { width:21px; height:17px; display:block; background:url('../images/social-sprite.png') no-repeat 0 0; background-size:104px 17px; margin:0; }
	a.tw { width:28px; height:17px; display:block; background:url('../images/social-sprite.png') no-repeat -21px 0; background-size:104px 17px; margin:0; }
	a.ig { width:35px; height:17px; display:block; background:url('../images/social-sprite.png') no-repeat -49px 0; background-size:104px 17px; margin:0; }
	a.yt { width:20px; height:17px; display:block; background:url('../images/social-sprite.png') no-repeat -84px 0; background-size:104px 17px; margin:0; }
	
	h2.ftr-h2 { font-family:'AvenirLT35'; margin-bottom:10px; font-size:24px; }
	
	#footer-form { }
	#footer-form input.fform-text { 
		width:100%; max-width:340px; border:1px #666 solid; padding:6px; display:block; margin-bottom:10px;
		font-size:16px; color:#333; font-family:'AvenirLT35';
	}
	#footer-form input.fform-btn { 
		display:inline; margin-right:20px;
		color:#0a807e; text-decoration:none; font-family:'AvenirLTStd-Heavy'; text-transform:uppercase;
		border-bottom:8px #0a807e solid; border-top:0; border-left:0; border-right:0; border-collapse:collapse; font-size:16px;
		background:#d9d9d9;	padding:10px 20px 5px 20px; 
		cursor:pointer;
	}



	/****** HOMEPAGE ******/
	
	#ed-health-arts { width:100%; max-width:1400px; margin:0 auto; }
	div.eha { width:33%; margin:20px 0; padding:0 1.5%; float:left; font-size:16px; }
	div.eha img { float:left; margin:0 20px 0 0; border:1px #fff solid; }
	
	#stats { width:100%; max-width:1050px; margin:20px auto; }
	div.stat { width:33%; max-width:350px; float:left; text-align:center; }
	div.stat img { border-radius:50%; margin-bottom:20px; }
	div.stat h2, div.stat p { padding-left:20px; padding-right:20px; }
	
	.video-text1 { position:absolute; top:15%; left:50%; width:50%; color:#fff; text-align:center; padding:0 25px; }
	.video-text2 { position:absolute; top:60%; left:50%; width:50%; color:#fff; text-align:center; }
	
	img.newsimg { border:1px #fff solid; float:left; margin:0 20px 0 0; height:200px; }
	.date { margin-bottom:0; font-size:14px; }
	
	/** Letter **/
	div.letter { padding:40px; margin:0 auto 50px auto; }
	div.letter-images { width:300px; float:right; margin:0 0 0 50px; }
	div.letter-text { width:calc(100% - 350px); float:left; }
	
	
	/***** SUBPAGES *****/
	#subpage-banner { display:block; margin:0 0 30px 0; height:auto; max-height:300px; }
	div.sb-img { width:41%; display:inline-block; vertical-align:bottom; height:300px; margin:0 30px 0 0; }
	div.sb-img img { width:100%; height:300px; object-fit:cover; }
	h1.subpage-title { display:inline-block; vertical-align:bottom; color:#fff; text-transform:uppercase; font-size:50px; font-family: 'AvenirLTStd-Heavy'; padding:0; }
	
	
	/****** About / Board ******/
	ul.board-list li { width:30%; min-width:300px; margin:0 1.5% 30px 1.5%; }
	div.board-photo-container { }
	div.board-bio {  }	
	ul.board-list h3 { font-size:24px; }
	
	
	/****** News & Events ******/

	ul.news-list { list-style-type:none; margin:30px 0; padding:0; }
	ul.news-list li { display:block; margin-bottom:30px; padding-bottom:30px; border-bottom:1px #d9d9d9 solid; }
	ul.news-list li:last-child { border-bottom:0; }
	
	div.news-photo { width:300px; height:200px; border:1px #d9d9d9 solid; text-align:center; float:left; margin:0; overflow:hidden; }
	div.news-photo img { width:300px; height:200px; display:block; margin:0 auto; object-fit:cover; }
	
	div.news-intro { padding-left:320px; }
	
	img.news-main-img { float:right; margin:0 0 20px 20px; }

	
	/****** Video and Photos ******/

	ul.media-list li { width:32%; margin:0 2% 30px 0; text-align:center; float:left; }
	ul.media-list li:nth-child(3n) { margin-right:0; }
	ul.media-list li:nth-child(3n+1) { clear:both; }
	
	
	/***** PRESS KIT *****/
	li.nav-presskit {  border-bottom: 10px #637d17 solid; }

	h1.pkh1 { font-size:45px; }
	h2.pkh2 { font-size:30px; }
	.pk3 { width:33%; float:left; margin:0; }
	.dsk { display:block !important; }
	
	a.pk-fb { width:100%; float:none; }
	a.pk-ig { width:100%; float:none; }
	a.pk-tw { width:100%; float:none; }
	a.pk-yt { width:100%; float:none; }
	
	
	/****** Grantees ******/
	
	div.half { width:48%; margin-bottom:0; }
	
	ul.grantees-list { list-style-type:none; margin:0; padding:0; }
	ul.grantees-list li { width:23%; float:left; margin:0 2.5% 30px 0; font-size:16px; }
	ul.grantees-list li:nth-child(2n+1) { clear:none; }
	ul.grantees-list li:nth-child(4n) { margin-right:0; }
	ul.grantees-list li:nth-child(4n+1) { clear:both; }
	
	ul.grantees-list p { display:block; }
	
	div.logo-holder { width:100%; max-width:200px; height:200px; background:#fff; text-align:center; padding:10px; margin:0 auto 20px auto; }
	div.logo-holder img { max-width:180px; max-height:180px; margin:0 auto; }
	td.lh-td { height:180px; vertical-align:middle; }
	ul.grantees-list h2 { margin-bottom:10px; text-align:center; font-size:20px; }
	
	
	/****** Philanthropic Partners ******/
	
	ul.partners-list li { width:202px; height:202px; padding:15px; margin:0 1% 20px 1%; }
	ul.partners-list li img { width:170px; height:170px; object-fit:contain; max-height:none; max-width:none; }
	
	.pl-overlay { width:100%; height:200px; padding:75px 20px 0 20px; }
	
	
	
	td.lh-td { height:160px; vertical-align:middle; }
	
	div.slideshow { padding:0; }
	#spb-slide .slick-prev { width:31px; height:51px; top:250px; z-index:8888; opacity:1; background:url('../images/pink-arrow-left.png') no-repeat 0 0; left:-40px; }
	#spb-slide .slick-prev::before { content:''; }
	#spb-slide .slick-next { width:31px; height:51px; top:250px; z-index:8888; opacity:1; background:url('../images/pink-arrow-right.png') no-repeat 0 0; right:-40px; }
	#spb-slide .slick-next::before { content:''; }
	
	img.partner-slide { display:block; margin-bottom:15px; }
	p.partner-p { text-align:center; }
	p.partner-p a { font-weight:bold; text-decoration:underline; }

	ul.brand-partners-list li { width:18%; margin:0 0.5% 10px 0.5%; display:inline-block; vertical-align:top; }
	ul.brand-partners-list li:nth-child(2n+1) { clear:none; }
	ul.brand-partners-list li:nth-child(5n+1) { clear:both; }

	ul.brand-partners-list li div.logo-holder { width:100%; max-width:180px; height:113px; border:1px #d9d9d9 solid; padding:0; }
	ul.brand-partners-list li div.logo-holder img { max-width:140px; max-height:100px; margin:0 auto; }
	td.brand-lh-td { height:113px; vertical-align:middle; }

	
	/****** Kellogg Partnership ******/
	
	div.kp-photos { width:50%; max-width:495px; float:right; margin-left:20px; margin-bottom:20px; background:#d9d9d9; }
	div.kellogg-partner p, div.kellogg-partner ul { display:block; }
	
	
	
	/****** FORMS ******/
	div.form { width:100%; max-width:600px; margin:0 auto; }
	div.form label { 
		float: left;
		padding:10px 0px 0px;
		width:29%; margin-right:1%; 
	}
	div.form input[type=text], 
	div.form input[type=number], 
	div.form input[type=password] { width:70%; }
	div.form textarea { width:70%; height:120px; }
	div.form select { width:70%; }
	
	div.row { clear:both; }

	div.form .row.buttons { text-align:left; margin-left:30%; }
	div.form input[type=submit] {
		padding:5px 20px;
		color:#0a807e; font-size: 18px; text-decoration:none; font-family: 'AvenirLTStd-Roman'; text-transform:uppercase;
		border-bottom:8px #0a807e solid; border-top:1px #d9d9d9 solid; border-left:1px #d9d9d9 solid; border-right:1px #d9d9d9 solid;
		border-collapse:collapse;
		display:inline-block;
		background:#d9d9d9;
		cursor:pointer;
	}
	
	.btn-purple { border-bottom:8px #6c207f solid !important; color:#6c207f !important; }
	
	/*div.form input[type=submit]:hover,
	div.form input[type=submit]:active { color:#011357; border-top:1px #011f8f solid; border-bottom:1px #011f8f solid; }*/
	
	#two-videos { margin-bottom:50px; }
	div.hpvid1 { width:50%; float:left; padding:0 15px 0 0; }
	div.hpvid2 { width:50%; float:right; padding:0 0 0 15px; }
	
	div.table3p { width:33.33%; float:left; }
	div.img3p { width:205px; }
	div.text3p { width:calc(100% - 205px); font-size:20px; }
	
		
}  /* @media(min-width: 880px) */




@media (min-width:1450px) {
	/*** Main Menu ***/
	#menuBtn { display: none; }
	
	#mainmenu { 
		display: block;
		position:absolute; top:96px; left:0; z-index:200;
		margin:0; background:transparent;
		text-align:right; width:100%;
		padding-bottom:0; padding-top:0;
			}
	#mainmenu ul { float:right; }
	#mainmenu ul li {
		float: left; 
		position: relative;
		padding:0 20px;
		height:50px;
	}
	
	#mainmenu ul li a {
		padding:5px 0 15px 0;
		font-size:14px;
		font-family: 'AvenirLTStd-Roman';
	}
	
	li.nav-about { border-bottom:10px #6c207f solid; }
	li.nav-about:hover a, li.nav-about:active a { color:#6c207f !important; }
	
	li.nav-news { border-bottom:10px #637d17 solid; }
	li.nav-news:hover a, li.nav-news:active a { color:#637d17 !important; }
	
	li.nav-video { border-bottom:10px #0a807e solid; }
	li.nav-video:hover a, li.nav-video:active a { color:#0a807e !important; }
	
	li.nav-donate { border-bottom:10px #6c207f solid; }
	li.nav-donate:hover a, li.nav-donate:active a { color:#6c207f !important; }
	
	li.nav-press { border-bottom:10px #c931a1 solid; }
	li.nav-press:hover a, li.nav-press:active a { color:#c931a1 !important; }
	
	li.nav-grantees { border-bottom:10px #637d17 solid; }
	li.nav-grantees:hover a, li.nav-grantees:active a { color:#637d17 !important; }
	
	li.nav-partners { border-bottom:10px #c931a1 solid; }
	li.nav-partners:hover a, li.nav-partners:active a { color:#c931a1 !important; }

	#mainmenu ul li a.nav-partners {
		display: block !important;
	}

	#mainmenu ul li:hover > a, #mainmenu ul li:active > a, #mainmenu ul li.active > a {  }
	#mainmenu ul li > ul {
		display: none;
		position: absolute; left:0;
		margin: 0px;
		padding: 0px;
		min-width: 100px; white-space:nowrap;
		z-index: 9999;
		background:#fff;
		border-bottom:1px #d9d9d9 solid;
	}
	
	#mainmenu ul li:hover > ul { display: block; }
	#mainmenu ul li > ul li {
		margin: 0px; padding:0;
		float: none; 
		position: relative;
		border-left: none;
		text-align:left !important;
		height:auto !important;
	}
	#mainmenu ul li:first-child { border-top: none; }
	#mainmenu ul li > ul li a {
		display: block;
		padding:8px 20px;
		color: #000;
		font-size: 14px;
		text-decoration: none;
		background-color: transparent;
		border-top:0; border-bottom:0;
	}
	#mainmenu ul li.nav-partners > ul {
 	   left: unset !important;
 	   right: 0 !important;
	}
	
}





/******************* PRESS KIT STYLES 12/2019 ***********************/
#pk-featureImg { width:100%; display:block; margin:-44px 0 50px 0; }
div.pkhalf { width:50%; float:left; overflow:hidden; }
div.pkhalf img { width:100%; display:block; }

h1.pkh1 { font-size:35px; color:#6c207f; font-family: 'AvenirLTStd-Heavy'; }
h2.pkh2 { font-size:22px; color:#6c207f; font-family: 'AvenirLTStd-Heavy'; }

ul.press-links { display:inline-block; width:auto; margin:0 auto; text-align:left; font-size:20px; }
ul.press-links li a { color:#6c207f; text-decoration:underline; }

.pk3 { margin:0 0 20px 0; line-height:140%; }
.pk3 p { margin-bottom:15px; }
.pk3 a { color:#086f6e; }

.dsk { display:none; }

a.pk-fb { height:47px; display:block; width:50%; float:left; margin:0 0 5px 0; padding:12px 0 0 57px; background:url('images/pk-facebook.png') no-repeat; color:#000; text-decoration:none; }
a.pk-ig { height:47px; display:block; width:50%; float:left; margin:0 0 5px 0; padding:12px 0 0 57px; background:url('images/pk-instagram.png') no-repeat; color:#000; text-decoration:none; }
a.pk-tw { height:47px; display:block; width:50%; float:left; margin:0 0 5px 0; padding:12px 0 0 57px; background:url('images/pk-twitter.png') no-repeat; color:#000; text-decoration:none; }
a.pk-yt { height:47px; display:block; width:50%; float:left; margin:0 0 5px 0; padding:12px 0 0 57px; background:url('images/pk-youtube.png') no-repeat; color:#000; text-decoration:none; }

div#cphotos { width:100%; max-width:1100px; margin:0 auto; }
div.photo-indv { width:216px; display:block; text-align:center; margin:0 auto 20px auto; }

div.photo-thm { width:216px; height:216px; background:#f0f0f0; display:table; margin:0 auto 10px auto; }
div.photo-thm-inner { display:table-cell; vertical-align:middle; text-align:center; width:100%; }
	
div.photo-thm img { width:auto; height:auto; max-width:216px; max-height:216px; display:block; margin:0 auto; }
p.thm-name { font-size:14px; margin:0 0 10px 0; }
div.photo-indv a { color:#097473; text-decoration:underline; }


@media (min-width:880px) {

	li.nav-presskit {  border-bottom: 10px #637d17 solid; }

	h1.pkh1 { font-size:45px; }
	h2.pkh2 { font-size:30px; }
	.pk3 { width:33%; float:left; margin:0; }
	.dsk { display:block !important; }
	
	a.pk-fb { width:100%; float:none; }
	a.pk-ig { width:100%; float:none; }
	a.pk-tw { width:100%; float:none; }
	a.pk-yt { width:100%; float:none; }
	
	
	div.photo-indv { width:24%; min-width:216px; display:inline-block; vertical-align:top; text-align:center; }
	
	.fancybox-nav.fancybox-next { right:-25% !important; background:url('images/right-circle-arrow.png') no-repeat 50% 50% !important; filter:grayscale(1); }
	.fancybox-nav.fancybox-prev { left:-25% !important; background:url('images/left-circle-arrow.png') no-repeat 50% 50% !important; filter:grayscale(1); }
	
}

/******************* END PRESS KIT STYLES 12/2019 ***********************/



/*********************************************************************/
/* Additional Graystone Builders Styles 4/11/2022 (AMS) */
#graystone-intro {
	text-align: center;
	max-width: 1000px;
	padding: 10px 15px 20px 15px;
	margin: 0 auto 30px auto;
	border-bottom: 1px #e2e2e2 solid;
}

img.fl-img {
	display: inline-block;
	margin: 0 auto 20px auto;
}

#cirque {
	background: url('/images/graystone/graystone-cirque.jpg') 50% 0 no-repeat;
}

#graystone-orgs {
}

div.gs-org {
	width: 50%;
	float: left;
	text-align: center;
	max-width: 320px;
}

.circle-logo {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
	text-align: center;
	display: inline-block;
	margin: 0 0 10px 0;
}

	.circle-logo img {
		width: 130px;
		height: 130px;
		object-fit: contain;
		display: inline-block;
	}

.purple-outline {
	border: 10px #6c207f solid;
}

.green-outline {
	border: 10px #637d17 solid;
}

.teal-outline {
	border: 10px #0a807e solid;
}

.pink-outline {
	border: 10px #c931a1 solid;
}

div.gs-org h3 {
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
	margin: 0 0 10px 0;
}

#graystone-orgs div.gs-org:nth-child(odd) {
	clear: both;
}


#org-descriptions {
	margin-top: 30px;
}

div.org-half-left, div.org-half-right {
	padding: 0 15px;
}

div.org-indv {
	margin: 0 0 20px 0;
}

div.org-img {
	width: 39%;
	float: left;
	margin: 0 3% 0 0;
}

	div.org-img img {
		width: 100%;
		display: block;
	}

div.org-desc {
	width: 57%;
	float: left;
	font-size: 16px;
}


@media (min-width:880px) {

	#graystone-intro {
		text-align: left;
		padding: 50px 15px 0 15px;
		margin: 0 auto;
		border-bottom: 0;
	}

	img.fl-img {
		display: block;
		float: left;
		margin: 0 20px 0 0;
	}

	#cirque {
		background: url('/images/graystone/graystone-cirque.jpg') 0 220px no-repeat;
		background-size: 100% auto;
	}

	#graystone-orgs {
	}

	div.gs-org {
		width: 16%;
		float: left;
		text-align: center;
	}

	.circle-logo {
		width: 210px;
		height: 210px;
		border-radius: 50%;
		overflow: hidden;
		background: #fff;
		text-align: center;
		display: inline-block;
		margin: 0 0 10px 0;
	}

		.circle-logo img {
			width: 200px;
			height: 200px;
			object-fit: contain;
			display: inline-block;
		}

	div.gs-org h3 {
		font-size: 24px;
		font-weight: bold;
		text-transform: none;
		margin: 0 0 10px 0;
	}

	#graystone-orgs div.gs-org:first-child {
		margin-left: 15px;
	}

	#graystone-orgs div.gs-org:nth-child(2) {
		margin-top: 80px;
	}

	#graystone-orgs div.gs-org:nth-child(3) {
		margin-top: 160px;
		margin-right: 15px;
	}


	#graystone-orgs div.gs-org:nth-child(4) {
		margin-top: 160px;
	}

	#graystone-orgs div.gs-org:nth-child(5) {
		margin-top: 80px;
	}

	#graystone-orgs div.gs-org:first-child {
	}

	#graystone-orgs div.gs-org:nth-child(odd) {
		clear: none;
	}

	#org-descriptions {
		margin-top: 80px;
	}

	div.org-half-left {
		width: 50%;
		float: left;
		padding: 0 15px 0 30px;
	}

	div.org-half-right {
		width: 50%;
		float: right;
		padding: 0 30px 0 15px;
	}

	div.org-indv {
		margin: 0 0 30px 0;
	}

	div.org-img {
		width: 345px;
		float: left;
		margin: 0 25px 0 0;
	}

	div.org-desc {
		width: calc(100% - 370px);
		float: left;
		font-size: 18px;
	}
}
/*********************************************************************/