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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

elements-of-type(html5-block) {
  display: block;
}

body {
  font-size: 16px;
}

* {
  box-sizing: border-box;
  margin: 0;
}

body, html {
  height: 100%;
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.2em;
  color: #2e2d44;
  margin: 0 0 0.25em;
  text-transform: uppercase;
  font-weight: 600;
}

h1, .heading-1 {
  font-size: 2.75em;
  font-weight: 800;
  margin-top: 0;
}

h2, .heading-2 {
  font-size: 1.85em;
  font-weight: 800;
}

h3, .heading-3 {
  font-size: 1.5em;
  font-weight: 800;
}

h4, .heading-4 {
  font-size: 1.25em;
  font-weight: 800;
}

h5, .heading-5 {
  font-size: 1.1em;
  font-weight: 800;
}

p, address {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  color: #2e2d44;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

a {
  text-decoration: none;
  color: #e12a58;
}

a:hover {
  color: #e12a58;
  border-color: transparent;
  cursor: pointer;
}

a[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external):after {
  content: "\21B8";
  font-size: 0.7em;
  vertical-align: super;
  margin-left: 4px;
  display: inline-block;
  position: relative;
  transform: scale(-1, 1);
}

body.path-frontpage a[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external):after {
  display: none !important;
}

ul, ol {
  margin-bottom: 20px;
}

ul li, ol li {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  color: #2e2d44;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  margin-bottom: 0;
}

ul {
  padding-left: 20px;
}

ul li {
  list-style: disc;
}

strong {
  font-weight: 600;
}

.italic {
  font-style: italic;
}

.icon i, .logo a span, a, h1, h2, h3, h4, h5, i, p {
  transition: all 0.3s ease;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.25em;
  }
  h4 {
    font-size: 1.1em;
  }
  h5 {
    font-size: 1em;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.85em;
    margin-bottom: 0.5em;
  }
  h2 {
    font-size: 1.3em;
  }
  h3 {
    font-size: 1.2em;
  }
  h4 {
    font-size: 1.05em;
  }
  h5 {
    font-size: 1em;
  }
}

.btn, .modal#mobile-whats-on .form-group input[type=submit], .whats-on-filters #edit-submit-whats-on-grid,
.whats-on-filters #edit-submit-educational-experiences,
.whats-on-filters #edit-submit-grid-overview, .button-cta a, button:not(.button-reset), input[type=submit] {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  color: #2e2d44;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  background-color: #e12a58;
  color: #fff;
  border: 2px solid #fff;
  display: inline-block;
  padding: 9px 15px;
  font-size: 16px;
  text-shadow: none;
  margin-bottom: 10px;
  height: 45px;
  line-height: 1.5em;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 5px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 0 #911434;
  transition-duration: 0s;
}

.btn span, .modal#mobile-whats-on .form-group input[type=submit] span, .whats-on-filters #edit-submit-whats-on-grid span, .whats-on-filters #edit-submit-educational-experiences span, .whats-on-filters #edit-submit-grid-overview span, .button-cta a span, button:not(.button-reset) span, input[type=submit] span {
  position: relative;
  color: #000000;
}

.btn:hover, .modal#mobile-whats-on .form-group input:hover[type=submit], .whats-on-filters #edit-submit-whats-on-grid:hover,
.whats-on-filters #edit-submit-educational-experiences:hover,
.whats-on-filters #edit-submit-grid-overview:hover, .button-cta a:hover, .btn:focus, .modal#mobile-whats-on .form-group input:focus[type=submit], .whats-on-filters #edit-submit-whats-on-grid:focus,
.whats-on-filters #edit-submit-educational-experiences:focus,
.whats-on-filters #edit-submit-grid-overview:focus, .button-cta a:focus, .btn:active, .modal#mobile-whats-on .form-group input:active[type=submit], .whats-on-filters #edit-submit-whats-on-grid:active,
.whats-on-filters #edit-submit-educational-experiences:active,
.whats-on-filters #edit-submit-grid-overview:active, .button-cta a:active, .btn.active, .modal#mobile-whats-on .form-group input.active[type=submit], .whats-on-filters .active#edit-submit-whats-on-grid,
.whats-on-filters .active#edit-submit-educational-experiences,
.whats-on-filters .active#edit-submit-grid-overview, .button-cta a.active, .btn:active:focus, .modal#mobile-whats-on .form-group input:active:focus[type=submit], .whats-on-filters #edit-submit-whats-on-grid:active:focus,
.whats-on-filters #edit-submit-educational-experiences:active:focus,
.whats-on-filters #edit-submit-grid-overview:active:focus, .button-cta a:active:focus, button:not(.button-reset):hover, button:not(.button-reset):focus, button:not(.button-reset):active, button:not(.button-reset).active, button:not(.button-reset):active:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=submit].active, input[type=submit]:active:focus {
  background: #e12a58;
  border-color: #fff;
  color: #fff;
}

.btn:hover span, .modal#mobile-whats-on .form-group input:hover[type=submit] span, .whats-on-filters #edit-submit-whats-on-grid:hover span, .whats-on-filters #edit-submit-educational-experiences:hover span, .whats-on-filters #edit-submit-grid-overview:hover span, .button-cta a:hover span, .btn:focus span, .modal#mobile-whats-on .form-group input:focus[type=submit] span, .whats-on-filters #edit-submit-whats-on-grid:focus span, .whats-on-filters #edit-submit-educational-experiences:focus span, .whats-on-filters #edit-submit-grid-overview:focus span, .button-cta a:focus span, .btn:active span, .modal#mobile-whats-on .form-group input:active[type=submit] span, .whats-on-filters #edit-submit-whats-on-grid:active span, .whats-on-filters #edit-submit-educational-experiences:active span, .whats-on-filters #edit-submit-grid-overview:active span, .button-cta a:active span, .btn.active span, .modal#mobile-whats-on .form-group input.active[type=submit] span, .whats-on-filters .active#edit-submit-whats-on-grid span, .whats-on-filters .active#edit-submit-educational-experiences span, .whats-on-filters .active#edit-submit-grid-overview span, .button-cta a.active span, .btn:active:focus span, .modal#mobile-whats-on .form-group input:active:focus[type=submit] span, .whats-on-filters #edit-submit-whats-on-grid:active:focus span, .whats-on-filters #edit-submit-educational-experiences:active:focus span, .whats-on-filters #edit-submit-grid-overview:active:focus span, .button-cta a:active:focus span, button:not(.button-reset):hover span, button:not(.button-reset):focus span, button:not(.button-reset):active span, button:not(.button-reset).active span, button:not(.button-reset):active:focus span, input[type=submit]:hover span, input[type=submit]:focus span, input[type=submit]:active span, input[type=submit].active span, input[type=submit]:active:focus span {
  color: #fff;
}

.btn:hover, .modal#mobile-whats-on .form-group input:hover[type=submit], .whats-on-filters #edit-submit-whats-on-grid:hover,
.whats-on-filters #edit-submit-educational-experiences:hover,
.whats-on-filters #edit-submit-grid-overview:hover, .button-cta a:hover, button:not(.button-reset):hover, input[type=submit]:hover {
  box-shadow: 0 2px 0 #911434;
  top: 2px;
}

.btn:focus, .modal#mobile-whats-on .form-group input:focus[type=submit], .whats-on-filters #edit-submit-whats-on-grid:focus,
.whats-on-filters #edit-submit-educational-experiences:focus,
.whats-on-filters #edit-submit-grid-overview:focus, .button-cta a:focus, button:not(.button-reset):focus, input[type=submit]:focus {
  box-shadow: none;
  top: 4px;
}

.btn[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external), .modal#mobile-whats-on .form-group input[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external)[type=submit], .whats-on-filters #edit-submit-whats-on-grid[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external),
.whats-on-filters #edit-submit-educational-experiences[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external),
.whats-on-filters #edit-submit-grid-overview[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external), .button-cta a[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external) {
  padding: 6px 15px 9px;
}

.btn-sm[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external) {
  padding: 5px 15px 8px;
}

.btn-lg[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external) {
  padding: 11px 30px 15px;
}

.btn-primary, .modal#mobile-whats-on .form-group input[type=submit], .whats-on-filters #edit-submit-whats-on-grid,
.whats-on-filters #edit-submit-educational-experiences,
.whats-on-filters #edit-submit-grid-overview, .button-cta a, body.path-user main .wrapper form input[type=submit], input[type=submit] {
  background: #e12a58;
  border-color: #e12a58;
  color: #fff;
}

.btn-primary span, .modal#mobile-whats-on .form-group input[type=submit] span, .whats-on-filters #edit-submit-whats-on-grid span, .whats-on-filters #edit-submit-educational-experiences span, .whats-on-filters #edit-submit-grid-overview span, .button-cta a span, body.path-user main .wrapper form input[type=submit] span, input[type=submit] span {
  color: #fff;
}

.btn-primary:hover, .modal#mobile-whats-on .form-group input:hover[type=submit], .whats-on-filters #edit-submit-whats-on-grid:hover,
.whats-on-filters #edit-submit-educational-experiences:hover,
.whats-on-filters #edit-submit-grid-overview:hover, .button-cta a:hover, body.path-user main .wrapper form input:hover[type=submit], .btn-primary:focus, .modal#mobile-whats-on .form-group input:focus[type=submit], .whats-on-filters #edit-submit-whats-on-grid:focus,
.whats-on-filters #edit-submit-educational-experiences:focus,
.whats-on-filters #edit-submit-grid-overview:focus, .button-cta a:focus, body.path-user main .wrapper form input:focus[type=submit], .btn-primary:active, .modal#mobile-whats-on .form-group input:active[type=submit], .whats-on-filters #edit-submit-whats-on-grid:active,
.whats-on-filters #edit-submit-educational-experiences:active,
.whats-on-filters #edit-submit-grid-overview:active, .button-cta a:active, body.path-user main .wrapper form input:active[type=submit], .btn-primary.active, .modal#mobile-whats-on .form-group input.active[type=submit], .whats-on-filters .active#edit-submit-whats-on-grid,
.whats-on-filters .active#edit-submit-educational-experiences,
.whats-on-filters .active#edit-submit-grid-overview, .button-cta a.active, body.path-user main .wrapper form input.active[type=submit], .btn-primary:active:focus, .modal#mobile-whats-on .form-group input:active:focus[type=submit], .whats-on-filters #edit-submit-whats-on-grid:active:focus,
.whats-on-filters #edit-submit-educational-experiences:active:focus,
.whats-on-filters #edit-submit-grid-overview:active:focus, .button-cta a:active:focus, body.path-user main .wrapper form input:active:focus[type=submit], input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=submit].active, input[type=submit]:active:focus {
  background: #d41e4c;
  border-color: #d41e4c;
  color: #fff;
}

.btn-primary:hover span, .modal#mobile-whats-on .form-group input:hover[type=submit] span, .whats-on-filters #edit-submit-whats-on-grid:hover span, .whats-on-filters #edit-submit-educational-experiences:hover span, .whats-on-filters #edit-submit-grid-overview:hover span, .button-cta a:hover span, body.path-user main .wrapper form input:hover[type=submit] span, .btn-primary:focus span, .modal#mobile-whats-on .form-group input:focus[type=submit] span, .whats-on-filters #edit-submit-whats-on-grid:focus span, .whats-on-filters #edit-submit-educational-experiences:focus span, .whats-on-filters #edit-submit-grid-overview:focus span, .button-cta a:focus span, body.path-user main .wrapper form input:focus[type=submit] span, .btn-primary:active span, .modal#mobile-whats-on .form-group input:active[type=submit] span, .whats-on-filters #edit-submit-whats-on-grid:active span, .whats-on-filters #edit-submit-educational-experiences:active span, .whats-on-filters #edit-submit-grid-overview:active span, .button-cta a:active span, body.path-user main .wrapper form input:active[type=submit] span, .btn-primary.active span, .modal#mobile-whats-on .form-group input.active[type=submit] span, .whats-on-filters .active#edit-submit-whats-on-grid span, .whats-on-filters .active#edit-submit-educational-experiences span, .whats-on-filters .active#edit-submit-grid-overview span, .button-cta a.active span, body.path-user main .wrapper form input.active[type=submit] span, .btn-primary:active:focus span, .modal#mobile-whats-on .form-group input:active:focus[type=submit] span, .whats-on-filters #edit-submit-whats-on-grid:active:focus span, .whats-on-filters #edit-submit-educational-experiences:active:focus span, .whats-on-filters #edit-submit-grid-overview:active:focus span, .button-cta a:active:focus span, body.path-user main .wrapper form input:active:focus[type=submit] span, input[type=submit]:hover span, input[type=submit]:focus span, input[type=submit]:active span, input[type=submit].active span, input[type=submit]:active:focus span {
  color: #fff;
}

.btn-primary:hover, .modal#mobile-whats-on .form-group input:hover[type=submit], .whats-on-filters #edit-submit-whats-on-grid:hover,
.whats-on-filters #edit-submit-educational-experiences:hover,
.whats-on-filters #edit-submit-grid-overview:hover, .button-cta a:hover, body.path-user main .wrapper form input:hover[type=submit], .btn-primary:active:hover, .modal#mobile-whats-on .form-group input:active:hover[type=submit], .whats-on-filters #edit-submit-whats-on-grid:active:hover,
.whats-on-filters #edit-submit-educational-experiences:active:hover,
.whats-on-filters #edit-submit-grid-overview:active:hover, .button-cta a:active:hover, body.path-user main .wrapper form input:active:hover[type=submit], input[type=submit]:hover, input[type=submit]:active:hover {
  background: #e12a58;
  border-color: #e12a58;
}

.btn-primary.btn-disabled, .modal#mobile-whats-on .form-group input.btn-disabled[type=submit], .whats-on-filters .btn-disabled#edit-submit-whats-on-grid,
.whats-on-filters .btn-disabled#edit-submit-educational-experiences,
.whats-on-filters .btn-disabled#edit-submit-grid-overview, .button-cta a.btn-disabled, body.path-user main .wrapper form input.btn-disabled[type=submit], input[type=submit].btn-disabled {
  pointer-events: none;
}

.btn-primary.btn-disabled:hover, .modal#mobile-whats-on .form-group input.btn-disabled:hover[type=submit], .whats-on-filters .btn-disabled#edit-submit-whats-on-grid:hover,
.whats-on-filters .btn-disabled#edit-submit-educational-experiences:hover,
.whats-on-filters .btn-disabled#edit-submit-grid-overview:hover, .button-cta a.btn-disabled:hover, body.path-user main .wrapper form input.btn-disabled:hover[type=submit], .btn-primary.btn-disabled:focus, .modal#mobile-whats-on .form-group input.btn-disabled:focus[type=submit], .whats-on-filters .btn-disabled#edit-submit-whats-on-grid:focus,
.whats-on-filters .btn-disabled#edit-submit-educational-experiences:focus,
.whats-on-filters .btn-disabled#edit-submit-grid-overview:focus, .button-cta a.btn-disabled:focus, body.path-user main .wrapper form input.btn-disabled:focus[type=submit], .btn-primary.btn-disabled:active, .modal#mobile-whats-on .form-group input.btn-disabled:active[type=submit], .whats-on-filters .btn-disabled#edit-submit-whats-on-grid:active,
.whats-on-filters .btn-disabled#edit-submit-educational-experiences:active,
.whats-on-filters .btn-disabled#edit-submit-grid-overview:active, .button-cta a.btn-disabled:active, body.path-user main .wrapper form input.btn-disabled:active[type=submit], .btn-primary.btn-disabled.active, .modal#mobile-whats-on .form-group input.btn-disabled.active[type=submit], .whats-on-filters .btn-disabled.active#edit-submit-whats-on-grid,
.whats-on-filters .btn-disabled.active#edit-submit-educational-experiences,
.whats-on-filters .btn-disabled.active#edit-submit-grid-overview, .button-cta a.btn-disabled.active, body.path-user main .wrapper form input.btn-disabled.active[type=submit], .btn-primary.btn-disabled:active:focus, .modal#mobile-whats-on .form-group input.btn-disabled:active:focus[type=submit], .whats-on-filters .btn-disabled#edit-submit-whats-on-grid:active:focus,
.whats-on-filters .btn-disabled#edit-submit-educational-experiences:active:focus,
.whats-on-filters .btn-disabled#edit-submit-grid-overview:active:focus, .button-cta a.btn-disabled:active:focus, body.path-user main .wrapper form input.btn-disabled:active:focus[type=submit], input[type=submit].btn-disabled:hover, input[type=submit].btn-disabled:focus, input[type=submit].btn-disabled:active, input[type=submit].btn-disabled.active, input[type=submit].btn-disabled:active:focus {
  top: 0;
}

.btn-secondary, .button-cta.blue a {
  background: #2e2d44;
  border-color: #2e2d44;
  color: #fff;
  box-shadow: 0 4px 0 #040407;
}

.btn-secondary span, .button-cta.blue a span {
  color: #fff;
}

.btn-secondary:hover, .button-cta.blue a:hover, .btn-secondary:focus, .button-cta.blue a:focus, .btn-secondary:active, .button-cta.blue a:active, .btn-secondary.active, .button-cta.blue a.active, .btn-secondary:active:focus, .button-cta.blue a:active:focus {
  background: #242335;
  border-color: #242335;
  color: #fff;
}

.btn-secondary:hover span, .button-cta.blue a:hover span, .btn-secondary:focus span, .button-cta.blue a:focus span, .btn-secondary:active span, .button-cta.blue a:active span, .btn-secondary.active span, .button-cta.blue a.active span, .btn-secondary:active:focus span, .button-cta.blue a:active:focus span {
  color: #fff;
}

.btn-secondary:hover, .button-cta.blue a:hover {
  background: #2e2d44;
  border-color: #2e2d44;
  box-shadow: 0 2px 0 #040407;
}

.btn-secondary:focus, .button-cta.blue a:focus {
  box-shadow: none;
  top: 4px;
}

.btn-green {
  background: #22b573;
  border-color: #22b573;
  color: #fff;
  box-shadow: 0 4px 0 #125f3c;
}

.btn-green span {
  color: #fff;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .btn-green:active:focus {
  background: #1ea065;
  border-color: #1ea065;
  color: #fff;
}

.btn-green:hover span, .btn-green:focus span, .btn-green:active span, .btn-green.active span, .btn-green:active:focus span {
  color: #fff;
}

.btn-green:hover {
  background: #22b573;
  border-color: #22b573;
  box-shadow: 0 2px 0 #125f3c;
}

.btn-green:focus {
  box-shadow: none;
  top: 4px;
}

.btn-teal {
  background: #30b7bb;
  border-color: #30b7bb;
  color: #fff;
  box-shadow: 0 4px 0 #1b686a;
}

.btn-teal span {
  color: #fff;
}

.btn-teal:hover, .btn-teal:focus, .btn-teal:active, .btn-teal.active, .btn-teal:active:focus {
  background: #2ba3a7;
  border-color: #2ba3a7;
  color: #fff;
}

.btn-teal:hover span, .btn-teal:focus span, .btn-teal:active span, .btn-teal.active span, .btn-teal:active:focus span {
  color: #fff;
}

.btn-teal:hover {
  background: #30b7bb;
  border-color: #30b7bb;
  box-shadow: 0 2px 0 #1b686a;
}

.btn-teal:focus {
  box-shadow: none;
  top: 4px;
}

.btn-purple {
  background: #64335f;
  border-color: #64335f;
  color: #fff;
  box-shadow: 0 4px 0 #20111f;
}

.btn-purple span {
  color: #fff;
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .btn-purple:active:focus {
  background: #532a4f;
  border-color: #532a4f;
  color: #fff;
}

.btn-purple:hover span, .btn-purple:focus span, .btn-purple:active span, .btn-purple.active span, .btn-purple:active:focus span {
  color: #fff;
}

.btn-purple:hover {
  background: #64335f;
  border-color: #64335f;
  box-shadow: 0 2px 0 #20111f;
}

.btn-purple:focus {
  box-shadow: none;
  top: 4px;
}

.btn-white {
  background: #fff;
  border-color: #fff;
  color: #2e2d44;
  box-shadow: 0 4px 0 #a9a9a9;
}

.btn-white span {
  color: #2e2d44;
}

.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .btn-white:active:focus {
  background: #fff;
  border-color: #fff;
  color: #2e2d44;
}

.btn-white:hover span, .btn-white:focus span, .btn-white:active span, .btn-white.active span, .btn-white:active:focus span {
  color: #fff;
}

.btn-white:hover {
  background: #fff;
  border-color: #fff;
  box-shadow: 0 2px 0 #a9a9a9;
}

.btn-white:focus {
  box-shadow: none;
  top: 4px;
}

.btn-white-red-border {
  background: #fff;
  border-color: #e12a58;
  color: #e12a58;
  box-shadow: 0 4px 0 #a9a9a9;
}

.btn-white-red-border span {
  color: #e12a58;
}

.btn-white-red-border:hover, .btn-white-red-border:focus, .btn-white-red-border:active, .btn-white-red-border.active, .btn-white-red-border:active:focus {
  background: #e12a58;
  border-color: #e12a58;
  color: #fff;
}

.btn-white-red-border:hover span, .btn-white-red-border:focus span, .btn-white-red-border:active span, .btn-white-red-border.active span, .btn-white-red-border:active:focus span {
  color: #fff;
}

.btn-white-border {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.btn-white-border span {
  color: #fff;
}

.btn-white-border:hover, .btn-white-border:focus, .btn-white-border:active, .btn-white-border.active, .btn-white-border:active:focus {
  background: #fff;
  border-color: #fff;
  color: #2e2d44;
}

.btn-white-border:hover span, .btn-white-border:focus span, .btn-white-border:active span, .btn-white-border.active span, .btn-white-border:active:focus span {
  color: #2e2d44;
}

.btn-filter {
  background: #fff;
  border-color: #e12a58;
  color: #e12a58;
  border-width: 1px;
  border-radius: 100px;
  font-size: 0.9em;
  height: 31px !important;
  cursor: default;
  padding: 5px 15px 5px 10px !important;
  box-shadow: none;
}

.btn-filter:hover, .btn-filter:focus, .btn-filter:active, .btn-filter.active, .btn-filter:active:focus {
  background: #fff;
  border-color: #e12a58;
  color: #e12a58;
  outline: none !important;
  top: 0;
  box-shadow: none;
}

.btn-filter:hover span, .btn-filter:focus span, .btn-filter:active span, .btn-filter.active span, .btn-filter:active:focus span {
  color: #e12a58;
}

.btn-filter span {
  color: #e12a58;
  margin-left: 0;
  position: relative;
  top: -1px;
  padding: 6px 10px 7px 5px;
  right: -10px;
}

.btn-filter span:hover {
  color: #2e2d44;
  cursor: pointer;
}

.btn-filter.remove-all-filters {
  border-color: transparent;
  color: #30b7bb;
}

.btn-filter.remove-all-filters:hover, .btn-filter.remove-all-filters:focus, .btn-filter.remove-all-filters:active, .btn-filter.remove-all-filters.active, .btn-filter.remove-all-filters:active:focus {
  cursor: pointer;
  color: #2e2d44;
  text-decoration: underline;
}

.btn-social {
  height: 40px;
  width: 40px;
  padding: 0;
}

.btn-social span {
  font-size: 22px;
  position: relative;
  top: 9px;
}

.btn-facebook {
  background: #3b5998;
  border-color: #3b5998;
  color: #fff;
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .btn-facebook:active:focus {
  background: #344e86;
  border-color: #344e86;
}

.btn-twitter {
  background: #55acee;
  border-color: #55acee;
  color: #fff;
}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .btn-twitter:active:focus {
  background: #3ea1ec;
  border-color: #3ea1ec;
}

.btn-youtube {
  background: #bb0000;
  border-color: #bb0000;
  color: #fff;
}

.btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active, .btn-youtube.active, .btn-youtube:active:focus {
  background: #a20000;
  border-color: #a20000;
}

.btn-flickr {
  background: #ff0084;
  border-color: #ff0084;
  color: #fff;
}

.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .btn-flickr:active:focus {
  background: #e60077;
  border-color: #e60077;
}

.btn-sm {
  padding: 8px 15px;
  height: 40px;
  border-width: 1px;
  font-size: 14px;
  font-weight: 400;
}

.btn-sm:hover, .btn-sm:focus, .btn-sm:active, .btn-sm.active, .btn-sm:active:focus {
  border-width: 1px;
}

.btn-lg {
  padding: 15px 30px;
  height: 57px;
  font-size: 1.1em;
}

.btn-pdf {
  background-image: url("/themes/custom/glasgowsciencecentre/images/pdf-icon.png");
  background-repeat: no-repeat;
  background-position: left 5px center;
  background-size: 20px;
  padding-left: 35px;
}

.btn-pdf:hover, .btn-pdf:focus, .btn-pdf:active, .btn-pdf.active, .btn-pdf:active:focus {
  background-image: url("/themes/custom/glasgowsciencecentre/images/pdf-icon.png");
  background-repeat: no-repeat;
  background-position: left 5px center;
  background-size: 20px;
  padding-left: 35px;
}

.btn-pdf.btn-sm {
  background-size: 15px;
  padding-left: 25px;
}

label {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  color: #2e2d44;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  margin-bottom: .2em;
}

input, .form-control {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  color: #2e2d44;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  border-radius: 5px;
  border: 0;
  padding: 10px 15px;
}

select {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  color: #2e2d44;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  margin-bottom: 0;
  background-image: url(../images/iOS-select-arrow-blue@2x.png) !important;
  background-size: 8px;
  background-position: right 8px center;
  background-repeat: no-repeat;
  padding: 10px 25px 10px 10px;
  -webkit-appearance: none;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .btn-lg {
    padding: 10px 20px;
    height: 45px;
    font-size: 1em;
  }
  .btn, .modal#mobile-whats-on .form-group input[type=submit], .whats-on-filters #edit-submit-whats-on-grid,
  .whats-on-filters #edit-submit-educational-experiences,
  .whats-on-filters #edit-submit-grid-overview, .button-cta a {
    font-size: 0.9em;
    padding: 12px 15px;
  }
  .btn-sm {
    padding: 9px 15px 5px;
  }
  .btn[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external), .modal#mobile-whats-on .form-group input[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external)[type=submit], .whats-on-filters #edit-submit-whats-on-grid[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external),
  .whats-on-filters #edit-submit-educational-experiences[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external),
  .whats-on-filters #edit-submit-grid-overview[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external), .button-cta a[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external) {
    padding: 8px 15px 9px;
  }
  .btn-sm[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external) {
    padding: 6px 15px 9px;
  }
}

.main-nav {
  float: left;
  width: auto;
  position: relative;
  z-index: 10;
}

.main-menu {
  padding-left: 0;
}

.main-menu li {
  float: left;
  margin-right: 1px;
  position: relative;
  list-style: none;
}

.main-menu li a {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.2em;
  color: #2e2d44;
  margin: 0 0 0.25em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 15px;
  color: #ffffff;
  display: block;
  font-size: 1.3em;
  margin: 0;
}

.main-menu li a:hover, .main-menu li a:active, .main-menu li a:focus, .main-menu li a.active, .main-menu li a.is-active {
  background: #30b7bb;
  color: #ffffff;
  text-decoration: none;
}

.main-menu li:hover a, .main-menu li:active a, .main-menu li:focus a, .main-menu li.active a, .main-menu li.is-active a {
  background: #30b7bb;
  color: #ffffff;
  text-decoration: none;
}

.main-menu li:first-child {
  display: none;
}

.main-menu li:nth-child(4) {
  margin-right: 0;
}

.main-menu li:last-child {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.main-menu li ul.level-2, .main-menu li ul.level-3 {
  display: none;
  padding-top: 10px;
  position: absolute;
  left: 0;
  width: 230px;
  background: #fff;
  border: 1px solid #2e2d44;
  margin-top: -1px;
  padding-left: 0;
}

.main-menu li ul.level-2 li, .main-menu li ul.level-3 li {
  display: block;
  margin: 0;
  width: 100%;
}

.main-menu li ul.level-2 li a, .main-menu li ul.level-3 li a {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  color: #2e2d44;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  color: #2e2d44;
  font-weight: 300;
  margin: 0;
  display: block;
  width: 100%;
  font-size: 0.9em;
  padding: 10px 15px;
  background: #fff;
}

.main-menu li ul.level-2 li a span.icon, .main-menu li ul.level-3 li a span.icon {
  position: absolute;
  right: 2px;
  top: 10px;
  font-size: 1.4em;
}

.main-menu li ul.level-2 li:hover > a, .main-menu li ul.level-3 li:hover > a {
  background: #2e2d44;
  color: #ffffff;
  text-decoration: none;
}

.main-menu li ul.level-2 li:last-child, .main-menu li ul.level-3 li:last-child {
  border: 0;
}

.main-menu li ul.level-2 li:not(:first-child) ul.level-3 {
  padding-top: 0;
  margin-top: 9px;
}

.main-menu li:hover ul.level-2 {
  display: block;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.main-menu li:hover ul.level-2 li:hover ul.level-3 {
  display: block;
  position: absolute;
  left: 228px;
  top: -10px;
  width: 240px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.main-menu li ul.show-level-3 {
  display: block;
  position: absolute;
  left: 228px;
  top: -10px;
  width: 240px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.main-menu li.in-active-trail a {
  background: #30b7bb;
}

.mobile-menu-link-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.menu-link {
  display: none;
  position: absolute;
  float: right;
  right: 0;
  text-decoration: none;
  top: 12px;
  width: auto;
  z-index: 10;
  color: #ffffff;
}

.menu-link button {
  border: 0;
  background: #2e2d44;
  font-size: 1.75em;
  padding: 5px 13px;
  background: #30b7bb;
  margin-bottom: 0;
  width: 100px;
}

.menu-link button span.icon {
  font-size: 21px;
  float: left;
  line-height: 1em;
  top: 2px;
}

.menu-link button span.wording {
  font-size: 16px;
  float: left;
  line-height: 1em;
  position: relative;
  top: 6px;
  padding-left: 7px;
}

.menu-link:hover {
  text-decoration: none;
  background: #2e2d44;
  color: #ffffff;
  cursor: pointer;
}

#mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  right: 0;
  height: 100%;
  background-color: #2e2d44;
  z-index: 300;
  overflow-y: scroll;
  visibility: hidden;
}

#mobile-nav .mobile-nav-header {
  padding: 15px;
}

#mobile-nav .close-mobile-nav {
  position: absolute;
  top: 0;
  right: 0;
  background: #191925;
  padding: 10px 10px 6px;
  cursor: pointer;
}

#mobile-nav .close-mobile-nav span {
  color: #fff;
  font-size: 1.75em;
  display: block;
}

#mobile-nav .logo a {
  display: inline-block;
  overflow: hidden;
}

#mobile-nav .logo img {
  display: block;
  width: 130px;
  float: left;
}

#mobile-nav .search-block-form {
  width: 100%;
  clear: both;
  position: relative;
  margin-top: 15px;
}

#mobile-nav .search-block-form input {
  width: 100%;
  background: #191925;
  border: 0;
  color: #fff;
  padding: 13px 90px 13px 10px;
  font-style: italic;
  margin-bottom: 0;
  box-shadow: none;
  font-weight: 500;
}

#mobile-nav .search-block-form #edit-actions {
  position: absolute;
  right: 0;
  top: 0;
}

