.hamburger 	{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) {  

}

/** WIDE SCREEN **/
@media (min-width: 1500px) 
{
    /* TALENT LISTING */
	.talent-grid .col				{width: 20%}
	.person-card-image-container	{height: 13.5vw}
	
	/* PODCAST LISTING */
	.book-grid .col .person-card-image-container,
	.podcast-grid .col .person-card-image-container			{height: 18.3vw}

	/* LOGO LISTING */
	.logo-grid .col .person-card-image-container	{height: 13vw}

	
}
/****************/


@media (max-width: 1220px) 
{
	.search-box	{width: 250px;}
}

@media (max-width: 1175px) 
{
	header .inner,
	footer .inner,
	.contact-page,
	.text-page,
	.talent-grid	{padding-left: 30px; padding-right: 30px;}
	
    /* HEADER */
	nav ul			{font-size: 16px;}
	nav ul li		{margin: 0 10px;}
	
	header .search-box						{width: 200px}
	header .search-box input[type="text"]	{font-size: 16px;}
		
	/* HOME HERO */
	.home-hero-carousel .slick-dots	{right: 30px;}
	
	/* TALENT DETAIL */
	.talent-hero h1,
	.text-col	{margin-left: 0}
	
	
	.about-grid	{padding-left: 0; padding-right: 0}
	
	/* COMMERCRIAL & LICENSING 
	.logo-grid		{flex-wrap: wrap}
	.logo-grid		{justify-content: center}
	.logo-grid .col	{padding: 14px; width: 325px;}
	*/
	
}

@media (max-width: 1024px) 
{
    /* IPAD (LANDSCAPE) */
}

