@font-face {
    font-family: "museoSans500";
    src: url("fonts/museosans-500-webfont.eot");
    src: url("fonts/museosans-500-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("fonts/museosans-500-webfont.woff2") format("woff2"),
        url("fonts/museosans-500-webfont.woff") format("woff"),
        url("fonts/museosans-500-webfont.ttf") format("truetype"),
        url("fonts/museosans-500-webfont.svg#museo_sans500") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "museoSans700";
    src: url("fonts/museosans-700-webfont.eot");
    src: url("fonts/museosans-700-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("fonts/museosans-700-webfont.woff2") format("woff2"),
        url("fonts/museosans-700-webfont.woff") format("woff"),
        url("fonts/museosans-700-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "museoSans900";
    src: url("fonts/museosans-900-webfont.eot");
    src: url("fonts/museosans-900-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("fonts/museosans-900-webfont.woff2") format("woff2"),
        url("fonts/museosans-900-webfont.woff") format("woff"),
        url("fonts/museosans-900-webfont.ttf") format("truetype"),
        url("fonts/museosans-900-webfont.svg#museo_sans900") format("svg");
    font-weight: normal;
    font-style: normal;
}

:root {
    /* Typography */
	--12px: 0.75rem;
	--14px: 0.875rem;
	--16px: 1rem;
    --18px: 1.125rem;
    --20px: 1.25rem;
	--22px: 1.375rem;
	--24px: 1.5rem;
	--32px: 2rem;
	--40px: 2.5rem;
    /* Colours */
    --black: #000000;
    --blue: #006DCC;
    --grey: #636569;
    --light-grey: #A7A9AC;
    --mid-grey: #979797;
    --orange: #CF4520;
    --primary-black: #2C2A29;
    --purple: #3C1053;
    --turquoise: #00B0B9;
    --white: #FFFFFF;
    --yellow: #FFB81C;
}

* {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    border: 0;
    font-size: var(--14px);
    color: var(--primary-black);
    font-family: museoSans500, sans-serif;
    font-style: normal;
}

h1,
h2 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    color: inherit;
    font-weight: normal;
}
h1 {
    color: var(--orange);
    font-size: var(--16px);
    margin-bottom: 5px;
}
h2 {
    color: var(--purple);
    font-size: var(--14px);
    margin-bottom: 0;
}
textarea {
    font-family: inherit;
}
.text-link:hover,
.click {
    text-decoration: underline;
    cursor: pointer;
}
a {
    text-decoration: none;
    color: var(--purple);
}
a:hover {
    text-decoration: none;
    color: var(--orange);
}
img {
    border: none;
}
ul {
    padding: 15px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.center {
    text-align: center;
}
.clear {
    clear: both;
}
.relative {
    position: relative;
}
.overdiv {
    max-width: 1152px;
    margin: auto;
    padding: 0 80px;
    box-sizing: border-box;
    position: relative;
}
#live_preview_end {
    z-index: 4000;
}
.overdiv.padding {
    padding: 20px 20px;
}
.hidden {
    display: none;
}
.block {
    display: block;
}

#page_slide * {
    box-sizing: border-box;
}
.p18 {
    display: inline-block;
    font-size: var(--18px);
    margin-bottom: 8px;
}
.p20 {
    display: inline-block;
    font-size: var(--20px);
    margin-bottom: 8px;
}
.small {
    font-size: var(--14px);
}
.smaller {
    font-size: var(--12px);
}
.grey-text {
    color: var(--grey);
}
.orange-text {
    color: var(--orange);
}

/* Cookies */
.cookie_corner input,
.cookie_bar input,
.cookie_refuse_button:hover {
    background-color: var(--yellow) !important;
    color: var(--purple);
}
.cookie_message a {
    color: var(--yellow);
}
.cookie_message a:hover {
    color: var(--orange);
}

/* BACKGROUND */
.bg-container {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.bg-container img {
    opacity: 0;
}

/*HELPLINE*/
#page_slide:not(.admin) #helpline {
    display: none;
}
#helpline {
    background: var(--turquoise);
    color: var(--purple);
    padding: 24px 64px;
}
#helpline_txt {
    text-align: center;
}
#helpline_txt a {
    color: inherit;
    text-decoration: underline;
}
#helpline_close {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
#helpline_close i {
    font-size: var(--16px);
    margin-left: 8px;
}

/* DONATE HEADER */
#donate_header .overdiv {
    display: flex;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
}
#donate_logo,
#donate_logo img {
    height: 40px;
}

/* HEADER */
#head_top > .overdiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
    padding-bottom: 24px;
}
#hear_right_contact {
    display: flex;
    align-items: center;
}
#hear_right_contact > div {
    margin-left: 16px;
}
.menu-box {
    max-width: 247px;
    width: 100%;
    margin: 24px auto 0;
}
#page_slide.admin .menu-box {
    margin: 24px 0;
}
.menu-box-img {
    width: 100%;
    height: 104px;
}
.menu-box-img:empty {
    height: 0;
}
.menu-box-title {
    font-family: museoSans700, sans-serif;
    font-size: var(--16px);
    line-height: 24px;
    color: var(--purple);
    padding: 16px 8px 8px;
    background: var(--white);
}
.menu-box-txt {
    color: var(--primary-black);
    padding: 0 8px 16px;
    background: var(--white);
}
.menu-box-title:empty,
.menu-box-txt:empty {
    padding: 0;
}
#menu .submenu > div a {
    position: relative;
    display: inline-block;
    width: 100%;
}
#menu .submenu > div a::after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro", sans-serif;
    position: absolute;
    top: 0;
    right: -16px;
}

/*Tabs*/
#tabs {
    background-color: #ededed;
    height: 56px;
}
#tabs .overdiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#menu > ul {
    display: flex;
    align-items: center;
    list-style: none;
    height: 56px;
    padding: 0;
    margin: 0;
}
#menu > ul > li {
    line-height: 21px;
    text-align: center;
    cursor: pointer;
}
#menu > ul > li > div > a {
    color: var(--purple);
    padding: 16px 14px;
    font-family: museoSans700, sans-serif;
}
#menu > ul > li:hover > div > a {
    border-bottom: 2px solid var(--orange);
    color: var(--orange);
}
#menu > ul > li ul {
    background: var(--white);
    position: absolute;
    z-index: 302;
    top: 100%;
    max-width: 328px;
    width: 100%;
    visibility: hidden;
    transition: 0.2s 0.2s;
    opacity: 0;
    font-family: museoSans700, sans-serif;
}
#menu > ul > li > ul > li > ul {
    background: #ededed;
    top: 0;
    left: 328px;
    font-family: museoSans500, sans-serif;
    min-height: 100%;
    max-height: 529px;
    overflow: auto;
}
#menu > ul > li:hover > ul,
#menu > ul > li > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
}
#menu > ul > li ul {
    list-style: none;
    padding: 24px 0;
}
#menu > ul > li > ul > li > ul {
    visibility: hidden;
    transition: 0.2s 0.2s;
    opacity: 0;
}
#menu > ul > li > ul > li > ul > li a {
    color: var(--purple);
}
#menu > ul > li#lion_news ul,
#menu > ul > li#lion_news:hover ul {
    display: none;
}
#menu > ul > li > ul > li,
#menu > ul > li > ul > li > ul > li {
    width: 100%;
    text-align: left;
    padding: 8px 32px;
}
#menu > ul > li.menu_selected > div > a,
#menu > ul > li > ul > li a,
#menu > ul > li > ul > li > ul > li:hover > div > a {
    color: var(--orange);
}
#menu > ul > li > ul > li:hover {
    background: #ededed;
}
#menu > ul > li > ul > li.menu_selected > div > a,
#menu > ul > li > ul > li:hover a {
    color: var(--purple);
}
.mint_field.no-overflow {
    overflow: initial;
}
.mint_field {
    overflow: hidden;
}
#page_slide.admin .mint_field,
#footer.admin .mint_field {
    min-height: 24px;
    min-width: 47px;
}
#side_menu {
    width: 100%;
}
#side_menu > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -5px;
}
#side_menu ul li {
    margin: 0 0 16px 0;
    cursor: pointer;
}
#side_menu ul li:not(.menu_selected):hover a {
    color: var(--orange);
}
#side_menu ul li div {
    padding-left: 5px;
}
#side_menu ul li a {
    font-size: var(--18px);
    color: var(--purple);
    font-family: museoSans500, sans-serif;
}
#side_menu ul li ul {
    display: none;
    list-style: none;
    padding-right: 0;
}
#side_menu ul > li > ul > li > ul {
    display: none;
}
#side_menu > ul > .menu_selected {
    border: 1px solid var(--orange);
}
#side_menu .menu_selected > div {
    background: var(--orange);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
}
#side_menu .menu_selected > div a {
    color: var(--white) !important;
    font-family: museoSans900, sans-serif;
}
#side_menu .menu_selected > ul {
    display: block;
}
#side_menu .menu_selected ul .first_li {
    padding-top: 0px;
    margin-top: 6px;
}
#side_menu > ul > li > div > a[href*='events-redirect'] {
    display: none;
}
#logo {
    max-width: 240px;
    height: 56px;
}
#logo img {
    max-width: 100%;
    max-height: 100%;
}
#login_area_mobile,
#login_area {
    text-align: right;
    color: var(--purple);
}
#login_area_mobile {
    text-align: center;
    font-size: var(--14px);
}
#login_area span {
    color: var(--orange);
}
#search_area {
    margin-left: 16px;
    cursor: pointer;
    position: relative;
    width: 100%;
    max-width: 304px;
}
#search_area form {
    display: flex;
}
#search_area input[type="search"] {
    font-family: museoSans500, sans-serif;
    border: 1px solid #c0bfdb;
    padding: 8px 16px;
    max-width: 304px;
    color: var(--primary-black);
    position: relative;
    left: 0;
    background: var(--white);
    width: calc(100% - 56px);
}
#search_area:hover input[type="search"] {
    border: 1px solid var(--purple);
    border-right: none;
}
#search_area input[type="search"]::placeholder {
    color: var(--light-grey);
}
#search_area input[type="search"]:focus {
    border: 1px solid var(--purple);
    border-right: none;
}
#search_area input[type="submit"] {
    width: 56px;
    height: 42px;
    border: none;
    border-radius: 0;
    background: url("images/search-purple.svg") no-repeat, 50% 50%;
    background-size: contain;
}
#search_area input[type="submit"]:hover,
#search_area input[type="submit"]:active {
    background: url("images/search-orange.svg") no-repeat, 50% 50%;
    background-size: contain;
}

/* SUB FOOTER */
#sub_footer {
    margin-top: 50px;
    margin-bottom: 50px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 291px);
    justify-content: space-between;
}
.foot-img:not(:empty) {
    height: 150px;
    max-width: 291px;
    width: 100%;
}
#foot_text_1,
#foot_text_2,
#foot_text_3 {
    margin-left: 10px;
    margin-top: 5px;
}

/*FOOTER*/
#footer {
    background-color: var(--purple);
    color: var(--white);
    padding-bottom: 32px;
}
#footer a {
    color: var(--white);
}
#footer .social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--purple);
    background-color: var(--white);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 20px;
    margin: 0 8px 8px 0;
}
#footer .social {
    grid-column: 4 / span 2;
}
#foot_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#foot_top1 {
    max-width: 496px;
    width: 100%;
    background: var(--turquoise);
    color: var(--purple);
    padding: 24px;
}
#foot_top2 {
    font-family: museoSans700, sans-serif;
    font-size: var(--22px);
    line-height: 30px;
    padding: 4px 0 0 22px;
}
#foot_top2 .button-styled {
    margin-top: 16px;
}
#footer .grid4 {
    display: grid;
    grid-template-columns: repeat(auto-fill, 171px);
    grid-gap: 40px;
    padding: 40px 0 16px;
    position: relative;
}
#foot_bottom2 {
    position: absolute;
    right: 20px;
    top: 100%;
}
#foot_bottom {
    min-height: 46px;
    display: flex;
    align-items: flex-end;
    width: 50%;
}

