/*
 Theme Name:   Opera Bar
 Description:  Opera Bar
 Author:       James Fulton | Seriously Good Design
 Author URI:   https://sgd.com.au
 Template:     applejack-master
 Version:      3.3.31
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
	font-family: "Plush";
	font-display: swap;
	src: url("fonts/Plush-Trial-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Plush";
	font-display: swap;
	src: url("fonts/Plush-Trial-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Plush";
	font-display: swap;
	src: url("fonts/Plush-Trial-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Plush";
	font-display: swap;
	src: url("fonts/Plush-Trial-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	font-display: swap;
	src: url("fonts/Lato-bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Lato";
	font-display: swap;
	src: url("fonts/Lato-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

:root {
	/* FONTS */
	--ff-base: "Lato", sans-serif;
	--ff-decor: "Plush", sans-serif;
	--ff-accent: "Plush", sans-serif;
	--fw-bold: 700;

	/* COLORS */
	--color-neon: #daff00;
	--color-yellow: #efdf94;
	--color-beige: #f1ebdc;
	--color-beige-darker: #e0d4bd;
	--color-grey: #c5d0d2;
	--color-blue: #4a6a7e;
	--color-brown-light: #b8906b;
	--color-brown: #824d2d;
	--color-dark: #03172f;

	--color-dark-muted: hsl(29 37% 39% / 0.8);
	--color-white: #fff;
	--color-light: var(--color-beige);
	--color-accent: var(--color-dark);

	--color-text-light: var(--color-beige);

	--color-primary: var(--color-dark);

	--color-secondary: hsl(21 52% 42%);
	--color-secondary-light: hsl(35 43% 52%);

	--color-border: hsl(1 58% 41% / 0.25);

	--color-surface: var(--color-beige);
	--color-surface-darker: var(--color-beige-darker);

	--fs-heading-decor: clamp(2.125rem, 1.7744rem + 1.5584vw, 3.625rem);
	--border-radius: 10px;
	--border-width: 1px;
	--border: var(--border-width) solid;
	--transition: 0.3s ease;

	--element-spacer: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);
	--element-spacer-sm: clamp(0.875rem, 0.8036rem + 0.3571vw, 1.125rem);
	--section-spacer: clamp(2.5rem, 1.5625rem + 4.6875vw, 6.25rem);

	--h1: clamp(1.57rem, calc(1.062rem + 2.565vw), 2.99rem);
	--h2: clamp(1.31rem, calc(0.885rem + 2.137vw), 2.49rem);
	--h3: clamp(1.22rem, calc(0.916rem + 1.544vw), 2.07rem);
	--h4: clamp(1.14rem, calc(0.923rem + 1.074vw), 1.73rem);
	--h5: clamp(1.05rem, calc(0.908rem + 0.709vw), 1.44rem);
	--h6: clamp(0.96rem, calc(0.876rem + 0.432vw), 1.2rem);
	--fs-base: clamp(0.88rem, calc(0.83rem + 0.227vw), 1rem);
	--fs-small: clamp(0.77rem, calc(0.741rem + 0.122vw), 0.83rem);

	--wave: url("data:image/svg+xml,%3Csvg width='1000' height='47' viewBox='0 0 1000 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1000 11.9742C972.222 11.9742 972.222 0 944.444 0C916.667 0 916.667 11.9742 888.889 11.9742C861.111 11.9742 861.111 0 833.333 0C805.556 0 805.556 11.9742 777.788 11.9742C750.01 11.9742 750.01 0 722.232 0C694.454 0 694.454 11.9742 666.687 11.9742C638.909 11.9742 638.909 0 611.131 0C583.353 0 583.353 11.9742 555.576 11.9742C527.798 11.9742 527.798 0 500.02 0C472.242 0 472.242 11.9742 444.464 11.9742C416.687 11.9742 416.687 0 388.909 0C361.131 0 361.131 11.9742 333.353 11.9742C305.576 11.9742 305.576 0 277.798 0C250.02 0 250.02 11.9742 222.242 11.9742C194.464 11.9742 194.464 0 166.687 0C138.909 0 138.909 11.9742 111.131 11.9742C83.3533 11.9742 83.3533 0 55.5655 0C27.7878 0 27.7878 11.9742 0 11.9742V47H1000V11.9742Z' fill='%23F4EFE7'/%3E%3C/svg%3E%0A");
}
/* Typography Sizes with Variables */
h1,
.h1 {
	font-size: var(--h1) !important;
	margin-block: 0 var(--element-spacer) !important;
}

h2,
.h2 {
	font-size: var(--h2);
}

h3,
.h3 {
	font-size: var(--h3);
}

h4,
.h4 {
	font-size: var(--h4);
}

h5,
.h5 {
	font-size: var(--h5);
}

h6,
.h6 {
	font-size: var(--h6);
}

