@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: '00HypertextMonoDisplay-Light';
    src: url('/LaceMarketTheatre/fonts/00HypertextMonoDisplay-Light.eot'); /* IE9 Compat Modes */
    src: url('/LaceMarketTheatre/fonts/00HypertextMonoDisplay-Light.eot') format('embedded-opentype'), /* IE9 Compat Modes */
    url('/LaceMarketTheatre/fonts/00HypertextMonoDisplay-Light.woff2') format('woff2'), /* Super Modern Browsers */
    url('/LaceMarketTheatre/fonts/00HypertextMonoDisplay-Light.woff') format('woff'), /* Pretty Modern Browsers */
    url('/LaceMarketTheatre/fonts/00HypertextMonoDisplay-Light.ttf') format('truetype') /* Safari, Android, iOS */    
}             

@font-face {
    font-family: '00HypertextMonoDisplay-Medium';
    src: url('/LaceMarketTheatre/fonts/00HypertextMonoDisplay-Medium.eot'); /* IE9 Compat Modes */
    src: url('/LaceMarketTheatre/fonts/00HypertextMonoDisplay-Medium.eot') format('embedded-opentype'), /* IE9 Compat Modes */
    url('/LaceMarketTheatre/fonts/00HypertextMonoDisplay-Medium.woff2') format('woff2'), /* Super Modern Browsers */
    url('/LaceMarketTheatre/fonts/00HypertextMonoDisplay-Medium.woff') format('woff'), /* Pretty Modern Browsers */
    url('/LaceMarketTheatre/fonts/00HypertextMonoDisplay-Medium.ttf') format('truetype') /* Safari, Android, iOS */    
}

@font-face {
    font-family: 'URWGothic-Demi';
    src: url('/fonts/URWGothic-Demi.eot'); /* IE9 Compat Modes */
    src: url('/fonts/URWGothic-Demi.eot') format('embedded-opentype'),  /* IE9 Compat Modes */
    url('/LaceMarketTheatre/fonts/URWGothic-Demi.woff2') format('woff2'), /* Super Modern Browsers */
    url('/LaceMarketTheatre/fonts/URWGothic-Demi.woff') format('woff'), /* Pretty Modern Browsers */
    url('/LaceMarketTheatre/fonts/URWGothic-Demi.ttf') format('truetype') /* Safari, Android, iOS */    
}

html{font-size: 16px;}

body{                                              
  --width-Max: 5000px;

  --color-One: #a5343a;
  --color-Two: #f9d2e5;
  --color-Three: #f6baba;
  --color-Four: #000;
  --color-Five: #fda170; 
  
  --color-Special: #8dd4a7;
  --color-Matinee: #b18ec8;
  --color-Carers: #f4afcb;
  --color-Hearing: #b6ccfb;
  --color-Pink: #f896c9;
  --color-Subtitled: #aeecdd;
  --color-Family: #fff593;
  --color-Relaxed: #aeecdd;
  
  --color-BG: #000000;
  --color-BG2: #222222;
  --color-BG3: #111111;
  --color-BG4: #333333;
  --color-BG5: #444444;
  
  --color-BG2-Font: #999999;
  --color-White: #FFFFFF;
  --color-Black: #181617;
  
  --section-boxshadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px inset;
  --tabs-boxshadow: 0px -24px 32px -13px rgba(26.999999999999975, 7.923913043478253, 18.623109640831743, 0.26);
  
  --card-boxshadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
  
  --color-Font: #FFFFFF;
  --color-DarkBg: #999999;
  --color-DarkBgFont: #FFF;  
  --color-DarkBgFontHover: #8D8D92;
  
  --color-Brand: #e74a5d;
  --color-BrandLight: #a32035;
  --color-BrandDark: #004b73;
  
  --color-Brand2: #c5ffe9;
  --color-BrandFont: #FFF;

  --color-Brand3: #ff5500;
  
  --color-DarkGrey: #999999;
  --color-VDarkGrey: #999999;
  --color-LightGrey: #999999;
  
  --color-audition: #74956A;
  --color-youth: #65A1A1;
  
  --menu-fontsize: 16px;
  --menu-fontweight: 600;
  --menu-lineheight: 40px;

  --calendar-colorBG: #FFF;
  --calendar-colorFont: #1A1A1A;
  --calendar-colorFontInactive: #CCC;
  
  --fontsize-Title: 4rem;
  --fontsize-TitleMobile: 32px;
  --fontsize-Title2: 2.4rem;
  --fontsize-Title2Mobile: 18px;
  --fontsize-SubTitle: 24px;
  --fontsize-FilmTitle: 16px;
  
  --fontsize-BoxTitle: 24px;
  --fontsize-BoxText: 16px;
    
  --color-ButtonStandardBorder: none;
  --color-ButtonStandardBg: var(--color-One);
  --color-ButtonStandardFont: var(--color-White);
  --color-ButtonStandardBgHover: var(--color-Three);  
  --color-ButtonStandardFontHover: var(--color-Black);
  --color-ButtonStandardBorderHover: none;
  
  --color-ButtonActionBorder: none;
  --color-ButtonActionBg: var(--color-One);
  --color-ButtonActionFont: var(--color-White);
  
  width: auto !important;

  --font-Regular:  "Work Sans", sans-serif;
  --font-Menu: "00HypertextMonoDisplay-Medium", serif;
  --font-Foot: "00HypertextMonoDisplay-Light", serif;
  --font-Title: "URWGothic-Demi";
  font-family: var(--font-Regular);
  font-size: 1.2em;
}

@media(max-width: 768px){
  body{
    --fontsize-Title: 2rem;
  }
}

/*---------------------------------------------
  GENERAL
---------------------------------------------*/
body{
  background: var(--color-BG);
  color: var(--color-Font);
}

br {
  margin: 1em;
}

a, a:hover {
  color: var(--color-One);
  cursor: pointer;
  text-decoration: none;
}

.hidden{
  display: none !important;
}

#ContentWrapper{
  background: var(--color-BrandFont);
}

.container{
  max-width: var(--width-Max);
  padding: 10px 20px;
  z-index: 1;
}

.container > p > a, .container > ul > li > a  {
  font-size: 1.2em !important;
  color: var(--color-Brand) !important;
}
.container > p, .container > ul > li {
  background: transparent !important;
}
.container > p > span, .card-content > p > span, .card-header-title, .container > ul > li > span {
  color: var(--color-Font) !important;
  font-size: 1em !important;
}

.container > .container{
  display: inline-block;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

#Content{
  display: inline-block;
  clear: both;
}

h1, h2, h3, h4, .title, .DetailHeading{
  font-family: var(--font-Title);
  font-weight: bold;
  font-size: var(--fontsize-Title);
  color: var(--color-Font);
}

h1.is-underlined, h2.is-underlined{
  font-weight: bold;
  font-size: var(--fontsize-Title);
  color: var(--color-Font);
  margin-bottom: 60px;  
}

h1.is-underlined > span, h2.is-underlined span{
  
}

@media(max-width: 768px){
  h1, h2, h3, h4, .title, .DetailHeading{
  font-size: var(--fontsize-TitleMobile);  
  }
}

p{
  display: inline-block;
  width: 100%;
  clear: both;
}

.clearfix{width: 100%; clear: both; display: block;}

.subtitle{
  text-decoration: none !important;
  padding: 0 8px;
  font-family: var(--font-Title);
  display: inline-block;
  text-transform: uppercase;
  color: var(--color-Font);
}

.is-underlined{

}

.is-underlined > span{
 /*background: linear-gradient( 180deg ,rgba(234, 109, 169, 0) 50%, rgba(234, 109, 169, 100%) 1%);*/
 padding: 0 10px;
}

@media(max-width: 768px){
  .container{
    overflow: hidden;
  }

  h1, h1.title, h2, h2.title, h3, h3.title{
    font-size: var(--fontsize-Title);
  text-align: center;
  }

  h2.subtitle, h3.subtitleh4, h4.subtitle, .subtitle{
    font-size: 0.8rem;
  text-align: center;
  }

  .container{
    padding-left: 10px;
    padding-right: 10px;
  }

}


/*---------------------------------------------
  TOP MENU
---------------------------------------------*/
#TopMenu{
  background: var(--color-Brand);
  font-size: 0.8em;
  line-height: 1.2em;
  font-weight: bold;
  height: 1rem;
}

#TopMenu .container{
  background: #333;
}


#TopMenu .buttons .button{
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: calc(.5em - 1px);
  padding-bottom: calc(.5em - 1px);
  line-height: 1.5em;
  height: 1.5em;
  background: var(--color-BG2);
}


#TopMenu .navbar-item, #TopMenu .navbar-link {
  color: var(--color-BrandFont);
  transition: all 0.3s ease-in-out;
}


#TopMenu .navbar-item:hover, .navbar-link:hover {
  color: var(--color-DarkBgFontHover);
  background: none;
}

#TopMenu #BasketForMobile{
  display: none;
}

@media(max-width: 1023px){
  #TopMenu .navbar-menu {
    display: block;
    background: var(--color-DarkBg);
  padding: 0;
  }

  
  #TopMenu .navbar-end{
    display: none;
  }

  
  #TopMenu .navbar-start .buttons{
    display: block;
    text-align: center;
  }

  #TopMenu #BasketForMobile{
    display: inline-block;
    margin-top: -10px;
  }

  #TopMenu #BasketForMobile #SideBar{
    display: inline-block;
  }

  #TopMenu #BasketForMobile #SideBar .SideBarMenu{
    display: none;
  }

  #TopMenu #BasketForMobile #SideBar #MyOrderMenu.SideBarMenu{
    display: inline;
  }

  #TopMenu #BasketForMobile #SideBar #MyOrderMenu.SideBarMenu .SideBarItem{
    display: none;
  }
  #TopMenu #BasketForMobile #SideBar #MyOrderMenu.SideBarMenu #MyOrderSimpleMenu.SideBarItem{
    display: inline-block;
  }
}


/*---------------------------------------------
  TOP - SIDEBAR
---------------------------------------------*/
#SideBarToggleMenu{display: none !important;}

#SideBar{
  display: flex;
  position: absolute;
  right: 20px;
  top: 0px;
  z-index: 9999;
  text-align: right;
  background: var(--color-BG);
}

@media(min-width: 769px){
  #SideBar{  
   position: fixed;
  }
}

@media(max-width: 768px){
  .container.is-pulled-up #SideBar{
    display: none;
  }
}

.SideBarItem{
  display: inline-block;
  font-family: var(--font-Regular);
  font-size: 12px;  
  margin: 0 10px;
}

.SideBarItem a{
  color: var(--color-One);
  font-weight: 600;
}

#SideBarHeader, .SideBarFirstHeading, .SideBarHeading, #AccountPasswordReset, #AccountCreateAnAccount, #MyOrderMenu > .SideBarItem {display: none !important}
#MyOrderMenu > #MyOrderSimpleMenu.SideBarItem   {display: inline-block !important}
@media(max-width: 1024px){
  body > #SideBar{
    position: relative;
    display: inline-block;
    top: 0;
    right: 0;
    width: 100%;
    padding: 5px 10px;
    background: var(--color-BG);
  }
  
  .SideBarMenu{
    display: inline;
  }
}

@media(max-width: 1024px){
  body > #SideBar{
    position: fixed;
  }
  .SideBarItem a{
    color: var(--color-White);    
  }
  body > #SideBar > #MyAccountMenu > #AccountMySettings, body > #SideBar > #MyAccountMenu > #AccountChangePassword {
    display: none; /* hiding these on very narrow screens in the top menu */
  }
}

/*---------------------------------------------
  TOP MENU - SIDEBAR
---------------------------------------------*/
#TopMenu .SideBarMenu, #TopMenu .SideBarItem{
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  text-decoration: none;
  padding: 0.2rem 0.75rem;
  line-height: 1.5em;
}

#TopMenu .SideBarMenu{
  padding-left: 0;
  padding-right: 0;
}

#TopMenu .SideBarMenu{
  display: inline-flex;
  flex-grow: 4;
}

#TopMenu .SideBarItem a{
  color: var(--color-BrandFont);
  transition: all 0.3s ease-in-out;
}

#TopMenu .SideBarItem a:hover{
  color: var(--color-DarkBgFontHover);
}

#TopMenu #SideBarToggleMenu, #TopMenu #SideBarHeader, #TopMenu .SideBarFirstHeading, #TopMenu .SideBarHeading, #UserDefinedMenu.SideBarMenu{
  display: none;
}

/*---------------------------------------------
  MAIN MENU
---------------------------------------------*/
#MainMenu{
  background: var(--color-BG);
  text-transform: uppercase;
  font-weight: normal;
  font-family: var(--font-Title);
  font-size: var(--fontsize-BoxTitle);
}

@media(max-width: 1380px){
  #MainMenu{
    font-size: 18px;
  }
}

@media(max-width: 768px){
.navbar-brand img{
  width: 100px;
}
}

.navbar-brand a:hover{background: none !important;}

@media(min-width: 1024px){
  #MainMenu{
  
  }
  #MainMenu.sticky{
  height: 100px;  
  }
  #navbarMain{
  
  }
  .navbar-brand{
  width: 320px;
    height: 120px;    
  }
  .navbar-brand a{
    padding: 0;
    width: 100%;
    height: 100%;
  }
  .navbar-brand a img{
    max-height: 140px;
  margin: 0 auto;
  }
  
}

#MainMenu .container{
  max-width: 100%;
  background: transparent;
  align-items: center;
}


#MainMenu.sticky .container{
  flex-direction: row;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}


#MainMenu .navbar-brand img{
  width: auto;
}

@media(max-width: 768px){
 #MainMenu .navbar-brand img{
   max-height: 5rem;
 }
}

#MainMenu .navbar-brand a{
  padding: 0;
}


#MainMenu .navbar-item, #MainMenu .navbar-link{
  color: var(--color-Font);
  transition: all 0.5s;
}

#MainMenu .navbar-menu.is-active .navbar-end .navbar-item:not(.desktop-burger):hover {
  background-image: url('/LaceMarketTheatre/img/menu-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 60px;  
  margin-left: -50px;
}

#MainMenu .navbar-item.desktop-burger .buttons{
  margin-bottom: 10px;
}
#MainMenu .navbar-menu .navbar-item.more {
  display: none;
}
#MainMenu .navbar-menu.is-active .navbar-item.more{
  display: inline;
}

@media(max-width: 768px) {
  #MainMenu .navbar-menu.is-active .navbar-item.more{
    display: block;
  }  
}

.navbar-link:not(.is-arrowless)::after {
  margin-top: -12px;
}

#MainMenu .navbar-item:hover, #MainMenu .navbar-link:hover, #MainMenu .navbar-link:hover::after{
  color: var(--color-One);
  border: none;
  background-color: transparent;
}

#MainMenu .buttons a strong{
  visibility: hidden;
}

#MainMenu.sticky .buttons a{
  width: 120px;
  height: 50px;
}


#MainMenu .navbar-end > .navbar-item:hover::after, #MainMenu .navbar-end > .navbar-link:hover::after,
#MainMenu .navbar-end > .navbar-item:focus::after, #MainMenu .navbar-end > .navbar-link:focus::after,
#MainMenu .navbar-end > .navbar-item:active::after, #MainMenu .navbar-end > .navbar-link:active::after {
  left: 0;
  right: auto;
  width: 100%;
}

#MainMenu .input{
  background: none;
}

#MainMenu .navbar-dropdown{
  background: var(--color-BG);
  font-family: var(--font-Regular) !important;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px;
}

@media(min-width: 1024px){
  #MainMenu .navbar-dropdown.page-groups{ 
    border: solid 2px var(--color-Brand2);
    left: -150px;
  }
  #MainMenu.sticky .navbar-dropdown.page-groups{
    left: -350px;
  }
  .navbar-item.is-active .navbar-dropdown{display: none;}
  .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.page-groups, .navbar-item.is-hoverable:focus-within .navbar-dropdown {
    display: block;
  }
  .navbar-item.is-hoverable:hover .navbar-dropdown.page-groups { /*.navbar-item.is-hoverable:focus .navbar-dropdown.page-groups, .navbar-item.is-hoverable:focus-within .navbar-dropdown.page-groups, .navbar-item.is-active .navbar-dropdown.page-groups, */
    display: flex;
  }
  .navbar-dropdown.page-groups > .columns{
    min-width: 880px;
  }
  .navbar-dropdown.page-groups > .columns > .column{
    border-right: solid 1px var(--color-Brand);
    padding: 15px;
    min-width: 220px;
  }
  .navbar-dropdown.page-groups > .columns > .column.is-12{
    border-bottom: solid 1px var(--color-Brand);
    margin: 1rem;
    border-right: none;
    width: calc(100% - 2rem);
  }
  .navbar-dropdown.page-groups > .columns > .column.is-12 > a{
    font-weight: bold;
    font-size: 16px;
    color: var(--color-Brand);
  }
  .navbar-dropdown.page-groups > .column:nth-child(4){
    border: none;
  }
}
#MainMenu .navbar-dropdown h4{
  background: var(--color-BG);
  font-family: var(--font-Title) !important;
  font-size: 24px;
  white-space: nowrap;
  color: var(--color-Brand2);
  line-height: 27pt;
  font-weight: bold;
}