/* PAGE LAYOUT */

.dual_col {
    width: 626px;
    float: left;
    box-sizing: border-box;
}
.tri_col {
    width: 313px;
    padding-right: 22px;
    float: left;
    box-sizing: border-box;
}
.tri_col.last {
    padding-right: 0;
}
.full_width {
    width: 100%;
}
.tri_col.left {
    margin-right: 0;
    margin-left: 22px;
}

#main {
    min-height: 100px;
}
#home_top_left {
    width: 64%;
    float: left;
    height: 300px;
    position: relative;
}
#home_top_left_img {
    width: 100%;
    height: 100%;
    z-index: 1;
}
#home_top_left_img img {
    max-width: 100%;
}
#home_top_left_text {
    position: absolute;
    z-index: 2;
    top: 30%;
    left: 20px;
    width: calc(100% - 40px);
}
#home_top_left_text h1 {
    font-family: museoSans900, sans-serif;
    font-size: var(--32px);
}
#home_top_right_text h1 {
    font-family: museoSans900, sans-serif;
    font-size: var(--24px);
}
#home_top_right {
    width: 36%;
    float: left;
    height: 300px;
    position: relative;
}
#home_top_right_img {
    width: 100%;
    height: 100%;
    z-index: 1;
}
#home_top_right_img img {
    max-width: 100%;
}
#home_top_right_text {
    position: absolute;
    z-index: 2;
    top: 10%;
    left: 20px;
    width: calc(100% - 40px);
}
#home_left {
    width: 50%;
    box-sizing: border-box;
    padding-right: 20px;
    float: left;
    margin-top: 20px;
}
#home_right h2,
#home_left h2 {
    font-size: var(--22px);
    color: var(--orange);
    font-family: museoSans900, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#home_left_1 {
    width: 100%;
    float: left;
    height: 213px;
    position: relative;
}
#home_left_1_img {
    width: 100%;
    height: 100%;
    z-index: 1;
}
#home_left_1_img img {
    width: 100%;
}
#home_left_1_text {
    position: absolute;
    z-index: 2;
    top: 65%;
    left: 20px;
    width: calc(100% - 40px);
    line-height: 18px;
}
#home_left_3,
#home_left_2 {
    width: 50%;
    float: left;
    height: 185px;
    position: relative;
}
#home_left_3_img,
#home_left_2_img {
    width: 100%;
    height: 100%;
    z-index: 1;
}
#home_left_3_img img,
#home_left_2_img img {
    width: 100%;
    height: 100%;
}
#home_left_2_text {
    position: absolute;
    z-index: 2;
    top: 110px;
    left: 20px;
    width: calc(100% - 40px);
    line-height: 18px;
}
#home_left_3_text {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    line-height: 18px;
}
#home_bottom_left_text {
    width: 100%;
    min-height: 20px;
    margin: 10px 0 0 0;
}
#home_right {
    float: right;
    width: 50%;
    box-sizing: border-box;
    margin-top: 20px;
}
.home_news {
    padding-bottom: 9px;
    margin-bottom: 9px;
    border-bottom: 1px solid var(--purple);
}
.home_news_image {
    width: 140px;
    height: 120px;
    float: left;
    margin-right: 10px;
}
.home_news_text {
    float: left;
    color: var(--purple);
}
.home_news_text .span1 {
    color: var(--orange);
    margin-top: 13px;
}
.home_news_text .span2 {
    color: var(--purple);
    font-family: museoSans900, sans-serif;
    font-size: 20px;
    padding-bottom: 5px;
}
.home_multifields {
    padding-bottom: 9px;
    margin-bottom: 9px;
    border-bottom: 1px solid var(--purple);
}
.home_multifields .multiField_1 {
    width: 140px;
    height: 120px;
    float: left;
    margin-right: 10px;
}
.home_multifields .multiField_2 {
    color: var(--orange);
    padding-top: 13px;
}
.home_multifields .multiField_3 {
    color: var(--purple);
    font-family: museoSans900, sans-serif;
    font-size: 20px;
    padding-bottom: 5px;
}
.home_multifields .multiField_4 {
    color: var(--purple);
    width: 270px;
}
.home_news_last {
    border: 0;
}
#top_image {
    position: relative;
    height: 300px;
}
#top_image_img {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#top_image_text {
    position: absolute;
    left: 5%;
    top: 15%;
    width: 40%;
    height: 200px;
}
#top_image_text h1 {
    color: inherit;
    margin-bottom: inherit;
    font-size: var(--32px);
    line-height: 48px;
    font-family: museoSans900, sans-serif;
}
.tri_col h2 {
    font-family: museoSans700, sans-serif;
    color: var(--orange);
    font-size: var(--14px);
    line-height: 21px;
    margin-bottom: 0;
}
.single_col,
#single_col,
#single_col_embed {
    margin-bottom: 10px;
}
#single_col_embed.eventOne img {
    margin-right: 10px;
}
#single_col_embed.eventOverviewRight {
    float: left;
    width: calc(100% - 313px);
}
#single_col_embed h1 {
    color: var(--orange);
    font-family: museoSans900, sans-serif;
    font-size: 34px;
}
.tri_col img,
.single_col img,
#single_col img,
#single_col_embed img {
    max-width: 100%;
}
#single_col2 img,
#single_col img {
    padding: 5px;
    margin: 5px 20px 5px 5px;
    border: 1px solid #d7d7d7;
}
.single_col h2,
#single_col h2 {
    font-size: var(--16px);
}
.single_col ul,
#single_col ul {
    margin-left: 20px;
}
.single_col ul li,
#single_col ul li {
    margin-bottom: 5px;
}
.form_left {
    width: 35%;
    float: left;
    text-align: right;
    min-height: 20px;
}
.form_right {
    min-height: 20px;
    width: 65%;
    float: left;
    padding-left: 10px;
    box-sizing: border-box;
}
.form_group {
    margin-bottom: 10px;
    font-size: var(--16px);
    line-height: 30px;
}
.form_group input[type="checkbox"] {
    margin-top: 8px;
}
.text_field,
.form_group textarea,
.form_group input[type="password"],
.form_group input[type="text"] {
    border: 1px solid #333;
    padding: 5px 10px;
    width: 250px;
    font-family: museoSans500, sans-serif;
    font-size: var(--14px);
    transition: box-shadow 0.2s, border 0.2s;
}
.form_group textarea {
    font-family: museoSans500, sans-serif;
    resize: none;
    height: 80px;
    font-size: var(--14px);
    transition: box-shadow 0.2s, border 0.2s;
}
.text_field:focus,
.form_select:focus,
.form_group textarea:focus,
.form_group select:focus,
.form_group input:not([type="submit"]):focus {
    border: 1px solid var(--orange);
    box-shadow: 0px 0px 3px -1px var(--orange);
}
.form_select,
.form_group select {
    padding: 0 7px;
    width: 272px;
    border: 1px solid #333;
    box-sizing: border-box;
}
.form_select,
.form_group select {
    font-size: var(--14px);
    font-family: museoSans500, sans-serif;
}
.form_select option,
.form_group select option {
    padding: 5px 10px;
    font-size: var(--14px);
    font-family: museoSans500, sans-serif;
}
#title_other_text,
.title_other_text {
    width: 58px !important;
}
#us_area,
#org_reg {
    display: none;
}
#register_form h1 {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: var(--24px);
}
.invalid {
    border-color: #ff3300 !important;
}
.invalid + label,
label.invalid {
    color: #ff3300 !important;
}
#error_area,
#extra_error_area {
    display: none;
    background-color: #f2dede;
    color: #ff3300;
    padding: 20px;
    font-size: var(--16px);
    margin-top: 20px;
}
#error_area ul,
#extra_error_area ul {
    margin-left: 20px;
}

/* My Account */

#account_overdiv {
    font-size: var(--16px);
}
#account_overdiv h2 {
    color: var(--orange);
    font-size: var(--24px);
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: 20px;
    width: 100%;
}
.form_name {
    margin-top: 10px;
}
.account_left {
    float: left;
    width: 50%;
}
.account_right {
    float: right;
    width: 50%;
}
.account_full {
    float: left;
    width: 100%;
}
#delivery_area {
    display: none;
}
.account_err {
    color: #090;
    text-align: center;
    margin-top: 40px;
    font-size: var(--24px);
}
#order_history table {
    width: 100%;
}
#order_history table th {
    text-align: left;
}
#order_history > table > tbody > tr > td {
    vertical-align: top;
    border-bottom: 1px solid var(--orange);
    padding: 5px 0;
}
#order_history table td table {
    border: 1px solid #ccc;
}
#postcode,
#b_postcode,
#d_postcode {
    text-transform: uppercase;
}
.error_message {
    font-size: var(--16px);
}
.form_err.green {
    color: #090;
}
.form_err.red {
    color: #ff3300;
}

/* News/blog */

#add_news_form {
    margin-bottom: 20px;
}
#news_title {
    margin-top: 10px;
    margin-bottom: 20px;
}
#news_title h1 {
    font-size: var(--32px);
    line-height: 30px;
    font-family: museoSans700, sans-serif;
}
#news_image img {
    max-width: 100%;
}
#news_image {
    margin-bottom: 20px;
}
#news_subtitle {
    margin-bottom: 20px;
}
#news_text img {
    margin: 10px;
}
#news_text ul {
    margin-left: 20px;
}
#news_text ul li {
    margin-bottom: 10px;
}
#news_text p {
    margin-bottom: 15px;
}
.news_overview_content {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--orange);
}
.news_overview_content_left {
    width: 150px;
    float: left;
}
.news_overview_content_right {
    float: left;
    width: 476px;
    padding: 0 20px;
    box-sizing: border-box;
}
.news_overview_title h1 {
    margin-bottom: 0;
    font-size: var(--22px);
}
.news_overview_title h1 a {
    transition: color 0.3s;
}
.news_overview_date {
    font-size: var(--12px);
    font-style: italic;
}
.news_overview_image {
    width: 100%;
}
.news_overview_image img {
    max-width: 100%;
}
.story_list_month > span {
    display: block;
    margin-left: 15px;
    cursor: pointer;
    padding-left: 5px;
}
.story_list_month > span:hover {
    background-color: var(--orange);
    color: var(--white);
}
.story_list_month .story_list_list {
    display: none;
    margin-left: 20px;
}
.story_list_item {
    margin: 5px 10px;
}

.twoFieldStndLeft {
    width: 358px;
}
/* people */
#peopleMultiContainer {
    width: 625px;
    float: left;
}
.people_fields {
    margin-bottom: 20px;
    position: relative;
}
#peopleMultiContainer .multiField_1 {
    width: 80px;
    height: auto;
    min-height: 40px;
    float: left;
    box-sizing: border-box;
    padding: 5px;
    margin-right: 24px;
    border: 1px solid var(--black);
    overflow: hidden;
}
#peopleMultiContainer .multiField_1 img {
    height: auto;
    width: 100%;
}
#peopleMultiContainer .multiField_2 {
    width: 520px;
    min-height: 80px;
    float: right;
    overflow: hidden;
}

