/* ======
   FOOTER 
   ====== */
#footer .mc {
	display: block; }   

#footer img {
	max-width: 100%; }
	
	   
#footer a {
	color: var(--color__white); }  
	
.footer__nav-map__container {
	display: flex; } 

.footer__navigations {
	display: flex;
	font-weight: 300;
	column-gap: var(--spacing__y_half);
	margin-bottom: var(--spacing__y_half); }
	
.footer__navigations h3 {
	font-size: 2.6rem;
	margin-bottom: 2rem;
	font-weight: normal;
	color: var(--color__blue-cyan); } 

#footer .footer__navigations h3 a {
	color: var(--color__sky); } 
	
.footer__navigations a {
	color: var(--color__white); } 

.footer__navigations nav {
	margin-right: 3rem;
   margin: 0;
   flex-grow: 0; 
   flex-shrink: 1; }

.footer__navigations nav:first-of-type {
   min-width: 25rem;
   flex-grow: 1; }
   
/* .footer__navigations nav:last-of-type {
	margin-right: 0; } */
	
.footer__navigations nav li {
	margin-bottom: .5em; }

.footer__navigations nav li.more {
	margin-bottom: .5em;
	font-weight: 600;  }

.footer__navigations nav li.more a {
	position: relative; }

.footer__navigations nav li.more a:after {
	content: '';
	position: relative;
	width: 8px;
	height: 15px;
	top: .2em;
	margin-left: .5em;
	display: inline-block;
	z-index: 1;
	transition: all .3s;
	background-size: contain;
	transform-origin: center;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='18px' viewBox='0 0 11 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.031613, -0.031613)' fill='%23FFFFFF'%3E%3Cpolygon id='Fill-1' transform='translate(5.500000, 9.000000) rotate(90.000000) translate(-5.500000, -9.000000) ' points='12.1493949 14.5 5.50063838 8.05533997 -1.14971406 14.5 -3.5 12.2224073 5.50079798 3.5 14.5 12.2224073'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat; }
	
	
	
.footer__nav-map__container .footer__map {
	text-align: center; }
	

.footer__navigations nav ul + h3 {
	margin-top: var(--spacing__x); }

.footer__signoff {
	width: 100%;
	text-align: left; }
	
.footer__nav_legal {
	 opacity: .7  }
		 
.footer__nav_legal p,
.footer__nav_legal ul,
.footer__nav_legal ul li {
	color: var(--color__white);
	display: inline-block; }
	
.footer__nav_legal ul li a {
	margin-left: 2rem; }	

.footer__branding {
	margin-bottom: 2.5rem; }
			
.locations_button {
	width: calc(20rem + 40px);
	margin-top: var(--spacing__x); } 

@media all and (max-width:1150px) {
		
		.footer__navigations,
		.footer__signoff {
			text-align: center; 	}
		 
		.socials-nav {
			 width: 100%; }
		 
		.footer__navigations {
			 margin-bottom: var(--spacing__y); }
			 
		.footer__navigations nav {
			flex-basis: 100%;
			margin: var(--spacing__x);
			margin-top: 0; }
	
		.footer__navigations nav {
			flex-basis: 100%;
			margin: var(--spacing__x);
			margin-top: 0; }
			
		.footer__navigations {
			flex-wrap: wrap; } 
		 
		.socials-nav {
			 justify-content: center;
			 margin-bottom: var(--spacing__y_half); }
		  
		.socials-nav li {
			 margin: 0 !important; }
			 
		.locations_button {
			 text-align: left;
			 margin-left: auto;
			 margin-right: auto; }	
		
	
		/* Collapsing panels */
		.footer__navigations nav.mobile-collapse {
			margin-bottom: 0;
			padding: 2rem }
		
		.footer__navigations nav.mobile-collapse h3 {
			margin: 0;
			cursor: pointer; }
		
		.footer__navigations nav.mobile-collapse h3 span {
			display: inline-block;
			margin-left: .5em;
			width: 1em;
			height: 1em;
			z-index: 1;
			transition: all .4s;
			transform: translate(0,.2em) rotate(0deg);
			background-position: center;
			background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='18px' height='11px' viewBox='0 0 18 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(9.031613, 5.531613) rotate(90.000000) translate(-9.031613, -5.531613) translate(3.531613, -3.468387)' fill='%23FFFFFF'%3E%3Cpolygon id='Fill-1' transform='translate(5.500000, 9.000000) rotate(90.000000) translate(-5.500000, -9.000000) ' points='12.1493949 14.5 5.50063838 8.05533997 -1.14971406 14.5 -3.5 12.2224073 5.50079798 3.5 14.5 12.2224073'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
			background-repeat: no-repeat; }
	
		.footer__navigations nav.mobile-collapse.expanded h3 span {
			transform: translate(0,.2em) rotate(-180deg); }
		
	
		.footer__navigations nav.mobile-collapse ul {
			margin-top: var(--spacing__x); }
		
		.footer__navigations .ul-wrapper {
			transition: all .9s ease-in-out;
			max-height: 0;
			overflow: hidden; }
		
		.footer__navigations nav.mobile-collapse {
			border-bottom: 3px solid var(--color__blue-medium); }
			
		.footer__navigations nav.mobile-collapse.expanded .ul-wrapper {
			max-height: 9000px; }	
		
	}



@media all and (max-width:900px) {
	
	.footer__navigations {
		flex-wrap: wrap; }
	
	.footer__navigations nav {
		width: 100%;
		text-align: center;
		margin-right: 0;
		margin-bottom: 3rem; }	
	
	#footer .footer__branding img {
		 max-width: 220px; } 
		 
	#footer .socials-nav li {
		 margin: 0 !important; } 
}



/* =========
   MINIMISED 
   ========= */

.footer_minimised .mc {
	padding-top: var(--spacing__y_small);
	padding-bottom: var(--spacing__y_small); }
	
	
.footer_minimised .footer__signoff {
	float: none;
	text-align: center; }

.page-template-template-iframe-full-page #footer.footer_minimised {
	background-color: var(--color__oia-blue); }
	
	



/* ============
   SOCIAL ICONS 
   ============ */       
	
.socials-nav {
	display: flex;
	column-gap: 10px; }
	
.socials-nav li {
	margin: 0;
	display: inline-block; }
			
.socials-nav a {
	transition: all .4s;
	text-indent: -999rem;
	overflow: hidden;
	background-size: cover;
	width: 4rem;
	display: block;
	height: 4rem; }   	
		
.socials-nav li.linkedin a { 	background: url('../svg/social-icon_linkedin.svg'); } 
.socials-nav li.facebook a { 	background: url('../svg/social-icon_facebook.svg'); } 
.socials-nav li.x a { 			background: url('../svg/social-icon_x.svg'); } 
.socials-nav li.instagram a { 	background: url('../svg/social-icon_instagram.svg'); } 
.socials-nav li.youtube	 a { 	background: url('../svg/social-icon_youtube.svg'); } 
 
.socials-nav a:hover {
	opacity: .7; }
 
 
 
@media all and (max-width:900px) {
	
	.socials-nav li {
		margin: 0 1rem 1.5rem 1rem !important; }
	
}