﻿.burger,
.content-intro-text-mb,
.mobile-search-box,
.nav-search.nav-search-mb	{display: none}

/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}

@media (max-width: 1160px) 
{
	/* HEADER */
	.nav-search input[type='text'].active	{width:150px;}
    
    .dropdown-nav-outer ul li a {font-size: 16px;}
	
	/* TWO PANELS */
	.two-panels .col-container.col-2 .col	{width:400px;}
	.two-panels .white-panel-text			{padding: 35px 30px;}
	
	/* FOOTER */
	.footer-quick-links						{width:auto; justify-content: flex-end;}
	.footer-quick-links .btn:first-child	{margin-left: 0;}
	.footer-quick-links .btn				{margin-left: 30px;}
}

@media (max-width: 1150px) 
{
	header	{padding-left: 30px; padding-right: 30px;}
	
	.dropdown-nav-outer ul li:nth-child(5):hover ul,
	.dropdown-nav-outer ul li:nth-child(6):hover ul,
	.dropdown-nav-outer ul li:nth-child(7):hover ul	{left: auto; right: 0}
	
	/* NAV */
	.dropdown-nav-outer ul	{font-size: 14px;}
	
	/* PARENT DIRECTORY */
	.main-content-two-col .main-text-col	{padding-right: 40px;}
}

@media (max-width: 1110px) 
{
	/* NAV */
	.dropdown-nav-outer	{padding-left: 0; align-self: flex-end}
	
	/* PARENT DIRECTOY */
	.directory-image	{width:150px;}
	.directory-text p	{font-size: 14px !important;}
	.directory-text h2	{font-size: 20px;}
	.directory-text h3	{font-size: 16px;}
	.directory-text h4	{font-size: 16px;}
	
	/* EVENTS */
	.events-panel		{flex-direction: column !important;}
	.events-panel-image	{width:100%; padding-top: 50%; min-height: 200px;}
	.events-panel-text	{width:100%;}
	.events-expanded-book-now .cols	{flex-direction: column}
	.events-expanded-book-now .col-right	{width: 100%; margin-top: 30px;}
}


@media (max-width: 1000px) 
{
	.tag	{font-size: 16px;}
    
        .dropdown-nav-outer ul li a {font-size: 15px;}

	
	/* HOME HERO */
	.full-width-pullout .white-panel-text		{width:50%; padding: 50px;}
	.full-width-pullout .white-panel-text h2	{font-size: 35px;}
	
	/* CONTAINED PULLOUT PANEL */
	.contained-pullout-panel h2	{font-size: 35px;}
	
	/* THREE COL */
	.course-listing .col-container,
	.listing-panels .col-container			{width: calc(100% + 30px); margin-left: -15px;}
	.listing-panels .col-container .col		{padding-left: 15px; padding-right: 15px;}
	.listing-panel-text h3					{font-size: 23px;}
	.listing-panel-text p					{font-size: 16px;}
	.listing-panel-text						{padding-left: 30px; padding-right: 30px;}
	
	/* COURSE LISTING */
	.course-listing .col-container .col		{padding-left: 15px; padding-right: 15px;}
	.find-course .inner						{flex-direction: column; align-items: flex-start;}
	.find-course label						{margin-bottom: 15px;}
	
	/* MAIN CONTENT */
	.main-content-two-col .main-text-col	{padding-right: 40px;}
	.full-intro								{padding: 40px 0}
	.full-intro p 							{font-size: 18px;}
	
	/* TWO PANELS */
	.two-panels .white-panel-text h2 		{font-size: 31px;}
	
	/* FOOTER */
	.footer-top .inner	{flex-direction: column;}
	.footer-quick-links	{width:100%; justify-content: space-between; margin-top: 40px;}
	
	.footer-chunk ul li	{font-size: 15px;}
	
	
}

@media (max-width: 950px) 
{
    /* HEADER */
	.nav-search input[type='text'].active	{width:150px;}
	
	/* PEOPLE DIRECTORY */
	.directory-top		{flex-direction: column}
	.directory-text		{padding-left: 0; padding-top: 20px;}
	.directory-image	{width:175px;}
}


@media (max-width: 915px) 
{
	/* NAV */
	.dropdown-nav					{padding-left: 30px;}
	.dropdown-nav ul li.active ul,
	.dropdown-nav ul li:hover ul	{left: 360px;}
	.dropdown-nav ul				{padding-left: 30px; width:330px;}
	.dropdown-nav ul.sub-nav		{width:330px;}
	
	/* TWO PANELS */
	.two-panels .col-container.col-2 .col	{width:340px;}
}