#peopleMultiContainer .multiField_2 img {
    border: 1px solid #d7d7d7;
    margin-right: 5px;
    height: 50px;
    padding: 5px;
}
.multi_area {
    margin-bottom: 10px;
}
.multi_area .multiField_1 {
    float: left;
    width: 100px;
    min-height: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.multi_area .multiField_1 img {
    max-width: 100%;
}

.multi_area .multiField_2 {
    font-size: var(--16px);
    font-family: museoSans700, sans-serif;
    margin-bottom: 5px;
}
.multi_area .multiField_3 {
    margin-bottom: 10px;
}
.multi_area .multiField_3,
.multi_area .multiField_4,
.multi_area .multiField_2 {
    float: left;
    width: calc(100% - 110px);
}
.search_results {
    margin-bottom: 10px;
}
.search_results_name {
    font-size: var(--16px);
    color: var(--orange);
}
/* DONATE LANDING */
#donation_landingBigImage {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 728px;
    padding: 36px 0;
}
#donation_landingBox {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    max-width: 544px;
}
#donation_landingTitle {
    background-color: var(--yellow);
    font-family: museoSans700, sans-serif;
    font-size: var(--24px);
    line-height: 34px;
    color: var(--purple);
    padding: 16px 32px;
    text-align: center;
}
#donation_landingBoxBottom {
    padding: 32px;
    font-size: var(--16px);
    line-height: 24px;
}
.donation-suggestion-title {
    border: 1px solid var(--light-grey);
    color: var(--purple);
    font-family: museoSans700, sans-serif;
    padding: 11px 24px;
    width: 50%;
    text-align: center;
    cursor: pointer;
}
.donation-suggestion-title.checked {
    border: 1px solid transparent;
    background-color: var(--purple);
    color: var(--white);
}
.donation-suggestion-title input {
    display: none;
}
#donation_landingBoxBottom .donation-button {
    float: none;
    background-color: var(--purple);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: museoSans700, sans-serif;
    padding: 11px 24px;
    margin-top: 16px;
    cursor: pointer;
}
.donation-suggestion-section + .donation-suggestion-section {
    margin-top: 16px;
}
.donation-amount-radio-buttons {
    display: flex;
    margin-bottom: 16px;
}
.donation-suggestion-other,
.donation-landing-img-text .donation-landing-img img,
#page_slide:not(.admin) .donation-landing-img-text,
#page_slide:not(.admin) .donation-landing-cost,
.donation-suggestion-amount input {
    display: none;
}
#donation_landingBoxBottom .custom-select,
#page_slide.admin .donation-landing-img-text {
    margin-top: 16px;
}
#page_slide.admin .donation-landing-img-text,
#page_slide:not(.admin) .donation-landing-img-text.show {
    display: flex;
    flex-wrap: wrap;
}
.donation-landing-img-text .donation-landing-cost {
    width: 100%;
}
.donation-landing-img-text .donation-landing-img {
    width: 100%;
    max-width: 184px;
    min-height: 128px !important;
}
.donation-landing-img-text .donation-landing-text {
    width: calc(100% - 184px);
    padding: 16px;
    color: var(--black);
    background-color: rgba(207, 69, 32, 0.1);
    font-size: var(--14px);
    line-height: 21px;
}
.donation-landing-img-text .donation-landing-text span {
    font-family: museoSans700, sans-serif;
    color: #CF4520;
}
.donation-suggestion-amount {
    padding: 12px 8px;
    min-width: 68px;
    text-align: center;
    color: var(--purple);
    font-family: museoSans700, sans-serif;
    border: 1px solid var(--light-grey);
    cursor: pointer;
    width: calc(100%/5);
}
.donation-suggestion-amount.checked {
    position: relative;
    background-color: var(--purple);
    color: var(--white);
    border: 1px solid var(--purple);
    border-right: 1px solid var(--light-grey);
    border-left: 1px solid var(--light-grey);
}
.donation-suggestion-amount.checked::after {
    content: "";
    position: absolute;
    background-color: var(--purple);
    width: 16px;
    height: 16px;
    top: calc(100% - 8px);
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}
.donation-suggestion-amount + .donation-suggestion-amount {
    border-left: none;
}
.donation-amount-box:not(.show) {
    display: none;
}
.donation-span::before {
    content: "£";
}
.donation-suggestion-other label {
    display: block;
    margin-bottom: 8px;
}
.donation-suggestion-other {
    position: relative;
}
.donation-suggestion-other .dollar-sign {
    position: absolute;
    bottom: 12px;
    left: 16px;
    z-index: 1;
    color: var(--purple);
}
.donation-suggestion-other input {
    position: relative;
    border: 1px solid var(--light-grey);
    background-color: transparent;
    padding: 11px 16px 11px 28px;
    width: 100%;
    font-size: var(--16px);
    line-height: 24px;
    color: var(--purple);
    font-family: museoSans500, sans-serif;
}
#donation_landingLearn {
    border-top: 1px solid rgba(44, 42, 41, 0.15);
    padding: 6px 32px 8px;
    text-align: center;
}
#donation_landingLearn i {
    cursor: pointer;
}
.button-select::after {
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-weight: 600;
    content: "\f078";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--purple);
    font-size: var(--14px);
}
.button-select.clicked::after {
    content: "\f077";
}
.custom-select {
    position: relative;
}
.custom-select ul {
    padding: 0;
    font-size: var(--14px);
    line-height: 21px;
}
.custom-select li {
    list-style: none;
    padding: 8px 16px;
    cursor: pointer;
}
.custom-select li:hover {
    background-color: rgba(60, 16, 83, 0.1);
}
.button-select {
    border: 1px solid var(--light-grey);
    background-color: transparent;
    min-height: 48px;
    padding: 11px 16px;
    width: 100%;
    position: relative;
    margin-top: 8px;
    cursor: pointer;
}
.select-container {
    display: none;
    width: 100%;
    background-color: #fafbfb;
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    border: 1px solid var(--light-grey);
    border-top: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    top: 100%;
    max-height: 50vh;
    overflow-y: auto;
}
#donation_landingText {
    max-width: 768px;
    margin: 56px 0 32px;
    font-family: museoSans700, sans-serif;
    font-size: var(--24px);
    line-height: 34px;
}
.donation-landing-section + .donation-landing-section {
    margin-top: 56px;
}
#donation_landingMultiSupportTitle {
    font-size: 20px;
    line-height: 30px;
    font-family: museoSans700, sans-serif;
    color: var(--orange);
    margin-bottom: 56px;
}
#donation_landingProblems {
    margin-bottom: 80px;
}
#donation_landingMultiSupport {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(275px, 320px));
    grid-gap: 16px;
    justify-content: center;
}
.multi-donation-support {
    position: relative;
    color: var(--black);
    font-size: var(--16px);
    line-height: 24px;
}
.multi-donation-support .multiField_0 {
    background-color: var(--orange);
    color: var(--white);
    font-family: museoSans700, sans-serif;
    font-size: 20px;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 9px 20px;
}
#page_slide.admin .multi-donation-support .multiField_0 {
    position: relative;
}
.multi-donation-support .multiField_1 {
    height: 192px;
}
.multi-donation-support .multiField_2 {
    background-color: rgba(193, 198, 200, 0.15);
    padding: 24px;
}
#page_slide:not(.admin) .multi-donation-support .multiField_2 {
    height: calc(100% - 192px);
}
.donation-landing-section.w544 {
    width: 100%;
    max-width: 544px;
    margin-left: auto;
    margin-right: auto;
    font-size: var(--16px);
    line-height: 24px;
}
.multi-donation-ways {
    border-bottom: 1px solid #c1c6c8;
}
.multi-donation-ways + .multi-donation-ways {
    margin-top: 16px;
}
.multi-donation-ways .multiField_0 {
    font-family: museoSans700, sans-serif;
    font-size: 20px;
    line-height: 30px;
    position: relative;
    margin-bottom: 16px;
    padding-right: 20px;
}
.multi-donation-ways .multiField_0::after {
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-weight: 600;
    content: "\e59e";
    position: absolute;
    top: 0;
    right: 0;
    font-size: var(--14px);
    cursor: pointer;
}
.multi-donation-ways.clicked .multiField_0 {
    margin-bottom: 8px;
}
.multi-donation-ways.clicked .multiField_0::after {
    content: "\f068";
}
#page_slide:not(.admin) .multi-donation-ways .multiField_1 {
    display: none;
}
#page_slide:not(.admin) .multi-donation-ways.clicked .multiField_1 {
    display: block;
}
.multi-donation-ways .multiField_1 {
    margin-bottom: 16px;
    color: var(--black);
}
.donation-landing-multi-title {
    font-family: museoSans700, sans-serif;
    font-size: var(--24px);
    line-height: 34px;
    color: var(--orange);
    margin-bottom: 24px;
}
#donation_landingMultiPast {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(232px, 1fr));
    grid-gap: 16px;
    justify-items: center;
}
.multi-donation-past {
    width: 100%;
    max-width: 320px;
}
.multi-donation-past .multiField_0 {
    background-size: 80px;
    padding: 28px;
    height: 136px;
}
.multi-donation-past:nth-child(3n + 1) .multiField_0 {
    background-color: var(--turquoise);
}
.multi-donation-past:nth-child(3n + 2) .multiField_0 {
    background-color: var(--yellow);
}
.multi-donation-past:nth-child(3n + 3) .multiField_0 {
    background-color: var(--orange);
}
.donation-support-bottom {
    background-color: var(--purple);
    color: var(--white);
    padding: 16px;
    font-size: var(--16px);
    line-height: 24px;
}
.multi-donation-past .multiField_1 {
    font-family: museoSans700, sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
}

/* single donation */
#DonateLandingTopSingle {
    width: 670px;
    border-bottom: 1px solid #bbb;
    float: right;
}
#DonateLandingTopSingle h1 {
    color: var(--orange);
    font-family: museoSans900, sans-serif;
    font-size: 34px;
}
#DonateLandingBottomSingle {
    width: 670px;
    float: right;
}
#SingleDonationBreadcrumbContainer {
    background-color: #ededed;
    padding: 8px 15px;
    margin-top: 20px;
}
.DonationBreadcrumb {
    float: left;
    color: var(--purple);
}
.DonationBreadcrumbActive {
    color: var(--orange);
}
.DonationBreadcrumbDivider {
    padding: 0px 16px;
    float: left;
}
.smallDonateTitle {
    font-family: museoSans500, sans-serif;
    font-size: var(--22px);
    border-bottom: 1px solid #e7e7e7;
    margin-top: 30px;
    padding-bottom: 4px;
}
.individDonateInput {
    margin-top: 30px;
}
#chooseAmountDonate {
    margin-left: 20px;
}
#SingleDonationAmount {
    border: 1px solid #333;
    padding: 5px 10px;
    font-family: museoSans500, sans-serif;
    font-size: var(--14px);
}
.checkout-review-box .giftaid-top {
    margin: -32px -32px 32px;
}
.giftaid-top {
    display: flex;
    background-color: var(--purple);
}
.giftaid-img {
    background-color: var(--yellow);
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.giftaid-text {
    color: var(--white);
    width: 100%;
    padding: 32px;
    align-self: center;
}
.giftaid-text > span {
    color: var(--yellow);
}
.giftaid-text > span:first-child {
    font-size: var(--20px);
    font-family: museoSans700, sans-serif;
}
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: var(--14px);
}
.checkbox-container input {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    cursor: pointer;
}
.radiomark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid var(--light-grey);
    border-radius: 100px;
    box-sizing: border-box;
}
.checkout_box_white .radiomark {
    top: 0;
}
.checkbox-container input:checked ~ .radiomark {
    border-color: var(--orange);
}
.radiomark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkbox-container input:checked ~ .radiomark:after {
    display: block;
    left: 1px;
    top: 1px;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background-color: var(--orange);
}
.checkbox-container + .checkbox-container {
    margin-top: 16px;
}
.giftaid-small {
    font-size: var(--12px);
    margin-top: 24px;
}

