/*
Theme Name: CustomTheme
Author: Acorn Web Design
Description: Wordpress theme created by Acorn Web Design
Version: 1
*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="reset"],input[type="submit"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/Poppins-Light.woff') format('woff');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Poppins-Regular.woff') format('woff');
}





:root {
  --dark-colour: #4b5e52;
  --mid-colour: #a6b8a8;
  --pale-colour: #cfded3;
  --background-colour: #f3f7f4;
	
  --link-colour: #4d9856;
  --link-hover-colour: #4d9856;

  --menu-bar-colour: #4b5e52;
  --content-font: "Poppins", sans-serif;
  --heading-font: "Poppins", sans-serif;
}



* {
  padding: 0;
  border: none;
  margin: 0;
  color: #474747;
  box-sizing: border-box;
}

*:focus {outline: 3px dashed var(--dark-colour);}

/* SCROLLBAR */

/* width */
::-webkit-scrollbar {width: 10px;}
/* Track */
::-webkit-scrollbar-track {background: var(--pale-colour);}
/* Handle */
::-webkit-scrollbar-thumb {background: var(--dark-colour);}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: var(--dark-colour);}
html {scrollbar-color: var(--dark-colour) var(--pale-colour);scrollbar-width:thin;}

/* GENERIC */
body {background-color: var(--background-colour);font-size:125%;line-height: 150%;font-family:var(--content-font);font-weight:300;margin: 0;}


a:link {color: var(--link-colour);text-decoration:none!important;}
a:hover {color: var(--dark-colour);text-decoration:none!important;}
a:active {color: var(--link-colour);text-decoration:none!important;}
a:visited {color: var(--link-colour);text-decoration:none!important;}
.mail-link span {color: var(--link-colour);text-decoration:none!important;}
p {padding:0.7em 0;}
h1 {padding:0.7em 0;font-size:140%;line-height:120%;font-family:var(--heading-font);color:var(--dark-colour);}
h1.entry-title {text-align:center;}
h2 {padding:0.7em 0;font-size:135%;line-height:120%;font-family:var(--heading-font);color:var(--dark-colour);}
h3 {padding:0.7em 0;font-size:120%;line-height:120%;font-family:var(--heading-font);color:var(--dark-colour);}


/* BACKGROUND COLORS */
.odd {background-color:var(--pale-colour);border: 1px solid transparent;margin-top:25px;}
.even {background-color:var(--background-colour);border: 1px solid transparent;}
.cta {background-color:var(--pale-colour);border: 1px solid transparent;font-size:115%;}
#footer {background-color: var(--dark-colour);border: 1px solid transparent;padding-top: 25px;}


/* HEADER */
#header-container {background-color: var(--mid-colour);position: -webkit-sticky;position: sticky;top: 0px;z-index: 999;display:block;}
#header {width:100%;}
#site-title {display:flex;flex-direction:row;}
#logo {padding-bottom:1px;width:60%;padding-left:10px;padding-top:10px;}
#logo img {width:100%;transition: width 0.3s ease; /* Add a transition for smooth resizing */}
#logo.small-logo img {width: 75%; /* Adjust this value as needed */}
.custom-logo-link {width:100%;}
.custom-logo-link img {width:100%;max-width:400px;}
#top-image {width:100%;}
#top-image img {width:100%;display:block;}

#hero-container {position:relative;display:block;}
div#sitename {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.hero-caption {position: absolute;top: 50%;left:2%;transform: translateY(-50%);padding: 2px;text-align: left;display:block;z-index:2;width:29%; }
.primary-caption h2 {font-size:80%;color:var(--background-colour);text-align:center;padding-top:0;font-style:italic;font-weight:300;text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);padding-top:10px;}	
span.hero-smaller {font-size:70%;color:var(--background-colour)!important;padding-top:10px;display:block;line-height:110%;}
.hero-button {background-color:var(--pale-colour);padding:6px;border-radius:15px;font-weight:500;font-size:84%;display: table;margin-left:auto;margin-right:auto;border:3px solid var(--dark-colour);box-shadow: 2px 2px 4px rgba(0,0,0,0.4);margin-top:10px;}
.primary-caption .hero-button {display:none;}
.hero-button:hover{background-color:var(--background-colour);}
.hero-button a:link, .hero-button a:visited, .hero-button a:hover, .hero-button a:active {color: var(--dark-colour)!important;}

