/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

a {
  text-decoration: none; }
  
  strong {
    font-weight: bold;
  }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-ultra.eot");
  src: url("webfonts/verbcond-ultra.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-ultra.woff") format("woff"), url("webfonts/verbcond-ultra.ttf") format("truetype"), url("webfonts/verbcond-ultra.svg#ywftsvg") format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-ultra-italic.eot");
  src: url("webfonts/verbcond-ultra-italic.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-ultra-italic.woff") format("woff"), url("webfonts/verbcond-ultra-italic.ttf") format("truetype"), url("webfonts/verbcond-ultra-italic.svg#ywftsvg") format("svg");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-black-italic.eot");
  src: url("webfonts/verbcond-black-italic.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-black-italic.woff") format("woff"), url("webfonts/verbcond-black-italic.ttf") format("truetype"), url("webfonts/verbcond-black-italic.svg#ywftsvg") format("svg");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-black.eot");
  src: url("webfonts/verbcond-black.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-black.woff") format("woff"), url("webfonts/verbcond-black.ttf") format("truetype"), url("webfonts/verbcond-black.svg#ywftsvg") format("svg");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-extrabold-italic.eot");
  src: url("webfonts/verbcond-extrabold-italic.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-extrabold-italic.woff") format("woff"), url("webfonts/verbcond-extrabold-italic.ttf") format("truetype"), url("webfonts/verbcond-extrabold-italic.svg#ywftsvg") format("svg");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-extrabold.eot");
  src: url("webfonts/verbcond-extrabold.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-extrabold.woff") format("woff"), url("webfonts/verbcond-extrabold.ttf") format("truetype"), url("webfonts/verbcond-extrabold.svg#ywftsvg") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-regular-bold-italic.eot");
  src: url("webfonts/verbcond-regular-bold-italic.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-regular-bold-italic.woff") format("woff"), url("webfonts/verbcond-regular-bold-italic.ttf") format("truetype"), url("webfonts/verbcond-regular-bold-italic.svg#ywftsvg") format("svg");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-regular-bold.eot");
  src: url("webfonts/verbcond-regular-bold.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-regular-bold.woff") format("woff"), url("webfonts/verbcond-regular-bold.ttf") format("truetype"), url("webfonts/verbcond-regular-bold.svg#ywftsvg") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-semibold-italic.eot");
  src: url("webfonts/verbcond-semibold-italic.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-semibold-italic.woff") format("woff"), url("webfonts/verbcond-semibold-italic.ttf") format("truetype"), url("webfonts/verbcond-semibold-italic.svg#ywftsvg") format("svg");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-semibold.eot");
  src: url("webfonts/verbcond-semibold.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-semibold.woff") format("woff"), url("webfonts/verbcond-semibold.ttf") format("truetype"), url("webfonts/verbcond-semibold.svg#ywftsvg") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-medium.eot");
  src: url("webfonts/verbcond-medium.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-medium.woff") format("woff"), url("webfonts/verbcond-medium.ttf") format("truetype"), url("webfonts/verbcond-medium.svg#ywftsvg") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-medium-italic.eot");
  src: url("webfonts/verbcond-medium.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-medium.woff") format("woff"), url("webfonts/verbcond-medium.ttf") format("truetype"), url("webfonts/verbcond-medium.svg#ywftsvg") format("svg");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-regular.eot");
  src: url("webfonts/verbcond-regular.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-regular.woff") format("woff"), url("webfonts/verbcond-regular.ttf") format("truetype"), url("webfonts/verbcond-regular.svg#ywftsvg") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-regular-italic.eot");
  src: url("webfonts/verbcond-regular-italic.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-regular-italic.woff") format("woff"), url("webfonts/verbcond-regular-italic.ttf") format("truetype"), url("webfonts/verbcond-regular-italic.svg#ywftsvg") format("svg");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-light-italic.eot");
  src: url("webfonts/verbcond-light-italic.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-light-italic.woff") format("woff"), url("webfonts/verbcond-light-italic.ttf") format("truetype"), url("webfonts/verbcond-light-italic.svg#ywftsvg") format("svg");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-light.eot");
  src: url("webfonts/verbcond-light.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-light.woff") format("woff"), url("webfonts/verbcond-light.ttf") format("truetype"), url("webfonts/verbcond-light.svg#ywftsvg") format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-extralight-italic.eot");
  src: url("webfonts/verbcond-extralight-italic.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-extralight-italic.woff") format("woff"), url("webfonts/verbcond-extralight-italic.ttf") format("truetype"), url("webfonts/verbcond-extralight-italic.svg#ywftsvg") format("svg");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'VerbCond';
  src: url("webfonts/verbcond-extralight.eot");
  src: url("webfonts/verbcond-extralight.eot?#iefix") format("embedded-opentype"), url("webfonts/verbcond-extralight.woff") format("woff"), url("webfonts/verbcond-extralight.ttf") format("truetype"), url("webfonts/verbcond-extralight.svg#ywftsvg") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'bmag';
  src: url("bmag/bmag.eot"); }

@font-face {
  font-family: 'bmag';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
  font-weight: normal;
  font-style: normal; }

[class^="bio-"], [class*=" bio-"] {
  font-family: 'bmag';
  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; }

.bio-twitterbio-icons-:before {
  content: "\e602"; }

.bio-facebookbio-icons-:before {
  content: "\e603"; }

.bio-imagesbio-icons-:before {
  content: "\e608"; }

.bio-playbio-icons-:before {
  content: "\e609"; }

.bio-searchbio-icons-:before {
  content: "\e604"; }

.bio-nextbio-icons-:before {
  content: "\e60a"; }

.bio-prevbio-icons-:before {
  content: "\e60b"; }

.bio-emailbio-icons-:before {
  content: "\e60c"; }

.bio-wwwbio-icons-:before {
  content: "\e60d"; }

.bio-closebio-icons-:before {
  content: "\e60e"; }

/* section colors */
/* page colors */
.fancybox-title {
  font-family: "VerbCond", Helvetica, Arial, Sans-Serif !important;
  font-size: 1em !important; }

/* css */
html {
  width: 100%; }

body {
  width: 100%;
  font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
  font-weight: 200;
  background-color: #dfdfdf; }

.clear {
  clear: both; }

.outer-wrapper.page {
  background: white;
  z-index: -1;
  padding-bottom: 35px;
  width: 100%; }
  @media only screen and (min-width: 641px) and (max-width: 1024px), only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    .outer-wrapper.page {
      padding-top: 32px; } }

.inner-wrapper {
  width: 1092px;
  margin: 0 auto; }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    .inner-wrapper {
      width: 640px; } }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    .inner-wrapper {
      width: 280px; } }

