/* OUR PEOPLE/HOMEPAGE RESPONISVE STYLES */

/* MOBILE STYLES */
@media (max-width: 1400px) 
{
    .default-container		{top: -40px;}
}

@media (max-width: 1360px) 
{
	.carousel-nav-container					{display: flex; justify-content: center; margin-top: 10px;}
	.tile-carousel-container .carousel-nav	{width: auto; display: inline-flex;}
	.tile-carousel-container .slick-arrow	{width: 19px; height: 35px;}
}

@media (max-width: 1300px) 
{
	.header-controls	{right: 15px;}
	
	/* 2023 */
	.inner-with-cols	{width: 1198px; padding: 0 40px;}
	
}
	
@media (max-width: 1220px) 
{
    .cookieBar {height: 80px;}
    body.cookie-message-displaying,
    body.cookie-message-displaying .header-controls,
    body.cookie-message-displaying #nav-container { margin-top: 80px !important; }
}

@media (max-width: 960px) 
{
    .hero-image.page .hero-copy {padding-right: 40px; }
    #nav-container p {font-size: 20px;}

    .staff-mobile-image {display: block; width: 40vw;height: 40vw;background-size: cover;background-position: center top;border-radius: 100%; margin-bottom: 30px; }

}


@media (max-width: 830px) 
{
	.staff-filter-container	{flex-direction: column}
	.staff-filter-container .fs							{margin-bottom: 20px;}
	.staff-filter-container .fs .filter-cell:last-child	{margin-right: 0}
	
	.news-filter-container .filter-cell:last-child		{}
	.staff-filter-container .btn-search					{align-self: flex-end}

	.staff-filter-container .filter-cell-person-search.filter-cell .filter-search	{margin-top: 0 !important}



}

@media (max-width: 767px) 
{
	/* MOBILE NAV */
	.nav-cell-left	{display: none}
	
    .header-text-container:not(.default-text-container) {width:320px;padding-right:35px;}
    .header-text-container:not(.default-text-container) h1 {width:230px;}

	.nav-scroller	{padding: 40px 20px 40px 30px; overflow: auto;}
	.nav-cell-right {width: 100%; padding-left: 0; display: block; padding-top: 120px;}

    #nav-container:after {background-image: url(unset);}
    .header-controls { top: 35px; }

    .hero-image {background-size: 350%; transition: 0.2s ease-in-out;}

	.careers .intro-text-2022     {width: 100%;}
    
    .intro-text-2022 p.fr {float: none;margin-top: 0px;margin-left: 0px;width: 100%;}
    .intro-text-2022 p.fr iframe {width: 85vw;}

	/* 2023 */
	.cols	{flex-direction: column}
	.cols .col	{width: 100%;}
	.cols .col-left	{margin-bottom: 40px;}
}
	
@media (max-width: 660px) 
{
	.staff-filter-container .fs							{flex-direction: column}
	.staff-filter-container .fs .filter-cell			{width: 100%; margin-bottom: 10px;}
	.staff-filter-container .fs .filter-cell:last-child	{margin-bottom: 0}
	
	.staff-filter-container.news-filter-container .filter-cell .dk-select	{width: 100%}	

	.search {position: fixed; top: 88px; left: 10px; width: calc(100% - 20px); border-radius: 50px; }
	.search-inner {width: 100%;}

}

@media (max-width: 635px) 
{
    .cookieBar { height: 100px; }
    body.cookie-message-displaying,
    body.cookie-message-displaying .header-controls,
    body.cookie-message-displaying #nav-container { margin-top: 100px !important; }
	
	.buttons-share-etc .buttons-start				{flex-direction: column;}
	.buttons-share-etc .buttons-start .btn-basic	{margin: 0 0 10px 0; width: auto}
	
	/* HOME HEADER BUTTONS */
	.default-text-container .buttons .btn 		{padding-left: 20px; padding-right: 20px;}
	.default-text-container .buttons .btn span 	{font-size: 14px;}
	.default-text-container .buttons .btn i		{width: 13px; height: 13px; margin-left: 12px; transform:translateY(1px)}
}

@media (max-width: 550px) 
{
    .logo-lockup img    {width: 16vw }
    /*.header-text-container:not(.default-text-container) h1 {width:200px;}*/
	
    .header-text-container {width:100% !important; padding-right:0px !important;}
    .header-text-container h1 {width:90% !important; font-size: 46px; line-height: 1em;}

    .staff-mobile-image {width: 60vw;height: 60vw; transition: 0.2s ease-in-out; }
	
	.person-contact			{flex-direction: column; display: flex; margin-top: 20px;}
	.person-contact span	{display: block; margin: 5px 0}
	
	.flex {flex-direction: column;}
	.flex.reverse {flex-direction: column-reverse;}
	.flex .tiles-header {width:100%;}
	.flex .wrapper.ar {width:100%; justify-content: left;}


    /*.wrapper {background-size:170% auto; background-position:-30px -25px;}*/

}

@media (max-width: 490px) 
{
	/* HOME HEADER BUTTONS */
	.default-text-container					{padding-left: 20px !important; padding-right: 20px !important;}
	.default-text-container .buttons		{flex-direction: column; align-items: flex-start;}
	.default-text-container .buttons .btn	{margin: 0 0 10px 0; width: 100%; justify-content: space-between; max-width: 100%;}
}

@media (max-width: 440px) 
{
    /* IPHONE 6+, GOOGLE NEXUS 5X & GOOGLE NEXUS 6P */
    .cookieBar { height: 120px; }
    body.cookie-message-displaying,
    body.cookie-message-displaying .header-controls,
    body.cookie-message-displaying #nav-container { margin-top: 120px !important; }

    .contacts-container				{max-width:100%; left: 0px !important; bottom:auto; right: 0px !important; margin: 0;}



}

@media (max-width: 414px) 
{
	.header-controls a.header-hamburger	{margin-left: 10px;}
	.header-controls:before				{width: 192px;}
}

@media (max-width: 390px) 
{
    /* IPHONE 6 & SAMSUNG GALAXY S5 */
    .header-text-container h1 {font-size: 24px;}
    .buttons {flex-direction: column;}
    .btn {margin-top: 10px; }
	
}

@media (max-width: 340px) {
    /* IPHONE 5 */
    .cookieBar { height: 140px; }
    body.cookie-message-displaying,
    body.cookie-message-displaying .header-controls,
    body.cookie-message-displaying #nav-container { margin-top: 140px !important; }
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
    .header-text-container:not(.default-text-container) h1 { width:170px; }
	
}