#mobile-nav .search-block-form #edit-actions input {
  border: none;
  font-size: 1em;
  margin: 0;
  height: auto;
  padding: 9px 12px 7px;
  background: #30b7bb;
  font-style: normal;
  border-radius: 5px;
  top: 4px;
  position: relative;
  right: 4px;
}

#mobile-nav ul {
  width: 100%;
  display: block;
  padding-left: 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 0;
}

#mobile-nav ul li {
  width: 100%;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

#mobile-nav ul li a {
  color: #ffffff;
  display: block;
  padding: 15px;
  font-weight: 400;
  font-size: 1em;
  background: #2e2d44;
  text-transform: uppercase;
}

#mobile-nav ul li a span {
  position: absolute;
  right: 7px;
  top: 13px;
  font-size: 1.4em;
}

#mobile-nav ul li a:hover, #mobile-nav ul li a:focus, #mobile-nav ul li a:active, #mobile-nav ul li a.is-active {
  text-decoration: none;
  background: #242335;
  color: #e12a58;
}

#mobile-nav ul li ul {
  display: none;
}

#mobile-nav ul li.back-menu a {
  text-transform: none;
  padding-left: 35px;
}

#mobile-nav ul li.back-menu a span {
  right: auto;
  left: 10px;
}

#mobile-nav ul li:last-child {
  border-left: 0;
}

#mobile-nav ul li:hover, #mobile-nav ul li:focus, #mobile-nav ul li:active, #mobile-nav ul li.is-active {
  text-decoration: none;
  background: #242335;
  color: #e12a58;
}

#mobile-nav ul ul.level-2 li a {
  text-transform: none;
}

#mobile-nav ul.secondary-menu {
  clear: both;
  margin-bottom: 0;
}

#mobile-nav ul.secondary-menu li {
  border: 0;
}

#mobile-nav ul.secondary-menu li a {
  padding: 10px 15px;
  text-transform: none;
}

#mobile-nav ul.account-links li {
  border: 0;
}

#mobile-nav ul.account-links li a {
  border: 0;
  padding: 10px 15px;
  text-transform: none;
}

#mobile-nav ul.account-links li a span {
  position: relative;
  left: 0;
  float: left;
  top: 0;
  margin-right: 10px;
}

#mobile-nav ul.social-links {
  text-align: center;
  padding: 15px 0;
  border-bottom: 0;
}

#mobile-nav ul.social-links li {
  border: 0;
  display: inline;
}

#mobile-nav ul.social-links li a {
  border: 1px solid #fff;
  width: 45px;
  height: 45px;
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  padding: 0;
}

#mobile-nav ul.social-links li a.facebook:hover, #mobile-nav ul.social-links li a.facebook:active, #mobile-nav ul.social-links li a.facebook:focus, #mobile-nav ul.social-links li a.facebook.active {
  background: #3b5998;
  border: 1px solid #3b5998;
}

#mobile-nav ul.social-links li a.twitter:hover, #mobile-nav ul.social-links li a.twitter:active, #mobile-nav ul.social-links li a.twitter:focus, #mobile-nav ul.social-links li a.twitter.active {
  background: #55acee;
  border: 1px solid #55acee;
}

#mobile-nav ul.social-links li a.instagram:hover, #mobile-nav ul.social-links li a.instagram:active, #mobile-nav ul.social-links li a.instagram:focus, #mobile-nav ul.social-links li a.instagram.active {
  background: #4c68d7;
  border: 1px solid #4c68d7;
}

#mobile-nav ul.social-links li a.youtube:hover, #mobile-nav ul.social-links li a.youtube:active, #mobile-nav ul.social-links li a.youtube:focus, #mobile-nav ul.social-links li a.youtube.active {
  background: #bb0000;
  border: 1px solid #bb0000;
}

#mobile-nav ul.social-links li span {
  color: #fff;
  position: relative;
  top: 10px;
  right: auto;
}

#mobile-nav ul ul {
  border-bottom: 0;
}

#mobile-nav a[href*="//"]:not([href*="gsc.test, glasgowsciencecentre.org, magento.gsc.test, wthr.uk"]):after {
  display: none;
}

.sidebar ul.sidebar-menu, .sidebar ul.block-aboutmenu-menu {
  background: #fff;
  padding: 0;
  border-top: 5px solid #30b7bb;
  border-radius: 0 0 5px 5px;
}

.sidebar ul.sidebar-menu li, .sidebar ul.block-aboutmenu-menu li {
  list-style: none;
}

.sidebar ul.sidebar-menu li a, .sidebar ul.block-aboutmenu-menu li a {
  display: block;
  width: 100%;
  padding: 9px 15px;
  color: #2e2d44;
  border-bottom: 1px solid #d9d9d9;
}

.sidebar ul.sidebar-menu li a:hover, .sidebar ul.sidebar-menu li a:focus, .sidebar ul.block-aboutmenu-menu li a:hover, .sidebar ul.block-aboutmenu-menu li a:focus {
  text-decoration: none;
}

.sidebar ul.sidebar-menu li a:hover, .sidebar ul.sidebar-menu li a.is-active, .sidebar ul.block-aboutmenu-menu li a:hover, .sidebar ul.block-aboutmenu-menu li a.is-active {
  background: #30b7bb;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

.sidebar ul.sidebar-menu li:last-child a, .sidebar ul.block-aboutmenu-menu li:last-child a {
  border-bottom: 0 !important;
  border-radius: 0 0 5px 5px;
}

.sidebar ul.sidebar-menu ul, .sidebar ul.block-aboutmenu-menu ul {
  margin-left: 0;
  padding-left: 0;
}

.sidebar ul.sidebar-menu ul li a, .sidebar ul.block-aboutmenu-menu ul li a {
  padding-left: 35px;
}

.sidebar ul.sidebar-menu ul li:last-child a, .sidebar ul.block-aboutmenu-menu ul li:last-child a {
  border-bottom: 1px solid #d9d9d9 !important;
  border-radius: 0;
}

#mobile-nav {
  transform: translate(0px, -100%);
  transition: all 0.3s ease;
  top: -150%;
}

#mobile-nav.active {
  transform: translate(0px, 0px);
  top: 0;
  visibility: visible;
}

.mobile-bottom-action-bar {
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.mobile-bottom-action-bar .link {
  width: 25%;
  text-align: center;
  float: left;
  border-right: 1px solid #f2f2f2;
}

.mobile-bottom-action-bar .link:last-child {
  border-right: 0;
}

.mobile-bottom-action-bar .link.discover {
  width: 25%;
}

.mobile-bottom-action-bar .link.visit {
  width: 22%;
}

.mobile-bottom-action-bar .link.learn {
  width: 25%;
}

.mobile-bottom-action-bar .link.whats-on {
  width: 28%;
}

.mobile-bottom-action-bar .link a {
  padding: 10px 2px;
  display: block;
  color: #2e2d44;
}

.mobile-bottom-action-bar .link a:hover, .mobile-bottom-action-bar .link a:focus, .mobile-bottom-action-bar .link a:active, .mobile-bottom-action-bar .link a.active {
  color: #e12a58;
  text-decoration: none;
  background: #f2f2f2;
}

.mobile-bottom-action-bar .link .icon {
  clear: both;
  display: block;
  font-size: 1.25em;
}

.mobile-bottom-action-bar .link .wording {
  font-size: 0.9em;
}

@media screen and (max-width: 991px) {
  .main-nav {
    position: relative;
    top: 0;
    float: left;
  }
  .main-menu li a {
    padding: 24px 11px;
  }
  .main-menu li:hover ul.level-2 {
    display: block;
  }
  .main-menu li:hover ul.level-2 li a {
    padding: 10px 15px 10px 25px;
  }
  .main-menu li:hover ul.level-2 li a span.icon {
    left: 2px;
    right: auto;
    transform: rotate(180deg);
    top: 5px;
  }
  .main-menu li:hover ul.level-2 li:hover ul.level-3 {
    left: -240px;
  }
  .main-menu li:nth-child(2) ul.level-2 li a span.icon {
    right: 2px;
    left: auto;
    transform: rotate(0deg);
    top: 11px;
  }
  .main-menu li:nth-child(2):hover ul.level-2 li a, .main-menu li:nth-child(3):hover ul.level-2 li a {
    padding: 10px 25px 10px 15px;
  }
  .main-menu li:nth-child(2):hover ul.level-2 li:hover ul.level-3, .main-menu li:nth-child(3):hover ul.level-2 li:hover ul.level-3 {
    left: 228px;
  }
}

@media screen and (max-width: 767px) {
  #mobile-nav {
    right: 0;
  }
  .main-nav {
    float: none;
    width: 100%;
  }
  .main-menu {
    display: none;
  }
  .menu-link {
    display: block;
  }
}

@media screen and (max-width: 580px) {
  .menu-link {
    top: 14px;
  }
}

#mobile-nav .main-menu .level-2 {
  display: none;
}

#mobile-nav .main-menu .level-3 {
  display: none;
}

@keyframes mobile_menu_in {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: none;
  }
}

#master #mobile-nav {
  display: none;
}

#master #mobile-nav.active {
  display: block;
  animation: mobile_menu_in .3s;
}

#master {
  display: block;
}

body.scrolling-locked {
  overflow-y: hidden;
}

*:focus {
  outline: #4D90FE auto 5px !important;
}

.wrapper {
  width: 100%;
  background: #fff;
}

.container {
  width: 100%;
  max-width: 1360px;
}

.page-introduction {
  padding: 20px 0;
  max-width: 900px;
  margin: 0 auto;
}

.page-introduction h1 {
  text-align: center;
}

.page-introduction p {
  text-align: center;
  width: 100%;
  margin: 0 auto 1.75em;
}

.layout-content h1 {
  max-width: 1000px;
  margin: 0 auto 0.35em;
}

.filter-image-invalid {
  display: none !important;
}

figure img {
  width: 100%;
  height: auto;
}

figure figcaption {
  font-size: 0.8em;
  line-height: 1.5em;
  background: #ececec;
  margin-top: -10px;
  position: relative;
  padding: 10px;
}

.page-type-2-col .content-container {
  clear: both;
  position: relative;
  top: 30px;
}

.page-type-2-col .content-container .sidebar {
  background: #f2f2f2;
  position: absolute;
  right: 10px;
  height: calc(100% - 30px);
  max-width: 385px;
  padding: 0 20px;
  top: 0;
}

.page-type-2-col .content-container .sidebar:before {
  content: '';
  width: 100%;
  background: #f2f2f2;
  height: 100px;
  top: -100px;
  display: block;
  position: absolute;
  left: 0;
}

.page-type-2-col .content-container .main {
  padding-bottom: 100px;
  min-height: 100vh;
}

.page-type-2-col .content-container .main .content-block.teal-top.quote-panel {
  background: #f2f2f2;
  padding: 30px 15px 15px;
}

.page-type-2-col .content-container .main #block-glasgowsciencecentre-interestedinholdingeventatcentre .content-block.dark-blue-bg.teal-top {
  padding: 30px 15px 5px;
}

.page-type-2-col .content-container .main #block-glasgowsciencecentre-interestedinholdingeventatcentre .content-block.dark-blue-bg.teal-top h4, .page-type-2-col .content-container .main #block-glasgowsciencecentre-interestedinholdingeventatcentre .content-block.dark-blue-bg.teal-top p {
  text-align: center !important;
}

.page-type-2-col .content-container .main .reasons-to-choose.content-block {
  padding: 20px 0px 10px;
}

.page-type-2-col .content-container .main .reasons-to-choose.content-block h3, .page-type-2-col .content-container .main .reasons-to-choose.content-block p {
  text-align: left !important;
  max-width: 100%;
}

.page-type-2-col .page-introduction {
  text-align: left;
  padding: 0;
}

.page-type-2-col .page-introduction h1, .page-type-2-col .page-introduction h2, .page-type-2-col .page-introduction h3, .page-type-2-col .page-introduction p {
  text-align: left;
  width: 100%;
  max-width: 100%;
}

.page-type-2-col main img {
  max-width: 100%;
  height: auto;
}

.page-type-2-col main .field__item > .container {
  padding: 0;
}

.page-type-2-col main .field__item .content-block {
  padding: 0;
}

.page-type-2-col main .field__item .content-block .container {
  padding: 0;
}

.page-type-2-col main .field__item .content-block p.text-center,
.page-type-2-col main .field__item .content-block h1, .page-type-2-col main .field__item .content-block h2, .page-type-2-col main .field__item .content-block h3, .page-type-2-col main .field__item .content-block h4, .page-type-2-col main .field__item .content-block h5 {
  max-width: 100%;
}

.page-type-2-col main .field__item .layout.image-left .container {
  padding: 0;
}

.page-type-2-col main .field__item .layout.image-left h2 {
  text-align: left;
}

.page-type-2-col main .field__item .layout.image-left img {
  max-width: 40%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.page-type-2-col main .field__item .layout.image-right .container {
  padding: 0;
}

.page-type-2-col main .field__item .layout.image-right h2 {
  text-align: left;
}

.page-type-2-col main .field__item .layout.image-right img {
  max-width: 40%;
  margin-left: 2%;
  margin-bottom: 2%;
}

.page-type-2-col main .field__item .layout.media .container {
  padding: 0;
}

.page-type-2-col main .field__item .quote-panel h2 {
  text-align: left;
}

.page-type-2-col main .field__item .quote-panel p {
  text-align: left;
}

.page-type-2-col main .field__item .get-in-touch-signpost {
  background: #2e2d44;
  border-top: 5px solid #30b7bb;
  color: #fff;
  padding: 20px 15px;
}

.page-type-2-col main .field__item .get-in-touch-signpost h4 {
  color: #fff;
}

.page-type-2-col main .field__item .get-in-touch-signpost p {
  color: #fff;
  margin-bottom: 0;
}

.page-type-2-col main .field__item .get-in-touch-signpost p .btn, .page-type-2-col main .field__item .get-in-touch-signpost p .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group .page-type-2-col main .field__item .get-in-touch-signpost p input[type=submit], .page-type-2-col main .field__item .get-in-touch-signpost p .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters .page-type-2-col main .field__item .get-in-touch-signpost p #edit-submit-whats-on-grid,
.page-type-2-col main .field__item .get-in-touch-signpost p .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters .page-type-2-col main .field__item .get-in-touch-signpost p #edit-submit-educational-experiences,
.page-type-2-col main .field__item .get-in-touch-signpost p .whats-on-filters #edit-submit-grid-overview, .whats-on-filters .page-type-2-col main .field__item .get-in-touch-signpost p #edit-submit-grid-overview, .page-type-2-col main .field__item .get-in-touch-signpost p .button-cta a, .button-cta .page-type-2-col main .field__item .get-in-touch-signpost p a {
  margin-top: 15px;
}

.page-type-2-col main .field__item .image-gallery {
  padding: 0;
  overflow: hidden;
}

.page-type-2-col main .field__item .image-gallery .gallery-container {
  overflow: hidden;
  margin-bottom: 5px;
}

.page-type-2-col main .field__item .image-gallery .gallery-container a {
  width: 100%;
  max-width: 24%;
  float: left;
}

.video-embed-field-responsive-video:after {
  position: absolute !important;
}

.page-node-type-information-page p, .page-node-type-information-page h2, .page-node-type-information-page h3, .page-node-type-information-page h4, .page-node-type-information-page h5 {
  text-align: left;
}

.page-node-type-information-page .page-introduction {
  padding-top: 0;
}

.page-node-type-information-page .page-introduction .container {
  max-width: 767px;
  margin: 0 auto;
}

.page-node-type-information-page .field--name-field-content .field__item:nth-child(odd) {
  background: #f2f2f2;
}

.video-holder {
  background: #fff;
  padding: 5px;
}

.video-holder iframe {
  display: block;
  max-width: 100%;
}

.related-items-wrapper {
  padding-top: 30px;
}

.related-items-wrapper h2 {
  text-align: center;
}

.related-items-wrapper .related-items-carousel .item .text-container .inner h2 {
  text-align: left;
}

.visible-xxs {
  display: none;
}

@media screen and (max-width: 991px) {
  .page-type-2-col.tickets .content-container .sidebar {
    position: relative;
    right: 0;
    background: none;
    margin-bottom: 10px;
    width: 100%;
  }
  .page-type-2-col.tickets .content-container .sidebar:before {
    display: none;
  }
  .page-type-2-col.tickets .content-container .sidebar .inner {
    background: #f2f2f2;
  }
  .page-type-2-col.tickets .content-container .main {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .page-introduction p {
    margin-bottom: 1.25em;
  }
  .page-node-type-information-page h1 {
    text-align: left;
    padding: 0 10px;
  }
  .page-type-2-col .content-container {
    top: 0;
  }
  .page-type-2-col .content-container .main {
    padding-bottom: 25px;
    min-height: 1px;
  }
  .page-type-2-col .content-container .sidebar {
    position: relative;
    right: 0;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 20px;
  }
  .page-type-2-col .content-container .sidebar:before {
    display: none;
  }
  .page-type-2-col .content-container .sidebar .inner {
    background: #f2f2f2;
  }
}

@media screen and (max-width: 580px) {
  .col-xxs-1 {
    width: 4.16666667%;
  }
  .col-xxs-2 {
    width: 8.33333333%;
  }
  .col-xxs-3 {
    width: 12.5%;
  }
  .col-xxs-4 {
    width: 16.66666667%;
  }
  .col-xxs-5 {
    width: 20.83333333%;
  }
  .col-xxs-6 {
    width: 25%;
  }
  .col-xxs-7 {
    width: 29.16666667%;
  }
  .col-xxs-8 {
    width: 33.33333333%;
  }
  .col-xxs-9 {
    width: 37.5%;
  }
  .col-xxs-10 {
    width: 41.66666667%;
  }
  .col-xxs-11 {
    width: 45.83333333%;
  }
  .col-xxs-12 {
    width: 50%;
  }
  .col-xxs-13 {
    width: 54.16666667%;
  }
  .col-xxs-14 {
    width: 58.33333333%;
  }
  .col-xxs-15 {
    width: 62.5%;
  }
  .col-xxs-16 {
    width: 66.66666667%;
  }
  .col-xxs-17 {
    width: 70.83333333%;
  }
  .col-xxs-18 {
    width: 75%;
  }
  .col-xxs-19 {
    width: 79.16666667%;
  }
  .col-xxs-20 {
    width: 83.33333333%;
  }
  .col-xxs-21 {
    width: 87.5%;
  }
  .col-xxs-22 {
    width: 91.66666667%;
  }
  .col-xxs-23 {
    width: 95.83333333%;
  }
  .col-xxs-24 {
    width: 100%;
  }
  .visible-xxs {
    display: block;
  }
  .hidden-xxs {
    display: none;
  }
}

.page-node-type-information-page .layout {
  padding: 40px 0;
}

.page-node-type-information-page .layout.light-grey {
  background: #f2f2f2;
}

.page-node-type-information-page .layout.light-grey .content-block.grey-bg {
  background: #fff;
}

.page-node-type-information-page .layout.dark-blue {
  background: #2e2d44;
}

.page-node-type-information-page .layout.dark-blue h1, .page-node-type-information-page .layout.dark-blue h2, .page-node-type-information-page .layout.dark-blue h3, .page-node-type-information-page .layout.dark-blue h4, .page-node-type-information-page .layout.dark-blue h5, .page-node-type-information-page .layout.dark-blue p, .page-node-type-information-page .layout.dark-blue ul, .page-node-type-information-page .layout.dark-blue li {
  color: #fff;
}

.page-node-type-information-page .layout.dark-blue a:not(.btn) {
  color: #30b7bb;
}

.page-node-type-information-page .layout .container {
  max-width: 1000px;
}

.page-node-type-information-page .layout.image-right {
  margin: 15px 0;
  padding: 15px 0;
}

.page-node-type-information-page .layout.image-right h2 {
  text-align: center;
}

.page-node-type-information-page .layout.image-right img {
  width: 45%;
  margin-left: 2%;
  height: auto;
}

.page-node-type-information-page .layout.image-left {
  margin: 15px 0;
  padding: 15px 0;
}

.page-node-type-information-page .layout.image-left h2 {
  text-align: center;
}

.page-node-type-information-page .layout.image-left img {
  width: 45%;
  margin-right: 2%;
  height: auto;
}

.page-node-type-information-page .layout.media .gallery .btn span, .page-node-type-information-page .layout.media .gallery .modal#mobile-whats-on .form-group input[type=submit] span, .modal#mobile-whats-on .form-group .page-node-type-information-page .layout.media .gallery input[type=submit] span, .page-node-type-information-page .layout.media .gallery .whats-on-filters #edit-submit-whats-on-grid span, .whats-on-filters .page-node-type-information-page .layout.media .gallery #edit-submit-whats-on-grid span, .page-node-type-information-page .layout.media .gallery .whats-on-filters #edit-submit-educational-experiences span, .whats-on-filters .page-node-type-information-page .layout.media .gallery #edit-submit-educational-experiences span, .page-node-type-information-page .layout.media .gallery .whats-on-filters #edit-submit-grid-overview span, .whats-on-filters .page-node-type-information-page .layout.media .gallery #edit-submit-grid-overview span, .page-node-type-information-page .layout.media .gallery .button-cta a span, .button-cta .page-node-type-information-page .layout.media .gallery a span {
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.page-node-type-information-page .layout.when-is-this-on .date-time-row {
  text-align: center;
}

.page-node-type-information-page .layout.when-is-this-on input {
  background-image: url("/themes/custom/glasgowsciencecentre/images/calendar-blue.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 25px;
  padding-right: 50px;
  cursor: pointer;
}

.page-node-type-information-page .layout.when-is-this-on label {
  color: #fff;
}

.page-node-type-information-page .layout.when-is-this-on p.button-link {
  margin-bottom: 0;
}

.page-node-type-information-page .layout.about-the-space {
  padding: 40px 0;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.page-node-type-information-page .layout.about-the-space img {
  max-width: 300px;
}

.page-node-type-information-page .layout.related-campaigns .container {
  max-width: 1200px;
}

.page-node-type-information-page .layout.entry-tickets-signpost {
  padding: 40px 0;
  margin: 0;
}

.padding-top-1em {
  padding-top: 1rem;
}

@media screen and (max-width: 580px) {
  .page-node-type-information-page .layout.image-left h2, .page-node-type-information-page .layout.image-right h2 {
    text-align: left;
  }
  .page-node-type-information-page .layout.image-left img, .page-node-type-information-page .layout.image-right img {
    width: 100%;
    display: block;
    margin: 0;
    margin-bottom: 10px;
  }
  .page-node-type-information-page .layout.about-the-space {
    padding: 40px 0;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
  }
  .page-node-type-information-page .layout.about-the-space img {
    max-width: 45%;
  }
  .page-type-2-col main .field__item .image-gallery .gallery-container a {
    max-width: 32.33333%;
  }
}

.header {
  position: relative;
  top: 0;
  background: #2e2d44;
  width: 100%;
  z-index: 11;
  padding: 0 10px;
}

.header .logo {
  float: left;
  width: 153px;
  padding: 10px 20px 10px 0;
}

.header .logo img {
  width: 100%;
  height: auto;
}

.header .top-section {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: calc(100% - 153px);
  float: right;
  text-transform: uppercase;
}

.header .top-section .menu {
  float: left;
}

.header .top-section .right {
  float: right;
}

.header .top-section ul {
  float: left;
  padding-left: 0;
  margin-bottom: 0;
}

.header .top-section ul li {
  font-size: 0.8em;
  list-style: none;
  margin-bottom: 0;
  color: #ffffff;
  display: inline-block;
  line-height: 1.5em;
}

.header .top-section p {
  font-size: 0.8em;
  margin-bottom: 0;
  color: #ffffff;
  display: inline-block;
}

.header .top-section p.search-icon {
  float: right;
  font-size: 1.2em;
  margin-left: 10px;
}

.header .top-section p.search-icon a {
  padding-top: 10px;
  padding-bottom: 0;
}

.header .top-section a {
  color: #fff;
  display: block;
  float: left;
  padding: 13px 10px 9px 10px;
}

.header .top-section a:first-child {
  padding-left: 0;
}

.header .top-section a:hover, .header .top-section a:focus, .header .top-section a:active, .header .top-section a.active {
  color: #30b7bb;
  text-decoration: none;
}

.header .basket-header-link {
  margin-top: 5px;
  margin-bottom: 0;
}

.header .basket-header-link .btn, .header .basket-header-link .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group .header .basket-header-link input[type=submit], .header .basket-header-link .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters .header .basket-header-link #edit-submit-whats-on-grid,
.header .basket-header-link .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters .header .basket-header-link #edit-submit-educational-experiences,
.header .basket-header-link .whats-on-filters #edit-submit-grid-overview, .whats-on-filters .header .basket-header-link #edit-submit-grid-overview, .header .basket-header-link .button-cta a, .button-cta .header .basket-header-link a {
  margin-right: 0;
  text-transform: uppercase;
  font-size: 0.9em;
  padding-top: 9px;
  margin-bottom: 0;
}

.basket-controls {
  float: right;
  right: 10px;
  z-index: 1000;
  padding: 0;
  position: fixed;
  bottom: 10px;
}

.basket-controls p.held-for-timer {
  text-transform: none;
  text-align: center;
  font-size: 14px;
  color: #2e2d44;
  font-weight: 600;
  margin-bottom: 0;
}

.basket-controls p.held-for-timer a {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.42);
  display: block;
  color: #2e2d44;
  position: relative;
}

.basket-controls p.held-for-timer a span.value {
  color: #e12a58;
  display: block;
  text-align: center;
  font-weight: 800;
  font-size: 34px;
  margin-top: 0;
  line-height: 1em;
  transition: 0.3s all ease-in-out;
}

.basket-controls p.held-for-timer a span.go-to-checkout {
  font-size: 14px;
  transform-origin: 0 0;
  position: absolute;
  bottom: 4px;
  width: 100%;
  left: 0;
}

.basket-controls p.held-for-timer a:hover, .basket-controls p.held-for-timer a:focus, .basket-controls p.held-for-timer a:active, .basket-controls p.held-for-timer a.active {
  text-decoration: none;
  background: #f2f2f2;
}

#mobile-nav ul.account-links li.logout-cont {
  display: none;
}

.header .top-section p.logout-cont {
  display: none;
}

.mobile-top-bar {
  background: #e12a58;
  width: 100%;
  position: fixed;
  display: none;
  z-index: 100;
  top: 0;
}

.mobile-top-bar p {
  margin: 0;
  color: #fff;
}

.mobile-top-bar p a {
  color: #fff;
}

.mobile-top-bar p.tickets {
  float: left;
  padding: 7px 10px;
}

.mobile-top-bar p.tickets a {
  text-decoration: underline;
}

.mobile-top-bar p.basket {
  border-left: 1px solid #bd1b44;
  float: right;
}

.mobile-top-bar p.basket span.icon {
  font-size: 1.2em;
  position: relative;
  top: 2px;
}

.mobile-top-bar p.basket a {
  padding: 7px 15px;
  display: block;
}

.mobile-top-bar p.basket a:hover, .mobile-top-bar p.basket a:focus, .mobile-top-bar p.basket a:active, .mobile-top-bar p.basket a.active {
  background: #bd1b44;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .header .logo {
    width: 113px;
  }
  .header .top-section {
    width: 100%;
    display: block;
    clear: both;
  }
  .header .basket-header-link {
    margin-top: 15px;
  }
}

@media screen and (max-width: 840px) {
  .header .top-section p a, .header .top-section ul a {
    font-size: 0.9em;
    padding: 13px 7px 9px 7px;
  }
}

@media screen and (max-width: 767px) {
  .mobile-top-bar {
    display: block;
  }
  .header {
    overflow: hidden;
    margin-top: 38px;
  }
  .header .top-section {
    display: none;
  }
}

@media screen and (max-width: 580px) {
  .mobile-top-bar p.tickets {
    padding: 6px 10px 5px;
  }
  .mobile-top-bar p.basket a {
    padding: 5px 15px;
  }
  .header {
    margin-top: 34px;
  }
}

.footer-passport-incentive {
  background: #ededed;
  padding: 20px 0;
}

.footer-passport-incentive .image {
  float: right;
  width: 20%;
}

.footer-passport-incentive .image img {
  max-width: 250px;
  width: 100%;
  height: auto;
}

.footer-passport-incentive .text {
  float: left;
  width: 70%;
}

.footer-passport-incentive .text .headline h3 {
  color: #e12a58;
  font-size: 2.5em;
  margin-bottom: 0;
}

.footer-passport-incentive .text .headline p {
  font-size: 1.5em;
  border-bottom: 2px solid #333333;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 1em;
}

.footer-passport-incentive .text ul {
  margin-bottom: 20px;
}

footer {
  background: #1e1e2d;
  border-top: 5px solid #30b7bb;
  width: 100%;
  padding: 30px 0;
}

footer h5 {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

footer p, footer address {
  color: #fff;
  margin-bottom: 1em;
}

footer ul {
  padding-left: 0;
  margin-bottom: 20px;
}

footer ul li {
  list-style: none;
}

footer a[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external):after {
  display: none !important;
}

footer .btn-sm[href^='http']:not([href*=".test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk"]):not(.no-external) {
  padding: 8px 15px 9px;
}

footer a {
  color: #30b7bb;
}

footer a:hover, footer a:focus, footer a:active, footer a.active {
  color: #fff;
  text-decoration: none;
}

footer .follow ul {
  margin-bottom: 0;
}

footer .follow ul li {
  display: inline-block;
  margin-bottom: 10px;
}

footer .follow ul a {
  border: 1px solid #fff;
  border-radius: 100px;
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  font-size: 1.5em;
  text-align: center;
  color: #fff;
}

footer .follow ul a span {
  position: relative;
  top: 8px;
}

footer .follow ul a:after {
  display: none;
}

footer .follow ul a.facebook span {
  left: -1px;
}

footer .follow ul a.facebook:hover, footer .follow ul a.facebook:focus, footer .follow ul a.facebook.active, footer .follow ul a.facebook:active {
  background: #3b5998;
  border-color: #3b5998;
}

footer .follow ul a.twitter:hover, footer .follow ul a.twitter:focus, footer .follow ul a.twitter.active, footer .follow ul a.twitter:active {
  background: #55acee;
  border-color: #55acee;
}

footer .follow ul a.instagram:hover, footer .follow ul a.instagram:focus, footer .follow ul a.instagram.active, footer .follow ul a.instagram:active {
  background: #4c68d7;
  border-color: #4c68d7;
}

footer .follow ul a.youtube:hover, footer .follow ul a.youtube:focus, footer .follow ul a.youtube.active, footer .follow ul a.youtube:active {
  background: #bb0000;
  border-color: #bb0000;
}

footer .follow .tripadvisor img {
  max-width: 93px;
  width: 100%;
}

footer .associates {
  background: #2e2d44;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 20px;
}

footer .copyright p {
  text-align: center;
  font-size: 0.9em;
}

footer .copyright p a {
  padding: 0 5px;
}

@media screen and (max-width: 991px) {
  .footer-passport-incentive {
    background-image: url("../images/passport-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
  }
  .footer-passport-incentive .text {
    width: 100%;
  }
  .footer-passport-incentive .text .headline h3 {
    font-size: 2em;
  }
  .footer-passport-incentive .text .headline p {
    font-size: 1em;
  }
  .footer-passport-incentive .image {
    display: none;
  }
  footer .follow {
    clear: both;
  }
  footer .follow h5 {
    display: none;
  }
  footer .follow ul {
    text-align: center;
  }
  footer .follow ul li {
    display: inline-block;
  }
  footer .follow .tripadvisor {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  footer .follow h5 {
    display: block;
  }
  footer .follow ul {
    text-align: left;
  }
  footer .follow .tripadvisor {
    text-align: left;
  }
  footer .copyright a {
    display: block;
  }
}

@media screen and (max-width: 580px) {
  .footer-passport-incentive {
    background-size: cover;
  }
}

#search-overlay .modal-content {
  background: #fff;
  border-radius: 0;
  padding: 0;
  border: 0;
}

#search-overlay .modal-dialog {
  max-width: 800px;
  width: 90%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  margin: 0;
}

#search-overlay .modal-body {
  padding: 0;
}

