html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    width: 100vw;
    overflow-x: hidden;
    margin: 0;
    font-family: sans-serif;
    font-weight: 300;
    background: #FAF8F1;
}

body>div {
    scroll-margin-top: 150px;
}

input:focus,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s linear, color 5000s linear;
}

p {
    margin-block-start: 0;
    margin-block-end: 0;
}

img {
    display: block;
}

body {
    position: relative;
}

.text *,
h4,
h5,
p,
li,
a.button,
input,
textarea {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    font-family: futura-pt, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
}

h3,
.text h3,
.title h3 {
    font-size: 30px;
    line-height: 35px;
    font-family: bely-display, sans-serif;
    font-weight: 500;
    margin-block-start: 0;
    margin-block-end: 0;
}

.title *,
.text h1,
h1,
h2 {
    font-size: 60px;
    line-height: 65px;
    font-family: bely-display, sans-serif;
    font-weight: 500;
    margin-block-start: 0;
    margin-block-end: 0;
}

strong *,
b *,
strong,
b {
    font-weight: bold !important;
}

.pageIntro {
    width: 100%;
    height: 90vh;
    max-height: 1500px;
    min-height: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.pageIntro::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(0deg, transparent, transparent, #0000009e, transparent, transparent);
}

.pageIntro.darken::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    min-height: 500px;
    z-index: 1;
    background: #00000045;
    display: block;
    left: 0;
    top: 0;
}

