/* style hamburger menu */
.amelia-v2-booking #amelia-container .am-caph .am-caph__menu .am-icon-menu {
    color: white;
    font-size: 28px;
    background-color: #F0AB12!important;
    border-radius: 4px;
}


/* Increase the size in the right hand menu */
.amelia-v2-booking #amelia-container p.am-fs-sb__page-heading {
    font-size: 18px !important;
}

/* Hide the 'Filters' button */
.am-capf__menu-btn {
    display: none !important;
}

/* Make the date/time heading text transparent (visually hide) */
.amelia-v2-booking #amelia-container .am-advsc_slots-wrapper .am-advsc__slots-heading {
    color: transparent !important; /* Sets the text color to fully transparent */
    font-size: 0 !important;       /* Collapse text size */
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Mobile View */
@media (max-width: 768px) {

    /* Center and increase font size for portal heading */
    .am-caph {
        width: 100% !important;
    }

    .am-caph__text {
        text-align: center !important;
        font-size: 20px !important;
        width: 100% !important;
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
    }

    /* Remove outer border colour */
    .has-base-border-color {
        border: none !important;
    }

    /* Packages tab, increase book appointment font */
    .am-sc__capacity {
        font-size: 18px !important;
    }

    /* Packages tab, increase arrow appointment font */
    .am-icon-arrow-right {
        font-size: 20px !important;
    }

    /* Small button size */
    .am-button.am-button--small {
        font-size: 18px !important;
    }

    /* Override the font size directly on mobile time slot item */
    .amelia-v2-booking #amelia-container .am-advsc__slots-item-mobile {
        font-size: 16px !important; /* Direct override */
    }

    /* Move booking form up the page on mobile */
    .entry-content {
        margin-top: -30px !important;
    }

    /* Right menu text size */
    .amelia-v2-booking #amelia-container .am-msd__item-heading {
        font-size: 18px !important;
    }
}