/* Theme Name: Theme URI: Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net Author: Adrian Jones Version: 1.0 License: License URI: Tags: */ * {margin: 0; border: 0; padding: 0; outline: 0; box-sizing: border-box;} p, a, small, li, textarea, input, label, td, tr, .gform_confirmation_message, div {font-family: "garamond-premier-pro-caption",serif; font-weight: normal;} h1, h2, h3, h4, h5 {font-family: "garamond-premier-pro-caption",serif; font-weight: normal;} h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-weight: 400;} .clear {clear: both;} a {text-decoration: none; color: inherit;} html {overflow-y: scroll; background-color: #fff; scroll-behavior: smooth; color: #404533;} 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;} .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.home {padding: 40px 0; background: #f2f1e9; position: relative;} #header.home img.logo {max-height: 100px;} #header.home img.rosettes {position: absolute; left: 0; top: 50%; transform: translatey(-50%); max-height: 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, #666b59, 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: #666b59; 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: 500; 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: #666b59; position: fixed; top: 0; bottom: 0; left: -350px; width: 350px; z-index: 99999; transition-duration: 1s; } #menu #menu-close {position: absolute; color: #f2f1e9; right: 30px; top: 45px; 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 #f2f1e9;} #menu .menu li a {font-family: garamond-premier-pro-caption, serif; font-weight: 500; font-style: normal; color: #f2f1e9; 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";} .homeBlocks > div {width: 50%; background: #000;} .homeBlocks .boxInner {position: relative; overflow: hidden;} .homeBlocks .boxInner:before {content: ""; display: block; padding-top: 80%;} .homeBlocks .boxInner:after {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.2); opacity: 0; transition: opacity 0.3s ease; z-index: 1;} .homeBlocks .boxInner .overlay {position: relative; z-index: 2;} .homeBlocks .boxInner .overlay img {display: block; max-height: 115px;} .homeBlocks .boxInner .overlay div {display: block; margin-top: 60px; padding-left: 0; padding-right: 0;} .homeBlocks .boxOuter:hover .boxInner:after {opacity: 1;} .homeContentSection {background: #f2f1e9;} .contentInner h2 {font-size: 30px;} .contentInner h3 {text-transform: uppercase; letter-spacing: 2px;} .contentInner p {font-size: 20px;} .contentInner > * + * {margin-top: 20px;} .homeImgRow > div {width: 25%;} .homeImgRow > div:before {content: ""; display: inline-block; padding-top: 70%;} .homeBottom {background: #cbc6a9;} .homeBottom .imgBlock {width: calc((100% - 900px) / 2);} .homeBottom .homeBottomCtr {width: 900px; padding: 80px;} .homeBottom .homeBottomCtr ul {gap: 20px; margin-top: 50px;} .homeBottom .homeBottomCtr ul li {width: 35%;} .homeBottom .homeBottomCtr ul li a {padding-left: 0; padding-right: 0; display: block;} .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;} .menus .flex {align-items: flex-start;} .menus .menus-grid {width: 50%; flex-wrap: wrap; gap: 20px;} .menus .menus-grid > a {display: block; width: calc(50% - 10px); margin-bottom: 20px;} .menus .menus-grid .menu {position: relative;} .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(103,108,88,0.6); z-index: 1;} .menus .menus-grid .menu:hover:after {background: rgba(103,108,88,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: #676c58; 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;} .contact .leftHalf {width: 46%;} .contact .leftHalf p {line-height: 140%; font-size: 24px;} .contact .leftHalf .gform_wrapper {margin-top: 50px;} .contact .leftHalf .gform_wrapper .gform_body .gfield {align-items: flex-end;} .contact .leftHalf .gform_wrapper .gform_body .gfield > label {width: 18%; text-align: left; color: #404533; font-weight: normal; serif; text-transform: uppercase;} .contact .leftHalf .gform_wrapper .gform_body .gfield > label span {display: none;} .contact .leftHalf .gform_wrapper .gform_body .gfield > div {width: 82%!important;} .contact .leftHalf .gform_wrapper .gform_body .gfield input[type="text"], .contact .leftHalf .gform_wrapper .gform_body .gfield input[type="email"] {background: transparent; color: #404533; font-size: 16px; border-bottom: 2px solid #666b59; padding: 8px; border-radius: 0; -webkit-border-radius: 0;} .contact .leftHalf .gform_wrapper .gform_body .gfield#field_1_5 {display: block;} .contact .leftHalf .gform_wrapper .gform_body .gfield#field_1_5 > label {display: block; padding: 12px 0 15px;} .contact .leftHalf .gform_wrapper .gform_body .gfield#field_1_5 > div {width: 100%!important;} .contact .leftHalf .gform_wrapper .gform_body .gfield#field_1_5 textarea {background: transparent; color: #404533; font-size: 16px; border: 2px solid #666b59; padding: 8px; border-radius: 0; -webkit-border-radius: 0;} .contact .leftHalf .gform_wrapper .gform_footer {padding: 0!important; margin-top: 40px;} .contact .leftHalf .gform_confirmation_message {color: #404533; font-size: 24px;} .contact .rightHalf {width: 46%;} .contact .rightHalf iframe {max-width: 100%;} .contact .bottomSection {border-top: 2px solid #666b59;} .contact .bottomSection p {line-height: 140%; font-size: 24px;} .contact .bottomSection ul.social {margin-top: 40px;} .contact .bottomSection .social li {display: inline-block;} .contact .bottomSection .social li + li {margin-left: 20px;} .contact .bottomSection .social li img {width: 40px;} .contact .bottomSection h3 {margin: 40px 0 20px; font-size: 28px;} .contact .bottomSection > div > p:last-of-type a {display: inline-block; padding: 12px 40px; color: #404533;} #footer {background: #666b59; padding: 80px 0;} #footer p {text-transform: uppercase; color: #f2f1e9; font-size: 18px; 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: #666b59; border-top: 2px solid #fff; color: #fff;} #footbottom .flex {} #footbottom .left {width: 20%;} #footbottom .right {width: 20%; text-align: right;} #footbottom .center {width: 60%;} #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; line-height: 140%;} #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-size: 10px; color:#fff; letter-spacing: 1px; margin-top: 70px;} #footbottom .hidedesktop {display: none;} .generic h2 {font-size: 48px; 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: #666b59;} .generic ul {margin: 10px 0 10px 30px;} .generic ul li {font-size: 24px; padding: 6px 0; list-style-type: disc;} @media all and (max-width : 1200px) { .wrapper { width: auto; padding-left: 15px; padding-right: 15px; } .homeContentSection .wrapper { padding-left: 50px; padding-right: 50px; } .homeBottom { flex-wrap: wrap; } .homeBottom .homeBottomLeft { order: 1; width: 50%; } .homeBottom .homeBottomRight { order: 2; width: 50%; } .homeBottom .homeBottomLeft:before, .homeBottom .homeBottomRight:before { content: ""; display: block; padding-top: 140%; } .homeBottom .homeBottomCtr { order: 3; width: 100%; } #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) { .homeBlocks .boxInner:before { padding-top: 100%; } .homeBlocks .boxInner .overlay img { max-height: 100px; } #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;} #footbottom p span {display: block; padding: 6px 0;} .gallery-grid > a {width: calc(100% / 3);} #header.subHome:not(.sticky) .headTop .head-btns {left: 35px; top: 75px; transform: none; flex-direction: column;} .menus .menus-grid {width: 60%;} .menus .widget {width: 37%;} #footer ul {gap: 10px;} } @media all and (max-width : 899px) { .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;} .contact .flex {flex-direction: column; align-items: flex-start; gap: 60px;} .contact .leftHalf, .contact .rightHalf, .contact .rightHalf iframe {width: 100%;} .menus .menus-grid > a {width: 100%;} #footbottom .center {width: 35%;} #footbottom .left, #footbottom .right {width: 30%;} .menus .menus-grid {width: 50%;} .menus .widget {width: 40%;} } @media all and (max-width : 768px) { #header.home .flex { flex-direction: column; } #header.home img.rosettes { position: static; transform: none; margin-top: 20px; } .homeBlocks .boxInner:before { padding-top: 120%; } .homeImgRow { flex-wrap: wrap; } .homeImgRow > div { width: 50%; } .homeBottom .homeBottomCtr ul { flex-direction: column; align-items: center; } .homeBottom .homeBottomCtr ul li { width: auto; } .homeBottom .homeBottomCtr ul li a { width: 210px; } #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;} .menus .flex {flex-wrap: wrap;} .menus .menus-grid {width: 100%; gap: 40px;} .menus .menus-grid > a {width: calc(50% - 20px);} .menus .widget {width: 100%; margin-top: 30px;} #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;} #footbottom .footLogos {justify-content: center;} .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 {font-size: 24px; 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) { .homeBottom .homeBottomCtr { padding: 50px; } .homeBlocks .boxInner .overlay img { max-height: 80px; } .homeBlocks .boxInner .overlay div { padding: 15px 0; font-size: 18px; } .homeBlocks .boxInner:before { padding-top: 150%; } #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 {gap: 20px;} .menus .menus-grid > a {width: calc(50% - 10px);} .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;} .menus .menus-grid .menu p {bottom: 15px;} .menus .menus-grid .menu h3 {padding-bottom: 15px; font-size: 18px;} .whatsOn .eventList { display: block; } .whatsOn .singleEvent { width: auto; margin-left: 0; padding: 0 0 30px; } }