#giftAidText {
    margin-top: 20px;
}
#giftAidConfirm {
    margin-right: 6px;
}
.button {
    color: var(--white);
    background-color: var(--blue);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(center top, #08c, #04c);
    border-width: 1px;
    border-color: #04c #04c #002a80;
    border-radius: 5px;
    padding: 9px 14px;
    margin-top: 26px;
    cursor: pointer;
    float: right;
    text-align: center;
    font-size: var(--14px);
    font-family: museoSans500, sans-serif;
}
.button-styled {
    display: inline-block;
    font-size: var(--18px);
    line-height: 26px;
    min-width: 216px;
    padding: 11px 16px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}
.button-styled.button-blue {
    background: var(--turquoise);
    color: var(--purple);
}
.button-styled.button-yellow {
    background: var(--yellow);
    color: var(--purple);
}
.button-styled.button-orange {
    background: var(--orange);
    color: var(--white);
}
.button-styled.button-purple {
    background: var(--purple);
    color: var(--white);
}
.button-styled.button-purple-outline {
    border: 1px solid var(--purple);
    color: var(--purple);
}
.continueButton {
    color: var(--white);
    background-color: var(--blue);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(center top, #08c, #04c);
    border-color: #04c #04c #002a80;
    padding: 9px 14px;
    border-radius: 5px;
    width: 60px;
    margin-top: 26px;
    cursor: pointer;
    float: right;
    text-align: center;
}
.previousButton {
    text-align: center;
    color: var(--primary-black);
    background-image: -moz-linear-gradient(center top, #dbdbdb, #c9cbd1);
    padding: 9px 14px;
    border-radius: 5px;
    width: 60px;
    margin-top: 26px;
    cursor: pointer;
}
#singleDonationStage2,
#singleDonationStage3,
#singleDonationStageDirectDebit {
    display: none;
}
#singleDonationStage2 {
    margin-top: 20px;
}
.donateStandardInput {
    margin-left: 6px;
    border-radius: 2px;
    border: 1px solid #ccc;
    height: 30px;
    margin-top: 20px;
    width: 230px;
    box-sizing: border-box;
    padding: 0px 5px;
}
.left {
    float: left;
}
#stage3Text {
    margin-top: 20px;
}
#stage3ReviewContainer {
    margin-top: 20px;
}
.reviewTitle {
    font-family: museoSans500, sans-serif;
    font-size: var(--18px);
    border-bottom: 1px solid #e7e7e7;
    margin-top: 20px;
    padding-bottom: 4px;
    clear: both;
}
.reviewText {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}
.reviewResult {
    float: left;
    color: var(--orange);
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 4px;
}
#reviewPaymentFrequency {
    text-transform: capitalize;
}
.donateDetailSeperate {
    clear: both;
}
/* regular donations */
#donationFrequencyContainer {
    margin-left: 154px;
}
#chooseDonateFrequency {
    height: 29px;
    font-size: var(--14px);
    font-family: museoSans500, sans-serif;
    margin-left: 4px;
    border: 1px solid #333;
}
#chooseDonateStart1,
#chooseDonateStart2,
#chooseDonateStart3 {
    height: 29px;
    font-size: var(--14px);
    font-family: museoSans500, sans-serif;
    margin-left: 4px;
    border: 1px solid #333;
    width: 70px;
}
#donationReason {
    width: auto;
    padding: 0 5px;
    height: 29px;
    font-size: var(--14px);
    font-family: museoSans500, sans-serif;
    border: 1px solid #333;
    margin-top: 10px;
}
#donateRegularStartDate {
    margin-left: 221px;
}
/* Direct Debit */
.checkout-review-direct-debit-link {
    font-size: var(--14px);
    color: var(--orange);
    text-decoration: underline;
    margin-top: 16px;
    cursor: pointer;
}
.checkout-review-direct-debit-link.show .view,
.checkout-review-direct-debit-link .hide {
    display: none;
}
.checkout-review-direct-debit-link.show .hide {
    display: inline;
}
.checkout-review-direct-debit {
    font-size: var(--14px);
    display: none;
    margin-top: 24px;
}
#direct_debit_info_box {
    border-top: 2px solid rgb(237, 237, 237);
    padding: 32px 32px 0px;
    margin: 32px -32px 0px;
}
#direct_debit_info_box_image {
    margin: 16px 0;
}
#direct_debit_info_box_point ul {
    padding-bottom: 0px;
    padding-top: 4px;
    padding-left: 24px;
}
#direct_debit_info_box_point ul li::marker {
    font-size: var(--16px);
}
.direct-debit-section {
    margin-top: 24px;
}
.direct-debit-section-title {
    font-family: museoSans700, sans-serif;
    font-size: var(--16px);
}
.subDonateTitle {
    font-family: museoSans500, sans-serif;
    font-size: var(--16px);
    border-bottom: 1px solid #e7e7e7;
    margin-top: 30px;
    padding-bottom: 4px;
}
#directEligibleConfirm {
    margin-left: 8px;
}
/* eventOne */
#eventRight {
    width: 670px;
    float: right;
}
.eventTitle {
    border-bottom: 1px solid #e7e7e7;
}
.eventTitle,
.eventTitle a {
    font-family: museoSans700, sans-serif;
    font-size: var(--24px);
    margin-top: 26px;
    padding-bottom: 4px;
}
.eventDateTime,
.eventPriceHolder,
.eventLocationHolder,
.eventMapHolder,
.eventBookingHolder {
    margin: 10px 0px;
    font-family: museoSans700, sans-serif;
}
.eventPrice,
.eventLocation,
.eventMap {
    margin-left: 4px;
    font-family: museoSans500, sans-serif;
}
/* eventtwo */
#eventDonationBreadcrumbContainer {
    background-color: #ededed;
    padding: 8px 15px;
    margin-top: 20px;
}
#eventTicketTable {
    width: 100%;
    border-spacing: 0px;
    margin-top: 30px;
}
#eventTicketTable th {
    background-color: #f9f9f9;
    border: 1px solid rgb(221, 221, 221);
    font-family: museoSans700, sans-serif;
    height: 30px;
    font-size: var(--16px);
}
#eventTicketTable td {
    text-align: center;
    border: 1px solid rgb(221, 221, 221);
    height: 24px;
    font-size: var(--14px);
}
#eventDescription {
    min-height: 20px;
    margin-bottom: 10px;
}
.eventTicketSelect {
    width: 186px;
    border: 0;
    display: inline-block;
    text-align: center;
}
.eventContinueButton {
    color: var(--white);
    background-color: var(--blue);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(center top, #08c, #04c);
    border-color: #04c #04c #002a80;
    padding: 9px 14px;
    border-radius: 5px;
    width: 60px;
    margin-top: 26px;
    cursor: pointer;
    float: right;
}
.eventPreviousButton {
    color: var(--primary-black);
    background-image: -moz-linear-gradient(center top, #dbdbdb, #c9cbd1);
    padding: 9px 14px;
    border-radius: 5px;
    width: 60px;
    margin-top: 26px;
    cursor: pointer;
}
#eventStage2,
#eventStage3,
#eventStage4,
#eventStage5 {
    display: none;
}
#eventStage2,
#eventStage3 {
    margin-top: 26px;
}
.miniFormTitle {
    font-family: museoSans500, sans-serif;
    font-size: var(--22px);
    color: var(--primary-black);
    margin-bottom: 10px;
}
.eventFormBlock {
    border-top: 1px solid #cfc9c9;
    padding: 16px 0px;
}
.eventFormBlock:first-child {
    border: 0;
}

/*Event Overview*/
#event_overview_1 {
    font-size: var(--16px);
}
.event_overview_img {
    width: 35%;
    min-height: 100px;
    float: left;
}
.event_overview_details {
    margin: 0 0 0 20px;
    float: left;
    width: calc(65% - 20px);
}
#eventPage.event_overview_details .event_overview_img {
    width: 100%;
    float: none;
    margin-bottom: 10px;
}
.eventOverviewTitle {
    font-size: var(--24px);
    color: var(--orange);
}

.eventOverviewDescription {
    font-size: var(--16px);
}
.eventOverviewLocation {
    font-size: var(--14px);
    color: #666;
}
.eventOverviewBook {
    font-size: var(--16px);
}

/* Thankq */

#popup2 {
    padding: 10px;
    position: fixed;
    z-index: 502;
    background-color: var(--white);
    border: 5px solid var(--orange);
    box-shadow: 5px 5px 15px 0px #333;
    font: 20px Houschka-Medium, Arial, Verdana, Helvetica, sans-serif;
    text-align: center;
    box-sizing: border-box;
}
#tqEventList {
    overflow-y: auto;
}
#tqEventList table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}
#tqEventList td {
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 2px 0;
}

/* Internal Documents */

#login_form {
    width: 200px;
    margin: auto;
    margin-top: 30px;
}
#login_form input[type="password"],
#login_form input[type="text"] {
    width: 100%;
    border: 1px solid #333;
    padding: 5px 10px;
    font-family: museoSans500, sans-serif;
    font-size: var(--14px);
    transition: box-shadow 0.2s, border 0.2s;
    text-align: center;
}
#internal_logout {
    margin-bottom: 10px;
    font-size: var(--16px);
}
#internal_logout a {
    font-size: var(--14px);
    color: #888;
    font-style: italic;
}
#internal_logout a:hover {
    text-decoration: underline;
}
#pass_error {
    font-size: var(--18px);
    color: #ff3300;
    margin-top: 24px;
}
.fake_box {
    border: 1px solid #333;
    display: inline;
    padding: 5px 6px 4px 5px;
}

/* Ambassadors Template */
#single_col_intro,
.single_col_multi {
    margin-bottom: 50px;
}

.ambassadors_multi_area {
    display: inline-block;
    vertical-align: top;
    width: 15%;
    margin: 2.5%;
    text-align: center;
}

.ambassadors_multi_area .multiField_1 img {
    max-width: 100%;
}

/* TICKETS */
#ticketPop {
    width: 700px;
    min-height: 470px;
    background-color: #fafafa;
    position: fixed;
    left: calc(50% - 350px);
    border: 1px solid #666;
    z-index: 1;
}
#eventPage_tickets #ticketPop {
    position: static;
    border: none;
    max-width: 100%;
}
#eventPage_tickets #ticketPop_close {
    display: none;
}
#ticketPop_header {
    background-color: #ededed;
    line-height: 30px;
    color: var(--black);
    font-family: museoSans900, sans-serif;
    font-size: 20px;
    padding: 20px;
    position: relative;
}
#ticketPop_close {
    position: absolute;
    top: 25px;
    right: 28px;
    cursor: pointer;
}
#ticketPop_content {
    padding: 30px 20px 0 20px;
}
#ticketPop_title {
    font-size: var(--24px);
    font-family: museoSans700, sans-serif;
    margin-bottom: 10px;
}
#ticketPop_details * {
    color: var(--grey) !important;
    font-size: var(--16px) !important;
}
#ticketPop_tickets {
    padding: 10px 0;
}
.ticketPop_ticket {
    background-color: var(--white);
    border-left: 5px solid var(--orange);
    padding: 20px;
    position: relative;
    margin-bottom: 8px;
}
.ticketPop_ticket div[data-id="title"] {
    font-size: var(--18px);
    margin-bottom: 10px;
}
.ticketPop_ticket div[data-id="price"] {
    font-size: var(--16px);
}
.ticketPop_selector {
    position: absolute;
    right: 20px;
    top: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ticketPop_selector_minus,
.ticketPop_selector_plus {
    border: 1px solid var(--purple);
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    transition: background-color 0.25s;
    cursor: pointer;
}
.ticketPop_selector_minus:hover,
.ticketPop_selector_plus:hover {
    background-color: #ededed;
}
.ticketPop_selector_number {
    width: 50px;
    text-align: center;
    font-size: var(--18px);
}
#ticketPop_buttons {
    padding: 25px 30px;
    text-align: right;
}
.btn {
    padding: 14px 30px;
    font-family: museoSans700, sans-serif;
    font-size: var(--16px);
    text-align: center;
    border: 1px solid transparent;
    display: inline-block;
    cursor: pointer;
}
.btn + .btn {
    margin-left: 20px;
}
.btn.transp {
    border-color: var(--purple);
    color: var(--purple);
}
.btn.outline {
    border-color: var(--light-grey);
}
.btn.grey {
    border-color: #666;
    color: #666;
}
.btn.purple {
    background-color: var(--purple);
    color: var(--white);
}
.btn.purple a {
    color: var(--white);
}
.btn.invalid {
    background-color: var(--white) !important;
    color: #900 !important;
}
.btn.small {
    padding: 7px 15px;
}
#basket_icon {
    width: 34px;
    height: 33px;
    background: url(images/basket.png) no-repeat 50% 50%;
    background-size: contain;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
}
#basket_no {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background-color: var(--orange);
    position: absolute;
    top: 2px;
    right: 2px;
    color: var(--white);
    font-size: var(--12px);
    text-align: center;
    line-height: 18px;
    display: none;
}
.basket_container {
    width: calc(75% - 20px);
    margin-right: 20px;
}
.basket_container_right {
    width: 25%;
}
.basket_grey {
    background-color: #fafafa;
    padding: 20px;
}
.basketItem {
    margin-bottom: 20px;
    position: relative;
}
.basketItem.basket_empty {
    display: block;
}
.basketItem + .basketItem.basket_empty {
    display: none;
}
.basketItem_content {
    padding-bottom: 20px;
}
.basketItem_bottom {
    padding: 20px 0 0 0;
}
.basketItem_bottom > div + div {
    margin-left: 30px;
}
.basketItem_bottom select {
    border: none;
    font-size: var(--16px);
    background-color: transparent;
    font-family: museoSans500, sans-serif;
}
.basketItem_close {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
}
.basketItem_content * {
    color: var(--grey) !important;
    font-size: var(--14px) !important;
}