#MainMenu .navbar-dropdown a{
  margin: 0;
  font-weight: normal;
  text-transform: none;
  line-height: 2em;
  font-size: 18px;
  padding: 0 !important;
}

@media(max-width: 1023px){
  .navbar-burger {
    color: var(--color-Brand);
  }

  .navbar-burger:hover {
    color: var(--color-BrandLight);
  }

  .navbar-burger span{
    height: 2px;
  }

  .navbar-menu {
    background: none;  
  }

  #MainMenu .buttons{
    display: none; /* TODO */
  }

  #MainMenu .navbar-dropdown{
    display: none;
  }

  #MainMenu .navbar-item.is-active .navbar-dropdown{
    display: block;
  }
  
}

#MainMenu .date-picker-x::before{
  right: 10px;
  left: auto;
}

#MainMenu .date-picker-x{
  right: 0px;
}

#MainMenu .navbar-link:not(.is-arrowless)::after {
  border-color: var(--color-Brand2);
}

#MainMenu .navbar-dropdown {
  border-radius: 0;
  border: none;
}
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#MainMenu.sticky .navbar-item{padding: 0 0.75rem;}
#MainMenu.sticky .navbar-brand {left: 20px; height: 100px;}
#MainMenu.sticky .navbar-brand img{max-height: 80px;}

@media (max-width: 1174px){
  #MainMenu .navbar-brand img{max-height: 50px;}
  #MainMenu.sticky .navbar-brand img{max-height: 50px;}
}

@media (max-width: 1024px) {
  #MainMenu {top: 35px;}
  #MainMenu.sticky {position: absolute;}
  #MainMenu.sticky .navbar-brand {left: 20px; height: 60px;}
  #MainMenu.sticky .navbar-brand img{max-height: 40px;}
  #MainMenu.sticky {
    top: 35px;      
  }
  #MainMenu {
    height: 120px;
  }
}

@media screen and (max-width: 1023px) {
  #MainMenu .container {overflow: visible}
  .navbar-menu.is-active {
    display: block;
    position: absolute;
    top: 35px;
    background: var(--color-Black);
    width: 100vw;
    left: 0;
    z-index: -1;
    padding-top: 40px;
    height: 100vh;
  }
}
@media screen and (min-width: 1024px) {
.sticky + .container {
  padding-top: 84px;
}
}
div.navbar-item:nth-child(7) > div:nth-child(2) > a:nth-child(1){display: none;}

@media (min-width: 769px) {
  .navbar-menu .navbar-end {
    transition: all 0.5s;
  }
  .navbar-item.desktop-burger .navbar-burger.burger {
    display: flex;
  }
 .navbar-item.desktop-burger .navbar-burger.burger .buttons:last-child{
    margin-bottom: 0;
  }
 .navbar-item.desktop-burger .navbar-burger.burger .buttons:last-child .navbar-burger span:last-child{
    display: none;
  }

  .navbar-menu.is-active {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
  }

  a.navbar-burger:nth-child(1) > span:nth-child(4) {
    display: none;
  }

  .navbar-menu.is-active .navbar-end{
    margin: 0;
  margin: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background: var(--color-BG);
  top: 0;
  position: relative;
  left: 0;

  }

  .navbar-menu.is-active .navbar-item.desktop-burger {
    position: absolute;
    top: 30px;
    right: 10px;
  } 
}
.navbar-menu:not(.is-active) #nav-item-7, .filter {display: none;}

.navbar-burger {color: #FFF;}
/*---------------------------------------------
  ASIDE MENU
---------------------------------------------*/
#MainMenuSideBar{

}

/*---------------------------------------------
  TILES
---------------------------------------------*/
.tile{
  
}

.tile.is-child{
  
}

.tile.dark-background{
  background: var(--color-DarkBg);
  color: var(--fontcolor-DarkBg);
  padding: 20px;
}

.tile.dark-background .content{
  
}

/*---------------------------------------------
  TITLES
---------------------------------------------*/
h1, h2, h3, h4, h5, h6{
  margin: 0;
  padding: 0; 
}

h1.title > span.is-underlined{
  position: relative;
}
h1.title > span.is-underlined::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 100%;
  border: solid 3px var(--color-Brand);
  border-color: var(--color-Brand) transparent transparent transparent;
  border-radius: 50%;
  clip-path: inset(0 0 50% 0);
}

h1.title > a {color: var(--color-Font);}

.programme-performances h1.title, .PerformanceList h1.title {
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--fontsize-Title2);
}

.programme-performances .tags.is-relative {
  display: none; /*hide the genre*/
}

h3.film-title{
  font-weight: normal;
  font-size: var(--fontsize-BoxTitle);
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: uppercase;
}

@media(max-width: 768px){
  h3.film-title{
    font-size: var(--fontsize-Title2Mobile);
  }
}

.subtitle{
  font-size: var(--fontsize-FilmTitle);
  margin-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 0;
}

/*---------------------------------------------
  CUSTOM BUTTONS
---------------------------------------------*/
.button, button, .Button, input.Button{
  font-family: var(--font-Menu);
  font-weight: bold;
  font-size: var(--fontsize-Button);
  text-transform: uppercase;
  border: var(--color-ButtonStandardBorder);
  border-radius: 0;
  background: var(--color-ButtonStandardBg);
  color: var(--color-ButtonStandardFont) !important;
  transition: all .2s ease-in-out;
  padding: 0.5em 1em;
  cursor: pointer;
  overflow: hidden;
}
input.Button{
  float: left;
  margin-top: 1em;
  width: auto;
}
.button:hover, .Button:hover, input.Button:hover, .button.active{
  color: var(--color-ButtonStandardFontHover);
  background: var(--color-ButtonStandardBgHover);
  border: var(--color-ButtonStandardBorderHover);
}
.PrevNext{float: left; width: 100%; clear: both;}
.button.action, input.Button, .Button.ContinueButton{

}
input.Button, .Button.ContinueButton{
  height: auto;
}

/* action buttons */
.Button.ContinueButton, .Button#confirm, .Button#AddTicketsToOrder, .Button[type="submit"] {
  background: var(--color-ButtonActionBg);
  color: var(--color-ButtonActionFont) !important;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}

.ContinueButton

#btnVoucherPayment.Button, .Button.BackButton, #btnOrangeWednesdays.Button, #btnClose.Button, #btnDiscountCode{
  border: none !important;
  font-size: var(--fontsize-SubTitle);
  padding: 1rem 0;
  box-shadow: none;
  background: none;
  color: var(--color-ButtonStandardFont) !important;
}

#btnDiscountCode{
  background: var(--color-ButtonActionBg);
  color: var(--color-ButtonActionFont) !important;
  padding: 1rem;
}
ul.buttons{
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.buttons li{
  display: inline-block;
  margin-right: 10px;
}

#HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget ul.buttons li{
  margin-right: 0;
}

@media(max-width: 768px){
  .button{
    font-size: var(--fontsize-Button-small);
  }  
}
span.tag:not(body) {
  margin-right: 0.2rem;
  margin-left: 0.5rem;
  font-size: 0.8rem;
  font-weight: bold;
  border-radius: 0;
  height: 40px;
  width: 40px;
  background: var(--color-Brand);
  color: #FFF;
}

.button.booking span.tag:not(body) {
  margin-right: -0.5rem;
  border: none;
}
span.soldout .tag,.tag.soldout{
  background: #FF1B1C;
}

ul.key .tag{
  border-radius: 50%;
}

@media(max-width: 768px){
  ul.key{
    display: flex;
    flex-wrap: wrap;
  }
  ul.key li{
    width: 50%;
    margin-bottom: 10px;
  }
}

span.black .tag, .tag.black, ul.key .button.black{display: none;}