#search-overlay form {
  width: 100%;
}

#search-overlay form input {
  width: 100%;
  display: block;
  border: 0;
  font-size: 2em;
  padding: 15px 140px 15px 15px;
  font-weight: 300;
  margin-bottom: 0;
}

#search-overlay form input::-webkit-input-placeholder {
  font-style: italic;
}

#search-overlay form input::-moz-placeholder {
  font-style: italic;
}

#search-overlay form input:-ms-input-placeholder {
  font-style: italic;
}

#search-overlay form input:-moz-placeholder {
  font-style: italic;
}

#search-overlay form div.form-actions {
  position: absolute;
  right: 15px;
  top: 0;
}

#search-overlay form div.form-actions input[type=submit] {
  background: #2e2d44;
  color: #fff;
  margin: 0;
  border: 0;
  padding: 11px 20px 19px;
  margin-right: 10px;
  height: 50px;
  font-size: 1.2em;
  margin-top: 14px;
  box-shadow: 0 3px 0 #040407;
  font-weight: 600;
}

#search-overlay form div.form-actions input[type=submit]:hover {
  background: #e12a58;
  box-shadow: none;
}

.modal#mobile-whats-on {
  background: #2e2d44;
  margin: 0;
  padding: 25px !important;
}

.modal#mobile-whats-on .modal-content {
  background: #2e2d44;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.modal#mobile-whats-on h2 {
  color: #fff;
  margin: 0;
  padding-top: 12px;
  margin-bottom: 20px;
  font-size: 1.75em;
  max-width: 80%;
}

.modal#mobile-whats-on .close {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  margin: 0;
  background: #191925;
  height: 50px;
  width: 50px;
  border-radius: 0;
  box-shadow: none;
}

.modal#mobile-whats-on .modal-dialog {
  margin: 0;
}

.modal#mobile-whats-on .form-group label {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.2em;
  color: #2e2d44;
  margin: 0 0 0.25em;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  width: 100%;
}

.modal#mobile-whats-on .form-group.date-of-visit {
  margin-bottom: 0;
  max-width: 250px;
}

.modal#mobile-whats-on .form-group.date-of-visit input {
  background-color: #fff;
  width: 100%;
  text-transform: uppercase;
  background-image: url("/themes/custom/glasgowsciencecentre/images/calendar-blue.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 25px;
  padding-right: 50px;
  cursor: pointer;
  min-width: 1px;
  color: #2e2d44;
}

.modal#mobile-whats-on .form-group.age-groups .dropdown-filter {
  position: relative;
}

.modal#mobile-whats-on .form-group.age-groups .dropdown-filter a {
  background: #fff;
  width: 100%;
  color: #2e2d44;
  height: 45px;
  padding: 15px 10px;
  border-radius: 5px;
  background-image: url("/themes/custom/glasgowsciencecentre/images/arrow-down-blue.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px;
  padding-right: 50px;
  display: block;
}

.modal#mobile-whats-on .form-group.age-groups .dropdown-filter a:hover, .modal#mobile-whats-on .form-group.age-groups .dropdown-filter a:focus, .modal#mobile-whats-on .form-group.age-groups .dropdown-filter a:active, .modal#mobile-whats-on .form-group.age-groups .dropdown-filter a.active {
  text-decoration: none;
}

.modal#mobile-whats-on .form-group.age-groups .dropdown-filter ul {
  z-index: 50;
  height: auto;
  max-height: 300px;
  top: -2px;
  background: #fff;
  padding: 15px 15px 15px 10px;
  width: 100%;
  position: relative;
  display: none;
}

.modal#mobile-whats-on .form-group.age-groups .dropdown-filter ul li {
  clear: both;
  display: block;
}

.modal#mobile-whats-on .form-group.age-groups .dropdown-filter ul input[type=checkbox] {
  background: #f2f2f2;
  width: 30px;
  height: 30px;
  float: left;
  min-width: 1px;
  -webkit-appearance: none;
  border: 1px solid #a9a9a9;
  border-radius: 5px;
}

.modal#mobile-whats-on .form-group.age-groups .dropdown-filter ul input[type=checkbox]:checked {
  background-image: url("/themes/custom/glasgowsciencecentre/images/tick-teal.png");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}

.modal#mobile-whats-on .form-group.age-groups .dropdown-filter ul label {
  color: #2e2d44;
  text-transform: none;
  font-weight: 400;
  width: auto;
  top: 10px;
  position: relative;
  left: 10px;
}

.modal#mobile-whats-on .form-group input[type=submit] {
  width: 100%;
  clear: both;
  margin-top: 0;
}

.modal#mobile-whats-on .form-submit {
  width: 100%;
  clear: both;
  display: block;
}

.modal#mobile-whats-on .form-submit input {
  margin-top: 0;
}

.modal#mobile-whats-on .results-shown-per-page {
  display: none;
}

.modal#donations-info .action-close,
.modal#gift-aid-info .action-close,
.modal#newsletter-signup .action-close,
.modal#education-newsletter-signup .action-close,
.modal#public-engagement-signup .action-close,
.modal#community-newsletter-signup .action-close,
.modal#become-member-info .action-close,
.modal#why-donate .action-close,
#form-newsletter-signup .action-close {
  float: right;
  margin: 0;
  border: 0;
  height: 40px;
  margin-left: 5px;
  margin-bottom: 10px;
}

.modal#donations-info .content-area,
.modal#gift-aid-info .content-area,
.modal#newsletter-signup .content-area,
.modal#education-newsletter-signup .content-area,
.modal#public-engagement-signup .content-area,
.modal#community-newsletter-signup .content-area,
.modal#become-member-info .content-area,
.modal#why-donate .content-area,
#form-newsletter-signup .content-area {
  padding-top: 15px;
}

.modal#donations-info .content-area img,
.modal#gift-aid-info .content-area img,
.modal#newsletter-signup .content-area img,
.modal#education-newsletter-signup .content-area img,
.modal#public-engagement-signup .content-area img,
.modal#community-newsletter-signup .content-area img,
.modal#become-member-info .content-area img,
.modal#why-donate .content-area img,
#form-newsletter-signup .content-area img {
  max-width: 35%;
  margin-left: 2.5%;
  margin-bottom: 2.5%;
}

.modal#donations-info .content-area .feature-image-modal,
.modal#gift-aid-info .content-area .feature-image-modal,
.modal#newsletter-signup .content-area .feature-image-modal,
.modal#education-newsletter-signup .content-area .feature-image-modal,
.modal#public-engagement-signup .content-area .feature-image-modal,
.modal#community-newsletter-signup .content-area .feature-image-modal,
.modal#become-member-info .content-area .feature-image-modal,
.modal#why-donate .content-area .feature-image-modal,
#form-newsletter-signup .content-area .feature-image-modal {
  clear: both;
  margin-top: 10px;
}

.modal#donations-info .modal-footer,
.modal#gift-aid-info .modal-footer,
.modal#newsletter-signup .modal-footer,
.modal#education-newsletter-signup .modal-footer,
.modal#public-engagement-signup .modal-footer,
.modal#community-newsletter-signup .modal-footer,
.modal#become-member-info .modal-footer,
.modal#why-donate .modal-footer,
#form-newsletter-signup .modal-footer {
  padding: 0;
  padding-top: 10px;
}

.modal#donations-info .modal-footer .donations-no,
.modal#gift-aid-info .modal-footer .donations-no,
.modal#newsletter-signup .modal-footer .donations-no,
.modal#education-newsletter-signup .modal-footer .donations-no,
.modal#public-engagement-signup .modal-footer .donations-no,
.modal#community-newsletter-signup .modal-footer .donations-no,
.modal#become-member-info .modal-footer .donations-no,
.modal#why-donate .modal-footer .donations-no,
#form-newsletter-signup .modal-footer .donations-no {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #4c4c4c;
  float: left;
  box-shadow: 0 4px 0 #a9a9a9;
}

.modal#donations-info .modal-footer .donations-no:hover,
.modal#gift-aid-info .modal-footer .donations-no:hover,
.modal#newsletter-signup .modal-footer .donations-no:hover,
.modal#education-newsletter-signup .modal-footer .donations-no:hover,
.modal#public-engagement-signup .modal-footer .donations-no:hover,
.modal#community-newsletter-signup .modal-footer .donations-no:hover,
.modal#become-member-info .modal-footer .donations-no:hover,
.modal#why-donate .modal-footer .donations-no:hover,
#form-newsletter-signup .modal-footer .donations-no:hover {
  top: 2px;
  box-shadow: 0 2px 0 #a9a9a9;
}

.modal#donations-info .modal-footer .donations-no:focus,
.modal#gift-aid-info .modal-footer .donations-no:focus,
.modal#newsletter-signup .modal-footer .donations-no:focus,
.modal#education-newsletter-signup .modal-footer .donations-no:focus,
.modal#public-engagement-signup .modal-footer .donations-no:focus,
.modal#community-newsletter-signup .modal-footer .donations-no:focus,
.modal#become-member-info .modal-footer .donations-no:focus,
.modal#why-donate .modal-footer .donations-no:focus,
#form-newsletter-signup .modal-footer .donations-no:focus {
  top: 4px;
  box-shadow: none;
  background: #e5e5e5;
  border-color: #e5e5e5;
}

.modal#donations-info .modal-footer .donations-yes,
.modal#gift-aid-info .modal-footer .donations-yes,
.modal#newsletter-signup .modal-footer .donations-yes,
.modal#education-newsletter-signup .modal-footer .donations-yes,
.modal#public-engagement-signup .modal-footer .donations-yes,
.modal#community-newsletter-signup .modal-footer .donations-yes,
.modal#become-member-info .modal-footer .donations-yes,
.modal#why-donate .modal-footer .donations-yes,
#form-newsletter-signup .modal-footer .donations-yes {
  float: right;
  margin-right: 0;
}

.modal#donations-info .footer-left,
.modal#gift-aid-info .footer-left,
.modal#newsletter-signup .footer-left,
.modal#education-newsletter-signup .footer-left,
.modal#public-engagement-signup .footer-left,
.modal#community-newsletter-signup .footer-left,
.modal#become-member-info .footer-left,
.modal#why-donate .footer-left,
#form-newsletter-signup .footer-left {
  text-align: left;
}

.modal#newsletter-signup .modal-body,
.modal#education-newsletter-signup .modal-body,
.modal#public-engagement-signup .modal-body,
.modal#community-newsletter-signup .modal-body,
#form-newsletter-signup .modal-body {
  background: #2e2d44;
}

.modal#newsletter-signup .modal-body .action-close, .modal#newsletter-signup .modal-body h3, .modal#newsletter-signup .modal-body h4, .modal#newsletter-signup .modal-body p, .modal#newsletter-signup .modal-body label, .modal#newsletter-signup .modal-body h5,
.modal#education-newsletter-signup .modal-body .action-close,
.modal#education-newsletter-signup .modal-body h3,
.modal#education-newsletter-signup .modal-body h4,
.modal#education-newsletter-signup .modal-body p,
.modal#education-newsletter-signup .modal-body label,
.modal#education-newsletter-signup .modal-body h5,
.modal#public-engagement-signup .modal-body .action-close,
.modal#public-engagement-signup .modal-body h3,
.modal#public-engagement-signup .modal-body h4,
.modal#public-engagement-signup .modal-body p,
.modal#public-engagement-signup .modal-body label,
.modal#public-engagement-signup .modal-body h5,
.modal#community-newsletter-signup .modal-body .action-close,
.modal#community-newsletter-signup .modal-body h3,
.modal#community-newsletter-signup .modal-body h4,
.modal#community-newsletter-signup .modal-body p,
.modal#community-newsletter-signup .modal-body label,
.modal#community-newsletter-signup .modal-body h5,
#form-newsletter-signup .modal-body .action-close,
#form-newsletter-signup .modal-body h3,
#form-newsletter-signup .modal-body h4,
#form-newsletter-signup .modal-body p,
#form-newsletter-signup .modal-body label,
#form-newsletter-signup .modal-body h5 {
  color: #fff;
}

.modal#newsletter-signup .modal-body h4,
.modal#education-newsletter-signup .modal-body h4,
.modal#public-engagement-signup .modal-body h4,
.modal#community-newsletter-signup .modal-body h4,
#form-newsletter-signup .modal-body h4 {
  margin-bottom: 10px;
  font-size: 1.5em;
}

.modal#newsletter-signup .modal-body span.asterisk,
.modal#education-newsletter-signup .modal-body span.asterisk,
.modal#public-engagement-signup .modal-body span.asterisk,
.modal#community-newsletter-signup .modal-body span.asterisk,
#form-newsletter-signup .modal-body span.asterisk {
  display: none;
}

.modal#newsletter-signup .modal-body #mc_embed_signup,
.modal#education-newsletter-signup .modal-body #mc_embed_signup,
.modal#public-engagement-signup .modal-body #mc_embed_signup,
.modal#community-newsletter-signup .modal-body #mc_embed_signup,
#form-newsletter-signup .modal-body #mc_embed_signup {
  background: #2e2d44;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form,
.modal#public-engagement-signup .modal-body #mc_embed_signup form,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form,
#form-newsletter-signup .modal-body #mc_embed_signup form {
  padding: 0 !important;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form .mc-field-group,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group,
.modal#public-engagement-signup .modal-body #mc_embed_signup form .mc-field-group,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group,
#form-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group {
  padding-bottom: 0 !important;
  width: 100%;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form .mc-field-group input,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group input,
.modal#public-engagement-signup .modal-body #mc_embed_signup form .mc-field-group input,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group input,
#form-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group input {
  margin-bottom: 10px;
  border: 0;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group,
.modal#public-engagement-signup .modal-body #mc_embed_signup form .mc-field-group.input-group,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group,
#form-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group {
  margin: 20px 0 20px !important;
  background: #242335;
  border-top: 5px solid #30b7bb;
  padding: 15px;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group input,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group input,
.modal#public-engagement-signup .modal-body #mc_embed_signup form .mc-field-group.input-group input,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group input,
#form-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group input {
  margin-right: 5px !important;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group label,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group label,
.modal#public-engagement-signup .modal-body #mc_embed_signup form .mc-field-group.input-group label,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group label,
#form-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group.input-group label {
  position: relative;
  top: -1px;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr p,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr p,
.modal#public-engagement-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr p,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr p,
#form-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr p {
  margin-bottom: 0;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group,
.modal#public-engagement-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group,
#form-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group {
  margin-bottom: 1em;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group label,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group label,
.modal#public-engagement-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group label,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group label,
#form-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group label {
  padding-left: 20px;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group input,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group input,
.modal#public-engagement-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group input,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group input,
#form-newsletter-signup .modal-body #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group input {
  width: auto;
  margin-left: -20px;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form .button,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form .button,
.modal#public-engagement-signup .modal-body #mc_embed_signup form .button,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form .button,
#form-newsletter-signup .modal-body #mc_embed_signup form .button {
  background: #e12a58 !important;
  color: #fff !important;
  padding: 8px 15px !important;
  height: 48px !important;
  transition-duration: 0s;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form div.mce_inline_error,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form div.mce_inline_error,
.modal#public-engagement-signup .modal-body #mc_embed_signup form div.mce_inline_error,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form div.mce_inline_error,
#form-newsletter-signup .modal-body #mc_embed_signup form div.mce_inline_error {
  padding: 0 !important;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form div#mce-responses,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses,
.modal#public-engagement-signup .modal-body #mc_embed_signup form div#mce-responses,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses,
#form-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses {
  margin: 0 !important;
  width: 100% !important;
  padding: 0 !important;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form div#mce-responses div.response,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses div.response,
.modal#public-engagement-signup .modal-body #mc_embed_signup form div#mce-responses div.response,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses div.response,
#form-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses div.response {
  color: #fff;
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif !important;
  font-weight: normal !important;
  margin: 0 !important;
  width: 100% !important;
  padding: 10px !important;
  margin-bottom: 20px !important;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form div#mce-responses div.response a,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses div.response a,
.modal#public-engagement-signup .modal-body #mc_embed_signup form div#mce-responses div.response a,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses div.response a,
#form-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses div.response a {
  color: #fff !important;
  text-decoration: underline;
  display: block;
  margin-top: 10px;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form div#mce-responses #mce-error-response,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses #mce-error-response,
.modal#public-engagement-signup .modal-body #mc_embed_signup form div#mce-responses #mce-error-response,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses #mce-error-response,
#form-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses #mce-error-response {
  background: #ce1c1c !important;
}

.modal#newsletter-signup .modal-body #mc_embed_signup form div#mce-responses #mce-success-response,
.modal#education-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses #mce-success-response,
.modal#public-engagement-signup .modal-body #mc_embed_signup form div#mce-responses #mce-success-response,
.modal#community-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses #mce-success-response,
#form-newsletter-signup .modal-body #mc_embed_signup form div#mce-responses #mce-success-response {
  background: #18a918 !important;
}

.modal#newsletter-signup .modal-body #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error,
.modal#education-newsletter-signup .modal-body #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error,
.modal#public-engagement-signup .modal-body #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error,
.modal#community-newsletter-signup .modal-body #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error,
#form-newsletter-signup .modal-body #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: none !important;
  background: #ffcaca !important;
  position: relative;
  background: none;
}

.modal#newsletter-signup .modal-body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error,
.modal#education-newsletter-signup .modal-body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error,
.modal#public-engagement-signup .modal-body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error,
.modal#community-newsletter-signup .modal-body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error,
#form-newsletter-signup .modal-body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif !important;
  color: #FFEB3B !important;
  font-weight: 500;
  top: -10px;
  margin-bottom: 0 !important;
  position: relative;
  background: none;
}

.open-donation-modal {
  font-size: 13px;
  color: #e12a58;
  text-decoration: underline;
}

.open-donation-modal:hover {
  cursor: pointer;
  text-decoration: none;
}

#why-donate .action-close {
  float: right;
}

#why-donate .content-area h4 {
  margin-bottom: .7em;
}

@media screen and (max-width: 767px) {
  .modal#mobile-whats-on .form-item-month-of-visit,
  .modal#mobile-whats-on .form-group.age-groups,
  .modal#mobile-whats-on .form-group.date-of-visit {
    max-width: 100%;
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 20px;
  }
  .modal#mobile-whats-on .form-item-month-of-visit label,
  .modal#mobile-whats-on .form-group.age-groups label,
  .modal#mobile-whats-on .form-group.date-of-visit label {
    color: #fff;
    margin-bottom: 1px;
  }
  .modal#mobile-whats-on .form-item-month-of-visit select,
  .modal#mobile-whats-on .form-group.age-groups select,
  .modal#mobile-whats-on .form-group.date-of-visit select {
    background-color: #fff;
    color: #2e2d44;
    height: 44px;
    background-image: url("/themes/custom/glasgowsciencecentre/images/arrow-down-blue.png") !important;
    background-size: 10px;
    width: 100%;
    min-width: 1px;
  }
}

@media screen and (max-width: 580px) {
  .modal#mobile-whats-on .form-group.date-of-visit, .modal#mobile-whats-on .form-group.age-groups {
    max-width: 100%;
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 20px;
  }
  .modal#mobile-whats-on .form-group.age-groups .dropdown-filter ul {
    max-width: 100%;
  }
  .modal#mobile-whats-on .form-actions {
    width: 100%;
  }
  .modal#donations-info .modal-footer .donations-no {
    background: none;
    border: none;
    color: #4c4c4c;
    float: none;
    width: 100%;
  }
  .modal#donations-info .modal-footer .donations-yes {
    float: none;
    margin-right: 0;
    width: 100%;
    clear: both;
  }
}

.sidebar .signpost {
  background: #fff;
  border-top: 5px solid #30b7bb;
  padding: 15px;
  margin-bottom: 15px;
}

.sidebar .signpost .icon {
  font-size: 1.75em;
  float: right;
  border: 1px solid #2e2d44;
  padding: 10px;
  border-radius: 100px;
  height: 48px;
  width: 48px;
}

.sidebar .signpost p.button-link {
  margin-bottom: 0;
}

.sidebar .signpost p.button-link .btn, .sidebar .signpost p.button-link .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group .sidebar .signpost p.button-link input[type=submit], .sidebar .signpost p.button-link .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters .sidebar .signpost p.button-link #edit-submit-whats-on-grid,
.sidebar .signpost p.button-link .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters .sidebar .signpost p.button-link #edit-submit-educational-experiences,
.sidebar .signpost p.button-link .whats-on-filters #edit-submit-grid-overview, .whats-on-filters .sidebar .signpost p.button-link #edit-submit-grid-overview, .sidebar .signpost p.button-link .button-cta a, .button-cta .sidebar .signpost p.button-link a {
  height: 40px;
  padding: 7px 14px;
  margin-bottom: 0;
}

.page-node-153 #block-glasgowsciencecentre-whenisthesciencecentreopen,
.page-node-154 #block-glasgowsciencecentre-ticketinformationandpricing,
.page-node-155 #block-glasgowsciencecentre-parkingatgsc {
  display: none;
}

@media screen and (max-width: 767px) {
  .sidebar .inner {
    padding: 15px;
  }
}

/* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT

----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 20px;
  left: 3px;
  right: 3px;
  height: 2px;
  background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: "";
}

.c-hamburger span::before {
  top: -8px;
}

.c-hamburger span::after {
  bottom: -8px;
}

/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
  background-color: transparent;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: transparent;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

/* BACK TO TOP*/
.cd-top {
  display: block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 20px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #2e2d44 url(../images/cd-top-arrow.svg) no-repeat center 50%;
  border: 1px solid #fff;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 9;
  border-radius: 100px;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  opacity: .6;
}

.cd-top.cd-fade-out:hover {
  opacity: 1;
}

.no-touch .cd-top:hover {
  background-color: #2e2d44;
  opacity: 1;
}

.breadcrumbs .container {
  max-width: 1560px;
}

.breadcrumbs ol.breadcrumb {
  background: none;
  padding-left: 0;
  margin-top: 10px;
  border-bottom: 1px solid #2e2d44;
  border-radius: 0;
  float: left;
  clear: both;
  padding-right: 0;
}

.breadcrumbs ol.breadcrumb li.active, .breadcrumbs ol.breadcrumb li a {
  color: #2e2d44;
}

.breadcrumbs ol.breadcrumb li a:hover {
  text-decoration: none;
}

.breadcrumbs ol.breadcrumb li:before {
  color: #2e2d44;
}

body.page-node-177 .breadcrumbs,
body.page-node-182 .breadcrumbs,
body.page-node-183 .breadcrumbs {
  display: none;
}

@media screen and (max-width: 767px) {
  .breadcrumbs ol.breadcrumb {
    padding: 5px 0;
  }
  .breadcrumbs ol.breadcrumb li {
    font-size: 13px;
  }
}

@media screen and (max-width: 580px) {
  .breadcrumbs ol.breadcrumb {
    padding: 3px 0;
  }
  .breadcrumbs ol.breadcrumb li {
    font-size: 12px;
  }
}

.path-frontpage bacjasas .form-group {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.grab-cursor {
  cursor: url(../images/grab.png) 8 8, move;
}

.grabbing-cursor {
  cursor: url(../images/grabbing.png) 8 8, move;
}

.royalSlider.heroSlider {
  width: 100%;
  max-height: 100vh;
  overflow: hidden;
  background: #2e2d44;
}

.royalSlider.heroSlider .rsImg {
  width: 100% !important;
  height: auto !important;
  margin-left: 0 !important;
}

.royalSlider.heroSlider .rsContent {
  overflow: hidden;
}

.royalSlider.heroSlider .text-container {
  position: absolute;
  top: 0;
  height: 78%;
  width: 100%;
  left: 0;
  background-position: 0 20px;
  background: url(../images/banner-swoosh.svg);
  background-repeat: no-repeat;
  background-position: 20px 0;
}

.royalSlider.heroSlider .text-container .inner {
  position: absolute;
  bottom: 0;
  left: 14%;
}

.royalSlider.heroSlider .text-container .type-of-campaign {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.royalSlider.heroSlider .text-container .type-of-campaign p {
  text-transform: uppercase;
  display: inline;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.royalSlider.heroSlider .text-container .title-of-campaign h2 {
  font-size: 4em;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-weight: 800;
  margin-bottom: 0;
  padding: 5px 0;
}

.royalSlider.heroSlider .text-container .link-to-campaign p {
  margin: 0;
}

.royalSlider.heroSlider .text-container .link-to-campaign .btn, .royalSlider.heroSlider .text-container .link-to-campaign .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group .royalSlider.heroSlider .text-container .link-to-campaign input[type=submit], .royalSlider.heroSlider .text-container .link-to-campaign .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters .royalSlider.heroSlider .text-container .link-to-campaign #edit-submit-whats-on-grid,
.royalSlider.heroSlider .text-container .link-to-campaign .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters .royalSlider.heroSlider .text-container .link-to-campaign #edit-submit-educational-experiences,
.royalSlider.heroSlider .text-container .link-to-campaign .whats-on-filters #edit-submit-grid-overview, .whats-on-filters .royalSlider.heroSlider .text-container .link-to-campaign #edit-submit-grid-overview, .royalSlider.heroSlider .text-container .link-to-campaign .button-cta a, .button-cta .royalSlider.heroSlider .text-container .link-to-campaign a {
  margin: 0;
}

.royalSlider.heroSlider .rsArrow {
  height: 55px;
  width: 55px;
}

.royalSlider.heroSlider .rsArrow .rsArrowIcn {
  background-repeat: no-repeat;
  background-size: 55px;
  width: 55px;
  height: 55px;
}

.royalSlider.heroSlider .rsArrow.rsArrowLeft {
  background: url(../images/left-slide-arrow.svg);
  right: 75px;
  bottom: 10%;
  transition: all 0.3s ease;
}

.royalSlider.heroSlider .rsArrow.rsArrowLeft:hover {
  right: 77px;
}

.royalSlider.heroSlider .rsArrow.rsArrowRight {
  background: url(../images/right-slide-arrow.svg);
  bottom: 10%;
  transition: all 0.3s ease;
}

.royalSlider.heroSlider .rsArrow.rsArrowRight:hover {
  right: 5px;
}

.royalSlider.heroSlider .rsBullets {
  width: 120px;
  right: 10px;
  bottom: 35px;
}

.royalSlider.heroSlider .rsBullet {
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 2px;
}

.royalSlider.heroSlider .rsBullet span {
  width: 10px;
  height: 10px;
}

#homepage-campaign-banner.royalSlider {
  height: auto;
}

#homepage-campaign-banner.rsMinW, #homepage-campaign-banner .rsSlide {
  background: #2e2d44;
}

#homepage-campaign-banner .rsContent .rsImg, #homepage-campaign-banner .rsContent .text-container {
  opacity: 0;
  margin-top: -3px;
}

#homepage-campaign-banner .rsContent + .rsContent {
  display: none;
}

#homepage-campaign-banner.activeSlider .rsImg, #homepage-campaign-banner.activeSlider .text-container {
  opacity: 1;
}

#homepage-campaign-banner.activeSlider .rsContent + .rsContent {
  display: block;
}

#campaign-banner {
  width: 100%;
  max-height: 80vh;
  overflow: hidden;
  background: #2e2d44;
  position: relative;
}

#campaign-banner img.campaign-image {
  width: 100%;
}

#campaign-banner .text-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
}

#campaign-banner .text-container .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  text-align: center;
}

#campaign-banner .text-container .type-of-campaign {
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

#campaign-banner .text-container .type-of-campaign p {
  text-transform: uppercase;
  display: inline-block;
  color: #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
  margin-bottom: 0;
}

#campaign-banner .text-container .title-of-campaign {
  width: 100%;
}

#campaign-banner .text-container .title-of-campaign h2 {
  font-size: 3.5em;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-weight: 800;
  margin-bottom: 0;
  padding: 5px 0;
  max-width: 1100px;
  margin: 0 auto;
}

#campaign-banner .text-container .link-to-campaign p {
  margin: 0;
}

#campaign-banner .text-container .link-to-campaign .btn, #campaign-banner .text-container .link-to-campaign .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group #campaign-banner .text-container .link-to-campaign input[type=submit], #campaign-banner .text-container .link-to-campaign .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters #campaign-banner .text-container .link-to-campaign #edit-submit-whats-on-grid,
#campaign-banner .text-container .link-to-campaign .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters #campaign-banner .text-container .link-to-campaign #edit-submit-educational-experiences,
#campaign-banner .text-container .link-to-campaign .whats-on-filters #edit-submit-grid-overview, .whats-on-filters #campaign-banner .text-container .link-to-campaign #edit-submit-grid-overview, #campaign-banner .text-container .link-to-campaign .button-cta a, .button-cta #campaign-banner .text-container .link-to-campaign a {
  margin: 0;
}

.page-node-type-information-page #campaign-banner {
  max-height: 60vh;
}

.page-node-type-information-page #campaign-banner .text-container {
  height: 90%;
}

.banner-bottom-swoosh-panel {
  position: relative;
  top: -60px;
  z-index: 10;
}

.banner-bottom-swoosh-panel .panel-swoosh {
  display: block;
  width: 100%;
  height: 50px;
}

.banner-bottom-swoosh-panel .inner {
  background: #2e2d44;
}

.banner-bottom-swoosh-panel .inner p {
  color: #fff;
  margin-bottom: 1em;
}

.banner-bottom-swoosh-panel .inner h1, .banner-bottom-swoosh-panel .inner h2, .banner-bottom-swoosh-panel .inner h3, .banner-bottom-swoosh-panel .inner h4, .banner-bottom-swoosh-panel .inner h5 {
  color: #fff;
}

.banner-bottom-swoosh-panel .inner a {
  color: #36a9e1;
}

.banner-bottom-swoosh-panel .inner a:hover {
  color: #fff;
}

.banner-bottom-swoosh-panel .inner a.btn, .banner-bottom-swoosh-panel .inner .whats-on-filters a#edit-submit-whats-on-grid, .whats-on-filters .banner-bottom-swoosh-panel .inner a#edit-submit-whats-on-grid,
.banner-bottom-swoosh-panel .inner .whats-on-filters a#edit-submit-educational-experiences, .whats-on-filters .banner-bottom-swoosh-panel .inner a#edit-submit-educational-experiences,
.banner-bottom-swoosh-panel .inner .whats-on-filters a#edit-submit-grid-overview, .whats-on-filters .banner-bottom-swoosh-panel .inner a#edit-submit-grid-overview, .banner-bottom-swoosh-panel .inner .button-cta a, .button-cta .banner-bottom-swoosh-panel .inner a {
  color: #fff;
}

