:root {
  --theme-darkest: #ac4e01;
  --theme-darker: #cc5c00;
  --theme-dark: #e66902;
  --theme-medium: #fb8a2d;
  --theme-light: #fbb32a;
  --theme-lighter: #ffc105;
  --theme-lightest: #fde0a7;
  --theme-contrast: #1996fd;
  --link-blue: #1996fd;
  --darkest-grey: #313131;
  --dark-grey: #434343;
  --medium-grey: #767676;
  --light-grey: #cccccc;
  --lightest-grey: #e9eaea;
  --mod-red: #d02323;
  --mod-green: #74b433;
  --mod-blue: #5172bf;
  --mod-gold: #FBBD04;
}
body{
  background: white;
  min-height: 100%;
  overflow-x: hidden;
}
#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.5;
    background: black;
    z-index: 992;
    visibility: hidden;
    transition: opacity 0.5s;
}
.outerdiv {
  background-color: #e3e3e3;
  margin-top: 8.5rem;
}
@media only screen and (min-width: 992px){
   .outerdiv {
    smin-height: 550px;
    padding: 1rem 1rem;
    margin-top: 10.3rem; 
   }
}
.inner-row {
  margin: 1rem -1rem;
}
h1 {
  color: var(--theme-contrast);
  font-size: 2rem;
  font-weight: bold;
}
h2 {
  color: var(--theme-dark);
  font-size: 1.5rem;
  font-weight: bold;
}
h3 {
  color: var(--theme-dark);
  font-size: 1.35rem;
}
h4 {
  color: var(--theme-dark);
  font-size: 1.2rem;
}
p:last-child {
  margin-bottom: 0;
}
p:only-child {
  padding-bottom: 1rem;
}
p .red {
  color: var(--mod-red);
}
p .black {
  color: black;
}
p .white {
  color: white;
}
.bigger,
p .bigger {
  font-size: 1.2rem;
  line-height: 1.2em;
}
p.smaller {
  font-size: 0.85rem;
  line-height: 0.85rem;
}
h5, h6{
  color: var(--theme-dark);
}
.larger {
  font-size: 150%;
}
img {
  height: auto;
  max-width: 100%;  
}
address {
  font-style: normal;
  margin-bottom: 0;
}
address:last-of-type {
  margin-bottom: 0.75rem;
}
[class^="col-"] {
   padding-right: 1rem;
   padding-left: 1rem;
}
@media only screen and (min-width: 992px){
[class^="col-"] {
   padding-right: 0.5rem;
   padding-left: 0.5rem;
  }
[class^="col-"]:first-child {
   padding-left: 1rem;
  }
[class^="col-"]:last-child {
   padding-right: 1rem;
  }
[class^="col-"]:only-child {
   padding-right: 1rem;
   padding-left: 1rem;
  }
}
.item-page {
  margin-bottom: 1rem;
}
#header-outer {
  background: white;
  position: fixed;
  top: 0;
  padding-top: 0.25rem;
  box-shadow: 0 3px 7px rgba(184, 185, 190, 0.60);
  z-index: 990;
}
.fixed-header {
  height: 130px;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px){
  #header-outer {
   box-shadow: 0 3px 7px rgba(132, 129, 128, 0.60);  
  }
  .fixed-header {
  height: 160px;
  }
}
.sticky-notice {
  margin-left: auto;
}
@media only screen and (min-width: 1250px){
  .sticky-notice {
   padding-right: 0;
  }
}
.sticky-notice-2 {
 padding: 0 0 0.3rem 0;
 display: inline;
 margin-left: auto;
 right: 0;
 text-align: right; 
}
.logo {
  padding: 0 0.5rem 0 0;
}
 .logo-two,
 .logo-two-sidenav {
  background: transparent;
  border-radius: 50%;  
  box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.3);  
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  z-index: 999;
} 
@media only screen and (min-width: 576px){
 .logo-two,
 .logo-two-sidenav {
  width: 110px;
  height: 110px;
 }
}
@media only screen and (min-width: 992px){
  .logo-two {
    height: 149px;
    width: 149px;
  }
}
.logo-box {
  display: block;
  height: 80px;
  width: 80px;
  position: absolute;
  top: 0.25rem;
  left: 1.5rem;
  }