#cookie-accept {
  background: #1a1a1a;
  color: #967591;
  font-weight: 500;
  padding: 60px 0 50px 0; }
  #cookie-accept .ckcontent {
    height: 30px; }
  #cookie-accept a {
    color: white;
    border-bottom: 1px solid #666; }
    #cookie-accept a:hover {
      color: #967591; }
  #cookie-accept #cookie-close {
    margin: 20px auto 10px auto;
    display: block;
    width: 80px;
    height: auto; }
    #cookie-accept #cookie-close a {
      color: white;
      border-bottom: none;
      text-decoration: none;
      background: #967591;
      display: block;
      width: 100%;
      font-size: 1em;
      line-height: 1em;
      height: 1em;
      padding: 0.5em 0;
      text-align: center; }
      #cookie-accept #cookie-close a:hover {
        background-color: #cebacb; }

#site-title {
  display: block;
  float: left;
  width: 195px;
  height: 106px;
  text-indent: -10000px;
  background-image: url("../images/blackburnMuseumLogo.gif"); }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    #site-title {
      width: 160px;
      height: 90px;
      background-size: 100%;
      background-repeat: no-repeat;
      margin-bottom: 10px; } }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #site-title {
      background-image: url("../images/blackburnMuseumLogo_x2.gif");
      background-size: 100%;
      background-repeat: no-repeat; } }
  #site-title a {
    display: block;
    width: 195px;
    height: 106px;
    text-indent: -10000px; }

.page-title {
  padding: 6px 5px 10px 5px;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .page-title h1 {
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    font-size: 40px;
    line-height: 30px;
    height: 32px;
    text-transform: uppercase;
    color: white;
    z-index: 10; }
  .page-title .right-angle {
    position: absolute;
    top: 0;
    left: -12px;
    border-top: 48px solid #967591;
    border-right: 12px solid transparent;
    width: 100%;
    height: 48px;
    z-index: -1; }
    .whatson .page-title .right-angle {
      border-top-color: #e77c22; }
    .plan .page-title .right-angle {
      border-top-color: #4cbea0; }
    .collections .page-title .right-angle {
      border-top-color: #00698c; }
    .learning .page-title .right-angle {
      border-top-color: #d2ba2a; }
    .blog .page-title .right-angle {
      border-top-color: #3ca5d5; }

.section-title {
  width: 255px;
  height: 32px;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  clear: both; }
  .section-title h2 {
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    text-transform: uppercase;
    height: 24px;
    font-size: 24px;
    line-height: 12px;
    color: #FFF;
    font-weight: 400;
    margin: 8px 0 0 6px;
    z-index: 10; }

h4.sub-sub {
  font-weight: 400;
  color: #967591;
  font-size: 18px;
  margin: 18px 0 9px 0;
  padding-top: 9px;
  border-top: 1px solid #E5E1E5; }

.corner-border {
  background: transparent;
  position: absolute;
  top: 0;
  left: -10px;
  width: 100%;
  height: 0;
  border-top: 32px solid #967591;
  border-right: 10px solid transparent;
  z-index: -1; }
  .museum .corner-border {
    border-top-color: #967591; }
  .whats-on .corner-border {
    border-top-color: #e77c22; }
  .plan .corner-border {
    border-top-color: #4cbea0; }
  .learning .corner-border {
    border-top-color: #d2ba2a; }
  .collections .corner-border {
    border-top-color: #00698c; }
  .blog .corner-border {
    border-top-color: #3ca5d5; }

.wp-caption {
  background: #E5E1E5;
  padding: 5px;
  margin: 0 10px 10px 10px; }
  .wp-caption.alignright {
    margin-right: 0;
    float: right; }
  .wp-caption.alignleft {
    margin-left: 0;
    float: left; }
  .wp-caption img {
    margin: 5px; }
  .wp-caption .wp-caption-text {
    margin: 5px; }

.alignright {
  margin: 0 0 30px 30px;
  float: right; }

.alignleft {
  margin: 0 30px 30px 0;
  float: left; }

#banner {
  background-color: white;
  padding-top: 20px;
  height: 130px;
  position: relative; }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    #banner {
      height: 140px; } }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #banner {
      height: auto; } }

#site-search {
  cursor: text;
  float: right;
  padding: 9px 32px 9px 30px;
  background-color: #cebacb;
  margin-left: 15px;
  position: relative;
  overflow: hidden; }
  #site-search:after {
    font-family: 'bmag';
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 20;
    content: '\e604';
    width: 22px;
    height: 22px;
    font-size: 22px;
    color: #967591; }
  #site-search form input {
    background-color: #b191ad; }
    #site-search form input::placeholder {
      font-weight: 200;
      font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
      color: #967591; }
  #site-search #search-term {
    border: none;
    background-color: #cebacb;
    font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    padding: 0;
    margin: 0;
    width: 200px;
    height: 15px;
    color: #1a1a1a;
    outline: none; }
  #site-search .left-angle {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 40px solid white;
    border-right: 10px solid transparent;
    width: 10px;
    height: 40px; }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #site-search {
      display: none; } }

#quick-links {
  float: right;
  height: 35px;
  margin: 10px 0 24px 0;
  font-size: 14px;
  font-weight: 300; }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #quick-links {
      display: none; } }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    #quick-links {
      font-size: 12px;
      text-transform: uppercase; } }
  #quick-links li {
    display: inline-block; }
    #quick-links li:after {
      margin: 0 10px;
      content: '/'; }
    #quick-links li a {
      color: #808080; }
      #quick-links li a:hover {
        color: black; }
    #quick-links li.current a {
      color: #1a1a1a; }
    #quick-links li.last:after {
      content: '';
      margin: 0; }