#main.checkout {
    background-color: #ededed;
    padding: 88px 0 56px;
}
.checkout_box_white a {
    text-decoration: underline;
    color: var(--orange);
}
.checkout_box_white {
    background-color: var(--white);
    position: relative;
    padding: 32px;
}
.checkout_box_white .checkout-box-top {
    padding: 0 32px 30px;
    margin: 0 -32px 24px;
    border-bottom: 2px solid #EDEDED;
}
.checkout_box_white .checkout-box-event {
    font-size: var(--16px);
}
.checkout_box_white .checkout-box-event .checkout-box-top {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 8px;
}
.checkout_box_white .checkout-box-event .checkout-box-top .orange-text {
    margin-top: 0;
}
.checkout-box-donation-text {
    margin-top: 24px;
    font-size: var(--16px);
}
.checkout_box_white .checkout-box-event .checkout-box-event-date-time {
    margin: 8px 0 16px;
    color: var(--grey);
    font-size: var(--14px);
}
.checkout-box-event + .checkout-box-event {
    padding: 24px 32px 0;
    margin: 24px -32px 0;
    border-top: 2px solid #EDEDED;
}
.checkout-box-event textarea {
    display: none;
    font-family: museoSans500, sans-serif;
    padding: 10px;
    border: 1px solid var(--light-grey);
    width: 100%;
    font-size: var(--16px);
    background-color: var(--white);
    resize: none;
    height: 100px;
    margin-top: 8px;
}
.checkout-box-event .attendee-requirements-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: var(--14px);
    margin-top: 24px;
    color: var(--orange);
}
.checkout-box-event .attendee-requirements-label span {
    text-decoration: underline;
}
.checkout-box-event .checkout-attendee-inputs {
    display: flex;
    margin-top: 16px;
}
.checkout-box-event .checkbox-container .smaller {
	color: var(--grey);
}
.checkout-box-event .checkbox-container.showOnPrevAttendee {
    padding-left: 0;
}
.checkout-box-event .checkout-attendee-inputs .input_div {
    margin-bottom: 0;
}
.checkout_box_white .checkout-box-top .checkout-box-title {
    font-family: museoSans700, sans-serif;
    font-size: var(--32px);
    line-height: 1.37;
}
.checkout_box_white .checkout-box-top .orange-text {
    font-size: var(--20px);
    font-family: museoSans700, sans-serif;
    margin-top: 8px;
}
.checkout-box-ticket-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
.checkout-box-ticket-container span:not(.orange-text) {
    font-family: museoSans700, sans-serif;
}
.checkout_box_white .btn-container {
	display: flex;
	gap: 16px;
	border-top: 2px solid #EDEDED;
	padding: 32px 32px 0;
	margin: 32px -32px 0;
}
.checkout_box_white .btn-container .btn {
    width: 100%;
}
.checkout_box_white .btn-container .btn.outline {
    max-width: 176px;
}
.checkout_box_white .btn-container .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 8px;
}
.checkout_box_white .btn-container .btn + .btn {
    margin-left: 0;
}
.checkout-input-3col {
    display: flex;
    gap: 16px;
}
.checkout-input-2col {
    display: flex;
    gap: 32px;
}
.checkout-input-3col .input_div,
.checkout-input-2col .input_div {
    width: 100%;
}
.input-with-lookup {
    display: flex;
}
.input-note {
    margin: 8px 0 16px;
}
.input-note span {
    font-family: museoSans900, sans-serif;
    color: var(--purple);
}
.input_div label.buyer-additional {
    font-size: var(--14px);
}
#buyer_postcode {
    text-transform: uppercase;
}
#postcode_button {
    border-color: var(--purple);
    max-width: 224px;
    font-size: var(--16px);
    justify-content: center;
    text-align: center;
}
#manual_address_link,
#lookup_address_link {
    color: var(--orange);
    text-decoration: underline;
    cursor: pointer;
    font-size: var(--14px);
}
#manual_address {
    margin-top: 24px;
}
#checkout_loginBox {
    width: 80%;
    padding: 30px 100px;
    margin: auto;
}
.input_div {
    margin-bottom: 20px;
}
.checkout-input-2col:last-child .input_div {
    margin-bottom: 0;
}
.input_sub {
    color: var(--grey);
    font-family: museoSans500, sans-serif;
}
.input_div input,
.input_div textarea,
.input_div select {
    font-family: museoSans500, sans-serif;
    padding: 10px;
    border: 1px solid var(--light-grey);
    width: 100%;
    font-size: var(--16px);
    background-color: var(--white);
}
.input_div textarea {
    min-height: 88px;
    resize: none;
}
.input_div input,
.input_div select {
    padding: 8px 16px;
    display: flex;
    align-items: center;
    height: 48px;
}
.input_div.inline {
    display: inline-block;
}
.input_div.inline + .input_div.inline {
    margin-left: 10px;
}
.input_div.inline.small {
    width: calc(20% - 10px);
}
.input_div.inline.med {
    width: calc(40% - 10px);
}
.input_div label {
    font-family: museoSans500, sans-serif;
    font-size: var(--16px);
    margin-bottom: 8px;
    display: inline-block;
}
.divider {
    border-bottom: 1px solid #ededed;
    margin-top: 40px;
    margin-bottom: 40px;
}
.divider.thin {
    margin-top: 20px;
    margin-bottom: 20px;
}
.chevron {
    display: none;
    border-color: var(--purple) transparent;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    height: 0;
    width: 0;
}
.rotated {
    border-width: 20px 20px 0 20px;
}
/* Checkout */
.checkout {
    position: relative;
}
.checkout-steps {
    width: 100%;
    bottom: calc(100% + 71px);
    left: 0;
    position: absolute;
    color: var(--mid-grey);
}
.checkout-steps .overdiv {
    width: 100%;
    display: flex;
}
.checkout-steps .checkout-step {
    width: calc(100%/3);
    text-align: center;
}
.checkout-steps.checkout-steps-event .checkout-step {
    width: calc(100%/4);
    text-align: center;
}
.checkout-steps .checkout-step.active {
    font-family: museoSans900, sans-serif;
}
.checkout-steps .checkout-step.selected {
    color: var(--primary-black);
    cursor: pointer;
}
.checkout-steps .checkout-step.selected .checkout-step-line {
    background-color: var(--orange);
}
.checkout-steps .checkout-step.selected:not(.active) .checkout-step-line {
    opacity: .5;
}
.checkout-steps .checkout-step-line {
    height: 6px;
    margin-bottom: 10px;
    background-color: #C4C4C4;
    border: 1px solid #EDEDED;
}
.checkout-review-section-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.checkout-review-section-top.checkout-review-total {
    margin-bottom: 0;
}
.checkout-review-section-title {
    color: var(--orange);
    font-size: var(--20px);
    font-family: museoSans700, sans-serif;
}
.btn.transp.checkout-review-edit {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    min-width: 120px;
    min-height: 48px;
    border-color: var(--light-grey);
}
.checkout-review-donation-edit,
.checkout-review-details-edit,
.checkout-review-payment-edit {
    display: none;
}
.checkout-review-donation-edit .btn,
.checkout-review-details-edit .btn:not(#postcode_button),
.checkout-review-payment-edit .btn {
	width: 100%;
	padding: 8px;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	display: flex;
    margin-top: 32px;
}
.checkout-review-donation-edit .checkout-review-section-top,
.checkout-review-details-edit .checkout-review-section-top {
	margin-bottom: 16px;
}
.checkout-review-section {
    padding: 16px 32px 24px;
    margin: 0 -32px;
}
.checkout-review-section:first-child {
    padding-top: 0px;
}
.checkout-review-section + .checkout-review-section {
    border-top: 2px solid #EDEDED;
}
.checkout-review-box {
    font-size: var(--16px);
}
.checkout-review-box + .checkout-review-box {
    padding: 32px;
    margin: 0 -32px;
    border-top: 24px solid #EDEDED;
}
.checkout-review-event + .checkout-review-event {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #EDEDED;
}
.checkout-review-event .grey-text {
    margin-left: 4px;
}
.checkout-attendee-container .checkout-attendee-ticket {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}
.checkout-review-box + .checkout-review-box.checkout-review-create-account {
    padding-bottom: 0;
}
.checkout-review-box.checkout-review-create-account .input_div:last-child {
    margin-bottom: 0;
}

#checkout_middle {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}
#checkout_left {
    width: calc(100% - 420px);
    margin-right: 20px;
}
#checkout_right {
    width: 350px;
}
.checkout_hidden_section {
    opacity: 0.5;
    margin: 20px 0 0 0;
    padding: 20px;
    background-color: var(--white);
}
.checkbox_div {
    border: 1px solid var(--light-grey);
    padding: 15px;
    margin-bottom: 5px;
    font-size: var(--16px);
    position: relative;
    padding-left: 36px;
}
.checkbox_div input {
    position: absolute;
    top: calc((100% - 14px) / 2);
    left: 10px;
    height: 14px;
    width: 14px;
}
.donation_suggestion_container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.donation_suggestion {
    border: 1px solid var(--light-grey);
    padding: 11px 8px;
    font-size: var(--16px);
    font-family: museoSans700, sans-serif;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    color: var(--purple);
}
.donation_suggestion:hover,
.donation_suggestion.selected {
    background-color: var(--purple);
    color: var(--white);
}
.donation_suggestion + .donation_suggestion {
    border-left: none;
}
.donation-currency-container {
    display: flex;
    align-items: center;
    border: 1px solid var(--light-grey);
    width: 100%;
    font-size: var(--16px);
    background-color: var(--white);
    padding: 8px 16px;
    height: 48px;
    gap: 4px;
}
.donation-currency-container input {
    border: none;
    height: auto;
    padding: 0;
}
.donation-currency-container input:focus-visible {
    outline: none;
}
#donation_amount_other::-webkit-inner-spin-button,
#donation_amount_other::-webkit-outer-spin-button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.btn.edit {
    position: absolute;
    top: 20px;
    right: 20px;
}

.museo500 {
    font-family: museoSans500, sans-serif;
}
.museo700 {
    font-family: museoSans700, sans-serif;
}
.museo900 {
    font-family: museoSans900, sans-serif;
}