#block-discovertoplevelbanner,
#block-toplevelbannerdiscover,
#block-toplevelbannervisit,
#block-toplevelbannerblog,
#block-toplevelbannerlearn {
  position: relative;
  margin-top: -69px;
  z-index: 1;
  max-height: 55vh;
  overflow: hidden;
  margin-bottom: 20px;
  clear: both;
}

#block-discovertoplevelbanner h2,
#block-toplevelbannerdiscover h2,
#block-toplevelbannervisit h2,
#block-toplevelbannerblog h2,
#block-toplevelbannerlearn h2 {
  display: none;
}

#block-discovertoplevelbanner img,
#block-toplevelbannerdiscover img,
#block-toplevelbannervisit img,
#block-toplevelbannerblog img,
#block-toplevelbannerlearn img {
  width: 100%;
  display: block;
}

.information-page-banner {
  max-height: 70vh;
  overflow: hidden;
  margin-bottom: 40px;
}

.information-page-banner img {
  width: 100%;
  height: auto;
  min-width: 767px;
}

@media screen and (max-width: 1360px) {
  .royalSlider.heroSlider .text-container, #campaign-banner .text-container {
    background-position: 0 0;
  }
  .royalSlider.heroSlider .text-container .title-of-campaign h2, #campaign-banner .text-container .title-of-campaign h2 {
    font-size: 3.2em;
  }
  .royalSlider.heroSlider .rsImg, #campaign-banner .rsImg {
    min-width: 1000px;
  }
  .royalSlider.heroSlider {
    min-height: 400px;
  }
  .royalSlider.heroSlider .rsOverflow {
    min-height: 400px;
  }
  #campaign-banner .text-container .title-of-campaign {
    max-width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .royalSlider.heroSlider .text-container, #campaign-banner .text-container {
    background: none;
    height: 100%;
  }
  .royalSlider.heroSlider .text-container .inner, #campaign-banner .text-container .inner {
    width: 100%;
    padding: 0 35px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    top: auto;
    transform: none;
  }
  .royalSlider.heroSlider .text-container .title-of-campaign h2, #campaign-banner .text-container .title-of-campaign h2 {
    font-size: 2.8em;
  }
  .royalSlider.heroSlider .rsArrow, #campaign-banner .rsArrow {
    height: 30px;
    width: 30px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  .royalSlider.heroSlider .rsArrow .rsArrowIcn, #campaign-banner .rsArrow .rsArrowIcn {
    height: 30px;
    width: 30px;
    background-size: 30px;
  }
  .royalSlider.heroSlider .rsArrow.rsArrowLeft, #campaign-banner .rsArrow.rsArrowLeft {
    left: 5px;
  }
  .royalSlider.heroSlider .rsArrow.rsArrowRight, #campaign-banner .rsArrow.rsArrowRight {
    right: 5px;
  }
  .royalSlider.heroSlider .rsBullets, #campaign-banner .rsBullets {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    bottom: 25px;
  }
  .banner-bottom-swoosh-panel {
    top: 0;
    background: #2e2d44;
    margin-bottom: 45px;
  }
  .front .banner-bottom-swoosh-panel {
    margin-bottom: 0;
  }
  #campaign-banner {
    height: auto !important;
  }
  .page-node-type-information-page #campaign-banner .text-container {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .information-page-banner {
    margin-bottom: 20px;
  }
  .royalSlider.heroSlider .rsImg, #campaign-banner .rsImg {
    margin-left: -25% !important;
  }
  .royalSlider.heroSlider .rsArrow.rsArrowRight, #campaign-banner .rsArrow.rsArrowRight {
    bottom: 15px;
    top: auto;
    transform: none;
  }
  .royalSlider.heroSlider .rsArrow.rsArrowLeft, #campaign-banner .rsArrow.rsArrowLeft {
    bottom: 15px;
    top: auto;
    transform: none;
  }
  .royalSlider.heroSlider .text-container .title-of-campaign h2, #campaign-banner .text-container .title-of-campaign h2 {
    font-size: 2.5em;
  }
  #campaign-banner {
    height: 330px !important;
  }
  #campaign-banner .text-container {
    height: 400px;
  }
  #campaign-banner .text-container .inner {
    top: 50%;
  }
  #block-discovertoplevelbanner,
  #block-toplevelbannerblog,
  #block-toplevelbannerdiscover,
  #block-toplevelbannervisit,
  #block-toplevelbannerlearn {
    margin-top: -5px;
  }
}

@media screen and (max-width: 580px) {
  .royalSlider.heroSlider .text-container .inner, #campaign-banner .text-container .inner {
    padding: 0 15px;
  }
  .royalSlider.heroSlider .text-container .title-of-campaign h2, #campaign-banner .text-container .title-of-campaign h2 {
    font-size: 2em;
  }
  .royalSlider.heroSlider .rsArrow, #campaign-banner .rsArrow {
    transform: none;
  }
  .royalSlider.heroSlider .rsBullets, #campaign-banner .rsBullets {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .royalSlider.heroSlider {
    min-height: 350px;
  }
  .royalSlider.heroSlider .rsImg {
    min-width: 850px;
  }
  .royalSlider.heroSlider .rsOverflow {
    min-height: 350px;
  }
  #campaign-banner {
    height: 230px !important;
  }
  #campaign-banner .text-container {
    height: 230px;
  }
  #campaign-banner .text-container .inner {
    top: 55%;
  }
  #campaign-banner img.campaign-image {
    margin-left: 0;
    min-width: 790px;
  }
  #block-toplevelbannerblog,
  #block-discovertoplevelbanner,
  #block-toplevelbannerdiscover,
  #block-toplevelbannervisit,
  #block-toplevelbannerlearn {
    margin-top: -10px;
  }
  #block-toplevelbannerblog img,
  #block-discovertoplevelbanner img,
  #block-toplevelbannerdiscover img,
  #block-toplevelbannervisit img,
  #block-toplevelbannerlearn img {
    min-width: 500px;
  }
}

@media screen and (max-width: 480px) {
  #campaign-banner .rsImg, .royalSlider.heroSlider .rsImg {
    margin-left: -75% !important;
  }
  #campaign-banner img.campaign-image, .royalSlider.heroSlider img.campaign-image {
    margin-left: -50%;
  }
  #campaign-banner .text-container .type-of-campaign, .royalSlider.heroSlider .text-container .type-of-campaign {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  }
  #campaign-banner .text-container .type-of-campaign p, .royalSlider.heroSlider .text-container .type-of-campaign p {
    font-size: 0.8em;
  }
  #campaign-banner .text-container .title-of-campaign, .royalSlider.heroSlider .text-container .title-of-campaign {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  }
  #campaign-banner .text-container .title-of-campaign h2, .royalSlider.heroSlider .text-container .title-of-campaign h2 {
    font-size: 1.6em;
  }
  .information-page-banner img {
    margin-left: -300px;
    min-width: 767px;
  }
}

ul.pagination {
  text-align: center;
  width: 100%;
}

ul.pagination li {
  display: inline-block;
  height: 35px;
  width: 35px;
}

ul.pagination li a {
  display: block;
  width: 35px;
  height: 35px;
}

ul.pagination > li:first-child > a,
ul.pagination > li:first-child > span,
ul.pagination > li:last-child > a,
ul.pagination > li:last-child > span,
ul.pagination > li > a,
ul.pagination > li > span {
  border-radius: 100px;
  background: #e12a58;
  border: 1px solid #e12a58;
  color: #fff;
}

ul.pagination > .active > a,
ul.pagination > .active > span,
ul.pagination > .active > a:hover,
ul.pagination > .active > span:hover,
ul.pagination > .active > a:focus,
ul.pagination > .active > span:focus {
  background: #2e2d44;
  border-color: #2e2d44;
}

ul.pagination > li > a:hover,
ul.pagination > li > span:hover,
ul.pagination > li > a:focus,
ul.pagination > li > span:focus {
  background: #fff;
  color: #e12a58;
  border-color: #e12a58;
}

ul.pagination li.pager__item.active a {
  background: #2e2d44;
  border-color: #2e2d44;
}

.content-block {
  padding: 45px 15px 25px;
  margin-bottom: 0;
}

.content-block .container {
  max-width: 900px;
  width: 100%;
}

.content-block.dark-blue-bg {
  background: #2e2d44;
  color: #fff;
}

.content-block.dark-blue-bg h1, .content-block.dark-blue-bg h2, .content-block.dark-blue-bg h3, .content-block.dark-blue-bg h4, .content-block.dark-blue-bg h5, .content-block.dark-blue-bg p, .content-block.dark-blue-bg label, .content-block.dark-blue-bg ul, .content-block.dark-blue-bg li {
  color: #fff;
}

.content-block.dark-blue-bg a:not(.btn) {
  color: #30b7bb;
}

.content-block.dark-blue-bg a:not(.btn):hover, .content-block.dark-blue-bg a:not(.btn):focus, .content-block.dark-blue-bg a:not(.btn):Active, .content-block.dark-blue-bg a:not(.btn).active {
  color: #fff;
}

.content-block p.text-center {
  max-width: 767px;
  margin: 0 auto 1em;
}

.content-block p, .content-block h2, .content-block h3, .content-block h4, .content-block h5 {
  text-align: left;
}

.content-block.teal-top {
  border-top: 5px solid #30b7bb;
}

.content-block.page-message.alert {
  border-top: 5px solid #e40426;
  border-radius: 0;
  background-image: url("../images/warning-triangle.png");
  background-repeat: no-repeat;
  background-size: 31px;
  background-position: right 15px top 15px;
  padding-top: 20px;
}

.content-block.page-message.alert h3 {
  text-align: left;
}

.content-block.page-message.quote p {
  text-align: center;
  font-style: italic;
  font-weight: 300;
  font-size: 1.2em;
  max-width: 90%;
  margin: 0 auto;
}

.content-block.page-message.quote p:before, .content-block.page-message.quote p:after {
  content: '"';
  position: relative;
}

.content-block.page-message.quote p.quote-source {
  font-style: normal;
  font-size: 0.9em;
  margin-top: 20px;
  font-weight: 400;
}

.content-block.page-message.quote p.quote-source:before, .content-block.page-message.quote p.quote-source:after {
  display: none;
}

.content-block.dark-blue-bg.teal-top h3 {
  text-align: center !important;
}

.donate-giftaid h4 {
  text-transform: none;
}

.donate-giftaid p img {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
  max-width: 163px;
}

.science-entry-tickets {
  margin-bottom: 0;
}

.science-entry-tickets .container {
  max-width: 1200px;
}

.science-entry-tickets img {
  width: 40%;
  float: right;
}

.space-features h2, .space-features h3 {
  text-align: center;
}

.space-features ul {
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  max-width: 800px;
  margin: 0 auto;
}

.space-features ul li {
  padding-left: 10px;
  list-style: none;
}

.space-features ul li:before {
  content: '';
  width: 5px;
  height: 5px;
  background: #2e2d44;
  border-radius: 100px;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 10px;
}

.space-features .floorplan-location {
  margin-top: 15px;
}

.space-features .floorplan-location img {
  margin: 10px auto;
  width: 100%;
  max-width: 800px;
  display: block;
  height: auto;
}

.space-features .interested-in-space {
  text-align: center;
  padding: 15px 0;
}

.space-features .interested-in-space p {
  text-align: center;
}

.space-facts-and-figures h2 {
  margin-bottom: 1em;
  text-align: center;
}

.space-facts-and-figures h5 {
  text-align: left;
}

.reasons-to-choose h2, .reasons-to-choose h3, .reasons-to-choose p {
  text-align: center;
}

.reasons-to-choose ul {
  max-width: 700px;
  margin: 0 auto 30px;
  width: auto;
  padding-left: 0;
}

.reasons-to-choose ul li {
  list-style: none;
}

.reasons-to-choose ul li:before {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url("/themes/custom/glasgowsciencecentre/images/tick-teal.png");
  background-size: 20px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.catering-options h2, .catering-options p {
  text-align: center;
}

.catering-options p {
  margin-bottom: 0 !important;
}

.catering-options .image-gallery {
  margin-bottom: 0;
  padding-bottom: 0;
}

.catering-options .catering-images {
  text-align: center;
}

.catering-options .catering-images img {
  width: 24%;
  margin: 15px 0;
}

.quote-panel h2, .quote-panel p {
  text-align: center;
}

.quote-panel p.italic {
  font-size: 1em;
  margin-bottom: 0.5em;
}

.quote-panel p.italic:before, .quote-panel p.italic:after {
  content: '"';
  font-weight: 300;
}

.quote-panel p.quote-source {
  margin-top: 10px;
  margin-bottom: 15px;
  font-weight: bold;
}

.case-studies-related .item {
  background: #fff;
  margin-bottom: 10px;
}

.case-studies-related .item img {
  width: 100%;
}

.case-studies-related .item .text-container {
  padding: 10px 15px;
}

.cant-visit-us {
  background: #2e2d44;
  padding: 25px 20px 15px;
  margin-bottom: 10px;
}

.cant-visit-us .left {
  width: calc(100% - 250px);
  float: left;
}

.cant-visit-us .left h4 {
  text-align: left;
  margin: 0;
  color: #fff;
}

.cant-visit-us .left p {
  margin: 0;
  color: #fff;
}

.cant-visit-us .right {
  width: 250px;
  float: right;
}

.cant-visit-us .right p {
  margin: 0;
}

#block-views-block-our-supporters-block-1 .content-block {
  padding: 0;
}

#block-views-block-our-supporters-block-1 .content-block > .container {
  padding: 0;
}

#block-views-block-our-supporters-block-1 .supporter-item .inner {
  border: 1px solid #d9d9d9;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}

#block-views-block-our-supporters-block-1 .supporter-item .inner h5 {
  margin-bottom: 0;
  text-align: center;
}

#block-views-block-our-supporters-block-1 .supporter-item .inner p {
  text-align: center;
}

.board-members .content-block {
  padding-top: 15px;
  margin-bottom: 10px;
}

.board-members .item h3 {
  margin-bottom: 0;
}

.board-members .item h3 a {
  pointer-events: none;
  color: #2e2d44;
}

.board-members .item h5 {
  font-size: 1em;
}

.board-members .item img {
  float: right;
  border-radius: 100%;
  height: 100px;
  width: 100px;
  margin-left: 15px;
  margin-bottom: 15px;
}

body.page-node-275 .tower-status {
  margin-top: -45px;
  padding: 20px 10px 20px;
  margin-bottom: 20px;
}

body.page-node-275 .tower-status.open {
  background: #22b573;
}

body.page-node-275 .tower-status.closed {
  background: #e40426;
}

body.page-node-275 .tower-status h2, body.page-node-275 .tower-status h3, body.page-node-275 .tower-status p {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}

#block-views-block-other-experiences-other-experience,
#block-views-block-similar-spaces-similar-spaces {
  margin: 0;
  padding: 30px 0;
}

#block-views-block-other-experiences-other-experience h2,
#block-views-block-similar-spaces-similar-spaces h2 {
  text-align: center;
}

#block-views-block-other-experiences-other-experience .form-group,
#block-views-block-similar-spaces-similar-spaces .form-group {
  margin: 0;
}

#block-views-block-other-experiences-other-experience .related-items-wrapper,
#block-views-block-similar-spaces-similar-spaces .related-items-wrapper {
  padding-top: 0;
}

#block-views-block-other-experiences-other-experience .related-items-wrapper li .item .text-container h2,
#block-views-block-similar-spaces-similar-spaces .related-items-wrapper li .item .text-container h2 {
  text-align: left;
}

#block-views-block-other-experiences-other-experience .related-items-wrapper li .item p.button-link,
#block-views-block-similar-spaces-similar-spaces .related-items-wrapper li .item p.button-link {
  padding: 0;
}

#block-views-block-other-experiences-other-experience .related-items-wrapper .related-items-carousel .item,
#block-views-block-similar-spaces-similar-spaces .related-items-wrapper .related-items-carousel .item {
  margin-bottom: 0;
}

#block-views-block-other-experiences-other-experience .related-items-wrapper .jcarousel-wrapper.related-items-carousel,
#block-views-block-similar-spaces-similar-spaces .related-items-wrapper .jcarousel-wrapper.related-items-carousel {
  margin-bottom: 0;
}

.get-in-touch-signpost h4, .get-in-touch-signpost p {
  text-align: center;
}

.content-block.interested-in-holding-event h3, .content-block.interested-in-holding-event p {
  text-align: center !important;
}

@media screen and (max-width: 767px) {
  .space-features ul {
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 0;
  }
  .space-features ul li {
    padding-left: 0;
  }
  .content-block {
    padding: 20px 15px 10px;
  }
  .content-block h1, .content-block h2, .content-block h3, .content-block h4, .content-block h5, .content-block p {
    text-align: left;
  }
  .content-block .image-gallery {
    text-align: left;
  }
  .quote-panel p.italic {
    font-size: 1em;
  }
  .quote-panel p.quote-source {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .case-studies-related .item {
    overflow: hidden;
    position: relative;
  }
  .case-studies-related .item img {
    width: 40%;
    float: left;
  }
  .case-studies-related .item .text-container {
    padding: 10px 15px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    position: absolute;
    left: 40%;
  }
  .cant-visit-us {
    padding: 15px;
  }
  .cant-visit-us .left {
    width: 100%;
    float: none;
  }
  .cant-visit-us .left h4 {
    text-align: left;
    margin: 0;
    margin-bottom: 5px;
  }
  .cant-visit-us .left p {
    margin: 0;
    text-align: center;
  }
  .cant-visit-us .right {
    width: 100%;
    float: none;
  }
  .cant-visit-us .right p {
    text-align: center;
    width: 100%;
    margin-top: 10px;
  }
  body.page-node-275 .tower-status {
    margin-top: -25px;
  }
}

@media screen and (max-width: 580px) {
  .science-entry-tickets {
    padding: 30px 0;
  }
  .science-entry-tickets img {
    width: 100%;
    float: none;
  }
  .science-entry-tickets .btn, .science-entry-tickets .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group .science-entry-tickets input[type=submit], .science-entry-tickets .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters .science-entry-tickets #edit-submit-whats-on-grid,
  .science-entry-tickets .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters .science-entry-tickets #edit-submit-educational-experiences,
  .science-entry-tickets .whats-on-filters #edit-submit-grid-overview, .whats-on-filters .science-entry-tickets #edit-submit-grid-overview, .science-entry-tickets .button-cta a, .button-cta .science-entry-tickets a {
    width: 100%;
  }
  .space-features ul {
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
    max-width: 1000px;
    margin: 0 auto;
  }
  .catering-options {
    padding-top: 10px;
  }
  .catering-options .catering-images {
    text-align: center;
    margin: 15px 0;
    display: block;
    clear: both;
  }
  .catering-options .catering-images img {
    width: 49%;
    margin: 0;
  }
  .case-studies-related .item img {
    width: 100%;
    float: none;
  }
  .case-studies-related .item .text-container {
    position: relative;
    transform: none;
    top: 0;
    left: 0;
  }
  .donate-giftaid p img {
    width: 45%;
  }
  .content-block.page-message.alert {
    background-position: 95% 15px;
    background-size: 25px;
  }
  .content-block.page-message.alert .inner {
    padding: 0;
    padding-right: 25px;
  }
  .board-members .item img {
    height: 75px;
    width: 75px;
    margin-left: 10px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 400px) {
  #block-views-block-our-supporters-block-1 .supporter-item {
    width: 100%;
  }
}

.full-width img {
  width: 100%;
  height: auto;
}

.tower-status p {
  text-align: center;
}

.light-background {
  background: #FFF;
}

.spacing {
  margin: 1em 0em;
}

table {
  margin-bottom: 20px;
}

table tr {
  border: 1px solid #2e2d44;
}

table td {
  border-right: 1px solid #2e2d44;
  padding: 10px;
}

table thead {
  background: #2e2d44;
  color: #fff;
}

table thead th {
  padding: 10px 15px;
}

table thead p {
  color: #fff;
  margin: 0;
}

table thead p span {
  width: 100%;
  display: block;
  clear: both;
  font-size: 0.9em;
}

table tbody tr td {
  padding: 10px 15px;
}

table tbody tr td p {
  margin: 0;
}

table tbody tr td p span {
  width: 100%;
  display: block;
  clear: both;
  font-size: 0.9em;
}

table tbody tr:nth-child(even) {
  background: #f2f2f2;
}

.gsc-entry-tickets-table {
  padding: 15px;
}

.gsc-entry-tickets-table .visiting-when {
  margin-bottom: 20px;
}

.gsc-entry-tickets-table .visiting-when input {
  padding-right: 50px;
}

.gsc-entry-tickets-table .pricing-table {
  width: 100%;
}

.gsc-entry-tickets-table .pricing-table th {
  border: 1px solid #fff;
  font-weight: 600;
}

.gsc-entry-tickets-table .pricing-table th:first-child {
  border: 0;
}

.gsc-entry-tickets-table .pricing-table tr {
  border: 1px solid #fff;
  background: #2e2d44;
}

.gsc-entry-tickets-table .pricing-table tr td {
  border-right: 1px solid #fff;
}

.gsc-entry-tickets-table .pricing-table thead tr {
  border: 0;
}

.gsc-entry-tickets-table .pricing-table thead tr th.selected {
  background: #30b7bb;
}

.gsc-entry-tickets-table .pricing-table tr th, .gsc-entry-tickets-table .pricing-table tr td {
  padding: 10px;
}

.gsc-entry-tickets-table .pricing-table tr th:first-child,
.gsc-entry-tickets-table .pricing-table tr td:first-child {
  width: 25%;
}

.gsc-entry-tickets-table .pricing-table tr th:first-child p,
.gsc-entry-tickets-table .pricing-table tr td:first-child p {
  font-weight: 600;
}

.gsc-entry-tickets-table .pricing-table tr td p {
  text-transform: uppercase;
  margin-bottom: 0;
}

.gsc-entry-tickets-table .pricing-table tr td p span.detail {
  display: block;
  width: 100%;
  font-size: 0.9em;
  text-transform: none;
  font-weight: 400;
  line-height: 1.1em;
}

.gsc-entry-tickets-table .pricing-table tr td.selected {
  background: #30b7bb;
  font-weight: 600;
}

.gsc-entry-tickets-table .pricing-table tr td.selected p {
  font-weight: 600;
}

.gsc-entry-tickets-table .pricing-table tr td.std-price {
  width: 20%;
}

.gsc-entry-tickets-table .pricing-table tr td.without-donation {
  width: 20%;
}

.gsc-entry-tickets-table .pricing-table tr td.quantity {
  width: 20%;
}

.gsc-entry-tickets-table .pricing-table tr td.subtotal {
  width: 15%;
}

.gsc-entry-tickets-table .pricing-table tfoot tr {
  border: 0;
}

.gsc-entry-tickets-table .pricing-table tfoot tr td {
  font-weight: 600;
}

.gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(1), .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(2) {
  border: 0;
}

.gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(4), .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(5) {
  border-bottom: 1px solid #fff;
}

.gsc-entry-tickets-table .checkbox label {
  padding-left: 25px;
}

.gsc-entry-tickets-table .checkbox label input {
  background: #fff;
  -webkit-appearance: none;
  padding: 10px;
  border-radius: 0;
  margin-right: 5px;
  display: block;
}

.gsc-entry-tickets-table .checkbox label input:checked {
  background-image: url("../images/green-tick.png");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
}

.gsc-entry-tickets-table .checkbox label span {
  margin-left: 10px;
  top: 3px;
  position: relative;
  font-size: 0.9em;
}

table#special-opening-hours-table .show-less-special-hours, table#special-opening-hours-table .more-special-hours {
  display: none;
}

table#opening-hours-table {
  width: 100%;
  max-width: 600px;
}

table#opening-hours-table thead {
  border: 0;
}

table#opening-hours-table thead tr {
  border: 0;
}

table#opening-hours-table thead td p {
  font-weight: 600;
}

table#opening-hours-table thead td p span {
  display: block;
  width: 100%;
  font-weight: 400;
}

table#opening-hours-table thead td:first-child {
  background: #fff;
  border: 0;
}

table#opening-hours-table tbody tr td:first-child {
  font-weight: 600;
}

table#parking-rates-information {
  width: 100%;
  max-width: 100%;
}

table#parking-rates-information thead {
  border: 0;
}

table#parking-rates-information thead tr {
  border: 0;
}

table#parking-rates-information thead td p {
  font-weight: 600;
}

table#parking-rates-information thead td p span {
  display: block;
  width: 100%;
  font-weight: 400;
}

table#parking-rates-information thead td:first-child {
  background: #fff;
  border: 0;
  width: 30%;
}

table#parking-rates-information thead td:nth-child(2) {
  width: 20%;
}

table#parking-rates-information thead td:nth-child(3) {
  width: 50%;
}

table#parking-rates-information tbody tr td:first-child {
  font-weight: 600;
}

table#parking-rates-information tbody tr td:first-child span {
  font-weight: 400;
  display: block;
  clear: both;
}

table#parking-rates-information.non-visitor {
  max-width: 300px;
}

table#parking-information {
  width: 100%;
  max-width: 100%;
}

table#parking-information thead {
  border: 0;
}

table#parking-information thead tr {
  border: 0;
}

table#parking-information thead td p {
  font-weight: 600;
}

table#parking-information thead td p span {
  display: block;
  width: 100%;
  font-weight: 400;
}

table#parking-information thead td:first-child {
  background: #fff;
  border: 0;
  width: 30%;
}

table#parking-information thead td:nth-child(2) {
  width: 20%;
}

table#parking-information thead td:nth-child(3) {
  width: 50%;
}

table#parking-information tbody tr td:first-child {
  font-weight: 600;
}

table#parking-information tbody tr td:first-child span {
  font-weight: 400;
  display: block;
  clear: both;
}

table#ticket-information thead {
  border: 0;
}

table#ticket-information thead p {
  font-weight: 600;
}

table#ticket-information thead p span {
  font-weight: 400;
}

table#ticket-information thead p span.open-donation-modal {
  display: none;
}

table#ticket-information thead tr {
  border: 0;
}

table#ticket-information thead td:nth-child(1) {
  width: 30%;
  text-transform: uppercase;
  vertical-align: middle;
}

table#ticket-information thead td:nth-child(2) {
  width: 18%;
}

table#ticket-information thead td:nth-child(3) {
  width: 18%;
}

table#ticket-information thead td:nth-child(4) {
  width: 33%;
}

table#ticket-information thead td:nth-child(5) {
  width: 16%;
  display: none;
}

table#ticket-information tbody tr td {
  font-weight: 600;
  border-top: 1px solid #2e2d44;
}

table#ticket-information tbody tr td p {
  margin: 0;
}

table#ticket-information tbody tr td span {
  font-weight: 400;
}

table#ticket-information tbody tr td:first-child {
  border-top: 1px solid #2e2d44;
  font-weight: 600;
  vertical-align: middle;
}

table#ticket-information tbody tr td:first-child .btn, table#ticket-information tbody tr td:first-child .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group table#ticket-information tbody tr td:first-child input[type=submit], table#ticket-information tbody tr td:first-child .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters table#ticket-information tbody tr td:first-child #edit-submit-whats-on-grid,
table#ticket-information tbody tr td:first-child .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters table#ticket-information tbody tr td:first-child #edit-submit-educational-experiences,
table#ticket-information tbody tr td:first-child .whats-on-filters #edit-submit-grid-overview, .whats-on-filters table#ticket-information tbody tr td:first-child #edit-submit-grid-overview, table#ticket-information tbody tr td:first-child .button-cta a, .button-cta table#ticket-information tbody tr td:first-child a {
  margin: 7px 0;
  padding: 5px 15px;
  height: auto;
}

table#ticket-information tbody tr.table-heading {
  background: #2e2d44 !important;
}

table#ticket-information tbody tr.table-heading td {
  background: #2e2d44;
  color: #fff;
  padding: 18px 10px;
}

table#ticket-information tbody tr.table-heading td:first-child {
  border: 0;
  text-transform: uppercase;
}

.date-of-visit input {
  background-image: url("/themes/custom/glasgowsciencecentre/images/calendar-white.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 25px;
  padding-right: 50px;
}

table.showtimes-table {
  width: 700px;
  margin: 0 auto 20px;
}

table.showtimes-table tr td:first-child {
  background: #434163;
  color: #fff;
  width: 35%;
}

table.showtimes-table tr td:last-child {
  background: #fff;
  width: 55%;
}

table.showtimes-table tr.today td:first-child {
  text-transform: uppercase;
  font-weight: 500;
  background: #22b573;
}

table.showtimes-table tr.today td:last-child {
  background: #22b573;
  color: #fff;
}

.table-responsive {
  position: relative;
}

.table-responsive:before, .table-responsive:after {
  content: '';
  display: none;
  text-align: center;
  width: 100%;
  position: relative;
  top: 0;
  right: 0;
  background-image: url("/themes/custom/glasgowsciencecentre/images/scroll-swipe-to-interact.png");
  background-size: 200px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
}

.table.cookies-table table {
  width: 100% !important;
}

.page-node-190 table td {
  vertical-align: top;
  text-transform: none;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 400;
}

.page-node-190 table td h3 {
  text-transform: none;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 600;
}

.page-node-190 table td h3 br {
  display: none;
}

@media screen and (max-width: 767px) {
  .table-responsive:before, .table-responsive:after {
    display: block;
  }
  .gsc-entry-tickets-table .pricing-table thead {
    display: none;
  }
  .gsc-entry-tickets-table .pricing-table tr {
    display: block;
    clear: both;
    margin-bottom: 20px;
  }
  .gsc-entry-tickets-table .pricing-table tr td {
    border: 0;
    overflow: hidden;
    border-bottom: 1px solid #fff;
  }
  .gsc-entry-tickets-table .pricing-table tr td:first-child {
    width: 100%;
    display: block;
    clear: both;
    border-bottom: 1px solid #fff;
    text-align: center;
  }
  .gsc-entry-tickets-table .pricing-table tr td.std-price {
    width: 100%;
    display: block;
    clear: both;
  }
  .gsc-entry-tickets-table .pricing-table tr td.without-donation {
    width: 100%;
    display: block;
    clear: both;
  }
  .gsc-entry-tickets-table .pricing-table tr td.quantity {
    width: 100%;
    display: block;
    clear: both;
  }
  .gsc-entry-tickets-table .pricing-table tr td.subtotal {
    width: 100%;
    display: block;
    clear: both;
  }
  .gsc-entry-tickets-table .pricing-table tr td span.left {
    float: left;
    text-transform: none;
    display: inline !important;
    width: 50%;
    clear: none;
    font-size: 1em;
  }
  .gsc-entry-tickets-table .pricing-table tr td span.right {
    float: right;
    display: inline !important;
    width: 50%;
    clear: none;
    text-align: right;
    font-size: 1em;
  }
  .gsc-entry-tickets-table .pricing-table tr td:last-child {
    border-bottom: 0;
  }
  .gsc-entry-tickets-table .pricing-table tr td.selected p {
    font-weight: 600;
  }
  .gsc-entry-tickets-table .pricing-table tfoot tr {
    width: 100%;
    border: 1px solid #fff;
  }
  .gsc-entry-tickets-table .pricing-table tfoot tr td {
    border: 0;
  }
  .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(1), .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(2), .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(3) {
    display: none;
  }
  .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(4), .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(5) {
    width: 100%;
    border: 0;
  }
  table.showtimes-table {
    width: 100%;
  }
  .ticket-information-wrapper.table-responsive {
    border: 0;
  }
  .ticket-information-wrapper.table-responsive:before, .ticket-information-wrapper.table-responsive:after {
    display: none;
  }
  table#ticket-information {
    display: none;
  }
  .visible-xs.hidden-sm table#ticket-information {
    display: block;
  }
}