#main-navigation {
  width: 890px;
  float: right;
  clear: right;
  text-align: right;
  position: relative; }
  #main-navigation .toggle {
    display: none; }
  #main-navigation li {
    position: relative;
    display: inline-block;
    margin-left: 28px; }
    .ie7 #main-navigation li, .ie8 #main-navigation li {
      float: left;
      display: block; }
  #main-navigation a {
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    text-transform: uppercase;
    color: #1a1a1a;
    font-size: 30px;
    margin-left: -2px; }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #main-navigation {
      float: none;
      padding: 0;
      margin: 0;
      clear: both;
      width: 280px; }
      #main-navigation .toggle {
        display: block;
        position: absolute;
        right: 0;
        top: -42px;
        border-radius: 20px;
        width: 2em;
        height: 2em;
        background: #967591;
        cursor: pointer; }
        #main-navigation .toggle:hover {
          background: #b191ad; }
        #main-navigation .toggle:before {
          position: absolute;
          content: "";
          top: 50%;
          right: 50%;
          margin-top: -0.5em;
          margin-right: -0.6em;
          width: 1.1em;
          height: 0.2em;
          border-top: 0.6em double #FFF;
          border-bottom: 0.2em solid #FFF; }
      #main-navigation ul {
        display: none; }
        #main-navigation ul.show {
          display: block; }
          #main-navigation ul.show li {
            display: block;
            width: 280px;
            text-align: left; }
            #main-navigation ul.show li a {
              padding: 5px 0;
              display: block;
              font-size: 24px; }
            #main-navigation ul.show li .underline {
              top: 30px; }
      #main-navigation li {
        margin: 0 10px 0 0 !important; } }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    #main-navigation {
      width: 640px;
      float: left;
      text-align: left; }
      #main-navigation li {
        margin-left: 4px;
        margin-right: 12px; }
        #main-navigation li a {
          font-size: 22px;
          padding-bottom: 4px; } }
  #main-navigation .museum.current a,
  #main-navigation .museum a:hover {
    color: #967591; }
  #main-navigation .whats-on.current a,
  #main-navigation .whats-on a:hover {
    color: #e77c22; }
  #main-navigation .plan.current a,
  #main-navigation .plan a:hover {
    color: #4cbea0; }
  #main-navigation .learning.current a,
  #main-navigation .learning a:hover {
    color: #d2ba2a; }
  #main-navigation .collections.current a,
  #main-navigation .collections a:hover {
    color: #00698c; }
  #main-navigation .blog.current a,
  #main-navigation .blog a:hover {
    color: #3ca5d5; }

.underline {
  background: transparent;
  position: absolute;
  top: 34px;
  left: 0px;
  width: 98%;
  height: 0;
  border-top: 2px solid #967591;
  border-right: 2px solid transparent; }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    .underline {
      top: 27px;
      left: -1px; } }
  .museum .underline {
    border-top-color: #967591; }
  .whats-on .underline {
    border-top-color: #e77c22; }
  .plan .underline {
    border-top-color: #4cbea0; }
  .learning .underline {
    border-top-color: #d2ba2a; }
  .collections .underline {
    border-top-color: #00698c; }
  .blog .underline {
    border-top-color: #3ca5d5; }

/* home page */
#slider {
  position: relative;
  background-color: white;
  height: 490px; }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    #slider {
      height: 420px; } }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #slider {
      height: 295px; } }
  #slider .inner-wrapper {
    position: relative;
    height: 416px; }
  #slider .slide {
    height: 490px; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #slider .slide {
        height: 295px; } }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    #slider img {
      width: 960px;
      height: 408px; }
    #slider .slide {
      height: 408px; } }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #slider {
      height: 295px;
      padding-top: 32px; }
      #slider .inner-wrapper {
        width: 320px;
        height: 295px; }
      #slider img {
        width: 320px;
        height: auto; } }
  #slider .cycle-slideshow {
    position: relative; }
  #slider #slider-controls {
    position: relative;
    z-index: 600;
    width: 100%;
    height: 48px;
    margin-top: -290px; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #slider #slider-controls {
        display: none; } }
  #slider .slider-pager {
    position: absolute;
    right: 0;
    bottom: -80px;
    z-index: 1000; }
    @media only screen and (min-width: 641px) and (max-width: 1024px) {
      #slider .slider-pager {
        bottom: -15px; } }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #slider .slider-pager {
        bottom: 10px;
        right: 10px; } }
    #slider .slider-pager span {
      text-indent: -10000px;
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 10px;
      border: 2px solid #E1E5E1;
      cursor: pointer;
      margin-left: 3px; }
      #slider .slider-pager span:hover {
        background-color: #E1E5E1; }
      #slider .slider-pager span.cycle-pager-active {
        border: 6px double #967591;
        width: 2px;
        height: 2px; }
      @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
        #slider .slider-pager span {
          border-color: white; }
          #slider .slider-pager span:hover {
            background-color: white; }
          #slider .slider-pager span.cycle-pager-active {
            border-color: white; } }
  #slider .slider-button {
    display: block;
    width: 50px;
    height: 48px;
    cursor: pointer;
    position: absolute;
    transition-property: all;
    text-indent: -10000px; }
    #slider .slider-button:after {
      font-family: 'bmag';
      font-size: 30px;
      text-indent: 0px;
      position: absolute;
      top: -40px;
      color: #FFF;
      display: block;
      width: 40px;
      height: 48px; }
    #slider .slider-button.slider-prev {
      margin-top: -48px;
      left: -30px;
      border-bottom: 48px solid #967591;
      border-bottom-color: rgba(150, 117, 145, 0.6);
      border-left: 10px solid transparent; }
      #slider .slider-button.slider-prev:hover {
        border-bottom-color: rgba(150, 117, 145, 0.8); }
      #slider .slider-button.slider-prev:after {
        content: '\e60b';
        left: 5px;
        top: 56px; }
    #slider .slider-button.slider-next {
      right: -30px;
      border-top: 48px solid rgba(150, 117, 145, 0.6);
      border-right: 10px solid transparent; }
      #slider .slider-button.slider-next:hover {
        border-top-color: rgba(150, 117, 145, 0.8); }
      #slider .slider-button.slider-next:after {
        content: '\e60a';
        right: -5px; }