.base {
	font-size: var(--font-base);
}

small,
.small {
	font-size: var(--font-small);
}

body {
	font-family: var(--ff-base);
	background-color: var(--color-grey);
	color: var(--color-dark);
	line-height: 1.4;
	font-size: 0.875em;
}

.m-b,
.group,
p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: var(--element-spacer);
}

@media only screen and (min-width: 1200px) {
	body {
		font-size: 1em;
	}
}
.space-t-p {
	padding-top: var(--section-spacer);
}

.space-b-p {
	padding-bottom: var(--section-spacer);
}
.space-t-m {
	margin-top: var(--section-spacer);
}

.space-b-m {
	margin-bottom: var(--section-spacer);
}

input[type="tel"],
input[type="text"],
input[type="email"],
textarea,
select {
	border: none;
	background-color: var(--color-surface);
	color: var(--color-dark);
	font-weight: 400;
}

::placeholder {
	color: var(--color-dark);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--ff-accent);
	font-weight: 300;
}

img {
	object-fit: cover;
}

.bg-white,
.bg-light {
	background-color: var(--color-beige);
}

.bg-dark {
	background-color: var(--color-grey);
}

.line-list li {
	border-bottom: 1px solid var(--color-border);
}

.muted {
	color: var(--color-dark-muted);
}

/*
|--------------------------------------------------------------------------
| HOLDING PAGE
|--------------------------------------------------------------------------
*/