.pageIntro.bottom.darken::after {
    top: unset;
    bottom: 0;
    background: linear-gradient(transparent, #00000052, #0000005e);
    height: 50%;
}

.pageIntro>img {
    position: absolute;
    width: 100vw;
    height: 100%;
    min-height: 500px;
    object-fit: cover;
    object-position: 50% 50%;
    z-index: 1;
    top: 0;
    left: 0;
}

.pageIntro .inner {
    position: relative;
    z-index: 2;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.pageIntro .inner a {
    color: white;
    border: 2px solid white;
    margin: 0 auto;
}

.pageIntro.bottom {
    align-items: flex-end;
    padding-bottom: 10vh;
    height: 80vh;
}

.pageIntro .inner a:hover {
    color: black;
    background: white;
}

.pageIntro .inner>* {
    color: white;
}

.pageIntro .inner>img {
    width: 80%;
    margin: 0 auto;
    max-width: 1300px;
}

.pageIntro.aside .inner {
    width: 90%;
    padding-right: 5%;
    max-width: 900px;
    text-align: left;
    position: relative;
    z-index: 2;
}

.pageIntro.aside .inner a.button {
    border: 2px solid white;
    color: white;
}

.pageIntro.aside .inner a.button:hover {
    background: white;
    color: black;
}

.pageIntro.aside .inner>img {
    width: 100%;
    margin: 0 0 30px 0;
}

.pageIntro.aside {
    justify-content: flex-end;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    padding: 30px 10%;
    display: flex;
    z-index: 10;
    justify-content: space-between;
    align-items: center;
    transition: all 0.4s ease-in-out;
}

.header.shrink,
.header.flat {
    background: #ccb591;
}


/*
body:not(.home) div#headerWatch {
    position: relative;
    height: 100px;
}
*/

.header.shrink {
    padding: 10px 10%;
}

.header a.logo,
.header a.logo img {
    width: 160px;
    object-fit: contain;
    transition: all 0.4s ease-in-out;
    position: relative;
    transition: all 0.4s ease-in-out;
}

.header a.logo {
    margin-bottom: 20px;
}

.header a.logo::after {
    content: "HOME";
    position: absolute;
    bottom: -20px;
    left: 2px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
}

.header a.logo:hover::after {
    text-decoration: underline;
}

.header a.logo img.mob {
    position: absolute;
    width: 160px;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.header.shrink a.logo img:not(.mob) {
    opacity: 0;
}

.header.shrink a.logo img.mob {
    opacity: 1;
}

.header.shrink a.logo,
.header.shrink a.logo img {
    width: 120px;
}

.header>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(50% - 200px);
    max-width: 600px;
}

.header a,
.header .dropdown>.upper {
    color: white;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: uppercase;
}

.header a:hover,
.header .dropdown>.upper:hover {
    text-decoration: underline;
}

.header .dropdown {
    position: relative;
    cursor: pointer;
}

.header .dropdown .inner a {
    display: block;
    white-space: nowrap;
    margin: 10px 0;
    position: relative;
    padding-left: 10px;
}

.header .dropdown .inner a:first-child {
    margin-top: 0px;
}

.header .dropdown .inner a:last-child {
    margin-bottom: 0px;
}

.header .dropdown .inner a:before {
    content: "-";
    left: 0px;
    position: absolute;
}

.header .dropdown .inner {
    position: absolute;
    top: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    padding: 0px 10px;
    background: #ccb591;
    border: 0px solid #ebe0cf;
}

.header.shrink .dropdown .inner {
    background: #ccb591;
}

.header .dropdown:hover .inner {
    padding: 10px 10px;
    max-height: 150px;
    border: 2px solid #ebe0cf;
    margin-top: 2px;
}

.header .search {
    width: fit-content;
    cursor: pointer;
}

.header .search img {
    width: 100%;
    max-width: 50px;
}

.textarea {
    width: 80%;
    padding: 100px 10%;
    background: #FAF8F1;
}

.textarea>div {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.textarea.imageFlip>div {
    flex-direction: row-reverse;
}

.textarea .images {
    width: 45%;
}

.textarea .images img {
    width: 100%;
    object-fit: cover;
    max-height: 70vh;
}

.textarea .content {
    width: 50%;
}

.textarea .content h1,
.textarea .content h2 {
    color: #CCB591;
}

.formatArea>* {
    margin-bottom: 20px;
}

.whatson {
    width: 100%;
    padding: 100px 0;
    background: #faf8f1;
}

.textarea .content p {
    color: #2B2B2B;
}

.whatson .intro {
    padding: 50px 0;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: #CCB591;
}

.whatson.hide .intro {
    display: none;
}

.whatson .intro a {
    margin: 15px auto 0 auto;
}

.whatson .inner {
    width: 100%;
    position: relative;
    min-height: 500px;
    max-height: 680px;
    height: 60vh;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.whatson .inner a {
    width: 22vw;
    text-decoration: none;
    color: black;
    text-align: center;
    position: absolute;
    left: 37vw;
    transition: all 0s, left 0.8s ease-in-out, transform 0.8s ease-in-out, opacity 0.4s ease-in-out;
    /*opacity: 0;*/
    z-index: 1;
    pointer-events: none;
}

.whatson .inner a:hover {
    transform: scale(1.05) perspective(none) rotateY(0deg) !important;
}

.whatson .inner a:hover .details {
    opacity: 1;
}

.whatson .inner a .details {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    opacity: 0;
    transition: all 0.8s ease-in-out;
}

.whatson .inner a.selectedCentre .details {
    opacity: 1;
}

.whatson .inner a .details h3 {
    font-family: 'futura-pt-condensed', sans-serif;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 42px;
    line-height: 45px;
    max-height: 90px;
    overflow: hidden;
}

.whatson .inner a .details .date {
    margin: 15px 0 20px 0;
    width: 100%;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.whatson .inner a .details .button {
    margin: 5px auto 0 auto;
}

.whatson .inner a img {
    width: 100%;
    height: 500px;
    max-height: 40vh;
    object-fit: cover;
    object-position: 50% 50%;
}

.whatson .inner a.selectedLThree,
.whatson .inner a.selectedLFour,
.whatson .inner a.selectedLFive {
    left: -35vw;
}

.whatson .inner a.selectedLTwo {
    left: -5vw;
    z-index: 2;
    transform: perspective(500px) rotateY(15deg);
    opacity: 1;
    pointer-events: all;
}

.whatson .inner a.selectedLOne {
    left: 17vw;
    opacity: 1;
    z-index: 3;
    pointer-events: all;
    transform: perspective(500px) rotateY(9deg);
}

.whatson .inner a.selectedCentre {
    opacity: 1;
    pointer-events: all;
    z-index: 4;
    left: 39vw;
}

.whatson .inner a.selectedROne {
    left: 62vw;
    pointer-events: all;
    z-index: 3;
    opacity: 1;
    transform: perspective(500px) rotateY(-9deg);
}

.whatson .inner a.selectedRTwo {
    left: 85vw;
    pointer-events: all;
    opacity: 1;
    z-index: 2;
    transform: perspective(500px) rotateY(-15deg);
}

.whatson .inner a.selectedRThree,
.whatson .inner a.selectedRFour,
.whatson .inner a.selectedRFive {
    left: 130vw;
}

.whatson .choicesOther {
    width: 80%;
    padding-top: 30px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.whatson .choicesOther div {
    width: 30px;
    height: 30px;
    background: url(/wp-content/uploads/2025/04/arrow.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0 20px;
    cursor: pointer;
}

.whatson .choicesOther div:last-child {
    transform: rotate(180deg);
}

.whatson .choices {
    width: fit-content;
    display: flex;
    justify-content: space-between;
    margin: 50px auto;
    display: none !important;
}

.whatson .choices>div {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    border: 1px solid #ccb591;
    cursor: pointer;
    margin: 0 5px;
    transition: all 0.1s linear;
}

.whatson .choices>div.selected,
.whatson .choices>div:hover {
    background: #ccb591;
}

.videoarea {
    width: 100%;
    margin: 50px auto 150px auto;
    padding-top: 100px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.videoarea:before {
    content: "";
    background: #EBE0CF;
    width: 100%;
    height: 80%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.videoarea .upper {
    width: 80%;
    text-align: center;
    margin: 0 auto 40px auto;
    position: relative;
    z-index: 2;
}

.videoarea .upper h1 {
    color: #CCB591;
}

.videoarea .upper h3 {
    font-family: 'futura-pt-condensed', sans-serif;
    font-size: 42px;
    line-height: 45px;
}

.videoarea iframe {
    width: 80%;
    height: 60vh;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.ticketText {
    width: 90%;
    padding: 0 10% 0 0;
    display: flex;
    justify-content: space-between;
    background: #CCB591;
    color: black;
    position: relative;
}

.ticketText>img {
    width: calc(100% - 500px);
    object-fit: cover;
    object-position: 50% 50%;
}

.ticketText .content {
    width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 40px;
    position: relative;
    color: white;
}

.ticketText .content a,
.ticketText .content .button {
    color: white;
    border: 2px solid white;
}

.ticketText .content a:hover,
.ticketText .content .button:hover {
    color: black;
    background: white;
}

.ticketText .content>div:first-child {
    content: "";
    width: 20px;
    height: 100%;
    left: -19px;
    position: absolute;
    -webkit-mask-image: url(/wp-content/uploads/2025/02/siderib.png);
    -webkit-mask-size: contain !important;
    -webkit-mask-position: 100% 50% !important;
    -webkit-mask-repeat: repeat-y!important;
}

.ticketText .content>div>* {
    margin: 20px 0;
}

.ticketText .content>div h1 {
    color: white;
}

.button,
a.button,
.formatArea>a,
.formatArea>p>a {
    color: black;
    padding: 10px 35px;
    border: 2px solid black;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    display: block;
    width: fit-content;
    transition: all 0.1s linear;
    font-size: 16px;
    line-height: 16px;
}

.formatArea em>a,
.formatArea strong>a {
    font-style: normal;
    color: black;
    font-weight: 500;
}

.formatArea em>a:hover,
.formatArea strong>a:hover {
    color: black;
    background: none;
}

.formatArea>.button:hover,
.formatArea a:hover {
    background: black;
    color: white;
}

.footerCta {
    width: 80%;
    padding: 150px 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #EBE0CF;
}

.footerCta .content {
    width: 50%;
    max-width: 400px;
}

.footerCta .posts {
    width: calc(100% - 500px);
}

.footerCta.image .posts img {
    width: 100%;
    height: 40vh;
    object-fit: cover;
}

.footerCta .posts .upper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.footerCta .posts .upper a {
    width: 48%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.footerCta .posts .upper a>img {
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.footerCta .posts .upper a .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    padding: 20px;
    text-align: center;
    color: white;
    background: #0000007a;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: all 0.2s linear;
    opacity: 0;
    align-content: center;
}

.footerCta .posts .upper a:hover .hover {
    opacity: 1;
}

.footerCta .posts .upper a .hover>* {
    width: 100%;
}

.footerCta .content .seperator {
    width: 100%;
    height: 1px;
    background: #c7b291;
    margin: 20px 0 30px 0;
}

.footerCta .content a:not(.button) {
    color: black;
    text-decoration: none;
    margin: 15px 0;
    display: block;
    width: fit-content;
}

.footerCta .content h3 {
    color: #C7B291;
    letter-spacing: 1px;
}

.footerCta .posts .lower {
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footerCta .posts .lower>div {
    width: 48%;
}

.footer {
    width: 80%;
    padding: 40px 10%;
    background: #CCB691;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.footer::before {
    content: "";
    position: absolute;
    left: 0;
    top: -30px;
    width: 100%;
    height: 30px;
    background: url(/wp-content/uploads/2025/02/toprib.png);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: 50% 50%;
}

.footer .logo {
    width: 250px;
}

.footer .logo img {
    width: 100%;
    max-height: 150px;
    object-fit: contain;
}

.footer .links {
    width: calc(100% - 300px);
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer .links>div {
    width: 31%;
}

.footer .links>div a,
.footer .links>div .button {
    display: block;
    text-decoration: none;
    color: white;
    margin: 10px 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 3px;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
}

.footer .links>div a:hover,
.footer .links>div .button:hover {
    text-decoration: underline;
    background: none;
    color: white;
}

.footer .links>div p:first-child {
    font-family: 'futura-pt', sans-serif;
    color: white;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 20px;
}

.footer .links>div p {
    display: block;
    color: white;
    margin: 10px 0;
    font-size: 14px;
    font-weight: 400;
}

.footer .links>div p.location {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    margin: 10px 0;
}

.footer .links>div .socials {
    width: 100%;
    max-width: 150px;
    margin: 10px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer .links>div .socials img {
    width: 30px;
}

.footer .links>div .socials a {
    margin: 0px;
}

div#headerWatch {
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    pointer-events: none;
    background: linear-gradient(#0000008c, transparent);
}

div#headerWatch.flat {
    position: relative;
    background: transparent;
    height: 150px;
}

.single-events div#headerWatch {
    height: 0px;
    background: none;
}

.ourteam {
    width: 80%;
    margin: 150px auto;
}

.ourteam .intro {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    max-width: 780px;
}

.ourteam .intro>* {
    margin-bottom: 15px;
}

.ourteam .intro h1 {
    color: #C9B291;
}

.ourteam .team {
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.ourteam .team .single {
    width: 15.6%;
    margin-bottom: 30px;
    margin-right: 1%;
    text-align: center;
}

.ourteam .team .single img {
    width: 100%;
    object-fit: contain;
}

.ourteam .team .single p:nth-child(2) {
    font-family: 'bely-display';
    margin-top: 10px;
    font-weight: 500;
}

.ourteam .team .single p:nth-child(3) {
    font-size: 14px;
    line-height: 14px;
}

.sponsors {
    width: 80%;
    padding: 150px 10%;
}

.sponsors>div {
    width: 100%;
    margin: 0 auto;
    max-width: 1300px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sponsors>div img {
    width: 45%;
}

.sponsors>div .content {
    width: 45%;
}

.sponsors>div .content>* {
    margin: 15px 0;
}

.sponsors>div .content h1 {
    color: #C9B291;
}

.sponsors>div .content .logos {
    margin: 30px 0 0 0;
    width: 100%;
    display: flex;
    max-width: 250px;
    justify-content: space-between;
    align-items: center;
}

.sponsors>div .content .logos>div {
    width: 50px;
    height: 50px;
    background: black;
    border-radius: 100%;
}

.socials {
    width: 80%;
    margin: 150px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.socials h1 {
    color: #C9B291;
}

.socials .text {
    width: 50%;
    max-width: 500px;
}

.socials .text>* {
    margin: 15px 0;
}

.socials .inner {
    width: calc(100% - 550px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.socials .inner div {
    width: 30%;
    height: 300px;
    background: white;
    margin-bottom: 30px;
    border: 1px solid black;
}

.menu {
    width: 80%;
    padding: 150px 10%;
}

.menu>div {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu:not(.content)>div {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.menu:not(.content) .content {
    display: block;
    width: 80%;
    text-align: center;
    margin: 0 auto 50px auto;
}

.menu.top>div {
    align-items: flex-start;
}

.menu.top .content h1 {
    color: black;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #C8B191;
    width: 100%;
}

.menu .content {
    width: 40%;
    color: #ccb591;
    display: none;
}

.menu.content .content {
    display: block;
}

.menu .content>* {
    margin-bottom: 15px;
}

.menu.content .inner {
    width: 55%;
}

.menu .inner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.menu .inner .single {
    width: 32%;
    margin: 0 1% 30px 0;
}

.menu.content .inner .single {
    width: 48%;
    margin: 0 2% 30px 0;
}

.menu .inner .single .upper {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.menu .inner .single .upper img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    max-height: 40vh;
}

.menu .inner .single .upper>div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #FAF8F1;
    padding: 20px;
}

.menu .inner .single .lower .clickables {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.menu .inner .single .lower .clickables a {
    margin: 0 20px 20px 0;
}

.barevents {
    width: 80%;
    margin: 150px auto;
    max-width: 1500px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.barevents .content {
    width: 50%;
    max-width: 550px;
}

.barevents .content>div {
    color: #C9B291;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #C9B291;
}

.barevents .inner {
    width: calc(100% - 600px);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.barevents .content>*,
.barevents .content>div>* {
    margin-bottom: 15px;
}

.barevents .inner .single {
    width: 48%;
    text-decoration: none;
    color: black;
    transition: all 0.8s ease-in-out;
    max-width: 0px;
    overflow: hidden;
}

.barevents .inner .single.selected {
    max-width: 48%;
    margin-right: 1%;
}

.barevents .inner .single .upper>div {
    padding: 20px;
    background: #faf8f1;
}

.barevents .inner .single .upper {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.barevents .inner .single .upper img {
    width: 100%;
    object-fit: cover;
    height: 300px;
}

.eventsDisplay {
    width: 80%;
    padding: 100px 10%;
    background: #ebe0cf;
    padding-bottom: 50px;
    border-bottom: 1px solid black;
}

.eventsDisplay>.upper {
    width: 100%;
    text-align: center;
    margin: 50px 0;
    padding-top: 80px;
    border-top: 1px solid black;
}

.single-events .eventsDisplay>.upper {
    border-top: 0px;
    padding-top: 0px;
}

.single-events .eventsDisplay {
    padding: 50px 10%;
    margin-top: 100px;
}

.single-events .footerCta {
    display: none;
}

.eventsDisplay>.upper>h1 {
    color: #ccb591;
}

.eventsDisplay>.upper .sort {
    width: 100%;
    margin: 30px auto;
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eventsDisplay>.upper .sort div {
    padding: 7px 15px;
    border: 2px solid black;
    border-radius: 10px;
    font-family: 'futura-pt';
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all 0.1s linear;
    font-size: 16px;
    line-height: 18px;
    min-width: 80px;
}

.eventsDisplay>.upper .sort div.selected,
.eventsDisplay>.upper .sort div:hover {
    background: #ccb591;
    color: white;
    border: 2px solid #ccb591;
}

.eventsDisplay>.inner {
    width: 100%;
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.eventsDisplay>.inner a {
    width: 32%;
    margin: 0 1% 80px 0;
    text-decoration: none;
    color: black;
}

.eventsDisplay>.inner a .upper {
    width: 100%;
    position: relative;
}

.eventsDisplay>.inner a .upper img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: 50% 50%;
}

.eventsDisplay>.inner a .upper div {
    padding: 10px 20px;
    width: calc(100% - 40px);
    background: #C47C4E;
    font-family: 'bely-display', sans-serif;
    color: white;
    font-size: 22px;
    line-height: 25px;
}

.eventsDisplay>.inner a.music .upper div {
    background: #588C51;
}

.eventsDisplay>.inner a.bar-events .upper div {
    background: #237B9F;
}

.eventsDisplay>.inner a.comedy-magic .upper div {
    background: #237B9F;
}

.eventsDisplay>.inner a.special-events .upper div {
    background: #237B9F;
}

.eventsDisplay>.inner a .info {
    width: 100%;
    margin-top: 30px;
}

.eventsDisplay>.inner a .info h3 {
    font-family: 'futura-pt';
    text-transform: uppercase;
}

.eventsDisplay>.inner a .info p {
    font-size: 14px;
    line-height: 18px;
}

.eventsDisplay>.inner a .info p.date {
    font-weight: 500;
    margin: 5px 0 10px 0;
    font-size: 16px;
    line-height: 16px;
}

.eventsDisplay>.inner a .info .button {
    margin: 15px 0 0 0;
    border-radius: 8px;
}

.eventsDisplay>.inner a .info .button:hover {
    background: black;
    color: white;
}

.eventsDisplay>.inner.bar-events a:not(.bar-events),
.eventsDisplay>.inner.comedy-magic a:not(.comedy-magic),
.eventsDisplay>.inner.music a:not(.music),
.eventsDisplay>.inner.plays a:not(.plays),
.eventsDisplay>.inner.special-events a:not(.special-events),
.eventsDisplay>.inner.theatre a:not(.theatre) {
    max-width: 0px;
    max-height: 0px;
    margin: 0px;
    overflow: hidden;
}

.eventInner {
    width: 80%;
    margin: 200px auto;
}

.eventInner .intro {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 50px auto;
    text-align: center;
}

.eventInner .intro>* {
    margin-bottom: 15px;
}

.eventInner .intro h1 {
    color: #CBB491;
}

.eventInner .inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.eventInner .inner img {
    width: 45%;
    max-height: 80vh;
    object-fit: contain;
    object-position: 50% 50%;
}

.eventInner .inner .content {
    width: 50%;
}

.eventInner .inner .content .upper {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid black;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eventInner .inner .content .upper>div {
    width: 45%;
}

.eventInner .inner .content .upper>div:first-child {
    padding-right: 5%;
    border-right: 1px solid black;
}

.eventInner .inner .content .upper>div:last-child a.button {
    margin: 0 auto;
}

.eventInner .inner .content .upper>div h3 {
    font-family: 'futura-pt';
    text-transform: uppercase;
    margin-bottom: 5px;
}

.eventInner .inner .content .upper>div p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
}

.eventInner .inner .content>div:last-child {
    width: 100%;
}

.eventInner .inner .content>div:last-child>* {
    margin-bottom: 15px;
}

.eventInner .inner .content>div:last-child .cast {
    width: calc(100% - 40px);
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    outline: 2px solid black;
    outline-style: dashed;
    padding: 20px;
}

.eventInner .inner .content>div:last-child .cast>div {
    width: 45%;
}

.eventInner .inner .content>div:last-child .cast>div:first-child {
    padding-right: 5%;
    position: relative;
}

.eventInner .inner .content>div:last-child .cast>div:first-child::after {
    content: "";
    width: 0px;
    height: 100%;
    outline: 1px solid black;
    outline-style: dashed;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.getInvolved {
    width: 80%;
    margin: 150px auto;
    max-width: 1500px;
}

.getInvolved .intro>* {
    margin-bottom: 15px;
}

.getInvolved .intro {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.getInvolved .intro h1 {
    color: #CBB491;
}

.getInvolved .inner {
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 auto;
}

.getInvolved .inner .single {
    width: 32%;
    margin: 0 1% 30px 0;
    color: white;
    text-align: center;
}

.getInvolved .inner .single .content {
    width: calc(100% - 40px);
    padding: 20px;
    background: #CCB591;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    min-height: 450px;
    transition: all 0.1s linear;
}

.getInvolved .inner .single>div:first-child {
    width: 100%;
    height: 65px;
    -webkit-mask-image: url(/wp-content/uploads/2025/02/patterntop-e1739965793814.png);
    -webkit-mask-size: 100%;
    -webkit-mask-position: 30% 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    background: #CCB591;
    transition: all 0.1s linear;
}

.getInvolved .inner .single>div:last-child {
    width: 100%;
    height: 65px;
    -webkit-mask-image: url(/wp-content/uploads/2025/02/patternbottom.png);
    -webkit-mask-size: 100%;
    -webkit-mask-position: 30% 0% !important;
    -webkit-mask-repeat: no-repeat !important;
    background: #CCB591;
    transition: all 0.1s linear;
}

.getInvolved .inner .single:hover .content,
.getInvolved .inner .single:hover>div:last-child,
.getInvolved .inner .single:hover>div:first-child {
    background: #C47C4E;
}

.getInvolved .inner .single .content .upper {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid white;
}

.getInvolved .inner .single .content .lower {
    width: 100%;
}

.getInvolved .inner .single .content .lower a.button {
    color: white;
    border: 2px solid white;
    margin: 15px auto;
}

.getInvolved .inner .single .content .upper h3 {
    font-size: 28px;
    line-height: 32px;
    font-family: 'futura-pt';
    letter-spacing: 2px;
    font-weight: 400;
}

.getInvolved .inner .single .content .upper h1 {
    font-size: 93px;
    line-height: 100px;
}

.contactus {
    width: 80%;
    max-width: 1500px;
    margin: 150px auto;
}

.contactus .intro {
    width: 100%;
    text-align: center;
    margin-bottom: 100px;
}

.contactus .intro>* {
    margin-bottom: 15px;
}

.contactus .intro h1 {
    color: #CBB491;
}

.contactus .inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.contactus .inner .content {
    width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.contactus .inner .maps {
    width: 35%;
}

.contactus .inner .maps gmp-map {
    height: 50vh;
}

.contactus .inner .maps img {
    width: 100%;
}

.contactus .inner .content>div {
    width: 45%;
}

.contactus .inner .content>div:last-child {
    padding-left: 10%;
    border-left: 1px solid black;
}

.contactus .inner .content>div>* {
    margin-bottom: 15px;
}

.contactus .inner .content>div a {
    color: black;
    text-decoration: none;
}

.contactus .inner .content>div a:hover {
    text-decoration: underline;
}

.header .burger {
    display: none;
    cursor: pointer;
    width: 60px;
}

.header .burger>div {
    width: 100%;
    height: 3px;
    background: white;
    margin: 7px 0;
}

.header .mobDropdown {
    position: absolute;
    top: 100%;
    right: 0;
    width: 250px;
    padding: 0 20px;
    display: block;
    background: #ccb591;
    border: 0px solid transparent;
    transition: all 0.4s ease-in-out, border 0s linear;
    max-height: 0px;
    overflow: hidden;
}

.header .mobDropdown.open {
    max-height: calc(100vh - 150px);
    overflow-y: scroll;
    border: 1px solid black;
    padding: 20px;
}

.header .mobDropdown a {
    display: block;
    width: 100%;
    margin: 10px 0 10px 5px;
}

.header .mobDropdown a.outer {
    margin-left: 0px;
    font-weight: 600;
}

.rotatingAlert {
    padding: 20px 0;
    background: #cbb491;
    position: relative;
    width: fit-content;
    min-width: 100vw;
}

.rotatingAlert .inner {
    position: relative;
    left: 10%;
    width: fit-content;
    animation: alertMove 15s linear infinite;
}

.rotatingAlert .inner:last-child {
    position: absolute;
    top: 20px;
    left: 0;
    margin-left: calc(100% + 10px);
}

.rotatingAlert h3 {
    font-family: futura-pt, sans-serif;
    font-size: 35px;
    line-height: 35px;
    white-space: nowrap;
    font-weight: 400;
    letter-spacing: 2px;
}

@keyframes alertMove {
    0% {
        left: 0%;
    }
    100% {
        left: -100%;
    }
}

.quickbook {
    width: 80%;
    margin: 100px auto;
}

.quickbook>div {
    width: 100%;
    height: 500px;
    max-height: 70vh;
    border-radius: 25px;
    background: #EBE0CF;
}

.pastProductions {
    width: 80%;
    padding: 150px 10%;
}

.pastProductions .inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.pastProductions .inner .left,
.pastProductions .inner .right {
    width: 48%;
}

.pastProductions .inner .left>h1 {
    color: #C9B291;
}

.pastProductions .inner .left .selections {
    width: 100%;
    margin-top: 50px;
}

.pastProductions .inner .left .selections .single {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid black;
    margin-top: 30px;
}

.pastProductions .inner .left .selections .single .info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.pastProductions .inner .left .selections .single .info img {
    width: 30px;
    height: 30px;
    transform: rotate(180deg);
    transition: all 0.4s ease-in-out;
}

.pastProductions .inner .left .selections .single.selected .info img,
.pastProductions .inner .left .selections .single:hover .info img {
    transform: rotate(270deg);
}

.pastProductions .inner .left .selections .single .dropdown {
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.8s ease-in-out;
}

.pastProductions .inner .left .selections .single.selected .dropdown {
    max-height: 500px;
    margin-top: 10px;
}

.pastProductions .inner .left .selections .single .dropdown .mobile {
    width: 100%;
    margin-top: 30px;
    display: none;
}

.pastProductions .inner .left .selections .single .dropdown .mobile img {
    width: 100%;
    max-height: 60vh;
    max-width: 300px;
    object-fit: contain;
    object-position: 0 0;
    margin-bottom: 30px;
}

.pastProductions .inner .right .single {
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.8s ease-in-out;
}

.pastProductions .inner .right .single.selected {
    max-height: 1000px;
}

.pastProductions .inner .right .single img {
    width: 100%;
    max-width: 600px;
    max-height: 600px;
    object-fit: contain;
    object-position: 0 0;
    margin-bottom: 30px;
}

.pastProductions .inner .right .single .formatArea h3 {
    color: #C8B191;
}

.pastProductions .inner .right .single .formatArea p {
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 18px;
    color: black;
}

.reviewArea {
    width: 80%;
    margin: 150px auto;
}

.reviewArea>div>h1 {
    width: 100%;
    text-align: center;
    color: #C9B291;
    margin-bottom: 40px;
}

.reviewArea .reviews {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 50px;
}

.reviewArea .reviews .single {
    width: 48%;
    margin: 0 2% 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid black;
    text-decoration: none;
    color: #000000;
}

.reviewArea .reviews .single:nth-child(2n) {
    margin-right: 0px;
    margin-left: 2%;
}

.reviewArea .reviews .single .stars {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.reviewArea .reviews .single .stars img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 5px;
}

.reviewArea .reviews .single:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.millFriends {
    width: 80%;
    padding: 100px 10%;
}

.millFriends>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.millFriends.left .inner {
    width: 40%;
}

.millFriends.left .friends {
    width: 55%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.millFriends.left .friends .single {
    width: 30%;
    margin: 0 3% 30px 0;
}

.millFriends .friends .single img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    margin-bottom: 10px;
}

.millFriends .friends .single h3 {
    font-family: 'futura-pt-condensed', sans-serif;
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 2px;
}

.millFriends .inner h3 {
    color: #C47C4E;
}

.millFriends.top .inner {
    width: 100%;
    max-width: 700px;
    margin-bottom: 50px;
}

.millFriends.top .inner h1 {
    color: #C9B291;
}

.millFriends.top .friends {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.millFriends .friends .final {
    display: none;
}

.millFriends.top .friends .final {
    background: #CBB491;
    display: block;
    width: calc(19% - 40px);
    padding: 10px 20px;
    position: relative;
    margin: 50px 0;
    max-width: 207px;
}

.millFriends.top .friends .final:before {
    content: "";
    background: url(/wp-content/uploads/2025/04/Group-1368@2x.png);
    background-size: contain;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    top: -50px;
    left: 0;
    height: 50px;
}

.millFriends.top .friends .final:after {
    content: "";
    background: url(/wp-content/uploads/2025/04/Group-1368@2x-2.png);
    background-size: contain;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    bottom: -50px;
    left: 0;
    height: 50px;
}

.millFriends.top .friends .single {
    width: 18%;
    margin: 0 2% 30px 0;
}

.millFriends .extra {
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.millFriends .extra .angels {
    width: calc(60% - 60px);
    background: #C47C4E;
    padding: 30px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid #707070;
}

.millFriends .extra .contacts {
    width: 35%;
}

.millFriends .extra .contacts a {
    display: block;
    width: 100%;
    color: black;
    font-weight: 600;
    text-decoration: none;
}

.millFriends .extra .contacts a:hover {
    text-decoration: underline;
}

.millFriends .extra .angels div:first-child {
    width: 360px;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 2px solid white;
}

.millFriends .extra .angels .inner {
    width: calc(100% - 400px);
    max-width: unset;
    margin-bottom: 0px;
}

.imageText {
    width: 80%;
    padding: 100px 10%;
    background: #ebe0cf;
}

.imageText>div {
    width: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
}

.imageText .left {
    width: 48%;
}

.imageText .left img {
    width: 100%;
    height: 500px;
    margin-top: 30px;
    object-fit: cover;
}

.imageText .right {
    margin-top: 65px;
    width: 48%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.imageText .right .single {
    width: 48%;
}

.imageText .right .single img {
    width: 100%;
    object-fit: cover;
    height: 300px;
    margin-bottom: 30px;
}

.footerSocials {
    width: 80%;
    padding: 150px 10%;
}

.footerSocials>div {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footerSocials .left {
    width: 400px;
}

.footerSocials .feed {
    width: calc(100% - 450px);
}

.footerSocials .left h1 {
    color: #C9B291;
}

.pageIntro .hoverables {
    position: absolute;
    z-index: 3;
    color: white;
    right: 0;
    padding: 20px;
    height: calc(100% - 40px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pageIntro .hoverables .signup {
    position: absolute;
    writing-mode: horizontal-tb;
    width: 600px;
    background: #CBB491;
    z-index: 8;
    color: white;
    text-align: left;
    font-size: 15px;
    right: 0;
    white-space: normal;
    max-width: 0px;
    overflow: hidden;
    padding: 50px 0 50px 0;
    transition: all 0.8s ease-in-out;
}

.pageIntro .hoverables .signup .temporaryMimic {
    width: calc(100% - 42px);
    border: 1px solid white;
    border-radius: 25px;
    font-size: 14px;
    padding: 5px 20px;
    margin: 25px 0;
}

.pageIntro .hoverables .signup>div {
    width: 600px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0.4s;
}

.pageIntro .hoverables:hover .signup>div,
.pageIntro .hoverables.open .signup>div {
    opacity: 1;
}

.pageIntro .hoverables>span,
.pageIntro .hoverables>p {
    position: relative;
    z-index: 30;
    transition: all 0.8s ease-in-out;
    font-size: 18px;
    line-height: 24px;
    font-family: 'futura-pt', sans-serif;
    letter-spacing: 2px;
    cursor: pointer;
    transform: rotate(-90deg);
    margin: 0px;
    color: white;
}

.pageIntro .hoverables>p::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 80px;
    background: #cbb491;
    top: -20px;
    left: -20px;
    padding: 20px;
    border-radius: 10px;
    z-index: -1;
}

.pageIntro .hoverables:hover>p .pageIntro .hoverables.open>p {
    color: white;
}

.pageIntro .hoverables:hover .signup,
.pageIntro .hoverables.open .signup {
    max-width: 600px;
    padding: 50px 100px 50px 50px;
}

.pageIntro .hoverables .signup form {
    width: 100%;
    position: relative;
}

.pageIntro .hoverables .signup form input.wpcf7-email,
.pageIntro .hoverables .signup form input.wpcf7-text {
    padding: 10px 20px;
    width: calc(100% - 42px);
    color: #CBB491;
    border: 1px solid #CBB491;
    border-radius: 20px;
    font-size: 18px;
    line-height: 19px;
    font-family: 'futura-pt', sans-serif;
    background: #CBB491;
    margin-top: 20px;
    border: 1px solid white;
    color: white;
}

.pageIntro .hoverables .signup form>p:nth-child(3) label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer;
}

.pageIntro .hoverables .signup form>p:nth-child(3) {
    margin-top: 20px;
}

.pageIntro .hoverables .signup form>p:nth-child(3) label>input {
    appearance: none;
    width: 25px;
    height: 25px;
    background: white;
    border-radius: 5px;
    transition: all 0.1s linear;
    margin: 0px;
    position: relative;
}

.form .wpcf7-acceptance label>input::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2025/07/The-Mill_Web-Asset_Tick.png);
    background-size: contain;
    background-position: 50% 50%;
    opacity: 0;
}

.pageIntro .hoverables .signup form>p:nth-child(3) label>input::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2025/07/The-Mill_Web-Asset_Tick-1.png);
    background-size: contain;
    background-position: 50% 50%;
    opacity: 0;
}

.form .wpcf7-acceptance label>input:checked::after,
.pageIntro .hoverables .signup form>p:nth-child(3) label>input:checked::after {
    opacity: 1;
}

.pageIntro .hoverables .signup form .wpcf7-not-valid-tip {
    display: none;
}

.pageIntro .hoverables .signup form input.wpcf7-not-valid {
    border: 1px solid red !important;
}

.pageIntro .hoverables .signup form>p:nth-child(3) label>input {
    border: 2px solid white;
    background: #CBB491;
}

.pageIntro .hoverables .signup form>p:nth-child(3) label>span {
    font-size: 14px;
    line-height: 15px;
    font-family: 'futura-pt', sans-serif;
    letter-spacing: 0px;
    width: calc(100% - 40px);
}

.pageIntro .hoverables .signup form input.wpcf7-submit {
    font-size: 0px;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(/wp-content/uploads/2025/04/Group-214@2x-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: 0px;
    top: 27px;
    right: 11px;
}

.pageIntro .hoverables .signup form ::placeholder {
    color: white;
}

.newsUpdates {
    background: #CBB491;
    padding: 40px;
    width: calc(80% - 80px);
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 50px auto;
}

.newsUpdates .inner {
    width: 48%;
}

.newsUpdates .inner h1 {
    color: #ebe0cf;
}

.newsUpdates img {
    width: 48%;
    object-fit: cover;
}

.productionsPast {
    width: 80%;
    margin: 50px auto;
    position: relative;
}

.productionsPast .pastPopups {
    position: absolute;
    top: 0;
    z-index: 3;
    width: 80%;
    left: 10%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease-in-out;
}

.productionsPast .pastPopups.selected,
.productionsPast .pastPopups.selected .inner .single.selected {
    opacity: 1;
    pointer-events: all;
}

.productionsPast .pastPopups .inner {
    margin-top: 0px;
}

.productionsPast .pastPopups .inner .close {
    position: absolute;
    top: -5px;
    right: 0;
    padding: 20px;
    font-size: 30px;
    font-family: sans-serif;
    cursor: pointer;
    z-index: 3;
}

.productionsPast .pastPopups .inner .single {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    padding: 40px;
    width: calc(100% - 80px);
    background: #ebe0cf;
    box-shadow: 1px 1px 20px 3px #00000054;
    border-radius: 20px;
    max-height: 80vh;
    overflow-y: scroll;
}

.productionsPast .inner {
    width: 100%;
    margin-top: 40px;
}

.productionsPast .intro h1 {
    color: #C9B291;
}

.productionsPast .inner .buttons {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.productionsPast .inner .buttons .single {
    padding: 20px 40px 50px 40px;
    transition: all 0.1s linear;
    border-radius: 10px;
    cursor: pointer;
    width: calc(20% - 80px);
    text-align: center;
}

.productionsPast .inner .buttons .single.selected,
.productionsPast .inner .buttons .single:hover {
    background: #CAB391;
}

.productionsPast .inner .buttons .single p {
    font-size: 16px;
    line-height: 16px;
    min-height: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    transition: all 0.1s linear;
}

.productionsPast .inner .buttons .single.selected p,
.productionsPast .inner .buttons .single:hover p {
    color: white;
}

.productionsPast .inner .content {
    padding: 40px;
    background: #EBE0CF;
    width: calc(100% - 80px);
    border-radius: 20px;
    position: relative;
    top: -30px;
}

.productionsPast .inner .content .single {
    width: 100%;
    max-width: 0px;
    max-height: 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
}

.productionsPast .inner .content .single.selected {
    max-width: 100%;
    max-height: 100%;
}

.productionsPast .inner .content .single .left {
    width: 48%;
}

.productionsPast .inner .content .single .right {
    width: 48%;
}

.productionsPast .inner .content .single .right img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    margin-bottom: 30px;
}

.pureText {
    width: 80%;
    margin: 50px auto;
}

.pureText .inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.pureText .inner div {
    width: 48%;
}

.pureText .inner div h1 {
    color: #CBB491;
}

.pureText .inner div h3 {
    margin-bottom: 10px;
}

.pureText .inner div h1 {
    margin-bottom: 50px;
}

.castList {
    width: 80%;
    margin: 50px auto;
    text-align: center;
}

.castList .inner {
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.castList .inner .single {
    width: 11%;
    margin: 0 0.5% 30px 0.5%;
    min-width: 150px;
}

.castList .inner .single img {
    width: 100%;
    height: 160px;
    max-width: 150px;
    background: white;
    border-radius: 100%;
    border: 1px solid black;
    margin: 0 auto 20px auto;
    object-fit: cover;
    object-position: 50% 50%;
}

.castList .inner .single p:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
}

.castList .inner .single p:nth-child(3) {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 5px;
}

.calendar {
    width: 100%;
}

.calendar>.inner {
    padding: 40px;
    background: #EBE0CF;
    border-radius: 20px;
    width: calc(80% - 80px);
    margin: 150px auto;
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    box-shadow: 2px 6px 20px 4px #00000026;
}

.calendar .inner .seperator {
    width: 1px;
    background: black;
}

.calendar .inner .months,
.calendar .inner .availableEvents {
    width: calc(48% - 3px);
}

.calendar .inner .months .upper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 400px;
    margin: 0 auto 30px auto;
}

.calendar .inner .months .upper>div:first-child {
    transform: rotate(180deg);
}

.calendar .inner .months .upper>div {
    width: 30px;
    height: 30px;
    background: url(/wp-content/uploads/2025/06/Component-4-–-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

.calendar .inner .months .upper>div.stop {
    opacity: 0.5;
    pointer-events: none;
}

.calendar .inner .months .upper h3 {
    font-size: 42px;
    line-height: 42px;
    font-weight: 400;
    font-family: 'futura-pt-condensed', sans-serif;
    text-transform: uppercase;
}

.calendar .inner .months .days {
    width: 100%;
    display: none;
}

.calendar .inner .months .days.selected {
    display: block;
}

.calendar .inner .months .days>div {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.calendar .inner .months .days>div>div {
    width: calc(14% - 44px);
    font-size: 22px;
    line-height: 22px;
    background: #f5f0e757;
    padding: 15px 20px;
    text-align: center;
    min-height: 22px;
    margin: 2px;
    transition: all 0.1s linear;
    pointer-events: none;
}

.calendar .inner .months .days>div>div.empty {
    background: transparent;
}

.calendar .inner .months .days>div>div.available:hover,
.calendar .inner .months .days>div>div.available.selected {
    background: #C9B291;
    color: #f5f0e7;
}

.calendar .inner .months .days>div>div.available {
    background: #f5f0e7;
    pointer-events: all;
    cursor: pointer;
}

.calendar .inner .months .days .innerdays>div {
    background: transparent;
    color: #C8B191;
    font-family: 'bely-display', sans-serif;
    font-size: 35px;
    line-height: 35px;
}

.calendar .inner .months .days>div>div.end {
    border-radius: 0 0 20px 0;
}

.calendar .inner .availableEvents>h2 {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
}

.calendar .inner .availableEvents .inner {
    width: 100%;
    max-height: 400px;
    overflow-y: scroll;
}

.calendar .inner .availableEvents .inner.filtering .single {
    display: none;
}

.calendar .inner .availableEvents .inner.filtering .single.selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.calendar .inner .availableEvents .inner .single {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
    margin-bottom: 20px;
}

.calendar .inner .availableEvents .inner .single .info {
    width: calc(100% - 260px);
}

.calendar .inner .availableEvents .inner .single .info>p:first-child {
    font-size: 16px;
    line-height: 32px;
    color: #C47C4E;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.calendar .inner .availableEvents .inner .single .info h4 {
    font-family: 'futura-pt-condensed', sans-serif;
    font-size: 30px;
    line-height: 42px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.calendar .inner .availableEvents .inner .single .info>p.date {
    font-family: futura-pt, sans-serif;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.calendar .inner .availableEvents .inner .single .info>p.descr {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    font-weight: 400;
    color: #2b2b2b;
}

.calendar .inner .availableEvents .inner .single .formatArea {
    width: 240px;
}

.calendar .inner .availableEvents .inner .single .formatArea a {
    margin: 10px auto;
}

.calendar .inner .availableEvents .inner .single:last-child {
    padding-bottom: 0px;
    border-bottom: 0px;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.8s ease-in-out;
    pointer-events: none;
    z-index: 11;
}

.popup.open {
    opacity: 1;
    pointer-events: all;
}

.popup .outerclose {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000052;
    z-index: 11;
}

.popup .inner {
    width: calc(100% - 40px);
    max-width: 1200px;
    color: white;
    z-index: 63;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0px;
    background: #CBB491;
    border-radius: 10px;
    overflow: hidden;
}

.popup .inner .content {
    width: calc(48% - 80px);
    padding: 40px;
}

.popup .inner>img {
    width: 48%;
    object-fit: cover;
}

.popup .inner>.close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    font-size: 30px;
    font-family: sans-serif;
    cursor: pointer;
}

.eventInner .inner .content .videoarea {
    padding: 0px;
    width: 100%;
    margin: 50px 0 0 0;
}

.eventInner .inner .content .videoarea::before {
    display: none;
}

.eventInner .inner .content .videoarea iframe {
    width: 100%;
    height: 600px;
}

.popup.info .inner {
    max-width: 650px;
    text-align: center;
}

.popup.info .inner .content {
    width: calc(100% - 80px);
}

.form form {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.form form input,
.form form textarea,
.form .enquireDrop,
.header .searchArea input {
    padding: 10px 10px 10px 10px;
    display: block;
    width: calc(100% - 20px);
    outline: 0px;
    border: 0px;
    border-bottom: 1px solid #c7b291;
    margin-bottom: 30px;
    color: black;
    position: relative;
    resize: none;
    background: white;
}

.form form input#enquireDetails {
    display: none;
}

.form .enquireDrop .drop {
    position: absolute;
    left: 0;
    top: 100%;
    width: calc(100% - 20px);
    z-index: 2;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    padding: 0 10px;
    background: #faf8f1;
    border: 0px solid #c7b291;
}

.form .enquireDrop.selected .drop {
    max-height: 250px;
    overflow-y: scroll;
    background: white;
    padding: 10px;
    border: 1px solid #c7b291;
}

.form .enquireDrop .drop>div {
    width: 100%;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 16px;
    line-height: 18px;
    font-family: futura-pt, sans-serif;
}

.form .enquireDrop .drop>div:hover {
    text-decoration: underline;
}

.form .enquireDrop .selectable {
    color: #acaba9;
    font-family: futura-pt, sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    width: calc(100% - 50px);
    padding-right: 50px;
}

.form .enquireDrop .selectable::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0px;
    width: 25px;
    height: 25px;
    background: url(/wp-content/uploads/2025/04/Group-214@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: all 0.2s linear;
}

.form .enquireDrop .selectable:hover::after,
.form .enquireDrop.selected .selectable::after {
    transform: rotate(90deg);
}

.form .enquireDrop .selectable.black {
    color: black;
}

.questionArea .form>div.wpcf7 {
    opacity: 0.3;
    pointer-events: none;
}

.questionArea .form.progress>div.wpcf7 {
    opacity: 1;
    pointer-events: all;
}

.form form .wpcf7-not-valid {
    border-bottom: 1px solid #ea3434;
}

.form form ::placeholder {
    color: #acaba9;
}

.form .wpcf7-acceptance label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}

.form .wpcf7-acceptance label>input {
    appearance: none;
    width: 25px;
    height: 25px;
    border: 1px solid #c7b291;
    transition: all 0.1s linear;
    cursor: pointer;
    padding: 0px;
}

.form .wpcf7-not-valid-tip {
    display: none;
}

.form .wpcf7-acceptance label>span {
    width: calc(100% - 50px);
    font-size: 12px;
    line-height: 16px;
    color: black;
}

.form .wpcf7-list-item {
    margin: 0px !important;
}

.form input.wpcf7-submit {
    color: black;
    padding: 10px 35px;
    border: 2px solid black;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    display: block;
    width: fit-content;
    transition: all 0.1s linear;
    font-size: 16px;
    line-height: 16px;
}

.form input.wpcf7-submit:hover {
    background: black;
    color: white;
}

.form .wpcf7-response-output {
    margin: 0px !important;
    font-size: 15px !important;
    border: 0px !important;
    padding: 0px !important;
}

.form form textarea {
    height: 150px;
    overflow-y: scroll;
}

.questionArea {
    width: 80%;
    margin: 100px auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.questionArea>div {
    width: 48%;
}

.eventInner .inner .content .menus {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.eventInner .inner .content .menus a {
    text-decoration: none;
    color: black;
    width: 32%;
    margin: 0 0 20px 0;
}

.eventInner .inner .content .menus a img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    margin-bottom: 5px;
}

.eventInner .inner .content .menus a:nth-child(2n) {
    margin: 0 2%;
}

.eventInner .inner .content .menus a:first-child {
    margin: 0 0 20px 0;
}

.ticketText .contentPopup,
.textarea .contentPopup {
    position: absolute;
    width: 100%;
    height: 80vh;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease-in-out;
}

.ticketText .contentPopup.selected,
.textarea .contentPopup.selected {
    opacity: 1;
    pointer-events: all;
}

.ticketText .contentPopup .content,
.textarea .contentPopup .content {
    width: 80%;
    max-width: 600px;
    padding: 40px;
    background: #c8b191;
    color: white;
    display: block;
    box-shadow: 1px 1px 20px 5px #00000054;
    border-radius: 25px;
    max-height: 400px;
    overflow-y: scroll;
}

.ticketText .contentPopup .content .close,
.textarea .contentPopup .content .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    font-size: 30px;
    font-family: sans-serif;
    cursor: pointer;
}

.seatingPlan {
    width: 80%;
    margin: 150px auto;
}

.seatingPlan #outerSeats {
    width: 100%;
    max-width: 908px;
    height: 523px;
    position: relative;
    background-image: url(/wp-content/uploads/2025/06/Mill_Web-Seating-Plan_01-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    margin: 0 auto;
}

.seatingPlan #outerSeats .seat {
    width: 2%;
    padding-top: 1.7%;
    background-image: url(/wp-content/uploads/2025/06/Mill_Web-Seating-Plan_seat-grey.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
}

.seatingPlan #outerSeats .seat.orange {
    background-image: url(/wp-content/uploads/2025/06/Mill_Web-Seating-Plan_seat-gold.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.seatingPlan #outerSeats .seat.red {
    background-image: url(/wp-content/uploads/2025/06/Mill_Web-Seating-Plan_seat-red.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.seatingPlan #outerSeats .seat:hover,
.seatingPlan #outerSeats .seat.orange:hover,
.seatingPlan #outerSeats .seat.orange.selected,
.seatingPlan #outerSeats .seat.red:hover,
.seatingPlan #outerSeats .seat.red.selected,
.seatingPlan #outerSeats .seat.selected {
    background-image: url(/wp-content/uploads/2025/06/Mill_Web-Seating-Plan_seat-blue.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.seatingPlan #A1 {
    position: absolute;
    left: 24.1%;
    margin-top: 45.2%;
    transform: rotate(-88deg);
}

.seatingPlan #A2 {
    position: absolute;
    left: 24.3%;
    margin-top: 42.8%;
    transform: rotate(-83deg);
}

.seatingPlan #A3 {
    position: absolute;
    left: 24.8%;
    margin-top: 40.5%;
    transform: rotate(-78deg);
}

.seatingPlan #A4 {
    position: absolute;
    left: 25.6%;
    margin-top: 38.1%;
    transform: rotate(-66deg);
}

.seatingPlan #A5 {
    position: absolute;
    left: 26.9%;
    margin-top: 35.9%;
    transform: rotate(-54deg);
}

.seatingPlan #A6 {
    position: absolute;
    left: 28.5%;
    margin-top: 34.1%;
    transform: rotate(-45deg);
}

.seatingPlan #A7 {
    position: absolute;
    left: 30.1%;
    margin-top: 32.5%;
    transform: rotate(-37deg);
}

.seatingPlan #A8 {
    position: absolute;
    left: 37.2%;
    margin-top: 29.3%;
    transform: rotate(-25deg);
}

.seatingPlan #A9 {
    position: absolute;
    left: 39.5%;
    margin-top: 28.8%;
    transform: rotate(-10deg);
}

.seatingPlan #A10 {
    position: absolute;
    left: 41.7%;
    margin-top: 28.7%;
}

.seatingPlan #A11 {
    position: absolute;
    left: 43.9%;
    margin-top: 28.7%;
}

.seatingPlan #A12 {
    position: absolute;
    left: 46.2%;
    margin-top: 28.7%;
}

.seatingPlan #A13 {
    position: absolute;
    left: 48.4%;
    margin-top: 28.7%;
}

.seatingPlan #A14 {
    position: absolute;
    left: 50.7%;
    margin-top: 28.7%;
}

.seatingPlan #A15 {
    position: absolute;
    left: 53%;
    margin-top: 28.7%;
}

.seatingPlan #A16 {
    position: absolute;
    left: 55.3%;
    margin-top: 28.7%;
}

.seatingPlan #A17 {
    position: absolute;
    left: 57.4%;
    margin-top: 28.7%;
}

.seatingPlan #A18 {
    position: absolute;
    left: 59.6%;
    margin-top: 28.8%;
    transform: rotate(10deg);
}

.seatingPlan #A19 {
    position: absolute;
    left: 61.8%;
    margin-top: 29.3%;
    transform: rotate(25deg);
}

.seatingPlan #A20 {
    position: absolute;
    left: 69.2%;
    margin-top: 32.8%;
    transform: rotate(37deg);
}

.seatingPlan #A21 {
    position: absolute;
    left: 70.8%;
    margin-top: 34.2%;
    transform: rotate(44deg);
}

.seatingPlan #A22 {
    position: absolute;
    left: 72.1%;
    margin-top: 35.8%;
    transform: rotate(55deg);
}

.seatingPlan #A23 {
    position: absolute;
    left: 73.2%;
    margin-top: 37.5%;
    transform: rotate(61deg);
}

.seatingPlan #A24 {
    position: absolute;
    left: 73.9%;
    margin-top: 39.5%;
    transform: rotate(73deg);
}

.seatingPlan #A25 {
    position: absolute;
    left: 74.5%;
    margin-top: 41.5%;
    transform: rotate(78deg);
}

.seatingPlan #A26 {
    position: absolute;
    left: 74.9%;
    margin-top: 43.6%;
    transform: rotate(84deg);
}

.seatingPlan #A27 {
    position: absolute;
    left: 75%;
    margin-top: 45.7%;
    transform: rotate(88deg);
}

.seatingPlan #B1 {
    position: absolute;
    left: 20.1%;
    margin-top: 44.7%;
    transform: rotate(-88deg);
}

.seatingPlan #B2 {
    position: absolute;
    left: 20.2%;
    margin-top: 42.5%;
    transform: rotate(-83deg);
}

.seatingPlan #B3 {
    position: absolute;
    left: 20.4%;
    margin-top: 40.4%;
    transform: rotate(-79deg);
}

.seatingPlan #B4 {
    position: absolute;
    left: 21.1%;
    margin-top: 38.3%;
    transform: rotate(-69deg);
}

.seatingPlan #B5 {
    position: absolute;
    left: 21.9%;
    margin-top: 36.1%;
    transform: rotate(-62deg);
}

