/* === RESET - based on the html5 boilerplate reset: h5pb.com updated 2012/05/07 === */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;}[hidden]{display:none;}a:hover,a:active{outline:0;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding: 0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}abbr[title]{border-bottom:1px dotted;}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{ white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:"";content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}svg:not(:root){overflow:hidden;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}figure{margin:0;}.chromeframe{margin:0.2em 0;background:#ccc;color:black;padding:0.2em 0;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}form{margin:0;}fieldset{border:0;margin:0;padding:0;}legend{border:0;*margin-left:-7px;padding:0;white-space:normal;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;resize:vertical;}input:valid,textarea:valid{}input:invalid,textarea:invalid{background-color:#f0dddd;}table{ border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}/* end reset */
/* =======================================================================
BASE STYLES - please don't use class/id selectors in this section
======================================================================= */
/*font definitions */
/*
@font-face {
font-family: 'Gibson-Bold';
src: url('../fonts/gibson-bold.eot');
src: url('../fonts/gibson-bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/gibson-bold.woff2') format('woff2'),
url('../fonts/gibson-bold.woff') format('woff'),
url('../fonts/gibson-bold.ttf') format('truetype'),
url('../fonts/gibson-bold.svg') format('svg');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'Gibson-Regular';
src: url('../fonts/gibson.eot');
src: url('../fonts/gibson.eot?#iefix') format('embedded-opentype'),
url('../fonts/gibson.woff2') format('woff2'),
url('../fonts/gibson.woff') format('woff'),
url('../fonts/gibson.ttf') format('truetype'),
url('../fonts/gibson.svg') format('svg');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'Gibson-BoldItalic';
src: url('../fonts/gibson-bold-italic.eot');
src: url('../fonts/gibson-bold-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/gibson-bold-italic.woff2') format('woff2'),
url('../fonts/gibson-bold-italic.woff') format('woff'),
url('../fonts/gibson-bold-italic.ttf') format('truetype'),
url('../fonts/gibson-bold-italic.svg') format('svg');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'Gibson-Italic';
src: url('../fonts/gibson-italic.eot');
src: url('../fonts/gibson-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/gibson-italic.woff2') format('woff2'),
url('../fonts/gibson-italic.woff') format('woff'),
url('../fonts/gibson-italic.ttf') format('truetype'),
url('../fonts/gibson-italic.svg') format('svg');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'Gibson-Light';
src: url('../fonts/gibson-light.eot');
src: url('../fonts/gibson-light.eot?#iefix') format('embedded-opentype'),
url('../fonts/gibson-light.woff2') format('woff2'),
url('../fonts/gibson-light.woff') format('woff'),
url('../fonts/gibson-light.ttf') format('truetype'),
url('../fonts/gibson-light.svg') format('svg');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'Gibson-LightIt';
src: url('../gibson-light-italic.eot');
src: url('../gibson-light-italic.eot?#iefix') format('embedded-opentype'),
url('../gibson-light-italic.woff2') format('woff2'),
url('../gibson-light-italic.woff') format('woff'),
url('../gibson-light-italic.ttf') format('truetype'),
url('../gibson-light-italic.svg') format('svg');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'Gibson-SemiBold';
src: url('../fonts/gibson-semibold.eot');
src: url('../fonts/gibson-semibold.eot?#iefix') format('embedded-opentype'),
url('../fonts/gibson-semibold.woff2') format('woff2'),
url('../fonts/gibson-semibold.woff') format('woff'),
url('../fonts/gibson-semibold.ttf') format('truetype'),
url('../fonts/gibson-semibold.svg') format('svg');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'Gibson-SemiboldIt';
src: url('../fonts/gibson-semibold-italic.eot');
src: url('../fonts/gibson-semibold-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/gibson-semibold-italic.woff2') format('woff2'),
url('../fonts/gibson-semibold-italic.woff') format('woff'),
url('../fonts/gibson-semibold-italic.ttf') format('truetype'),
url('../fonts/gibson-semibold-italic.svg') format('svg');
font-weight:normal !important;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {font-family: 'Gibson-SemiBold';
src: url('../fonts/gibson-semibold.svg') format('svg');
font-weight:normal !important;
font-style: normal;
}} */
@font-face {
font-family: 'TitilliumWeb-Black';
src: url('../fonts/TitilliumWeb-Black.ttf');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'TitilliumWeb-Regular';
src: url('../fonts/TitilliumWeb-Regular.ttf');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'TitilliumWeb-BoldItalic';
src: url('../fonts/TitilliumWeb-BoldItalic.ttf');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'TitilliumWeb-Italic';
src: url('../fonts/TitilliumWeb-Italic.ttf');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'TitilliumWeb-Light';
src: url('../fonts/TitilliumWeb-Light.ttf');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'TitilliumWeb-LightItalic';
src: url('../TitilliumWeb-LightItalic.ttf');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'TitilliumWeb-SemiBold';
src: url('../fonts/TitilliumWeb-SemiBold.ttf');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'TitilliumWeb-SemiBoldItalic';
src: url('../fonts/TitilliumWeb-SemiBoldItalic.ttf');
font-weight:normal !important;
font-style: normal;
}
@font-face {
font-family: 'Robofan Free';
src: url('../fonts/Robofan Free.otf');
font-weight:normal !important;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {font-family: 'TitilliumWeb-SemiBold';
src: url('../fonts/TitilliumWeb-SemiBold.ttf');
font-weight:normal !important;
font-style: normal;
}}
html, body {
font-size: 14px;
line-height: 1.5em;
font-family: 'TitilliumWeb-Regular', arial, sans-serif;
color: #444444;
font-weight: 500;}
body {
margin: 0;
backface-visibility: visible;
background-color: #000;
background: url('') center center no-repeat fixed;
background-size: cover;
} /* Enabled background-position: fixed in Crome */
body.rides {
background: url('') center center no-repeat fixed;
background-size: cover;
}
body.attractions {
background: url('') center center no-repeat fixed;
background-size: cover;
}
::-moz-selection {
background: #00AEEF;
color: #fff;
text-shadow: none; }
::selection {
background: #00AEEF;
color: #fff;
text-shadow: none; }
a { color: #00AEEF; text-decoration: none;
transition: 0.2s color ease-in-out;
-ms-transition: 0.2s color ease-in-out;
-webkit-transition: 0.2s color ease-in-out;
}
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
ul { margin: 10px 0 10px 0; }
ul.blank,
ul.blank li {
list-style: none;
margin: 10px 0 10px ;
padding: 0 0 5px 0; }
hr {
margin: 3em 0; }
h1, h2, h3, h4, h5, h6, .bubble {
font-family: 'Robofan Free', 'TitilliumWeb-Black', sans-serif;
/* font-weight: 900;*/
margin: 1em 0 0.5em;
padding: 0;
letter-spacing: 0.05em;
line-height: 1em; }
h1 {
font-size: 56px;
margin: 0 0 .8em 0;
text-transform: lowercase;
}
h2 {
font-size: 43px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;}
h5 {
font-size: 15px;}
h6 {
font-size: 12px; }
p {
margin: 0 0 15px;
line-height: 1.4em; }
.strong {
font-weight:900 !important;
}
ul.fa-ul li {
margin-bottom:10px;
}
.ticklistpink {
list-style:none;
margin: 40px 0;
padding:0;
}
.ticklistpink li {
float: left;
font-size:16px;
font-weight:600;
margin-right:40px;
}
.ticklistpink li strong {
font-weight:
}
.ticklistpink li:before {
content: "\f00c";
color:#EC008C;
font-family: 'Fontawesome';
font-size:16px;
position: relative;
left:0;
margin-right:10px;
}
.row { margin:0;}
.ticklistpink .notick:before {
content: none;
}
.separator {
border-top: 1px solid #f2f2f2;
padding: 0 0 20px 0;
margin: 20px 0 0 0; }
.logged1 .loggedOut { display: none; }
.logged0 .loggedIn { display: none; }
.logged1 .loggedIn { display: block; }
.logged0 .loggedOut { display: block; }
.desktop { display: block; }
.mobile, .mobile.linkoverlay { display: none; }
.empty0 { display:none; }
.notEmpty1 { display:none; }
.message {
background: none repeat scroll 0 0 #e4282e;
color: #fff;
font-size: 14px;
font-weight: bold;
margin: 20px 0 0;
padding: 10px;
display: none; }
blockquote {
background: url("") no-repeat left top transparent;
background-size: 80px auto;
padding-left: 110px;
border: 0;
margin: 0;
font-size: 20px;
line-height: 30px;
font-weight: 300; }
.note {
background: #f2f2f2;
padding: 20px;
font-size: 12px; }
@font-face {
font-family: 'Museo-Rounded';
src: url('../fonts/museosansrounded-500-webfont.eot');
src: url('../fonts/museosansrounded-500-webfont-.eot#iefix') format('embedded-opentype'),
url('../fonts/museosansrounded-500-webfont.woff2') format('woff2'),
url('../fonts/museosansrounded-500-webfont.woff') format('woff'),
url('../fonts/museosansrounded-500-webfont.ttf') format('truetype'),
url('../fonts/museosansrounded-500-webfont.svg#museo_sans_rounded500') format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Museo-Rounded';
src: url('../fonts/museosansrounded-700-webfont.eot');
src: url('../fonts/museosansrounded-700-webfont-.eot#iefix') format('embedded-opentype'),
url('../fonts/museosansrounded-700-webfont.woff2') format('woff2'),
url('../fonts/museosansrounded-700-webfont.woff') format('woff'),
url('../fonts/museosansrounded-700-webfont.ttf') format('truetype'),
url('../fonts/museosansrounded-700-webfont.svg#museo_sans_rounded700') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Museo-Rounded';
src: url('../fonts/museosansrounded-900-webfont.eot');
src: url('../fonts/museosansrounded-900-webfont-.eot#iefix') format('embedded-opentype'),
url('../fonts/museosansrounded-900-webfont.woff2') format('woff2'),
url('../fonts/museosansrounded-900-webfont.woff') format('woff'),
url('../fonts/museosansrounded-900-webfont.ttf') format('truetype'),
url('../fonts/museosansrounded-900-webfont.svg#museo_sans_rounded900') format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Museo-Rounded';
src: url('../fonts/museosansrounded-1000-webfont.eot');
src: url('../fonts/museosansrounded-1000-webfont-.eot#iefix') format('embedded-opentype'),
url('../fonts/museosansrounded-1000-webfont.woff2') format('woff2'),
url('../fonts/museosansrounded-1000-webfont.woff') format('woff'),
url('../fonts/museosansrounded-1000-webfont.ttf') format('truetype'),
url('../fonts/museosansrounded-1000-webfont.svg#museo_sans_rounded1000') format('svg');
font-weight: 1000;
font-style: normal;
}
@font-face {
font-family: 'alot';
src: url('../fonts/alot.eot');
src: url('../fonts/alot-.eot#iefix') format('embedded-opentype'),
url('../fonts/alot.woff2') format('woff2'),
url('../fonts/alot.woff') format('woff'),
url('../fonts/alot.ttf') format('truetype'),
url('../fonts/alot.svg#alot') format('svg');
font-weight: 199;
font-style: normal;
}
/* =======================================================================
CLIENT STYLES - please place important/frequently applied styles
in this section so they appear higher in the list in the WYSIWIG
======================================================================= */
.tc-white, tc-white * { color: #FFFFFF; }
.tc-blue, tc-blue * { color: #00AEEF; }
.tc-pink, tc-pink * { color: #ee3823; }
.tc-green, tc-green * { color: #00B157; }
.tc-yellow, tc-yellow * { color: #FFD600; }
.tc-shedred, tc-shedred * { color: #aa3539; }
.tc-red, tc-red * { color: #ED0002; }
.tc-yellow { color: #FFD600; }
.tc-purple { color: #682B8D; }
.tc-orange { color: #F68A33; }
.tc-grey { color: #757575; }
.tc-darkgrey { color: #222222;}
.tc-pubmaroon { color: #AB0434;}
.bgc-white { background-color: #FFFFFF; }
.bgc-blue { background-color: #006db6; }
.bgc-blue2 { background-color: #0072bc; }
.bgc-pink { background-color: #80c744; }
.bgc-green { background-color: #80c744; }
.bgc-yellow { background-color: #fdb414; }
.bgc-purple { background-color: #682B8D; }
.bgc-orange { background-color: #F68A33; }
.bgc-orange2 { background-color: #F15A21; }
.bgc-shedred { background-color: #aa3539;}
.bgc-red { background-color: #f3343a;}
.bgc-grey { background-color: #757575; }
.bgc-darkgrey { background-color: #222222;}
.bgc-lightgrey { background-color: #F5f5f5;}
.bgc-pubmaroon { background-color: #AB0434;}
.bgc-darkblue { background-color:rgba(0,0,0,0.1); }
.bgc-darkpink { background-color: rgba(0,0,0,0.1); }
.bgc-darkgreen { background-color: rgba(0,0,0,0.1); }
.bgc-darkyellow { background-color: rgba(0,0,0,0.1); }
.bgc-darkerblue { background-color: rgba(0,0,0,0.15); }
.bgc-darkerpink { background-color: rgba(0,0,0,0.15); }
.bgc-darkergreen { background-color: rgba(0,0,0,0.15); }
.bgc-darkeryellow { background-color: rgba(0,0,0,0.15); }
.bgc-transdark { background-color: rgba(0,0,0,0.1); }
.bgc-translight { background-color: rgba(255,255,255,0.1); }
.bgc-black {background-color: #000;}
.shadow-right, .shadow-bottom {
position: relative;
}
.homepromo {
position: relative;
}
.homepromo:after {
position: absolute;
content: " ";
width: 100%;
height: 100%;
top:0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.4);
}
.overlayblack {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
}
.img-responsive-ride {
/*width: 80%; */
margin:10px auto;
height: 100px;
width: auto;
}
.contentpromo {
position: relative;
z-index: 11;
}
.shadow-right:after {
position: absolute;
content: " ";
height: 70%;
width: 50px;
right: -50px;
top: 0;
background: url('../img/shadow-right.png') top left no-repeat transparent;
background-size: contain;
z-index: 999999;
}
.shadow-bottom:before {
position: absolute;
content:" ";
height: 50px;
width:70%;
right:0;
bottom:-50px;
background: url('../img/shadow-bottom.png') top right no-repeat transparent;
background-size: contain;
}
.ng-scope {
}
/* ==========================================================================
CONTAINERS AND LAYOUT (TEMPLATES)
========================================================================== */
.hide { display: none; }
.display { display: block !important; }
.img-responsive {
width: 100%; }
section {
margin: 0;
padding: 40px 0;
background: #fff;
width: 100%; }
section.video, section.tiles {
padding:0;
position:relative;
background:transparent;
overflow: hidden;
}
section.tiles .container {
margin: 110px auto 70px auto;
box-shadow: 0px 0px 40px rgba(0,0,0,0.4);
padding:0;
background: rgba(0,0,0,0.2);
}
/* ==========================================================================
SEARCH
========================================================================== */
.search-box {
position: relative; }
.search-box input[type="text"] {
border: 2px solid #ddd;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 10px;
width: 100%; }
.search-box button {
background: none;
border: none;
position: absolute;
right: 0; }
.search-result span {
font-weight: bold; }
/* ==========================================================================
VIDEO
========================================================================== */
.video { overflow:hidden;height:500px;border:none;}
.video video { width:100%;height:auto;}
section.video video {
position: absolute;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
margin-bottom:20px;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ==========================================================================
HEADER
========================================================================== */
header {
margin-top:0;
top:0;
position: absolute;
width: 100%;
z-index: 900;
}
.home header {
background: #FFFFFF;
top:auto;
}
.carousel-control:hover { opacity:.8;}
.video {
display:none;
}
.promoslider.video {
}
.headerslider {
height: 600px;
position:relative;
visibility: inherit;
padding: 0;
display:block !important;
}
.headerslider div {
display: block;
height: 100% !important;
position: relative;
}
.headerslider .item {
background-size:cover;
background-position: top center;
background-attachment: scroll;
}
.headerslider div.overlay {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.headerslider div.row {
height: auto !important;
text-shadow: 0 3px 4px rgba(0,0,0,0.1);
top: 70%;
transform: translateY(-30%);
}
.headerslider .dHead {
padding: 20px 50px;
display:inline-block;
position: relative;
z-index: 40;
box-shadow: -5px 5px 4px rgba(0,0,0,.1);
}
.imageSlide div.row {
transition: none;
transform: none;
top: 0 !important;
margin:0;
bottom:0;
height: 100% !important;
position:absolute;
}
.imageSlide .col-xs-12 {
position: relative;
top: 50%;
transform: translateY(-50%);
}
div.textSlide .row {
bottom: 5% !important;
margin-bottom: 0 !important;
transform: none !important;
top: auto !important;
position: absolute !important;
}
.headerslider a:hover {
cursor:pointer;
-webkit-transition: 0.25s all ease-in-out;
-moz-transition: 0.25s all ease-in-out;
-o-transition: 0.25s all ease-in-out;
transition: 0.25s all ease-in-out;
}
.headerslider a:hover i {
margin-left:5px;
}
.headerslider .dHead .sectionheading {
font-size: 35px;
}
.headerslider .sHead {
padding: 20px 40px;
margin-left:10px;
top:-10px;
display:inline-block;
transform: rotate(-.8deg);
}
.headerslider .sHead .sectionsubheading {
font-size:22px;
margin-bottom:0;
}
@-webkit-keyframes swingS {
20% {
-webkit-transform: rotate3d(0, 0, 1, .8deg);
transform: rotate3d(0, 0, 1, .8deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -.8deg);
transform: rotate3d(0, 0, 1, -.8deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, .8deg);
transform: rotate3d(0, 0, 1, .8deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -.8deg);
transform: rotate3d(0, 0, 1, -.8deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swingS {
20% {
-webkit-transform: rotate3d(0, 0, 1, .8deg);
transform: rotate3d(0, 0, 1, .8deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -.8deg);
transform: rotate3d(0, 0, 1, -.8deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, .8deg);
transform: rotate3d(0, 0, 1, .8deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -.8deg);
transform: rotate3d(0, 0, 1, -.8deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swingS {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swingS;
animation-name: swingS;
}
.headerslider .btn.btn-blue {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #ffffff;
box-shadow: none;
padding: 15px 33px;
}
.headerslider .carousel-inner > .item.active, .headerslider .carousel-inner > .item.next.left, .headerslider .carousel-inner > .item.prev.right {
transform: none !important;
}
.carousel-control span {
color: #FFF;
font-weight: 900;
}
.home header.affix {
top: 0;
background: rgba(255,255,255,0.95);
}
img#mainlogo {
left: 50%;
margin-left: -120px;
position: absolute;
top: 5%;
width: 240px;
z-index:999;
}
.navbar-header {
display: none;
}
/* toggle menu on frontpage */
.frontpage {
display: block;
}
.mobile-homepage {
display: none;
}
/* end toggle menu on frontpage */
.linktop {
display: none !important;
}
#cat_1191756_divs {
display: inline-block;
}
#navsub_1191756_966238 {
width: 170%;
}
.affix #navbar-collapse-main {
text-align: left;
}
.affix .buttonactionhome {
display: none;
}
.affix .linktop {
display: block !important;
}
.affix .navbar-header {
display: block;
}
.affix nav.navbar ul.main-menu > li > a {
font-size: 14px;
}
.affix .homepage ul.main-menu > li:nth-last-child(3),
.affix .homepage ul.main-menu > li:nth-last-child(2),
.affix .homepage ul.main-menu > li:last-child {
display: block;
}
nav.navbar {
width:100%;
border-radius:0;
border:none;
margin-bottom:0;
background: rgba(255,255,255,0.95);
z-index:9999;
}
nav.navbar .navbar-brand {
height: 60px;
padding: 5px;
width: 73px;
}
nav.navbar .navbar-brand > img {
padding-top: 10px;
height: 100%;
padding-bottom: 5px;
}
header.affix nav.navbar .navbar-brand img {
/* transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);*/
}
nav.navbar .navbar-brand img {
/* transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transition: all 0.25s ease-in-out 0s;*/
}
#navbar-collapse-main {
text-align: center;
}
nav.navbar ul {
list-style:none;
margin:0;
padding:0;
}
nav a {
text-transform: lowercase;
}
nav.navbar ul.main-menu > li {
float:left;
display:inline-block;
margin:0 10px;
background: transparent;
position:relative;
}
.affix nav.navbar ul.main-menu > li {
margin:0 0px;
}
nav.navbar ul.main-menu > li:last-child {
border-right: none;
}
nav.navbar ul.main-menu > li > a {
font-size:17px;
color:#444444;
text-shadow: 0 1px 1px rgba(255,255,255,1);
padding: 20px 9px;
display:block;
}
nav.navbar ul.main-menu > li:nth-child(1) {
}
nav.navbar ul.main-menu > li:nth-child(2) {
}
nav.navbar ul.main-menu > li:nth-child(3) {
}
nav.navbar ul.main-menu > li:nth-child(4) {
}
.homepage ul.main-menu > li:nth-last-child(3),
.homepage ul.main-menu > li:nth-last-child(2),
.homepage ul.main-menu > li:last-child {
display: none;
}
nav.navbar ul.main-menu > li:nth-last-child(3) a {
color: red;
}
nav.navbar ul.main-menu > li:nth-last-child(3) a::after {
content: '';
}
nav.navbar ul.main-menu > li:nth-last-child(2) a {
color: #0072bc;
}
nav.navbar ul.main-menu > li:nth-last-child(2) a::after {
content: '';
}
nav.navbar ul.main-menu > li:last-child a {
color: #f6841f;
}
nav.navbar ul.main-menu > li:last-child a::after {
content: '';
}
nav.navbar ul.main-menu > li a .fa {
margin-left:5px;
transition: 0.25s all ease-in-out;
}
nav.navbar ul.main-menu > li a .fa {
margin-left:5px;
transition: 0.25s all ease-in-out;
}
nav.navbar ul li ul {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.95+0,0.85+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffffff', endColorstr='#d9ffffff',GradientType=0 ); /* IE6-9 */
border-radius: 8px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
left: 0;
margin-top: 0;
padding: 10px;
position: absolute;
z-index:9999;
text-align: left;
top: 100%;
width: 100%;
min-width: 140px;
transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transition: all .4s ease-in-out 0s;
transform-origin: center top;
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
}
nav.navbar ul li:hover ul {
display: block;
transform: scale(1.1);
-webkit-transform: scale(1);
-ms-transform: scale(1.1);
transform-origin: center top;
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
}
nav.navbar ul li ul li {
border-bottom: 1px solid rgba(0,0,0, 0.1);
position:relative;
padding-right: 15px;
}
nav.navbar ul li ul li a:after {
content:" \f0a9 ";
position: absolute;
right: 0;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
transition:0.25s all ease-in-out;
}
nav.navbar ul li ul li a:hover:after {
margin-right:-3px;
}
nav.navbar ul li a:after {
content:" \f13a ";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
transition:0.25s all ease-in-out;
}
nav.navbar ul li ul li a {
transition: 0.25s all ease-in-out;
padding: 10px 0;
display:block;
color: #444;
}
nav.navbar ul.main-menu > li:nth-child(1) a:hover, nav.navbar ul.main-menu > li:nth-child(1) a .fa, nav.navbar ul.main-menu > li:hover, nav.navbar ul.main-menu > li:hover:nth-child(1) ul li:hover a, nav.navbar ul.main-menu > li:nth-child(1) ul li a:after {
/* color: #F68A33;*/
}
nav.navbar ul.main-menu > li:nth-child(2) a:hover, nav.navbar ul.main-menu > li:nth-child(2) a .fa, nav.navbar ul.main-menu > li:hover, nav.navbar ul.main-menu > li:hover:nth-child(2) ul li:hover a, nav.navbar ul.main-menu > li:nth-child(2) ul li a:after {
/*color: #00AEEF;*/
}
nav.navbar ul.main-menu > li:nth-child(3) a:hover, nav.navbar ul.main-menu > li:nth-child(3) a .fa, nav.navbar ul.main-menu > li:hover, nav.navbar ul.main-menu > li:hover:nth-child(3) ul li:hover a, nav.navbar ul.main-menu > li:nth-child(3) ul li a:after {
/*color: #EC008C;*/
}
nav.navbar ul.main-menu > li:nth-child(4) a:hover, nav.navbar ul.main-menu > li:nth-child(4) a .fa, nav.navbar ul.main-menu > li:hover, nav.navbar ul.main-menu > li:hover:nth-child(4) ul li:hover a, nav.navbar ul.main-menu > li:nth-child(4) ul li a:after {
/*color: #682B8D;*/
}
nav.navbar ul.main-menu > li:hover ul li:last-child {
border-bottom: none;
}
.navbar a.btn {
border: medium none;
box-shadow: none;
padding: 0;
float:right;
}
.navbar .btn i {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
display: inline-block;
height: 100%;
padding: 15px 25px;
}
.navbar .btn span {
display: inline-block;
line-height: 0;
padding: 15px 25px;
}
header .animatedmessage {
padding:0;
border:0;
top:60px;
/* border-bottom:1px solid #FFF;*/
}
header .animatedmessage .carousel .item {
height:auto;
}
.animatedmessage p {
font-size: 17px;
line-height: 1;
margin: 10px auto;
text-transform: uppercase;
}
h2.sectionheading {
margin-top: 0px;
margin-bottom: 0px;
color: #FFF;
text-transform: lowercase;
}
/* ==========================================================================
DROPDOWN
========================================================================== */
.dropdown-menu {
/*box-shadow: none;*/
border: 0; }
.dropdown-menu > li {
padding: 0 !important; }
.dropdown-menu > li a {
color: #fff;
background: #C9A76F;
padding: 10px 15px !important; }
.dropdown-menu > li a:hover,
.dropdown-menu > li a:focus {
background: #2A307C;
color: #00B3A7;
font-weight: bold; }
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:0;margin-left:0;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;}
.caret {
margin-left: 5px; }
/* ==========================================================================
TOGGLE
========================================================================== */
.navbar-default .navbar-toggle {
background-color: transparent;
background-image: none;
border: none;
border-radius: 4px;
border:2px solid #000;
float: right;
margin-bottom: 8px;
margin-right: 5px;
margin-top: 15px;
padding: 9px 10px;
position: relative; }
.navbar-default .navbar-toggle .icon-bar {
border-radius: 1px;
display: block;
height: 2px;
width: 22px;
background-color: #000; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active {
background-color: #FFFFFF; }
/* ==========================================================================
FIXED SCROLL
========================================================================== */
.affix {
position: fixed;
top: 0;
width: 100%;
z-index: 100000; }
/* ==========================================================================
CAROUSEL
========================================================================== */
.carousel {
background: #000;
background-size: 100px auto;
padding-top: 0;
padding-bottom: 0; }
.carousel .item {
padding: 0;
height: 170px; }
.carousel .item .carousel-caption {
bottom: auto;
color: #a9bad7;
font-size: 20px;
line-height: 26px;
padding-bottom: 0;
padding-top: 0;
text-shadow: none; }
.carousel .item img {
text-align: center; }
.carousel-control {
height: 40px;
width: auto;
margin-top: 0;
font-size: 120px;
text-shadow: none;
background-color: transparent;
border: 0;
z-index: 10;
top: 40%;
opacity: 1;
color: #333;
background-image: none !important; }
.carousel-control span {
font-size: 28px; }
.carousel-control img {
width: 40px; }
.carousel .carousel-control.left { margin: 0 0 0 50px; }
.carousel .carousel-control.right { margin: 0 50px 0 0; }
/* ==========================================================================
WEBAPPS
========================================================================== */
.pagination { float: left; width: 100%; }
.pagination > li.pag-current {
float: left;
padding: 0 10px;
color: #fff;
font-weight: bold; }
.pagination > li a {
background: #ccc;
color: #fff;
border: 0; }
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
background-color: #fff;
font-weight: bold; }
/* ==========================================================================
LIST VIEW IMAGE RATIOS
========================================================================== */
.list-view .image img.portrait { width: 100%; }
.list-view .image img.landscape { height: 100%; }
.list-view .image img.square { width: 100%; }
/* ==========================================================================
FAQs
========================================================================== */
.faq {
margin-bottom: 20px;
border-bottom: 2px dashed #EEEEEE;
padding-bottom: 20px; }
.faq p.tc-blue {
font-size: 18px;
line-height: 1;
margin-bottom: 7px;
margin-top: 35px !important;
}
.faq p {
text-align: justify;
}
/* ==========================================================================
BREADCRUMBS
========================================================================== */
.breadcrumbs.bgc-white {
font-size: 15px;
padding: 20px 0;
}
.breadcrumbs.bgc-white .container * {
color: #444;
line-height: 1;
margin: 0;
}
.breadcrumbs.bgc-white .container i.fa {
font-size: 11px;
margin: 0 2px;
position: relative;
top: 0;
}
.breadcrumbs.bgc-white .container .col-sm-9 {
padding-top: 7px;
}
.breadcrumbs .col-sm-3 a.btn {
font-size: 15px;
padding: 7px 18px;
font-weight: 600;
}
.breadcrumbs .col-sm-3 {
padding-right: 0;
}
/* ==========================================================================
ONLINE SHOP - insert styles from BC defaults
========================================================================== */
.shop-main {
float: left;
padding: 30px 0;
width: 100%; }
.pagination-wrap {
float: left;
width: 100%; }
.pagination {
margin: 0;
line-height: 30px; }
.pagination a {
color: #000; }
.prev-next-wrap {
border-top: none;
border-bottom: none;
float: left;
width: 100%;
line-height: 30px; }
.prev-next-wrap a {
color: #000; }
.productItemNotFound,
.catalogueItemNotFound {
display: none; }
.breadcrumbs {
padding: 0 0 20px 0;
font-size: 11px; }
ul.catalogueList {
list-style: none;
margin: 0;
padding: 0; }
ul.productList,
.productList li {
list-style: none;
margin: 0;
padding: 0; }
.productItem,
.productItemLast {
float: left;
padding:20px !important;
}
.product-sml {
min-height: 290px;
position: relative;
border: 1px solid #eae3da; }
.product-sml {
border: medium none;
border-radius: 7px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.product-info {
border-top: 1px solid #eee;
padding: 23px 0;
}
.product-sml.not-hover {
opacity: 0.5;
}
.product-sml ul,
.product-sml li {
list-style: none;
margin: 0;
padding: 0; }
.relatedProducts .productSmall:last-child .product-sml {
margin: 0; }
ul.productfeaturelist,
ul.productfeaturelist li {
list-style: none;
margin: 0;
padding: 0; }
.productDetailWrap ul.catalogueList {
display: none; }
#catCartSummary, #catCartSummary > table, #catCartSummary td, #catCartSummary tbody, #catCartSummary tr {
display: block;
font-size: 15px !important;
width: 100%;
}
.cartSummaryItem {
background: #eee none repeat scroll 0 0;
color: #333;
padding: 7px 26px;
text-transform: none;
}
.cartSummaryItem::before {
content: "Your Cart";
font-weight: 900;
margin-right: 10px;
text-transform: lowercase;
}
.cartSummaryLink {
border: 1px solid black;
color: #000;
font-size: 13px;
margin-left: 10px;
padding: 7px 14px;
}
/* ==========================================================================
CART
========================================================================== */
.shopping-cart {
font-size: 12px; }
.head-label {
float: left; }
.productitemcell {
height: auto !important;
line-height: 18px;
margin: 0;
min-height: 60px !important;
overflow: hidden; }
.product-image img {
width: 100%; }
.productdetails,
.order-totals,
.coupon-code,
.gift-code {
border: 1px solid #EAEAEA;
padding: 20px; }
.product-details,
.order-totals,
.coupon-code {
margin-bottom: 20px; }
.order-totals ul,
.order-totals li {
list-style: none;
margin: 0;
padding: 0; }
.order-totals li {
border-bottom: 1px solid #EAEAEA;
line-height: 30px; }
.order-totals li:last-child {
border: 0; }
.order-totals span {
float: right;
font-weight: bold; }
.cart-label,
.cart-item {
padding-left: 0; }
.cart-label {
font-weight: bold; }
.product-qty .cartInputText {
border: 0;
padding: 0; }
.cart-head,
.cart-body,
.shipping-options,
.checkout-actions {
float: left;
width: 100%; }
.cart-head {
border-bottom: 1px solid #EAEAEA;
padding-bottom: 10px;
margin-bottom: 20px; }
.shipping-options,
.checkout-actions {
border-top: 1px solid #EAEAEA;
padding-top: 20px;
margin-top: 20px; }
.product-remove {
text-align: center; }
input#DiscountCode,
input#GiftVoucher {
width: 100% !important; }
#catshopclear {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: 1px solid #222;
box-shadow: none !important;
color: #222 !important;
font-size: 15px;
font-weight: 500 !important;
display: inline-block !important;
padding:15px !important;
}
#shippingSpan { display: none;}
.shopping-cart > .col-md-4 {
margin-top: -50px;
position: relative;
top: -50px;
}
.checkout-btn {
padding:0;
}
#catshopbuy {
margin:0;
}
.col-xs-12.cartsummary {
border: 0 none;
left: 0;
padding: 0;
position: absolute;
top: -70px;
}
/* ==========================================================================
BUTTONS - STANDARD
========================================================================== */
.btn,
.btn:visited,
#catshopclear {
background: #eee none repeat scroll 0 0;
box-shadow: 4px 4px 0 #666;
color: #fff;
font-size: 18px;
/*font-weight: 900;*/
margin: 5px;
padding: 25px 50px;
text-transform: none;
border-radius:0;
line-height:1;
}
.btn {
text-transform: lowercase;
}
.btn:hover {
background: #CCCCCC;
color: #fff;
}
.btn.btn-white { background-color: #FFFFFF; color: #333333; box-shadow: 4px 4px 0 rgba(255,255,255,0.4); }
.btn.btn-blue { background-color: #0072bc; box-shadow: 0px 0px 0 #0072bc;}
.btn.btn-pink { background-color: #EC008C; box-shadow: 4px 4px 0 #b41f6d;}
.btn.btn-green { background-color: #00B157; box-shadow: 4px 4px 0 #009144;}
.btn.btn-yellow { background-color: #FFD600; box-shadow: 4px 4px 0 #f89e00;}
.btn.btn-orange { background-color: #F68A33; box-shadow: 4px 4px 0 #de6407;}
.btn.btn-purple { background-color: #682B8D; box-shadow: 4px 4px 0 #511375;}
.btn.btn-shedred { background-color: #aa3539; box-shadow: 4px 4px 0 #aa3539;}
.btn.btn-darkgrey { background-color: #333333; box-shadow: 4px 4px 0 #111111;}
.btn.btn-pubmaroon { background-color: #AB0434; box-shadow: 4px 4px 0 #730423;}
.btn.btn-white:hover { background-color: rgba(255,255,255,0.2); color: #333333; box-shadow: 4px 4px 0 rgba(255,255,255,1); }
.btn.btn-blue:hover { background-color:#0298d1 ; box-shadow: 0px 0px 0 #00AEEF;}
.btn.btn-pink:hover { background-color:#b41f6d ; box-shadow: 4px 4px 0 #EC008C;}
.btn.btn-green:hover { background-color:#009144 ; box-shadow: 4px 4px 0 #00B157;}
.btn.btn-yellow:hover { background-color: #f89e00; box-shadow: 4px 4px 0 #FFD600;}
.btn.btn-orange:hover { background-color: #de6407; box-shadow: 4px 4px 0 #F68A33;}
.btn.btn-purple:hover { background-color: #511375; box-shadow: 4px 4px 0 #682B8D;}
.btn.btn-shedred:hover { background-color: #aa3539; box-shadow: 4px 4px 0 #aa3539;}
.btn.btn-darkgrey:hover { background-color: #111111; box-shadow: 4px 4px 0 #000000;}
.btn.btn-pubmaroon:hover { background-color: #730423; box-shadow: 4px 4px 0 #AB0434;}
.btn.btn-wire {
background: none;
border: 2px solid #444;
color: #444;
box-shadow: none;
}
.btn-sm { padding: 15px 25px; font-size: 19px; }
.btn-md { padding: 15px 35px; font-size: 23px; }
.btn-lg { padding: 15px 25px; font-size: 26px; }
.btn-sm:hover {
/*padding: 15px 30px;*/
}
.btn-default,
.btn-default:visited,
#catshopclear {
background: #dcb87b;
color: #fff; }
.btn-default:hover,
#catshopclear:hover {
background: #25257B;
color: #fff; }
.productSubmitInput {display:none;}
.productSubmitInput,
.btn-primary,
.btn-primary:visited {
background: #000;
border: 0;
font-weight: 700;
color: #fff; }
.productSubmitInput {
padding: 20px 0;
font-size: 20px;
width: 100%;
text-transform: uppercase; }
.btn-primary:hover {
background-color: #2A307C;
color: #fff; }
.btn-secondary,
.btn-secondary:visited {
background: #ff0;
color: #fff; }
.btn-shop {
background: #000; }
.productSubmitInput:hover,
.btn-shop:hover,
.btn-primary:focus,
.btn-primary:active,
.open .dropdown-toggle.btn-primary {
background: #000; }
.modal { z-index:1000002;}
.modal-backdrop { z-index:1000001;}
/* ==========================================================================
BUTTONS - SHOP
========================================================================== */
#catshopclear,
{
display: inline-block;
height: 40px;
line-height: 39px;
padding: 0 15px;
margin-left: 10px; }
.update {
padding-top: 10px;
padding-bottom: 10px; }
.update:hover,
#catshopclear:hover,
#catshopquote:hover { }
.view-cart {
text-align: right;
float: right; }
.view-cart a {
line-height: 48px;
text-transform: uppercase; }
.view-cart a:hover {
color: #fff; }
#catCartSummary {
line-height: 50px;
color: #fff;
text-transform: uppercase;
font-size: 12px; }
.btn-continue {
display: inline; }
.buttons {
margin:50px 0;
display:block;
}
.buttons .productTextInput {
padding: 20px;
width: 100px;
}
/* ==========================================================================
WEB FORMS - insert styles from BC defaults
========================================================================== */
form h3 { margin: 20px 0; }
form .blank { min-height: 75px; }
span.required { font-size: 11px; line-height: 40px; }
.readonly {
border: none;
background: #f2f2f2; }
input[type="checkbox"],
input[type="radio"] {
margin-right: 5px; }
::-webkit-input-placeholder { color: #000 !important; }
:-moz-placeholder { color: #000 !important; }
::-moz-placeholder { color: #000 !important; }
*::-moz-placeholder { color: #000 !important; }
:-ms-input-placeholder { color: #000 !important; }
textarea::-webkit-input-placeholder { color: #000 !important; }
textarea:-moz-placeholder { color: #000 !important; }
textarea::-moz-placeholder { color: #000 !important; }
textarea*::-moz-placeholder { color: #000 !important; }
textarea:-ms-input-placeholder { color: #000fff !important; }
.subscribe input[type="email"]{
min-width: 100%;
}
.subscribe {
text-align: center;
}
.subscribe label.location {
display: inline-block;
width: 100px;
}
.wpcf7-text, .wpcf7-select {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
border: 2px solid #eee;
border-radius: 0;
box-shadow: none;
height: auto;
padding: 7px 14px;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.wpcf7-textarea {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
border: 2px solid #eee;
border-radius: 0;
box-shadow: none;
height: auto;
padding: 7px 14px;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.wpcf7-submit, .wpcf7-select {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 2px solid transparent;
border-radius: 0;
color: #333;
background-color: #fff;
border-color: #ccc;
}
.wpcf7-submit, .mc4wp-form-fields input[type="submit"], .mc4wp-form-fields input[type="submit"]:hover {
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
color: #fff!important;
font-size: 18px;
font-weight: 900;
margin: 5px auto;
padding: 25px 50px;
text-transform: none;
transition: all 0.3s ease 0s;
border-radius: 0;
line-height: 1;
cursor: pointer;
-webkit-appearance: button;
transition: 0.25s all ease-in-out;
text-transform: lowercase;
margin-top: 0;
background-color: #00B157!important;
box-shadow: 4px 4px 0 #009144;
}
.wpcf7-textarea:focus, .wpcf7-text:focus, .wpcf7-select:focus {
outline-width: 2px;
outline-style: solid;
}
.wpcf7-submit:focus {
outline: none;
}
.wpcf7-select {
height: 40px;
margin-top: -5px;
border: 2px solid #eee;
border-radius: 0;
box-shadow: none;
-webkit-appearance: none;
}
/* ==========================================================================
Responsive, centered boxes.
========================================================================== */
.square-box, .centereddiv {
position: relative;
overflow: hidden;
}
.overlaysquare.square-box {
position:absolute;
z-index:50;
}
.tile {
height:400px;
}
.square-box:before{
content: "";
display: block;
padding-top: 100%;
}
.square-content, .centereddiv {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding:0 11%;
color: white;
}
.promoslider .square-content,.promoslider .centereddiv {
padding:0;
}
.square-content div {
display: table;
width: 100%;
height: 100%;
}
.centereddiv > .centered-content, .square-content p.tileheading, .container.square-content div > .centered-content {
display: table-cell;
vertical-align: middle;
}
/* entire container, keeps perspective */
.flip-container {
perspective: 1000;
transform-style: preserve-3d;
cursor:pointer;
}
.flip-container.spinning {
cursor:auto;
}
.flip-container { overflow:hidden;}
.flip-container .tile { transition: 0.25s all ease-in-out;}
.flip-container .tile:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.flip-container.noanimation .tile:hover {
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
}
.flip-container.noanimation .tile:hover {
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
}
.flip-container.spinning .tile:hover {
transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
}
/* UPDATED! flip the pane when hovered */
.flip-container.spinning .back {
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
}
.flip-container.spinning .front {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.flip-container {
height:100%;
padding: 0;
}
.front, .back {
width: 100%;
height: 100%;
}
/* flip speed goes here */
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
/* hide back of pane during swap */
.front, .back {
backface-visibility: hidden;
transition: 0.6s;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
}
/* UPDATED! front pane, placed above back */
.front {
z-index: 2;
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
}
/***** NEW TILE CODE ***/
.awflip .linkoverlay {
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
z-index:3;
cursor:pointer;
}
.awflip {
-webkit-perspective: 800;
perspective: 800;
height: 400px;
position: relative;
float:left;
padding:0;
}
.awflip .card.awflipped {
-webkit-transform: rotatey(-180deg);
transform: rotatey(-180deg);
}
.awflip .card .front:hover {
/* -webkit-transform: rotatey(-30deg);
transform: rotatey(-30deg);*/
}
.awflip:nth-child(2n+1) .card .front:hover {
/* -webkit-transform: rotatey(30deg);
transform: rotatey(30deg);*/
}
.awflip .card {
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
-webkit-transition: 0.5s;
transform-style: preserve-3d;
transition: 0.5s;
}
.awflip .card .face {
width: 100%;
height: 100%;
position: absolute;backface-visibility: hidden ;
-webkit-backface-visibility: hidden ;
z-index: 2;
text-align: center;
}
.awflip .card .front {
-webkit-transition: 0.2s;
transition: 0.2s;
position: absolute;
z-index: 1;
background-size:cover;
background-position:center center;
cursor: pointer;
}
.awflip .card .front p {
font-size:42px;
font-family: 'TitilliumWeb-Black';
/* font-weight:900;
*/ text-shadow: 0 3px 3px rgba(0,0,0,0.6);
margin:0;
line-height:1;
}
/* Pop */
/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.awflip.text-tile {
z-index:99;
}
.hvr-wobble-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
-webkit-animation-name: hvr-wobble-skew;
animation-name: hvr-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Pulse */
@-webkit-keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
-webkit-animation-name: hvr-pulse;
animation-name: hvr-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hvr-wobble-to-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
-webkit-animation-name: hvr-wobble-to-top-right;
animation-name: hvr-wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.awflip.text-tile p {
font-size:60px;
font-family: 'TitilliumWeb-Black';
/*font-weight:900;*/
color: #FFFFFF;
}
.awflip .card .back {
-webkit-transform: rotatey(-180deg);
transform: rotatey(-180deg);
cursor: default;
}
.awflip .card .back p.tiletext {
font-size:36px;
font-weight:900;
line-height:1;
}
.awflip .area {
height:100%;
width: 100%;
display:table;
text-align: center;
}
.awflip .content {
display:table-cell;
vertical-align:middle;
height: 100%;
width: 100%;
padding:20px;
}
.awflip .content p {
text-transform: lowercase;
}
/* ==========================================================================
Tile Styling
========================================================================== */
.tile .front {
background-attachment:scroll;
background-position: center center;
background-repeat: no-repeat;
background-size:cover;
}
.tile.animated.infinite { z-index:19; box-shadow: 0 4px 10px rgba(0,0,0,0.5)}
.ridestile { background-image: url('../../img/webapps/rides/aw-redback.jpg');}
.attractionstile { background-image: url('../../img/home/sideshow-alley.jpg');}
.groupstile { background-image: url('../../img/home/the-shed.jpg');}
.christmashomegroups { background-image: url('../../img/home/christmasgroups-Action=thumbnail&Width=600&Height=600&algorithm=fill_proportional.jpg');}
.whatsontile { background-image: url('../img/header-hero-4.jpg');}
.planyourvisittile { background-image: url('../../img/home/log-ride.jpg');}
.thevillagetile { background-image: url('../../img/home/aussie-world-village.jpg');}
.thevillagefoodtile { background-image: url('../crop_12645002_1085359981485251_4761421412259054441_n.jpg');}
.foodtile { background-image: url('../../img/home/food-tile.jpg');}
.parkmaptile { background-image: url('../../img/home/park-map-tile.jpg');}
.pubtile { background-image: url('../../img/content/pub_pork_lowres-1-Action=thumbnail&Width=600&Height=600&algorithm=fill_proportional.jpg');}
.cafetile { background-image: url('../img/cafe/cafe-1.jpg');}
.cp1tile { background-image: url('../img/functions/cp1.jpg');}
.cp2tile { background-image: url('../img/functions/cp2.jpg');}
.cp3tile { background-image: url('../img/functions/cp3.jpg');}
.cp4tile { background-image: url('../../img/content/functions/christmas/hero2-Action=thumbnail&Width=400&Height=400&algorithm=fill_proportional.jpg');}
.cp5tile { background-image: url('../img/functions/cp5.jpg');}
.cp6tile { background-image: url('../img/functions/cp6.jpg');}
.cp1tile .back p.tileheading, .cp2tile .back p.tileheading, .cp3tile .back p.tileheading. .cp4tile .back p.tileheading, .cp5tile .back p.tileheading, .cp6tile .back p.tileheading {
line-height:1.4em;
font-size:19px;
}
.functionstile { background-image: url('../img/functions/cp6.jpg');}
.schooltile { background-image: url('../img/functions/schools-image.jpg');}
.weddingstile { background-image: url('../img/shed/wedding-hero-Action=thumbnail&Width=700&Height=700&algorithm=fill_proportional.jpg');}
.sportstile { background-image: url('../img/functions/sports-image.jpg');}
.partiestile { background-image: url('../img/functions/birthday-image.jpg');}
.corporatetile { background-image: url('../../img/home/the-shed.jpg');}
.square-content p.tileheading {
text-align: center;
color: white;
font-size: 42px;
text-shadow: 0 3px 3px rgba(0,0,0,0.6);
}
.back .square-content p.tileheading {
text-shadow: none;
}
.square-content p.tileheading a.btn {
margin-top:40px;
text-shadow:none;
display:inline-block;
}
.infinite .square-content p.tileheading {
font-size:70px;
text-shadow:none;
}
.pyvtiles .square-content, .pyvtiles .centereddiv {
padding:0;
}
/* ==========================================================================
Sections
========================================================================== */
.home .tiles {
margin-top: 95px;
}
.tile, .tile * { text-transform: lowercase;
}
tile.infinite { z-index:19;}
section, footer { padding: 70px 0; border:1px solid white; border-left:none;border-right:none; background:none;}
section.annualpass, section.promoslider,.shedpub,.buycta,.instagram { padding:0;}
.instagram {
background: #FFFFFF;
line-height:0;
}
.instagramimagelink {
background-size: cover;
border: 2px solid #fff;
padding-bottom: 3px !important;
padding-left: 3px !important;
padding-right: 3px !important;
padding-top: 12.5%;
width:12.5%;
transition: all 0.25s ease-in-out 0s;
background-position: center center;
}
a.instagramimagelink:hover {
opacity:0.8;
}
.instagram .row {
position: relative;
}
.instagram .shareandwin {
height: 50%;
left: 25%;
opacity: 0.9;
z-index:10;
padding: 2.4% 40px;
position: absolute;
}
.background-layer2 {
background: url('../img/blue.jpg') center center no-repeat scroll #FFF;
background-size:cover;
}
.background-layer1 {
background: url('../img/pink.png') center center no-repeat fixed transparent;
background-size:cover;
}
.dottedlines {
border-bottom: 2px dashed #999;
border-top: 2px dashed #999;
margin:20px 0;
padding:80px 0;
}
section.main { background: #FFFFFF;margin-top:260px;}
section.mainnobg {
margin-top:0;
border:none;
background-attachment: fixed;
background-position: center center;
background-size: cover;
background-color: transparent;
}
.nobgheading { margin-top:60px;}
.annualpass .sectionsubheading {
font-size: 57px;
line-height: 1;
}
.annualpass .sectionheading {
font-size: 70px;
line-height: 1;
}
.promoslider {
background: transparent;
min-height: 550px;
}
.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.promoslider .carousel-control span{
color: rgba(255, 255, 255, 0.8);
font-size: 50px;
transition: 0.25s all ease-in-out;
}
.promoslider .carousel-control:hover {
color: rgba(255, 255, 255, 1);
font-size: 50px;
text-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.carousel-fade .carousel-control {
z-index: 2;
}
#home-slider, #home-slider .carousel-inner, #home-slider .item {
min-height: 550px;
}
#home-slider .item {
background-attachment: scroll;
background-position: center center;
background-size: cover;
}
#home-slider .sectionheading, #home-slider .sectionsubheading {
text-shadow: 0 2px 4px rgba(0,0,0,0.6);
}
.headerslider .carousel-indicators li {
height: 15px;
margin: 3px;
width: 15px;
-webkit-transition: 0.25s all ease-in-out;
-moz-transition: 0.25s all ease-in-out;
-o-transition: 0.25s all ease-in-out;
transition: 0.25s all ease-in-out;
}
.headerslider .carousel-indicators li.active {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.sectionheading {
font-size: 80px;
font-weight: 900;
margin-bottom: 0;
}
.sectionsubheading {
font-size: 33px;
font-weight: 900;
}
.calendaritem { margin-bottom:3px;}
.calendaritem:last-child { margin-bottom:0;}
.calendaritem .calendaricon, .calendaritem .calendarcontent { padding:30px;min-height:200px;}
.calendaritem .calendaricon { text-align:center;font-size:70px;padding-top:100px;}
.calendarheading {font-weight:900;font-size:22px; margin:0 0 15px 0;line-height:1;}
.calendardesc {height:105px;}
.calendardate {font-weight:900;font-size:16px;margin:0 0 15px 0;line-height:1;}
.calendaritem a i {transition: 0.25s all ease-in-out;}
.calendaritem a:hover { color: rgba(255,255,255,0.7);}
.calendaritem a:hover i { margin-left:5px;}
#webapp27545pagination { display:none;}
.shedpub .col-sm-6 {
padding:70px 0;
}
.calendaritem:nth-child(n+4) {
display: none;
}
.buycta a.col-xs-6 { padding:50px 0; font-size:30px;}
.buycta a .fa-arrow-circle-right { margin: 0 0 20px 0; font-size:25px;}
.buycta a p {transition: 0.25s all ease-in-out;font-weight:900;}
.buycta a:hover p {transform:scale(1.1);color: rgba(255,255,255,0.8);}
.buycta {border: 2px solid white;border-left:none;border-right:none;}
.buycta {text-shadow: none;}
.awbanner {
padding:0;
}
.awbanner p.promobannercta, .awbanner p.promobannercta a {
text-shadow: none;
font-family: 'Museo-Rounded';
}
.awbanner p.promobannercta a i {
font-size:25px;
}
.awbanner .col-sm-3 {
background-size:cover;
background-position: center center;
font-family: 'Museo-Rounded';
}
.awbanner .sectionheading {
line-height: 1;
margin: 140px 0;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
font-family: 'Museo-Rounded';
}
.awbanner img {
width: 180px;
margin-top:46px;
max-width:70%;
height:auto;
}
.thepubbanner, .theshedbanner { min-height: 550px;background-size:cover;background-attachment:fixed;background-position: center center;}
.thepubbanner { background-image: url('../../images/kids-party.jpg');}
.theshedbanner { background-image: url('../../images/Fundraising-Image-2-Bright.jpg');}
.thepubbanner .pubcta {
font-size: 48px;
font-weight: 800;
line-height: 1;
text-shadow: 0 3px 4px rgba(40, 40, 20, 0.8);
}
.theshedbanner .shedcta {
font-family: 'alot';
font-size: 48px;
font-weight:100;
line-height: 1;
}
.theshedbanner .shedcta > span{
color:#d1b0b3;
font-size: 20px;
font-weight: 800;
}
.promobannercta a {
color: #fff;
display: block;
font-size: 32px;
font-weight: 800;
margin-top: 22px;
}
.promobannercta a i {
transition: 0.25s all ease-in-out;
}
.promobannercta a:hover i {
margin-left:10px;
text-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
/* ==========================================================================
CALENDAR
========================================================================== */
#calendar {
margin-top: 50px;}
/* ==========================================================================
CALENDAR COLOURS
========================================================================== */
.event-Pink, .fc-event.event-Pink {background: #EC008C;}
.event-Blue, .fc-event.event-Blue {background: #00AEEF;}
.event-Orange, .fc-event.event-Orange {background: #F68A33;}
.event-Green, .fc-event.event-Green {background: #00B157;}
.event-Purple, .fc-event.event-Purple {background: #682B8D;}
.event-Yellow, .fc-event.event-Yellow {background: #FFD600;}
.event-ShedRed, .fc-event.event-ShedRed {background: #aa3539;}
.event-shedblue, .fc-event.event-shedblue {background: #002072;}
.event-shedpurple, .fc-event.event-ShedPurple {background: #3e1052;}
.event-ShedGold, .fc-event.event-ShedGold {background: #AD9A5D;}
.tc-Pink {color: #ee3823;}
.tc-Blue {color: #00AEEF;}
.tc-Orange {color: #F68A33;}
.tc-Green {color: #00B157;}
.tc-Purple {color: #682B8D;}
.tc-Yellow {color: #FFD600;}
.tc-ShedRed {color: #aa3539;}
.tc-shedblue {color: #002072;}
.tc-shedpurple {color: #3e1052;}
.tc-ShedGold, .tc-shedgold {color: #AD9A5D;}
a.fc-event {
color: #fff !important;
font-size: 13px;
line-height: 1.5em;
padding: 5px;
font-weight:600;
border: 0; }
.fc-unthemed .fc-today {
background: #eee; }
.fc-state-default,
.fc-state-hover {
background: #eee;
border: 0;
font-size: 13px;
border-right: 1px solid #ccc;
box-shadow: none; }
.fc-corner-right {
border: 0; }
.fc .fc-button-group > * {
margin: 0; }
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
background: #272727;
color: #fff;
text-shadow: none;
z-index: 4; }
.fc-day-header {
background: #00AEEF;
color: #fff;
padding: 10px 0 !important; }
a.fc-event.Campaign { background: #c72571; }
a.fc-event.Networking { background: #85C71E; }
a.fc-event.Segment { background: #8608ba; }
a.fc-event.Trade { background: #ff7f01; }
a.fc-event.Industry { background: #04BDE5; }
a.fc-event.School { background: #555; }
.calendar-legend {
background: #f7f8f9 none repeat scroll 0 0;
float: left;
padding: 20px;
width: 100%;
margin-top: 20px; }
.calendar-legend h2 {
margin: 0 0 20px 0; }
.calendar-legend ul,
.calendar-legend li {
list-style: square;
margin: 0;
padding: 0; }
.calendar-legend ul {
margin-left: 10px; }
.calendar-legend li {
font-size: 28px;
line-height: 20px; }
.calendar-legend li span {
color: #272727;
font-size: 14px;
font-weight: bold; }
.calendar-legend li.campaign { color: #c72571; }
.calendar-legend li.networking { color: #85C71E; }
.calendar-legend li.segment { color: #8608ba; }
.calendar-legend li.trade { color: #ff7f01; }
.calendar-legend li.industry { color: #04BDE5; }
.calendar-legend li.school { color: #555; }
/* ==========================================================================
RIDES + ATTRACTIONS + VILLAGE PAGES
========================================================================== */
section.rideswrapper,section.attractionswrapper, section.gfoverviewwrap, section.cfoverviewwrap {
padding-top: 200px;
border:none;
}
.cfoverviewwrap .tile .back *{
text-transform: none;
}
.cfoverviewwrap .tile .back a:hover {
color: rgba(255,255,255,0.7);
}
/* Rides list view */
.rideswrapper .ridetile, .attractionswrapper .ridetile {
padding:20px;
}
.attractionswrapper .ridetile .rideintro::after, .rideswrapper .ridetile .rideintro::after {
background: rgba(0, 0, 0, 0) url("../img/shadow-bottom.png") no-repeat scroll center top / cover ;
bottom: -47px;
content: " ";
height: 47px;
left: 0;
position: absolute;
width: 100%;
}
.rideswrapper .ridetile .rideintro, .attractionswrapper .ridetile .rideintro {
padding:16px;
position:relative;
}
.rideswrapper .ridetile .rideintro h3, .attractionswrapper .ridetile .rideintro h3 {
color:#444444;
font-size:20px;
min-height:40px;
transition: 0.25s all ease-in-out;
}
.rideswrapper .ridetile .rideintro p, .attractionswrapper .ridetile .rideintro p {
color:#444444;
min-height:100px;
margin-bottom:0;
}
.rideswrapper .ridetile .rideintro a.btn, .attractionswrapper .ridetile .rideintro a.btn {
padding: 15px 50px;
margin: 0px 0 10px 0;
}
.rideswrapper .ridetile.bounce .rideintro h3, .attractionswrapper .ridetile.bounce .rideintro h3 {
color: #00AEEF;
}
.rideimg {
width: 100%;
height: 250px;
}
.rideswrapper .ridetile .rideimg, .attractionswrapper .ridetile .rideimg {
overflow:hidden;
box-shadow: inset 0 0 0 rgba(0,0,0,0.1);
max-height:210px;
}
.rideswrapper .ridetile .rideimg img, .attractionswrapper .ridetile .rideimg img {
transition: 0.25s all ease-in-out;
}
.rideswrapper .ridetile.bounces .rideimg, .attractionswrapper .ridetile.bounces .rideimg {
box-shadow: inset 0 0 3px rgba(0,0,0,0.6);
}
.rideswrapper .ridetile.bounces .rideimg img, .attractionswrapper .ridetile.bounces .rideimg img {
transform:scale(1.1);
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
}
.rides-hero .col-sm-9, .attractions-hero .col-sm-9 {
padding-left: 0;
}
/* Rides detail view */
.rides .rideinfo,.attractions .rideinfo, .villageinfo {
border-bottom:0;
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;
background-position: top center;
}
.rides .rides-hero, .attractions .rides-hero, .village-hero {
padding-top: 600px;
padding-bottom:0;
margin-top:0;
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;
background-position: top center;
}
.rides .rides-hero h1, .attractions .rides-hero h1, .village-hero h2 {
display: inline-block;
font-size: 60px;
line-height: 1;
margin-bottom: 0;
padding: 40px;
text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.village-hero h2 {
font-size: 30px;
}
.bgc-orange2 h1 {
margin-top: .6em;
}
.villageinfo .openinghours {
padding:10px 40px;
}
.legend {
padding-top: 10px;
}
.rides .legend > div, .attractions .legend > div {
border-right: 1px solid #EEEEEE;
padding:10px 0;
}
.rides .legend > div:last-child, .attractions .legend > div:last-child {
border-right: none;
}
.rides .legend > div p, .attractions .legend > div p {
font-weight:900;
font-size:16px;
}
.rides .legend i.legendicon, .attractions .legend i.legendicon {
font-size:40px;
}
.legend-thrill img {
height: 40px;
margin: 0;
width: auto;
}
.rides .ridetext > .col-sm-6,.rides .ridetext > .col-sm-3, .rides .fbcomments .col-sm-12, .attractions .ridetext > .col-sm-6,.attractions .ridetext > .col-sm-3 .attractions .fbcomments .col-sm-12, .villageinfo .col-sm-8 {
padding: 45px;
}
.rides .ridetext > .col-sm-3 h2, .attractions .ridetext > .col-sm-3 h2 {
margin-top:0;
}
.rides .ridetext > .col-sm-6 h2, .rides .ridetext > .col-sm-6 h1, .attractions .ridetext > .col-sm-6 h2, .attractions.ridetext > .col-sm-6 h1, .villageinfo h1 {
margin-top:0;
margin-bottom:20px;
}
.feature-list {
list-style: outside none none;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
padding: 0;
}
.feature-list > li {
font-size: 20px;
font-weight: 700;
margin-bottom: 14px;
}
.feature-list .fa {
font-weight: 900;
margin-right: 7px;
}
.feature-list > li:last-child {
margin-bottom: 0;
}
.rides .thumbnailrow img, .attractions .thumbnailrow img, .villageinfo .thumbnailrow img {
padding:0;
}
.rideswrapper h2,.attractions h2 {
margin-top: 60px;
}
.rides .imagewrap, .attractions .imagewrap {
padding:0;
}
.villageinfo .col-sm-4 {
padding: 50px 25px;
}
.villageinfo .col-sm-4 h2 {
margin:0;
}
.villagecontactrow h3 {
margin-top: 0;
}
.villagecontactrow .col-sm-8 li {
font-size: 15px;
font-weight: 600;
margin-bottom: 13px;
}
.villagecontactrow .col-sm-8 i i {
color: #999;
width: 25px;
}
.villagecontactrow .col-sm-8 li a {
color: #444444;
}
.villagecontactrow .col-sm-8 i a:hover {
color: #EF0095;
}
.villagecontactrow .col-sm-4 p {
font-size: 27px;
font-weight: 700;
margin: 0;
}
.villagecontactrow .col-sm-4 {
padding: 50px 15px;
}
.villagecontactrow .col-sm-4 p i {
font-size: 69px;
}
.villagetext .bgc-blue a {
color: #fff;
text-decoration: underline;
}
/* ==========================================================================
STATUS PAGE
========================================================================== */
.statusrow:nth-child(2n) {
background: #F7F7F7 none repeat scroll 0 0;
}
.statusrow.header.bgc-blue {
background:#00AEEF;
}
.statusrow .img-responsive {
max-height: 65px;
}
.statusrow > div {
line-height: 1;
padding: 24px 10px;
}
.statusrow .imagewrap {
line-height: 0;
padding: 0 0 1px;
}
.statusrow.header {
font-size: 17px;
font-weight: 800;
}
.statusrow.header p {
line-height: 1;
margin: 0;
}
.statusrow.header > div {
padding: 15px 10px;
}
.statusrow > div.col-sm-1 {
text-align: center;
}
.legenddetail {
padding: 40px 25px;
}
.legenddetail > .col-sm-12 > p {
margin-bottom:40px;
}
.attrheader {margin-top:1.5em;}
.legendrow {
margin: 30px 0;
}
.legendrow .col-sm-6 {
border-right: 1px solid #eee;
font-weight: 700;
padding: 30px;
text-align: left;
}
.legendrow .col-sm-6 * {
line-height: 1;
margin: 0;
}
.legendrow .col-sm-6 .fa {
margin-right:10px;
}
/* ==========================================================================
WHATS ON PAGE // CALENDAR
========================================================================== */
.eventsearcher .col-sm-12 {
padding: 0;
}
.eventsearcher .catbox {
font-size: 16px;
font-weight: 700;
overflow: hidden;
padding: 5px;
}
.eventsearcher .catbox i {
display: block;
font-size: 40px;
margin-bottom: 10px;
}
.eventsearcher .catbox p {
line-height: 1;
margin: 0;
}
.eventsearcher .catbox div {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1), 0 0 5px rgba(255, 255, 255, 1) inset;
padding: 40px 0;
}
.eventsearcher * {
transition: all 0.25s ease-in-out 0s;
}
.eventsearcher .catbox i.fa-arrow-circle-right {
display: inline;
font-size: 17px;
position: relative;
}
.eventsearcher .catbox:hover div {
transform: scale(1.1);
}
.eventsearcher .catbox:hover i.fa-arrow-circle-right {
margin-left: 3px;
}
.filterbtn {
border: 2px solid #eee;
border-radius: 12px;
display: inline-block;
font-weight: 700;
margin-left: 20px;
padding: 5px 15px;
}
.filterbtn i {
margin-right: 2px;
}
.filterevents h3 {
font-size: 20px;
margin-top: 10px;
}
.filterevents {
padding: 24px 0;
}
.eventwrapper {
padding:0 10px;
position:relative;
}
.searchevents .btn {
width:15%;
}
.eventtile {
background: #FFFFFF;
height:100%;
}
.eventwrapper::after {
background: rgba(0, 0, 0, 0) url("../img/shadow-bottom.png") no-repeat scroll center top / cover ;
bottom: -47px;
content: " ";
height: 47px;
left: 0;
position: absolute;
width: 100%;
}
.eventwrapper {
margin-bottom: 20px;
}
.eventwrapper .eventimg {
overflow:hidden;
box-shadow: inset 0 0 0 rgba(0,0,0,0.1);
}
.eventwrapper .eventimg img {
transition: 0.25s all ease-in-out;
}
.eventwrapper.bounce .eventimg img {
transform:scale(1.1);
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
}
.eventwrapper .btn-green {
color: #FFFFFF !important;
}
.eventtile .legendicon {
background: #ffffff none repeat scroll 0 0;
font-size: 22px;
left: 40px;
padding: 14px;
z-index:5;
position: absolute;
}
.eventtile h3 {
font-size:22px;
min-height:60px;
line-height:1.3em;
}
.eventtile .content-overlay {
padding: 0 25px 25px;
}
.content-overlay a {
color: #444;
}
.content-overlay a.btn {
color: #FFFFFF !important;
}
.eventtile p {
height:60px;
}
.eventtile .eventfeatures {
font-weight: 500;
list-style: outside none none;
padding: 0;
min-height:95px;
}
.eventfeatures > li span {
display: inline-block;
width: 27px;
}
.eventfeatures > li strong {
width: 60px;
display: inline-block;
}
#calendar {
background: #FFFFFF;
padding:25px;
}
.fc-toolbar .fc-center h2 {
color: #EC008C;
font-size:36px;
text-transform:uppercase;
}
.fc-day-header {
background-color: #00AEEF;
}
.fc-unthemed td.fc-today {
background-color: #F7F7F7;
}
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
background-color: #FFD202;
box-shadow: none;
}
/* ==========================================================================
WHATS ON DETAIL VIEW
========================================================================== */
section.eventimg {
padding-bottom:0;
height:600px;
position:relative;
background-size:cover;
background-attachment:fixed;
background-repeat:none;
}
section.eventimg .eventtab {
position:absolute;
bottom:0;
padding:15px;
}
section.eventimg .eventtab p {
line-height:1;
}
section.eventimg .eventtab p.event-day {
font-size:90px;
font-weight:900;
margin:0;
}
section.eventimg .eventtab p.event-month {
font-size: 19px;
font-weight: 700;
margin-bottom: 0;
}
.event-detail {
border-bottom:0;
}
.event-detail h1 {
font-size:40px;
}
.event-detail .eventdescription {
padding:40px;
}
.event-detail .eventheader {
padding:40px
;
}
.event-detail .eventicon {
padding:0;
height:206px;
}
.iconwrapper {
font-size: 100px;
height: 80%;
padding-top: 15%;
text-align: center;
}
.event-detail .eventfeatures {
font-weight: 500;
list-style: outside none none;
padding: 0;
}
.event-detail .eventfeatures > li span {
display: inline-block;
width: 27px;
}
.event-detail .eventfeatures > li strong {
width: 60px;
display: inline-block;
}
.event-detail .eventfeatures > li a {
color: #FFFFFF;
transition: 0.25s all ease-in-out;
}
.event-detail .eventfeatures > li a:hover {
color: rgba(255,255,255,0.6);
}
/**
* AddToCalendar Base CSS
* http://addtocalendar.com
*/
/* Base */
.addtocalendar var{
display: none;
}
.addtocalendar {
position: absolute;
display: block;
background-color: rgba(0,0,0,0.1);
bottom:0;
width:100%;
padding:16px 0;
font-size: 22px;
font-weight: 800;
margin: 0;
}
.atcb-link:hover, .atcb-link:focus {
color: #ffffff;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.atcb-link {
display: block;
outline: none!important;
cursor: pointer;
color: #FFFFFF;
}
.atcb-link:focus~ul,
.atcb-link:active~ul,
.atcb-list:hover{
visibility:visible;
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
}
.atcb-list {
visibility: hidden;
position: absolute;
bottom: 100%;
left: 5%;
width: 90%;
text-align:center;
transition: 0.25s all ease-in-out;
transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
font-weight:300;
list-style: none;
font-size:17px;
padding:0;
z-index: 900;
background: #FFFFFF;
border-radius:8px;
box-shadow: 0 3px 4px rgba(0,0,0.0.1);
}
.atcb-list:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 20px;
margin-left: -20px;
}
.atcb-item {
float: none;
text-align: center;
}
.atcb-item-link
{
text-decoration: none;
outline: none;
display: block;
color: #00AEEF;
text-shadow:none;
padding:8px 5px;
border-bottom:1px solid #EEEEEE;
text-transform: uppercase;
font-weight:900;
}
.atcb-item:first-child .atcb-item-link {
border-radius: 8px 8px 0px 0px ;
}
.atcb-item:last-child .atcb-item-link {
border-bottom:none;
border-radius: 0px 0px 8px 8px;
}
.atcb-item-link:hover {
color: #FFFFFF;
background: #00AEEF;
}
.atcb-item.hover,
.atcb-item:hover {
position: relative;
z-index: 900;
cursor: pointer;
text-decoration: none;
outline: none;
}
.mapwrapper { position: relative;}
.mapwrapper .mapbase { position: relative;}
.mapwrapper .mapoverlay { position: absolute;top:0; pointer-events: none;}
.pointer { cursor: pointer;position:relative;width:100%;float:left;display:block;margin:2px 0;}
/**.pointer:after { content:">";right:0;position:absolute;}**/s
.bounce { transform:scale(1.4);
-webkit-transform:scale(1.4);
-ms-transform:scale(1.4);
}
.circle {
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 900;
margin-right: 5px;
padding: 2px 4px;
text-align: center;
width: 24px !important;
}
.tc-pink .circle {
background: #ec008c;
}
.tc-orange .circle {
background: #f68a33;
}
.tc-blue .circle {
background: #00aeef;
}
.tc-shedred .circle {
background: #aa3539;
}
.tc-purple .circle {
background: #682b8d;
}
.tc-green .circle {
background: #00b157;
}
.tc-yellow .circle {
background: #ffd600;
color: #111;
}
.mappointers h4 {
margin-bottom:5px;
margin-top:35px !important;
}
.pointer {
transition: 0.25s all ease-in-out;
}
.pointer:hover {
background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
border-radius: 11px ;
color: #111;
}
.pointer .fa.fa-arrow-circle-right {
margin-left:5px;
color: #999999;
transform:scale(0.8);
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transition: 0.25s all ease-in-out;
}
.pointer:hover .fa.fa-arrow-circle-right {
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
}
/* ==========================================================================
FOOTER
========================================================================== */
footer {
background: #000;
width: 100%;
padding-bottom:0;
border:none;
}
footer ul,
footer li {
list-style: none;
margin: 0;
padding: 0; }
footer ul {
margin-top: 0.5em;
}
.copyright {
padding: 15px 0;
color: rgba(255,255,255,1);
font-size: 11px;
float: left;
width: 100%;
= letter-spacing: 0.03em;
}
.footer-logo {
margin-bottom:20px;
}
.footerlogo > img{
max-width: 160px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.copyright .footer-sep {
margin: 0 20px;
color: rgba(255,255,255,0.3);
}
footer a, .copyright a {
color: #FFFFFF;
text-transform: lowercase;
transition: 0.25s all ease-in-out;
}
footer a:hover, .copyright a:hover {
color: rgba(255,255,255,0.5);
transform:scale(1.1);
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
}
.footercontact {
border-top: 1px solid rgba(255, 255, 255, 0.3);
margin-top: 60px;
}
.footercontact .col-sm-4 {
border-right: 1px solid rgba(255, 255, 255, 0.3);
line-height: 1;
padding: 40px 20px;
}
.footercontact .col-sm-4:last-child {
border-right: medium none;
}
.footercontact .fa {
font-size: 25px;
}
.footercontact .footerhours .fa {
font-size: 55px;
}
.footercontact .col-sm-4 p {
margin: 0;
font-weight:700;
}
.footercontact .footerhours p.strong {
font-size:20px;
}
.footercontact .footerphone p {
font-size: 30px;
}
.footercontact .col-xs-9 {
padding-left: 0;
}
footer .address {
padding-top: 10px!important;
}
footer .address .footer-p{
height: 30px;
}
footer .address span{
vertical-align: top;
}
footer .address i{
padding-top: 0px;
margin-top: -5px;
padding-right: 10px!important;
}
footer .footer-text {
width: 260px;
}
footer .address h3 {
margin-bottom: 20px;
}
footer .footer-text > div{
display: inline-block;
padding-left: 10px;
vertical-align: top;
}
.footersocial i {
font-size:22px;
margin-right:10px;
}
.footer-menu li a {
font-size: 22px;
font-family: 'TitilliumWeb-Black', sans-serif;
padding: 0;
letter-spacing: 0.05em;
line-height: 1em;
}
.sub-menu li a {
font-size: 14px;
line-height: 1.5em;
font-family: 'TitilliumWeb-Regular', arial, sans-serif;
font-weight: 500;
}
.sub-menu{
margin: 0.5em!important;
}
/* ==========================================================================
FUNCTIONS PAGES
========================================================================== */
#backgroundslider{
background-size: cover;
height: 100%;
position: fixed;
width: 100%;
z-index: -10;
}
#backgroundslider div {
overflow:hidden;
height:100%;
width:100%;
}
#backgroundslider img {
width:100%;
height:auto;
}
.page-Birthday .internalheader {
background-image: url('../img/functions/birthday-image.jpg');
}
.page-Schools .internalheader {
background-image: url('../img/functions/schools-image.jpg');
}
.page-Birthday {
background-image: url('../img/functions/birthday-image-blur.jpg');
}
.page-Schools {
background-image: url('../img/functions/schools-image-blur.jpg');
}
.page-Sporting .internalheader {
background-image: url('../img/functions/sports-image.jpg');
}
.page-Sporting {
background-image: url('../img/functions/sports-image-blur.jpg');
}
.page-Fun.Cafe .internalheader {
background-image: url('../img/cafe-bg.jpg');
}
.page-Fun.Cafe {
background-image: url('../img/cafe-bg-blurred.jpg');
}
.page-The.pub .internalheader {
background-image: url('../../img/content/pub_pork_lowres-1.jpg-Action=thumbnail&Width=1100&Height=1300&algorithm=fill_proportional.png');
}
.page-The.pub {
background-image: url('../img/pub-banner-bg-blurred.jpg');
}
.page-Functions .internalheader {
background-image: url('../img/functions/groupsandfunctions-image.jpg');
}
.page-Functions {
background-image: url('../img/functions/groupsandfunctions-image-blur.jpg');
}
.page-Birthday #backgroundslider, .page-Schools #backgroundslider, .page-Sporting #backgroundslider, .page-Functions #backgroundslider {
display:none;
}
.internalheader .row {
bottom: 0;
position: absolute;
}
.gfoverviewwrap .back p.tileheading {
font-size: 28px;
}
.cfoverviewwrap .back p.tileheading {
font-size: 20px;
font-weight: 500;
line-height: 1.1em;
}
.function-info > div {
padding: 37px;
}
.function-packages p.gifticon i.fa {
font-size: 100px;
}
.function-packages p i.fa.fa-plus-circle {
font-size: 50px;
margin-left: 10px;
margin-right: 20px;
position: relative;
top: -12px;
}
.function-packages p i.fa-birthday-cake {
font-size: 80px;
position:relative;
top:-10px;
left:-8px;
}
.function-packages h2 {
margin-bottom: 10px;
margin-top: 10px;
}
.function-packages > .col-sm-6 {
border-right: 2px dashed #ddd;
padding: 50px 30px;
}
.function-packages > .col-sm-6:last-child {
border-right: medium none;
}
.function-packages h3 {
margin-bottom: 30px;
}
.function-packages li {
margin-bottom: 10px;
}
.function-cta > div {
padding: 0;
}
.function-cta .cakebodytext {
padding: 40px;
}
.function-cta .cakepricing div {
padding: 30px 15px;
}
.cakepricing i {
font-size: 61px;
text-align: center;
}
.function-cta .col-xs-2 {
text-align: center;
}
.function-cta .col-xs-10 p {
margin-bottom: 0;
}
.function-cta .cakepricing {
margin-top: 3px;
}
.function-cta .cakeimgwrapper {
background: url('../img/functions/icecream-cake.jpg') center center no-repeat ;
background-size:cover;
}
.function-booking-information {
padding:40px;
}
.function-cta .testimonial::before {
color: rgba(255, 255, 255, 0.1);
content: "“";
font-family: arial;
font-size: 211px;
font-weight: bold;
left: 13px;
line-height: 1;
margin: 0;
padding: 0;
position: absolute;
top: 10px;
z-index: 99;
}
.function-cta .testimonial {
position: relative;
}
.schoolpackages div {
margin: 30px 15px;
padding: 30px;
}
.schoolpackages h3 {
margin-top: 0;
}
.function-parkmap h2 {
display: inline-block;
left: 35px;
margin: 0;
padding: 24px 35px;
position: absolute;
}
.function-parkmap {
position: relative;
overflow:hidden;
}
.function-parkmap .mapmarkers {
position:absolute;
}
.venuetable .venuetablerow {
padding: 16px 0;
}
.venuetable .venuetablerow .row {
padding: 0;
}
.venuetablerow .col-xs-9 {
padding: 0;
}
.venuetable .venuetablerow:nth-child(2n+1) {
background: #f5f5f5 none repeat scroll 0 0;
}
.venuetable {
padding: 30px;
}
.function-gallery * {
padding:0;
}
.function-venues .functionvenuetile {
background-size:cover;
background-position: center center;
text-align:center;
text-shadow: 0 3px 2px rgba(0,0,0,0.2);
padding:0;
border-left:1px solid #FFFFFF;
}
.function-venues h3 {
display: block;
margin: 100px 0 7px;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.9);
}
.function-venues .fairgroundtile {background-image:url('../img/functions/venue-themepark.jpg');}
.function-venues .theshedtile {background-image:url('../img/functions/venue-shed.jpg');}
.function-venues .cafetile {background-image:url('../img/functions/venue-cafe.jpg');}
.function-venues .thepubtile {background-image:url('../img/functions/venue-thepub.jpg');}
.function-venues .ovaltile {background-image:url('../img/functions/venue-oval.jpg');}
.function-venues .partycentraltile {background-image:url('../img/functions/venue-party-central.jpg');}
/* BIRTHDAY PARTY BOOKINGS */
#step1 .gifticon i {
font-size: 40px;
margin: 3px;
}
#step1 .gifticon i.fa-plus-circle {
font-size: 20px;
}
#step1 .gifticon {
margin-bottom: 0;
}
#step1 .col-sm-6 {
padding:2em;
}
#step1 .col-sm-6 > div {
border: 2px solid #f5f5f5;
padding: 2em;
position:relative;
height:100%;
}
#CAT_Custom_373014 {
border: none;
}
.partyamount {
font-size: 40px;
padding-top:20px;
font-weight: 700;
}
#step3 .partyamount {
border-radius: 14px;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.09) inset;
font-size: 40px;
font-weight: 700;
margin-top: 23px;
padding-top: 20px;
}
.partyamount #Amount {
border: none;
width:80%;
}
.partyamount #costpreview {
border: none;
}
.partyamount p {
font-size:14px;}
/* ==========================================================================
THINGS TO DO PAGES
========================================================================== */
.servicesrow {
background: #FFF none repeat scroll 0 0;
padding: 20px;
}
.servicesrow:nth-child(2n+1) {
background: #f2f2f2 none repeat scroll 0 0;
}
.servicesrow .col-xs-12 i {
font-size: 55px;
height: 100%;
margin: 25px 25px 25px 0 !important;
}
/* ==========================================================================
PRICING PAGE
========================================================================== */
.pricingrow .orbreak {
clear: both;
display: block;
font-weight: 900;
}
.pricingrow .pricename { font-size:20px;
font-weight:900;
}
.pricingrow .pricingicon { font-size:30px;}
.pricingrow > a:hover {
color: inherit;
}
.pricingrow > a > div {
padding: 20px;
border: 2px solid #EEE;
height:100%;
transition: 0.1s all ease-in-out;
}
.pricingrow > a:hover > div {
transform:scale(1.1) !important;
-webkit-transform:scale(1.1) !important;
-ms-transform:scale(1.1) !important;
box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
.pricingrow .pricetag { font-size:40px;font-weight:900;margin-bottom:0;
}
.pricingrow .pricetagonline { font-size:20px;font-weight:900;}
.pricingrow a.tc-blue:hover {
color: #00AEEF;
}
.pricingrow a.tc-purple:hover {
color: #682B8D;
}
.pricingrow a.tc-orange:hover {
color: #F68A33;
}
.pricingrow a.tc-green:hover {
color: #00B157;
}
.pricingrow.annualgift { margin:70px 0;}
.september .fa-ticket {
font-size: 60px;
}
.september .pricetag {
font-size: 26px;
}
.september.pricingrow .pricename {
font-weight: 700;
}
.september.pricingrow .btn {
position: relative;
top: 6px;
}
.september.pricingrow .col-lg-offset-2 {
margin-left:19.8%;
}
.september.pricingrow:hover,.september.pricingrow:visited,.september.pricingrow:focus {
color: #ec008c;
}
/* ==========================================================================
INTERNAL CUSTOM PAGES
========================================================================== */
.page-Schools .internalheader {
background-image: url('../img/functions/schools-image.jpg');
}
.page-Birthday {
background-image: url('../img/functions/birthday-image-blur.jpg');
}
/* ==========================================================================
MISCELLANEOUS - don't just dump crap in here!
========================================================================== */
.internalheader {
border: none;
padding: 0;
position: relative;
height:380px;
background-size:cover;
background-position: center center;
background-attachment:fixed;
}
.internalheader h1 {
display: inline-block;
font-size: 60px;
line-height: 1;
margin-bottom: 0;
position:relative;
z-index:3;
padding: 40px;
text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.internal h1, .internal h2 {
text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.bgc-white.content h2 {
text-shadow: none;
}
.internalheader .col-sm-12 {
padding-left: 0;
}
.internalheader .carousel .item {
background-attachment: scroll;
background-size: cover;
background-position: center top;
height: 380px;
}
section.content .container .row .col-sm-12 *:first-child {
margin-top: 0;
}
.getting-here-map {
width:100%;
height:450px;
}
.form-control {
border: 2px solid #eee;
border-radius: 0;
box-shadow: none;
height: auto;
padding: 7px 14px;
}
.form-control:focus {
border: 2px solid #00AEEF;
}
.functionform h3{
display: block;
margin-bottom: 20px;
margin-top: 40px !important;
}
/* ==========================================================================
MISCELLANEOUS - don't just dump crap in here!
========================================================================== */
/* ==========================================================================
MODULE STYLESHEET OVERRIDE
========================================================================== */
.form label,
.webform label {
font-size: inherit !important; }
.system-message,
.system-error-message {
background-color: transparent !important;
border: none !important;
color: auto !important;
margin: 0 !important;
min-height: auto !important;
height: auto !important;
padding: 0 !important;
text-transform: none;
}
.system-message {
background: none !important; }
.system-error-message {
background: none !important; }
.system-message h1,
.system-error-message h1 {
color: inherit !important;
margin: inherit !important;
font-size:50px;
text-transform: lowercase !important;
margin-bottom:10px !important;
color: #00AEEF !important;
}
.system-message a:link,
.system-error-message a:link {
color: inherit !important; }
.secure-login, .newsletter-form {
background: none !important;
border: none !important;
margin-bottom: 0 !important; }
table.productTable td {
padding: 0 !important; }
table.catalogueTable {
margin: 0 !important; }
tr.discount td.quantity {
text-align: left !important; }
tr.shipping td {
border-bottom: none !important; }
.giftvoucher, .cart th {
border-bottom: 1px solid #ddd; }
tr.val td {
border-bottom: 1px solid #ddd; }
tr.total {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; }
tr.total td {
padding: 20px 10px; }
table.cartSummaryTable {
float: none !important;
font-size: auto !important; }
.poplets {
border: 0 !important;
margin: 0 !important;
padding: 0 !important; }
.poplets img {
border: 0 !important; }
.shop-main {
margin-top: 0; }
/* ==========================================================================
THE PUB PAGE
========================================================================== */
.page-The.pub {
background-image: url('../img/pub/pub-wood.jpg');
}
.barandgrill .col-sm-12 {
padding: 10px 45px 30px;
}
.galleryrow * {
padding:0;
}
.galleryrow {
border:1px solid #FFF;
}
.galleryrow img {
border-right:1px solid #FFF;
}
.galleryrow .col-sm-4:last-child img {
border-right:none;
}
.page-The.pub .eventtile p {
height: 200px;
}
.page-The.pub .internalheader h1 {
bottom: -6px;
}
.bg-pubwood { background: url('../img/pub/pub-wood.jpg') center center no-repeat #AB0434;background-size:cover;}
.bg-pubwoodlight { background: url('../img/pub/pub-wood-light.jpg') center center no-repeat #AB0434;background-size:cover;}
.bg-pubtin { background: url('../img/pub/pub-tin.jpg') center center no-repeat #AB0434; background-size:cover;}
.bgc-pubtransdark { background-color: rgba(20,20,20,0.8); }
.pubaddress h3 {
line-height:1.3em;
}
.pubaddress a:hover {
color: #ffd600;
}
/* ==========================================================================
KIDS CLUB
========================================================================== */
.videolist > .row {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 21px;
transition: 0.25s all ease-in-out;
}
.videolist > .row:hover, .videolist > .row.active {
background: rgba(0,0,0,0.1);
cursor:pointer;
}
.videolist {
padding: 0;
}
.videolist {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
display: table-cell;
height: 427px;
overflow: scroll;
position: relative;
}
.videolist .col-xs-9 {
padding-top: 21px;
}
.videolist .viddate {
opacity:0.6;
margin-top:0;
}
.videothumbnail {
background-position: center center;
background-size: cover;
border-radius: 50%;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
padding-top: 25%;
}
.videowrapper, .colouringwrapper {
box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
.colouring .awflip .card .front {
background-size:contain;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
.colouring .awflip .card .front {
vertical-align: bottom !important;
}
.colouring .awflip .front .content {
vertical-align: bottom;
}
.colouring .awflip .front .content p {
text-shadow: 0 0 4px rgba(255, 255, 255, 1), 0 0 14px rgba(255, 255, 255, 1);
}
/* ==========================================================================
MEDIA QUERIES
========================================================================== */
@media (min-width: 2000px) {
.instagram .shareandwin {
height:50%;
}
}
@media (min-width: 1199px) {
.video {
height:550px;
}
.internalheader {
height:640px;
}
.internalheader .carousel .item {
height: 640px;
}
.rideswrapper .ridetile {
height: 640px;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 768px) {
.villagetext, .villagecontactrow {
display: flex;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 1199px) {
.video {
height:530px;
}
nav.navbar ul.main-menu > li > a {
font-size:15px;
}
.navbar-default .container {
width: 100%;
padding-left: 20px;
}
.function-cta {
position: relative;
}
.function-cta .cakeimgwrapper {
height: 100%;
position: absolute;
right: 0;
}
.function-cta .cakepricing .col-xs-2 {
display: none;
}.calendardesc {
height: 150px;
}
.calendaritem .calendaricon {
padding-bottom: 125px;
}
.awflip .btn {
padding: 15px 5px;
width: 100%;
}
.awflip .card .back p.tiletext {
font-size: 24px;
}
}
@media (max-width: 992px) {
.headerslider div.row {
height: auto !important;
text-shadow: 0 3px 4px rgba(0,0,0,0.1);
bottom: 10%;
transform: none;
margin-bottom:20%;
}
.headerslider {
height:500px;
margin-top: 88px;
}
.headerslider .item {
background-attachment: scroll;
}
.headerslider .dHead {
text-align: center;
padding: 15px 10px;
display:block;
}
.headerslider .sHead {
text-align: center;
padding: 10px;
margin-left:0;
top:-5px;
width:90%;
display:inline-block;
left:50%;
transform: translateX(-50%);
}
.headerslider .dHead .sectionheading {
font-size: 28px;
line-height:29px;
}
.headerslider .sHead .sectionsubheading {
font-size:18px;
margin-bottom:0;
}
.imageSlide div.row {
transition: none;
transform: none;
top: 0 !important;
margin:0;
bottom:0;
height: 100% !important;
position:absolute;
}
.imageSlide .col-xs-12 {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.video {
height:430px;
}
input#DiscountCode,
input#GiftVoucher {
margin-bottom: 20px; }
.no-padding-mobile {
padding: 0; }
nav.navbar ul.main-menu > li > a {
font-size: 14px;
padding: 10px;
}
#navbar-collapse-main {
ppadding-left: 0!important;
ppadding-right: 0!important;
}
.navbar a.btn {
font-size: 14px;
}
.navbar .btn span {
padding: 21px 12px;
}
.navbar .btn i {
padding: 17px 6px;
}
.tile {
height:300px;
}
.awflip { height: 300px;}
.awflip .card .front p { font-size:35px;}
.awflip .mobile.linkoverlay { display:block;}
.square-content p.tileheading {
font-size:36px;
}
.thepubbanner .img-responsive, .theshedbanner .img-responsive {
margin: 0 auto 20px auto;
width: 50%;
}
.thepubbanner *, .theshedbanner * {
/*text-align: center;
font-size: 28px !important;*/
}
.shedctasubline, .promobannercta a, .promobannercta a i {
font-size:24px !important;
}
.thepubbanner, .theshedbanner {
background-attachment: scroll;
}
.pricingrow .col-md-6 {
margin-bottom: 30px;
}
section.bgc-white {
padding: 30px 0;
}
section.bgc-white .container {
padding: 0 45px 0 15px;
}
.cfoverviewwrap .awflip { height:300px;}
.awbanner .sectionheading {
font-size:44px;
}
.instagram .shareandwin {
left: 0;
opacity: 1;
position: relative;
width:100%;
padding:20px;
}
.instagram .shareandwin h3 {
line-height: 1.1em;
}
.calendaricon { display:none;
}
.instagram h2 {
margin-top: 0 !important;
}
.september.pricingrow span {
display: block;
text-align: center !important;
}
.september.pricingrow .text-left i.fa-ticket {
display: block;
float: none !important;
font-size: 32px;
margin: 0 auto;
}
.september.pricingrow .col-lg-offset-2 {
margin-left:0 !important;
}
}
@media (max-width: 767px) {
section.bgc-white .container {
padding: 0 15px 0 15px;
}
.instagramimagelink.col-xs-4 {
padding-top: 33.33333%;
width: 33.33333%;
}
.navbar-header {
display: block !important;
}
.frontpage {
display: none;
}
.mobile-homepage {
display: block;
}
.affix-top {
top: 0!important;
}
.buttonactionhome {
display: none;
}
.img-responsive-ride {
width: 40%;
margin: 0px auto;
height: auto;
}
.ridecontent > a > .rideimg {
display: none;
}
nav.navbar ul.main-menu > li > a, .homepage ul.main-menu > li > a {
font-size: 14px;
padding: 10px 0px 10px 0px;
}
/*
.homepage ul.main-menu > li:nth-last-child(3),
.homepage ul.main-menu > li:nth-last-child(2),
.homepage ul.main-menu > li:last-child {
display: block;
} */
#navbar-collapse-main {
text-align: left;
}
.navbar-header .buy-btn{
background-color: #ee3823;
padding: 7px 10px;
margin: 16px 9px 5px 5px;
border-radius: 0px;
}
.navbar-header .buy-btn:hover, .navbar-header .buy-btn:visited {
color: white;
}
.instagramimagelink.col-xs-4:nth-child(n+10) {
display:none;
}
.desktop { display: none; }
.mobile { display: block; }
a.bgc-pink.tc-white.strong.mobile {
display: inline-block !important;
}
* { background-attachment: scroll !important;}
h1 {
font-size: 36px;
margin: 0 0 .8em 0;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 16px;
}
.footer-menu li a {
font-size: 16px;
}
.sub-menu li a {
font-size: 14px;
line-height: 1.5em;
font-family: 'TitilliumWeb-Regular', arial, sans-serif;
}
/* footer responsive code */
.footerlogo {display:none;}
.footercontact .footerphone p {
font-size: 23px;
}
.footercontact .fa {
font-size: 31px;
}
.footercontact .footerhours p.strong {
font-size: 16px;
}
.footercontact .col-sm-4 {
border-right: medium none;
padding: 35px 0 !important;
}
footer .tc-white > h3 {
line-height: 1.2em;
}
footer .address {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.copyright {
letter-spacing: 0;
text-align:center !improtant;
}
.servicesrow .col-xs-12 i {
display:none;
}
.video {
height:250px;
}
/* Nav Responsive */
img#mainlogo {
left: 50%;
margin-left: -100px;
top: 10%;
width: 200px;
height: auto;
z-index: 1;
}
nav.navbar ul.main-menu > li{
width:100%;
border-right:0;
border-bottom:1px dashed #ddd;
float:none;
display:block;
}
ul.main-menu li:hover ul, ul.main-menu li ul {
display:none;
}
.navbar a.btn {
display: block !important;
float: none !important;
text-align: left;
width: 100%;
}
nav.navbar ul.main-menu > li a .fa {
position: absolute;
right:0;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
nav.navbar ul.main-menu > li:nth-child(2) a .fa {
transform: rotate(-0);
-webkit-transform: rotate(-0);
-ms-transform: rotate(-0);
}
.navbar .btn i {
height: auto;
position: absolute;
right: 9px;
}
.navbar .btn span {
padding: 25px;
text-align: left;
}
.home .tiles {
margin: 0 !important;
border:none !important;
padding:0 !important;}
section.rideswrapper, section.attractionswrapper, section.gfoverviewwrap, section.cfoverviewwrap {
padding: 128px 0 20px;
}
section.tiles .container {
margin:0px 0 0 0;
}
.tile {
height:200px;
}
.awflip.text-tile { display: none;}
.awflip { height: 200px;border:1px solid white;}
.awflip .card .front p { font-size:25px;}
form .blank { min-height: 2px; }
.checkoutActions .btn,
a#catshopclear,
a#catshopbuy {
width: 100% !important;
float: left;
text-align: center;
margin: 10px 0 0 0;
font-size: 14px !important; }
.internalheader,.internalheader .carousel .item {
height:400px;
background-attachment: scroll;
}
.internalheader h1 {
font-size:32px;
}
.btn, .btn:visited, #catshopclear, #catshopbuy {
font-size:16px !important;
padding: 20px 30px;
}
.btn:hover, .btn:visited, #catshopclear:hover, #catshopbuy:hover {
padding:20px 35px;
}
.ticklistpink {
margin:20px 0;
}
/* RIDE LIST */
.rideswrapper .ridetile .rideintro p, .attractionswrapper .ridetile .rideintro p {
display: none;
}
.rideswrapper .ridetile .rideintro, .attractionswrapper .ridetile .rideintro {
/*height: 171px;
padding: 5px; */
}
/*RIDE STATUS */
.statusrow .imagewrap{
display:none;
}
.statusrow.header .col-xs-5 {
display:none;
}
.statusrow .col-sm-4.col-xs-offset-2.col-xs-10 {
padding:5px 0;
}
.tiles .tile.infinite {
display:none;
}
.promoslider .sectionheading {
font-size: 53px;
line-height:1.1em;
}
.animatedmessage p {
font-size:13px;
}
.rides .rides-hero, .attractions .rides-hero, .village-hero {
padding-top: 300px;
}
.rides .rides-hero h1, .attractions .rides-hero h1, .village-hero h2 {
font-size:30px;
}
section.mainnobg {
padding-top: 15px;
padding-bottom:15px;
}
.function-info > div {
padding: 20px;
}
.barandgrill .col-sm-12 {
padding:10px 14px 30px;
}
.function-booking-information {
padding: 6px;
}
.square-content, .centereddiv {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.square-content p.tileheading a.btn {
font-size: 18px;
height: 100%;
left: 0;
line-height: 1.3em;
margin: 0;
padding-top: 24%;
position: absolute;
top: 0;
white-space: inherit;
width: 100%;
}
.square-content p.tileheading {
font-size:22px;
}
.annualpass .sectionheading {
font-size: 35px;
}
.annualpass .sectionsubheading {
font-size: 27px;
}
.annualpass .dottedlines {
padding: 56px 0;
}
.carousel-fade .carousel-control { display: none;}
.gifticon i {
font-size: 48px !important;
top: 0 !important;
}
.function-cta .cakepricing div {
padding: 20px;
text-align: center;
width: 100%;
}
.function-cta .cakepricing h3 {
margin-top:0 !important;
}
.annualpass .btn {
margin: 0 0 5px;
width: 100%;
}
.function-packages > .col-sm-6 {
border: medium none;
border-bottom: 2px dashed #eee;
padding: 30px;
}
.venuetable { padding:0;}
.pricingrow.annualgift { margin: 0 0 30px 0;}
.annualgift h3 {
margin-top:30px !important;
}
.dottedlines { border:none;margin:0;}
.ticklistpink li { line-height:1.1em;
margin: 0 0 15px 0;
}
#home-slider, #home-slider .carousel-inner, #home-slider .item, .homepromo {
min-height: 300px;
text-align: center;
}
#home-slider .item .centered-content {
font-size: 28px !important;
padding: 0 28px;
}
#home-slider .item .centered-content p {
font-size: 23px;
line-height: 1.1em;
}
#home-slider .item .centered-content p.sectionheading, .homepromo p.sectionheading {
font-size: 30px;
margin-bottom: 20px;
}
.promoslider {
min-height: 300px;
}
.pricingrow .pricingicon, .pricingrow .pricename, .pricingrow .pricetag, .pricingrow .pricetagonline {
margin-bottom: 0;
}
.calendardesc {
height: auto;
}
.buycta a.col-xs-6 {
padding: 25px;
font-size: 22px;
line-height: 1;
margin-bottom: 0;
}
.buycta a p {
margin-bottom: 0;
}
section, footer {
padding: 30px 0;
}
.rides .ridetext > .col-sm-6, .rides .ridetext > .col-sm-3, .rides .fbcomments .col-sm-12, .attractions .ridetext > .col-sm-6, .attractions .ridetext > .col-sm-3 .attractions .fbcomments .col-sm-12, .villageinfo .col-sm-8 {
padding: 20px;
}
.ridetext .col-sm-6 {
padding-top: 20px;
padding-bottom: 20px;
}
section.eventimg {
height: 400px;
}
.iconwrapper {
display: none;
padding: 20px 0 60px;
}.event-detail .eventicon { padding:0;
height:auto;
}
.event-detail .eventdescription {
padding: 20px;
}
.eventdescription .btn {
width: 96%;
}
.event-detail .eventheader {
padding: 22px;
}
.event-detail h1 {
font-size: 29px;
}
.addtocalendar {
display: block;
font-size: 18px;
margin-top: 11px;
padding: 7px 0;
position: relative;
}
section.eventimg .eventtab p.event-day {
font-size: 50px;
}
.pricingrow.september span {
display: block;
}
.september.pricingrow .btn {
top: 0;
}
.september .fa-ticket {
font-size: 37px;
}
/* end 764 MQ */
}
@media (max-width: 480px) {
.img-responsive-ride {
width: 80%;
margin: 10px auto;
height: auto;
}
.video {
height:187px;
}
img#mainlogo {
left: 50%;
margin-left: -75px;
top: 10%;
width: 150px;
height: auto;
z-index: 1;
}
}
/* ==========================================================================
iPad
========================================================================== */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}
/* =======================================================================
CROSSBROWSER (target with the following classes)
======================================================================= */
.ie7 {}
.ie8 header ul li ul { display:none;}
.ie8 header ul li:hover ul { display:inline;}
.ie8 .awflip .back { display:none; -ms-transition: 0.25s all ease-in-out;}
.ie8 .awflip:hover .back { display:block;}
.ie9 .awflip .back { display:none; -ms-transition: 0.25s all ease-in-out;}
.ie9 .awflip:hover .back { display:block;}
.ie9 {}
/* ==========================================================================
HELPER CLASSES - Leave directly before print styles
.ir (image replacement) | .hidden (display:none) .visuallyhidden
.clearfix (for naughty floats: h5bp.com/q)
========================================================================== */
.noscript {background: #000; font: bold 10px/12px sans-serif; color:#ff0; text-align: center; padding: 5px;}
.ir {display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0;}.ir br{display:none;}
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
}
/**** THEMES ****/
body.themehalloween {
background: rgba(0, 0, 0, 0) url("../img/theme/halloween/halloween-bg.jpg") no-repeat fixed center center / cover ;
}
.themehalloween .awflip.text-tile.hvr-wobble-skew {
background: #f68a33 none repeat scroll 0 0;
}
.themehalloween .awflip.text-tile.hvr-wobble-to-top-right {
background: #682b8d none repeat scroll 0 0;
}
.themehalloween .whatsontile {
background-image: url("../img/theme/halloween/whats-on.jpg");
}
.themehalloween .tiles .container::before {
background: rgba(0, 0, 0, 0) url("../img/theme/halloween/bat-left.png") no-repeat scroll right top / contain ;
content: " ";
height: 200px;
left: -200px;
top:300px;
position: absolute;
width: 200px;
}
.themehalloween .tiles .container::after {
background: rgba(0, 0, 0, 0) url("../img/theme/halloween/bat-right.png") no-repeat scroll right top / contain ;
content: " ";
height: 200px;
right: -200px;
top:700px;
position: absolute;
width: 200px;
}
.themehalloween .tiles {
padding-bottom:100px;
}
.themehalloween .tiles .container {
position: relative;
}
.themehalloween .awflip.text-tile.hvr-pulse::after {
background: rgba(0, 0, 0, 0) url("../img/theme/halloween/web-lg.png") no-repeat scroll left top / contain ;
top: 0;
content: " ";
height: 59%;
right: 0;
position: absolute;
width: 59%;
}
.themehalloween .awflip.text-tile.hvr-wobble-skew::after {
background: rgba(0, 0, 0, 0) url("../img/theme/halloween/web-sm.png") no-repeat scroll left top / contain ;
top: 0;
content: " ";
height: 39%;
left: 0;
position: absolute;
width: 39%;
}
body.themechristmas {
background: #FFFFFF url("../img/christmas-bg.jpg") no-repeat fixed center center / cover ;
}