/* 
Contact details widget stylesheet
*/

#contact_details.contact_details_ct {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    gap: 0;
    justify-content: flex-end;
}
/* RIGHT */
#contact_details.contact_details_ct.on_right {
    justify-content: flex-start;
    text-align: right;
}
#contact_details .contact_details_part {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 1rem;
    min-height: 600px;
    max-height: 600px;
    height: 100%;
    background-color: white;
}
#contact_details .contact_details_box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    padding: 2rem 1rem;
}
#contact_details .contact_details_box a {
    display: inline-block;
    transition: all .3s;
    display: flex;
    align-items: center;
    gap: .5rem;
}
#contact_details .contact_details_box span {
    display: inline-block;
    transition: all .3s;
}
#contact_details .contact_details_box a i {
    transition: all .3s;
}
#contact_details .contact_details_box #show_hide {
    cursor: pointer;
    transition: all .3s;
}
#contact_details .contact_details_box a:hover span,
#contact_details .contact_details_box #show_hide:hover {
    transform: skewX(-7deg);
    transform-origin: left bottom;
}
#contact_details .contact_details_box a:hover i,
#contact_details .contact_details_box #show_hide:hover {
    color: var(--main-orange);
}
#contact_details .contact_address a,
#contact_details .contact_social a {
    text-align: left;
    display: inline;
}
#contact_details .contact_social {
    display: flex;
    gap: 1rem;
}
#contact_details .contact_social i {
    font-size: 1.5rem;
}
#contact_details .contact_map {
    display: flex;
    justify-content: center;
    display: none;
}
#contact_details .contact_map.open {
    display: block;
}

/* RIGHT */
#contact_details.contact_details_ct.on_right .contact_details_box {
    width: 100%;
}
#contact_details.contact_details_ct.on_right .contact_details_box h2,
#contact_details.contact_details_ct.on_right .contact_details_box a,
#contact_details.contact_details_ct.on_right .contact_social {
    justify-content: flex-end;
}

/* RESPONSIVE */
@media screen and (max-width: 950px) {
    #contact_details.contact_details_ct {
        flex-direction: column;
        gap: 2rem;
    }
    #contact_details .contact_details_part {
        width: 100%;
        min-height: unset;
        max-height: unset;
        align-items: center;
    }
    #contact_details.contact_details_ct h3 {
        text-align: center;
    }
    #contact_details.contact_details_ct.on_right .contact_details_box h2,
    #contact_details.contact_details_box h2,
    #contact_details.contact_details_ct.on_right .contact_details_box a,
    #contact_details.contact_details_ct.on_right .contact_social {
        text-align: center;
        justify-content: center;
    }
    #contact_details .contact_details_box .contact_address > *,
    #contact_details .contact_details_box a {
        flex-direction: column;
        justify-content: center;
        padding: .5rem;
    }
    #contact_details .contact_details_box .contact_social {
        justify-content: center;
    }
    #contact_details .contact_details_box i {
       color: var(--main-orange);
       font-size: 1.5rem;
    }
    #contact_details .contact_details_box,
    #contact_details .contact_details_box a {
        text-align: center;
    }
    #contact_details .contact_map {
        max-width: unset;
        max-height: unset;
        padding: 0;
    }
}