.seatingPlan #B6 {
    position: absolute;
    left: 23.1%;
    margin-top: 34%;
    transform: rotate(-57deg);
}

.seatingPlan #B7 {
    position: absolute;
    left: 24.5%;
    margin-top: 32.2%;
    transform: rotate(-48deg);
}

.seatingPlan #B8 {
    position: absolute;
    left: 26.1%;
    margin-top: 30.4%;
    transform: rotate(-45deg);
}

.seatingPlan #B9 {
    position: absolute;
    left: 27.8%;
    margin-top: 28.9%;
    transform: rotate(-35deg);
}

.seatingPlan #B10 {
    position: absolute;
    left: 35.2%;
    margin-top: 25.3%;
    transform: rotate(-26deg);
}

.seatingPlan #B11 {
    position: absolute;
    left: 37.4%;
    margin-top: 24.8%;
    transform: rotate(-10deg);
}

.seatingPlan #B12 {
    position: absolute;
    left: 39.5%;
    margin-top: 24.7%;
}

.seatingPlan #B13 {
    position: absolute;
    left: 41.7%;
    margin-top: 24.7%;
}

.seatingPlan #B14 {
    position: absolute;
    left: 43.9%;
    margin-top: 24.7%;
}

.seatingPlan #B15 {
    position: absolute;
    left: 46.2%;
    margin-top: 24.7%;
}

