/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.footer a {
    text-decoration: none;
    color: var(--color-white);
}

.footer .wp-block-button__link {
    background-color: var(--color-white);
    color: var(--color-4);
    border: 1px solid var(--color-white);
}

.footer .wp-block-button__link:hover,
.footer .wp-block-button__link:active,
.footer .wp-block-button__link:focus {
    background-color: var(--color-4);
    color: var(--color-white);
    border-color: var(--color-white);
}

.footer{
	padding-top: 0;
}

/*--------------------------------------------------------------
# FOOTER CONTENT TOP
--------------------------------------------------------------*/
.footer_contacform-top{
    max-width: var(--max-width-3);
    margin-left: auto;
    margin-right: auto;
}

.footer__content-top {
    background-color: var(--color-1);
    padding-top: calc(var(--gutter-outer) * 2);
    margin-left: calc(var(--gutter-outer) * -1) !important;
    margin-right: calc(var(--gutter-outer) * -1) !important;

    padding-left: calc(var(--gutter-outer));
    padding-right: calc(var(--gutter-outer));
    
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid var(--color-2);

    padding-bottom: calc(var(--gutter) * 3);
    margin-bottom: calc(var(--gutter) * 3);
}

@media (min-width: 768px) {
    .footer__content-top {
        padding-bottom: calc(var(--gutter) * 5);
        margin-bottom: calc(var(--gutter) * 5);
    }
}

@media (max-width: 500px){
	.footer__content-top-intro{
		display: none;	
	}
}

/*--------------------------------------------------------------
# FOOTER CONTENT MIDDLE
--------------------------------------------------------------*/
.footer__content-middle {
    /* padding-top: calc(var(--gutter) * 3); */
    padding-bottom: calc(var(--gutter) * 5);

    max-width: var(--max-width-3);
    margin-left: auto;
    margin-right: auto;
}

.footer__content-middle .widgets {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: calc(var(--gutter) * 2);
    row-gap: calc(var(--gutter) * 3);
}

.footer__content-middle .widgets *:first-child {
    margin-top: 0;
}

.footer__content-middle .menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/*--------------------------------------------------------------
# FOOTER CONTENT BOTTOM
--------------------------------------------------------------*/
.footer__content-bottom {
    display: flex;
    gap: var(--gutter);
    justify-content: center;

    color: var(--color-2);
    font-size: var(--font-size-9);
}

.footer__content-bottom a {
    color: var(--color-white);
}

/*--------------------------------------------------------------
# FOOTER WIDGETS
--------------------------------------------------------------*/
.footer .widgets {
}