.button-group {
    margin-bottom: 0;
}

.no-bg {
    background: transparent !important;
}

.social-signup-wrapper .container .social-signup-buttons .button {
    width: 100%;
}

    .social-signup-wrapper .container .social-signup-buttons .button svg {
        width: 18px;
        height: 18px;
        margin-left: 5px;
    }

.rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5 {
    font-family: BBC Reith Sans, Helvetica, Arial, sans-serif;
    color: #fff;
}

.rich-text h3 {
    font-size: 1.25em;
    line-height: 1.2em;
    font-weight: 700;
    font-family: BBC Reith Sans Bd;
}

.rich-text {
    max-width: 588px;
    margin: auto;
    padding-bottom: 3rem;
}

.white * {
    color: #fff;
}

.rich-text p {
    font-family: BBC Reith Sans Lt;
    margin: 1.6rem 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #fff;
}

.rich-text h2 {
    color: #fff;
    margin: 0 0 1rem !important;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2em;
    font-family: 'BBC Reith Sans';
}

.rich-text a {
    font-family: 'BBC Reith Sans XBold';
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #333;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

    .rich-text a:hover {
        color: #fff;
    }

        .rich-text a:hover svg {
            fill: #fff;
        }

            .rich-text a:hover svg path {
                fill: #fff;
            }

    .rich-text a svg {
        margin-left: 5px;
        height: 18px;
        fill: rgba(255, 255, 255, 1);
    }

.rich-text strong {
    color: rgba(255, 255, 255, 1);
    font-weight: 900;
    font-family: 'BBC Reith Sans Bd';
}

.rich-text a svg path {
    fill: #fff;
}

.media-section {
    flex-basis: calc(75% - 20px);
    margin: 2.2rem 0;
}

    .media-section figcaption {
        font-family: BBC Reith Sans, Helvetica, Arial, sans-serif;
        margin-top: 20px;
        font-size: .8125em;
        line-height: 1.2307692308em;
        font-weight: 300;
        color: hsla(0, 0%, 100%, 1);
    }

figure.article-image {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0 !important;
    margin-bottom: 56px;
}

.social-signup-wrapper {
    background: #282828;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.blog-index-link {
    margin-top: 24px;
    color: #fff;
    font-size: .8125em;
    line-height: 1.2307692308em;
    text-decoration: none;
    font-family: 'BBC Reith Sans Bd';
    display: inline-block;
}

.left-trainagle {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #fff transparent transparent;
    transform: rotate(0deg);
    margin-right: 5px;
    display: inline-block;
}

.blogHeaderWrapper {
    padding: 10px 0 1rem;
    padding-right: calc(var(--bs-gutter-x)* 0.5);
    padding-left: calc(var(--bs-gutter-x)* 0.5);
}

.blogContent {
    padding: 0;
}

    .blogContent h1.title {
        margin-bottom: 1.9rem;
        color: rgba(255, 255, 255, 1);
        font-family: 'BBC Reith Sans Bd';
        margin-top: .8rem;
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 1.9rem;
    }

    .blogContent .blog-date {
        color: hsla(0,0%,100%,.6);
        text-transform: uppercase;
        order: 0;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: .1em;
        margin-bottom: 8px;
        font-family: 'BBC Reith Sans Bd';
    }

    .blogContent .social-share {
        display: flex;
        margin: 0;
        padding: 8px 0;
        border-bottom: 1px solid #e0e0e0;
        min-width: 0;
        position: relative;
        align-items: center;
        justify-content: flex-start;
    }

.social-share span {
    display: inline-block;
    margin-right: .8rem;
    font-weight: 300;
    position: relative;
    top: -.2em;
    font-size: 1em;
    line-height: 1.25em;
}

.social-share a {
    color: #3b1759;
    text-decoration: none;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 4px solid transparent;
    position: relative;
    background-color: transparent;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .social-share a:hover {
        box-shadow: inset 0 -2px 0 #50d5b9;
    }

.social-share svg {
    fill: #fff !important;
}

.social-share a.copy-link {
    padding-right: 14px;
}

.social-share .copy-link {
    padding-right: 14px;
    position: static;
}

.social-share a.copy-link .hover-label {
    top: 112%;
}

.social-share .copy-link .hover-label, .social-share .copy-link .hover-label {
    left: 31%;
}

.social-share a .hover-label {
    position: absolute;
    background: #f7f7f7;
    border-radius: 2px;
    padding: 10px;
    color: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: opacity .4s ease;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    left: 50%;
    font-size: .875em;
    line-height: 1.2857142857em;
    font-weight: 400;
}

.social-share a.copy-link .hover-label:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #f7f7f7;
    position: absolute;
    top: -10px;
    left: 42%;
}

.blogContent p.description {
    color: hsla(0,0%,100%,.87);
    font-size: 16px;
    line-height: 1.25em;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-family: BBC Reith Sans Bd;
}

.social-share a.copy-link:hover {
    box-shadow: inset 0 -2px 0 #50d5b9;
}

.social-share a:focus .hover-label, .social-share a:hover .hover-label {
    opacity: 1;
}

.social-share {
    display: flex;
    padding: 0;
    margin-bottom: 0;
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    position: relative;
}

.footer-navigation {
    margin-bottom: 5rem;
    display: flex;
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    position: relative;
}

    .footer-navigation .blog-index-link {
        margin-top: 2rem;
        display: inline-block;
    }

.tour-schedule {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #282828;
    color: #fff;
}

    .tour-schedule .container {
        overflow: visible;
        max-width: 1080px;
    }

.tour-schedule__title {
    padding-bottom: 32px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .25em;
    font-family: 'BBC Reith Sans';
}

    .tour-schedule__title span {
        font-weight: 800;
        font-family: 'BBC Reith Sans XBold';
    }

.tour-schedule__year {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 20px;
    font-family: 'BBC Reith Sans Bd';
}

.tour-schedule .tour-schedule-block {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.tour-schedule .tour-schedule-block__left {
    border: 1px solid hsla(0, 0%, 100%, .3);
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-radius: 2px;
    align-items: center;
    margin-right: 16px;
    min-width: 120px;
}

    .tour-schedule .tour-schedule-block__left .month {
        color: hsla(0, 0%, 100%, .6);
        font-size: 12px;
        font-weight: 700;
        padding-bottom: 0;
        text-transform: uppercase;
        font-family: 'BBC Reith Sans Bd';
    }

    .tour-schedule .tour-schedule-block__left .day {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        padding-bottom: 8px;
        font-family: 'BBC Reith Sans Bd';
    }

    .tour-schedule .tour-schedule-block__left .time {
        color: hsla(0, 0%, 100%, .6);
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
    }

.tour-schedule .tour-schedule-block__center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 150px;
    margin-right: 0;
}

    .tour-schedule .tour-schedule-block__center .title {
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        padding-bottom: 4px;
        text-transform: capitalize;
        font-family: 'BBC Reith Sans Bd';
    }

    .tour-schedule .tour-schedule-block__center .date {
        padding-bottom: 8px;
        font-size: 12px;
        font-weight: 700;
        color: hsla(0, 0%, 100%, .87);
        text-transform: uppercase;
        font-family: 'BBC Reith Sans Bd';
    }

    .tour-schedule .tour-schedule-block__center .location {
        font-size: 18px;
        font-weight: 400;
        color: hsla(0, 0%, 100%, .6);
        text-transform: capitalize;
        font-family: 'BBC Reith Sans';
    }

.tour-schedule .tour-schedule-block__right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin: 32px 0 20px;
}