.seatingPlan #B16 {
    position: absolute;
    left: 48.4%;
    margin-top: 24.7%;
}

.seatingPlan #B17 {
    position: absolute;
    left: 50.7%;
    margin-top: 24.7%;
}

.seatingPlan #B18 {
    position: absolute;
    left: 53%;
    margin-top: 24.7%;
}

.seatingPlan #B19 {
    position: absolute;
    left: 55.3%;
    margin-top: 24.7%;
}

.seatingPlan #B20 {
    position: absolute;
    left: 57.4%;
    margin-top: 24.7%;
}

.seatingPlan #B21 {
    position: absolute;
    left: 59.6%;
    margin-top: 24.7%;
}

.seatingPlan #B22 {
    position: absolute;
    left: 61.7%;
    margin-top: 24.8%;
    transform: rotate(3deg);
}

.seatingPlan #B23 {
    position: absolute;
    left: 63.9%;
    margin-top: 25.2%;
    transform: rotate(20deg);
}

.seatingPlan #B24 {
    position: absolute;
    left: 70.9%;
    margin-top: 28.6%;
    transform: rotate(32deg);
}

.seatingPlan #B25 {
    position: absolute;
    left: 72.6%;
    margin-top: 29.9%;
    transform: rotate(42deg);
}

.seatingPlan #B26 {
    position: absolute;
    left: 74.1%;
    margin-top: 31.4%;
    transform: rotate(48deg);
}

