/*!
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain) 
 */
.conservatoire html,
.conservatoire body,
.conservatoire div,
.conservatoire span,
.conservatoire applet,
.conservatoire object,
.conservatoire iframe,
.conservatoire h1,
.conservatoire h2,
.conservatoire h3,
.conservatoire h4,
.conservatoire h5,
.conservatoire h6,
.conservatoire p,
.conservatoire blockquote,
.conservatoire pre,
.conservatoire a,
.conservatoire abbr,
.conservatoire acronym,
.conservatoire address,
.conservatoire big,
.conservatoire cite,
.conservatoire code,
.conservatoire del,
.conservatoire dfn,
.conservatoire em,
.conservatoire img,
.conservatoire ins,
.conservatoire kbd,
.conservatoire q,
.conservatoire s,
.conservatoire samp,
.conservatoire small,
.conservatoire strike,
.conservatoire strong,
.conservatoire sub,
.conservatoire sup,
.conservatoire tt,
.conservatoire var,
.conservatoire b,
.conservatoire u,
.conservatoire i,
.conservatoire center,
.conservatoire dl,
.conservatoire dt,
.conservatoire dd,
.conservatoire ol,
.conservatoire ul,
.conservatoire li,
.conservatoire fieldset,
.conservatoire form,
.conservatoire label,
.conservatoire legend,
.conservatoire table,
.conservatoire caption,
.conservatoire tbody,
.conservatoire tfoot,
.conservatoire thead,
.conservatoire tr,
.conservatoire th,
.conservatoire td,
.conservatoire article,
.conservatoire aside,
.conservatoire canvas,
.conservatoire details,
.conservatoire embed,
.conservatoire figure,
.conservatoire figcaption,
.conservatoire footer,
.conservatoire header,
.conservatoire hgroup,
.conservatoire menu,
.conservatoire nav,
.conservatoire output,
.conservatoire ruby,
.conservatoire section,
.conservatoire summary,
.conservatoire time,
.conservatoire mark,
.conservatoire audio,
.conservatoire video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.conservatoire article,
.conservatoire aside,
.conservatoire details,
.conservatoire figcaption,
.conservatoire figure,
.conservatoire footer,
.conservatoire header,
.conservatoire hgroup,
.conservatoire menu,
.conservatoire nav,
.conservatoire section {
    display: block;
}

.conservatoire svg {
    display: inline;
}

.conservatoire {
    line-height: 1;
}

.conservatoire ol,
.conservatoire ul {
    list-style: none;
}

.conservatoire blockquote,
.conservatoire q {
    quotes: none;
}

    .conservatoire blockquote:before,
    .conservatoire blockquote:after,
    .conservatoire q:before,
    .conservatoire q:after {
        content: "";
        content: none;
    }

.conservatoire table {
    border-collapse: collapse;
    border-spacing: 0;
}

.conservatoire {
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-style: normal;
    font-weight: 300;
}

.conservatoire {
    font-size: 1.125em;
    line-height: 28px;
}

.conservatoire h1,
.conservatoire h4 {
    font-style: normal;
    font-weight: 700;
}

.conservatoire h1 {
    font-size: 2.2222222222em;
    line-height: 1.15;
    margin: 0.6em 0 0.9em;
    text-align: center;
}

.conservatoire h2,
.conservatoire .h2 {
    font-size: 1.7777777778em;
    line-height: 1.1875;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 0.3125em;
}

.conservatoire h3,
.conservatoire .h3 {
    font-size: 1.4444444444em;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 0.3846em;
}

.conservatoire h4,
.conservatoire .h4 {
    font-size: 1.2222222222em;
    line-height: 1.36363;
    margin: 0 0 0.45454em;
}

.conservatoire p {
    margin-bottom: 1.6em;
}

.conservatoire li {
    font-size: 1em;
    margin-bottom: 1em;
}

.conservatoire em,
.conservatoire strong {
    font-style: normal;
    font-weight: 500;
}

@media (min-width: 600px) {
    .conservatoire h1 {
        font-size: 2.2222222222em;
        line-height: 1.15;
        margin: 0.6em 0 0.9em;
    }
}

@media (min-width: 850px) {
    .conservatoire h1 {
        font-size: 2.8888888889em;
        line-height: 1.15384;
        margin: 1.03846em 0 0;
    }

    .conservatoire h2,
    .conservatoire .h2 {
        font-size: 2.1111111111em;
        line-height: 1.15789;
    }

    .conservatoire h3,
    .conservatoire .h3 {
        font-size: 1.7777777778em;
        line-height: 1.3;
    }

    .conservatoire h4,
    .conservatoire .h4 {
        font-size: 1.3333333333em;
        line-height: 1.33333;
    }
}

.conservatoire a {
    border-bottom: 2px solid #3d3935;
    color: #3d3935;
    text-decoration: none;
    transition-duration: 200ms;
    transition-property: all;
}

    .conservatoire a:hover,
    .conservatoire a:focus {
        border-color: #abad23;
        color: #abad23;
        outline-color: currentColor;
    }

.conservatoire .button {
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    background-color: #abad23;
    border: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    line-height: normal;
    margin: 0;
    padding: 16px 47px;
    text-align: center;
    transition-duration: 200ms;
    transition-property: background-color, border, color;
    width: auto;
}

    .conservatoire .button:hover,
    .conservatoire .button:focus {
        background-color: #8e901d;
        color: #fff;
    }

    .conservatoire .button.outline {
        background-color: transparent;
        border: 2px solid #abad23;
        color: #abad23;
        padding-bottom: 15px;
        padding-top: 15px;
    }

        .conservatoire .button.outline:hover,
        .conservatoire .button.outline:focus {
            background-color: #8e901d;
            border-color: #8e901d;
            color: #fff;
        }

.conservatoire .wrapper,
.conservatoire-wrapper {
    margin: 0 auto;
    max-width: 1100px;
    width: 88%;
}

@media (min-width: 480px) {
    .conservatoire .wrapper,
    .conservatoire-wrapper {
        width: 88%;
    }
}

@media (min-width: 600px) {
    .conservatoire .wrapper,
    .conservatoire-wrapper {
        width: 80%;
    }
}

@media (min-width: 850px) {
    .conservatoire .wrapper,
    .conservatoire-wrapper {
        width: 84%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .wrapper,
    .conservatoire-wrapper {
        width: 84%;
    }
}

.conservatoire .text_column,
.conservatoire .large_column,
.conservatoire .full_column {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.conservatoire .hide {
    display: inline-block;
    height: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    width: 0;
}

.conservatoire .big_link {
    border: 0;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    z-index: 1;
}

    .conservatoire .big_link:hover,
    .conservatoire .big_link:focus {
        border-bottom: 0;
    }

.conservatoire .small_margin_top {
    margin-top: 2em;
}

.conservatoire .margin_bottom {
    margin-bottom: 4em;
}

.conservatoire .small_margin_bottom {
    margin-bottom: 2em;
}

.conservatoire .light_grey {
    background-color: #eae8e1;
}

.conservatoire .center {
    text-align: center;
}

@media (min-width: 480px) {
    .conservatoire .text_column,
    .conservatoire .large_column,
    .conservatoire .full_column {
        width: 100%;
    }
}

@media (min-width: 600px) {
    .conservatoire .text_column,
    .conservatoire .large_column,
    .conservatoire .full_column {
        width: 100%;
    }
}

@media (min-width: 850px) {
    .conservatoire .text_column {
        width: 81.33333333%;
    }

    .conservatoire .large_column,
    .conservatoire .full_column {
        width: 98%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .text_column {
        width: 64.43666667%;
    }

    .conservatoire .large_column {
        width: 81.10333333%;
    }

    .conservatoire .full_column {
        width: 97.77%;
    }
}

.conservatoire #content:focus {
    outline: none;
}

.conservatoire img {
    max-width: 100%;
}

.conservatoire footer {
    background-color: #eae8e1;
    padding-top: 55px;
}

.conservatoire .footer_menu_and_social_links::after {
    background-color: #3d3935;
    content: "";
    display: block;
    height: 1px;
    margin-left: calc((100vw - 100%) * -0.5);
    width: 100vw;
}

.conservatoire .footer_menu {
    margin-bottom: 2.25em;
    text-align: center;
}

.conservatoire .footer_menu_item {
    margin-bottom: 0.5em;
}

.conservatoire .footer_menu_link {
    color: #3d3935;
}

.conservatoire .social_links {
    margin-bottom: 1.6em;
    text-align: center;
}

.conservatoire .social_item {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: 0 5px;
    vertical-align: middle;
}

.conservatoire .social_link {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    border: 2px solid #3d3935;
    border-radius: 50%;
    height: 50px;
    justify-content: center;
    width: 50px;
}

    .conservatoire .social_link [fill] {
        transition: 200ms fill;
    }

    .conservatoire .social_link:hover.facebook_link,
    .conservatoire .social_link:focus.facebook_link {
        border: 2px solid #3b5998;
    }

        .conservatoire .social_link:hover.facebook_link [fill],
        .conservatoire .social_link:focus.facebook_link [fill] {
            fill: #3b5998;
        }

    .conservatoire .social_link:hover.twitter_link,
    .conservatoire .social_link:focus.twitter_link {
        border: 2px solid #55acee;
    }

        .conservatoire .social_link:hover.twitter_link [fill],
        .conservatoire .social_link:focus.twitter_link [fill] {
            fill: #55acee;
        }

    .conservatoire .social_link:hover.instagram_link,
    .conservatoire .social_link:focus.instagram_link {
        border: 2px solid #e1306c;
    }

        .conservatoire .social_link:hover.instagram_link [fill],
        .conservatoire .social_link:focus.instagram_link [fill] {
            fill: #e1306c;
        }

.conservatoire .footer_credit {
    font-size: 0.8888888889em;
    line-height: 1.625;
    text-align: center;
}

.conservatoire .footer_address {
    font-size: 0.8888888889em;
    line-height: 1.625;
    padding: 38px 0;
    text-align: center;
}

    .conservatoire .footer_address .address {
        margin-left: auto;
        margin-right: auto;
        width: 59.57446809%;
    }

    .conservatoire .footer_address svg {
        height: 34px;
        width: 39px;
    }

.conservatoire .footer_copyright {
    font-size: 0.8888888889em;
    line-height: 1.625;
    background-color: #d6d2c4;
    padding: 38px 0;
    text-align: center;
}

    .conservatoire .footer_copyright .copyright,
    .conservatoire .footer_copyright .company_no {
        margin-bottom: 0;
    }

.conservatoire .site_by,
.conservatoire .created_by {
    color: #3d3935;
}

@media (min-width: 600px) {
    .conservatoire .footer_menu {
        display: block;
        margin: 0 auto 2.25em;
        text-align: left;
        vertical-align: top;
        width: 65.27777778%;
    }

    .conservatoire .footer_menu_item {
        display: inline-block;
        width: 46.80851064%;
    }

        .conservatoire .footer_menu_item:nth-child(odd) {
            margin-right: 6.38297872%;
        }

    .conservatoire .footer_credit {
        margin: 0 auto 1.6em;
        width: 65.27777778%;
    }

    .conservatoire .social_links {
        display: block;
        margin: 0 auto 1.6em;
        vertical-align: top;
        width: 34.72222222%;
    }

    .conservatoire .social_item {
        margin: 0;
    }

        .conservatoire .social_item + .social_item {
            margin-left: 5px;
        }
}

@media (min-width: 850px) {
    .conservatoire .footer_menu_and_social_links {
        overflow: auto;
        position: relative;
    }

        .conservatoire .footer_menu_and_social_links::after {
            bottom: 0;
            margin: 0;
            position: absolute;
            width: 100%;
        }

    .conservatoire .footer_menu {
        float: left;
        margin-bottom: 1.6em;
        width: 65.98639456%;
    }

    .conservatoire .footer_credit_and_social_links {
        float: right;
        text-align: left;
        width: 31.97278912%;
    }

    .conservatoire .footer_credit {
        text-align: left;
        width: 100%;
    }

    .conservatoire .social_links {
        margin-right: 0;
        text-align: right;
        width: 75.40425532%;
    }

    .conservatoire .footer_menu_item {
        margin-right: 0;
        width: 33%;
    }

        .conservatoire .footer_menu_item:nth-child(odd) {
            margin-right: 0;
        }
}

@media (min-width: 1100px) {
    .conservatoire .footer_menu {
        width: 65.90637892%;
    }

    .conservatoire .footer_menu_item {
        width: 25%;
    }

    .conservatoire .footer_credit_and_social_links {
        width: 25.51935256%;
    }

    .conservatoire .social_links {
        width: 75.43758761%;
    }

    .conservatoire .social_item + .social_item {
        margin-left: 10px;
    }

    .conservatoire .footer_address {
        text-align: left;
    }

        .conservatoire .footer_address svg {
            vertical-align: bottom;
        }

        .conservatoire .footer_address .address,
        .conservatoire .footer_address .telephone_no,
        .conservatoire .footer_address .email_address {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle;
        }

        .conservatoire .footer_address .address,
        .conservatoire .footer_address .telephone_no {
            margin-right: 13px;
        }

        .conservatoire .footer_address .address {
            margin-left: 13px;
            width: auto;
        }

    .conservatoire .footer_copyright {
        text-align: left;
    }

        .conservatoire .footer_copyright .copyright,
        .conservatoire .footer_copyright .company_no,
        .conservatoire .footer_copyright .charity_no {
            display: inline-block;
            margin-bottom: 0;
        }

        .conservatoire .footer_copyright .copyright,
        .conservatoire .footer_copyright .company_no {
            margin-right: 13px;
        }

        .conservatoire .footer_copyright .site_by {
            float: right;
        }
}

.conservatoire header {
    background-color: #eae8e1;
    position: relative;
    z-index: 2;
}

.conservatoire .header_links {
    overflow: auto;
}

    .conservatoire .header_links.mobile .header_search_link {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        width: 16%;
    }

        .conservatoire .header_links.mobile .header_search_link:hover,
        .conservatoire .header_links.mobile .header_search_link:focus {
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
        }

    .conservatoire .header_links.mobile .header_book_a_course_link {
        border-bottom: 1px solid #fff;
        float: left;
        width: 84%;
    }

        .conservatoire .header_links.mobile .header_book_a_course_link:hover,
        .conservatoire .header_links.mobile .header_book_a_course_link:focus {
            border-bottom: 1px solid #fff;
        }

    .conservatoire .header_links.desktop {
        display: none;
    }

.conservatoire .header_search_link {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-bottom: 0;
    align-items: center;
    float: left;
    height: 54px;
    justify-content: center;
    overflow: hidden;
}

    .conservatoire .header_search_link:hover,
    .conservatoire .header_search_link:focus {
        border-bottom: 0;
    }

    .conservatoire .header_search_link span {
        font-style: normal;
        font-weight: 500;
        border-bottom: 2px solid #3d3935;
        color: #3d3935;
        left: -9999px;
        line-height: 1.25em;
        margin-left: 0.66666em;
        position: absolute;
        transition: 200ms border;
    }

    .conservatoire .header_search_link:hover span,
    .conservatoire .header_search_link:focus span {
        border-bottom: 2px solid #abad23;
    }

.conservatoire .header_book_a_course_link {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-bottom: 0;
    align-items: center;
    background-color: #abad23;
    float: left;
    height: 54px;
    justify-content: center;
    vertical-align: middle;
}

    .conservatoire .header_book_a_course_link:hover,
    .conservatoire .header_book_a_course_link:focus {
        border-bottom: 0;
    }

    .conservatoire .header_book_a_course_link span {
        font-style: normal;
        font-weight: 500;
        color: #fff;
        margin-right: 1em;
    }

    .conservatoire .header_book_a_course_link:hover,
    .conservatoire .header_book_a_course_link:focus {
        background-color: #8e901d;
    }

.conservatoire .logo_and_menu_toggle {
    padding-top: 10px;
    position: relative;
}

.conservatoire #logo {
    border-bottom: 0;
    display: block;
    height: 82px;
    width: 184px;
}

    .conservatoire #logo:hover,
    .conservatoire #logo:focus {
        border-bottom: 0;
    }

