@charset "UTF-8";

html {height: 101%; margin: 0; padding: 0; min-height: 101%;}
body {font-family: europa, sans-serif; font-weight: 400; font-size: 100%; font-style: normal; margin: 0; padding: 0; height: 100%; position: relative; overflow-x: hidden; background: #2b8f31; min-height: 101%; -webkit-column-break-inside: avoid;}

hr {width: 100%; height: 1px; background: #cccccc; border: none; margin: 10px auto; clear: both;}

img {display: block; margin: 0; outline: none; padding: 0; vertical-align: bottom; max-width: 100%; width: auto;}
img.seecmsimagedefault, img.seecmsimagedefaultundefined {display: inline-block; margin: 0 0 20px 0!important;}
img.seecmsimageleft, img.seecmsimageleftundefined {float: left; margin: 0 20px 20px 0!important;}
img.seecmsimageright, img.seecmsimagerightundefined {float: right; margin: 0 0 20px 20px!important;}
img.seecmsimagecentre, img.seecmsimagecentreundefined {display: block; margin: 0 auto;}

p, h1, h2, h3, h4, li {margin: 0; padding: 0; line-height: 140%; color: #5c5c5c; font-style: normal; font-weight: 400;}
p {padding: 0 0 20px 0;}
ul, ol {margin: 0 0 20px 20px; padding: 0;}
li p {padding: 0;}
li li, li p {font-size: 100%;}
strong {font-weight: 700;}
a {text-decoration: none; color: #65adfd;}
a:hover {color: #65adfd; text-decoration: none;}
a img {border: none; outline: none;}
* {-webkit-print-color-adjust: exact;}
label {color: #5c5c5c; font-size: 100%;}
sup, sub {font-size: 70%; line-height: 70%; padding: 0 0 10px 0; margin: 0; font-weight: 400; color: #5c5c5c;}

p.seeformerrors {color: red;}

.col1, .col2, .col3, .col4, .left, .right {display: block; float: left; min-height: 5px;}

div:after, form:after, ul:after, input:after, section:after, article:after, header:after, footer:after, nav:after, aside:after, hgroup:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
section, article, header, footer, nav, aside, hgroup {display: block;}

table {width: 100%; margin: 0 0 20px 0; border: 0!important; border-collapse: separate!important; border-spacing: 2px!important; border-radius: 30px; overflow: hidden;}
table th {padding: 10px; font-size: 140%; color: #000000; background: #f3c615; font-family: "Chewy", cursive; font-weight: 400; border-collapse: separate!important; text-align: left; border: 0!important; border-spacing: 2px!important;}
table td {padding: 10px; font-size: 100%; color: #5c5c5c; background: #f1f1f1; font-weight: 400; border-collapse: separate!important; text-align: left; border: 0!important; border-spacing: 2px!important;}
table th p, table td p {font-size: 100%; padding: 0;}
table th a {color: #ffffff!important;}

input[type="text"], input[type="date"], input[type="password"], input[type="email"], textarea, select, button {width: 100%; padding: 0 10px; box-sizing: border-box; height: 40px; background: #ffffff; border: 1px solid #cccccc; margin: 5px 0 15px 0; outline: none; resize: none; font-family: europa, sans-serif; font-weight: 400; font-size: 100%; border-radius: 10px;}
input[type="date"] {width: max-content;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; -webkit-text-fill-color: #5c5c5c;}
textarea {height: 130px; padding: 10px;}
input[type="checkbox"] {width: 15px; height: 15px; float: left; margin: 0 10px 0 0;}
input[type="text"], input[type="submit"], textarea, button, input[type="password"], input[type="button"], select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="submit"], button, input[type="button"] {cursor: pointer; width: auto; outline: none; border: none; text-transform: none; background: #96ca4d; padding: 0 20px; height: 40px; color: #ffffff; font-size: 100%; font-family: "Chewy", cursive; font-weight: 400; border-radius: 10px; margin-top: 10px;}

.slick-slide {outline: none!important;}
.cmsform p {padding: 0;}
.cmsform p.fieldname {padding: 0 0 5px 0;}
.cmsform p.fieldoption {padding: 0 0 20px 0;}
.cmsform p.fieldoption .notes {font-style: italic;}
.cmsform input, .cmsform select, .cmsform textarea {margin: 0 0 5px 0;}
.cmsform input[type="checkbox"] {margin: 0 10px 0 0;}
.cmsform input[type="submit"] {margin: 15px 0;}
.cmsform .errors p {color: red!important; padding: 0 0 20px 0;}
.cmsform span.error {color: red!important; float: right;}

.searchresult h3 img {width: auto; float: left; display: inline-block; margin: 0 10px 0 0;}

.clear {clear: both;}

.sitemap ul ul {margin: 0 0 0 20px;}

.nopadding {padding: 0!important;}

.blockbutton {font-size: 145%!important;}
.blockbutton a {font-family: "Chewy", cursive; font-weight: 400; display: inline-block; padding: 25px 60px 25px 40px; border-radius: 10px; color: #000000; text-decoration: none; background: url(../images/cob-button.png) no-repeat center center; background-size: 100% 100%; box-sizing: border-box; min-width: 225px;}

h1, h2, h3, h4 {font-family: "Chewy", cursive; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 110%;}
h1 {font-size: 350%;}
h2 {font-size: 270%;}
h3 {font-size: 220%;}
h4 {font-size: 145%; line-height: 120%;}
p, li, label {font-size: 110%;}
ul {margin: 0 0 20px 0;}
ul li {position: relative; padding: 0 0 10px 25px; list-style: none; line-height: 110%; margin: 0 0 5px 0;}
ul li:before {content: "\f138"; position: absolute; top: 2px; left: 0; font-family: "Font Awesome\ 5 Free"; color: #5c5c5c; font-size: 100%; line-height: 100%; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-weight: 900;}

@-webkit-keyframes backgroundScroll {
  from {background-position: 0 0;}
  to {background-position: -1904px 0;}
}

@keyframes backgroundScroll {
  from {background-position: 0 0;}
  to {background-position: -1904px 0;}
}


/* Cookies */
[for="toggle-necessary"], input:disabled + .toggle-switch {cursor: not-allowed;}
[for="toggle-necessary"] .toggle-switch, [for="toggle-necessary"] .toggle-label {pointer-events: none;}
[data-managecookies] label {flex-direction: row; display: flex; align-items: flex-start; justify-content: space-between; column-gap: 20px;}
[data-cookietoggle] .toggle-switch {display: inline-block; background: #ccc; border-radius: 16px; width: 58px; height: 32px; position: relative; vertical-align: middle; transition: background 0.25s; cursor: pointer}
[data-cookietoggle] .toggle-switch:before, [data-cookietoggle] .toggle-switch:after {content: "";}
[data-cookietoggle] .toggle-switch:before { display: block; background: linear-gradient(to bottom, #fff 0%, #eee 100%); border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); width: 24px; height: 24px; position: absolute; top: 4px; left: 4px; transition: left 0.25s; }
[data-cookietoggle] .toggle:hover .toggle-switch:before { background: linear-gradient(to bottom, #fff 0%, #fff 100%); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } 
[data-cookietoggle] .toggle-checkbox:checked + .toggle-switch { background: #96ca4d; } 
[data-cookietoggle] .toggle-checkbox:checked + .toggle-switch:before { left: 30px; } 
[data-cookietoggle] .toggle-checkbox { position: absolute; visibility: hidden;} 
[data-cookietoggle] .toggle-label {position: relative; top: 2px; cursor: pointer; text-align: center;}
.cookie-toggles {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; gap: 20px;}
.cookie-toggles .toggle-row {width: 100%}
.cookie-toggles .toggle-row .heading {font-weight: 700; margin: 0; font-size: 1.3rem}
.cookie-toggles .toggle-row [data-cookietoggle] {align-items: flex-end;}
[data-cookienotice] {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999; display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; padding: 40px; background: rgba(0, 0, 0, 0.5); box-sizing: border-box;}
[data-cookienotice] .overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; background: rgba(0, 0, 0, 0.5);}
[data-cookienotice] .content {background: #ffffff; max-width: 745px; padding: 40px; position: relative; z-index: 2; border-radius: 10px; box-sizing: border-box;}
[data-cookienotice] label {display: flex; align-items: center; justify-content: space-between; flex-direction: column;}
[data-cookienotice] .buttons {display: flex; gap: 20px; margin-top: 40px; flex-wrap: wrap; justify-content: flex-end;}
[data-cookienotice] .buttons button, [data-cookienotice] .buttons .button {background: #f1c71a; color: var(--black-100); font-weight: 700; border: none; padding: 10px 20px; border-radius: 5px; font-size: 1.1rem; cursor: pointer; transition: all 0.3s ease; text-decoration: none; margin: 0;}
[data-cookienotice] .buttons button span, [data-cookienotice] .buttons .button span {line-height: 1;}
[data-cookienotice] .buttons .button.managecookies {background: #ffffff; color: #000000; text-decoration: underline;}
[data-cookienotice] .buttons button[value="reject"] {background: #dddddd; color: #ffffff;}
[data-cookienotice] a {color: #96ca4d; text-decoration: underline;}
[data-cookienotice] a:hover {color: #96ca4d; text-decoration: none;}
/* Cookies end */

.pagewrap {overflow: hidden;}

.stacktable.small-only {display: none!important;}

.section-wrap {background: linear-gradient(to bottom, rgba(69, 168, 87, 1) 0%, rgba(60, 147, 85, 1) 0%, rgba(71, 174, 77, 1) 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#45a857", endColorstr="#47ae4d", GradientType=0);}

.corn {width: 150px; height: 100%; display: block; background: url(../images/corn-left.png) no-repeat 0 0; background-size: 100%; position: fixed; top: 0; left: -20px; z-index: 20;}
.corn.right {background: url(../images/corn-right.png) no-repeat 0 0; background-size: 100%; left: auto; right: -20px;}

.header-container {position: relative; background: linear-gradient(to bottom, rgba(185, 219, 255, 1) 0%, rgba(220, 247, 255, 1) 97%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b9dbff", endColorstr="#dcf7ff", GradientType=0);}
.header-container .clouds {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/header-container.png) repeat 0 0; -webkit-animation: backgroundscroll 100s linear infinite; animation: backgroundScroll 100s linear infinite; z-index: 1;}
.header-wrap {background: url(../images/header-wrap.png) repeat-x bottom left; padding: 0 160px; position: relative; z-index: 6; /* overflow: hidden; */}
.header {padding: 30px 0 0 0; max-width: 1280px; width: 100%; margin: 0 auto; position: relative;}
.header .top {position: relative; min-height: 117px;}
.header .top p {padding: 0; color: #000000; font-family: "Chewy", cursive; font-weight: 400; font-size: 150%; line-height: 130%;}
.header .top p a {text-decoration: none; color: #000000;}
.header .top p i {width: 30px; font-size: 90%;}
.header .top .left, .header .top .right {float: left; width: 350px; padding: 20px 0 0 0;}
.header .top .right {float: right; text-align: right; width: 300px;}
.header a.logo {width: 420px; display: block; margin: 0 auto; text-align: center; text-decoration: none; position: absolute; top: 0; left: 0; right: 0;}
.header a.logo span.image {width: 100%; height: 90px; display: block; background: url(../images/logo.png) no-repeat 0 0; background-size: 100%; margin: 0 0 5px 0;}
.header a.logo span.tag {color: #000000; font-family: "Chewy", cursive; font-weight: 400; font-size: 110%; display: block; text-align: center; width: 100%; box-sizing: border-box; padding: 0 0 0 20px;}
.header .kernel {width: 14%; height: 0; padding-bottom: 24.4%; background: url(../images/kernel-sitting.gif) no-repeat 0 0; background-size: 100%; position: absolute; bottom: -130px; right: 0; z-index: 20;}
.header .openingtimesblock h4 {font-size: 120%; color: #000000; padding: 0 0 5px 0; text-align: center;}
.header .openingtimesblock p {font-family: europa, sans-serif; font-weight: 400; font-size: 90%!important; text-transform: uppercase; padding: 0;}
.header .blockbutton a {padding: 18px 60px 18px 40px;}

.form .row.thirds, .form .row.halves {width: 102%; margin-left: -2%;}
.form .row.thirds .input {float: left; width: 31.3%; margin: 0 0 0 2%;}
.form .row.halves .input {float: left; width: 48%; margin: 0 0 0 2%;}

.importantnotice-wrap {padding: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.importantnotice {padding: 20px; background: #f1c71a; border-radius: 0; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); margin: 0 auto; box-sizing: border-box; max-width: 100%; width: 100%;}
.importantnotice p {color: #000000; padding: 0; text-align: center; font-size: 160%; font-family: "Chewy", cursive; font-weight: 400;}
.red .importantnotice {background: #e73535;}
.red .importantnotice p {color: #ffffff;}

.nav {padding: 20px 0 0 0;}
.nav ul {padding: 0; width: 100%; display: block; text-align: center; margin: 0 0 -1px 0;}
.nav li {list-style: none; padding: 0; display: inline-block; margin: 0 15px; font-size: 100%; transition: all 0.2s ease; bottom: 0; position: relative;}
.nav li:hover {bottom: 4px;}
.nav li:before {display: none!important;}
.nav li a {display: block; position: relative; padding: 0 0 27px 0;}
.nav li a .stick {width: 10px; height: 28px; background: #7b5412; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; display: block; content: ""; visibility: visible;}
.nav li a .name {text-align: center; text-decoration: none; color: #ffffff; background: #7b5412; font-family: "Chewy", cursive; font-weight: 400; display: block; padding: 15px; position: relative; font-size: 150%;}
.nav li a .name:before, .nav li a .name:after {height: 100%; width: 4px; display: block; content: ""; visibility: visible; position: absolute; top: 0;}
.nav li a .name:before {background: url(../images/nav-left.png) no-repeat 0 0; background-size: 100% 100%; left: -4px;}
.nav li a .name:after {background: url(../images/nav-right.png) no-repeat 0 0; background-size: 100% 100%; right: -4px;}
.nav li:hover a .name, .nav li.selected a .name, .nav li.selected li.selected a .name, .nav li.selected li:hover a .name, .nav li:hover li.selected a .name, .nav li:hover li:hover a .name {color: #000000; background: #f1c71a;}
.nav li:hover .stick, .nav li.selected .stick, .nav li.selected li.selected a .stick, .nav li.selected li:hover a .stick, .nav li:hover li.selected a .stick, .nav li:hover li:hover a .stick {background: #f1c71a;}
.nav li:hover a .name:before, .nav li.selected a .name:before, .nav li.selected li.selected a .name:before, .nav li.selected li:hover a .name:before, .nav li:hover li.selected a .name:before, .nav li:hover li:hover a .name:before {background: url(../images/nav-left-selected.png) no-repeat 0 0; background-size: 100% 100%;}
.nav li:hover a .name:after, .nav li.selected a .name:after, .nav li.selected li.selected a .name:after, .nav li.selected li:hover a .name:after, .nav li:hover li.selected a .name:after, .nav li:hover li:hover a .name:after {background: url(../images/nav-right-selected.png) no-repeat 0 0; background-size: 100% 100%;}
.nav li.l1 {transform: rotate(-8deg);}
.nav li.l2, .nav li.l5 {transform: rotate(5deg);}
.nav li.l3 {transform: rotate(-4deg);}
.nav ul ul {display: none; position: absolute; top: 100%; left: 50%; z-index: 999; width: 250px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);}
.nav li:hover ul {display: block;}
.nav ul ul li a {padding: 0 0 10px 0;}
.nav li.selected li, .nav li:hover li, .nav li li {transform: none!important;}
.nav li li:hover {bottom: 0!important;}
.nav li li {line-height: 120%; display: block;}
.nav li li a .stick {height: 11px;}
.nav li.selected li a .name, .nav li.selected li a .stick, .nav li:hover li a .name, .nav li:hover li a .stick {background: #7b5412; color: #ffffff;}
.nav li.selected li a .name:before, .nav li:hover li a .name:before {background: url(../images/nav-left.png) no-repeat 0 0; background-size: 100% 100%;}
.nav li.selected li a .name:after, .nav li:hover li a .name:after {background: url(../images/nav-right.png) no-repeat 0 0; background-size: 100% 100%;}
.nav li li:last-child a {padding: 0;}
.nav li li:last-child a .stick {display: none;}

.title-wrap {padding: 0 20px; background: linear-gradient(to bottom, rgba(69, 168, 87, 1) 0%, rgba(60, 147, 85, 1) 0%, rgba(71, 174, 77, 1) 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#45a857", endColorstr="#47ae4d", GradientType=0); position: relative;}
.title-wrap:after {width: 100%; height: 20px; background: url(../images/green-border.png) no-repeat 0 0; background-size: 100% 100%; content: ""; position: absolute; bottom: -20px; left: 0; right: 0; display: block; z-index: 2; visibility: visible;}
.title-wrap .importantnotice {margin-bottom: 0;}
.title {max-width: 1280px; width: 100%; margin: 0 auto; padding: 20px 0; text-align: center;}
.title h1 {padding: 0; line-height: 110%; color: #ffffff; font-family: "Chewy", cursive; font-weight: 400; font-size: 600%;}
.title p {color: #ffffff;}

.banners-wrap.mobilehomebanners {display: none;}
.banners-wrap {padding: 0 160px; background: linear-gradient(to bottom, rgba(69, 168, 87, 1) 0%, rgba(60, 147, 85, 1) 0%, rgba(71, 174, 77, 1) 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#45a857", endColorstr="#47ae4d", GradientType=0); position: relative; z-index: 3;}
.banners-wrap:after {width: 100%; height: 20px; background: url(../images/green-border.png) no-repeat 0 0; background-size: 100% 100%; content: ""; position: absolute; bottom: -20px; left: 0; right: 0; display: block; z-index: 2; visibility: visible;}
.banners-container {padding: 0 0 45px 0;}
.banners {padding: 20px; background: #ffffff; border-radius: 40px; max-width: 1280px; width: 100%; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 21; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5);}
.banners .kernel {width: 120px; height: 293px; background: url(../images/kernel-banner.gif) no-repeat 0 0; background-size: 100%; position: absolute; bottom: 200px; left: -106px; z-index: 21;}
.banners .sweetie {width: 188px; height: 273px; background: url(../images/sweetie-banner.gif) no-repeat 0 0; background-size: 100%; position: absolute; top: 100px; right: -188px; z-index: 21;}
.banners img {border-radius: 30px;}
.banners .mainbanner {width: 100%; border-radius: 30px; background: #ffffff; margin: 0 0 20px 0; overflow: hidden; position: relative;}
.banners .mainbanner img {width: 100%;}
.banners .mainbanner img.desktop {display: block;}
.banners .mainbanner img.mobile {display: none;}
.banners .mainbanner .bannertext {background: rgba(255, 255, 255, 0.8); max-width: 720px; width: 100%; box-sizing: border-box; padding: 25px; position: absolute; top: 35px; left: 35px; border-radius: 20px;}
.banners .mainbanner .bannertext h2, .banners .mainbanner .bannertext p {padding: 0; color: #3e3e3e;}
.banners .mainbanner .bannertext h2 a, .banners .mainbanner .bannertext p a {color: #3e3e3e; text-decoration: none;}
.banners .mainbanner .bannertext h2 {font-size: 380%; line-height: 90%; padding: 0 0 10px 0;}
.banners .mainbanner .bannertext p {font-size: 120%; max-width: 70%; width: 100%;}
.banners .mainbanner p.blockbutton {text-shadow: none; padding: 0; position: absolute; bottom: 35px; right: 35px;}
.banners .mainbanner p.blockbutton a {text-shadow: none; padding: 18px 60px 18px 30px;}
.banners .mainbannernav {width: 102%; margin-left: -2%;}
.banners .mainbannernav .block {width: 23%; margin: 0 0 0 2%; border-radius: 20px; background: #ffffff; float: left; box-sizing: border-box; padding: 20px; cursor: pointer; min-height: 140px; opacity: 0.6;}
.banners .mainbannernav .block:hover, .banners .mainbannernav .block.slick-current {opacity: 1;}
.banners .mainbannernav .block.b1 {background: #96ca4d;}
.banners .mainbannernav .block.b2 {background: #65adfd;}
.banners .mainbannernav .block.b3 {background: #a864a8;}
.banners .mainbannernav .block.b4 {background: #ef3167;}
.banners .mainbannernav .block.b5 {background: #edaf1a;}
.banners .mainbannernav .block h4 {padding: 0 0 5px 0; color: #ffffff; font-size: 150%;}
.banners .mainbannernav .block p {padding: 0 0 5px 0; color: #ffffff; font-size: 100%; line-height: 110%;}
.banners .mainbannernav .slick-list {width: 100%!important;}
.banners .mainbannernav .slick-list .block {margin: 0 0 0 22px;}
.banners .mainbannernav .slick-next, .banners .mainbannernav .slick-prev, .banners .mainbanner .slick-next, .banners .mainbanner .slick-prev {position: absolute; top: 50%; right: -70px; z-index: 2; padding: 0; background: none; outline: none; cursor: pointer; font-size: 200%; margin: 0; transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%);}
.banners .mainbannernav .slick-prev, .banners .mainbanner .slick-prev {left: -45px; right: auto;}
.banners .mainbanner .slick-next {right: 10px;}
.banners .mainbanner .slick-prev {left: 10px;}

.innerbanners {background: none; filter: none; padding: 0 0 45px 0!important; position: static;}
.innerbanners .banners {background: #ffffff; z-index: 2;}
.innerbanners .mainbanner {margin: 0; overflow: visible;}
.innerbanners .banners-container {padding: 0;}
.innerbanners .importantnotice-wrap {padding-top: 25px;}
.innerbanners .slick-next, .innerbanners .slick-prev {position: absolute; top: 50%; right: -23px; z-index: 2; padding: 0; outline: none; cursor: pointer; font-size: 150%; margin: 0; transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); color: #ffffff; border-radius: 50%; background: #96ca4d; width: 45px; height: 45px; border: 3px solid #ffffff;}
.innerbanners .slick-prev {left: -24px; right: auto;}

.openingtimesstrip-wrap {position: relative;}
.openingtimesstrip-wrap:after {width: 100%; height: 20px; background: url(../images/cream-border-opp.png) no-repeat 0 0; background-size: 100% 100%; content: ""; position: absolute; bottom: 0; left: 0; right: 0; display: block; z-index: 2; visibility: visible;}
.openingtimesstrip-wrap.inneropeningtimes:after {bottom: auto; top: 0; background: url(../images/cream-border.png) no-repeat 0 0; background-size: 100% 100%;}
.openingtimesstrip.content {padding: 60px 0; max-width: 1065px;}
.openingtimesstrip h3, .openingtimesstrip h4 {color: #ffffff; padding: 0 0 5px 0; line-height: 110%;}
.openingtimesstrip h3 {font-size: 370%; padding: 5px 0 0 0; line-height: 80%;}
.openingtimesstrip h3 span {font-size: 30%; display: inline-block;}
.openingtimesstrip h4 {font-size: 180%;}
.openingtimesstrip p.disclaimer {color: #ffffff; font-size: 70%; text-transform: uppercase; padding: 5px 0 0 0;}
.openingtimesstrip p.blockbutton {padding: 10px 0 0 0;}
.openingtimesstrip p.blockbutton a {font-size: 125%;}
.openingtimesstrip .left {float: left; width: 640px!important; text-align: center;}
.openingtimesstrip .right {float: right; width: 405px!important; text-align: center; padding: 0;}

.gridboxes .left, .gridboxes .right {width: 48.7%!important; float: left; position: relative;}
.gridboxes .right {float: right;}
.gridboxes .box {margin: 0 0 35px 0;}
.gridboxes .box .inner {padding: 30px; border-radius: 20px; background: #65adfd; box-sizing: border-box; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5);}
.gridboxes .box.blue .inner {background: #65adfd;}
.gridboxes .box.cream .inner {background: #fcefcf;}
.gridboxes .box.red .inner {background: #e73535;}
.gridboxes .box.purple .inner {background: #a864a8;}
.gridboxes .box.pink .inner {background: #ef3167;}
.gridboxes .box.yellow .inner {background: #f1c71a;}
.gridboxes .box.orange .inner {background: #edaf1a;}
.gridboxes .box .inner h3 {padding: 0 0 10px 0;}
.gridboxes .box .inner .socialicons {padding: 0; line-height: 100%;}
.gridboxes .box .inner .socialicons a {color: #e73535; background: #ffffff; border-radius: 7px; width: 40px; height: 40px; text-align: center; line-height: 42px; display: inline-block; margin: 0 2px;}
.gridboxes .box.featurebox {border-radius: 20px; margin: 0; background: #ef3167; overflow: hidden; position: relative; min-height: 150px; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5);}
.gridboxes .box.featurebox:first-child {margin: 0 0 35px 0;}
.gridboxes .box.featurebox.f2 {background: #edaf1a;}
.gridboxes .box.featurebox.f3 {background: #f1c71a;}
.gridboxes .box.featurebox.f4 {background: #e73535;}
.gridboxes .box.featurebox .image {position: absolute; top: 0; left: 0; width: 40%; height: 100%;}
.gridboxes .box.featurebox .text {width: 60%; float: right;}
.gridboxes .box.featurebox .text .inner {padding: 20px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.gridboxes .box.featurebox .text .inner h3 {font-size: 170%; padding: 0 0 5px 0;}
.gridboxes .box.featurebox .text .inner p {padding: 0; font-size: 100%; line-height: 120%;}
.gridboxes .box.featurebox .text .inner h3 a, .gridboxes .box.featurebox .text .inner p a {color: #ffffff; text-decoration: none;}
.gridboxes .box.featurebox.opposite .image {left: auto; right: 0;}
.gridboxes .box.featurebox.opposite .text {float: left;}
.gridboxes .box.videobox {width: 100%; padding: 15px; background: #ffffff; border-radius: 20px; box-sizing: border-box; margin: 0 0 35px 0; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5);}
.gridboxes .box.videobox iframe {width: 100%!important; height: 400px!important; border-radius: 20px!important;}
.gridboxes .box.allclickable, .allclickable {cursor: pointer;}

.homegrid .sweetie {width: 148px; height: 262px; background: url(../images/sweetie-push.gif) no-repeat 0 0; background-size: 100%; position: absolute; bottom: 0; left: 0; z-index: 5;}
.homegrid .kernel {width: 290px; height: 204px; background: url(../images/kernel-chilling.gif) no-repeat 0 0; background-size: 100%; position: absolute; bottom: 0; right: 0;}
.homegrid .box.intro .inner h2, .homegrid .box.intro .inner h1, .homegrid .box.intro .inner h3, .homegrid .box.intro .inner h4 {max-width: 90%;}
.homegrid .box p, .homegrid .box li, .homegrid .box h1, .homegrid .box h2, .homegrid .box h3, .homegrid .box h4 {color: #ffffff;}
.homegrid .box.b2 .inner {max-width: 79%; width: 100%; float: right; text-align: center;}
.homegrid .box.b2 .inner h3 {padding: 0 0 5px 0;}
.homegrid .box.b2 .inner p {padding: 0 0 10px 0;}
.homegrid .box.button {margin: 0 0 35px 0;}
.homegrid .box.button a {display: block; padding: 17px 20px; text-align: center; text-decoration: none; color: #ffffff; box-sizing: border-box; width: 100%; font-family: "Chewy", cursive; font-weight: 400; background: #a864a8; border-radius: 15px; font-size: 240%; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5);}
.homegrid .box.b2, .homegrid .box.b3 {margin: 0;}
.homegrid .box.intro {padding: 0;}
.homegrid .box.intro .inner {min-height: 385px;}
.homegrid .box.b3 .inner {min-height: 607px;}

.gridfeatureboxes {width: 102%; margin-left: -2%; position: relative; z-index: 3;}
.gridfeatureboxes .featurebox {float: left; width: 23%; margin: 0 0 20px 2%; border-radius: 30px; overflow: hidden; background: #e73535; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); position: relative;}
.gridfeatureboxes .featurebox.f2, .gridfeatureboxes.attractionsnav .featurebox.f2 .sectiontitle h2 {background: #65adfd;}
.gridfeatureboxes .featurebox.f3, .gridfeatureboxes.attractionsnav .featurebox.f3 .sectiontitle h2 {background: #a864a8;}
.gridfeatureboxes .featurebox.f4, .gridfeatureboxes.attractionsnav .featurebox.f4 .sectiontitle h2 {background: #96ca4d;}
.gridfeatureboxes .featurebox.f5, .gridfeatureboxes.attractionsnav .featurebox.f5 .sectiontitle h2 {background: #ef3167;}
.gridfeatureboxes .featurebox.f6, .gridfeatureboxes.attractionsnav .featurebox.f6 .sectiontitle h2 {background: #edaf1a;}
.gridfeatureboxes .featurebox a.readmore {position: absolute; bottom: 0; left: 0; display: block; background: rgba(0, 0, 0, 0.1); padding: 10px 20px; text-decoration: none; color: #ffffff; width: 100%; box-sizing: border-box; font-weight: 700;}
.gridfeatureboxes .featurebox a.readmore i {float: right; font-size: 140%;}
.gridfeatureboxes .featurebox .image img {width: 100%;}
.gridfeatureboxes .featurebox .text {padding: 20px 20px 45px 20px;}
.gridfeatureboxes .featurebox .text * {color: #ffffff;}
.gridfeatureboxes .featurebox .text h3 {padding: 0 0 5px 0; font-size: 180%;}
.gridfeatureboxes .featurebox .text p, .gridfeatureboxes .featurebox .text li {font-size: 100%; line-height: 120%;}
.gridfeatureboxes .featurebox .text ul {padding: 5px 0 0 0;}
.gridfeatureboxes .featurebox .text li {font-weight: 700;}
.gridfeatureboxes .featurebox .text li:before {color: #ffffff;}
.gridfeatureboxes.attractionsnav .featurebox {width: 48%;}
.gridfeatureboxes.attractionsnav .featurebox > a {width: 100%; height: 100%; display: block;}
.gridfeatureboxes.attractionsnav .featurebox .sectiontitle {max-width: 80%; width: 100%; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); text-align: center;}
.gridfeatureboxes.attractionsnav .featurebox .sectiontitle h2 {display: inline-block; padding: 0; background: #e73535; color: #ffffff; position: relative; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);}
.gridfeatureboxes.attractionsnav .featurebox .sectiontitle h2 a {color: #ffffff; padding: 15px 30px; display: inline-block;}
.gridfeatureboxes.attractionsnav .featurebox .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;}
.gridfeatureboxes.attractionsnav .featurebox:hover .overlay {display: block;}
.gridfeatureboxes.attractionsnav .featurebox:hover img {opacity: 0.2;}
.gridfeatureboxes.attractionsnav .featurebox:hover .sectiontitle {display: none;}
.gridfeatureboxes.attractionsnav .featurebox .text {padding: 30px;}
.gridfeatureboxes.attractionsnav .featurebox .text h3 {font-size: 260%;}
.gridfeatureboxes.attractionsnav .featurebox .text p.introtext {font-size: 130%;}
.gridfeatureboxes.attractionsnav .featurebox .text ul {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.gridfeatureboxes.attractionsnav .featurebox .text li {padding-bottom: 0;}
.gridfeatureboxes.attractionsnav .featurebox .figure {position: absolute; bottom: -22px; left: 0; width: 25%; height: 0; padding-bottom: 40%; background: url(../images/sweetie-inquisitive.gif) no-repeat 0 0; background-size: 100%; transform: rotate(20deg);}
.gridfeatureboxes.attractionsnav .featurebox.f2 .figure {width: 34%; padding-bottom: 40%; background: url(../images/kernel-spiral.png) no-repeat 0 0; background-size: 100%; transform: rotate(-20deg); left: auto; right: -25px;}
.gridfeatureboxes.attractionsnav .featurebox.f3 .figure {width: 41%; padding-bottom: 30%; background: url(../images/kernel-glasses.gif) no-repeat 0 0; background-size: 100%; transform: rotate(0deg); left: auto; right: -55px;}
.gridfeatureboxes.attractionsnav .featurebox.f4 .figure {width: 34%; padding-bottom: 35%; background: url(../images/sweetie-happy.gif) no-repeat 0 0; background-size: 100%; transform: rotate(-220deg); bottom: auto; top: -40px; left: -30px;}
.gridfeatureboxes.attractionsnav .featurebox:hover .figure {display: none;}

.directions input {height: 60px; border-color: #ffffff; margin: 0; color: #c1c1c1;}
.directions .directionfields {padding: 20px 0 0 0;}
.directions .input {padding: 0 0 0 70px; position: relative;}
.directions .input.submit {padding: 0; max-width: 190px; width: 100%; z-index: 99;}
.directions .input.submit input {width: 100%; font-size: 150%; color: #ffffff;}
.directions .input .marker {position: absolute; top: 0; left: 0; width: 50px; text-align: center;}
.directions .input .marker i {font-size: 300%; color: #96ca4d;}
.directions .input .marker span {position: absolute; top: 5px; left: 0; width: 100%; text-align: center; display: block; color: #ffffff; text-transform: uppercase; font-family: "Chewy", cursive; font-weight: 400; font-size: 160%;}
.directions .input.i2 {padding: 0 70px 0 0;}
.directions .input.i2 .marker {left: auto; right: 0;}
.directions .track {max-width: 91%; margin: 0 auto; width: 100%; padding: 10px 0;}
.directions .track .vertical {width: 3px; height: 20px; background: rgba(255, 255, 255, 0.5);}
.directions .track .vertical.last {float: right;}
.directions .track .horizontal {width: 100%; height: 3px; background: rgba(255, 255, 255, 0.5);}

.interactivemap-wrap {position: relative; background: #96ca4d;}
.interactivemap-wrap:before {width: 100%; height: 20px; background: url(../images/cream-border.png) no-repeat 0 0; background-size: 100% 100%; content: ""; position: absolute; top: 0; left: 0; right: 0; display: block; z-index: 2; visibility: visible;}
.interactivemap-wrap.innerinteractivemap:after {background: url(../images/light-green-border.png) no-repeat 0 0; background-size: 100% 100%; bottom: -20px; z-index: 20;}
.interactivemap-wrap:after {width: 100%; height: 20px; background: url(../images/cream-border-opp.png) no-repeat 0 0; background-size: 100% 100%; content: ""; position: absolute; bottom: 0; left: 0; right: 0; display: block; z-index: 2; visibility: visible;}
.interactivemap {width: 100%;}
.interactivemap .content {padding: 60px 0 0 0;}
.interactivemap .content * {color: #ffffff;}
.interactivemap .content h1, .interactivemap .content h2, .interactivemap .content h3, .interactivemap .content h4 {padding: 0 0 5px 0; font-size: 350%;}
.interactivemap .content .introtext {max-width: 800px; width: 100%; margin: 0 auto;}
.interactivemap .map {position: relative; max-width: 80%; width: 100%; margin: 0 auto;}
.interactivemap .area {position: absolute; z-index: 10;}
.interactivemap .area a.trigger {position: absolute; display: block; width: 100%; height: 100%;}
.interactivemap .area a {display: none;}
.interactivemap .area.a1 {width: 8%; height: 0; padding-bottom: 5%; top: 21%; left: 44%;}
.interactivemap .area.a2 {width: 7%; height: 0; padding-bottom: 8%; top: 42%; left: 49%;}
.interactivemap .area.a3 {width: 7%; height: 0; padding-bottom: 5%; top: 58%; left: 49%;}
.interactivemap .area.a4 {width: 8%; height: 0; padding-bottom: 5%; top: 25%; left: 55%;}
.interactivemap .area.a5 {width: 6%; height: 0; padding-bottom: 5%; top: 25%; left: 64%;}
.interactivemap .area.a6 {width: 9%; height: 0; padding-bottom: 6%; top: 41%; left: 59%;}
.interactivemap .area.a7 {width: 8%; height: 0; padding-bottom: 5%; top: 39%; left: 68%;}
.interactivemap .area.a8 {width: 8%; height: 0; padding-bottom: 5%; top: 61%; left: 40%;}
.interactivemap .area.a9 {width: 4%; height: 0; padding-bottom: 7%; top: 57%; left: 35%;}
.interactivemap .area.a10 {width: 6%; height: 0; padding-bottom: 6%; top: 35%; left: 33%;}
.interactivemap .area.a12 {width: 6%; height: 0; padding-bottom: 7%; top: 39%; left: 40%;}
.interactivemap .area.a13 {width: 6%; height: 0; padding-bottom: 4%; top: 67%; left: 69%;}

.interactivemap p.blockbutton {max-width: 1180px; width: 100%; margin: 0 auto; position: absolute; bottom: 50px; left: 0; right: 0;}
.innerinteractivemap.interactive p.blockbutton {top: 50px; left: 0; bottom: auto; right: auto;}

.testimonials {position: relative;}
.testimonials:before {width: 100%; height: 20px; background: url(../images/cream-border.png) no-repeat 0 0; background-size: 100% 100%; content: ""; position: absolute; top: 0; left: 0; right: 0; display: block; z-index: 2; visibility: visible;}
.testimonials:after {width: 100%; height: 20px; background: url(../images/cream-border-opp.png) no-repeat 0 0; background-size: 100% 100%; content: ""; position: absolute; bottom: 0; left: 0; right: 0; display: block; z-index: 2; visibility: visible;}
.testimonials .content .block {padding: 0 0 0 200px; background: none; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.testimonials .content {position: relative;}
.testimonials .content h3 {color: #ffffff; padding: 0 0 5px 0; font-size: 280%;}
.testimonials .content p {padding: 0; color: #ffffff; font-size: 100%;}
.testimonials .content p.quote {font-size: 140%; font-style: italic; padding: 0 0 10px 0; line-height: 120%;}
.testimonials .sweetie {position: absolute; bottom: -90px; left: 0; width: 170px; height: 350px; background: url(../images/sweetie-thumbsup.gif) no-repeat 0 0; background-size: 100%; z-index: 4;}
.testimonials .slick-dots {position: absolute; top: 0; right: 0; width: 15px; margin: 0; padding: 0;}
.testimonials .slick-dots li {list-style: none; padding: 0; margin: 0 0 5px 0; width: 100%; line-height: 15px; height: 15px;}
.testimonials .slick-dots li:before {display: none!important;}
.testimonials .slick-dots li button {width: 15px; height: 15px; padding: 0; margin: 0; outline: none; border: none; border-radius: 50%; background: #ffffff; opacity: 0.6; cursor: pointer; text-indent: -99999px;}
.testimonials .slick-dots li:hover button, .testimonials .slick-dots li.slick-active button {opacity: 1;}
.testimonials .testimonial {padding: 0 180px 0 0;}
.testimonials p.blockbutton {position: absolute; bottom: 0; left: 0; z-index: 6; font-size: 120%!important; line-height: 120%;}
.testimonials p.blockbutton a {min-width: initial; max-width: 190px; text-align: center; padding: 15px 40px 15px 20px;}

.samplemenus {padding: 20px 0 0 0;}
.samplemenus .samplemenu {float: left; width: 20%; text-align: center; box-sizing: border-box; padding: 0 20px; margin: 0 0 20px 0;}
.samplemenus .samplemenu .icon {padding: 0 0 10px 0;}
.samplemenus .samplemenu .icon a {width: 100px; height: 100px; line-height: 100px; color: #ffffff; text-align: center; text-decoration: none; background: #a0c638; border-radius: 50%; display: inline-block; font-size: 220%;}
.samplemenus .samplemenu h4 a {color: #000000;}

.socialfeed h3 a {color: #ffffff; text-decoration: none;}
.socialfeed, .gridboxes .box.socialfeed {margin: 0;}
.socialfeed .inner {background: #8bc9ff!important; min-height: 333px; position: relative; overflow: hidden;}
.socialfeed.facebook .inner {background: #bcb8f9!important;}
.socialfeed h3 {padding: 0 0 10px 0!important; color: #ffffff!important; font-size: 180%;}
.socialfeed p {padding: 0 0 5px 0; color: #ffffff!important; font-size: 100%;}
.socialfeed p a {color: #ffffff; text-decoration: none;}
.socialfeed .text {float: right; width: 50%;}
.socialfeed .image {position: absolute; top: 0; left: 0; width: 45%; height: 100%;}
.innersocials .socialfeed .inner, .innersocials .box.socialfeed .inner {border-radius: 30px;}
.innersocials .socialfeed .text {box-sizing: border-box; padding: 20px; width: 55%;}
.innersocials:before {width: 100%; height: 20px; background: url(../images/cream-border-opp.png) no-repeat 0 0; background-size: 100% 100%; content: ""; position: absolute; top: -20px; left: 0; right: 0; display: block; z-index: 2; visibility: visible;}

.countdown {text-align: center; padding: 0 0 20px 0;}
.countdown .date p {color: #ffffff; padding: 0; line-height: 110%;}
.countdown .date p span {display: block; line-height: 100%; font-size: 350%; font-family: "Chewy", cursive; font-weight: 400;}
.countdown .date {display: inline-block; padding: 0 20px;}
.countdownblock h2 {color: #ffffff; text-align: center;}

.content-wrap {background: #ffffff; padding: 0 160px; position: relative;}
.content-wrap.green {background: #96ca4d;}
.content-wrap.greengradient {background: linear-gradient(to bottom, rgba(69, 168, 87, 1) 0%, rgba(60, 147, 85, 1) 0%, rgba(71, 174, 77, 1) 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#45a857", endColorstr="#47ae4d", GradientType=0);}
.content-wrap.corn {background: #ffffff url(../images/corn-background.jpg) no-repeat bottom center;}
.content-wrap.wood {background: #7a5d33 url(../images/wood-background.png) repeat top left;}
.content-wrap.dirt {background: #f4e6c6 url(../images/dirt-background.png) repeat top left;}
.content-wrap.pink {background: #ef3167;}
.content {max-width: 1280px; width: 100%; margin: 0 auto; padding: 70px 0 40px 0;}
.content .block {padding: 35px; border-radius: 40px; background: #ffffff; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); margin: 0 0 25px 0; position: relative; z-index: 3;}
.content .block.blue {background: #65adfd;}
.content .block.pink {background: #ef3167;}
.content .block.green {background: #96ca4d;}
.content .block.yellow {background: #f3c615;}
.content .block.purple {background: #a864a8;}
.content .block.red {background: #e73535;}
.content .block.wood {background: #7a5d33 url(../images/wood-background.png) repeat top left;}
.content .left {float: left; width: 31%;}
.content .right {float: right; width: 67%;}

.content .intro {padding: 0 0 30px 250px; position: relative; z-index: 2;}
.content .intro .kernel, .blocksections .block .kernel {z-index: 2; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%);}
.content .intro .kernel.burger, .blocksections .block .kernel.burger {width: 200px; height: 479px; background: url(../images/kernel-burger.gif) no-repeat 0 0; background-size: 100%;}
.content .intro .kernel.camera, .blocksections .block .kernel.camera {width: 233px; height: 496px; background: url(../images/kernel-camera.gif) no-repeat 0 0; background-size: 100%;}
.content .intro .kernel.cob, .blocksections .block .kernel.cob {width: 233px; height: 526px; background: url(../images/kernel-cob.gif) no-repeat 0 0; background-size: 100%;}
.content .intro .kernel.icecream, .blocksections .block .kernel.icecream {width: 200px; height: 510px; background: url(../images/kernel-icecream.gif) no-repeat 0 0; background-size: 100%; left: 20px;}
.content .intro .kernel.coffee, .blocksections .block .kernel.coffee {width: 200px; height: 510px; background: url(../images/kernel-coffee.gif) no-repeat 0 0; background-size: 100%; left: 20px;}
.content .intro .kernel.attractions, .blocksections .block .kernel.attractions {width: 260px; height: 443px; background: url(../images/kernel-attractions.gif) no-repeat 0 0; background-size: 100%; left: -40px;}

.opposite .content .left {float: right;}
.opposite .content .right {float: left;}

.halves .content .left, .halves .content .right, .halves .left, .halves .right {width: 48%;}

.home .content {padding: 60px 0;}
.last .content {padding-bottom: 120px!important;}

.fancybox-custom-layout .fancybox-outer {top: 50px; left: 50px; bottom: 50px; right: 50px; margin: auto; max-width: 1180px; max-height: 495px; overflow: visible; background: #ffffff; box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3); transition: opacity 0.3s;}
.fancybox-custom-layout.fancybox-is-closing .fancybox-outer {opacity: 0;}
.fancybox-custom-layout .fancybox-bg {background: rgba(255, 255, 255, 0);}
.fancybox-custom-layout.fancybox-is-open .fancybox-bg {background: rgba(255, 255, 255, 1);}
.fancybox-custom-layout .fancybox-caption-wrap {top: 0; right: 44px; bottom: 0; left: auto; width: 256px; padding: 0; background: #ef3167; pointer-events: all; border-right: 1px solid rgba(255, 255, 255, 0.08);}
.fancybox-custom-layout .fancybox-stage {right: 300px;}
.fancybox-custom-layout .fancybox-caption {padding: 30px 20px; border: 0;}
.fancybox-custom-layout .fancybox-toolbar {top: 0; right: 0; bottom: 0; left: auto; width: 44px; background: #ef3167; border-left: 1px solid #d62155;}
.fancybox-custom-layout .fancybox-button {background: transparent;}
.fancybox-custom-layout .fancybox-navigation button:before {}
.fancybox-custom-layout .fancybox-navigation button {color: #ffffff!important; padding: 10px;}
.fancybox-custom-layout .fancybox-button--arrow_left {left: -60px;}
.fancybox-custom-layout .fancybox-button--arrow_right {right: -60px;}
.fancybox-custom-layout.fancybox-show-thumbs .fancybox-button--arrow_right {right: -272px;}
.fancybox-custom-layout h3 {color: #ffffff; padding: 0 0 10px 0;}
.fancybox-custom-layout p {color: #ffffff; font-family: europa, sans-serif; font-weight: 400; font-size: 100%; padding: 0 0 10px 0;}
.fancybox-custom-layout .fancybox-button, .fancybox-custom-layout .fancybox-button:link, .fancybox-custom-layout .fancybox-button:visited {color: #ffffff!important;}

.blocksections .block {position: relative; overflow: hidden; padding: 35px 35px 25px 35px;}
.blocksections .block p {padding: 0 0 10px 0;}
.blocksections .block .blocktext {padding: 0 250px 0 0;}
.blocksections .block .kernel, .blocksections .block .kernel.icecream, .blocksections .block .kernel.coffee {left: auto; right: 0;}
.blocksections .block .images {width: 100%; padding: 0 0 20px 0;}
.blocksections .block .images .image {float: left; width: 31.333%; margin: 0 0 0 2%; border-radius: 15px; overflow: hidden; position: relative;}
.blocksections .block .images .image:first-child {margin: 0;}
.blocksections .block .images .image img {width: 100%;}
.blocksections .block .images .image a.overlay {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); font-size: 500%;}
.blocksections .block .images .image a.overlay i {color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.blocksections .block .tag {background: #e73535; border-radius: 50%; width: 80px; height: 80px; line-height: 80px; position: absolute; top: 20px; right: 20px; transform: rotate(25deg); z-index: 10;}
.blocksections .block .tag p {padding: 0; color: #ffffff; text-transform: uppercase; font-family: "Chewy", cursive; font-weight: 400; line-height: 80px; text-align: center; font-size: 170%;}
.blocksections .slick-next, .blocksections .slick-prev {position: absolute; top: 50%; right: -17px; z-index: 2; padding: 0; outline: none; cursor: pointer; font-size: 130%; margin: 0; transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); color: #ffffff; border-radius: 50%; background: #96ca4d; width: 40px; height: 40px; border: 3px solid #ffffff;}
.blocksections .slick-prev {left: -17px; right: auto;}
.blocksections .block .blocktext .menu {width: 100%;}
.blocksections .block .blocktext .menu a {display: block; color: #ffffff; background: #65adfd; padding: 10px 20px; text-align: center; border-radius: 10px;}

.faqs {padding: 0 0 15px 0;}
.faqs .step .heading {padding: 15px; background: #7a5d33 url(../images/wood-background.png) repeat top left; margin: 0 0 5px 0; cursor: pointer; border-radius: 15px;}
.faqs .step .heading h3 {padding: 0 0 0 40px; margin: 0; color: #ffffff; font-size: 140%; position: relative;}
.faqs .step .heading h3 span {width: 30px; height: 30px; background: #ffffff; color: #7a5d33; text-align: center; line-height: 30px; position: absolute; top: -3px; left: 0; border-radius: 50%; font-size: 70%;}
.faqs .step .text {display: none; padding: 10px 15px 15px 15px;}

.newsfeed .buttons {width: 100%; margin: 0 0 20px 0; box-sizing: border-box; padding: 0 0 0 240px;}
.newsfeed .buttons h2 {width: 49%; float: left; font-size: 180%;}
.newsfeed .buttons h2 a {display: block; text-align: center; background: #96ca4d; color: #ffffff; cursor: pointer; border-radius: 20px; padding: 15px 20px; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5);}
.newsfeed .buttons h2.blue {float: right;}
.newsfeed .buttons h2.blue a {background: #65adfd;}

.newsfeed .featurebox.hide {display: none;}
.newsfeed .featurebox.show {display: block;}
.newsfeed .featurebox.press {background: #96ca4d;}
.newsfeed .featurebox.maze {background: #65adfd;}

.reviews p {padding: 0 0 10px 0!important;}
.reviews p.socialname {font-size: 80%!important; padding: 0 0 5px 0!important;}

.galleryblock {position: relative; z-index: 4; padding: 100px 0 0 0;}
.galleryblock.pastmazes {position: relative; z-index: 3; padding: 0;}
.galleries {width: 102%; margin-left: -2%; position: relative; z-index: 3;}
.galleries .gallery {float: left; width: 31.3333%; margin: 0 0 2% 2%; border-radius: 30px; overflow: hidden; background: #ffffff; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5);}
.galleries .gallery img {width: 100%;}
.galleries .gallery h3 {padding: 15px 25px; font-size: 180%; color: #ef3167;}
.galleries .gallery p.date {padding: 15px 25px; font-weight: 700; color: #ffffff;}
.galleries .gallery.gallery2 h3 {color: #65adfd;}
.galleries .gallery.gallery3 h3 {color: #a864a8;}
.galleries .gallery.gallery4 h3 {color: #96ca4d;}
.galleries .gallery.gallery5 h3 {color: #e73535;}
.galleries .gallery.gallery6 h3 {color: #f3c615;}
.galleries .hidden {display: none;}
.galleries .loadmore {display: block; padding: 15px 20px; text-align: center; color: #ffffff; background: #96ca4d; width: 98%; border-radius: 25px; font-family: "Chewy", cursive; font-weight: 400; font-size: 180%; margin-left: 2%; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-sizing: border-box;}

.toptips * {color: #ffffff;}
.toptips .tip {margin: 0 0 15px 0;}
.toptips .tip p {position: relative; padding: 0 0 0 35px; font-size: 100%;}
.toptips .tip p i {position: absolute; top: 4px; left: 0; font-size: 140%; color: #3c9355;}

.pg2 .content-wrap.dirt .content, .pg5 .content-wrap.dirt .content {padding: 40px 0;}

.directionsmap {background: #e73535; overflow: hidden; border-radius: 25px; -webkit-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 16px -5px rgba(0, 0, 0, 0.5); position: relative;}
.directionsmap h3 {color: #ffffff;}
.directionsmap iframe {width: 100%!important; height: 100%!important; position: absolute; top: 0; left: 0;}
.directionsmap .map {float: left; width: 60%; position: absolute; top: 0; left: 0; height: 100%;}
.directionsmap .directions {padding: 30px; box-sizing: border-box; width: 40%; float: right;}
.directionsmap input {height: 55px;}
.directionsmap input[type="submit"] {background: #ffffff; color: #e73535!important;}
.directionsmap .directions .input .marker i {color: #ffffff;}
.directionsmap .directions .input .marker span {color: #e73535;}

.sitemap ul ul {margin: 10px 0 10px 20px;}
.sitemap ul li {padding: 0 0 0 25px;}
.sitemap ul li a {color: #5c5c5c;}

.newslettersignup {padding: 10px 0 0 0;}
.newslettersignup p {padding: 0 0 5px 0!important;}
.newslettersignup input {border: none!important; margin: 0!important;}
.newslettersignup input[type="text"] {float: left; width: 72%; font-size: 90%;}
.newslettersignup input[type="submit"] {float: right; width: 25%; font-size: 110%;}

.footer-container {position: relative; background: #ffffff;}
.footer-container:before {width: 100%; height: 96px; background: url(../images/footer-wrap.png) repeat-x top left; background-size: auto 100%; content: ""; position: absolute; top: -96px; left: 0; right: 0; display: block; z-index: 2; visibility: visible;}
.footer-wrap {padding: 0 160px; background: #47ae4d;}
.footer {max-width: 1280px; width: 100%; margin: 0 auto; padding: 20px 0 40px 0;}
.footer p {color: #ffffff; padding: 0 0 10px 0; font-size: 100%;}
.footer p a {color: #ffffff; text-decoration: none;}
.footer p.disclaimer {font-size: 80%; text-transform: uppercase;}
.footer p.time {font-size: 135%; padding: 0 0 20px 0;}
.footer p.time span {display: block; line-height: 100%; font-size: 70%;}
.footer h3 {color: #ffffff; font-size: 200%; padding: 0 0 10px 0;}
.footer ul {width: 100%; margin: 0; padding: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-break-inside: avoid; clear: none; box-sizing: border-box;}
.footer li {list-style: none; color: #ffffff; padding: 0; font-size: 100%; margin: 0; line-height: 150%;}
.footer li:before {display: none!important;}
.footer li a {display: inline-block; color: #ffffff; text-decoration: none; position: relative; padding: 0 0 0 25px;}
.footer li a i {position: absolute; top: 3px; left: 0;}
.footer p.socialicons a {color: #ffffff; font-size: 150%; display: inline-block; margin: 0 20px 0 0;}
.footer .inner {padding: 0 115px 0 0;}
.footer .left {float: left; width: 351px;}
.footer .right {float: right; width: 745px;}
.footer .right .col1, .footer .left .col1 {float: left; width: 48%;}
.footer .right .col2, .footer .left .col2 {float: right; width: 48%;}

.bottom-footer-wrap {padding: 0 160px; background: #2b8f31;}
.bottom-footer {max-width: 1280px; width: 100%; margin: 0 auto; padding: 15px 0;}
.bottom-footer p {padding: 0; font-size: 100%; color: #ffffff;}
.bottom-footer p a {color: #ffffff; text-decoration: none;}
.bottom-footer .left, .bottom-footer .right {float: left; width: 50%;}
.bottom-footer .right {text-align: right;}

.mobile-header-wrap {display: none;}

@media screen and (max-width: 1550px){
  .nav li {margin: 0 5px;}
  .footer .inner {padding: 0;}
}

@media screen and (max-width: 1430px){
  .footer .left {width: 30%;}
  .footer .right {width: 68%;}
}

@media screen and (max-width: 1380px){
  .header a.logo {width: 360px;}
  .header a.logo span.image {height: 78px;}
  .header .top p {font-size: 120%;}
  .header .blockbutton, .openingtimesstrip p.blockbutton {font-size: 120%!important;}
  .header .blockbutton a, .openingtimesstrip p.blockbutton a {padding: 15px 40px 15px 30px; text-align: center;}

  .nav li a .name {font-size: 120%;}

  .openingtimesstrip .left {width: 60%!important;}
  .openingtimesstrip .right {width: 38%!important;}
  .openingtimesstrip h4 {font-size: 150%;}
  .openingtimesstrip h3 {font-size: 310%;}
}

@media screen and (max-width: 1280px){
  .interactivemap .map {max-width: 80%;}
  .interactivemap p.blockbutton {bottom: 0;}

  .galleries .gallery, .gridfeatureboxes .featurebox {width: 48%;}
  .videos .galleries .gallery {width: 31.3333%;}
}

@media screen and (max-width: 1260px){
  p, li, label {font-size: 100%;}
  h2 {font-size: 240%;}
  h4 {font-size: 120%;}

  .nav {padding: 0;}

  .banners .mainbannernav .block h4 {font-size: 110%;}
  .banners .mainbanner .bannertext h2 {font-size: 200%;}
  .banners .mainbanner .bannertext p {font-size: 100%;}

  .importantnotice {padding: 15px 20px;}
  .importantnotice p {font-size: 130%;}

  .title h1 {font-size: 500%;}

  .gridfeatureboxes .featurebox .text p, .gridfeatureboxes .featurebox .text li, .gridfeatureboxes .featurebox a.readmore, .socialfeed p, .gridboxes .box.featurebox .text .inner p, .toptips .tips .tip p {font-size: 90%;}
  .gridfeatureboxes .featurebox .text h3 {font-size: 160%;}

  .toptips h3 {font-size: 200%;}
}

@media screen and (max-width: 1230px){
  p, li, label {font-size: 100%;}
  h1 {font-size: 270%;}
  h2 {font-size: 200%;}
  h3 {font-size: 160%;}
  h4 {font-size: 120%;}

  .corn {width: 104px;}

  .header-wrap, .banners-wrap, .content-wrap, .footer-wrap, .bottom-footer-wrap {padding: 0 120px;}

  .banners {padding: 15px;}
  .banners .mainbanner {margin: 0 0 15px 0;}
  .banners .kernel {width: 90px; height: 216px; left: -80px;}
  .banners .sweetie {width: 150px; height: 218px; right: -150px;}

  .innerbanners .banners .mainbanner {margin: 0;}

  .directions input {height: 50px; font-size: 90%;}

  .homegrid .sweetie {width: 91px; height: 161px;}
  .homegrid .kernel {width: 185px; height: 130px;}
  .homegrid .box.button a {font-size: 140%;}
  .homegrid .box.b3 .inner {min-height: 595px;}

  .gridboxes .box.featurebox {min-height: 185px;}
  .gridboxes .box.featurebox .text .inner p, .socialfeed p {font-size: 90%;}

  .socialfeed .image {width: 100%; height: 183px; position: static; display: block;}
  .socialfeed .inner {padding: 0!important; min-height: 405px;}
  .socialfeed .text, .innersocials .socialfeed .text {width: 100%; box-sizing: border-box; padding: 20px;}

  .footer {padding: 0 0 20px 0;}
  .footer .inner {padding: 0;}
  .footer .left {width: 22%;}
  .footer .left .col1 {width: 100%; float: none;}
  .footer .right {width: 74%;}
}

@media screen and (max-width: 1155px){
  .header .top p {font-size: 100%;}
  .header a.logo {width: 318px;}
  .header a.logo span.image {height: 66px;}
  .header .blockbutton, .openingtimesstrip p.blockbutton {font-size: 110%!important;}

  .header-wrap, .banners-wrap, .content-wrap, .footer-wrap, .bottom-footer-wrap {padding: 0 80px;}

  .corn {width: 80px;}
}

@media screen and (max-width: 1024px){
  h1 {font-size: 200%;}
  h3, .footer h3 {font-size: 130%;}
  h4 {font-size: 110%;}
  p, li, label, .banners .mainbannernav .block p, .banners .mainbanner .bannertext p, .footer p, .footer li, .bottom-footer p {font-size: 90%; line-height: 120%;}

  .header .top {min-height: 110px;}
  .header a.logo {width: 320px;}
  .header a.logo span.image {height: 66px;}
  .header a.logo span.tag {font-size: 100%;}
  .header .top p {font-size: 100%;}
  .header .blockbutton a {min-width: 180px; padding: 15px 35px 15px 15px;}
  .header .openingtimesblock h4 {text-align: right; font-size: 110%;}

  .nav li a .name {font-size: 100%; padding: 7px 15px;}

  .homegrid .box.b3 .inner {min-height: 524px;}
  .homegrid .box.intro .inner {min-height: 326px;}

  .gridboxes .box.featurebox .text .inner h3 {font-size: 130%;}

  .banners .mainbannernav .block {min-height: 95px;}
  .banners .mainbanner .bannertext {top: 20px; left: 20px;}

  .gridfeatureboxes.attractionsnav .featurebox .text h3 {font-size: 220%;}
  .gridfeatureboxes.attractionsnav .featurebox .text p.introtext {font-size: 100%;}

  .interactivemap .content h1, .interactivemap .content h2, .interactivemap .content h3, .interactivemap .content h4 {font-size: 250%;}
  .interactivemap .map {max-width: 80%;}

  .importantnotice p {font-size: 110%;}

  .title h1 {font-size: 400%;}

  .galleries .gallery h3 {font-size: 130%;}
  .galleries .loadmore {font-size: 140%;}

  .footer h3 {font-size: 160%;}
}

@media screen and (max-width: 910px){
  .interactivemap .content .introtext {max-width: 80%;}

  .testimonials .content .block {padding: 0 0 0 120px;}
  .testimonials .sweetie {left: -45px; width: 140px; height: 290px;}
  .testimonials .testimonial {padding: 0 50px 0 0;}
  .testimonials .content p.quote {font-size: 110%;}
  .testimonials p.blockbutton {bottom: -55px; left: -50px;}

  .samplemenus .samplemenu {width: 33.33333%;}
}

@media screen and (max-width: 906px){
  .gridboxes .box .inner .socialicons a {width: 30px; height: 30px; line-height: 30px;}
}

@media screen and (max-width: 845px){
  .openingtimesstrip .left, .openingtimesstrip .right {width: 100%!important; float: none;}
  .openingtimesstrip .right {padding: 20px 0 0 0;}

  .directionsmap .map {width: 100%; position: static; height: auto; float: none;}
  .directionsmap .map iframe {width: 100%; height: 200px!important; position: static;}
  .directionsmap .directions {width: 100%; float: none; padding: 20px;}
}

@media (max-width: 930px){
  .header .top .left, .header .top .right {width: 50%;}
  .nav li {margin: 0 5px;}

  .header-container, .nav {display: none;}

  .top-header p {font-size: 80%;}

  .mobile-header-wrap {display: block; padding: 0 0 10px 0; background: #3c9355;}
  .mobile-header-wrap .kernel {display: none!important;}
  .mobile-header {background: linear-gradient(to bottom, rgba(185, 219, 255, 1) 0%, rgba(220, 247, 255, 1) 97%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b9dbff", endColorstr="#dcf7ff", GradientType=0);}
  .mobile-header a.logo {width: 250px; display: block; margin: 0 auto; text-align: center; text-decoration: none;}
  .mobile-header-inner {padding: 15px 50px 20px 50px; background: url(../images/header-wrap.png) repeat-x bottom center; background-size: auto 35px; position: relative;}
  .mobile-header a.logo span.image {width: 100%; height: 54px; display: block; background: url(../images/logo.png) no-repeat 0 0; background-size: 100%; margin: 0 0 2px 0;}
  .mobile-header a.logo span.tag {color: #000000; font-family: "Chewy", cursive; font-weight: 400; font-size: 85%; display: block; text-align: center; width: 100%; box-sizing: border-box; padding: 0 0 0 20px;}
  .mobile-header-wrap .blockbutton {padding: 0; font-size: 110%!important;}
  .mobile-header-wrap .blockbutton a {display: block; width: 100%; text-align: center; box-sizing: border-box; color: #000000; background: #f1c71a; padding: 12px 20px; border-radius: 0;}
  .mobile-header .openingtimesblock h4 {color: #000000; text-align: center; font-size: 100%; padding: 0 0 5px 0;}
  .mobile-header .kernelmain {width: 100px; height: 146px; background: url(../images/kernel-sitting.gif) no-repeat 0 0; background-size: 100%; position: absolute; bottom: -0; right: 0; z-index: 20;}
  .mobile-header .sweetiemain {width: 100px; height: 146px; background: url(../images/sweetie-happy-opp.gif) no-repeat 0 0; background-size: 100%; position: absolute; bottom: -0; left: 0; z-index: 20;}

  .mobile-header-wrap .contactdetails {background: #ffffff;}
  .mobile-header-wrap .contactdetails a {color: #000000; text-decoration: none; font-family: "Chewy", cursive; font-weight: 400; float: left; width: 33.33333%; text-align: center; display: block; box-sizing: border-box; padding: 10px; border-left: 1px solid #cccccc; cursor: pointer;}
  .mobile-header-wrap .contactdetails a:first-child {border-left: 0;}
  .mobile-header-wrap .contactdetails a i {margin: 0 5px 0 0;}

  .mobile-nav {background: #3c9355; padding: 0 60px;}
  .mobile-nav .top {padding: 0 20px; cursor: pointer; background: #3c9355;}
  .mobile-nav .top .inner {background: #7b5412; padding: 12px 20px; position: relative;}
  .mobile-nav .top .inner:before, .mobile-nav .top .inner:after {height: 100%; width: 4px; display: block; content: ""; visibility: visible; position: absolute; top: 0;}
  .mobile-nav .top .inner:before {background: url(../images/nav-left.png) no-repeat 0 0; background-size: 100% 100%; left: -4px;}
  .mobile-nav .top .inner:after {background: url(../images/nav-right.png) no-repeat 0 0; background-size: 100% 100%; right: -4px;}
  .mobile-nav .top p {padding: 0; color: #ffffff; font-size: 115%; font-family: "Chewy", cursive; font-weight: 400; float: left;}
  .mobile-nav .nav-icon {width: 27px; height: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; float: right;}
  .mobile-nav .nav-icon span {display: block; position: absolute; height: 3px; width: 100%; background: #ffffff; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;}
  .mobile-nav .nav-icon span:nth-child(1) {top: 0;}
  .mobile-nav .nav-icon span:nth-child(2), .mobile-nav .nav-icon span:nth-child(3) {top: 7px;}
  .mobile-nav .nav-icon span:nth-child(4) {top: 14px;}
  .mobile-nav .open .nav-icon span:nth-child(1) {top: 21px; width: 0%; left: 50%;}
  .mobile-nav .open .nav-icon span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
  .mobile-nav .open .nav-icon span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
  .mobile-nav .open .nav-icon span:nth-child(4) {top: 18px; width: 0%; left: 50%;}
  .mobile-nav ul {padding: 0 20px; margin: 0; display: none;}
  .mobile-nav ul ul {padding: 0 0 0 30px; margin: 0; display: none; border-bottom: 0;}
  .mobile-nav li {list-style: none; position: relative; font-size: 115%; padding: 0; margin: 7px 0; font-family: "Chewy", cursive; font-weight: 400; background: #3c9355;}
  .mobile-nav li:before {display: none;}
  .mobile-nav li a {display: block; padding: 12px 60px 12px 15px; color: #ffffff; font-size: 100%; text-decoration: none; background: #7b5412;}
  .mobile-nav li li a {font-size: 100%;}
  .mobile-nav li.selected a {background: #f1c71a; color: #000000;}
  .mobile-nav li span {position: absolute; top: 0; cursor: pointer; right: -4px; width: 44px; height: 44px; text-align: center; line-height: 44px; background: rgba(0, 0, 0, 0.2); color: #ffffff; z-index: 2; font-size: 140%;}
  .mobile-nav li.selected li, .mobile-nav li li {border-top: 0!important; border-bottom: 0!important; font-size: 100%;}
  .mobile-nav li.selected li a, .mobile-nav li li a {background: #a97621; color: #ffffff;}
  .mobile-nav li.selected li.selected a {color: #000000; background: #f1c71a;}
  .mobile-nav li:before, .mobile-nav li:after {height: 44px; width: 4px; display: block; content: ""; visibility: visible; position: absolute; top: 0;}
  .mobile-nav li:before {background: url(../images/nav-left.png) no-repeat 0 0; background-size: 100% 100%; left: -4px;}
  .mobile-nav li:after {background: url(../images/nav-right.png) no-repeat 0 0; background-size: 100% 100%; right: -4px;}
  .mobile-nav li.selected:before {background: url(../images/nav-left-selected.png) no-repeat 0 0; background-size: 100% 100%;}
  .mobile-nav li.selected:after {background: url(../images/nav-right-selected.png) no-repeat 0 0; background-size: 100% 100%;}
  .mobile-nav li li:before, .mobile-nav li.selected li:before {background: url(../images/lightbrown-nav-left.png) no-repeat 0 0; background-size: 100% 100%;}
  .mobile-nav li li:after, .mobile-nav li.selected li:after {background: url(../images/lightbrown-nav-right.png) no-repeat 0 0; background-size: 100% 100%;}
  .mobile-nav li li.selected:before, .mobile-nav li.selected li.selected:before {background: url(../images/nav-left-selected.png) no-repeat 0 0; background-size: 100% 100%;}
  .mobile-nav li li.selected:after, .mobile-nav li.selected li.selected:after {background: url(../images/nav-right-selected.png) no-repeat 0 0; background-size: 100% 100%;}
}

@media screen and (max-width: 800px){
  .footer p.socialicons a {font-size: 140%; margin: 0 10px 0 0;}
}

@media screen and (max-width: 775px){
  .gridboxes .box .inner .socialicons a {margin-bottom: 3px;}

  .footer .inner {padding: 0;}
  .footer h3 {padding: 0 0 10px 0;}
  .footer li {padding: 0;}
  .footer .left, .footer .right, .footer .right .col1, .footer .left .col1, .footer .right .col2, .footer .left .col2 {width: 100%;}
  .footer .left, .footer .right .col1 {margin: 0 0 20px 0;}
}

@media screen and (max-width: 700px){
  .header-wrap, .banners-wrap, .content-wrap, .footer-wrap, .bottom-footer-wrap {padding: 0 20px;}

  .mobile-nav {background: #3c9355; padding: 0 20px;}

  .corn {width: 60px; display: none;}

  .importantnotice {border-radius: 0; padding: 12px 15px;}
  .importantnotice p {font-size: 120%;}

  .banners-wrap:after {bottom: -7px;}
  .banners {padding: 10px; border-radius: 20px;}
  .banners img {border-radius: 20px;}
  .banners .mainbanner, .banners .mainbannernav .block {border-radius: 20px;}
  .banners .mainbannernav .block {padding: 15px;}
  .banners .mainbannernav .slick-list .block {margin: 0;}
  .banners .mainbannernav {width: 100%; margin-left: 0;}
  .banners .mainbanner .bannertext {position: static; max-width: 100%; background: #eaeaea; border-radius: 0 0 20px 20px; padding: 15px;}
  .banners .mainbanner .bannertext h2 {font-size: 160%;}
  .banners .mainbanner img.desktop {display: none;}
  .banners .mainbanner img.mobile {display: block;}
  .banners-container {padding: 0 0 30px 0;}
  .banners-wrap.homebanners {display: none;}
  .banners-wrap.mobilehomebanners {display: block;}
  .banners .mainbanner {margin: 0; background: #eaeaea;}
  .mobilehomebanners .banners img, .homebanners .banners img {border-radius: 20px 20px 0 0;}
  .banners .mainbanner p.blockbutton {position: static; padding: 0 15px 15px 15px; font-size: 110%!important;}
  .banners .mainbanner p.blockbutton a {min-width: 170px; padding: 12px 40px 12px 20px;}

  .innerbanners {padding: 0 0 20px 0!important;}

  .title-wrap:after {bottom: -7px;}
  .title {padding: 10px 0;}
  .title h1 {font-size: 280%;}

  .gridboxes .left, .gridboxes .right {width: 100%!important; float: none;}
  .gridboxes .box .inner {padding: 15px;}
  .gridboxes .box.featurebox:first-child, .gridboxes .box, .gridboxes .box.share, .homegrid .box.button {margin: 0 0 15px 0;}
  .gridboxes .box.videobox {margin: 0 0 15px 0; padding: 10px 10px 7px 10px;}
  .gridboxes .box.videobox iframe {height: 200px!important;}
  .gridfeatureboxes {width: 100%; margin-left: 0%;}
  .gridfeatureboxes .featurebox, .gridfeatureboxes.attractionsnav .featurebox {float: none; width: 100%; margin: 0 0 20px 0;}
  .gridfeatureboxes.attractionsnav .featurebox .text h3 {font-size: 200%;}
  .gridfeatureboxes.attractionsnav .featurebox .text p.introtext {font-size: 100%;}
  .gridfeatureboxes.attractionsnav .featurebox .sectiontitle h2 {font-size: 180%;}

  .galleryblock {padding: 40px 0 0 0;}
  .galleries .gallery, .galleries .loadmore {border-radius: 20px;}
  .galleries .loadmore {padding: 10px 15px;}

  .socialfeed h3 {font-size: 150%;}
  .socialfeed.twitter, .gridboxes .box.socialfeed.twitter {margin: 15px 0 0 0;}
  .socialfeed.facebook, .gridboxes .box.socialfeed.facebook {margin: 0 0 15px 0;}

  .homegrid .box.b3 .inner {min-height: 5px;}

  .homegrid .box.intro .inner {min-height: 5px;}
  .homegrid .box.button a {font-size: 130%;}

  .content {padding: 30px 0;}
  .content .block {padding: 20px; border-radius: 20px;}
  .content .left, .content .right, .halves .content .left, .halves .content .right, .halves .left, .halves .right {float: none; width: 100%;}
  .content .intro, .blocksections .block .blocktext {padding: 0 0 10px 0;}

  .content .intro .kernel, .content .intro .kernel.burger, .blocksections .block .kernel {display: none;}
  .content .intro .kernel.burger {width: 40%; height: 0; padding-bottom: 95%;}
  .content .intro .kernel.camera {width: 40%; height: 0; padding-bottom: 90%;}
  .content .intro .kernel.attractions {width: 31%; height: 0; padding-bottom: 78%; left: -40px;}

  .twitter .inner, .facebook .inner {min-height: 5px;}

  .faqs .step .heading h3 {font-size: 110%;}

  .testimonials .sweetie {bottom: 0; width: 105px; height: 220px;}
  .testimonials .content .block {padding: 0 0 0 75px;}
  .testimonials .content h3 {font-size: 180%;}
  .testimonials p.blockbutton {position: static; padding: 20px 0 0 0;}
  .testimonials p.blockbutton a {max-width: 250px;}

  .toptips .tips {width: 100%; margin-left: 0%; padding: 0 0 10px 0;}
  .toptips .tips .tip {float: none; width: 100%; margin: 0 0 15px 0;}

  .featureboxesouter {padding: 15px 15px 0 15px; border-radius: 20px;}
  .featureboxes {width: 100%; margin-left: 0;}
  .featureboxes .box {width: 100%; margin: 0 0 15px 0;}
  .featureboxes .box a.overlay {font-size: 110%;}
  .featureboxes .box a.overlay span {left: 2%; bottom: 7px; width: 96%; padding: 10px 14px;}

  .openingtimesstrip.content, .home .content {padding: 35px 0;}
  .openingtimesstrip h4 {font-size: 120%; padding: 0;}
  .openingtimesstrip h3 {font-size: 235%; line-height: 55%; padding: 10px 0 0 0;}
  .openingtimesstrip h3 span {font-size: 40%; line-height: 100%;}
  .openingtimesstrip p.blockbutton a {font-size: 95%;}
  .openingtimesstrip-wrap:after, .banners-wrap:after, .testimonials:before, .testimonials:after, .interactivemap-wrap:before, .interactivemap-wrap:after, .title-wrap:after, .innersocials:before {height: 7px;}
  .openingtimesstrip .right {padding: 0;}

  .innersocials:before {top: -7px;}
  .innersocials .socialfeed.twitter {margin: 0 0 20px 0;}

  .interactivemap-wrap.innerinteractivemap:after {bottom: -7px;}
  .interactivemap .content {padding: 30px 0 0 0;}
  .interactivemap .map img {display: none;}
  .interactivemap p.blockbutton {position: static; text-align: center; font-size: 110%!important;}
  .interactivemap p.blockbutton a {padding: 15px 40px 15px 15px; min-width: 180px;}
  .innerinteractivemap .interactivemap p.blockbutton {padding: 18px 0 10px 0;}

  .newsfeed .buttons {padding: 0; margin: 0 0 20px 0;}
  .newsfeed .buttons h2 {width: 100%; margin: 0 0 5px 0; font-size: 140%;}

  .last .content {padding-bottom: 100px!important;}

  .gridfeatureboxes .featurebox {border-radius: 20px;}
  .gridfeatureboxes.attractionsnav .featurebox .sectiontitle h2 {font-size: 135%;}
  .gridfeatureboxes.attractionsnav .featurebox .sectiontitle h2 a {padding: 12px 20px;}

  .countdown {padding: 0;}
  .countdown .date {padding: 0 10px;}
  .countdown .date p span {font-size: 200%;}
  .countdownblock h2 {font-size: 150%;}

  .newslettersignup input[type="text"] {width: 100%; margin: 0 0 10px 0!important;}
  .newslettersignup input[type="submit"] {width: 100%;}
}

@media screen and (max-width: 580px){
  [data-cookienotice] .content {padding: 35px 25px 25px 25px}
  .cookie-toggles {flex-direction: column; gap: 10px}
  [data-cookienotice] label {flex-direction: row;}
  [data-cookienotice] h2 {margin: 0;}
  [data-cookienotice] .buttons {gap: 10px; margin-top: 20px}
  [data-cookienotice] .buttons button, [data-cookienotice] .buttons .button {font-size: 0.9rem; width: 100%}
}

@media screen and (max-width: 520px){
  .gridfeatureboxes.attractionsnav .featurebox:hover .overlay {display: none;}
  .gridfeatureboxes.attractionsnav .featurebox:hover img {opacity: 1;}
  .gridfeatureboxes.attractionsnav .featurebox:hover .sectiontitle, .gridfeatureboxes.attractionsnav .featurebox:hover .figure {display: block;}

  .samplemenus .samplemenu {width: 50%;}
}

@media screen and (max-width: 500px){
  table td {font-size: 85%;}
  table th {font-size: 100%;}
  .blocksections .block .images .image {margin: 0;}
}

@media screen and (max-width: 450px){
  .galleries .gallery, .videos .galleries .gallery {width: 98%; margin-bottom: 20px;}
  .mobile-header .kernelmain, .mobile-header .sweetiemain {width: 75px; height: 112px;}
  .banners .kernel, .banners .sweetie {display: none;}
  .mobile-header a.logo {width: 230px;}
  .mobile-header a.logo span.image {height: 48px;}
  .mobile-header a.logo span.tag {padding: 0 0 0 10px;}

  .gridboxes .box .inner .socialicons a {width: 30px; height: 30px; line-height: 30px;}

  .testimonials .content p.quote {font-size: 100%;}

  .stacktable.small-only {display: table!important;}
  .stacktable.large-only {display: none!important;}

  .tablewrapper {display: block; overflow-x: auto; white-space: nowrap;}
}

@media screen and (max-width: 320px){
  .mobile-header a.logo {width: 210px;}
  .mobile-header a.logo span.image {height: 44px;}
  .mobile-header .kernelmain, .mobile-header .sweetiemain {width: 55px; height: 83px;}

  .testimonials .sweetie {display: none;}
  .testimonials .content .block {padding: 0;}

  .bottom-footer .left, .bottom-footer .right {width: 100%; text-align: left;}
  .gridboxes .box .inner .socialicons a {margin: 0 2px 5px 2px;}

  .samplemenus .samplemenu {width: 100%;}
}

@media print {
  * {-webkit-print-color-adjust: exact;}
  body {font-size: 12pt; font-family: arial, serif; line-height: 140%;}
  .see-cms-toolbar {display: none!important;}
}