.tour-schedule .buy-ticket-btn {
    border-color: #fff;
    background: #fff;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    height: 44px;
    font-family: 'BBC Reith Sans Bd';
    padding: .75em 1.5em;
    min-width: 100%;
}

    .tour-schedule .buy-ticket-btn svg {
        fill: #000;
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }

.tour-schedule-block-row {
    display: flex;
    flex-direction: row;
}


@media only screen and (max-width: 767px) and (min-width: 399px) {
    .rich-text p {
        font-size: .875em;
        line-height: 1.7142857143em;
        margin: 1.4rem 0;
    }

    .rich-text {
        padding-right:20px;
        padding-left:20px;
}
}

@media only screen and (max-width: 1180px) and (min-width: 768px) {

    .media-section figcaption {
        font-size: 0.875em;
        line-height: 1.1428571429em;
    }

    .media-section .media-captoiin {
        font-size: 0.875em;
        line-height: 1.1428571429em;
    }
}


@media (min-width: 767px) {
    .media-section {
        flex-basis: calc(75% - 20px);
        margin: 6rem 0;
    }

    .social-signup-wrapper .container .social-signup-buttons .button {
        width: auto;
    }

    .rich-text {
        max-width: 588px;
        margin: auto;
    }

    .social-share, .footer-navigation {
        max-width: 588px;
        margin: auto;
    }

    .blog-index-link {
        margin-top: 4rem;
        margin-left: 0;
    }

    .blogHeaderWrapper {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }

    .blogContent {
        padding-left: 0;
    }

        .blogContent h1.title {
            font-size: 44px;
            line-height: 48px;
            margin-top: 0;
            margin-bottom: 1.4rem;
            color: rgba(255, 255, 255, 1);
            font-family: 'BBC Reith Sans Bd';
        }

        .blogContent p.description {
            font-size: 18px;
        }

    .footer-navigation .blog-index-link {
        margin-top: 5rem;
    }

    .footer-navigation {
        margin-bottom: 5rem;
    }

    .blogContent .blog-date {
        margin-bottom: 0;
    }

    .rich-text h3 {
        font-size: 1.3125em;
        line-height: 1.1428571429em;
        font-family: 'BBC Reith Sans XBold';
    }

    .tour-schedule .tour-schedule-block__left {
        margin-right: 16px;
        min-width: 170px;
    }

    .tour-schedule .tour-schedule-block__center {
        min-width: 150px;
        margin-right: 63px;
    }
}

