/*--------------------------------------------------------------------------------------*\
| MEDIA QUERIES
\*--------------------------------------------------------------------------------------*/
footer.site-footer{
    flex-direction: column;
    position: relative;
    padding-bottom: var(--content-padding-big);
	background: var(--color-white);
	max-width: 100%;
	padding-left: calc(50% - 600px);
	padding-right: calc(50% - 600px);
}
footer ul{
    list-style: none;
    margin: 0;
}
footer ul.children{
	margin-left: 12px;
}
footer ul.children li{
	color: grey;
}
footer li{
    font-size: 20px;
    line-height: 1;
	flex-direction: column;
	display: flex;
}
footer a{
	border: 1px solid white;
	border-radius: 4px;
	transition: 0.6s;
	padding: 8px 32px 8px 0;
}
footer a.socials-a{
	padding: 8px;
}

footer p{
	padding: 8px 32px 8px 0;
	margin-bottom: 0;
}
footer p  a{
	padding: 0;
}

footer a:not(.socials-a):hover::before{
	display: block;
	opacity: 1;
}
footer ul li a{
	position: relative;
}
footer ul li.current-menu-item > a:not(.socials-a)::before{
	display: block;
	transition: 0.3s;
	content: '';
    width: 40px;
    height: 20px;
    position: absolute;
    background-image: url(/wp-content/uploads/2022/09/Asset-1.svg);
    transition: 0.3s;
    background-repeat: no-repeat;
    bottom: -15px;
    left: 0;
	opacity: 1;
}
footer ul li a:not(.socials-a)::before{
	display: none;
	opacity: 0;
	transition: 0.3s;
	content: '';
    width: 40px;
    height: 20px;
    position: absolute;
    background-image: url(/wp-content/uploads/2022/09/Asset-1.svg);
    transition: 0.3s;
    background-repeat: no-repeat;
    bottom: -15px;
    left: 0;
}
footer .footer-two p{
	border: 1px solid white;
	border-radius: 4px;
	transition: 0.6s;
	padding: 8px 32px;
}

footer .footer-two{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
footer .wrapper1{
    padding-top: var(--content-padding-big);
    padding-bottom: var(--content-padding-big);
    display: flex;
    position: relative;
    justify-content: space-between;
    margin: var(--content-padding-big) 0;
}
footer .wrapper2{
    display: flex;
    justify-content: space-between;
}
footer .wrapper2 > span:first-child{
    display: flex;
}

footer .wrapper1::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--color-black);
    bottom: 0;
    left: 0;
}
footer .socials img{
    width: 25px;
    height: 25px;
}


footer ul.menu > li:first-child{
	font-weight: 600;
}


footer .wrapper1 .footer-four h3{
	padding-bottom: var(--content-padding-big);
}
.wrapper2 > span > *{
	padding: 8px 16px;
}

@media screen and (max-width: 1800px){

}
@media screen and (max-width: 1350px){
	footer a {
		padding: 8px;
	}
}
@media screen and (max-width: 1000px){
	.wrapper2 > span > *{
		padding-left: 0px;
	}
	.footer-one{
		display: none;
	}
}
@media screen and (max-width: 768px){

	footer .wrapper1{
		flex-wrap: wrap;
		gap: 50px;
	}
	footer .wrapper1 .footer-one, footer .wrapper1 .footer-three{
		width: 30%;
	}
	footer .wrapper1 .footer-two, footer .wrapper1 .footer-four{
		width: calc(70% - 50px);
		text-align: right;
	}
	footer .wrapper1 p, footer .wrapper1 a{
		padding-left: 0;
		padding-right: 0;
	}

}
@media screen and (max-width: 550px){
	footer .wrapper1 .footer-four h3{
		padding-bottom: 0;
	}
	footer .wrapper1{
		margin-top: 0;
	}
	footer .wrapper2, footer .wrapper2 span{
		flex-direction: column;
	}
	footer .wrapper1 .footer-one, footer .wrapper1 .footer-three{
		width: 100%;
	}
	footer .wrapper1 .footer-two, footer .wrapper1 .footer-four {
		width: 100%;
		text-align: left;
	}
	footer .wrapper1, footer .footer-two{
		gap: 25px;
	}
	footer a.socials-a:first-child{
		padding: 0;
	}
}