/* Theme Name: Theme URI: Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net Author: Adrian Jones Version: 1.0 License: License URI: Tags: */ @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap'); * {margin: 0; border: 0; padding: 0; outline: 0; box-sizing: border-box;} p, a, small, li, textarea, input, td, tr, .gform_confirmation_message, div, span, label {font-family: garamond-premier-pro-caption, serif; font-style: normal; color: #504e30;} h1, h2, h3, h4, h5, h1 span, h2 span, h3 span, h4 span, h5 span {font-family: garamond-premier-pro-caption, serif; font-style: normal;} .clear {clear: both;} a {text-decoration: none;} html {overflow-y: scroll; background-color: #fff;} ul {list-style-type: none;} img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} .alignright {float:right; } .alignleft {float:left; } .aligncenter {display: block; margin-left: auto; margin-right: auto} img {max-width: 100%; max-height: 100%; height: auto;} strong {font-weight: 700;} .wrapper {width: 1200px; margin: 0 auto; position: relative;} .wrapper:after {content: ""; display: block; clear: both;} .yPadding {padding-top: 80px; padding-bottom: 80px;} .centered {text-align: center;} .relative {position: relative;} .flex {display: flex;} .align-items-top {align-items: flex-start;} .align-items-center {align-items: center;} .align-items-bottom {align-items: flex-end;} .justify-content-between {justify-content: space-between;} .justify-content-center {justify-content: center;} #popupcont {padding: 30px;} #popupcont > * + * {margin-top: 15px;} .bespokeBtn {display: inline-block; font-family: garamond-premier-pro-caption, serif; font-style: normal; text-align: center; text-transform: uppercase; font-size: 20px; color: #fff; letter-spacing: 2px; position: relative; overflow: hidden; background: transparent; padding: 20px 40px;} .bespokeBtn.dark {color: #404533;} .bespokeBtn.small {padding: 10px 15px; font-size: 16px;} .btn-border-animate .button-border {position: absolute; background: #fff;} .btn-border-animate .button-border.dark {background: #404533;} .btn-border-animate .top {top: 0; left: 30px; width: 100%; height: 2px; transition: left .4s, background .4s;} .btn-border-animate .left {left: 0; width: 2px; height: 100%; transition: top .3s .1s, background .4s;} .btn-border-animate .left-bottom {top: 30px;} .btn-border-animate .left-top {top: -100%;} .btn-border-animate .bottom {bottom: 0; width: 100%; height: 2px; transition: right .4s .2s, background .4s;} .btn-border-animate .bottom-right {right: 0;} .btn-border-animate .bottom-left {right: 100%;} .btn-border-animate .right {right: 0; width: 2px; height: 100%; top: 0; transition: top .4s .1s, background .4s;} .btn-border-animate:hover .top {left: 0;} .btn-border-animate:hover .left-bottom {top: 0;} .btn-border-animate:hover .bottom-right {right: 30px;} .btn-border-animate:hover .right {top: -30px;} .bespokeBtn.pageRowBtn {margin-top: 20px;} .fullContent .bespokeBtn + .bespokeBtn, .subHometop .bespokeBtn + .bespokeBtn, .subHomeBottom .bespokeBtn + .bespokeBtn {margin-left: 20px;} #header.subHome {height: 100vh; padding-top: 70px; overflow: hidden; position: relative;} #header.subHome.inner {height: 560px;} #header.subHome:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 300px; background-image: linear-gradient(to top, #504e30, transparent 100%); z-index: 1;} #header.subHome > div {height: 100%;} #header.subHome .headTop {position: fixed; top: 0; left: 0; width: 100%; height: auto; padding: 50px 0; -webkit-transition: all 1s; transition: all 1s; z-index: 999;} #header.subHome.sticky .headTop {background: #504e30; padding: 30px 0;} #header.subHome.sticky .headTop #menu-toggle {height: 30px;} #header.subHome .headTop .flex {display: flex; justify-content: space-between; align-items: flex-start; position: relative;} #header.subHome .headTop .flex #menu-toggle {cursor: pointer;} #header.subHome .headTop .flex #menu-toggle img {height: 40px;} #header.subHome .headTop .flex .head-btns {position: absolute; left: 50%; transform: translatex(-50%); display: flex; gap: 8px;} #header.subHome .headTop .flex .head-btns > a {white-space: nowrap; font-size: 12px; padding: 6px 15px;} #header.subHome .headTop .flex .head-btns .mobile-btn {display: none;} #header.subHome .headTop .flex .logo {height: 80px;} #header.subHome.sticky .headTop .logo {height: 60px;} #header.subHome h1.homeTitleText {position: absolute; bottom: 25px; left: 0; color: #fff; font-size: 60px; font-weight: 600; z-index: 2;} #header.subHome .homeTitleOffers {position: absolute; bottom: 25px; left: 0; color: #fff; width: 470px;} #header.subHome .homeTitleOffers .offers > div + div {margin-top: 20px;} #header.subHome .homeTitleOffers .offer h2 {font-size: 54px; font-weight: 400; letter-spacing: 6px; text-transform: uppercase; color: #fff;} #header.subHome .homeTitleOffers .offer p {font-family: garamond-premier-pro-caption, serif; font-style: normal; font-size: 28px; color: #fff;} #header.subHome .homeTitleOffers .offer p span {font-family: garamond-premier-pro-caption, serif; font-style: normal; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 500; color: #fff;} #header.subHome .homeTitleOffers .termsLink {margin-top: 40px;} #header.subHome .homeTitleOffers .termsLink a {color: #fff; text-decoration: underline; font-size: 14px;} #header.subHome .homeTitleOffers .bespokeBtn {position: absolute; right: 0; bottom: 0; font-size: 16px; padding: 10px 15px;} #header.subHome .homeHeadSlider {position: absolute; top: 0; left: 0; height: 100%; width: 100%;} #header.subHome .homeHeadSlider .flexslider {margin: 0; border: 0; border-radius: 0; box-shadow: unset; -webkit-box-shadow: unset;} #header.subHome .homeHeadSlider .flexslider, #header.subHome .homeHeadSlider .flexslider > div, #header.subHome .homeHeadSlider .flexslider > div > ul, #header.subHome .homeHeadSlider .flexslider > div > ul > li {height: 100%;} #header.subHome video {position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%;} #menu {background: #504e30; position: fixed; top: 0; bottom: 0; left: -350px; width: 350px; z-index: 99999; transition-duration: 1s; } #menu #menu-close {position: absolute; color: #e8e1d9; right: 30px; top: 30px; font-size: 38px; cursor: pointer; height: 40px;} #menu .inner {padding: 100px 20px 60px 30px;} #menu .menu li {padding: 4px 0; position: relative;} #menu .menu > li + li {border-top: 1px solid #e8e1d9;} #menu .menu li a {font-family: garamond-premier-pro-caption, serif; font-weight: 500; font-style: normal; color: #e8e1d9; font-size: 26px; text-transform: uppercase; letter-spacing: 2px; } #menu .menu li a:hover {color: #ffffff;} #menu .menu > li > ul {padding-top: 5px;} #menu .menu > li > ul > li a {font-size: 18px; letter-spacing: 1px;} #menu .menu > li.menu-item-has-children > a:after {content: "\f0d7"; position: absolute; right: 0; top: 5px; font-family: 'Font Awesome 5 Free'; font-weight: 900;} #menu .menu > li.menu-item-has-children.expanded > a:after {content: "\f0d8";} .subHometop {padding: 0px; position: relative; background-color: #f2f1e9;} .subHometop .flex:not(.buttons) {justify-content: flex-end; min-height: 500px;} .subHometop .left-image-wrapper {position: absolute; left: 0; top: 0; bottom: 0; width: 42vw; height: 100%; overflow: hidden;} .subHometop .left-image-wrapper img {width: 100%; height: 100%; object-fit: cover; display: block;} .subHometop .flex .right-text {width: 54%;} .subHometop .flex .right-text h2 {font-size: 48px; line-height: 120%;} .subHometop .flex .right-text h2 + * {margin-top: 20px;} .subHometop .flex .right-text h3 {font-size: 48px; font-weight: 300; line-height: 120%;} .subHometop .flex .right-text p {line-height: 140%; font-size: 24px; margin-top: 20px;} .subHometop .flex .right-text .buttons {margin-top: 50px; gap: 20px;} .mid-img {height: 100vh; max-height: 1100px; position: relative;} .subHomeBottom {background: #f2f1e9;} .subHomeBottom .leftContent {width: 60%; padding-right: 30px;} .subHomeBottom .leftContent h2 {font-size: 48px;} .subHomeBottom .leftContent h2 + * {margin-top: 15px;} .subHomeBottom .leftContent h3 {font-size: 48px; font-weight: 300; padding-bottom: 40px; } .subHomeBottom .leftContent p {line-height: 140%; font-size: 24px; margin-top: 15px;} /*.subHomeBottom .leftContent p a {color: #fff; text-decoration: underline;}*/ .subHomeBottom .leftContent .buttons {margin-top: 50px; gap: 20px;} .subHomeBottom .rightImg {width: 40%;} .subHomeBottom .rightImg .img:before {content: ""; display: block; padding-top: 100%;} .whatsOn .eventList {margin-left: -15px; width: auto;} .whatsOn .singleEvent {margin-left: 15px; margin-bottom: 30px; width: calc(50% - 15px); border-bottom: 1px solid #666b59; padding: 0 20px 30px; text-align: center;} .whatsOn .singleEvent h2 {font-size: 24px; font-weight: 500; margin-bottom: 20px; } .whatsOn .singleEvent .eventImg {margin-bottom: 20px; text-align: center; position: relative;} .whatsOn .singleEvent .eventImg:before {content: ""; display: inline-block; vertical-align: middle; padding-top: 50%;} .whatsOn .singleEvent .eventImg span {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; background: rgba(0,0,0,0.4);} .whatsOn .singleEvent .eventImg h2 {display: inline-block; vertical-align: middle; color: #fff; font-size: 24px; max-width: 95%; position: relative; z-index: 2; margin-bottom: 0; font-weight: 500;} .whatsOn .singleEvent p {font-size: 21px; line-height: 140%; font-weight: 300;} .whatsOn .singleEvent p + p {margin-top: 20px;} .whatsOn .singleEvent p span {line-height: normal;} .whatsOn .singleEvent p a {font-size: 21px; font-weight: 300; text-decoration: underline; color: #666b59;} .gallery-grid {flex-wrap: wrap;} .gallery-grid > a {width: 25%; padding: 2px;} .gallery-grid > a > div {} .gallery-grid > a > div:before {content: ""; display: block; padding-top: 66%;} .gallery-grid > a:hover > div {opacity: 0.7;} .reviews .flex {flex-wrap: wrap;} .reviews .flex > div {width: calc(33.3% - 2px); border-left: 2px solid #f2f0eb; margin-bottom: 80px; padding: 0 40px; text-align: center;} .reviews .flex > div:nth-of-type(3n+1) {border: 0;} .reviews .flex > div h2 {font-size: 24px; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; letter-spacing: 2px;} .reviews .flex > div p {font-size: 21px; line-height: 140%; font-weight: 300;} .reviews .flex > div p + p {margin-top: 20px;} .reviews .flex > div p span {line-height: normal;} .reviews .flex > div p a {font-size: 21px; font-weight: 300; text-decoration: underline; color: #000;} .reviews .flex > div a.btn {display: inline-block; font-family: 'Roboto Slab', serif; line-height: 60px; width: 250px; text-align: center; text-transform: uppercase; font-size: 18px; color: #000; letter-spacing: 2px; position: relative; overflow: hidden; background: transparent; margin-top: 40px;} .reviews .flex > div p.name {font-family: garamond-premier-pro-caption, serif; font-size: 18px; margin-top: 20px;} .innerpage {padding: 80px 0;} .menus .flex {display: flex; justify-content: space-between; align-items: flex-start;} .menus .menus-grid {width: 50%; display: flex; flex-wrap: wrap;} .menus .menus-grid > a {display: block; width: calc(50% - 10px); margin-bottom: 20px;} .menus .menus-grid > a:nth-of-type(2n+2) {margin-left: 20px;} .menus .menus-grid .menu {position: relative; text-align: center;} .menus .menus-grid .menu:before {content: ""; display: inline-block; vertical-align: middle; padding-top: 100%;} .menus .menus-grid .menu:after {content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(80,78,48,0.6); z-index: 1;} .menus .menus-grid .menu:hover:after {background: rgba(80,78,48,0.2);} .menus .menus-grid .menu h3 {text-transform: uppercase; font-weight: 500; display: inline-block; vertical-align: middle; position: relative; z-index: 2; color: #fff; font-size: 24px; max-width: 95%;} .menus .menus-grid .menu p {position: absolute; bottom: 20px; left: 50%; transform: translatex(-50%); text-align: center; width: 95%; color: #fff; z-index: 2;} .menus .widget {width: 40%; background: #504e30; text-align: center;} .menus .widget h2 {font-family: garamond-premier-pro-caption, serif; font-style: normal; color: #fff; font-size: 23px; padding-top: 30px;} .menus .widget > div {margin: 20px auto 0; text-align: left;} body.page-id-668 .menus .menus-grid .menu h3 {font-family: "alga", serif; font-weight: 500; font-style: normal; text-transform: capitalize; letter-spacing: normal; font-size: 26px; } body.page-id-668 #header.inner {background-attachment: scroll!important; background-position: center!important;} #footer {background: #504e30; padding: 80px 0;} #footer p {text-transform: uppercase; color: #fff; margin-bottom: 40px; letter-spacing: 2px;} #footer p span {color: inherit;} #footer ul {display: flex; margin: 0 50px; align-items: center; gap: 30px;} #footer ul li img {width: 100%;} #footbottom {background: #504e30; padding: 80px 0; border-top: 2px solid #fff; color: #fff;} #footbottom .flex {display: flex; justify-content: space-between; align-items: flex-start;} #footbottom .left {width: 20%; display: flex;} #footbottom .left > div {display: flex; flex-direction: column;} #footbottom .left > div + div {margin-left: 10px;} #footbottom .left > div + div > img {padding-bottom: 10px;} #footbottom .right {width: 20%; text-align: right;} #footbottom .center {width: 60%; text-align: center;} #footbottom .social {margin-bottom: 40px;} #footbottom .social li {display: inline-block;} #footbottom .social li + li {margin-left: 20px;} #footbottom .social li img {height: 18px;} #footbottom a {color: #fff;} #footbottom .social li i {font-size: 22px;} #footbottom p {font-size: 14px; color:#fff; line-height: 140%;} #footbottom p span {color:#fff;} #footbottom p span + span {padding-left: 10px;} #footbottom p + p {margin-top: 20px;} #footbottom p.links {position: relative; padding-top: 30px; margin: 30px 0 60px; text-transform: uppercase; font-size: 10px; letter-spacing: 1px;} #footbottom p.links:before {content: ""; display: block; height: 1px; width: 120px; border-top: 1px solid #fff; position: absolute; top: 0; left: 50%; transform: translatex(-50%);} #footbottom p.copy {font-family: garamond-premier-pro-caption, serif; font-style: normal; font-size: 10px; color:#fff; letter-spacing: 1px; margin-top: 70px;} #footbottom p.copy a {font-family: garamond-premier-pro-caption, serif; font-style: normal; font-weight: 400; color:#fff; } #footbottom .hidedesktop {display: none;} .contact .flex {display: flex; justify-content: space-between;} .contact .flex .form {width: 46%;} .contact .flex .form p {line-height: 140%; font-size: 24px; color: #504e30;} .contact .form .gform_wrapper {margin-top: 50px;} .contact .form .gform_wrapper .gform_body .gfield {align-items: flex-end;} .contact .form .gform_wrapper .gform_body .gfield > label {width: 18%; text-align: left; color: #504e30; font-weight: normal; serif; text-transform: uppercase;} .contact .form .gform_wrapper .gform_body .gfield > label span {display: none;} .contact .form .gform_wrapper .gform_body .gfield > div {width: 82%!important;} .contact .form .gform_wrapper .gform_body .gfield input[type="text"], .contact .form .gform_wrapper .gform_body .gfield input[type="email"] {background: transparent; color: #504e30; font-size: 16px; border-bottom: 2px solid #504e30; padding: 8px; border-radius: 0; -webkit-border-radius: 0;} .contact .form .gform_wrapper .gform_body .gfield#field_1_4 {display: block;} .contact .form .gform_wrapper .gform_body .gfield#field_1_4 > label {display: block; padding: 12px 0 15px;} .contact .form .gform_wrapper .gform_body .gfield#field_1_4 > div {width: 100%!important;} .contact .form .gform_wrapper .gform_body .gfield#field_1_4 textarea {background: transparent; color: #504e30; font-size: 16px; border: 2px solid #504e30; padding: 8px; border-radius: 0; -webkit-border-radius: 0;} .contact .form .gform_wrapper .gform_footer {padding: 0!important; margin-top: 40px;} .contact .form .gform_wrapper .gform_footer input[type="submit"] {display: inline-block; font-family: garamond-premier-pro-caption, serif; font-style: normal; text-transform: uppercase; color: #504e30; font-size: 12px; letter-spacing: 2px; border: 2px solid #504e30; padding: 12px 40px; cursor: pointer; background: transparent; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none;} .contact .form .gform_wrapper .gform_footer input[type="submit"]:hover {background: #504e30; color: #fff;} .contact .form .gform_wrapper .gform_footer button {display: inline-block; font-family: garamond-premier-pro-caption, serif; font-style: normal; line-height: 80px; width: 300px; text-align: center; text-transform: uppercase; font-size: 23px; color: #504e30; letter-spacing: 2px; position: relative; overflow: hidden; background: transparent; cursor: pointer;} .contact .form .gform_confirmation_message {color: #504e30; font-size: 24px;} .contact-details > div {border-top: 2px solid #504e30; padding: 100px 0; color: #504e30;} .contact-details p {line-height: 140%; font-size: 24px; color: #504e30;} .contact-details ul.social {margin-top: 40px;} .contact-details .social li {display: inline-block;} .contact-details .social li + li {margin-left: 20px;} .contact-details .social li img {width: 40px;} .contact-details h3 {margin: 40px 0 20px; font-size: 28px;} .contact-details > div > p:last-of-type a {display: inline-block; padding: 12px 40px; color: #504e30;} .contact .flex .map {width: 46%; min-height: 400px;} .generic h2 {font-size: 48px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 25px;} .generic h3 {font-size: 48px; letter-spacing: 2px; font-weight: 300; margin-bottom: 20px;} .generic p {font-size: 24px; line-height: 140%;} .generic p + p {margin-top: 20px;} .generic p a {font-weight: 300; text-decoration: underline; color: #504e30;} .generic ul {margin: 10px 0 10px 30px;} .generic ul li {font-size: 24px; padding: 6px 0; list-style-type: disc;} .generic a.btn-border-animate {display: inline-block; padding: 12px 40px;} .soda-widget .soda-voucher-list > ul > li .card {background-color: transparent; border: 1px solid #504e30; box-shadow: none; color: #504e30;} .soda-widget .soda-voucher-list > ul > li .card h3, .soda-widget .soda-voucher-list > ul > li .card label, .soda-widget .soda-voucher-list > ul > li .card label span, .soda-widget .soda-voucher-list > ul > li .card .card__input input {color: #4e6247!important; background: transparent!important;} .soda-widget .btn--default[disabled], .soda-widget .btn--default[disabled].active, .soda-widget .btn--default[disabled]:active, .soda-widget .btn--default[disabled]:hover, .soda-widget .btn--ghost.disabled, .soda-widget .btn--ghost.disabled.active, .soda-widget .btn--ghost.disabled:active, .soda-widget .btn--ghost.disabled:hover, .soda-widget .btn--ghost[disabled], .soda-widget .btn--ghost[disabled].active, .soda-widget .btn--ghost[disabled]:active, .soda-widget .btn--ghost[disabled]:hover, .soda-widget .disabled.active.btn--default, .soda-widget .disabled.btn--default, .soda-widget .disabled.btn--default:active, .soda-widget .disabled.btn--default:hover, .soda-widget .quantity__container .quantity .disabled.active.quantity__button, .soda-widget .quantity__container .quantity .disabled.quantity__button, .soda-widget .quantity__container .quantity .disabled.quantity__button:active, .soda-widget .quantity__container .quantity .disabled.quantity__button:hover, .soda-widget .quantity__container .quantity .quantity__button[disabled], .soda-widget .quantity__container .quantity .quantity__button[disabled].active, .soda-widget .quantity__container .quantity .quantity__button[disabled]:active, .soda-widget .quantity__container .quantity .quantity__button[disabled]:hover, fieldset[disabled] .soda-widget .active.btn--default, fieldset[disabled] .soda-widget .btn--default, fieldset[disabled] .soda-widget .btn--default:active, fieldset[disabled] .soda-widget .btn--default:hover, fieldset[disabled] .soda-widget .btn--ghost, fieldset[disabled] .soda-widget .btn--ghost.active, fieldset[disabled] .soda-widget .btn--ghost:active, fieldset[disabled] .soda-widget .btn--ghost:hover, fieldset[disabled] .soda-widget .quantity__container .quantity .active.quantity__button, fieldset[disabled] .soda-widget .quantity__container .quantity .quantity__button, fieldset[disabled] .soda-widget .quantity__container .quantity .quantity__button:active, fieldset[disabled] .soda-widget .quantity__container .quantity .quantity__button:hover, .open>.soda-widget .btn--ghost.dropdown-toggle, .open>.soda-widget .dropdown-toggle.btn--default, .open>.soda-widget .quantity__container .quantity .dropdown-toggle.quantity__button, .soda-widget .btn--active.btn--default, .soda-widget .btn--default:active, .soda-widget .btn--default:hover, .soda-widget .btn--ghost.btn--active, .soda-widget .btn--ghost:active, .soda-widget .btn--ghost:hover, .soda-widget .quantity__container .quantity .btn--active.quantity__button, .soda-widget .quantity__container .quantity .quantity__button:active, .soda-widget .quantity__container .quantity .quantity__button:hover, .soda-widget .quantity__container .quantity>input, .soda-widget .btn--default, .soda-widget .btn--ghost, .soda-widget .quantity__container .quantity .quantity__button {border-color: #504e30!important; color: #504e30!important;} .soda-widget .btn--primary {background: #fff!important; border-color: #504e30!important; color: #504e30!important;} .soda-voucher-page .soda-voucher-page p, .soda-voucher-page .card__content p {color: #504e30;} .contact .gform_wrapper .gform_validation_errors, .contact .gform_wrapper .validation_message {border-color: #504e30; background: transparent; box-shadow: none; color: #504e30;} .contact .gform_wrapper .gform_validation_errors > h2 {color: #504e30;} .contact .gform_wrapper .gfield_error [aria-invalid=true] {border-color: #504e30;} #sodaPartnerWidget .card .price-span {color: #504e30;} /* Christmas page */ @font-face { font-family: "SpanishSignatureFont"; src: url('fonts/font.woff2') format('woff2'), url('fonts/font.woff') format('woff'); } .page-id-668 #header.inner h1, .page-id-668 #header.inner h1 span { font-family: "alga", serif; font-weight: 600; font-style: normal; text-transform: capitalize; color: #fff; letter-spacing: normal; background: none; font-size: 54px; line-height: 0; text-align: center; text-shadow: #504e30 20px 0 20px; right: 0; } @media all and (max-width : 1200px) { .wrapper {width: auto;} #header.home {background-attachment: scroll!important;} #header.inner {background-attachment: scroll!important;} #header .flex, .contact .flex, .innerpage.generic > div {padding: 0 50px;} #header.inner h1 {white-space: nowrap; left: 50px;} #header.home h1.homeTitleText {white-space: nowrap; left: 50px;} .home-top .flex, .menus .flex, .whatson .flex, #footbottom .flex {padding: 0 50px;} .home-top > div:before {left: 50px;} #header.home .homeTitleOffers {left: 50px;} .mid-img {height: 75vh; background-attachment: scroll!important;} .page-id-668 #header.inner h1 {left: 0;} .xPaddingMob {padding-left: 15px; padding-right: 15px;} #header.subHome .headTop .flex {padding: 0 35px;} #header.subHome h1.homeTitleText {left: 50px; white-space: nowrap;} .whatsOn, .menus, .reviews, .contact {padding-left: 35px; padding-right: 35px;} .mid-img {height: 75vh; background-attachment: scroll!important;} #footer ul {margin: 0;} } @media all and (max-width : 992px) { #header.inner {height: 460px;} #header.inner h1 {font-size: 56px; background-size: auto 80px; bottom: -40px; padding-bottom: 100px;} #header.home h1.homeTitleText {font-size: 56px; bottom: -40px; padding-bottom: 100px;} .home-top .flex .right-text h2, .home-top .flex .right-text h3, .generic h2, .generic h3 {font-size: 42px;} .home-top .flex .right-text .buttons a {font-size: 20px;} .whatson .flex > div {width: calc(50% - 2px);} .whatson .flex > div:nth-of-type(3n+1) {border-left: 2px solid #e8e8e8;} .whatson .flex > div:nth-of-type(2n+1) {border-left: 0;} #footbottom p span, #footbottom p span + span {display: block; padding: 5px 0 0;} .gallery-grid > a {width: calc(100% / 3);} #header .flex .head-btns .mobile-btn {display: inline-block;} #header .flex .head-btns .desktop-btn {display: none;} #header:not(.sticky) .flex .book-table-btn:not(.desktop-btn) {display: block; margin: 5px 0 0;} #header:not(.sticky) .flex .head-btns {left: 50px; top: 75px; transform: none;} .page-id-668 #header.inner h1, .page-id-668 #header.inner h1 span { font-size: 36px; } body.page-id-668 #header .flex .head-btns {left: 50px;} .menus .menus-grid {width: 60%;} .menus .widget {width: 37%;} #header.subHome.inner {height: 460px;} #header.subHome h1.homeTitleText {font-size: 56px; bottom: -40px; padding-bottom: 100px;} .subHometop .flex .right-text h2, .subHometop .flex .right-text h3, .subHomeBottom .leftContent h2, .subHomeBottom .leftContent h3, .generic h2, .generic h3 {font-size: 42px;} .gallery-grid > a {width: calc(100% / 3);} #header.subHome:not(.sticky) .headTop .head-btns {left: 35px; top: 75px; transform: none; flex-direction: column;} #footer ul {gap: 10px;} } @media all and (max-width : 899px) { .home-top .flex {align-items: flex-start;} .home-top .flex .right-text {padding: 40px 0;} .home-top .flex .right-text .buttons {flex-direction: column;} .home-top .flex .right-text .buttons a {font-size: 23px;} .home-top .flex .right-text .buttons a + a {margin-left: 0; margin-top: 30px;} .contact .flex {flex-direction: column; align-items: flex-start;} .menus .menus-grid > a {width: 100%;} .menus .menus-grid > a:nth-of-type(2n+2) {margin-left: 0;} .contact .flex .form {width: 100%;} .contact .flex .map {width: 100%; margin-top: 60px;} #footbottom .center {width: 35%;} #footbottom .left, #footbottom .right {width: 30%;} .menus .menus-grid {width: 50%;} .menus .widget {width: 40%;} .subHometop .flex .right-text {padding: 40px 0;} .subHometop .flex .right-text .buttons {flex-direction: column;} .subHometop .flex .right-text .buttons a {font-size: 23px; width: 300px;} } @media all and (max-width : 768px) { #header .flex .logo {height: 65px;} #header.inner h1 {font-size: 48px; right: 0;} #header.home h1.homeTitleText {font-size: 48px; right: 0;} #header h1 span {letter-spacing: 0px;} .home-top .flex .right-text h2, .home-top .flex .right-text h3, .home-content .leftContent h2, .home-content .leftContent h3, .generic h2, .generic h3 {font-size: 36px;} .home-content .leftContent .buttons a, .home-top .flex .right-text .buttons a, .contact .form .gform_wrapper .gform_footer button {line-height: 60px; width: 250px; font-size: 19px;} .menus .flex {flex-wrap: wrap;} .menus .menus-grid {width: 100%;} .menus .menus-grid > a {width: calc(50% - 20px); margin-bottom: 40px;} .menus .menus-grid > a:nth-of-type(2n+2) {margin-left: 40px;} .menus .widget {width: 100%;} .whatson .flex {padding: 0 50px;} .whatson .flex > div {width: 100%; border-left: 0;} .whatson .flex > div:nth-of-type(2n+1) {border-left: 0;} .whatson .flex > div + div {border-top: 2px solid #e8e8e8; padding-top: 60px;} #footbottom .flex {flex-wrap: wrap;} #footbottom .flex > div {width: 100%; text-align: center;} #footbottom .flex > div + div {margin-top: 60px;} #footbottom .left {display: block;} #footbottom .hidemobile {display: none;} #footbottom .hidedesktop {display: block;} .gallery-grid > a {width: 50%;} #header video {min-height: 0; min-width: 0; height: 100%; left: 50%; transform: translatex(-50%);} #header.sticky .flex .head-btns {top: 50%; transform: translate(-50%,-50%);} #header.sticky .flex .head-btns .book-table-btn:not(.desktop-btn) {display: block; width: 140px; margin: 4px 0;} .page-id-668 #header.inner h1, .page-id-668 #header.inner h1 span { font-size: 36px; } #header:not(.sticky) .flex .head-btns {top: auto; bottom: -100px;} .home-content .rightImg { display: none; } .home-content .leftContent { width: 100%; padding-right: 0; } #header.subHome .headTop .flex .logo {height: 65px;} #header.subHome h1.homeTitleText {font-size: 48px; right: 0;} .subHometop .flex .right-text h2, .subHometop .flex .right-text h3, .subHomeBottom .leftContent h2, .subHomeBottom .leftContent h3, .generic h2, .generic h3 {font-size: 36px;} .subHomeBottom .leftContent .buttons a, .subHometop .flex .right-text .buttons a, .contact .leftHalf .gform_wrapper .gform_footer button {line-height: 60px; width: 250px; font-size: 19px; padding: 0;} .gallery-grid > a {width: 50%;} #header video {min-height: 0; min-width: 0; height: 100%; left: 50%; transform: translatex(-50%);} #header.subHome.sticky .headTop {padding: 20px 0;} #header.subHome.sticky .headTop .flex .head-btns {top: 50%; transform: translate(-50%,-50%); flex-direction: column; gap: 5px;} #header.subHome.sticky .headTop .flex .head-btns a:not(.desktop-btn) {display: block; width: 140px;} #header.subHome:not(.sticky) .headTop .flex .head-btns {top: 80px; bottom: auto;} .subHomeBottom .rightImg {display: none;} .subHomeBottom .leftContent {width: 100%; padding-right: 0;} #footer p {margin-bottom: 60px;} #footer p span {display: block;} #footer ul {flex-wrap: wrap; row-gap: 80px; column-gap: 30px;} #footer ul li {width: calc((100% / 2) - 15px);} } @media all and (max-width : 586px) { #header.subHome.inner {height: 400px;} #header.subHome .headTop .flex, .whatsOn, .menus, .reviews, .contact {padding: 0;} .wrapper {padding-left: 30px; padding-right: 30px;} #header.subHome .headTop .flex #menu-toggle img {height: 35px;} #header.subHome h1.homeTitleText {left: 30px; font-size: 36px; bottom: -23px; padding-bottom: 30px;} .subHometop .left-image-wrapper {position: static; width: 100%; height: 300px;} .subHometop .flex:not(.buttons) {flex-direction: column; min-height: unset;} .subHometop .flex .right-text {width: 100%;} .mid-img {height: 50vh;} .subHometop .flex .right-text h2, .subHometop .flex .right-text h3, .subHomeBottom .leftContent h2, .subHomeBottom .leftContent h3, .generic h2, .generic h3 {font-size: 32px;} .home-content .leftContent p, .subHomeBottom .leftContent p, .subHometop .flex .right-text p, .whatson .singleEvent p, .generic p, .generic ul li {font-size: 21px;} .menus .menus-grid > a {width: calc(50% - 10px); margin-bottom: 20px;} .menus .menus-grid > a:nth-of-type(2n+2) {margin-left: 20px;} .home-top, .home-content, .innerpage, .yPadding {padding: 40px 30px;} .yPadding .wrapper {padding-left: 0; padding-right: 0;} #header.sticky .flex {flex-wrap: wrap; justify-content: flex-end;} #header.sticky .flex #menu-toggle {width: 50%; text-align: left;} #header.sticky .flex > a:last-of-type {width: 50%; text-align: right;} #header.subHome:not(.sticky) .headTop .flex .head-btns {left: 0;} #header.subHome.sticky .headTop .flex .head-btns {transform: translate(-50%,-50%); left: 50%;} #header.subHome .homeTitleOffers {left: 30px; bottom: 55px; width: 370px;} #header.subHome .homeTitleOffers .offer h2 {font-size: 36px;} #header.subHome .homeTitleOffers .offer p {font-size: 22px;} .page-id-668 #header.inner h1, .page-id-668 #header.inner h1 span { font-size: 36px; left: 0; } body.page-id-668 #header .flex .head-btns {left: 30px;} body.page-id-668 #header .flex .book-table-btn {padding: 8px 10px; letter-spacing: 1px; font-size: 15px;} .menus .menus-grid .menu p {bottom: 15px;} .menus .menus-grid .menu h3 {padding-bottom: 15px;} .whatson .eventList { display: block; padding: 0 15px; } .whatson .singleEvent { width: auto; } } @media all and (max-width : 500px) { #header.home {height: 90vh;} .menus .menus-grid .menu h3 {font-size: 16px;} .gallery-grid > a {width: 100%;} .menus .menus-grid .menu p {font-size: 12px; font-weight: 400;} #header.subHome.sticky .headTop .flex .head-btns {display: none;} } @media all and (max-width : 400px) { #header.inner h1, #header.home h1.homeTitleText, .home-top .flex .right-text h2, .home-top .flex .right-text h3, .home-content h2, .home-content h3, .generic h2, .generic h3 {font-size: 28px;} .whatson .flex > div h2 {font-size: 24px;} #header.home .homeTitleOffers .offers > div + div {margin-top: 10px;} #header.home .homeTitleOffers .offer h2 {font-size: 28px;} #header.home .homeTitleOffers .offer p {font-size: 18px;} #header.home .homeTitleOffers .offer p span {font-size: 11px;} #header.home .homeTitleOffers .termsLink {margin-top: 20px;} #header.home .homeTitleOffers .book-table-btn {position: relative; display: inline-block; margin-top: 20px;} } /* * Cookie Banner Plugin */ #ct-ultimate-gdpr-cookie-popup .fa, .ct-ultimate-gdpr-cookie-modal-slider-able li:before, .ct-ultimate-gdpr-cookie-modal-slider-not-able li:before { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; font-size: 14px } #ct-ultimate-gdpr-cookie-read-more .fa-long-arrow-right:before { content: "\f30b"; } #ct-ultimate-gdpr-cookie-popup { -webkit-box-shadow: #000 0 0 8px; box-shadow: #000 0 0 8px; z-index: 999999; opacity: 1; position: fixed; padding: 15px; font-size: 13px; background-color: #000!important; color: #fff!important; bottom: 0!important; width: 100%!important; background-image: none!important; border-radius: 0!important; } .ct-ultimate-gdpr-cookie-popup-bottomPanel { display: flex; flex-wrap: wrap; justify-content: space-between; } #ct-ultimate-gdpr-cookie-accept, #ct-ultimate-gdpr-cookie-change-settings, #ct-ultimate-gdpr-cookie-read-more { font-family: garamond-premier-pro-caption, serif; font-style: normal; padding: 6px 10px; cursor: pointer; border: 1px solid #fff!important; border-radius: 5px; background: transparent!important; color: #fff!important; } .ct-ultimate-gdpr-cookie-popup-bottomPanel #ct-ultimate-gdpr-cookie-content > h3 { color: #fff!important; } .ct-ultimate-gdpr-cookie-popup-bottomPanel #ct-ultimate-gdpr-cookie-content, .ct-ultimate-gdpr-cookie-popup-topPanel #ct-ultimate-gdpr-cookie-content { font-family: garamond-premier-pro-caption, serif; font-style: normal; margin-bottom: 15px; width: 100%; } #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-accept, #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-change-settings { width: 49%; } #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-read-more { order: 3; width: 100%; margin-top: 7px; } #ct-ultimate-gdpr-cookie-modal { display: none; line-height: normal; position: fixed; z-index: 1000000; left: 0; top: 0; right: 0; width: 100%; max-width: 100%; height: 100%; background-color: #000; background-color: rgba(0,0,0,.7); overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box } .ct-ultimate-gdpr-cookie-modal-content { background-color: #fff; margin: 20px auto; width: 92%; padding: 20px; max-width: 970px; } #ct-ultimate-gdpr-cookie-modal-close, #ct-ultimate-gdpr-cookie-modal-compact-close { float: right; width: 24px; height: 24px; background: url(images/icons8_Delete_1.png); cursor: pointer; } #ct-ultimate-gdpr-cookie-modal-body > div:first-of-type { color: #000!important; } #ct-ultimate-gdpr-cookie-modal-body h2 { font-family: garamond-premier-pro-caption, serif; font-style: normal; font-size: 30px; margin: 0 0 20px; padding: 0; line-height: 1; text-align: center; } #ct-ultimate-gdpr-cookie-modal-body h3 { font-family: garamond-premier-pro-caption, serif; font-style: normal; font-size: 20px; margin: 20px 0 40px; padding: 0; line-height: 1; text-align: center; } .ct-ultimate-gdpr-cookie-modal-slider-desc h4 { font-family: garamond-premier-pro-caption, serif; font-style: normal; font-weight: 400; margin-bottom: 15px; font-size: 15px; } .ct-ultimate-gdpr-cookie-modal-desc { font-family: garamond-premier-pro-caption, serif; font-style: normal; font-weight: 300; line-height: 28px; text-align: center; } #ct-ultimate-gdpr-cookie-modal-slider-form { position: relative; } #ct-ultimate-gdpr-cookie-modal-slider-form .ct-ultimate-gdpr-slider { display: block; margin-left: 20%; border: 3px solid #82aa3b; height: 60px; border-radius: 70px; background-color: transparent; position: absolute; top: -8px; transition: all .3s; -webkit-transition: all .3s; } .ct-ultimate-gdpr-slider-block .ct-ultimate-gdpr-slider { border: 0!important; } .ct-ultimate-gdpr--Groups-5 .ct-slider-cookie2 .ct-ultimate-gdpr-slider { width: 20%; } .ct-ultimate-gdpr--Groups-5 .ct-slider-cookie3 .ct-ultimate-gdpr-slider { width: 40%; } .ct-ultimate-gdpr--Groups-5 .ct-slider-cookie4 .ct-ultimate-gdpr-slider { width: 60%; } .ct-ultimate-gdpr--Groups-5 .ct-slider-cookie5 .ct-ultimate-gdpr-slider { width: 80%; } .ct-ultimate-gdpr-cookie-modal-slider { list-style: none; text-align: center; display: flex; justify-content: space-around; margin: 0; padding: 0 0 50px; } .ct-ultimate-gdpr-cookie-modal-slider li { text-align: center; width: 20%; margin-left: 0; margin: 0; background: transparent; } .ct-ultimate-gdpr-cookie-modal-slider li div { width: 45px; height: 45px; background: #fafafa; border-radius: 100%; margin: 0 auto; position: relative; padding-top: 5px; } .ct-ultimate-gdpr-cookie-modal-slider li div svg { width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .ct-ultimate-gdpr-cookie-modal-slider [type=radio]:checked, .ct-ultimate-gdpr-cookie-modal-slider [type=radio]:not(:checked) { position: absolute; left: -9999px; } .ct-ultimate-gdpr-cookie-modal-slider li label { font-weight: 500; font-size: 13px; margin-top: 20px; position: relative; cursor: pointer; line-height: 20px; display: inline-block; } .ct-ultimate-gdpr-cookie-modal-slider [type=radio]:checked+label:before, .ct-ultimate-gdpr-cookie-modal-slider [type=radio]:not(:checked)+label:before { content: ""; position: absolute; left: 0; right: 0; top: 24px; margin: 0 auto; width: 16px; height: 16px; border: 1px solid rgba(0,0,0,.2); border-radius: 100%; background: #fff; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ct-ultimate-gdpr-cookie-modal-slider li.ct-ultimate-gdpr-cookie-modal-slider-item--active label:after { content: ""; width: 6px; height: 6px; background: #82aa3b; position: absolute; top: 29px; left: 0; right: 0; margin: 0 auto; border-radius: 100%; -webkit-transition: all .2s ease; transition: all .2s ease; opacity: 1; -webkit-transform: scale(1); transform: scale(1); padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ct-ultimate-gdpr-cookie-modal-slider-able, .ct-ultimate-gdpr-cookie-modal-slider-not-able { padding: 0 15px 0 0; margin-bottom: 10px; } .ct-ultimate-gdpr-cookie-modal-slider-able li, .ct-ultimate-gdpr-cookie-modal-slider-not-able li { font-size: 13px; margin-bottom: 10px; padding-left: 26px; position: relative; list-style: none; color: #504e30; } .ct-ultimate-gdpr-cookie-modal-slider-able li:before, .ct-ultimate-gdpr-cookie-modal-slider-not-able li:before { position: absolute; left: 0; top: 2px; } .ct-ultimate-gdpr-cookie-modal-slider-able li:before { content: "\f00c"; color: #71db80; } .ct-ultimate-gdpr-cookie-modal-slider-not-able li:before { content: "\f00d"; color: #ffc18b; } .ct-ultimate-gdpr-cookie-modal-btn { text-align: center; margin: 30px 0; text-transform: uppercase; } .ct-ultimate-gdpr-cookie-modal-btn a { color: #fff; border-radius: 40px; padding: 6px 20px; font-weight: 600; background: #504e30; border: 2px solid #504e30; font-size: 14px; box-shadow: none; } .ct-ultimate-gdpr-cookie-modal-btn a:hover { background: #fff; color: #504e30; } #ct-ultimate-gdpr-cookie-open { display: none; position: fixed; right: 20px; bottom: 20px; content: "\f013"; font-family: FontAwesome; font-size: 22px; z-index: 999999; cursor: pointer; padding: 15px } .ct-ultimate-gdpr-trigger-modal-round { border-radius: 50% } .ct-ultimate-gdpr-button-icon-left { padding-right: 8px } .ct-ultimate-gdpr-button-icon-right { padding-left: 8px } #ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct-ultimate-gdpr-cookie-content h1, #ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct-ultimate-gdpr-cookie-content h2, #ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct-ultimate-gdpr-cookie-content h3, #ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct-ultimate-gdpr-cookie-content h4, #ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct-ultimate-gdpr-cookie-content h5, #ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct-ultimate-gdpr-cookie-content h6 { font-family: garamond-premier-pro-caption, serif!important; color: #44537c; font-size: 20px; margin: 0 0 5px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0 } @media all and (min-width: 576px){ #ct-ultimate-gdpr-cookie-modal-slider-form .ct-ultimate-gdpr-slider { height: 100px; top: -10px; } .ct-ultimate-gdpr-cookie-modal-slider li div svg { width: 40px; height: 40px; } .ct-ultimate-gdpr-cookie-modal-slider li div { width: 80px; height: 80px; } } @media all and (min-width:768px){ #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-accept, #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-change-settings, #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-read-more { width: 32%; margin-top: 0; } } @media all and (min-width:992px){ .ct-ultimate-gdpr-cookie-popup-bottomPanel { display: block; } #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-accept { width: auto; float: left; } #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-read-more { width: auto; float: right; } #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-change-settings { width: auto; float: right; margin-right: 10px; } }