@media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
  .slide.museum {
    background-color: #967591; }
  .slide.whats-on {
    background-color: #e77c22; }
  .slide.plan {
    background-color: #4cbea0; }
  .slide.collections {
    background-color: #00698c; }
  .slide.learning {
    background-color: #d2ba2a; }
  .blog .slide {
    background-color: #3ca5d5; } }

.slide-message {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 534px;
  height: 160px;
  z-index: 300;
  cursor: pointer; }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    .slide-message {
      position: relative;
      width: 280px;
      height: auto;
      bottom: auto; }
      .slide-message p {
        font-size: 13px;
        line-height: 15px;
        color: white; } }
  .ie7 .museum .slide-message, .ie8 .museum .slide-message {
    background-color: #967591; }
  .ie7 .whats-on .slide-message, .ie8 .whats-on .slide-message {
    background-color: #e77c22; }
  .ie7 .plan .slide-message, .ie8 .plan .slide-message {
    background-color: #4cbea0; }
  .ie7 .collections .slide-message, .ie8 .collections .slide-message {
    background-color: #00698c; }
  .ie7 .learning .slide-message, .ie8 .learning .slide-message {
    background-color: #d2ba2a; }
  .ie7 .blog .slide-message, .ie8 .blog .slide-message {
    background-color: #3ca5d5; }
  .slide-message .slide-title {
    color: white;
    margin: 10px 0 5px 10px;
    font-size: 30px;
    font-weight: 600; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      .slide-message .slide-title {
        font-size: 20px;
        line-height: 20px;
        margin: 5px 0 0 10px; } }
  .slide-message .slide-subtitle {
    color: #ebe3ea;
    margin: 10px 0 10px 10px;
    font-size: 20px;
    line-height: 24px;
    padding: 0 70px 0 0; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      .slide-message .slide-subtitle {
        font-size: 15px; } }
    .whats-on .slide-message .slide-subtitle {
      color: #fae5d3; }
    .collections .slide-message .slide-subtitle {
      color: #cce1e8; }
    .learning .slide-message .slide-subtitle {
      color: #f6f1d4; }
  .slide-message .slide-section {
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 24px;
    margin: 10px 0 10px 10px; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      .slide-message .slide-section {
        font-size: 16px;
        margin: 5px 0 5px 10px; } }
  .slide-message .readmore {
    display: none; }
  .slide-message:after {
    display: block;
    content: '';
    /*border-top: 160px solid $museumPurple;
		border-top-color: rgba($museumPurple,0.75);
		border-right: 40px solid transparent;*/
    border-top: 160px solid #967591;
    border-top: 160px solid rgba(150, 117, 145, 0.75);
    border-right: 40px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    transition-property: all;
    transition-duration: 0.25s; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      .slide-message:after {
        display: none; } }
  .whats-on .slide-message:after {
    border-top: 160px solid #e77c22;
    border-top: 160px solid rgba(231, 124, 34, 0.75);
    border-right: 40px solid transparent; }
  .plan .slide-message:after {
    border-top: 160px solid #4cbea0;
    border-top: 160px solid rgba(76, 190, 160, 0.75);
    border-right: 40px solid transparent; }
  .collections .slide-message:after {
    border-top: 160px solid #00698c;
    border-top: 160px solid rgba(0, 105, 140, 0.75);
    border-right: 40px solid transparent; }
  .learning .slide-message:after {
    border-top: 160px solid #d2ba2a;
    border-top: 160px solid rgba(210, 186, 42, 0.75);
    border-right: 40px solid transparent; }
  .blog .slide-message:after {
    border-top: 160px solid #3ca5d5;
    border-top: 160px solid rgba(60, 165, 213, 0.75);
    border-right: 40px solid transparent; }
  .museum .slide-message:hover:after {
    border-top: 160px solid #967591;
    border-top: 160px solid rgba(150, 117, 145, 0.9);
    border-right: 40px solid transparent; }
  .whats-on .slide-message:hover:after {
    border-top: 160px solid #e77c22;
    border-top: 160px solid rgba(231, 124, 34, 0.9);
    border-right: 40px solid transparent; }
  .plan .slide-message:hover:after {
    border-top: 160px solid #4cbea0;
    border-top: 160px solid rgba(76, 190, 160, 0.9);
    border-right: 40px solid transparent; }
  .collections .slide-message:hover:after {
    border-top: 160px solid #00698c;
    border-top: 160px solid rgba(0, 105, 140, 0.9);
    border-right: 40px solid transparent; }
  .learning .slide-message:hover:after {
    border-top: 160px solid #d2ba2a;
    border-top: 160px solid rgba(210, 186, 42, 0.9);
    border-right: 40px solid transparent; }
  .blog .slide-message:hover:after {
    border-top: 160px solid #3ca5d5;
    border-top: 160px solid rgba(60, 165, 213, 0.9);
    border-right: 40px solid transparent; }

#home-tiles {
  background-color: white;
  padding: 32px 0 36px 0; }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #home-tiles {
      padding-top: 0; }
      #home-tiles h2 {
        margin-top: 32px; } }

#link-buttons .button {
  margin-top: 30px;
  border-top: 1px solid #f5f1f5;
  padding-top: 20px;
  float: left;
  width: 255px;
  height: 160px;
  overflow: hidden;
  margin-right: 24px; }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    #link-buttons .button {
      border-top: none;
      margin: 0 0 0 20px;
      width: 200px;
      height: 125px; }
      #link-buttons .button a img {
        width: 200px;
        height: auto; } }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #link-buttons .button {
      border-top: none;
      width: 280px;
      margin-top: 10px; }
      #link-buttons .button a img {
        width: 280px;
        height: auto; } }
  #link-buttons .button.last {
    margin-right: 0; }
  #link-buttons .button a {
    position: relative; }
    #link-buttons .button a:hover .title:after {
      border-top-color: #967591; }
    #link-buttons .button a:hover img {
      opacity: 0.8; }
  #link-buttons .button .title {
    position: absolute;
    top: 10px;
    left: 0;
    padding: 5px;
    width: 245px;
    height: 66px;
    z-index: 10;
    color: white;
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    font-size: 28px; }
    #link-buttons .button .title:after {
      position: absolute;
      top: 0;
      left: -10px;
      border-top: 66px solid rgba(150, 117, 145, 0.8);
      border-right: 20px solid transparent;
      z-index: -1;
      content: '';
      display: block;
      width: 245px; }
      @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
        #link-buttons .button .title:after {
          width: 270px; } }
  .ie7 #link-buttons .button.blackburnisopen a .title, .ie8 #link-buttons .button.blackburnisopen a .title {
    background-color: #00698b;
    display: block; }
  #link-buttons .button.blackburnisopen a .title:after {
    border-top-color: rgba(0, 105, 139, 0.8); }
  #link-buttons .button.blackburnisopen a:hover .title:after {
    border-top-color: #00698b; }
  .ie7 #link-buttons .button.museum a .title, .ie8 #link-buttons .button.museum a .title {
    background-color: #967591;
    display: block; }
  #link-buttons .button.museum a .title:after {
    border-top-color: rgba(150, 117, 145, 0.8); }
  #link-buttons .button.museum a:hover .title:after {
    border-top-color: #967591; }
  .ie7 #link-buttons .button.plmuseums a .title, .ie8 #link-buttons .button.plmuseums a .title {
    background-color: black;
    display: block; }
  #link-buttons .button.plmuseums a .title:after {
    border-top-color: rgba(0, 0, 0, 0.8); }
  #link-buttons .button.plmuseums a:hover .title:after {
    border-top-color: black; }
  .ie7 #link-buttons .button.blog a .title, .ie8 #link-buttons .button.blog a .title {
    background-color: #3ca5d5;
    display: block; }
  #link-buttons .button.blog a .title:after {
    border-top-color: rgba(60, 165, 213, 0.8); }
  #link-buttons .button.blog a:hover .title:after {
    border-top-color: #3ca5d5; }
  #link-buttons .button img {
    position: absolute;
    top: 10px;
    left: 0;
    width: 255px;
    height: 160px;
    z-index: 1; }