@media screen and (max-width: 580px) {
  table thead tr td {
    padding: 10px;
  }
  table thead p {
    font-size: 0.8em;
  }
  table thead p span {
    font-size: 0.9em;
  }
  table tbody tr td {
    font-size: 0.8em;
    padding: 10px;
  }
  table.showtimes-table tr {
    background: transparent !important;
  }
  table.showtimes-table tr td {
    width: 100% !important;
    display: block;
    clear: both;
  }
  table.showtimes-table tr td:first-child {
    font-size: 0.85em;
  }
  table.showtimes-table tr td:last-child {
    font-size: 0.85em;
    margin-bottom: 10px;
  }
  table.showtimes-table tr.today td:last-child {
    background: #fff;
    color: #2e2d44;
  }
}

.visible-xs.hidden-sm table#ticket-information {
  border: 1px solid #2e2d44;
}

.visible-xs.hidden-sm table#ticket-information thead td:nth-child(1) {
  text-transform: none;
}

.visible-xs.hidden-sm table#ticket-information tr {
  border: none;
}

.visible-xs.hidden-sm table#ticket-information tr.subheading {
  background: #DBF4D5;
}

.visible-xs.hidden-sm table#ticket-information tr.subheading span {
  color: #3B8939;
}

.visible-xs.hidden-sm table#ticket-information td {
  border: none;
  padding: 15px;
}

.visible-xs.hidden-sm table#ticket-information td .btn, .visible-xs.hidden-sm table#ticket-information td .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group .visible-xs.hidden-sm table#ticket-information td input[type=submit], .visible-xs.hidden-sm table#ticket-information td .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters .visible-xs.hidden-sm table#ticket-information td #edit-submit-whats-on-grid,
.visible-xs.hidden-sm table#ticket-information td .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters .visible-xs.hidden-sm table#ticket-information td #edit-submit-educational-experiences,
.visible-xs.hidden-sm table#ticket-information td .whats-on-filters #edit-submit-grid-overview, .whats-on-filters .visible-xs.hidden-sm table#ticket-information td #edit-submit-grid-overview, .visible-xs.hidden-sm table#ticket-information td .button-cta a, .button-cta .visible-xs.hidden-sm table#ticket-information td a {
  width: 100%;
}

.rsGallery {
  width: 100%;
}

.rsGallery img.rsImg {
  height: auto !important;
  width: 100% !important;
  margin: 0 !important;
}

.rsGallery .rsThumbs {
  width: 100%;
}

.rsGallery .rsThumbs .rsThumbsContainer {
  width: 100% !important;
  overflow: hidden;
  left: 0;
  transform: none !important;
  margin-top: 10px;
}

.rsGallery .rsThumbs .rsThumb {
  width: 19.5%;
  margin: 0 0.25% !important;
}

.rsGallery .rsThumbs .rsThumb img {
  width: 100%;
  height: auto !important;
}

.rsGallery .rsFullscreenBtn {
  background: rgba(46, 45, 68, 0.6);
  height: 40px;
  width: 40px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 30;
  background-image: url("/themes/custom/glasgowsciencecentre/images/full-screen-icon.png");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.rsGallery.rsFullscreen {
  padding: 25px !important;
  background: #2e2d44;
}

.image-gallery {
  text-align: center;
  padding: 20px 10px;
  margin-bottom: 25px;
}

.image-gallery .gallery-container {
  margin: 0 auto 20px;
  max-width: 1000px;
  text-align: center;
}

.image-gallery .gallery-container a {
  max-width: 17.5%;
  display: inline-block;
  margin: 0 0.5%;
}

.image-gallery .gallery-container a img {
  width: 100%;
  height: auto;
}

.image-gallery p {
  text-align: center !important;
  margin-bottom: 0;
}

.mfp-wrap .mfp-content .mfp-close {
  margin: 0;
  width: 50px;
  cursor: pointer;
  position: absolute;
  top: 40px;
  height: 50px;
  background: 0;
  padding: 0;
  right: 0;
  text-align: center;
  font-size: 40px;
  border-radius: 0;
  box-shadow: none;
}

.mfp-wrap .mfp-content .mfp-close:hover {
  background: rgba(255, 255, 255, 0.63);
}

.mfp-wrap .mfp-arrow {
  height: 95px;
  width: 50px;
  border-radius: 0;
}

.mfp-wrap .mfp-arrow:after {
  top: 0;
}

.mfp-wrap .mfp-arrow:hover, .mfp-wrap .mfp-arrow:focus {
  background: rgba(255, 255, 255, 0.63);
  top: 50%;
  box-shadow: none;
}

.mfp-wrap .mfp-arrow-left:before {
  margin: 0;
  border: 0;
}

.mfp-wrap .mfp-arrow-left:after {
  margin-left: 14px;
}

.mfp-wrap .mfp-arrow-right:before {
  margin: 0;
  border: 0;
}

.mfp-wrap .mfp-arrow-right:after {
  margin-left: 19px;
}

.mfp-wrap .mfp-bottom-bar {
  margin-top: -70px;
}

.mfp-wrap .mfp-counter {
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .image-gallery {
    text-align: left;
    padding: 20px 0;
  }
}

@media screen and (max-width: 580px) {
  .rsGallery .rsFullscreenBtn {
    background-size: 20px;
    height: 30px;
    width: 30px;
  }
  .image-gallery .gallery-container a {
    max-width: 30.5%;
    display: inline-block;
    margin: 0 0.5% 0.5%;
  }
}

.links-grid-container {
  margin-bottom: 160px;
  margin-top: -60px;
  display: inline-block;
  width: 100%;
}

.link-card {
  width: 25%;
  float: left;
  display: block;
}

.link-card.blue {
  background: #36a9e1;
}

.link-card.red {
  background: #e12a58;
}

.link-card.purple {
  background: #64335f;
}

.link-card.teal {
  background: #30b7bb;
}

.link-card:hover {
  filter: brightness(0.8);
  text-decoration: none;
}

.link-card:hover .inner-link {
  transform: translate(0px, 5px);
}

.link-card .inner-link {
  transition: 0.3s all ease-in-out;
  transform: translate(0px, 0px);
  padding: 20px;
}

.link-card .inner-link .icon {
  width: 100%;
}

.link-card .inner-link .icon img {
  width: auto;
  height: 100%;
  max-height: 65px;
  margin: 0 auto 20px auto;
  display: block;
}

.link-card .inner-link .text {
  width: 100%;
}

.link-card .inner-link .text h4 {
  text-align: center;
  color: #fff;
  margin: 0;
  text-transform: none;
}

.ie .links-grid-container, .edge .links-grid-container {
  display: inline-block;
  width: 100%;
}

.ie .links-grid-container .link-card, .edge .links-grid-container .link-card {
  width: 25%;
  float: left;
  display: block;
}

@supports (-ms-ime-align: auto) {
  .links-grid-container {
    display: inline-block;
    width: 100%;
  }
  .links-grid-container .link-card {
    width: 25%;
    float: left;
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .links-grid-container {
    margin-top: 0;
  }
}

@media screen and (max-width: 580px) {
  .links-grid-container .link-card {
    width: 50%;
    padding: 10px;
  }
}

.accordion {
  list-style: none;
  margin: 1.5em 0;
  padding: 0;
}

.accordion > li {
  margin: 0;
}

.accordion > li:before {
  content: "\200B";
  position: absolute;
}

.accordion__heading {
  font-size: inherit;
  margin: 0 0 .5em 0;
}

#master .accordion__trigger {
  background-color: #2e2d44;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: .75em 2.8em .75em 1em;
  position: relative;
  text-align: left;
  text-transform: none;
  width: 100%;
  z-index: 2;
  border: 0;
  line-height: 1.2;
  height: auto;
  /**
 * This is needed to allow a double tap iOS 11
 * Safari + VO to function correctly, if there
 * are multiple elements (wrapper spans) to layout
 * text nodes within the accordion button.

	-- This is not needed if a button only contains text
	   and no other child nodes wrapping the text --

.accordion__trigger > * {
	pointer-events: none;
}
 */
}

#master .accordion__trigger:hover {
  top: 0;
}

#master .accordion__trigger[aria-expanded="true"], #master .accordion__trigger[aria-expanded="true"]:hover, #master .accordion__trigger[aria-expanded="true"]:active, #master .accordion__trigger[aria-expanded="true"]:focus {
  background-color: #e12a58;
}

#master .accordion__trigger:after {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  position: absolute;
  content: '+';
  right: 1em;
  font-size: 28px;
  line-height: 1;
}

#master .accordion__trigger:hover:after, #master .accordion__trigger:focus:after, #master .accordion__trigger[aria-expanded="true"]:after {
  border-top-color: #fff;
}

#master .accordion__trigger[aria-expanded="true"]:after {
  content: '-';
}

#master .accordion__trigger:hover, #master .accordion__trigger:active, #master .accordion__trigger:active:focus, #master .accordion__trigger:focus {
  background-color: #1e1e2d;
  color: #fff;
  outline: none;
  box-shadow: none;
  top: 0;
}

#master .accordion__trigger[aria-disabled="true"]:hover {
  background-color: #2e2d44;
  color: #fff;
  cursor: not-allowed;
}

#master .accordion__trigger[aria-disabled="true"]:focus {
  background-color: #0a2a42;
}

.accordion__panel {
  background-color: inherit;
  max-height: 0vh;
  overflow: hidden;
  padding: 0.001em 1.25em;
  position: relative;
  visibility: hidden;
  z-index: 1;
}

.accordion__panel--transition {
  transition: max-height .2s ease-in-out, padding-top .2s ease-in-out, padding-bottom .2s ease-in-out;
}

.accordion__panel > :last-child {
  margin-bottom: 0;
}

.accordion__panel[aria-hidden="false"] {
  max-height: 100vh;
  overflow: auto;
  padding: .5em 1.25em 1em 1.25em;
  visibility: visible;
}

.accordion__trigger[aria-expanded="true"] {
  background: #1e1e2d;
  color: #fff;
}

.gsc-at-home-filter form {
  margin-bottom: 4em;
}

.gsc-at-home-filter form #edit-actions, .gsc-at-home-filter form .form-actions {
  margin: 0;
  padding-top: 24px;
}

.gsc-at-home-filter form #edit-actions input, .gsc-at-home-filter form .form-actions input {
  margin: 0;
  min-width: unset;
  width: 100%;
  background: #e12a58;
  border-color: #e12a58;
  color: #fff;
}

.gsc-at-home-filter .whats-on-filters .filter-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.gsc-at-home-filter .whats-on-filters .filter-container .form-item, .gsc-at-home-filter .whats-on-filters .filter-container .form-actions {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
}

.gsc-at-home-filter .whats-on-filters .filter-container .form-item select, .gsc-at-home-filter .whats-on-filters .filter-container .form-actions select {
  width: 100%;
}

.layout.media {
  margin-bottom: 2em;
}

@media screen and (max-width: 767px) {
  .gsc-at-home-filter .whats-on-filters .filter-container {
    display: block;
  }
  .gsc-at-home-filter .modal#mobile-whats-on .form-item, .gsc-at-home-filter .modal#mobile-whats-on .form-actions {
    padding-left: 0;
    padding-right: 0;
  }
  .gsc-at-home-filter .modal#mobile-whats-on .js-form-item {
    max-width: 100%;
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 20px;
  }
  .gsc-at-home-filter .modal#mobile-whats-on .js-form-item label {
    color: #fff;
    margin-bottom: 1px;
  }
  .gsc-at-home-filter .modal#mobile-whats-on .js-form-item select {
    background-color: #fff;
    color: #2e2d44;
    height: 44px;
    background-image: url("/themes/custom/glasgowsciencecentre/images/arrow-down-blue.png") !important;
    background-size: 10px;
    width: 100%;
    min-width: 1px;
  }
}

body.page-node-268 {
  background-image: url("../images/404-background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body.page-node-268 #block-glasgowsciencecentre-breadcrumbs,
body.page-node-268 .sidebar, body.page-node-268 footer, body.page-node-268 .footer-passport-incentive, body.page-node-268 #block-webform, body.page-node-268 #block-stayupdatedfooternewslettersignpost, body.page-node-268 #block-stayupdatededucationalnewslettersignup {
  display: none;
}

body.page-node-268 .wrapper {
  background: transparent;
  position: relative;
}

body.page-node-268 .wrapper .main {
  width: 90%;
  height: auto;
  background: rgba(46, 45, 68, 0.79);
  border-top: 5px solid #30b7bb;
  max-width: 800px;
  margin: 0 auto;
  min-height: 1px;
  float: none;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 0 10px #000;
  padding: 30px;
  position: relative;
  margin-top: 10%;
}

body.page-node-268 .wrapper .main h1, body.page-node-268 .wrapper .main p {
  color: #fff;
  text-align: center;
}

body.page-node-268 .wrapper .main h1 {
  display: none;
}

body.page-node-268 .wrapper .main img {
  display: none;
}

body.page-node-268 .wrapper .main h1.fake-title {
  display: block;
  font-size: 3em;
}

body.page-node-268 .wrapper .main p {
  font-size: 1em;
  max-width: 767px;
  margin: 0 auto 15px;
}

body.page-node-269 {
  background-image: url("../images/404-background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body.page-node-269 #block-glasgowsciencecentre-breadcrumbs,
body.page-node-269 .sidebar, body.page-node-269 footer, body.page-node-269 .footer-passport-incentive, body.page-node-269 #block-webform, body.page-node-269 #block-stayupdatedfooternewslettersignpost, body.page-node-269 #block-stayupdatededucationalnewslettersignup {
  display: none;
}

body.page-node-269 .wrapper {
  background: transparent;
  position: relative;
}

body.page-node-269 .wrapper .main {
  width: 90%;
  height: auto;
  background: rgba(46, 45, 68, 0.79);
  border-top: 5px solid #30b7bb;
  max-width: 800px;
  margin: 0 auto;
  min-height: 1px;
  float: none;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 0 10px #000;
  padding: 30px;
  position: relative;
  margin-top: 10%;
}

body.page-node-269 .wrapper .main #block-glasgowsciencecentre-content {
  background: none;
  padding: 0;
  border: 0;
  margin: 0;
}

body.page-node-269 .wrapper .main h1, body.page-node-269 .wrapper .main p {
  color: #fff;
  text-align: center;
}

body.page-node-269 .wrapper .main h1 {
  display: none;
}

body.page-node-269 .wrapper .main img {
  display: none;
}

body.page-node-269 .wrapper .main h1.fake-title {
  display: block;
  font-size: 3em;
}

body.page-node-269 .wrapper .main p {
  font-size: 1em;
  max-width: 767px;
  margin: 0 auto 15px;
}

@media screen and (max-width: 767px) {
  body.page-node-268,
  body.page-node-269 {
    background: #fff;
  }
  body.page-node-268 footer,
  body.page-node-269 footer {
    display: block;
    margin-top: 100px;
  }
  body.page-node-268 .wrapper,
  body.page-node-269 .wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.page-node-268 .wrapper .content-container,
  body.page-node-269 .wrapper .content-container {
    top: 0 !important;
  }
  body.page-node-268 .wrapper .main,
  body.page-node-269 .wrapper .main {
    background: #fff;
    box-shadow: none;
    width: 100%;
    margin-top: 0;
    border-top: none;
    padding: 0;
    max-width: 100%;
  }
  body.page-node-268 .wrapper .main img,
  body.page-node-269 .wrapper .main img {
    display: block;
    width: 105%;
    margin-bottom: 20px;
    margin-left: -2.5%;
    max-width: 105%;
  }
  body.page-node-268 .wrapper .main h1, body.page-node-268 .wrapper .main p,
  body.page-node-269 .wrapper .main h1,
  body.page-node-269 .wrapper .main p {
    color: #2e2d44;
    width: 95%;
    margin-left: 2.5%;
  }
  body.page-node-268 .wrapper .main h1.fake-title,
  body.page-node-269 .wrapper .main h1.fake-title {
    font-size: 1.7em;
  }
}

.gateway-grid .item, .related-items-carousel .item {
  margin-bottom: 20px;
}

.gateway-grid .item .image-container, .related-items-carousel .item .image-container {
  position: relative;
}

.gateway-grid .item .image-container img, .related-items-carousel .item .image-container img {
  display: block;
  width: 100%;
  height: auto;
}

.gateway-grid .item .image-container img.top-curve, .related-items-carousel .item .image-container img.top-curve {
  margin-top: -24px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.gateway-grid .item .text-container, .related-items-carousel .item .text-container {
  background: #2e2d44;
  margin-top: -1px;
  border-bottom: 5px solid #30b7bb;
  padding-bottom: 10px;
}

.gateway-grid .item .text-container .inner, .related-items-carousel .item .text-container .inner {
  margin-bottom: 10px;
  padding: 0 15px 10px;
}

.gateway-grid .item .text-container h2, .related-items-carousel .item .text-container h2 {
  color: #fff;
}

.gateway-grid .item .text-container h2 a, .related-items-carousel .item .text-container h2 a {
  color: #fff;
}

.gateway-grid .item .text-container h2 img, .related-items-carousel .item .text-container h2 img {
  max-width: 20px;
}

.gateway-grid .item .text-container p, .related-items-carousel .item .text-container p {
  color: #fff;
  margin-bottom: 0;
  text-align: left;
}

.gateway-grid .item .text-container p.button-link, .related-items-carousel .item .text-container p.button-link {
  padding: 0 15px;
  margin-bottom: 0;
}

.gateway-grid .item .text-container .description p, .related-items-carousel .item .text-container .description p {
  margin-bottom: 0;
}

.gateway-grid .item .text-container .description p a, .related-items-carousel .item .text-container .description p a {
  color: #30b7bb;
}

.gateway-grid .item .text-container .description p a:hover, .gateway-grid .item .text-container .description p a:focus, .gateway-grid .item .text-container .description p a:active, .gateway-grid .item .text-container .description p a.active, .related-items-carousel .item .text-container .description p a:hover, .related-items-carousel .item .text-container .description p a:focus, .related-items-carousel .item .text-container .description p a:active, .related-items-carousel .item .text-container .description p a.active {
  color: #fff;
}

.whats-on-grid .item .text-container .inner,
.related-items-carousel .item .text-container .inner {
  margin-bottom: 0;
}

.whats-on-grid .item .text-container .inner .type,
.related-items-carousel .item .text-container .inner .type {
  display: inline-block;
}

.whats-on-grid .item .text-container .inner .type p,
.related-items-carousel .item .text-container .inner .type p {
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.whats-on-grid .item .text-container .inner h2,
.related-items-carousel .item .text-container .inner h2 {
  margin-bottom: 15px;
}

.whats-on-grid .item .text-container .inner .event-icon-information p,
.related-items-carousel .item .text-container .inner .event-icon-information p {
  float: left;
  width: 33.3333%;
  font-size: 0.9em;
  margin-bottom: 10px;
}

.whats-on-grid .item .text-container .inner .event-icon-information p span.icon,
.related-items-carousel .item .text-container .inner .event-icon-information p span.icon {
  margin-right: 5px;
  position: relative;
  top: 2px;
  font-size: 1.1em;
}

.whats-on-grid .item .text-container .inner .event-icon-information p.tower-closed-reason,
.related-items-carousel .item .text-container .inner .event-icon-information p.tower-closed-reason {
  width: 66.666%;
}

.whats-on-grid .item .information-image-container,
.related-items-carousel .item .information-image-container {
  position: relative;
}

.whats-on-grid .item .information-image-container .image-flag,
.related-items-carousel .item .information-image-container .image-flag {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  padding: 12px 5px 12px 12px;
  position: absolute;
  width: 120px;
  height: 50px;
  top: 8%;
  left: 0;
  background: url("../images/Always-Here-Flag.png") no-repeat 0 0;
  background-size: 100%;
  font-size: 16px;
  color: #fff;
  line-height: 1em;
}

.whats-on-grid .item.special .text-container,
.related-items-carousel .item.special .text-container {
  background: #e12a58;
  border-bottom-color: #2e2d44;
}

.page-node-206 .discover-grid .col-xxs-24.col-xs-12.col-md-12.col-lg-8 {
  width: 50%;
}

@media screen and (max-width: 1360px) {
  .whats-on-grid .item .text-container .inner .event-icon-information p {
    width: 50%;
  }
  .whats-on-grid .item .text-container .inner .event-icon-information p:nth-child(3) {
    width: 100%;
  }
  .whats-on-grid .item .text-container .inner .event-icon-information p.tower-closed-reason {
    width: 50%;
  }
}

@media screen and (max-width: 580px) {
  .page-node-206 .discover-grid .col-xxs-24.col-xs-12.col-md-12.col-lg-8 {
    width: 100%;
  }
}

body.page-node-365 .page-introduction,
body.page-node-224 .page-introduction {
  padding-bottom: 0 !important;
  max-width: 100%;
}

body.page-node-365 h1,
body.page-node-224 h1 {
  text-align: left;
  margin-bottom: 0;
  margin-left: 0;
}

body.page-node-365 .layout-content p,
body.page-node-224 .layout-content p {
  text-align: left;
  margin-left: 0;
}

body.page-node-178 h1 {
  margin-left: 0;
}

body.page-node-178 .page-introduction {
  padding-top: 50px;
  max-width: 100%;
}

body.page-node-178 #block-glasgowsciencecentre-breadcrumbs {
  display: none;
}

body.page-node-365 .whats-on-grid .item .text-container .inner .event-icon-information {
  width: 100%;
  float: none;
}

body.page-node-365 .whats-on-grid .item .text-container .inner .event-icon-information p {
  width: 100%;
}

body.page-node-365 .whats-on-grid .item .text-container p.button-link {
  clear: both;
}

.whats-on-filters {
  width: 100%;
  display: block;
  clear: both;
  margin-top: 20px;
  z-index: 30;
}

.whats-on-filters .form-group,
.whats-on-filters .form-item {
  border: 0;
  width: auto;
  float: left;
  margin-right: 15px;
}

.whats-on-filters .form-group label,
.whats-on-filters .form-item label {
  width: 100%;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}

.whats-on-filters .form-group input, .whats-on-filters .form-group select,
.whats-on-filters .form-item input,
.whats-on-filters .form-item select {
  height: 48px;
  background: #2e2d44;
  color: #fff;
  border: 0;
  border-radius: 5px;
  -webkit-appearance: none;
  padding: 10px 15px;
  min-width: 250px;
  text-transform: uppercase;
}

.whats-on-filters .form-group select,
.whats-on-filters .form-item select {
  background-image: url(../images/iOS-select-arrow@2x.png) !important;
  background-size: 8px;
  background-position: right 8px center;
  background-repeat: no-repeat;
  padding: 10px 25px 10px 10px;
}

.whats-on-filters .form-group button.reset,
.whats-on-filters .form-item button.reset {
  color: #e12a58;
}

.whats-on-filters .form-group button.reset:hover, .whats-on-filters .form-group button.reset:focus, .whats-on-filters .form-group button.reset:active, .whats-on-filters .form-group button.reset.active,
.whats-on-filters .form-item button.reset:hover,
.whats-on-filters .form-item button.reset:focus,
.whats-on-filters .form-item button.reset:active,
.whats-on-filters .form-item button.reset.active {
  background: #fff;
  color: #2e2d44;
  text-decoration: underline;
}

.whats-on-filters .date-of-visit input {
  background-image: url("/themes/custom/glasgowsciencecentre/images/calendar-white.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 25px;
  padding-right: 50px;
  cursor: pointer;
  margin-bottom: 0;
}

.whats-on-filters .age-groups .dropdown-filter {
  height: 45px;
  margin-bottom: 0;
  position: relative;
}

.whats-on-filters .age-groups .dropdown-filter a {
  background: #2e2d44;
  width: 100%;
  color: #fff;
  height: 48px;
  padding: 15px 10px;
  min-width: 250px;
  border-radius: 5px;
  background-image: url("/themes/custom/glasgowsciencecentre/images/arrow-down-white.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px;
  padding-right: 50px;
  display: block;
}

.whats-on-filters .age-groups .dropdown-filter a:hover, .whats-on-filters .age-groups .dropdown-filter a:focus, .whats-on-filters .age-groups .dropdown-filter a:active, .whats-on-filters .age-groups .dropdown-filter a.active {
  text-decoration: none;
}

.whats-on-filters .age-groups .dropdown-filter ul {
  z-index: 50;
  height: auto;
  max-height: 300px;
  top: 43px;
  background: #2e2d44;
  padding: 15px 15px 15px 10px;
  max-width: 250px;
  width: 100%;
  margin: -1px 0 0 0;
  border: 0;
  color: #fff;
  display: none;
  left: 0;
  position: absolute;
  list-style: none;
  overflow: auto;
}

.whats-on-filters .age-groups .dropdown-filter ul li {
  clear: both;
  display: block;
}

.whats-on-filters .age-groups .dropdown-filter ul input {
  background: #fff;
  width: 30px;
  height: 30px;
  float: left;
  min-width: 1px;
}

.whats-on-filters .age-groups .dropdown-filter ul input:checked {
  background-image: url("/themes/custom/glasgowsciencecentre/images/tick-teal.png");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}

.whats-on-filters .age-groups .dropdown-filter ul label {
  color: #fff;
  text-transform: none;
  font-weight: 400;
  width: auto;
  top: 10px;
  position: relative;
  left: 10px;
}

.whats-on-filters #edit-submit-whats-on-grid,
.whats-on-filters #edit-submit-educational-experiences,
.whats-on-filters #edit-submit-grid-overview {
  width: auto;
  min-width: 1px;
  margin-top: 25px;
  margin-right: 0;
}

.results-shown-per-page {
  border-bottom: 1px solid #a9a9a9;
  margin-bottom: 10px;
  padding-bottom: 5px;
  clear: both;
}

.results-shown-per-page p {
  margin-bottom: 0;
  float: left;
  padding-top: 14px;
}

.results-shown-per-page p span {
  font-weight: bold;
}

.results-shown-per-page select {
  float: right;
  padding: 10px 40px 10px 10px;
}

.applied-filters {
  margin-bottom: 20px;
  clear: both;
}

.ui-datepicker {
  font-size: 1em;
}

.ui-datepicker th {
  background: #fff;
  color: #2e2d44;
  font-weight: normal;
  padding: 2px;
}

#ui-datepicker-div {
  padding: 0;
  border: 1px solid #a9a9a9;
}

#ui-datepicker-div .ui-datepicker-header {
  background: none;
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.2em;
  color: #2e2d44;
  margin: 0 0 0.25em;
  text-transform: uppercase;
  font-weight: 600;
  text-transform: none;
  border: 0;
  padding: 5px;
  margin: 0;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
  background: none;
  border: 0;
  top: 0;
  height: 40px;
}

#ui-datepicker-div .ui-datepicker-prev:hover, #ui-datepicker-div .ui-datepicker-prev:focus, #ui-datepicker-div .ui-datepicker-prev.active, #ui-datepicker-div .ui-datepicker-prev:active,
#ui-datepicker-div .ui-datepicker-next:hover,
#ui-datepicker-div .ui-datepicker-next:focus,
#ui-datepicker-div .ui-datepicker-next.active,
#ui-datepicker-div .ui-datepicker-next:active {
  border: 0;
  background: 0;
}

#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
  right: 0;
  top: 9px;
  margin: 0;
  background-size: 10px;
  height: 22px;
  width: 17px;
  display: block;
  background-position: center;
}

#ui-datepicker-div .ui-datepicker-prev {
  left: 0;
}

#ui-datepicker-div .ui-datepicker-prev:hover, #ui-datepicker-div .ui-datepicker-prev:focus, #ui-datepicker-div .ui-datepicker-prev.active, #ui-datepicker-div .ui-datepicker-prev:active {
  left: 0;
}

#ui-datepicker-div .ui-datepicker-prev span {
  left: 5px;
  background-image: url("/themes/custom/glasgowsciencecentre/images/prev-arrow.png");
}

#ui-datepicker-div .ui-datepicker-next {
  right: 0;
}

#ui-datepicker-div .ui-datepicker-next:hover, #ui-datepicker-div .ui-datepicker-next:focus, #ui-datepicker-div .ui-datepicker-next.active, #ui-datepicker-div .ui-datepicker-next:active {
  right: 0;
}

#ui-datepicker-div .ui-datepicker-next span {
  left: auto;
  right: 10px;
  background-image: url("/themes/custom/glasgowsciencecentre/images/next-arrow.png");
  background-size: 10px;
}

#ui-datepicker-div table.ui-datepicker-calendar {
  font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.2em;
  color: #2e2d44;
  margin: 0 0 0.25em;
  text-transform: uppercase;
  font-weight: 600;
  text-transform: none;
  font-weight: 400;
}

#ui-datepicker-div table.ui-datepicker-calendar tbody tr:nth-child(even) {
  background: #fff;
}

#ui-datepicker-div table.ui-datepicker-calendar tr {
  border: 0;
}

#ui-datepicker-div table.ui-datepicker-calendar .ui-state-disabled .ui-state-default:hover {
  background: #fff;
}

#ui-datepicker-div table.ui-datepicker-calendar .ui-state-default,
#ui-datepicker-div table.ui-datepicker-calendar .ui-widget-content .ui-state-default,
#ui-datepicker-div table.ui-datepicker-calendar .ui-widget-header .ui-state-default {
  background: #fff;
  border-color: #ffffff;
  text-align: center;
  padding: 5px;
}

#ui-datepicker-div table.ui-datepicker-calendar .ui-state-default:hover,
#ui-datepicker-div table.ui-datepicker-calendar .ui-widget-content .ui-state-default:hover,
#ui-datepicker-div table.ui-datepicker-calendar .ui-widget-header .ui-state-default:hover {
  background: gainsboro;
}

#ui-datepicker-div table.ui-datepicker-calendar .ui-state-default.ui-state-active {
  background: #22b573;
  color: #fff;
}

#ui-datepicker-div table.ui-datepicker-calendar .ui-widget-header .ui-state-disabled .ui-state-default:hover {
  background: none;
}

.page-node-type-events #block-glasgowsciencecentre-breadcrumbs,
.page-node-type-information-page #block-glasgowsciencecentre-breadcrumbs,
.page-node-type-educational-experiences #block-glasgowsciencecentre-breadcrumbs {
  position: static;
  width: 100%;
  background-color: #2e2d44;
}

.page-node-type-events #block-glasgowsciencecentre-breadcrumbs .container,
.page-node-type-information-page #block-glasgowsciencecentre-breadcrumbs .container,
.page-node-type-educational-experiences #block-glasgowsciencecentre-breadcrumbs .container {
  max-width: 1360px;
}

.page-node-type-events #block-glasgowsciencecentre-breadcrumbs .container li,
.page-node-type-information-page #block-glasgowsciencecentre-breadcrumbs .container li,
.page-node-type-educational-experiences #block-glasgowsciencecentre-breadcrumbs .container li {
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

