/*
a.cover,
.overlay	{display: none}
*/

@media (max-width: 1380px) 
{
	/* PEOPLE CAROUSEL */
	.people-carousel-container					{width:100%; padding-left: 60px; padding-right: 60px;}
	.people-carousel .slick-arrow				{width:50px; height: 50px;}
	.people-carousel .slick-arrow.slick-next	{right:-60px}
	.people-carousel .slick-arrow.slick-prev	{left:-60px}
	.people-carousel .person-image				{width: 180px; height: 180px; }
	
}

@media (max-width: 1360px) 
{
	.content-header-news .inner,
	.news-page .inner,
	.inner	{width:calc(100% - 90px); margin-left: 0; padding-left: 30px;}
	
	/* MAIN NAV */
	nav .inner-narrow	{margin-left: auto;}
	
	/* HEADER */
	.header .inner	{width:100%; left: auto; margin-left: 0}
	
	/* NEWS */
	.content-header-news .inner,
	.news-page .inner				{width:800px; margin: auto}
	
}

@media (max-width: 1240px) 
{
	/* HEADER */
	.header .inner	{width:100%; left: auto; margin-left: 0}
	
	/* OUR MEMBERS */
	.member-popup-text p	{margin-top: 0; margin-bottom: 0; font-size: 13px;}
	.member-popup-text			{padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 1140px) 
{
	/* JUMBOTRON */
	.jumbotron					{min-height: 550px;}
	.hero-video-container video	{min-height: 550px; object-fit: cover;}
	
	/* FOOTER */
	footer .quicklinks ul				{column-count: 2}
	footer .footer-bottom .inner ul		{margin-left: 0;}
	.footer-bottom img					{width:150px;}
	
	/* FIXED BG IMAGE WITH TEXT */
	.pullout-panel.extended .inner				{padding-top: 0; padding-bottom: 0}
	.pullout-panel.extended .pullout-panel-text	{width:640px; max-width: 100%;}
	
	/* OUR MEMBERS */
	.member-popup-text p	{font-size: 12px;}
}

@media (max-width: 1040px) 
{
	/* OUR MEMBERS */
	.members-listing .col-5	{width:25%;}
	
	/* NEWS */
	.news-listing .col-3		{width:50%;}

}

@media (max-width: 960px) 
{
    /* HOME LISTING */
	.panel-text-container h2			{font-size: 40px;}
	.panel-text-container p				{font-size: 15px;}
	.dot-btn							{font-size: 15px;}
	.panel-text-container				{padding-right: 10px; padding-left: 50px;}
	.panel-image-container				{height:400px;}			
	.panel-container:nth-child(even) .panel-text-container	{padding-left: 10px; padding-right: 50px;}
	
	/* MAIN NAV */
	nav .inner-narrow	{max-width:calc(100% - 80px); margin-left: 0}
	
	/* MEMBERS LISTING */
	.members-listing .col-container	{margin-left: -10px;}
	.members-listing .col-5			{padding: 10px;}
	
	/* RESOURCES LISTING */
	.resources-listing .col-container	{margin-left: -10px;}
	.resources-listing .col-4			{padding: 10px;}
	
	/* NEWS */
	.content-header-news .inner,
	.news-page .inner				{width:calc(100% - 90px); margin-left: 0; padding-left: 30px;}
	
	footer .col-container	{flex-direction: column}
	
	/* FOOTER */
	footer .quicklinks			{width:100%;}
	footer .social				{width:50%;}
	footer .contact				{width:100%;}
	footer .quicklinks ul		{column-count: 4}
	.footer-bottom .inner ul	{font-size: 12px;}
	
	
}

@media (max-width: 880px) 
{
	
	/* MEMBERS LISTING */
	.members-listing .col-5		{width:33.333%;}
	
	/* RESOURCES LISTING */
	.resources-listing .col-4	{width:33.333%;}
	
	/* NEWS */
	.news-listing .panel-text-container		{padding: 30px 30px 0}
	.news-listing .panel-text-container h2	{font-size: 25px;}
	.news-listing .panel-text-container p	{font-size: 14px;}
	.news-listing .panel-image-container		{min-height: 200px;}
	
	/* FOOTER */
	.footer-bottom img			{width:250px; margin-bottom: 20px;}
	.footer-bottom .inner		{flex-direction: column; justify-content: center; align-items: center;}
	.footer-bottom .inner ul li	{margin-left: 5px; margin-right: 5px;}
	
	
}

@media (max-width: 768px) 
{
	.content-header-news .inner,
	.news-page .inner,
	.inner	{width:calc(100% - 45px); margin-left: 0; padding-left: 30px;}
	
	/* NAV */
	nav					{align-items: flex-start; min-height: unset}
	nav .inner-narrow	{margin: 0; padding-top: 150px; padding-bottom: 40px;}
	
	/* RIGHT NAV */
	.right-nav			{width:44px;}
	.nav-icon			{height: 31px;}
	.nav-icon span		{margin-bottom: 5px;}
	.right-nav:after	{top:106px;}
	.right-nav ul		{margin-top: 60px;}
	.nav-icon.open span:nth-child(1)	{top:11px;}
	.nav-icon.open span:nth-child(2)	{top:7px;}
	
	/* MEMBERS LISTING */
	.members-listing .col-container	{width: calc(100% - 0px);}
	
	/* RESOURCES LISTING */
	.resources-listing .col-container	{width: calc(100% - 0px);}
	
	/* HERO CONTAINER */
	.hero-text-inner				{max-width: calc(100% - 10px);}
	.hero-text-container h1			{font-size: 40px;}
	.hero-text-container .inner p	{font-size: 18px;}
	
    /* HOME LISTING */
	.panel-text-container h2	{font-size: 35px;}
	
	/* LISTING IMAGE AND TEXT - CIRLCE */
	.sec-person	{width:200px; height: 200px;}
	
	/* FIXED BG IMAGE WITH TEXT */
	.pullout-panel.extended .pullout-panel-text	{padding: 35px;}
	
	
}

@media (max-width: 720px) 
{
	/* PEOPLE CAROUSEL */
	.people-carousel-container					{padding-left: 0; padding-right: 0}
	.people-carousel .slick-arrow				{top:auto; margin-top: 0; bottom: -15px; width:40px; height: 40px;}
	.people-carousel .slick-arrow.slick-prev	{top:auto; margin-top: 0; left: 0}
	.people-carousel .slick-arrow.slick-next	{right:0;}
	.people-carousel .slick-dots				{margin-top: 20px; margin-left: 0;}
	.people-carousel .slick-dots li				{font-size: 0}
	.people-carousel .slick-dots li button		{width:10px; height: 10px;}
	.people-carousel .person-image				{width: 200px; height: 200px; }
	
	/* LISTING IMAGE AND TEXT - CIRLCE */
	.sec-person-listing	{flex-direction: column !important;}
	.sec-text			{padding: 0 !important; padding-top: 30px !important;}	
	
}

@media (max-width: 680px) 
{
	
	/* PADDING - CONTENT PAGES */
	.content-header		{margin-bottom: 40px;}
	blockquote p		{font-size: 20px;}
	.intro-section		{padding-bottom: 50px;}
	section.infographic	{padding-bottom: 50px;}
	.executive-board	{padding: 50px 0}
	.secretariat		{padding: 50px 0}
	.members-listing	{padding: 50px 0}
	.resources-listing	{padding: 50px 0}
	.member-initiatives	{padding: 50px 0}

	/* HOME HERO */
	.jumbotron						{height: 100vh; max-height: 800px;}
	.hero-video-container			{}
	.hero-video-container video		{object-fit: cover; width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; top: 0;}
	.hero-text-container .inner p	{font-size: 16px; padding-right: 40px;}
	.down-arrow						{width:50px; height: 50px; right: -25px;}

	/* HOME LISTING */
	.listing							{padding: 40px 0}
	.listing .inner						{padding-left:0; padding-right: 0; width:100%;}
	.panel-container,
	.panel-container:nth-child(even)	{flex-direction: column !important; margin-bottom: 40px;}
	.panel-image-container				{width:100%;}
	.panel-text-container				{width:100% !important; padding: 30px 80px 0 30px !important;}
	.hero-text-container .inner p		{padding-right: 25px;}
	.hero-text-container				{width:100%;}
	.panel-image-container				{height:260px;}
	
	/* PULLOUT PANEL */
	.pullout-panel			{flex-direction: column; justify-content: flex-end; align-content: flex-start; background-position: center; min-height: 600px; height: 100vh;}
	.pullout-panel .inner	{margin: 0; width:100%; padding: 0 80px 30px 30px;}
	.pullout-panel:after	{background: linear-gradient(0deg, rgba(35,31,32,0.8) 0%, rgba(35,31,32,0) 100%);}
    
    .pullout-panel.extended {background-attachment: inherit;}
    
	
	/* TEXT AND BUTTONS AND STUFF */
	.header-text-btn	{flex-direction: column}
	.header-text-btn h2	{margin-bottom: 20px;}
	.text-section .col-2, .intro-section .col-2	{width:100%;}
	
	.infographic	{margin-left: -20px; width:calc(100% + 50px);}
	
	/* MAIN NAV */
	nav ul.main-nav					{font-size: 25px;}
	nav ul.main-nav li				{margin-bottom: 1vh; padding-bottom: 1vh}
	nav ul.main-nav li:last-child	{margin-bottom: 0; padding-bottom: 0}
	
	/* SECRETARIAT */
	.sec-person-listing:first-child	{padding-top: 20px; padding-bottom: 25px;}
	.sec-person-listing:last-child	{padding-bottom: 25px;}
	
	/* INFOGRAPHIC SECTION */
	section.infographic	{width:100%; margin: 0}
	
	/* MEMBERS LISTING */
	.members-listing .col-5	{width: 50%;}
	
	/* RESOURCES LISTING */
	.resources-listing .col-4	{width: 50%;}
	.resource-panel-text		{padding: 12px;}
	.resource-panel-text p		{font-size: 12px;}
	.resource-image-container	{padding: 15px;}
	
	/* MEMBER INITIATIVES */
	.sec-listing-container.member-initiatives-listing-container .sec-person-listing:first-child	{padding-bottom: 50px}
	.pullout-panel.extended .pullout-panel-text	{padding: 20px;}
	.pullout-panel.extended .pullout-panel-text h2	{font-size: 28px}
	.pullout-panel.extended .pullout-panel-text h3	{line-height: 1.3em;}
	
	/* NEWS */
	.news-listing							{padding-bottom: 0}
	.news-listing .panel-container 			{flex-direction: column !important; padding: 0 !important}
	.news-listing .panel-text-container		{padding: 20px !important}
	.news-listing .panel-text-container h2	{font-size: 20px;}
	.news-listing .panel-text-container h3	{font-size: 16px; line-height: 1.3em; margin-bottom: 0.5em;}
	.news-listing .panel-image-container	{font-size: 0; width:100%;}
	.news-listing .panel-text-container p 	{margin-bottom: 1.3em;}
	
	
	
	/* FOOTER */
	footer						{padding: 20px 0}
	footer .col-container		{flex-direction: column; display: flex;}
	footer .quicklinks			{width:100%; order: 1;}
	footer .quicklinks ul		{column-count: 3}
	footer .social				{width:100%; order: 3; text-align: center;}
	footer .social h3			{border-top:1px solid #D0D0D0; padding-top: 30px;}
	footer ul.social-list li	{margin:0 10px;}
	footer .contact				{width:100%; order: 2;}
	footer ul.social-list		{justify-content: center}
	
	.footer-bottom .inner			{flex-direction: column-reverse; margin-top: 0}
	.footer-bottom .inner ul 		{flex-direction: column; padding-bottom: 40px; font-size: 14px;}
	.footer-bottom .inner ul li 	{padding: 20px 0 0 0; margin: 0; border:none}
	.footer-bottom img				{margin-top: 20px;}

}

@media (max-width: 600px) 
{
	/* MAIN NAV */
	nav .inner-narrow	{flex-direction: column; min-height: 350px; max-width: calc(100% - 40px);}
	nav ul.main-nav		{width:100%; border-bottom: 1px solid #cccccc; border-right: none; padding-bottom: 3vh; margin-bottom: 3.5vh;}
	nav .social			{width:100%; align-items: flex-start;}
	
	/* RESOURCES LISTING */
	.filter-list ul 			{align-items: stretch}
	.filter-list ul li			{font-size: 14px; padding-left: 15px; padding-right: 15px; display: flex; align-items: center; justify-content: center}
	.resource-panel-text img	{width:20px;}
	
	/* NEWS ARTICLE */
	.news-page .inner p.intro	{font-size: 20px;}
	.news-page .inner p			{font-size: 16px;}
	.news-listing .col-3		{width:100%;}
	
	
}

@media (max-width: 500px) 
{
    /* HOME HERO */
	.hero-text-container h1 {font-size: 36px;}
	.hero-text-inner .btn	{font-size: 14px; text-align: center}
	
	
	/* FOOTER */
	footer .quicklinks ul		{column-count: 2}
	footer .quicklinks ul li	{font-size: 13px;}
	
	/* RIGHT NAV */
	.right-nav				{width:31px;}
	.nav-icon span			{height:3px; margin-bottom: 4px;}
	.right-nav ul			{margin-top: 45px;}
	.right-nav ul li a		{width:31px; height: 31px;}
	.right-nav ul li a svg	{width:16px;}
	.right-nav:after		{top:94px; margin-left: -1px;}
	.right-nav:before		{height: 50px;}
	.nav-icon.open span:nth-child(1)	{top:10px;}
	
	/* ABOUT PAGE */
	blockquote .quote-mark	{width:34px;}
	blockquote p			{font-size: 18px;}
	
	/* MEMBERS LISTING */
	.members-listing .col-container	{width:calc(100% + 25px);}
	.green .member-popup-text p		{font-size: 11px; font-weight: 400}
	.member-item p					{font-size: 16px;}
	
	/* RESOURCES LISTING */
	.resources-listing .col-container	{width:calc(100% + 25px);}
	.filter-list ul						{justify-content: space-between;}
	.filter-list ul li					{font-size: 12px; margin: 0; width:32%;}
}

@media (max-width: 413px) 
{
	header .logo,
	.logo	{width:150px;}
	
	/* MAIN NAV */
	nav .social h3				{font-size: 20px;}
	nav ul.social-list li svg	{width:30px;}
	nav ul.main-nav				{font-size: 22px;}
	
	/* HOME HERO */
	.hero-text-container h1			{font-size: 25px;}
	.hero-text-container .inner p	{font-size: 14px;}
	
	/* FOOTER */
	.footer-bottom .inner ul li	{font-size: 12px;}
	
	/* PEOPLE CAROUSEL */
	.people-carousel .slide			{padding-left: 0; padding-right: 0;}
	.people-carousel .slide h3		{font-size: 16px;}
	.people-carousel .slide h4		{font-size: 16px;}
	.people-carousel .slide p		{font-size: 14px;}
	.people-carousel .person-image	{width:200px; height: 200px;}
	

	
}

@media (max-width: 374px) 
{

	/* PEOPLE CAROUSEL */
	.people-carousel .slick-dots	{display: none !important}	
	.people-carousel .slide			{margin-bottom: 20px;}
	
	.jumbotron	{max-height: 600px;}
	
	/* MEMBERS LISTING */
	.members-listing .col-5 	{width:100%;}
	.members-listing .col-5 p	{font-size: 16px;}
	
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}




/*******************************/
/********** ANIMATION **********/
/*******************************/

@media (max-width: 1100px) 
{
	.video-mask	{object-fit: cover; height: 100%;}	
}

@media (max-width: 800px) 
{
	.graphic	{width:40%; padding-top:40%; margin-left: -20%; margin-top: -20%;}	
}

@media (max-width: 680px) 
{
	.graphic	{width:90%; padding-top:90%; margin-left: -45%; margin-top: -45%;}	
}

@media (max-width: 475px) 
{
	.graphic	{width:100%; padding-top:100%; margin-left: -50%; margin-top: -50%;}	
}