.conservatoire .skip_to_content {
    display: none;
}

.conservatoire .menu_toggle {
    border-bottom: 0;
    display: none;
    height: 26px;
    overflow: hidden;
    position: absolute;
    right: 7px;
    top: calc(50% - 11px);
    width: 34px;
}

    .conservatoire .menu_toggle:hover,
    .conservatoire .menu_toggle:focus {
        border-bottom: 0;
    }

    .conservatoire .menu_toggle span,
    .conservatoire .menu_toggle::before,
    .conservatoire .menu_toggle::after {
        background-color: #abad23;
        content: "";
        height: 4px;
        position: absolute;
        width: 34px;
    }

    .conservatoire .menu_toggle span {
        top: 11px;
    }

    .conservatoire .menu_toggle::before {
        top: 2px;
    }

    .conservatoire .menu_toggle::after {
        bottom: 2px;
    }

.conservatoire.js .menu_toggle {
    display: inline-block;
}

.conservatoire .menu_toggle.open span.one {
    animation: expand-up 500ms ease-in-out forwards;
}

.conservatoire .menu_toggle.open span.two {
    animation: expand-down 500ms ease-in-out forwards;
}

.conservatoire .menu_toggle.open::before {
    animation: fly-left 500ms ease-in-out forwards;
}

.conservatoire .menu_toggle.open::after {
    animation: fly-right 500ms ease-in-out forwards;
}

.conservatoire .menu_toggle.closed span.one {
    animation: expand-up-reverse 500ms ease-in-out forwards;
}

.conservatoire .menu_toggle.closed span.two {
    animation: expand-down-reverse 500ms ease-in-out forwards;
}

.conservatoire .menu_toggle.closed::before {
    animation: fly-left-reverse 500ms ease-in-out forwards;
}

.conservatoire .menu_toggle.closed::after {
    animation: fly-right-reverse 500ms ease-in-out forwards;
}

@media (min-width: 600px) {
    .conservatoire .header_links.mobile .header_search_link {
        width: 24%;
    }

    .conservatoire .header_links.mobile .header_book_a_course_link {
        width: 76%;
    }

    .conservatoire .header_search_link span {
        left: 0;
        position: relative;
    }
}

@media (min-width: 850px) {
    .conservatoire header {
        border-bottom: 1px solid #fff;
    }

    .conservatoire .header_container {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }

    .conservatoire .header_links.mobile {
        display: none;
    }

    .conservatoire .header_links.desktop {
        display: block;
        margin-left: auto;
    }

    .conservatoire .header_search_link {
        margin-right: 31px;
    }

    .conservatoire .header_search_link,
    .conservatoire .header_book_a_course_link {
        width: auto;
    }

    .conservatoire .header_book_a_course_link {
        padding: 0 23px;
    }

    .conservatoire #logo {
        height: 100px;
        width: 224px;
    }

    .conservatoire.js .menu_toggle {
        display: none;
    }
}

.conservatoire *,
.conservatoire ::before,
.conservatoire ::after {
    box-sizing: border-box;
}

