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; }
* {
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 {
font-size: 2.75em;
font-weight: 800;
margin-top: 0; }
h2 {
font-size: 1.85em;
font-weight: 800; }
h3 {
font-size: 1.5em;
font-weight: 800; }
h4 {
font-size: 1.25em;
font-weight: 800; }
h5 {
font-size: 1.1em;
font-weight: 800; }
p, address {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
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*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]) {
/* external link styles, use :before or :after if you want! */ }
a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]):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*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]):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: 15px;
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, input[type=submit] {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
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 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, .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, .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, .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, .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:hover, button:focus, button:active, button.active, button: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, .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, .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, .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, .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:hover span, button:focus span, button:active span, button.active span, button: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: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:focus, input[type=submit]:focus {
box-shadow: none;
top: 4px; }
.btn[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]), .modal#mobile-whats-on .form-group input[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"])[type=submit], .whats-on-filters #edit-submit-whats-on-grid[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]),
.whats-on-filters #edit-submit-educational-experiences[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]),
.whats-on-filters #edit-submit-grid-overview[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]) {
padding: 6px 15px 9px; }
.btn-sm[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]) {
padding: 5px 15px 8px; }
.btn-lg[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]) {
padding: 11px 30px 15px; }
.btn[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]), .modal#mobile-whats-on .form-group input[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"])[type=submit], .whats-on-filters #edit-submit-whats-on-grid[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]),
.whats-on-filters #edit-submit-educational-experiences[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]),
.whats-on-filters #edit-submit-grid-overview[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]) {
padding-top: 5px; }
.btn-lg[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]) {
padding-top: 10px; }
.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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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 {
background: #2e2d44;
border-color: #2e2d44;
color: #fff;
box-shadow: 0 4px 0 #040407; }
.btn-secondary span {
color: #fff; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary:active:focus {
background: #242335;
border-color: #242335;
color: #fff; }
.btn-secondary:hover span, .btn-secondary:focus span, .btn-secondary:active span, .btn-secondary.active span, .btn-secondary:active:focus span {
color: #fff; }
.btn-secondary:hover {
background: #2e2d44;
border-color: #2e2d44;
box-shadow: 0 2px 0 #040407; }
.btn-secondary: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: 15px;
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: 15px;
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: 15px;
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 {
font-size: 0.9em;
padding: 12px 15px; }
.btn-sm {
padding: 9px 15px 5px; }
.btn[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]), .modal#mobile-whats-on .form-group input[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"])[type=submit], .whats-on-filters #edit-submit-whats-on-grid[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]),
.whats-on-filters #edit-submit-educational-experiences[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]),
.whats-on-filters #edit-submit-grid-overview[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]) {
padding: 8px 15px 9px; }
.btn-sm[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]) {
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: 15px;
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; }
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; }
.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 {
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 {
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; }
@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 {
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^="//"]:not([href^="gsc.test"]):not([href^="glasgowsciencecentre.org"]):not([href^="wthr.uk"]):not([href^="magento.gsc.test"]) {
/* external link styles, use :before or :after if you want! */ }
footer a[href^="//"]:not([href^="gsc.test"]):not([href^="glasgowsciencecentre.org"]):not([href^="wthr.uk"]):not([href^="magento.gsc.test"]):after {
display: none !important; }
footer .btn-sm[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]) {
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 {
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 {
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 {
max-width: 35%;
margin-left: 2.5%;
margin-bottom: 2.5%; }
.modal#donations-info .modal-footer,
.modal#gift-aid-info .modal-footer,
.modal#newsletter-signup .modal-footer,
.modal#education-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 {
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 {
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 {
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 {
float: right;
margin-right: 0; }
.modal#newsletter-signup .modal-body,
.modal#education-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 {
color: #fff; }
.modal#newsletter-signup .modal-body h4,
.modal#education-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 {
display: none; }
.modal#newsletter-signup .modal-body #mc_embed_signup,
.modal#education-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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
margin-top: 1em; }
#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 {
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 #d9d9d9;
border-radius: 0;
float: left;
clear: both;
padding-right: 0; }
.breadcrumbs ol.breadcrumb li.active, .breadcrumbs ol.breadcrumb li a {
color: #bfbfbf; }
.breadcrumbs ol.breadcrumb li a:hover {
color: #2e2d44;
text-decoration: none; }
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 {
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% !important;
height: auto !important; }
#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 {
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 {
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 {
left: 0;
width: 100%;
padding: 0 35px;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%); }
.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 img.campaign-image {
min-width: 1000px; }
#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 {
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; }
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 {
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 {
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; }
.accordion__trigger {
-webkit-appearance: none;
background-color: #2e2d44;
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;
}
*/ }
.accordion__trigger:after {
top: 50%;
bottom: auto;
transform: translateY(-50%);
position: absolute;
content: '+';
right: 1em;
font-size: 28px;
line-height: 1; }
.accordion__trigger:hover:after, .accordion__trigger:focus:after, .accordion__trigger[aria-expanded="true"]:after {
border-top-color: #fff; }
.accordion__trigger[aria-expanded="true"]:after {
content: '-'; }
.accordion__trigger:hover, .accordion__trigger:active, .accordion__trigger:active:focus, .accordion__trigger:focus {
background-color: #1e1e2d;
color: #fff;
outline: none;
box-shadow: none;
top: 0; }
.accordion__trigger[aria-disabled="true"]:hover {
background-color: #2e2d44;
color: #fff;
cursor: not-allowed; }
.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: 15px;
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-178 .page-introduction,
body.page-node-365 .page-introduction,
body.page-node-224 .page-introduction {
padding-bottom: 0 !important;
max-width: 100%; }
body.page-node-178 h1,
body.page-node-365 h1,
body.page-node-224 h1 {
text-align: left;
margin-bottom: 0;
margin-left: 0; }
body.page-node-178 .layout-content p,
body.page-node-365 .layout-content p,
body.page-node-224 .layout-content p {
text-align: left;
margin-left: 0; }
body.page-node-178 .page-introduction {
padding-top: 50px; }
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: absolute;
width: 100%;
z-index: 1; }
.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: #efefef;
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: #efefef; }
.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 {
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 {
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 {
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 {
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 {
box-shadow: none;
top: 4px; }
#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 {
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 {
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: 15px !important;
border-bottom: 0;
-webkit-animation: 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 {
background: #2e2d44;
color: #fff;
text-align: center;
padding: 20px 10px; }
#block-stayupdatedfooternewslettersignpost h2, #block-stayupdatedfooternewslettersignpost p, #block-stayupdatededucationalnewslettersignup h2, #block-stayupdatededucationalnewslettersignup p {
color: #fff;
text-align: center; }
#block-stayupdatedfooternewslettersignpost p, #block-stayupdatededucationalnewslettersignup p {
max-width: 600px;
margin: 0 auto 0.75em; }
#block-stayupdatedfooternewslettersignpost p:last-child, #block-stayupdatededucationalnewslettersignup p:last-child {
margin-bottom: 0; }
#block-stayupdatedfooternewslettersignpost form, #block-stayupdatededucationalnewslettersignup form {
max-width: 1000px;
width: 100%;
margin: 0 auto; }
#block-stayupdatedfooternewslettersignpost .form-item, #block-stayupdatededucationalnewslettersignup .form-item {
max-width: 500px;
margin: 0 auto;
overflow: hidden; }
#block-stayupdatedfooternewslettersignpost .form-item label, #block-stayupdatededucationalnewslettersignup .form-item label {
color: #fff;
float: left;
text-align: right;
position: relative; }
#block-stayupdatedfooternewslettersignpost .form-item input, #block-stayupdatededucationalnewslettersignup .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 {
max-width: 49%;
float: left; }
#block-stayupdatedfooternewslettersignpost .form-item.form-item-email-address, #block-stayupdatededucationalnewslettersignup .form-item.form-item-email-address {
margin-left: 2%; }
#block-stayupdatedfooternewslettersignpost #edit-newsletter-markup, #block-stayupdatededucationalnewslettersignup #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 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 body.path-user main .wrapper form input[type=submit], body.path-user main .wrapper form #block-stayupdatededucationalnewslettersignup input[type=submit] {
background: #e12a58; }
#block-stayupdatedfooternewslettersignpost .form-actions, #block-stayupdatededucationalnewslettersignup .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; } }
#cookie-message {
width: 100%;
position: fixed;
z-index: 11;
background: #4c4c4c;
padding: 7px 10px;
bottom: 0; }
#cookie-message p {
width: calc(100% - 55px);
color: #fff;
text-align: center;
margin: 0;
font-size: 13px;
float: left;
display: inline; }
#cookie-message p a {
color: #fff;
font-size: 13px;
text-decoration: underline; }
#cookie-message p a:hover {
text-decoration: none; }
#cookie-message .close-cookie {
float: left;
display: inline;
color: #fff;
width: 24px;
height: 24px;
border: 1px solid #fff;
background: transparent;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform: uppercase;
font-weight: 100;
font-size: 13px;
padding: 6px 7px;
cursor: pointer;
margin-left: 10px; }
#cookie-message .close-cookie:hover {
background: #fff;
color: #4c4c4c; }
.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; } }