.page-node-type-events #block-glasgowsciencecentre-breadcrumbs .container li a,
.page-node-type-information-page #block-glasgowsciencecentre-breadcrumbs .container li a,
.page-node-type-educational-experiences #block-glasgowsciencecentre-breadcrumbs .container li a {
  color: #fff;
}

.page-node-type-events #block-glasgowsciencecentre-local-tasks,
.page-node-type-information-page #block-glasgowsciencecentre-local-tasks,
.page-node-type-educational-experiences #block-glasgowsciencecentre-local-tasks {
  position: relative;
  z-index: 7;
}

.page-node-type-educational-experiences .campaign-page .campaign-information-swoosh .inner {
  padding: 15px 0;
}

.mobile-whatson-filters-button {
  background: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  padding: 10px 0;
}

.mobile-whatson-filters-button a.btn, .mobile-whatson-filters-button .whats-on-filters a#edit-submit-whats-on-grid, .whats-on-filters .mobile-whatson-filters-button a#edit-submit-whats-on-grid,
.mobile-whatson-filters-button .whats-on-filters a#edit-submit-educational-experiences, .whats-on-filters .mobile-whatson-filters-button a#edit-submit-educational-experiences,
.mobile-whatson-filters-button .whats-on-filters a#edit-submit-grid-overview, .whats-on-filters .mobile-whatson-filters-button a#edit-submit-grid-overview, .mobile-whatson-filters-button .button-cta a, .button-cta .mobile-whatson-filters-button a {
  width: 100%;
  margin: 0;
  font-size: 1em;
  padding: 8px 15px 12px;
}

.mobile-whatson-filters-button a.btn span.icon, .mobile-whatson-filters-button .whats-on-filters a#edit-submit-whats-on-grid span.icon, .whats-on-filters .mobile-whatson-filters-button a#edit-submit-whats-on-grid span.icon, .mobile-whatson-filters-button .whats-on-filters a#edit-submit-educational-experiences span.icon, .whats-on-filters .mobile-whatson-filters-button a#edit-submit-educational-experiences span.icon, .mobile-whatson-filters-button .whats-on-filters a#edit-submit-grid-overview span.icon, .whats-on-filters .mobile-whatson-filters-button a#edit-submit-grid-overview span.icon, .mobile-whatson-filters-button .button-cta a span.icon, .button-cta .mobile-whatson-filters-button a span.icon {
  top: 3px;
  font-size: 1.2em;
  margin-right: 10px;
}

.no-results-text .inner {
  border-top: 1px solid #a9a9a9;
  padding-top: 15px;
}

@media screen and (max-width: 1360px) {
  .whats-on-filters form .form-group {
    width: 20%;
  }
  .whats-on-filters form .form-group input, .whats-on-filters form .form-group select {
    width: 100%;
    min-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  body.page-node-178 .basket-controls {
    bottom: 75px;
    display: none;
  }
  body.page-node-178 footer {
    padding-bottom: 75px;
  }
  body.page-node-178 .page-introduction {
    padding-top: 30px;
  }
  body.page-node-178 .not-coming-today {
    text-transform: none;
    color: #e12a58;
    text-decoration: underline;
    font-size: 1em;
    display: inline-block !important;
  }
  body.page-node-178 .not-coming-today:hover {
    text-decoration: none;
  }
  body.page-node-178 .whats-on-filters {
    margin-top: 10px;
  }
  body.page-node-365 .whats-on-grid .item .text-container .inner .event-icon-information {
    width: 100%;
    float: none;
  }
  .whats-on-filters .age-groups .dropdown-filter {
    position: relative;
    height: auto;
  }
  .whats-on-filters .age-groups .dropdown-filter ul {
    max-width: 100%;
    position: relative;
    top: -2px;
  }
}

@media screen and (max-width: 580px) {
  body.page-node-178 .page-introduction h1 {
    font-size: 1.8em;
  }
  body.page-node-178 .page-introduction h1 span {
    display: none;
  }
  body.page-node-178 .page-introduction h1:before {
    content: "What's on at GSC?";
    display: block;
  }
  .results-shown-per-page select {
    max-width: 130px;
    font-size: 0.9em;
  }
}

.tower-centre-status-panel .inner .status h4 {
  color: #fff;
  text-transform: none;
  font-weight: 600;
}

.tower-centre-status-panel .inner .status h4 span {
  text-transform: uppercase;
  font-weight: 800;
}

.tower-centre-status-panel .inner .centre-status {
  float: left;
}

.tower-centre-status-panel .inner .tower-icon {
  float: left;
  position: relative;
  margin-top: -76px;
  padding: 0 45px;
}

.tower-centre-status-panel .inner .tower-icon img {
  width: 50px;
  height: 225px;
  display: block;
}

.tower-centre-status-panel .inner .tower-status {
  float: left;
}

.tower-centre-status-panel .inner .tower-status p {
  text-align: left;
  margin: 0;
}

.home-editable-banner {
  position: relative;
  margin-bottom: 0;
  top: -60px;
}

.home-editable-banner .text {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  position: absolute;
  width: 43.5%;
  max-width: 800px;
}

.home-editable-banner .image {
  float: right;
}

.home-editable-banner .image img {
  width: 100%;
  float: right;
  height: auto;
}

.home-editable-banner p.blue {
  margin-bottom: 0;
}

.home-editable-banner p.blue .btn, .home-editable-banner p.blue .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group .home-editable-banner p.blue input[type=submit], .home-editable-banner p.blue .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters .home-editable-banner p.blue #edit-submit-whats-on-grid,
.home-editable-banner p.blue .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters .home-editable-banner p.blue #edit-submit-educational-experiences,
.home-editable-banner p.blue .whats-on-filters #edit-submit-grid-overview, .whats-on-filters .home-editable-banner p.blue #edit-submit-grid-overview, .home-editable-banner p.blue .button-cta a, .button-cta .home-editable-banner p.blue a {
  background: #2e2d44;
  border-color: #2e2d44;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 4px 0 #040407;
}

.home-editable-banner p.blue .btn:hover, .home-editable-banner p.blue .modal#mobile-whats-on .form-group input:hover[type=submit], .modal#mobile-whats-on .form-group .home-editable-banner p.blue input:hover[type=submit], .home-editable-banner p.blue .whats-on-filters #edit-submit-whats-on-grid:hover, .whats-on-filters .home-editable-banner p.blue #edit-submit-whats-on-grid:hover,
.home-editable-banner p.blue .whats-on-filters #edit-submit-educational-experiences:hover, .whats-on-filters .home-editable-banner p.blue #edit-submit-educational-experiences:hover,
.home-editable-banner p.blue .whats-on-filters #edit-submit-grid-overview:hover, .whats-on-filters .home-editable-banner p.blue #edit-submit-grid-overview:hover, .home-editable-banner p.blue .button-cta a:hover, .button-cta .home-editable-banner p.blue a:hover {
  box-shadow: 0 2px 0 #040407;
  top: 2px;
}

.home-editable-banner p.blue .btn:focus, .home-editable-banner p.blue .modal#mobile-whats-on .form-group input:focus[type=submit], .modal#mobile-whats-on .form-group .home-editable-banner p.blue input:focus[type=submit], .home-editable-banner p.blue .whats-on-filters #edit-submit-whats-on-grid:focus, .whats-on-filters .home-editable-banner p.blue #edit-submit-whats-on-grid:focus,
.home-editable-banner p.blue .whats-on-filters #edit-submit-educational-experiences:focus, .whats-on-filters .home-editable-banner p.blue #edit-submit-educational-experiences:focus,
.home-editable-banner p.blue .whats-on-filters #edit-submit-grid-overview:focus, .whats-on-filters .home-editable-banner p.blue #edit-submit-grid-overview:focus, .home-editable-banner p.blue .button-cta a:focus, .button-cta .home-editable-banner p.blue a:focus {
  box-shadow: none;
  top: 4px;
}

.button-cta a {
  margin: 0;
}

#block-glasgowsciencecentre-views-block-our-upcoming-experiences-block-1 {
  position: relative;
  top: -51px;
}

@media screen and (max-width: 1360px) {
  .home-editable-banner .text {
    width: 53%;
  }
}

@media screen and (max-width: 991px) {
  .home-editable-banner,
  #block-glasgowsciencecentre-views-block-our-upcoming-experiences-block-1 {
    top: 0;
  }
  .home-editable-banner p.blue,
  #block-glasgowsciencecentre-views-block-our-upcoming-experiences-block-1 p.blue {
    margin-bottom: 0;
  }
  body.path-frontpage .banner-bottom-swoosh-panel {
    margin-bottom: 0;
  }
  body.path-frontpage .home-editable-banner .image {
    min-width: 360px !important;
  }
  body.path-frontpage #block-glasgowsciencecentre-views-block-our-upcoming-experiences-block-1 {
    padding-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .tower-centre-status-panel .panel-swoosh {
    height: auto;
  }
  .tower-centre-status-panel .inner .centre-status {
    border-right: 1px solid #fff;
    padding-right: 20px;
    margin-right: 20px;
  }
  .tower-centre-status-panel .inner .tower-icon {
    display: none;
  }
  .tower-centre-status-panel .inner .status p.button-link a.btn-lg {
    padding: 15px 30px;
    height: 57px;
    font-size: 1.1em;
    width: 100%;
  }
  .home-editable-banner {
    position: relative;
    padding: 30px 0 5px;
  }
  .home-editable-banner .text {
    position: relative;
    top: 0;
    transform: none;
    width: 100%;
  }
  .home-editable-banner .image {
    float: right;
  }
  .home-editable-banner .image img {
    width: 100%;
    float: right;
    height: auto;
  }
  #block-glasgowsciencecentre-views-block-our-upcoming-experiences-block-1 h2 {
    font-size: 1.75em;
  }
}

@media screen and (max-width: 580px) {
  .tower-centre-status-panel .panel-swoosh {
    height: 30px;
  }
  .tower-centre-status-panel .inner .status a {
    white-space: nowrap;
  }
  .tower-centre-status-panel .inner .centre-status,
  .tower-centre-status-panel .inner .tower-status {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  .tower-centre-status-panel .inner .centre-status p,
  .tower-centre-status-panel .inner .tower-status p {
    text-align: center;
  }
  .tower-centre-status-panel .inner .centre-status {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
  .tower-centre-status-panel .inner .tower-status {
    padding-bottom: 15px;
  }
  .tower-centre-status-panel .inner .tower-icon {
    display: none;
  }
  #block-glasgowsciencecentre-views-block-our-upcoming-experiences-block-1 .related-items-carousel .item {
    max-width: 90%;
    margin-left: 5%;
  }
}

.related-items-wrapper {
  padding-top: 30px;
}

.related-items-wrapper h2 {
  text-align: center;
}

.related-items-wrapper h3 {
  text-align: center;
  font-size: 2.5em;
}

.jcarousel-wrapper.related-items-carousel {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
  margin-bottom: 30px;
}

.jcarousel-wrapper.related-items-carousel .jcarousel li, .jcarousel-wrapper.related-items-carousel .similar-jcarousel li {
  border: 0;
  padding: 10px;
  list-style: none;
}

.jcarousel-wrapper.related-items-carousel .jcarousel img, .jcarousel-wrapper.related-items-carousel .similar-jcarousel img {
  margin: 0 auto;
  width: 100%;
}

.jcarousel-wrapper.related-items-carousel .jcarousel-control {
  color: #2e2d44;
  transition-duration: 0s;
  box-shadow: none;
  text-shadow: none;
  background: #fff;
  border: 1px solid #2e2d44;
  height: 50px;
  width: 50px;
  top: 40%;
}

.jcarousel-wrapper.related-items-carousel .jcarousel-control:hover, .jcarousel-wrapper.related-items-carousel .jcarousel-control:focus, .jcarousel-wrapper.related-items-carousel .jcarousel-control:active, .jcarousel-wrapper.related-items-carousel .jcarousel-control.active {
  color: #0f0f16;
  text-decoration: none;
}

.jcarousel-wrapper.related-items-carousel .jcarousel-control span {
  color: #2e2d44;
  text-decoration: none;
  height: 40px;
  width: 40px;
  font-size: 26px !important;
  top: 10px;
  position: relative;
  left: 3px;
}

.jcarousel-wrapper.related-items-carousel .item .text-container .inner h2 {
  text-align: left;
}

.jcarousel-wrapper.related-items-carousel .item .text-container .inner h2 img {
  max-width: 20px;
  display: inline-block;
}

.jcarousel-wrapper.related-items-carousel .jcarousel-control-prev, .jcarousel-wrapper.related-items-carousel .similar-jcarousel-control-prev {
  left: -60px;
}

.jcarousel-wrapper.related-items-carousel .jcarousel-control-prev span, .jcarousel-wrapper.related-items-carousel .similar-jcarousel-control-prev span {
  left: -1px;
  top: 11px;
}

.jcarousel-wrapper.related-items-carousel .jcarousel-control-next, .jcarousel-wrapper.related-items-carousel .similar-jcarousel-control-next {
  right: -60px;
}

.jcarousel-wrapper.related-items-carousel .jcarousel-control-next span, .jcarousel-wrapper.related-items-carousel .similar-jcarousel-control-next span {
  left: 1px;
  top: 11px;
}

.jcarousel-wrapper.related-items-carousel p.jcarousel-pagination {
  display: none;
}

.jcarousel-wrapper.related-items-carousel p.more-whats-on {
  text-align: center !important;
}

@media screen and (max-width: 1500px) {
  .jcarousel-wrapper.related-items-carousel .jcarousel-control-prev, .jcarousel-wrapper.related-items-carousel .similar-jcarousel-control-prev {
    left: 0;
  }
  .jcarousel-wrapper.related-items-carousel .jcarousel-control-next, .jcarousel-wrapper.related-items-carousel .similar-jcarousel-control-next {
    right: 0;
  }
}

@media screen and (max-width: 991px) {
  .related-items-wrapper h3 {
    text-align: center;
    font-size: 2em;
  }
  .related-items-wrapper .related-items-carousel .item .text-container .inner .event-icon-information p {
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  #block-glasgowsciencecentre-views-block-our-upcoming-experiences-block-1 .inner, #block-glasgowsciencecentre-views-block-our-upcoming-experiences-block-1 h2, #block-glasgowsciencecentre-views-block-our-upcoming-experiences-block-1 .event-icon-information {
    height: auto !important;
  }
}

@media screen and (max-width: 580px) {
  .related-items-wrapper h3 {
    text-align: center;
    font-size: 1.5em;
  }
  .related-items-wrapper .jcarousel-wrapper.related-items-carousel .jcarousel-control {
    height: 40px;
    width: 40px;
  }
  .related-items-wrapper .jcarousel-wrapper.related-items-carousel .jcarousel-control span {
    font-size: 20px !important;
    top: 7px;
  }
}

@media all and (max-width: 380px) {
  .jcarousel-wrapper.related-items-carousel .jcarousel-control {
    top: 36%;
  }
}

body.page-node-151 h1.page-title {
  text-align: left;
  margin: 0 0 0.35em 0;
}

.contact-method .heading {
  clear: both;
  width: 100%;
  display: block;
  overflow: hidden;
}

.contact-method .heading span {
  border: 1px solid #2e2d44;
  padding: 11px 5px;
  width: 50px;
  height: 50px;
  float: left;
  text-align: center;
  border-radius: 100px;
  font-size: 1.5em;
}

.contact-method .heading h2 {
  margin-top: 10px;
  float: left;
  margin-left: 10px;
}

.contact-method .description {
  padding-left: 61px;
}

.contact-method.first {
  margin-top: 20px;
}

.map-container iframe {
  width: 100%;
}

@media screen and (max-width: 580px) {
  .contact-method .heading span {
    padding: 8px 5px;
    width: 40px;
    height: 40px;
    font-size: 1.4em;
  }
  .contact-method .heading h2 {
    margin-top: 10px;
    float: left;
  }
  .contact-method .description {
    padding-left: 51px;
  }
}

.campaign-page .campaign-information-swoosh .inner {
  padding-bottom: 30px;
}

.campaign-page .campaign-information-swoosh .campaign-info-item {
  float: left;
  width: 20%;
}

.campaign-page .campaign-information-swoosh .campaign-info-item p.title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1em;
  margin-bottom: 0;
  margin-left: 0;
}

.campaign-page .campaign-information-swoosh .campaign-info-item span.icon {
  font-size: 1.5em;
  position: relative;
  top: 0;
  width: 30px;
  display: block;
  float: left;
}

.campaign-page .campaign-information-swoosh .campaign-info-item p {
  margin-left: 30px;
  margin-bottom: 0;
  font-size: 0.9em;
}

.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-age-sutability {
  float: left;
  width: 20%;
}

.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-location {
  width: 20%;
}

.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-duration {
  width: 20%;
}

.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets {
  width: 40%;
}

.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .ticket-prices span {
  margin-right: 15px;
}

.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .ticket-prices span:last-child {
  margin-right: 0;
  max-width: 180px;
  float: left;
}

.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .title-price-cont {
  float: left;
}

.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont {
  float: right;
}

.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont p {
  margin-left: 0;
}

.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs {
  border-bottom: 1px solid #2e2d44;
}

.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li {
  width: 33.33333%;
}

.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li:last-child {
  border: 0;
}

.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a {
  display: block;
  width: 100%;
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  transition-duration: 0s;
}

.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a span.icon {
  font-size: 1.1em;
  top: 4px;
  position: relative;
}

.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a:hover, .campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a:focus {
  background: #30b7bb;
  color: #fff;
  border-color: #fff;
}

.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li.active {
  border: 1px solid #fff;
}

.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li.active a,
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li.active a:hover,
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li.active a:focus {
  background: #30b7bb;
  color: #fff;
  border: 0;
}

.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li.active:after {
  content: '';
  display: block;
  height: 10px;
  width: 10px;
  position: absolute;
  left: calc(50% - 20px);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #30b7bb;
  bottom: -9px;
}

.campaign-page .campaign-information-swoosh .mobile-information .tab-content {
  padding: 15px;
  background: #191925;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 0;
  margin-bottom: 20px;
}

.campaign-page .campaign-information-swoosh .mobile-information .tab-content p {
  margin-bottom: 0;
}

.campaign-page .campaign-information-swoosh .mobile-information .tab-content p.title {
  display: none;
}

.campaign-page .campaign-information-swoosh .mobile-information .tab-content .tab-pane#ticket-info span.price {
  margin-right: 10px;
}

.campaign-page .campaign-information-swoosh .mobile-information p.button-link {
  margin-bottom: 0;
}

.campaign-page .campaign-information-swoosh .mobile-information p.button-link a {
  margin-bottom: 0;
}

.campaign-page .page-introduction {
  padding: 0 0 60px;
  margin-top: 0;
}

.campaign-page .layout {
  padding: 40px 0;
}

.campaign-page .layout.light-grey {
  background: #f2f2f2;
}

.campaign-page .layout.light-grey .content-block.grey-bg {
  background: #fff;
}

.campaign-page .layout.dark-blue {
  background: #2e2d44;
}

.campaign-page .layout.dark-blue h1, .campaign-page .layout.dark-blue h2, .campaign-page .layout.dark-blue h3, .campaign-page .layout.dark-blue h4, .campaign-page .layout.dark-blue h5, .campaign-page .layout.dark-blue p, .campaign-page .layout.dark-blue ul, .campaign-page .layout.dark-blue li {
  color: #fff;
}

.campaign-page .layout.dark-blue a:not(.btn) {
  color: #30b7bb;
}

.campaign-page .layout .container {
  max-width: 1000px;
}

.campaign-page .layout.image-right {
  margin: 15px 0;
  padding: 0;
}

.campaign-page .layout.image-right img {
  width: 45%;
  margin-left: 2%;
}

.campaign-page .layout.image-right.about-the-space-event-page {
  margin: 0;
  padding: 30px 0;
}

.campaign-page .layout.image-left {
  margin: 15px 0;
  padding: 0;
}

.campaign-page .layout.image-left img {
  width: 45%;
  margin-right: 2%;
}

.campaign-page .layout.media .gallery .btn span, .campaign-page .layout.media .gallery .modal#mobile-whats-on .form-group input[type=submit] span, .modal#mobile-whats-on .form-group .campaign-page .layout.media .gallery input[type=submit] span, .campaign-page .layout.media .gallery .whats-on-filters #edit-submit-whats-on-grid span, .whats-on-filters .campaign-page .layout.media .gallery #edit-submit-whats-on-grid span, .campaign-page .layout.media .gallery .whats-on-filters #edit-submit-educational-experiences span, .whats-on-filters .campaign-page .layout.media .gallery #edit-submit-educational-experiences span, .campaign-page .layout.media .gallery .whats-on-filters #edit-submit-grid-overview span, .whats-on-filters .campaign-page .layout.media .gallery #edit-submit-grid-overview span, .campaign-page .layout.media .gallery .button-cta a span, .button-cta .campaign-page .layout.media .gallery a span {
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.campaign-page .layout.when-is-this-on .date-time-row {
  text-align: center;
}

.campaign-page .layout.when-is-this-on input {
  background-image: url("/themes/custom/glasgowsciencecentre/images/calendar-blue.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 25px;
  padding-right: 50px;
  cursor: pointer;
}

.campaign-page .layout.when-is-this-on label {
  color: #fff;
}

.campaign-page .layout.when-is-this-on p.button-link {
  margin-bottom: 0;
}

.campaign-page .layout.about-the-space {
  padding: 40px 0;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.campaign-page .layout.about-the-space img {
  max-width: 300px;
}

.campaign-page .layout.related-campaigns .container {
  max-width: 1200px;
}

.campaign-page .layout.entry-tickets-signpost {
  padding: 40px 0;
  margin: 0;
}

.page-node-type-events .content-block.interested-in-holding-event {
  padding: 30px 15px 25px;
  max-width: 980px;
  background: #2e2d44;
  margin: 0 auto 35px;
  border-top: 5px solid #30b7bb;
}

.page-node-type-events .content-block.interested-in-holding-event h3, .page-node-type-events .content-block.interested-in-holding-event p {
  color: #fff;
}

.page-node-type-events .content-block.interested-in-holding-event a:not(.btn) {
  color: #30b7bb;
}

@media screen and (max-width: 1360px) {
  .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .ticket-prices span {
    display: block;
    width: 100%;
  }
  .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .btn, .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont input[type=submit], .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont #edit-submit-whats-on-grid,
  .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont #edit-submit-educational-experiences,
  .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .whats-on-filters #edit-submit-grid-overview, .whats-on-filters .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont #edit-submit-grid-overview, .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .button-cta a, .button-cta .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont a {
    padding: 11px 15px;
    height: 50px;
    font-size: 1em;
  }
}

@media screen and (max-width: 991px) {
  .campaign-page .campaign-information-swoosh .inner {
    padding: 20px 0 0;
  }
  .campaign-page .campaign-information-swoosh img.panel-swoosh {
    display: none;
  }
  .campaign-page .campaign-information-swoosh .mobile-information .tab-content p.title {
    display: block;
    font-weight: 600;
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a span.wording {
    font-size: 0.9em;
  }
}

@media screen and (max-width: 620px) {
  .campaign-page .campaign-information-swoosh {
    top: 0;
  }
  .campaign-page .campaign-information-swoosh .panel-swoosh {
    display: none;
  }
  .campaign-page .campaign-information-swoosh .inner {
    padding-top: 20px;
  }
  .campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a {
    text-align: center;
    font-size: 1.15em;
  }
  .campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a span.wording {
    display: none;
  }
  .campaign-page .campaign-information-swoosh .mobile-information .tab-content .purchase-link-cont p {
    text-align: center;
  }
  .campaign-page .campaign-information-swoosh .mobile-information .tab-content .purchase-link-cont p a {
    width: 100%;
    display: block;
    margin-top: 10px;
  }
}

@media screen and (max-width: 580px) {
  .campaign-page .layout.image-left img, .campaign-page .layout.image-right img {
    width: 100%;
    display: block;
    margin: 0;
    margin-bottom: 10px;
  }
  .campaign-page .layout.about-the-space {
    padding: 40px 0;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
  }
  .campaign-page .layout.about-the-space img {
    max-width: 45%;
  }
}

#block-weather-local-tasks,
#block-gsc-local-tasks {
  z-index: 6;
  position: relative;
}

body.path-user #block-breadcrumbs,
body.path-user #webform-submission-newsletter-signup-form,
body.path-user .footer-passport-incentive {
  display: none;
}

body.path-user main .tabs {
  margin-bottom: 0;
  display: none;
}

body.path-user main .tabs ul {
  margin-left: 0;
  padding: 0;
}

body.path-user main .wrapper {
  background: none;
  max-width: 600px;
  margin: 0 auto 100px;
  width: 95%;
}

body.path-user main .wrapper #block-glasgowsciencecentre-content {
  background: #2e2d44;
  padding: 20px;
  border-top: 5px solid #30b7bb;
  margin-top: 40px;
}

body.path-user main .wrapper h2 {
  color: #fff;
}

body.path-user main .wrapper form label {
  width: 100%;
  display: block;
  color: #fff;
}

body.path-user main .wrapper form .description {
  display: none;
}

body.path-user main .wrapper form input {
  background: #f2f2f2;
  width: 100%;
  margin-bottom: 1em;
}

body.path-user main .wrapper form #edit-actions {
  margin-bottom: 0;
}

body.path-user main .wrapper form input[type=submit] {
  width: auto;
  text-transform: uppercase;
  margin-bottom: 0;
}

body.path-user main .wrapper a.pull-right {
  position: relative;
  top: -30px;
  color: #fff;
  text-decoration: underline;
}

body.path-user main .wrapper a.pull-right:hover {
  color: #30b7bb;
  text-decoration: none;
}

body.path-user main .wrapper p {
  color: #fff;
}

#toolbar-administration, #toolbar-administration * {
  box-sizing: border-box;
  box-shadow: none;
  font-weight: 400;
  text-transform: none;
}

#toolbar-administration button.toolbar-icon-edit, #toolbar-administration * button.toolbar-icon-edit {
  height: 40px;
}

.toolbar .toolbar-bar {
  background: #2e2d44;
}

@media screen and (max-width: 580px) {
  body.path-user main .wrapper a.pull-right {
    font-size: 0.8em;
  }
}

.case-study-content h1.page-heading {
  margin-bottom: 0;
}

.case-study-content .case-study-image {
  margin-bottom: 10px;
}

#block-views-block-jobs-and-volunteering-jobs-and-volunteering h2 {
  text-align: center;
}

#block-views-block-jobs-and-volunteering-jobs-and-volunteering .item {
  background: #f2f2f2;
  padding: 20px;
}

.page-node-type-jobs-volunteering .button-link {
  text-align: center;
}

.page-node-type-jobs-volunteering .button-link .icon-file-pdf {
  padding-right: 10px;
}

#block-views-block-educational-partners-educational-partners .image-right img {
  height: auto;
  float: right;
}

.education-on-tour-header {
  text-align: center;
}

.education-on-tour-grid p.topics {
  width: 100%;
}

.education-on-tour-grid span {
  padding-right: 10px;
}

body.path-search .footer-newsletter-signup {
  display: none;
}

body.path-search .footer-passport-incentive {
  margin-top: 75px;
}

body.path-search .layout-content {
  padding: 20px 10px 0;
}

body.path-search .layout-content h1.page-heading {
  margin-bottom: 5px;
}

body.path-search .layout-content {
  max-width: 800px;
  margin: 0 auto;
}

body.path-search .layout-content form.search-form {
  width: 100%;
  background: #2e2d44;
  border-top: 5px solid #30b7bb;
  padding: 10px;
  position: relative;
  margin-bottom: 30px;
  color: #fff;
}

body.path-search .layout-content form.search-form .form-group {
  margin-bottom: 0;
}

body.path-search .layout-content form.search-form label {
  color: #fff;
  display: none;
}

body.path-search .layout-content form.search-form input[type=search] {
  width: calc(100% - 120px);
  max-width: 100%;
  margin-bottom: 0;
  padding: 12px 13px;
}

body.path-search .layout-content form.search-form input[type=submit] {
  position: absolute;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  background: #e12a58;
  right: 10px;
  top: 10px;
  width: 100px;
  margin-bottom: 0;
}

body.path-search .layout-content form.search-form a.search-help-link {
  display: none;
}

body.path-search .layout-content ol li {
  background: #f2f2f2;
  border-top: 5px solid #30b7bb;
  padding: 15px;
  margin-bottom: 10px;
}

body.path-search .layout-content ol h3 a {
  color: #2e2d44;
}

body.path-search .layout-content ol h3 a:hover, body.path-search .layout-content ol h3 a:focus, body.path-search .layout-content ol h3 a:active, body.path-search .layout-content ol h3 a.active {
  color: #30b7bb;
  text-decoration: none;
}

body.path-search .layout-content ol .search-snippet-info {
  padding-left: 0;
}

body.path-search .layout-content ol .search-snippet-info .search-snippet {
  margin-bottom: 0;
}

body.path-search .layout-content ol .search-snippet-info .search-snippet strong {
  font-weight: 800;
  font-style: italic;
}

body.path-search .layout-content ol .search-snippet-info .search-info {
  display: none;
}

.buorg {
  font-family: "proxima-nova", Arial, Helvetica Neue, Helvetica, sans-serif !important;
  font-size: 16px !important;
  border-bottom: 0;
  animation: 0;
}

.buorg div a,
.buorg div a:visited {
  background: #22b573 !important;
}

body.page-node-364 #block-glasgowsciencecentre-breadcrumbs {
  display: none;
}

body.page-node-364 #block-glasgowsciencecentre-breadcrumbs .container li {
  color: #2e2d44 !important;
  text-shadow: none !important;
}

body.page-node-364 .field--name-field-content .field__item:nth-child(odd) {
  background: #fff;
}

body.page-node-364 .information-page-banner {
  display: none;
}

body.page-node-364 main {
  position: relative;
  top: 20px;
}

body.page-node-364 main h1 {
  display: none;
}

body.page-node-364 main .layout.passport-layout {
  padding-top: 20px;
}

body.page-node-364 main .layout.passport-layout .field__label {
  display: none;
}

body.page-node-364 main .layout.passport-layout .container {
  max-width: 1360px;
}

body.page-node-364 main .layout.passport-layout .image {
  width: 50%;
  float: left;
}

body.page-node-364 main .layout.passport-layout .image img {
  width: 100%;
  height: auto;
}

body.page-node-364 main .layout.passport-layout .right {
  width: 45%;
  float: right;
}

body.page-node-364 main .layout.passport-layout .right h1 {
  display: block;
}

body.page-node-364 .footer-passport-incentive {
  display: none;
}

@media screen and (max-width: 991px) {
  body.page-node-364 main .layout.passport-layout .image {
    width: 35%;
    float: left;
  }
  body.page-node-364 main .layout.passport-layout .right {
    width: 60%;
    float: right;
  }
}

@media screen and (max-width: 767px) {
  body.page-node-364 main .layout.passport-layout .image {
    width: 35%;
    float: right;
  }
  body.page-node-364 main .layout.passport-layout .right {
    width: 60%;
    float: left;
  }
}

