/* colors */
/* Full page header */
.content-banner.plain {
  background-image: none; }

.filter-title h1 {
  color: #000000;
  text-align: center; }

#contaier {
  margin: 0 auto !important; }

#container-on-desktop {
  margin: 0 auto !important; }

.no-items-left {
  display: none; }

.filter-title p {
  width: 80%;
  text-align: center;
  margin: auto;
  padding-bottom: 20px;
  color: #000000; }

.content-banner {
  position: relative;
  z-index: 1;
  background: #ffffff;
  background-image: url("http://placehold.it/1500x1000/ebebeb/999999/");
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: top center;
  background-repeat: no-repeat; }

.nav-wrapper {
  border-bottom: 0px; }

.content-banner-txt {
  text-align: center;
  padding: 1.71429em; }

#filters-dropdown {
  padding: 0 15px; }

.whats-on-filters button {
  margin-top: -4px;
  box-shadow: none;
  border: none;
  padding: 8px 15px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 14px;
  width: 100%;
  background: none;
  border: 2px solid black;
  margin-bottom: 13px;
  color: black; }

.whats-on-filters button:hover {
  background: rgba(0, 0, 0, 0.5); }

@media only screen and (min-height: 600px) and (min-width: 992px) {
  .content-banner-txt {
    width: 100%;
    position: relative;
    z-index: 2; } }
@media only screen and (min-height: 600px) and (min-width: 992px) {
  .content-banner-txt {
    width: 100%;
    position: relative;
    z-index: 2; } }
.content-wrapper {
  margin: 0 auto; }

@media only screen and (min-width: 480px) {
  .content-wrapper {
    width: 480px; } }
@media only screen and (min-width: 600px) {
  .content-wrapper {
    width: 600px; } }
@media only screen and (min-width: 768px) {
  .content-wrapper {
    width: 768px; } }
@media only screen and (min-width: 992px) {
  .content-wrapper {
    width: 992px; } }
@media only screen and (min-width: 1260px) {
  .content-wrapper {
    width: 1260px; } }
.plain .content-banner-txt h1, .light .content-banner-txt h1, .plain .content-banner-title, .light .content-banner-title {
  text-shadow: none; }

.content-banner-txt h1, .content-banner-title {
  font-size: 2em;
  font-weight: normal;
  text-shadow: 0 2px 10px rgba(0, 30, 60, 0.1), 0 0 2px rgba(0, 0, 0, 0.05); }

@media only screen and (min-width: 992px) {
  .content-banner-txt h1, .content-banner-title {
    font-size: 3.14286em; } }
.plain .content-banner-txt h1 span, .plain .content-banner-title span {
  border-top: none;
  padding-top: 0; }

.content-banner-txt h1 span, .content-banner-title span {
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 0.42857em 0;
  display: block; }

@media only screen and (min-width: 992px) {
  .content-banner h1 span, .content-banner-title span {
    padding: 0.42857em 1.71429em;
    display: inline-block; } }
/* Main template changes */
.wrapper {
  margin-bottom: 0px; }

/* Isotope CSS */
#container {
  padding: 7.5px; }

.grid-sizer {
  width: 95%; }

.item {
  width: 95%;
  margin-bottom: 15px;
  border-color: rgba(0, 0, 0, 0.7);
  cursor: pointer; }

.item img {
  width: 100%; }

#container .item.w2 {
  background: #999999; }
  #container .item.w2 .item-description {
    background: #999999; }
    #container .item.w2 .item-description p, #container .item.w2 .item-description span {
      color: #ffffff; }

.reveal-modal img {
  width: 100%; }

.event-content p {
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  font-style: italic;
  line-height: 1.6; }
.event-content p.highlighted {
  font-weight: bold;
  background: black;
  color: white;
  padding: 10px;
  text-transform: uppercase;
  font-style: normal;
  margin-bottom: 10px; }
.event-content ul {
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  font-style: italic;
  line-height: 1.6;
  margin-bottom: 15px; }
.event-content span {
  border-bottom: 1px solid #000;
  padding: 0.42857em 0;
  display: block;
  color: #000;
  font-style: normal;
  text-align: center;
  word-wrap: break-word; }