.seatingPlan #B27 {
    position: absolute;
    left: 75.4%;
    margin-top: 33.1%;
    transform: rotate(56deg);
}

.seatingPlan #B28 {
    position: absolute;
    left: 76.6%;
    margin-top: 34.9%;
    transform: rotate(60deg);
}

.seatingPlan #B29 {
    position: absolute;
    left: 77.6%;
    margin-top: 36.9%;
    transform: rotate(68deg);
}

.seatingPlan #B30 {
    position: absolute;
    left: 78.3%;
    margin-top: 38.9%;
    transform: rotate(74deg);
}

.seatingPlan #B31 {
    position: absolute;
    left: 78.7%;
    margin-top: 40.9%;
    transform: rotate(83deg);
}

.seatingPlan #B32 {
    position: absolute;
    left: 78.9%;
    margin-top: 43%;
    transform: rotate(87deg);
}

.seatingPlan #B33 {
    position: absolute;
    left: 79%;
    margin-top: 45.3%;
    transform: rotate(88deg);
}

.seatingPlan #C1 {
    position: absolute;
    left: 15.9%;
    margin-top: 44.2%;
    transform: rotate(-88deg);
}

.seatingPlan #C2 {
    position: absolute;
    left: 16.1%;
    margin-top: 41.8%;
    transform: rotate(-83deg);
}

.seatingPlan #C3 {
    position: absolute;
    left: 16.3%;
    margin-top: 39.4%;
    transform: rotate(-79deg);
}

.seatingPlan #C4 {
    position: absolute;
    left: 17.3%;
    margin-top: 36.9%;
    transform: rotate(-68deg);
}

.seatingPlan #C5 {
    position: absolute;
    left: 18.3%;
    margin-top: 34.4%;
    transform: rotate(-64deg);
}

.seatingPlan #C6 {
    position: absolute;
    left: 19.6%;
    margin-top: 32%;
    transform: rotate(-56deg);
}

.seatingPlan #C7 {
    position: absolute;
    left: 21%;
    margin-top: 30%;
    transform: rotate(-48deg);
}

.seatingPlan #C8 {
    position: absolute;
    left: 22.5%;
    margin-top: 28.1%;
    transform: rotate(-46deg);
}

.seatingPlan #C9 {
    position: absolute;
    left: 24%;
    margin-top: 26.5%;
    transform: rotate(-44deg);
}

.seatingPlan #C10 {
    position: absolute;
    left: 25.9%;
    margin-top: 24.9%;
    transform: rotate(-35deg);
}

.seatingPlan #C11 {
    position: absolute;
    left: 33.2%;
    margin-top: 21.6%;
    transform: rotate(-28deg);
}

.seatingPlan #C12 {
    position: absolute;
    left: 35.2%;
    margin-top: 21%;
    transform: rotate(-15deg);
}

.seatingPlan #C13 {
    position: absolute;
    left: 37.4%;
    margin-top: 20.7%;
    transform: rotate(0deg);
}

.seatingPlan #C14 {
    position: absolute;
    left: 39.5%;
    margin-top: 20.7%;
}

.seatingPlan #C15 {
    position: absolute;
    left: 41.7%;
    margin-top: 20.7%;
}

.seatingPlan #C16 {
    position: absolute;
    left: 43.9%;
    margin-top: 20.7%;
}

.seatingPlan #C17 {
    position: absolute;
    left: 46.2%;
    margin-top: 20.7%;
}

.seatingPlan #C18 {
    position: absolute;
    left: 48.4%;
    margin-top: 20.7%;
}

.seatingPlan #C19 {
    position: absolute;
    left: 50.7%;
    margin-top: 20.7%;
}

.seatingPlan #C20 {
    position: absolute;
    left: 53%;
    margin-top: 20.7%;
}

.seatingPlan #C21 {
    position: absolute;
    left: 55.3%;
    margin-top: 20.7%;
}

.seatingPlan #C22 {
    position: absolute;
    left: 57.4%;
    margin-top: 20.7%;
}

.seatingPlan #C23 {
    position: absolute;
    left: 59.6%;
    margin-top: 20.7%;
}

.seatingPlan #C24 {
    position: absolute;
    left: 61.7%;
    margin-top: 20.8%;
    transform: rotate(3deg);
}

.seatingPlan #C25 {
    position: absolute;
    left: 63.8%;
    margin-top: 21.1%;
    transform: rotate(12deg);
}

.seatingPlan #C26 {
    position: absolute;
    left: 65.8%;
    margin-top: 21.7%;
    transform: rotate(20deg);
}

.seatingPlan #C27 {
    position: absolute;
    left: 72.8%;
    margin-top: 25.2%;
    transform: rotate(35deg);
}

.seatingPlan #C28 {
    position: absolute;
    left: 74.6%;
    margin-top: 26.7%;
    transform: rotate(40deg);
}

.seatingPlan #C29 {
    position: absolute;
    left: 76.2%;
    margin-top: 28.3%;
    transform: rotate(45deg);
}

.seatingPlan #C30 {
    position: absolute;
    left: 77.8%;
    margin-top: 30.1%;
    transform: rotate(50deg);
}

.seatingPlan #C31 {
    position: absolute;
    left: 79.2%;
    margin-top: 31.8%;
    transform: rotate(56deg);
}

.seatingPlan #C32 {
    position: absolute;
    left: 80.7%;
    margin-top: 34.3%;
    transform: rotate(62deg);
}

.seatingPlan #C33 {
    position: absolute;
    left: 81.8%;
    margin-top: 36.3%;
    transform: rotate(70deg);
}

.seatingPlan #C34 {
    position: absolute;
    left: 82.4%;
    margin-top: 38.5%;
    transform: rotate(76deg);
}

.seatingPlan #C35 {
    position: absolute;
    left: 82.9%;
    margin-top: 40.7%;
    transform: rotate(84deg);
}

.seatingPlan #C36 {
    position: absolute;
    left: 83%;
    margin-top: 42.8%;
    transform: rotate(85deg);
}

.seatingPlan #C37 {
    position: absolute;
    left: 83.1%;
    margin-top: 44.8%;
    transform: rotate(88deg);
}

.seatingPlan #D1 {
    position: absolute;
    left: 11.7%;
    margin-top: 44.1%;
    transform: rotate(-88deg);
}

.seatingPlan #D2 {
    position: absolute;
    left: 11.9%;
    margin-top: 41.7%;
    transform: rotate(-83deg);
}

.seatingPlan #D3 {
    position: absolute;
    left: 12.2%;
    margin-top: 39.3%;
    transform: rotate(-79deg);
}

.seatingPlan #D4 {
    position: absolute;
    left: 12.6%;
    margin-top: 37.3%;
    transform: rotate(-78deg);
}

.seatingPlan #D5 {
    position: absolute;
    left: 16.1%;
    margin-top: 30%;
    transform: rotate(-60deg);
}

.seatingPlan #D6 {
    position: absolute;
    left: 17.2%;
    margin-top: 28%;
    transform: rotate(-57deg);
}

.seatingPlan #D7 {
    position: absolute;
    left: 18.6%;
    margin-top: 26.1%;
    transform: rotate(-54deg);
}

.seatingPlan #D8 {
    position: absolute;
    left: 20.1%;
    margin-top: 24.3%;
    transform: rotate(-48deg);
}

.seatingPlan #D9 {
    position: absolute;
    left: 22%;
    margin-top: 22.6%;
    transform: rotate(-41deg);
}

.seatingPlan #D10 {
    position: absolute;
    left: 23.9%;
    margin-top: 21.2%;
    transform: rotate(-37deg);
}

.seatingPlan #D11 {
    position: absolute;
    left: 31.3%;
    margin-top: 17.8%;
    transform: rotate(-25deg);
}

