/* globals */ /* hide error messages */ #system-message-container {display:none;} body {margin:0px; padding:0px; color:#000; background:#fff; overflow-y:scroll; min-width:320px; font-size:17px; line-height:1.3; font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;} html {width:100%; height:100%;} .wf-loading {visibility:hidden;} .left {position:relative; float:left;} .right {position:relative; float:right;} .none {position:relative; float:none;} .left-half {position:relative; float:left; width:50%;} .right-half {position:relative; float:left; width:50%;} .clear {clear:both;} .hidden {display:none;} .mobileOnly {display:none;} .mobileOff {display:block;} ::selection {background:#f5e134; color:#fff; /* Safari */} ::-moz-selection {background:#f5e134; color:#fff; /* Firefox */} * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} img {max-width:100%;} /* branding */ .yellow {color:#f5e134;} .bg-yellow {background-color:#f5e134; color:#000000;} .pink {color:#f2a593;} .bg-pink {background-color:#f2a593; color:#000000;} .blue {color:#58bba9;} .bg-blue {background-color:#58bba9; color:#000000;} .green {color:#b2c400;} .bg-green {background-color:#b2c400; color:#ffffff;} .darkGreen {color:#528c40;} .bg-dark-green {background-color:#528c40; color:#ffffff;} .yellow {color:#f5e134;} .bg-yellow {background-color:#f5e134; color:#000000;} .black {color:#000000;} .bg-black {background-color:#000000; color:#ffffff;} .white {color:#ffffff;} .bg-white {background-color:#ffffff; color:#000000;} .deep-pink {color:#bb5f90;} .bg-deep-pink {background-color:#bb5f90; color:#ffffff;} .light-pink {color:#000;} .bg-light-pink {background-color:#f7cce2; color:#000;} .light-green {color:#000;} .bg-light-green {background-color:#bcc986; color:#000;} .light-purple {color:#000;} .bg-light-purple {background-color:#dbc7e6; color:#000;} .light-blue {color:#000;} .bg-light-blue {background-color:#94c3e0; color:#000;} .light-yellow {color:#000;} .bg-light-yellow {background-color:#fff9d7; color:#000;} @font-face { font-family: 'snyder_speed_brushregular'; src: url('https://www.dreamland.co.uk/templates/dreamland/fonts/snyderspeedbrush-webfont.eot'); src: url('https://www.dreamland.co.uk/templates/dreamland/fonts/snyderspeedbrush-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.dreamland.co.uk/templates/dreamland/fonts/snyderspeedbrush-webfont.woff2') format('woff2'), url('https://www.dreamland.co.uk/templates/dreamland/fonts/snyderspeedbrush-webfont.woff') format('woff'), url('https://www.dreamland.co.uk/templates/dreamland/fonts/snyderspeedbrush-webfont.ttf') format('truetype'), url('https://www.dreamland.co.uk/templates/dreamland/fonts/snyderspeedbrush-webfont.svg#snyder_speed_brushregular') format('svg'); font-weight: normal; font-style: normal; } /* columns & slices */ .slice {position:relative; float:left; width:100%;} .wrapper {position:relative; width:100%; max-width:1200px; margin:0 auto; text-align:left;} .columns01 {position:relative; float:left; margin:0 0.8333333333333333%; width:6.666666666666667%;} .columns02 {position:relative; float:left; margin:0 0.8333333333333333%; width:15%;} .columns03 {position:relative; float:left; margin:0 0.8333333333333333%; width:23.33333333333333%;} .columns04 {position:relative; float:left; margin:0 0.8333333333333333%; width:31.66666666666667%;} .columns05 {position:relative; float:left; margin:0 0.8333333333333333%; width:40%;} .columns06 {position:relative; float:left; margin:0 0.8333333333333333%; width:48.33333333333333%;} .columns07 {position:relative; float:left; margin:0 0.8333333333333333%; width:56.66666666666667%;} .columns08 {position:relative; float:left; margin:0 0.8333333333333333%; width:65%;} .columns09 {position:relative; float:left; margin:0 0.8333333333333333%; width:73.33333333333333%;} .columns10 {position:relative; float:left; margin:0 0.8333333333333333%; width:81.66666666666667%;} .columns11 {position:relative; float:left; margin:0 0.8333333333333333%; width:90%;} .columns12 {position:relative; float:left; margin:0 0.8333333333333333%; width:98.33333333333333%;} /* buttons */ a.button {position:relative; display:inline-block; border-left:2px solid #2e2526; border-bottom:3px solid #2e2526; -webkit-border-radius:7px; -moz-border-radius: 7px; border-radius: 7px;} a.button img {width:auto; height:41px; display:block; border:2px solid #fff; padding:10px 14px 8px 9px; -webkit-border-radius:7px; -moz-border-radius: 7px; border-radius: 7px;} a.button:hover {border-left:2px solid rgba(0,0,0,0); border-bottom:3px solid rgba(0,0,0,0); top:3px; left:-2px} a.buttonSmall {border-left:2px solid #2e2526; border-bottom:2px solid #2e2526;} a.buttonSmall:hover {border-left:2px solid rgba(0,0,0,0); border-bottom:2px solid rgba(0,0,0,0); top:2px; left:-2px} a.buttonSmall img {height:24px; padding:4px 9px 3px 6px;} .bottom-button-wrapper {position:absolute; width:100%; position:absolute; bottom:3%; left:0px;} a.buttonWide {display:inline-block;} a.buttonSlim {display:none;} @media only screen and ( max-width:1000px ) { a.buttonWide {display:none;} a.buttonSlim {display:inline-block;} } a.button-64 {-webkit-border-radius:10px; border-left:3px solid #2e2526; border-bottom:5px solid #2e2526; -moz-border-radius: 10px; border-radius: 10px;} a.button-64:hover {border-left:3px solid rgba(0,0,0,0); border-bottom:5px solid rgba(0,0,0,0); top:3px; left:-2px} a.button-64 img {height:60px; padding:14px 20px 14px 18px; -webkit-border-radius:7px; -moz-border-radius: 7px; border-radius: 7px;} /* header logo */ #logo {display:block; margin:4% 0 3% 0;} #logo img:nth-child(1) {display:inline-block; height:auto; width:54.1025641025641%; margin-right:4.358974358974359%} #logo img:nth-child(2) {display:inline-block; height:auto; width:40.19230769230769%;} #tag {height:auto; width:62.05128205128205%; margin:0 0 2.8% 0;} #header h2 {font-family:'snyder_speed_brushregular'; font-weight:normal; margin:-8px 0 20px 0;} @media only screen and ( max-width:850px ) { #header h2 {text-align:center; margin:0 10px 0 10px;} } @media only screen and ( max-width:600px ) { #header h2 {font-size:12px;} } /* header buttons */ #reset-layout {display:block; font-size:15px; color:#000; margin:10px 0 -10px 0;} @media only screen and ( max-width:850px ) { #reset-layout {display:none;} } #headerButton {text-align:right;} #headerButton a.button {margin:8.3% 0 0 0;} /* menu */ .menu .columns12 a {position:relative; float:left; display:inline-block; overflow:hidden; width:auto; margin:0 5% 0 0;} .menu .columns12 a:last-child {margin:0px;} .menu .columns12 a img {position:relative; float:left; top:-100%; width:auto;} .menu .columns12 a.active:hover {cursor:default;} .menu {margin:0;} /* new menu */ li.item-145 {display:none;} #top-nav {font-family:'snyder_speed_brushregular'; text-transform:uppercase; font-weight:normal; letter-spacing:-1px;} #top-nav a {text-decoration:none;} #top-nav ul.nav.menu > li {font-size:20px; position:relative; float:left;} #top-nav ul.nav.menu > li > a {color:#1d1d1b; display:block; margin:0; overflow:visible; padding:0 40px 0 0; height:60px; line-height:60px; transition: line-height 0.1s linear; -o-transition: line-height 0.1s linear; -moz-transition: line-height 0.1s linear; -webkit-transition: line-height 0.1s linear;} #top-nav ul.nav.menu > li:last-child > a {padding:0;} #top-nav ul.nav.menu > li.active > a {color:#57bba9;} #top-nav ul.nav.menu > li > a:hover {color:#57bba9;} #top-nav ul.nav.menu li:hover ul {left:0;} #top-nav ul ul {display:block; background:#000; width:auto; position:absolute; top:60px; left:-300000px; z-index:99999999; padding:0 10px;} #top-nav ul ul > li {clear:both; font-size:17px;} #top-nav ul ul > li > a {display:block; margin:0; overflow:visible; padding:0 30px 0 0; height:37px; line-height:37px; width:auto; color:#fff; white-space:nowrap; border-bottom:2px solid #fff; width:100%;} #top-nav ul ul > li:last-child > a {border:0px;} #top-nav ul ul > li.active a {color:#f5e134!important;} #top-nav ul ul > li a:hover {color:#f2a593;} @media only screen and ( max-width:1200px ) { #top-nav ul.nav.menu > li {font-size:18px;} #top-nav ul.nav.menu > li > a {padding:0 24px 0 0;} #top-nav ul ul > li {font-size:16px;} } @media only screen and ( max-width:1020px ) { #top-nav ul.nav.menu > li {font-size:16px;} #top-nav ul.nav.menu > li > a {padding:0 20px 0 0;} #top-nav ul ul > li {font-size:14px;} } /* fixed nav menu */ #nav.fixedMenu {position:fixed; left:0px; top:0px; z-index:99999999; -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);} #nav.fixedMenu #top-nav {background:#f5e134;} #nav.fixedMenu #top-nav .columns12 {width:81.66666666666667%;} /* 10 cols */ #nav.fixedMenu #top-nav .columns12 li {font-size:17px; margin:0 7px 0 0;} #nav.fixedMenu #top-nav .columns12 li a {color:#000; padding:0 10px;} #nav.fixedMenu #top-nav .columns12 li.active a {color:#fff; background:#000;} #nav.fixedMenu #top-nav .columns12 li a:hover {line-height:54px;} #nav #top-nav .columns02 {position:absolute; top:-4000px} #nav.fixedMenu #top-nav .columns02 {position:relative; top:28px} .fixedMenuButton {width:88.88888888888889%; display:block; position:relative; float:right; overflow:hidden; height:44px;} .cta-wristband .fixedMenuButton {width:137.2222222222222%;} .cta-wristband #nav.fixedMenu #top-nav ul.nav.menu > li:nth-child(1) {display:none;} #nav.fixedMenu #top-nav ul ul {display:none;} @media only screen and ( max-width:1200px ) { #nav.fixedMenu #top-nav ul.nav.menu > li {font-size:16px; margin:0 3px 0 0;} } @media only screen and ( max-width:1020px ) { #nav.fixedMenu #top-nav ul.nav.menu > li {font-size:13px; margin:0 2px 0 0;} } /* mobile menu */ #menu-toggle {width:98.33333333333333%; display:block; margin:12px 0.8333333333333333% 8px 0.8333333333333333%;} #menu-toggle img {width:9%; min-width:108px;} #mobile-menu ul {background:#f2a593; display:none; font-family:'snyder_speed_brushregular'; text-transform:uppercase; font-size:15px;} #mobile-menu ul a {display:block; width:100%; padding:20px 0.8333333333333333%; color:#231f20; text-decoration:none; border-bottom:2px solid #231f20;} #mobile-menu ul ul {display:none;} #mobile-menu ul ul a {background:#000; color:#fff; border-bottom:2px solid #fff;} #mobile-menu ul ul li:last-child a {border-bottom:2px solid #000;} #mobile-menu ul a:after {content:' +';} #mobile-menu ul a:only-child:after {content:'';} /* wristbands notice */ #wristbands {background:url(https://www.dreamland.co.uk/images/wristbands/bg.png); -webkit-animation: animatedBackground 50s linear infinite; -moz-animation: animatedBackground 50s linear infinite; -o-animation: animatedBackground 50s linear infinite; animation: animatedBackground 50s linear infinite;} #free-to-enter {display:block; width:100%; padding:0 0 29.66101694915254% 0; background:url(https://www.dreamland.co.uk/images/wristbands/alert.png); background-size:100%; background-position:top;} #free-to-enter:hover {background-position:bottom;} @-webkit-keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } @-moz-keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } @-o-keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } @keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } #close-wristbands {position:absolute; right:0px; padding:10px;} #close-wristbands:hover {-webkit-filter: invert(100%); filter: invert(100%);} /* sliding banner */ #sliding-banner {position:relative; width:100%; height:auto; overflow:hidden;} #sliding-banner .cycle-slideshow {width:100%; height:auto;} #sliding-banner .cycle-slideshow a {display:block; width:100%; height:auto;} #sliding-banner .cycle-slideshow p {display:block; width:100%; height:auto;} #sliding-banner .cycle-slideshow img {display:block; width:100%; height:auto;} #slideshow p {display: none;} /* hide them whilst they load */ #slideshow p.first {display: block;} /* hide them whilst they load */ @media only screen and ( max-width:1560px ) { #sliding-banner {width:100%; height:360.75px; } #sliding-banner .cycle-slideshow {width:1560px; height:360.75px; margin:0 0 0 50%; left:-760px} } @media only screen and ( max-width:1200px ) { #sliding-banner {width:100%; height:auto; margin:0 0 20px 0;} #sliding-banner .cycle-slideshow {width:127.7445109780439%; height:auto; margin:0 0 0 50%; left:-64%} } /* pager */ .cycle-pager {text-align:center; width:250px; z-index:500; position:absolute; bottom:0px; left:0px; right:0px; overflow:hidden; margin:0 auto;} .cycle-pager span {font-family:arial; font-size:60px; width:20px; height:20px; display:inline-block; color:#fff; cursor:pointer; } .cycle-pager span.cycle-pager-active {color:#f5e134;} .cycle-pager > * {cursor:pointer;} @media only screen and ( max-width:850px ) { .cycle-pager {display:none; width:100%;} } /* static banner */ #static-banner {position:relative; width:100%; height:auto; overflow:hidden; margin:0 0 20px 0;} #static-banner img {position:relative; float:left; display:block; width:100%; height:auto;} @media only screen and ( max-width:1560px ) { #static-banner {width:100%; height:360.75px;} #static-banner img {width:1560px; max-width:1920px; height:360.75px; margin:0 0 0 50%; left:-780px} } @media only screen and ( max-width:1200px ) { #static-banner {width:100%; height:auto;} #static-banner img {width:127.7445109780439%; height:auto; margin:0 0 0 50%; left:-64%} } /* sub pages links for mobile */ #sub-pages {font-family:'snyder_speed_brushregular'; margin:0 0 20px 0; padding:20px; text-transform:uppercase;} #sub-pages h2 {margin:0 0 10px 0; font-size:23px;} #sub-pages a {color:#fff; text-decoration:none;} #sub-pages li {position:relative; float:left; margin:10px 20px 0 0;} #sub-pages .item-171 {display:none;} /* footer */ .footer-menu {position:relative; float:left; width:25%;} .footer-menu h3, #footer-right h3 {margin:0 0 5px 0;; font-size:20px; font-weight:bold;} .footer-menu li {line-height:1.4;} .footer-menu a {color:#000;} #footer-left, #footer-right, #footer-image, #footer-menus {padding:20px 0; font-size:14px;} #footer-left h2 {margin:0 0 5px 0;} #footer-left h2 img {width:16.89655172413793%;} #footer-left a {color:#000;} #footer-left li {line-height:1.6;} #footer-right h2 {margin:0 0 5px 0;} #footer-right h2 img {/*width:112.3214285714286%;*/ /*max-width:112.3214285714286%;*/ max-width:98%; } #footer-image {padding:35px 0 20px 0;} #footer-right p {margin:0 0 10px 0;} #footer-right input[type="email"], #footer-right input[type="text"] {font-size:14px; font-weight:bold; color:#2a2e38; width:100%; border:0px; margin:0 0 5px 0; padding:4px 8px;} input.sign-up {background:none; text-indent:-3000px; background:url(../../../templates/dreamland/images/buttons/34/sign-up.png) 9px 8px no-repeat; background-size:80px 17px; width:103px; height:35px; display:inline-block; padding:10px 14px 8px 9px; border:2px solid #fff; -webkit-border-radius:7px; -moz-border-radius: 7px; border-radius: 7px;} input.sign-up:hover {cursor:pointer; border:2px solid #000;} #mce-success-response {padding:0 0 20px 0;} @media only screen and ( max-width:1200px ) { .footer-menu {width:50%; margin:0 0 20px 0;} } @media only screen and ( max-width:850px ) { .footer-menu {width:100%; text-align:center;} #footer-left {text-align:center;} #footer-right {text-align:center;} #footer-right input {text-align:center!important;} #footer-right input {text-align:center!important;} #footer-image {display:none;} #footer-left h2 img {width:auto; height:29px;} #footer-right h2 img {width:auto; /*height:29px;*/} #footer-right input[type="email"], #footer-right input[type="text"] {max-width:400px;} /* menu toggles */ #footer-menus h3:hover {cursor:pointer;} #footer-menus h3:after {content:" +"} #footer-menus h3.footer-menu-open:after {content:" -"} #footer-menus h3 + ul {display:none;} } #smallprint {padding:20px 0 30px 0;} #smallprint p {font-size:14px; margin:0 0 5px 0; position:relative; float:left; clear:both;} #smallprint ul {font-size:14px; margin:0 0 5px 0; position:relative; float:left; clear:both;} #smallprint li {position:relative; float:left; padding:0 10px; border-left:1px solid #000;} #smallprint li:first-child {padding:0 10px 0 0; border-left:0px;} #smallprint a {color:#000;} @media only screen and ( max-width:850px ) { #smallprint p {text-align:center; width:100%;} #smallprint ul {text-align:center; width:100%; line-height:1.4;} #smallprint li {text-align:center; width:100%; border-left:0px; padding:0px!important;} #smallprint {padding:20px 0 30px 0;} } #dock {position:fixed; right:0px; top:270px; z-index:999;} #dock a {display:block; padding:2px 10px;} #dock a:first-child {padding:10px 10px 2px 10px;} #dock a:last-child {padding:2px 10px 10px 10px;} #dock img {display:block; width:47px; height:auto;} @media only screen and ( max-width:1200px ) { #dock img {width:37px; padding:0px;} } @media only screen and ( orientation:portrait ) { #dock {left:0px; top:auto; text-align:center; position:relative; float:left; height:auto; width:100%; background:#58bba9; z-index:1; padding:0 0 70px 0;} #dock a {display:inline-block; padding:10px 2px 5px 2px;} #dock a:first-child {padding:10px 2px 5px 2px;} #dock a:last-child {padding:10px 2px 5px 2px;} } #dock-buy-tickets {text-align:center; padding:12px 0 5px 0; position:fixed; bottom:0px; z-index:9999999; -webkit-box-shadow: 0px 30px 34px 28px rgba(0,0,0,0.56); -moz-box-shadow: 0px 30px 34px 28px rgba(0,0,0,0.56); box-shadow: 0px 30px 34px 28px rgba(0,0,0,0.56);} #dock-buy-tickets .columns12 {text-align:center;} #dock-buy-tickets a.button {margin:0 auto; float:none;} #cookies {color:#fff; padding-top:10px; padding-bottom:10px;} #cookies a {color:#fff;} #cookies #cookie_close {color:#000;} #notice {background-color:#116fce;color:#fff; padding-left:10px; padding-right:10px;} #notice a, #notice a:hover {color:#fff;} #notice h1 { position: relative; font-size: 30px; z-index: 1; overflow: hidden; text-align: center; padding-left:5px; padding-right:5px; } #notice h1:before, #notice h1:after { position: absolute; top: 51%; overflow: hidden; width: 50%; height: 1px; content: '\a0'; background-color: white; } #notice h1:before { margin-left: -52%; text-align: right; } #notice h1:after { margin-left: 2%; text-align: right; } /* twilight popup */ .fixed-overlay {background:rgba(0,0,0,0.55); position:fixed; width:100%; z-index:9999999999999; height:100%; text-align:center; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity:0; display:none;} #twilight {position:relative; max-width:502px; margin:230px auto 0 auto; background:url(/images/twilight/box-middle.png); padding:25px 0;} .twlight-top {position:absolute; top:-204px; left:0px; z-index:-1;} .twlight-bottom {position:absolute; bottom:-182px; left:0px; z-index:-1;} .twlight-top, .twlight-bottom {-webkit-transition: all 0.3s; transition: all 0.3s;} #twilight:hover .twlight-top {top:-224px;} #twilight:hover .twlight-bottom {bottom:-192px;} .twlight-box-top {position:absolute; top:-12px; left:0px;} .twlight-box-bottom {position:absolute; bottom:-12px; left:0px; z-index:-1;} .twlight-close {background:#fff; border:1px solid #000; position:absolute; top:-24px; right:-12px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;} .twlight-close:hover {cursor:pointer; background:#f2a593;} #twilight p {padding:0 25px 0 36px; text-align:left; font-size:18px;} #twilight p + p {text-align:right;} a.twlight-button-1.button img {height:39px; width:222px; background-color:#f5e134;} a.twlight-button-2.button img {height:41px; width:254px; background-color:#f5e134;} .twilight-terms {position:absolute; bottom:25px; left:0px;} .twilight-terms a {color:#000;} @media only screen and ( max-width:550px ) { .fixed-overlay {padding:0 15px;} #twilight {width:100%; margin:45% auto 0 auto; background:#58bba9; border-left:7px solid #000; border-bottom:7px solid #000;} .twlight-top {top:0; transform:translateY(-100%); transform-origin:bottom;} .twlight-bottom {bottom:0; transform:translateY(100%); transform-origin:top;} #twilight:hover .twlight-top {top:0;} #twilight:hover .twlight-bottom {bottom:0;} .twlight-box-top, .twlight-box-bottom {display:none;} .twlight-title {display:block; margin:0 0 10px 0; padding:0 25px;} #twilight p {text-align:center; margin:0 0 10px 0; padding:0 15px 0 15px; font-size:16px;} #twilight p + p {text-align:center;} #twilight p + p + p + p {margin:0 0 -10px 0;} .twilight-terms {position:relative; bottom:0;} .twilight-terms a {color:#000;} }