body:not(.home).holding-body {
	height: 100% !important;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.holding-footer,
.holding-announcement {
	flex: 0 0 auto;
}

.holding-main-area {
	flex-grow: 1;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
}

.holding-main-area__content {
	color: var(--color-primary);
	font-size: 1.25rem;
	font-weight: var(--fw-bold);
	text-align: center;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.holding-main-area__content p {
	margin-bottom: 0.5rem;
}

.holding-announcement {
	background-color: var(--color-surface-darker);
	padding: 0.25rem;
	font-size: 1.125rem;
}

.holding-announcement__accent {
	font-weight: var(--fw-bold);
}

.holding-header {
}

.holding-footer {
	color: var(--color-white);
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-color: var(--color-dark);
	font-size: 1.25rem;
}

/*
|--------------------------------------------------------------------------
| BUTTONS & LINKS
|--------------------------------------------------------------------------
*/

a {
	color: var(--color-dark);
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 40%;
	transition: color var(--transition), text-decoration var(--transition);
}

a:hover {
	text-decoration-color: currentColor;
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
}

.inherit-link a,
a.inherit-link {
	text-decoration-color: transparent;
}

.underline-link a:hover,
a:hover.underline-link {
	text-decoration: underline;
}

/* button */
.btn,
.btn.arrow,
.btn.large,
input[type="submit"],
button[type="submit"] {
	padding: 0.8em 1.25em;
	color: var(--color-dark);
	background-color: transparent;
	border: var(--border) currentColor;
	font-family: var(--ff-base);
	font-weight: 700;
	font-size: clamp(0.75rem, 0.7188rem + 0.1563vw, 0.875rem);
	text-decoration-color: transparent;
	text-transform: uppercase;
	border-radius: 10rem;
	transition: background-color var(--transition), color var(--transition), filter var(--transition), border-color var(--transition);
}

input[type="submit"],
button[type="submit"] {
	width: auto !important;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
	background-color: var(--color-dark) !important;
	border-color: var(--color-dark) !important;
	color: var(--color-beige) !important;
}
/* outline button */
.btn.outline {
	color: var(--color-dark);
	border-color: var(--color-dark);
	border-width: 1px;
}

.btn.outline:hover {
	color: var(--color-dark);
	background-color: var(--color-beige);
	border-color: var(--color-beige);
}

.social a {
	transition: opacity var(--transition);
}
.social li {
	margin-left: 0.5rem;
}
/*
|--------------------------------------------------------------------------
| HEADER
|--------------------------------------------------------------------------
*/

.alert {
	background-color: var(--color-primary);
	color: var(--color-light);
}

.site-header {
	--_header-height: min(12vw, 4rem);
	background-color: var(--color-dark);
	color: var(--color-beige);
	font-size: 1.25em;
	font-family: var(--ff-base);
}
.site-header .menu-item > a,
.site-header .btn {
	min-height: var(--_header-height) !important;
	display: flex !important;
	height: unset !important;
	align-items: center;
}

.footer-nav li:first-child,
.site-header > a.btn {
	text-transform: uppercase;
}

.site-header > .btn {
	font-family: var(--ff-accent);
	color: var(--color-beige);
	font-size: var(--fs-bese);
	background-color: transparent;
}

.site-header .site-menu {
	background-color: var(--color-primary);
}

.menu-btn {
	height: var(--_header-height);
}

.menu-btn span {
	background-color: currentColor;
}

.nav .dropdown {
	padding-bottom: 0;
}
.nav .dropdown .sub-link {
	font-size: 0.875em;
}
.nav .dropdown .item > a,
.nav .dropdown .item > a > img {
	width: 100%;
}

.nav .dropdown .item a {
	font-family: var(--ff-base);
	font-size: 0.75em;
	line-height: 1.5;
	text-decoration: none;
}

.nav > li > a {
	text-transform: unset;
	font-family: var(--ff-base);
	font-weight: 400;
	text-decoration: unset;
	display: block;
}

@media only screen and (max-width: 991.99px) {
	.site-menu ul,
	.nav .item.col-6.col-lg-3 {
		margin-bottom: 1rem;
	}

	.nav .col-12.col-lg-2 > ul > li > a {
		padding: 0.375rem;
	}
}

@media only screen and (min-width: 992px) {
	.nav > li > a {
		transition: background-color var(--transition), color var(--transition);
	}

	.nav .dropdown {
		padding-bottom: 2rem;
		background-color: var(--color-dark);
		color: var(--color-beige);
	}

	.nav > li:hover > a:hover {
		text-decoration: underline;
	}
	.nav > li:hover > a {
		background-color: transparent;
	}

	.nav .col-12.col-lg-2 > ul > li > a {
		padding-bottom: 0.375rem;
	}
}

.site-menu .contact {
	font-family: var(--ff-accent);
	font-size: 0.85em;
}

/*
|--------------------------------------------------------------------------
| PAGE HEADER
|--------------------------------------------------------------------------
*/
.header-text-color-opposite .hero.page-head h1,
.header-text-color-opposite .page-head .border-box h1 {
	color: var(--color-white);
}

/* .hero.page-head {
	overflow: hidden;
} */

.page-id-136 .hero.page-head:after,
.page-id-168 .hero.page-head:after,
.menu.page .hero.page-head:after {
	background-image: url("data:image/svg+xml, %3Csvg width='1001' height='48' viewBox='0 0 1001 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1000.25 12.0198C972.49 12.0198 972.49 -0.000183105 944.73 -0.000183105C916.97 -0.000183105 916.97 12.0198 889.21 12.0198C861.45 12.0198 861.45 -0.000183105 833.69 -0.000183105C805.93 -0.000183105 805.93 12.0198 778.18 12.0198C750.42 12.0198 750.42 -0.000183105 722.66 -0.000183105C694.9 -0.000183105 694.9 12.0198 667.15 12.0198C639.39 12.0198 639.39 -0.000183105 611.63 -0.000183105C583.87 -0.000183105 583.87 12.0198 556.11 12.0198C528.35 12.0198 528.35 -0.000183105 500.59 -0.000183105C472.83 -0.000183105 472.83 12.0198 445.07 12.0198C417.31 12.0198 417.31 -0.000183105 389.55 -0.000183105C361.79 -0.000183105 361.79 12.0198 334.03 12.0198C306.27 12.0198 306.27 -0.000183105 278.51 -0.000183105C250.75 -0.000183105 250.75 12.0198 222.99 12.0198C195.23 12.0198 195.23 -0.000183105 167.47 -0.000183105C139.71 -0.000183105 139.71 12.0198 111.95 12.0198C84.19 12.0198 84.19 -0.000183105 56.42 -0.000183105C28.66 -0.000183105 28.66 12.0198 0.890015 12.0198V47.1797L1000.25 47.1797V12.0198Z' fill='%239C6247'/%3E%3C/svg%3E%0A");
}

/* remove italic from single pages */
.page-head .border-box h1 em {
	font-style: normal;
}

/* remove decorations */
.page-head .border-box {
	display: flex;
	justify-content: center;
	background-image: unset;
}

.page-head .border-box:before,
.page-head .border-box:after {
	display: none;
}

/*
|--------------------------------------------------------------------------
| FOOTER
|--------------------------------------------------------------------------
*/

.site-footer {
	background-color: var(--color-blue);
	color: var(--color-white);
	padding-bottom: 125px;
	position: relative;
	overflow: visible;
}

.site-footer h4 {
	font-style: italic;
}

.site-footer a {
	color: var(--color-white);
}

.site-footer .footer-nav.inherit-link a:hover {
	text-decoration-color: var(--color-white);
}

/* footer top block*/
.site-footer .main {
	background-color: var(--color-blue);
	color: inherit;
	padding-bottom: 25px;
}

.site-footer .main .container.fluid {
	max-width: calc(1400px + 2rem);
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

/* footer decorative image */
.site-footer .main .col-md-6.text-md-right {
	position: relative;
}

.site-footer .main .col-md-6.text-md-right:before {
	content: "";
	position: absolute;
	right: 6px;
	bottom: 1em;
	width: 64px;
	height: 140px;
	/* background-image: url(http://taphousesydney.applejacksites.com/wp-content/uploads/sites/25/2023/08/TH-Icon-footer-decor.png); */
}

/* footer bottom block */

.site-footer .toggle-title {
	font-size: 2em;
}

.site-footer .toggle-title span:after,
.site-footer .icon {
	filter: hue-rotate(60deg) contrast(2);
}

.site-footer .toggle-section .title {
	margin-bottom: 1rem;
	font-size: 2em;
	font-style: italic;
}

.toggle-section a b {
	font-weight: 400;
}

.site-footer .footer-p a.underline-link {
	text-decoration-color: currentColor;
	text-decoration-style: solid;
}

.highlight-orange.horiz-divider {
	color: inherit;
}

/*
|--------------------------------------------------------------------------
| HERO
|--------------------------------------------------------------------------
*/

.hero {
	border-color: var(--color-light);
}

.hero .logo {
	filter: brightness(0.6) invert(1);
}

.hero p {
	font-family: var(--ff-base);
}

.hero .wrap {
	color: var(--color-dark);
}

.hero.manual-height.over.center h2 {
	color: currentColor;
	font-size: var(--h2);
}

@media only screen and (min-width: 768px) {
	.hero.over .wrap {
		width: max(30%, 500px);
	}
}

.hero-over {
	color: var(--color-light);
}

.hero.border:after {
	visibility: hidden;
}

.hero.light.off-canvas .wrap {
	background-color: var(--color-surface);
}

.hero.dark.off-canvas .wrap {
	background-color: var(--color-surface-darker);
}

.hero.off-canvas.right .wrap h2 {
	margin-left: 0;
	width: auto;
}

/*
|--------------------------------------------------------------------------
| NEWSLETTER & FORMS
|--------------------------------------------------------------------------
*/

.newsletter {
	position: relative;
	background-color: var(--color-yellow);
	padding-bottom: 0;
}
.newsletter .container {
	position: relative;
}
.newsletter::before,
.newsletter::after {
	content: "";
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.newsletter::before {
	position: absolute;
	top: 1em;
	left: 50%;
	translate: 300%;
	width: min(7em, 12vw);
	aspect-ratio: 1.2;
	background-image: url(./img/newsletter/seagull-2.gif);
}
.newsletter::after {
	display: block;
	width: min(20em, 33vw);
	aspect-ratio: 1.85;
	translate: calc(50vw - 150%);
	background-image: url(./img/newsletter/dog.gif);
}
.newsletter .gform-button--width-full {
	margin-inline: auto;
}
.input-field {
	position: relative;
}

.iti {
	color: var(--color-dark) !important;
}

.contacta-webform-table .error-msg {
	position: absolute;
	bottom: -10px;
	background: var(--color-accent);
	color: var(--color-dark) !important;
}

.mobile-holder {
	padding-bottom: 10px;
}

.mobile-holder input[type="tel"] {
	padding-left: 58px !important;
}

/* input[type="submit"],
button[type="submit"] {
	margin-top: 15px !important;
	font-size: clamp(0.875rem, 0.8036rem + 0.3571vw, 1.125rem);
	padding: 0.75em 2em !important;
	color: var(--color-dark) !important;
	background-color: transparent !important;
	border: var(--border) currentColor !important;
	border-radius: 10rem !important;
	font-family: var(--ff-base);
	line-height: 1.5 !important;
	height: auto !important;
	width: auto !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	transition: background-color var(--transition), color var(--transition), filter var(--transition), border-color var(--transition);
} */

.contacta-webform-table .contacta-row {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	margin-top: 10px;
}
.contacta-webform-table .contacta-col {
	flex: 1;
	padding-right: 10px;
	padding-left: 10px;
}
@media (max-width: 768px) {
	.contacta-webform-table .contacta-col {
		flex: unset !important;
		width: 100%;
	}
}

/*
|--------------------------------------------------------------------------
| MENU & TABS
|--------------------------------------------------------------------------
*/

.sidebar {
	z-index: 99;
}

.menu .bg-white {
	background-image: url(./img/menu.jpg);
	background-color: var(--color-grey);
	background-repeat: repeat;
	background-size: 100%;
	position: relative;
	z-index: 2;
}

.menu.page .menu {
	position: relative;
}

.menu.page .menu:after {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% 100%;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	z-index: 1;
	top: -50%;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg width='1001' height='48' viewBox='0 0 1001 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1000.25 12.0198C972.49 12.0198 972.49 -0.000183105 944.73 -0.000183105C916.97 -0.000183105 916.97 12.0198 889.21 12.0198C861.45 12.0198 861.45 -0.000183105 833.69 -0.000183105C805.93 -0.000183105 805.93 12.0198 778.18 12.0198C750.42 12.0198 750.42 -0.000183105 722.66 -0.000183105C694.9 -0.000183105 694.9 12.0198 667.15 12.0198C639.39 12.0198 639.39 -0.000183105 611.63 -0.000183105C583.87 -0.000183105 583.87 12.0198 556.11 12.0198C528.35 12.0198 528.35 -0.000183105 500.59 -0.000183105C472.83 -0.000183105 472.83 12.0198 445.07 12.0198C417.31 12.0198 417.31 -0.000183105 389.55 -0.000183105C361.79 -0.000183105 361.79 12.0198 334.03 12.0198C306.27 12.0198 306.27 -0.000183105 278.51 -0.000183105C250.75 -0.000183105 250.75 12.0198 222.99 12.0198C195.23 12.0198 195.23 -0.000183105 167.47 -0.000183105C139.71 -0.000183105 139.71 12.0198 111.95 12.0198C84.19 12.0198 84.19 -0.000183105 56.42 -0.000183105C28.66 -0.000183105 28.66 12.0198 0.890015 12.0198V47.1797L1000.25 47.1797V12.0198Z' fill='%23E0D4BD'/%3E%3C/svg%3E%0A");
}

.menu .hero.manual-height {
	margin-top: 0px;
	min-height: 0 !important;
}

.menu .sidebar img {
	border-radius: var(--border-radius);
}

.menu.page .container.large img {
	border-radius: unset;
}

.menu:not(.page) .hero.manual-height .inner-wrap.text-center {
	padding-bottom: 35%;
}

.menu .border-decor .bg:before,
.menu .border-decor .bg:after {
	display: none;
}

.tabs {
	--_tab-spacer: min(7vw, 100px);
	background-color: var(--color-surface);
	padding: var(--_tab-spacer);
	display: flex;
	flex-direction: column;
}

.tabs::before,
.tabs::after {
	position: relative;
	display: block;
	height: auto;
	text-align: center;
}
.tabs::before {
	margin-top: var(--element-spacer);
	font-size: var(--h5);
	font-family: var(--ff-accent);
	content: "Watch out! Sky thieves are about." !important;
	order: 1;
}
.tabs::after {
	content: "These local seagulls are seasoned bandits. So please use the food covers provided" !important;
	background-image: url(./img/newsletter/seagull.gif);
	background-size: 10em;
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 13em;
	order: 2;
}

.tabs-nav.row {
	font-family: var(--ff-accent);
	padding: 0;
}

.tabs-nav:after {
	display: none;
}

/* .tabs:after {
	display: none;
} */

.tabs .user-action {
	order: 3;
	padding: 3rem 0 0;
}

.user-action .icon-link {
	transition: opacity var(--transition);
}

.user-action .icon-link img {
	filter: saturate(15) hue-rotate(-75deg);
}

.user-action .wrap,
.user-action .section-label:last-child,
.user-action .section-label:first-child {
	border-color: var(--color-primary);
}

.user-action .section-label {
	color: var(--color-dark);
}

.tabs .tabs-nav {
	gap: 1.25em 3em;
	margin-bottom: min(8vw, 4em);
	padding-bottom: var(--element-spacer);
	border-bottom: var(--border);
	justify-content: space-evenly;
}
.tabs .tabs-nav li a {
	white-space: nowrap;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	text-decoration: none;
	transition: translate var(--transition);
	text-transform: none;
	font-weight: 700;
	font-size: 1.25em;
	padding: 0;
}
.tabs-nav li {
	height: auto;
	display: block;
	flex: 0 0;
}
@media (hover: hover) and (pointer: fine) {
	.tabs .tabs-nav li a:hover {
		translate: 0 4px;
	}
}

.tabs .tabs-nav li.ui-tabs-active a {
	color: var(--color-dark);
}

.tab {
	padding: 0;
	margin-top: 0;
}

.tabs-wrap {
	padding-top: 0;
	margin-block: var(--section-spacer);
}

/*
|--------------------------------------------------------------------------
| WHATS ON & ARTICLE COLUMN LIST BLOCK
|--------------------------------------------------------------------------
*/

.article-column-list .title h2 {
	font-family: var(--ff-decor);
	font-size: var(--fs-heading-decor);
}

.article-column-list.bg-light {
	background-color: var(--color-surface);
	--wave-bg-color: var(--color-surface);
}

.article-column-list .owl-dot {
	opacity: 0.5;
}

.article-column-list:not(.bg-light):not(.bg-dark) .owl-dot,
.article-column-list.bg-light .owl-dot {
	background-color: var(--color-primary);
}

.article-column-list.bg-dark .owl-dot {
	background-color: var(--color-surface);
}

.article-column-list .owl-dot.active {
	opacity: 1;
}

.article-column-list:not(.bg-light):not(.bg-dark) a,
.article-column-list:not(.bg-light):not(.bg-dark),
.article-column-list.bg-light a,
.article-column-list.bg-light {
	color: var(--color-dark);
}

.owl-carousel .owl-item img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.article-column-list .item h3.h4,
.article-column-list .item .muted {
	margin: 0 0 1rem;
}

.article-column-list .item .muted {
	font-size: 0.875em;
}

.article-column-list:not(.bg-light):not(.bg-dark) .item .muted,
.article-column-list.bg-light .item .muted {
	color: var(--color-primary);
}

.article-column-list.bg-dark .item .muted {
	color: var(--color-dark);
}

.article-column-list .item .muted b {
	font-weight: 400;
}

.article-column-list .item .line-decor {
	display: none;
}

.article-column-list .item h3.h4 {
	font-size: clamp(1.2rem, 1.034rem + 0.708vw, 1.742rem);
}

.arrow-link {
	font-family: var(--ff-base);
	color: var(--color-dark);
	padding-right: 0;
}

.arrow-link:after {
	display: none;
}

/*
|--------------------------------------------------------------------------
| Featured highlight box
|--------------------------------------------------------------------------
*/

.featured-highlight-box {
	background-color: var(--color-yellow);
	padding-bottom: var(--section-spacer);
}

.featured-highlight-box .badge {
	display: none;
}

.feature-box {
	background-color: var(--color-beige);
	margin-bottom: 0;
}

.feature-box h2 {
	font-size: var(--h2);
}

.feature-box small.uppercase {
	font-size: 1.125em;
	font-family: var(--ff-accent);
	font-style: italic;
	font-weight: var(--fw-bold);
	margin-top: 1.25rem;
	display: block;
	font-weight: 400;
}

.feature-box .owl-nav > div {
	height: 4em;
	width: 4em;
	transition: translate var(--transition), opacity var(--transition);
	opacity: 1;
	filter: saturate(10) hue-rotate(50deg) brightness(0.6) !important;
}

.feature-box .owl-nav > div.disabled {
	opacity: 0.5;
	cursor: default;
}

@media only screen and (min-width: 768px) {
	.feature-box .owl-nav .owl-prev:hover {
		translate: -0.375rem;
	}

	.feature-box .owl-nav .owl-next:hover {
		translate: 0.375rem;
	}

	.feature-box .wrap {
		min-height: 500px;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
}
.featured-highlight-box--compact .wrap {
	min-height: auto;
}
.featured-highlight-box--compact .btn-group {
	padding-bottom: 0;
}
.featured-highlight-box--compact {
	padding-block: var(--section-spacer) !important;
}

@media only screen and (max-width: 767px) {
	.featured-highlight-box--compact .feature-box {
		flex-direction: column;
	}
	.featured-highlight-box--compact .owl-carousel {
		width: 100%;
		aspect-ratio: 4/3;
	}
}
/*
|--------------------------------------------------------------------------
| BLOG PAGE / SEARCH
|--------------------------------------------------------------------------
*/

.search-bar {
	background: var(--color-primary);
	color: var(--color-light);
}

.search-bar .search .submit-btn {
	margin-bottom: 10px;
	color: transparent;
	background-color: var(--color-primary);
	border: 1px solid var(--color-white);
}

.search-bar .cat-item-1 {
	display: none;
}

.search-bar .text-center,
.search-bar ul.suggest-searches {
	text-align: left;
}

.tap-diaries .grid,
.page-id-915 .grid {
	border-right: none;
}

.tap-diaries .grid .muted,
.page-id-915 .grid .muted {
	color: var(--color-dark);
}

.tap-diaries .grid .muted b,
.page-id-915 .grid .muted b {
	font-weight: 400;
}

.search-result {
	border-bottom: 1px solid var(--color-primary);
}

/*
|--------------------------------------------------------------------------
| FOUR COLUMN GRID
|--------------------------------------------------------------------------
*/

.four-column-grid.bg-light {
	padding-bottom: 25px;
}

@media only screen and (min-width: 768px) {
	.four-column-grid.bg-light {
		padding-bottom: 60px;
	}
}
@media only screen and (min-width: 992px) {
	.four-column-grid.bg-light {
		padding-bottom: 100px;
	}
}

.four-column-grid .text-center {
	text-align: left !important;
}

.four-column-grid .brewery-showcase {
	--spacer: var(--element-spacer);
	display: grid;
	margin: 0;
	gap: var(--spacer);
	grid-template-columns: repeat(auto-fit, minmax(max(min(215px, 100%), calc(25% - var(--spacer) * 3)), 1fr));
}

.four-column-grid .brewery-showcase .count {
	margin: 0 0 var(--element-spacer);
}

.four-column-grid h2.h3 {
	font-family: var(--ff-decor);
	text-align: center;
}

.four-column-grid__title a:not(:hover) {
	text-decoration-color: transparent;
}

.four-column-grid .item > a.btn {
	border: none;
	padding: 0;
	background: unset;
	font-family: var(--ff-base);
	text-decoration-color: currentColor !important;
}

.four-column-grid .item > a.btn:hover {
	text-decoration: underline !important;
	text-decoration-style: solid !important;
	text-decoration-thickness: 1px !important;
	filter: unset !important;
}

/*
|--------------------------------------------------------------------------
| IMAGES
|--------------------------------------------------------------------------
*/

/* rounded images */
/* .venues-section img,
.venues-section .hover-box,
.events-listing-and-popup img,
.container.large img,
.featured-highlight-box .feature-box,
.featured-highlight-box .owl-item .auto-size-slide,
.two-column-with-image img,
.four-column-grid .item .count img,
.article-column-list .item img,
.toggle-section a.img img,
.toggle-section .hover-box {
	border-radius: var(--border-radius);
} */

/*
|--------------------------------------------------------------------------
| DARK BACKGROUND
|--------------------------------------------------------------------------
*/

.action-button-banner:not(.space-t-m),
.one-column-copy.bg-dark {
	background-color: var(--color-dark);
	color: var(--color-beige);
	position: relative;
}
.one-column-copy.bg-dark {
	display: flex;
}

.one-column-copy.bg-dark + .text-widget {
	padding-top: 70px;
}

.one-column-copy.bg-dark::before,
.one-column-copy.bg-dark + .action-button-banner::after,
.one-column-copy.bg-dark:not(:has(+ .action-button-banner))::after {
	background-position: 0 0;
	left: 0;
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1.5em;
	background: var(--wave-bg-color, #03172f);
	mask-image: var(--wave);
	mask-repeat: repeat no-repeat;
	mask-position: top center;
	mask-size: 70em 3.5em;
	font-size: min(max(1vw, 0.6em), 1em);
	z-index: 10;
}
.one-column-copy.bg-dark::before {
	bottom: calc(100% - 1px);
}

.one-column-copy.bg-dark + .action-button-banner::after,
.one-column-copy.bg-dark:not(:has(+ .action-button-banner))::after {
	top: calc(100% - 1px);
	scale: 1 -1;
}

.one-column-copy.bg-dark h1,
.one-column-copy.bg-dark h2,
.one-column-copy.bg-dark h3,
.one-column-copy.bg-dark h4,
.one-column-copy.bg-dark h5,
.one-column-copy.bg-dark h6,
.one-column-copy.bg-dark a {
	color: var(--color-beige);
}

.action-button-banner:not(.space-t-m) .btn.outline:not(:hover) {
	color: var(--color-beige);
	border-color: var(--color-beige);
}

.one-column-copy.bg-dark a:not(:hover) {
	text-decoration-color: transparent;
}

.one-column-copy .container:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.action-button-banner {
	max-width: unset !important;
}

@media only screen and (min-width: 992px) {
	.menu .action-button-banner.space-b-p {
		padding-bottom: 150px;
	}
}

.btn.icon .icon {
	filter: hue-rotate(315deg) brightness(0.5);
}

.btn.icon:hover .icon {
	filter: hue-rotate(315deg) brightness(0.5) !important;
}

.icon.virtual-tour .icon {
	top: 6px !important;
}

.two-column-with-image .container > h2 {
	font-family: var(--ff-decor);
	font-size: var(--h2);
}

.float-label {
	text-transform: unset;
	background-color: transparent;
	border: none;
}

.bg-light .float-label {
	color: var(--color-dark);
}

.bg-dark .float-label {
	color: var(--color-yellow);
}

.text-widget::after {
	background-color: var(--color-blue);
}

.text-widget .highlight-colour {
	font-family: var(--ff-accent);
	font-weight: 400;
}

.text-widget .btn.outline:not(:hover) {
	color: var(--color-beige);
	border-color: var(--color-beige);
}

.container .row .col-md-8.text-center h2 {
	font-family: var(--ff-decor);
	font-size: var(--h2);
}

.switch-list .btn.outline em {
	font-style: normal !important;
}

.switch-list .row {
	color: var(--color-dark);
	min-height: 320px !important;
}
.switch-list.grid-view .fluid-bg {
	padding-top: 50%;
}
.switch-list.grid-view .row {
	min-height: auto !important;
}
.switch-list .row .padding-box {
	padding: var(--element-spacer);
}
.switch-list .row .padding-box h4 {
	font-size: var(--fs-base);
	font-family: var(--ff-base);
}
.switch-list.grid-view .padding-box h4 {
	font-size: var(--fs-small);
}

.switch-list.grid-view .padding-box h3 {
	font-size: var(--h4);
}

.switch-list li:hover .wrap {
	background: var(--color-beige);
}
.switch-list a.fluid-bg {
	text-decoration: none !important;
}

.venue-filters__button {
	color: var(--color-dark) !important;
	text-decoration: none !important;
	font-weight: 700;
}

.venue-filters__button:not(.venue-filters__button--outline) {
	background-color: var(--color-neon) !important;
	border-color: var(--color-neon) !important;
}

.venue-filters__button--outline {
	border-color: var(--color-dark) !important;
	transition: border-color var(--transition), background-color var(--transition);
}

.venue-filters__button--outline:hover {
	background-color: var(--color-neon) !important;
	border-color: var(--color-neon) !important;
}

.venue-filters__list dt,
.venue-filters__set-title,
.venue-filters__section-title {
	color: var(--color-dark);
}

.venue-filters__set-title,
.venue-filters__list dt {
	font-style: italic;
}

.venue-filters__section-title {
	font-weight: 600;
	font-size: 1.75em;
}

.hero.gift-cards .appearing-text {
	color: var(--color-brown-light);
	opacity: 1 !important;
	font-size: var(--fs-base);
}

.hero.gift-cards .appearing-text .btn.outline {
	color: var(--color-brown-light);
	text-decoration-color: currentColor;
	border-color: transparent;
	font-weight: normal;
	background: transparent;
}
/* .hero.gift-cards .appearing-text .btn.outline:hover {
	color: var(--color-beige);
	border-color: tra;
	background: var(--color-brown-light);
} */

.hover-box {
	font-style: italic;
	font-family: var(--ff-accent);
	background-color: hsl(19 37% 45% / 0.9);
}

.venues-section a:not(.img) {
}

.enquire {
	background: var(--color-dark);
	color: var(--color-surface);
}

.btn-group {
	padding-bottom: 30px;
	margin-bottom: 0;
}

.rotate-box,
.rotate-bg {
	border-radius: 100rem;
	box-shadow: none;
}

.rotate-bg,
.rotate-box::after {
	background: var(--color-light);
}

.hero .btn.arrow {
	color: var(--color-light);
}

.newsletter .gform_body,
.newsletter .gform_footer {
	width: 100%;
}

.hero.over.gift-cards {
	position: relative;
}

.four-column-grid .flex-container {
	--spacer: 2em;
	display: grid;
	gap: var(--spacer);
	grid-template-columns: repeat(auto-fit, minmax(max(min(280px, 100%), calc(25% - var(--spacer) * 3)), 1fr));
}
.four-column-grid .flex-container:has(> :nth-child(1):last-child) {
	max-width: 400px;
}
.four-column-grid .flex-container:has(> :nth-child(2):last-child) {
	max-width: 700px;
}
.four-column-grid .flex-container:has(> :nth-child(3):last-child) {
	max-width: 1000px;
}

.four-column-grid .flex-container .count {
	font-size: 0.75em;
}

.four-column-grid .item img {
	border-radius: 100rem;
	width: 100%;
	aspect-ratio: 1;
}

.four-column-grid .item > :last-child {
	margin-bottom: 0;
}

.four-column-grid .item {
	--element-spacer: 0.75em;
	border-radius: 0.5em;
	margin: 0;
	max-width: 100%;
	padding: 1.25em;
	background: var(--color-white);
}

.container {
	max-width: 1400px;
}

.article-column-list:has(+ .hero) {
	position: relative;
}
.article-column-list:has(+ .hero)::after {
	content: "";
	display: block;
	position: absolute;
	transform-origin: top;
	top: 100%;
	width: 100%;
	height: 20px;
	background: var(--wave-bg-color, var(--color-grey));
	mask-image: var(--wave);
	mask-repeat: repeat no-repeat;
	mask-position: top center;
	mask-size: 1000px 50px;
	translate: 0 calc(100% - 1px);
	z-index: 10;
	scale: 1 -1;
}

.carousel-wrap .item {
	padding: 1em;
	margin-inline: 1em;
	background: var(--color-white);
	text-align: left;
}
.carousel-wrap .item img {
	transition: border-radius var(--transition);
}
.carousel-wrap .item:hover > a img {
	border-radius: 50%;
}

.owl-dots {
	margin-top: 1em;
}

.slideshow__slides-overlay-content {
	aspect-ratio: 1;
	border: var(--border);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: min(90%, 500px);
	width: 100%;
}
.slideshow__slides-overlay-content a:not(.btn) {
	text-decoration-color: currentColor;
}
.slideshow__slides-overlay-content a:hover {
	text-decoration-color: transparent;
}

.hero.off-canvas .badge {
	display: none;
}

.instagram h2:has(> img)::before {
	content: url(./img/followus.png);
	display: block;
}

.instagram h2 > img {
	display: none;
}

.feature-box .owl-nav > div {
	filter: brightness(0) invert(1) !important;
}