span.programme-type-815 .tag, .tag.programme-type-815{
  background: #E76938;
}
.tags .tag.programme-type-815{background: #E76938;}
.programme-type-815 .image{border-bottom: solid 3px #E76938;}

span.programme-type-810 .tag, .tag.programme-type-810{
  background: #009f79;
}

.tags .tag.programme-type-810{background: #009f79;}
.programme-type-810 .image{border-bottom: solid 3px #009f79;}


span.programme-type-1782 .tag, .tag.programme-type-1782, .button.kids span.tag{
  background: orange;
}

.tags .tag.programme-type-1782{background: orange;}
.programme-type-1782 .image{border-bottom: solid 3px orange;}

span.programme-type-293 .tag, .tag.programme-type-293{
  background: #ffb300;
}

.tags .tag.programme-type-293{background: #ffb300;}
.programme-type-293 .image{border-bottom: solid 3px #ffb300;}

span.programme-type-813 .tag, .tag.programme-type-813{
  background: #0071bc;
}

.tags .tag.programme-type-813{background: #0071bc;}
.programme-type-813 .image{border-bottom: solid 3px #0071bc;}

span.programme-type-816 .tag, .tag.programme-type-816{
  background: #66F2CD;
}

.tags .tag.programme-type-816{background: #66F2CD;}
.programme-type-816 .image{border-bottom: solid 3px #66F2CD;}

.tags .tag.programme-type-812{background: orange;}
.programme-type-812 .image{border-bottom: solid 3px orange;}

.tags .tag.programme-type-811{background: red;}
.programme-type-811 .image{border-bottom: solid 3px red;}

.tags .tag.programme-type-917{background: darkseagreen;}
.programme-type-917 .image{border-bottom: solid 3px darkseagreen;}

.tags .tag.programme-type-817{background: black;}
.programme-type-817 .image{border-bottom: solid 3px black;}


span.programme-type-814 .tag, .tag.programme-type-814{
  background: pink;
}

.tags .tag.programme-type-814{background: pink;}
.programme-type-814 .image{border-bottom: solid 3px pink;}

span.programme-type-815 .tag, .tag.programme-type-815{
  background: indigo;
}

.tags .tag.programme-type-815{background: indigo;}
.programme-type-815 .image{border-bottom: solid 3px indigo;}

span.programme-type-810 .tag, .tag.programme-type-810{
  background: lilac;
}

.tags .tag.programme-type-810{background: indigo;}
.programme-type-810 .image{border-bottom: solid 3px indigo;}

span.programme-type-916 .tag, .tag.programme-type-916{
  background: brown;
}

.tags .tag.programme-type-916{background: brown;}
.programme-type-916 .image{border-bottom: solid 3px brown;}

span.programme-type-921 .tag, .tag.programme-type-921{
  background: green;
}

.tags .tag.programme-type-921{background: green;}
.programme-type-921 .image{border-bottom: solid 3px green;}

ul.key span.soldout .tag:not(body), .button.booking span.tag.soldout:not(body) {
  background: #ea2427;
}
ul.key span.baby .tag:not(body), .button.booking span.tag.baby:not(body) {
  background: var(--color-Carers);
  color: var(--color-Black);
}
ul.key span.hearing .tag:not(body), .button.booking span.tag.hearing:not(body) {
  background: var(--color-Hearing);
  color: var(--color-Black);
}
ul.key span.q_a .tag:not(body), .button.booking span.tag.q_a:not(body) {  
  background: var(--color-Special);
  color: var(--color-Black);  
}
.button.booking span.tag:not(body) {  
  display: none; /*apparently this isn't wanted*/
}

ul.key span.relaxed .tag:not(body), .button.booking span.tag.relaxed:not(body) {
  background: var(--color-Relaxed);
  color: var(--color-Black);
}

img[usemap="#auditorium"]{max-width: 200px;} /* because of course */

span.audio .tag,.tag.audio{
  background: #0071bc;
}
span.unlikely .tag,.tag.unlikely{
  background: #66F2CD;
}
span.friendly .tag,.tag.friendly{
  background: #0071bc;
}
span.deaf .tag,.tag.deaf{
  background: #0071bc;
}
span.sociallydistanced .tag,.tag.sociallydistanced{
  background: indigo;
}
span.qa .tag,.tag.qa{
  background: #009f79;
}
span.bhs .tag,.tag.bhs{
  background: #8B70DA;
}
span.five-films .tag,.tag.five-films{
  background: black;
}
span.screen-1 .tag, .tag.screen-1, .tag.screen-935{
  background: var(--color-Two);
}
span.screen-2 .tag, .tag.screen-2, .tag.screen-1298{
  background: var(--color-Three);
}


.tags{
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  padding: 12px;
  
}
.tags.is-relative{
  margin: 0 20px;
  padding: 10px 10px 5px;
  background: var(--color-BG);
  display: block;
  width: 100%;
}
.tags .tag{
  width: auto;
  font-size: 0.6rem;
  border-radius: 10px;
  padding: 5px;
  height: 1.3rem;
}
.tags .tag.programme-type-611{background: var(--color-Brand);}
.programme-type-611 .image{border-bottom: solid 3px var(--color-Brand);}

.tags .tag.programme-type-293{background: #E76938;}
.programme-type-293 .image{border-bottom: solid 3px #E76938;}

.tags .tag.programme-type-925{background: #4000d4;}
.programme-type-925 .image{border-bottom: solid 3px #4000d4;}

.tags .tag.programme-type-926{background: #4000d4;}
.programme-type-926 .image{border-bottom: solid 3px #4000d4;}

.tags .tag.programme-type-635{background: #4000d4;}
.programme-type-635 .image{border-bottom: solid 3px #4000d4;}

.tags .tag.programme-type-4000d4{background: #F4B54C;}
.programme-type-4000d4 .image{border-bottom: solid 3px #F4B54C;}
/*---------------------------------------------
  SLIDERS
---------------------------------------------*/
.slider{
  height: 100%;
  
}
.slider-pagination .slider-page{
  border-radius: 0 !important;
  width: 30px !important;
}
.slider-pagination .slider-page.is-active{
  transform: scale(1.3) !important;
}
.carousel{
  overflow: hidden;
  position: relative;  
}
.slider-container{
  overflow: inherit;
}
.carousel .slider-item, .carousel .slider-item > div.item{
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  justify-content: start;
}
.seasons-section {
  background: var(--color-Brand);
  padding: 20px;
  padding-bottom: 20px;
  border-radius: 40px 40px 0 0;
  padding-bottom: 100px;
}
.seasons-section .button {
  background: transparent;
}
.section.seasons-section.page-7050855 {
  background: var(--color-audition);
}
.section.seasons-section.page-7071863 {
  background: var(--color-youth);
}
.hero.has-background.page-68901, section.page-68901, 
.hero.has-background.page-70038, section.page-70038, 
.hero.has-background.page-70040, section.page-70040, 
.hero.has-background.page-70042, section.page-70042, 
.hero.has-background.page-70042, section.page-86170, 
.hero.has-background.page-70045, section.page-70045, 
.hero.has-background.page-199073, section.page-199073 
{
  max-width: var(width-Max);
  margin: 0 auto;
}
.hero.has-background.page-68901, 
.hero.has-background.page-70038, 
.hero.has-background.page-70040, 
.hero.has-background.page-70042, 
.hero.has-background.page-86170, 
.hero.has-background.page-199073, 
.hero.has-background.page-70045 {
  border-radius: 60px 60px 0 0;
  min-height: revert;
}
.hero.has-background.page-68901 > .hero-body, 
.hero.has-background.page-70038 > .hero-body, 
.hero.has-background.page-70040 > .hero-body, 
.hero.has-background.page-70042 > .hero-body, 
.hero.has-background.page-86170 > .hero-body, 
.hero.has-background.page-199073 > .hero-body, 
.hero.has-background.page-70045 > .hero-body {
  padding: 20px;
}

.page-68901 > .container > p > span, .page-68901 > .container > ul > li > span, 
.page-70038 > .container > p > span, .page-70038 > .container > ul > li > span, 
.page-70040 > .container > p > span, .page-70040 > .container > ul > li > span, 
.page-70042 > .container > p > span, .page-70042 > .container > ul > li > span, 
.page-86170 > .container > p > span, .page-86170 > .container > ul > li > span, 
.page-86170 > .container > p > span, .page-199073 > .container > ul > li > span, 
.page-70045 > .container > p > span, .page-70045 > .container > ul > li > span
{
  
}

.page-68901 #whats-on-list,
.page-70038 #whats-on-list,
.page-70040 #whats-on-list,
.page-70042 #whats-on-list,
.page-86170 #whats-on-list,
.page-199073 #whats-on-list,
.page-70045 #whats-on-list
{
  padding: 20px;
}

.page-68901 .tabs.is-centered.sub-menu,
.page-70038 .tabs.is-centered.sub-menu,
.page-70040 .tabs.is-centered.sub-menu,
.page-70042 .tabs.is-centered.sub-menu,
.page-86170 .tabs.is-centered.sub-menu,
.page-199073 .tabs.is-centered.sub-menu,
.page-70045 .tabs.is-centered.sub-menu
{
  display: none;
}

.page-68901 h1.title,
.page-70038 h1.title,
.page-70040 h1.title,
.page-70042 h1.title,
.page-86170 h1.title,
.page-199073 h1.title,
.page-70045 h1.title,
.page-68901 #whats-on-list .card-content h3.film-title,
.page-70038 #whats-on-list .card-content h3.film-title,
.page-70040 #whats-on-list .card-content h3.film-title,
.page-70042 #whats-on-list .card-content h3.film-title,
.page-86170 #whats-on-list .card-content h3.film-title,
.page-199073 #whats-on-list .card-content h3.film-title,
.page-70045 #whats-on-list .card-content h3.film-title
{
  height: revert;
}

.page-68901 #whats-on-list .card-content,
.page-70038 #whats-on-list .card-content,
.page-70040 #whats-on-list .card-content,
.page-70042 #whats-on-list .card-content,
.page-86170 #whats-on-list .card-content,
.page-199073 #whats-on-list .card-content,
.page-70045 #whats-on-list .card-content,
.page-68901 #whats-on-list ul.performances,
.page-70038 #whats-on-list ul.performances,
.page-70040 #whats-on-list ul.performances,
.page-70042 #whats-on-list ul.performances,
.page-86170 #whats-on-list ul.performances,
.page-199073 #whats-on-list ul.performances,
.page-70045 #whats-on-list ul.performances
{
  background: transparent;  
}

.page-68901 #whats-on-list ul.performances li.performance,
.page-70038 #whats-on-list ul.performances li.performance,
.page-70040 #whats-on-list ul.performances li.performance,
.page-70042 #whats-on-list ul.performances li.performance,
.page-86170 #whats-on-list ul.performances li.performance,
.page-199073 #whats-on-list ul.performances li.performance,
.page-70045 #whats-on-list ul.performances  li.performance
{
  border-color: black;
}

.page-68901 .button.booking,
.page-70038 .button.booking,
.page-70040 .button.booking,
.page-70042 .button.booking,
.page-86170 .button.booking,
.page-199073 .button.booking,
.page-70045 .button.booking
{
  
}

.page-68901 .button.booking span.time,
.page-70038 .button.booking span.time,
.page-70040 .button.booking span.time,
.page-70042 .button.booking span.time,
.page-86170 .button.booking span.time,
.page-199073 .button.booking span.time,
.page-70045 .button.booking span.time
{
  
}

.page-68901 #whats-on-list ul.performances .column,
.page-70038 #whats-on-list ul.performances .column,
.page-70040 #whats-on-list ul.performances .column,
.page-70042 #whats-on-list ul.performances .column,
.page-86170 #whats-on-list ul.performances .column,
.page-199073 #whats-on-list ul.performances .column,
.page-70045 #whats-on-list ul.performances .column
{
  background: transparent;
  
}

.hero.page-70038 h1.title {
  background: url('/LaceMarketTheatre/img/ClassicMatinee.png') no-repeat center;
  background-size: auto;
  background-size: contain;
  font-size: 0 !important;
  height: 4rem;
}

.hero.page-70040 h1.title {
  background: url('/LaceMarketTheatre/img/CarersBabies.png') no-repeat center;
  background-size: auto;
  background-size: contain;
  font-size: 0 !important;
  height: 4rem;
}

.hero.page-199073 h1.title {
  background: url('/LaceMarketTheatre/img/FamilyFlicks.png') no-repeat center;
  background-size: auto;
  background-size: contain;
  font-size: 0 !important;
  height: 4rem;
}

.page-68901, .season-type-68901, .hero.has-background:has(+ .page-68901), .page-68901 ul.performances li.performance .button::after, .page-68901  ul.performances li.performance .button::before {
  border-left: solid 3px var(--color-Special) !important;
  border-right: solid 3px var(--color-Special) !important;
  max-width: var(--width-Max);
}
.hero.has-background:has(+ .page-68901){
  border-top: solid 3px var(--color-Special) !important;
  background: var(--color-BG);
  max-width: var(--width-Max);
}
#SeasonsScrollSection .seasons-section.page-68901, .tag.season-type-68901 {
  background: var(--color-Special);
  color: var(--color-Black) !important;
}
#SeasonsScrollSection .seasons-section.page-68901 h1.title{
  color: var(--color-Black) !important;
}

.filter-season{padding-left: 60px; position: relative;}
.filter-season::before{
  position: absolute;
  content:'';
  width: 20px;
  height: 20px;
  left: 10px;
  top: 5px;
  border: solid 1px #FFF;
}

.filter-season.active[data-filter-season="68901"] {color: var(--color-Special);}
.filter-season.active[data-filter-season="70038"] {color: var(--color-Matinee);}
.filter-season.active[data-filter-season="70040"] {color: var(--color-Carers);}
.filter-season.active[data-filter-season="70042"] {color: var(--color-Hearing);}
.filter-season.active[data-filter-season="70045"] {color: var(--color-Pink);}
.filter-season.active[data-filter-season="199073"] {color: var(--color-Family);}
.filter-season.active[data-filter-season="667272"] {color: var(--color-One);}

.filter-season.active[data-filter-season="68901"]::before {border-color: var(--color-Special); background: var(--color-Special);}
.filter-season.active[data-filter-season="70038"]::before {border-color: var(--color-Matinee); background: var(--color-Matinee);}
.filter-season.active[data-filter-season="70040"]::before {border-color: var(--color-Carers); background: var(--color-Carers);}
.filter-season.active[data-filter-season="70042"]::before {border-color: var(--color-Hearing); background: var(--color-Hearing);}
.filter-season.active[data-filter-season="70045"]::before {border-color: var(--color-Pink); background: var(--color-Pink);}
.filter-season.active[data-filter-season="199073"]::before {border-color: var(--color-Family); background: var(--color-Family);}
.filter-season.active[data-filter-season="667272"]::before {border-color: var(--color-Family); background: var(--color-One);}

.page-70038, .season-type-70038, .hero.has-background:has(+ .page-70038), .page-70038 ul.performances li.performance .button::after, .page-70038  ul.performances li.performance .button::before{
  border-left: solid 3px var(--color-Matinee) !important;
  border-right: solid 3px var(--color-Matinee) !important;
  max-width: var(--width-Max);
}
.hero.has-background:has(+ .page-70038){
  border-top: solid 3px var(--color-Matinee) !important;
  background: var(--color-BG);
  max-width: var(--width-Max);
}
#SeasonsScrollSection .seasons-section.page-70038, .tag.season-type-70038{
  background: var(--color-Matinee) !important;
  color: var(--color-Black) !important;
}
#SeasonsScrollSection .seasons-section.page-70038 h1.title{
  color: black !important;
}

#SeasonsScrollSection .seasons-section.page-667272, .tag.season-type-667272, .tag.season-type-70042 {display: none !important;}

.page-70040, .season-type-70040, .hero.has-background:has(+ .page-70040), .page-70040 ul.performances li.performance .button::after, .page-70040  ul.performances li.performance .button::before{
  border-left: solid 3px var(--color-Carers) !important;
  border-right: solid 3px var(--color-Carers) !important;
  max-width: var(--width-Max);
}
.hero.has-background:has(+ .page-70040){
  border-top: solid 3px var(--color-Carers) !important;
  background: var(--color-BG);
}
#SeasonsScrollSection .seasons-section.page-70040, .tag.season-type-70040{
  background: var(--color-Carers) !important;
  color: var(--color-Black) !important;
}
#SeasonsScrollSection .seasons-section.page-70040 h1.title{
  color: black !important;
}

.page-199073, .season-type-199073, .hero.has-background:has(+ .page-199073), .page-199073 ul.performances li.performance .button::after, .page-199073  ul.performances li.performance .button::before{
  border-left: solid 3px var(--color-Family) !important;
  border-right: solid 3px var(--color-Family) !important;
  max-width: var(--width-Max);
}
.hero.has-background:has(+ .page-199073){
  border-top: solid 3px var(--color-Family) !important;
  background: var(--color-BG);
  max-width: var(--width-Max);
}
#SeasonsScrollSection .seasons-section.page-199073, .tag.season-type-199073{
  background: var(--color-Family) !important;
  color: var(--color-Black) !important;
}
#SeasonsScrollSection .seasons-section.page-199073 h1.title{
  color: black !important;
}

.page-70042, .season-type-70042, .hero.has-background:has(+ .page-70042), .page-70042 ul.performances li.performance .button::after, .page-70042  ul.performances li.performance .button::before{
  border-left: solid 3px var(--color-Hearing) !important;
  border-right: solid 3px var(--color-Hearing) !important;
  max-width: var(--width-Max);
}
.hero.has-background:has(+ .page-70042){
  border-top: solid 3px var(--color-Hearing) !important;
  background: var(--color-BG);
  max-width: var(--width-Max);
}
#SeasonsScrollSection .seasons-section.page-70042, .tag.season-type-70042{
  background: var(--color-Hearing) !important;
  color: var(--color-Black) !important;
}
#SeasonsScrollSection .seasons-section.page-70042 h1.title{
  color: black !important;
}
.page-86170, .season-type-86170, .hero.has-background:has(+ .page-86170), .page-86170 ul.performances li.performance .button::after, .page-86170  ul.performances li.performance .button::before{
  border-left: solid 3px var(--color-Relaxed) !important;
  border-right: solid 3px var(--color-Relaxed) !important;
  max-width: var(--width-Max);
}
.hero.has-background:has(+ .page-86170){
  border-top: solid 3px var(--color-Relaxed) !important;
  background: var(--color-BG);
  max-width: var(--width-Max);
}
#SeasonsScrollSection .seasons-section.page-86170, .tag.season-type-86170{
  background: var(--color-Relaxed) !important;
  color: var(--color-Black) !important;
}
#SeasonsScrollSection .seasons-section.page-86170 h1.title{
  color: black !important;
}
#SeasonsScrollSection h2.subtitle {
  color: var(--color-Black) !important;
}
#SeasonsScrollSection .carousel .buttons {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.page-70045, .season-type-70045, .hero.has-background:has(+ .page-70045), .page-70045 ul.performances li.performance .button::after, .page-70045  ul.performances li.performance .button::before{
  border-left: solid 3px var(--color-Pink) !important;
  border-right: solid 3px var(--color-Pink) !important;
}
.hero.has-background:has(+ .page-70045){
  border-top: solid 3px var(--color-Pink) !important;
  background: var(--color-BG);
}
#SeasonsScrollSection .seasons-section.page-70045, .tag.season-type-70045{
  background: var(--color-Pink) !important;
  color: var(--color-Black) !important;
}
#SeasonsScrollSection .seasons-section.page-70045 h1.title{
  color: var(--color-Black) !important;
}

.seasons-section .level-left .level-item{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 3.5em;
  align-items: start;
}
.seasons-section h1.title{
  font-size: var(--fontsize-Title2);
  line-height: 1.2em;
}
@media(max-width: 768px){
 .seasons-section h1.title{
   font-size: var(--fontsize-Title2Mobile);   
 }  
}
.seasons-section .subtitle{
  margin-top: 0 !important;
}
.seasons-section:not(:first-child){
  margin-top: -100px;    
}
.seasons-section .carousel-slide-overlay {
  margin-top: 10px;
}
.seasons-section .slider-item {
  margin: 5px;
}
@media(max-width: 480px){
  #YouMightLike .carousel .slider-item > div.item{
    height: 295px;
  }
}
.slider-item div.item{
  position: relative;
  overflow: inherit;
}
.carousel .slider-item > div.item img.carousel-film-image{
  height : auto;
  width: 100%;
  align-items: flex-start;
  display: flex;
}

@media(max-width: 920px){
 .carousel .slider-item > div.item img.carousel-film-image{
   height : auto;
   width: 100%;
 }
}

.carousel .slider-item .film-rating{
  height: 30px;
  position: absolute;
  top: 40px;
  right: calc(35% + 40px);
  color: var(--color-DarkBgFont);
}

.slider-navigation-next {
  background-image: url('/LaceMarketTheatre/img/arrow.png') !important;
}

.slider-navigation-previous {
  background-image: url('/LaceMarketTheatre/img/arrow.png') !important;
}

.slider-navigation-next{
  right: 20px;
}

.slider-navigation-previous{
  left: 20px;
}

.slider-navigation-next, .slider-navigation-previous{
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: -1;
  border-radius: 0 !important;
  border: none !important;
  margin-top: -50px !important;
  color: var(--color-DarkBgFont);
  opacity: 1;
  z-index: 2;  
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center center !important;
}
.slider-navigation-next{
  right: 20px !important;
}
.slider-navigation-previous {
  left: 20px !important;  
}

.slider-navigation-next svg, .slider-navigation-previous svg {
  display: none !important;
}

/*----collapsable-sections----*/
.collapsable-trigger{
  cursor: pointer;
}
.collapsable {
  transition: height 0.5s ease-in-out;
  height: 0;
  overflow: hidden;
}
.collapsable.open {
  height: 480px;
}

/* Banner_InformationScroller */

#Banner_InformationScroller .carousel-slide-overlay{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 40px;
  width: 100%;
  color: var(--color-DarkBgFont);
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}
#Banner_InformationScroller .carousel-slide-overlay h3.film-title{
  color: var(--color-DarkBgFont);
  font-size: var(--fontsize-Title);
}
#Banner_InformationScroller .carousel-slide-overlay h4{
  color: var(--fontcolor-DarkBgSubTitle);
}

#Banner_InformationScroller .carousel-slide-overlay .buttons{
  display: inline;
}
#Banner_InformationScroller .carousel-slide-overlay .buttons .button{
  border: solid 2px #FFF;
  color: #FFF !important;
}
@media(max-width: 1024px){
  #Banner_InformationScroller .synopsis {
    font-size: var(--fontsize-SubTitle);
  }
}
@media(max-width: 768px){
  #Banner_InformationScroller .slider{
    min-height: 380px;
  }  
  #Banner_InformationScroller .slider-item > div.item img.carousel-film-image{
    width: 100%;  
  }
  #Banner_InformationScroller  .slider-item, .slider-item > div.item{
    min-height: 380px;  
  }
  #Banner_InformationScroller .carousel-slide-overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
  }
  #Banner_InformationScroller .slider-item .film-rating{
  right: 40px;  
  }
  #Banner_InformationScroller .hide-for-small{
  display: none;
  }
}

/* Seasons Scroller */
#Banner_SeasonsScroller{
  margin-top: 2rem !important;
}
#Banner_SeasonsScroller .slider-item{
  padding: 10px;
}

#Banner_SeasonsScroller .slider-item > div.item{
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 6px 1px;
}

#Banner_SeasonsScroller .carousel-slide-overlay{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px;
  width: 100%;
  color: var(--color-Font);
  text-align: left;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
#Banner_SeasonsScroller .carousel-slide-overlay .subtitle{
  display: none;
}
#YouMightLike {display: none !important;}
#YouMightLike #Banner_SeasonsScroller .carousel-slide-overlay{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  color: var(--color-Font);
  background: var(--color-BG);
  text-align: left;  
  height: 100%;
  opacity: 0;
  z-index: 1;
}
#Banner_SeasonsScroller .carousel-slide-overlay h3.film-title{
  color: var(--color-Font);
  font-size: var(--fontsize-BoxTitle);
  font-family: var(--font-Regular);
}
#Banner_SeasonsScroller .carousel-slide-overlay h4{
  color: var(--color-Font);
  font-size: var(--fontsize-BoxText);
  height: 2.8rem;
  overflow: hidden;
  padding: 0;
}
#Banner_SeasonsScroller .synopsis{
  display: none;
}

#Banner_SeasonsScroller .carousel-slide-overlay h4 > p > span{
  font-size: 0.8rem !important;
  font-weight: normal !important;
}

#Banner_SeasonsScroller .carousel-slide-overlay .buttons{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#Banner_SeasonsScroller .carousel-slide-overlay .buttons .button{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
@media(max-width: 1024px){
  #Banner_InformationScroller .synopsis {
    font-size: var(--fontsize-SubTitle);
  }
}
@media(max-width: 768px){
  #Banner_InformationScroller .slider{
    min-height: 380px;
  }  
  #Banner_InformationScroller .slider-item > div.item img.carousel-film-image{
    width: 100%;  
  }
  #Banner_InformationScroller  .slider-item {
    min-height: 380px;  
  }
  
  #Banner_InformationScroller .carousel-slide-overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
  }
  
  #Banner_InformationScroller .slider-item .film-rating{
    right: 40px;  
  }
  
  #Banner_InformationScroller .hide-for-small{
    display: none;
  }  
  
  #Banner_SeasonsScroller  .slider-item .item, #Banner_SeasonsScroller  .slider-item {
    height: 160px;
  }
  #YouMightLike #Banner_SeasonsScroller  .slider-item .item, #YouMightLike #Banner_SeasonsScroller  .slider-item {
    height: 420px;
  }
  #Banner_SeasonsScroller .carousel-slide-overlay{
    height: 160px;  
    justify-content: center;
    align-items: center;    
    bottom: revert;
  }
}

/*---------------------------------------------
  QUICK BOOK
---------------------------------------------*/
#quick-book{
  margin-top: 0;
  background: var(--color-DarkGrey);
}

#quick-book .notification{
  background: none;
  padding: 0.5em;
  margin-bottom: -0.5em !important;
}

#quick-book .select, #quick-book .select select, #quick-book .controlis-child, #quick-book .button{
  width: 100%;
  border-radius: 0;
}

#quick-book .select select{
  font-size: 0.8em;
}

.select:not(.is-multiple):not(.is-loading)::after {
  margin-top: -.6375em;
}


/*---------------------------------------------
  Content
---------------------------------------------*/

