/* site content */ #content {margin:17px 0 0 0;} #content .box {margin:0 0.8333333333333333% 1.176em 0.8333333333333333%; padding:1.5%;} #content .box a {color:#000; text-decoration:underline;} #content p {font-size:17px; margin:0 0 0.412em 0;} #content hr {border:0px; border-bottom:1px solid #fff;} .box-title {height:34px; width:auto; margin:0 0 12px 0; max-width:1200px;} .box-title-2 {height:54px; width:auto!important; margin:0 0 12px 0; max-width:1200px;} #standard-content {margin-bottom:50px;} #standard-content h1 {font-size:42px; color:#58bba9; text-transform:uppercase; margin:15px 0 10px 0;} #standard-content h2 {font-size:30px; color:#000000; text-transform:uppercase; margin:30px 0 10px 0;} #standard-content p {margin:0 0 20px 0;} #standard-content a {color:#f2a593;} #standard-content ul, #standard-content ol {margin:0 0 20px 30px;} #standard-content ul li {list-style-type:disc;} #standard-content ol li {list-style-type:decimal;} #standard-content table {width:100%; background:#eaeaea;} #standard-content table td {padding:5px 10px; border:1px solid #000; width:auto;} #standard-content table tr:first-child {text-transform:uppercase; font-weight:bold;} /* site watch page */ .site-watch-post {width:100%; position:relative; float:left;} .itemid-194 #standard-content h2 {width:100%; position:relative; float:left; border-top:1px solid #999; border-bottom:1px solid #999; padding:10px 0; color:#58bba9; margin:30px 0 30px 0; font-weight:bold;} .itemid-194 #standard-content img {width:50%; height:auto; position:relative; float:left; margin:0 20px 20px 0;} @media only screen and ( max-width:850px ) { .itemid-194 #standard-content img {width:100%;margin:0 0 20px 0;} } .sitewatchvideo {width:50%; height:auto; position:relative; float:left; margin:0 20px 20px 0;} .videoWrapper {position:relative;padding-bottom:56.25%; padding-top:25px;height:0;border-radius:8px;overflow:hidden;margin-bottom:5px} .videoWrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%}#youtube{padding:20px 20px 10px}.jev_image{max-width:100%;width:auto} @media only screen and ( max-width:850px ) { .sitewatchvideo {width:100%;margin:0 0 20px 0;} } /* timeline - legacy css */ .timeline-12 {position:relative; float:left; width:100%; } .timeline-6 {position:relative; float:left; width:49%; text-align:justify; height:100%;} .timeline-left {padding:0 1% 0 0; border-right:1px solid #000;} .timeline-right {padding:0 1px 0 1%; border-left:1px solid #000; left:-1px;} .itemid-195 #standard-content h2 {font-size:40px; text-align:center; margin:40px 0 20px 0;} @media only screen and ( max-width:850px ) { .timeline-6 {width:100%;} .timeline-left {padding:0;} .timeline-right {padding:0;} } /* homepage boxes */ #home-intro #home-intro-title {margin:0 0 0.75em 0} #home-intro .button:first-child {margin:0.75em 2% 0 0} #home-intro .button {margin:0.75em 0 0 0} #home-countdown p {font-size:16px;} #home-countdown .left-half {border-right:1px solid #fff; padding:0 3.103448275862069% 0 0; text-align:center;} #home-countdown #countdown-to-opening {max-width:79.92125984251969%; margin:0 auto;} #home-countdown .left-half p {text-align:left;} #home-countdown .right-half {padding:0 0 0 3.103448275862069%; text-align:center;} #home-countdown .countdown-only {padding:20px 0 0 0;} #home-countdown .countdown-days-to-go {padding:0 0 20px 0;} #home-countdown #digits {position:relative; float:left; width:100%; text-align:center; padding:10px 0 15px 0;} #home-countdown .digit {position:relative; display:inline-block; background:#fff; height:auto; width:74px; padding:3px 0; text-align:center; color:#1d1d1b; font-weight:bold; line-height:1; font-size:100px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;} #home-countdown #digits:after {content:" "; display:block; background:#58bba9; width:100%; height:2px; position:absolute; top:50%; left:0px; } #home-countdown .digit:before, #home-countdown .digit:after {content:" "; display:block; background:#1d1d1b; z-index:1; border:1px solid #58bba9; width:3px; height:10px; position:absolute; top:48%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #home-countdown .digit:before {left:15%;} #home-countdown .digit:after {right:15%;} @media only screen and ( max-width:960px ) and ( min-width:850px ) { #home-countdown a.button {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #home-countdown a.button img {height:30.75px; padding:7.5px 10.5px 6px 6.75px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #home-countdown a.buttonSmall img {height:18px; padding:3px 6.75px 2.25px 4.65px;} } @media only screen and ( max-width:850px ) { #home-countdown .left-half {width:100%; border-right:none; padding:10px 0 10px 0;} #home-countdown .left-half p {text-align:center;} #home-countdown .right-half {width:100%; padding:10px 0 10px 0;} #home-countdown .right-half .countdown-only {max-width:70%;} #home-countdown .right-half .countdown-days-to-go {max-width:70%;} } #home-membership {text-align:center; background:#f5a900 url(../images/boxes/homepage/membership.png) center 10px no-repeat; background-size:contain; padding:0 0 80px 0!important;} #home-membership p {position:absolute; bottom:0px; left:0px; right:0px;} @media only screen and ( max-width:1200px ) { #home-membership {background:#f5a900 url(../images/boxes/homepage/membership-mobile.png) center 10px no-repeat; min-height:340px;} } #home-amusement-park {text-align:center; padding-bottom:80px!important;} #home-amusement-park-opens {width:114.7540983606557; max-width:114.7540983606557%; margin:10px 0 29px -6.923076923076923%;} #home-amusement-park-opens .button {margin:10px 0 0 0;} #home-amusement-park p:last-child {margin:0;} @media only screen and ( max-width:850px ) { #home-amusement-park-opens {width:100%; max-width:100%; margin:0 0 20px 0;} } #home-jobs {text-align:center; padding-bottom:80px!important;} #home-jobs #work-with-us {margin:0 0 10px 0;} #homepage-jobs-listing {} #home-jobs .button {margin:10px 0 0 0;} #home-jobs p:last-child {margin:0;} #home-featured-event {overflow:hidden; padding:0 1.5% 0 0!important;} #home-featured-event .left-half {overflow:hidden; height:100%;} #home-featured-event .left-half img {position:relative; float:left; overflow:hidden; height: 380px; max-width:none;} #home-featured-event .columns06 {margin: 0px;} #featured-triangle {position:absolute; right: 50%; top:0px; height:100%;} #home-featured-event .right-half {overflow:hidden; height:100%; padding:0 0 0 1.5%;} #home-featured-event h2 {text-transform:uppercase; font-size:35px; line-height:1.1; margin:23px 0 20px 0;} #home-featured-event h3 {text-transform:uppercabuttonse; font-size:22px; margin:0 0 20px 0;} #home-featured-event p {font-size:20px; margin:0;} #home-featured-event .button {margin:30px 0 0 1.5%;} @media only screen and ( max-width:850px ) { #home-featured-event {padding:1.5%!important;} #home-featured-event .left-half img {height:auto; width:100%;} #featured-triangle {display:none;} #home-featured-event .right-half {height:auto; width:100%; padding:0 1.5% 20px 1.5%;} #home-featured-event h2 {font-size:24px;} #home-featured-event h3 {font-size:18px;} #home-featured-event p {font-size:18px;} #home-featured-event .button {margin:30px 0 0 1.5%;} } @media only screen and (max-width: 640px) { } #home-be-first {text-align:center; padding-bottom:70px!important;} #home-be-first-image {width:86.47540983606557%;} #home-be-first p {margin:0;} /*#home-marina {text-align:center; background:#10100f url(../images/boxes/homepage/marina.jpg) center bottom; background-size:cover; min-height:280px; padding-bottom:70px!important;} #home-marina-title {max-width:100%; width:100%; position:absolute; top:25px; left:0px;} #home-marina a {width:100%; height:100%; display:block; position:absolute; top:0px; left:0px; z-index:99;} @media only screen and ( max-width:850px ) { #home-marina {min-height:460px;} }*/ #home-octo {text-align:center; background:#ddeffa url(../images/boxes/homepage/octo.jpg) center top; background-size:cover; min-height:280px; padding-bottom:70px!important;} @media only screen and ( max-width:850px ) { #home-octo {min-height:460px;} } @media only screen and (max-width: 640px) { } #home-facebook {text-align:center; padding-bottom:70px!important;} #home-facebook-icon {width:30.32786885245902%; height:auto; display:inline-block;} #home-facebook-icon img {width:100%; height:auto; position:relative; float:left;} #home-facebook p {font-size:16px;} #home-rides {padding-bottom:70px!important; /*background:#b2c400 url(../images/boxes/homepage/rides-kiss-me-quick.png) no-repeat right bottom;*/ /*background-size: 50% 75% !important;*/ /*background-position: 95% 77%;*/ } #home-rides .left-half {width:46%; margin:10px 0 0 0;} #home-rides .columns06 {color:#000;} #home-rides p {font-size:16px;} #home-rides p strong {font-size:20px;} #home-rides .button {margin:0 0 0 3%; background:#b2c400;} @media only screen and ( max-width:850px ) { } #home-rides {background-size:75% auto; text-align:left;} #home-rides .left-half p {text-align:left; color:#000;} } @media only screen and ( min-width:851px ) { #home-rides .button {float:left;} } @media only screen and ( max-width:640px ) { #home-rides .bottom-button-wrapper {/*left: 15%;*/ /*right: 15%;*/} } #home-gallery {min-height:580px; background:#b2c400 url(../../../images/gallery/home-image.jpg); background-size:cover;} #home-gallery p {font-size:14px; position:absolute; bottom:0px; left:1.5%;} #home-gallery-overlay {position:absolute; top:0; right:0; width:100%; height:100%; display:block;} #home-gallery-overlay img {position:absolute; top:18px; right:3%; width:47.42647058823529%; height:auto;} @media only screen and ( max-width:850px ) { #home-gallery {min-height:380px;} } #home-events {text-align:center;} #home-events-title {width:71.72131147540984%; margin:0 0 10px 0;} #home-events h3 {font-size:20px; text-transform:uppercase;} #home-events h2 {font-size:30px; text-transform:uppercase; line-height:1;} #home-events h3 a {color:#fff; text-decoration:none!important;} #home-events h2 a {color:#000; text-decoration:none!important;} @media only screen and ( max-width:1200px ) { #home-events h2 {font-size:24px;} } @media only screen and ( max-width:850px ) { #home-events {padding-bottom:80px!important;} } #home-tweets {background:#f5e134 url(../images/boxes/homepage/twitter-stars.png) no-repeat 94% 97%; background-size:12% auto; overflow:hidden;} #home-tweets ul {margin:0 0 20px 0; padding:0px;} #home-tweets li {margin:0px; padding:0px;} #home-tweets p {font-size:16px;} #home-tweets a {color:#000; text-decoration:none!important; font-weight:bold;} #home-tweets a:hover {text-decoration:underline;} #home-tweets p.timePosted {display:none;} #home-tweets li:after {content:""; background:url(../images/boxes/homepage/twitter-hr.png) no-repeat; background-size:100% auto; width:100%; height:30px; max-width:100%; display:block;} #home-tweets li:last-child:after {display:none;} #twitter-get-involved {width:62.29508196721311%; height:auto;} #home-site-watch {background:#f5e134 url(../images/boxes/homepage/rides-railway.jpg); background-size:cover; min-height:280px; text-align:right; /*../../../images/site-watch/home-image.jpg*/} #home-site-watch-title {width:245px;} #home-site-watch .bottom-button-wrapper {top:auto; left:auto; right:3%; top:65px;} #home-site-watch .button img {background:#f5e134;} #home-read-it {background:#f2a593 url(../images/boxes/homepage/read_it_bg.jpg); background-size:cover; min-height:280px; text-align:left; } #home-read-it-title {margin:13px 0 0 0; position:relative; float:left;} #home-read-it p {text-align:center; float:right; width:50%; color:#fff; font-weight:bold; font-size:22px; padding:0 30px; margin:20px 0 0 0;} #home-read-it .bottom-button-wrapper {width:50%; right:0px; bottom:26px; left:auto; text-align:center;} #home-read-it .button img {background:#f2a593;} @media only screen and ( max-width:1200px ) { #home-read-it {text-align:center; background-position:right top;} #home-read-it-title {float:none;} #home-read-it p {float:none; width:100%; padding:0 30px; margin:20px 0 80px 0;} #home-read-it .bottom-button-wrapper {width:100%;} } @media only screen and ( max-width:850px ) { #home-read-it p {padding:0 80px; margin:20px 0 180px 0;} } @media only screen and ( max-width:600px ) { #home-read-it p {padding:0 20px;} } #home-timeline {background:#58bba9 url(../images/boxes/homepage/timeline.png) no-repeat right top; background-size:contain;} #home-timeline-title {width:56.43382352941176%} #home-timeline-image {display:none} #home-timeline .button img {background:#58bba9;} /* vist boxes */ #visit-intro .button:first-child {margin:0.75em 2% 0 0} #visit-intro .button {margin:0.75em 0 0 0} #visit-how-to-find-us {color:#000;} #page-visit-travelling-to-us #visit-how-to-find-us:after {content:''; display:block; position:absolute; top:0px; right:-20px; width:20px; height:100%; background:#b2c400} @media only screen and ( max-width:850px ) { #visit-how-to-find-us:after {display:none;} } #visit-how-to-find-us .left-half {width:60%; padding:0 0 49px 0;} #visit-how-to-find-us .right-half {width:35%; float:right; padding:0 0 0 5%;} #visit-how-to-find-us .white-border {border:1px solid #fff; padding:10px 10px 20px 10px; max-width:150px; float:right;} @media only screen and ( max-width:850px ) { #visit-how-to-find-us .left-half {width:100%; padding:0;} #visit-how-to-find-us .right-half {width:100%; padding:0;} #visit-how-to-find-us .white-border {padding:10px; margin:0 0 20px 0; max-width:100%; width:100%; float:left;} } #visit-opening-times {font-size:16px; padding-bottom:0px!important; } #visit-opening-times ul {margin:0 0 40px 0;} #visit-opening-times li {border-bottom:1px solid #fff; line-height:1.6; margin:0 0 15px 0;} @media only screen and ( max-width:850px ) { #visit-opening-times {font-size:14px; text-align:left!important;} #visit-opening-times span {width:auto; display:inline-block; padding:0 0 10px 0;} #visit-opening-times span strong {display:block; width:120px; position:absolute; right:0px; top:-10px; line-height:1;} /* OPEN Weekends & Bank Holidays */ } #visit-roll-up {background:#f5e134 url(../images/visit/roll-up.jpg) no-repeat right bottom; background-size:100% auto; padding-bottom:0px!important;} #page-visit-opening-hours #visit-roll-up, #page-visit-opening-hours #visit-opening-times {margin-top:-17px!important;} @media only screen and ( max-width:850px ) { #page-visit-opening-hours #visit-roll-up, #page-visit-opening-hours #visit-opening-times {margin-top:0!important;} } #page-visit-travelling-to-us #visit-intro {margin-top:-17px!important;} #visit-intro-image {background:#67baaf; background-size:cover; margin-top:-17px!important;} @media only screen and ( max-width:850px ) { #page-visit-travelling-to-us .box {text-align:left!important;} #visit-intro, #visit-intro-image {margin-top:0px!important;} } /*can be removed*/ #visit-map,#visit-map-mobile {padding:0px!important; margin:-20px 0.8333333333333333% 20px 0.8333333333333333%!important;} #visit-map iframe {width:100%; height:100%;} /*end can be removed*/ #visit-google-map {padding:0px!important;} #visit-google-map iframe {width:100%; height:100%;} @media only screen and ( max-width:850px ) { #visit-google-map {height:300px!important;;} } #visit-travelling-to-dreamland {color:#000;} #visit-travelling-to-dreamland .left-half {width:47%; padding:0 3% 0 0;} #visit-travelling-to-dreamland .right-half {} #visit-travelling-to-dreamland h2 {font-size:30px; text-transform:uppercase; color:#fff; margin:0 0 10px 0;} #visit-travelling-to-dreamland h3 {font-size:20px; font-weight:bold; margin:20px 0 5px 0;} #visit-travelling-to-dreamland a {color:#fff;} @media only screen and ( max-width:850px ) { #visit-travelling-to-dreamland .left-half {width:100%; padding:0;} #visit-travelling-to-dreamland .right-half {width:100%;} } #visit-southeastern {padding:0!important; min-height:780px!important; overflow:hidden!important; border:20px solid #f5e134;} #visit-southeastern iframe {overflow:auto;} #visit-be-the-first {padding-bottom:70px!important; background:#58bba9 url(../images/boxes/visit/be-the-first.png) no-repeat top; background-size:contain; min-height:300px;} #visit-be-the-first .bottom-button-wrapper {text-align:right; padding:0 3% 0 0;} #visit-prices-banner {background:#f5e134 url(../images/visit/prices-banner.jpg) no-repeat center center; background-size:cover; height:315px!important; margin-top:-17px!important;} @media only screen and ( max-width:850px ) { #visit-prices-banner {margin-top:0px!important; height:140px!important;} } .prices-event-image {width:100%; margin:0 0 20px 0; background-size:cover;} #prices-event-details .button {display:none!important;} #visit-roller-disco, #visit-octopus-garden, #visit-events {color:#000; padding-bottom:60px!important;} #visit-roller-disco h2, #visit-octopus-garden h2, #visit-events h2 {font-size:30px; color:#000000; text-transform:uppercase; margin:0 0 10px 0;} #visit-roller-disco ul, #visit-octopus-garden ul {margin:0 0 20px 0;;} #visit-roller-disco li, #visit-octopus-garden li {border-bottom:1px solid #fff; line-height:1.6;} #visit-roller-disco span, #visit-octopus-garden span {float:right;} #page-visit-prices .bottom-button-wrapper {text-align:center;} @media only screen and ( max-width:850px ) { #page-visit-prices .box {text-align:left!important;} #visit-roller-disco, #visit-octopus-garden, #visit-events {padding-bottom:80px!important;} } /* margate boxes */ #visit-margate {padding-bottom:70px!important; background:#f2a593 url(../images/boxes/visit/margate.png) no-repeat; background-size:100% auto;} #visit-margate p {max-width:47%;} #visit-margate .bottom-button-wrapper {padding-left:3%} @media only screen and ( max-width:850px ) { #visit-margate {background:#f2a593;} #visit-margate p {max-width:100%;} } #margate-hero {padding:50px 1.5%!important; background:#58bba9 url(../images/boxes/margate/hero.jpg) no-repeat top; background-size:cover; min-height:200px;} #margate-quote {padding:50px 1.5%!important;} #margate-intro .button {margin:20px 15px 0 0;} .margate-trio img {width:100%;} .margate-trio h3 {font-size:18px;} .margate-trio h3 a {color:#fff; text-decoration:none!important;} #margate-the-beach a {color:#000;} #margate-hero-2 {background:#58bba9 url(../images/boxes/margate/deck-chairs.jpg) no-repeat top; background-size:cover; min-height:200px;} /* map page boxes */ #map-map {padding:0px!important;} #panzoom {position:relative; width:100%; height:auto; overflow:hidden;} #map-numbers .key {position:absolute; width:35px; height:35px; font-size:10px; z-index:9; margin:-12px 0 0 -10px;} #map-numbers .key:hover {cursor:pointer;} #map-numbers #key01 {left:31%; top:69%;} #map-numbers #key02 {left:34.2%; top:76.5%;} #map-numbers #key03 {left:39.6%; top:79.4%;} #map-numbers #key04 {left:42.5%; top:69%;} #map-numbers #key05 {left:43.9%; top:72.6%;} #map-numbers #key06 {left:45%; top:81%;} #map-numbers #key07 {left:50.2%; top:71.4%;} #map-numbers #key08 {left:50%; top:61.6%;} #map-numbers #key09 {left:54.5%; top:58.6%;} #map-numbers #key10 {left:55.1%; top:48.5%;} #map-numbers #key11 {left:53.6%; top:44.4%;} #map-numbers #key12 {left:58.3%; top:43.5%;} #map-numbers #key13 {left:61.1%; top:39.3%;} #map-numbers #key14 {left:57.9%; top:55.3%;} #map-numbers #key15 {left:62.3%; top:60.2%;} #map-numbers #key16 {left:64.3%; top:68.3%;} #map-numbers #key17 {left:71.3%; top:64.9%;} #map-numbers #key18 {left:72%; top:59%;} #map-numbers #key19 {left:69.7%; top:53.2%;} #map-numbers #key20 {left:69.1%; top:42.8%;} #map-numbers #key21 {left:73.6%; top:41.8%;} #map-numbers #key22 {left:82.8%; top:48%;} #map-numbers #key23 {left:77.2%; top:40.8%;} #map-numbers #key24 {left:80.2%; top:37.4%;} #map-numbers #key25 {left:77.4%; top:34.2%;} #map-numbers #key26 {left:76.2%; top:30.1%;} #map-numbers #key27 {left:69.4%; top:30.4%;} #map-map .zoom-button {position:absolute; z-index:99;} .map-thumb {position:absolute; height:170px; display:none; z-index:999999999; left:-50px; top:-50px; z-index:99999;} .map-thumb-image {position:absolute; top:0px; left:7px; width:160px; max-width:176px; height:160px; -webkit-border-radius: 160px; -moz-border-radius: 160px; border-radius: 160px; border:3px solid #ff4455; z-index:12;} .map-thumb-details {position:absolute; top:30px; left:140px; background:#f5e134; border:3px solid #ff4455; z-index:1; height:110px; padding:12px 12px 12px 40px; z-index:1;} .map-thumb-details h2 {font-size:19px; text-transform:uppercase; margin:0 0 5px 0;} .map-shadow-1 {position:absolute; top:4px; left:0px; -webkit-border-radius: 160px; -moz-border-radius: 160px; border-radius: 160px; display:block; background:#000; width:163px; height:163px; z-index:0} .map-shadow-2 {position:absolute; bottom:-10px; left:-7px; background:#000; width:100%; height:7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} @media only screen and ( max-width:850px ) { .map-thumb {height:172px; left:60px!important; top:auto!important; bottom:10px!important; } .map-thumb-image {left:5px; width:120px; max-width:132px; height:120px; border:2px solid #ff4455;} .map-thumb-details {top:20px; left:105px; border:2px solid #ff4455; height:82px; padding:9px 9px 9px 30px; text-align:left!important} .map-thumb-details h2 {font-size:14px; margin:0 0 4px 0;} .map-thumb-details a img {width:108px; height:auto;} .map-shadow-1 {top:3px; width:122px; height:122px;} .map-shadow-2 {bottom:-7px; left:-5px; height:5px;} } #map-map .zoom-button {background:#bebebe; color:#fff; font-weight:bold; width:32px; height:32px; border:2px solid #fff; font-size:24px; line-height:1;} #map-map .zoom-button:hover {cursor:pointer; background:#848484;} #map-map .zoom-in {left:15px; bottom:57px;} #map-map .zoom-out {left:15px; bottom:20px;} #map-key ul {color:#fff; width:25%; position~:relative; float:left;} #map-key a {color:#000; text-decoration:none!important;} #map-key a:hover {text-decoration:underline!important;} @media only screen and ( max-width:1100px ) { #map-key ul {width:100%;} #map-key ul li {width:50%; position:relaitve; float:left;} } @media only screen and ( max-width:850px ) { #map-key {text-align:left!important;} #map-key ul li {width:100%;} } /* rides page boxes */ .ride-filter {text-align:center;} #content a.filter {text-decoration:none; font-size:29px; padding:3px 10px; background:rgba(255,255,255,0.33); display:inline-block; margin:10px 5px 10px 5px; font-weight:bold;} #content a.filter:hover {background:rgba(255,255,255,1);} #content a.filter.active {background:rgba(255,255,255,1);} #ride-intro {text-align:center;} .ride-box {padding:1.5% 33.3333333333% 1.5% 1.5%!important; text-align:center; background-repeat:no-repeat; background-position:right bottom; background-size:100% auto;} .ride-title {margin:0 0 10px 0;} .ride-anchor {display:block; position:relative; top:-170px; visibility:hidden;} #page-rides .bg-green {color:#000;} .ride-box-no-image {padding:1.5%!important;} /*full width box */ #scenic-railway-div {background-image:url(../../../images/rides/scenic-railway.png)} #gallopers-div {background-image:url(../../../images/rides/gallopers.png)} #helter-skelter-div {background-image:url(../../../images/rides/helter-skelter.png)} #kiss-me-quick-div {background-image:url(../../../images/rides/kiss-me-quick.png)} #double-decker-div {background-image:url(../../../images/rides/double-decker.png)} #dream-cars-div {background-image:url(../../../images/rides/dream-cars.png)} #hurricane-jets-div {background-image:url(../../../images/rides/hurricane-jets.png)} #cyclone-twist-div {background-image:url(../../../images/rides/cyclone-twist.png)} #wedgwood-tea-cups-ride-div {background-image:url(../../../images/rides/wedgwood-tea-cups-ride.png)} #monotopia-div {background-image:url(../../../images/rides/monotopia.png)} #chair-o-plane-div {background-image:url(../../../images/rides/chair-o-plane.png)} #dodgems-div {background-image:url(../../../images/rides/dodgems.png)} #big-wheel-div {background-image:url(../../../images/rides/big-wheel.png)} #caterpillar-div {background-image:url(../../../images/rides/caterpillar.png)} #born-slippy-div {background-image:url(../../../images/rides/born-slippy.png)} #jumping-pirate-boats-div {background-image:url(../../../images/rides/jumping-pirate-boats.png)} #drop-tower-div {background-image:url(../../../images/rides/drop-tower.png)} @media only screen and ( max-width:850px ) { .ride-box {padding:1.5% 1.5% 370px 1.5%!important; background-size:250% auto;} } /* attractions page boxes */ #attractions-intro-title {width:62.5%; margin:0 0 10px 0;} @media only screen and ( max-width:850px ) { #attractions-intro {text-align:left!important;} } #attractions-teddy-betty {min-height:300px; background:url(../images/attractions/teddy-betty-bg.jpg?v6) no-repeat right bottom; background-size:cover;} #page-attractions .box-image-set {padding:0px!important;} #attractions-image-set-1a {position:relative; float:left; background:url(../images/attractions/image-set-1a.jpg) no-repeat left top; background-size:200%;} #attractions-image-set-1b {position:relative; float:left; } #attractions-image-set-2a {position:relative; float:;} #attractions-image-set-2a .bottom-button-wrapper {text-align:center} #attractions-image-set-2b {position:relative; float:;} #attractions-image-set-1a img, #attractions-image-set-1b img, #attractions-image-set-2a img, #attractions-image-set-2b img {display:block; } #attractions-image-set-1a p {padding:3% 3% 0 63%; margin:0px; font-size:16px;} @media only screen and ( max-width:1200px ) { #attractions-image-set-1a {background-size:100%;} #attractions-image-set-1a p {padding:3% 3% 0 33%;} } @media only screen and ( max-width:1000px ) { #attractions-image-set-1a {background-size:100%;} #attractions-image-set-1a p {font-size:14px;} } @media only screen and ( max-width:850px ) { #attractions-image-set-1a {text-align:left!important;} #attractions-image-set-1a .button {margin:0 0 20px 0;} #attractions-image-set-1a p {font-size:17px;} } #attractions-image-set-3 .bottom-button-wrapper {text-align:center; padding-left:51.72413793103448%;} #attractions-image-set-3 .bottom-button-wrapper img {background:#f5e134;} #attractions-image-set-4 .bottom-button-wrapper {text-align:center;} #attractions-image-set-4 .bottom-button-wrapper img {background:#f5e134;} /* food page boxes */ #food-intro-title {width:72.09302325581395%; margin:0 0 10px 0;} #food-intro .button {margin:6px 10px 0 0;} @media only screen and ( max-width:850px ) { #food-intro {text-align:left!important;} } #food-fish-and-chips {min-height:340px; background:url(../images/food/fish-and-chips.jpg) no-repeat center bottom; background-size:cover;} #page-food .box-image-set {padding:0px!important;} .bg-orange {background-color:#fea700; color:#000000;} #food-image1 { background:#f5e134 url('https://dreamland.co.uk/templates/dreamland/images/boxes/food/ice_cream1.jpg?1433492406'); background-size:cover; min-height:340px; text-align:right; } #food-image2 { background:#f5e134 url('https://dreamland.co.uk/templates/dreamland/images/boxes/food/yum_yum.jpg?1433498358') center center; background-size:cover; min-height:529px; text-align:right; } #food-image3 { background:url('https://dreamland.co.uk/templates/dreamland/images/boxes/food/ice_cream2.jpg?1433501340'); background-size:cover; min-height:495px; text-align:right; } #food-image3.mod {background:#b2c400; text-align:left;} #food-image3.mod img {position:relative; height:280px; width:auto; max-width:initial; left:0px; top:0px; left:0; margin-left: -18px;margin-top: -18px;} #food-image3.mod div.content { position: absolute; bottom: 0; } #food-image3.mod h2 { font-size: 35px!important; font-weight: bold; margin-bottom: 6px; } #food-item1 { min-height:662px; } #food-item2 { min-height:668px; } #food-item3 { min-height:668px; color:#000!important; } #food-item4, #food-item5, #food-item6, #food-item7, #food-item8, #food-item09, #food-item10, #food-item11, #food-item12, #food-item13 {overflow:hidden} #food-item4 img, #food-item5 img, #food-item7 img, #food-item8 img, #food-item9 img, #food-item10 img, #food-item12 img, #food-item13 img {position:relative; height:280px; width:auto; max-width:initial; left:-18px; top:-18px; left:50%; margin-left:-140px;} #food-item6 img, #food-item11 img.pic {position:relative; height:280px; width:auto; max-width:initial; left:-18px; top:-18px; left:50%; margin-left:-290px;} #food-item1 h2.title, #food-item2 h2.title, #food-item3 h2.title {font-size:35px!important; font-weight:bold; margin-bottom:6px; margin-top:320px;} #food-intro h2 {font-size:35px!important; font-weight:bold; margin-bottom:6px; margin-top:0px;} #food-item4 h2.title, #food-item5 h2.title, #food-item6 h2.title, #food-item7 h2.title, #food-item8 h2.title, #food-item9 h2.title, #food-item10 h2.title, #food-item11 h2.title, #food-item12 h2.title, #food-item13 h2.title {font-size:35px!important; font-weight:bold; margin-bottom:6px; margin-top:-19px; } #food-item1 h2 span {white-space:nowrap;} @media only screen and ( max-width:850px ) { #food-image1 {display:none;} #food-image2 {display:none;} #food-image3 {display:none;} #food-item1 {min-height:auto;background-size:100% auto;} #food-item1 h2.title {margin:59% 0 0 0; } #food-item2 {min-height:auto; background-size:100% auto;} #food-item2 h2.title {margin:124% 0 0 0; } #food-item3 {min-height:auto; background-size:contain!important;} #food-item3 h2.title {margin:124% 0 0 0; } #food-item4 img, #food-item5 img, #food-item7 img, #food-item8 img, #food-item9 img, #food-item10 img, #food-item12 img, #food-item13 img {height:auto; width:105.8111380145278%; max-width:960px!important; left:-2.905569007263923%; top:-20px; margin:0px; padding:0px; } #food-item6 img, #food-item11 img.pic {/*position:relative; height:280px; width:auto; max-width:initial; left:-18px; top:-18px; left:50%; margin-left:-290px;*/} #food-item11 { padding: 0px !important; position:static !important; height:inherit !important; left:inherit !important; top:inherit !important; left:inherit !important; /*margin-left:inherit !important;*/ } #food-item11 img.pic { position:static !important; top:inherit !important; left:inherit !important; margin-left: inherit !important; } #food-item11 .item11-wrapper { padding: 12px 20px 0 20px; } } /* events page boxes */ .itemid-114 #sliding-banner {display:none;} /*temp */ #events-intro {height:380px!important;} #events-intro-title {width:72.38372093023256%; margin:0 0 10px 0;} #events-intro .button {margin:0 0 0 3%;} @media only screen and ( max-width:1200px ) { #events-intro-title {width:45.77205882352941%;} } @media only screen and ( max-width:850px ) { #events-intro-title {width:72.38372093023256%;} } #events-filter {height:380px!important;} #events-filter-title {margin:0 0 10px 0;} .events-filter {text-transform:uppercase; text-decoration:none!important; font-weight:bold; margin:0 0 10px 0; padding:5px 0; display:block; width:100%; text-align:100%; background:rgba(255,255,255,0.5); text-align:center; font-size:20px;} .events-filter.active, .events-filter:hover {background:#fff;} #events-calendar {height:380px!important;} .events-event {height:380px!important; padding:0px!important; background-size:cover; background-repeat:no-repeat;} .event-details {background:rgba(255,255,255,0.80); position:absolute; bottom:0px; width:100%; padding:3%;} .event-details h2 {font-size:25px; text-transform:uppercase;} .event-details h2 a {text-decoration:none!important;} .event-details h2 a:hover {text-decoration:underline!important;} .event-details p {width:50%; font-size:16px; margin:0px!important;} .events-event .bottom-button-wrapper {text-align:right; padding:0 3% 1.5% 0;} .events-event .button img {background:#f5e134;} #events-be-the-first {height:380px!important; background:#58bba9 url(../images/events/be-the-first.png) no-repeat center center; background-size:contain;} #events-newsletter {height:380px!important;} #events-private-hire {height:380px!important; text-align:center!important; background:#b2c400 url(../images/events/private-hire.png) no-repeat center center; background-size:contain;} #events-gallery {height:380px!important; background:url(../../../images/events/thumb-gallery.jpg) no-repeat center center; background-size:cover;} #events-weddings-and-conferences {height:380px!important; text-align:center!important; background:#f2a593 url(../images/events/weddings-and-conferences.png) no-repeat center center; background-size:contain;} .jevtags {position:absolute; left:-300000px} /* events listing page */ .ev_link_row {font-size:16px!important;} /* event detail page */ #event-description h2, #event-full-description h2 {margin:0 0 20px 0;} #event-full-description h2.more {font-size:30px;} #event-full-description h2 {font-size:24px;} #event-full-description h2 + p strong {color:#fff; margin:-10px 0 0 0;} #event-image {background-size:cover; background-repeat:no-repeat; min-height:300px;} #jevents .contentheading {display:none;} .jev_back.btn {display:none!important;} /* private hire page boxes */ #private-hire-intro-title {width:87.13235294117647%; margin:0 0 10px 0;} #private-hire-intro .button {margin:20px 0 0 0;} #private-hire-hero {background:url(../../../images/private-hire/hero.jpg) no-repeat center center; background-size:cover; min-height:300px;} .venue-box {color:#000;} .venue-box-title {position:relative; float:left; clear:right; margin:0 0 25px 0;} .coming-soon-star {margin:-5px 0 0 20px; position:relative; float:left;} .venue-box-copy {width:34%; margin:0 1.5% 0 0; position:relative; float:left; clear:left;} .venue-box-copy .button {margin:20px 0 0 0;} .venue-box-facts {width:16%; margin:0 1.5% 0 0; position:relative; float:left; color:#fff; padding:1.5%;} .venue-box-image {width:47%; position:relative; float:left; clear:right; padding:1.5%; background-size:cover; background-position:center bottom;} .bg-green .venue-box-facts {background:#528c40;} .bg-pink .venue-box-facts {background:#bb5f90;} .bg-blue .venue-box-facts {background:#116ece;} .bg-yellow .venue-box-facts {background:#fea700;} .venue-box-no-facts .venue-box-image {height:285px!important;} .venue-box-no-facts .venue-box-copy {width:51.5%;} @media only screen and ( max-width:1200px ) { .venue-box-copy {width:39%;} .venue-box-facts {width:21%;} .venue-box-image {width:37%;} .venue-box-no-facts .venue-box-image {width:47%;} } @media only screen and ( max-width:850px ) { #private-hire-intro {text-align:left!important;} .coming-soon-star {margin:-5px 0 0 0} .venue-box-copy {width:100%; margin:0;} .venue-box-facts {width:100%; margin:0;} .venue-box-image {width:100%; margin:20px 0 0 0; height:300px;} .venue-box-no-facts .venue-box-copy {width:100%; margin:0;} .venue-box-no-facts .venue-box-image {width:100%; margin:20px 0 0 0; height:300px;} } /* gallery page boxes */ .itemid-141 #standard-content.columns12 {margin:0; width:100%;} .itemid-141 #system-message-container + h2 {display:none;} .cat_child {position:relative; border:0px!important; padding:0px!important; margin:0.8333333333333333%!important; width:31.66666666666667%!important; height:auto!important; box-shadow:none!important;} .cat_child a {border:0px!important; padding:0px!important; margin:0px!important; width:100%!important; height:auto!important; box-shadow:none!important;} .cat_child a img {border:0px!important; padding:0px!important; margin:0px!important; width:100%!important; height:auto!important; box-shadow:none!important;} .cat_child h3.cat_child_h3 {position:absolute; bottom:0px; width:100%!important; display:block; background:rgba(255,255,255,0.80); padding:3%; white-space:normal!important; margin-top:0px!important; text-transform:uppercase;} h3.cat_child_h3 a {font-size:25px; text-decoration:none!important; color:#000!important; width:100%!important; white-space:normal!important;} h3.cat_child_h3 a:hover {text-decoration:underline!important} @media only screen and ( max-width:850px ) { .cat_child {margin:0 0 20px 0!important; width:100%!important;} } /* gallery clickthrough page */ .main_thumb_table {margin:0 0 30px 0;} td.inactive_thumb, td.active_thumb {border:none!important} .main_large_image {margin:0 0 12px 0;} .main_large_image {background:#ccc} .main_large_image img {display:block;} .itemid-141 .category_description {background:#f5e134; color:#000000; position:relative; float:left; margin:0 0.8333333333333333% 1.176em 0.8333333333333333%; padding:1.5%; width:31.66666666666667%;} .itemid-141 .category_description h2 {margin:0 0 20px 0!important;} .itemid-141 .custom_images a {float:left; position:relative; margin:0 5px 0 0;} .itemid-141 .category_description .button {margin:36px 0 -20px 0;} .itemid-141 .igallery_clear {display:none;} @media only screen and ( max-width:1200px ) { .itemid-141 .igallery_clear {display:none;} .itemid-141 .category_description {width:100%; text-align:center;} .itemid-141 .custom_images a {float:none; margin:0 5px;} .itemid-141 .category_description .button {margin:06px 0 -10px 0;} .main_images_wrapper {max-width:98.33333333333333%!important; margin:0 0.8333333333333333% 1.176em 0.8333333333333333%;} .itemid-141 #events-private-hire {display:none;} } /* work with us boxes */ #work-vacancies .box-title {height:24px; margin:0 0 30px 0;} #work-vacancies h2 {font-size:25px; font-weight:bold; margin:0 0 15px 0;} #work-vacancies ol, #work-vacancies ul {margin:0 0 20px 30px; list-style-type:disc;} #work-vacancies .button {margin:10px 5px 0 0;} .work-four-boxes {color:#000; padding-bottom:70px!important;} .work-four-boxes h2 {text-transform:uppercase; font-weight:bold; margin:0 0 15px 0; font-size:28px; line-height:1;} .work-four-boxes.bg-dark-green {color:#fff;} #work-trade-form-intro {position:relative; float:left; width:30%; padding:15px 0 0 0;} #work-trade-form .mc-field-group {position:relative; float:left; width:50%;} #work-trade-form form {position:relative; float:left; width:70%;} #work-trade-form form #mc_embed_signup_scroll {position:relative; float:left; width:80%; padding:15px 0 0 0;} #work-trade-form label {margin:0 20px 0 0;} #work-trade-form-button {position:relative; float:right; width:20%; text-align:right; margin:5px 0 0 0;} @media only screen and ( max-width:1200px ) { #work-trade-form-intro {width:100%;} #work-trade-form form {width:100%;} } @media only screen and ( max-width:850px ) { #work-trade-form {text-align:left!important; margin-top:-20px!important;} #work-trade-form-intro {width:100%;} #work-trade-form form {width:100%;} #work-trade-form-button {width:100%; margin:20px 0 0 0;} #work-trade-form form #mc_embed_signup_scroll {width:100%;} #work-trade-form .mc-field-group {width:100%;} #work-trade-form label {width:100%; margin:0px; display:block;} #work-trade-form input {margin:0 0 0 0; width:100%;} } .work-four-boxes .bottom-button-wrapper {text-align:center;} /* contact us */ #page-contact-us .box-title {height:24px; margin:0 0 10px 0;} #contact-us-call-and-write {background:#58bba9 url(../images/contact-us/hero.png) no-repeat; background-size:cover;} #contact-us-call-and-write-title {position:relative; float:left; clear:right;} #contact-us-call-and-write .left-half {clear:left; width:29.62085308056872%} .contact-us-address {padding:20px 0 0 60px; background:url(../images/contact-us/icon-pencil.png) no-repeat left 20px; } @media only screen and ( max-width:850px ) { #contact-us-call-and-write {background:#58bba9; min-height:0px;} #page-contact-us .left-half {clear:left; width:100%} } #content #contact-us-press p {font-size:16px;} #content #contact-us-press a {text-decoration:none; height:46px; line-height:46px; display:block; margin:0 0 -10px 0;} #content #contact-us-press a:hover {text-decoration:underline;} #content #contact-us-press a img {vertical-align:middle; margin:0 12px 0 0;} @media only screen and ( max-width:1200px ) { #content #contact-us-press a img {display:none;} } @media only screen and ( max-width:850px ) { #content #contact-us-press a img {display:inline-block;} } #content #contact-us-enquiries p {font-size:16px;} #content #contact-us-enquiries a {text-decoration:none; height:46px; line-height:46px; display:block; margin:0 0 -10px 0;} #content #contact-us-enquiries a:hover {text-decoration:underline;} #content #contact-us-enquiries a img {vertical-align:middle; margin:0 12px 0 0;} @media only screen and ( max-width:1200px ) { #content #contact-us-enquiries a img {display:none;} } @media only screen and ( max-width:850px ) { #content #contact-us-enquiries a img {display:inline-block;} } #contact-us-email-us form {padding:10px 0 0 0;} #contact-us-email-us form, #contact-us-email-us form p {font-size:16px;} #contact-us-email-us .left-half {padding:0 20px 0 0;} #contact-us-email-us input, #contact-us-email-us textarea, #contact-us-email-us select {font-size:16px; font-weight:bold; color:#2a2e38; width:100%; border:0px; padding:4px 8px; font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; margin:0 0 15px 0;} #contact-us-email-us input[type="checkbox"] {margin:0 5px 5px 0; padding:0; width:auto;} #contact-us-email-us .button {float:right;} .formRed {display:none;} .formError {background:#ff0000; width:100%; display:block; color:#fff; font-size:15px; padding:4px 8px; margin:-15px 0 15px 0;} #contact-us-email-us h2 {border:1px solid #fff; padding:15px;} @media only screen and ( max-width:1200px ) { #contact-us-email-us .left-half {width:100%; padding:0px;} #contact-us-email-us .right-half {width:100%;} } #contact-us-wish-you-were-here {background:url(../images/contact-us/wish-you-were-here.jpg); background-size:cover; min-height:300px;} #contact-us-press-mailing-list {background:#f2a593 url(../images/contact-us/photos.png) no-repeat right center; background-size:47.54237288135593% auto; min-height:300px;} #contact-us-press-mailing-list p {width:50%;} #contact-us-press-mailing-list form {padding:10px 0 0 0;} #contact-us-press-mailing-list .left-half {padding:0 20px 0 0;} #contact-us-press-mailing-list input {font-size:16px; font-weight:bold; color:#2a2e38; width:100%; border:0px; padding:4px 8px; font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; margin:0 0 15px 0;} #contact-us-press-mailing-list h2 {border:1px solid #fff; padding:15px;} @media only screen and ( max-width:850px ) { #contact-us-press-mailing-list {background:#f2a593;} #contact-us-press-mailing-list p {width:100%;} #contact-us-press-mailing-list .left-half {padding:0 0 0 0; width:100%;} #contact-us-press-mailing-list .right-half {padding:0 0 0 0; width:100%;} } /* tickets page */ #page-tickets .box {padding:0px!important;} .innerColumns01 {position:relative; float:left; margin:0 0.8474576271186441%; width:6.779661016949153%;} .innerColumns02 {position:relative; float:left; margin:0 0.8474576271186441%; width:15.25423728813559%;} .innerColumns03 {position:relative; float:left; margin:0 0.8474576271186441%; width:23.72881355932203%;} .innerColumns04 {position:relative; float:left; margin:0 0.8474576271186441%; width:32.20338983050847%;} .innerColumns05 {position:relative; float:left; margin:0 0.8474576271186441%; width:40.67796610169492%;} .innerColumns06 {position:relative; float:left; margin:0 0.8474576271186441%; width:49.15254237288136%;} .innerColumns07 {position:relative; float:left; margin:0 0.8474576271186441%; width:57.6271186440678%;} .innerColumns08 {position:relative; float:left; margin:0 0.8474576271186441%; width:66.10169491525424%;} .innerColumns09 {position:relative; float:left; margin:0 0.8474576271186441%; width:74.57627118644068%;} .innerColumns10 {position:relative; float:left; margin:0 0.8474576271186441%; width:83.05084745762712%;} .innerColumns11 {position:relative; float:left; margin:0 0.8474576271186441%; width:91.52542372881356%;} .innerColumns12 {position:relative; float:left; width:100%;} .innerColumnsLeft {margin-left:0px;} .innerColumnsRight {margin-right:0px;} @media only screen and ( max-width:1200px ) { .innerTabletColumns12 {position:relative; float:left; width:100%; margin:0px; text-align:left;} .innerTabletColumnsNone {display:none;} } @media only screen and ( max-width:850px ) { .innerMobileColumns12 {position:relative; float:left; width:100%; margin:0px; text-align:left;} .innerMobileColumnsNone {display:none;} } #tickets-large-banner {margin:0 0 20px 0;} #tickets-park-title {margin-bottom:30px; margin-top:25px;} #tickets-park-be-the-first img {margin:20px 0 0 0;} #tickets-park-hurry {} #tickets-park-hurry h1 {font-size:50px; font-weight:bold; text-transform:uppercase; margin:0 40px 20px 0;} #tickets-park-hurry h2 {font-size:28px; font-weight:bold; margin:0 40px 20px 0;} #tickets-park-hurry p {font-size:17px; margin:0 40px 20px 0;} #tickets-park-cta-button {position:absolute; width:100%; bottom:50px; text-align:center;} @media only screen and ( max-width:850px ) { #tickets-park-title {margin-bottom:20px;} #tickets-park-be-the-first img {margin:20px 0 40px 0;} #tickets-park-hurry {text-align:center;} #tickets-park-hurry h1 {font-size:40px; margin:0 6% 20px 6%} #tickets-park-hurry h2 {font-size:24px; margin:0 6% 20px 6%} #tickets-park-hurry p {font-size:17px; margin:0 6% 20px 6%} #tickets-park-cta-button {position:relative; bottom:0; padding:0 0 30px 0;} } #tickets-event-title {margin-bottom:30px; margin-top:25px;} #tickets-event-copy {margin:0 0 30px 0;} #tickets-event-copy h1 {font-size:50px; font-weight:bold; text-transform:uppercase; margin:0 0 20px 40px;} #tickets-event-copy p {font-size:17px; margin:0 0 20px 40px;} #tickets-event-photo {margin:0 0 30px 0;} #tickets-event-photo img {margin:20px 0 0 0;} #tickets-event-limited-tickets {margin:-20px 0 40px 0;} #tickets-event-cta {text-align:center; margin:0 0 20px 0;} #tickets-event-cta .button {z-index:9;} #tickets-event-cta-arrows {position:absolute; bottom:60px; margin-left:-342.5px; left:50%; width:685px; max-width:685px; z-index:0;} @media only screen and ( max-width:1200px ) { #tickets-event-cta-arrows {bottom:35px;} } @media only screen and ( max-width:850px ) { #tickets-event {text-align:center;} #tickets-event-title {margin-bottom:20px;} #tickets-event-copy {text-align:center; margin:0 0 10px 0;} #tickets-event-copy h1 {font-size:40px; margin:0 6% 20px 6%;} #tickets-event-copy p {font-size:17px; margin:0 6% 20px 6%;} #tickets-event-photo {margin:0 0 10px 0;} #tickets-event-limited-tickets {margin:0 0 10px 0;} #tickets-event-cta-arrows {display:none;} } /* new tickets page */ #tickets-left {padding-bottom:310px!important; padding:0px!important;} #tickets-left-top {position:relative; float:left; width:100%; text-align:center; padding:3%; height:410px; border-bottom:20px solid #fff;} #tickets-left-title {margin:12px 0 10px 0;} #tickets-left h2 {font-size:21px; font-weight:bold; margin:-8px 0 0 0;} #tickets-left h2 + p {text-align:center;} #tickets-left .button {z-index:9; position:absolute; bottom:20px; left:50%; margin:0 0 0 -132px;} #tickets-left .button:hover {margin:0 0 0 -134px; bottom:17px; top:auto;} #tickets-left .double-arrows {position:absolute; z-index:0; left:3%; bottom:30px; width:94%;} #tickets-left-bottom {background:url(../images/tickets/rides.png) no-repeat center bottom; background-size:contain; position:relative; float:left; width:100%; padding:3%; height:540px;} #tickets-right {padding-bottom:310px!important; padding:0px!important;} #tickets-right-top {position:relative; float:left; width:100%; text-align:center; padding:3%; height:410px; border-bottom:20px solid #fff;} #tickets-right-title {margin:12px 0 30px 0;} #tickets-right h2 {font-size:21px; font-weight:bold; margin:-8px 0 8px 0;} #tickets-right h2 + p {text-align:center;} #tickets-right .button {z-index:9; position:absolute; bottom:20px; left:50%; margin:0 0 0 -132px;} #tickets-right .button:hover {margin:0 0 0 -134px; bottom:17px; top:auto;} #tickets-right .double-arrows {position:absolute; z-index:0; left:3%; bottom:30px; width:94%;} #tickets-right-bottom {background:url(../images/tickets/featuring.png) no-repeat center bottom; background-size:contain; position:relative; float:left; width:100%; padding:3%; height:540px;} @media only screen and ( max-width:1060px ) { #tickets-left .double-arrows {display:none;} #tickets-left-top {height:380px;} #tickets-right .double-arrows {display:none;} #tickets-right-top {height:380px;} } @media only screen and ( max-width:850px ) { #tickets-left-top {height:350px;} #tickets-right-top {height:350px;} #tickets-left-bottom {height:540px;} #tickets-right-bottom {height:540px;} } @media only screen and ( max-width:1020px ) { #more_button {float: initial !important; text-align: center;} } /* weddings page */ #weddings-its-a-nice-day {min-height:340px; background:#f5e134 url(../images/weddings/its-a-nice-place-for-a-white-wedding.png) no-repeat center center; background-size:contain;} #weddings-hero-image {min-height:340px; background:#f5e134 url(../images/weddings/DREAMLAND-hero.jpg) no-repeat center center; background-size:cover;} @media only screen and ( max-width:850px ) { #weddings-hero-image {min-height:170px;} } #weddings-at-dreamland .button {margin:10px 10px 0 0;} #weddings-image-1 {background:url(../images/weddings/CarouselImage.jpg) no-repeat center center; background-size:cover;} @media only screen and ( max-width:850px ) { #weddings-image-1 {min-height:340px;} } #join-our-weddings-mailing-list .box-title-3 {height:117px; margin:0 0 10px 0;} #join-our-weddings-mailing-list input {font-size:16px; font-weight:bold; color:#2a2e38; width:100%; border:0px; padding:4px 8px; font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; margin:0 0 15px 0;} #join-our-weddings-mailing-list .p-required {position:absolute; right:3%; bottom:12px;} @media only screen and ( max-width:850px ) { #join-our-weddings-mailing-list {text-align:left!important;} } #weddings-image-2 {min-height:170px; background:url(../images/weddings/image-2.jpg) no-repeat center center; background-size:cover;} #tie-the-knot {min-height:300px; background:#b2c400 url(../images/weddings/tie-the-knot.png) no-repeat center center; background-size:contain;} #weddings-image-3 {min-height:300px; background:url(../images/weddings/RollerDiscoWedding.jpg) no-repeat center top; background-size:cover;} #a-unique-offering ul {margin:0 0 20px 20px; list-style-type:disc;} #a-unique-offering .button {margin:10px 10px 0 0;} /* volunteer form */ .itemid-148 div[itemprop=articleBody] {padding:1.5%; background: #f2a593; } .itemid-148 #content h1 {font-size:38px; color:#000;} .itemid-148 #content h2.white {color:#fff;} .itemid-148 #content a {color:#000;} .itemid-148 #content table {background:none;} .itemid-148 #content table td {border:none; padding:0px 1.5% 0 0;} .itemid-148 input[type="text"], .itemid-148 textarea {font-size:16px; font-weight:bold; color:#2a2e38; width:100%; border:0px; padding:4px 8px; font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; margin:0 0 15px 0;} .itemid-148 #standard-content table tr:first-child {text-transform:none; font-weight:normal;} .itemid-148 #standard-content table tr:first-child td {vertical-align:middle} .itemid-148 #content table.stripey td {padding:5px 10px; text-align:center} .itemid-148 #standard-content table.stripey tr td {border-right:3px solid #efefef} .itemid-148 #standard-content table.stripey tr td:first-child {text-align:left; width:auto;} .itemid-148 #standard-content table.stripey tr:nth-child(even) {background:rgba(255,255,255,0.5)} .itemid-148 #standard-content table.stripey6 tr td {width:12%; border-right:3px solid #efefef} .itemid-148 #standard-content table.stripey5 tr td {width:15%; border-right:3px solid #efefef} /* flexi pages */ .flexi-box h1 {font-size:44px; text-transform:uppercase;} .flexi-box h2 {font-size:30px; text-transform:uppercase;} .flexi-box a {color:#000;} .flexi-box ul {margin:0 0 10px 30px;} .flexi-box ol {margin:0 0 10px 30px;} .flexi-box li {list-style-type:disc;} .flexi-box .button {margin:20px 0 0 0;} .flexi-box {color:#000; margin-bottom:20px!important} #flexi-r1-b2 {background-size:cover; background-position:center center;} #flexi-r5-b1 {background-size:cover; background-position:center center;} @media only screen and ( max-width:640px ) { #flexi-r1-b2 {height: 200px;} } /* octopus's garden */ #page-og {background:url(/images/octopuss-garden/bg.png);} #page-og #content {background:none!important; border-bottom:30px solid #fff;} #page-og #content h2 {font-size:35px; text-transform:uppercase; margin:-10px 0 10px 0; padding:0;} #page-og .box {text-align:left!important;} #og-logo-large {padding:0px!important} #og-logo-large img {margin:-10px 0 0 0;} @media only screen and ( max-width:850px ) { #page-og .box#og-intro {text-align:center!important;} } #og-gallery {padding:0px!important} #og-prices ul {margin:0 0 10px 0;} #og-prices li {border-bottom:1px solid #fff; line-height:1.6; margin:0 0 15px 0;} #og-opening-times ul {margin:0 0 10px 0;} #og-opening-times li {border-bottom:1px solid #fff;} @media only screen and ( max-width:1200px ) { #og-opening-times a.buttonWide {display:none;} #og-opening-times a.buttonSlim {display:inline-block;} } #og-logo-meduim {padding:0px!important} #og-logo-meduim img {margin:-34px 0 -200px 0;} #og-the-cafe {background:#dbc7e6 url(/images/octopuss-garden/cake.png) no-repeat center top; background-size:100% auto; padding-left:34.5%!important;} @media only screen and ( max-width:850px ) { #og-the-cafe {background:#dbc7e6; padding-left:3%!important;} } #og-facilities li {height:15px; line-height:15px; margin:0 0 10px 0; letter-spacing:-0.7px;} #og-facilities li:before {content:"*"; color:#fff; background:#fff; width:15px; height:15px; display:inline-block; margin:0 7px 0 -7px; -webkit-border-radius: 35px-moz-border-radius: 15px; border-radius: 15px;} @media only screen and ( max-width:1200px ) { #og-facilities li {height:auto; line-height:1.3; letter-spacing:0;} } #og-private-hire {background:#bcc986 url(/images/octopuss-garden/cupcakes.jpg) no-repeat left top; background-size:auto 121px;} #page-og #content #og-private-hire h2 {margin:121px 0 10px 0;} #og-private-hire p {margin:0 0 10px 0;} @media only screen and ( max-width:850px ) { #og-private-hire {background:#bcc986; padding-left:3%!important;} #page-og #content #og-private-hire h2 {margin:0 0 10px 0;} } #og-childrens-parties {background:#94c3e0 url(/images/octopuss-garden/childrens-parties.png) no-repeat center top; background-size:auto 100%; padding-left:34.5%!important;} #og-childrens-parties p :last-child {margin:0px;} @media only screen and ( max-width:850px ) { #og-childrens-parties {background:#94c3e0; padding-left:3%!important;} } /* parties */ .itemid-154 #flexi-r4-b2 {background:url(/images/parties/girls.jpg) no-repeat center center; background-size:cover;} .itemid-154 #flexi-r4-b4 {background:url(/images/parties/cake.jpg) no-repeat center center; background-size:cover;} @media only screen and ( max-width:850px ) { .itemid-154 #flexi-r4-b2{ height: 400px !important; background-position: 0 -24px !important; } .itemid-154 #flexi-r4-b4 { height: 400px !important; background-position: 0 -120px !important; } } /* special offers */ .itemid-206 #flexi-r1-b2 {} /* Roller Room Boxes */ #roller-disco-intro {text-align:center;} #roller-disco-intro-title {width:30%; margin: 0 auto; text-align:center;} #roller-disco-intro p {text-align:left;} @media only screen and ( max-width:850px ) { #roller-disco-intro-title {margin:0;} } #roller-disco-skates {min-height:300px; background:url(../images/attractions/roller-disco/skates.jpg) no-repeat right bottom; background-size:cover;} .bold {font-weight: bold;} .p_row_line {border-bottom: 1px solid white;} .c_row {font-weight: normal; float:right;} .c_row_bold {font-weight: bold;float:right;} .prices {font-size: 35px !important; font-weight: bold; margin-top: -12px; margin-bottom: 0px;} .opening-times {font-size: 35px !important; font-weight: bold; text-transform: uppercase; margin-top: -12px; margin-bottom: 0px;} #roller-disco-kitchen p img {margin-top: -18px; margin-left: -18px; max-width: 111%;} @media only screen and ( max-width:1200px ) { #roller-disco-kitchen p img {/*display:none;*/ margin:0; width: 100%;} #roller-disco-kitchen {padding:0px!important;} } #roller-disco-kitchen h2 {margin-top: 0; margin-bottom: 5px; font-size: 35px;} @media only screen and ( max-width:850px ) { #roller-disco-private-hire {height:auto !important; padding: 0px !important;} } @media only screen and ( min-width:850px ) { #roller-disco-private-hire {height: 280px !important;} } #roller-disco-private-hire img.picture {position:relative; right:18px; bottom:18px; float:left; } @media only screen and ( max-width:1200px ) { #roller-disco-private-hire img.picture {/*display:none;*/} #roller-disco-private-hire {/*height:auto !important;*/} } @media only screen and ( max-width:640px ) { #roller-disco-private-hire img.picture {position: static; right: 0; bottom: 0; float: none; width: 100%; height: auto;} } .private-hire-title {font-size: 35px!important; font-weight: bold; margin-top: -12px !important;} #roller-disco-girls {min-height:570px; background:url(../images/attractions/roller-disco/girls.jpg) no-repeat center top; background-size:cover; position:relative; float:right; clear:right;} @media only screen and ( max-width:1200px ) { #roller-disco-girls {display:none;} } #roller-disco-events, #roller-disco-parties {color:black;} #roller-disco-events h2, #roller-disco-parties h2 {font-size: 35px !important; margin-top:-10px; margin-bottom:10px;} .itemid-114 #sliding-banner {display:none;} .roller-disco-private-hire-wrapper { padding: 4px 20px 0px 20px; } /* home - we are now open */ #home-open { background: url(/templates/dreamland/images/boxes/homepage/we_are_now_open_bg.jpg) no-repeat center top; background-size: cover; text-align: center; } #home-open span .button {background-color:#f5e134; margin-top:12px;} /* home - events at dreamland */ div#home-events-at-dreamland {color: #000;} img#home-amusement-park-opens {margin: 0px; max-width:226px;} #home-events-at-dreamland p {font-size: 15px !important;} @media only screen and ( min-width:851px ) { #home-events-at-dreamland .bottom-button-wrapper {left: 15px;} } @media only screen and ( max-width:850px ) { div#home-events-at-dreamland {padding-bottom:80px!important; /*text-align:left!important;*/} } /* new visit page */ .flexrow {width:100%; position:relative; float:left; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display:flex;} .vertical-centre {position:absolute; top: 50%; width:100%; padding:0 5%; left:0px; right:0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #visit-prices li { border-bottom: 1px solid #fff; line-height: 1.6; margin: 0 0 15px 0; } .visit-prices h2 { font-size: 30px; text-transform: uppercase; margin: 10px 0 10px 0; } .visit-prices table {margin: 0 0 10px 0;} .visit-prices table tr {border-bottom:1px solid #fff;} .visit-prices table td {padding:5px 0px; vertical-align:middle;} .visit-prices table td:first-child {padding:5px 25px 5px 0px;} #visit-prices-1b.box, #visit-prices-2b.box, #visit-prices-3b.box {text-align:center!important; display:block;} #visit-prices-1b.box h2, #visit-prices-2b.box h2, #visit-prices-3b.box h2 {margin:0 0 10px 0;;} #visit-prices-1a table td:first-child {width:50%;} #visit-prices-4a table:first-child, #visit-prices-4b table:first-child {margin:0 0 -10px 0;} #visit-prices-4a table:first-child tr, #visit-prices-4b table:first-child tr {border-bottom:none;} @media only screen and ( max-width:1080px ) { #visit-prices-4a table:first-child td, #visit-prices-4b table:first-child td {width:100%; float:left;} } #visit-prices-6.box {text-align:center!important;} @media only screen and ( max-width:850px ) { #visit-prices {font-size:14px;} } #visit-accessibility { background: #58bba9 url(../images/boxes/visit/accessibility.jpg) no-repeat; background-size: contain; min-height: 780px!important; padding-top:250px!important; background-position: center top; } @media only screen and ( max-width:850px ) { #visit-prices-1a table td:first-child {width:auto;} #visit-accessibility {min-height: 500px!important;} .flexrow {display:block;} .vertical-centre {top:0; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);} } #visit-margate { background: #f2a593 url(../images/boxes/visit/margate2.jpg) no-repeat; min-height: 780px!important; padding-top:250px!important; background-position: center top; background-size: contain; } @media only screen and ( max-width:850px ) { #visit-prices-banner {min-height:300px;} .visit-prices h2 {font-size:24px; margin:0 0 10px 0;} #visit-margate {min-height: 500px!important;} .visit-prices table, .visit-prices table p {font-size:14px!important;} .visit-prices table td {padding:5px;} } #visit-margate p {max-width:100%;} #visit-margate .bottom-button-wrapper { /*bottom: inherit;*/ } div#visit-accessibility .bottom-button-wrapper { margin-left: 10px; } .roller-disco-private-hire-wrapper { padding: 4px 20px 0px 20px; } /* membership page */ #membership-intro .button {margin-top:10px;} #membership-card-1, #membership-card-2 {margin-top:120px!important;} .itemid-182 .membership-card {margin:-140px 0 20px 0; width:100%; text-align:center; position:relative;} .itemid-182 .bg-green {color:#000;} #membership-card-1 ul, #membership-card-2 ul {list-style-type:disc; margin:0 0 30px 30px; font-size:16px;} #membership-card-1 table, #membership-card-2 table {background:#fff; border:10px solid #fff; width:100%; margin:0 0 20px 0;} #membership-card-1 table tr:nth-child(1), #membership-card-2 table tr:nth-child(1) {font-size:20px; text-transform:uppercase; padding:0 0 10px 0;} #membership-card-1 table tr:nth-child(1) td, #membership-card-2 table tr:nth-child(1) td {padding:0 0 10px 0; border:none} #membership-card-1 table tr td, #membership-card-2 table tr td {border-bottom:1px solid #000; padding:5px 0;} @media only screen and ( max-width:850px ) { #membership-card-1, #membership-card-2 {text-align:left!important} } .itemid-182 p.small {font-size:13px!important;} #membership-be-the-first {min-height:270px; background:#f2a593 url(../images/membership/be-the-first.png) no-repeat center center; background-size:contain;} #membership-buy-a-gift {min-height:270px; background:#f5e134 url(../images/membership/cards.png) no-repeat center right; background-size:contain;} #membership-buy-a-gift-wrapper {width:55%;} #membership-buy-a-gift-wrapper p {margin:0 0 10px 0!important;} #membership-buy-a-gift .bottom-button-wrapper {padding:0 1.5%;} @media only screen and ( max-width:850px ) { #membership-buy-a-gift {background:#f5e134; min-height:0; padding:3% 3% 80px 3%!important;} #membership-buy-a-gift-wrapper {width:100%;} } #membership-faqs .box-title {position:relative; float:left; display:block; clear:both;} #membership-faqs h3 {color:#fff; line-height:1.3; padding:5px 0 5px 30px; position:relative;} #membership-faqs h3:hover {cursor:pointer;} #membership-faqs h3:before {content:url(../images/membership/arrow.png); position:absolute; left:0px;} #membership-faqs p {margin:0 0 10px 30px!important;} #membership-faqs .accordion-container {width:50%; position:relative; float:left;} #membership-faqs .accordion-container:nth-child(2) {clear:left; padding:0 20px 0 0;} #membership-faqs .accordion-container:nth-child(3) {clear:right; padding:0 0 0 20px; border-left:1px solid #000;} @media only screen and ( max-width:850px ) { #membership-faqs .accordion-container {text-align:left; width:100%;} #membership-faqs .accordion-container:nth-child(2) {clear:left; padding:0 0 0 0;} #membership-faqs .accordion-container:nth-child(3) {clear:right; padding:0 0 0 0; border-left:none;} } #membership-terms h3 {color:#000; font-size:24px; line-height:35px; padding:0 0 0 30px; position:relative; text-transform:uppercase} #membership-terms h3:hover {cursor:pointer;} #membership-terms h3:before {content:url(../images/membership/arrow.png); position:absolute; left:0px;} #membership-terms p {padding:0 0 0 30px;} @media only screen and ( max-width:850px ) { #membership-terms .accordion-container {text-align:left; width:100%;} } /* gift card page */ #lolly-intro {height: 250px!important;} #lolly-whatisit {min-height: 250px!important;} #lolly-intro .columns07 {padding: 0px;margin: 0px;} #lolly-intro .columns05 {padding: 0px;margin: 0px; text-align: center; /*padding-right:15px;*/ height:65px;} #lolly-intro .columns05 a img {/*height: 65px;*/} #lolly-whatisit {padding-top: 10px !important; color:#fff;} #lolly-whatisit h2 {font-size:32px; margin-bottom:6px; color:#000;} #lolly-whatisit .smallprint {font-size:14px;} #lolly-hiw-order,#lolly-howitworks {padding: 0px!important;} #lolly-hiw-welcome {background:#3b8a42;margin: 0px!important; width:100%; text-align:center;} #lolly-hiw-welcome img { max-width:290px; max-height:35px; } #lolly-hiw-load-it { text-align: center; margin-bottom: 8px!important; padding: 0px!important; background-image: url(/templates/dreamland/images/boxes/lollypop_giftcard/loadit_bg.jpg?1435756566); /*background-size: contain;*/ background-size:1035px 340px; background-repeat:no-repeat; background-position: center center; /*width:1035px!important;*/ border-bottom: #fff 3px solid; } #lolly-hiw-load-it-space, #lolly-hiw-load-it-text {margin-bottom: 0px!important;} #lolly-hiw-load-it-text { margin-top: 190px!important; text-align:left;} #lolly-hiw-load-it-text h2 {font-size:32px; margin-bottom:6px; color:#000;} #lolly-hiw-order {border-bottom: #fff 3px solid;} #lolly-hiw-order-online {padding: 0px!important;margin-bottom: 8px!important; height:267px;} #lolly-hiw-order-online-text {margin: 0px!important;} #lolly-hiw-order-online-text h2 {font-size:32px; margin-bottom:6px; color:#000; text-transform:uppercase;} #lolly-hiw-order-online-text a {color:#000; text-decoration:underline; font-weight:bold; } #lolly-hiw-order-online-text a:hover {text-decoration:none;} #lolly-hiw-order-online-space {margin: 0px!important; padding: 0px!important; text-align:right;} #lolly-hiw-email-it {padding: 0px!important;margin-bottom: 8px!important;} #lolly-hiw-email-it h2 {font-size:32px; margin-bottom:6px; color:#000; text-transform:uppercase;} #lolly-hiw-email-it-text {margin: 0px!important;} #lolly-hiw-email-it-space {margin: 0px!important;} #lolly-hiw-get-yours-collect-it {padding: 0px!important;margin-bottom: 16px!important; height:290px!important;} #lolly-hiw-get-yours-collect-it-text {margin: 0px!important;} #lolly-hiw-get-yours-collect-it-space {margin: 0px!important;padding: 0px!important;} #lolly-hiw-get-yours-collect-it-space img {width:436px; height:290px; max-width: none; position:relative; z-index: 1;} #lolly-hiw-get-yours-spend-it {padding: 0px!important;margin-bottom: 16px!important; height: 290px!important;} #lolly-hiw-get-yours-collect-it-text h2 {font-size:32px; margin-bottom:6px; color:#000; text-transform:uppercase;} #lolly-hiw-get-yours-collect-it-text img {/*max-width:365px;max-height:273px;*/ max-width: 100%; } #lolly-hiw-get-yours-spend-it {background:#3b8a42;margin-bottom: 8px!important; text-align:center;} #lolly-hiw-get-yours-spend-it h2 {font-size:32px; margin-bottom:6px; text-transform:uppercase;} #lolly-hiw-get-yours-spend-it img {max-width:227px; max-height:160px;} #lolly-hiw-get-yours {padding: 0px!important; margin-bottom: 10px!important;} #lolly-hiw-get-yours-card { text-align: left; margin-bottom: 0px; } #lolly-hiw-get-yours-card img { max-width:100%; /*max-width:336px; max-height:250px;*/} #lolly-hiw-get-yours-text {text-align: left; margin-bottom: 0px; color:#fff;} #lolly-hiw-get-yours-buy-now {text-align: left; margin-bottom: 0px;} #lolly-hiw-get-yours-buy-now img {/*height: 65px;*/} /* mobile fixes */ @media (max-width: 600px) { #lolly-hiw-load-it {background-image: none;} #lolly-hiw-load-it-text {margin-top: 0px!important;} } @media (max-width: 1200px) { .itemid-169 .tablet12 {text-align:center;} .itemid-169 .mobileOff {display:none;} .itemid-169 .mobileOnly {display:block;} #lolly-intro {height: auto!important; margin-top: 0px!important;margin-bottom: 0px!important;} #lolly-intro div img {bottom: 0px!important;right: 0px!important; margin-top:6px;} #lolly-intro div .button img {margin-top:0px;} #lolly-hiw-load-it {background-image:none;} #lolly-hiw-load-it-space {display:none;} #lolly-hiw-load-it-text {margin-top: 0px!important; text-align:center;} #lolly-hiw-load-it-text img {margin:0 auto;} #lolly-hiw-email-it-space {padding: 0px!important;} #lolly-hiw-get-yours-collect-it {height:auto!important;margin-bottom: 8px!important;} #lolly-hiw-get-yours-collect-it img {margin:0 auto;} #lolly-hiw-get-yours-card {height: 220px!important; text-align:center;} #lolly-hiw-get-yours-card img {bottom:0px!important; right: auto!important; left: auto!important; margin:0 auto;} #lolly-hiw-get-yours {margin-bottom: 2px!important;} #lolly-hiw-get-yours-buy-now {text-align:center!important;} #lolly-hiw-get-yours-buy-now img {margin:0 auto;} #lolly-hiw-order {margin-bottom: 6px!important;padding-top: 0px!important;} #lolly-hiw-order-online-text {padding: 0px!important;} } @media (min-width: 1201px) { #lolly-intro, #lolly-whatisit {margin-top: 25px!important; margin-bottom: 55px!important;} #lolly-hiw-email-it {height:267px!important;} #lolly-hiw-order-online-space img {max-width:408px; max-height:262px!important;} #lolly-hiw-email-it-space img {max-width:140px; max-height:220px;} #lolly-hiw-get-yours {height: 190px!important;} #lolly-hiw-get-yours-text {padding-left:80px!important;} #lolly-howitworks {margin-bottom: 64px!important;} #lolly-hiw-order {padding-bottom: 0px!important;margin-bottom: 8px!important;} #lolly-hiw-get-yours {margin-top: 25px!important;} } /* wrapper */ @media only screen and ( max-width:850px ) { iframe#blockrandom {width:500px!important;} } @media only screen and ( max-height:950px ) { iframe#blockrandom {max-width:1000px!important;} } @media only screen and ( max-height:900px ) { iframe#blockrandom {max-width:900px!important;} } @media only screen and ( max-height:800px ) { iframe#blockrandom {max-width:700px!important;} }