/* START: change menu background and text colors */
body:not(.fse-enabled) #site-navigation,
body:not(.fse-enabled) .main-navigation,
button[data-load-more-btn],
.button,
button,
input[type="submit"],
.wp-block-button__link,
.wp-block-file__button,
.a8c-posts-list__view-all,
body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
    background: #FAA55D;
}

#toggle-menu.button {
    background-color: #FAA55D;
}

#toggle-menu.button:hover {
    background: #e4a22a;
}

body:not(.fse-enabled) #site-navigation.main-navigation ul li.current-menu-item a,
body:not(.fse-enabled) .main-navigation.main-navigation ul li.current-menu-item a {
    color: #000;
}

body:not(.fse-enabled) #site-navigation.main-navigation ul li a,
body:not(.fse-enabled) .main-navigation.main-navigation ul li a {
    color: #4f4f4f;
}

body:not(.fse-enabled) #site-navigation.main-navigation ul li a::after,
body:not(.fse-enabled) .main-navigation.main-navigation ul li a::after {
    color: #9b7020;
}
/* END: menu colors */


/* Rooftop venue images */
.img-sizing img {
    height: 50px;
    object-fit: contain;
    width: 130px;
    background-position: center;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
}


/* World Rooftop Day page */
.page-id-24814 ul.wp-block-list {
    font-family: 'Tahoma', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
}

.margin-issue.wp-block-columns .wp-block-column > * {
    margin-top: 12px;
    margin-bottom: 12px;
}

.section-margin-issue .wp-block-columns {
    margin-bottom: 0;
}

.page-id-24814 .entry-content > .alignwide.wp-block-jetpack-gif,
.page-id-24814 .entry-content > .alignwide.wp-block-jetpack-tiled-gallery,
.page-id-24814 .entry-content > .alignwide {
    max-width: calc(100% - 12px) !important;
}

.page-id-24814 .wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner > [class*=wp-block-] {
    max-width: 100% !important;
}

/* Centre text in rooftop cards */
.section-margin-issue .wp-block-column p,
.section-margin-issue .wp-block-column h5 {
    text-align: center !important;
}

/* Rooftop cards layout */
.margin-issue .is-layout-flex .wp-block-column.wp-block-column-is-layout-flow {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.margin-issue p.book-more,
.margin-issue p.book-more-zero {
    margin-top: auto !important;
}

.margin-issue figure.wp-block-image.size-full {
    margin: 25px auto 0 !important;
}

p.book-more.wp-block-paragraph,
p.book-more-zero.wp-block-paragraph {
    margin-bottom: 0 !important;
}


/* Footer */
.site-footer .widget-area {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    max-width: 100%;
}

.site-footer .widget-area > .widget {
    width: 100%;
    margin: 0;
}

.site-footer .widget-area > * {
    max-width: none;
}

.site-footer .widget * {
    max-width: 100%;
}

.site-footer > *:last-child {
    text-align: center;
    font-size: 14px;
}

.site-footer > *:last-child::after {
    content: ": All opinions are my own and based on personal visits at the time of review. Information is accurate at the time of publication but subject to change. All photography and content are original. Unauthorised use is not permitted..";
}


/* General */
header #thelogo {
    max-width: 200px;
}

.entry-title {
    font-size: 2rem;
}

.entry-content > [class="wp-block-image"] {
    margin-top: 32px;
    margin-bottom: 32px;
}

#page #content h3 {
    scroll-margin-top: 40px;
}

.home .wp-block-cover__inner-container {
    padding: 0;
}

.nav-links {
    display: none;
}

.author-box p,
.author-box .wp-block-media-text__content p {
    font-size: 17px;
}

a.wp-block-button__link {
    text-decoration: none !important;
}


/* ---------- Author Box ---------- */

.entry-content .wrd-author-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 14px !important;
    margin: 20px auto !important;
    border: 1px solid #FAA55D !important;
    border-radius: 12px !important;
    background: #fafafa !important;
    max-width: 760px !important;
    box-sizing: border-box !important;
}

.entry-content .wrd-author-avatar {
    flex: 0 0 64px !important;
    width: 64px !important;
    max-width: 64px !important;
}

.entry-content .wrd-author-avatar img.avatar {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    border: 2px solid #FAA55D !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
}

.entry-content .wrd-author-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.entry-content .wrd-author-content h3 {
    margin: 0 0 4px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

.entry-content .wrd-author-content p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.entry-content .wrd-author-content a {
    color: #000 !important;
    font-weight: 600;
}


/* Yoast table of contents */
.wp-block-yoast-seo-table-of-contents a,
.yoast-table-of-contents a,
.wp-block-yoast-seo-table-of-contents li a,
.yoast-table-of-contents li a {
    color: #000 !important;
}


/* Mobile */
@media only screen and (max-width: 768px) {
    .margin-issue.wp-block-columns .wp-block-column > * {
        gap: 0;
    }

    .page-id-24814 .site-main,
    .page-id-31349 .site-main {
        padding: 16px 8px;
    }

    .entry-content .wrd-author-box {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 12px !important;
        padding: 12px !important;
        margin: 18px auto !important;
        max-width: calc(100% - 24px) !important;
        border: 1px solid #FAA55D !important;
        border-radius: 12px !important;
        background: #fafafa !important;
    }

    .entry-content .wrd-author-avatar {
        flex: 0 0 48px !important;
        width: 48px !important;
        max-width: 48px !important;
    }

    .entry-content .wrd-author-avatar img.avatar {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        border: 2px solid #FAA55D !important;
        border-radius: 50% !important;
        object-fit: cover !important;
    }

    .entry-content .wrd-author-content h3 {
        font-size: 14px !important;
        line-height: 1.15 !important;
        margin: 0 0 4px !important;
    }

    .entry-content .wrd-author-content p {
        font-size: 12px !important;
        line-height: 1.35 !important;
        margin: 0 !important;
    }

    .wp-block-yoast-seo-table-of-contents a,
    .yoast-table-of-contents a,
    .wp-block-yoast-seo-table-of-contents li a,
    .yoast-table-of-contents li a {
        color: #000 !important;
    }
}