@media (max-width: 980px) 
{
	h1	{font-size: 50px;}
	
	/* MOBILE NAV */
	nav					{position: fixed; left: 0; top:0; background-color: #ffffff; width:100%; height: 100%; z-index: 20; display: flex; align-items: center; justify-content: center; overflow-y: auto; transform: scale(0.9); opacity: 0; visibility: hidden;}
	nav ul				{flex-direction: column; text-align: center; margin: 0; font-size: 25px; font-family: ratiomodern, serif; font-weight: 400;}
	nav ul li			{margin: 20px 0; height: auto; text-align: center; display: block; letter-spacing: 0}
	nav ul li a			{justify-content: center; }
	nav ul li a:before,
	nav ul li a:after	{display: none}
	nav.open			{transform: scale(1); opacity: 1; visibility: visible; transition: 0.2s ease-out}
		
	/* HEADER */
	header .inner					{height:100px;}
	.hamburger 						{width: 24px; height: 16px; z-index: 50; margin-left: 15px; cursor: pointer; display: block; position: relative;}
	.hamburger span 				{width: 100%; display: block; height: 2px; border-radius: 2px; background-color: var(--primary); position: absolute; top: 0; left: 0; transition: 0.2s ease-out; }
	.hamburger span:nth-child(1) 	{}
	.hamburger span:nth-child(2) 	{top: 7px;}
	.hamburger span:nth-child(3) 	{top: 14px;}

	.hamburger.open 	 				{}
	.hamburger.open span:nth-child(1) 	{top: 7px; transform: rotate(45deg) scaleX(-1);}
	.hamburger.open span:nth-child(2) 	{opacity: 0; transform: scale(0)}
	.hamburger.open span:nth-child(3) 	{top: 7px; transform: rotate(-45deg) scaleX(-1);}

	
	/* HOME HERO CONTAINER */
	.talent-hero,
	.home-hero-container	{height: calc(100vh - 100px); min-height: 400px;}
	.slide-text h2			{font-size: 7vw}
	.slide-text p			{font-size: 2.5vw}
	.home-hero-carousel .slick-dots	{right: 15px;}
	
	/* LISTING */
	.talent-grid .col				{width: 33.333%}
	.person-card-image-container	{height: 21.7vw}
	
	/* LISTING FILTER */
	.intro-section 	{text-align: center; padding: 30px 0 40px;}
	ul.filter		{font-size: 14px;}
	ul.filter li a	{padding-left: 20px; padding-right: 20px; margin: 0 1px}
	
	/* PODCAST LISTING */
	.book-grid .person-card-image-container,
	.podcast-grid .person-card-image-container {height: 31.3vw;}
	
	/* TALENT DETAIL */
	.talent-quick-info .inner	{flex-direction: column; align-items: flex-start}
	.ctas						{margin: 15px 0 0 -5px; width: 100%;}
	.ctas .btn,
	.ctas .btn-link				{width: auto; font-size: 12px; padding: 8px 15px 11px; margin: 0 5px;}
	.book-deets					{padding-right: 0px;}		
	
	
	/* LOGO LISTING */
	.logo-grid .col	{margin-bottom: 25px;}
	
	/* ABOUT */
	.talent-grid.about-grid			{justify-content: center}
	.talent-grid.about-grid .col	{width: 33.333%;}
	
	/* CONTACT */
	.contact-page .col	{width:calc(50% - 15px)}
	
}

@media (max-width: 830px) 
{
    /* HOME LISTING */
	.home-listing	{flex-wrap: wrap}
	.home-card		{width: 50%;}
	.home-card-image-outer	{height: 69vw; min-height: unset}
	
	/* FOOTER */
	footer .inner	{flex-direction: column-reverse; justify-content: center; align-items: center;}
	footer ul		{font-size: 14px; margin-bottom: 25px;}
	footer ul li	{margin: 0 15px;}
	
	.filter-container	{padding-bottom: 15px; margin-bottom: -15px;}
	ul.filter li		{white-space: nowrap}
	
}

@media (max-width: 710px) 
{
	.form-row-inline	{flex-direction: column; margin-bottom: 0}
	.form-row-inline .input-box	{margin-bottom: 15px; width: 100%;}
	.scroll-content		{}
	
	.popup-background	{padding-right:30px; padding-left:30px;}
	.popup-content		{width:90%; margin-left: -45%; max-height:calc(100% - 66px); height: 100%; top:350px; padding: 40px; display: flex; justify-content: center; align-items: center}
	
	.popup-content .form-cell textarea,
	.popup-content .form-cell input[type='text']	{padding: 23px 15px 8px 15px;}
	.popup-content .form-row-inline	.input-box		{margin-bottom: 10px;}
	
}


@media (max-width: 680px) 
{
	/* LISTING */
	.talent-grid .col				{width: 50%}
	.person-card-image-container	{height: 31.7vw}
	
	/* PODCAST LISTING */
	.book-grid .person-card-image-container,
	.podcast-grid .person-card-image-container {height: 45.59vw;}
	
	/* CONTACT */
	.contact-page .cols	{flex-direction: column}
	.contact-page .col	{width: 100%;}
	.contact-page .col:nth-child(2)	{margin-top: 30px;}
	.map				{height: 100vw; flex: 100vw}
	
	/* ABOUT */
	.talent-grid.about-grid .col	{width: 50%;}
	.about-card a					{font-size: 18px; padding: 30px 15px;}
	.about-items h2					{font-size: 30px;}
}

@media (max-width: 600px) 
{
	.contact-page,
	.text-page,
	.talent-info .inner,
	.talent-quick-info .inner,
	header .inner,
	footer .inner,
	.talent-grid {padding-left: 15px; padding-right: 15px;}
	
	.filter-container	{width:calc(100% - 30px);}
	
	/* HEADER */
	header .logo	{width: 55px;}
	header .inner	{height: 85px;}
	
	/* HOME HERO CONTAINER */
	.talent-hero,
	.home-hero-container				{height: calc(100vh - 85px); }
	.slide-text h2						{font-size: 38px}
	.slide-text p						{font-size: 2.5vw; font-size: 20px;}
	.slide-text							{padding:0 25px 30px 25px;}
	.home-hero-carousel .slide:after	{height: 60%;}
	
	/* HOME LISTING */
	.home-card-text h3 	{font-size: 20px;}
	
	/* TALENT DETAIL */
	.talent-quick-info .inner	{text-align: center; justify-content: center; align-items: center}
	.socials					{justify-content: center}
	.ctas						{margin-left: 0; justify-content: center}
	.ctas .btn					{margin: 0 5px;}
	.social-cell				{margin-left: 0}
	.talent-info p.intro		{text-align: center; width: 500px; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 15px}
	.text-col					{text-align: center;}
	.social-cell p				{font-size: 14px;}
	
	.talent-info .text-col		{padding: 0 20px; text-align: left}

	h2.author-list	{display: block; text-align: center}
	
	.ctas .btn,
	.ctas .btn-link	{width: 50%; padding-top: 10px; padding-bottom: 13px;} 
	
	/* BOOK DETAIL */
	.talent-hero.book-hero						{overflow: hidden;}
	.talent-hero.book-hero .talent-hero-image	{width: calc(100% - 50px); height: calc(100% - 50px); margin: auto; animation: zoom-image 1s ease-out;}
	.talent-hero.book-hero .talent-hero-image-container	{display: flex; align-items: center}
	
	/* SEARCH RESULTS */
	.search-result				{flex-wrap: wrap;row-gap:15px;}
	.search-result .search-result-image		{background-position:left;}
	.search-result .search-result-content	{flex-basis: 100%;}
	.search-result .search-result-content .search-desc		{margin: 5px 0;}
	.search-result .search-result-content .search-url		{margin-top: 0;}

	/* CONTACT POPUP */
	.popup-content	{left: 0; top:0; margin: 0; width: 100%; padding: 40px 20px; min-height: 100vh; align-items: flex-start; background-color: #ffffff;}

	/* ABOUT */
	.intro-about .cols	{flex-direction: column}
	.intro-about .col	{width: 100%;}	
	.intro-about .map	{height: 80vw}
}

@media (max-width: 414px) 
{
	h1	{font-size: 40px;}
	
	/* HEADER */
	header .search-box						{width: 180px;}
	header .search-box input[type="text"]	{font-size: 16px; letter-spacing: 0px; background-color: transparent; width: 100%;}
	a.insta	{margin-left: 18px;}
	
	/* HOMER HERO */
	.slide-text p	{font-size: 17px;}
	
	/* LISTING */
	.talent-grid			{padding-left: 0; padding-right: 0}
	.person-card-text h3	{font-size: 22px;}
	.intro-section			{padding:30px 0 35px;}
	
	.talent-grid .col				{width: 100%}
	.person-card-image-container	{height: 64.7vw}
	
	ul.filter li a					{padding-left: 15px; padding-right: 15px; font-size: 15px; padding-top: 10px; padding-bottom: 10px;}
	
	/* PODCAST LISTING */
	.book-grid .person-card-image-container		{height: 80vw}
	.podcast-grid .person-card-image-container 	{height: 100vw;}
	
	.book-grid.talent-grid .col	{margin-bottom: 20px;}
	
	/* TALENT DETAIL */
	.talent-hero h1,
	.intro-section.intro-commercial h1 {font-size: 38px;}
	.talent-info .text-col p,
	.talent-info .text-col ul,
	.talent-info .text-col ol	{font-size: 18px;}
	.talent-info p.intro		{font-size: 24px; line-height: 1.2em}
	
	
	/* COMMERCRIAL & LICENSING */
	.intro-section.intro-commercial	{padding-bottom: 15px;}

	/* LOGO LISTING */
	.logo-grid .col	{margin-bottom: 25px; width: 50%}
	.logo-grid .person-card-text h3	{font-size: 16px;}
	.logo-grid .person-card-image-container	{height: 100px;}
	.logo-grid .person-card-image 			{max-height: 80px; max-width: 130px;
}

@media (max-width: 413px) 
{
	.logo-panel	{background-color: transparent; box-shadow: none}
}

@media (max-width: 374px) 
{
	/* HEADER */
	header .logo							{width: 50px;}
	header .search-box						{width: 130px; margin-left: 10px;}
	header .search-box input[type="text"]	{font-size: 14px;}
	header .search-box input[type='submit']	{width:19px; height: 19px;}
	.insta svg								{width:19px; height: 19px;}
	.hamburger								{margin-left: 12px;}
	a.insta									{margin-left: 12px;}

	/* TALENT DETAIL */
	.ctas .btn, .ctas .btn-link	{font-size: 10px;}
	
    /* FOOTER */
	footer			{text-align: center}
	footer ul		{font-size: 12px;}
	footer ul li	{margin: 0 8px;}
	footer p		{font-size: 12px;}
	
}

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

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

/*
@media not all and (min-resolution:.001dpcm) { @media {
	
	.home-hero-container,
	.talent-hero	{height: calc(100vh - 166px);}
	
	
	
   
}}
*/

/* HACK FOR IOS ADDRESS BAR */
@supports (background: -webkit-named-image(i)) {
	.home-hero-container,
	.talent-hero	{height: calc(100vh - 166px);}
}