#Content{
  margin-top: 20px;
}
.notification {
  background: var(--color-Two);
  color: var(--color-Black);
}
.hero.has-background {
  position: relative;
  overflow: hidden;
  background: var(--color-BG);  
}
.hero-background {
  position: absolute;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  display: none;
}
.hero-background.is-transparent {
  /*opacity: 0.8;*/
}
.hero.has-background .hero-body{
  padding: 1rem 1.5rem;
  text-align: center;
  /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3007003484987745) 14%, rgba(255,255,255,0) 100%);*/
  /*background: linear-gradient(0deg, #804d70 0%, #f4a6a626 31%);*/
  z-index: 1;
}
.hero.has-background .hero-body.film{
  padding: 1rem 1.5rem;
  text-align: center;
  z-index: 1;
}
@media(max-width: 768px){
  .hero.has-background .hero-body{
    padding: 2rem 1.5rem 2rem;
  }
  .hero.has-background .hero-body.film{
    padding: 6rem 1.5rem;
  }
}
.hero .hero-body .title{
  color: var(--color-Font);
  text-transform: initial;
  font-size: var(--fontsize-Title);
  font-family: var(--font-Title);
  font-weight: bold;  
}
section{
  padding: 4rem;
  background: var(--color-BG3);
}
section.is-pulled-up{
  margin-top: 0;
  padding: 40px 15% 0% 15%;
  text-align: center;
  z-index: 1;
  position: relative;
}

section.is-pulled-up > .container {
  width: 100%;
}

@media(max-width: 1024px){
  .hero .hero-body .title{
    font-size: var(--fontsize-Title);
  }
  section{
    padding: 4rem 5px;
  }
  
  section.is-pulled-up{
    padding: 120px 10px 0 10px;
  }  
}

section.is-shadow{
  background: var(--color-BG);
  box-shadow: var(--section-boxshadow);
  position: relative;
}

/*---------------------------------------------
  TABS
---------------------------------------------*/
.tabs #SideBar{
  width: 100%;
  justify-content: center;
  text-align: center;
  position: relative;
  height: 100px;
}

.tabs #SideBar .SideBarItem a{
  border: none;
  font-family: var(--font-Regular);
  font-size: 16px;
  text-transform: uppercase;
  color: var(--color-Font);
}
.tabs #SideBar .SideBarItem a:hover{
  color: var(--color-Brand);
  border-bottom: solid 1px var(--color-Brand);
}


.container.is-pulled-up > .tabs.is-centered.sub-menu > ul:nth-child(1) > li:nth-child(1){
  
}

#tab-switch{
  display: inline;
}

@media(max-width: 768px) {
  #tab-switch{
    display: inline-flex;
    margin: 20px 0;
    width: 100%;
  }
}

@media(min-width: 768px){
  #tab-switch{
    margin: 20px 10rem;
    display: flex;
  }
}
#tab-switch .switch{
  margin: 0;
  background: transparent;
  border: transparent !important;
  color: var(--color-Font) !important;
  border-radius: 0; 
  letter-spacing: 3.5px;
  font-weight: normal;
}

#tab-switch .switch:hover{
  color: var(--color-One) !important;
}

#tab-switch .switch.active{
  background: var(--color-One);
  border: transparent !important;
  color: var(--color-White) !important;
}

@media(max-width: 768px){
  #tab-switch {
    display: inline-flex;
    flex-direction: column;
  }
  
  #tab-switch .switch {
    border-radius: 0 0 40px 40px; 
    display: inline-flex;
    padding: 20px;
  }
  
  #tab-switch .switch:first-of-type {
    border-radius: 40px 40px 0 0;
  }
}


.tabs{
  width: 100%;
  border: none;
}
.tabs.filter{margin-top: 20px;}
.tabs.sub-menu{
  position: absolute;
  top: 0;
  left: 0;  
  right: 0;
  border: none;
  font-family: var(--font-Regular);
  font-size: var(--fontsize-SubTitle);
  line-height: 22.4px;
  font-weight: bold;
  display: none; /*TODO decide what to do with this */
}
.tabs .input{
  background: var(--color-BG);
  height: 1rem;
}
.tabs ul{
  flex-wrap: wrap;
  text-transform: uppercase;
  border: none;
  margin-top: 5px;
  justify-content: center;
  font-family: var(--font-Title);
  font-size: 1.2rem;
}
@media(max-width: 768px){
  .tabs ul, .tabs #SideBar .SideBarItem a {}
  .tabs.filter ul {flex-wrap: nowrap;}
  .tabs.filter ul li {display: none;}
  .tabs.filter ul li:nth-of-type(2),.tabs.filter ul li:nth-of-type(1){display: inline;}
}
.tabs ul li.is-active{

}
.tabs a.whats-on-filter, .tabs a.programme-info-tab {
  transition: all 0.5s;
  position: relative;
  color: var(--color-Font);
}
.tabs a.whats-on-filter:hover, .tabs a.programme-info-tab :hover{
  color: var(--color-Brand);
}
.tabs a.whats-on-filter::after, .tabs a.programme-info-tab::after{
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  width: 0;
  bottom: 0;
  background: var(--color-Brand);
  height: 1px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition: all 0.5s;
}
.tabs a.whats-on-filter:hover::after, .tabs a.programme-info-tab:hover::after{
  left: 0;
  right: auto;
  width: 100%;
  border: none;
}
.tabs li a{
  border-bottom: solid 2px var(--color-BG);
  padding: 13px 14px;
}
.tabs li.is-active a, .tabs li a:hover, .tabs li.is-active a.programme-info-tab{
  color: var(--color-Brand);
  border-bottom: solid 2px var(--color-BG);
}
@media(min-width: 1024px){
  .tabs ul{
    overflow: hidden;
    height: 80px;
  }
}
@media(max-width: 640px){
  .tabs{
    display: inline-block;
  }
  .tabs.filter{
    margin: 0;
  }
  .tabs li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)){
      /*display: none;*/
  }
  .tabs
  
}


/*---------------------------------------------
  Event Key
---------------------------------------------*/
#PerformanceKey{
  padding: 0;
  margin: 0 0 20px;
  display: none; /*apparently they want to hide this*/
}
#PerformanceKey > .box{
  background: var(--color-BG2);
  border-radius: 0;
  border: none;
  box-shadow: none;
  padding: 20px;
  text-align: center;
}
@media(min-width: 1020px){
#TabCalendar ul.key{
/*  display: flex;*/
  text-align: center;
  justify-content: center;
}
}
ul.key li{
  display: inline-block;
}
#TabCalendar ul.key li{
}
@media(min-width: 1048px){
  .programme-performances ul.key li{
     width: 40%;
  }
}
h4.key-subtitle{
  color: var(--color-Font);
}
ul.key{
  text-align: left;
}
ul.key li span.button{
  border: none;
  text-transform: none;
  font-weight: normal;
  font-size: 0.6rem;
  box-shadow: none;
  background: none;
  border: none !important;
  color: var(--color-Font) !important;
}
ul.key li span.button:hover{
  transform: scale(1);
  cursor: default;
}

@media(max-width:767px){
  ul.key li span.button{
    font-size: 0.6rem;
    padding: 0.2rem;
  }

  ul.key span.tag{
    font-size: 0.6rem;
  }
}
/*---------------------------------------------
  Whats On
---------------------------------------------*/
#WhatsOnMultiple{
  margin-top: -40px;
  position: relative;
  z-index: 2;  
}
@media(max-width: 768px){
  #WhatsOnMultiple{
    margin-top: -120px;
  }

}
#Empty{
  text-align: center;
  width: 100%;
  padding: 30px;
  background: var(--color-LightGrey);
  display: none; /* asked to be removed */
}
#whats-on-list{
  padding: 0 15%;
}
#WhatsOnMultiple #whats-on-list{
  padding: 0;
}

@media(max-width: 768px){
  #WhatsOnMultiple #whats-on-list{
    padding: 10px;
  }
}
#whats-on-list figure.image > a{
  display: inline-flex;
  height: 100%; 
  width: 100%;
}
#whats-on-list figure.image{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
#whats-on-list figure.image img{
  object-fit: cover;  
}
#whats-on-list .media-content{
  overflow: inherit;
}
@media(max-width: 768px){
  #whats-on-list .media-content{
    text-align: center;
  }
}
#whats-on-list .boxx{
  padding: 1.2rem;
}
#whats-on-list .box{
  position: relative;
  border-radius: 0;
  min-height: 20rem;
  padding: 40px 0 70px;
  box-shadow: none;
  border-bottom: solid 2px var(--color-DarkGrey);
}
#whats-on-list.columns.is-multiline > .column{
  display: flex;
  transition: transform 0.2s;
}
#whats-on-list.columns.is-multiline > .column:hover{
  
}
#whats-on-list .box .column.is-8{
  border-left: solid 2px var(--color-DarkGrey);
}
#whats-on-list .card .is-shadow {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
@media(max-width: 768px){
  #whats-on-list .card .is-shadow {
    margin: 0;
  }
}
#whats-on-list .card .tags .tag {
  height: 1.5rem;
  border-radius: 0;
  white-space: collapse;
  text-align: center;
  font-family: var(--font-Menu);
  line-height: 1.2em;
  margin: 0;
  text-transform: uppercase;
  flex-grow: 1;
}
#whats-on-list .card .media:not(:last-child) {margin: 0;}
ul.info{
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  font-size: 12px;
  text-transform: none;
  font-family: var(--font-Regular);
}
.info > li:nth-child(1) {display: none;} /*hide the running time*/
#whats-on-list .rating-image, #whats-on-list-calendar .rating-image {
  position: absolute;
  height: 1em;
  top: calc(60% - 30px);
  right: 15px;
  z-index: 2;
}
#TabCalendar #whats-on-list .rating-image, #whats-on-list-calendar .rating-image {
  top: 15px;  
}
@media(max-width: 768px){
  #whats-on-list-calendar h3.film-title {
    font-size: var(--fontsize-Title2Mobile);
  }
}
#whats-on-list-calendar .rating-image {
 right: -10px;
}
#whats-on-list-calendar .card .media:not(:last-child) {
  margin-bottom: 0;
}
#whats-on-list-calendar .card-content{
  padding: 0;
}
#whats-on-list-calendar .card-content, #whats-on-list .card-content{
  font-family: var(--font-Regular);
  font-size: var(--fontsize-BoxText);
  position: relative;
}
/* special pages listings */
#TabList #whats-on-list .is-full-width .card-content {
  margin-top: 30px;
}
#TabList #whats-on-list .is-full-width .card-content h3.film-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: var(--fontsize-BoxTitle);
}
@media(min-width: 769px) {
  #TabList .column.is-4 {
    width: 50%;
  }
}
@media(max-width: 768px){
  #TabList #whats-on-list .is-full-width .card-content h3.film-title {
    font-size: var(--fontsize-Title2Mobile);
  }  
}

#whats-on-list-calendar .columns.is-multiline {
  
}
@media(max-width: 768px){
  #whats-on-list-calendar .columns.is-multiline {
    text-align: center;
  }
}

#whats-on-list-calendar .columns.is-multiline .column.is-4 {
  
}

#whats-on-list-calendar h3.film-title {
  height: revert;
}

#whats-on-list-calendar .card-content{
  background: var(--color-BG);
  padding: 20px;
  color: var(--color-Font);
  overflow: hidden;
  position: relative;
}
#whats-on-list-calendar ul.performances {
  padding: 0;
}

#whats-on-list .card-content{
   background: var(--color-BG);
   color: var(--color-BG2-Font);   
}
#whats-on-list .card-content .content{
   font-size: var(--fontsize-FilmTitle);
   font-family: var(--font-Menu);
   font-weight: normal;
   text-transform: uppercase;
}
@media(max-width: 768px){
  #whats-on-list .card-content .content{
     text-align: center;
  }
}

#whats-on-list .card-content h3.film-title{
  color: var(--color-Font);
  font-weight: regular;
  text-transform: uppercase;
}


#whats-on-list .card:hover .card-content h3.film-title, #whats-on-list .card:hover .card-content {
  color: var(--color-One);  
}

#whats-on-list .card-content{
  position: relative;
  z-index: 1;
  margin-top: -30px;
  display: flex;
  flex-direction: column;
  justify-content: start;  
}
#whats-on-list .card-image{
  
}
img.film-rating{
  height: 1.5em;
  width: auto;
}
ul.info img.film-rating{
  margin-bottom: -7px;
}
.title img.film-rating{
  margin-bottom: -10px;
}
#whats-on-list ul.buttons{
  position: absolute;
  bottom: 20px;
  right: 0;
}
#whats-on-list ul.buttons li{
    margin-top: 0;
}
#whats-on-list ul.buttons li {
   margin-right: 0;
   margin-left: 10px;
}
#whats-on-list ul.buttons li a.button{
   border: none;
}
.programme-details h3.is-underlined, .programme-performances h3.is-underlined{
  font-weight: bold;
  font-family: var(--font-Title);
  color: var(--color-Font);
  font-size: var(--fontsize-Title);
  text-transform: none;
  text-align: center;
}
.programme-details h3.is-underlined span, .programme-performances h3.is-underlined span{
  border-bottom: solid 1px var(--color-Brand2);
}
.programme-details h3.is-underlined{
  display: none;
}
.programme-performances .date-range-override{
  display: none;
}
ul.performances{
  margin: 0;
  list-style: none;
  padding: 10px 0;
  text-align: left;
  background: var(--color-BG3);
}
ul.performances li.performance{
  line-height: 2rem;
  font-size: 1rem;
  position: relative;
  min-height: 3rem;
  margin: 20px 0;
  border-top: solid 3px black;
}

ul.performances li.performance .column {
  background: var(--color-BG);  
  display: flex;
  flex-wrap: wrap;
}
ul.performances li.performance .perf-time{
  display: inline-flex;
  width: 10%;
  height: 2.5rem;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 100px;
}

@media(max-width: 1380px){
  ul.performances li.performance .perf-time{
    width: 40%;
  }
}

ul.performances li.performance span.is-3{ width: auto; min-width: 160px;}
ul.performances li.performance .date{
  font-size: var(--fontsize-SubTitle);
  text-transform: uppercase;
}
ul.performances li.performance .button, .carousel-slide-overlay .buttons li:last-child .button{
  right: 0;
  min-width: 100px;
  height: 2rem;
  margin-left: 20px;
  margin-bottom: 0.2em;  
  
  background: var(--color-One);
  padding: 20px;
  border-radius: 0;
  border: none;
  color: white !important;
  position: relative;
}

.carousel-slide-overlay .buttons li:last-child .button{margin-left: 0px;}

ul.performances li.performance .button > svg {display: none;}

ul.performances li.performance .button::before, .carousel-slide-overlay .buttons li:last-child .button::before{
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background: var(--color-BG);
  border-radius: 50%;
  top: calc(50% - 10px);
  right: -10px;
}

ul.performances li.performance .button::after, .carousel-slide-overlay .buttons li:last-child .button::after{
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background: var(--color-BG);
  border-radius: 50%;
  top: calc(50% - 10px);
  left: -10px;
}

@media(max-width: 768px){
  ul.performances li.performance .button {
    margin-left: 0;
  }
  ul.performances li.performance .perf-time {
    display: inline-flex;
    width: 100%;
    text-align: center;
    justify-content: center;
  margin: 0;
  }
}

ul.performances li.performance .button.is-sold-out{
  text-decoration: line-through;
}
ul.performances li.performance .button .fa-ticket-alt{
  position: absolute;
  left: 10px;
}

@media(min-width: 768px){
  .programme-details, .programme-synopsis, .programme-performances{
    z-index: 9;
    background: var(--color-BG3);
    padding: 15px;   
  position: relative;
  }
 

  .programme-synopsis{
    border: none;
    background: none;
  }

  .programme-synopsis h1.title{
    margin: 0;
    margin-bottom: 140px;
    color: var(--color-Brand2);
  text-transform: uppercase;
  text-shadow: 0px 0px 39px rgba(0,0,0,0.3);
  font-size: var(--fontsize-Title);
  font-family: var(--font-Title);
  font-weight: bold;  
  }
  
  .programme-performances{
    padding: 0;
    border: none;
  }

  .programme-performances > .tile{
    margin-bottom: 20px;
    padding: 20px;
  }
}


.tile.share{
text-align: center;
margin: 20px 0;
}

.tile.share .title{
color: var(--color-White);    
position: relative;
font-size: var(--fontsize-BoxTitle);
margin: 0;
text-transform: uppercase;
}

#TheVideo{
  position: relative;
}

#TheVideo .play {
    display: block;
    top: 0px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("/LaceMarketTheatre/img/icon-play.png") no-repeat center center;
    z-index: 1;
    cursor: pointer;
}
@media(max-width: 1200px){
    #whats-on-list .synopsis{
    display: none;
  }
}