/* learning forms */
input[type="text"], input[type="tel"], input[type="email"] {
  border: 1px solid #3ca5d5;
  width: 272px;
  padding: 4px;
  outline: none;
  font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
  font-size: 14px;
  -webkit-appearance: none;
  border-radius: 0; }
  input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus {
    background: #ecf6fb; }

input[type="submit"] {
  border: none;
  border-radius: 2em;
  padding: 0.5em 1em;
  height: 2em;
  text-transform: uppercase;
  font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
  font-size: 1em;
  line-height: 1em;
  cursor: pointer;
  background-color: #d2ba2a;
  color: white; }
  input[type="submit"]:hover {
    background-color: black; }

input[type="number"] {
  border: none;
  outline: none;
  font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
  font-size: 16px; }

textarea {
  font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
  font-size: 14px;
  outline: none;
  padding: 4px;
  transition-property: all;
  transition-duration: 0.25s;
  border: 1px solid #3ca5d5;
  -webkit-appearance: none;
  border-radius: 0; }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    textarea {
      width: 272px; } }
  textarea:focus {
    background: #ecf6fb; }

.single-learning textarea, .single-learning input {
  border-color: #d2ba2a; }
  .single-learning textarea:focus, .single-learning input:focus {
    background-color: #f6f1d4; }

/* blog page */
#blog-comments h3 {
  font-family: "ff-good-headline-web-pro-con", sans-serif;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 32px;
  color: #3ca5d5; }

#blog-comments #respond {
  border-top: 1px solid #3ca5d5;
  padding: 20px 0;
  margin-top: 20px; }

#blog-comments a {
  color: #967591;
  text-decoration: underline; }
  #blog-comments a:hover {
    color: #666; }

#blog-comments input[type="text"] {
  border: 1px solid #3ca5d5;
  width: 272px;
  padding: 4px;
  outline: none;
  font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
  font-size: 14px;
  -webkit-appearance: none;
  border-radius: 0; }
  #blog-comments input[type="text"]:focus {
    background: #ecf6fb; }

#blog-comments textarea#comment {
  font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
  font-size: 14px;
  outline: none;
  padding: 4px;
  transition-property: all;
  transition-duration: 0.25s;
  border: 1px solid #3ca5d5;
  -webkit-appearance: none;
  border-radius: 0; }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #blog-comments textarea#comment {
      width: 272px; } }
  #blog-comments textarea#comment:focus {
    background: #ecf6fb; }

#blog-comments .comment {
  padding: 10px;
  background-color: #ecf6fb; }
  #blog-comments .comment.even {
    background-color: #d8edf7; }

#blog-comments .comment-author {
  display: block;
  margin-bottom: 6px; }

#blog-comments .commentmetadata {
  display: block;
  font-size: 13px;
  margin-bottom: 13px; }
  #blog-comments .commentmetadata a {
    text-decoration: none;
    color: #3ca5d5;
    margin-top: 6px; }

#blog-comments #submit {
  clear: both;
  background: #967591;
  color: #FFF;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  text-transform: uppercase;
  font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
  font-size: 18px;
  padding: 5px;
  cursor: pointer; }
  #blog-comments #submit:hover {
    background-color: #666; }

/* regular page */
.banner-image {
  margin-top: 32px; }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    .banner-image img {
      width: 640px;
      height: auto; } }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    .banner-image {
      margin-top: 16px; }
      .banner-image img {
        width: 320px;
        height: auto;
        margin-left: -20px; } }

