/* ==================================================
   HIGH HOPES SIMPLYBOOK CUSTOM CSS
   ================================================== */


/* -------------------------------------------------
   BOOK NOW BUTTON
-------------------------------------------------- */

.btn-bar a.btn.book {
    position: relative !important;
    top: 0 !important;
    transform: translateY(129px) !important;
    background-color: #8B6BB3 !important;
    border-color: #8B6BB3 !important;
    color: #FFFFFF !important;
}

.btn-bar a.btn.book:hover {
    background-color: #76599C !important;
    border-color: #76599C !important;
    color: #FFFFFF !important;
}


/* -------------------------------------------------
   BOOKING / CONFIRMATION BUTTONS
-------------------------------------------------- */

/* Confirm Booking */
#sb_book_btn {
    background-color: #8B6BB3 !important;
    border-color: #8B6BB3 !important;
    color: #FFFFFF !important;
}

#sb_book_btn:hover {
    background-color: #76599C !important;
    border-color: #76599C !important;
    color: #FFFFFF !important;
}


/* Book More */
.booking-btns a.sb_book_again {
    background-color: #8B6BB3 !important;
    border-color: #8B6BB3 !important;
    color: #FFFFFF !important;
}

.booking-btns a.sb_book_again:hover {
    background-color: #76599C !important;
    border-color: #76599C !important;
    color: #FFFFFF !important;
}


/* Add to Calendar */
.booking-btns button.sb_add_to_cal {
    background-color: #8B6BB3 !important;
    border-color: #8B6BB3 !important;
    color: #FFFFFF !important;
}

.booking-btns button.sb_add_to_cal:hover {
    background-color: #76599C !important;
    border-color: #76599C !important;
    color: #FFFFFF !important;
}


/* Show All Bookings */
a.btn-default.show-all {
    background-color: #8B6BB3 !important;
    border-color: #8B6BB3 !important;
    color: #FFFFFF !important;
}

a.btn-default.show-all:hover {
    background-color: #76599C !important;
    border-color: #76599C !important;
    color: #FFFFFF !important;
}


/* Cancel - intentionally different from positive actions */
.booking-btns button.sb_cancel_btn {
    background-color: #A85C61 !important;
    border-color: #A85C61 !important;
    color: #FFFFFF !important;
}

.booking-btns button.sb_cancel_btn:hover {
    background-color: #8F4D52 !important;
    border-color: #8F4D52 !important;
    color: #FFFFFF !important;
}


/* -------------------------------------------------
   OPENING HOURS
-------------------------------------------------- */

#schedule table.overview {
    width: 100% !important;
}

#schedule table.overview td.day {
    width: 92px !important;
    min-width: 92px !important;
    padding-right: 12px !important;
    white-space: nowrap !important;
}

#schedule table.overview td.time {
    white-space: nowrap !important;
}


/* -------------------------------------------------
   DESKTOP HOME PAGE COLUMN WIDTHS
-------------------------------------------------- */

@media (min-width: 992px) {

    .index__body .index__row.col_25_50_25 {
        display: flex !important;
    }

    .index__body .index__row.col_25_50_25 > section:nth-child(1) {
        flex: 0 0 27% !important;
        max-width: 27% !important;
    }

    .index__body .index__row.col_25_50_25 > section:nth-child(2) {
        flex: 0 0 43% !important;
        max-width: 43% !important;
    }

    .index__body .index__row.col_25_50_25 > section:nth-child(3) {
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }

    #contacts .info,
    #contacts .info ul,
    #contacts .info li,
    #contacts .info .links {
        max-width: none !important;
        overflow: visible !important;
    }
}


/* -------------------------------------------------
   CONTACT US ADDRESS
-------------------------------------------------- */

#contacts .info li .links a[href*="google.com/maps"] {
    white-space: nowrap !important;
    font-size: 15px !important;
    letter-spacing: normal !important;
}


/* -------------------------------------------------
   CONTACT US ICON/TEXT SPACING
-------------------------------------------------- */

#contacts .info li:not(.item_soc-links) {
    display: flex !important;
    align-items: flex-start !important;
}

#contacts .info li:not(.item_soc-links) .icon {
    flex: 0 0 auto !important;
    margin-right: 8px !important;
}

#contacts .info li:not(.item_soc-links) .links {
    flex: 1 1 auto !important;
}


/* -------------------------------------------------
   SOCIAL MEDIA ROW
-------------------------------------------------- */

#contacts .info li.item_soc-links {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
}

#contacts .info li.item_soc-links .icon,
#contacts .info li.item_soc-links .links {
    margin: 0 !important;
    padding: 0 !important;
}


/* -------------------------------------------------
   SHARE ICON ALIGNMENT
-------------------------------------------------- */

#contacts .fa-share-alt {
    position: relative !important;
    left: -4px !important;
}