@media(max-width: 1024px){
  #whats-on-list .box{
    padding-bottom: 60px;
    margin: 1rem;
  }
  #whats-on-list .box .content > .column{
  width: 100%;
  }
  #whats-on-list .box .content, #whats-on-list .box .column.is-8, #whats-on-list .column{
    padding-left: 0;
    padding-right: 0;
  }
  #whats-on-list .box .column.is-8{
  border: none;  
  }
  #whats-on-list h4.subtitle{display: none;}
  #whats-on-list .box .media{
    display: block;    
  }
  #whats-on-list figure.image {
    width: 100%;
  }
  #whats-on-list .box .media-content, #whats-on-list .subtitle.has-text-right {
    text-align: center !important;
  }
  ul.info{
    text-align: center;
    font-size: var(--fontsize-SubTitle);
  }
  #whats-on-list ul.buttons {
   position: relative; 
   bottom: 0;
   display: inline-block;
   text-align: center;
   width: 100%;
  }
  .carousel-slide-overlay h3.film-title{
    font-size: 1rem;
  }
  ul.performances li.performance .date {
   min-width: 60px; 
  }
  ul.performances li.performance {
    text-align: center; 
    padding-bottom: 0;
  }
  ul.performances li.performance:last-child{
    padding-bottom: 2rem;
  }
}
@media(max-width: 769px){
  ul.info li{
    display: none;
  }
  ul.info li:first-child{
    display: block;
  }
}
#VA{display: block !important}
/*---------------------------------------------
  Right Menu
---------------------------------------------*/
#right-menu .card{
  margin-bottom: 20px;
}

.SideBarToggle{
  display: none;
}

#Aside #SideBar .SideBarHeading, #Aside #SideBar .SideBarFirstHeading{
  font-family: var(--font-Regular);
  font-weight: bold;
  border-bottom: solid 1px var(--color-Black);
  padding: 1em 0;
  margin-top: 1em;
  margin-bottom: 1em;
}

#Aside #SideBar{
  display: none;
}

/*---------------------------------------------
  Footer
---------------------------------------------*/

/*ADDED AT GEN'S REQUEST TO REMOVE PINK FILTER FROM FOOTER IMAGE*/
#Card-0-1 > div {
  background: none;
}

/*ADDED AT GEN'S REQUEST TO MAKE SURE BUTTON DID NOT OBSCURE IMAGE TEXT ON THE CARD ON MOBILE*/

@media(max-width: 768px) {
#Card-0-1 > div > a{
  margin-top: 70px;
}
#Card-0-1{min-height:300px;}

}

footer form.columns{
 margin: 1rem 0;
}
@media(min-width: 768px){
  div.bd-footer-links:nth-child(1) > div:nth-child(1) > div:nth-child(1){
    width: 25%;
    flex: none;
  }
}
footer .column{
  padding: 20px;
}
footer form.columns input.column, footer form.columns button.column{
 margin: 1rem 0;
}
footer.footer{
  margin-top: 0;
  padding: 3rem 0;
  background: var(--color-BG4);
  color: var(--color-Font);
}

footer .container{
  max-width: none;
}

footer .container.top{
  background: var(--color-BG4);
}

footer .container.middle{
  background: var(--color-BG4);
}

footer .container.middle .bd-footer-links, footer .container.bottom .copyright, footer .container.bottom .bd-footer-links{
  max-width: var(--width-Max);
  margin: 0 auto;
}

footer .container.bottom .copyright {
  font-size: 0.6em;
}

footer .column .bd-footer-link:first-of-type, footer .column > h2.subtitle {
  color: var(--color-White);
  font-size: 14px;
  font-weight: 600;
  line-height: 22.px;
  font-family: var(--font-Title);
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 0;
}
footer .column .bd-footer-link:first-of-type a, footer .column > h2.subtitle a{
  color: var(--color-White);
  font-family: var(--font-Title);
}
h2.bd-footer-link{
  margin-top: -20px; /*hack to fix the newsletter title */
}

footer .container.bottom{
  background: var(--color-BG4);
  color: var(--color-Font);
  margin-top: 0.5rem;
}
footer .container.bottom a{
  color: var(--color-Brand);
}
footer .title, footer .subtitle{
  color: var(--color-DarkBgFont);
  background: none;
  font-family: var(--font-Foot);
}

footer .content ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

footer a{
  color: var(--color-Font);
  font-size: 0.8em;
}
footer a:hover{
  color: var(--color-One);  
}

footer .bd-footer-link{
  display: block;
  float: none;
  height: 1.5em;
}

footer .subtitle{
  color: var(--color-BrandFont);
  text-decoration: underline;
}

footer .buttons{margin-top: 20px;}

@media(max-width: 768px){
  footer{
  text-align: center;
  }
  footer .container{
    padding: 10px;
  }
  footer .buttons{
    padding: 20px;
    text-align: center;
    display: inline-block;
  }
}

.goog-te-gadget img{
  width: auto;
}

.tweet-container{
  max-height: 140px;
  overflow-x: hidden;
  height: 140px;
  overflow-y: scroll;
}
#google_translate_element{
  margin-top: 10px;
}
#google_translate_element .goog-te-combo{
  padding: 5px;
}

.bd-footer-links > .columns {
  flex-direction: row-reverse;
}

.bd-footer-links > div:nth-child(1) > div:nth-child(1) {
  text-align: right;
}

.bd-footer-links > div:nth-child(1) > div:nth-child(2) {
  text-align: left;
}

.bd-footer-links > div:nth-child(1) > div:nth-child(1) > p:nth-child(1){
  display: none; /* hide the first one for Rio */
}


/*---------------------------------------------
  CARDS
---------------------------------------------*/
.card{
  background: none;
  box-shadow: none;
  color: var(--color-Font);
}
.is-pulled-up .card{
  box-shadow: none;
  min-height: 200px;
  padding: 0;
  border: solid 3px var(--color-Font);
  background: var(--color-BG);
  border-radius: 30px;
  overflow: hidden;
  padding-bottom: 60px;
  margin-top: -40px;
}

.is-pulled-up .card > .content {
  min-height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 20px;
}

.is-pulled-up .card.is-7 > .content {
  background: transparent;
}

.is-pulled-up.page-7051192 .card > .content {
  min-height: 65%;
}

.card .button, .seasons-section .level-right .button {
  background: transparent;  
  padding: 20px;
  border-radius: 0;
  border: none;
  color: var(--color-Black) !important;
  padding-right: 60px;
  background-image: url('/LaceMarketTheatre/img/arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}

.seasons-section .collapsable-trigger .level-right .button {
  background-image: url('/LaceMarketTheatre/img/arrow-transparent-down.png');
}

.seasons-section .collapsable-trigger:has(+.open) .level-right .button {
  background-image: url('/LaceMarketTheatre/img/arrow-transparent.png');
}

.is-pulled-up .card .button {
  min-width: 100px;
  height: 2rem;
  margin-left: 0;
  margin-top: 40px;  
  background: var(--color-One);
  padding: 20px;
  border-radius: 0;
  border: none;
  color: white !important;
  position: relative;
}

.is-pulled-up .card .button::before {
   content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    background: var(--color-BG);
    border-radius: 50%;
    top: calc(50% - 10px);
    right: -10px;
}
.is-pulled-up .card .button::after {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background: var(--color-BG);
  border-radius: 50%;
  top: calc(50% - 10px);
  left: -10px;
}


.is-pulled-up .card > figure {
  top: 0;
  height: auto;
}

.is-pulled-up .card > .content figure {
  display: none !important;
}

.is-pulled-up .card h4.title{
  padding: 10px 20px;
  min-height: 4.5rem;
  background-position: bottom center;
  color: var(--color-White);
  font-size: 24px;
}

.card .content figure.figure{
  min-height: 6.5rem;
}

.container.banner-container .card .content figure.figure{
  min-height: 1rem;
}

@media(max-width: 960px){
  .container.banner-container .card {min-height: 400px;}
}
@media(max-width: 768px){
  .container.banner-container .card {min-height: 0;}
  .container.banner-container .card .content figure.figure{
    min-height: 1rem;
    margin-bottom: -1rem;
  }

}

.is-pulled-up .card a.button{
  max-width: 200px;
  margin: 0px auto 60px;
}

.UpsellScrollSection{
  background: var(--color-BG);  
}
.UpsellScrollSection .container.banner-container{
  z-index: 0;
}
.card.film-row{
  margin: 20px 0;
  padding: 0;
}
.card.film-row span.film-rating, .card.film-row .synopsis{
  display: none;
}
.card .is-shadow{
  
}
.card-content{
  padding: 10px;
}
.card-content h3.film-title{
  line-height: 1.5em;
  white-space: wrap;
  max-height: 3em;
}
.UpsellScrollSection .column.card.is-3 .content{
  background: #fff;
  border: solid 3px var(--color-Black);
}
.UpsellScrollSection .column.card.is-3 .content .title{
  color: var(--color-Black);
}

.container.page-7052211 {
  padding: 180px 5% 80px;
    margin-top: -120px;
}

#Card-7052211-184454, #Card-1745-184455 {
  border: none;
  padding: 30px;
  height: 150px;
}
#Card-7052211-184454 h4.title, #Card-7052211-184455 h4.title {
  font-size: 1em;
}
#Card-7052211-184454 figure, #Card-7052211-184455 figure {
  height: 120px;
}
#Card-1745-184454 figure > a, #Card-1745-184455 figure > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#Card-7052211-184454 figure > a img, #Card-7052211-184455 figure > a img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

/*-----COMMUNITY CARDS------------*/
.page-4230 .card {
  padding: 40px;
  padding-bottom: 80px;
  border-radius: 30px 30px 0 0;
  margin-top: -40px;
    border: none;  
}
.page-4230 .card > figure {display: none;}
.page-4230 .card .title {
  color: var(--color-Black) !important;
  margin: 0;
}
.page-4230 .card .content figure.figure {
  display: flex !important;
  flex-direction: column;
  line-height: 1;
  padding: 0;
  margin: 0;
}

.page-4230 .button {
  min-width: 100px;
  height: 2rem;
  margin-left: 0;
  margin-top: 40px;  
  background: var(--color-White);
  padding: 20px;
  border-radius: 0;
  border: none;
  color: black !important;
  position: relative;
}

.page-4230 .button::before {
   content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    background: var(--color-Black);
    border-radius: 50%;
    top: calc(50% - 10px);
    right: -10px;
}
.page-4230 .button::after {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background: var(--color-Black);
  border-radius: 50%;
  top: calc(50% - 10px);
  left: -10px;
}

#Card-4230-4224, #Card-4230-4224 .button::before, #Card-4230-4224 .button::after {background: var(--color-Carers);}
#Card-4230-4226, #Card-4230-4226 .button::before, #Card-4230-4226 .button::after {background: var(--color-Hearing);}
#Card-4230-4227, #Card-4230-4227 .button::before, #Card-4230-4227 .button::after {background: var(--color-Family);}
#Card-4230-4225, #Card-4230-4225 .button::before, #Card-4230-4225 .button::after {background: var(--color-Matinee);}
#Card-4230-4228, #Card-4230-4228 .button::before, #Card-4230-4228 .button::after {background: var(--color-Special);}

#Card-4230-4224, #Card-4230-4226 {margin-top: 0;}

#Card-4230-4225, #Card-4230-4228 {  
  border-radius: 30px;
}
#Card-4230-4228 {  
  padding-bottom: 20px;
}

#Card-4230-4229 {
  background: var(--color-BG);
  margin-top: 0;
  padding: 60px;
}
#Card-4230-4229 .button, #Card-4230-4229 .title  {display: none;}
#Card-4230-4229 .figure p > span {color: var(--color-white) !important;}
#Card-4230-4229 .content, #Card-4230-4229 .content figure.figure {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*---------------MEMBERSHIP CARDS----------------*/

.container.is-pulled-up.page-7052211 {
  border: solid 3px white;
  border-radius: 30px;
  margin-bottom: 100px;
  background: var(--color-BG3);
}

.container.is-pulled-up.page-7052211 .card{
  background: transparent;
}

.container.is-pulled-up.page-7052211 .card .content table td{
  border: none;
}

.hero.has-background.page-7052211{z-index: 2; background: transparent;}

#Card-7052211-7052209, #Card-7052211-7052210 {border: none;}
#Card-7052211-7052209 .title, #Card-7052211-7052209 .button, #Card-7052211-7052210 .button, #Card-7052211-7052210 .title  {display: none;}
#Card-7052211-7052209 .content figure.figure {display: flex !important; flex-direction: column; margin: 0;}
#Card-7052211-7052209 .content figure.figure p > span, #Card-7052211-7052210 .content figure.figure p > span {color: var(--color-white) !important;}
#Card-7052211-7052210 > figure.figure {display: none;}
#Card-7052211-7052210 .content figure.figure {display: flex !important; flex-direction: column; margin-top: 0;}

/*---------ACCORDION CARDS--------*/
.accordion-container, .accordion-container > .container{
  padding: 0;
}
.accordion-card {
  background: var(--color-BG);
  padding: 0 15px;
}
.accordion-card .card-header  {
  box-shadow: none;
  color: var(--color-Font);
}
.accordion-card .card-header .card-header-title {
  color: var(--color-Font) !important;
    font-family: var(--font-Title);
  padding: 20px 0;
}
.accordion-card .subtitle{display: none;}
.accordion-card .is-collapsible {
  
}
.accordion-card .card-content {
  overflow: hidden;
  padding: 0;
}
.accordion-card .card-content p > span, .accordion-card .card-content ul > li > span {
  font-size: 1rem !important;
  color: var(--color-Font) !Important;
}
.accordion-card .card-content p > span, .accordion-card .card-content ul > li > a {
  font-size: 1rem !important;
  color: var(--color-Font) !Important;
  text-decoration: underline;
}
@media(min-width: 769px){
  .accordion-card .column.is-3 {
    width: 40%;
  }
}

.page-32431 .accordion-card .card-content p > span, .page-32431 .accordion-card .card-content ul > li > span,
.page-32431 .accordion-card .card-header-title {
  color: var(--color-Black) !important;
}
section.page-30655 {padding-top: 0; padding-bottom: 0;}

.page-32431 div.accordion-card:nth-child(1){background: var(--color-Special);}
.page-32431 div.accordion-card:nth-child(2){background: var(--color-Matinee);}
.page-32431 div.accordion-card:nth-child(3){background: var(--color-Pink);}
.page-32431 div.accordion-card:nth-child(4){background: var(--color-Family);}
.page-32431 div.accordion-card:nth-child(5){background: var(--color-One);}
.page-32431 .news-image {display: none;}

.page-32431 .accordion-card .is-collapsible, .page-32431 .accordion-card .card-header {max-width: 900px; margin: 0 auto;} 

/*Bar*/
.page-131701 div.accordion-card:nth-child(1){background: var(--color-Five);}
/*Outreach*/
.accordion-container.page-7053400 .columns{
  flex-direction: column;
}
.accordion-container.page-7053400 .title{
  font-size: var(--fontsize-SubTitle);
  margin-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 0;
}
/*---------------------------------------------
  SEARCH
---------------------------------------------*/
.search-icon .icon.is-small.is-right{
  color: var(--color-DarkBg);
  height: 2em;
}


input#search{
  width: 0;
  border: none;
  cursor: pointer;
  height: 2.5em;
  transition: width 0.5s;
  margin-right: 10px;
  padding: 10px;
  border: none;
  border-radius: 0;
}


input#search:focus{
  width: 250px;
  color: var(--color-BrandFont);
}

/*---------------------------------------------
  NEWSLETTER
---------------------------------------------*/
#newsletter{
  background: var(--color-DarkGrey);
  padding: 4rem;
  margin-top: 4rem;
  
}

#newsletter .subtitle{
  color: var(--color-DarkBgFont) !important;
}


/*---------------------------------------------
  DATE PICKER
---------------------------------------------*/
.date-picker-x-input{
  visibility: hidden;  
}

.dpx-content-box{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.date-picker-x .dpx-title-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 10px;
  font-size: var(--fontsize-SubTitle);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3.5px;
}

.date-picker-x .dpx-prev,
.date-picker-x .dpx-next {
  font-size: 22px;
  line-height: 50px;
  text-align: center;
  transition: .2s;
  width: 50px;
  cursor: pointer;
}

.dpx-item.dpx-weekday, .dpx-item.dpx-weekday:hover  {
  background: var(--color-BG);
  font-size: var(--fontsize-SubTitle);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3.5px;
  border: none;
}

.dpx-item{
  flex-grow: 1;
  width: 14.2857%;
  background: var(--calendar-BG);
  color: var(--color-Font);
  border-radius: 20px;
  line-height: 3em;
  height: 3em;
  transition: background-color 0.5s ease;
  cursor: pointer;
  position: relative;  
}

.dpx-item.day-has-performance::after{
  background-color: var(--color-One);
  border-radius: 50%;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  bottom: 5%;
  left: 50%;
  margin: -4px 0 0 -4px;
  position: absolute;
  transition: all .25s ease;
}


@media(max-width: 768px){
  .dpx-item{
    font-size: 0.8rem;
    padding: 5% 3%;
  }  
  .dpx-item.day-has-performance::after{
    bottom: 10px;
  }
}
@media(max-width: 1024px){
  .dpx-item{
    padding: 0;
    font-size: 1rem;
  height: 80px;
  }
  .dpx-item.day-has-performance::after{
    bottom: 5px;
  }  
}

.dpx-item:hover, .dpx-item.dpx-current, .dpx-item.active{
  background: var(--color-Two);
  color: var(--color-BrandFont);  
}
.dpx-item.dpx-current.active{
  background: var(--color-Three);
}
.dpx-item.dpx-current{
  background: var(--color-One);
}
.dpx-out.dpx-item{
  color: var(--calendar-colorFontInactive);
}