.subtitle {
  float: left;
  width: 253px;
  margin-top: 48px; }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    .subtitle {
      width: 100%;
      margin-top: 12px; } }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    .subtitle {
      margin-top: 12px; } }
  .subtitle h2 {
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    color: #967591;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px; }
    .subtitle h2 .smaller {
      font-size: 75%;
      color: #cebacb; }
    .whats-on .subtitle h2,
    .whatson .subtitle h2 {
      color: #e77c22; }
    .plan .subtitle h2 {
      color: #4cbea0; }
    .collections .subtitle h2 {
      color: #00698c; }
    .learning .subtitle h2 {
      color: #d2ba2a; }
    .blog .subtitle h2 {
      color: #3ca5d5; }

.details {
  float: left;
  width: 253px;
  color: #666; }
  .details p, .details li {
    font-size: 16px;
    line-height: 22px; }
  .details a {
    color: black; }
    .details a:hover {
      color: #e77c22; }
  .details .subtitle {
    float: none; }
  .details .times {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
    color: #666; }
  .details .times, .details .further-information {
    border-bottom: 1px solid #e77c22; }
  .details .times, .details .further-information, .details .share {
    padding: 35px 0; }
  .details h3 {
    color: #e77c22;
    margin-bottom: 16px; }

.introduction,
.content {
  float: right;
  width: 812px; }
  .introduction em,
  .content em {
    font-style: italic;
    color: #4D4D4D;
    font-weight: 100; }
  .introduction a,
  .content a {
    color: #967591;
    border-bottom: 1px solid #cebacb; }
    .introduction a:hover,
    .content a:hover {
      color: #4D4D4D; }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    .introduction,
    .content {
      width: 280px;
      float: none;
      clear: both;
      margin-top: 20px; }
      .introduction img.size-fullwidth, .introduction img.size-full-width,
      .content img.size-fullwidth,
      .content img.size-full-width {
        width: 280px;
        height: auto; } }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    .introduction,
    .content {
      width: 640px;
      float: none; } }

.introduction {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  color: #666; }
  .post-type-archive-collections .introduction {
    margin-top: 32px; }

h3 {
  clear: both; }

.content {
  margin-top: 48px; }
  @media only screen and (min-width: 641px) and (max-width: 1024px), only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    .content {
      margin-top: 12px; } }
  .content p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin-bottom: 24px;
    font-weight: 300; }
    .content p.introduction {
      font-size: 24px;
      line-height: 32px; }
  .content ul {
    clear: both;
    list-style-type: disc;
    list-style-position: outside;
    color: #967591;
    margin-left: 16px;
    margin-bottom: 16px; }
    .content ul li {
      line-height: 24px;
      color: #666; }
  .content h3.section-title {
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    font-size: 28px;
    color: #967591;
    margin-bottom: 0;
    border-top: 1px solid #E5E1E5;
    padding-top: 10px;
    width: auto; }
    .whatson .content h3.section-title {
      color: #e77c22; }
    .plan .content h3.section-title {
      color: #4cbea0; }
    .collections .content h3.section-title {
      color: #00698c; }
    .learning .content h3.section-title {
      color: #d2ba2a; }
    .blog .content h3.section-title {
      color: #3ca5d5; }
  .content blockquote {
    padding: 15px 40px;
    border-top: 1px solid #967591;
    background-color: #f5f1f5;
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
    color: #967591;
    margin-bottom: 24px; }
    .whats-on .content blockquote,
    .whatson .content blockquote {
      border-top-color: #e77c22;
      background-color: #FDF2E9; }
      .whats-on .content blockquote p,
      .whatson .content blockquote p {
        color: #e77c22; }
    .plan .content blockquote {
      border-top-color: #4cbea0;
      background-color: #dbf2ec; }
      .plan .content blockquote p {
        color: #4cbea0; }
    .collections .content blockquote {
      border-top-color: #00698c;
      background-color: #cce1e8; }
      .collections .content blockquote p {
        color: #00698c; }
    .learning .content blockquote {
      border-top-color: #d2ba2a;
      background-color: #f6f1d4; }
      .learning .content blockquote p {
        color: #d2ba2a; }
    .blog .content blockquote {
      border-top-color: #3ca5d5;
      background-color: #ecf6fb; }
      .blog .content blockquote p {
        color: #3ca5d5; }
    .content blockquote p {
      font-size: 24px;
      line-height: 28px;
      color: #967591;
      font-weight: 100; }

/* tiles */
#tiles {
  clear: both; }
  #tiles.three-tiles {
    float: right;
    width: 837px;
    margin-right: -24px; }
    #tiles.three-tiles .tile:nth-child(4n) {
      margin-right: 24px; }
    #tiles.three-tiles .tile:nth-child(3n), #tiles.three-tiles.row-end {
      margin-right: 0; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #tiles.three-tiles {
        float: none;
        width: 280px; } }

.tiles.flex {
  display: flex;
  flex-wrap: wrap; }
  .tiles.flex .tile {
    float: none; }

.tile-navigation {
  margin: 30px;
  text-align: center; }
  .tile-navigation a {
    color: #3ca5d5; }

.tile-group {
  float: left;
  margin-right: 24px;
  overflow: hidden; }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    .tile-group {
      position: relative;
      margin-right: 0; }
      .tile-group .space {
        float: left;
        width: 24px; }
      .tile-group.plan.last {
        width: 200px;
        margin: 30px 0 0 0;
        clear: left; }
        .tile-group.plan.last h2 {
          display: block; }
        .tile-group.plan.last .tile {
          height: auto; }
          .tile-group.plan.last .tile:before {
            content: none; } }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    .tile-group {
      float: none;
      margin: 0 auto !important; } }
  .search .tile-group {
    float: right;
    width: 837px;
    margin-right: -24px;
    margin-top: 42px; }
  .whatson .tile-group {
    margin-right: 0; }
  .tile-group.last {
    margin-right: 0; }
  .tile-group h2 {
    padding: 8px;
    margin-bottom: 0;
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    text-transform: uppercase;
    color: white;
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    position: relative;
    z-index: 3; }
    .tile-group h2:after {
      display: block;
      content: '';
      border-top: 40px solid #967591;
      border-right: 10px solid transparent;
      width: 100%;
      height: 40px;
      margin-left: -10px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
  .ie7 .tile-group h2, ie8 .tile-group h2 {
    width: 239px; }
  .ie7 .tile-group.whats-on h2, ie8 .tile-group.whats-on h2 {
    background-color: #e77c22; }
  .ie7 .tile-group.plan h2, ie8 .tile-group.plan h2 {
    background-color: #4cbea0; }
  .ie7 .tile-group.learning h2, ie8 .tile-group.learning h2 {
    background-color: #d2ba2a; }
  .tile-group.whats-on h2:after {
    border-top-color: #e77c22; }
  .tile-group.plan h2:after {
    border-top-color: #4cbea0; }
  .tile-group.collections h2:after {
    border-top-color: #00698c; }
  .tile-group.learning h2:after {
    border-top-color: #d2ba2a; }
  .tile-group.blog h2:after {
    border-top-color: #3ca5d5; }
  .tile-group .tile:last-child {
    margin-right: 0; }
  .tile-group .tile {
    margin-top: 15px; }

.tile {
  border-top: 1px solid #967591;
  background: #ebebeb;
  width: 255px;
  height: 320px;
  overflow: hidden;
  float: left;
  padding: 0;
  margin: 32px 24px 0 0;
  cursor: pointer; }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    .tile {
      width: 200px;
      margin-right: 15px; }
      .tile img {
        width: 200px;
        height: auto; } }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    .tile {
      float: none;
      margin: 10px auto 0 auto;
      width: 280px; }
      .tile img {
        width: 280px;
        height: auto; } }
  .tile p {
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 22px; }
    .tile p a {
      color: #967591;
      text-decoration: underline; }
  .tile.non-linking {
    cursor: default; }
    .tile.non-linking .description {
      height: auto; }
    .tile.non-linking:hover {
      background-color: #ebebeb !important; }
  .tile:nth-child(4n), .tile.col-4, .tile.row-end {
    margin-right: 0; }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    .tile:nth-child(4n), .tile.col-4 {
      margin-right: 20px !important; }
    .tile:nth-child(3n), .tile.col-3 {
      margin-right: 0 !important; } }
  .tile.no-excerpt {
    height: 223px; }
  .tile.whats-on {
    border-top-color: #e77c22; }
    .tile.whats-on:hover {
      background-color: #fae5d3; }
  .tile.plan {
    border-top-color: #4cbea0; }
    .tile.plan:hover {
      background-color: #dbf2ec; }
  .tile.collections {
    border-top-color: #00698c; }
    .tile.collections:hover {
      background-color: #cce1e8; }
  .tile.learning {
    border-top-color: #d2ba2a; }
    .tile.learning:hover {
      background-color: #f6f1d4; }
  .tile.blog {
    border-top-color: #3ca5d5; }
    .tile.blog:hover {
      background-color: #d8edf7; }
  .tile:hover {
    background: #ebe3ea; }
  .tile.month-divider {
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    color: #967591;
    font-size: 28px;
    text-transform: uppercase;
    border-top: none;
    background-color: transparent;
    padding: 10px;
    width: 235px;
    height: 301px;
    position: relative;
    z-index: 1; }
    .tile.month-divider:after {
      content: '';
      display: block;
      position: absolute;
      border-top: 160px solid #cebacb;
      border-right: 20px solid transparent;
      top: 0;
      left: 0;
      width: 235px;
      z-index: -1; }
      @media only screen and (min-width: 641px) and (max-width: 1024px) {
        .tile.month-divider:after {
          width: 180px; } }
    .tile.month-divider .year {
      display: block; }
    @media only screen and (min-width: 641px) and (max-width: 1024px) {
      .tile.month-divider {
        width: 180px;
        margin-right: 20px; } }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      .tile.month-divider {
        width: 280px;
        height: 85px;
        padding: 5px;
        margin-bottom: 10px; }
        .tile.month-divider:after {
          border-top-width: 80px;
          width: 280px; }
        .tile.month-divider .year {
          display: inline; } }
    .tile.month-divider:hover {
      cursor: default;
      background-color: transparent; }

#tiles .tile.col-4 {
  margin-right: 0px; }

.description {
  height: 148px;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 18px;
  color: #666;
  font-weight: 300; }
  .no-excerpt .description {
    height: 51px; }
  .description .excerpt {
    margin-top: 8px; }
  .description .date {
    text-transform: uppercase;
    color: #666; }
  .description h3 {
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    font-size: 28px;
    line-height: 28px;
    color: #967591; }
    .description h3 a {
      color: #967591; }
      .whats-on .description h3 a {
        color: #e77c22; }
      .plan .description h3 a {
        color: #4cbea0; }
      .collections .description h3 a {
        color: #00698c; }
      .learning .description h3 a {
        color: #d2ba2a; }
      .blog .description h3 a {
        color: #3ca5d5; }
    .whats-on .description h3 {
      color: #e77c22; }
    .plan .description h3 {
      color: #4cbea0; }
    .collections .description h3 {
      color: #00698c; }
    .learning .description h3 {
      color: #d2ba2a; }
    .blog .description h3 {
      color: #3ca5d5; }

/* whats on */
#filter {
  height: 65px;
  margin-bottom: 16px;
  z-index: 100;
  position: relative; }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #filter {
      display: none; } }
  #filter h2 {
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
    color: #967591;
    margin: 20px 0 12px 0; }
  #filter .types, #filter .dates {
    width: 255px;
    height: 36px;
    position: relative;
    float: left;
    margin-right: 24px; }
    @media only screen and (min-width: 641px) and (max-width: 1024px) {
      #filter .types, #filter .dates {
        width: 200px;
        margin-right: 20px; } }
  #filter ul {
    width: 255px;
    position: absolute;
    top: 0;
    left: 0; }
    #filter ul:hover li {
      display: block; }
  #filter li {
    display: none;
    width: 100%;
    border-bottom: 1px solid #967591; }
    #filter li.first a {
      display: block;
      padding: 10px 15px;
      width: 225px;
      background-color: #967591;
      color: white; }
    #filter li a {
      display: block;
      padding: 10px 15px;
      background-color: #cebacb;
      color: #967591; }
      #filter li a:hover {
        background-color: #b191ad;
        color: white; }
    #filter li.first {
      display: block; }
    #filter li.year-divider .year {
      display: block;
      padding: 10px 15px;
      background-color: #ebe3ea;
      color: #967591; }

/* collections */
#collection-thumbs {
  border-top: 1px solid #00698c;
  background-color: #ebebeb;
  padding-bottom: 16px; }
  .whatson #collection-thumbs {
    border-top-color: #e77c22; }
  #collection-thumbs h3 {
    display: block;
    float: left;
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "ff-good-headline-web-pro-con", sans-serif;
    color: #00698c;
    margin: 8px 0 0 8px; }
    .whatson #collection-thumbs h3 {
      color: #e77c22; }
    @media only screen and (min-width: 641px) and (max-width: 1024px) {
      #collection-thumbs h3 {
        margin-left: 50px; } }
  #collection-thumbs p {
    width: 812px;
    float: right;
    margin: 20px 0 16px 0;
    color: #666; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #collection-thumbs p {
        width: 280px; } }
    @media only screen and (min-width: 641px) and (max-width: 1024px) {
      #collection-thumbs p {
        width: 590px; } }
  #collection-thumbs ul {
    width: 812px;
    float: right;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #collection-thumbs ul {
        width: 280px;
        float: none;
        padding-left: 2px; } }
    @media only screen and (min-width: 641px) and (max-width: 1024px) {
      #collection-thumbs ul {
        width: 590px; } }
  #collection-thumbs li {
    width: 162px;
    margin: 0 24px 23px 0; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #collection-thumbs li {
        width: 81px;
        margin: 5px; }
        #collection-thumbs li img {
          width: 81px;
          height: 81px; } }
    #collection-thumbs li a {
      border-bottom: 2px solid transparent;
      padding: 0;
      width: 162px;
      display: block; }
      @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
        #collection-thumbs li a {
          width: 81px;
          height: 81px; } }
      #collection-thumbs li a img {
        padding: 0;
        margin: 0;
        display: block; }
      #collection-thumbs li a:hover {
        border-bottom-color: #00698c; }
        .whatson #collection-thumbs li a:hover {
          border-bottom-color: #e77c22; }
      #collection-thumbs li a .description {
        background-color: #444;
        color: white;
        font-size: 12px;
        line-height: 12px;
        height: auto;
        min-height: 50px; }

#gallery-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1000; }

#lightbox {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 700px;
  margin-left: -405px;
  min-height: 750px;
  padding: 40px 25px 0 25px;
  background-color: #000;
  position: fixed;
  z-index: 1001;
  top: 50px;
  left: 50%; }
  @media all and (max-height: 800px) {
    #lightbox {
      min-height: 90%;
      max-height: 90%; } }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    #lightbox {
      top: 10px;
      left: 50%;
      width: 280px;
      height: 90%;
      padding: 0;
      margin-left: -140px;
      min-height: intrinsic;
      max-height: none; } }
  #lightbox #gallery-slides {
    width: 700px;
    height: 700px; }
    @media all and (max-height: 800px) {
      #lightbox #gallery-slides {
        height: 90%;
        overflow: hidden; }
        #lightbox #gallery-slides .slide {
          height: 75%; }
        #lightbox #gallery-slides img {
          max-height: 100%;
          width: auto; } }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #lightbox #gallery-slides {
        width: 280px;
        margin: 0 auto; }
        #lightbox #gallery-slides img {
          max-width: 280px;
          height: auto;
          margin: 0 auto; } }
  #lightbox .close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FFF;
    z-index: 1002;
    cursor: pointer; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #lightbox .close {
        width: 24px;
        height: 24px; } }
    #lightbox .close:hover {
      background-color: #929292; }
    #lightbox .close:after {
      display: block;
      font-family: 'bmag';
      content: '\e60e';
      position: absolute;
      top: 5px;
      left: 5px;
      width: 22px;
      height: 22px;
      font-size: 22px;
      line-height: 22px; }
      @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
        #lightbox .close:after {
          font-size: 14px;
          line-height: 14px;
          width: 14px;
          height: 14px; } }
  #lightbox .slide {
    padding-bottom: 42px; }
    #lightbox .slide .title {
      color: #FFF;
      margin: 10px 0;
      font-family: "ff-good-headline-web-pro-con", sans-serif;
      font-size: 24px; }
      @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
        #lightbox .slide .title {
          padding: 5px; } }
    #lightbox .slide .caption {
      font-size: 14px;
      color: #acacac; }
      @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
        #lightbox .slide .caption {
          padding: 5px; } }
  #lightbox .controls {
    position: absolute;
    bottom: 32px;
    right: 0;
    z-index: 1003;
    height: 32px;
    width: 100px;
    background-color: black; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #lightbox .controls {
        bottom: 5px;
        width: 84px;
        right: -5px;
        background-color: transparent; } }
    #lightbox .controls .prev,
    #lightbox .controls .next {
      background-color: #929292;
      float: left;
      display: block;
      width: 32px;
      height: 32px;
      margin-right: 10px;
      cursor: pointer;
      color: black;
      text-indent: -20000px;
      position: relative; }
      @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
        #lightbox .controls .prev,
        #lightbox .controls .next {
          margin-left: 5px;
          margin-right: 0; } }
      #lightbox .controls .prev:hover,
      #lightbox .controls .next:hover {
        color: white; }
      #lightbox .controls .prev:before,
      #lightbox .controls .next:before {
        text-indent: 0px;
        text-align: center;
        position: absolute;
        top: 7px;
        left: 0px;
        width: 32px;
        height: 18px;
        font-size: 18px;
        line-height: 18px;
        display: block;
        font-family: 'bmag'; }
    #lightbox .controls .prev:before {
      content: '\e60b'; }
    #lightbox .controls .next:before {
      content: '\e60a'; }

