/* -- -- Hero section -- -- */

/* All content is in main.css */

/* -- -- End of Hero section -- -- */

/* -- -- Contact content -- -- */
.contact__section {
    padding-top: var(--size-11);
    padding-bottom: var(--size-11);
}

.contact__section .container {
    display: flex;
    flex-direction: column;
    gap: var(--size-10);
}

.contact__section .contact__infos {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--size-7);
}

.infos__list {
    display: flex;
    flex-direction: column;
    gap: var(--size-5);
}

.infos__item {
    display: flex;
    align-items: center;
    gap: var(--size-8);
}

.infos__item * {
    margin: 0;
}

.infos__item .item__icon {
    width: var(--size-8);
    height: var(--size-8);
}

.infos__item .item__content {
    display: flex;
    flex-direction: column;
    gap: var(--size-4);
}

.contact__separator{
    width: 100%;
    height: 1px;
    background-color: var(--deep-blue-300);
}

.contact__socials{
    display: flex;
    flex-direction: column;
    gap: var(--size-4);
}

.contact__socials .contact__socials-list{
    display: flex;
    gap: var(--size-7);
}

.contact__section .contact__media{
    background-color: var(--deep-blue-50);
    padding: var(--size-7);
    border-radius: var(--size-3);
    border: 1px solid var(--deep-blue-300);
    display: flex;
    flex-direction: column;
    gap: var(--size-3);
}

.contact__section .media__text{
    margin-bottom: var(--size-8);    
}

.media__contact-person{
    display: flex;
    flex-direction: column;
    gap: var(--size-6);
}

.media__contact-person *{
    margin: 0;
}

.contact__form-wrapper{
    width: 100%;
    display: flex;
}

.contact__form{
    background-color: var(--deep-blue-50);
    padding: var(--size-8);
    border-radius: var(--size-3);
    border: 1px solid var(--deep-blue-300);
    display: flex;
    flex-direction: column;
    gap: var(--size-3);
    width: 100%;
}

.contact__form .wpforms-container .wpforms-form .wpforms-field-container{
    display: flex;
    flex-direction: column;
    gap: var(--size-7);
}

.contact__form .wpforms-container .wpforms-form .wpforms-field-container .mandatory__field-indication label,
.contact__form .wpforms-container .wpforms-form .wpforms-field-container .mandatory__field-indication input{
    display: none;
}

.contact__form .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field-description{
    font-family: "Inter", sans-serif;
    color: var(--deep-blue-main);
    font-size: clamp(0.7500rem, 0.7038rem + 0.1282vw, 0.8000rem);
    line-height: 1;
    font-weight: 400;
}

@media (min-width: 768px) {
    .contact__section {
        padding-top: var(--size-12);
        padding-bottom: var(--size-12);
    }

    .contact__section .container{
        flex-direction: row;
        align-items: flex-start;
    }

    .contact__section .contact__infos {
        width: 50%;
    }

    .contact__form-wrapper{
        width: 50%;
    }
}

/* -- -- End of Contact content -- -- */