.date-picker-x .dpx-btns {
  display: none;
}

/*-------------------------------------
OSCAR
-------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('/LaceMarketTheatre/fonts/icomoon.eot?pa46kn');
  src:  url('/LaceMarketTheatre/fonts/icomoon.eot?pa46kn#iefix') format('embedded-opentype'),
    url('/LaceMarketTheatre/fonts/icomoon.ttf?pa46kn') format('truetype'),
    url('/LaceMarketTheatre/fonts/icomoon.woff?pa46kn') format('woff'),
    url('/LaceMarketTheatre/fonts/icomoon.svg?pa46kn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-image:before {
  content: "\e90d";
}
.icon-images:before {
  content: "\e90e";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-music:before {
  content: "\e911";
}
.icon-play:before {
  content: "\e912";
}
.icon-film:before {
  content: "\e913";
}
.icon-profile:before {
  content: "\e923";
}
.icon-file-empty:before {
  content: "\e924";
}
.icon-folder-download:before {
  content: "\e933";
}
.icon-price-tags:before {
  content: "\e936";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-ticket:before {
  content: "\e939";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-phone:before {
  content: "\e942";
}
.icon-address-book:before {
  content: "\e944";
}
.icon-location:before {
  content: "\e947";
}
.icon-compass:before {
  content: "\e949";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-alarm:before {
  content: "\e950";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-printer:before {
  content: "\e954";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-undo:before {
  content: "\e965";
}
.icon-redo:before {
  content: "\e966";
}
.icon-bubble:before {
  content: "\e96b";
}
.icon-user:before {
  content: "\e971";
}
.icon-spinner6:before {
  content: "\e97f";
}
.icon-spinner11:before {
  content: "\e984";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-stats-bars:before {
  content: "\e99c";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-bin2:before {
  content: "\e9ad";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-play3:before {
  content: "\ea1c";
}
.icon-pause2:before {
  content: "\ea1d";
}
.icon-stop2:before {
  content: "\ea1e";
}
.icon-backward2:before {
  content: "\ea1f";
}
.icon-forward3:before {
  content: "\ea20";
}
.icon-first:before {
  content: "\ea21";
}
.icon-last:before {
  content: "\ea22";
}
.icon-previous2:before {
  content: "\ea23";
}
.icon-next2:before {
  content: "\ea24";
}
.icon-loop2:before {
  content: "\ea2e";
}
.icon-shuffle:before {
  content: "\ea30";
}
.icon-arrow-up:before {
  content: "\ea32";
}
.icon-circle-up:before {
  content: "\ea41";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-down:before {
  content: "\ea43";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-shift:before {
  content: "\ea4f";
}
.icon-mail:before {
  content: "\ea83";
}
.icon-mail2:before {
  content: "\ea84";
}
.icon-mail3:before {
  content: "\ea85";
}
.icon-envelop:before {
  content: "\ea86";
}
.icon-google:before {
  content: "\ea88";
}
.icon-google-plus2:before {
  content: "\ea8c";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-youtube2:before {
  content: "\ea9e";
}
.icon-twitch:before {
  content: "\ea9f";
}
.icon-vimeo:before {
  content: "\eaa0";
}
.icon-vimeo2:before {
  content: "\eaa1";
}
.icon-lanyrd:before {
  content: "\eaa2";
}
.icon-dribbble:before {
  content: "\eaa7";
}
.icon-behance:before {
  content: "\eaa8";
}
.icon-dropbox:before {
  content: "\eaae";
}
.icon-tumblr:before {
  content: "\eab9";
}
.icon-tumblr2:before {
  content: "\eaba";
}
.icon-appleinc:before {
  content: "\eabe";
}
.icon-soundcloud:before {
  content: "\eac3";
}
.icon-soundcloud2:before {
  content: "\eac4";
}
.icon-skype:before {
  content: "\eac5";
}
.icon-reddit:before {
  content: "\eac6";
}
.icon-linkedin:before {
  content: "\eac9";
}
.icon-linkedin2:before {
  content: "\eaca";
}
.icon-pinterest:before {
  content: "\ead1";
}
.icon-pinterest2:before {
  content: "\ead2";
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.onecol {
width: 4.85%;
}

.twocol {
width: 13.45%;
}

.threecol{
width: 22.05%;
}

.fourcol {
width: 30.75%;
}

.fivecol {
width: 39.45%;
}

.sixcol {
width: 48%;
}

.sevencol {
width: 56.75%;
}

.eightcol {
width: 65.4%;
}

.ninecol{
width: 74.05%;
}

.tencol {
width: 82.7%;
}

.elevencol {
width: 91.35%;
}

.twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
height: auto;
}


/* Smaller screens */

@media only screen and (max-width: 1023px) {

body {
font-size: 0.8em;
}

.row, body, .container, #WizardSteps, #Content  {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
}

}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

body {
font-size: 16px;
-webkit-text-size-adjust: none;
}

.row, body, .container, #WizardSteps, #Content  {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
}
body{
padding-left: 0;
padding-right: 0;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}

.hide-for-small{
  display: none;
}
}

#WizardSteps{
display: none;
}

#Detail{
 min-height: 40em;
 width:100%;
 float: none;
 display: inline-block;
}

#Detail.SaleItemList{
  display: flex;
  flex-direction: column;
}

#Content .columns{
  margin-top: 0;
}

.WebTab{
  display: none;
}

.WebTab a{
  display: none;
}

.SelectedWebTab a{
  display: none;
}

.LoyaltySchemeHeading {
  font-weight: bold; margin-top: 20px;
}
.RegisteredCardHeading {
  font-weight: bold; margin-top: 20px;
}
.RegisteredCardNumber {
  font-style: italic;
}

.DiscountHeading {
  font-weight: bold; margin-bottom: 2px;
}
.DiscountSection button {
  margin-top: 10px; margin-bottom: 5px;
border: none;
font-size: var(--fontsize-SubTitle);
padding: 1rem 0;
}
.DiscountSection {
margin-top: 20px;
display: inline-block;
padding: 20px;
background: var(--color-BG5);
width: 100%;
}
.DiscountSubHeading {
  font-weight: bold; margin: 10px 0;
}

.DiscountDetail {
  color: red;
}

.MembershipSaleHeading {
  margin-left: 20px; 
}
#Membership .showtimes table{
   display: flex;
   justify-content: center;
}
.TicketMembershipPatron {
  display: block; margin: 0 10px;
}
.TicketForMember {
  font-weight: bold; margin-top: 10px; margin-left: 20px; margin-bottom: 5px;
}
.TicketMembershipPatrons {
  display: flex; margin: 0; padding-left: 20px;
}
.OrGuest {
  font-size: 8pt;
}

.programme{
  padding-bottom: 10px;
  border-bottom: 1px solid #E9E9E9;
  margin: 0 0 20px 0;
}

.programme > h1.title{
  display: block;
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 10px;
  color: #060606;
  font-style: normal;
  line-height: 1.17em;
  margin: 0px 0px 10px;
  text-transform: uppercase;
  font-size: var(--fontsize-Title);
}

.programme h2.title{
  text-decoration: none;
  margin-top: 20px;
}

form.UnallocatedSeating{
  background: var(--color-BG4);
  padding: 20px;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  display: inline-block;
}

form.AllocatedSeating{
  text-align: center;
  display: inline-block;
}

.programme > .showtimes > h2.subtitle{
  display: block;
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 10px;
  color: #060606;
  font-style: normal;
  line-height: 1.17em;
  margin: 5px 0px 10px;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: 400;
}

.programme .PerformanceListDate{
  width: 100%;
}

#listings.content.programme-info-content ul.performances{
  text-align: left;
}

.programme .StartTimeAndStatus a, .programme .StartTimeAndStatus b a{
  padding: 2px 5px;
  text-decoration: none;
  font-weight: 300;
  margin: 3px;
  line-height: 2em;
}
ul.share{
  text-align: center;
  margin-top: 0.75rem;
}

ul.share li{
  display: inline-block;
  margin: 1em 0.5em;
}

#PopupException, .PopupDialogBox {
  position: fixed;
  left: 0;
  right: 0;
  top: calc(50% - 110px);
  width: 95%;
  max-width: 500px;
  margin: auto;
  z-index: 999999999999999999999999;
  padding: 20px;
  line-height: 1.5em;
  min-height: 180px;
  -webkit-box-shadow: 1px 1px 50px 1px var(--color-Black);
  box-shadow: 1px 1px 50px 1px var(--color-Black);
  border: solid 3px var(--color-White);
  background: var(--color-BG5);
}
#ReservationsHaveExpired, #ReservationsWillExpireIn{
padding: 5px 10px;
font-size: 0.8rem;
font-family: var(--font-Regular);
font-weight: normal;
display: inline;
width: ;
width: 100%;
float: left;
}
#ReservationsHaveExpired{
background: var(--color-BG2);
}
#ReservationsHaveExpired{
background: red;
color: white;
}

#PopupException .Button.Close, .PopupDialogBox .Button.Close {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--color-white) !important;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 0 !important;
  
}
#PopupException .Button.Close::after, .PopupDialogBox .Button.Close::after{
  content: 'x';
  position: absolute;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
}

.PopupDialogHeading {
  font-weight: bold; margin-bottom: 2px;
}

@media (max-width: 767px) {
  #PopupException, .PopupDialogBox {
    top: 10%;
  }
}

#PopupException .EmailAddress{
  font-weight: 600;
  color: #333;
  font-size: 1.2em;
}
#PopupException .Login, #PopupException .PasswordReset{
  margin: 10px 0;
}
#PopupException .ExceptionMessage{
  margin: 10px 0;
  max-height: 10em;
  overflow: hidden; /* or scroll? */
  color: #990000;
}

#Detail.LoginPrompt form, #Form_0{
padding: 20px;
background: var(--color-BG5);
margin: 20px 0;
}

#Detail form .sixcol{
  width: 100%;
}


#SkipThisStep{
font-size: 0;
margin-bottom: 1rem;
}

#SkipThisStep a::after{
  content: 'Continue as guest';
  font-weight: bold;
  color: var(--color-ButtonStandardFont);
  background: var(--color-ButtonStandardBg);
  padding: 0.75rem 1rem;
  line-height: 3rem;
  font-size: 1rem;
  text-transform: uppercase;
}


#Overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: #333;
  display: none;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5-7 */
  filter: alpha(opacity=90);
  /* Netscape */
  -moz-opacity: 0.9;
  /* Safari 1.x */
  -khtml-opacity: 0.9;
  /* Good browsers */
  opacity: 0.9;
}

input[type=text], input[type=password], input[type=email]{
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0;
  width: 100%;
  vertical-align: top;
  background: #FFF;
  border: solid 1px var(--color-DarkBg);
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  font-size: 1rem;
}

label[for="Country"], input#Country{
  display: none !important; /* just no */
}

#Donation input[type=text] {
  vertical-align: middle;
  margin-left: 5px;
  padding: 10px 15px;
}

#Donation span {
  vertical-align: middle;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus{
  border: solid 1px var(--color-Brand);
  background: #FFF;
}
select{
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  padding: 0.5em;
  width: 100%;
  padding: 16px 20px;
  border: none;
  border-radius: 4px;
  background-color: #FFF;
}
input[type=radio], input[type=checkbox]{
  margin: 1em;
}

::-webkit-input-placeholder, input:-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
  color:#CCC;
  font-style: italic;
}
label.SelectLabel, label.TextLabel {
  display: block;
  padding: 0;
  margin-top: 2em;
  width: 100%;
  color: #696969;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.PersonType select{
  width: 100%;
  max-width: 100px;
}
.DetailSubHeading, .EditPatronHeading{
  clear: both;
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  margin: 5px 0px 10px;
}
.EditPatronHeading{
display: none;
}
.InlineValidationMessage{
  font-size: 0.8em;
  color: #FFF;
  background: #990000;
  width: 100%;
  position: relative;
  top: -5px;
  padding: 3px;
}
@media (max-width: 767px) {
  label.SelectLabel, label.TextLabel {
    text-align: right;
    font-size: 1.2em;
    line-height: 2.5em;
    margin-right: 10px;
  }
#CardMMYY .sixcol{
  float: left; width: 45%;
}
#CardMMYY .sixcol.last{
  float: right; width: 45%;
}
}
.DateInputLabel {
  display: inline;
}
.AllocatedSeating .Button.AddToOrder1{
  display: none;
}

.AllocatedSeating > p:nth-child(2){display: none;} /* don't want the choose seats text */

.PaymentHeading, .PaymentPageSeparator {
 display: none;
}
iframe{
  width: 100%;
}
@media(max-width: 480px){
  iframe{
    max-width: 480px;
  }
}

.PaymentMethod{
  background: var(--color-BG5);
  padding: 20px;
  display: inline-block;
  width: 100%;
  margin-bottom: 1em;
}
@media(max-width: 767px){
  .PaymentMethod{
    padding-left: 0;
    padding-right: 0;
  }
}

#Detail.PaymentPrompt .sixcol{
  width: 100%; /* make the fields all full width */
}
@media (min-width: 767px) {
  .ToolTip {
    visibility:hidden;
    opacity:0; /* http://www.greywyvern.com/?post=337 */
    -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -ms-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    opacity:0;
    visibility:hidden;
    position: absolute;
    background: #333;
    color: #FFF;
    font-size: 10px;
    border-radius: 5px;
    padding: 5px;
    width: 160px;
    margin: 10px 0 0 3px;
    z-index: 9;
    line-height: 2em;
  }
  .ToolTip:before {
     border:5px solid transparent;
     border-right-color:#333;
     content:"";
     display:block;
     width:0;
     height:0;
     position:absolute;
     top:3px;
     left:-10px;
     z-index:2;
  }
  .ClickPayOnce{
    visibility:hidden;
    opacity:0; /* http://www.greywyvern.com/?post=337 */
    -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -ms-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    opacity:0;
    visibility:hidden;
    position: absolute;
    background: #333;
    color: #FFF;
    font-size: 10px;
    border-radius: 5px;
    padding: 5px;
    width: 200px;
    margin: 10px 0 0 3px;
    z-index: 9;
    line-height: 2em;
  }
  .ClickPayOnce:before {
     border:5px solid transparent;
     border-right-color:#333;
     content:"";
     display:block;
     width:0;
     height:0;
     position:absolute;
     top:3px;
     left:-10px;
     z-index:2;
  }
  .ConfirmAndPay{
    margin-bottom: 20px;
  }
  input#confirm:hover + .ClickPayOnce, input#confirm:active + .ClickPayOnce, input#confirm:focus + .ClickPayOnce, input:focus + .ToolTip {
    visibility:visible;
    opacity:1;
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -ms-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;
  }
}
@media (max-width: 766px) {
  .ToolTip {
    position: relative;
    background: #333;
    color: #FFF;
    font-size: 10px;
    border-radius: 0 0 5px 5px;
    padding: 5px;
    width: 100%;
    margin: -5px 0 10px 0;
    z-index: 9;
    line-height: 2em;
  }

  input:focus + .ToolTip {
    display: block;
  }

  .ClickPayOnce{
    display: block;
    position: relative;
    background: #333;
    color: #FFF;
    font-size: 10px;
    border-radius: 5px 5px;
    padding: 5px;
    width: 100%;
    margin: -5px 0 10px 0;
    z-index: 9;
    line-height: 2em;
  }
}
.MaestroSolo{
  background: #F0F0F0;
  padding: 10px;
}
.MaestroSolo input{

}
@media (max-width: 767px) {
  label.SelectLabel, label.TextLabel {
    display: none;
  }
  .ToolTip {
    display: none;
  }
}
.PersonType select{
  max-width: 100px;
}
.PersonType .PersonTypeDescription{
  font-size: 1em;
  display: inline-block;
  width: 50%;
  line-height: 1.2em;
  margin-left: 10px;
  line-height: 3em;
}

#SeatingPlanDiv{
    /*width: 100% !important;*/
    display: block;
    clear: both;
    margin-top: 20px;
  }
.SelectPersonTypeOverlay {
  background: white;
  width: 420px;
  padding: 10px;
  border: 2px solid 060606;
  -webkit-box-shadow: 1px 0px 5px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 0px 5px 1px rgba(0,0,0,0.75);
  box-shadow: 1px 0px 5px 1px rgba(0,0,0,0.75);
  color: var(--color-Black);
}

.SelectPersonTypeOverlayPrompt {
  margin-top: 8px;
  margin-bottom: 8px;
}

.SelectPersonTypeOverlaySeatNumber {
  padding: 0.5em 0.2em;
  border-top: none;
  display: inline;
  line-height: 3em;
  background-color: var(--color-Brand);
  color: var(--color-BrandFont);
}

.PersonTypeOverlayPersonTypeAndPrice {
  line-height: 2em;
  height: 2em;
  margin-bottom: 5px;
  text-align: left;
}

.PersonTypeOverlayPersonTypeAndPrice a {
  text-indent: 5px;
  display: inline-block;
  padding: 0 10px;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  border: solid 1px black;
  background: var(--color-ButtonActionBg);
  color: var(--color-White);
}

.PersonTypeOverlayPersonTypeAndPrice a:hover {  
  -webkit-transition: color,background-color 0.2s ease-in-out;
  transition: color,background-color 0.2s ease-in-out;
}