/* FAT BOOKING */
.standard-content .fat-sb-services-layout ul.fat-sb-tab li:not(.fat-disabled):hover, .fat-sb-services-layout ul.fat-sb-tab li.active {background-color: var(--dark-colour)!important;color: #fff;}
.hm-booking-intro {font-size:120%;margin-bottom:20px;}
.fat-sb-tab-content .completed  {font-size:120%;margin-bottom:20px;}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {background-color: var(--pale-colour);}
.fat-sb-tab-content.completed[data-tab="completed"] h3 + div::before {
    content: "Gate Code: 2026";
    display: block;
    margin: 0 0 20px;
    padding: 14px;
    background: #f3f5f4;
    border: 2px solid #4b5e52;
    border-radius: 8px;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    color: #4b5e52;
}
.fat-sb-order-stripe form#stripe-payment-form #card-element, .fat-sb-order-stripe form#stripe-payment-form .card-element, .stripe-form .card-element {line-height: 1em;
    padding: .6em 1em;
    font-size: 1em;
    border: 1px solid rgba(34, 36, 38, .15);
    color: rgba(0, 0, 0, .87);
    border-radius: .28571429rem;
    margin: 0;
    outline: 0;
    width: 100%;background-color:#ffffff;}




/* FOOTER */

.menu-bottom-menu-container {width:100%;}
#menu-bottom-menu {display:flex;flex-direction:column;flex-wrap: nowrap;justify-content:space-evenly;align-items: center;padding-bottom:30px;width:100%;}
#menu-bottom-menu li {width: 100%;padding-top:20px;}
#menu-bottom-menu li a {color:var(--xpale-colour);}
#menu-bottom-menu li a:hover {color:var(--pale-colour);}
#footer-image {position:relative;z-index:-1;clear:both;}
#footer-image img {width:100%; height:auto;display:block;}
#footer-content {display:flex;flex-direction:column;flex-wrap: nowrap;justify-content:space-evenly;align-items: center;padding-bottom:30px;}
#areas {color:#ffffff!important;margin-top:15px;width:100%;text-align:center;}
#legal {color:#ffffff!important;margin-top:15px;width:100%;text-align:center;}
#contact {color:#ffffff!important;margin-top:15px;width:100%;text-align:center;}
div#footer-menu {color: #ffffff;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: var(--background-colour)!important;}
#footer a.mail-link:link, #footer a.mail-link:visited, #footer a.mail-link:hover, #footer a.mail-link:active, #footer a.mail-link span {color: var(--background-colour) !important;}
#footer-content .bold {font-weight:800;color:#ffffff;letter-spacing:1px;}
.icon {margin-bottom:-10px;margin-right:8px;}
#footer a.mail-link:link, #footer a.mail-link:visited, #footer a.mail-link:hover, #footer a.mail-link:active, #footer a.mail-link span {color: var(--background-colour) !important;}


/* HAMBURGER MENU */
#menu-control {padding-top:20px;padding-bottom:10px;font-size:140%;text-align: right;padding-right:10px;width:40%;}
.hamburger-button {display: inline-block;cursor: pointer;border: none;background: none;padding: 10px;}
.hamburger-button span {display: block;width: 24px;height: 3px;margin: 5px auto;background-color: var(--background-colour); transition: background-color 0.3s ease;}
.hamburger-button:hover span {background-color:var(--background-colour);}
#menu {display:none;}
#menu.responsive {display:block;max-height: 100vh;overflow-y: scroll;background-color:var(--mid-colour);display: block;position: relative;}
#menu-container {width:100%;}
#menu li a {display: block;padding-top:9px;padding-bottom:9px;padding-left:2%;padding-right:2%;border-top: solid 1px var(--dark-colour);color:var(--background-colour);text-align:center;}
#menu li a:hover {color:var(--background-colour)!important;background-color:var(--dark-colour)!important;}
.menu-item:hover>ul {display: block;}
.sub-menu {display: none;}
.sub-menu li {background-color:var(--background-colour);line-height: 30px;width: 100%;text-align:left!important;}
#menu li .sub-menu li a:hover {background-color:var(--link-colour);}
.sub-menu li .sub-menu li {background-color:var(--link-colour);}

/* Content Styling */
.standard-content {margin-left:auto;margin-right:auto;max-width:1450px;padding-left:2%;padding-right:2%;margin-bottom:20px;padding-top:20px;padding-bottom:20px;}
.heading {padding-top:0px!important;padding-bottom:0px!important;}
.heading h1 {padding-bottom:0px!important;padding-top:30px;}
#footer-content {margin: 0 4%;}
.page-content ol {counter-reset: item;}
.page-content ol li {display: block;margin-left: 2em;padding:0.5em 0;}
.page-content ol li:before {content: counter(item) ". ";counter-increment: item;position: absolute;margin-left: -2em;}
.page-content ul {list-style:bullets!important;}
.page-content ul li {list-style-type: disc!important;}
.page-content li {margin-left: 2em;padding:0.5em 0;}
.text-image-right img {width:100%;height:auto;}
.wp-block-image figcaption {display:none;}
.large {font-size:125%!important;text-align:center;}
.flex .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {display: flex;justify-content:space-between;flex-wrap: wrap;flex-direction:column;}
.flex-item .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {display: block;width:100%;}
.flex-item {background-color:#ffffff;border-radius:15px;margin-bottom:60px;box-shadow: rgba(75, 94, 82, 0.45) 0px 4px 8px -2px, rgba(75, 94, 82, 0.1) 0px 0px 0px 1px;}
.flex-item img {border-top-left-radius:15px;border-top-right-radius:15px;}
.flex-item h3 {margin-left:15px;margin-right:15px;padding:0.5em 0;}
.flex-item p {margin-left:15px;margin-right:15px;padding-top:0px;}

.wp-block-button__link {color:var(--dark-colour); background-color:var(--pale-colour);padding:6px;border-radius:15px;font-weight:500;font-size:84%;display: table;margin-left:auto;margin-right:auto;border:3px solid var(--dark-colour);box-shadow: 2px 2px 4px rgba(0,0,0,0.4);margin-top:10px;}
.wp-block-button__link:hover{background-color:var(--background-colour);}


figure.wp-block-image.size-full {text-align: center;}


.wp-block-table thead {border-bottom: 3px solid var(--link-colour);}
.wp-block-table td, .wp-block-table th {border: 1px solid var(--link-colour)!important;}
.wp-block-table th {background-color: #6dbdc6!important;color:var(--background-colour)!important;}

#copyright {text-align:center;font-size:80%;margin-top: 20px;}
#acorn {text-align:center;font-size:80%;margin-top: 20px;margin-bottom:80px;}

.cta h2 {color:var(--dark-colour);text-align:center;}
.cta p {color:var(--dark-colour);text-align:center;}


/* CONTACT FORM */
.wpcf7-form textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"] {border: 1px solid var(--dark-colour);padding:0.6em;}
.wpcf7-form textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="button"], input[type="submit"] {width:100%;}
input.wpcf7-form-control.wpcf7-submit {width:200px;color:var(--dark-colour); background-color:var(--pale-colour);padding:15px;border-radius:15px;font-weight:500;font-size:100%;display: table;border:3px solid var(--dark-colour);box-shadow: 2px 2px 4px rgba(0,0,0,0.4);margin-top:10px;}
input.wpcf7-form-control.wpcf7-submit:hover {background-color: var(--background-colour);}

/* COMPLIANZ */
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {font-size: 100%!important;max-width: 100%!important;}
#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td {font-size: 100%!important;}

@media all and (min-width:350px){
.primary-caption h2 {font-size:90%;}
span.hero-smaller {font-size:73%;}
}

@media all and (min-width:450px){
#logo img {width: 75%;}
.primary-caption h2 {font-size:100%;}
}

@media all and (min-width:500px){
.primary-caption .hero-button {display:table;}
.top-button .hero-button {display:none;}
}

@media all and (min-width:555px){
h1 {font-size:170%;}
h2 {font-size:155%;}
h3 {font-size:140%;}
#logo img {width: 65%;}
#menu-control {padding-top:20px;}
.primary-caption h2 {font-size:105%;}

}
	
@media all and (min-width:650px){
#logo img {width: 55%;}
}

@media all and (min-width:700px){
.primary-caption h2 {font-size:130%;}
.hero-button {padding:10px;font-size:90%;}
.wp-block-button__link  {padding:10px;font-size:90%;}
}


@media all and (min-width:750px){
#logo {width: 60%;}
#logo img {width: 50%;}
#menu-control  {width: 40%;}
h1 {font-size:200%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
}

@media all and (min-width:800px){
.primary-caption h2 {font-size:150%;}
span.hero-smaller {font-size:65%;}
.hero-button {font-size:95%;}
.wp-block-button__link  {font-size:95%;}
.flex .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {flex-direction:row;}
.flex-item {width:48%;}	
}



@media all and (min-width:850px){
#logo {width: 50%;}
#menu-control  {width: 50%;}
}


@media all and (min-width:900px){
.hero-caption {left:3%;padding: 20px;width:30%; }
.primary-caption h2 {font-size:165%;padding-top:10px;}	
span.hero-smaller {font-size:60%;padding-top:20px;}
.hero-button {padding:15px;font-size:100%;margin-top:20px;box-shadow: 3px 3px 6px rgba(0,0,0,0.5);}	
.wp-block-button__link  {padding:15px;font-size:100%;box-shadow: 3px 3px 6px rgba(0,0,0,0.5);}	
}


@media all and (min-width:950px){
h1 {font-size:220%;}
h2 {font-size:185%;}
h3 {font-size:160%;}
#logo {width: 40%;}
#menu-control  {width: 60%;}
#footer-content {flex-direction:row;justify-content:space-between;align-items: start;margin: 0 0;}
#menu-bottom-menu li {text-align:left;}
#menu-bottom-menu li a {padding: 0px;}
#areas {width:30%;text-align:left;}
#contact {width:30%;text-align:left;}
#legal {width:30%;text-align:left;}
.flex .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {flex-direction:row;}
#cta h2 {font-size:280%;}
.flex .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {flex-direction:row;}
.flex-item {width:31%;}
}


@media all and (min-width:1000px){
#hero-container {position: relative;width: 100%;}
#header {display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;}
#logo {width:85%;max-width:350px;}
#logo img {width:100%;}
/* NORMAL MENU */
#menu-control {display:none;}
#menu-container {width:65%;padding-right:2%;}
#menu {display:block;width:100%;}	
#menu-main-menu {width:100%;display:flex;flex-direction:row;justify-content: space-between;flex-wrap: nowrap;font-size:100%;}	
#menu-main-menu li {padding:1px;flex:auto;}
#menu li a {padding:7px;display:block;border-top:0;text-align:center;border-radius:5px;margin-right:3%;margin-left:3%;}
.menu-item:hover>ul {position: absolute;}
	
.primary-caption h2 {font-size:165%;padding-top:10px;}	
span.hero-smaller {padding-top:40px;}
.hero-button {padding:10px;font-size:100%;margin-top:30px;}		
.wp-block-button__link  {padding:10px;font-size:100%;}	
}

@media all and (min-width:1100px){
.primary-caption h2 {font-size:190%;;margin-top:20px;}
.hero-button {font-size:130%;padding:15px;}
.wp-block-button__link  {font-size:130%;padding:15px;}
}


@media all and (min-width:1300px){
.primary-caption h2 {font-size:230%;margin-top:30px;}	
span.hero-smaller {padding-top:50px;}
.hero-button {padding:15px;margin-top:40px;font-size:160%;}
.wp-block-button__link  {padding:15px;font-size:160%;}
}


@media all and (min-width:1500px){
.primary-caption h2 {font-size:270%;color:var(--background-colour);margin-top:50px;}
span.hero-smaller {padding-top:60px;}
.hero-button {padding:15px;margin-top:50px;font-size:180%;}
.wp-block-button__link {padding:15px;font-size:180%;}
}


@media all and (min-width:1700px){
.primary-caption h2 {font-size:310%;color:var(--background-colour);}	
}