@media screen and (max-width: 580px) {
  body.page-node-364 main h1 {
    display: block;
    text-align: left;
    padding: 0 10px;
    margin-top: 20px;
  }
  body.page-node-364 main .page-introduction {
    padding: 0;
  }
  body.page-node-364 main .layout.passport-layout {
    padding-top: 0;
  }
  body.page-node-364 main .layout.passport-layout .image, body.page-node-364 main .layout.passport-layout .right {
    width: 100%;
    float: none;
  }
  body.page-node-364 main .layout.passport-layout .image h1, body.page-node-364 main .layout.passport-layout .right h1 {
    display: none;
  }
}

.page-node-1622 .content-container .sidebar {
  display: none;
}

.page-node-1622 .content-container .main {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  float: none;
}

@media screen and (max-width: 767px) {
  .page-node-1622 .content-container {
    top: 0;
  }
}

#block-stayupdatedfooternewslettersignpost,
#block-stayupdatededucationalnewslettersignup,
#block-stayupdatedpublicengagement {
  background: #2e2d44;
  color: #fff;
  text-align: center;
  padding: 20px 10px;
}

#block-stayupdatedfooternewslettersignpost h2, #block-stayupdatedfooternewslettersignpost p,
#block-stayupdatededucationalnewslettersignup h2,
#block-stayupdatededucationalnewslettersignup p,
#block-stayupdatedpublicengagement h2,
#block-stayupdatedpublicengagement p {
  color: #fff;
  text-align: center;
}

#block-stayupdatedfooternewslettersignpost p,
#block-stayupdatededucationalnewslettersignup p,
#block-stayupdatedpublicengagement p {
  max-width: 600px;
  margin: 0 auto 0.75em;
}

#block-stayupdatedfooternewslettersignpost p:last-child,
#block-stayupdatededucationalnewslettersignup p:last-child,
#block-stayupdatedpublicengagement p:last-child {
  margin-bottom: 0;
}

#block-stayupdatedfooternewslettersignpost form,
#block-stayupdatededucationalnewslettersignup form,
#block-stayupdatedpublicengagement form {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

#block-stayupdatedfooternewslettersignpost .form-item,
#block-stayupdatededucationalnewslettersignup .form-item,
#block-stayupdatedpublicengagement .form-item {
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
}

#block-stayupdatedfooternewslettersignpost .form-item label,
#block-stayupdatededucationalnewslettersignup .form-item label,
#block-stayupdatedpublicengagement .form-item label {
  color: #fff;
  float: left;
  text-align: right;
  position: relative;
}

#block-stayupdatedfooternewslettersignpost .form-item input,
#block-stayupdatededucationalnewslettersignup .form-item input,
#block-stayupdatedpublicengagement .form-item input {
  width: 100%;
  margin-bottom: 1em;
}

#block-stayupdatedfooternewslettersignpost .form-item.form-item-your-name, #block-stayupdatedfooternewslettersignpost .form-item.form-item-email-address,
#block-stayupdatededucationalnewslettersignup .form-item.form-item-your-name,
#block-stayupdatededucationalnewslettersignup .form-item.form-item-email-address,
#block-stayupdatedpublicengagement .form-item.form-item-your-name,
#block-stayupdatedpublicengagement .form-item.form-item-email-address {
  max-width: 49%;
  float: left;
}

#block-stayupdatedfooternewslettersignpost .form-item.form-item-email-address,
#block-stayupdatededucationalnewslettersignup .form-item.form-item-email-address,
#block-stayupdatedpublicengagement .form-item.form-item-email-address {
  margin-left: 2%;
}

#block-stayupdatedfooternewslettersignpost #edit-newsletter-markup,
#block-stayupdatededucationalnewslettersignup #edit-newsletter-markup,
#block-stayupdatedpublicengagement #edit-newsletter-markup {
  max-width: 800px;
  margin: 0 auto 10px;
  line-height: 1.25em;
}

#block-stayupdatedfooternewslettersignpost .btn-primary, #block-stayupdatedfooternewslettersignpost .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group #block-stayupdatedfooternewslettersignpost input[type=submit], #block-stayupdatedfooternewslettersignpost .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters #block-stayupdatedfooternewslettersignpost #edit-submit-whats-on-grid,
#block-stayupdatedfooternewslettersignpost .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters #block-stayupdatedfooternewslettersignpost #edit-submit-educational-experiences,
#block-stayupdatedfooternewslettersignpost .whats-on-filters #edit-submit-grid-overview, .whats-on-filters #block-stayupdatedfooternewslettersignpost #edit-submit-grid-overview, #block-stayupdatedfooternewslettersignpost .button-cta a, .button-cta #block-stayupdatedfooternewslettersignpost a, #block-stayupdatedfooternewslettersignpost body.path-user main .wrapper form input[type=submit], body.path-user main .wrapper form #block-stayupdatedfooternewslettersignpost input[type=submit],
#block-stayupdatededucationalnewslettersignup .btn-primary,
#block-stayupdatededucationalnewslettersignup .modal#mobile-whats-on .form-group input[type=submit],
.modal#mobile-whats-on .form-group #block-stayupdatededucationalnewslettersignup input[type=submit],
#block-stayupdatededucationalnewslettersignup .whats-on-filters #edit-submit-whats-on-grid,
.whats-on-filters #block-stayupdatededucationalnewslettersignup #edit-submit-whats-on-grid,
#block-stayupdatededucationalnewslettersignup .whats-on-filters #edit-submit-educational-experiences,
.whats-on-filters #block-stayupdatededucationalnewslettersignup #edit-submit-educational-experiences,
#block-stayupdatededucationalnewslettersignup .whats-on-filters #edit-submit-grid-overview,
.whats-on-filters #block-stayupdatededucationalnewslettersignup #edit-submit-grid-overview,
#block-stayupdatededucationalnewslettersignup .button-cta a,
.button-cta #block-stayupdatededucationalnewslettersignup a,
#block-stayupdatededucationalnewslettersignup body.path-user main .wrapper form input[type=submit],
body.path-user main .wrapper form #block-stayupdatededucationalnewslettersignup input[type=submit],
#block-stayupdatedpublicengagement .btn-primary,
#block-stayupdatedpublicengagement .modal#mobile-whats-on .form-group input[type=submit],
.modal#mobile-whats-on .form-group #block-stayupdatedpublicengagement input[type=submit],
#block-stayupdatedpublicengagement .whats-on-filters #edit-submit-whats-on-grid,
.whats-on-filters #block-stayupdatedpublicengagement #edit-submit-whats-on-grid,
#block-stayupdatedpublicengagement .whats-on-filters #edit-submit-educational-experiences,
.whats-on-filters #block-stayupdatedpublicengagement #edit-submit-educational-experiences,
#block-stayupdatedpublicengagement .whats-on-filters #edit-submit-grid-overview,
.whats-on-filters #block-stayupdatedpublicengagement #edit-submit-grid-overview,
#block-stayupdatedpublicengagement .button-cta a,
.button-cta #block-stayupdatedpublicengagement a,
#block-stayupdatedpublicengagement body.path-user main .wrapper form input[type=submit],
body.path-user main .wrapper form #block-stayupdatedpublicengagement input[type=submit] {
  background: #e12a58;
}

#block-stayupdatedfooternewslettersignpost .form-actions,
#block-stayupdatededucationalnewslettersignup .form-actions,
#block-stayupdatedpublicengagement .form-actions {
  clear: both;
}

@media screen and (max-width: 767px) {
  .footer-newsletter-signup .form-item label {
    width: 100%;
    text-align: left;
    max-width: 100%;
    float: none;
    top: 0;
  }
  .footer-newsletter-signup .form-item input {
    width: 100%;
    float: none;
  }
  .footer-newsletter-signup .form-item.form-item-your-name, .footer-newsletter-signup .form-item.form-item-email-address {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}

.blog-grid .whats-on-filters.main-filters {
  background: #2e2d44;
  text-align: center;
  border-top: 5px #30b7bb solid;
  margin-bottom: 20px;
  margin-top: 0;
}

.blog-grid .whats-on-filters.main-filters .blog-filter-container {
  width: auto;
  margin: 10px auto 0;
  display: inline-block;
  padding: 0 10px;
}

.blog-grid .whats-on-filters.main-filters .filter-container {
  text-align: center;
}

.blog-grid .whats-on-filters.main-filters .filter-container li {
  float: left;
  list-style: none;
  margin-right: 25px;
  position: relative;
  margin-top: 7px;
}

.blog-grid .whats-on-filters.main-filters .filter-container li input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  height: 25px;
  width: 25px;
}

.blog-grid .whats-on-filters.main-filters .filter-container li input[type=checkbox]:checked {
  background-image: url(/themes/custom/glasgowsciencecentre/images/tick-teal.png);
  background-size: 15px;
  background-position: center;
  background-repeat: no-repeat;
}

.blog-grid .whats-on-filters.main-filters .filter-container li label {
  color: #fff;
  position: relative;
  top: -7px;
  margin-left: 6px;
}

.blog-grid .whats-on-filters.main-filters .filter-container input[type=submit] {
  background: #e12a58;
  width: 100px;
  min-width: 1px;
}

.blog-grid .whats-on-filters.main-filters .filter-container .form-group {
  margin: 0;
}

.blog-grid .applied-filters.blog-hide-filters {
  display: none;
}

.blog-grid .blog-item-card .inner {
  padding-top: 10px !important;
}

.blog-grid .blog-item-card .read-time {
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.03em;
  opacity: 0.6;
  margin-bottom: 10px;
}

.blog-grid .blog-item-card .category-type {
  color: #fff;
  display: none;
}

.blog-grid .blog-item-card .category-type p {
  margin-bottom: 0;
  font-size: 0.8em;
  opacity: 0.6;
}

.blog-grid .blog-item-card .blog-readmore {
  overflow: hidden;
}

.blog-grid .blog-item-card .blog-readmore .button-link {
  width: 160px;
  float: left;
}

.blog-grid .blog-item-card .blog-readmore .blog-postedby {
  letter-spacing: 0.03em;
  font-size: 0.8em;
  opacity: 0.6;
  width: calc(100% - 160px);
  float: right;
  text-align: right;
  padding-right: 15px;
  margin-top: 15px;
}

.page-node-type-blog .wrapper {
  background: #f2f2f2;
}

.page-node-type-blog #block-glasgowsciencecentre-content {
  max-width: 767px;
  margin: 0 auto;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-image {
  margin-bottom: 20px;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-image img {
  width: 100%;
  height: auto;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content {
  background: #fff;
  padding: 35px;
  border-top: 5px solid #30b7bb;
  padding-bottom: 10px;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .read-time {
  margin-top: 5px;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .read-time,
.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .blog-posted-by {
  font-size: 0.85em;
  opacity: 0.7;
  margin-bottom: 5px;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .blog-posted-by {
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 10px;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .content-block.dark-blue-bg {
  padding: 25px 15px 15px;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .content-block.dark-blue-bg h4,
.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .content-block.dark-blue-bg p.button-link {
  margin-bottom: 0;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links {
  margin-top: 30px;
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  padding: 15px 0 0;
  overflow: hidden;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links .form-group {
  margin: 0;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a {
  width: 50%;
  float: left;
  border-right: 1px solid #ccc;
  padding: 15px 5px 15px 30px;
  position: relative;
  line-height: 1.5em;
  color: #2e2d44;
  font-size: 0.9em;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a span.arrow {
  position: absolute;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  left: 10px;
  transition: 0.2s all ease-in-out;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a br {
  display: none;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a .title {
  clear: both;
  display: block;
  font-weight: 600;
  text-transform: uppercase;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a:hover {
  padding-left: 25px;
  text-decoration: none;
  color: #e12a58;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a:hover span.arrow {
  left: 5px;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links > .form-group .next-article {
  background: red !important;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links > .form-group .next-article a {
  border-right: 0;
  text-align: right;
  padding-left: 0;
  padding-right: 30px;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links > .form-group .next-article a span.arrow {
  right: 10px;
  left: auto;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links > .form-group .next-article a:hover {
  padding-right: 25px;
  padding-left: auto;
}

.page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links > .form-group .next-article a:hover span.arrow {
  right: 5px;
  left: auto;
}

.page-node-type-blog #block-views-block-blog-related-blog-stories {
  background: #fff;
  margin-top: 50px;
  padding: 50px 0;
}

.page-node-type-blog #block-views-block-blog-related-blog-stories h2 {
  text-align: center;
}

.page-node-type-blog #block-views-block-blog-related-blog-stories .blog-item-card .text-container .inner h2 {
  text-align: left;
}

@media screen and (max-width: 991px) {
  .blog-grid .whats-on-filters.main-filters .blog-filter-container {
    display: block;
    width: 100%;
  }
  .blog-grid .whats-on-filters.main-filters .filter-container li {
    width: 30%;
    text-align: left;
    margin-right: 3%;
  }
  .blog-grid .whats-on-filters.main-filters .filter-container .form-actions.js-form-wrapper.form-wrapper.form-group {
    clear: both;
    text-align: right;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .blog-grid .whats-on-filters.main-filters {
    height: 0;
    margin: 0;
    background: none;
    border: 0;
  }
  .blog-grid .whats-on-filters.main-filters .filter-container h2 {
    text-align: left;
  }
  .blog-grid .whats-on-filters.main-filters .filter-container li {
    width: 50%;
    margin-right: 0;
    float: left;
  }
  .blog-grid .whats-on-filters.main-filters .filter-container button.close span {
    color: #fff;
  }
  .page-node-type-blog #block-glasgowsciencecentre-content .blog-content {
    padding: 10px;
  }
  .page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a {
    padding-left: 15px;
    font-size: 0.85em;
  }
  .page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a span.arrow {
    left: 0;
  }
  .page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a:hover {
    padding-left: 10px;
  }
  .page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a:hover span.arrow {
    left: 0;
  }
  .page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a .title {
    margin-bottom: 0;
  }
  .page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a:nth-child(2) {
    padding-right: 15px;
    padding-left: 0;
  }
  .page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a:nth-child(2) span.arrow {
    right: 0;
    left: auto;
  }
  .page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a:nth-child(2):hover {
    padding-right: 10px;
    padding-left: 0;
  }
  .page-node-type-blog #block-glasgowsciencecentre-content .blog-content .next-prev-links a:nth-child(2):hover span.arrow {
    left: auto;
    right: 0;
  }
}

@media screen and (max-width: 580px) {
  .blog-grid .whats-on-filters.main-filters .filter-container li {
    width: 100%;
    float: none;
  }
  .blog-grid .blog-item-card .blog-readmore .button-link {
    width: 160px;
    float: none;
  }
  .blog-grid .blog-item-card .blog-readmore .blog-postedby {
    width: 100%;
    float: none;
    text-align: left;
    padding: 0 15px;
    margin-top: 0px;
  }
}

#ccc-icon {
  margin: 0;
  border-radius: unset;
}

#ccc-icon svg:hover {
  background: unset;
}

#ccc-icon:hover, #ccc-icon:focus {
  top: unset;
  box-shadow: unset;
}

.add-ons-container .content-block .page-introduction p {
  font-size: 1em;
}

.add-ons-container .content-block .price-breakdown p {
  text-align: center;
  margin-bottom: 0;
}

.add-ons-container .content-block .price-breakdown p.special-price {
  font-weight: 600;
  font-size: 1.5em;
}

.add-ons-container .content-block .price-breakdown p.special-price .icon {
  font-size: 0.75em;
  margin-left: 5px;
}

.add-ons-container .content-block .price-breakdown .popover {
  color: #2e2d44;
}

.add-ons-container .content-block .add-on-item {
  background: #fff;
  border-radius: 5px;
  color: #2e2d44;
  margin-top: 20px;
}

.add-ons-container .content-block .add-on-item .heading {
  border-bottom: 1px solid #2e2d44;
  text-align: center;
  padding: 10px 15px;
}

.add-ons-container .content-block .add-on-item .heading h5 {
  color: #2e2d44;
  margin: 0;
  font-size: 1em;
}

.add-ons-container .content-block .add-on-item .heading p {
  color: #2e2d44;
  margin: 0;
  font-size: 0.9em;
}

.add-ons-container .content-block .add-on-item .content {
  border-bottom: 1px solid #2e2d44;
  padding: 10px 15px;
}

.add-ons-container .content-block .add-on-item .content p {
  color: #2e2d44;
  font-size: 0.95em;
  margin-bottom: 0;
}

.add-ons-container .content-block .add-on-item .content p img {
  margin-left: 10px;
}

.add-ons-container .content-block .add-on-item .footer p {
  color: #2e2d44;
  font-weight: 600;
  padding: 10px 15px 5px;
  margin-bottom: 0;
}

.add-ons-container .content-block .add-on-item .footer p a {
  margin-right: 10px;
}

.add-ons-container p.not-interested-addons {
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .heroSlider.royalSlider .text-container {
    background-size: 11% 100% !important;
  }
  select::-ms-expand {
    display: none;
  }
}

img {
  max-width: 100%;
  height: auto;
}

#page-master button.close > span {
  color: white;
}

#page-master .page-introduction * {
  text-align: left;
}

#page-master .gateway-grid-flex .activity {
  width: 100%;
}

#page-master .gateway-grid-flex .image-container {
  background-color: #a9a9a9;
}

#page-master .gateway-grid-flex .row {
  display: flex;
  flex-wrap: wrap;
}

#page-master .gateway-grid-flex .row [class^="col-"] {
  float: none;
  padding-bottom: 20px;
}

#page-master .gateway-grid-flex .row .field, #page-master .gateway-grid-flex .row .field__item {
  width: 100%;
}

#page-master .gateway-grid-flex .row .field {
  display: flex;
  flex-wrap: wrap;
}

#page-master .gateway-grid-flex .item {
  height: 100%;
  margin: 0;
  background-color: #2e2d44;
  border-bottom: 5px solid #30b7bb;
  display: flex;
  flex-direction: column;
}

#page-master .gateway-grid-flex .item .text-container {
  border: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

#page-master .gateway-grid-flex .item .inner, #page-master .gateway-grid-flex .item .inner > h2 {
  height: auto !important;
}

#page-master .gsc-at-home-filter form {
  margin-bottom: 15px;
}

#page-master .gsc-at-home-filter .filter-container {
  margin: 0;
}

#page-master .gsc-at-home-filter .form-actions {
  padding-left: 0;
  padding-right: 0;
}

#page-master .gsc-at-home-filter input[type='submit'] {
  width: auto;
  height: auto;
}

#footer-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: -10px;
}

#footer-badges img {
  height: 60px;
  width: auto;
  margin: 10px 10px 0 10px;
}

#footer-badges img.reduced {
  height: 45px;
}

#footer-badges img.tiny {
  height: 30px;
}

#master .status-items {
  margin-top: -1rem;
}

#master .status-items > * {
  margin-top: 1rem;
}

@media (min-width: 767px) {
  #master .status-items {
    display: flex;
    flex-wrap: wrap;
  }
  #master .status-items > :not(:last-child) {
    margin-right: 1.5rem;
  }
}

#master .status-items.tower-inactive {
  padding-bottom: 1.5rem;
  align-items: center;
}

#master .status-items.tower-inactive .centre {
  display: flex;
  flex-wrap: wrap;
  margin-top: -1rem;
  align-items: center;
}

#master .status-items.tower-inactive .centre > :not(:last-child) {
  margin-right: 1.5rem;
}

#master .status-items.tower-inactive .centre > * {
  margin-top: 1rem;
}

#master .status-items.tower-inactive .centre-hours, #master .status-items.tower-inactive .btn, #master .status-items.tower-inactive .modal#mobile-whats-on .form-group input[type=submit], .modal#mobile-whats-on .form-group #master .status-items.tower-inactive input[type=submit], #master .status-items.tower-inactive .whats-on-filters #edit-submit-whats-on-grid, .whats-on-filters #master .status-items.tower-inactive #edit-submit-whats-on-grid,
#master .status-items.tower-inactive .whats-on-filters #edit-submit-educational-experiences, .whats-on-filters #master .status-items.tower-inactive #edit-submit-educational-experiences,
#master .status-items.tower-inactive .whats-on-filters #edit-submit-grid-overview, .whats-on-filters #master .status-items.tower-inactive #edit-submit-grid-overview, #master .status-items.tower-inactive .button-cta a, .button-cta #master .status-items.tower-inactive a {
  margin-bottom: 0;
}

#master .status-items.tower-inactive .tower {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#master .status-items .tower-status, #master .status-items .tower-status p {
  text-align: left;
}

@media (max-width: 767px) {
  #master .status-items .tower-status {
    padding-bottom: 1.5rem;
  }
}

#master .social-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

#master .social-logo img {
  width: auto;
  height: 22px;
}

#master .social-logo.tiktok:hover {
  background-color: #fe2c55;
  border-color: #fe2c55;
}

.banner-image-main {
  position: relative;
  height: 100%;
}

.banner-image-main:before {
  content: '';
  float: left;
  padding-top: calc(100% * 9 / 21);
}

.banner-image-main:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 991px) {
  .banner-image-main:before {
    content: '';
    float: left;
    padding-top: calc(100% * 9 / 16);
  }
  .banner-image-main:after {
    content: '';
    display: block;
    clear: both;
  }
}

.banner-image-main img {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-hero-banner {
  position: relative;
  max-height: 70vh;
  overflow: hidden;
}

.page-hero-banner:before {
  content: '';
  float: left;
  padding-top: calc(100% * 9 / 21);
}

.page-hero-banner:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 991px) {
  .page-hero-banner:before {
    content: '';
    float: left;
    padding-top: calc(100% * 9 / 16);
  }
  .page-hero-banner:after {
    content: '';
    display: block;
    clear: both;
  }
}

.page-hero-banner img {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-hero-banner-wrap {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .page-hero-banner-wrap {
    margin-bottom: 20px;
  }
}

.campaign-image {
  min-width: 100% !important;
  margin-left: 0 !important;
}

#master #campaign-banner .text-container {
  height: 100% !important;
}

#master .gateway-grid .item .image-container > a:after {
  display: none;
}

.video-info {
  padding: 20px;
  background-color: #fff;
}

.video-info > * {
  margin-bottom: 0;
}

.video-info > *:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  #page-footer .location a, #page-footer .links a, #page-footer .copyright a {
    display: inline-flex;
    align-items: center;
    min-width: 48px;
    min-height: 48px;
  }
}

#master .main-menu .in-active-trail > a {
  background-color: #2b7477;
  color: #fff;
}

#master .main-menu > li > a:hover, #master .main-menu > li > a:active {
  background-color: #2b7477;
  color: #fff;
}

#master .btn-teal {
  background-color: #2b7477;
  box-shadow: 0 4px 0 #1d4d4e;
}

#master .btn-teal span {
  color: #fff;
}

#master .mobile-top-bar {
  background-color: #9B1C38;
}

.push-bottom {
  margin-bottom: 20px;
}

.map-embed {
  position: relative;
  overflow: hidden;
}

.map-embed:before {
  content: '';
  float: left;
  padding-top: calc(100% * 3 / 4);
}

.map-embed:after {
  content: '';
  display: block;
  clear: both;
}

.map-embed iframe {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.search-form .container-inline div {
  display: block;
}

#page {
  overflow-x: clip;
}

.video-holder {
  padding: 0;
}

.video-holder-media {
  position: relative;
  overflow: hidden;
}

.video-holder-media:before {
  content: '';
  float: left;
  padding-top: calc(100% * 9 / 16);
}

.video-holder-media:after {
  content: '';
  display: block;
  clear: both;
}

.video-holder-media iframe {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.video-info {
  padding: 10px;
}

#form-newsletter-signup {
  padding-bottom: 50px;
}

@media (max-width: 767px) {
  #form-newsletter-signup {
    padding-bottom: 20px;
  }
}

#form-newsletter-signup .modal-dialog {
  margin-top: 0;
  margin-bottom: 0;
}

#form-newsletter-signup form > div > :last-child {
  padding-top: 30px;
}

#form-newsletter-signup input[type="submit"] {
  border: 0;
  margin-top: 0;
  margin-left: 0;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.row-flex:not(.no-gutters) {
  margin-top: -1.25rem;
}

.row-flex:not(.no-gutters) > * {
  margin-top: 1.25rem;
}

.row-flex [class^="col-"] {
  float: none;
}

.row-flex.middle {
  justify-content: center;
}

.row-flex-grid .item {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.row-flex-grid .item .text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.row-flex-grid .item .text-container .inner {
  height: auto !important;
}

.button {
  display: inline-flex;
  padding: 0.75rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.3125rem;
  transition: box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

#master .button {
  text-decoration: none;
}

@media not all and (hover: none) {
  #master .button:hover {
    box-shadow: none;
    transform: translateY(0.25rem);
  }
}

.button.chunky {
  padding: 0.9375rem;
  font-size: 0.9375rem;
}

@media (min-width: 992px) {
  .button.chunky {
    padding: 1.125rem 1.875rem;
    font-size: 1.0625rem;
  }
}

.button.bigger {
  padding: 0.9375rem 1.875rem;
  font-size: 1.125rem;
}

.button.medium {
  padding: 0.9375rem 1.25rem;
  font-size: 1rem;
}

.button.stretched {
  width: 100%;
  justify-content: center;
}

.button.primary {
  background-color: #e12a58;
  color: #fff;
  box-shadow: 0 0.25rem 0 #9B1C38;
}

.button.secondary {
  background-color: #fff;
  color: #2E2D42;
  box-shadow: 0 0.25rem 0 #a9a9a9;
}

.button.tertiary {
  background-color: #30B7BB;
  color: #fff;
  box-shadow: 0 0.25rem 0 #2C7476;
}

.button.darker {
  background-color: #2e2d44;
  color: #fff;
  box-shadow: 0 0.25rem 0 #424160;
}

.media {
  position: relative;
  overflow: hidden;
}

.media img, .media video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.media.card-preview:before {
  content: '';
  float: left;
  padding-top: calc(100% * 15 / 19);
}

.media.card-preview:after {
  content: '';
  display: block;
  clear: both;
}

.icon-stamp {
  display: inline-flex;
  align-items: center;
}

.icon-stamp:before {
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  margin-right: 0.5rem;
}

.icon-stamp.star:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/star.svg");
  mask-image: url("../images/events/star.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-stamp.user:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/user.svg");
  mask-image: url("../images/events/user.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-stamp.time:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/time.svg");
  mask-image: url("../images/events/time.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-stamp.marker:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/marker.svg");
  mask-image: url("../images/events/marker.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-stamp.dates:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/dates.svg");
  mask-image: url("../images/events/dates.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-stamp.ticket:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/ticket.svg");
  mask-image: url("../images/events/ticket.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-stamp.rocket:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/rocket.svg");
  mask-image: url("../images/events/rocket.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-stamp.denied:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/denied.svg");
  mask-image: url("../images/events/denied.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-stamp.people:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/people.svg");
  mask-image: url("../images/events/people.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.icon-stamp.person:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/person.svg");
  mask-image: url("../images/events/person.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.layers {
  display: grid;
  grid-template-columns: 1fr;
}

.layers .layer {
  position: relative;
  grid-row-start: 1;
  grid-column-start: 1;
}

.layers .layer.top {
  z-index: 2;
}

.layers .layer.middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.category-tag {
  padding: 0.1875rem 0.75rem 0.125rem 0.625rem;
  border-radius: 0.875rem;
  font-size: 1.125rem;
  font-weight: 600;
  background-color: #424160;
}

.category-tag.seafoam {
  background-color: #22B573;
}

.category-tag.cyan {
  background-color: #30B7BB;
}

.category-tag.red {
  background-color: #e40426;
}

.category-tag.orange {
  background-color: #E56A0C;
}

.category-tag.purple {
  background-color: #64335f;
}

.card-grid ul, .card-grid li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.card-grid-title {
  font-size: 1.875rem;
}

@media (max-width: 991px) {
  .card-grid-title-primary {
    display: none;
  }
}

.card-grid-title .bbfc-cert {
  max-width: 20px;
}

.card-grid-item {
  position: relative;
  border-bottom: solid 0.25rem #30B7BB;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-grid-item, .card-grid-item * {
  color: #fff;
}

#master .card-grid-item-actions {
  display: flex;
  flex-wrap: wrap;
  margin-top: -1.25rem;
}

#master .card-grid-item-actions > :not(:last-child) {
  margin-right: 0.625rem;
}

#master .card-grid-item-actions > * {
  margin-top: 0.625rem;
}

.card-grid-item-list li {
  font-size: 1rem;
}

.card-grid-item-image {
  position: relative;
  background-color: #a9a9a9;
}

.card-grid-item-image .card-grid-category {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 1.875rem;
  padding-right: 1.875rem;
}

.card-grid-item-image.curved:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/curve-top.svg");
  mask-image: url("../images/events/curve-top.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.card-grid-item-image.curved:before {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  padding-top: calc(100% * 1/10);
  background-color: #2e2d44;
  z-index: 1;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.card-grid-item-detail {
  background-color: #2e2d44;
  padding: 0.625rem 1.875rem 1.875rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.unit-link {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 4;
}

.unit-link-inside {
  position: relative;
  z-index: 5;
}

.rich-text-summary p {
  font-size: 0.875rem;
  font-weight: 300;
}

.rich-text-summary > * {
  margin-bottom: 0;
}

.rich-text-summary > *:not(:last-child) {
  margin-bottom: 0.9375rem;
}

#master .card-category {
  position: relative;
  margin-left: -0.625rem;
}

#master .spacing-top {
  padding-top: 1.875rem;
}

@media (min-width: 992px) {
  #master .spacing-top {
    padding-top: 3.125rem;
  }
}

#master .spacing-block {
  margin-bottom: 1.875rem;
}

@media (min-width: 992px) {
  #master .spacing-block {
    margin-bottom: 3.75rem;
  }
}

#master .spacing-medium {
  margin-bottom: 1.25rem;
}

@media (min-width: 992px) {
  #master .spacing-medium {
    margin-bottom: 1.875rem;
  }
}

#master .spacing-standard {
  margin-bottom: 1.25rem;
}

#master .spacing-small {
  margin-bottom: 0.9375rem;
}

.divided {
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
  border-bottom: solid 1px #9D9D9D;
}