.PersonTypeOverlayConditionsOfEntry {
  color: black;
  font-size: 8pt;
  margin-left: 10px;
  display: inline-block;
  
}

@media (max-width: 767px) {
  .PersonType select{
    max-width: 100px;
  }
  .PersonType .PersonTypeDescription{
    font-size: 1em;
    display: inline-block;
    width: 50%;
    line-height: 1.2em;
  }
}

.checkbox:focus, .radio:focus, input[type="checkbox"]:focus, input[type="radio"]:focus { outline:1px dotted #36393b; }

DIV.ProgrammeLink{ font-size: 12pt; font-weight: bold; padding-top: 10px; }
SPAN.Rating{ font-size: 12pt; font-weight: bold; }

SPAN.PerformanceNotesSmall{
  font-size: 8pt;
  white-space: nowrap;
  display: block;
}

SPAN.PerformanceStatusSmall{
  font-size: 8pt;
  white-space: nowrap;
}

SPAN.ConditionsOfEntry{
  font-size: 8pt;
  white-space: nowrap;
}

DIV.PersonType{ 
  padding: 5px;
  display: flex;
  align-items: center;
  background: var(--color-BG3);
  margin: 5px 0;
  justify-content: space-between;
}
DIV.SeatType{ padding-top: 20px; font-size: 12pt; font-weight: bold; }

DIV.PerformanceDate { padding-top: 5px; font-size: 12pt; font-weight: bold; }
SPAN.PerformanceEndTime { font-size: 8pt; font-weight: normal; }
SPAN.PerformanceSection { font-size: 12pt; font-weight: bold; }
DIV.PerformanceStatus { padding-top: 15px; font-size: 12pt; font-weight: bold; }

DIV.SaleItem{ min-height: 30px; padding: 5px; }
TD.SaleItemDescription{ width: 150px; }
TD.SaleItemPromptText{ padding-right: 5px; width: 30px; text-align: right; }
TD.SaleItemInput{ padding-right: 5px; }
TD.SaleItemPriceText{ }
/*---------------------*/
/*---- Month View -----*/
/*---------------------*/

.week, .days-of-week {
  display: flex;
}

.day {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

.calendar-nav {
  margin: 1em;
  text-align: center;
  font-size: 2em;
}
.calendar-nav > div{
  display: inline-block;
}
#current-month{
  min-width: 8em;
}
.month {
  margin-top: 0;
  padding-top: 0;
  display: none;
}
.month.active{
  display: block;
}
.week {
  min-height: 10em;
}
.day {
  color: black;
  font-weight: bold;
  padding: 5px;
  background-color: #eee;
  border: solid 1px var(--color-Black);
}
.day span.date {
  display:block;
}
.date-display{
  opacity: 0.6;
}
.day a {
  font-size: 0.8em;
  display: block;
  background: rgba(0, 0, 0, 0.4);
  margin: 2px;
  padding: 5px 8px;
  line-height: 1.2em;
}

#prev-month, #next-month {
  cursor: pointer;
  background: white;
  line-height: 1.5em;
  border-radius: 50%;
  height: 1.5em;
  width: 1.5em;
  display: inline-block;
  visibility: hidden;
}
#prev-month.active, #next-month.active {
  visibility: visible !important;
}
.day-in-past {
  background: repeating-linear-gradient(
    -45deg,
    rgba(0,0,0,0),
    rgba(0,0,0,0) 10px,
    rgba(0,0,0,0.15) 10px,
    rgba(0,0,0,0.15) 20px
  );
}

.day-in-past span{
  color: #aaa;
}

.day.non-day{
  background: rgba(255, 255, 255, 0.7);
}

.today {
  background: rgba(255, 0, 0, 0.2);
}

.day .mobile{
  display: none;
}

@media (max-width: 767px) {
  .days-of-week {
    display: none;
  }

  .week {
    display: block;
    height: auto;
    min-height: 0px;
  }

  .day {
    margin: 0 auto 5px !important;
    display: block;
    font-size: 1.3em;
  }

  .day > span{
    font-size: 0.8em;
  }

  .day-in-past {
    display: none;
  }

  .month-view-nav {
    margin-bottom: 10px;
    font-size: 1.5em;
  }

  .day .mobile{
    display: inline;
  }
}
.SocialDistanceSeatInTheirBubble, .SocialDistanceSeatInMyBubble {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.3);
}

.SocialDistanceSeatInMyBubble {
  position: absolute;
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  pointer-events: none;
  z-index: -1;
  opacity: 0;
}

DIV.SelectedSeat {
  z-index: 2;
}

.SelectPersonTypeOverlay {
  background: var(--color-BG);
  width: 350px;
  padding: 10px;
  border: 2px solid 060606;
  -webkit-box-shadow: 1px 0px 5px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 0px 5px 1px rgba(0,0,0,0.75);
  box-shadow: 1px 0px 5px 1px rgba(0,0,0,0.75);
  color: var(--color-White);  
}

.SelectPersonTypeOverlayPrompt {
  margin-top: 8px;
  margin-bottom: 8px;
}

.SelectPersonTypeOverlaySeatNumber {
  padding: 0.5em 0.5em;
  border-top: none;
  display: inline;
  line-height: 3em;
  background-color: var(--color-White); 
  color: black;
  border: solid 3px black;
  border-radius: 50%;
}

.PersonTypeOverlayPersonTypeAndPrice {
  line-height: 2em;
  height: auto;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
}

#UpsellForm{
  padding: 20px 0;
  margin: 20px 0;
  display: inline-block;
  width: 100%;
}

.SelectPersonTypeOverlayCancel {
  margin-top: 10px;
}

DIV.SelectPersonTypeOverlayCancel a {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  font-size: 0;
  background: #fff !important;
  border: none !important;
  transition: none;
}

DIV.SelectPersonTypeOverlayCancel a::before,  DIV.SelectPersonTypeOverlayCancel a::after{
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}

DIV.SelectPersonTypeOverlayCancel a::before {
  transform: rotate(45deg);
}
DIV.SelectPersonTypeOverlayCancel a::after {
  transform: rotate(-45deg);
}

DIV.SelectedSeat {
  background: var(--color-Brand);
  color: white;
  line-height: 1rem;
  cursor: pointer;
}

DIV.SelectedSeat SPAN {
  display: block;
  margin-left: 1px;
  margin-top: 1px;
  text-align: center;
}

@media (max-width: 767px) {
  DIV.SelectPersonTypeOverlay {
    position: fixed !important;
    left: 1% !important;
    top: 80px !important;
    width: 98% !important;
    font-size: 1.2em;
    line-height: 1.5em;
  }
  #SeatingPlanDiv{
    /*width: 100% !important;*/
    display: inline-block;
    clear: both;
    margin-top: 20px;
  }
  .SeatingPlanProtector{
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background: #333;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
  }

}

/*----------------------------------------------------------------------
  ORDER DETAILS/TABLES
----------------------------------------------------------------------*/
/*responsive tables*/
.table-wrapper .table {
    margin-bottom: 0;
}
.table-wrapper:not(:last-child) {
    margin-bottom: 1.5rem;
}
@media screen and (max-width: 1023px) {
    .table-wrapper {
        overflow-x: auto;
    }
}
.b-table {
    transition: opacity 86ms ease-out;
}
@media screen and (min-width: 769px), print {
    .b-table .table-mobile-sort {
        display: none;
    }
}
.b-table .icon {
    transition: transform 150ms ease-out, opacity 86ms ease-out;
}
.b-table .icon.is-desc {
    transform: rotate(180deg);
}
.b-table .icon.is-expanded {
    transform: rotate(90deg);
}
.b-table .table {
    width: 100%;
    border: 1px solid transparent;
    border-radius: 4px;
    border-collapse: separate;
}
.b-table .table th {
    font-weight: 600;
}
.b-table .table th .th-wrap {
    display: flex;
    align-items: center;
}
.b-table .table th .th-wrap .icon {
    margin-left: 0.5rem;
    margin-right: 0;
    font-size: 1rem;
}
.b-table .table th .th-wrap.is-numeric {
    flex-direction: row-reverse;
    text-align: right;
}
.b-table .table th .th-wrap.is-numeric .icon {
    margin-left: 0;
    margin-right: 0.5rem;
}
.b-table .table th .th-wrap.is-centered {
    justify-content: center;
    text-align: center;
}
.b-table .table th.is-current-sort {
    border-color: #7a7a7a;
    font-weight: 700;
}
.b-table .table th.is-sortable:hover {
    border-color: #7a7a7a;
}
.b-table .table th.is-sortable,
.b-table .table th.is-sortable .th-wrap {
    cursor: pointer;
}
.b-table .table th .multi-sort-cancel-icon {
    margin-left: 10px;
}
.b-table .table th.is-sticky {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 3 !important;
    background: #fff;
}
.b-table .table tr.is-selected .checkbox input:checked + .check {
    background: findColorInvert(#00d1b2)
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%2300d1b2' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E")
        no-repeat center center;
}
.b-table .table tr.is-selected .checkbox input + .check {
    border-color: findColorInvert(#00d1b2);
}
.b-table .table tr.is-empty:hover {
    background-color: transparent;
}
.b-table .table .is-chevron-cell,
.b-table .table .is-checkbox-cell {
    width: 40px;
}
.b-table .table .is-chevron-cell {
    vertical-align: middle;
}
.b-table .table .is-checkbox-cell .checkbox {
    vertical-align: middle;
}
.b-table .table .is-checkbox-cell .checkbox.b-checkbox {
    margin-right: 0;
}
.b-table .table .is-checkbox-cell .checkbox .check {
    transition: none;
}
.b-table .table tr.detail {
    box-shadow: inset 0 1px 3px #dbdbdb;
    background: #fafafa;
}
.b-table .table tr.detail .detail-container {
    padding: 1rem;
}
.b-table .table:focus {
    border-color: #3273dc;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.b-table .table.is-bordered th.is-current-sort,
.b-table .table.is-bordered th.is-sortable:hover {
    border-color: #dbdbdb;
    background: #f5f5f5;
}
.b-table .table td.is-sticky {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
}
.b-table .table td.is-image-cell .image {
    margin: 0 auto;
    width: 1.5rem;
    height: 1.5rem;
}
.b-table .table td.is-progress-cell {
    min-width: 5rem;
    vertical-align: middle;
}
.b-table .table-wrapper.has-sticky-header {
    height: 300px;
    overflow-y: auto;
}
@media screen and (max-width: 768px) {
    .b-table .table-wrapper.has-sticky-header.has-mobile-cards {
        height: initial !important;
        overflow-y: initial !important;
    }
}
.b-table .table-wrapper.has-sticky-header tr:first-child th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}
@media screen and (max-width: 768px) {
    .b-table .table-wrapper.has-mobile-cards thead {
        display: none;
    }
    .b-table .table-wrapper.has-mobile-cards tfoot th {
        border: 0;
        display: inherit;
    }
    .b-table .table-wrapper.has-mobile-cards tr {
        box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
        max-width: 100%;
        position: relative;
        display: block;
    }
    .b-table .table-wrapper.has-mobile-cards tr td {
        border: 0;
        display: inherit;
    }
    .b-table .table-wrapper.has-mobile-cards tr td:last-child {
        border-bottom: 0;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not(:last-child) {
        margin-bottom: 1rem;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not([class*="is-"]) {
        background: inherit;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not([class*="is-"]):hover {
        background-color: inherit;
    }
    .b-table .table-wrapper.has-mobile-cards tr.detail {
        margin-top: -1rem;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td {
        display: flex;
        width: auto;
        justify-content: space-between;
        text-align: right;
        border-bottom: 1px solid #f5f5f5;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before {
        content: attr(data-label);
        font-weight: 600;
        padding-right: 0.5rem;
        text-align: left;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td.is-image-cell .image {
        width: 6rem;
        height: 6rem;
        margin: 0 auto 0.5rem;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td.is-progress-cell span,
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td.is-progress-cell progress {
        display: flex;
        width: 45%;
        align-items: center;
        align-self: center;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td.is-checkbox-cell,
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td.is-image-cell {
        border-bottom: 0 !important;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td.is-checkbox-cell:before,
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td.is-actions-cell:before {
        display: none;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td.is-label-hidden:before,
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td.is-image-cell:before {
        display: none;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td.is-label-hidden span {
        display: block;
        width: 100%;
    }
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td.is-label-hidden.is-progress-col progress {
        width: 100%;
    }
}
.b-table .table-wrapper.is-card-list thead {
    display: none;
}
.b-table .table-wrapper.is-card-list tfoot th {
    border: 0;
    display: inherit;
}
.b-table .table-wrapper.is-card-list tr {
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    max-width: 100%;
    position: relative;
    display: block;
}
.b-table .table-wrapper.is-card-list tr td {
    border: 0;
    display: inherit;
}
.b-table .table-wrapper.is-card-list tr td:last-child {
    border-bottom: 0;
}
.b-table .table-wrapper.is-card-list tr:not(:last-child) {
    margin-bottom: 1rem;
}
.b-table .table-wrapper.is-card-list tr:not([class*="is-"]) {
    background: inherit;
}
.b-table .table-wrapper.is-card-list tr:not([class*="is-"]):hover {
    background-color: inherit;
}
.b-table .table-wrapper.is-card-list tr.detail {
    margin-top: -1rem;
}
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td {
    display: flex;
    width: auto;
    justify-content: space-between;
    text-align: right;
    border-bottom: 1px solid #f5f5f5;
}
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td:before {
    content: attr(data-label);
    font-weight: 600;
    padding-right: 0.5rem;
    text-align: left;
}
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td.is-image-cell .image {
    width: 6rem;
    height: 6rem;
    margin: 0 auto 0.5rem;
}
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td.is-progress-cell span,
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td.is-progress-cell progress {
    display: flex;
    width: 45%;
    align-items: center;
    align-self: center;
}
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td.is-checkbox-cell,
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td.is-image-cell {
    border-bottom: 0 !important;
}
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td.is-checkbox-cell:before,
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td.is-actions-cell:before {
    display: none;
}
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td.is-label-hidden:before,
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td.is-image-cell:before {
    display: none;
}
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td.is-label-hidden span {
    display: block;
    width: 100%;
}
.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td.is-label-hidden.is-progress-col progress {
    width: 100%;
}
.b-table.is-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.5;
}
.b-table.is-loading:after {
    animation: spinAround 500ms infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
    position: absolute;
    top: 4em;
    left: calc(50% - 2.5em);
    width: 5em;
    height: 5em;
    border-width: 0.25em;
}
.b-table.has-pagination .table-wrapper {
    margin-bottom: 0;
}
.b-table.has-pagination .table-wrapper + .notification {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/* Price Table */

.table.price thead{
  background: black;
}

.table.price thead th{
  color: white;
}
.table.price td{
  vertical-align: middle;
}
.table.price td:first-child {
    min-width: 60%;
    white-space: nowrap;
}

.table{
 width: 100%;
 background: none;
}

.PriceGroup{
  display: none;
  clear: both;
  color: rgb(34, 34, 34);
  font-weight: 300;
}

.PriceGroupSeatType{
  float: left;
  padding: 5px;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: 400;
}

.PriceGroupSeatType tr{
  border-bottom: 1px solid #E9E9E9;
}

.PriceGroupSeatTypeHeading{
  display: block;
  color: #060606;
  font-style: normal;
  line-height: 1.17em;
  margin: 0px 0px 10px;
  text-transform: uppercase;
}

.PriceGroupPersonTypeQuantity{
  text-align: center !important;
  font-weight: bold;
  font-size: 0.8rem;
  vertical-align: middle;
}

.PriceGroupPersonTypeDescription, .PriceGroupPersonTypePrice, PriceGroupPersonTypeQuantity{
  padding: 5px;
}

.ViewOrder table, .DiscountsPrompt table, .PaymentPrompt table {
  width: 100%!important;
  border-spacing:0; 
    border-collapse:collapse; 
  margin-top:10px;
  background: var(--color-BG);
  border-bottom: solid 3px white;
  margin-bottom: 40px;
}

.ViewOrder table td, .DiscountsPrompt table td, .PaymentPrompt table td {
  vertical-align: top;
  padding:5px 6px;
}

.OrderItem, .OrderDetails, .OrderPriceToPay, .OrderDelete {
  border-bottom: solid 1px var(--color-BG);
}

.ViewOrder TD.OrderDelete, .DiscountsPrompt TD.OrderDelete, .PaymentPrompt TD.OrderDelete {
  vertical-align: top!important;
}

.ViewOrder table th, .DiscountsPrompt table th, .PaymentPrompt table th, .DiscountSubHeading {
  padding:5px 6px;
  background-color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}

.ViewOrder table b, .DiscountsPrompt table b, .PaymentPrompt table b {
  text-transform: uppercase;
  font-size: 16px;
}

@media(max-width: 768px){
  .ViewOrder > table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(4){
    display: flex;
    justify-content: space-between;
  }
  .ViewOrder > table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1){
    display: none;
  }
  .ViewOrder > table:nth-child(3) > tbody:nth-child(1) > tr[valign="top"]{
    display: flex;
    flex-direction: column;
  }
  .ViewOrder > table:nth-child(3) > tbody:nth-child(1) tr[height="5px"]{
    display: none;
  }
  .ViewOrder > table:nth-child(3) > tbody:nth-child(1) > tr:last-child {
    display: flex;
    justify-content: space-between;
  }
  .ViewOrder > table:nth-child(3) > tbody:nth-child(1) > tr:last-child > td:last-child{
    display: none;
  }
}

.ContinueButton {
  float:right;
  margin-left:5px;
  margin-top:10px;
}

.BackButton {
  float:left;
  margin-top:10px;
}

.PaymentHeading {
  border-top:1px solid #aaa;
  padding-top:20px;
  margin-top:20px;
  text-transform: uppercase;
}

/*----------------------------------------------------------------------
  APPLY MEMBERSHIP PAGE
----------------------------------------------------------------------*/
.MembershipSection{
 background: var(--color-BG2);
  margin-bottom: 20px;
  font-size: 0.8em;
  text-align: left;
}
.member{
  margin-bottom: 10px;
}
.MembershipSectionHeading{
  display: block;
  background: var(--color-BG);
  padding: 5px;
  font-size: 14px;
  line-height: 2rem;
  text-align: left;
}
.MembershipSection .Button{
  padding: 5px !important;
  margin: 0 !important;
  margin-right: 10px !important;
  text-align: center;
  display: inline-block;
  min-width: 60px;
  line-height: 2rem;
  font-size: 1em;
}
.MembershipSectionHeading .minus.Button, .MembershipSectionHeading.expanded .plus.Button{
  display: none;
}
.MembershipSectionHeading.expanded .minus.Button, .MembershipSectionHeading .plus.Button, .selectable_benefit_membership_details, .selectable_benefit_membership, .selectable_benefit_membership_info{
  display: inline-block;
}
.MembershipSectionContent{
  padding: 10px;  
}
.member_name, .ticket_sale_heading, .selectable_benefit_heading{
  font-weight: bold;
  margin-bottom: 5px;
}
.membership_sale, .ticket_sale, .selectable_benefit{
  background: var(--color-BG);
  padding: 5px 10px;
  margin: 0 0 10px 0;
}
.membership_type, .membership_description, .membership_joint_with, .membership_period, .membership_renew, .membership_status, .membership_info{
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.membership_status{font-weight: bold;}
.membership_status_expired{color: red;}
.membership_status_cancelled{color: red;}
.membership_status_active{color: green;}
.membership_status_expring_soon{color: orange;}
.membership_status_not_yet_active{color: purple;}
.info_non_member_has_been_assigned_to_ticket {}
.info_member_has_been_assigned_to_ticket {color: green; font-weight: bold;}
.error_member_has_not_been_assigned_to_ticket {color: red; font-weight: bold;}

.MembershipSectionContent ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
@media(max-width: 768px){
  .ticket_sale_heading, .selectable_benefit_heading{
    display: none;
  }
}

/* Make the info button an icon*/
.membership_info > button:nth-child(1), .Edit.Button, .OrderDelete .Button{
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 0;
  border: none !important;
}
.membership_info > button:nth-child(1)::before, .Edit.Button::before, .OrderDelete .Button::before {
  font-size: 0.8rem;
  font-weight: bold;
}
.OrderDelete .Button::before {
  padding: 0.5em;
  float: right;
}
.membership_info > button:nth-child(1)::before {
  content: "\ea0c";
}
.OrderDelete .Button::before{
  content: "\e9ad";
}
.Edit.Button::before {
  content: "\e905";
}

.OrderDelete .Button, .OrderDelete .Button:hover{
  color: var(--color-One) !important;
}

/*Change the Heading of the page*/
#Detail .DetailHeading{
  display: none;
}
#Overlay{
 display: none !important;
}




#dlgTurnOnAutoRenewMembership {
  max-width: 600px;
  top: 60px;
  min-height: 400px;
}

.TurnOnAutoRenewMembershipVerifyCardIframe {
  min-height: 300px;
}

#dlgTurnOnAutoRenewMembership iframe {
  width: 100%;
  height: 300px;
}

.PriceGroupSeatType_5469901, input#Membership_AutoRenew:checked ~ .AutoRenewMembershipBlurb { display: none; }
/* 2022/03/03 Alba requested that "restricted view" not be shown */

.MembershipHistory {
  line-height: 3em;
}

.MembershipHistoryDescription {
  padding-right: 25px;
}

.MembershipHistoryValidity {
  padding-right: 10px;
}

/* hidden page (Vouchers)
.navbar-end > a:nth-child(4){display: none}*/

.programme-synopsis.blog p {padding: 0 20px !important; background: white;} .programme-synopsis.blog p:first-of-type{padding-top: 20px !important;}

.programme-synopsis.blog {
 margin-top: 0;
}
.programme-synopsis.blog > h1.title {
  color: var(--color-Font);
  margin-bottom: 1em;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
height: 3.5em;
}

/* Hide Talking Pictures drop down menu item */
.page-groups > div:nth-child(1) > div:nth-child(2) > a:nth-child(3){

}
img[src="https://images.savoysystems.co.uk/TLC/7689572.jpg"]{
  transform: scale(0.5);
}

.cc-theme-edgeless.cc-window {
  padding: 10px !important;
}

#Card-7287911-7307959 > div > h4{
 background: #ea6da9;
}

.mc-layout__modalContent{background: white}


#Card-7175342-7175345, #Card-7175342-7175344, #Card-7175342-7175343, #Card-7175342-7417896 {
  margin: 0px;
  padding: 5px;
}

.mc-modal {z-index: 999999999 !important;}
.mc-layout__bannerContent iframe { height: auto !important }

#Card-7175342-7752192, #Card-7175342-7175344, #Card-7175342-7175345, #Card-7175342-7417896, #Card-7175342-7175343 {
  flex: 0 0 40%;
}

#Card-7175342-7752192 > div > figure, #Card-7175342-7175344 > div > figure, #Card-7175342-7175345 > div > figure, #Card-7175342-7417896 > div > figure, #Card-7175342-7175343 > div > figure {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/* Support Us Page */

#Card-7910041-7921463 > div > h4.title {
    background: #EBECDB;
    font-weight: bolder;
    display: flex;
    justify-content: center;
    align-items: center;}

#Card-7910041-7921466 > div > h4.title {
    background: #EBECDB;
    font-weight: bolder;
    display: flex;
    justify-content: center;
    align-items: center; }

#Card-7910041-7921460 > div > h4.title {
    background: #EBECDB;
    font-weight: bolder;
    display: flex;
    justify-content: center;
    align-items: center;
    }

#Card-7910041-7921457 > div > h4.title {
     background: #EBECDB;
     font-weight: bolder;
     display: flex;
     justify-content: center;
     align-items: center;
     }

img[src="https://images.savoysystems.co.uk/TLC/8028198.png"]{
  height: 200px;
  width: 200px;
}

.youtube-video{
  max-width: 560px;
  margin: 0 auto;
}

/* ---- Start Home page banner ---- */

.hero.has-background{
  
}
.hero.has-background:has(#HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget){
  min-height: 760px;
}

@media (max-width: 920px) {
.hero.has-background:has(#HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget){
  
}
.hero.has-background{
  
}
}
@media (max-width: 768px){
  .hero.has-background:has(#HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget){
    min-height: 380px;
  }
}
#Banner{
  padding: 0;
  max-width: 1400px;
}
#HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .slider{
  height: 100%;
  background: var(--color-BG);
}
.slider-pagination .slider-page {
  background: var(--color-BG2-Font) !important;
}
.slider-pagination .slider-page{
  border-radius: 0 !important;
  width: 30px !important;
}
.slider-pagination .slider-page.is-active{
  transform: scale(1.3) !important;
}