.event-content small.block {
  font-weight: 500;
  line-height: 1;
  font-size: 13px;
  text-align: center;
  font-style: normal;
  color: #B5B0AE; }

@media only screen and (min-width: 350px) {
  .item {
    width: 150px;
    margin: 7.5px; }

  .grid-sizer {
    width: 150px;
    margin: 7.5px; }

  #filters-dropdown, .filter-title {
    width: 377px; } }
@media only screen and (min-width: 495px) {
  .item {
    width: 200px; }

  .grid-sizer {
    width: 200px; }

  #filters-dropdown, .filter-title {
    width: 476px; } }
@media only screen and (min-width: 646px) {
  .item {
    width: 180px; }

  .grid-sizer {
    width: 180px; }

  #filters-dropdown, .filter-title {
    width: 632px; } }
@media only screen and (min-width: 768px) {
  .item {
    width: 220px; }

  .grid-sizer {
    width: 220px; }

  #filters-dropdown, .filter-title {
    width: 750px; }

  .whatsonpage .whats-on-filters {
    padding: 1.875rem;
    margin: 0 0 0.9375rem 0; } }
@media only screen and (min-width: 940px) {
  .item {
    width: 215px; }

  .grid-sizer {
    width: 215px; }

  #filters-dropdown, .filter-title {
    width: 972px; } }
.sets-width-item {
  height: 0px; }

@media only screen and (min-width: 1150px) {
  .item {
    width: 210px; }

  .grid-sizer {
    width: 210px; }

  .item.w2 {
    width: 435px; }

  #filters-dropdown, .filter-title {
    width: 1050px; }

  #container-on-desktop {
    width: 1140px;
    position: relative;
    margin: auto; } }
@media only screen and (max-width: 599px) {
  #container .item, #container .item.w2 {
    background: #f1f1f1; }

  #container span.featured {
    top: 10px !important;
    left: 10px !important; }

  .whats-on-filters h2 {
    padding-bottom: 20px !important;
    text-align: center; }

  #content.whatsonpage {
    padding: 0px; }

  .whats-on-filters {
    left: 0;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 7px; }

  .reveal-modal {
    /*width: 90%;
    margin-left: -45%;*/ }

  .whats-on-filters button {
    width: 100%; } }
@media only screen and (min-width: 600px) and (max-width: 768px) {
  .whats-on-filters button {
    width: 100%; }

  #container {
    padding: 1%; }

  .whats-on-filters h2 {
    padding-bottom: 20px !important;
    text-align: center; } }
/* Container css */
#container {
  margin: 0 auto; }
  #container .item-description {
    padding: 10px;
    text-align: center;
    background: #eee; }
  #container span {
    display: block;
    color: #222222;
    font-size: .8em;
    padding-bottom: 4px;
    font-style: italic; }
  #container p {
    margin: 0;
    font-weight: 500;
    font-size: .8em;
    line-height: 1.2em;
    padding-bottom: 10px; }

/* ----------------------- Filter styles ----------------------- */
.whatsonpage .whats-on-filters {
  background-color: #eee;
  padding: 0.9375rem;
  margin: 0 0 0.9375rem 0; }

.whats-on-filters {
  padding-bottom: 20px; }
  .whats-on-filters h2 {
    padding: 0;
    margin: 0; }

#filters {
  margin: 0 auto;
  padding-bottom: 25px; }
  #filters button {
    background: none;
    border: none;
    font-size: .9em;
    -webkit-font-smoothing: antialiased;
    float: none;
    padding: 6px;
    box-shadow: none;
    display: block;
    font-weight: normal;
    text-align: center;
    margin: auto;
    color: #000000; }
  #filters button.is-checked {
    color: #A38F59; }
  #filters button.stores {
    color: #000000; }
  #filters button:hover {
    color: #A38F59; }
  #filters button:focus {
    outline: 0; }

#container span.featured {
  display: none;
  top: 20px;
  position: absolute;
  left: 20px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  padding: 10px;
  font-style: normal; }

#container .w2 span.featured {
  display: block; }