.conservatoire  {
    background-color: #fff;
    color: #3d3935;
    height: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

    .conservatoire.menu_open {
        overflow-y: hidden;
    }

.conservatoire .overlay {
    background-color: #eae8e1;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.conservatoire.menu_open .overlay {
    display: block;
}

.conservatoire .main_nav {
    background-color: #eae8e1;
    z-index: 1;
}

.conservatoire.js .main_nav {
    display: none;
    position: absolute;
    width: 100%;
}

.conservatoire .main_nav .dropdown {
    background-color: #3d3935;
    overflow: hidden;
    position: relative;
}

.conservatoire.js .main_nav .dropdown {
    max-height: 0;
}

.conservatoire .main_nav .dropdown.open {
    max-height: 9999px;
}

.conservatoire.menu_open .main_nav {
    display: block;
    max-height: calc(100vh - 169px);
}

.conservatoire .main_nav li {
    margin-bottom: 0;
    position: relative;
}

.conservatoire .main_nav .menu_link {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    border-bottom: 0;
    color: #3d3935;
    padding-bottom: 7px;
    padding-top: 7px;
    position: relative;
    width: 100%;
}

    .conservatoire .main_nav .menu_link:hover,
    .conservatoire .main_nav .menu_link:focus {
        border-bottom: 0;
    }

    .conservatoire .main_nav .menu_link.level_1 {
        padding-left: calc(6% + 15px);
        padding-right: calc(12% + 14px + 34px);
    }

        .conservatoire .main_nav .menu_link.level_1.active::before,
        .conservatoire .main_nav .menu_link.level_1.active_branch::before {
            background-color: #3d3935;
            left: 6%;
        }

    .conservatoire .main_nav .menu_link.level_2 {
        color: #eae8e1;
        padding-left: calc(6% + 45px);
        padding-right: 6%;
    }

        .conservatoire .main_nav .menu_link.level_2.active::before,
        .conservatoire .main_nav .menu_link.level_2.active_branch::before {
            background-color: #eae8e1;
            left: calc(6% + 30px);
        }

    .conservatoire .main_nav .menu_link:hover,
    .conservatoire .main_nav .menu_link:focus {
        background-color: #abad23;
        color: #eae8e1;
    }

        .conservatoire .main_nav .menu_link:hover::before,
        .conservatoire .main_nav .menu_link:focus::before {
            background-color: #eae8e1;
        }

    .conservatoire .main_nav .menu_link.active::before,
    .conservatoire .main_nav .menu_link.active_branch::before {
        content: "";
        height: 6px;
        position: absolute;
        top: 18px;
        width: 6px;
    }

    .conservatoire .main_nav .menu_link.active:hover::before,
    .conservatoire .main_nav .menu_link.active:focus::before,
    .conservatoire .main_nav .menu_link.active_branch:hover::before,
    .conservatoire .main_nav .menu_link.active_branch:focus::before {
        background-color: #eae8e1;
    }

    .conservatoire .section_toggle {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        border-bottom: 0;
        height: 42px;
        justify-content: center;
        overflow: hidden;
        padding-left: calc(6% + 7px + 17px - 11px);
        padding-right: calc(6% + 7px + 17px - 11px);
        position: absolute;
        right: 0;
        top: 0;
    }

    .conservatoire .section_toggle:hover,
    .conservatoire .section_toggle:focus {
        border-bottom: 0;
    }

    .conservatoire .section_toggle:hover,
    .conservatoire .section_toggle:focus {
        background-color: #abad23;
    }

    .conservatoire .section_toggle svg {
        transform: rotate(0);
        transition-duration: 200ms;
        transition-property: transform;
    }

    .conservatoire .section_toggle.active svg {
        transform: rotate(180deg);
    }

@media (min-width: 600px) {
    .conservatoire .main_nav .menu_link.level_1 {
        padding-left: calc(10% + 15px);
        padding-right: calc(20% + 14px + 34px);
    }

        .conservatoire .main_nav .menu_link.level_1.active::before,
        .conservatoire .main_nav .menu_link.level_1.active_branch::before {
            left: 10%;
        }

    .conservatoire .main_nav .menu_link.level_2 {
        padding-left: calc(10% + 45px);
        padding-right: 10%;
    }

        .conservatoire .main_nav .menu_link.level_2.active::before,
        .conservatoire .main_nav .menu_link.level_2.active_branch::before {
            left: calc(10% + 30px);
        }

    .conservatoire .section_toggle {
        padding-left: calc(10% + 7px + 17px - 11px);
        padding-right: calc(10% + 7px + 17px - 11px);
    }
}

@media (min-width: 850px) {
    .conservatoire.menu_open .overlay {
        display: none;
    }

    .conservatoire .main_nav {
        text-align: center;
        z-index: 0;
    }

    .conservatoire.menu_open .main_nav {
        overflow-y: auto;
    }

    .conservatoire.js .main_nav {
        display: block;
        height: auto;
        position: relative;
    }

    .conservatoire .main_nav .dropdown,
    .conservatoire .main_nav .section_toggle {
        display: none;
    }

    .conservatoire .main_nav li.level_1 {
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: inline-flex;
        flex-wrap: nowrap;
        width: auto;
        margin: 0 28px;
        padding: 12px 0;
        vertical-align: middle;
    }

    .conservatoire .main_nav .menu_link {
        border-bottom: 3px solid transparent;
        flex-direction: column;
        width: auto;
    }

        .conservatoire .main_nav .menu_link:hover,
        .conservatoire .main_nav .menu_link:focus {
            background-color: transparent;
            color: #3d3935;
            border-bottom: 3px solid #abad23;
        }

            .conservatoire .main_nav .menu_link:hover.level_1.active::before,
            .conservatoire .main_nav .menu_link:hover.level_1.active_branch::before,
            .conservatoire .main_nav .menu_link:hover.level_2.active::before,
            .conservatoire .main_nav .menu_link:hover.level_2.active_branch::before,
            .conservatoire .main_nav .menu_link:focus.level_1.active::before,
            .conservatoire .main_nav .menu_link:focus.level_1.active_branch::before,
            .conservatoire .main_nav .menu_link:focus.level_2.active::before,
            .conservatoire .main_nav .menu_link:focus.level_2.active_branch::before {
                background-color: #abad23;
            }

        .conservatoire .main_nav .menu_link.level_1,
        .conservatoire .main_nav .menu_link.level_2 {
            padding: 0;
        }

            .conservatoire .main_nav .menu_link.level_1.active::before,
            .conservatoire .main_nav .menu_link.level_1.active_branch::before,
            .conservatoire .main_nav .menu_link.level_2.active::before,
            .conservatoire .main_nav .menu_link.level_2.active_branch::before {
                width: 3px;
                height: 3px;
                left: calc(50% - 1px);
                top: auto;
                bottom: -3px;
            }
}

.conservatoire .sub_nav {
    background-color: #3d3935;
    display: none;
    text-align: center;
    z-index: 0;
}

    .conservatoire .sub_nav li.level_1 {
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: inline-flex;
        flex-wrap: nowrap;
        margin: 0 28px;
        padding: 12px 0;
        width: auto;
    }

    .conservatoire .sub_nav .menu_link {
        border-bottom: 3px solid transparent;
        color: #fff;
        flex-direction: column;
        position: relative;
        width: auto;
    }

        .conservatoire .sub_nav .menu_link:hover,
        .conservatoire .sub_nav .menu_link:focus {
            background-color: transparent;
            border-bottom: 3px solid #abad23;
        }

            .conservatoire .sub_nav .menu_link:hover.level_1.active::before,
            .conservatoire .sub_nav .menu_link:hover.level_1.active_branch::before,
            .conservatoire .sub_nav .menu_link:hover.level_2.active::before,
            .conservatoire .sub_nav .menu_link:hover.level_2.active_branch::before,
            .conservatoire .sub_nav .menu_link:focus.level_1.active::before,
            .conservatoire .sub_nav .menu_link:focus.level_1.active_branch::before,
            .conservatoire .sub_nav .menu_link:focus.level_2.active::before,
            .conservatoire .sub_nav .menu_link:focus.level_2.active_branch::before {
                background-color: #abad23;
            }

        .conservatoire .sub_nav .menu_link.level_1,
        .conservatoire .sub_nav .menu_link.level_2 {
            padding: 0;
        }

            .conservatoire .sub_nav .menu_link.level_1.active::before,
            .conservatoire .sub_nav .menu_link.level_1.active_branch::before,
            .conservatoire .sub_nav .menu_link.level_2.active::before,
            .conservatoire .sub_nav .menu_link.level_2.active_branch::before {
                background-color: #fff;
                bottom: -3px;
                content: "";
                height: 3px;
                left: calc(49%);
                position: absolute;
                top: auto;
                width: 3px;
            }

@media (min-width: 850px) {
    .conservatoire .sub_nav {
        display: block;
    }
}

.conservatoire .custom_checkbox {
    padding-left: 2.5em !important;
}

    .conservatoire .custom_checkbox::before {
        background-color: #fff;
        border: 2px solid #3d3935;
        content: "";
        display: block;
        height: 28px;
        left: 0;
        position: absolute;
        top: 0;
        transition: 200ms border-color;
        width: 28px;
    }

    .conservatoire .custom_checkbox::after {
        content: "";
        display: block;
        height: 28px;
        left: 0;
        position: absolute;
        top: 0;
        width: 28px;
    }

    .conservatoire .custom_checkbox.focus::before {
        border-color: #8e901d;
    }

    .conservatoire .custom_checkbox.disabled {
        opacity: 0.5;
    }

    .conservatoire .custom_checkbox input {
        opacity: 0;
    }

.conservatoire .custom_checkbox {
    margin-bottom: 1.5em;
}

    .conservatoire .custom_checkbox.checked::after {
        border-color: #8e901d;
        background-color: #8e901d;
        background-image: url(https://conservatoire.org.uk/app_assets/frontend/icons/tick-2fb6ac6fa548234f3520ec13b072920b33387de594fc70fdbb1116d6e521ceb7.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 17px 12px;
    }

.conservatoire .custom_radio::before {
    background-color: #fff;
    border: 3px solid #3d3935;
    border-radius: 50%;
    content: "";
    display: block;
    height: 1.5rem;
    left: 0;
    margin-bottom: 1rem;
    position: absolute;
    top: 0;
    transition: 200ms border-color;
    width: 1.5rem;
}

.conservatoire .field_with_errors .custom_radio::before {
    border-color: #ff0000;
}

.conservatoire .custom_radio.checked::after {
    background: #3d3935;
    border-radius: 50%;
    content: "";
    display: block;
    height: 0.5rem;
    left: 0.5rem;
    position: absolute;
    top: 0.5rem;
    width: 0.5rem;
}

.conservatoire .custom_radio.focus::before {
    border-color: #abad23;
}

.conservatoire .custom_radio.disabled {
    opacity: 0.5;
}

.conservatoire .custom_radio input {
    opacity: 0;
}

@media (min-width: 850px) {
    .conservatoire .basic_form .checkbox_group {
        position: relative;
        padding-bottom: 1em;
    }

        .conservatoire .basic_form .checkbox_group .field_error_message {
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .conservatoire .basic_form .checkbox_group .field_with_errors {
            display: inline-block;
            margin-right: 2.4%;
        }

        .conservatoire .basic_form .checkbox_group .custom_radio {
            display: inline-block;
            margin-right: 2.4%;
        }
}

@media (min-width: 1100px) {
    .conservatoire .basic_form .checkbox_group .field_with_errors {
        margin-right: 2.676%;
    }

    .conservatoire .basic_form .checkbox_group .custom_radio {
        margin-right: 2.676%;
    }
}

.conservatoire .basic_form fieldset {
    min-width: 0;
}

.conservatoire .basic_form legend {
    font-style: normal;
    font-weight: 700;
}

.conservatoire .basic_form label {
    display: block;
    line-height: 1.7;
    margin-bottom: 0.5em;
}

    .conservatoire .basic_form label.disabled {
        color: #bfb3a6;
    }

.conservatoire .basic_form input,
.conservatoire .basic_form textarea {
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.7;
    background-color: #fff;
    border: 2px solid #3d3935;
    color: #3d3935;
    display: inline-block;
    padding: 0.5em 1em;
    transition-duration: 200ms;
    transition-property: all;
    width: 100%;
}

    .conservatoire .basic_form input:focus,
    .conservatoire .basic_form textarea:focus {
        border-color: #abad23;
    }

    .conservatoire .basic_form input[type=radio],
    .conservatoire .basic_form input[type=checkbox] {
        background-color: transparent;
        border: 0;
        display: inline-block;
    }

.conservatoire .basic_form select {
    max-width: 100%;
}

.conservatoire .basic_form span.required {
    font-style: normal;
    font-weight: 500;
}

.conservatoire .basic_form .note,
.conservatoire .basic_form .field_error_message {
    font-size: 0.77777778em;
}

.conservatoire .basic_form .field_with_errors input,
.conservatoire .basic_form .field_with_errors textarea,
.conservatoire .basic_form .field_with_errors select {
    border-color: #ff0000;
}

.conservatoire .basic_form .field_with_errors label,
.conservatoire .basic_form .field_with_errors .field_error_message {
    color: #ff0000;
    line-height: 1.7;
}

.conservatoire .basic_form .field {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.conservatoire .basic_form .wrap_label {
    padding-left: 1.5em;
    position: relative;
}

    .conservatoire .basic_form .wrap_label input {
        display: inline-block;
        left: 1px;
        position: absolute;
        top: 3px;
        width: auto;
    }

.conservatoire .basic_form .g-recaptcha {
    transform: scale(0.86);
    transform-origin: left top;
}

.conservatoire .form_errors {
    background: transparent;
    color: #ff0000;
}

    .conservatoire .form_errors ul {
        list-style: disc inside;
    }

    .conservatoire .form_errors h2 {
        color: #ff0000;
    }

@media (min-width: 850px) {
    .conservatoire .basic_form .inline {
        display: inline-block;
        vertical-align: bottom;
        line-height: 0;
    }

        .conservatoire .basic_form .inline input,
        .conservatoire .basic_form .inline textarea {
            margin-bottom: 0;
        }

    .conservatoire .basic_form .third {
        width: 38.52459016%;
    }

    .conservatoire .basic_form .half {
        width: 48.7704918%;
    }

    .conservatoire .basic_form .left {
        margin-right: 2.4%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .basic_form .third {
        width: 35.33702343%;
    }

    .conservatoire .basic_form .half {
        width: 48.26961875%;
    }

    .conservatoire .basic_form .left {
        margin-right: 3.345%;
    }
}

.conservatoire .custom_select {
    font-size: 1em;
    line-height: 1.7;
    background-color: #fff;
    border: 2px solid #3d3935;
    color: #3d3935;
    display: inline-block;
    height: 52px;
    overflow: hidden;
    padding: 0.5em 1em;
    position: relative;
    transition: all;
    white-space: nowrap;
    width: 100%;
}

.conservatoire .field_with_errors .custom_select {
    border: 2px solid #ff0000;
}

.conservatoire .custom_select::before {
    bottom: -4px;
    content: attr(data-value);
    display: block;
    left: 0;
    padding: 12px 0 0 1em;
    position: absolute;
    right: 54px;
    top: 0;
    bottom: 0;
}

.conservatoire .custom_select::after {
    background-color: #3d3935;
    background-image: url(https://conservatoire.org.uk/app_assets/frontend/icons/arrow-down-white-a0984ce2cc4a29275eeeb0ea1e32df93902f3c5a5227828dbe8ba7c3c6efa321.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px;
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
    z-index: 0;
}

.conservatoire .custom_select select {
    font-size: 1em;
    -webkit-appearance: none;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.conservatoire .custom_select[data-focus] {
    border: 2px solid #abad23;
}

.conservatoire .custom_select[data-disabled=true] {
    border-color: #bfb3a6;
    color: #bfb3a6;
}

    .conservatoire .custom_select[data-disabled=true]::after {
        background-color: #bfb3a6;
    }

.conservatoire .tag_filter {
    margin: 2em auto;
}

    .conservatoire .tag_filter .button {
        width: 100%;
    }

.conservatoire .filter_results {
    margin-top: 1em;
}

@media (min-width: 480px) {
    .conservatoire .tag_filter {
        width: 65.27777778%;
    }
}

@media (min-width: 850px) {
    .conservatoire .tag_filter {
        width: 65.98639456%;
    }

        .conservatoire .tag_filter label {
            display: inline-block;
            margin-right: 3.09278351%;
        }

        .conservatoire .tag_filter .custom_select {
            display: inline-block;
            margin-bottom: 0;
            margin-top: 0;
            vertical-align: top;
            width: 48.45360825%;
        }

        .conservatoire .tag_filter .button {
            margin-left: 3.0927835052%;
            padding-left: 0;
            padding-right: 0;
            width: 22.68041237%;
        }
}

.conservatoire #article_list {
    margin-bottom: 4em;
}

.conservatoire .article_stub_item {
    margin-bottom: 2em;
    position: relative;
}

.conservatoire .article_stub_image,
.conservatoire .event_stub_image {
    margin-bottom: 0.5em;
    overflow: hidden;
    position: relative;
}

    .conservatoire .article_stub_image::after,
    .conservatoire .event_stub_image::after {
        content: "";
        height: 25px;
        background-color: #abad23;
        position: absolute;
        width: 100%;
        bottom: -21px;
        transition: 200ms bottom;
    }

    .conservatoire .article_stub_image img,
    .conservatoire .event_stub_image img {
        display: block;
        height: auto;
        width: 100%;
    }

.conservatoire .article_stub_title {
    font-size: 1.44444444em;
}

.conservatoire .big_link:hover ~ .article_stub_title .article_stub_title_link {
    color: #abad23;
}

.conservatoire .article_stub_title_link {
    border-color: currentColor;
    color: #3d3935;
}

    .conservatoire .article_stub_title_link:hover,
    .conservatoire .article_stub_title_link:focus {
        color: #abad23;
    }

.conservatoire .big_link:hover ~ .article_stub_content .article_stub_title_link {
    color: #abad23;
}

@media (min-width: 480px) {
    .conservatoire #article_list {
        margin-left: auto;
        margin-right: auto;
        width: 65.27777778%;
    }
}

@media (min-width: 850px) {
    .conservatoire #article_list {
        width: 100%;
    }

    .conservatoire .article_stub_title {
        font-size: 1.77777778em;
    }

    .conservatoire .article_stub_item {
        overflow: hidden;
    }

    .conservatoire .article_stub_image,
    .conservatoire .event_stub_image {
        float: left;
        width: 48.97959184%;
    }

    .conservatoire .article_stub_content {
        float: right;
        margin-top: 0.75em;
        padding-left: 2%;
        width: 48.97959184%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .article_stub_image,
    .conservatoire .event_stub_image {
        width: 57.38297365%;
    }

    .conservatoire .article_stub_content {
        margin-top: 1.5em;
        width: 40.3361631%;
    }
}

.conservatoire .board_list {
    border-top: 2px solid #eae8e1;
    padding-top: 3em;
}

.conservatoire .board_stub_image {
    margin-bottom: 1em;
    max-width: 250px;
}

.conservatoire .board_stub_item .article_stub_title {
    font-size: 1.2222222222em;
    line-height: 1.18181818;
}

@media (min-width: 480px) {
    .conservatoire .board_stub_image {
        max-width: none;
    }
}

@media (min-width: 850px) {
    .conservatoire .board_stub_image_and_facts {
        width: 38.5245901639%;
        margin-right: 2.4%;
    }

    .conservatoire .board_stub_blurb {
        width: 59.01639344%;
    }

    .conservatoire .board_stub_image_and_facts,
    .conservatoire .board_stub_blurb {
        display: inline-block;
        vertical-align: top;
    }

    .conservatoire .board_stub_item {
        margin-bottom: 2.5em;
    }

    .conservatoire .board_stub_image {
        float: none;
        width: 100%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .board_stub_image_and_facts {
        width: 35.3370234339%;
        margin-right: 3.345%;
    }

    .conservatoire .board_stub_blurb {
        width: 61.20221406%;
    }
}

.conservatoire .event_stub_image {
    position: relative;
}

    .conservatoire .event_stub_image img {
        display: block;
        width: 100%;
    }

    .conservatoire .event_stub_image::after {
        content: none;
    }

.conservatoire .event_stub_date {
    font-style: normal;
    font-weight: 500;
    font-size: 1.4444444444em;
    background-color: #abad23;
    color: #fff;
    display: block;
    padding: 0.25em;
}

    .conservatoire .event_stub_date .month {
        font-style: normal;
        font-weight: 400;
    }

.conservatoire .music .event_stub_date {
    background-color: #77c5d5;
}

.conservatoire .drama .event_stub_date {
    background-color: #fdd26e;
}

.conservatoire .art .event_stub_date {
    background-color: #c63663;
}

.conservatoire .general .event_stub_date {
    background-color: #abad23;
}

@media (min-width: 850px) {
    .conservatoire .event_stub_date {
        bottom: 0;
        padding: 0.75em 0 0 0.5em;
        position: absolute;
        right: 0;
        top: 0;
        width: 34.72222222%;
    }

    .conservatoire .music .event_stub_date {
        background-color: rgba(119, 197, 213, 0.9);
    }

    .conservatoire .drama .event_stub_date {
        background-color: rgba(253, 210, 110, 0.9);
    }

    .conservatoire .art .event_stub_date {
        background-color: rgba(198, 54, 99, 0.9);
    }

    .conservatoire .general .event_stub_date {
        background-color: rgba(171, 173, 35, 0.9);
    }

    .conservatoire .event_stub_date .month {
        font-size: 0.6923076923em;
        display: inline-block;
        width: 100%;
    }

    .conservatoire .event_stub_date .divider {
        display: block;
    }
}

@media (min-width: 1100px) {
    .conservatoire .event_stub_date {
        padding-top: 1.25em;
        width: 25.73227972%;
    }
}

@media (min-width: 850px) {
    .conservatoire .filter_by_discipline,
    .conservatoire .filter_by_sub_discipline,
    .conservatoire .filter_by_discipline_cta {
        width: 31.97278912%;
    }

        .conservatoire .filter_by_discipline .custom_select,
        .conservatoire .filter_by_sub_discipline .custom_select,
        .conservatoire .filter_by_discipline_cta .custom_select {
            background-color: transparent;
        }

    .conservatoire .search_by_name {
        width: 65.98639456%;
    }

    .conservatoire .search_by_name_cta {
        width: 31.97278912%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .filter_by_discipline,
    .conservatoire .filter_by_sub_discipline {
        text-align: left;
        width: 23.28935256%;
    }

    .conservatoire .filter_by_discipline_cta {
        width: 14.76594729%;
    }

    .conservatoire .tutor_filter_results {
        margin-left: auto;
        margin-right: auto;
        width: 65.90637892%;
    }

    .conservatoire .search_by_name {
        text-align: left;
        width: 48.85956837%;
    }

    .conservatoire .search_by_name_cta {
        width: 14.76594729%;
    }
}

.conservatoire .news_story_stub_item .article_stub_date {
    display: none;
}

@media (min-width: 850px) {
    .conservatoire .news_story_stub_item .article_stub_date {
        display: block;
        font-weight: bold;
        margin: 0.5em 0;
        opacity: 0.3;
    }
}

.conservatoire .staff_list {
    border-top: 2px solid #eae8e1;
    padding-top: 3em;
}

.conservatoire .staff_stub_image {
    margin-bottom: 1em;
    max-width: 250px;
}

.conservatoire .staff_stub_item .article_stub_title {
    font-size: 1.2222222222em;
    line-height: 1.18181818;
}

@media (min-width: 480px) {
    .conservatoire .staff_stub_image {
        max-width: none;
    }
}

@media (min-width: 850px) {
    .conservatoire .staff_stub_image_and_facts {
        width: 38.5245901639%;
        margin-right: 2.4%;
    }

    .conservatoire .staff_stub_blurb {
        width: 59.01639344%;
    }

    .conservatoire .staff_stub_image_and_facts,
    .conservatoire .staff_stub_blurb {
        display: inline-block;
        vertical-align: top;
    }

    .conservatoire .staff_stub_item {
        margin-bottom: 2.5em;
    }

    .conservatoire .staff_stub_image {
        float: none;
        width: 100%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .staff_stub_image_and_facts {
        width: 35.3370234339%;
        margin-right: 3.345%;
    }

    .conservatoire .staff_stub_blurb {
        width: 61.20221406%;
    }
}

.conservatoire .study_reason_list {
    padding-top: 3em;
    position: relative;
}

    .conservatoire .study_reason_list::before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 2px;
        background-color: #eae8e1;
    }

@media (min-width: 850px) {
    .conservatoire .study_reason_list::before {
        width: 82.9931972789%;
        left: 8.50340136%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .study_reason_list::before {
        width: 65.9063789165%;
        left: 17.04681054%;
    }
}

.conservatoire .tutor_stub_image {
    margin-bottom: 1em;
    max-width: 250px;
}

.conservatoire .big_link:hover ~ .tutor_stub_image::after {
    bottom: 0;
}

.conservatoire .tutor_stub_item .article_stub_title {
    font-size: 1.2222222222em;
    line-height: 1.18181818;
}

.conservatoire .tutor_index .custom_select {
    margin-bottom: 0;
}

@media (min-width: 480px) {
    .conservatoire .tutor_stub_image {
        max-width: none;
    }
}

@media (min-width: 680px) {
    .conservatoire .tutor_list {
        width: 100%;
    }

    .conservatoire .tutor_stub_item {
        display: inline-block;
        width: 47.9166666667%;
        vertical-align: top;
    }

        .conservatoire .tutor_stub_item:nth-child(odd) {
            margin-right: 4.16666667%;
        }
}

@media (min-width: 850px) {
    .conservatoire .tutor_stub_item {
        width: 31.3333333333%;
        margin: 0 1%;
    }

        .conservatoire .tutor_stub_item:nth-child(odd) {
            margin: 0 1%;
        }

    .conservatoire .tutor_stub_image {
        float: none;
        width: 100%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .tutor_stub_item {
        width: 22.77%;
        margin: 0 1.115%;
    }

        .conservatoire .tutor_stub_item:nth-child(odd) {
            margin: 0 1.115%;
        }
}

.conservatoire .article_detail_date {
    border-bottom: 2px solid #eae8e1;
    border-top: 2px solid #eae8e1;
    color: #583d3e;
    display: block;
    margin: 1em 0 1.5em;
    padding: 1em 0;
    text-align: center;
}

.conservatoire .article_detail_image {
    margin-bottom: 1.5em;
    width: 100%;
}

.conservatoire .event_detail_header {
    border-bottom: 6px solid;
}

    .conservatoire .event_detail_header .wrapper {
        position: relative;
    }

    .conservatoire .event_detail_header.music {
        border-color: #77c5d5;
    }

        .conservatoire .event_detail_header.music .wrapper::before {
            background-color: #77c5d5;
        }

    .conservatoire .event_detail_header.drama {
        border-color: #fdd26e;
    }

        .conservatoire .event_detail_header.drama .wrapper::before {
            background-color: #fdd26e;
        }

    .conservatoire .event_detail_header.art {
        border-color: #c63663;
    }

        .conservatoire .event_detail_header.art .wrapper::before {
            background-color: #c63663;
        }

    .conservatoire .event_detail_header.general {
        border-color: #abad23;
    }

        .conservatoire .event_detail_header.general .wrapper::before {
            background-color: #abad23;
        }

    .conservatoire .event_detail_header h1 {
        margin-bottom: 0.5em;
        margin-top: 0;
        text-align: left;
    }

        .conservatoire .event_detail_header h1.no_strapline {
            margin-top: 0.5em;
        }

@supports (-webkit-mask: url("example")) or (mask: url("example")) {
    .conservatoire .event_detail_header .wrapper::before {
        -webkit-mask-image: url(https://conservatoire.org.uk/app_assets/frontend/icons/house-881ad08c6d8321c7a0f7f6de50bcf95ddbcca339cba4397654a7f9fdc7ff0f26.svg);
        -webkit-mask-position: center bottom;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        bottom: -1.5em;
        display: block;
        height: 240px;
        left: -2.5em;
        mask-image: url(https://conservatoire.org.uk/app_assets/frontend/icons/house-881ad08c6d8321c7a0f7f6de50bcf95ddbcca339cba4397654a7f9fdc7ff0f26.svg);
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: contain;
        opacity: 0.1;
        position: absolute;
        width: 270px;
        z-index: -1;
    }
}

.conservatoire .event_detail_image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 145px;
    width: 100%;
}

    .conservatoire .event_detail_image img {
        display: none;
    }

@supports (object-fit: cover) {
    .conservatoire .event_detail_image {
        height: auto !important;
        background-image: none !important;
    }

        .conservatoire .event_detail_image img {
            display: block;
            max-height: 520px;
            object-fit: cover;
            width: 100%;
        }
}

.conservatoire .strapline {
    margin-top: 1em;
}

.conservatoire .event_detail_info {
    margin-top: 1.5em;
}

    .conservatoire .event_detail_info dt {
        border-bottom: 2px solid;
        font-weight: 400;
        margin-bottom: 0.5em;
        padding: 0.5em 0;
    }

.conservatoire .music .event_detail_info dt {
    border-color: #77c5d5;
}

.conservatoire .drama .event_detail_info dt {
    border-color: #fdd26e;
}

.conservatoire .art .event_detail_info dt {
    border-color: #c63663;
}

.conservatoire .general .event_detail_info dt {
    border-color: #abad23;
}

.conservatoire .event_detail_info dd {
    margin-bottom: 1em;
}

.conservatoire .event_detail_info p {
    margin-bottom: 0;
}

.conservatoire .event_booking_link {
    border: 0;
    text-align: center;
    width: 100%;
}

    .conservatoire .event_booking_link:hover,
    .conservatoire .event_booking_link:focus {
        border: 0;
    }

    .conservatoire .event_booking_link.music {
        background-color: #77c5d5;
    }

        .conservatoire .event_booking_link.music:hover,
        .conservatoire .event_booking_link.music:focus {
            background-color: #48b1c7;
        }

    .conservatoire .event_booking_link.drama {
        background-color: #fdd26e;
    }

        .conservatoire .event_booking_link.drama:hover,
        .conservatoire .event_booking_link.drama:focus {
            background-color: #fcbf32;
        }

    .conservatoire .event_booking_link.art {
        background-color: #c63663;
    }

        .conservatoire .event_booking_link.art:hover,
        .conservatoire .event_booking_link.art:focus {
            background-color: #96294b;
        }

    .conservatoire .event_booking_link.general {
        background-color: #abad23;
    }

        .conservatoire .event_booking_link.general:hover,
        .conservatoire .event_booking_link.general:focus {
            background-color: #797a19;
        }

    .conservatoire .event_booking_link::after {
        background-image: url(https://conservatoire.org.uk/app_assets/frontend/icons/ticket-69ac233e54a4c6662b989050c4702e96cef7f8989a138e8584503bc6f8922284.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 30px;
        margin-left: 0.5em;
        margin-top: -4px;
        vertical-align: middle;
        width: 28px;
    }

.conservatoire .event_detail_body {
    margin-bottom: 2em;
    margin-top: 2em;
    padding-top: 2em;
}

    .conservatoire .event_detail_body::before {
        background-color: #f5f5f5;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        margin-top: -2em;
        position: absolute;
        right: 0;
    }

    .conservatoire .event_detail_body .wrapper,
    .conservatoire .event_detail_body .text_column {
        width: 100%;
    }

@media (min-width: 600px) {
    .conservatoire .event_detail_image {
        height: 180px;
    }
}

@media (min-width: 850px) {
    .conservatoire .event_detail_header .wrapper::before {
        content: "";
    }

    .conservatoire .event_detail_header h1.no_strapline {
        margin-top: 1.23em;
    }

    .conservatoire .event_detail_header .breadcrumb_list {
        text-align: left;
    }

    .conservatoire .event_detail_image {
        height: 420px;
    }

    .conservatoire .event_detail_info {
        float: left;
        margin-bottom: 4em;
        margin-left: 1%;
        margin-top: 2.5em;
        width: 39.66666667%;
    }

    .conservatoire .event_detail_body {
        float: right;
        margin-bottom: 4em;
        margin-right: 1%;
        margin-top: 3em;
        padding-top: 0;
        width: 56.33333333%;
    }

        .conservatoire .event_detail_body::before {
            content: none;
        }
}

@media (min-width: 1100px) {
    .conservatoire .event_detail_image {
        height: 520px;
    }

    .conservatoire .event_detail_info {
        margin-left: 1.115%;
        width: 31.10333333%;
    }

    .conservatoire .event_detail_body {
        margin-right: 1.115%;
        width: 64.43666667%;
    }
}

.conservatoire .tutor_detail_image {
    display: block;
    margin: 1em 0 0;
}

.conservatoire .tutor_detail_discipline {
    margin-bottom: 3em;
    padding: 5px 0;
    text-align: center;
}

    .conservatoire .tutor_detail_discipline.music {
        background-color: #77c5d5;
    }

    .conservatoire .tutor_detail_discipline.drama {
        background-color: #fdd26e;
    }

    .conservatoire .tutor_detail_discipline.art {
        background-color: #c63663;
    }

    .conservatoire .tutor_detail_discipline.general {
        background-color: #abad23;
    }

    .conservatoire .tutor_detail_discipline.art span {
        color: #fff;
    }

.conservatoire .tutor_detail_discipline_title {
    font-style: normal;
    font-weight: 700;
    font-size: 1.1111111111em;
    line-height: 1.5;
}

.conservatoire .tutor_detail_discipline_image {
    display: none;
}

@media (min-width: 850px) {
    .conservatoire .tutor_detail_discipline {
        padding: 15px 20px;
        text-align: left;
        position: relative;
    }

    .conservatoire .tutor_detail_discipline_title {
        font-size: 1.2222222222em;
        line-height: 1.36363636;
    }

    .conservatoire .tutor_detail_discipline_image {
        display: block;
        position: absolute;
        top: -20px;
        right: 20px;
    }
}

.conservatoire .get_in_touch_wrapper h3,
.conservatoire .opening_hours_wrapper h3,
.conservatoire .term_dates_wrapper h3 {
    margin-bottom: 0.75em;
}

.conservatoire .get_in_touch_wrapper {
    margin-bottom: 2.25em;
}

    .conservatoire .get_in_touch_wrapper p {
        padding-left: 36px;
        position: relative;
    }

        .conservatoire .get_in_touch_wrapper p.contact_email svg {
            top: 7px;
        }

        .conservatoire .get_in_touch_wrapper p.contact_email a {
            word-break: break-all;
        }

    .conservatoire .get_in_touch_wrapper svg {
        left: 0;
        position: absolute;
        top: 0;
    }

.conservatoire .opening_hours_wrapper {
    margin-bottom: 3.75em;
}

    .conservatoire .opening_hours_wrapper .term_time_hours,
    .conservatoire .opening_hours_wrapper .holiday_hours {
        font-style: normal;
        font-weight: 500;
    }

.conservatoire .term_dates_season {
    border-bottom: 1px solid #eae8e1;
    margin-bottom: 1.5em;
    padding-bottom: 0.5em;
}

    .conservatoire .term_dates_season:last-child {
        border-bottom: 0;
    }

    .conservatoire .term_dates_season h4 {
        font-style: normal;
        font-weight: 400;
        margin-bottom: 0;
    }

    .conservatoire .term_dates_season .half_term_dates,
    .conservatoire .term_dates_season .closed_term_dates {
        font-style: normal;
        font-weight: 500;
        display: block;
    }

@media (min-width: 850px) {
    .conservatoire .get_in_touch_wrapper,
    .conservatoire .opening_hours_wrapper {
        display: inline-block;
        vertical-align: top;
        width: 48.7704918%;
    }

    .conservatoire .get_in_touch_wrapper {
        margin-right: 2.45901639%;
    }

    .conservatoire .term_dates_wrapper h3 {
        text-align: center;
    }

    .conservatoire .term_dates_season {
        border-bottom: 0;
        display: inline-block;
        margin-right: 2.0408163265%;
        vertical-align: top;
        width: 48.97959184%;
    }

        .conservatoire .term_dates_season.spring,
        .conservatoire .term_dates_season.summer {
            margin-right: 0;
        }
}

@media (min-width: 1100px) {
    .conservatoire .get_in_touch_wrapper,
    .conservatoire .opening_hours_wrapper {
        width: 48.26961875%;
    }

    .conservatoire .get_in_touch_wrapper {
        margin-right: 3.46076251%;
    }

    .conservatoire .term_dates_season {
        margin-right: 2.2808632505%;
        width: 31.81275783%;
    }

        .conservatoire .term_dates_season.spring {
            margin-right: 2.28086325%;
        }
}

.conservatoire .course_overview_list.no_banner {
    margin-top: 2em;
}

.conservatoire .course_overview_child {
    background-color: #eae8e1;
    border-bottom: 4px solid #abad23;
    margin-bottom: 2.5em;
    padding-bottom: 1em;
    position: relative;
    transform: scale(1);
    transition: 300ms transform;
}

    .conservatoire .course_overview_child.music {
        border-color: #77c5d5;
    }

    .conservatoire .course_overview_child.drama {
        border-color: #fdd26e;
    }

    .conservatoire .course_overview_child.art {
        border-color: #c63663;
    }

    .conservatoire .course_overview_child.general {
        border-color: #abad23;
    }

    .conservatoire .course_overview_child:hover {
        transform: scale(0.975);
    }

        .conservatoire .course_overview_child:hover .big_link {
            transform: scale(1.02564103);
            transition: none;
        }

    .conservatoire .course_overview_child .article_stub_title {
        margin-top: 1em;
    }

    .conservatoire .course_overview_child .article_stub_title_link {
        border: 0;
    }

    .conservatoire .course_overview_child .article_stub_image,
    .conservatoire .course_overview_child .event_stub_image {
        border: 0;
    }

.conservatoire .course_overview_content {
    padding: 0 6.38297872%;
}

@media (min-width: 480px) {
    .conservatoire .course_overview_content {
        padding: 0 4.16666667%;
    }
}

@media (min-width: 600px) {
    .conservatoire .course_overview_content {
        padding: 0 4.16666667%;
    }
}

@media (min-width: 850px) {
    .conservatoire .course_overview_list.no_banner {
        margin-top: 2em;
    }

    .conservatoire .course_overview_child {
        overflow: hidden;
        padding-bottom: 0;
    }

        .conservatoire .course_overview_child .article_stub_image,
        .conservatoire .course_overview_child .event_stub_image {
            float: right;
            margin-bottom: 0;
            width: 48.97959184%;
        }

    .conservatoire .course_overview_content {
        padding: 0 2.0408163265%;
        width: 48.97959184%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .course_overview_child .article_stub_image,
    .conservatoire .course_overview_child .event_stub_image {
        width: 57.38297365%;
    }

    .conservatoire .course_overview_child .course_overview_content {
        padding: 0 2.2808632505%;
        width: 40.3361631%;
    }
}

.conservatoire .overview_list {
    margin-bottom: 4em;
}

.conservatoire .overview_child {
    margin-bottom: 2em;
    position: relative;
}

.conservatoire .overview_stub_image {
    margin-bottom: 1.33em;
}

.conservatoire .big_link:hover ~ .overview_stub_image::after {
    bottom: 0;
}

@media (min-width: 480px) {
    .conservatoire .overview_child {
        margin-left: auto;
        margin-right: auto;
        width: 65.27777778%;
    }
}

@media (min-width: 850px) {
    .conservatoire .overview_list {
        margin-top: -2.5em;
    }

    .conservatoire .overview_child {
        display: inline-block;
        vertical-align: top;
        width: 48.97959184%;
    }

        .conservatoire .overview_child:nth-child(odd) {
            margin-right: 2.04081633%;
        }

        .conservatoire .overview_child .article_stub_image,
        .conservatoire .overview_child .event_stub_image {
            float: none;
            width: 100%;
        }
}

@media (min-width: 1100px) {
    .conservatoire .overview_child {
        margin-right: 2.2808632505%;
        width: 31.81275783%;
    }

        .conservatoire .overview_child:nth-child(odd) {
            margin-right: 2.28086325%;
        }

        .conservatoire .overview_child:nth-child(3n+3) {
            margin-right: 0;
        }
}

.conservatoire .search_result {
    padding-bottom: 0.5em;
    margin-bottom: 2em;
    border-bottom: 2px solid #eae8e1;
}

@media (min-width: 850px) {
    .conservatoire #search_form {
        text-align: center;
    }
}

.conservatoire .sitemap .dropdown {
    background: none;
    display: block;
    margin-top: 0.5em;
}

.conservatoire .sitemap .section_toggle {
    display: none;
}

.conservatoire .sitemap,
.conservatoire .sitemap ul {
    border-left: 2px solid #abad23;
    padding-left: 1em;
}

    .conservatoire .sitemap li {
        font-size: 1em;
        margin: 0;
        padding: 0.5em 0;
    }

    .conservatoire .sitemap .menu_link.has_children {
        left: -2px;
        position: relative;
    }

    .conservatoire .sitemap .menu_link.active span {
        color: #abad23;
    }

.conservatoire .course_block {
    background-color: #eae8e1;
}

    .conservatoire .course_block:first-of-type {
        margin-top: 2em;
    }

    .conservatoire .course_block .full_column {
        overflow: hidden;
        padding: 1.5em 0;
    }

    .conservatoire .course_block + .course_block .full_column {
        border-top: 2px solid rgba(255, 255, 255, 0.5);
    }

.conservatoire .course_block_image {
    margin-bottom: 1em;
}

.conservatoire .music .course_block_image {
    border-bottom: 4px solid #77c5d5;
}

.conservatoire .drama .course_block_image {
    border-bottom: 4px solid #fdd26e;
}

.conservatoire .art .course_block_image {
    border-bottom: 4px solid #c63663;
}

.conservatoire .general .course_block_image {
    border-bottom: 4px solid #abad23;
}

.conservatoire .course_block_button {
    margin-top: 1em;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
    width: 100%;
    color: #3d3935;
    max-width: 244px;
    margin-right: 15px;
}

.conservatoire .art .course_block_button,
.conservatoire .general .course_block_button {
    color: #fff;
}

.conservatoire .course_block_button:hover,
.conservatoire .course_block_button:focus {
    color: #3d3935;
}

.conservatoire .art .course_block_button:hover,
.conservatoire .general .course_block_button:hover,
.conservatoire .art .course_block_button:focus,
.conservatoire .general .course_block_button:focus {
    color: #fff;
}

.conservatoire .music .course_block_button {
    background-color: #77c5d5;
    border: 2px solid #77c5d5;
}

    .conservatoire .music .course_block_button:hover,
    .conservatoire .music .course_block_button:focus {
        background-color: #3dacc3;
        border-color: #3dacc3;
    }

.conservatoire .drama .course_block_button {
    background-color: #fdd26e;
    border: 2px solid #fdd26e;
}

    .conservatoire .drama .course_block_button:hover,
    .conservatoire .drama .course_block_button:focus {
        background-color: #fcbb23;
        border-color: #fcbb23;
    }

.conservatoire .art .course_block_button {
    background-color: #c63663;
    border: 2px solid #c63663;
}

    .conservatoire .art .course_block_button:hover,
    .conservatoire .art .course_block_button:focus {
        background-color: #8a2645;
        border-color: #8a2645;
    }

.conservatoire .general .course_block_button {
    background-color: #abad23;
    border: 2px solid #abad23;
}

    .conservatoire .general .course_block_button:hover,
    .conservatoire .general .course_block_button:focus {
        background-color: #6c6d16;
        border-color: #6c6d16;
    }

.conservatoire .course_block_button.outline {
    color: #3d3935;
    background-color: transparent;
    margin-right: 0;
    padding: 16px 47px;
}

.conservatoire .art .course_block_button.outline {
    color: #c63663;
}

.conservatoire .general .course_block_button.outline {
    color: #abad23;
}

.conservatoire .course_block_button.outline:hover,
.conservatoire .course_block_button.outline:focus {
    color: #3d3935;
}

.conservatoire .art .course_block_button.outline:hover,
.conservatoire .general .course_block_button.outline:hover,
.conservatoire .art .course_block_button.outline:focus,
.conservatoire .general .course_block_button.outline:focus {
    color: #fff;
}

@media (min-width: 480px) {
    .conservatoire .course_block_button {
        width: 65.27777778%;
    }
}

@media (min-width: 600px) {
    .conservatoire .course_block_button {
        width: 47.91666667%;
    }
}

@media (min-width: 850px) {
    .conservatoire .course_block .full_column {
        padding-bottom: 3em;
        padding-top: 3em;
    }

    .conservatoire .course_block_image {
        float: right;
        width: 48.97959184%;
    }

    .conservatoire .course_block_content {
        float: left;
        width: 48.97959184%;
    }

    .conservatoire .course_block_button {
        width: 82.63888889%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .course_block_image {
        width: 40.3361631%;
    }

    .conservatoire .course_block_content {
        width: 57.38297365%;
    }
}

.conservatoire .donor_block {
    padding: 1em 0 3em;
}

    .conservatoire .donor_block:first-of-type {
        border-top: 2px solid #eae8e1;
        padding-top: 3em;
    }

    .conservatoire .donor_block:last-of-type {
        border-bottom: 2px solid #eae8e1;
        margin-bottom: 3em;
    }

.conservatoire .donor_block_image {
    display: block;
    height: auto;
    margin: 0 auto 1em;
    max-width: 250px;
    width: 100%;
}

.conservatoire .donor_block_title {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1111111111em;
    line-height: 1.5;
}

@media (min-width: 850px) {
    .conservatoire .donor_block .text_column {
        overflow: hidden;
    }

    .conservatoire .donor_block_title {
        font-size: 1.22222222em;
    }

    .conservatoire .donor_block_image {
        float: left;
        margin: 0;
        width: 38.52459016%;
    }

    .conservatoire .donor_block_content {
        float: right;
        width: 59.01639344%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .donor_block_image {
        width: 35.33702343%;
    }

    .conservatoire .donor_block_content {
        width: 61.20221406%;
    }
}

.conservatoire .download_block {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 2em 0 4em;
    padding-bottom: 2em;
    position: relative;
}

    .conservatoire .download_block::before {
        background: #fff;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        opacity: 0.8;
        position: absolute;
        right: 0;
        top: 0;
    }

    .conservatoire .download_block .wrapper {
        position: relative;
    }

.conservatoire .download_block_image {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.35);
    display: block;
    margin: 0 auto 2em;
    max-width: 320px;
    position: relative;
    top: -1em;
    transform: rotate(-5deg);
    width: 79.78723404%;
}

.conservatoire .download_link {
    border: 0;
    color: #3d3935;
    display: inline-block;
    margin-top: 1em;
    padding-left: 2em;
    position: relative;
}

    .conservatoire .download_link path {
        fill: #3d3935;
        transition: 200ms fill;
    }

    .conservatoire .download_link .icon {
        left: 0;
        position: absolute;
        top: 0;
    }

    .conservatoire .download_link .text {
        border-bottom: 2px solid #3d3935;
        transition: 200ms border-color;
    }

    .conservatoire .download_link:hover,
    .conservatoire .download_link:focus {
        border: 0;
    }

        .conservatoire .download_link:hover path,
        .conservatoire .download_link:focus path {
            fill: #abad23;
        }

        .conservatoire .download_link:hover .text,
        .conservatoire .download_link:focus .text {
            border-bottom: 2px solid #abad23;
        }

@media (min-width: 850px) {
    .conservatoire .download_block::after {
        clear: both;
        content: "";
        display: table;
    }

    .conservatoire .download_block_image {
        float: left;
        margin-bottom: -2em;
        margin-left: 7.3333333333%;
        top: 0;
        width: 25%;
    }

    .conservatoire .download_block_content {
        float: right;
        margin-bottom: 2em;
        margin-right: 7.3333333333%;
        margin-top: 3em;
        width: 56.33333333%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .download_block_image {
        margin-left: 4.16666667%;
    }
}

.conservatoire .featured_link_block {
    background-color: #eae8e1;
}

    .conservatoire .featured_link_block .full_column {
        padding: 2em 0;
    }

    .conservatoire .featured_link_block .subtitle {
        font-size: 0.5625em;
        display: block;
        margin-bottom: 0.5em;
    }

    .conservatoire .featured_link_block .button {
        margin-top: 1.5em;
        width: 100%;
    }

        .conservatoire .featured_link_block .button:first-of-type {
            margin-right: 1em;
        }

    .conservatoire .featured_link_block img {
        border-bottom: 4px solid #abad23;
        display: block;
        margin-bottom: 2em;
    }

    .conservatoire .featured_link_block p {
        margin-bottom: 1em;
    }

@media (min-width: 480px) {
    .conservatoire .featured_link_block .button {
        width: auto;
    }
}

@media (min-width: 850px) {
    .conservatoire .featured_link_block img {
        float: left;
        margin-bottom: 0;
        width: 48.97959184%;
    }

    .conservatoire .featured_link_block:nth-of-type(even) img {
        float: right;
    }

    .conservatoire .featured_link_block:nth-of-type(even) .featured_link_block_content {
        float: left;
    }

    .conservatoire .featured_link_block .full_column {
        overflow: hidden;
    }

    .conservatoire .featured_link_block .subtitle {
        font-size: 0.47368421em;
    }

    .conservatoire .featured_link_block + .featured_link_block .full_column {
        border-top: 2px solid #fff;
    }

    .conservatoire .featured_link_block_content {
        float: right;
        width: 48.97959184%;
    }
}

.conservatoire .link_block_content_block {
    margin-bottom: 2em;
}

    .conservatoire .link_block_content_block.has_img .link_block_content_block_container,
    .conservatoire .link_block_content_block.has_img .link_block_image {
        margin: 0 calc((100vw - 100%) * -0.5);
    }

    .conservatoire .link_block_content_block.has_img .link_block_content_block_container {
        padding: 0 calc((100vw - 100%) * -0.5);
    }

    .conservatoire .link_block_content_block.has_img .link_block_image {
        display: block;
        max-width: none;
        width: 100vw;
    }

    .conservatoire .link_block_content_block.has_img .link_block_content {
        padding: 2em 0;
    }

.conservatoire .link_block_content_block_container {
    background-color: #eae8e1;
}

.conservatoire .link_block_content {
    padding: 2em 1em;
}

.conservatoire .link_block_body {
    margin-bottom: 3em;
}

.conservatoire .link_block_link:hover,
.conservatoire .link_block_link:focus {
    border-bottom: 0;
}

@media (min-width: 850px) {
    .conservatoire .link_block_content_block.has_img .link_block_image,
    .conservatoire .link_block_content_block.has_img .link_block_content {
        display: inline-block;
        vertical-align: top;
    }

    .conservatoire .link_block_content_block.has_img .link_block_content_block_container {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .conservatoire .link_block_content_block.has_img .link_block_image {
        margin-right: 2%;
        object-fit: cover;
        width: calc(50vw - 1%));
    }

    .conservatoire .link_block_content_block.has_img .link_block_content {
        width: 48.9795918367%;
        padding: 2em 0 2em 2em;
    }

    .conservatoire .link_block_content_block .link_block_content {
        padding: 2em;
    }
}

@media (min-width: 1100px) {
    .conservatoire .link_block_content_block {
        display: inline-block;
        float: left;
        vertical-align: top;
        width: 48.8595683748%;
        margin-bottom: 6em;
    }

        .conservatoire .link_block_content_block.has_img {
            display: block;
            margin-right: 0;
            width: 100%;
            margin-bottom: 2em;
        }

        .conservatoire .link_block_content_block.odd {
            margin-right: 2.23%;
        }

    .conservatoire .link_block_content_block_container {
        min-height: 420px;
    }
}

.conservatoire .link_cta {
    margin-top: 4em;
}

.conservatoire .testimonial_content_block + .link_cta {
    margin-top: 0;
}

.conservatoire .link_cta_content {
    background-color: #abad23;
    padding: 4em 0 3em;
    text-align: center;
}

    .conservatoire .link_cta_content h2,
    .conservatoire .link_cta_content p {
        color: #fff;
    }

    .conservatoire .link_cta_content .button {
        background-color: #fff;
        color: #abad23;
    }

        .conservatoire .link_cta_content .button:hover,
        .conservatoire .link_cta_content .button:focus {
            background-color: #8e901d;
            color: #fff;
        }

.conservatoire .graphic {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 0;
    margin-bottom: -20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    padding-top: 28.0701754386%;
    position: relative;
}

    .conservatoire .graphic.art {
        background-image: url(https://conservatoire.org.uk/app_assets/frontend/cta_backgrounds/art-6ee9b889ef0ff3054b49ab5865bb99f24da9b5a08f51811b7e3db6f02654ece6.svg);
    }

    .conservatoire .graphic.music {
        background-image: url(https://conservatoire.org.uk/app_assets/frontend/cta_backgrounds/music-b0cb706b4c48f35993c0be19034664bb644e51add32f31d90c7035f29ffc057e.svg);
    }

    .conservatoire .graphic.drama {
        background-image: url(https://conservatoire.org.uk/app_assets/frontend/cta_backgrounds/drama-5d9239471dbd9e4a25be1f4a3ee62e976154ed2ee2a1d0c466e5b825cfb7ece6.svg);
    }

    .conservatoire .graphic.newsletter {
        background-image: url(https://conservatoire.org.uk/app_assets/frontend/cta_backgrounds/newsletter-6ba42b16f97116cdf307260695f5a18c4b29175a4fa0ec1ccc049e49dd3f17f2.svg);
    }

@media (min-width: 600px) {
    .conservatoire .graphic {
        margin-bottom: -40px;
    }
}

@media (min-width: 850px) {
    .conservatoire .link_cta {
        margin-top: 6em;
    }

    .conservatoire .link_cta_content {
        padding-bottom: 4em;
        padding-top: 5em;
    }

    .conservatoire .graphic {
        margin-bottom: -60px;
    }
}

.conservatoire .notice_block {
    background-color: #eae8e1;
    border-bottom: 4px solid #abad23;
    margin: 2em 0;
    padding: 6.38297872%;
}

    .conservatoire .notice_block a {
        border-color: #3d3935;
    }

        .conservatoire .notice_block a:hover,
        .conservatoire .notice_block a:focus {
            border-color: #abad23;
        }

    .conservatoire .notice_block:last-of-type {
        margin-bottom: 4em;
    }

@media (min-width: 480px) {
    .conservatoire .notice_block {
        padding: 4.16666667%;
    }
}

@media (min-width: 600px) {
    .conservatoire .notice_block {
        padding: 4.16666667%;
    }
}

@media (min-width: 850px) {
    .conservatoire .notice_block {
        display: inline-block;
        padding: 3.0612244898%;
        vertical-align: top;
        width: 48.97959184%;
    }

        .conservatoire .notice_block:nth-of-type(odd) {
            margin-right: 2.04081633%;
        }

        .conservatoire .notice_block:last-of-type:nth-of-type(odd) {
            margin-right: 0;
            width: 100%;
        }
}

.conservatoire .testimonial_content_block {
    background-color: #abad23;
    color: #fff;
    margin-bottom: 3em;
    padding: 2em 0 calc(109.5em);
    position: relative;
}

    .conservatoire .testimonial_content_block.has_img {
        margin-top: 120px;
        padding-top: 0;
    }

    .conservatoire .testimonial_content_block h3 {
        font-weight: 400;
        line-height: 1.375;
    }

    .conservatoire .testimonial_content_block p {
        margin-bottom: 0;
    }

        .conservatoire .testimonial_content_block p::before {
            content: "– ";
        }

.conservatoire .disciplines_tile_left,
.conservatoire .disciplines_tile_right {
    display: none;
}

.conservatoire .disciplines_bar {
    bottom: -12px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

    .conservatoire .disciplines_bar svg {
        display: block;
    }

.conservatoire .testimonial_image {
    border-radius: 50%;
    display: block;
    margin: 0 auto -50px;
    position: relative;
    top: -75px;
    width: 150px;
}

@media (min-width: 600px) {
    .conservatoire .testimonial_content_block.has_img {
        margin-top: 150px;
    }

    .conservatoire .testimonial_image {
        margin-bottom: -75px;
        top: -100px;
        width: 200px;
    }
}

@media (min-width: 850px) {
    .conservatoire .testimonial_content_block {
        display: inline-block;
        margin-bottom: 6em;
        margin-top: 6em;
        padding-bottom: 3.5em;
        padding-top: 3.5em;
        width: 100%;
    }

        .conservatoire .testimonial_content_block.has_img {
            margin-top: 6em;
            padding-top: 3.5em;
        }

    .conservatoire .disciplines_tile_left,
    .conservatoire .disciplines_tile_right {
        display: block;
        position: absolute;
        top: calc(50%);
        transform: translateY(-50%);
    }

    .conservatoire .disciplines_tile_left {
        right: 91.49659864%;
    }

    .conservatoire .has_img .disciplines_tile_left {
        right: 100%;
    }

    .conservatoire .disciplines_tile_right {
        left: 91.49659864%;
    }

    .conservatoire .has_img .disciplines_tile_right {
        left: 100%;
    }

    .conservatoire .disciplines_bar {
        display: none;
    }

    .conservatoire .testimonial_content_block_container {
        padding: 0 17.0068027211%;
        position: relative;
    }

    .conservatoire .has_img .testimonial_content_block_container {
        padding-left: 25.5102040816%;
        padding-right: 8.50340136%;
    }

    .conservatoire .testimonial_image {
        left: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 23.46938776%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .testimonial_content_block {
        clear: both;
    }

    .conservatoire .has_img .testimonial_content_block_container {
        padding-left: 34.0936210835%;
        padding-right: 8.52340527%;
    }

    .conservatoire .disciplines_tile_left {
        right: 88.35532372%;
    }

    .conservatoire .has_img .disciplines_tile_left {
        right: 94.59786574%;
    }

    .conservatoire .disciplines_tile_right {
        left: 88.35532372%;
    }

    .conservatoire .has_img .disciplines_tile_right {
        left: 94.59786574%;
    }

    .conservatoire .testimonial_image {
        left: 8.52340527%;
    }
}

.conservatoire .video_block_content_block {
    background-color: #eae8e1;
    padding: 2.22222em 0;
}

    .conservatoire .video_block_content_block + .link_cta {
        margin-top: 0;
        background-color: #eae8e1;
    }

@media (min-width: 1100px) {
    .conservatoire .video_block_content_block {
        padding: 4.44444em 0 3.33333em;
    }

        .conservatoire .video_block_content_block p {
            margin-bottom: 3.61111em;
        }
}

@keyframes fly-left {
    0% {
        left: 0;
    }

    50% {
        left: -100%;
    }

    100% {
        left: -100%;
    }
}

@keyframes expand-down {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-45deg);
    }
}

@keyframes expand-up {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

@keyframes fly-right {
    0% {
        left: 0;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

@keyframes fly-left-reverse {
    0% {
        left: -100%;
    }

    50% {
        left: -100%;
    }

    100% {
        left: 0%;
    }
}

@keyframes expand-down-reverse {
    0% {
        transform: rotate(-45deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes expand-up-reverse {
    0% {
        transform: rotate(45deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes fly-right-reverse {
    0% {
        left: 100%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}

.conservatoire .back_to_listing_link {
    font-style: normal;
    font-weight: 400;
    font-size: 1.4444444444em;
    background-color: #abad23;
    border: 0;
    clear: both;
    color: #fff;
    display: block;
    margin-top: 2em;
    padding: 1.75em 0 1.5em;
    text-align: center;
}

    .conservatoire .back_to_listing_link:hover,
    .conservatoire .back_to_listing_link:focus {
        background-color: #8e901d;
        border: 0;
        color: #fff;
    }

    .conservatoire .back_to_listing_link span {
        display: block;
        margin: 0 auto 1em;
        width: 85px;
    }

    .conservatoire .back_to_listing_link svg {
        height: 35px;
        width: 85px;
    }

@media (min-width: 850px) {
    .conservatoire .back_to_listing_link {
        font-size: 1.77777778em;
    }

        .conservatoire .back_to_listing_link span {
            display: inline-block;
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 1em;
            vertical-align: middle;
        }
}

.conservatoire .banner {
    text-align: center;
}

    .conservatoire .banner .text_column {
        position: relative;
    }

    .conservatoire .banner h1 {
        margin-bottom: 0;
        margin-top: 0;
    }

.conservatoire .small_banner_wrapper {
    padding: 3em 0;
    position: relative;
}

.conservatoire .banner_image {
    background-position: center;
    background-size: cover;
    bottom: 0;
    left: 0;
    opacity: 0.15;
    position: absolute;
    right: 0;
    top: 0;
}

.conservatoire .banner_body {
    margin-bottom: 2em;
    margin-top: 2em;
    text-align: left;
}

@media (min-width: 850px) {
    .conservatoire .small_banner_wrapper {
        padding: 0;
        position: static;
    }

    .conservatoire .large_banner_wrapper {
        padding: 3em 0 8em;
        position: relative;
    }

    .conservatoire .banner_image::after {
        background-image: linear-gradient(0deg, #000, transparent);
        bottom: 0;
        content: "";
        display: block;
        height: 220px;
        left: 0;
        mix-blend-mode: multiply;
        position: absolute;
        right: 0;
    }
}

.conservatoire .breadcrumb_list {
    display: none;
}

.conservatoire .mobile_breadcrumbs {
    margin-bottom: 1em;
    margin-top: 1em;
}

.conservatoire .mobile_breadcrumb_link {
    border: 0;
    color: #3d3935;
}

    .conservatoire .mobile_breadcrumb_link span {
        display: inline-block;
        vertical-align: middle;
    }

    .conservatoire .mobile_breadcrumb_link svg {
        margin-top: 2px;
    }

    .conservatoire .mobile_breadcrumb_link [fill] {
        fill: currentColor;
        transition: 200ms fill;
    }

    .conservatoire .mobile_breadcrumb_link:hover,
    .conservatoire .mobile_breadcrumb_link:focus {
        border: 0;
        color: #abad23;
    }

        .conservatoire .mobile_breadcrumb_link:hover [fill],
        .conservatoire .mobile_breadcrumb_link:focus [fill] {
            fill: #abad23;
        }

@media (min-width: 850px) {
    .conservatoire .mobile_breadcrumbs {
        display: none;
    }

    .conservatoire .breadcrumb_list {
        display: block;
        margin-top: 1em;
        text-align: center;
    }

    .conservatoire .article_show .breadcrumb_list,
    .conservatoire .event_show .breadcrumb_list {
        margin-bottom: 1.5em;
    }

    .conservatoire .breadcrumb_item {
        display: inline-block;
        vertical-align: middle;
    }

        .conservatoire .breadcrumb_item:first-of-type svg {
            height: 30px;
            width: 30px;
        }

        .conservatoire .breadcrumb_item:first-of-type a {
            border: 0;
        }

        .conservatoire .breadcrumb_item:not(:first-of-type)::before {
            content: "/";
            margin: 0 0.25em;
        }

    .conservatoire .breadcrumb_link {
        border-color: transparent;
        color: #3d3935;
    }

        .conservatoire .breadcrumb_link [fill] {
            fill: currentColor;
            transition: 200ms fill;
        }

        .conservatoire .breadcrumb_link:hover,
        .conservatoire .breadcrumb_link:focus {
            border-color: #abad23;
        }

            .conservatoire .breadcrumb_link:hover [fill],
            .conservatoire .breadcrumb_link:focus [fill] {
                fill: #abad23;
            }

    .conservatoire .breadcrumb_current {
        font-weight: 400;
    }
}

.conservatoire .cookie_notice {
    background-color: rgba(171, 173, 35, 0.9);
    bottom: 0;
    left: 0;
    padding: 2em 0;
    position: fixed;
    right: 0;
    z-index: 10;
}

    .conservatoire .cookie_notice p {
        font-size: 0.8888888889em;
        color: #fff;
    }

    .conservatoire .cookie_notice a {
        border-bottom: 2px solid #fff;
        color: #fff;
    }

        .conservatoire .cookie_notice a:hover,
        .conservatoire .cookie_notice a:focus {
            color: #8e901d;
            border-bottom: 2px solid #8e901d;
        }

    .conservatoire .cookie_notice .button {
        padding: 0.65em 10px;
        vertical-align: top;
        width: 46.8085106383%;
        background-color: #fff;
        color: #abad23;
        border: 0;
    }

        .conservatoire .cookie_notice .button:hover,
        .conservatoire .cookie_notice .button:focus {
            background-color: #8e901d;
            color: #fff;
            border: 0;
        }

.conservatoire #accept_cookies {
    margin-right: 6.38297872%;
}

@media (min-width: 850px) {
    .conservatoire .cookie_notice p {
        font-size: 1em;
        float: left;
        width: 40.47619048%;
    }

    .conservatoire .cookie_notice .button {
        padding: 0.65em 2.75em;
        width: auto;
    }

    .conservatoire .cookie_buttons {
        float: right;
        margin-right: 1%;
        white-space: nowrap;
    }

    .conservatoire #accept_cookies {
        margin-right: 2%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .cookie_notice p {
        width: 57.38297365%;
    }

    .conservatoire .cookie_buttons {
        margin-right: 1%;
    }

    .conservatoire #accept_cookies {
        margin-right: 2.23%;
    }
}

.conservatoire .featured_event {
    padding-top: 2em;
}

.conservatoire .featured_event_content {
    margin-top: 2em;
    overflow: hidden;
    position: relative;
}

    .conservatoire .featured_event_content .button {
        width: 100%;
    }

        .conservatoire .featured_event_content .button:last-of-type {
            margin-top: 1em;
        }

    .conservatoire .featured_event_content .event_booking_link {
        padding-bottom: 14px;
        padding-top: 14.5px;
        position: relative;
        top: -2px;
    }

    .conservatoire .featured_event_content time {
        font-style: normal;
        font-weight: 500;
        display: block;
        margin-bottom: 1em;
    }

.conservatoire .featured_event_image {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    margin-bottom: 1em;
    margin-left: calc((100vw - 100%) * -0.5);
    padding-top: 50%;
    width: calc(100% + (100vw - 100%));
}

@media (min-width: 480px) {
    .conservatoire .featured_event_content .button {
        width: auto;
    }

        .conservatoire .featured_event_content .button:first-of-type {
            margin-right: 1em;
        }
}

@media (min-width: 850px) {
    .conservatoire .featured_event_content {
        position: relative;
    }

        .conservatoire .featured_event_content .article_stub_content {
            background-color: rgba(234, 232, 225, 0.9);
            margin-top: 0;
            padding-bottom: 3em;
            padding-top: 2em;
            width: 42.5170068%;
        }

        .conservatoire .featured_event_content time {
            margin-bottom: 4em;
        }

        .conservatoire .featured_event_content .button {
            min-width: 260px;
        }

    .conservatoire .featured_event_image {
        bottom: 0;
        height: auto;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: -1;
    }
}

.conservatoire .gallery {
    overflow: hidden;
    margin-bottom: 3em;
}

.conservatoire .video_gallery {
    margin-bottom: 4em;
}

.conservatoire .gallery_list {
    white-space: nowrap;
}

.conservatoire .gallery_item {
    display: inline-table;
    transform: translateX(0);
    transition: 400ms transform;
    vertical-align: top;
    width: 100%;
}

    .conservatoire .gallery_item::after {
        background-color: #abad23;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        opacity: 0.85;
        position: absolute;
        right: 0;
        top: 0;
        transition: 400ms opacity;
    }

    .conservatoire .gallery_item.current::after {
        opacity: 0;
    }

    .conservatoire .gallery_item img {
        display: block;
        width: 100%;
    }

.conservatoire .no-js .gallery_item {
    display: block;
    margin-left: 3.1914893617%;
    opacity: 1;
}

.conservatoire .gallery_nav {
    margin: 0 auto 1em;
    pointer-events: none;
    text-align: center;
    width: 100%;
}

    .conservatoire .gallery_nav a {
        pointer-events: all;
    }

.conservatoire .no-js .gallery_nav {
    display: none;
}

.conservatoire .gallery_count {
    display: inline-block;
}

.conservatoire .gallery_nav_link {
    border: 0;
}

    .conservatoire .gallery_nav_link .svg_holder {
        display: inline-block;
    }

    .conservatoire .gallery_nav_link svg {
        fill: #abad23;
    }

    .conservatoire .gallery_nav_link:hover svg,
    .conservatoire .gallery_nav_link:focus svg {
        fill: #8e901d;
    }

.conservatoire .gallery_prev_link {
    float: left;
}

.conservatoire .gallery_next_link {
    float: right;
}

.conservatoire .gallery_thumbnails,
.conservatoire .gallery_credit {
    display: none;
}

.conservatoire .gallery_credits {
    clear: both;
    min-height: 1.55em;
}

.conservatoire .gallery_credit.current {
    display: block;
}

.conservatoire .gallery_credit p {
    margin-bottom: 0;
    text-align: center;
}

@media (min-width: 480px) {
    .conservatoire .gallery_item {
        width: 100%;
    }

    .conservatoire .gallery_nav {
        width: 100%;
    }
}

@media (min-width: 600px) {
    .conservatoire .gallery_item {
        padding-right: 0;
        width: 100%;
    }

    .conservatoire .gallery_wrapper {
        position: relative;
    }
}

@media (min-width: 850px) {
    .conservatoire .gallery_item {
        width: 81.33333333%;
    }

        .conservatoire .gallery_item:first-of-type,
        .conservatoire .no-js .gallery_item {
            margin-left: 9.33333333%;
        }

    .conservatoire .gallery_nav {
        margin-bottom: 0;
    }

    .conservatoire .gallery_nav_link {
        bottom: 0;
        margin-top: 0;
        position: absolute;
        top: 0;
    }

        .conservatoire .gallery_nav_link .svg_holder {
            position: absolute;
            top: calc(50% - 23px);
        }

        .conservatoire .gallery_nav_link svg {
            height: 100%;
            width: 100%;
        }

            .conservatoire .gallery_nav_link svg path {
                fill: #fff;
            }

    .conservatoire .gallery_outer {
        position: relative;
    }

    .conservatoire .gallery_count {
        font-size: 0.7777777778em;
        position: absolute;
        bottom: 2.15em;
        left: 50%;
        transform: translateX(-50%);
        padding: 0.35em 1em;
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 1.07em;
        font-weight: 500;
    }

    .conservatoire .gallery_prev_link {
        left: 0;
        width: 9.33333333%;
    }

        .conservatoire .gallery_prev_link .svg_holder {
            left: 50%;
            transform: translateX(-50%);
        }

    .conservatoire .gallery_next_link {
        right: 0;
        width: 9.33333333%;
    }

        .conservatoire .gallery_next_link .svg_holder {
            left: 50%;
            transform: translateX(-50%);
        }

    .conservatoire .gallery_credits {
        margin: 0 auto;
        width: 81.33333333%;
    }

    .conservatoire .gallery_thumbnails {
        display: block;
        margin-top: 1.5em;
        text-align: center;
    }

    .conservatoire .gallery_thumbnail {
        border-bottom: 0;
        display: inline-block;
        margin: 0 1% 1%;
        position: relative;
        width: 6.33333333%;
    }

        .conservatoire .gallery_thumbnail img {
            display: block;
            width: 100%;
        }

        .conservatoire .gallery_thumbnail.current::before {
            border: 6px solid #3d3935;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

        .conservatoire .gallery_thumbnail::after {
            content: "";
            width: 100%;
            height: 100%;
            background-color: #abad23;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            transition: 400ms opacity;
        }

        .conservatoire .gallery_thumbnail:hover::after,
        .conservatoire .gallery_thumbnail:focus::after {
            opacity: 0.85;
        }
}

@media (min-width: 1100px) {
    .conservatoire .gallery_item {
        width: 81.10333333%;
    }

        .conservatoire .gallery_item:first-of-type,
        .conservatoire .no-js .gallery_item {
            margin-left: 9.44833333%;
        }

    .conservatoire .gallery_prev_link {
        width: 9.44833333%;
    }

    .conservatoire .gallery_next_link {
        width: 9.44833333%;
    }

    .conservatoire .gallery_thumbnail {
        margin: 0 1.115% 1.115%;
        width: 6.10333333%;
    }
}

.conservatoire .home_banner_image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 280px;
}

.conservatoire .home_banner_content {
    background-image: url(https://conservatoire.org.uk/app_assets/frontend/backgrounds/home_banner-e54d8a930962c053e81fb802816cd6f34c4537c2c2812b00dfb4c2bdceaa07f7.svg);
    background-position: center -10px;
    background-repeat: repeat-x;
    background-size: 940px;
    padding-top: 1px;
    position: relative;
}

    .conservatoire .home_banner_content::before {
        background-image: linear-gradient(rgba(255, 255, 255, 0.5), #fff);
        content: "";
        height: 120px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .conservatoire .home_banner_content .wrapper {
        position: relative;
    }

.conservatoire .home_banner_title {
    margin-bottom: 0.5em;
    text-align: left;
}

.conservatoire .home_banner_text p {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1111111111em;
    line-height: 1.5;
}

@media (min-width: 850px) {
    .conservatoire .home_banner .full_column {
        background: #fff;
        margin-top: -130px;
        min-height: 260px;
        overflow: hidden;
    }

    .conservatoire .home_banner_title,
    .conservatoire .home_banner_text {
        width: 48.97959184%;
    }

    .conservatoire .home_banner_title {
        font-size: 2.6666666667em;
        float: left;
        margin-top: 0;
        padding: 3% 0 3% 3%;
    }

    .conservatoire .home_banner_text {
        font-size: 1.2222222222em;
        float: right;
        padding: 3% 3% 3% 0;
    }

    .conservatoire .home_banner_image {
        height: 540px;
    }

    .conservatoire .home_banner_content {
        height: 100px;
    }
}

.conservatoire .google_map {
    height: 360px;
    margin-bottom: 2.25em;
    width: 100%;
}

.conservatoire .pagination {
    text-align: center;
    padding: 1em 0 4em;
}

    .conservatoire .pagination a,
    .conservatoire .pagination em,
    .conservatoire .pagination .gap,
    .conservatoire .pagination .next_page,
    .conservatoire .pagination .previous_page {
        font-style: normal;
        font-weight: 500;
        color: #abad23;
        align-items: center;
        border: 2px solid #abad23;
        display: inline-flex;
        height: 40px;
        justify-content: center;
        margin-bottom: 18px;
        vertical-align: middle;
        width: 40px;
        margin: 0 4px 8px;
    }

        .conservatoire .pagination a:hover,
        .conservatoire .pagination a:focus {
            color: #fff;
            border: 2px solid #abad23;
            background-color: #abad23;
        }

    .conservatoire .pagination em {
        border: 2px solid #8e901d;
        background-color: #8e901d;
        color: #fff;
    }

    .conservatoire .pagination .next_page path,
    .conservatoire .pagination .previous_page path {
        fill: #abad23;
    }

    .conservatoire .pagination .next_page:hover path,
    .conservatoire .pagination .next_page:focus path,
    .conservatoire .pagination .previous_page:hover path,
    .conservatoire .pagination .previous_page:focus path {
        fill: #fff;
    }

    .conservatoire .pagination .next_page.disabled,
    .conservatoire .pagination .previous_page.disabled {
        border-color: #eae8e1;
    }

        .conservatoire .pagination .next_page.disabled path,
        .conservatoire .pagination .previous_page.disabled path {
            fill: #eae8e1;
        }

        .conservatoire .pagination .next_page.disabled:hover path,
        .conservatoire .pagination .next_page.disabled:focus path,
        .conservatoire .pagination .previous_page.disabled:hover path,
        .conservatoire .pagination .previous_page.disabled:focus path {
            fill: #eae8e1;
        }

    .conservatoire .pagination .next_page svg {
        transform: rotate(180deg);
    }

.conservatoire .social_sharing {
    border-top: 2px solid #abad23;
    margin-top: 3em;
    padding-top: 1em;
    text-align: center;
}

.conservatoire .music .social_sharing {
    border-color: #77c5d5;
}

.conservatoire .drama .social_sharing {
    border-color: #fdd26e;
}

.conservatoire .art .social_sharing {
    border-color: #c63663;
}

.conservatoire .general .social_sharing {
    border-color: #abad23;
}

@media (min-width: 850px) {
    .conservatoire .social_sharing .social_link {
        height: 60px;
        width: 60px;
    }
}

.conservatoire .tab_links {
    margin: 0 calc((100vw - 100%) * -0.5);
    text-align: center;
}

.conservatoire .tab_wrapper {
    background-color: #eae8e1;
    border-bottom: 2px solid #abad23;
    margin: 0 calc((100vw - 100%) * -0.) 2em;
    padding: 2em calc((100vw - 100%) * 0.5);
}

.conservatoire .tab_link_item {
    background-color: #f5f5f5;
    margin-bottom: 0;
    text-align: center;
    vertical-align: top;
    width: 50vw;
    display: inline-flex;
    flex-direction: column;
}

    .conservatoire .tab_link_item.active {
        background-color: #eae8e1;
    }

.conservatoire .tab_link {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-style: normal;
    font-weight: 700;
    align-items: center;
    border-bottom: 0;
    color: #3d3935;
    justify-content: center;
    min-height: 54px;
}

    .conservatoire .tab_link:hover,
    .conservatoire .tab_link:focus {
        border-bottom: 0;
    }

.conservatoire.js .tab {
    display: none;
}

.conservatoire .tab.active {
    display: block;
}

.conservatoire .tab button {
    width: 100%;
}

@media (min-width: 480px) {
    .conservatoire .tab_link_item {
        margin-left: 6px;
        margin-right: 6px;
        max-width: 175px;
    }
}

@media (min-width: 850px) {
    .conservatoire .tab_links {
        margin: 0;
    }

    .conservatoire .tab_wrapper {
        margin-bottom: 4em;
    }

    .conservatoire .tab_link_item {
        width: 50%;
    }

    .conservatoire .tab_link {
        min-height: 58px;
        padding: 0 20px;
    }
}

@media (min-width: 1100px) {
    .conservatoire .tab {
        text-align: center;
    }
}

.conservatoire .ugc {
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #3d3935;
}

    .conservatoire .ugc .intro {
        font-style: normal;
        font-weight: 400;
        font-size: 1.1111111111em;
        line-height: 1.5;
    }

    .conservatoire .ugc strong,
    .conservatoire .ugc b {
        font-style: normal;
        font-weight: 500;
    }

    .conservatoire .ugc em,
    .conservatoire .ugc i {
        font-style: italic;
    }

    .conservatoire .ugc blockquote {
        font-style: normal;
        font-weight: 400;
        margin-bottom: 1em;
        padding-left: 2em;
        position: relative;
    }

        .conservatoire .ugc blockquote::before {
            background-color: #abad23;
            bottom: 0;
            content: "";
            height: calc(100% - 14px);
            left: 0;
            position: absolute;
            top: 7px;
            width: 2px;
        }

    .conservatoire .ugc li {
        padding-left: 2em;
        position: relative;
    }

    .conservatoire .ugc ul {
        margin-bottom: 2.25em;
    }

        .conservatoire .ugc ul li::before {
            background-color: #abad23;
            content: "";
            height: 7px;
            left: 15px;
            position: absolute;
            top: 10px;
            width: 7px;
        }

    .conservatoire .ugc ol {
        counter-reset: ol;
        margin-bottom: 2.5em;
    }

        .conservatoire .ugc ol li::before {
            font-style: normal;
            font-weight: 400;
            content: counter(ol) ".";
            counter-increment: ol;
            left: 0;
            position: absolute;
            top: 0;
        }

    .conservatoire .ugc img {
        display: block;
        height: auto;
        max-width: 100%;
    }

    .conservatoire .ugc .credit {
        font-size: 0.7777777778em;
        font-style: italic;
    }

@media (min-width: 600px) {
    .conservatoire .ugc .img_left,
    .conservatoire .ugc .img_right {
        margin-bottom: 1em;
        max-width: 47.91666667%;
    }

    .conservatoire .ugc .img_left {
        float: left;
        margin-left: 0;
        margin-right: 4.16666667%;
    }

    .conservatoire .ugc .img_right {
        float: right;
        margin-left: 4.1666666667%;
        margin-right: 0;
    }
}

@media (min-width: 850px) {
    .conservatoire .ugc .intro {
        font-size: 1.2222222222em;
        line-height: 1.45;
    }

    .conservatoire .ugc li {
        padding-left: 7.78688525%;
    }

    .conservatoire .ugc ul li::before {
        left: 1em;
    }

    .conservatoire .ugc ol li::before {
        left: 1em;
    }

    .conservatoire .ugc .img_left,
    .conservatoire .ugc .img_right {
        max-width: 48.7704918%;
    }

    .conservatoire .ugc .img_left {
        margin-right: 2.45901639%;
    }

    .conservatoire .ugc .img_right {
        margin-left: 2.45901639%;
    }
}

@media (min-width: 1100px) {
    .conservatoire .ugc li {
        padding-left: 9.47183281%;
    }

    .conservatoire .ugc ul li::before {
        left: 1.5em;
    }

    .conservatoire .ugc ol li::before {
        left: 1.5em;
    }

    .conservatoire .ugc .img_left,
    .conservatoire .ugc .img_right {
        max-width: 48.26961875%;
    }

    .conservatoire .ugc .img_left {
        margin-right: 3.46076251%;
    }

    .conservatoire .ugc .img_right {
        margin-left: 3.46076251%;
    }
}

.conservatoire .video_wrapper {
    height: 0;
    padding-top: 56.25%;
    position: relative;
}

    .conservatoire .video_wrapper iframe {
        bottom: 0;
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }

.conservatoire .error_logo {
    display: block;
    margin: 5em auto 3em;
}