.seatingPlan #D12 {
    position: absolute;
    left: 33.3%;
    margin-top: 17.2%;
    transform: rotate(-10deg);
}

.seatingPlan #D13 {
    position: absolute;
    left: 35.3%;
    margin-top: 16.9%;
    transform: rotate(-5deg);
}

.seatingPlan #D14 {
    position: absolute;
    left: 37.4%;
    margin-top: 16.8%;
    transform: rotate(-3deg);
}

.seatingPlan #D15 {
    position: absolute;
    left: 39.5%;
    margin-top: 16.8%;
}

.seatingPlan #D16 {
    position: absolute;
    left: 41.7%;
    margin-top: 16.8%;
}

.seatingPlan #D17 {
    position: absolute;
    left: 43.9%;
    margin-top: 16.8%;
}

.seatingPlan #D18 {
    position: absolute;
    left: 46.2%;
    margin-top: 16.8%;
}

.seatingPlan #D19 {
    position: absolute;
    left: 48.4%;
    margin-top: 16.8%;
}

.seatingPlan #D20 {
    position: absolute;
    left: 50.7%;
    margin-top: 16.8%;
}

.seatingPlan #D21 {
    position: absolute;
    left: 53%;
    margin-top: 16.8%;
}

.seatingPlan #D22 {
    position: absolute;
    left: 55.3%;
    margin-top: 16.8%;
}

.seatingPlan #D23 {
    position: absolute;
    left: 57.4%;
    margin-top: 16.8%;
}

.seatingPlan #D24 {
    position: absolute;
    left: 59.6%;
    margin-top: 16.8%;
}

.seatingPlan #D25 {
    position: absolute;
    left: 61.7%;
    margin-top: 16.9%;
    transform: rotate(3deg);
}

.seatingPlan #D26 {
    position: absolute;
    left: 63.7%;
    margin-top: 17%;
    transform: rotate(6deg);
}

.seatingPlan #D27 {
    position: absolute;
    left: 65.8%;
    margin-top: 17.3%;
    transform: rotate(9deg);
}

.seatingPlan #D28 {
    position: absolute;
    left: 67.8%;
    margin-top: 17.9%;
    transform: rotate(25deg);
}

.seatingPlan #D29 {
    position: absolute;
    left: 74.7%;
    margin-top: 21.3%;
    transform: rotate(33deg);
}

.seatingPlan #D30 {
    position: absolute;
    left: 76.4%;
    margin-top: 22.5%;
    transform: rotate(39deg);
}

.seatingPlan #D31 {
    position: absolute;
    left: 78.1%;
    margin-top: 23.8%;
    transform: rotate(42deg);
}

.seatingPlan #D32 {
    position: absolute;
    left: 79.7%;
    margin-top: 25.4%;
    transform: rotate(50deg);
}

.seatingPlan #D33 {
    position: absolute;
    left: 81.1%;
    margin-top: 27.1%;
    transform: rotate(54deg);
}

.seatingPlan #D34 {
    position: absolute;
    left: 82.3%;
    margin-top: 28.8%;
    transform: rotate(58deg);
}

.seatingPlan #D35 {
    position: absolute;
    left: 83.4%;
    margin-top: 30.5%;
    transform: rotate(62deg);
}

.seatingPlan #D36 {
    position: absolute;
    left: 84.4%;
    margin-top: 32.5%;
    transform: rotate(65deg);
}

.seatingPlan #D37 {
    position: absolute;
    left: 85.3%;
    margin-top: 34.5%;
    transform: rotate(69deg);
}

.seatingPlan #D38 {
    position: absolute;
    left: 86.9%;
    margin-top: 39.8%;
    transform: rotate(80deg);
}

.seatingPlan #D39 {
    position: absolute;
    left: 87.2%;
    margin-top: 42%;
    transform: rotate(84deg);
}

.seatingPlan #D40 {
    position: absolute;
    left: 87.4%;
    margin-top: 44.3%;
    transform: rotate(87deg);
}

.seatingPlan #E1 {
    position: absolute;
    left: 7.4%;
    margin-top: 43.8%;
    transform: rotate(-88deg);
}

.seatingPlan #E2 {
    position: absolute;
    left: 7.5%;
    margin-top: 41.4%;
    transform: rotate(-83deg);
}

.seatingPlan #E3 {
    position: absolute;
    left: 7.8%;
    margin-top: 39.1%;
    transform: rotate(-79deg);
}

.seatingPlan #E4 {
    position: absolute;
    left: 8.5%;
    margin-top: 36.6%;
    transform: rotate(-78deg);
}

.seatingPlan #E5 {
    position: absolute;
    left: 12.2%;
    margin-top: 28.2%;
    transform: rotate(-63deg);
}

.seatingPlan #E6 {
    position: absolute;
    left: 13.3%;
    margin-top: 26.1%;
    transform: rotate(-59deg);
}

.seatingPlan #E7 {
    position: absolute;
    left: 14.8%;
    margin-top: 24.1%;
    transform: rotate(-56deg);
}

.seatingPlan #E8 {
    position: absolute;
    left: 16.3%;
    margin-top: 22.3%;
    transform: rotate(-50deg);
}

.seatingPlan #E9 {
    position: absolute;
    left: 17.9%;
    margin-top: 20.7%;
    transform: rotate(-45deg);
}

.seatingPlan #E10 {
    position: absolute;
    left: 19.7%;
    margin-top: 19.2%;
    transform: rotate(-38deg);
}

.seatingPlan #E11 {
    position: absolute;
    left: 21.7%;
    margin-top: 17.8%;
    transform: rotate(-35deg);
}

.seatingPlan #E12 {
    position: absolute;
    left: 29.4%;
    margin-top: 14.4%;
    transform: rotate(-25deg);
}

.seatingPlan #E13 {
    position: absolute;
    left: 31.3%;
    margin-top: 13.7%;
    transform: rotate(-21deg);
}

.seatingPlan #E14 {
    position: absolute;
    left: 33.3%;
    margin-top: 13.2%;
    transform: rotate(-10deg);
}

.seatingPlan #E15 {
    position: absolute;
    left: 35.3%;
    margin-top: 13%;
    transform: rotate(-5deg);
}

.seatingPlan #E16 {
    position: absolute;
    left: 37.4%;
    margin-top: 12.8%;
    transform: rotate(-3deg);
}

.seatingPlan #E17 {
    position: absolute;
    left: 39.5%;
    margin-top: 12.8%;
}

.seatingPlan #E18 {
    position: absolute;
    left: 41.7%;
    margin-top: 12.8%;
}

.seatingPlan #E19 {
    position: absolute;
    left: 43.9%;
    margin-top: 12.8%;
}

.seatingPlan #E20 {
    position: absolute;
    left: 46.2%;
    margin-top: 12.8%;
}

.seatingPlan #E21 {
    position: absolute;
    left: 48.4%;
    margin-top: 12.8%;
}

.seatingPlan #E22 {
    position: absolute;
    left: 50.7%;
    margin-top: 12.8%;
}

.seatingPlan #E23 {
    position: absolute;
    left: 53%;
    margin-top: 12.8%;
}

.seatingPlan #E24 {
    position: absolute;
    left: 55.3%;
    margin-top: 12.8%;
}

.seatingPlan #E25 {
    position: absolute;
    left: 57.4%;
    margin-top: 12.8%;
}

.seatingPlan #E26 {
    position: absolute;
    left: 59.6%;
    margin-top: 12.8%;
}

.seatingPlan #E27 {
    position: absolute;
    left: 61.7%;
    margin-top: 12.9%;
    transform: rotate(3deg);
}

.seatingPlan #E28 {
    position: absolute;
    left: 63.7%;
    margin-top: 13%;
    transform: rotate(6deg);
}

.seatingPlan #E29 {
    position: absolute;
    left: 65.6%;
    margin-top: 13.3%;
    transform: rotate(9deg);
}

.seatingPlan #E30 {
    position: absolute;
    left: 67.6%;
    margin-top: 13.7%;
    transform: rotate(15deg);
}

.seatingPlan #E31 {
    position: absolute;
    left: 69.5%;
    margin-top: 14.3%;
    transform: rotate(23deg);
}

.seatingPlan #E32 {
    position: absolute;
    left: 76.7%;
    margin-top: 17.5%;
    transform: rotate(34deg);
}

.seatingPlan #E33 {
    position: absolute;
    left: 78.4%;
    margin-top: 18.8%;
    transform: rotate(37deg);
}

.seatingPlan #E34 {
    position: absolute;
    left: 80.1%;
    margin-top: 20.1%;
    transform: rotate(40deg);
}

.seatingPlan #E35 {
    position: absolute;
    left: 81.9%;
    margin-top: 21.6%;
    transform: rotate(49deg);
}

.seatingPlan #E36 {
    position: absolute;
    left: 83.3%;
    margin-top: 23.2%;
    transform: rotate(51deg);
}

.seatingPlan #E37 {
    position: absolute;
    left: 84.6%;
    margin-top: 24.8%;
    transform: rotate(53deg);
}

.seatingPlan #E38 {
    position: absolute;
    left: 86%;
    margin-top: 26.6%;
    transform: rotate(59deg);
}

.seatingPlan #E39 {
    position: absolute;
    left: 87.2%;
    margin-top: 28.5%;
    transform: rotate(62deg);
}

.seatingPlan #E40 {
    position: absolute;
    left: 88.2%;
    margin-top: 30.5%;
    transform: rotate(70deg);
}

.seatingPlan #E41 {
    position: absolute;
    left: 90.9%;
    margin-top: 38.8%;
    transform: rotate(78deg);
}

.seatingPlan #E42 {
    position: absolute;
    left: 91.2%;
    margin-top: 41.3%;
    transform: rotate(85deg);
}

.seatingPlan #E43 {
    position: absolute;
    left: 91.4%;
    margin-top: 43.8%;
    transform: rotate(87deg);
}

.seatingPlan #F1 {
    position: absolute;
    left: 3.4%;
    margin-top: 41.6%;
    transform: rotate(-85deg);
}

.seatingPlan #F2 {
    position: absolute;
    left: 3.6%;
    margin-top: 39.3%;
    transform: rotate(-81deg);
}

.seatingPlan #F3 {
    position: absolute;
    left: 4.1%;
    margin-top: 36.8%;
    transform: rotate(-77deg);
}

.seatingPlan #FF3 {
    position: absolute;
    left: 4.8%;
    margin-top: 34.4%;
    transform: rotate(-69deg);
}

.seatingPlan #F4 {
    position: absolute;
    left: 8.6%;
    margin-top: 26.1%;
    transform: rotate(-60deg);
}

.seatingPlan #F5 {
    position: absolute;
    left: 9.9%;
    margin-top: 23.9%;
    transform: rotate(-55deg);
}

.seatingPlan #F6 {
    position: absolute;
    left: 11.3%;
    margin-top: 22%;
    transform: rotate(-54deg);
}

.seatingPlan #F7 {
    position: absolute;
    left: 12.8%;
    margin-top: 20.2%;
    transform: rotate(-47deg);
}

.seatingPlan #F8 {
    position: absolute;
    left: 14.5%;
    margin-top: 18.5%;
    transform: rotate(-43deg);
}

.seatingPlan #F9 {
    position: absolute;
    left: 16.4%;
    margin-top: 16.9%;
    transform: rotate(-38deg);
}

.seatingPlan #F10 {
    position: absolute;
    left: 18.2%;
    margin-top: 15.5%;
    transform: rotate(-35deg);
}

.seatingPlan #F11 {
    position: absolute;
    left: 20%;
    margin-top: 14.3%;
    transform: rotate(-33deg);
}

.seatingPlan #F12 {
    position: absolute;
    left: 26.6%;
    margin-top: 10.5%;
    transform: rotate(-25deg);
}

.seatingPlan #F13 {
    position: absolute;
    left: 29%;
    margin-top: 9.6%;
    transform: rotate(-20deg);
}

.seatingPlan #F14 {
    position: absolute;
    left: 33%;
    margin-top: 8.7%;
    transform: rotate(-10deg);
}

.seatingPlan #F15 {
    position: absolute;
    left: 35.3%;
    margin-top: 8.3%;
    transform: rotate(-6deg);
}

.seatingPlan #F16 {
    position: absolute;
    left: 37.5%;
    margin-top: 8%;
}

.seatingPlan #F17 {
    position: absolute;
    left: 39.7%;
    margin-top: 7.9%;
}

.seatingPlan #F18 {
    position: absolute;
    left: 41.9%;
    margin-top: 7.9%;
}

.seatingPlan #F19 {
    position: absolute;
    left: 45.2%;
    margin-top: 7.9%;
}

.seatingPlan #F20 {
    position: absolute;
    left: 47.3%;
    margin-top: 7.9%;
}

.seatingPlan #F21 {
    position: absolute;
    left: 49.5%;
    margin-top: 7.9%;
}

.seatingPlan #F22 {
    position: absolute;
    left: 51.7%;
    margin-top: 7.9%;
}

.seatingPlan #F23 {
    position: absolute;
    left: 54%;
    margin-top: 7.9%;
}

.seatingPlan #F24 {
    position: absolute;
    left: 58.4%;
    margin-top: 7.9%;
}

.seatingPlan #F25 {
    position: absolute;
    left: 60.8%;
    margin-top: 7.9%;
}