.w100p {
    width: 100%;
}
.f16 {
    font-size: var(--16px);
}
.f20 {
    font-size: 20px;
}
.f24 {
    font-size: var(--24px);
}
.f32 {
    font-size: var(--32px);
}
.mb8 {
    margin-bottom: 8px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mauto {
    margin: auto;
}
.pad15 {
    padding: 15px;
}
.pad20 {
    padding: 20px;
}
.copper_text {
    color: var(--orange);
}
.tac {
    text-align: center;
}
.tal {
    text-align: left !important;
}
.bbox,
.bbox * {
    box-sizing: border-box;
}

/* Events overview */
.event_overview_event.filtered {
    display: none;
}
#month_filters {
    margin-top: 10px;
    margin-bottom: 20px;
}
#month_filters span {
    float: left;
    padding: 5px;
    margin-right: 10px;
    border: 1px solid var(--orange);
    cursor: pointer;
    transition: 0.5s background-color;
}
#month_filters span.sel,
#month_filters span:hover {
    background-color: var(--orange);
    color: var(--white);
}

/*HOME NEW*/
#main_slideshow_outer {
    position: relative;
}
#main_slideshow .slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("images/slide-overlay.svg") no-repeat 35% 70%;
    z-index: 300;
    background-size: cover;
}
#main_slideshow img {
    width: 100%;
    height: 392px;
    object-fit: cover;
}
#main_slideshow {
    height: 392px !important;
}
#page_slide.admin #main_slideshow .slide::after {
    content: none;
}
#main_slideshow h1 {
    font-family: museoSans700, sans-serif;
    font-size: var(--40px);
    line-height: 56px;
    color: inherit;
    margin-bottom: 24px;
}
#main_slideshow p {
    max-width: 320px;
    font-size: var(--16px);
    line-height: 24px;
    margin: 24px 0;
}
#main_slideshow .button-styled {
    min-width: 152px;
}
#main_slideshow .slider_text {
    position: absolute;
    max-width: 408px;
    z-index: 301;
    top: 0;
    right: 50%;
    color: var(--white);
    margin-top: 40px;
    margin-right: 86px;
}
#main_slideshow img {
    width: 100%;
}
#main_slideshow_outer .slide_arrows {
    position: absolute;
    top: 50%;
    z-index: 301;
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    cursor: pointer;
}
#main_slideshow_prev {
    left: 32px;
}
#main_slideshow_next {
    right: 32px;
}
#main_slideshow_outer .slide_navigation {
    position: absolute;
    bottom: 18px;
    width: 100%;
    z-index: 301;
    display: flex;
    align-items: center;
    justify-content: center;
}
#main_slideshow_outer .slider_button {
    width: 8px;
    height: 8px;
    margin-right: 8px;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}
#main_slideshow_outer .slider_button.slide_tracker_on,
#main_slideshow_outer .slider_button:hover {
    background-color: var(--white);
}
.home_new_flex {
    display: flex;
    margin: 56px 0;
}
#home_new_top_img {
    width: 472px;
}
#home_new_top_txt_container {
    width: 520px;
    background: var(--orange);
    color: var(--white);
    padding: 32px;
}
.home_new_flex_title,
#pre_footer_title {
    font-family: museoSans700, sans-serif;
    font-size: var(--32px);
    line-height: 48px;
    margin-bottom: 16px;
}
#home_multi_1 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
    grid-gap: 16px;
    margin: 56px 0;
    justify-content: center;
}
.home_multi_1 .multiField_0 {
    height: 192px;
}
.home_multi_1 .home_multi_1_bottom {
    display: flex;
    flex-direction: column;
    height: calc(100% - 192px);
    padding: 24px;
    background: rgba(193, 198, 200, 0.15);
}
#page_slide.admin .home_multi_1 .home_multi_1_bottom {
    height: calc(100% - 225px);
}
.home_multi_1 .multiField_1 {
    font-family: museoSans700, sans-serif;
    font-size: var(--24px);
    line-height: 34px;
    color: var(--purple);
    flex-grow: 1;
}
.home_multi_1 .multiField_2 {
    font-size: var(--18px);
    line-height: 26px;
    color: var(--orange);
    margin-top: 16px;
}
.home_multi_1 .multiField_2 a,
.home_multi_2 .multiField_2 a {
    color: inherit;
    text-decoration: underline;
}
.home_multi_title {
    font-family: museoSans700, sans-serif;
    font-size: var(--24px);
    line-height: 34px;
    color: var(--orange);
    margin-top: 56px;
    margin-bottom: 16px;
}
#home_multi_2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 18px;
    justify-content: center;
    justify-items: center;
}
.home_multi_2 {
    width: 100%;
}
.home_multi_2 .multiField_0.bg-container {
    height: 136px;
    background-size: 88px 80px;
}
.home_multi_2:nth-child(3n + 1) .multiField_0.bg-container {
    background-color: var(--turquoise);
}
.home_multi_2:nth-child(3n + 2) .multiField_0.bg-container {
    background-color: var(--yellow);
}
.home_multi_2:nth-child(3n + 3) .multiField_0.bg-container {
    background-color: var(--orange);
}
.home_multi_2 .home_multi_2_bottom {
    display: flex;
    flex-direction: column;
    height: calc(100% - 136px);
    padding: 16px;
    background: var(--purple);
    color: var(--white);
}
#page_slide.admin .home_multi_2 .home_multi_2_bottom {
    height: calc(100% - 169px);
}
.home_multi_2 .multiField_1 {
    font-family: museoSans700, sans-serif;
    font-size: 20px;
    line-height: 30px;
    flex-grow: 1;
}
.home_multi_2 .multiField_2 {
    font-size: var(--18px);
    line-height: 26px;
    margin-top: 16px;
}
#home_multi_3 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 8px;
    justify-content: center;
}
.home_multi_3 {
    position: relative;
    display: flex;
    flex-direction: column;
}
.home_multi_3 .multiField_0 {
    height: 128px;
}
.home_multi_3 .multiField_1 {
    position: absolute;
    top: 8px;
    right: 8px;
    background: var(--purple);
    color: var(--white);
    border-radius: 100px;
    padding: 2px 8px;
    font-size: var(--14px);
    line-height: 21px;
}
#page_slide.admin .home_multi_3 .multiField_1 {
    top: 60px;
}
.home_multi_3 .multiField_2 {
    font-family: museoSans700, sans-serif;
    font-size: var(--18px);
    line-height: 27px;
    background: var(--orange);
    padding: 16px;
    color: var(--white);
    flex-grow: 1;
}
#news_pagination {
    margin-top: 24px;
    text-align: center;
}
#news_pagination a {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #c1c6c8;
    cursor: pointer;
}
#news_pagination a + a {
    margin-left: 8px;
}
#news_pagination a:hover,
#news_pagination a.active {
    color: var(--orange);
}
.home_new_links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 56px;
}
.home_new_link {
    margin: 16px 8px 0 8px;
}
.home_new_link a {
    text-decoration: underline;
}
#home_new_bot_img {
    width: 320px;
}
#home_new_bot_txt_container {
    border: 1px solid #c1c6c8;
    border-left: none;
    width: 672px;
    padding: 32px;
}
#home_new_bot_title {
    color: var(--purple);
}
#home_new_bot_txt .button-styled {
    width: 100%;
}

/*Pre footer*/
#pre_footer_overdiv {
    max-width: 1280px;
    margin: 0 auto;
}
#pre_footer {
    margin-top: 56px;
    display: flex;
    align-items: center;
}
#pre_footer_left {
    width: 696px;
    margin-right: -336px;
    z-index: 1;
    background: var(--orange);
    padding: 32px;
    color: var(--white);
}
#pre_footer_img {
    width: 640px;
    height: 352px;
    position: absolute;
    top: 0;
    right: 144px;
}
#pre_footer_img_fake {
    width: 640px;
    height: 352px;
}

/*Culture*/
#culture_page {
    font-size: var(--18px);
    line-height: 27px;
}
.culture-grid2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
}
#culture_top_title {
    font-family: museoSans700, sans-serif;
    font-size: var(--40px);
    line-height: 56px;
    margin: 40px 0 24px;
    color: var(--purple);
}
#culture_top_link {
    margin-top: 32px;
}
#culture_top_img {
    width: 100%;
    height: 376px;
    border-radius: 0 0 1000px 1000px;
}
.culture-section-title {
    margin: 56px 0 24px;
    font-family: museoSans700, sans-serif;
    font-size: var(--24px);
    line-height: 34px;
    color: var(--purple);
}
.culture-grid4 {
    display: grid;
    grid-template-columns: repeat(auto-fill, 216px);
    grid-gap: 37px;
    justify-content: center;
}
#page_slide:not(.admin) .culture-value {
    position: relative;
}
#page_slide:not(.admin) .culture-value:hover .culture-value-txt,
#page_slide:not(.admin) .culture-value:active .culture-value-txt {
    animation: wiggle 2s infinite ease-in-out;
}
.culture-value-txt {
    font-family: museoSans700, sans-serif;
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    max-width: 216px;
    text-align: center;
    padding: 5px;
}
.culture-value-img {
    width: 184px;
    height: 184px;
    margin: 0 auto;
    position: relative;
}
.culture-value-img::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
#page_slide:not(.admin) .culture-value-txt {
    position: absolute;
    z-index: 1;
}
#page_slide:not(.admin) .culture-value-img {
    border-radius: 50%;
}
#page_slide:not(.admin) #culture_flexible {
    transform: rotate(-5deg);
    top: 12px;
}
#culture_flexible {
    background: var(--orange);
    color: var(--white);
}
#culture_flexible_img::after {
    background: rgba(207, 69, 32, 0.25);
}
#page_slide:not(.admin) #culture_compassionate {
    transform: rotate(2deg);
    bottom: 4px;
}
#culture_compassionate {
    background: var(--yellow);
    color: var(--purple);
}
#culture_compassionate_img::after {
    background: rgba(255, 184, 28, 0.25);
}
#page_slide:not(.admin) #culture_professional {
    transform: rotate(3deg);
    top: 6px;
}
#culture_professional_img::after {
    background: rgba(60, 16, 83, 0.25);
}
#culture_professional {
    background: var(--purple);
    color: var(--white);
}
#page_slide:not(.admin) #culture_integrity {
    transform: rotate(-2deg);
    bottom: 4px;
}
#culture_integrity {
    background: var(--turquoise);
    color: var(--purple);
}
#culture_integrity_img::after {
    background: rgba(0, 176, 185, 0.25);
}
#culture_second_section_txt {
    margin-bottom: 32px;
}
#culture_cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(312px, 1fr));
    grid-gap: 16px;
}
.culture-card {
    width: 100%;
    height: 264px;
    background-color: var(--purple);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
#culture_card_1 {
    background-image: url("images/hand.png");
}
#culture_card_2 {
    background-image: url("images/people.png");
}
#culture_card_3 {
    background-image: url("images/pen.png");
}
#culture_card_4 {
    background-image: url("images/heart.png");
}
#culture_card_5 {
    background-image: url("images/tick.png");
}
#culture_card_6 {
    background-image: url("images/corporate.png");
}
.culture-card-number {
    position: absolute;
    top: 24px;
    left: 24px;
    font-family: museoSans700, sans-serif;
    font-size: var(--32px);
    line-height: 48px;
    color: var(--purple);
    z-index: 2;
}
.culture-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 112px;
    height: 112px;
    background: var(--orange);
    border-radius: 5px 0 500px;
}
.culture-card:hover::after,
.culture-card:active::after {
    width: 100%;
    height: 100%;
    border-radius: 0;
    transition: 0.2s;
}
.culture-card-txt {
    color: var(--white);
    font-family: museoSans700, sans-serif;
    font-size: var(--24px);
    line-height: 34px;
    padding: 24px;
    z-index: 2;
}
#culture_box {
    margin: 56px 0;
    border: 1px solid var(--orange);
    border-radius: 10px;
    padding: 0 32px 32px;
}
#culture_pages {
    display: flex;
    align-items: center;
    justify-content: center;
}
.culture-page {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 30px;
    color: var(--purple);
    background: rgba(60, 16, 83, 0.25);
    cursor: pointer;
}
.culture-page + .culture-page {
    border-left: 1px solid var(--white);
}
.culture-page.selected {
    background: var(--orange);
    color: var(--white);
    font-family: museoSans700, sans-serif;
}
#page_slide:not(.admin) .culture-box {
    display: none;
}
#page_slide:not(.admin) .culture-box.selected {
    display: block;
}
.culture-box-title {
    margin: 32px 0;
    text-align: center;
    font-family: museoSans700, sans-serif;
    font-size: var(--24px);
    line-height: 34px;
    color: var(--purple);
    display: flex;
    justify-content: center;
}
.culture-box-title::before {
    color: var(--orange);
    margin-right: 8px;
}
#culture_box_1_title::before {
    content: "01.";
}
#culture_box_2_title::before {
    content: "02.";
}
#culture_box_3_title::before {
    content: "03.";
}
#culture_box_4_title::before {
    content: "04.";
}
#culture_box_5_title::before {
    content: "05.";
}
#culture_box_6_title::before {
    content: "06.";
}
.culture_box_multi {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(376px, 1fr));
    grid-gap: 32px;
}
.culture-box-multi {
    position: relative;
}
.culture-box-multi .multiField_0 {
    font-family: museoSans700, sans-serif;
    font-size: var(--14px);
    line-height: 21px;
    padding: 2px 12px 1px;
    display: inline-block;
}
#page_slide:not(.admin) .culture-box-multi .multiField_0 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.culture-box-multi .bg-container {
    position: relative;
    width: 100%;
    height: 296px;
}
.culture-box-multi .multiField_1 {
    height: 100%;
}
.culture-box-multi .multiField_2 {
    font-family: museoSans700, sans-serif;
    font-size: 20px;
    line-height: 30px;
    padding: 16px 60px 16px 16px;
    min-height: 64px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
#page_slide.admin .culture-box-multi .multiField_2 {
    min-height: 64px;
}
#page_slide:not(.admin) .culture-box-multi .multiField_2:empty {
    display: none;
}
.culture-box-multi .multiField_2.arrow::after {
    font-family: "Font Awesome 6 Pro", sans-serif;
    content: "\f054";
    position: absolute;
    top: 16px;
    right: 24px;
    cursor: pointer;
}
.culture-box-multi .multiField_2.arrow:hover::after {
    content: "\f138";
    color: var(--white);
    font-size: 30px;
    right: 16px;
}
.culture-box-multi.open .multiField_2.arrow::after {
    transform: rotate(90deg);
}
.culture-box-multi .culture-filter {
    opacity: 0.25;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#page_slide:not(.admin) .culture-box-multi .culture-filter {
    z-index: 1;
}
.culture-box-multi .multiField_3 {
    font-size: var(--16px);
    line-height: 24px;
    padding: 16px;
    background: #f2f2f2;
}
#page_slide:not(.admin) .culture-box-multi .multiField_3,
#page_slide:not(.admin) .culture-box-multi .small {
    display: none;
}
#page_slide:not(.admin) .culture-box-multi.open .multiField_3,
#page_slide:not(.admin) .culture-box-multi.open .small {
    display: block;
}
.culture-box-multi .small {
    font-size: var(--14px);
    line-height: 21px;
    padding: 0 16px 16px;
    background: #f2f2f2;
    color: rgba(44, 42, 41, 0.6);
}
#culture_jump {
    display: flex;
    justify-content: center;
    margin: 56px auto;
}

