/* Footer Styles */

/* Grid */
.footer-items-grid {	
	display: grid;    
    grid-template-columns: auto 1fr auto auto;   
    grid-template-rows: auto;
    grid-template-areas: 
    "icon-address . flist-1 flist-2"
	"fi-row fi-row fi-row fi-row";
	margin-bottom: var(--wp--preset--spacing--50) !important;
	column-gap: 50px;
}

.logo-address-group {
	grid-area: icon-address;	
}

.mobile-logo-address-group {
	display: none;
}

/* 2 lists */
.address-group ul:first-of-type {
margin-bottom: 1em;
}

footer .wp-block-navigation__container {
	row-gap: 8px;
}

.page-list,
.footer-nav-col {
	padding-top: 24px;
}

.page-list h4,
.footer-nav-col h4 {
	padding-left: .5rem; /* to match item padding */
}

/* .page-list li {
	font-family: var(--wp--preset--font-family--nunito);	
    font-size:  var(--wp--preset--font-size--small);	
} */

.footer-nav-col li {

}

/* Individual Lists */
.page-list-1 {
	grid-area: flist-1;
}

.page-list-2 {
	grid-area: flist-2;
}

.icon-follow-group {	
	grid-area: fi-row;
	display: flex;
	justify-content: space-between;	
	padding-left: 16px;
	padding-right: 24px;	
}

.flag-icon {	
	display: flex;
	flex-direction: column;
	justify-content: flex-center;
	align-items: flex-start;
}

.follow-us-social {	
	display: flex;
	justify-content: flex-end;
	align-items: center;	
}
	
footer .mobile-copyright-info {
	display: none;
}

footer .follow-us-social {
	padding-right: 1rem;
}

.copyright-simple-white {	
	color: #ffffff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	column-gap: .25em;	
	font-size: var(--wp--preset--font-size--x-small);
	/* font-size: var(--wp--preset--font-size--x-sm); */
}

.footer-center-dark.wp-block-template-part {
	margin-top: 0;
}

/*===========Footer Responsive==========*/
@media (max-width: 1100px) {
	/* footer div.wp-block-columns div:not(:first-child){
		padding-top: 0 !important;		
	} */
}

@media (max-width: 320px) {	
	footer .follow-us-social {
		justify-content: flex-start;
	}

	footer .follow-us-social p {
		display: none;
	}
}

@media (max-width: 480px) {	
	.footer-items-grid {	
		display: grid;		
		grid-template-columns: 1fr;   
		grid-template-rows: auto;
		grid-template-areas: 
		"icon-address"
		"flist-1"
		"flist-2"		
		"fi-row";
		margin-bottom: var(--wp--preset--spacing--50) !important;
	}

	.page-list,
	.footer-nav-col {
		margin-top: 0px !important;		
	}

	.page-list h4,
	.footer-nav-col h4 {
		padding-left: 0rem;
	}

	.page-list nav,
	.footer-nav-col nav {
		margin-top: 16px !important;
	}

	footer ul.wp-block-navigation__container {		
		row-gap: 8px !important;
	}

	.icon-follow-group {	
		grid-area: fi-row;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;		
	}
	
	footer .copyright-info {
		display: none;
	}

	footer .mobile-copyright-info {
		display: flex;
	}

	.copyright-simple-white {
		color: #ffffff;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}

@media (min-width: 481px) and (max-width: 1100px) {	
	.footer-items-grid {	
		display: grid;		
		grid-template-columns: 1fr auto auto 1fr;
		grid-template-rows: auto;
		grid-template-areas: 
		"icon-address icon-address icon-address icon-address"		
		". flist-1 flist-2 ."		
		"fi-row fi-row fi-row fi-row";
		margin-bottom: var(--wp--preset--spacing--50) !important;
	}

	.logo-address-group {		
		display: none;		
	}

	.mobile-logo-address-group {
		margin-top: 0px !important;
		margin-bottom: .75em;
		grid-area: icon-address;
		display: flex;
		flex-direction: column;
		align-items: center; 
	}

	.mobile-logo-address-group .wp-block-site-logo img {
		max-width: 300px;
	}

	.address-group {
		margin-top: 0px;		
		display: flex;
		flex-direction: column;		
		justify-content: flex-start;
		align-items: center;
		gap: 0em;				
	}
	
	.mobile-address-lines {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: .5em;
	}

	/* phone numbers */
	.address-group ul li{
		display: inline;		
		margin-right:.5em;
	}

	.page-list,
	.footer-nav-col {
		margin-top: 0px !important;
		margin-bottom: 1em;
		padding-top: .5em;
				
	}

	.page-list nav,
	.footer-nav-col nav {
		margin-top: 16px !important;
	}

	footer ul.wp-block-navigation__container {		
		row-gap: 8px !important;
	}

	.icon-follow-group {
		display: none;
	}

	.icon-follow-group {	
		grid-area: fi-row;
		display: flex;
		justify-content: center;	
		padding-left: 16px;
		padding-right: 24px;	
	}

}