.seatingPlan #F26 {
    position: absolute;
    left: 63.3%;
    margin-top: 8.1%;
    transform: rotate(3deg);
}

.seatingPlan #F27 {
    position: absolute;
    left: 65.8%;
    margin-top: 8.4%;
    transform: rotate(9deg);
}

.seatingPlan #F28 {
    position: absolute;
    left: 68.4%;
    margin-top: 9.1%;
    transform: rotate(17deg);
}

.seatingPlan #F29 {
    position: absolute;
    left: 70.8%;
    margin-top: 9.9%;
    transform: rotate(23deg);
}

.seatingPlan #F30 {
    position: absolute;
    left: 78.6%;
    margin-top: 13.6%;
    transform: rotate(30deg);
}

.seatingPlan #F31 {
    position: absolute;
    left: 80.4%;
    margin-top: 14.9%;
    transform: rotate(39deg);
}

.seatingPlan #F32 {
    position: absolute;
    left: 82.3%;
    margin-top: 16.4%;
    transform: rotate(39deg);
}

.seatingPlan #F33 {
    position: absolute;
    left: 84.2%;
    margin-top: 18%;
    transform: rotate(45deg);
}

.seatingPlan #F34 {
    position: absolute;
    left: 85.7%;
    margin-top: 19.7%;
    transform: rotate(48deg);
}

.seatingPlan #F35 {
    position: absolute;
    left: 87.2%;
    margin-top: 21.3%;
    transform: rotate(51deg);
}

.seatingPlan #F36 {
    position: absolute;
    left: 88.6%;
    margin-top: 23%;
    transform: rotate(51deg);
}

.seatingPlan #F37 {
    position: absolute;
    left: 89.8%;
    margin-top: 24.8%;
    transform: rotate(57deg);
}

.seatingPlan .content {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: black;
    position: relative;
}

.millSupporter {
    width: 80%;
    padding: 100px 10%;
    background: #EBE0CF;
}

.millSupporter .inner {
    width: 100%;
    margin: 0 auto;
}

.millSupporter .inner>.formatArea {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.millSupporter .inner>.formatArea h2 {
    color: #C9B291;
}

.millSupporter .inner .content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.millSupporter .inner .content .single {
    width: 32%;
    text-align: center;
}

.millSupporter .inner .content .single>img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.millSupporter .inner .content .single a {
    margin: 15px auto;
}

.seasonTickets {
    width: 80%;
    padding: 100px 10%;
    position: relative;
}

.seasonTickets .inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.seasonTickets .inner>.formatArea {
    width: 50%;
}

.seasonTickets .inner .tickets {
    width: 45%;
}

.seasonTickets .inner .tickets .single {
    padding: 20px 40px;
    background: #EBE0CF;
    border-radius: 25px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 80px);
}

.seasonTickets .inner .tickets .single img {
    width: 20%;
    height: 200px;
    object-fit: contain;
    object-position: 50% 50%;
}

.seasonTickets .inner .tickets .single .formatArea {
    width: 75%;
}

.membershipScheme {
    width: 80%;
    padding: 100px 10%;
    text-align: center;
}

.membershipScheme .inner {
    width: 100%;
}

.membershipScheme .inner>.formatArea {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 80px auto;
}

.membershipScheme .inner>.formatArea h2 {
    color: #C9B291;
}

.membershipScheme .inner .content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.membershipScheme .inner .content .single {
    width: 31%;
    margin: 0 1%;
}

.membershipScheme .inner .content .single img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    object-position: 50% 50%;
    margin-bottom: 30px;
}

.membershipScheme .inner .supporter {
    padding: 40px;
    background: #EBE0CF;
    border-radius: 25px;
    width: calc(80% - 80px);
    margin: 50px auto 0px auto;
}

.membershipScheme .inner .supporter a {
    margin: 15px auto 0px auto;
}

.membershipScheme .inner .supporter>*:last-child {
    margin-bottom: 0px;
}

.seatingPlan .key {
    width: 100%;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.seatingPlan .key .single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 30px;
}

.seatingPlan .key .single img {
    width: 25px;
    margin-right: 10px;
}

.seasonTickets .ticketPopup {
    position: absolute;
    width: 80%;
    top: 50px;
    left: 10%;
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease-in-out;
}

.seasonTickets .ticketPopup.selected {
    opacity: 1;
    pointer-events: all;
}

.seasonTickets .ticketPopup .inner {
    width: calc(100% - 80px);
    padding: 40px;
    background: #ebe0cf;
    border-radius: 20px;
    box-shadow: 1px 1px 20px 7px #00000040;
    display: block;
    max-height: 80vh;
    overflow-y: scroll;
}

.seasonTickets .ticketPopup .close {
    position: absolute;
    top: -5px;
    right: 0;
    padding: 20px;
    font-size: 30px;
    font-family: sans-serif;
    cursor: pointer;
    z-index: 3;
}

.membershipScheme.justwhy {
    padding-top: 0px;
}

.membershipScheme.justwhy .inner .supporter {
    margin-top: 0px;
}

.header .searchArea {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0px 20px;
    width: 500px;
    max-height: 0px;
    overflow: hidden;
    background: #ccb591;
    border-radius: 0 0 20px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    transition: all 0.8s ease-in-out;
}

.header .searchArea.selected {
    max-height: 500px;
    padding: 20px;
    overflow-y: scroll;
}

.header .searchArea .searchProductsArea {
    width: 100%;
    margin-top: 30px;
}

.header .searchArea .searchProductsArea a {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #faf8f1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.header .searchArea .searchProductsArea a:hover {
    text-decoration: none;
}

.header .searchArea .searchProductsArea a img {
    width: 30%;
    object-fit: contain;
    height: 150px;
}

.header .searchArea .searchProductsArea a .info {
    width: 65%;
}

.header .searchArea .searchProductsArea a .info h3 {
    font-size: 20px;
    line-height: 25px;
}

.header .searchArea .searchProductsArea a .info.formatArea>* {
    margin-bottom: 10px;
}

.header .searchArea.searching .searchProductsArea a {
    display: none;
}