@keyframes wiggle {
    0% {
        -webkit-transform: rotate(2deg);
    }
    25% {
        -webkit-transform: rotate(-2deg);
    }
    50% {
        -webkit-transform: rotate(2deg);
    }
    75% {
        -webkit-transform: rotate(-2deg);
    }
    100% {
        -webkit-transform: rotate(2deg);
    }
}
#donation_landingSelects {
    margin-top: 24px;
}
#donation_landingSelects select {
    width: 100%;
    border: 1px solid var(--black);
    padding: 13px 16px;
    margin: 8px 0;
    background-color: transparent;
    font-family: museoSans500, sans-serif;
    font-size: var(--16px);
    line-height: 1.5;
    height: 48px;
    display: flex;
    align-content: center;
}
/* ELIGIBILITY */
#eligibility_area {
    border: 1px solid var(--orange);
    border-radius: 10px;
    padding: 0 32px 32px 32px;
    text-align: center;
}
#eligibility_area_title {
    color: var(--orange);
    margin-top: 48px;
    margin-bottom: 16px;
    font-size: var(--24px);
    line-height: 1.5;
}
#eligibility_tabs {
    display: flex;
    justify-content: center;
}
#eligibility_tabs > div {
    color: var(--purple);
    background-color: rgba(60, 16, 83, 0.25);
    padding: 8px 16px;
    display: inline-block;
    border-right: 1px solid var(--white);
}
#page_slide.admin #eligibility_tabs > div {
    cursor: pointer;
}
#page_slide.admin #eligibility_tabs > div:hover {
    opacity: 0.9;
}
#eligibility_tabs > div.selected {
    background-color: var(--orange);
    color: var(--white);
}
#eligibility_title_question {
    margin-top: 32px;
    color: var(--orange);
    font-size: var(--16px);
}
#eligibility_title_area > div {
    color: var(--purple);
    font-size: var(--24px);
    margin-bottom: 32px;
    font-family: museoSans700, sans-serif;
}
.eligibility_question {
    padding: 16px;
    color: var(--orange);
    font-size: var(--18px);
    border: 1px solid var(--orange);
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 24px;
}
.eligibility_title .eligibility_admin_button,
.eligibility_question .eligibility_admin_button {
    display: inline-block;
    margin-left: 10px;
    padding: 0 4px;
    color: var(--orange);
    font-size: var(--18px);
}
.eligibility_question.selected,
#eligibility_tabs .eligibility_admin_button:hover,
#eligibility_questions .eligibility_admin_button:hover {
    background-color: var(--orange);
    color: var(--white);
}
.eligibility_question:hover {
    opacity: 0.9;
}
#eligibility_buttons,
.eligibility_title[data-set="results"] {
    margin-top: 32px;
}
#eligibility_title_area > div.eligibility_title[data-set="results"] {
    margin-bottom: 0;
}
#eligibility_title_area
    > div.eligibility_title.eligibility_description[data-set="results"] {
    color: var(--primary-black);
    font-size: var(--16px);
    font-family: museoSans500, sans-serif;
    margin-top: 8px;
    margin-bottom: 32px;
}
#eligibility_buttons .button-purple.disabled {
    opacity: 0.3;
}
#page_slide.admin #eligibility_buttons .button-purple.disabled {
    opacity: 1 !important;
}
#eligibility_results {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: -16px -16px 0;
}
#eligibility_results a {
    color: var(--white);
    text-decoration: underline;
}
.eligibility_result_multi {
    width: calc(33% - 32px);
    min-width: 284px;
    max-width: 284px;
    margin: 16px;
    background-color: var(--purple);
    color: var(--white);
    text-align: left;
}
.eligibility_result_multi .multiField_1,
.eligibility_result_multi .multiField_2,
.eligibility_result_multi .multiField_3 {
    padding: 0 16px;
    font-family: museoSans700, sans-serif;
}
.eligibility_result_multi .multiField_2,
.eligibility_result_multi .multiField_3 {
    font-size: var(--16px);
    font-family: museoSans500, sans-serif;
}
.eligibility_result_multi .multiField_3 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.eligibility_result_multi .multiField_4 {
    display: none;
}
.eligibility_popup_questionSetTitle {
    margin: 16px 0 8px 0;
    font-family: museoSans900, sans-serif;
}
.eligibility_popup_questionSet > div {
    margin-bottom: 8px;
    font-family: museoSans500, sans-serif;
}

#eligibility_title_area > div.selected,
.eligibility_questionSet.selected {
    display: block;
}
#eligibility_title_area > div,
.eligibility_questionSet,
#eligibility_buttons[data-type="first_step"] > div[data-action="back"],
#eligibility_buttons[data-type="first_step"] > div[data-action="results"],
#eligibility_buttons[data-type="first_step"] > div[data-action="contact"],
#eligibility_buttons[data-type="middle_step"] > div[data-action="results"],
#eligibility_buttons[data-type="middle_step"] > div[data-action="contact"],
#eligibility_buttons[data-type="last_step"] > div[data-action="contact"],
#eligibility_buttons[data-type="last_step"] > div[data-action="continue"],
#eligibility_buttons[data-type="results_step"] > div[data-action="back"],
#eligibility_buttons[data-type="results_step"] > div[data-action="results"],
#eligibility_buttons[data-type="results_step"] > div[data-action="continue"] {
    display: none;
}
.eligibility_admin_button {
    cursor: pointer;
}
#eligibility_tabs .eligibility_admin_button {
    background-color: var(--white);
}
/*FAQs*/
#faqs_container {
    max-width: 656px;
    margin: 56px auto;
    font-size: var(--16px);
    line-height: 1.5;
}
#faqs_container h3 {
    font-size: var(--24px);
}
#faqs_title {
    margin: 56px 0 8px;
}
#faqs_multi .multi_add {
    margin-top: 16px;
}
.faq-multi {
    padding: 16px 0;
    border-bottom: 1px solid #c1c6c8;
}
.faq-multi .multiField_0 {
    font-family: museoSans700, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: var(--purple);
    position: relative;
    padding-right: 25px;
}
.faq-multi .multiField_0.icon::after {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    content: "\2b";
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-size: var(--18px);
    cursor: pointer;
}
.faq-multi.open .multiField_0.icon::after {
    content: "\f068";
}
.faq-multi .multiField_1 {
    margin-top: 8px;
}
#faqs_container.no-admin .faq-multi:not(.open) .multiField_1 {
    display: none;
}

/*WEBINARS*/

.top_image_content_container {
    position: absolute;
    top: 15%;
    left: 5%;
    width: 40%;
}

.top_image_content_container > * {
    position: static !important;
}

.top_image_content_container > #top_image_text {
    width: 100%;
    height: auto;
}

.top_image_content_container > #top_image_button {
    width: 176px !important;
    font-family: museoSans500, sans-serif;
}

#page_slide.admin #top_image_button {
    display: none;
}

div.top_image_content_container,
div.webinar-container {
    color: var(--primary-black);
    --webinar-bg-grey: #ededed;
    --primary-orange: var(--orange);
    --primary-purple: var(--purple);
    --secondary-silver: #c1c6c8;
    --secondary-yellow: var(--yellow);
}

div.webinar-container p,
div.webinar-container input,
div.webinar-container div.webinar-search-select {
    color: var(--primary-black);
    font-family: museoSans500, sans-serif;
}
div.webinar-container > p {
    line-height: 24px;
    font-size: var(--16px);
}

div.webinar-container h1,
div.webinar-container h2,
div.webinar-container h3,
div.webinar-container h4,
div.webinar-container h5,
.webinar-category-button > h5,
div.multiField_3 {
    margin-bottom: 16px;
    color: var(--primary-purple);
    font-family: museoSans700, sans-serif;
}

div.webinar-container h3 {
    line-height: 34px;
    font-size: var(--24px);
}

div.webinar-container h5,
.webinar-category-button > h5 {
    line-height: 27px;
    font-size: var(--18px);
}

div.webinar-container input,
div.webinar-container div.webinar-search-select > select {
    border: 1px solid #e0e0e0;
}

div.webinar-container input,
div.webinar-container div.webinar-search-select > select,
div.webinar-container div.webinar-search-select > label {
    padding: 8px 16px;
    height: 40px;
    line-height: 24px;
    font-size: var(--16px);
}

div.webinar-container input {
    color: var(--primary-black);
}

div.webinar-container input::placeholder {
    color: var(--secondary-silver);
}

div.webinar-container div.webinar-categories-grid {
    display: flex;
    flex-wrap: nowrap;
}

div.webinar-categories-grid {
    grid-gap: 48px;
}

div.webinar-side-menu {
    display: flex;
    flex-direction: column;
    flex-basis: 280px;
    width: 100%;
}

