/**************** PAGE ****************/

.page-content.div-contact > div:nth-child(odd) {
    background-color: var(--custom-white) !important;
}
.page-content.div-contact .div-contact-description h2,
.page-content.div-contact .div-contact-details h2 {
    text-align: center;
    font-size: 3vh;
    font-weight: bold;
    padding: 6vh 0;
}
.contact-description {
    padding-bottom: 3vh;
}
#div-contact .catalogue-item-container {
    background-color: white;
}

/**************** BUTTONS ****************/

.contact-link-button-wrapper {
    text-align: center;
}
.contact-link-button-wrapper button {
    width: 70%;
    margin: 5vh 0;
    padding: 10px 30px;
    border-radius: 15px;
    background-color: var(--custom-blue);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}
.contact-link-button-wrapper button:focus,
.contact-link-button-wrapper button:active:focus {
    outline: 0;
}
.contact-link-button-wrapper a:focus {
    text-decoration: none;
    color: white;
    outline: 0;
}

/**************** INFOS ****************/

.div-contact-details {
    padding-bottom: 5vh;
}
.div-contact-details .contact-directions,
.div-contact-details .contact-timetable {
    margin-top: 5vh;
}
.div-contact-details .contact-directions h3,
.div-contact-details .contact-timetable h3 {
    font-size: 18px;
    font-weight: bold;
}
.div-contact-details a,
.div-site-details a {
    color: black;
    text-decoration: none;
}

/**************** ADMIN ****************/

h2 > span {
    color: grey;
    font-size: 15px;
}