.header .searchArea.searching .searchProductsArea a.selected {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.header .searchArea>.button {
    position: absolute;
    top: 3px;
    right: 23px;
    transition: all 0.8s ease-in-out;
}

.header .searchArea.selected>.button {
    top: 23px;
}

@media(max-width: 1600px) {
    .header a.logo {
        margin-bottom: 0px;
    }
    .header a.logo::after {
        display: none;
    }
    .millFriends .extra {
        flex-wrap: wrap;
    }
    .millFriends .extra .angels {
        width: calc(100% - 60px);
        margin-bottom: 30px;
    }
    .millFriends .extra .contacts {
        width: 100%;
    }
    .getInvolved .inner .single .content .upper h1 {
        font-size: 80px;
        line-height: 80px;
    }
    .header>div {
        display: none;
    }
    .header .mobDropdown,
    .header .burger {
        display: block;
    }
    .ticketText {
        min-height: 50vh;
    }
    .footerCta {
        flex-wrap: wrap;
    }
    .footerCta .content {
        width: 100%;
        max-width: 100%;
        margin-bottom: 50px;
    }
    .footerCta .posts {
        width: 100%;
    }
    .footer .logo {
        width: 100px;
    }
    .footer .links {
        width: calc(100% - 150px);
        max-width: 100%;
    }
}

@media(max-width: 1200px) {
    .seasonTickets .inner {
        flex-wrap: wrap;
    }
    .seasonTickets .inner>.formatArea {
        width: 100%;
        margin-bottom: 30px;
    }
    .seasonTickets .inner .tickets {
        width: 100%;
    }
    .calendar>.inner {
        flex-wrap: wrap;
    }
    .calendar .inner .seperator {
        display: none;
    }
    .calendar .inner .months,
    .calendar .inner .availableEvents {
        width: 100%;
        margin: 20px 0;
    }
    .productionsPast .inner .content .single {
        flex-wrap: wrap;
    }
    .productionsPast .inner .content .single .left {
        width: 100%;
        margin-bottom: 30px;
    }
    .productionsPast .inner .content .single .right {
        width: 100%;
    }
    .newsUpdates {
        flex-wrap: wrap;
    }
    .newsUpdates .inner {
        width: 100%;
    }
    .newsUpdates img {
        width: 100%;
        max-height: 40vh;
    }
    .footerSocials>div {
        flex-wrap: wrap;
    }
    .footerSocials .left {
        width: 100%;
        margin-bottom: 30px;
    }
    .footerSocials .feed {
        width: 100%;
    }
    .menu>div {
        flex-wrap: wrap;
    }
    .millFriends.top .friends .single {
        width: 24%;
        margin: 0 1% 30px 0;
    }
    .millFriends.top .friends .final {
        width: calc(24% - 40px);
    }
    .menu.top>div {
        flex-wrap: wrap;
    }
    .millFriends.left .inner {
        width: 100%;
        margin-bottom: 30px;
    }
    .millFriends.left .friends .single {
        width: 48%;
        margin: 0 1% 30px 0;
    }
    .millFriends.left .friends {
        width: 100%;
    }
    .home .pageIntro .inner h1:nth-child(1) {
        font-size: 50px !important;
        line-height: 55px !important;
    }
    .home .pageIntro .inner h1:nth-child(2) {
        font-size: 60px !important;
        line-height: 65px !important;
    }
    .home .pageIntro .inner h1:nth-child(3) {
        font-size: 50px !important;
        line-height: 55px !important;
    }
    .contactus .inner {
        flex-wrap: wrap;
    }
    .contactus .inner .content {
        width: 100%;
        margin-bottom: 30px;
    }
    .contactus .inner .maps {
        width: 100%;
    }
    .getInvolved .inner {
        flex-wrap: wrap;
    }
    .getInvolved .inner .single {
        width: 49%;
    }
    .barevents {
        flex-wrap: wrap;
    }
    .barevents .content {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .barevents .inner {
        width: 100%;
    }
    .whatson .inner a {
        width: 32vw;
        left: 34vw;
    }
    .whatson .inner a.selectedLOne {
        left: -1vw;
    }
    .whatson .inner a.selectedCentre {
        left: 34vw;
    }
    .whatson .inner a.selectedROne {
        left: 69vw;
    }
    .whatson .inner a.selectedRTwo {
        left: 100vw;
    }
    .whatson .inner a.selectedLTwo {
        left: -30vw;
    }
    .ourteam .team .single {
        width: 32%;
    }
    .eventsDisplay>.upper .sort div {
        margin: 10px 1%;
        min-width: 20%;
    }
    .eventsDisplay>.upper .sort {
        justify-content: center;
        flex-wrap: wrap;
    }
    .eventsDisplay>.inner a {
        width: 49%;
    }
    .textarea>div,
    .sponsors>div {
        align-items: flex-start;
    }
    .menu {
        flex-wrap: wrap;
    }
    .menu .content {
        width: 100%;
        margin-bottom: 30px;
    }
    .menu.content .inner {
        width: 100%;
    }
}

@media(max-width: 1000px) {
    .membershipScheme .inner .content {
        flex-wrap: wrap;
    }
    .membershipScheme .inner .content .single {
        width: 100%;
        margin: 10px 0;
    }
    .membershipScheme .inner .supporter {
        width: calc(100% - 80px);
    }
    .millSupporter .inner .content {
        flex-wrap: wrap;
    }
    .millSupporter .inner .content .single {
        width: 100%;
        margin-bottom: 50px;
    }
    .millSupporter .inner .content .single:last-child {
        margin-bottom: 0px;
    }
    .millSupporter .inner .content .single>img {
        height: 40vh;
    }
    .seatingPlan {
        width: 95%;
        margin: 50px auto;
    }
    .seatingPlan .content {
        top: 0px;
        color: black;
    }
    .seatingPlan #outerSeats {
        height: 55vw;
    }
    .footer .links>div .button {
        margin: 0 auto;
    }
    .questionArea {
        flex-wrap: wrap;
    }
    .questionArea>div {
        width: 100%;
        margin: 20px 0;
    }
    .popup {
        height: 80vh;
        padding: 10vh 0;
    }
    .popup .inner {
        flex-wrap: wrap;
        max-height: 80vh;
        overflow-y: scroll;
    }
    .popup .inner .content {
        padding: 20px;
        width: calc(100% - 40px);
    }
    .popup .inner>img {
        width: 100%;
        height: 30vh;
    }
    .productionsPast .inner .buttons {
        flex-wrap: wrap;
    }
    .pageIntro .hoverables {
        display: none;
    }
    .productionsPast .inner .buttons .single {
        padding: 20px 40px;
        width: calc(50% - 80px);
    }
    .reviewArea .reviews .single,
    .reviewArea .reviews .single:nth-child(2n) {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .productionsPast .inner .content {
        top: 0px;
    }
    .reviewArea .reviews .single:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: 0px;
    }
    .millFriends .extra .angels {
        flex-wrap: wrap;
    }
    .millFriends.top .friends .single {
        width: 32%;
        margin: 0 1% 30px 0;
    }
    .millFriends .extra .angels .inner {
        width: 100%;
        margin-top: 30px;
    }
    .millFriends .extra .angels div:first-child {
        width: 100%;
        max-width: 360px;
    }
    .millFriends.top .friends .final {
        width: calc(100% - 40px);
    }
    .menu {
        padding: 50px 10%;
    }
    .millFriends {
        padding: 50px 10%;
    }
    .contactus {
        margin: 50px auto;
    }
    .footerCta {
        padding: 50px 10%;
    }
    .pastProductions .inner .left .selections .single.selected .dropdown {
        overflow-y: scroll;
        max-height: 70vh;
    }
    .pastProductions .inner .right .single img {
        max-height: 60vh;
    }
    .pastProductions {
        padding: 50px 10%;
    }
    .pastProductions .inner {
        flex-wrap: wrap;
    }
    .pastProductions .inner .left,
    .pastProductions .inner .right {
        width: 100%;
        margin: 30px 0;
    }
    .imageText>div {
        flex-wrap: wrap;
    }
    .imageText .left,
    .imageText .right {
        width: 100%;
    }
    .pageIntro .inner h1,
    .pageIntro .inner h2,
    .pageIntro .inner h3 {
        font-size: 40px !important;
        line-height: 45px !important;
        letter-spacing: 3px !important;
    }
    .menu .inner .single {
        width: 100%;
        margin: 0 0 50px 0;
    }
    .menu .inner .single .upper img {
        object-fit: cover;
    }
    .pageIntro .inner h1.flowing {
        font-size: 30px !important;
        line-height: 35px !important;
    }
    .pageIntro .inner h1.waterwheel {
        font-size: 60px !important;
        line-height: 65px !important;
    }
    .header a.logo img.mob {
        object-position: 0 50%;
    }
    .pageIntro.aside .inner {
        width: 80%;
        padding-right: 0px;
        text-align: center;
    }
    .pageIntro.aside .inner a.button {
        margin: 20px auto;
    }
    .pageIntro.aside .inner h3.findout {
        font-size: 30px !important;
        line-height: 35px !important;
        letter-spacing: 2px !important;
    }
    .pageIntro.aside .inner h1.get,
    .pageIntro.aside .inner h1.involved {
        font-size: 60px !important;
        line-height: 65px !important;
    }
    .eventInner .inner {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .eventInner .inner .content {
        width: 100%;
    }
    .eventInner .inner img {
        width: 100%;
        margin-top: 30px;
        object-fit: contain;
        max-height: 50vh;
    }
    .whatson .inner a {
        width: 50vw;
        left: 25vw;
    }
    .whatson .inner a.selectedLTwo,
    .whatson .inner a.selectedLThree,
    .whatson .inner a.selectedLFour,
    .whatson .inner a.selectedLFive {
        left: -65vw;
    }
    .whatson .inner a.selectedLOne {
        left: -30vw;
    }
    .whatson .inner a.selectedCentre {
        left: 25vw;
    }
    .whatson .inner a.selectedROne {
        left: 80vw;
    }
    .whatson .inner a.selectedRTwo,
    .whatson .inner a.selectedRThree,
    .whatson .inner a.selectedRFour,
    .whatson .inner a.selectedRFive {
        left: 100vw;
    }
    .socials .text {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    .socials .inner {
        width: 100%;
    }
    .socials .text a.button {
        margin: 15px auto;
    }
    .socials {
        flex-wrap: wrap;
    }
    .sponsors>div .content {
        width: 100%;
    }
    .sponsors>div img {
        width: 100%;
        max-height: 40vh;
        object-fit: cover;
        margin-bottom: 30px;
    }
    .sponsors>div {
        flex-wrap: wrap;
    }
    .ticketText {
        width: 100%;
        padding-right: 0px;
        flex-wrap: wrap;
    }
    .ticketText .content>div:first-child {
        width: 100%;
        display: block;
        height: 20px;
        top: -20px;
        left: 0;
        -webkit-mask-image: url(/wp-content/uploads/2025/02/toprib.png);
        -webkit-mask-size: contain !important;
        -webkit-mask-position: 50% 0% !important;
        -webkit-mask-repeat: repeat-x !important;
    }
    .ticketText>img {
        width: 100%;
        max-height: 40vh;
        object-fit: cover;
    }
    .ticketText .content {
        width: 90%;
        padding: 50px 5%;
        text-align: center;
    }
    .ticketText .content a {
        margin: 0 auto;
    }
    .ticketText .content a.button {
        margin: 15px auto;
    }
    .textarea>div {
        flex-wrap: wrap;
    }
    .textarea .images {
        width: 100%;
    }
    .textarea .content {
        width: 100%;
        margin-top: 50px;
    }
    .textarea .images img {
        max-height: 40vh;
        object-fit: cover;
    }
    .footer .links,
    .footer {
        flex-wrap: wrap;
    }
    .footer .logo {
        margin: 0 auto;
    }
    .footer .links {
        width: 100%;
        margin-top: 30px;
    }
    .footer .links>div {
        width: 100%;
        margin: 20px 0;
        text-align: center;
    }
    .footer .links>div .socials {
        margin: 10px auto 0 auto;
    }
}

@media(max-width: 600px) {
    .seatingPlan .key .single {
        width: 100%;
        justify-content: flex-start;
        margin: 5px 0;
    }
    .seatingPlan .key {
        flex-wrap: wrap;
        max-width: 201px;
    }
    .membershipScheme .inner .supporter {
        width: calc(100% - 40px);
        padding: 20px;
    }
    .seasonTickets .inner .tickets .single {
        padding: 20px;
        width: calc(100% - 40px);
    }
    .pageIntro::after {
        background: linear-gradient(0deg, transparent, #0000009e, transparent);
        top: 10vh;
    }
    .productionsPast .inner .content .single .right h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .single-events div#headerWatch {
        height: 150px;
        position: relative;
    }
    .eventsDisplay {
        padding: 50px 10%;
    }
    .ticketText .contentPopup .content,
    .textarea .contentPopup .content {
        width: calc(90% - 40px);
        padding: 20px;
    }
    .contactus .intro {
        margin-bottom: 30px;
    }
    .button,
    a.button,
    .formatArea>a,
    .formatArea>p>a,
    .form input.wpcf7-submit,
    .ticketText .content .button {
        margin: 15px auto;
    }
    .calendar .inner .months .days .innerdays>div {
        padding: 0px;
        width: 13%;
        margin: 0px 0.7% 10px 0.7%;
        font-size: 6vw;
    }
    .calendar .inner .months .days>div>div {
        padding: 2vw 4%;
        width: 5.5%;
        font-size: 3vw;
        margin: 0.4%;
    }
    .calendar>.inner {
        width: calc(90% - 20px);
        padding: 10px;
        margin: 50px auto;
    }
    .newsUpdates {
        width: calc(90% - 40px);
        padding: 20px;
    }
    .calendar .inner .availableEvents .inner .single {
        flex-wrap: wrap;
    }
    .calendar .inner .availableEvents .inner .single .info {
        width: 100%;
    }
    .productionsPast .inner .buttons .single {
        padding: 20px 20px;
        width: calc(100% - 40px);
    }
    .productionsPast .inner .buttons .single:last-child {
        padding-bottom: 40px;
    }
    .productionsPast .inner .content {
        top: -20px;
        padding: 20px;
        width: calc(100% - 40px);
    }
    .eventInner {
        margin: 50px auto;
    }
    .castList .inner .single {
        width: 48%;
        margin: 0 0 30px 0;
        min-width: 0px;
    }
    .castList .inner {
        justify-content: space-between;
    }
    .eventsDisplay>.inner a .upper img {
        max-height: 40vh;
    }
    .eventsDisplay>.inner {
        margin-top: 20px;
    }
    .eventsDisplay>.upper {
        margin-bottom: 20px;
        padding-top: 30px;
    }
    div#headerWatch {
        height: 150px;
    }
    .rotatingAlert h3 {
        font-size: 25px;
        line-height: 25px;
    }
    .menu.content .content h3 {
        font-size: 30px !important;
        line-height: 35px !important;
    }
    .millFriends.top .friends .single {
        width: 100%;
        margin: 0 0% 20px 0;
    }
    .millFriends.left .friends .single {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .pastProductions .inner .left .selections .single .dropdown .mobile {
        display: block;
    }
    .pastProductions .inner .right {
        display: none;
    }
    .imageText .right {
        flex-wrap: wrap;
    }
    .imageText .right .single {
        width: 100%;
        margin-bottom: 30px;
    }
    .videoarea {
        padding-top: 50px;
    }
    .home .pageIntro {
        height: calc(90vh - 150px);
        padding-top: 150px;
        min-height: 300px;
    }
    .home .pageIntro .inner h1:nth-child(1) {
        font-size: 30px !important;
        line-height: 35px !important;
    }
    .home .pageIntro .inner h1:nth-child(2) {
        font-size: 35px !important;
        line-height: 35px !important;
    }
    .home .pageIntro .inner h1:nth-child(3),
    .home .pageIntro .inner h1:nth-child(3) span {
        font-size: 30px !important;
        line-height: 35px !important;
    }
    .ourteam {
        margin: 50px auto;
    }
    .contactus .inner .content>div {
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid black;
    }
    .contactus .inner .content>div:last-child {
        padding-left: 0px;
        border-left: 0px;
        border-bottom: 0px;
        margin-bottom: 0px;
    }
    .contactus .inner .content {
        flex-wrap: wrap;
    }
    .getInvolved {
        margin: 50px auto;
    }
    .getInvolved .inner .single:last-child {
        margin-bottom: 0px;
    }
    .getInvolved .inner .single .content {
        min-height: 0px;
    }
    .getInvolved .inner .single {
        width: 100%;
        margin: 0 0 40px 0;
    }
    .getInvolved .inner .single .content .upper h1,
    .getInvolved .inner .single .content .upper h1 span {
        font-size: 40px !important;
        line-height: 45px !important;
    }
    .pageIntro.aside .inner h1.ournew,
    .pageIntro.aside .inner h1.members {
        font-size: 45px !important;
        line-height: 50px !important;
    }
    .pageIntro.aside .inner h1.club {
        font-size: 70px !important;
        line-height: 75px !important;
    }
    .pageIntro.aside .inner h3.friends {
        font-size: 18px !important;
        line-height: 20px !important;
    }
    .barevents .inner {
        flex-wrap: wrap;
    }
    .barevents .inner .single.selected {
        max-width: 100%;
        margin-right: 0px;
        width: 100%;
    }
    .pageIntro .inner h1.flowing {
        font-size: 25px !important;
        line-height: 25px !important;
    }
    .pageIntro .inner h1.waterwheel {
        font-size: 35px !important;
        line-height: 40px !important;
    }
    .whatson .inner {
        height: 80vh;
        min-height: 450px;
    }
    .textarea {
        padding: 50px 10%;
    }
    .whatson {
        padding: 50px 0;
    }
    .title *,
    .text h1,
    h1,
    h2 {
        font-size: 40px;
        line-height: 45px;
    }
    h1 span,
    h2 span,
    h3 span {
        font-size: inherit !important;
        line-height: inherit !important;
    }
    .eventInner .inner .content .upper {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .eventInner .inner .content .upper,
    .eventInner .inner .content>div:last-child .cast {
        flex-wrap: wrap;
    }
    .eventInner .inner .content .upper>div:first-child {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 15px;
        border-right: 0px;
        border-bottom: 1px solid black;
        margin-bottom: 15px;
    }
    .eventInner .inner .content>div:last-child .cast>div:first-child::after {
        width: 100%;
        height: 0px;
        bottom: 0;
        left: 0;
        top: unset;
        right: unset;
    }
    .eventInner .inner .content>div:last-child .cast>div:first-child {
        padding-right: 0px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .eventInner .inner .content>div:last-child .cast>div {
        width: 100%;
    }
    .eventInner .inner .content .upper>div {
        width: 100%;
        text-align: center;
    }
    .whatson .inner a img {
        max-height: 50vh;
    }
    .whatson .inner a.selectedLTwo,
    .whatson .inner a.selectedLThree,
    .whatson .inner a.selectedLFour,
    .whatson .inner a.selectedLFive {
        left: -100vw;
    }
    .whatson .inner a.selectedLOne {
        left: -85vw;
    }
    .whatson .inner a.selectedRTwo,
    .whatson .inner a.selectedRThree,
    .whatson .inner a.selectedRFour,
    .whatson .inner a.selectedRFive {
        left: 100vw;
    }
    .whatson .inner a.selectedROne {
        left: 95vw;
    }
    .whatson .inner a.selectedCentre {
        left: 5vw;
    }
    .whatson .inner a {
        width: 90vw;
    }
    .ourteam .team .single {
        width: 49%;
    }
    .menu.content .inner .single {
        width: 100%;
        margin: 0px;
    }
    .footerCta .posts .upper,
    .footerCta .posts .lower {
        flex-wrap: wrap;
    }
    .footerCta .posts .lower>div {
        width: 100%;
        margin: 15px 0;
    }
    .footerCta .posts .upper a {
        width: 100%;
        margin-bottom: 30px;
    }
    .eventsDisplay>.upper .sort div {
        width: 100%;
    }
    .eventsDisplay>.inner a {
        width: 100%;
    }
    .footerSocials {
        padding: 50px 10%;
    }
    .pureText .inner {
        flex-wrap: wrap;
    }
    .pureText .inner div {
        width: 100%;
    }
    .pureText .inner div>*:first-child {
        margin-top: 0px !important;
    }
}

@media(max-width: 400px) {
    .productionsPast {
        width: 90%;
    }
    .productionsPast .inner .content {
        padding: 40px 10px;
        width: calc(100% - 20px);
    }
}