@media (max-width: 890px) 
{
	/* NAV */
	.burger							{display: block; margin-left: 15px;}
    
    


    .dropdown-nav-outer				{position: fixed; width:100%; height: 100%; left: 0; top:-100%; visibility: hidden; opacity: 0; background-color: #000000; display: flex; align-items: center; flex-direction: column; overflow-y: auto; z-index: 999; transition: ease-in-out 0.2s; padding-top: 50px}

    .dropdown-nav-outer.open {top:0; visibility: visible; opacity: 1;}

    .dropdown-nav-outer ul li span	                {display: flex; background-color: #ECDC1F; position: absolute; right: 0; top:0; height: 60px; width: 60px; justify-content: center; align-items: center; transform: rotate(90deg);}
    .dropdown-nav-outer ul li.active span	        {transform: rotate(270deg);}

    .dropdown-nav-outer	.close-mm {display: block; width: 60px; height: 50px; background-image: url('/_assets/icon-close.png'); background-size: 20px; background-position: center; position: absolute; top: 0; right: 0; background-repeat: no-repeat;}
	.dropdown-nav-outer ul			{flex-direction: column; width: 100%; text-align: left; align-items: flex-start;}
	.dropdown-nav-outer ul li		{font-size: 20px; height: auto; padding: 0 !important; border-bottom: 1px solid #ffffff; width: 100%;}
	.dropdown-nav-outer ul li a		{color:#ffffff; height: auto; padding: 20px;}
	.dropdown-nav-outer ul li ul	{left: auto !important; top:auto !important; position: relative; padding: 0; margin: 0 !important; width: 100%; font-size: 14px; display: none}
	.dropdown-nav-outer ul li ul li	{font-size: 14px; margin-bottom: 0}
	.dropdown-nav-outer ul li:last-child	{border-bottom: 1px solid #ffffff;}
	.dropdown-nav-outer ul li:after	{display: none;}
	
	
}

@media (max-width: 768px) 
{
	
	a.close	{right:30px;}
	
	/* HOME HERO CONTAINER */
    
    .home-hero-container .inner {justify-content: flex-end;}
    
	.home-hero-container	{min-height: 600px;}
	.content-header h1,
	.home-hero-container h1	{font-size: 11vw; line-height: 1.1em;}
    .home-hero-container .home-hero-text {margin-left: 0px; margin-top: 00px; }
    .home-hero-container .sub-text {font-size: 18px; margin-bottom: 26px; }

	/* QUICK MENU */
	.quick-menu .inner			{flex-direction: column;}
	.quick-menu .btn			{width:100%; margin-bottom: 10px; font-size: 15px; padding-top: 15px; padding-bottom: 15px;}
	.quick-menu .btn:last-child	{margin-bottom: 0}
	.quick-menu .btn svg		{width: 27px; height: 24px;}
	.home-hero-outer			{padding-bottom: 25px;}

	/* FULL WIDTH PANEL WITH IMAGE */
	.full-width-pullout						{display: flex; flex-direction: column-reverse; padding: 60px 0 0; margin-bottom: 0}
	.full-width-pullout-image				{height: 45vw; position: relative; top: auto; left: auto;}
	.full-width-pullout-image .inner		{width:100%;}
	.full-width-pullout .white-panel-text	{width:100%; padding: 0 0 60px 0;}
	
	.full-width-pullout.mob-overlay								{padding-top: 60px; padding-bottom: 160px;}
	.full-width-pullout.mob-overlay .white-panel-text			{padding: 30px;}
	.full-width-pullout.mob-overlay .full-width-pullout-image 	{position: absolute; left: 0; top: 0; height: 100%; background-position: center;}
	
	/* LISTING */
	.listing-panels	{margin-bottom: 10px;}
	
	/* CONTAINED PULLOUT PANEL */
	.contained-pullout-panel			{margin-bottom: 40px;}
	.contained-pullout .inner			{padding-left: 0; padding-right: 0;}
	.contained-pullout-panel			{flex-direction: column-reverse;}
	.contained-pullout-image-container	{width:100%; height: 70vw; background-position: center;}
	.contained-pullout-text				{padding:60px 30px;}
	
	/* THREE COL */
	.listing-panels .col-container				{width: 100%; margin: 0; flex-direction: column}
	.listing-panels .inner						{width:100%; padding-left: 0; padding-right: 0;}
	.listing-panels .col-container.col-3 .col	{padding-left: 0; padding-right: 0; width:100%;}
	.listing-panel-text h3						{font-size: 31px;}
	.listing-panel-text p						{font-size: 20px;}
	.listing-panel-text							{padding-left: 30px; padding-right: 30px;}
	
	/* CONTENT HEADER */
	.content-intro-text-dk	{display: none;}
	.content-intro-text-mb	{display: block; margin-top: 0; width:100%; padding-left:30px; padding-right: 30px; margin-bottom: 40px;}
	.content-header			{margin-bottom: 0; min-height: 450px;}
	.content-header-text	{margin-bottom: 60px;}
	
	/* COURSE LISTING */
	.course-listing								{padding-top: 50px;}
	.course-listing .col-container.col-3 .col	{width:100%; padding-bottom: 40px;}
	.course-selects								{flex-wrap: wrap}
	.find-course label							{margin-bottom: 0}
	.course-selects .select-css					{margin-top: 15px;}
	
	/* MAIN CONTENT */
	.main-content-two-col .inner			{flex-direction: column;}
	.main-content-two-col .main-text-col	{padding-top: 40px; width:100%; padding-right: 0}
	
	.main-content-two-col .main-text-col img	{margin-top: 20px;}
	.video-container							{margin-top: 40px;}
	.mc-panels									{margin-top: 30px;}
	
	.blockquote-container					{padding-left: 0; margin-bottom: 50px; margin-top: 110px;}
	.blockquote-container svg				{top:-69px;}
	.blockquote-container blockquote		{padding: 30px;}
	.blockquote-container blockquote:before	{width: calc(100% - 90px);}
	
	.sidebar		{width:calc(100% + 60px); margin-left: -30px;}
	.sidebar .col	{width:calc(100% - 60px); margin-left: auto; margin-right: auto;}
	
	/* TWO PANELS */
	.two-panels								{padding:60px 0px;}
	.two-panels .col-container				{flex-wrap: wrap}
	.two-panels .col-container.col-2 .col	{width:100%; margin-bottom: 43px;}
	.two-panels .col-container.col-2 .col:last-child	{margin-bottom: 0}
	.two-panels .col-container.col-2 .col .white-panel-text	{min-height: 320px;}
	
	/* CONTACT US */
	.contact-page				{padding: 60px 0}
	.contact-cols 				{flex-direction: column;}
	.contact-cols .col-left		{width:100%; margin-bottom: 30px;}
	.contact-cols .col-right	{width:100%;}
	
	/* PEOPLE DIRECTORY */
	.directory-top		{flex-direction: row}
	.directory-text		{padding-left: 20px; padding-top: 0;}
	.directory-image	{width:150px;}
	
	/* FOOTER */
	footer						{padding-bottom: 40px;}
	.footer-top					{margin-bottom: 10px;}
	.footer-quick-links			{flex-direction: column;}
	.footer-quick-links .btn	{margin-left: 0; margin-bottom: 15px;}
	.footer-bottom .inner		{flex-direction: column-reverse; align-items: flex-start;}
	.footer-right				{flex-direction: column;}
	.footer-right				{align-items: flex-start;}
	.footer-bottom .social-list	{margin-left: 0; margin-bottom: 20px;}
	.footer-bottom .social-list li	{margin-right: 10px; margin-left: 0;}
	.footer-bottom .text-list		{margin-left: 0; margin-bottom: 20px;}
	.footer-bottom .text-list li	{margin-left: 0; margin-right: 30px;}
	
	.footer-chunk .col-container	{flex-direction: column;}
	.footer-chunk .col				{padding-right: 0}
	.footer-chunk ul				{margin-bottom: 15px;}
	
}

@media (max-width: 680px) 
{
	ul.main-nav		{display: none}
	.logo-lockup	{margin-bottom: 0}
	.top-nav		{margin-bottom: 0}
	header			{height: auto; padding: 15px 30px; align-items: center}
	.nav-search svg {width: 19px; height: 19px;}
}
	
	
@media (max-width: 590px) 
{
    /* HEADER */
	.nav-search input[type='text'].active	{width:150px;}
	
	/* PEOPLE DIRECTORY */
	.directory-top		{flex-direction: column}
	.directory-text		{padding-left: 0px; padding-top: 20px;}
	.directory-image	{width:175px;}

	
}

@media (max-width: 500px) 
{
  /* HEADER */
	.nav-search.nav-searc-dk				{display: none}
	.nav-search.nav-search-mb				{display: block}
	.mobile-search-box						{padding: 20px 0 30px; display: none;}
	.mobile-search-box .inner				{display: flex; align-items: center; justify-content: space-between;}
	.mobile-search-box input[type="text"]	{border-bottom: 2px solid #000000; width:calc(100% - 30px); padding-bottom: 3px;}
	.mobile-search-box svg					{width:20px; height: 20px;}
	
	/* PEOPLE DIRECTORY */
	.directory-text p.email strong,
	.directory-text p.phone strong	{display: none}
	
	/* EVENTS */
	.faq-accordion .accordion-item p	{font-size: 14px;}
	.events-panel-text h3				{font-size:24px;}
	
}

@media (max-width: 413px) 
{

	.directory-arrow-down						{position: relative; display: block; right: auto; bottom: auto; margin-left: auto}
	.form-cell.form-cell-people-listing			{flex-direction: column; align-items: flex-start; text-align: left}
	.form-cell.form-cell-people-listing label	{margin-bottom: 10px;}
	.form-cell.form-cell-people-listing select	{width:100%;}
	
	/* EVENTS */
	.events-expanded-book-now .btn					{font-size: 18px; width: auto}
	.events-expanded-book-now .btn span				{margin-left: 30px;}
	.events-expanded-book-now,
	.events-expanded-more-info						{padding: 15px;}
	.events-expanded-book-now .select-css,
	.events-expanded-book-now input[type="text"]	{font-size: 18px; padding: 15px 20px;}
	.contact-prefs .container						{font-size: 16px;}
	
}

@media (max-width: 375px) 
{
    /* IPHONE 6 */
}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
}

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