@charset "UTF-8";
/*
    Added by Bluefly Digital, Feb 2016
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "moc";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-twitter:before {
  content: '\e800'; }

/* '' */
.icon-facebook:before {
  content: '\e801'; }

/* '' */
.icon-pinterest:before {
  content: '\e802'; }

/* '' */
.icon-tumblr:before {
  content: '\e803'; }

/* '' */
.icon-instagram:before {
  content: '\e804'; }

/* '' */
.mxm_header__title__opening {
  margin-top: 0; }
  .mxm_header__title__opening .mxm_header__title__site__name {
    display: block;
    color: #160f09;
    line-height: 1em;
    text-align: center; }
    @media screen and (min-width: 21.875em) {
      .mxm_header__title__opening .mxm_header__title__site__name {
        text-align: right !important; } }
    @media screen and (min-width: 39.75em) {
      .mxm_header__title__opening .mxm_header__title__site__name {
        display: none; } }

.mxm_core_promo {
  overflow: hidden;
  width: 100%; }

.newsletter-sign-up-block {
  border-top: none;
  border-bottom: 2px solid #dcdcdc;
  overflow: auto; }
  @media screen and (min-width: 39.75em) {
    .newsletter-sign-up-block {
      border: 2px solid #dcdcdc; } }
  .newsletter-sign-up-block h3 {
    color: #9b4a76; }
  .newsletter-sign-up-block p {
    margin-bottom: 5px; }
    .newsletter-sign-up-block p.info {
      font-size: 13px; }
    @media screen and (min-width: 39.75em) {
      .newsletter-sign-up-block p {
        margin-bottom: 0; } }
  .newsletter-sign-up-block .newsletter-banner__form {
    overflow: auto;
    margin: 0;
    padding: 2px 0;
    float: none; }
    .newsletter-sign-up-block .newsletter-banner__form input {
      width: 100%; }
    @media screen and (min-width: 40em) {
      .newsletter-sign-up-block .newsletter-banner__form {
        width: 50%; }
        .newsletter-sign-up-block .newsletter-banner__form input {
          width: 78%; }
          .newsletter-sign-up-block .newsletter-banner__form input[type="submit"] {
            width: 20% !important; } }

.infobox--exhibition img {
  border-bottom-color: #9b4a76; }
.infobox--exhibition .ribbon {
  background-color: #9b4a76; }
.infobox--schools img {
  border-bottom-color: #bb4039; }
.infobox--schools .ribbon {
  background-color: #bb4039; }

.col {
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: auto;
  width: 100%; }

.thrd-w {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 10px 0 10px; }
  @media screen and (min-width: 35em) {
    .thrd-w {
      width: 33.29%;
      padding: 0; } }
  .thrd-w .promo img {
    width: 100%;
    height: auto; }

.front-page-share {
  border-top: 1px solid #dcdcdc;
  text-align: center; }
  .front-page-share p {
    color: #160f09;
    margin-bottom: 10px; }
  .front-page-share ul {
    list-style: none;
    margin: 0; }
    .front-page-share ul li {
      display: inline-block;
      margin-left: 5px; }
      .front-page-share ul li a {
        display: block;
        color: #9b4a76;
        border: 1px solid #9b4a76;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        box-sizing: border-box;
        padding-top: 1px; }
        .front-page-share ul li a:hover, .front-page-share ul li a:active, .front-page-share ul li a:focus {
          background-color: #9b4a76;
          color: #fff; }

.widget .figure a {
  display: block; }
.widget .figure img {
  padding: 0;
  margin-right: 0 !important;
  display: block;
  width: 100%;
  height: auto; }
.widget .figure .figcaption {
  padding-top: 10px; }

.footer {
  border-top-style: solid; }
  .footer #footer {
    border-top: 1px solid #dcdcdc;
    display: block;
    padding-bottom: 10px;
    overflow: auto; }
    .footer #footer #foot-links {
      position: relative;
      float: right; }
      .footer #footer #foot-links a {
        vertical-align: baseline; }
    .footer #footer a, .footer #footer li {
      font-weight: normal;
      color: #160f09; }
  .footer #footer-nav > .pane > h6 {
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
    margin-bottom: 0;
    border: none !important;
    color: #160f09 !important; }
  .footer #footer-nav > .pane .menu {
    margin: 0;
    padding-left: 8px;
    font-size: 0.85em; }
    @media screen and (min-width: 39.75em) {
      .footer #footer-nav > .pane .menu {
        padding-left: 0; } }
    .footer #footer-nav > .pane .menu li {
      background: none;
      padding-left: 0 !important; }
      .footer #footer-nav > .pane .menu li a {
        font-weight: normal;
        color: #160f09 !important;
        font-size: 1.125em; }

/* Grid */
@media screen and (min-width: 39.75em) {
  .col.two-thrds-w {
    width: 66.6%;
    float: left; } }

@media screen and (min-width: 39.75em) {
  .col.thrd-w {
    float: left;
    width: 33.29%; } }

@media screen and (min-width: 39.75em) {
  .col.half-w {
    float: left;
    width: 49.92%; } }

.infobox img {
  min-height: auto; }

.whatson h5 {
  margin-bottom: 5px; }
.whatson .bottom-right {
  display: inline;
  float: none;
  position: relative; }