.fancybox-close {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #FFF;
  z-index: 1002;
  cursor: pointer; }
  @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
    .fancybox-close {
      width: 24px;
      height: 24px; } }
  .fancybox-close:hover {
    background-color: #929292; }
  .fancybox-close:after {
    color: black;
    display: block;
    font-family: 'bmag';
    content: '\e60e';
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 36px;
    height: 22px;
    font-size: 22px;
    line-height: 22px;
    padding-top: 6px; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      .fancybox-close:after {
        /*font-size: 14px;
				line-height: 14px;
				width: 14px;
				height: 14px;*/ } }

.fancybox-next span, .fancybox-prev span {
  background-color: white;
  color: black;
  width: 36px;
  height: 36px;
  padding: 0;
  z-index: 10000;
  display: block;
  position: relative; }

.fancybox-title .tandcs {
  color: #00698c;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 6px;
  display: block; }

.fancybox-next span:before,
.fancybox-prev span:before {
  position: absolute;
  color: black;
  text-indent: 0;
  top: 0;
  left: 0;
  width: 36px;
  height: 24px;
  display: block;
  font-family: 'bmag';
  font-size: 24px;
  line-height: 24px;
  padding: 6px 0;
  text-align: center; }

.fancybox-next span:before {
  content: '\e60a'; }

.fancybox-prev span:before {
  content: '\e60b'; }

/* footer */
#footer {
  padding: 0;
  color: #808080;
  font-size: 14px;
  line-height: 18px; }
  #footer .inner-wrapper {
    position: relative; }
  #footer a {
    color: #808080; }
    #footer a:hover {
      color: #4D4D4D; }
  #footer .column {
    float: left;
    width: 165px;
    margin: 32px 20px 32px 0; }
    #footer .column.last {
      margin-right: 0;
      width: 205px; }
      @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
        #footer .column.last {
          width: 280px; } }
      #footer .column.last ul {
        float: left; }
      #footer .column.last li {
        margin-top: 0 !important; }
        #footer .column.last li a {
          font-weight: 200 !important;
          color: #808080 !important; }
          #footer .column.last li a:hover {
            color: #4D4D4D !important; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #footer .column {
        float: none; } }
  #footer #footer-connect {
    border-top: 1px solid #3ca5d5;
    background-color: #ebebeb;
    margin-top: 0;
    width: 240px;
    padding: 20px 10px;
    float: right;
    min-height: 231px;
    margin-bottom: 0;
    margin-right: 0;
    position: relative; }
    #footer #footer-connect h4 {
      margin: 20px 0 10px 0;
      font-size: 24px;
      color: #967591;
      text-transform: uppercase;
      font-family: "ff-good-headline-web-pro-con", sans-serif; }
    #footer #footer-connect .newsletter-link {
      margin-top: 20px; }
      #footer #footer-connect .newsletter-link a {
        display: inline-block;
        background-color: #666;
        color: #ebebeb;
        padding: 10px;
        font-family: "ff-good-headline-web-pro-con", sans-serif;
        font-size: 24px; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #footer #footer-connect {
        float: none;
        width: 260px; } }
    #footer #footer-connect #social li {
      display: inline-block;
      margin-right: 6px;
      margin-bottom: 12px; }
      #footer #footer-connect #social li a {
        display: block;
        overflow: hidden;
        width: 24px;
        height: 24px;
        background-color: #666;
        border-radius: 50%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 9px;
        text-indent: -9999px; }
        #footer #footer-connect #social li a.twitter {
          background-image: url("../images/icon-twitter.svg");
          background-size: 14px; }
        #footer #footer-connect #social li a.facebook {
          background-image: url("../images/icon-facebook.svg"); }
        #footer #footer-connect #social li a.instagram {
          background-image: url("../images/icon-insta.svg");
          background-size: 16px; }
        #footer #footer-connect #social li a.youtube {
          background-image: url("../images/icon-youtube.svg");
          background-size: 18px; }
  #footer .parent {
    font-weight: 400; }
    #footer .parent a {
      color: #967591; }
    #footer .parent.whats-on a {
      color: #e77c22; }
    #footer .parent.plan a {
      color: #4cbea0; }
    #footer .parent.collections a {
      color: #00698c; }
    #footer .parent.learning a {
      color: #d2ba2a; }
    #footer .parent.blog a {
      color: #3ca5d5; }
  #footer .parent + .parent,
  #footer .child + .parent {
    margin-top: 14px; }

