/*
 * Contacts section style.
 *
 * Companion stylesheet for includes/contacts-section.php (title + static
 * map image + business info). Kept in its own file so the whole section
 * (markup + style) can be copied together into another template.
 *
 * Ported from Templates/oleificio-gallura/style/includes/contacts-section.css,
 * replacing hoteldp's old bare `section#mapSection > #map { height: 25em; }`
 * rule (see main.css). The directions button is positioned with a
 * negative top margin (instead of position:absolute + a page-tuned "top"
 * value) so it overlaps the bottom edge of the map image regardless of
 * how tall the rest of the page is - safer when reusing this section on
 * a different template/page.
 */

section#contacts {
    padding: 4em 0;
}

section#contacts div.title {
    text-align: center;
    margin-bottom: 2em;
}

section#contacts div.title i {
    margin-bottom: .5em;
}

section#contacts div#map {
    height: 25em;
    overflow: hidden;
}

section#contacts div#map img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section#contacts > a.button {
    position: relative;
    z-index: 1;
    display: block;
    margin: -1.5em auto 0 auto;
    width: 12em;
    padding: .5em 0;
    font-size: 1.3em;
    text-align: center;
}

section#contacts div.contacts {
    text-align: center;
    padding-top: 4em;
}

section#contacts div.contacts h3 {
    margin-bottom: .8em;
}

section#contacts div.contacts p {
    margin-bottom: .5em;
}