/* START: Main navigation colours */

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: Main navigation colours */


/* Rooftop venue images */

.img-sizing img {
    width: 130px;
    height: 50px;
    padding: 10px;
    object-fit: contain;
    background: #fff;
    background-position: center;
    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;
}


/* Rooftop card text */

.section-margin-issue .wp-block-column p,
.section-margin-issue .wp-block-column h5 {
    text-align: center !important;
}


/* Rooftop card 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 site styling */

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;
    max-width: 760px !important;
    margin: 20px auto !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    border: 1px solid #FAA55D !important;
    border-radius: 12px !important;
    background: #fafafa !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 {
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: cover !important;
    border: 2px solid #FAA55D !important;
    border-radius: 50% !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 !important;
}


/* Yoast Table of Contents */

.entry-content .wp-block-yoast-seo-table-of-contents a,
.entry-content .wp-block-yoast-seo-table-of-contents a:link,
.entry-content .wp-block-yoast-seo-table-of-contents a:visited,
.entry-content .wp-block-yoast-seo-table-of-contents a:hover,
.entry-content .wp-block-yoast-seo-table-of-contents a:focus,
.entry-content .wp-block-yoast-seo-table-of-contents a:active,
.entry-content .yoast-table-of-contents a,
.entry-content .yoast-table-of-contents a:link,
.entry-content .yoast-table-of-contents a:visited,
.entry-content .yoast-table-of-contents a:hover,
.entry-content .yoast-table-of-contents a:focus,
.entry-content .yoast-table-of-contents a:active {
    color: #000 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
    opacity: 1 !important;
}

.entry-content .wp-block-yoast-seo-table-of-contents a:hover,
.entry-content .wp-block-yoast-seo-table-of-contents a:focus,
.entry-content .yoast-table-of-contents a:hover,
.entry-content .yoast-table-of-contents a:focus {
    color: #9b4f19 !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;
        max-width: calc(100% - 24px) !important;
        margin: 18px auto !important;
        padding: 12px !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;
        object-fit: cover !important;
        border: 2px solid #FAA55D !important;
        border-radius: 50% !important;
    }

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

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

    .entry-content .wp-block-yoast-seo-table-of-contents a,
    .entry-content .wp-block-yoast-seo-table-of-contents a:link,
    .entry-content .wp-block-yoast-seo-table-of-contents a:visited,
    .entry-content .wp-block-yoast-seo-table-of-contents a:hover,
    .entry-content .wp-block-yoast-seo-table-of-contents a:focus,
    .entry-content .wp-block-yoast-seo-table-of-contents a:active,
    .entry-content .yoast-table-of-contents a,
    .entry-content .yoast-table-of-contents a:link,
    .entry-content .yoast-table-of-contents a:visited,
    .entry-content .yoast-table-of-contents a:hover,
    .entry-content .yoast-table-of-contents a:focus,
    .entry-content .yoast-table-of-contents a:active {
        color: #000 !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        text-decoration-line: none !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
        background-image: none !important;
        opacity: 1 !important;
        line-height: 1.45 !important;
    }
}