@media (min-width: 1008px) {
    .rich-text h3 {
        font-size: 1.25em;
        line-height: 1.2em;
        font-weight: 700;
        font-family: BBC Reith Sans Bd;
    }

    .rich-text h2 {
        font-size: 1.5em;
        line-height: 1.1538461538em;
    }

    .rich-text p {
        font-family: BBC Reith Sans Lt;
        margin: 1.6rem 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 32px;
        color: #fff;
    }

    .media-section {
        flex-basis: calc(75% - 20px);
        margin: 7rem 0;
    }

    .rich-text {
        max-width: 550px;
        margin: auto;
    }

    .social-share, .footer-navigation {
        max-width: 550px;
        margin: auto;
    }

    .blogContent h1.title {
        margin-top: 1.2rem;
    }

    .footer-navigation {
        margin-bottom: 5rem;
    }

    .blogHeaderWrapper {
        padding-top: 2rem;
        padding-bottom: 5rem;
    }

    .blogContent {
        padding-left: 10%;
    }

        .blogContent .blog-date {
            margin-bottom: 1rem;
        }

    .tour-schedule .tour-schedule-block__left {
        border: 1px solid hsla(0, 0%, 100%, .3);
        display: flex;
        flex-direction: column;
        padding: 26px 48px;
        border-radius: 2px;
        align-items: center;
        margin-right: 70px;
        min-width: 215px;
    }

        .tour-schedule .tour-schedule-block__left .month {
            font-size: 20px;
            font-weight: 400;
            padding-bottom: 0;
            text-transform: uppercase;
            font-family: 'BBC Reith Sans';
        }

        .tour-schedule .tour-schedule-block__left .day {
            font-size: 36px;
        }

    .tour-schedule .tour-schedule-block__center .title {
        font-size: 28px;
    }

    .tour-schedule .tour-schedule-block__center .date {
        font-size: 14px;
        font-weight: 400;
        font-family: 'BBC Reith Sans';
    }

    .tour-schedule .tour-schedule-block__center {
        min-width: 411px;
        margin-right: 63px;
    }

    .tour-schedule .tour-schedule-block {
        display: flex;
        flex-direction: row;
    }

    .tour-schedule .buy-ticket-btn {
        min-width: 157px;
    }

    .tour-schedule {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (min-width: 1280px) {
    .rich-text {
        max-width: 620px;
        margin: auto;
    }

    .social-share, .footer-navigation {
        max-width: 620px;
        margin: auto;
    }

    .rich-text h2 {
        font-size: 1.5em;
        line-height: 1.1666666667em;
        margin: 2.2rem 0 2rem !important;
    }

    .rich-text p {
        font-family: BBC Reith Sans;
        margin: 3rem 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 32px;
        color: hsla(0,0%,100%,.87);
    }

        .rich-text p:first-of-type {
            margin-top: 1rem;
        }

    .blogContent h1.title {
        margin-top: 2.6rem;
    }

    .footer-navigation {
        margin-bottom: 5rem;
    }

    .tour-schedule .tour-schedule-block__center {
        min-width: 576px;
        margin-right: 63px;
    }
}

@media screen and (min-device-width: 320px) and (max-device-width: 599px) {
    .rich-text {
        max-width: 100%;
        margin: 20px;
    }

    .tour-schedule .tour-schedule-block {
        display:grid;
    }

    .blogContent {
    padding: 20px;
    }
}

.button.button--primary{
    font-size: 1rem;
}