.carousel{
  overflow: hidden;
}
.slider-container{
  overflow: inherit;
}
#HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .slider-item, #HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .slider-item > div.item{
  height: 100%;  
}
.slider-item div.item{
  position: relative;
  overflow: inherit;
}
#HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .slider-item > div.item img.carousel-film-image{

}

@media(max-width: 920px){
 #HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .slider-item > div.item img.carousel-film-image{
   height : auto;
   width: 100%;
 }
}

#HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .slider-item .film-rating{
  height: 30px;
  position: absolute;
  top: 40px;
  right: calc(35% + 40px);
  color: var(--color-DarkBgFont);
}
.slider-navigation-next{
  right: 20px;
}

.slider-navigation-previous{
  left: 20px;
}
.slider-navigation-next, .slider-navigation-previous{
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: -1;
}

.slider:hover .slider-navigation-next, .slider:hover .slider-navigation-previous{
  opacity: 1;
  z-index: 2;
}
#HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .carousel-slide-overlay{
  padding: 20px;
  width: 100%;
  color: var(--color-Font);  
  z-index: 9;
  height: 100%;
  display: flex;
  justify-content: end;
  flex-direction: column;
}
#HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .slider-container .carousel-slide-overlay{
  background: var(--color-BG);
}
#HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .slider-container .slider-item:nth-child(odd) .carousel-slide-overlay{
  background: var(--color-BG);
}
.carousel-slide-overlay h3.film-title{
  color: var(--color-Font);
  text-transform: uppercase;
  font-size: var(--fontsize-Title2);
  font-family: var(--font-Title);
  font-weight: normal;  
}
.seasons-section .carousel-slide-overlay h3.film-title, .seasons-section .carousel-slide-overlay h4 {
  color: var(--color-Black);  
}

.seasons-section .carousel-slide-overlay h3.film-title{
  font-size: var(--fontsize-BoxTitle);
}
@media(max-width: 768px){
  .seasons-section .carousel-slide-overlay h3.film-title{
    font-size: var(--fontsize-Title2Mobile);
  }  
}

.carousel-slide-overlay .synopsis{
  display: none;
}
@media (max-width: 768px){
  .carousel-slide-overlay h3.film-title{
    font-size: 18px;
    line-height: 1.2em;
    white-space: revert;
  }
}
.carousel-slide-overlay h4{
  color: var(--color-Font);
  font-family: var(--font-Menu);
  font-weight: normal;
}

.carousel-slide-overlay .buttons li:first-of-type .button{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

@media (max-width: 768px){
 .carousel-slide-overlay .buttons{
   bottom: 140px;
 }

}

.carousel-slide-overlay .buttons .button{
  border: solid 2px #FFF;
  color: #FFF !important;
  background: var(--color-BrandLight);
  z-index: 99;
}
.slider-navigation-next, .slider-navigation-previous{
  color: var(--color-White);
}
.slider-navigation-next{
  right: 0px !important;
  top: 77%;
}
.slider-navigation-previous {
  left: 0px !important;
  top: 77%;
  transform: rotate(180deg) !important;
}
@media(max-width: 1024px){
  #HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .synopsis {
    font-size: var(--fontsize-SubTitle);
  }
}
@media(max-width: 768px){
  #HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .slider{
    min-height: 340px;
  }
  #HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .slider-item > div.item img.carousel-film-image{
    width: 100%;
  }
  #HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget  .slider-item, #HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget  .slider-item > div.item{
    height: 340px;
  }
  #HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .carousel-slide-overlay{    
    padding: 10px;
    width: 100%;
    height: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  #HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .slider-item .film-rating{
  right: 40px;
  }
  #HomePageBanner_CinemaTemplateV5WhatsOnWidget_WhatsOnWidget .hide-for-small{
  display: none;
  }

  .hero.has-background{
    /*min-height: 160px;*/
  }
}

/* ---- End Home page banner ---- */

#NoKitchen {display: none}
#SeasonsScrollSection .is-ancestor h2.title{}
.bd-footer-links > div:nth-child(1) > div:nth-child(2) > p:nth-child(1){display: none;}
#Card-20284776-20285548 > div:nth-child(2) > a:nth-child(3), #Card-20284776-20285549 > div:nth-child(2) > a:nth-child(3){display: none;}

#Detail { padding-bottom: 40px;}
.NewStyleWebTab  {justify-content: center; display: flex; flex-direction: column;}
.NewStyleWebTab input:not(.Button) {
  background: var(--color-BG);
  color: var(--color-Font);
  text-align: center;
  font-family: var(--font-Title);
  font-size: 1.2em;
  border: none;
  min-width: 3em;
}
.content.shop input {border: none; text-align: center; min-width: 100px;}
.content.shop{display: flex;}
.Exception , .InlineValidationMessage{
  padding: 20px;
  display: inline-flex;
  background: red;
  width: 100%;
  justify-content: center;
  color: white;
  font-weight: bold;
  border-radius: 5px;
  margin: 20px 0;

}
#Detail.PerformanceList{overflow-x: scroll; overflow-y: hidden;}

.UnallocatedSeating > p:nth-child(1){display: none;}


section > .container > .container:not(.advert-stripe) {
  display: flex;
  flex-direction: column;
  text-align: center;
  background: var(--color-BG5);
  padding: 40px;
  color: var(--color-White);
}
.label {
  color: var(--color-White);
}

/*---------------FILTER--------------------*/

.modal-card-head, .modal-card-body, .modal-card-foot {
  background: var(--color-BG2);
}

.filter-season{
  cursor: pointer;
}

.filter-season.active{
  color: var(--color-Brand);
}

/*-----JOIN OUR MAILING LIST FOOTER CARD -------*/
#SeasonsScrollSection {
  padding-bottom: 0;
  background: var(--color-BG);
}
.UpsellScrollSection {
  padding: 0 4rem;
  overflow: hidden;
}
.UpsellScrollSection > .container > .tile > .columns, .advert-stripe.container > .tile > .columns {
  width: 100%;
  margin: 0;
  margin-top: -20px;
}
.UpsellScrollSection > .container > .tile > .columns > .card {
  height: 150px;
  overflow: hidden;
  margin: 0 12px 0 0;
}
.UpsellScrollSection > .container > .tile > .columns > .card > figure {
  height: 150px;
}

.UpsellScrollSection > .container > .tile > .columns > .card > figure a, .advert-stripe.container > .tile > .columns > .card > figure a {
  position: absolute;
  width: 100%;
  height: 100%;
}

.UpsellScrollSection > .container > .tile > .columns > .card > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.advert-stripe.container > .tile > .columns > .card > .content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.advert-stripe.container > .tile > .columns > .card > .content .title{
  margin: 0;    
    padding: 0 30px;
  font-family: var(--font-Title);
  color: var(--color-Black);
}

.UpsellScrollSection > .container > .tile > .columns > .card > .content .title {
  font-family: var(--font-Menu);
  text-transform: uppercase;
    margin: 0;    
    padding: 0 30px;
  color: var(--color-Black);
}

.advert-stripe.container{
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 auto;
}

.advert-stripe.color-one .card{
  background: var(--color-One);
  background: var(--color-One);
  margin: 0 6rem;
  padding: 20px 0px;
}

.galley-title {
  margin-top: 80px;
}
.galley-description{
  margin: 20px 0;
}

/*----FILTER-----*/
.modal-card-foot .buttons {
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;  
}

.modal-card-foot .buttons .button{
  background-color: var(--color-White);
}

.modal-card-foot .button.is-success {
  background-image: url('/LaceMarketTheatre/img/arrow-transparent.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 60px;  
}

.page-124622 .columns {
  justify-content: center;
}

.modal-card {
  border: solid 3px var(--color-White);
}

.modal-card-head {
  text-align: center;
  font-family: var(--font-Title);
}

.social-icon {
  position: relative;
  display: inline-block;
  width: 50px;
  margin: 3px;
}


#whats-on-list.columns.is-multiline > .column.programme-type-7050327 ,
#whats-on-list.columns.is-multiline > .column.programme-type-7050843,
#whats-on-list.columns.is-multiline > .column.programme-type-7072714
{
  display: none;  
}  

.page-7059684 .card .content .figure{display: none;}

#hidden {display: none;}

div.hero:nth-child(6) {
  margin-top: 3em;
  margin-botom: 3em;
}

div.hero:nth-child(6) > div:nth-child(1) .carousel-slide-overlay {
  position: absolute;
  inset: 0;
  background: transparent !important; /* use !important only if needed */
  z-index: 2 !important;
  display: flex;
  justify-content: start;
  color: var(--color-White) !important;
}
div.hero:nth-child(6) > div:nth-child(1) .carousel-slide-overlay .film-title,
div.hero:nth-child(6) > div:nth-child(1) .carousel-slide-overlay .subtitle {
color: var(--color-White) !important;
}

div.hero:nth-child(6) > div:nth-child(1) .slider-navigation-previous, div.hero:nth-child(6) > div:nth-child(1) .slider-navigation-next {
 display: none !important;
}
div.hero:nth-child(6) > div:nth-child(1) .carousel-slide-overlay .buttons li:last-child .button::before,
div.hero:nth-child(6) > div:nth-child(1) .carousel-slide-overlay .buttons li:last-child .button::after
{
 background: black !important;
}

@media (min-width: 768px) {
  div.hero:nth-child(6) > div:nth-child(1) .carousel-slide-overlay {
    width: 40% !important;
  }
  div.hero:nth-child(6) > div:nth-child(1) .carousel-slide-overlay .synopsis{
    display: block;
    margin-bottom: 2em;
    color: var(--color-White);
  }
}

div.hero:nth-child(6) > div:nth-child(1) {
  height: 70vh;
  max-height: 760px;
}