@media only screen and (min-width: 576px){
.logo-box {
  height: 110px;
  width: 110px;
  }
}
@media only screen and (min-width: 992px){
  .logo-box {
   top: 0;
   left: 0;
   height: 149px;
   width: 149px;  
  }
}
@media only screen and (min-width: 1280px){
  .logo-box {
    left: 0;
    top: 0;
  }
}
.sidenav .logo-box {
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
}
.logo-two-sidenav {
  margin-left: 4rem;
}
.ticketsource,
.ticketsource img {
  display: inline-block;
  height: 40px;
  width: 93px;
}
.ticketsource-old {
  display: none;
}
@media only screen and (min-width: 992px){
.ticketsource {
  display: inline-block;
  height: 50px;
  width: 116px;
  }
.ticketsource-old {
  display: inline;
  position: relative;
  top: 0.25rem;
  margin-left: 0.5rem;
  }
.ticketsource-old img {
  display: inline-block;
  height: 75px;
  width: 101px;
  position: relative;
  top: -0.25rem;
 }
.ticketsource img {
  height: 50px;
  width: 116px;
 }
}
.quick-links {
  padding: 0 0.25rem 0 0.5rem;
}
.quick-links:empty {
  padding: 0 0 0 0;
}
.quick-links:last-child {
  padding: 0 1rem 0 0.25rem;
}
.sm-header {
  margin-top: 0.25rem;
}
@media only screen and (min-width: 992px){
 .sm-header {
  margin-top: 0;
  position: relative;
  top: -0.8rem;
 }
.toplinks-row {
  display: table;
  width: 100%;
 }
.toplinks {
  display: table-cell;
  text-align: center;
  padding: 0 0.25rem;
  vertical-align: bottom;
 }
div.col-6.quick-links:empty,
.toplinks:empty {
  display: none;
 }
}
.whats-on,
.donate,
.mailing-list,
.tickets {
  height: 2rem;
  margin: 0 0.2rem 0.5rem;
  padding: 0.2rem 0;
  background-color: var(--theme-light);
  font-weight: bold;
  text-align: center;
  display: block;
  width: 100%;
}
.whats-on a,
.donate a,
.mailing-list a,
.tickets a {
  color: white;
  text-decoration: none;
  font-size: 0.8rem;
}
@media only screen and (min-width: 768px){
 .whats-on,
 .donate,
 .mailing-list,
 .tickets {
  padding: 0.2rem 0;
 }
 .whats-on a,
 .donate a,
 .mailing-list a,
 .tickets a {
  font-size: 1rem;
 }
}
@media only screen and (min-width: 992px){
 .whats-on,
 .donate,
 .mailing-list,
 .tickets {
  margin: 1.9rem 0.5rem 0;
 }
}
@media only screen and (min-width: 992px){
  .whats-on,
  .mailing-list,
  .donate {
   padding: 0 0.5rem;
  }
  .whats-on a,
  .mailing-list a,
  .donate a {
   font-size: 1.2rem;
  }
}
.donate {
 background-color: var(--theme-lighter);
}
.tickets {
 background-color: var(--theme-dark);
}
.mailing-list {
 background-color: var(--theme-medium);
}
/********** MAINMENU **************/
.stickymenuwrapper {
  margin-right: auto;
  margin-left: auto;
  left: 0;
  right: 0;
  padding: 0 0;
}
.sticky-menu {
  margin-right: auto;
  margin-left: auto;
  right: 0;
  left: 0;
  top: -1.3rem;
  width: 100%;
}
.sticky-menu ul {
  position: absolute;
  list-style:none;
}
.sticky-menu ul.navbar-nav {  
  display: table;
    text-align: right;
    width: 100%;
}
@media only screen and (min-width: 1200px){
.sticky-menu ul.navbar-nav {
    text-align: center;
 }
}
.sticky-menu .dropdown-menu {
  left: 0;
  right: auto;
  background-color: var(--theme-lightest);
  padding: 0;
  border: none;
  border-radius: 0;
}
.sticky-menu .dropdown-menu li:hover {
  background-color: var(--theme-light);
}
.sticky-menu ul ul ul.dropdown-menu {
  left: 100%;
}
.sticky-menu li {
    display: inline-block;
    padding: 0 1rem;
    position: relative;
}
.sticky-menu ul li ul li:last-child {
    padding: 0 1rem 0.5rem;
}
.sticky-menu a {
  color: var(--medium-grey);
  text-decoration: none;
  font-size: 0.85em;
  padding: 0.5rem 0;
}
.sticky-menu a.active {
  color: white;
  font-weight: bold;
}
.sticky-menu ul ul {
    position: absolute;
    display: none;
    margin: 0;
    padding: 0.5rem 1rem;
}
.sticky-menu ul ul li {
    display: block;
}
.sticky-menu ul ul li .nav-link .caret {
  display: none;
}
.sticky-menu ul ul ul {
    position: absolute;
    top: 0;
}
.sticky-menu .dropdown-item {
    padding: 0.5rem 0;
}
.navbar-expand-lg .navbar-nav ul ul .nav-link {
  padding-right: 0.25rem;
  padding-left: 0.25rem;  
}  
.sticky-menu .dropdown-item:hover {
    background-color: transparent;
}
.sticky-menu li:hover > ul {
    display: block;
}
.sticky-menu .current {
  background-color: var(--theme-dark);
}
.sticky-menu li.active.parent {
  background-color: var(--theme-dark);
}
.sticky-menu li.active.parent > a {
  color: white;
  font-weight: bold;
  padding-right: 0.5rem;
}
.sticky-menu > ul > li.nav-item.active.parent > a:after {
  color: white;
}
.sticky-menu ul.dropdown-menu > li.active > a {
  color: white;
  background-color: transparent;
}
.sticky-menu ul > li:hover {
  background-color: var(--theme-light);
}
.sticky-menu ul ul > li:hover {
  background-color: var(--theme-lightest);
  min-width: 100%;
  white-space: nowrap;
}
.sticky-menu .menu-divider-line {
  border-top: 1px solid #767676;
  padding-top: 0.35rem;
}
.sticky-menu > ul > li {
  padding: 0.25rem 0.5rem;
}
.sticky-menu > ul > li > .nav-link {
  padding: 0.5rem 1rem 0.5rem 1rem;
}
@media only screen and (max-width: 1099.99px){
.sticky-menu ul > li:last-child > ul.nav-child.dropdown-menu {
 right: 0;
 left: auto;
 top: 2.75rem;
 }
}
@media only screen and (max-width: 1099.99px){
.sticky-menu ul > li:last-child > ul.nav-child.dropdown-menu > li.dropdown-submenu > ul.nav-child.dropdown-menu {
 right: 100%;
 top: 0;
 }
}
.sticky-menu > ul > li.nav-item.parent,
.sticky-menu ul li ul li.dropdown-submenu {
  position: relative;
  padding-right: 1.75rem; /*0.5rem*/
}
.sticky-menu > ul > li.nav-item.parent > a:after,
.sticky-menu ul li ul li.dropdown-submenu > a:after,
.sticky-menu ul li ul li.dropdown-submenu:last-child > a:before {
  position: absolute;
  display: inline-block;
  color: var(--medium-grey);
  background-color: transparent;
  font-size: 1.5rem;
}
.sticky-menu > ul > li.nav-item.parent > a:after {
  top: 0.2rem;
  content: " \25BE";
  white-space: pre;
 }
