/*!**********************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./assets/src/css/vendors/slick-theme.css ***!
\**********************************************************************************************************************/
@charset 'UTF-8';
/* Arrows */
.boylen-slick-prev,
.boylen-slick-next {
margin: 0;
font-size: 0;
line-height: 0;
position: absolute !important;
top: auto;
bottom: 27px;
display: block;
width: 53px;
height: 53px;
padding: 0;
/* -webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); */
cursor: pointer;
color: transparent;
border: none;
outline: none;
border-radius: 0;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjcxNzMgOS41MDAwM0gxLjI4MjVNOS4zNDc3MiAxLjQzNDgxTDEuMjgyNSA5LjUwMDAzTDkuMzQ3NzIgMTcuNTY1MiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 22px;
z-index: 2;
}
.boylen-slick-prev {
bottom: 0;
}
.boylen-slick-next {
transform: rotate(-180deg);
}
.image-at-right .boylen-slick-next {
left: 117px;
right: auto;
}
.image-at-right .boylen-slick-prev {
left: 34px;
right: auto;
}
.boylen-slick-prev:hover,
.boylen-slick-prev:focus,
.boylen-slick-next:hover,
.boylen-slick-next:focus {
color: transparent;
outline: none;
}
.boylen-slick-prev:hover::before,
.boylen-slick-prev:focus::before,
.boylen-slick-next:hover::before,
.boylen-slick-next:focus::before {
opacity: 1;
}
.boylen-slick-prev.slick-disabled::before,
.boylen-slick-next.slick-disabled::before {
opacity: 0.25;
}
.boylen-slick-prev {
right: 105px;
}
[dir="rtl"] .boylen-slick-prev {
right: -25px;
left: auto;
}
.boylen-slick-prev::before {
content: "â†";
}
[dir="rtl"] .boylen-slick-prev::before {
content: "→";
}
.boylen-slick-next {
right: 22px;
}
[dir="rtl"] .boylen-slick-next {
right: auto;
left: auto;
}
.boylen-slick-next::before {
content: "→";
}
[dir="rtl"] .boylen-slick-next::before {
content: "â†";
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
opacity: 1;
}
.slick-dots li button::before {
font-family: slick;
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.boylen-slick-active button::before {
opacity: 0.75;
color: black;
}
/*!****************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./assets/src/css/vendors/slick.css ***!
\****************************************************************************************************************/
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track::before,
.slick-track::after {
display: table;
content: "";
}
.slick-track::after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.boylen-slick-slide{
display: none;
float: left;
height: auto !important;
min-height: 1px;
}
.boylen-slick-slide{
height: auto !important;
}
[dir="rtl"] .boylen-slick-slide{
float: right;
}
.boylen-slick-slide.slick-loading img {
display: none;
}
.boylen-slick-slide.dragging img {
pointer-events: none;
}
.boylen-slick-initialized .boylen-slick-slide{
display: block;
}
.slick-loading .boylen-slick-slide{
visibility: hidden;
}
.slick-vertical .boylen-slick-slide{
display: block;
height: auto;
border: 1px solid transparent;
}
.boylen-slick-arrow.slick-hidden {
display: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/css/bundle.scss ***!
\***************************************************************************************************************************************************************************************************************************************************/
/*!
Theme Name: Stirling Hotel
Theme URI: https://www.boylen.com.au/
Author: Boylen
Author URI: https://www.boylen.com.au/
Description: WordPress theme by Boylen
Version: 1.0
*/
/* ------------------------------------------------------------------
>>> TABLE OF CONTENTS: <<<
--------------------------------------------------------------------
> Variables
>> Colors
>> Columns
> Mixins
> Fonts
> Defaults
>> Normalize
>> Forms Defaults
>> Clearings
> Typography
>> Headings
>> Copy
> Elements
>> Lists
>> Quotes
>> Tables
>> Images
>> Links
> Forms
>> Buttons
>> Fields
>> Form Elements
> Media
>> Captions
>> Galleries
> WordPress Core
>> Accessibility
>> Alignments
>> Posts & Pages
>> Pagination
>> Comments
>> Widgets
> Site
>> Layout
>>> Header
>>> Footer
>> Theme
>> Blog
>> Single
>> Home Page
>> About Us
>> Contact Us
>> Burgers Landing
>> Single Burger
>> Blocks
> Responsive
>> Regular Queries
>> Extra Queries
> Import Fonts
> Vendors
> Owl Carousel
> Slick Nav
// /* ------------------------------------------------------------------
// > Mixins
// ------------------------------------------------------------------ */
/*
Column width with margin
*/
/* ------------------------------------------------------------------
> Site
------------------------------------------------------------------ */
/*-------------------------------------------------
>> Basic styles for theme
-------------------------------------------------*/
/****
*
* columns
*
****/
.two-columns,
.three-columns,
.four-columns {
display: flex;
flex-wrap: wrap;
}
.two-columns .column {
width: 49%;
margin-right: 2%;
}
.two-columns .column:nth-child(even) {
margin-right: 0;
}
.three-columns .column {
width: 32%;
margin-right: 2%;
}
.three-columns .column:nth-child(3n+3) {
margin-right: 0;
}
.four-columns .column {
width: 22.75%;
margin-right: 3%;
}
.four-columns .column:nth-child(4n+4) {
margin-right: 0;
}
.five-columns .column {
width: 17.6%;
margin-right: 3%;
}
.five-columns .column:nth-child(5n+5) {
margin-right: 0;
}
/****
*
* containers
*
****/
.img-cover img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.clear {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
.clear::before, .clear::after {
clear: both;
}
/****
*
* Spacers
*
****/
.s-270 {
height: 270px;
}
.s-200 {
height: 200px;
}
.s-160 {
height: 160px;
}
.s-140 {
height: 140px;
}
.s-120 {
height: 120px;
}
.s-100 {
height: 100px;
}
.s-80 {
height: 80px;
}
.s-60 {
height: 60px;
}
.s-50 {
height: 50px;
}
.s-40 {
height: 40px;
}
.s-30 {
height: 30px;
}
.s-20 {
height: 20px;
}
.s-10 {
height: 10px;
}
.ts-160 {
height: 160px;
}
.ts-140 {
height: 140px;
}
.ts-120 {
height: 120px;
}
.ts-100 {
height: 100px;
}
.ts-80 {
height: 80px;
}
.ts-60 {
height: 60px;
}
.ts-40 {
height: 40px;
}
.flex-center {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.content-error {
max-width: 780px;
margin: 0 auto;
}
.alignnone {
margin: 15px 0 30px;
}
.aligncenter {
display: block;
margin: 15px auto 30px;
clear: both;
text-align: center;
}
.alignright {
float: right;
margin: 15px 0 30px 20px;
}
.alignleft {
float: left;
margin: 15px 20px 30px 0;
}
.no-overflow {
overflow: hidden;
}
.popup-ctn {
position: relative;
display: none;
}
.mfp-content .popup-ctn {
display: block;
margin: 135px auto;
}
.popup-inner-content {
padding: 0 80px 80px;
box-sizing: border-box;
}
.content-popup button.close-btn {
background-image: url(images/close.png);
}
.popup-image {
width: 100%;
padding-top: 46.4%;
background-size: cover;
background-position: center;
}
.flex-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
/****
*
* helper classes
*
****/
.large-text {
line-height: 1.3;
}
.small-text {
line-height: 1;
}
.black-text {
color: #000000;
}
.white_text {
color: #ffffff;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.center-align {
text-align: center;
}
.right-align {
text-align: right;
}
.left-align {
text-align: left;
}
.text-uppercase {
text-transform: uppercase;
}
.search-items-ctn {
margin: 100px 0;
}
.text-decuration-none {
text-decoration: none;
}
.d-flex {
display: flex;
}
.d-inline-flex {
display: inline-flex;
}
.flex-row {
flex-direction: row;
}
.flex-column {
flex-direction: column;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-column-reverse {
flex-direction: column-reverse;
}
.justify-content-start {
justify-content: flex-start;
}
.justify-content-end {
justify-content: flex-end;
}
.justify-content-center {
justify-content: center;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-around {
justify-content: space-around;
}
.align-items-start {
align-items: flex-start;
}
.align-items-end {
align-items: flex-end;
}
.align-items-center {
align-items: center;
}
.align-items-baseline {
align-items: baseline;
}
.align-items-stretch {
align-items: stretch;
}
.align-content-start {
align-content: flex-start;
}
.align-content-end {
align-content: flex-end;
}
.align-content-center {
align-content: center;
}
.align-content-between {
align-content: space-between;
}
.align-content-around {
align-content: space-around;
}
.align-content-stretch {
align-content: stretch;
}
.align-self-auto {
align-self: auto;
}
.align-self-start {
align-self: flex-start;
}
.align-self-end {
align-self: flex-end;
}
.align-self-center {
align-self: center;
}
.align-self-baseline {
align-self: baseline;
}
.align-self-stretch {
align-self: stretch;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-no-wrap {
flex-wrap: nowrap;
}
.bg-cover {
background-size: cover;
}
.bg-contain {
background-size: contain;
}
.bg-position-center {
background-position: center;
}
.bg-norepeat {
background-repeat: no-repeat;
}
.bg-repeat {
background-repeat: repeat;
}
.reset-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.overflow-hidden {
overflow: hidden;
}
.mobile-hide {
display: block;
}
.desktop-hide {
display: none;
}
/****
*
* buttons
*
****/
.hide {
display: none;
}
.button-3d img {
display: none;
}
/****
*
* 404 page
*
****/
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 90%;
max-width: 1160px;
box-sizing: border-box;
}
.mfp-iframe-scaler {
width: 100%;
overflow: hidden;
height: 70vh;
padding-top: unset;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(245, 245, 245);
padding: 30px;
}
.bn-pos-cc {
background-position: center;
}
.bn-pos-tl {
background-position: top left;
}
.bn-pos-tc {
background-position: top center;
}
.bn-pos-tr {
background-position: top right;
}
.bn-pos-cl {
background-position: center left;
}
.bn-pos-cr {
background-position: center right;
}
.bn-pos-bl {
background-position: bottom left;
}
.bn-pos-bc {
background-position: bottom center;
}
.bn-pos-br {
background-position: bottom right;
}
.add-ons {
margin-top: 10px;
}
.add-ons .addon-inn {
display: flex;
}
.add-ons-text {
padding-right: 10px;
}
.hero-ctn {
padding: 100px 0;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
}
.hero-ctn h1, .hero-ctn .hero-menu-btn a {
color: #ffffff;
}
.room-image-slide img {
height: 100% !important;
}
.hero-inner-content, .hero-inner-content h2 {
margin-bottom: 30px;
color: #ffffff !important;
}
.hero-content, .footer-inner-content {
z-index: 2;
}
.img-cover {
position: relative;
}
.img-cover::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 0;
}
a.button {
display: inline-block;
margin-bottom: 10px;
}
input[type=button].boylen-reset-btn {
background: #bebebe;
}
input[type=button].boylen-reset-btn:hover {
background: #a4a4a4;
}
/*-------------------------------------------------
>> Styles for Website Blocks
-------------------------------------------------*/
/*-------------------------------------------------
>> Basic styles for FAQ's Block
-------------------------------------------------*/
.faq-block {
max-width: 825px;
margin: 0 auto;
}
.faq > a {
border: none;
display: block;
line-height: 30px;
cursor: pointer;
position: relative;
padding: 37px 0 36px;
border-top: 1px solid rgba(40, 28, 60, 0.12);
}
.faq > a::after {
position: absolute;
content: "";
width: 30px;
height: 30px;
right: 0;
top: 37px;
transition: all 0.4s ease-in-out;
display: block;
background-repeat: no-repeat;
background-position: center;
}
.faq > a:hover {
border-top: 1px solid rgba(40, 28, 60, 0.12);
}
.faq > a.active {
padding-bottom: 24px;
}
.faq-content {
display: none;
border-top: 0;
line-height: 32px;
padding-bottom: 48px;
max-width: 716px;
}
.faq-content p:last-child {
margin-bottom: 0;
}
.top-latters-area a,
.top-latters-area a:visited {
display: inline-block;
width: 44px;
height: 44px;
box-sizing: border-box;
border-radius: 50%;
border: 1px solid rgba(40, 28, 60, 0.2);
text-transform: uppercase;
line-height: 22px;
padding: 10px;
margin: 0 4px 12px 0;
text-align: center;
}
.top-latters-area a:hover,
.top-latters-area a:visited:hover {
border: 1px solid rgba(40, 28, 60, 0.6);
}
.letter-box {
float: left;
width: 38px;
height: 38px;
border-radius: 50%;
text-transform: uppercase;
text-align: center;
padding: 7px;
box-sizing: border-box;
background-color: rgba(40, 28, 60, 0.04);
line-height: 20px;
}
.glossary-content {
padding: 24px 0;
border-bottom: 1px solid rgba(40, 28, 60, 0.12);
}
.glossary-content:last-child {
border-bottom: 0;
}
/*-------------------------------------------------
>> Basic styles for cta Block
-------------------------------------------------*/
.footer-cta {
padding: 100px 0;
text-align: center;
background-repeat: no-repeat;
background-size: cover;
}
.footer-cta .footer-inner-content h2 {
color: #fff;
margin-bottom: 30px;
}
/*-------------------------------------------------
>> Basic styles for Image Alongside Text Block
-------------------------------------------------*/
.image-at-left {
flex-direction: row-reverse;
}
.image-at-left .column:first-child {
margin: 0 0 0 2%;
}
.no-star .steric-element {
display: none;
}
.iat-image {
width: 56.8%;
padding-top: 32.35%;
z-index: 1;
}
.iat-image.iat-dt-image {
padding-top: 0;
}
.iat-content {
width: 43.2%;
}
.bg-cover {
background-repeat: no-repeat;
background-size: cover;
}
.iat-content {
padding: 0 90px;
box-sizing: border-box;
position: relative;
}
.iat-content h2 {
margin-bottom: 30px;
}
.iat-content .steric-element {
width: 215px;
height: 215px;
}
.iat-content-inner {
max-width: 541px;
position: relative;
z-index: 1;
}
.with-green-scheme .steric-element {
right: -130px;
top: 0;
}
.with-green-scheme.image-at-right .steric-element {
right: -95px;
}
.with-lgreen-scheme .steric-element {
right: auto;
left: -50px;
top: 40px;
}
.with-pink-scheme .steric-element {
bottom: 40px;
left: -68px;
top: auto;
transform: rotate(-90deg);
}
.with-pink-scheme a.button:hover {
background-color: transparent;
}
.with-lpink-scheme .steric-element {
top: 50px;
right: -110px;
}
.with-lpink-scheme a.button:hover {
background-color: transparent;
}
.with-black-scheme .steric-element {
right: -130px;
top: 25px;
transform: rotate(-90deg);
}
.iat-ctn .rooms-images {
width: 56.8%;
}
.iat-ctn .rooms-images .room-image-slide {
height: 543px;
max-height: 554px;
}
.iat-ctn {
align-items: stretch;
}
.iat-content {
display: flex;
align-items: center;
}
/*-------------------------------------------------
>> Basic styles for Menu
-------------------------------------------------*/
.steric-element {
display: none !important;
}
.menu-head {
margin-bottom: 17px;
align-items: flex-start;
position: relative;
padding: 0 45px;
}
.menu-head-title {
max-width: 470px;
}
.menu-head-title .large-heading {
margin-bottom: 0;
text-align: left;
}
.category-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.menu-title {
padding: 24px 26px;
box-sizing: border-box;
padding-right: 20px;
background-repeat: no-repeat;
background-position: right 25px center;
}
.menu-item {
position: relative;
margin-bottom: 30px;
}
.menu-ctn {
position: relative;
}
.menu-item-name {
padding-right: 70px;
font-weight: bold;
}
.menu-item-name .post-title {
word-break: break-word;
}
.menu-item-text {
padding-right: 70px;
}
.category-menu {
width: 50%;
position: relative;
padding-top: 60px;
text-align: left;
display: flex;
flex-direction: column;
justify-content: stretch;
}
.menu-items {
padding: 0 32px 0 47px;
height: 100%;
}
.menu-count {
position: absolute;
top: 0;
right: 0;
font-weight: bold;
}
.category-title {
padding: 0 32px 0 47px;
line-height: 0.9;
position: relative;
}
.category-title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
}
.inner-title {
font-weight: bold;
}
.inner-description.drink-description {
font-weight: 400;
font-style: normal;
padding-right: 70px;
text-transform: uppercase;
}
.inner-description.drink-description {
width: 80%;
}
.menu-head-description {
padding: 0 45px;
}
.menu-head-description .menu-description {
font-weight: 400;
font-style: normal;
padding-right: 70px;
text-align: left;
position: relative;
z-index: 1;
}
.menu-item-inner {
padding: 30px 0;
box-sizing: border-box;
height: 100%;
}
.menu-item-inner.no-post-found {
padding-top: 40px;
padding-bottom: 40px;
}
.menu-item-inner.have-cat_des {
padding-top: 20px;
}
.empty-item-bottom {
height: 0;
position: absolute;
bottom: 0;
width: 100%;
}
.empty-item-top {
height: 60px;
position: absolute;
top: 0;
width: 100%;
padding: 0 32px 0 47px;
box-sizing: border-box;
}
.empty-item-top .inner-title {
height: 100%;
}
.menu-buttons {
text-align: center;
}
.menu-buttons a.button.green {
background-color: transparent;
}
.menu-buttons a.button.green.current, .menu-buttons a.button.green:hover {
border-color: transparent;
}
.menu-buttons a.button.pink {
background-color: transparent;
}
.menu-buttons a.button.pink.current, .menu-buttons a.button.pink:hover {
border-color: transparent;
}
.menu-buttons a.button.black {
background-color: transparent;
}
.menu-buttons a.button.black.current, .menu-buttons a.button.black:hover {
border-color: transparent;
}
.menu-buttons a.button.lpink {
background-color: transparent;
}
.menu-buttons a.button.lpink.current, .menu-buttons a.button.lpink:hover {
border-color: transparent;
}
.menu-buttons a.button.lgreen {
background-color: transparent;
}
.menu-buttons a.button.lgreen.current, .menu-buttons a.button.lgreen:hover {
border-color: transparent;
}
.with-full-menu .category-menu {
width: 100%;
}
.menu-detail {
padding: 0 80px;
}
.menu-detail .menu-number {
position: absolute;
top: 0;
left: 0;
}
.category-menu-child .category-title {
border-top: 0;
}
.drink-menu-item {
display: flex;
flex-wrap: wrap;
word-break: break-all;
}
.drink-menu-item .menu-number {
width: 15%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.drink-menu-item .menu-number span {
width: 46%;
}
.drink-menu-item .menu-name-text {
padding: 0 30px;
box-sizing: border-box;
}
.drink-menu-item .menu-count {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: initial;
width: 22%;
}
.drink-menu-item .menu-count .bottle_price,
.drink-menu-item .menu-count .glass_price {
text-align: right;
}
.drink-menu-item .menu-count span {
width: 30%;
}
.menu-count span.volume {
width: 40%;
text-align: right;
}
.inner-title.drink-title {
display: flex;
justify-content: space-between;
font-weight: bold;
}
.menu-price {
width: 100%;
justify-content: space-between;
display: flex;
}
.inner-labels {
display: flex;
width: 22%;
justify-content: right;
}
.inner-labels .inner-label-title {
margin-left: 15.5%;
text-align: right;
margin-top: 0;
}
.inner-labels .inner-label-title:nth-child(1) {
margin-left: 0;
}
.inner-labels.desktop-hide {
display: none;
}
.drink-menu-item .menu-name-text {
width: 63%;
}
/*-------------------------------------------------
>> Basic styles for Events
-------------------------------------------------*/
.events-head.flex-wrap {
align-items: flex-start;
margin-bottom: 60px;
padding: 0;
}
.events-ctn {
margin-top: 50px;
}
.event-image {
width: 100%;
aspect-ratio: 1/1;
display: flex;
align-items: flex-end;
justify-content: flex-start;
overflow: hidden;
position: relative;
transition: all 0.3s ease-in-out;
}
.event-image img {
position: absolute;
top: 0;
left: 0;
}
.event-text {
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
position: relative;
z-index: 2;
text-transform: initial;
transition: all 0.3s ease-in-out;
padding: 0 25px;
}
.event-image img {
transition: all 0.3s ease-in-out;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
a.event-slide,
.event-image-slider .boylen-slick-slide,
a.event-slide:visited {
display: block;
width: 420px;
height: auto !important;
}
a.event-slide:hover .event-image img,
.event-image-slider .boylen-slick-slide:hover .event-image img,
a.event-slide:visited:hover .event-image img {
transform: scale(1.05);
}
a.event-slide:hover .event-image img::before,
.event-image-slider .boylen-slick-slide:hover .event-image img::before,
a.event-slide:visited:hover .event-image img::before {
opacity: 1;
}
a.event-slide:hover .event-text,
.event-image-slider .boylen-slick-slide:hover .event-text,
a.event-slide:visited:hover .event-text {
opacity: 1;
}
a.event-slide:hover .event-detail-area::after,
.event-image-slider .boylen-slick-slide:hover .event-detail-area::after,
a.event-slide:visited:hover .event-detail-area::after {
opacity: 1;
visibility: visible;
transform: scale(1.05);
}
.event-filter-ctn .slick-track {
padding: 10px;
}
.event-detail-area {
width: 100%;
display: inline-block;
padding: 32px 0 15px 0;
box-sizing: border-box;
transition: all 0.3s ease-in-out;
position: relative;
}
.event-heading {
max-width: 860px;
}
.events-types {
display: flex;
flex-wrap: wrap;
row-gap: 10px;
margin-bottom: 10px;
}
.boylen-slick-slide {
margin-right: 36px;
}
.event-image-slider {
width: 100%;
max-width: 1920px;
position: relative;
}
.events-filter {
margin-top: 50px;
}
.events-filter form {
display: flex;
flex-wrap: nowrap;
justify-content: center;
margin-bottom: 0;
}
.events-filter select {
height: 68px;
box-sizing: border-box;
min-width: 244px;
width: 29%;
background-position: center right 20px;
background-size: 17px;
margin-right: 30px;
}
.events-filter select option {
background: #fff !important;
color: #000 !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.events-filter input[type=search] {
background-repeat: no-repeat;
background-position: center right 20px;
background-size: 17px;
padding: 25px 48px 25px 25px;
margin-right: 15px;
}
.events-filter input {
height: 68px;
}
.events-filter input[type=submit] {
width: 226px;
margin-right: 0;
}
.slider-arrow .event-heading {
max-width: 970px;
}
.boylen-slick-prev,
.boylen-slick-next {
background-color: #000;
}
.boylen-slick-prev:hover,
.boylen-slick-next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.event-image-slider .boylen-slick-prev,
.event-image-slider .boylen-slick-next {
bottom: auto;
top: -70px;
margin-top: 0 !important;
}
.event-image-slider .boylen-slick-prev.slick-disabled,
.event-image-slider .boylen-slick-next.slick-disabled {
cursor: not-allowed;
}
.event-image-slider .boylen-slick-prev {
right: 90px;
left: auto !important;
border-radius: 0 !important;
}
.event-image-slider .boylen-slick-next {
right: 0;
border-radius: 0 !important;
}
.search-box {
display: flex;
justify-content: space-between;
width: 39%;
position: relative;
}
.search-box label {
width: 56%;
}
.event-title {
margin-bottom: 10px;
}
.event-image-link {
width: 100%;
height: 100%;
}
.boylen-reset-btn {
cursor: pointer;
margin-left: 15px;
display: flex;
align-items: center;
}
/*-------------------------------------------------
>> Basic styles for Rooms
-------------------------------------------------*/
.rooms-images {
width: 56.8%;
max-height: 683px;
position: relative;
}
.rooms-images .boylen-slick-prev {
bottom: 27px;
}
.room-image {
width: 48.5%;
}
.room-image-slide {
height: 554px !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.rooms-content-inner {
max-width: 535px;
}
.rooms-content {
width: 43.2%;
padding: 0 90px;
box-sizing: border-box;
}
.image-at-right .iat-content-inner,
.image-at-right .rooms-content-inner {
float: right;
}
.simple-rooms .rooms-content-inner {
max-width: 543px;
}
.simple-rooms .room-image-slide {
padding-top: 71.4%;
height: auto;
}
/*-------------------------------------------------
>> Basic styles for accomodation
-------------------------------------------------*/
.accomo-image {
width: 50%;
padding-top: 56.1%;
box-sizing: border-box;
}
.accomo-content {
width: 49.9%;
display: flow-root;
padding: 90px;
box-sizing: border-box;
}
.accomo-inner-content {
max-width: 645px;
float: right;
position: relative;
}
.accomo-inner-content ul {
padding-left: 0;
list-style: none;
}
.accomo-inner-content ul li.active a {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI1IDYuMjczNjJDMC4yNSA2LjEwNzg2IDAuMzE1ODQ4IDUuOTQ4ODkgMC40MzMwNTggNS44MzE2OEMwLjU1MDI2OCA1LjcxNDQ3IDAuNzA5MjM5IDUuNjQ4NjIgMC44NzUgNS42NDg2MkwxNS42MTYyIDUuNjQ4NjJMMTEuNjgyNSAxLjcxNjEyQzExLjU2NTEgMS41OTg3NyAxMS40OTkyIDEuNDM5NTkgMTEuNDk5MiAxLjI3MzYyQzExLjQ5OTIgMS4xMDc2NiAxMS41NjUxIDAuOTQ4NDgzIDExLjY4MjUgMC44MzExMjVDMTEuNzk5OSAwLjcxMzc2NiAxMS45NTkgMC42NDc4MzUgMTIuMTI1IDAuNjQ3ODM1QzEyLjI5MSAwLjY0NzgzNSAxMi40NTAxIDAuNzEzNzY2IDEyLjU2NzUgMC44MzExMjVMMTcuNTY3NSA1LjgzMTEyQzE3LjYyNTcgNS44ODkxOCAxNy42NzE5IDUuOTU4MTUgMTcuNzAzNCA2LjAzNDA4QzE3LjczNDkgNi4xMTAwMSAxNy43NTExIDYuMTkxNDIgMTcuNzUxMSA2LjI3MzYyQzE3Ljc1MTEgNi4zNTU4MyAxNy43MzQ5IDYuNDM3MjMgMTcuNzAzNCA2LjUxMzE3QzE3LjY3MTkgNi41ODkxIDE3LjYyNTcgNi42NTgwNyAxNy41Njc1IDYuNzE2MTJMMTIuNTY3NSAxMS43MTYxQzEyLjQ1MDEgMTEuODMzNSAxMi4yOTEgMTEuODk5NCAxMi4xMjUgMTEuODk5NEMxMS45NTkgMTEuODk5NCAxMS43OTk5IDExLjgzMzUgMTEuNjgyNSAxMS43MTYxQzExLjU2NTEgMTEuNTk4OCAxMS40OTkyIDExLjQzOTYgMTEuNDk5MiAxMS4yNzM2QzExLjQ5OTIgMTEuMTA3NyAxMS41NjUxIDEwLjk0ODUgMTEuNjgyNSAxMC44MzExTDE1LjYxNjIgNi44OTg2MkwwLjg3NSA2Ljg5ODYyQzAuNzA5MjM5IDYuODk4NjIgMC41NTAyNjggNi44MzI3OCAwLjQzMzA1OCA2LjcxNTU3QzAuMzE1ODQ4IDYuNTk4MzYgMC4yNSA2LjQzOTM5IDAuMjUgNi4yNzM2MloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
}
.accomo-inner-content ul li .room-number {
margin-right: 50px;
transition: all 0.3s ease-in-out;
}
.accomo-inner-content ul li a,
.accomo-inner-content ul li a:visited {
padding: 18px 18px 18px 0px;
display: flex;
flex-wrap: wrap;
background-repeat: no-repeat;
background-position: right 25px center;
transition: all 0.3s ease-in-out;
}
.accomo-inner-content ul li a:hover,
.accomo-inner-content ul li a:visited:hover {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI1IDYuMjczNjJDMC4yNSA2LjEwNzg2IDAuMzE1ODQ4IDUuOTQ4ODkgMC40MzMwNTggNS44MzE2OEMwLjU1MDI2OCA1LjcxNDQ3IDAuNzA5MjM5IDUuNjQ4NjIgMC44NzUgNS42NDg2MkwxNS42MTYyIDUuNjQ4NjJMMTEuNjgyNSAxLjcxNjEyQzExLjU2NTEgMS41OTg3NyAxMS40OTkyIDEuNDM5NTkgMTEuNDk5MiAxLjI3MzYyQzExLjQ5OTIgMS4xMDc2NiAxMS41NjUxIDAuOTQ4NDgzIDExLjY4MjUgMC44MzExMjVDMTEuNzk5OSAwLjcxMzc2NiAxMS45NTkgMC42NDc4MzUgMTIuMTI1IDAuNjQ3ODM1QzEyLjI5MSAwLjY0NzgzNSAxMi40NTAxIDAuNzEzNzY2IDEyLjU2NzUgMC44MzExMjVMMTcuNTY3NSA1LjgzMTEyQzE3LjYyNTcgNS44ODkxOCAxNy42NzE5IDUuOTU4MTUgMTcuNzAzNCA2LjAzNDA4QzE3LjczNDkgNi4xMTAwMSAxNy43NTExIDYuMTkxNDIgMTcuNzUxMSA2LjI3MzYyQzE3Ljc1MTEgNi4zNTU4MyAxNy43MzQ5IDYuNDM3MjMgMTcuNzAzNCA2LjUxMzE3QzE3LjY3MTkgNi41ODkxIDE3LjYyNTcgNi42NTgwNyAxNy41Njc1IDYuNzE2MTJMMTIuNTY3NSAxMS43MTYxQzEyLjQ1MDEgMTEuODMzNSAxMi4yOTEgMTEuODk5NCAxMi4xMjUgMTEuODk5NEMxMS45NTkgMTEuODk5NCAxMS43OTk5IDExLjgzMzUgMTEuNjgyNSAxMS43MTYxQzExLjU2NTEgMTEuNTk4OCAxMS40OTkyIDExLjQzOTYgMTEuNDk5MiAxMS4yNzM2QzExLjQ5OTIgMTEuMTA3NyAxMS41NjUxIDEwLjk0ODUgMTEuNjgyNSAxMC44MzExTDE1LjYxNjIgNi44OTg2MkwwLjg3NSA2Ljg5ODYyQzAuNzA5MjM5IDYuODk4NjIgMC41NTAyNjggNi44MzI3OCAwLjQzMzA1OCA2LjcxNTU3QzAuMzE1ODQ4IDYuNTk4MzYgMC4yNSA2LjQzOTM5IDAuMjUgNi4yNzM2MloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
}
.accomo-inner-content ul li a:hover .room-number,
.accomo-inner-content ul li a:visited:hover .room-number {
margin-right: 70px;
}
.accomo-btns {
gap: 20px;
align-items: center;
flex-wrap: wrap;
margin-top: 30px;
}
.accomo-gallery-image {
height: 400px;
margin-right: 20px;
width: calc(40% - 10px);
}
.accomo-gallery-image:nth-child(2) {
width: 20%;
}
.accomo-gallery-image:last-child {
margin-right: 0;
}
.accomo-gallery-images {
display: flex;
margin-top: 15px;
}
.accomo-gallery-images::-webkit-scrollbar {
width: 0;
height: 0;
background-color: transparent;
}
.room-image-slide {
margin-right: 0 !important;
}
/*-------------------------------------------------
>> Basic styles for Room Features
-------------------------------------------------*/
.room-features-area {
width: 47.7%;
}
.room-text-area {
width: 42.4%;
}
.room-features-area ul {
display: flex;
flex-wrap: wrap;
}
.room-features-area ul li {
display: inline-flex;
line-height: 0;
align-items: center;
margin-right: 7.8%;
margin-bottom: 36px;
width: 45.5%;
border-top: 1px solid rgba(0, 0, 0, 0.3);
position: relative;
padding: 36px 0 0;
}
.room-features-area ul li span {
display: inline-block;
line-height: 1;
}
.room-features-area ul li::before {
display: none;
}
.room-features-area ul li:nth-child(2n+2) {
margin-right: 0;
}
.room-features-area ul li img {
margin-right: 18px;
max-width: 22px;
top: -2px;
position: relative;
}
.room-features-area ul li:nth-child(1), .room-features-area ul li:nth-child(2) {
border-top: none;
padding-top: 0;
}
.room-features-area ul li:nth-last-child(1), .room-features-area ul li:nth-last-child(2) {
margin-bottom: 0;
}
.room-features-area ul {
margin-bottom: 0;
}
.room-feature-ctn {
padding-bottom: 100px;
margin-bottom: 100px;
}
/*-------------------------------------------------
>> Basic styles for Orders
-------------------------------------------------*/
/*-------------------------------------------------
>> Basic styles for Instagram Feed
-------------------------------------------------*/
.eapps-instagram-feed-title-container .eapps-instagram-feed-title {
padding: 100px 0 35px 0 !important;
max-width: 600px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center top;
letter-spacing: 0.168em;
text-transform: uppercase;
}
/*-------------------------------------------------
>> Basic styles for Gallery slider
-------------------------------------------------*/
.single-gallery-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 400px !important;
margin-right: 23px;
width: 640px;
}
.single-gallery-image:nth-child(3n+2) {
width: 360px;
}
.single-gallery-image:nth-child(3n+3) {
width: 640px;
}
.single-gallery-image:last-child {
margin-right: 0;
}
.gallery-ctn {
position: relative;
}
.gallery-ctn .boylen-slick-prev,
.gallery-ctn .boylen-slick-next {
top: calc(50% - 26px);
bottom: auto;
}
.gallery-ctn .boylen-slick-prev {
left: 20px;
right: auto;
}
.gallery-ctn .boylen-slick-next {
right: 20px;
bottom: auto;
}
/* ------------------------------------------------------------------
> Responsive
------------------------------------------------------------------ */
/* -------------------------------------------------
>> Responsive queries
------------------------------------------------- */
@media only screen and (min-width: 1346px) {
.event-image-slider {
width: 100%;
max-width: 1920px;
}
.drink-menu-item .menu-number {
width: 18%;
}
.drink-menu-item .menu-name-text {
width: 60%;
}
.image-at-right .boylen-slick-prev {
left: 25px;
right: auto;
}
.image-at-right .boylen-slick-next {
left: 110px;
right: auto;
}
.boylen-slick-prev {
right: 110px;
}
.accomo-btns a.button {
margin-right: 0;
}
.event-heading {
width: 54%;
}
.event-heading p br {
display: none;
}
.iat-content {
padding: 0 5%;
}
.accomo-btns {
gap: 20px;
}
.accomo-inner-content {
max-width: 530px;
}
.simple-rooms .room-image-slide {
padding-top: 101.4%;
}
.rooms-content {
padding: 0 5%;
}
}
@media only screen and (min-width: 1004px) and (max-width: 1345px) {
.event-arrow-slider {
height: 472px;
}
.search-box {
gap: 10px;
}
.events-filter select {
width: 23.6%;
margin: 0;
min-width: 190px;
padding: 16px;
height: 58px;
background-position: center right 10px;
}
.events-filter label {
width: 48%;
}
.events-filter input {
height: 58px;
}
.events-filter input[type=search] {
width: 100%;
padding: 25px 38px 25px 15px;
margin: 0;
background-position: center right 14px;
background-size: 14px;
}
.events-filter input[type=submit] {
width: 48%;
padding: 0 12px;
}
.events-filter form {
width: 100%;
gap: 10px;
}
.category-menu {
padding-top: 40px;
}
.empty-item-bottom {
height: 40px;
}
.menu-item-inner {
padding-top: 40px;
}
.empty-item-top {
padding: 0 35px;
height: 40px;
}
.category-title {
padding: 0 35px;
}
.menu-items {
padding: 0 35px;
}
.iat-content .accomo-btns a.button {
min-width: 190px;
}
.accomo-gallery-image {
height: 290px;
margin-right: 15px;
width: 33.3;
min-width: unset;
}
.iat-image,
.iat-content {
width: 50%;
}
.events-filter {
justify-content: center;
display: flex;
}
.event-image-slider .boylen-slick-slide {
margin-right: 16px;
}
.events-types a.button {
padding: 21px 15px;
min-width: 160px;
}
.event-heading {
width: 55%;
}
.image-at-left .iat-content {
padding: 0 5%;
}
.iat-image {
padding-top: 38%;
}
.iat-content {
padding: 0 5%;
}
.accomo-inner-content ul li a {
padding: 18px 0;
}
.accomo-inner-content {
float: none;
}
.room-feature-ctn {
padding-bottom: 50px;
}
.room-features-area ul li {
padding-top: 24px;
}
.room-features-area ul li img {
margin-right: 12px;
}
.accomo-btns {
gap: 25px;
}
.accomo-btns a.button {
margin-right: 0;
min-width: 130px;
padding: 16px 30px;
}
.simple-rooms .room-image-slide {
padding-top: 100%;
}
.rooms-images .rooms-content {
width: 50%;
}
.rooms-content {
padding: 0 3%;
}
}
@media only screen and (min-width: 1180px) and (max-width: 1345px) {
.menu-buttons a.button {
margin: 0 20px 20px 0;
}
.category-title::after {
bottom: 7px;
}
.iat-ctn .rooms-images {
width: 50%;
}
}
@media only screen and (min-width: 1004px) and (max-width: 1179px) {
.drink-menu-item .menu-number {
width: 18%;
}
.drink-menu-item .menu-name-text {
width: 50%;
}
.drink-menu-item span.vintage {
font-size: 19px;
}
.drink-menu-item .menu-count {
width: 32%;
}
.menu-count span.volume {
width: 30%;
}
.drink-menu-item .menu-count .bottle_price,
.drink-menu-item .menu-count .glass_price {
width: 35%;
}
.inner-labels .inner-label-title {
margin-left: 16.5%;
width: 16%;
}
.inner-labels {
width: 32%;
}
.steric-element {
top: 180px;
}
.category-menu {
padding-top: 40px;
}
.empty-item-top {
height: 40px;
}
.empty-item-bottom {
height: 38px;
}
.menu-item-inner {
padding-bottom: 38px;
}
.category-title::after {
bottom: 7px;
}
.menu-title {
padding: 18px 26px;
}
.menu-buttons a.button,
.menu-buttons a.button:visited {
min-width: auto;
margin-right: 0;
font-size: 18px;
}
.menu-buttons,
.hero-btns {
margin-bottom: 75px;
}
.iat-ctn .rooms-images {
width: 50%;
}
.contact-map {
height: 750px;
}
.contact-map {
height: 700px;
}
.contact-map,
.contact-form-area {
width: calc(50% - 15px);
}
.section-head h2 {
font-size: 48px;
}
h2,
.heading-2 {
font-size: 40px;
}
.s-extrasmall {
margin-bottom: 25px;
}
.s-small {
margin-bottom: 45px;
}
.s-medium {
margin-bottom: 60px;
}
.s-large {
margin-bottom: 90px;
}
.s-extralarge {
margin-bottom: 120px;
}
.have-gill-transform {
font-size: 50px;
}
.image-at-right .boylen-slick-next {
left: 92px;
}
.image-at-right .boylen-slick-prev {
left: 22px;
}
.boylen-slick-prev {
right: 92px;
}
.room-image-slide {
height: 444px !important;
}
.room-feature-ctn {
margin-bottom: 70px;
}
.footer-left {
width: 32%;
}
}
@media only screen and (max-width: 1179px) {
a.event-slide,
.event-image-slider .boylen-slick-slide,
a.event-slide:visited {
width: 370px;
}
.event-heading br {
display: none;
}
}
@media only screen and (max-width: 1003px) {
.post-wrap .post-inner-content {
width: 100%;
}
.post-wrap .post-button {
width: 100%;
}
.accomo-ctn {
gap: 30px;
}
.iat-ctn {
gap: 30px;
}
.iat-ctn .rooms-images {
width: 90%;
margin: 0 auto 35px;
}
.iat-ctn.image-at-right .boylen-slick-next,
.iat-ctn .boylen-slick-next {
top: auto;
left: auto;
right: 10px;
bottom: 10px;
}
.iat-ctn .boylen-slick-prev {
right: 62px;
left: auto !important;
top: auto !important;
bottom: -9px;
}
.menu-container {
padding-top: 55px;
}
.menu-head,
.menu-head-description {
padding: 0 14px;
}
.menu-head-filter {
position: initial;
}
.menu-item-inner {
padding-top: 45px;
padding-bottom: 30px;
}
.menu-head-filter {
width: 100%;
}
.menu-head-title {
width: 100%;
}
.empty-item-bottom {
height: 30px;
}
.empty-item-top {
padding: 0 32px 0 47px;
}
.menu-item-name br {
display: none;
}
.menu-item-text {
word-break: initial;
}
.menu-item {
gap: 10px;
}
.category-menu {
width: 100%;
padding-top: 25px;
}
.insta-head img {
max-width: 39px;
}
.contact-map {
height: 450px;
}
.contact-map,
.contact-form-area {
width: 100%;
}
.iat-image {
width: 100%;
padding-top: 32.35%;
}
.image-at-right .iat-content-inner,
.image-at-right .rooms-content-inner {
float: none;
}
.rooms-images {
width: 90%;
}
.accomo-inner-content {
float: none;
}
.iat-content,
.accomo-content {
width: 100%;
padding: 0 5%;
}
.room-text-area,
.room-features-area {
width: 100%;
}
.event-image-slider-one .boylen-slick-next,
.event-image-slider-one .boylen-slick-prev {
display: block !important;
}
.boylen-slick-prev,
.boylen-slick-next {
top: 50%;
}
.image-at-right .boylen-slick-prev,
.boylen-slick-prev {
left: 14px;
}
.image-at-right .boylen-slick-next,
.boylen-slick-next {
top: calc(50% - 18px);
left: auto;
right: 14px;
}
}
@media only screen and (min-width: 930px) and (max-width: 1003px) {
.events-filter input[type=search] {
width: 100%;
margin-right: 0;
height: 58px;
}
.events-filter select {
padding: 12px;
min-width: 190px;
height: 58px;
margin-right: 10px;
background-position: right 7px center;
}
.events-filter input[type=submit] {
width: 48%;
padding: 0 12px;
height: 58px;
}
}
@media only screen and (min-width: 748px) and (max-width: 1003px) {
.events-types {
width: 100%;
margin-top: 30px;
}
input[type=button].boylen-reset-btn {
height: 58px;
}
.drink-menu-item {
justify-content: space-between;
}
.drink-menu-item .menu-count {
width: 32%;
}
.menu-count span.volume {
width: 30%;
}
.drink-menu-item .menu-count .bottle_price,
.drink-menu-item .menu-count .glass_price {
width: 35%;
}
.inner-labels .inner-label-title {
margin-left: 16.5%;
width: 16%;
}
.inner-labels {
width: 32%;
}
.inner-labels .inner-label-title {
width: 33%;
}
.rooms-ctn .boylen-slick-prev,
.rooms-ctn .boylen-slick-next {
top: auto !important;
}
.rooms-ctn .boylen-slick-prev {
right: 90px !important;
left: auto !important;
}
.image-at-right .boylen-slick-next,
.boylen-slick-next {
right: 15px;
}
.image-at-right .boylen-slick-prev,
.boylen-slick-prev {
left: 15px;
}
.drink-menu-item .menu-name-text {
width: 49%;
padding: 0;
}
.menu-buttons a.button {
width: 48%;
margin: 0 0 10px;
}
.empty-item-top {
padding: 0 32px;
}
.menu-items {
padding: 0 32px;
}
.category-title {
padding: 0 32px;
}
.menu-head,
.menu-head-description {
padding: 0 30px;
}
.eapps-instagram-feed-title-container .eapps-instagram-feed-title {
padding: 75px 0 35px 0 !important;
background-size: 45px;
}
.event-arrow-slider {
height: 466px;
}
.room-image-slide {
height: 554px !important;
}
.accomo-gallery-images {
margin: 50px 0 15px 0;
min-width: 105%;
max-width: 105%;
margin-left: -5%;
overflow-x: scroll;
}
.events-ctn {
margin: 70px auto;
}
.event-image-slider .boylen-slick-slide {
margin-right: 16px;
}
.event-heading br {
display: none;
}
.iat-ctn {
flex-direction: column-reverse;
}
.iat-ctn .iat-image {
width: 100%;
padding-top: 50%;
}
.image-at-right .iat-content-inner,
.image-at-right .rooms-content-inner {
float: none;
}
.iat-image,
.iat-content {
width: 100%;
}
.rooms-content-inner,
.iat-content-inner {
float: none;
}
.accomo-gallery-image {
width: 650px;
min-width: 650px;
height: 360px;
margin-right: 15px;
}
.accomo-ctn {
flex-direction: column-reverse;
}
.accomo-image {
width: 100%;
padding-top: 56.1%;
}
.room-feature-ctn {
padding-bottom: 0;
border-bottom: 0;
}
.accomo-inner-content,
.iat-content-inner {
max-width: 750px;
}
.accomo-content {
width: 100%;
padding: 0 5%;
}
.room-features-area {
width: 100%;
}
.room-text-area {
width: 100%;
}
.search-box {
width: 100%;
display: flex;
}
.search-box label {
width: 48%;
margin-right: 10px;
}
.mx-970 {
margin: 0 auto 50px;
}
.rooms-ctn {
flex-direction: column-reverse;
}
.rooms-content {
width: 100%;
padding: 0 5%;
}
.simple-rooms .rooms-content-inner {
max-width: 100%;
}
.room-image {
width: 100%;
max-width: 700px;
}
}
@media only screen and (min-width: 747px) and (max-width: 930px) {
.events-filter input[type=search] {
width: 100%;
margin-right: 0;
height: 58px;
}
.events-filter form {
flex-wrap: wrap;
justify-content: space-between;
row-gap: 20px;
}
.events-filter .search-box {
justify-content: space-between;
}
.events-filter select {
width: 48%;
padding: 16px;
min-width: 190px;
height: 58px;
margin-right: 10px;
}
.events-filter select:nth-child(2) {
margin-right: 0;
}
.events-filter input[type=submit] {
width: 48%;
padding: 0 12px;
height: 58px;
}
}
@media only screen and (max-width: 747px) {
/**
* Spacers
*/
.s-270 {
height: 120px;
}
.s-200 {
height: 100px;
}
.s-160,
.ts-160 {
height: 86px;
}
.s-140,
.ts-140 {
height: 74px;
}
.s-120,
.ts-120 {
height: 64px;
}
.s-100,
.ts-100 {
height: 56px;
}
.s-80,
.ts-80 {
height: 46px;
}
.s-60,
.ts-60 {
height: 40px;
}
.s-50,
.ts-50 {
height: 36px;
}
.s-40,
.ts-40 {
height: 30px;
}
.two-columns .column,
.three-columns .column,
.four-columns .column,
.five-columns .column {
width: 100%;
}
.iat-image.column {
margin-top: 30px;
}
.inner-labels {
width: 100%;
justify-content: right;
}
.inner-labels .inner-label-title {
width: 70px;
text-align: center;
margin-left: 0;
}
.inner-labels.mobile-hide {
display: none !important;
}
.inner-labels.desktop-hide {
display: flex !important;
justify-content: space-between;
}
.drink-menu-item .menu-count {
justify-content: space-between !important;
}
.drink-menu-item .menu-price {
width: 100%;
align-items: flex-end;
}
.drink-menu-item .menu-price span {
text-align: center !important;
width: 70px !important;
}
.rooms-ctn .boylen-slick-prev,
.rooms-ctn .boylen-slick-next {
top: auto !important;
}
.rooms-ctn .boylen-slick-next {
bottom: 18px;
}
.rooms-ctn .boylen-slick-prev {
right: 70px !important;
left: auto !important;
}
.post-wrap .post-button a {
padding: 12px;
display: flex;
align-items: center;
justify-content: center;
min-height: 55px;
width: -moz-max-content;
width: max-content;
}
input[type=button].boylen-reset-btn {
width: 100% !important;
}
.events-filter form {
flex-wrap: wrap;
}
.menu-item-inner {
padding-bottom: 70px;
}
.category-title {
border-top: 0;
}
.drink-menu-item .menu-number {
width: 100%;
justify-content: flex-start;
gap: 20px;
}
.drink-menu-item .menu-number span {
width: auto;
}
.menu-item-name .vintage {
display: inline-block !important;
}
.drink-menu-item .menu-count {
width: 100%;
}
.drink-menu-item .menu-name-text {
padding: 0;
width: 100%;
}
.menu-item-text, .menu-item-name {
padding-right: 0;
}
.drink-menu-item .menu-count {
justify-content: flex-start;
gap: 20px;
}
.drink-menu-item .menu-count span,
.menu-count span.volume {
width: auto;
}
.category-title::after {
bottom: 9px;
}
.mfp-close {
width: 40px;
height: 40px;
background-size: 15px;
top: -40px;
}
.popup-inner-content {
padding: 0 20px 20px;
}
.menu-detail {
padding: 0 50px;
}
.showbook-buttons {
top: auto;
bottom: 100%;
left: 0%;
right: 0;
margin: auto;
width: 100%;
}
.menu-buttons {
margin: 80px 0;
}
.eapps-instagram-feed-title-container .eapps-instagram-feed-title {
padding: 60px 0 35px 0 !important;
background-size: 35px;
}
.event-arrow-slider {
height: 350px;
}
.accomo-gallery-images {
margin: 50px 0 10px 0;
min-width: 105%;
max-width: 105%;
margin-left: -5%;
overflow-x: scroll;
}
.accomo-inner-content .accomo-btns a.button {
padding: 14px;
}
.accomo-inner-content ul li a:hover {
padding-left: 84px;
}
.insta-photo {
width: 50%;
padding-top: 50%;
}
.rooms-content {
width: 100%;
padding: 0 5%;
}
.event-detail-area {
padding: 15px 25px 15px 15px;
}
.event-image-slider .boylen-slick-prev, .event-image-slider .boylen-slick-next {
top: -50px;
}
.event-image-slider .boylen-slick-prev {
right: 90px;
left: auto;
}
.menu-items,
.empty-item-top,
.category-title {
padding: 0 20px;
}
.events-types {
width: 100%;
margin-top: 30px;
}
.room-feature-ctn {
padding-bottom: 0;
border-bottom: 0;
}
.search-box {
width: 100%;
flex-wrap: wrap;
row-gap: 20px;
}
.event-detail-area {
background-position: right 8px top 22px;
}
.event-image-slider .boylen-slick-slide {
margin-right: 12px;
}
a.event-slide,
.event-image-slider .boylen-slick-slide,
a.event-slide:visited {
height: 100%;
width: 266px;
}
.event-image-slider {
width: 100%;
}
.events-types a.button {
width: 100%;
display: block;
}
.event-heading {
text-align: center;
}
.event-heading p br {
display: none;
}
.iat-ctn .iat-image {
width: 110%;
padding-top: 75%;
margin-left: 0;
background-position: center;
}
.iat-ctn.image-at-left {
flex-direction: column-reverse;
}
.rooms-ctn.image-at-left {
flex-direction: column-reverse;
}
.boylen-slick-prev,
.boylen-slick-next {
width: 37px;
height: 37px;
background-size: 15px;
}
.room-image-slide {
height: 259px !important;
}
.accomo-gallery-image {
width: 340px !important;
min-width: 340px;
height: 228px;
margin-right: 10px;
}
.accomo-ctn {
flex-direction: column-reverse;
}
.accomo-image {
width: 100%;
padding-top: 96.5%;
}
.accomo-inner-content ul li a .room-number {
margin-right: 64px;
}
.accomo-inner-content ul li a:hover .room-number {
margin-right: 64px;
}
.room-features-area ul li {
margin-right: 0;
padding-top: 26px;
}
.room-features-area ul li:nth-child(2) {
padding-top: 26px;
}
.order-ctn {
text-align: left;
}
.search-box {
flex-wrap: wrap;
}
.search-box label {
width: 100%;
}
.search-box label input[type=submit] {
width: 100%;
}
.events-filter input[type=search] {
width: 100%;
margin-right: 0;
}
.events-filter input[type=submit] {
width: 100%;
margin-right: 0;
}
.events-filter select {
width: 100%;
margin: 0 0 22px 0;
}
.accomo-btns {
gap: 20px;
}
.image-at-right {
flex-direction: column-reverse;
}
.mx-970 {
margin: 0 auto 62px;
}
.room-image {
width: 100%;
}
.room-features-area ul li {
margin-right: 0;
width: 100%;
}
.mobile-hide {
display: none;
}
.desktop-hide {
display: block;
}
}
@media only screen and (min-width: 460px) and (max-width: 747px) {
.accomo-btns a.button {
margin-right: 0;
min-width: 200px;
}
}
@media only screen and (max-width: 459px) {
.accomo-btns a.button {
min-width: 100%;
min-height: 55px;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.accomo-gallery-image {
height: 228px;
}
}
/*# sourceMappingURL=styles.min.css.map*/