#blackburn-with-darwen-borough-council {
  float: right;
  width: 80px;
  height: 93px; }
  #blackburn-with-darwen-borough-council a {
    width: 80px;
    height: 93px;
    display: block;
    text-indent: -20000px;
    background-image: url("../images/bwdcCrest.gif"); }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      #blackburn-with-darwen-borough-council a {
        background-image: url("../images/bwdcCrestx2.gif");
        background-size: contain; } }

#website-design-and-development {
  position: absolute;
  bottom: 20px;
  left: 0; }
  #website-design-and-development strong {
    font-weight: 600; }

form label {
  width: 150px;
  display: inline-block;
  font-weight: 300;
  color: #967591; }

form input#fieldName, form input#fieldEmail {
  border: 1px solid #cebacb;
  padding: 5px;
  font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
  font-size: 16px; }

form .interest-checkboxes p.interests-label {
  width: 150px;
  margin-left: 0;
  float: left; }

form .interest-checkboxes p {
  float: left; }
  form .interest-checkboxes p.clear-left {
    margin-left: 150px;
    clear: left; }
    @media only screen and (min-width: 320px) and (max-width: 768px), only screen and (min-width: 321px) and (max-width: 640px) {
      form .interest-checkboxes p.clear-left {
        margin-left: 0; } }

form .interest-checkboxes label.ckbx {
  color: #666; }

form button {
  clear: both;
  background: #967591;
  color: #FFF;
  border: none;
  text-transform: uppercase;
  font-family: "VerbCond", Helvetica, Arial, Sans-Serif;
  font-size: 18px;
  margin-left: 150px;
  padding: 5px; }