.sticky-menu ul li ul li.dropdown-submenu > a:after {
  top: 0;
  content: " \25B8";
  white-space: pre;
}
@media only screen and (max-width: 1099.99px){
  .sticky-menu ul li ul li.dropdown-submenu > a:after {
    content: "";
  }  
.sticky-menu ul li ul li.dropdown-submenu:last-child > a:before {
  top: 0;
  left: 0;
  content: "\25C2 ";
  white-space: pre;
 }
}
/* === SIDENAV ===== */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 995;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition-duration: 0.5s;
    padding: 1rem 0 0 0;
    margin: 0;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 1.75rem;
    font-size: 2.25rem;
    margin-left: 3rem;
    border-bottom: none;
}
.sidenav button {
  color: color: var(--darkest-grey);
  line-height: 3rem;
  margin-bottom: 0;
  border: none;
  padding: 0;
  background: white;
}
.sidenav .separator {
  display: none;
}
.sidenav ul {
  list-style: none;
  padding: 0 0 0 1rem;
}
.sidenav > ul > li {
  display: block;
  border-bottom: 1px dotted #acabab;
}
.sidenav ul li:last-child {
  border-bottom: none;
}
.sidenav a{
  display: block;
  padding: 0;
  color: color: var(--darkest-grey);
  line-height: 3rem;
  text-decoration: none;
}
.sidenav ul li ul li {
  border-top: 1px dotted #acabab;
}
.sidenav ul ul li,
.sidenav ul ul ul li {
  width: 100%;
}
.sidenav li button:after,
.sidenav li button[aria-expanded="false"]:after{
  content: '  +';
  font-size: 1.25rem;
}
.sidenav li button[aria-expanded="true"]:after{
  content: '  -';
}
.sidenav li.active > a {
  color: var(--theme-dark);
  font-weight: bold;
}
.sidenav li a:hover {
  color: var(--theme-medium);
}
.smt-sidenav h3,
.smt-sidenav a {
  text-decoration: none;
  color: var(--theme-dark); 
  font-size: 1.5rem;
  font-weight: bold;
}
.sidenav li.single > button {
  display: none;
}
.sidenav li.single.divider.deeper.parent > button {
  display: block;
}
button:focus {
  outline: none;
}
.sidenav .navbar-nav li ul li a:focus {
 background-color: var(--lightest-grey);
}
/*****/
@media screen and (max-height: 450px) {
  .sidenav a {font-size: 1rem;}
}
.topheader {
  width: 100%;
}
.shadowwrapper {
 position: relative;
 padding: 1rem;
 min-height: 350px;  
 background-color: white;
}
/*@media only screen and (min-width: 768px){
  .shadowwrapper {
    min-height: 550px;
  }
}*/
@media only screen and (min-width: 768px){
  .shadowwrapper {
   padding: 1rem;
   min-height: calc(100vh - 22.5vw);
  }
}
@media only screen and (min-width: 1200px){
  .shadowwrapper,
 /* .sticky-notice,*/
  .sticky-wrapper { 
   max-width: 1250px;
  }
}
.topheader {
  margin-bottom: 1rem;
}
/* Breadcrumbs note: separator types set in the module settings */
.breadcrumbs .divider {
  margin-right: 10px;
}
.navbar {
  padding: 0;
}
.mobilemenu {
  background-color: white;
  height: 5rem;
  padding: 0rem 1rem 0 0;
}
@media only screen and (min-width: 768px){
  .mobilemenu {
    padding: 0 1rem;
  }
}
.trigramborder {
  margin-top: 0.25rem;
}
.trigram {
  padding: 1rem 0 0;
  top: 1rem;
}
.burger {
    box-shadow: 0 3px 0 0 #767676 inset, 0 8px 0 0 white inset, 0 11px 0 0 #767676 inset, 0 16px 0 0 white inset, 0 19px 0 0 #767676 inset;
    width: 1.75rem;
}
@media only screen and (min-width: 992px){
  .trigramborder {
   display: none;
  }
}
.breadcrumbs,
.slideshow,
.introduction,
.pageh1text,
.featuretopcontainer,
.lowermiddleinner {
  padding: 0;
  margin-bottom: 1rem;
}
.introduction > div,
.slideshow > div{
  margin-bottom: 1rem;
}
.introduction:blank {
  display: none;
}
@media only screen and (min-width: 1200px){
 .introduction {
   padding: 0 0 0 0;
  }
}
.pageh1text {
  padding: 0;
}
.pageh1text h1 {
  color: var(--theme-medium);
}
.pgh1text {
  background-color: white;
  border-bottom: 1px solid var(--theme-medium);/*var(--theme-contrast);*/
  border-top: 1px solid var(--theme-medium);/*var(--theme-contrast);*/
  min-height: 3.75rem;
  padding: 0.5rem 0 0 0;
  position: relative;
}
@media only screen and (min-width: 768px){
  .pgh1text h1 {
   padding-bottom: 0.5rem;
 }
}
/* === Sidebars and component area === */
.leftsidebar,
.rightsidebar{
  padding-left: 0;
  padding-right: 0;
}
.content {
  padding: 0;
}
.sidebarleft_moduletable,
.sidebarright_moduletable{
  background: var(--lightest-grey);
  border: 1px solid var(--light-grey);
  padding: 0.75rem 1rem 1rem;
  margin-bottom: 1rem;
}
.sidebarleft_moduletable,
.sidebarright_moduletable_watch{
  padding: 0.75rem 1rem 0;
}
.sidebarleft_moduletable .sidebarleft_moduletable_heading,
.sidebarright_moduletable .sidebarright_moduletable_heading{
   padding: 0 0 0.5rem;
   border-bottom: solid 2px var(--light-grey);
   box-shadow: 0 2px 0 #fff;
   margin-bottom: 0.65rem;
   font-size: 1.75rem;
}
.sidebarleft_moduletable .sidebarleft_moduletable_content,
.sidebarright_moduletable .sidebarright_moduletable_content{
  padding: 0;
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.sidebarleft_moduletable .sidebarleft_moduletable_content p:last-child,
.sidebarright_moduletable .sidebarright_moduletable_content p:last-child{
  margin-bottom: 0;
}
.contentboth {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 768px){
  .contentboth {
    padding-left: 1rem;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px){
  .contentboth {
    padding-right: 1rem;
  }
}
.contentleft{
   padding-left: 0;
   padding-right: 0;
}
@media only screen and (min-width: 768px){
  .contentleft{
    margin-left: 1rem;
  }
}
.contentright{
   padding-right: 0;
   padding-left: 0;
}
@media only screen and (min-width: 992px){
  .contentright{
    margin-right: 1rem;
  }
}
.sidebarcontent {
  padding: 0;
  }
.rightsidebar-anchor a {
  position: absolute;
  left: 0;
  top: -60px;
}
.reverse-double-line {
    border-bottom: solid 2px #cccccc;
    box-shadow: 0 3px 0 #ffffff;
    margin-bottom: 0.75rem;
}
/* ==== Featuretop and bottom ==== */
.featuretopinner_moduletable_content,
.featurebottominner_moduletable_content {
  padding: 0.5rem 1rem;
  background: white;
}
.featuretopinner_moduletable_content:only-child {
  padding: 0;
}
.featurebottominner_moduletable .featurebottominner_moduletable_ .moduletable .col-md {
  padding: 0 0 1rem 0;
}
.featuretopinner .moduletable.mod-home,
.featurebottominner .moduletable.mod-home{
  margin: 0 0 1rem 0;
}
.feature-grid-container {
   display: grid;
   grid-template-columns: auto;
   column-gap: 1rem;
   background-color: white;
   padding: 0;
}
@media only screen and (min-width: 576px){
 .feature-grid-container {
   grid-template-columns: auto auto;
   }
}
@media only screen and (min-width: 768px){
 .feature-grid-container {
   grid-template-columns: auto auto auto;
   }
}
@media only screen and (min-width: 1200px){
 .feature-grid-container {
   grid-template-columns: auto auto auto auto;
   }
}
.box {
  padding: 0.5rem 1rem;
}
.ticketsource-container {
  width: 100%;
  border: 2px solid var(--theme-dark);
  padding: 0 0 0.5rem;
}
.ticketsource-container h3 {
  color: white;
  padding: 0.5rem 1rem 0.75rem;
  margin: 0 0;
  font-size: 1.6rem;
  line-height: 1.0;
  background-color: var(--theme-dark);
}
.ticketsource-text {
  padding: 0.5rem 1rem;
}
.home-mod-title h3,
.featuretopinner_moduletable_heading,
.mod-home h3.featurebottominner_moduletable_heading{
  color: white;
  padding: 0.5rem 1rem 0.75rem;
  margin: 0 0;
  font-size: 1.6rem;
  line-height: 1.0;
  border-top: none;
  border-bottom: none;
}
.mod-gen h3 span {
  color: white;
  display: inline;
  font-size: 1.25rem;
  padding: 0.25rem 0 0.5rem;
  line-height: 1.25;
}
.outline-box-darkest,
.home-mod.mod-theme-darkest {
  border: 2px solid var(--theme-darkest); 
}
.outline-box-dark,
.home-mod.mod-theme-dark {
  border: 2px solid var(--theme-dark); 
}
.outline-box-medium,
.home-mod.mod-theme-medium {
  border: 2px solid var(--theme-medium); 
}
.outline-box-light,
.home-mod.mod-theme-light {
  border: 2px solid var(--theme-light); 
}
.outline-box-light,
.home-mod.mod-theme-lighter {
  border: 2px solid var(--theme-lighter); 
}
.outline-box-contrast,
.home-mod.mod-theme-contrast {
  border: 2px solid var(--theme-contrast); 
}
.mod-theme-darkest h3,
.mod-theme-dark h3,
.mod-theme-medium h3,
.mod-theme-light h3,
.mod-theme-lighter h3 {
  color: white; 
}
.mod-theme-darkest h3,
.box-theme-darkest,
.bg-theme-darkest,
.mod-theme-darkest .home-mod-title,
.home-more.mod-theme-darkest {
  background: var(--theme-darkest); 
}
.mod-theme-darker h3,
.box-theme-darker,
.bg-theme-darker,
.mod-theme-darker .home-mod-title,
.home-more.mod-theme-darker {
  background: var(--theme-darker); 
}
.mod-theme-dark h3,
.box-theme-dark,
.bg-theme-dark,
.mod-theme-dark .home-mod-title,
.home-more.mod-theme-dark {
  background: var(--theme-dark); 
}
.mod-theme-medium h3,
.box-theme-medium,
.bg-theme-medium,
.mod-theme-medium .home-mod-title,
.home-more.mod-theme-medium {
  background: var(--theme-medium); 
}
.mod-theme-light h3,
.box-theme-light,
.bg-theme-light,
.mod-theme-light .home-mod-title,
.home-more.mod-theme-light {
  background: var(--theme-light); 
}
.mod-theme-lighter h3,
.box-theme-lighter,
.bg-theme-lighter,
.mod-theme-lighter .home-mod-title,
.home-more.mod-theme-lighter {
  background: var(--theme-lighter); 
}
.mod-theme-lightest h3,
.box-theme-lightest,
.bg-theme-lightest,
.mod-theme-lightest .home-mod-title,
.home-more.mod-theme-lightest {
  background: var(--theme-lightest); 
}
.mod-theme-contrast .home-mod-title,
.home-more.mod-theme-contrast {
  background: var(--theme-contrast); 
}
.home-mod-content .newsflash h3 {
  color: var(--theme-darker);
}
.box-red,
.home-more.mod-red,
.mod-red .mod-read-more,
.home-mod-title,
.mod-red h3,
.mod-red h3.featuretopinner_moduletable_heading,
.mod-red h3.featurebottominner_moduletable_heading,
.custom.pageheading.mod-red {
  background: #CCCCCC;  
  background: var(--mod-red);  
}
.box-contrast {
  background: var(--theme-contrast);
}
.mod-home .featuretopinner_moduletable_content,
.mod-home .featurebottominner_moduletable_content{
  padding: 0;
}
.ticket-mod.mod-theme-darkest,
.home-mod.mod-theme-darkest,
.mod-home .mod-theme-darkest,
.mod-theme-darkest .featuretopinner_moduletable_content,
.mod-theme-darkest .featurebottominner_moduletable_content{
  border: 2px solid #cccccc;
  border: 2px solid var(--theme-darkest);
}
.ticket-mod.mod-theme-darker,
.home-mod.mod-theme-darker,
.mod-home .mod-theme-darker,
.mod-theme-darker .featuretopinner_moduletable_content,
.mod-theme-darker .featurebottominner_moduletable_content{
  border: 2px solid #cccccc;
  border: 2px solid var(--theme-darker);
}
.ticket-mod.mod-theme-dark,
.home-mod.mod-theme-dark,
.mod-home .mod-theme-dark,
.mod-theme-dark .featuretopinner_moduletable_content,
.mod-theme-dark .featurebottominner_moduletable_content{
  border: 2px solid #cccccc;
  border: 2px solid var(--theme-dark);
}
.ticket-mod.mod-theme-medium,
.home-mod.mod-theme-medium,
.mod-home .mod-theme-medium,
.mod-theme-medium .featuretopinner_moduletable_content,
.mod-theme-medium .featurebottominner_moduletable_content{
  border: 2px solid #cccccc;
  border: 2px solid var(--theme-medium);
}
.ticket-mod.mod-theme-light,
.home-mod.mod-theme-light,
.mod-home .mod-theme-light,
.mod-theme-light .featuretopinner_moduletable_content,
.mod-theme-light .featurebottominner_moduletable_content{
  border: 2px solid #cccccc;
  border: 2px solid var(--theme-light);
}
.ticket-mod.mod-red,
.home-mod.mod-red,
.mod-home .mod-red,
.mod-red .featuretopinner_moduletable_content,
.mod-red .featurebottominner_moduletable_content{
  border: 2px solid #cccccc;
  border: 2px solid var(--mod-red);
}
/* add theme colors here? */
.mod-home .mod-red,
.mod-home .mod-blue,
.mod-home .mod-green,
.mod-home .mod-gold {
 padding: 0 1rem;
}
[class^="box-"]{
  padding: 0.5rem 1rem 1rem;
  margin: 0 0 1rem 0;
  color: white;
}
[class^="box-"] a {
  color: white;
  text-decoration: underline;
}
.mod-read-more {
  margin-left: -1rem;
  margin-right: -1rem;
  width: calc(100% + 2rem);
  padding: 0 1rem 0.25rem 0;
  color: white;
  font-size: 1.5rem;
  text-align: right;
}
.ticket-mod a,
.home-more a,
.mod-home a,
.mod-home .mod-read-more a {
  text-decoration: none;
  color: white;
}
.ticket-mod a:hover,
.mod-home a:hover {
  text-decoration: underline;
}
.mod-orange-outline .mod-read-more a {
  background: #CCC;  
  color: var(--theme-dark);
}
/*h3*/.mod-gen-gold {
  padding: 0.25rem 1rem 0.5rem;
  background-color: var(--mod-gold);
  color: white;
  font-size: 1.2rem;
}
.pageheading .mod-red h1,
.pageheading .mod-blue h1,
.custom.pageheading.mod-green h1,
.custom.pageheading.mod-gold h1,
.pageheading .mod-gold h1,
.pageheading .mod-purple h1,
.pageheading .mod-teal h1,
.pageheading .mod-orange h1,
.pageheading .mod-pink h1,
.pageheading .mod-sage h1 {
  color: white;
  padding: 0 1rem 0.5rem;
}
@media only screen and (min-width: 768px) {
  #featurebottominner > [class^="col-"]:first-child {
    padding: 0 0.5rem 0 1rem;
  }  
  #featurebottominner > [class^="col-"]:nth-child(2n+2){
   padding: 0 1rem 0 0.5rem;
   }
  #featurebottominner > [class^="col-"]:nth-child(2n+3){
   padding: 0 0.5rem 0 1rem;
  }
  #featurebottominner > [class^="col-"]:last-child{
   padding-right: 1rem;
   }
}
@media only screen and (min-width: 992px) {
  #featurebottominner > [class^="col-"]:nth-child(2n+2),
  #featurebottominner > [class^="col-"]:nth-child(2n+3){
   padding: 0 0.5rem 0 0.5rem;
   } 
  #featurebottominner > [class^="col-"]:nth-child(3n+3){
   padding: 0 1rem 0 0.5rem;
   }
  #featurebottominner > [class^="col-"]:nth-child(3n+4){
   padding: 0 0.5rem 0 1rem;
   }
}
.home-col-container {
 background-color: white;
 display: grid;
  column-gap: 1rem;
  row-gap: 0;
  grid-template-columns: repeat( auto-fit, minmax(290px, 1fr) );
  margin-bottom: 0;
}
.footer-col-container {
  display: grid;
  column-gap: 0.5rem;
  grid-template-columns: repeat( auto-fit, minmax(260px, 1fr) );
}
.smt-footer.col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.home-mod{
  position: relative;
  padding: 0;
  margin-bottom: 1rem;
}
.home-mod-content {
  padding: 8px 16px 52px;
}
.home-mod.mod-green.slider {
  position: relative;
  padding: 2.75rem 0 2.5rem;
}
.ticket-mod {
  position: relative;
  padding: 4.75rem 1rem 1rem;
}
@media only screen and (min-width: 768px){
.ticket-mod {
  padding: 3.75rem 1rem 1rem;
 }
}
.ticket-mod-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.home-more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 2rem 0.25rem 1rem;
  color: white;
  font-size: 1.5rem;
  text-align: right;
}
.home-more p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.raquo {
  position: absolute;
  bottom: 0.25rem;
  right: 1rem;
  background-color: transparent;
  font-size: 1.5rem;
  color: white;
}
.outreach-heading {
  background-color: var(--theme-dark);
  color: white;
  font-weight: bold;
  padding: 0.5rem 1rem;
  width: 100%;
}
/* NEEDS STYLING */
.lowermiddleinner .moduletable{
   margin-bottom: 1rem;
}
.lowermiddleinner .moduletable:last-child{
   margin-bottom: 0;
}
.lowermiddle .lowermiddle_moduletable .lowermiddle_moduletable_heading{
   margin-top: 5px;
   padding: 0 0 5px 10px;
   border-top: solid 1px #313131;
   border-bottom: solid 1px #313131;
   background-color: var(--lightest-grey);
   color: var(--theme-dark);
}
.lowermiddle .lowermiddle_moduletable .lowermiddle_moduletable_content {
  padding: 0 0 1rem 0;
  margin-bottom: 1rem;
}
.lowermiddle .lowermiddle_moduletable .lowermiddle_moduletable_content p:last-child{
  margin-bottom: 0;
}
.footer-one-outer {
   background-color: var(--theme-medium);
}
.footer-two-outer {
 background-color: var(--theme-dark);
 color: white;
}
.footer-one,
.footer-two {
  font-size: 0.85rem;
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
  padding-top: 1rem;
  text-align: center;
}
.footer-two {
  padding-bottom: 1rem;
  border-bottom: 1px solid white;
}  
.footer-two a {
  color: white;
  text-decoration: underline;
}
.footertwo-text:first-child {
  border-right: 1px solid white;
}
.footer-one .footer_moduletable,
.footer-two .footer_moduletable {
   margin-bottom: 10px;
   padding: 5px 10px 10px 10px;
}
.footer .footer_moduletable:last-child{
   margin-bottom: 0;
   padding: 5px 10px 10px 10px;
}
.main-footer {
  margin: 0 auto;
}
.second-row {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px){
  .footer-one .footer_moduletable,
  .footer-two .footer_moduletable,
  .footer-one .footer_moduletable:last-child,
  .footer-two .footer_moduletable:last-child {
   padding: 0.5rem 0 1rem 0; 
   }
  .footer-text {
  margin-bottom: 0;
  }
}
/* for footer including sponsors
.smt-footer.col-6.col-lg-3.mb-3,
.smt-footer.col-3.col-lg-3.mb-3{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}*/
.smt-footer {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 1rem;
  display: inline-block;
}
/* === categories and articles === */
.article-info-term {
  display: none;
}
.watch-again {
  background-color: var(--theme-lighter);
  border: 2px solid var(--theme-contrast);
  font-weight: bold;
  padding: 0.5rem 1rem;
  width: 100%;
}
/* front-editor only */
.published {
  font-style: italic;
  color: var(--darkest-grey);
  font-size: 0.85rem;
}
ul.categories-module,
ul.category-module,
ul.latestnews {
    margin-bottom: 0;
}
ul.categories-module li,
ul.category-module li,
ul.latestnews li{
    border-bottom: solid 1px var(--light-grey);
    margin: 0;
    padding: 0.5rem 0;
    font-weight: bold;
    break-inside: avoid;
}
ul.categories-module li,
ul.latestnews li {
    margin: 0 0 0.25rem;
}
ul.category-module li:last-child {
  border-bottom: none;
  box-shadow: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
ul.category-module li p {
  font-weight: normal;
}
ul.categories-module li span,
ul.category-module li span,
ul.latestnews li span {
    display: block;
    font-size: 0.9rem;
    font-style: italic;
}
ul.categories-module li h4,
ul.latestnews li h4{
    margin-bottom: 0;
}
ul.categories-module li > a,
ul.category-module li > a,
ul.latestnews li > a {
    display: block;
}
/*a.mod-articles-category-title.active {
  color: var(--theme-medium);
}*/
ul.category-module li > a:hover {
  text-decoration: none;
}
.mod-articles-category-date {
  font-weight: normal;
}
.feedback ul.category-module li:last-child a {
  color: var(--theme-dark);
}
.two-cols {
    columns: 2 375px;
    column-gap: 15px;
}
.two-cols-sm {
    columns: 2 215px;
    column-gap: 15px;
}
.three-cols-sm {
    columns: 3 195px;
    column-gap: 15px;
}
.supporters.three-cols-sm {
    columns: 3 225px;
    column-gap: 0;
}
.four-cols {
    columns: 4 350px;
    column-gap: 15px;
}
.four-cols-sm {
    columns: 4 195px;
    column-gap: 15px;
}
.three-cols {
    columns: 3 395px;
    column-gap: 15px;
    max-width: 100%;
}
.three-cols .items-row {
   break-inside: avoid-column; /* required for Chrome & Opera*/
}
.three-cols .item {
    break-inside: avoid-column; /*  required for Edge & IE */
   margin-bottom: 1rem;
}
.supporter-sub-head {
  border-bottom: 1px solid var(--theme-dark);
}
.copy {
  background-color: var(--theme-dark);
  padding-bottom: 1rem;
}
.copytext,
.copytext a {
  color: white;
}
.copytext {
  text-align: left;
  font-size: 0.85rem;
  margin: 0 1rem 0 0;
  padding-right: 1rem;
  width: 80%;
}
@media only screen and (min-width: 768px){
  .copytext {
    text-align: center;
    margin: auto;
    padding-right: 0;
  }
}
.copydate {
  display: inline;
}
#offlinepage {
  margin: 3rem auto;
  padding: 1rem;
  background-color: var(--light-grey);
  color: red;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
}
/* general blog */
.blog-featured .items-row {
    margin-bottom: 1rem;
}
.blog-featured .items-row .item {
    border-bottom: 1px solid #2D8227;
    box-shadow: 0 2px 0 0 #abdca8;
}
.blog dl {
  margin-bottom: 0;
}
.blog .leading-0,
.blog .leading-1,
.blog .item {
  border-bottom: 1px dashed #313131;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.blog .readmore a.btn {
  padding-left: 0;
}
.blog .readmore a.btn:hover {
  text-decoration: underline;
}
.pagination ul {
  display: flex;
  list-style: none;
  flex-direction: row;
  padding-left: 0;
}
.blog .items-row .item h2, 
.blog-featured .items-row .item h2 {
    font-size: 1.5rem;
    line-height: 28px;
    margin: 0 0 6px;
}
.pagination ul li {
  padding: 0 1rem;
}
.blog.press .leading-0, 
.blog.press .leading-1, 
.blog.press .item {
  border: 1px solid #313131;
  padding: 0.5rem 1rem 1rem;
}
.mod-preview-info {
  z-index: 999;
}
.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
height: 0;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
hr {
    border-top: 1px solid #cccccc;
    box-shadow: 0 1px 5px 1px #cccccc;
}
a.btn.jmodedit {
  background:#eee;  border:1px solid red; padding:5px;
} 
a.btn.jmodedit .icon-edit:before {
  content:"\1F589"; 
  color: black;
}
td {
  vertical-align: top;
}
.greybox {
  border: 1px solid #212529;
  padding: 0.5rem 1rem 1rem;
}
.greybox p:last-child,
.greybox h3:last-child,
.greybox h4:last-child {
  margin-bottom: 0;
}
.grey-filled-box {
  background: var(--lightest-grey);
  padding: 0.5rem 1rem 1rem;  
}
.editorintro {
  border-bottom: 2px solid #2d8227; 
  margin-bottom: 1rem;
}
.skip,
.skip-two {
  position: absolute;
  right: 0;
  bottom: 0.05rem;
  font-size: 0.85rem;
}
.avoid-break {
  vertical-align: top;
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera CHECK ON iPAD without */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid;
}
@media only screen and (min-width: 576px){
.skip,
.skip-two {
  top: 0.25rem;
  }
}  
@media only screen and (min-width: 992px){
  div.skip {
  display: none;
  }
}
.top-link {
  align-items: center;
  animation-duration: 1s;
  background: var(--mod-red);
  border: 1px solid var(--lightest-grey);
  bottom: 0;
  color: white;  
  cursor: pointer;
  height: 60px;
  margin: 0 1em 0 0;
  padding-top: .5em;
  position: fixed;
  right: 0;
  text-align: center;
  width: 50px;
  visibility: visible;
}
.hide {
  display: none;
}
.top-link:hover {
  background: pink;
  padding-top: .35em;
}
/* CONCERT BLOG AND MOD_SIDEBAR LAYOUT */
.image-shadow {
  box-shadow: 5px 5px 8px #676767;
}
/* youtube link */
.acf_yt {
  max-width: 100%;
}
.item-page .concert-extras p:only-child {
    padding-bottom: 0;
}
.concert-read-more .collapse:before {
    content:'Find out more »';
    display:block;
    width:15px;
}
.concert-read-more button:before {
    content:'« Close';
    display:block;
    width:15px;
}
.season .items-leading [class^="leading-"],
.season .item.column-1,
.item-page.season {
  border-bottom: 5px solid #fb8a2d;
  margin-bottom: 2.5rem;
  padding-bottom: 1rem;
  position: relative;
}
.season .items-leading [class^="leading-"]:after,
.season .item.column-1:after,
.item-page.season:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 1px;
  width: calc(100% - 2px);
  height: 5px;
  box-shadow: 0 10px 10px rgba(180, 180, 185);
}
.season > .items-leading > [class^="leading-"] {
  position: relative;
  padding: 0 0 1rem;
}
.season > .items-leading > [class^="leading-"] .next,
.item-page.season .next{
  position: absolute;
  top: 45px;
  right: 10px;
  color: white;
  background-color: red;
  padding: 0 1rem;
}
.concert-article-layout h2,
.season.item-page.season .page-header h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0;
}
.concert-title.row,
.concert.row {
  margin-left: -1rem;
  margin-right: -1rem;
  position: relative;
}
.concert-divider.row {
  border-bottom: 1px dotted #434343;
  margin: 1rem 0;
}
.concert-location,
.concert-subheading {
  font-size: 1.25rem;
}
.concert-time {
  border-bottom: 1px solid #434343;
}
p.mod-concert-time {
  margin-bottom: 0;
}
.mod-concert-time .field-value,
.concert-time .field-value {
  color: color: var(--dark-grey);
  font-style: normal;
  font-weight: bold;
  padding: 0;
}
.concert-image {
  position: relative;
  margin: 0 0 1rem;
}
.concert-image-row {
  position: relative;
  left: 0;
  top: 0;
}
.blog .concert-location {
  margin-bottom: 1rem;
}
.leading-1 .next-concert {
  display: none;
}
.season .next-concert,
.leading-0 .next-concert {
  width: 200px;
  min-height: 1.75em;
  background: red;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  color: white;
  font-size: 1.25rem;
  font-weight: bold;
  border-right: 2px solid red;
  border-left: 2px solid red;
}
div.sidebar-mod.next-concert {
  height: 1.5rem;
  margin: 0;
}
div.sidebar-mod.next-concert span {
  display: inline;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  font-style: normal;
  background: red;
  padding: 0.1rem .5rem .2rem 0.5rem;
}
.concert-programme p,
.concert-programme p:only-child {
    margin: 0;
    padding-bottom: 0;
  }