div.webinar-side-menu > div.webinar-side-menu-item {
    padding: 8px;
    width: 100%;
    line-height: 18px;
    font-size: var(--18px);
}

div.webinar-side-menu > div.webinar-side-menu-item.selected {
    background: var(--primary-orange);
}

div.webinar-side-menu > div.webinar-side-menu-item.selected > a {
    color: var(--white);
}

div.webinar-category-button-container {
    flex-grow: 1;
}

div.webinar-category-button-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    justify-content: space-evenly;
}

div.webinar-category-button-grid-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    align-items: baseline;
}

div.webinar-category-button-grid-top > * {
    margin-bottom: 0 !important;
}

div.webinar-category-button-grid-top > h5 {
    flex-grow: 1;
    min-width: max-content;
}

div.webinar-category-button-grid-top > p > a,
#webinar-search-summary-clear > a {
    cursor: pointer;
    text-decoration: underline;
}

#webinar-search-summary-clear > a {
    color: var(--primary-orange);
}

div.webinar-category-button {
    position: relative;
    flex-grow: 1;
    border-radius: 5px;
    background-color: var(--orange);
    cursor: pointer;
    padding: 16px 40px 16px 16px;
    max-width: 250px;
    min-height: 80px;
    letter-spacing: 0.5px;
    color: var(--white);
    display: flex;
    align-items: center;
}

#page_slide.admin div.webinar-category-button {
    height: auto;
}

div.webinar-category-button > h5 {
    line-height: 24px;
}

#page_slide.admin
    div.webinar-category-button
    .webinar-category-button-static-field,
#page_slide.admin div.webinar-category-button .webinar-category-button-order {
    color: var(--white);
}

div.webinar-category-button > h5 {
    color: inherit;
}

div.webinar-category-button:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    border-radius: 0 0 0 100%;
    background-color: inherit;
    width: 40px;
    height: 40px;
    content: "";
}

div.webinar-category-button:after,
button.webinar-search-button:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-size: var(--24px);
}
div.webinar-category-button:after {
    transform: translate(8%, -8%);
    z-index: 2;
    color: inherit;
    content: "\f061";
}

.webinar-category-button > .webinar-category-button-image > img {
    position: absolute;
    top: 0;
    left: 0;
    filter: grayscale(1);
    transition: opacity 0.4s ease-out;
    opacity: 0.5;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.webinar-category-button:hover > .webinar-category-button-image > img {
    opacity: 0;
}

#page_slide.admin
    .webinar-category-button
    > .webinar-category-button-image
    > img {
    position: relative;
    opacity: 1;
}

#page_slide.admin
    .webinar-category-button
    .webinar-category-button-static-field {
    padding: 18px 0;
}

#page_slide.admin .webinar-search-result-card .mint_multiField {
    padding-top: 18px;
}

#page_slide.admin .webinar-search-result-card .mint_multiField.multiField_5 {
    padding-bottom: 28px;
}

#page_slide.admin
    .webinar-category-button
    .webinar-category-button-static-field:before,
#page_slide.admin .webinar-search-result-card .mint_multiField:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 4px 0;
    color: var(--white);
    font-size: 10px;
}

#page_slide.admin .webinar-search-result-card .mint_multiField:before {
    color: var(--primary-black);
}

.webinar-category-button-bg-hex:before {
    content: "BG (#HEX)";
}

.webinar-category-button-txt-hex:before {
    content: "Text (#HEX)";
}

#page_slide.admin .webinar-category-button .webinar-category-button-order {
    padding-top: 32px;
}

.webinar-category-button-order:before {
    content: "Order (integer) - empty means hidden";
}

#page_slide.admin
    .webinar-search-result-card
    .mint_multiField.multiField_0:before {
    content: "Tags (comma separated)";
}

#page_slide.admin
    .webinar-search-result-card
    .mint_multiField.multiField_2:before {
    padding-left: 8px;
    content: "Date";
}

#page_slide.admin
    .webinar-search-result-card
    .mint_multiField.multiField_3:before {
    content: "Title";
}

#page_slide.admin
    .webinar-search-result-card
    .mint_multiField.multiField_4:before {
    content: "Description";
}

#page_slide.admin
    .webinar-search-result-card
    .mint_multiField.multiField_5:before {
    content: "URL";
}

.webinar-category-button > h5 {
    position: relative;
    z-index: 2;
    line-height: 24px;
    color: var(--white);
    font-size: var(--16px);
    margin-bottom: 0 !important;
}

div.webinar-search-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}

div.webinar-search-col {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-grow: 1;
}

div.webinar-search-col > input {
    width: 100%;
    min-width: 312px;
    border-right-thickness: 0;
}

#webinar-search-summary {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    align-items: baseline;
}

#webinar-search-summary > h3 {
    flex-grow: 1;
}

button.webinar-search-button {
    position: relative;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

button.webinar-search-button:after {
    z-index: 0;
    background: var(--primary-purple);
    color: var(--white);
    content: "\f002";
}

div.webinar-search-results-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

div.webinar-search-result-card {
    width: 100%;
}

div.webinar-search-result-card-image-container {
    position: relative;
    height: 224px;
}

#page_slide.admin div.webinar-search-result-card .multiField_0 {
    position: static;
}

div.webinar-search-result-card-image-container .multiField_1 {
    width: 100%;
    height: 100%;
}

div.webinar-search-result-card-image-container .multiField_1 > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div.webinar-search-result-card .multiField_0,
div.webinar-search-result-card .multiField_2 {
    position: absolute;
    left: 8px;
}

div.webinar-search-result-card .multiField_0 {
    display: flex;
    top: 8px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

div.webinar-search-result-card .multiField_0 > p,
div.webinar-search-result-card .multiField_2 {
    border-radius: 20px;
    padding: 4px 8px;
    text-align: center;
    line-height: 18px !important;
    color: var(--primary-purple);
    font-size: 12px !important;
}

div.webinar-search-result-card .multiField_0 > p {
    background: var(--primary-orange);
    letter-spacing: 0.25px;
    color: var(--white);
    font-family: museoSans700, sans-serif;
}

div.webinar-search-result-card .multiField_2 {
    position: absolute;
    bottom: 8px;
    background: var(--white);
    font-family: museoSans700, sans-serif;
}

#page_slide:not(.admin) div.webinar-search-result-card .multiField_2 {
    display: none;
}

div.webinar-search-result-card-body {
    background: var(--webinar-bg-grey);
    padding: 24px;
    height: calc(100% - 224px - 48px);
    min-height: 160px;
}

#page_slide.admin .webinar-search-result-card-body {
    height: auto;
}

div.webinar-search-result-card-body .multiField_3 {
    margin-bottom: 8px;
    line-height: 30px;
    font-size: 20px;
}

div.webinar-search-result-card-body .multiField_4 {
    line-height: 21px;
}

.top_image_content_container > #top_image_button,
div.webinar-search-result-card > button,
div.webinar-search-result-card > button > a,
button#webinar-search-results-load-more {
    border: none;
    background: var(--primary-orange);
    cursor: pointer;
    width: 100%;
    height: 48px;
    text-align: center;
    line-height: 26px;
    font-family: museoSans500, sans-serif;
    font-size: var(--18px);
}

.top_image_content_container > #top_image_button,
div.webinar-search-result-card > button > a,
button#webinar-search-results-load-more {
    transition: opacity 0.4s ease-out;
    color: var(--white) !important;
}

button#webinar-search-results-load-more {
    display: block;
    background: var(--primary-purple);
    max-width: 228px;
}

button.webinar-search-result-card > button:hover > a {
    opacity: 0.5;
}

div.webinar-search-select,
div.webinar-search-select > label,
div.webinar-search-select > select {
    position: relative;
    cursor: pointer;
    width: 100%;
    min-width: 208px;
}

div.webinar-search-select > label {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    color: var(--primary-purple);
}

div.webinar-search-select > select {
    appearance: none;
    background: var(--white);
    line-height: 22px !important;
    color: var(--primary-orange);
}

div.webinar-search-select > select > option {
    border: none;
    background: var(--white);
}

div.webinar-search-select:after {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-size: 17px;
    content: "\f078";
}

select#webinar-search-select-category {
    padding-left: 92px;
}

select#webinar-search-select-sort {
    padding-left: 54px;
}

/*WEBINAR MOBILE*/

@media only screen and (max-width: 900px) {
    div.webinar-container div.webinar-category-button-grid,
    div.webinar-search-results-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 650px) {
    div.webinar-container div.webinar-categories-grid > div:nth-child(1) {
        display: none;
    }
}

@media only screen and (max-width: 560px) {
    div.webinar-search-results-grid {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 400px) {
    div.webinar-container div.webinar-category-button-grid {
        grid-template-columns: 1fr;
    }

    div.webinar-container
        div.webinar-category-button-grid
        div.webinar-category-button {
        max-width: 100%;
    }
}

@media only screen and (max-width: 360px) {
    div.webinar-container div.webinar-categories-grid {
        display: block;
    }
    div.webinar-search-col > input {
        min-width: 0;
    }
}

/*WEBINARS UTILS*/

div.webinar-divider {
    margin: 4px 0;
    border-bottom: 1px solid var(--secondary-silver);
    width: 100%;
}

.text-primary-orange {
    color: var(--primary-orange) !important;
}

.text-primary-purple {
    color: var(--primary-purple) !important;
}

.d-none {
    display: none !important;
}

.m-4 {
    margin: 4px;
}
.m-8 {
    margin: 8px;
}
.m-16 {
    margin: 16px;
}
.m-32 {
    margin: 32px;
}
.m-auto {
    margin: auto;
}
.mt-4 {
    margin-top: 4px;
}
.mt-8 {
    margin-top: 8px;
}
.mt-16 {
    margin-top: 16px;
}
.mt-24 {
    margin-top: 24px;
}
.mt-32 {
    margin-top: 32px;
}
.mt-auto {
    margin-top: auto;
}
.mb-4 {
    margin-bottom: 4px;
}
.mb-8 {
    margin-bottom: 8px;
}
.mb-16 {
    margin-bottom: 16px;
}
.mb-24 {
    margin-bottom: 24px;
}
.mb-32 {
    margin-bottom: 32px;
}
.mb-auto {
    margin-bottom: auto;
}
.ms-4 {
    margin-left: 4px;
}
.ms-8 {
    margin-left: 8px;
}
.ms-16 {
    margin-left: 16px;
}
.ms-32 {
    margin-left: 32px;
}
.ms-auto {
    margin-left: auto;
}
.me-4 {
    margin-right: 4px;
}
.me-8 {
    margin-right: 8px;
}
.me-16 {
    margin-right: 16px;
}
.me-32 {
    margin-right: 32px;
}
.me-auto {
    margin-right: auto;
}
.mx-4 {
    margin-right: 4px;
    margin-left: 4px;
}
.mx-8 {
    margin-right: 8px;
    margin-left: 8px;
}
.mx-16 {
    margin-right: 16px;
    margin-left: 16px;
}
.mx-32 {
    margin-right: 32px;
    margin-left: 32px;
}
.mx-auto {
    margin-right: auto;
    margin-left: auto;
}
.my-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}
.my-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.my-16 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.my-32 {
    margin-top: 32px;
    margin-bottom: 32px;
}
.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.p-4 {
    padding: 4px;
}
.p-8 {
    padding: 8px;
}
.p-16 {
    padding: 16px;
}
.p-32 {
    padding: 32px;
}
.pt-4 {
    padding-top: 4px;
}
.pt-8 {
    padding-top: 8px;
}
.pt-16 {
    padding-top: 16px;
}
.pt-32 {
    padding-top: 32px;
}
.pb-4 {
    padding-bottom: 4px;
}
.pb-8 {
    padding-bottom: 8px;
}
.pb-16 {
    padding-bottom: 16px;
}
.pb-32 {
    padding-bottom: 32px;
}
.attendee + .attendee {
    margin-top: 24px;
}