@media (min-width: 992px) {
  .divided {
    margin-bottom: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.button-reset {
  border: 0;
  background-color: transparent;
}

.slider-arrow {
  position: relative;
  width: 3.4375rem;
  height: 3rem;
  border-radius: 0.1875rem;
  flex: none;
  background-color: #D9D9D9;
  transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

@media not all and (hover: none) {
  .slider-arrow:hover {
    background-color: #B7B7B7;
  }
}

.slider-arrow.left:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/arrow-left.svg");
  mask-image: url("../images/events/arrow-left.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.slider-arrow.right:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/arrow-right.svg");
  mask-image: url("../images/events/arrow-right.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.slider-arrow:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #2e2d44;
}

#master .slider-arrow:before {
  -webkit-mask-size: 50%;
  mask-size: 50%;
}

.slider-arrow-title {
  margin: 0;
  text-align: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.slider-arrow-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slider-bullet {
  width: 15px;
  height: 15px;
  background-color: #B7B7B7;
  border-radius: 100%;
}

.pagination-list {
  padding-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.4375rem;
  justify-content: center;
  align-items: center;
}

.pagination-list > :not(:last-child) {
  margin-right: 0.4375rem;
}

.pagination-list a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.1875rem;
  height: 2.1875rem;
  background-color: #e12a58;
  border-radius: 100%;
  margin-top: 0.4375rem;
  color: #fff;
  text-decoration: none;
}

.pagination-list .active a {
  background-color: #2e2d44;
}

@media not all and (hover: none) {
  .pagination-list > :not(.active) a:hover {
    background-color: #64335f;
  }
}

.card-filter {
  display: flex;
  flex-wrap: wrap;
  margin-top: -40px;
}

.card-filter > * {
  margin-top: 40px;
}

.card-filter > :not(:last-child) {
  margin-right: 40px;
}

.card-filter input[type='submit'] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.card-filter .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
}

.card-filter .fieldset-wrapper > * {
  margin-top: 10px;
}

.card-filter .fieldset-wrapper > :not(:last-child) {
  margin-right: 10px;
}

.card-filter legend {
  margin-bottom: 1.25rem;
  text-transform: uppercase;
  font-weight: 600;
}

.card-filter .form-item {
  display: grid;
  grid-template-columns: 1fr;
}

.card-filter .form-item > * {
  grid-row-start: 1;
  grid-column-start: 1;
  margin: 0;
}

.card-filter .form-item input {
  opacity: 0;
  cursor: pointer;
}

.card-filter .form-item input:checked + label {
  background-color: #30B7BB;
  color: #fff;
}

.card-filter .form-item label {
  display: inline-flex;
  padding: 0.875rem 1.25rem;
  border-radius: 0.1875rem;
  border: solid 1px #30B7BB;
  text-transform: uppercase;
  font-size: 0.875rem;
}

.card-filter > fieldset:first-of-type input:checked + label {
  background-color: #2E2D42;
}

.card-filter > fieldset:first-of-type label {
  border-color: #2E2D42;
}

.card-filter .form-submit {
  border: none;
}

.modal.card-filter {
  display: block;
}

#master .modal.card-filter.spacing-block {
  margin-bottom: 0;
}

.modal.card-filter > :first-child {
  margin-top: 0;
}

.modal.card-filter legend {
  color: #fff;
}

.modal.card-filter .form-item input:checked + label {
  color: #fff;
}

.modal.card-filter .form-item label {
  color: #fff;
}

.modal.card-filter > fieldset:first-of-type input:checked + label {
  background-color: #fff;
  color: #2E2D42;
}

.modal.card-filter > fieldset:first-of-type label {
  border-color: #fff;
  color: #fff;
}

.editor a {
  text-decoration: underline;
}

.notice-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.notice-wrap.no-results:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/no-entry.svg");
  mask-image: url("../images/events/no-entry.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.notice-wrap.closed:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/door.svg");
  mask-image: url("../images/events/door.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.notice-wrap:before {
  background-color: #30b7bb;
  width: 6.25rem;
  height: 6.25rem;
}

.glide__bullets {
  padding-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.625rem;
  justify-content: center;
  align-items: center;
}

.glide__bullets > :not(:last-child) {
  margin-right: 0.625rem;
}

.glide__bullet--active {
  background-color: #30b7bb;
}

@media (min-width: 992px) {
  .glide__arrows, .glide__bullets, .glide__slide--clone {
    display: none;
  }
}

@media (min-width: 992px) {
  .glide__slides {
    transform: initial !important;
    width: 100% !important;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .glide__slides {
    grid-template-columns: repeat(3, 1fr);
  }
}

.glide__slide {
  height: auto;
}

@media (min-width: 992px) {
  .glide__slide {
    width: 100% !important;
    margin: 0 !important;
  }
}

.card-grid-filter .form-actions {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.text-icon {
  display: flex;
}

.text-icon:before {
  width: 5.625rem;
  height: 3.125rem;
  background-color: #30b7bb;
  margin-right: 1.875rem;
  flex: none;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-status-red {
  color: #CF3E5A;
}

.text-status-green {
  color: #30b7bb;
}

.status-message a {
  color: #2E2D42;
  text-decoration: underline;
}

.status-message-gsc:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/gsc-letters.svg");
  mask-image: url("../images/events/gsc-letters.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.status-message-tickets:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/events/ticket-detailed.svg");
  mask-image: url("../images/events/ticket-detailed.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@keyframes screenIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.graphic-icon {
  display: inline-flex;
  align-items: center;
}

.graphic-icon:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 1.25rem;
  aspect-ratio: 1;
  background-color: #fff;
  margin-right: 0.5rem;
  flex: none;
}

.graphic-icon.basket:before {
  -webkit-mask-image: url("../images/booking/basket.svg");
  mask-image: url("../images/booking/basket.svg");
}

.graphic-icon.ticket:before {
  -webkit-mask-image: url("../images/booking/ticket.svg");
  mask-image: url("../images/booking/ticket.svg");
}

.graphic-icon.person:before {
  -webkit-mask-image: url("../images/booking/person.svg");
  mask-image: url("../images/booking/person.svg");
}

.graphic-icon.time:before {
  -webkit-mask-image: url("../images/booking/time.svg");
  mask-image: url("../images/booking/time.svg");
}

.graphic-icon.map:before {
  -webkit-mask-image: url("../images/booking/map.svg");
  mask-image: url("../images/booking/map.svg");
}

.graphic-icon.date:before {
  -webkit-mask-image: url("../images/booking/date.svg");
  mask-image: url("../images/booking/date.svg");
}

.graphic-icon.time:before {
  -webkit-mask-image: url("../images/booking/time.svg");
  mask-image: url("../images/booking/time.svg");
}

.graphic-icon.person:before {
  -webkit-mask-image: url("../images/booking/person.svg");
  mask-image: url("../images/booking/person.svg");
}

.graphic-icon.car:before {
  -webkit-mask-image: url("../images/booking/car.svg");
  mask-image: url("../images/booking/car.svg");
}

.graphic-icon.remove:before {
  -webkit-mask-image: url("../images/booking/remove.svg");
  mask-image: url("../images/booking/remove.svg");
}

.graphic-icon.add:before {
  -webkit-mask-image: url("../images/booking/add.svg");
  mask-image: url("../images/booking/add.svg");
}

.graphic-icon.lightning:before {
  -webkit-mask-image: url("../images/booking/lightning.svg");
  mask-image: url("../images/booking/lightning.svg");
}

.row-flex-basic {
  display: flex;
  flex-wrap: wrap;
}

.row-flex-basic [class^="col-"] {
  float: none;
}

.media {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

.media:not(.transparent):not(.campaign-intro) {
  background-color: #a9a9a9;
}

.media img, .media video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.media.banner {
  aspect-ratio: 1.8;
}

.media.teaser {
  aspect-ratio: 2.05556;
}

.media.square {
  aspect-ratio: 1;
}

.media.portrait {
  aspect-ratio: 0.75;
}

@media (max-width: 992px) {
  .media.jumbo {
    aspect-ratio: 2.66667;
  }
}

.tall {
  height: 100%;
}

.wide {
  width: 100%;
}

.inactive {
  display: none;
}

.justify-end {
  justify-content: flex-end;
}

.justify-middle {
  justify-content: center;
}

.list-reset, .list-reset li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.header-buttons {
  display: flex;
  align-items: center;
}

.header-buttons .basket {
  margin-right: 0.625rem;
}

#master .highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.highlights .graphic-icon:before {
  background-color: #e12a58;
}

.curve {
  position: relative;
}

#master .curve .content {
  padding-bottom: 7.5rem;
}

@media (max-width: 992px) {
  #master .curve .content {
    padding-bottom: 3.125rem;
  }
}

.curve:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  aspect-ratio: 21.81818;
  background-color: #2e2d44;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../images/booking/curve-large.svg");
  mask-image: url("../images/booking/curve-large.svg");
}

.curve.curve-smaller:after {
  aspect-ratio: 10.88235;
  background-color: #1E1E2D;
  -webkit-mask-image: url("../images/booking/curve-small.svg");
  mask-image: url("../images/booking/curve-small.svg");
}

.curve-vertical {
  position: relative;
}

.curve-vertical:after {
  content: '';
  position: absolute;
  bottom: 0;
  background-color: #1E1E2D;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@media (min-width: 992px) {
  .curve-vertical:after {
    right: 0;
    top: 0;
    aspect-ratio: 0.075;
    -webkit-mask-image: url("../images/booking/curve-vertical.svg");
    mask-image: url("../images/booking/curve-vertical.svg");
  }
}

@media (max-width: 992px) {
  .curve-vertical:after {
    left: 0;
    right: 0;
    z-index: 99;
    aspect-ratio: 10.88235;
    -webkit-mask-image: url("../images/booking/curve-small.svg");
    mask-image: url("../images/booking/curve-small.svg");
  }
}

.booking-steps {
  padding-bottom: 3.75rem;
  background-color: #2e2d44;
}

.booking-banner .content {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

@media (max-width: 992px) {
  .booking-banner .content {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
}

.booking-banner h1 {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 992px) {
  .booking-banner .graphic {
    display: none;
  }
}

.grouping > :not(:last-child) {
  margin-bottom: 1.875rem;
}

@media (max-width: 992px) {
  .grouping > :not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}

.group-tight > :not(:last-child) {
  margin-bottom: 0.9375rem;
}

.editor > * {
  margin-bottom: 0;
}

.editor > *:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.progress-wrap {
  position: relative;
}

.progress-status {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  background-color: #e12a58;
  left: 0;
  z-index: 1;
  transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.progress-steps {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  counter-reset: listing;
  justify-content: space-between;
}

.progress-steps:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  background-color: #fff;
  left: 0;
  right: 0;
}

.progress-steps li {
  position: relative;
  color: #fff;
  font-size: 1.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  counter-increment: listing;
  width: 3.125rem;
}

@media (max-width: 992px) {
  .progress-steps li {
    width: 2.1875rem;
    font-size: 0.75rem;
  }
}

.progress-steps li:before {
  content: "" counter(listing) " ";
  width: 100%;
  aspect-ratio: 1;
  background-color: #30B7BB;
  border: solid 2px #fff;
  font-size: 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  z-index: 2;
}

@media (max-width: 992px) {
  .progress-steps li:before {
    font-size: 1rem;
  }
}

.progress-steps li span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 5px);
  white-space: nowrap;
}

.progress-steps .active {
  font-weight: 700;
}

.progress-steps .active:before {
  background-color: #e12a58;
}

.progress-steps .active ~ li:before {
  background-color: #2e2d44;
}

@media (min-width: 992px) {
  .booking-summary {
    position: sticky;
    top: 1.25rem;
  }
}

.booking-summary .summary-panel ul:not(:last-child) {
  margin-bottom: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-bottom: solid 2px #D9D9D9;
}

.booking-summary li {
  font-size: 1.125rem;
}

.booking-summary li:not(:last-child) {
  margin-bottom: 0.4375rem;
}

.booking-summary .graphic-icon:before {
  background-color: #2e2d44;
}

.booking-summary-total {
  font-weight: 900;
  padding-top: 0.3125rem;
}

.booking-summary .pricing {
  display: flex;
  gap: 1.5625rem;
  justify-content: space-between;
}

.summary-panel {
  padding: 2.5rem 1.875rem;
  background-color: #f2f2f2;
  border-top: solid 5px #30b7bb;
}

#master .heading-main {
  margin-bottom: 1.5625rem;
}

@media (max-width: 992px) {
  #master .heading-main {
    margin-bottom: 0.9375rem;
  }
}

.booking-main {
  padding-top: 3.125rem;
  padding-bottom: 6.25rem;
}

@media (max-width: 992px) {
  .booking-main {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

#master .booking-main .active {
  display: block;
}

.booking-step:not(.basic) {
  animation: screenIn 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.booking-step h2, .booking-step h3, .booking-step h4:not(.default), .booking-step p {
  color: #fff;
}

.booking-step input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

.booking-step input, .booking-step button {
  outline: 0 !important;
}

.selection-area {
  padding: 3.125rem;
  background-color: #2e2d44;
  border-top: solid 5px #30b7bb;
}

@media (max-width: 992px) {
  .selection-area {
    padding: 1.25rem;
  }
}

.switch-radio {
  position: relative;
}

.switch-radio input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.switch-radio input:checked + span {
  background-color: #22b573;
  color: #fff;
  box-shadow: 0 0.25rem 0 #22b573;
  border-color: #22b573;
}

.switch-radio input:not(:checked):hover + span {
  background-color: #D9D9D9;
  box-shadow: 0 0.25rem 0 #a9a9a9;
}

.switch-radio input:focus, .switch-radio input:focus-visible {
  opacity: 1;
}

.switch-radio span {
  display: flex;
  text-align: center;
  padding: 0.9375rem 1.875rem;
  background-color: #fff;
  border-radius: 4px;
  color: #2E2D42;
  border: solid 1px #D9D9D9;
  font-size: 1.125rem;
  box-shadow: 0 0.25rem 0 #D9D9D9;
  text-transform: uppercase;
  transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.switch-radio span.smaller {
  padding: 0.5rem 0.9375rem;
  font-size: 0.875rem;
}

#master .booking-radio-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem;
}

.booking-nav {
  padding-top: 2.5rem;
}

@media (max-width: 992px) {
  .booking-nav {
    padding-top: 0.9375rem;
  }
}

.booking-nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

@media (max-width: 992px) {
  .booking-nav ul {
    flex-direction: column;
  }
}

@media (min-width: 992px) {
  .booking-nav ul {
    justify-content: flex-end;
  }
}

@media (min-width: 992px) {
  .booking-nav.process ul {
    justify-content: space-between;
  }
}

.booking-nav .back, .booking-nav .complete {
  display: none;
}

@media (max-width: 992px) {
  .booking-nav .button {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

.booking-tickets > :not(:first-child) {
  border-top: solid 1px #a9a9a9;
}

.booking-ticket-item {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
  align-items: center;
}

#master .booking-ticket-item {
  padding: 0.625rem 1.25rem;
}

@media (min-width: 992px) {
  .booking-ticket-item {
    justify-content: space-between;
  }
}

@media (min-width: 992px) {
  .booking-ticket-item[data-type="person"] .type {
    width: 12.5rem;
  }
}

@media (min-width: 992px) {
  .booking-ticket-item[data-type="car"] .type {
    width: 21.875rem;
  }
}

.booking-ticket-item p {
  margin: 0;
}

@media (max-width: 992px) {
  .booking-ticket-item .type {
    flex: 1;
  }
}

.booking-ticket-item .item {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.booking-ticket-item .title {
  text-transform: none;
  font-size: 1.5625rem;
  margin-bottom: 0.3125rem;
}

.booking-ticket-item .price {
  text-align: center;
}

.booking-ticket-item .price .value {
  font-size: 1.5625rem;
}

.booking-ticket-item .price .text {
  font-size: 0.75rem;
}

.booking-ticket-item .donation-yes .value {
  font-weight: 700;
}

.booking-ticket-item .not-selected p {
  color: #a9a9a9;
}

.booking-ticket-item .summary {
  font-size: 0.875rem;
}

.booking-ticket-item .summary, .booking-ticket-item .price .text {
  line-height: 1.2;
}

.ticket-quantity {
  display: flex;
  align-items: center;
}

.quantity-switch {
  display: flex;
  width: 2.75rem;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 100%;
  transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

@media not all and (hover: none) {
  .quantity-switch:hover {
    background-color: #D9D9D9;
  }
}

.quantity-switch .inner {
  flex: 1;
  height: 100%;
  background-color: #2e2d44;
  -webkit-mask-size: 45%;
  mask-size: 45%;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.increase .inner {
  -webkit-mask-image: url("../images/booking/plus.svg");
  mask-image: url("../images/booking/plus.svg");
}

.decrease .inner {
  -webkit-mask-image: url("../images/booking/minus.svg");
  mask-image: url("../images/booking/minus.svg");
}

.quantity {
  font-size: 1.5625rem;
  font-weight: 700;
  background-color: transparent;
  width: 3.125rem;
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: center;
  line-height: 1;
}

.selection-area:not(:last-child) {
  margin-bottom: 0.9375rem;
}

.tickets-extra {
  padding: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem;
  align-items: center;
  justify-content: space-between;
  background-color: #1E1E2D;
}

.switch-checkbox {
  position: relative;
  margin: 0;
}

.switch-checkbox input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  margin: 0;
}

.switch-checkbox input:checked + .inner:before {
  background-image: url("../images/booking/tick.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 60%;
  border-color: #30b7bb;
}

.switch-checkbox input:not(:checked):hover + .inner:before {
  background-color: #D9D9D9;
}

.switch-checkbox input:focus, .switch-checkbox input:focus-visible {
  opacity: 1;
}

.switch-checkbox .inner {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}

.switch-checkbox .inner:before {
  content: '';
  width: 1.875rem;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 4px;
  flex: none;
  border: solid 2px #fff;
  transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.switch-checkbox .label-text {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 1.125rem;
}

.switch-checkbox a {
  text-decoration: underline;
  color: #30b7bb;
  font-size: 0.875rem;
  position: relative;
  z-index: 9;
}

.radio-switch-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}

.panel-clean {
  padding: 1.875rem;
  background-color: #fff;
}

@media (max-width: 992px) {
  .panel-clean {
    padding: 0.9375rem;
  }
}

.panel-clean p {
  color: inherit;
}

.choice-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5625rem;
  padding-top: 1.25rem;
  padding-bottom: 1.875rem;
}

.choice-image {
  flex: none;
}

.heading-main {
  margin-bottom: 1.5625rem;
}

.add-ons {
  padding-top: 1.875rem;
  border-top: solid 1px #a9a9a9;
}

.add-on-group:not(:last-child) {
  padding-bottom: 1.875rem;
  margin-bottom: 1.875rem;
  border-bottom: solid 1px #a9a9a9;
}

.add-on {
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.add-on.highlighted {
  box-shadow: 0 0 0 4px #22b573;
}

.add-on .detail {
  flex: 1;
  background-color: #1E1E2D;
  padding: 0 1.875rem 2.5rem;
  border-bottom: solid 5px #30b7bb;
}

.add-on p {
  margin: 0;
}

.add-on .highlights li {
  color: #fff;
}

.add-on .highlights .graphic-icon:before {
  background-color: #fff;
  width: 0.9375rem;
}

@media (min-width: 992px) {
  .glide-slider .glide__track, .glide-slider .glide__slides {
    overflow: visible;
  }
}

.add-on-basket {
  padding-top: 1.5625rem;
}

.moreless, .moreless:hover {
  color: #30b7bb;
  font-weight: 700;
  text-decoration: underline;
}

.ticket-price {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
}

.add-on-highlights {
  padding-top: 0.9375rem;
  margin-bottom: 1.875rem;
}

.add-on-highlights li {
  color: #fff;
}

.add-on-highlights a {
  color: #22b573;
  text-decoration: underline;
  font-size: 0.875rem;
}

.add-on-highlights .graphic-icon:before {
  background-color: #fff;
}

.booking-header {
  background-color: #2e2d44;
}

.booking-header .page-title {
  text-align: center;
  color: #fff;
  padding-top: 3.75rem;
  padding-bottom: 2.5rem;
  margin: 0;
  max-width: none;
}

@media (max-width: 992px) {
  .booking-header .page-title {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
}

.booking-payment-methods {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.booking-payment-methods li {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 4.0625rem;
  aspect-ratio: 1.44444;
}

#master .booking-payment-methods li {
  margin: 0;
  border: solid 1px #D9D9D9;
}

.booking-payment-methods .visa {
  background-image: url("../images/booking/visa.svg");
}

.booking-payment-methods .mastercard {
  background-image: url("../images/booking/mastercard.svg");
}

.booking-payment-methods .american-express {
  background-image: url("../images/booking/american-express.svg");
}

.booking-payment-methods .apple-pay {
  background-image: url("../images/booking/apple-pay.svg");
}

.booking-payment-methods .google-pay {
  background-image: url("../images/booking/google-pay.svg");
}

.heading-secondary {
  text-transform: none;
}

.discount-code {
  border-top: solid 1px #a9a9a9;
  padding: 1.875rem 1.25rem 0 1.25rem;
}

@media (max-width: 992px) {
  .discount-code {
    padding: 1.25rem 0;
  }
}

.discount-code .heading-secondary {
  margin-bottom: 0.625rem;
}

.discount-code label, .discount-code input {
  margin: 0;
  width: 16.25rem;
}

.discount-code input, .discount-code button {
  min-height: 3.125rem;
}

.discount-code-form {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  .discount-code-form {
    align-items: center;
  }
}

@media (max-width: 992px) {
  .discount-code-form {
    gap: 0.3125rem;
    flex-direction: column;
  }
}

@media (max-width: 992px) {
  .discount-code-form input, .discount-code-form button, .discount-code-form label {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .discount-code-form button {
    text-align: center;
    justify-content: center;
  }
}

.basket-items {
  border-top: solid 1px #a9a9a9;
}

.basket-items > :not(:last-child) {
  border-bottom: solid 1px #a9a9a9;
}

.basket-items .inner {
  padding: 1.875rem 1.25rem 3.75rem 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}

@media (max-width: 992px) {
  .basket-items .inner {
    flex-direction: column;
    padding: 1.25rem 0;
  }
}

.basket-items li, .basket-items .price {
  color: #fff;
}

.basket-items li {
  font-size: 1.125rem;
}

.basket-items li .graphic-icon:before {
  width: 1rem;
}

.basket-items .price {
  font-weight: 700;
  font-size: 1.5625rem;
}

.basket-items .info {
  flex: 1;
}

.basket-items .info > :not(:last-child) {
  margin-bottom: 0.9375rem;
}

.basket-items .info ul {
  padding-bottom: 0.9375rem;
  border-bottom: solid 1px #a9a9a9;
}

.basket-items .image {
  width: 8.75rem;
}

.remove-item .graphic-icon:before {
  background-color: #e12a58;
}

.remove-item a {
  color: #30b7bb;
  text-decoration: underline;
  display: inline-flex;
}

.tag {
  display: inline-flex;
  background-color: #22b573;
  color: #fff;
  border-radius: 0.75rem;
  padding: 0.25rem 0.625rem;
  font-weight: 700;
  font-size: 0.875rem;
}

.tag .graphic-icon:before {
  width: 1rem;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.special-event {
  border-bottom: solid 5px #30b7bb;
}

.special-event .detail {
  padding-top: 2.5rem;
  border: 0;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
}

.purchase-link-cont {
  padding-top: 0.3125rem;
}

.highlight-inner p {
  margin: 0;
  line-height: 1.2;
}

.highlight-inner .title {
  font-weight: 700;
}

.highlight-inner a:not(.button) {
  font-size: 0.875rem;
}

#master .event-items .graphic-icon {
  align-items: flex-start;
}

.button.disabled {
  pointer-events: none;
  opacity: .5;
}

#master .basket-header-link {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 3.4375rem;
  display: flex;
  align-items: center;
}

#master .basket-header-link .button {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

#master .breadcrumb {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.iframe-wrapper {
  position: relative;
  background: #2e2d44 url("../images/loading-spinner.gif") no-repeat center center;
  min-height: 300px;
}

.modal .btn span, .modal#mobile-whats-on .form-group input[type=submit] span, .modal .whats-on-filters #edit-submit-whats-on-grid span, .whats-on-filters .modal #edit-submit-whats-on-grid span, .modal .whats-on-filters #edit-submit-educational-experiences span, .whats-on-filters .modal #edit-submit-educational-experiences span, .modal .whats-on-filters #edit-submit-grid-overview span, .whats-on-filters .modal #edit-submit-grid-overview span, .modal .button-cta a span, .button-cta .modal a span {
  color: #fff;
}

.page-node-type-events #block-glasgowsciencecentre-breadcrumbs {
  display: none;
}

@media (min-width: 992px) {
  #master .header {
    position: relative;
    z-index: 99;
  }
}

.banner-extra {
  background-color: #2e2d44;
}

.banner-extra .curve:after {
  display: none;
}

#master .banner-extra .content {
  padding-bottom: 3.75rem;
}

@media (max-width: 992px) {
  #master .banner-extra .content {
    padding-bottom: 1.5625rem;
  }
}

#master .banner-extra h1, #master .banner-extra p {
  color: #fff;
}

#master .banner-extra a:not(.button) {
  color: #22b573;
}

#master .banner-extra .highlights li:before {
  background-color: #fff;
}

.swiper {
  width: 100%;
  height: auto;
}

#master .swiper-gateway {
  overflow: visible;
}

.swiper-slide {
  height: auto;
}

.swiper-footer {
  background-color: #2e2d44;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

@media (min-width: 992px) {
  .swiper-footer {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

#master [class^="swiper-button"], #master .swiper-scrollbar, #master .swiper-pagination {
  position: static;
  left: auto;
  top: auto;
  bottom: auto;
}

#master .swiper-scrollbar {
  width: 100%;
  height: 0.625rem;
  background-color: #fff;
  border-radius: 0;
}

#master .swiper-scrollbar-drag {
  border-radius: 0;
  background-color: #e12a58;
}

.swiper-nav {
  display: flex;
  gap: 0.625rem;
}

.swiper-controls {
  display: flex;
  align-items: center;
  gap: 1.5625rem;
}

.swiper-controls .bar {
  flex: 1;
}

.swiper-controls .buttons {
  flex: none;
}

#master [class^="swiper-button"] {
  width: 2.75rem;
  height: auto;
  aspect-ratio: 1;
  background-color: #e12a58;
  overflow: hidden;
  border-radius: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

@media not all and (hover: none) {
  #master [class^="swiper-button"]:hover {
    background-color: #9B1C38;
  }
}

#master [class^="swiper-button"]:after {
  display: none;
}

#master [class^="swiper-button"]:before {
  content: '';
  flex: none;
  aspect-ratio: 1;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 0.9375rem;
  background-color: #fff;
  -webkit-mask-image: url("../images/events/arrow-right.svg");
  mask-image: url("../images/events/arrow-right.svg");
}

#master .swiper-button-prev:before {
  -webkit-mask-image: url("../images/events/arrow-left.svg");
  mask-image: url("../images/events/arrow-left.svg");
}

.swiper-button-lock {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.cols-group [class^="col"], .cols-stack [class^="col"] {
  float: none;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.cols-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media (min-width: 992px) {
  .cols-stack {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

.col {
  flex: 1 0 0;
  width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

@media (min-width: 992px) {
  .cols-wide {
    align-items: center;
  }
  .cols-wide:not(.no-gutters) {
    margin-right: -1.875rem;
    margin-left: -1.875rem;
  }
  .cols-wide:not(.no-gutters) > * {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }
}

@media (max-width: 992px) {
  .cols-wide > :not(:last-child) {
    margin-bottom: 0.625rem;
  }
}

.header-intro {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

@media (min-width: 992px) {
  .header-intro {
    padding-top: 2.1875rem;
    padding-bottom: 2.1875rem;
  }
}

.text-image-cta {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 992px) {
  .text-image-cta {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media (max-width: 992px) {
  .text-image-cta {
    text-align: center;
  }
}

#master .h1-main {
  margin: 0;
  max-width: 100%;
  font-size: 1.875rem;
}

@media (min-width: 992px) {
  #master .h1-main {
    font-size: 3.4375rem;
  }
}

@media (min-width: 992px) {
  #master .h1-main.smaller {
    font-size: 3.125rem;
  }
}

#master .h2-light {
  font-weight: 300;
  font-size: 1.25rem;
}

@media (min-width: 992px) {
  #master .h2-light {
    font-size: 2.25rem;
  }
}

#master .h3-info {
  font-size: 1.25rem;
}

.heading-group > * {
  margin: 0;
}

.text-small {
  font-size: 0.875rem;
}

.text-group > * {
  margin: 0;
}

.text-group > *:not(:last-child) {
  margin-bottom: 0.125rem;
}

.gap-medium > * {
  margin: 0;
}

.gap-medium > *:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.gap-large > :not(:last-child) {
  margin-bottom: 1.25rem;
}

@media (min-width: 992px) {
  .gap-large > :not(:last-child) {
    margin-bottom: 2.1875rem;
  }
}

.space-between {
  justify-content: space-between;
}

.aside-panel {
  background-color: #fff;
  border: solid 0.125rem #a9a9a9;
  border-radius: 0.3125rem;
  overflow: hidden;
}

.aside-panel-item {
  padding: 0.75rem 0.9375rem;
  font-size: 1rem;
}

@media (min-width: 992px) {
  .aside-panel-item {
    padding: 1.125rem 1.25rem;
  }
}

.aside-panel-item.filled {
  background-color: #F4F4F4;
}

.aside-panel-item:not(:last-child) {
  border-bottom: solid 1px #a9a9a9;
}

.aside-panel .details a {
  text-decoration: underline;
  color: #2E2D42;
}

@media not all and (hover: none) {
  .aside-panel .details a:hover {
    color: #e12a58;
  }
}

.status.open {
  color: #2b7477;
}

.status.closed {
  color: #9B1C38;
}

.upper-yes {
  text-transform: uppercase;
}

.upper-no {
  text-transform: none;
}

#master .links-grid-container {
  margin: 0;
}

#master #block-glasgowsciencecentre-views-block-our-upcoming-experiences-block-1 {
  top: 0;
}

.image-circle {
  border-radius: 100%;
  overflow: hidden;
}

@media (min-width: 580px) and (max-width: 992px) {
  .circle-image-wrap {
    padding-left: 20%;
    padding-right: 20%;
  }
}

.jumbo-symbol {
  display: flex;
  padding-left: 1.25rem;
}

.jumbo-symbol:before {
  content: '';
  display: block;
  width: 9.375rem;
  aspect-ratio: 48/150;
  background: url(../images/banner-swoosh.svg) no-repeat center bottom 5vw/contain;
}

@media (max-width: 992px) {
  .jumbo-symbol:before {
    display: none;
  }
}

@media (min-width: 1400px) {
  .jumbo-symbol:before {
    width: 10.625rem;
  }
}

@media (min-width: 992px) {
  .jumbo-detail {
    padding-left: 1.875rem;
    display: flex;
    align-items: flex-end;
    padding-bottom: 5vw;
  }
}

.campaign-type {
  text-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 0;
  display: inline-flex;
  padding-bottom: 0.5rem;
}

.campaign-title {
  font-size: 3.25rem;
  color: #fff;
  text-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.5);
  font-weight: 800;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
}

@media (max-width: 992px) {
  .campaign-title {
    font-size: 1.5625rem;
  }
}

.slide-graphic {
  display: flex;
  flex-direction: column;
}

.slide-graphic .media {
  flex: 1;
}

@media (max-width: 992px) {
  #master .slide-info {
    text-align: center;
    justify-content: center;
    grid-row-start: 2;
    background-color: #1E1E2D;
    padding: 1.25rem 1.875rem 1.875rem;
  }
}

@media (max-width: 992px) {
  .slideshow-wrapper {
    background-color: #1E1E2D;
  }
}

.alert-notice {
  background-color: #f2f2f2;
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}

@media (max-width: 992px) {
  .alert-notice {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.banner-alert {
  display: flex;
  align-items: center;
  background-color: white;
  border: solid 2px #e12a58;
  border-radius: 0.3125rem;
  padding: 1.25rem;
}

.banner-alert:before {
  content: '';
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 2.375rem;
  aspect-ratio: 1;
  background-color: #e12a58;
  margin-right: 1.25rem;
  flex: none;
}

.banner-alert.information:before {
  -webkit-mask-image: url("../images/alert-info.svg");
  mask-image: url("../images/alert-info.svg");
}