.concert-subheading {
  padding: 0 0 0.5rem;
  margin: 0 0 1rem;
  font-weight: bold;
  border-bottom: 2px solid #fb8a2d;
}
.concert-category .concert-subheading {
  border-bottom: 1px solid #fb8a2d;
}
p.concert-subheading:last-child {
  margin-bottom: 1rem;
}
button.concert-read-more {
  color: var(--link-blue); 
  border: none; 
  outline: none;
  padding: 0; 
  background: none; 
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.concert-button button:after,
.concert-button button[aria-expanded="false"]:after{
  content: 'More info +';
  font-size: 1.25rem;
  cursor: pointer;
}
.concert-button button[aria-expanded="true"]:after{
  content: 'Close info \2013';
  cursor: pointer;
}
.concert-programme,
.concert-details,
.concert-map,
.video-col,
.concert-extras {
  margin: 0 0 1rem; 
}
.item-page .concert-quotes,
.blog .concert-quotes {
  padding: 1rem 1rem;
  background-color: var(--lightest-grey);
  color: color: var(--darkest-grey);
  margin: 0 0 1rem; 
}
.blog .concert-quotes {
  margin: 0 1rem 1rem; 
}
.blog .concert-quotes p:last-child,
.blog .concert-quotes p:only-child {
  padding-bottom: 0; 
}
@media only screen and (min-width: 768px){
  .blog.concert-quotes {
   margin: 0 0 1rem 1rem; 
  }
}
p.concert-tickets{
  margin-bottom: 0;
}
.websites {
  font-weight: bold;
}
.link-to-performers,
.concert-link {
  margin: 0.5rem 1rem 0 0;
  padding-bottom: 1rem;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.link-to-performers:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px){
  .season .link-to-performers {
    margin: 0.5rem 1rem 0 0;
  }
}
.link-to-performers a,
.concert-link a {
  padding: 0 1em 0.25em;
  border-radius: 5px;
  color: white;
  background-color: var(--medium-grey);
  text-decoration: none;
  margin-bottom: 1rem;
}
.concert-sponsors {
  position: relative;
  margin-bottom: 0.5rem;
  height: 100px;
}
/*.concert-sponsors img {
  position: relative;
  top: -100px;
  padding-top: 100px;
}*/

.concert-sponsors-link {
  position: absolute;
  top: 25%;
  left: 15%;
}
.concert-sponsors-link a {
  color: transparent;
}
.concert-tickets {
  position: relative;
  padding-bottom: 1rem;
}
.concert .buy-tickets {
  position: absolute;
  right: 15px;
  top: -20px;
  height: 88px;
  width: 118px;
}
@media only screen and (min-width: 992px) {
.item-page .concert .buy-tickets {
  right: 30%;
  top: 0;
  }
.blog .concert .buy-tickets {
  right: 10%;
  top: 0;
  }
}
.season .local-box-office {
  position: relative;
  margin-top: 1rem;
}
.season .local-box-office:before {
  content: '';
  position: absolute;
  top: -1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  border-top: 2px dotted #313131;
}
.season.local-box-office strong {
  color: color: var(--darkest-grey);
}
.covid-guidance a,
.mod-articles-category-title {
    color: color: var(--darkest-grey);
    text-decoration: none;
  }
.sidebarright_moduletable_covid-mod {
  padding: 0.75rem 1rem 0;
  font-weight: bold;
}
.featured .concert-intro-text span.field-value {
  font-weight: bold;
  color: color: var(--darkest-grey);
  padding: 0;
}
.not-featured .mod-concert-time .field-value,
.not-featured .concert-intro-text span.field-value,
.not-featured .mod-articles-category-title {
  color: var(--medium-grey);
  font-weight: normal;
  padding: 0;
}
.season .next-concert-featured {
  text-align: center;
  color: red;
}
.season .leading-1 .next-concert-featured {
  display: none;
}
.concert-article-link {
  text-align: center;
  margin: 0.5rem 0 0;
}
.concert-read-only .items-leading > [class^="leading-"] {
  display: none;
}
.alt-concert-map p > iframe,
.concert-map p > iframe {
 width: 100%;
 height: 450px;
 max-height: 450px;
}
.concert-map p > iframe {
 max-width: 600px;
}
.blog.season .items-leading [class^="leading-"] .page-header h2,
.blog.season .item.column-1 .page-header h2 {
 background-color: var(--theme-medium);
 padding: 0.25rem 0.5rem 0.5rem;
}
.blog.season .item.column-1 h2 {
  font-size: 1.75rem;
}
.blog.season .items-leading [class^="leading-"] .page-header h2 a,
.blog.season .item.column-1 .page-header h2 a{
 color: white;
}
.next-concert-holder:empty,
.next-concert:empty,
.concert.row:empty,
.concert-quotes:empty,
.concert-extras:empty,
.season .local-box-office:empty,
.link-to-performers:empty,
.video-col:empty,
.video-col.col-lg-7:blank {
  display: none;
}
div.concert-extras.col-md:empty,
.leading-0 .next-concert:empty,
div.sidebar-mod.next-concert:empty,
.season .next-concert:empty,
.concert-divider.row ~ .concert.row:empty,
div.local-box-office.col-md:empty,
div.local-box-office.col-md:empty:before {
  display: none;
}
.season-sidebar-two-cols .sidebarright_moduletable_content {
    columns: 2 245px;
    column-gap: 15px;
}
.season {
  position: relative;
}
@media only screen and (max-width: 974px){
  .grey-panel {
   display: none;
  }
}
.home-news-row {
  margin: 0;
  padding: 0.5rem 0.5rem 0.25rem;
  border: 5px solid var(--theme-dark);
}
.home-concert-title.row {
  margin-right: 0;
  margin-left: 0;
}
.home-news.concert-location {
  margin-bottom: 0.5rem;
}
.home-news.concert-image {
  margin-bottom: 0.25rem;
}
.home-concert-title {
  margin: 0 0 0.5rem 0;
  padding: 0;
  font-size: 1.75rem;
  font-weight: bold;
}
.our-next-concert {
  color: #fff;
  background-color: var(--mod-red);
  margin: 0 0.5rem 0 0;
  padding: 0 1rem 0.5rem;
}
/*@media only screen and (min-width: 1250px){*/
/*	.home-news.concert-programme {
	  max-height: calc(1.5rem * 4);
	  overflow: hidden;
	}
	.home-news.concert-details {
	  max-height: calc(1.5rem * 6);
	  overflow: hidden;
	}
/*}*/
.home-mod-content h3 {
  background-color: unset;
}

/* @media only screen and (min-width: 992px){
.season:after {
  position: absolute;
  bottom: 0;
  content: "See the grey panel(s) for the full list of concerts"
  }
}  */
/* end concert */
.anchor,
.sidebar-skip-target,{
  position: relative;
}
.sidebar-skip-target a.skip-target,
.anchor a.target,
.anchor a.mod-cat-target{
  position: absolute;
  left: 0;
  top: -230px;
}
.anchor a.mod-cat-target{
  top: -230px;
}
.anchor li a {
  position: relative;
  left: 0;
  top: 0;
}
.reverse {
  color: white;
}
.reverse-bold {
  color: white;
  font-weight: bold;
}
@media only screen and (max-width: 575.999px){
  td {
    display: table-row;
  }
  .spacer {
    height: 10px;
    background: var(--lightest-grey);
  }
}
.right-border {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 768px){
.right-border {
  border-right: 1px solid #cccccc;
  margin-bottom: 0;
 }
} 
span.list-published.label.label-warning {
  color: red;
}
#editor-welcome {
  position: relative;
  top: 0;
  left: 0;
  border-bottom: 1px solid red;
  margin-bottom: 1rem;
  padding-left: 0;
}
.sm-icons {
  width: 100%;
  border-bottom: 1px solid #767676;
}
.donate-sm {
border-radius: 50%;
border: 1px solid #313131;
color: color: var(--darkest-grey);
padding: 0.25em 0.5em;
text-align: center;
text-decoration: none;
display: inline-block;
}
@media only screen and (min-width: 768px){
.camera_caption_desc {
  font-size: 0.95em;
 }
}
.camera_caption > div {
    padding: 0.25rem 0.5rem !important;
}
.mail-icon {
  color: white;
  font-size: 4rem;
}
.mini-menu a {
  color: color: var(--darkest-grey);
  text-decoration: none;
}
.mini-menu a:hover {
  font-weight: bold;
}
.supp {
  vertical-align: top;
  width: 100%;
}
@media only screen and (min-width: 768px){
.supp {
  width: 33%;
  vertical-align: top;
  }
}
.equal-height {
  display: table-cell;
}
/* For JCE Editor */
#com-content-formTabs li {
   padding: 0 5px;
   border-left: 1px solid var(--lightest-grey);
   border-right: 1px solid var(--lightest-grey);
   border-top: 1px solid var(--lightest-grey);
   padding-bottom: 2px;
   margin: 0 5px 0 0;
   z-index: 1;
   background: #f1f1f1;
}
#com-content-formTabs li a {
   display: inline !important; 
}
#com-content-formTabs .active {
  box-shadow: 0 4px #fff;
  background: #fff;
}
.list-title {
  pointer-events: none;
  color: red;
}
.list-title a {
  color: var(--darkest-grey);
}
.chzn-container-active .chzn-single,
.chzn-container-single .chzn-single,
.chzn-container .chzn-drop {
  width: 165px;
}
.hasPopover {
  margin-top: 10px;
}
#adminForm  {
  border-bottom: 2px solid var(--theme-dark);
  padding-bottom: 30px;
}
#adminForm .btn-toolbar {
  margin-top: 10px;
}
#editor .wf-editor-tabs li.nav-item {
 padding: 0.5rem;
 border-left: 1px solid #ccc;
}
.controls input,
.controls textarea {
 min-width: 400px;
 margin-bottom: 1rem;
}
#adminForm a.btn.btn-primary {
 margin-right: 1rem;
}
/* ===== END JCE EDITOR ===== */