/*
Theme Name:         BKC1
Theme URI:          https://bkclondon.uk
Description:        BKC is a bespoke WordPress theme
Version:            1.0
Author:             Neil Foulkes
Author URI:         https://neilfoulkes.com/

*/

/* ---------------------------------------------------------------------------- 
  
  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  All Sass files are located in the /assets/scss folder.

---------------------------------------------------------------------------- */


/* ===============================
   Neue Gothama – Light
================================ */
@font-face {
    font-family: 'NeueGothama';
    src: url('https://dev.bkclondon.uk/wp-content/uploads/2026/02/neue_jothama_light-webfont.woff2') format('woff2'),
         url('https://dev.bkclondon.uk/wp-content/uploads/2026/02/neue_jothama_light-webfont.woff') format('woff');
    font-style: normal;
    font-display: swap;
}


/* BODY TEXT */

body, p, li, span, a {
    font-family: 'NeueGothama', sans-serif !important;
    font-weight: 300;
    font-size: 16px;  
    line-height: 1.6;
	 color: #6e0039;
} 


/* SUBHEADINGS (ALL CAPS) */
h2 {
    font-family: 'NeueGothama', sans-serif !important;
  text-transform: uppercase;
    letter-spacing: 1px;
	font-size: 25px;
    color: #6e0039;
}




/* ===============================
   Stymie – Medium (Headings)
================================ */
@font-face {
    font-family: 'Stymie';
    src: url('https://dev.bkclondon.uk/wp-content/uploads/2026/02/font.woff2') format('woff2'),
         url('https://dev.bkclondon.uk/wp-content/uploads/2026/02/font.woff') format('woff');
    font-style: normal;
    font-display: swap;
}


/* ===============================
   PRIMARY HEADINGS – Stymie
   (hero / section titles only)
================================ */
h1,h3,h4,h5,h6,
.hero-title,
.section-title,
.page-title,
.entry-title {
    font-family: 'Stymie', serif !important;
    letter-spacing: 0.5px;
}











































/* PREVIOUS CSS ALL FROM HERE BEFORE STYMIE AND GOTHAMA */

/*
.page-id-335 p {
  font-family: Lexia;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
}
*/


/* Mobile-only image centering & stacking in events specific */
/* Mobile only – Events category – full-width consecutive images */
@media (max-width: 767px) {
  body.is-event-post figure img {
    width: 100%;
  }
}









/*.h1 {
  line-height: normal;
}*/

/* Style for Opening Hours section */
.nav-contact-container .cstm-opening-time h5.no-mg {
    margin-top: 7px !important;
    margin-bottom: 4px !important;
    font-size: 17px; /* optional */
    font-family: "Lexia", serif; /* optional */
}

.nav-contact-container .cstm-opening-time p {
  
    font-family: "Lexia", serif;

    line-height: 24.3px !important;

}






add_action('wp_head', function () {
    ?>
    <style>
    @media (max-width: 640px) {
      .single-post.category-experiences img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 16px;
      }
    }
    </style>
    <?php
});



/* New CSS of Menu details pages Reservation Button */
.menu-hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 2;
}

.menu-hero-btn {
  background-color: #ee7203;
  color: white;
  padding: 12px 24px;
  border-radius: 4px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  margin-top: 15px;
}

.hero{
	position:relative;
}


.menu-reservation-cta {
     margin-bottom: 75px;
    margin-top: -60px;
}




@media screen and (max-width: 767px) {
  .menu-reservation-cta {
    margin-top: 0px;
    margin-bottom: 50px;
  }
}

.menu-reservation-cta .reservation-title {
    font-size: 2rem;
    margin-bottom: 20px;
    color: #222;
}

.menu-reservation-button {
    background-color: #ee7203;
    color: white;
    padding: 14px 30px;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    transition: background 0.3s ease;
}








body.page-id-746 .site-header__buttons a[href*="book-a-table"] {
	display: none;
}

.blog header.site-header a.site-header__title__logo 
 svg path, .blog header.site-header a.site-header__title__logo 
 svg g {
    fill: #fff !important;
}
section.cstm-fixed-main-sec section.section-branded-stone h2.h1 {
  margin-bottom: 20px;
}
/*a.button {
  display: inline-flex;
  padding: 15px 45px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-transform: capitalize;
}*/
.cstm-banner-inner-wrapper {
  padding-top: 67px;
  padding-bottom: 65px;
}
section.cstm-soho-banner {
  position: relative;
  /* background: url(https://bkclondon.uk/wp-content/uploads/2024/05/Soho-banner.png) no-repeat;
  background-size: cover; */
}

section.cstm-soho-banner .cstm-bannerbg:before {
  background: rgb(0 0 0 / 40%);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  inset: 0;
}
section.cstm-frnt-banner figure.featured-hero {
  position: relative;
}
section.cstm-frnt-banner figure.featured-hero:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  inset: 0;
  background: rgb(0 0 0 / 40%);
}
/*.page-id-335  section.cstm-frnt-banner figure.featured-hero:before {
  display: none;
}*/
.cstm-bannerbg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
section.cstm-soho-banner.cstm-soho-banner-table {
  background: url(https://bkclondon.uk/wp-content/uploads/2026/02/Background.png) no-repeat;
    background-size: contain;
    z-index: 1;
    background-repeat: repeat;
}
.cstm-bannerbg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.md-title {
 /* color: #FFF;
  font-family: Lexia;
  font-size: 34px;
  font-style: normal; */
  font-weight: 600;
  line-height: 60px;
}
/* .cstm-banner-table {
  text-align: right;
} */

ul.cstm-soho-list {
  margin: 0 0 56px 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

ul.cstm-soho-list span {
  color: #000;
  font-family: Lexia;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
ul.cstm-soho-list svg {
  width: 16px;
  height: 16px;
}
ul.cstm-soho-list li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.cstm-banner-table iframe {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
}
.cstm-map-info-wrapper {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.20);
  max-width: 470px;
  position: absolute;
  top: 50%;
  transform: translate(10px, -50%);
  width: 100%;
  height: auto;
  padding: 40px 50px;
}

section.cstm-soho-map {
  position: relative;
}
.cstm-map-info li {
  list-style: none;
}

.cstm-map-info li .cstm-map-info-list {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.cstm-map-info li h4 {
  color: #0A0A0A;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
}

.cstm-map-info li .cstm-map-info-list p, .cstm-map-info li .cstm-map-info-list p a {
  color: #696969;
  font-family: Lexia;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.cstm-map-info-wrapper ul.cstm-map-info {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin: 0;
}
.cstm-map-wrapper {
  display: flex;
  width: 100%;
}


/* service css */

section.cstm-soho-our-service {
  padding: 80px 0 100px;
}

.sm-title-cstm {
  color: #262626;
  font-family: Lexia;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px !important;
}
.cstm-para-style {
  color: #585858;
  font-family: Lexia;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px; 
}
ul.cstm-service-list {
  margin: 0 0 40px 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

ul.cstm-service-list li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.check-icon {
  display: flex;
}
section.cstm-soho-our-service .check-icon {
  display: flex;
  padding-top: 5px;
}
ul.cstm-service-list p {
  margin: 0;
}
section.cstm-soho-our-service .cstm-vector-img {
  position: absolute;
  bottom: 100px;
  right: 0;
  left: auto;
  top: auto;
  z-index: -1;
}
.cstm-service-img img {
  border-radius: 16px;
}
section.cstm-soho-about ul.cstm-service-list li {
  align-items: center;
}
section.cstm-soho-about {
  background: url(https://bkclondon.uk/wp-content/uploads/2026/02/Background.png);
  background-size: contain;
  padding: 60px 0;
	background-repeat: repeat; 
	z-index: 1; 
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.cstm-about-img img {
  border-radius: 16px;
}

section.cstm-soho-offering {
  position: relative;
  padding: 60px 0;
}
.cstm-offering-img {
  max-width: 590px;
}
.cstm-offering-img img {
  border-radius: 16px;
  width: 100%;
}
section.cstm-soho-about .cstm-content-box {
  max-width: 500px;
}
.cstm-soho-offering .cstm-content-box {
  max-width: 514px;
}
section.cstm-soho-offering .grid-x {
  margin-bottom: 40px;
  position: relative;
}

.grid-x.grid-margin-x.align-center-middle:last-child {
  margin-bottom: 0;
}
section.cstm-soho-offering .cstm-vector-img {
  position: absolute;
  z-index: -1;
  top: -21px;
  left: 39%;
}
section.cstm-soho-our-service .cstm-content-wrapper {
  max-width: 580px;
    margin: 0 auto;
}
h2.xsm-title-cstm {
  color: #323232;
  font-family: Lexia;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}


/* faq section css starts here */
section.cstm-faq-sec {
  position: relative;
  background: url(https://bkclondon.uk/wp-content/uploads/2026/02/Background.png) no-repeat;
  background-size: cover;
  padding: 40px 0 100px;
  z-index: 1;
}
section.cstm-faq-sec .cstm-vector-img {
  position: absolute;
  top: 41px;
  left: auto;
  right: 25px;
  z-index: -1;
}
section.cstm-faq-sec .panel {
  display: none;
  overflow: hidden;
  padding: 0 31px 30px;
}
.cstm-faq-acc-item {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
}
button.cstm-accordion {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 28px 31px;
}

button.cstm-accordion svg {
  transform: rotate(180deg);
}
.cstm-faq-accordian {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
button.cstm-accordion p {
  color: #323232;
 /* font-family: Lexia;
  
  font-weight: 400;
  line-height: normal; */
	font-size: 18px;
  margin: 0;
  text-align: left;
}
section.cstm-faq-sec .panel p {
  margin: 0;
  color: #585858;
  font-size: 16px;
 /* font-family: Lexia;
  font-weight: 400;
  line-height: 28px;  */
}

button.cstm-accordion.active {
  padding-bottom: 10px;
}
button.cstm-accordion.active svg {
  transform: rotate(360deg);
}

section.cstm-gallery-sec {
  background: url(https://bkclondon.uk/wp-content/uploads/2026/02/Background.png);
  padding: 40px 0 32px;	
 /* background-repeat: repeat;
	background-size: contain;
	background-position: right;  */
	z-index: 1;
}
section.cstm-gallery-sec .cstm-vector-img {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: -1;
}
.cstm-gallery-btn {
  margin-top: 40px;
}

.cstm-gallery-btn a {
  display: inline-block;
  padding: 6.605px 13.8px 7.395px 14px;
  border-radius: 4px;
  background: #23B1E6;
  color: #FFF;
  text-align: center;
  font-family: Lexia;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.cstm-gallery-btn a svg {
  vertical-align: bottom;
  margin-right: 10px;
}

/**** testimonial slider css ****/

section.cstm-testimonial {
  position: relative;
  padding: 50px 0;
}
section.cstm-testimonial .cstm-test-rating img {
  max-width: 100px;
}

h2.testimonial-title {
  color: #323232;
  font-family: Lexia;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 5px;
}
.cstm-testimonial-wrap .testimonial-text p {
  color: #585858;
  font-family: Lexia;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}
.testimonial-content .cstm-autor-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.testimonial-content .cstm-autor-wrap .cstm-google-img {
  max-width: 90px;
}
.cstm-author-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cstm-author-info .testimonial-thumbnail img {
  width: 35px !important;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
}

.cstm-author-info p {
  margin-bottom: 0;
}
.cstm-testimonial-wrap .testimonial-content {
  padding: 30px 15px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 1px 12px 0px rgb(0 0 0 / 10%);
  margin: 0 15px;
}

.cstm-testimonial-wrap .owl-stage-outer {
  /* margin-left: -15px;
  margin-right: -15px; */
  padding: 30px 0;
}

/*** home page css ***/
section.cstm-fixed-main-sec section.section-branded-stone .grid-x.grid-margin-x {
  margin-bottom: 10px;
}
section.cstm-frnt-banner {
  position: relative;
}
section.cstm-fixed-main-sec .section-branded-stone .card h5 {
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
  margin-bottom: 18px;
}
section.cstm-frnt-banner .cstm-featured-text {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 15px;
}
section.cstm-frnt-banner figure.featured-hero img {
  height: calc(var(--pvh, 1vh)* 100);
  object-fit: cover;
  width: 100%;
}
section.cstm-frnt-banner .cstm-featured-text h1 {
  color:#fff2d6;
  text-align: center;
  font-family: Lexia;
  font-size: 65px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 12px;
}
section.cstm-fixed-main-sec .section-branded-stone .card {
  padding: 66px 40px;
}
section.cstm-fixed-main-sec section.section-branded-stone button#myBtn svg path {
  fill: #000;
}
section.cstm-frnt-banner .cstm-featured-text p {
  color: #FFF;
/*  text-align: center;
  font-family: Lexia;
  font-size: 46px;
  font-weight: 400;
  line-height: normal;*/
}
.cstm-testimonial-wrap button {
  position: absolute;
  top: calc(50% - 30px);
}
.cstm-testimonial-wrap .owl-nav button svg {
  width: 50px;
  height: 50px;
}
.cstm-testimonial-wrap button span {
  color: #fff;
}
.cstm-testimonial-wrap .owl-nav button.owl-prev {
  left: -50px;
}

.cstm-testimonial-wrap .owl-nav button.owl-next {
  left: auto;
  right: -50px;
}
.cstm-new-branded figure.branded-floret--double {
  transform: unset;
  opacity: 1;
  bottom: -40px;
  z-index: -1;
}
section.cstm-fixed-main-sec .section-branded-stone .card span {
  color: #0A0A0A;
/*  font-family: Lexia;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px; */
}
.cstm-newsletter-content {
  background: #850049;
  text-align: left;
  color: #fff;
  padding-top: 52px;
  padding-bottom: 52px;
  height: 100%;
  display: flex;
    align-items: center;
}
.cstm-newsletter-content h2 {
  color: #FFF;
  font-size: 40px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.cstm-newsletter-content p {
  color: #FEFEFE;
  /*font-family: Lexia;
  font-size: 14px;
  font-weight: 400;
  line-height: 25.6px; */
  margin-bottom: 35px; 
}
section.cstm-home-newsletter img, img.get-in-img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.cstm-newsletter-form span input {
  border-radius: 4px !important;
  border: 1px solid #FFF !important;
  background: rgba(255, 255, 255, 0.20);
  max-width: 484px;
  height: 56px !important;
  padding: 15px 25px;
  color: #FEFEFE !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
  margin: 0;
}

.cstm-newsletter-form span input::placeholder {
  color: #fff;
}
.cstm-newsletter-form form {
  max-width: 484px;
  position: relative;
}
.cstm-newsletter-form form p{
  margin-bottom: 0;
}
.cstm-newsletter-form form button {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    cursor: pointer;
    padding: 20px;
    height: 56px;
}
.cstm-newsletter-form span input:focus {
  background: none;
  box-shadow: unset;
}
section.cstm-home-get-touch-sec {
  padding: 100px 0;
}
h6.grey-title {
  color: #8A8A8A;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px; 
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.get-in-touch-content h2 {
  font-size: 40px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 40px;
}
.get-in-touch-content p {
  color: #0A0A0A;
  font-family: Lexia;
  font-size: 14px;
  font-weight: 400;
  line-height: 25.6px;
  margin-bottom: 0;
}
.cstm-get-in-touch-form form input, .cstm-get-in-touch-form form textarea {
  border-bottom: 1px solid #C2C2C2 !important;
  border: 0;
  box-shadow: unset;
  color: #8A8A8A;
  font-family: Lexia;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
  letter-spacing: 1.6px;
  padding: 10px 0;
}

.cstm-get-in-touch-form form input::placeholder, .cstm-get-in-touch-form form textarea::placeholder {
  color: #8A8A8A;
}
.cstm-get-in-touch-form .cstm-form-wrap-touch > p {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.cstm-get-in-touch-form .cstm-form-wrap-touch > p label.text-mesaage {
  grid-column: 1 / span 2;
}
.cstm-get-in-touch-form .cstm-form-btn input.wpcf7-submit {
  border-radius: 35px;
  background: #850049;
  display: flex;
  height: 49.5px;
  padding: 15.65px 44.8px 16.25px 45px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-family: Lexia;
  font-size: 17.6px;
  font-style: normal;
  font-weight: 400;
  line-height: 17.6px; 
  margin-top: 32px;
}
.cstm-form-wrap-touch {
  margin-top: 47px;
}
section.cstm-frnt-banner .cstm-featured-text:before {
  background: rgba(0, 0, 0, 0.30);
  filter: blur(39.349998474121094px);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  inset: 0;
}
.cstm-xlg-title {
  color: #FEFEFE;
  font-family: Lexia;
  font-size: 69.1px;
  font-weight: 400;
  line-height: 82.94px;
  letter-spacing: 5.53px;
}
.cstm-fixed-main-sec .section-secondary.content-fixed-scroll .cstm-xlg-title {
  margin-bottom: 22px;
}
.cstm-fixed-main-sec .cell-top-padding-xl {
  padding-top: 125px;
}
p.subheader {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1.6px;
}
#more {
  display: none;
}
.read_mybtn.active svg {
  transform: rotate(180deg);
}
button#myBtn {
  padding: 0 10px;
  cursor: pointer;
}
.vector-sahpe.vector-top-left-shape {
  position: absolute;
  top: 0;
  left: 12px;
  z-index: -1;
}

.vector-sahpe.vector-top-right-shape {
  position: absolute;
  left: auto;
  right: 0;
  bottom: 50px;
  z-index: -1;
}
section.section-branded-stone.cstm-new-branded {
  padding-bottom: 40px;
  z-index: 1;
  position: relative;
}
.footer-menu h3 {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.2px; 
  margin-bottom: 18px;
}

.footer-menu ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.footer-menu {
  max-width: 190px;
}
h6.cstm-tag-line {
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  margin-top: 25px;
}
.footer-menu ul li a {
 /* font-family: Lexia;
  font-size: 14px;
  line-height: 25.2px; 
  margin-bottom: 10px;
  display: inline-block; */
}
.footer-book-btn {
  text-align: right;
  margin-top: 42px;
}
ul.menu.menu--social {
  justify-content: flex-end;
}
footer.cstm-footer-new .site-footer__bg {
  padding: 58px 0;
  background: #850049 !important;
}
/* #7A1040 */

.site-signature p a {
  font-size: 13px;
  line-height: 20.8px;
}
.spacer20-ms {
  padding-bottom: 20px;
}

.spacer20-ms span {
  /*font-family: Lexia;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
	*/
}

/* career page css */
section.cstm-frnt-banner.cstm-careers-section .hero.hero--front, section.cstm-frnt-banner.cstm-careers-section .hero.hero--front figure {
  height: 497px;
}


/* menu page css */

.cstm-menus-box {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 100%;

}

.cstm-menus-box .left-image-box {
  display: flex;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.left-image-box {
flex: 1;
  position: relative;
  display: flex;
}

.cstm-menus-box .left-image-box img.menu-img {
  width: 100%;
}
.left-image-box img.menu-img {
  width: 100%;
  height: 100%;       /* force image to fill vertically */
  object-fit: cover;  /* prevents distortion */
  display: block;
}

section.cstm-menu-section {
  padding: 100px 0;
}

h2.menu-title {
  color: #323232;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.cstm-menus-content-wrap p {
  color: #585858;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  margin-bottom: 7px;
}

.cstm-menus-content-wrap a {
  color: #000;
  font-family: Lexia;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  text-decoration-line: underline;
}

.cstm-menus-content-wrap a svg {
  margin-left: 7px;
}

.cstm-right-content-menu {
  display: flex;
  flex-direction: column;
  gap: 40px;
  background: #FFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
  justify-content: center;
  flex: 1;
  padding: 30px;
}

.left-image-box, .cstm-right-content-menu {
  flex: 1;
  display: flex;
  flex-direction: column;
}


.menu-bottom-content p {
  color: #585858;
  text-align: center;
  font-family: Lexia;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px; 
  margin-bottom: 0;
}

.menu-bottom-content {
  margin-top: 60px;
}
.cstm-menu-img-btn {
  position: absolute;
  top: auto;
  bottom: 15px;
  left: 0;
  right: 0;
  text-align: center;
}

.cstm-menu-img-btn a {
  display: inline-flex;
  padding: 15px 45px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #850049;
  border-radius: 53px;
  color: #fff;
  font-family: Lexia;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cstm-menu-section .grid-x.grid-margin-x {
  row-gap: 30px;
}


/* sidebar menu css start*/

ul#menu-primary-nav .menu-item-has-children a {
  position: relative;
  display: inline-block;
}

ul#menu-primary-nav .menu-item-has-children > a:after {
  position: absolute;
  content: "";
  background: url(https://bkclondon.uk/wp-content/uploads/2024/06/Dropdown-arrow.png) no-repeat;
  width: 10px;
  height: 10px;
  background-size: 100%;
  top: 50%;
  left: auto;
  right: -8px;
}
.cstm-opening-time h2 {
  color: #0A0A0A;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; 
  margin-bottom: 12px;
}
.cstm-opening-time p {
  color: #0A0A0A;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.8px; 
  margin-bottom: 0px;
}
.cstm-opening-time {
  opacity: 0;
  visibility: hidden;
}

.nav-active .nav-contact-container .cstm-opening-time {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
}
p.nav-contact-classic {
  margin-top: 35px;
  margin-bottom: 0 !important;
}
p.nav-contact-classic a {
  color: #0A0A0A;
  font-family: Lexia;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.8px; /* 160% */
}
ul#menu-primary-nav .menu-item-has-children a + ul.dropdown.menu.vertical {
  display: none;
}
ul#menu-primary-nav .menu-item-has-children a.active-hello + ul.dropdown.menu.vertical {
  display: block;
  padding-left: 35px;
  padding-bottom: 15px;
}
/* sidebar menu css  end*/

.grid-x  article {
  margin: 15px 0;
}

.small-12.medium-shrink.cell.copyright, .site-footer-base a {
  color: #0A0A0A;
  font-family: Lexia;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px;
  text-transform: uppercase;
}
.cstm-service-img img, .cstm-about-img img {
  width: 100%;
}
.cstm-testimonial-wrap .owl-nav button {
  background: none !important;
}
.cstm-newsletter-form span.wpcf7-not-valid-tip {
  color: #fff;
}
/* sticky home content css */

section.section-secondary.content-fixed-scroll .large-6.cell .fixed-scroll-container {
    position: static;
}
section.section-secondary.content-fixed-scroll .grid-x.cell-top-padding-xl {
    padding-top: 0;
}

span#more p:first-child, span#more p:last-child {
  display: inline;
}
.front-page-cstm .cstm-frnt-banner .hero.hero--front .cstm-featured-text {
  position: static;
  transform: unset;
  padding: 35px 0;
}
/*.front-page-cstm .cstm-frnt-banner .hero.hero--front {
  height: 100%  !important;
}*/
/*.front-page-cstm .cstm-frnt-banner .hero.hero--front .cstm-featured-text:before {
  display: none;
}
.front-page-cstm .cstm-frnt-banner .hero.hero--front .cstm-featured-text h1, .front-page-cstm .cstm-frnt-banner .hero.hero--front .cstm-featured-text p {
  color: #000;
}
.page-id-533 .cstm-frnt-banner figure.featured-hero:before {
  display: none;
}*/



/***** Choose a venue page css starts here *****/

.cstm-choose-img-box {
  max-width: 380px;
  margin: 0 auto;
}

.cstm-choose-img-box .md-title {
 /* color: #000; */
}

.cstm-choose-img-box .choose-restro-img img {
  aspect-ratio: 1/1.3;
  object-fit: cover;
}

.cstm-choose-img-box .cstm-choose-btn {
  margin-top: 35px;
}
.cstm-choose-venue-page {
  padding: 160px 0 50px 0;
}

.cstm-choose-venue-page h1.lg-title-cstm {
 /* font-size: 40px; */
  /* font-weight: 600; */
}
.page-id-761 .site-header a.site-header__title__logo svg g, .page-id-761 .site-header a.site-header__title__logo svg path {
  fill: #000;
}



@media screen and (min-width:1024px){
.custm-sticky-fix {
    position: sticky;
    top: 10%;
    display: block;
}

section.section-secondary.content-fixed-scroll .fixed-scroll-column.large-6.cell {
    padding-top: 260px;
}
.content-fixed-scroll .fixed-scroll-container .fixed-scroll-cell:last-child .grid-x.align-center.spacer50 {
    padding-bottom: 0;
}
.cstm-fixed-main-sec section.section-secondary.content-fixed-scroll:last-child .fixed-scroll-column.large-6.cell {
  padding-top: 200px;

}
.custm-sticky-fix p.subheader.mb-40 {
  margin-bottom: 26px !important;
  margin-top: 0 !important;
	text-transform: uppercase;
}
}


@media screen and (max-width:1023px){
	
	   /* BOOK A TABLE  mobile colour on menu page */
	 .mobile-site-header__buttons.header-loewr-btns a.white.button {
        background-color:  #fff2d6  !important;
       color: #000 !important;
        border: none !important;
    }

    .mobile-site-header__buttons.header-loewr-btns a.button:not(.white) {
        background-color: #850049 !important;
        color: #ffffff !important;
        border: none !important;
    }
	/* over of button colour */
	
	.page-id-761 .grid-container.mobile-site-header__buttons.hide-for-large{
		display:none;
	}
	
 
  .page-template-our-menus .grid-container.mobile-site-header__buttons.hide-for-large, .page-id-533 .grid-container.mobile-site-header__buttons.hide-for-large  {
    display: none;
}
	
	.page-id-746 .mobile-site-header__buttons,
	.page-id-335 .mobile-site-header__buttons,
	.page-id-286 .mobile-site-header__buttons{
    width: 81% !important;
    position: absolute !important;
    bottom: -1vh !important;
    left: 51% !important;
	}
	
	 /* Hide only "Book a Table" button on page ID 746 */
  .page-id-746 .mobile-site-header__buttons a[href*="book-a-table"] {
    display: none !important;
  }
	
/*.page-id-746 .site-header__buttons.show-for-large a[href="/book-a-table/"] {
  display: none !important;
} */


  section.cstm-soho-our-service.r .grid-x, section.cstm-soho-offering .grid-x {
    row-gap: 35px;
}
/* .page-template-soho  .grid-container.mobile-site-header__buttons {
  display: none;
} */
.page-template-soho .grid-container.mobile-site-header__buttons.header-loewr-btns, section.cstm-frnt-banner .header-loewr-btns {
  display: flex !important;
  transform: unset;
  margin-top: 30px;
  gap: 20px;
  z-index: 1;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 10px;
  padding: 0 20px;
}
.get-in-touch-content {
  margin-top: 20px;
}
.fixed-scroll-column.large-6.cell {
  position: static;
  padding-top: 50px;
	background-color:#850049 !important;
}
.content-fixed-scroll .branded-floret {
  width: 105px;
  height: 105px;
}

.content-fixed-scroll .branded-floret path {
  opacity: 1;
  fill: #ffffff0f;
}
section.cstm-fixed-main-sec .section-branded-stone .card {
  margin-top: 10px;
  padding: 20px;
}
section.cstm-soho-our-service .cstm-content-wrapper {
  margin-left: 0;
}
.front-page-cstm .cstm-frnt-banner .hero.hero--front .header-loewr-btns {
  position: static;
  margin-top: 0;
  margin-bottom: 30px;
}

.front-page-cstm .cstm-frnt-banner .hero.hero--front .cstm-featured-text {
  padding-bottom: 10px !important;
}
}
@media screen and (min-width:1024px){
  .cstm-offering-img-left {
    margin-right: 30px;
}

.cstm-offering-img-right {
    margin-left: 30px;
}
section.section-secondary.content-fixed-scroll {
  padding-bottom: 50px;
}
}
@media screen and (min-width:769px) and (max-width:1023px){
  ul.menu.menu--social {
    justify-content: flex-start;
}

.footer-book-btn {
    text-align: left;
}
section.cstm-fixed-main-sec section.section-branded-stone video.video {
  position: static;
  width: 100%;
  transform: unset;
}
.cstm-fixed-main-sec .cell-top-padding-xl {
  padding-top: 40px;
  padding-bottom: 40px;
}
}
@media screen and (min-width:769px){
  .cstm-mobile-icons-footer {
    display: none;
}
.custm-sticky-fix p.btn-wrapper-box {
  margin-top: 36px !important;
}
.page-id-31  .section-branded-stone h2.h1 {
  font-size: 40px;
  margin-bottom: 30px;
  line-height: normal;
}
.page-id-31 .section-branded-stone p {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
}
.page-id-31 .section-branded-stone h2 {
  margin-bottom: 15px;
  margin-top: 35px;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
}
}
@media screen and (max-width:768px){
  .cstm-choose-venue-page {
    padding-top: 230px;
}
.cstm-choose-venue-page h1.lg-title-cstm {
  font-size: 30px;
}
  .page-id-31 .section-branded-stone p {
    font-size: 14px;
  /*  line-height: normal; */
}
.page-id-31 .section-branded-stone h2 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
  margin-top: 30px !important;
}
.page-id-31 .section-branded-stone h2.h1 {
  font-size: 24px;
  margin-bottom: 20px;
}
.site-nav-sidebar__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 15px;
}

.site-nav-sidebar {
  padding-right: 0 !important;
}
.page-id-335 p {
  text-align: center;
 /* font-size: 12px;
  line-height: 20px; */
}
.front-page-cstm .cstm-new-branded .spacer100 {
  padding-top: 10px;
  padding-bottom: 0;
  text-align: center;
}
.page-intro .branded-floret {
  right: 15px;
}
.page-intro .branded-floret svg {
  width: 93px;
}
.cstm-new-branded h2.subheader {
  color: #8A8A8A;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.6px;
  margin-top: 0;
  margin-bottom: 10px;
}

.cstm-new-branded h1 {
  color: #0A0A0A;
  font-size: 26px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
.section-branded-stone.cstm-new-branded .r.large-6.cell {
  font-family: Lexia;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
section.section-branded-stone.cstm-new-branded .page-intro__secondary .large-6.cell {
  margin-bottom: 15px;
}
section.section-branded-stone.cstm-new-branded {
  padding-bottom: 110px;
}
.cstm-new-branded figure.branded-floret--double {
  bottom: -94px !important;
  left: auto;
  right: 17px;
}
.cstm-new-branded figure.branded-floret--double svg {
  width: 161px !important;
}
.cstm-fixed-main-sec .cell-top-padding-xl {
  padding-top: 48px;
  padding-bottom: 0;
}
.cstm-xlg-title {
  text-align: center;
  font-size: 26px;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 20px;
}
section.cstm-fixed-main-sec p.btn-wrapper-box {
  margin-bottom: 0;
}
section.cstm-fixed-main-sec .medium-11.cell {
  text-align: center;
}
section.cstm-fixed-main-sec .medium-11.cell a.button {
  padding: 12px 36px;
}
section.cstm-fixed-main-sec .medium-11.cell .spacer20 {
  padding-top: 10px;
  padding-bottom: 0px;
}
section.cstm-fixed-main-sec p.btn-wrapper-box a.button {
  margin-bottom: 30px;
}
section.cstm-fixed-main-sec p.subheader.mb-40 {
 /* font-size: 14px;
  line-height: normal; */
  margin-top: 0 !important;
  margin-bottom: 30px !important;
	text-transform: uppercase;
}
section.cstm-fixed-main-sec section.section-branded-stone h2.h1, section.cstm-home-insta-feed .grid-x.grid-margin-x h2.h1 {
  color: #0A0A0A;
  font-size: 26px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
section.cstm-fixed-main-sec section.section-branded-stone  .medium-6.cell.card {
  margin-top: 10px;
  padding: 20px;
  text-align: center;
}
.cstm-fixed-main-sec .section-branded-stone .medium-6.cell.card .spacer50 {
  padding: 0;
}

.cstm-fixed-main-sec .section-branded-stone .medium-6.cell.card .spacer50 a.button {
  margin-bottom: 0;
  margin-top: 30px;
}
section.cstm-home-insta-feed .grid-x.grid-margin-x {
  padding-top: 40px;
}
section.cstm-home-insta-feed p {
  margin-bottom: 15px !important;
}
section.cstm-home-insta-feed h5 {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px; 
  margin-bottom: 0;
}
section.cstm-home-newsletter img {
  height: 238px;
  object-fit: cover;
}
section.cstm-home-insta-feed .grid-x.grid-margin-x.spacer100--btm {
  padding-top: 0;
}
.cstm-newsletter-content {
  padding-top: 40px;
  text-align: center;
  padding-bottom: 50px;
}
section.cstm-home-get-touch-sec {
  padding-top: 50px;
  padding-bottom: 50px;
}
section.cstm-home-get-touch-sec .medium-6.large-6:first-child {
  display: none;
}
.get-in-touch-content {
  text-align: center;
}

h6.grey-title {
  font-size: 16px;
  margin-bottom: 10px;
}

.get-in-touch-content h2 {
  font-size: 26px;
  margin-bottom: 20px;
}
.cstm-form-wrap-touch {
  max-width: 300px;
  margin: 20px auto;
}
.cstm-get-in-touch-form form textarea {
  margin-bottom: 0;
}

.cstm-form-btn {
  text-align: center;
}

.cstm-get-in-touch-form .cstm-form-btn input.wpcf7-submit {
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
  line-height: 17.6px; 
}
span.wpcf7-not-valid-tip {
  font-size: 10px;
  text-align: left;
}

.cstm-get-in-touch-form .cstm-form-btn input.wpcf7-submit + span.wpcf7-spinner {
  display: block;
  margin: 8px auto;
}
.cstm-get-in-touch-form form input, .cstm-get-in-touch-form form textarea {
  font-size: 10px;
}

.cstm-get-in-touch-form .cstm-form-wrap-touch > p {
  gap: 10px 27px;
}
.cstm-newsletter-content h2 {
  font-size: 20px;
}

.cstm-newsletter-content p {
  margin-bottom: 30px;
}
section.cstm-frnt-banner .cstm-featured-text p {
  font-size: 20px;
}
section.cstm-frnt-banner .cstm-featured-text {
  top: calc(50% + 60px);
}
section.cstm-frnt-banner figure.featured-hero img {
    height: 100% !important;
}
  section.cstm-frnt-banner .cstm-featured-text h1 {
    font-size: 30px;
}
.md-title {
  text-align: center;
/*  font-size: 24px; */
  line-height: 39px;
}
ul.cstm-soho-list span {
  font-size: 12px;
}
.cstm-map-info li .cstm-map-info-list {
  display: block;
  text-align: center;
}
.cstm-map-wrapper iframe {
  height: 378px;
}
section.cstm-soho-our-service, section.cstm-soho-about, section.cstm-soho-offering {
  padding: 40px 0;
}
.sm-title-cstm {
  font-size: 22px;
}
.cstm-para-style {
  font-size: 12px;
  line-height: 20px;
}
.mb-30 {
  margin-bottom: 15px !important;
}
button.cstm-accordion p {
/*  font-size: 14px;
  line-height: 20px; */
}
.cstm-faq-accordian {
  gap: 16px;
}
.cstm-banner-table {
  text-align: center;
}
section.cstm-soho-our-service.r .grid-x, section.cstm-soho-offering .grid-x {
  row-gap: 20px;
}
a.button {
  font-size: 14px;
  /* padding: 15px 20px; */
}
section.cstm-soho-about .grid-x {
  flex-direction: column-reverse;
  gap: 20px;
}
.mb-20 {
  margin-bottom: 11px !important;
}
.cstm-soho-about ul.cstm-service-list {
  margin-bottom: 0;
}
.mb-40 {
  margin-bottom: 20px !important;
}
ul.cstm-service-list svg {
  width: 14px;
  height: 14px;
}
.cstm-content-box {
  text-align: center;
}
/* .page-template-soho  .grid-container.mobile-site-header__buttons {
  display: none;
} */
	
	.page-id-746 .mobile-site-header__buttons,
	.page-id-286 .mobile-site-header__buttons{
    width: 81% !important;
    position: absolute !important;
    bottom: -1vh !important;
    left: 52% !important;
	}
	


.cstm-bannerbg {
  min-height: 560px;
  height: 560px;
}
.site-header__title__logo svg {
  width: 70px;
  height: 70px;
}
.site-header__title__logo {
  margin-top: 62px;
}
/* .cstm-banner-wrapper-cont {
  position: absolute;
  top: 0;
  padding-top: 180px;
  width: 100%;
  left: 0;
  right: 0;
} */
.cstm-soho-content h2.md-title {
  margin-bottom: 26px;
}
ul.cstm-soho-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 0;
  margin-bottom: 30px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

ul.cstm-soho-list span {
  font-size: 12px;
}

ul.cstm-soho-list li svg {
  width: 12.86px;
  height: 12.86px;
}

ul.cstm-soho-list li {
  gap: 15px;
}
.cstm-banner-inner-wrapper {
  padding-bottom: 30px;
}
p.soho-banner-btn {
  text-align: center;
}
 body .mobile-site-header__buttons.header-loewr-btns a.button{
  padding: 15px 22px;
  text-transform: capitalize;
}
	/*
a.white.button {
  border-radius: 53px;
  border: 1px solid #999;
  background: #FFF;
} */
.cstm-map-info {
  margin-top: -165px;
  position: relative;
  z-index: 1;
}
.cstm-map-info-wrapper {
  padding: 20px;
  transform: unset;
  width: 100%;
  position: static;
  margin: 0 auto;
}
section.cstm-soho-our-service.r a.button {
  margin-bottom: 0;
}
p {
  margin-bottom: 20px;
}
section.cstm-soho-about .cstm-content-box {
  text-align: left;
}
section.cstm-soho-offering p.cstm-para-style {
  margin-bottom: 10px;
}
section.cstm-soho-our-service .cstm-vector-img {
  top: 0;
  left: -14px;
  right: auto;
}
button.cstm-accordion {
  padding: 19px 31px;
}
section.cstm-gallery-sec .cstm-vector-img {
  max-width: 84px;
  left: -20px;
}
h2.testimonial-title {
  font-size: 18px;
}
.cstm-offer-content {
  order: 2;
}

.cstm-offer-image {
  order: 1;
}
section.cstm-soho-offering p.btn-box, section.cstm-soho-offering a.button {
  margin-bottom: 0;
}
section.cstm-soho-offering .grid-x {
  margin-bottom: 30px;
}
.cstm-offering-img, .cstm-soho-offering .cstm-content-box {
  margin: 0 auto;
}
footer.cstm-footer-new .site-footer__bg {
  padding: 40px 0 24px;
  text-align: center;
}

footer.cstm-footer-new .site-footer__bg .footer-menu {
  text-align: center;
  margin: 40px auto 0;
}

ul.menu.menu--social {
  justify-content: center;
}

.footer-book-btn {
  text-align: center;
}
.site-header__title__logo svg {
  width: 120px;
  height: 120px;
}
h6.cstm-tag-line {
  margin-top: 30px;
}
.desktop-social-footer {
  display: none;
}
.cstm-mobile-icons-footer ul li a {
  width: 43px;
  height: 43px;
}

.cstm-mobile-icons-footer li {
  margin: 0;
}

ul.menu.menu--social {
  gap: 12px;
}
.site-signature p a, .site-footer-base a, .copyright {
  font-size: 12px;
}

.copyright {
  margin-top: 7px;
}
section.cstm-fixed-main-sec .section-branded-stone .card h5 {
  font-size: 22px;
 /* line-height: normal; */
  text-align: center;
}
section.cstm-fixed-main-sec .section-branded-stone .card span {
 /* font-size: 12px; */
  text-align: center;
/*  line-height: 20px; */
}
p.btn-wrapper-box a.button {
  padding: 15px 45px;
}
section.cstm-fixed-main-sec .section-branded-stone .card .spacer50 {
  padding-bottom: 0;
  text-align: center;
}

section.cstm-fixed-main-sec .section-branded-stone .card .spacer50 a.button {
  margin-bottom: 0;
}
section.cstm-fixed-main-sec section.section-branded-stone .medium-6.cell.card span {
  font-size: 12px;
}
.spacer20-ms span {
 font-size: 16px !important;
   /*line-height: 20px; */
}
section.cstm-menu-section {
  padding: 50px 0;
}

/* siebar css */

.cstm-opening-time {
  text-align: center;
}

.cstm-opening-time h2 {
  font-size: 24px;
}

.cstm-opening-time p, p.nav-contact-classic a {
  font-size: 15px;
  line-height: 26px;
}

span.separator {
  display: none;
}
li.menu-item-has-children {
  display: block;
  text-align: center;
}

ul#menu-primary-nav .menu-item-has-children a.active-hello+ul.dropdown.menu.vertical {
  padding-left: 0;
}
/* .site-nav-container {
  padding-left: 72px !important;
} */
.fixed-scroll-cell h4.no-mg {
 /* font-size: 20px; */
}
.cstm-testimonial-wrap .testimonial-text p {
  font-size: 12px;
  line-height: 20px;
}
}
@media screen and (max-width:540px){
  .cstm-menus-box {
    grid-template-columns: 1fr;
}
.cstm-menus-box .cstm-right-content-menu {
  padding: 40px 24px !important;
}
}

.page-id-746 .site-footer__bg g {
  fill: #fff !important;
}







/* Mobile only */
@media screen and (max-width: 48em) {

  /* spacing (keep what you already fixed) */
  .page-intro {
  /*  padding-top: 125px !important; */
	text-align: center;
  }

  body[class*="post-pre-post-"] .page-intro .cell {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important; 
  }

  body[class*="post-pre-post-"] .page-intro h1 {
    text-align: center;
  }
}




/* NEW UI CSS HERE */

/* HOME PAGE */
.cstm-new-branded,
.site-footer__bg {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat; 
	background-size: contain !important;
}

.video-block {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
	background-size: contain !important;
}

.cstm-home-insta-feed {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;   
    background-size: contain !important;  
}

/* Takeaway button */
.site-header__buttons a.white.button {
    background-color: #fff2d6 !important;
    color: #000 !important;
    border-color: #fff2d6 !important;
}

/* Book a table button */
.site-header__buttons a.button:not(.white) {
    background-color: #6e0039 !important;
    color: #ffffff !important;
    border-color: #6e0039 !important;
}

/* off - white buuton */
.button.book-now-btn {
    background-color: #fff2d6 !important;
	 color: #000 !important;
    border-color: #fff2d6 !important;
}

/* maroon button */
.bkc-btn-maroon {
    background-color: #6e0039 !important;
    border-color: #6e0039 !important;
    color: #fff !important;
}



/* BLOG LISTING PAGE CSS */

body.category-blog .site-wrapper:not(.site-footer-base)  {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
	background-size: contain !important;  
}

body.category-blog .site-footer-base {
    background: #ffffff !important;
}

body.category-blog article.section-branded-stone {
    background-image: none !important;
	background-color: #e87c00 !important;
}

/* Heading (title link) */
body.category-blog .post__header h3 a {
    color: #850049 !important;
}

/* Read more link */
body.category-blog .post__link a {
    color: #850049 !important;
}

/* Excerpt text */
body.category-blog .post__excerpt,
body.category-blog .post__excerpt p {
    color: #ffffff !important;
}


/* default numbers */
body.category-blog .pagination a {
    color: #850049 !important;
    border-color: #850049 !important;
}


/* active page */
body.category-blog .pagination .current {
    background-color: #850049 !important;
    color: #ffffff !important;
    border-color: #850049 !important;
}

/* over blog */



/* EVENTS LISTING PAGE CSS */

/* Background ONLY inside wrapper */
body.category-events .site-wrapper {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}

/* Remove background from footer */
body.category-events .site-footer-base {
    background: #ffffff !important;
}


/* Card background color (orange like blog) */
body.category-events article.section-branded-stone {
    background-image: none !important;
    background-color: #e87c00 !important;
}


/* Heading color */
body.category-events .post__header h3 a {
    color: #850049 !important;
}


/* Read more color */
body.category-events .post__link a {
    color: #850049 !important;
}


/* Excerpt text white */
body.category-events .post__excerpt,
body.category-events .post__excerpt p {
    color: #ffffff !important;
}




/* EXPERIENCES LISTING PAGE CSS */


/*  Background (inside wrapper only) */
body.category-experiences .site-wrapper {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}


/*  Keep footer white */
body.category-experiences .site-footer-base {
    background: #ffffff !important;
}


/* Cards background  */ 
body.category-experiences article.section-branded-stone {
    background-image: none !important;
    background-color: #e87c00 !important;
}


/*  Title color */
body.category-experiences .post__header h3 a {
    color: #850049 !important;
}


/* Read more link */
body.category-experiences .post__link a {
    color: #850049 !important;
}


/* Excerpt text white */
body.category-experiences .post__excerpt,
body.category-experiences .post__excerpt p {
    color: #ffffff !important;
}

/* experience over */


/*  CHARITY LISTING PAGE CSS */

/* Background pattern (same as blog) */
body.category-charity .site-wrapper:not(.site-footer-base) {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}

/* keep footer white */
body.category-charity .site-footer-base {
    background: #ffffff !important;
}

/* Charity cards background (same orange stone style) */
body.category-charity article.section-branded-stone {
    background-image: none !important;
    background-color: #a8b86a !important;
}

/* Heading (title link) */
body.category-charity .post__header h3 a {
    color: #850049 !important;
}

/* Read more link */
body.category-charity .post__link a {
    color: #850049 !important;
}

/* Excerpt text */
body.category-charity .post__excerpt,
body.category-charity .post__excerpt p {
    color: #ffffff !important;
}

/*CHARITY CSS FOR OVERIDING FROM MENU SPECIFIC CARD COLOUR OF ORANGE */

.category-charity.event-card {
    background: transparent !important;
    border-radius: 0 !important;
}

/* over charity events */



/* MENU PAGE BACKGROUND */

.cstm-menu-section {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain;
}

/* keep cards clean */
.cstm-menu-section .cstm-menus-box {
    background: #ffffff !important;
}

/*over menu page */


/* FOOTER BOOK NOW BUTTON CSS */

.footer-book-btn .button,
.footer-book-btn .white.button {
    background-color: #fff2d6 !important;
    color: #000 !important;
    border-color: #fff2d6 !important;
}

/* over css book now */


/* MENU PAGE BACKGROUND */

/* Apply banner background to whole menu page */
body.tax-location .site-wrapper {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat !important;
    background-size: contain !important;
}

/* Keep footer clean */
body.tax-location .site-footer-base {
    background: #fff !important;
} 

/* SUB MENU PAGE all items soho and marble dooted line css */

.menu-category-title-decor__back {
    border-bottom: 2px dotted #850049 !important;
}

/* FILTER buttons */
/* ===== ACTIVE (selected) ===== */
.menu-category-nav .button.active {
    background-color: #850049 !important;
    border-color: #850049 !important;
    color: #ffffff !important;
	 font-family: 'NeueGothama';
}


/* ===== ONLY NON-ACTIVE ===== */
.menu-category-nav .button.hollow:not(.active) {
    background-color: transparent !important;
    border: 1px solid #850049 !important;
    color: #850049 !important;
	 font-family: 'NeueGothama';
}


/* ===== HOVER ONLY NON-ACTIVE ===== */
.menu-category-nav .button.hollow:not(.active):hover,
.menu-category-nav .button.hollow:not(.active):focus {
    background-color: #850049 !important;
    border-color: #850049 !important;
    color: #ffffff !important;
	    font-family: 'NeueGothama';
}

/* MOBILE ONLY — taxonomy menu filter spacing */
@media screen and (max-width: 1023px) {

    .tax-location .menu-category-nav .grid-x.align-center-middle {
        margin-left: 89px !important;
    }

}

/* SPECIFIC menu pages */

/* alignment of button */
.single-menu .featured-hero {
    position: relative;
}

.single-menu .menu-hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.single-menu .menu-hero-content .button {
    margin-top: 20px;
}

/* ===== HERO reservation button (magenta) ===== */

.single-menu .menu-hero-content .button {
    background-color: #850049 !important;
    border-color: #850049 !important;
    color: #ffffff !important;
}

.single-menu .breadcrumbs a {
    color: #850049 !important;
}

/* Single specific pages */
/* ONLY menu single pages */
.single-menu .site-wrapper {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;

}

.single-menu .new-image {
	background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-size: contain !important;

}

.single-menu .site-footer-base {
    background: #ffffff !important;
}

/* remove banner only behind breadcrumb section */
.single-menu .breadcrumbs,
.single-menu .grid-container.spacer20 {
    background-color: #ffffff !important;
}

.single-menu .grid-container.spacer20 {
    background-color: #ffffff !important;
    padding: 20px 0 !important;
}


/* HEADER SIDE NABAR IN PARTS BUTTONS COLOUR */

/* Takeaway */
.btn-takeaway {
    background-color: #fff2d6 !important;align-content
    color: #000000; 
   /* border: 1px solid #850049; */
}

/* Book a table */
.btn-book {
    background-color: #850049;
    color: #fff;
    border: 1px solid #850049;
}



/* sppecific menu page events blog cards (content.php) styling */
/* ===== Events cards styling ===== */
.single-menu .event-card {
    background-color: #e87c00 !important; /* orange */
    border-radius: 8px;
}

/* Title + Read more = magenta */
.single-menu .event-card h3 a,
.event-card .post__link a {
    color: #850049 !important;
}

/* Excerpt = white */
.single-menu .event-card .post__excerpt,
.event-card .post__excerpt p {
    color: #ffffff !important;
}

/* Stop theme hover colour */
.single-menu .event-card a:hover {
    color: #850049 !important;
}




/* RESTRAUNT SOHO BANNER AND CSS (SOHO PAGE TEMPLATE) */

 .cstm-soho-our-service {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png");
    background-repeat: repeat;  
    background-size: contain;  
	background-position: right;
    z-index: 1;
}

.cstm-soho-offering{
	 background: url(https://bkclondon.uk/wp-content/uploads/2026/02/Background.png);
    background-repeat: repeat;  
    background-size: contain;  
    z-index: 1;
}

.cstm-testimonial{
		 background: url(https://bkclondon.uk/wp-content/uploads/2026/02/Background.png);
 background-repeat: repeat;
    background-size: cover;
    z-index: 1;
}

/* change orange circle inside SVG */
.custom-owl-carousel .owl-nav svg circle {
    fill: #850049 !important;
}

/* keep arrow white */
.custom-owl-carousel .owl-nav svg path {
    fill: #ffffff !important;
}



/* ABOUT US CSS */

.page-id-31 .section-branded-stone {
    background: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat !important;
    background-size: contain !important;
	z-index:1;
}

.instagram-feed-bg {
    background: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat !important;
    background-size: contain !important;
    z-index: 1;
}



/* SINGLE POST EXPERIENCE SPECIFIC PAGE CSS */

.single-post .site-wrapper {
    background: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat !important;
    background-size: contain !important;
    z-index: 1;
}

.single-post .section-branded-stone {
    background: none !important;
}

body.single-post .site-footer-base {
    background: #fff !important;
} 

.single-post #experienceReserveBtn {
    background-color: #850049 !important;
    color: #fff !important;
    border: 1px solid #850049 !important;
}


/*
 * NO INSTA BANNER BACKGROUND ON CATERING PAGE */
/* Remove instagram background ONLY on Catering page */
.page-catering-and-corporate .instagram-feed-bg {
    background: none !important;
    background-image: none !important;
}


/* CHOOSE A VENUE BOOKA A TABLE PAGE TEMPLATE CSS */

.cstm-choose-venue-page{
	background: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat !important;
    background-size: contain !important;
    z-index: 1; 
}

/* Post title override on speific menu pages and charity only */
.post__header h3,
.post__header h3 a {
    font-size: 22px;   
 
}

/*MENU HEADER SPACING FOR MOBILE VIEW */

@media (max-width: 48em) {
    .site-nav .nav-container {
        padding-top: calc(70px + env(safe-area-inset-top));
    }
}






/* MAYFAIR TOP HEADER BUTTON IN MOBILE VIEW CSS */

@media (max-width: 1023px) {

  body.page-id-533 .site-nav-sidebar__container {
    position: relative !important;
    overflow: visible !important;
  }

  body.page-id-533 .mobile-site-header__buttons {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    position: absolute !important;
    bottom: -2px;
    left: 30px;
    width: 85%;

    padding: 0 20px;

    transform: none !important;
    z-index: 9999 !important;
  }

  body.page-id-533 .mobile-site-header__buttons a {
    flex: 1;
    text-align: center;
    white-space: nowrap;
  }

}


/* Mobile view adjustment for LOGO ON SPECIFIC BLOG PAGES */
@media (max-width: 768px) {
    .custom-category-logo {
        margin-left: -195px !important;
    }
}









/* NEW DISPLAY CSS */




.new-magenta-header {
    background-color: #6e0039;
    padding: 18px 40px;
    position: relative;
    z-index: 9999;
}

.magenta-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new-magenta-header {
    padding: 20px 0;
}


.logo-left img {
    max-height: 160px;  /* control size */
    height: auto;
    width: auto;
	margin-bottom: -55px;
	margin-top: -40px;
}

.menu-right{
	margin-right: 75px;
}


/*  .draft-menu {
    list-style: none;
    display: flex;
    gap: 35px;
    margin: 0;
    padding: 0;
}

.draft-menu li {
    display: inline-block;
}

.draft-menu a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1px;
    transition: 0.3s ease;
}

.draft-menu a:hover {
    opacity: 0.7;
}  */



.draft-menu{
    list-style:none;
    display:flex;
    gap:35px;
    margin:0;
    padding:0;
}

.draft-menu a{
    color:#ffffff;
    text-decoration:none;
}

.draft-menu > li {
    display: inline-block;
    position: relative;
}

.draft-menu .sub-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    padding:10px 0;
    min-width:145px;
	box-shadow:0 8px 20px rgba(0,0,0,0.08);
    border-radius:6px;
}


/* open dropdown */

.draft-menu li.menu-open > .sub-menu{
    display:block;
}

.draft-menu .sub-menu li {
    display: block;
    padding: 8px 20px;
}

.draft-menu .sub-menu a{
    color:#850049;
    text-decoration:none;
    display:block;
}

.draft-menu .sub-menu a:hover{
    background:#f7f7f7;
}

.menu-item-has-children > a::after {
    content: " ▼";
    font-size: 10px;
    margin-left: 5px;
}

.draft-menu,
.draft-menu ul {
    list-style: none;
    margin-left: 0;
}


/* ================================= */
/* MOBILE HAMBURGER STYLES */
/* ================================= */

.hamburger_draft {
    display: none;
    cursor: pointer;
}

.hamburger_draft span {
    display: block;
    width: 25px;
    height: 3px;
    background: #fff;
    margin: 5px 0;
}

/* Slide Panel */
.mobile-menu-panel {
	  display: none;
    position: fixed;
    top: 0;
    left: -100%;
    width: 280px;
    height: 100vh;
    background: #ffffff;
    padding: 30px 20px;
    transition: 0.3s ease;
    z-index: 99999;
}

.mobile-menu-panel.active {
    left: 0;
}

/* MOBILE ONLY */
@media (max-width: 768px) {

    .mobile-menu-panel {
        display: block;
    }

}

.draft-mobile-menu,
.draft-mobile-menu ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.close-menu {
    font-size: 28px;
    text-align: right;
    cursor: pointer;
    color: #6e0039;
}

/* Mobile Menu Links */
.draft-mobile-menu {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.draft-mobile-menu li {
    margin-bottom: 15px;
}

.draft-mobile-menu a {
    color: #6e0039;
    text-decoration: none;
    font-size: 18px;
}

/* ================================= */
/* MOBILE VIEW ONLY */
/* ================================= */

@media (max-width: 768px) {

    /* Hide desktop menu */
    .desktop-menu {
        display: none;
    }
	.logo-left img {
	margin-left: 20px;}

    /* Show hamburger */
    .hamburger_draft {
        display: block;
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
    }

    /* Center logo */
    .magenta-header-inner {
        justify-content: center;
    }

    .logo-left {
        margin: 0 auto;
        text-align: center;
    }

}


.draft-mobile-menu .sub-menu {
    display: none;
    padding-left: 15px;
}

.draft-mobile-menu .menu-item-has-children > a::after {
    content: "▼";
    float: right;
    font-size: 12px;
}
.draft-mobile-menu .menu-item.active > .sub-menu {
    display: block;
}





.page-id-2725 .hero__brand__floret {
    display: none !important;
}

/* ============================= */
/* DRAFT PAGE HERO ONLY (2725)  */
/* ============================= */

.page-id-2725 .hero {
    position: relative;
}

/* Dark overlay for better readability */
.page-id-2725 .featured-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
}

/* Hardcoded text styling */
.page-id-2725 .hardcoded-hero {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff2d6 !important;
    z-index: 5;
    width: 90%;
    max-width: 1100px;
}

/* Main Heading */
@media (min-width: 769px) {
.page-id-2725 .hardcoded-hero h1 {
    font-family: "Playfair Display", serif;
 /*   font-size: 72px; */
    line-height: 1.15;
    font-weight: 500;
	 color: #fff2d6 !important;
    margin-bottom: 25px;
    letter-spacing: 1px;
}
}

/* Sub Text */
.page-id-2725 .hardcoded-hero p {
    font-size: 18px;
    letter-spacing: 3px;
	 color: #fff2d6 !important;
    text-transform: uppercase;
    font-weight: 400;
}

@media screen and (orientation: landscape) and (min-width: 48.0625em) {
    .page-id-2725 .container,
    .page-id-2725 .site-header {
        padding-left: 0 !important;
    }
}

@media screen and (orientation: landscape) and (min-width: 64em) {
    .page-id-2725 .container,
    .page-id-2725 .site-header {
        padding-left: 0 !important;
    }
	

}







.page-id-2725 .section-branded-stone {
    background-image: url('https://bkclondon.uk/wp-content/uploads/2026/02/Background.png') !important;
    background-size: contain;

    background-position: center;
	    margin-top: -165px;
}

@media (max-width: 768px) {
	
	.page-id-2725 .section-branded-stone{
	  margin-top: -160px;
	}
}

.page-id-2725 .draft-three-cards {
  /*  background-image: url('https://bkclondon.uk/wp-content/uploads/2026/02/Background.png'); */
   /* background-size: cover; */

  /*  background-position: center; */
}


/* SECTION SPACING */
.page-id-2725 .draft-three-cards {
    padding: 100px 0;
}

/* CARD WRAPPER */
.page-id-2725 .draft-card {
    position: relative;
    height: 600px; /* SAME HEIGHT FOR ALL */
    overflow: hidden;
}

/* IMAGE */
.page-id-2725 .draft-card img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* crops nicely */
    display: block;
}

/* BUTTON FIXED SIZE */
.page-id-2725 .draft-btn {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    
    width: 260px;              /* SAME WIDTH FOR ALL */
    height: 60px;              /* SAME HEIGHT FOR ALL */
    
    display: flex;
    align-items: center;
    justify-content: center;

    background: #e2b26a;
    border-radius: 60px;
    text-decoration: none;
    color: #7a003c;
    font-weight: 600;
    font-size: 18px;
    border: 2px solid #7a003c;
    transition: all 0.3s ease;
    
    white-space: nowrap;       /* PREVENT TEXT BREAK */
}

/* HOVER */
.page-id-2725 .draft-btn:hover {
    background: #7a003c;
    color: #fff;
}


.page-id-2725 .draft-card img {
    pointer-events: none;
}

.page-id-2725 .draft-btn {
    z-index: 10;
}


@media (max-width: 768px) {
    .page-id-2725 .draft-card {
        height: 475px;
        margin-bottom: 30px;
    }
	
.draft-full-banner {
        height: auto;
    }

    .draft-full-banner img {
      /*  width: 100%;
        height: auto;
        display: block;  */
		
		display: block;
		  height: auto;
		width: 135%;
        max-width: none;
        margin-left: -17%;
    }


	
	.page-id-2725 .page-intro__secondary .large-6.cell {
     padding-top: 0px !important; 
}
	
	.page-id-2725 .page-intro__secondary .large-6.cell.mg-btm-30 > img {
     margin-left: 0px !important; 
		height: 450px !important;

}
	
	.page-id-2725 .page-intro__secondary .large-5.large-offset-1 {
     margin-top: 0px !important; 

}
	
	.page-id-2725 .draft-small-image {
    margin-left: 0px !important;
}
	
	.page-id-2725 .draft-small-image img {
       width: 100% !important;
     margin-left: 0px !important;   
}
}


/* Hide mobile button on desktop */
.bkc-heroes-btn-mobile {
    display: none;
}

/* Mobile layout */
@media screen and (max-width: 768px) {

    .bkc-heroes-header {
        display: block;
        text-align: center;
    }

    .bkc-heroes-btn {
        display: none; /* hide top button */
    }

    .bkc-heroes-btn-mobile {
        display: block;
        text-align: center;
        margin-top: 25px;
    }

    .bkc-heroes-btn-mobile .bkc-heroes-btn {
        display: inline-block;
        background: #6e0039;
        color: #fff;
        padding: 12px 28px;
        text-decoration: none;
    }

}

.page-id-2725 .page-intro .large-6.cell h1 {
    color: #6e0039;
}


.page-id-2725 .page-intro__secondary .large-5.large-offset-1 {
    margin-top: -155px;
	 color: #6e0039;

}

.page-id-2725 .page-intro__secondary .large-6.cell {
    padding-top: 210px;
}




.page-id-2725 .page-intro__secondary {
    position: relative;
    padding-bottom: 420px; /* space for rumi gate */
}

/* Rumi Gate Background */
.page-id-2725 .page-intro__secondary::after {
    content: "";
    position: absolute;
    bottom: 162px;
    left: 79px;
    width: 100%;
    height: 880px;
    background-image: url(https://bkclondon.uk/wp-content/uploads/2026/02/Adobe-Express-file-1-Photoroom.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    z-index: 0;
}

/* Make content sit above background */
.page-id-2725 .page-intro__secondary > * {
    position: relative;
    z-index: 2;
}

/* Small draft image stays on top */
.page-id-2725 .draft-small-image {
    position: relative;
    z-index: 2;
    margin-top: 33px;
    margin-left: 170px;
}


.page-id-2725 .draft-small-image img {
     height: 390px;
    width: 466px;
    display: block;
    max-width: 128%;
    margin-left: -70px; }

/* Only for page 2725 */
.page-id-2725 .page-intro__secondary .large-6.cell.mg-btm-30 > img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: 655px;

    -ms-interpolation-mode: bicubic;
}



page-id-2725 .page-intro__secondary .large-6.cell img {
    height: 720px;
    width: 100%;
    margin-left: -55px;
}







.page-id-2725 .bkc-heroes-section {
     /* padding: 100px 0; */
    margin-top: -160px;
    padding-bottom: 120px;
}

.page-id-2725 .bkc-heroes-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
	position: relative;
z-index: 9999;
}

.page-id-2725 .bkc-heroes-title {
    font-size: 56px;
    color: #7a003c;
    font-weight: 600;
}

.page-id-2725 .bkc-heroes-btn {
    background:#6e0039;
    color: #fff;
    padding: 16px 60px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.page-id-2725 .bkc-heroes-btn:hover {
    background:#6e0039;
}

.page-id-2725 .hero-slide {
    padding: 0 15px;
}
.page-id-2725 .bkc-heroes-slider .hero-slide {
    width: 100%;
}

.page-id-2725 .hero-image {
    width: 100%;
    height: 420px;   /* bigger like your screenshot */
    overflow: hidden;
    background: #d9d9d9;
}

.page-id-2725 .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.page-id-2725 .bkc-heroes-section .grid-container {
    max-width: 1400px;
}


.page-id-2725 .hero-title {
    margin-top: 20px;
    color: #7a003c;
}

.page-id-2725 .hero-excerpt {
    margin-top: -20px;
    font-size: 15px;
    color: #7a003c;
    line-height: 1.6;
}

.page-id-2725 .owl-nav,
.page-id-2725 .owl-dots {
    display: none !important;
}

.page-id-2725 .bkc-heroes-title {
    font-size: 65px;
    font-weight: 500;
    letter-spacing: 1px;
}



.page-id-2725 .hero-excerpt {
    font-size: 16px;
}




/* Card positioning */
.draft-club-cards .draft-card {
    position: relative;
    overflow: hidden;
}

.draft-club-cards .draft-card img {
    width: 100%;
    display: block;
}

/* Know More Button Style (Like Screenshot) */
.club-know-btn {
    position: absolute;
    top: 40%;
    left: 25%;
    transform: translate(-50%, -50%);
    
    background: #f3e6d3;       /* Cream */
    color: #7a003c;            /* Dark Maroon */
    
    padding: 10px 45px;
    border-radius: 40px;
    font-weight: 600;
    text-decoration: none;
    
    transition: 0.3s ease;
}

/* Hover */
.club-know-btn:hover {
    background: #7a003c;
    color: #fff;
}


/* ===== Franchise Section ===== */

.bkc-franchise-section {
    width: 100%;
    overflow: hidden;
	padding-top: 85px;

}

/* Left image container */
.bkc-franchise-section .franchise-image {
    height: 660px;
}

.bkc-franchise-section .franchise-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Right maroon section */
.bkc-franchise-section .franchise-content {
    background: #7a003c;
    color: #fff;
    display: flex;
    align-items: center;
    height: 660px;            /* Match image height */
}

/* Inner spacing */
.bkc-franchise-section .franchise-inner {
    padding: 60px 115px;       /* Reduced from 80px */
	padding-top: 105px !important;
}

@media screen and (max-width: 768px) {
	.page-id-2725 .bkc-franchise-section .franchise-inner {
	 padding: 60px 60px; 
	padding-top: 105px !important;
	}
	
	.page-id-2725 .franchise-btn{
		padding: 10px 7px !important;
		text-align: center;
	}
	
	.page-id-2725 .catering-banner-img{
		height:auto !important;
	}
	.page-id-2725 .catering-btn{
		font-size: 11px !important;
	   padding: 7px 5px !important;
	}
	
	.page-id-2725 .catering-title{
		font-size: 22px !important;
		margin-bottom: 22px !important;
	}
}


/* Heading */
.bkc-franchise-section h2 {
    font-size: 42px;          /* Slightly smaller */
    line-height: 1.1;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Paragraph */
.bkc-franchise-section p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 30px;
    max-width: 480px;
	margin-top: 70px;
}

/* Button */
.franchise-btn {
    background: #f3e6d3;
    color: #7a003c;
    padding: 10px 24px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: 0.3s ease;
	 margin-top: 20px;
}

.franchise-btn:hover {
    background: #ffffff;
    color: #7a003c;
}


.page-id-2725 .instagram-feed-bg {
    background: none !important;
}

.draft-social-title {
    color: #850049; /* your magenta */
    font-size: 65px;
	    margin-top: -25px;
    margin-bottom: 40px;
}
.draft-blogs-top-line {
    height: 8px;
    width: 100%;
    margin-bottom: 60px;
    background: linear-gradient(
        to right,
        #e67700 0%,
       #e67700 20%,
        #850049 40%,
        #850049 100%
    );
}



/* Header row */
.draft-blogs-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

/* Left Title */
.draft-blogs-title {
    color: #850049;
    font-size: 65px;
    margin: 0;
}

/* Right Button */
.draft-blogs-btn {
    background: #850049;
    color: #fff;
    padding: 12px 28px;
    border-radius: 30px;
    text-decoration: none;
}

.draft-blogs-btn:hover {
    background: #6e0039;
    color: #fff;
}

/* Blog Card */
.draft-blog-card {
    text-align: left;
}

@media (max-width: 768px) {
	.page-id-2725 .draft-blog-card{
		    margin-bottom: 40px !important;
	} 
}



.draft-blog-img {
    width: 100%;
    height: 400px;   /* SAME HEIGHT FOR ALL */
    overflow: hidden;

}

.draft-blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* THIS FIXES EVERYTHING */
}


/* Title */
.draft-blog-title {
    color: #850049;
    margin-top: 25px;

}

.draft-blog-title a {
    color: #850049;
    text-decoration: none;
}

/* Excerpt */
.draft-blog-excerpt {
    font-size: 14px;
    margin-top: -25px;
	color: #850049;
}

/* Read More Button */
.draft-read-btn {
    display: inline-block;
    padding: 8px 30px;
    border: 1px solid #850049;
    border-radius: 30px;
       color: white;
    background: #850049;
    text-decoration: none;
}

.draft-read-btn:hover {
    background: #850049;
    color: #fff;
}


.catering-banner-img {
  /*  width: 100%;
    height: 500px; */
	 margin-top: 120px;
    display: block;
}


.draft-catering-banner {
    position: relative;
    width: 100%;
}

.catering-btn-wrap {
    position: absolute;
    top: 50%;       /* Adjust vertically */
    left: 49%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.catering-btn {
    background: #fff2d6 !important;
    color: #850049;
    padding: 14px 32px;
    border-radius: 30px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s ease;
}

.catering-btn:hover {
    background: #fff;
}

.catering-title{
    font-size: 80px;
    color:#fff2d6; /* cream tone */
    margin-bottom: 50px;
    line-height: 1.1;
}



.page-id-2725 .back-ground{
	background-image: url(https://bkclondon.uk/wp-content/uploads/2026/02/Background.png);
    background-size: contain;
}






.page-id-2725 .cstm-faq-sec h2 {
    color: #850049; 
	    font-size: 65px;
}



.community-talks {
    background-image: url('https://bkclondon.uk/wp-content/uploads/2026/02/Background.png');
    background-size: cover;
    padding: 100px 0;
}

.community-talks h2 {
    font-size: 65px;
    color: #7A003C;
    text-align: center;
    margin-bottom: 60px;
}

/* Card Styling */
.community-talks .ti-review-item {
    border-radius: 20px !important;
    padding: 25px !important;
    background: #F4F0EA !important;
}

/* Star Color */
.community-talks .ti-stars svg {
    fill: #EE7203 !important;
}
























.page-id-2725 .draft-footer {
    background: #86003f;
    color: #f3e7d3;
}


.page-id-2725 .footer-col {
    border-right: 2px solid #caa24a;
    padding-right: 30px;
	    margin-right: 35px;
	text-align: left;
}

.page-id-2725 .footer-col:last-child {
    border-right: none;
}
.page-id-2725 .footer-col h4 {
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 500;
    color: #fff2d6;
}
.page-id-2725 .footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-id-2725 .footer-col ul li {
    margin-bottom: 12px;
}

.page-id-2725 .footer-col ul li a {
    color: #f3e7d3;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s ease;
}

.page-id-2725 .footer-col ul li a:hover {
    color: #d4a648;
}
.page-id-2725 .franchise-btn {
    display: inline-block;
    background: #f3e7d3;
    color: #86003f;
    padding: 10px 26px;
    border-radius: 40px;
    font-weight: 600;
    margin-bottom: 25px;
    text-decoration: none;
	    margin-top: 0px;
}
.page-id-2725 .draft-footer-bottom {
    border-top: 2px solid #caa24a;
    padding: 25px 0;
    font-size: 14px;
    text-align: center;
    color: #f3e7d3;

}
/* ============================= */
/* FIX NEWSLETTER INPUT UI ONLY */
/* ============================= */

.page-id-2725 .draft-newsletter-form .wpcf7-form {
    display: flex;
    align-items: center;
    max-width: 650px;
}

/* Remove CF7 paragraph spacing */
.page-id-2725 .draft-newsletter-form p {
    margin: 0;
}

/* Remove CF7 wrapper extra width */
.page-id-2725 .draft-newsletter-form .wpcf7-form-control-wrap {
    width: 100%;
}

/* EMAIL FIELD — remove white background */
.page-id-2725 .draft-newsletter-form input[type="email"] {
    background: transparent !important;
    border: none !important;
    border-bottom: 5px solid #e67700 !important;
    width: 600px;
    padding: 14px 0 !important;
    font-size: 20px;
    color: #f3e7d3 !important;
    box-shadow: none !important;
}

/* Placeholder */
.page-id-2725 .draft-newsletter-form input[type="email"]::placeholder {
    color: #cfae77;
    opacity: 1;
}

/* Remove focus white glow */
.page-id-2725 .draft-newsletter-form input[type="email"]:focus {
    outline: none;
    background: transparent !important;
}

/* ===== Fix newsletter layout properly ===== */



.page-id-2725 .draft-newsletter-form .wpcf7-form p,
.page-id-2819 .draft-newsletter-form .wpcf7-form p,
.page-id-2851 .draft-newsletter-form .wpcf7-form p,
.page-id-2877 .draft-newsletter-form .wpcf7-form p,
.page-id-2879 .draft-newsletter-form .wpcf7-form p,
.page-id-2894 .draft-newsletter-form .wpcf7-form p,
.page-id-2907 .draft-newsletter-form .wpcf7-form p,
.page-id-2977 .draft-newsletter-form .wpcf7-form p,
.page-id-2975 .draft-newsletter-form .wpcf7-form p,
.page-id-2979 .draft-newsletter-form .wpcf7-form p,
.page-id-2996 .draft-newsletter-form .wpcf7-form p,
.page-id-3016 .draft-newsletter-form .wpcf7-form p,
.page-id-3019 .draft-newsletter-form .wpcf7-form p,
.page-id-3163 .draft-newsletter-form .wpcf7-form p,
.page-id-3235 .draft-newsletter-form .wpcf7-form p,
.page-id-3262 .draft-newsletter-form .wpcf7-form p,
.page-id-3276 .draft-newsletter-form .wpcf7-form p,
.page-id-3299 .draft-newsletter-form .wpcf7-form p,
.page-id-3357 .draft-newsletter-form .wpcf7-form p,
.page-id-746 .draft-newsletter-form .wpcf7-form p,
.category-127 .draft-newsletter-form .wpcf7-form p,
.category-128 .draft-newsletter-form .wpcf7-form p{
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
}

/* Remove fixed width that is breaking layout */
.page-id-2725 .draft-newsletter-form input[type="email"] {

    max-width: 600px;
}

/* Make button stay inline */
.page-id-2725 .draft-newsletter-form button {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
	    margin-left: -35px;
    flex-shrink: 0;
}

/* Remove label spacing */
.page-id-2725 .draft-newsletter-form label {
    margin: 0;
    width: 100%;
}


.page-id-2725 .draft-topper-bottom {
    border-top: 2px solid #caa24a;
    padding: 45px 0;
    font-size: 14px;
    text-align: center;
    color: #f3e7d3;

}








/* LOCATION PAGES CSS START */

.page-id-2819 .section-branded-stone {
 background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: cover !important;
}

/* Remove left padding only on draft locator page */
@media screen and (orientation: landscape) and (min-width: 64em) {
    .page-id-2819 .container,
    .page-id-2819 .site-header {
        padding-left: 0 !important;
    }
}

@media screen and (orientation: landscape) and (min-width: 48.0625em) {
    .page-id-2819 .container,
    .page-id-2819 .site-header {
        padding-left: 0 !important;
    }
}



/* footer */



.page-id-2819 .draft-footer,
.page-id-2851 .draft-footer,
.page-id-2877 .draft-footer,
.page-id-2879 .draft-footer,
.page-id-2894 .draft-footer,
.page-id-2907 .draft-footer,
.page-id-2977 .draft-footer,
.page-id-2975 .draft-footer,
.page-id-2979 .draft-footer,
.page-id-2996 .draft-footer,
.page-id-3016 .draft-footer,
.page-id-3019 .draft-footer,
.page-id-3061 .draft-footer,
.page-id-3163 .draft-footer,
.page-id-3235 .draft-footer,
.page-id-3262 .draft-footer,
.page-id-3276 .draft-footer,
.page-id-3299 .draft-footer,
.page-id-3357 .draft-footer,
.page-id-746 .draft-footer,
.category-127 .draft-footer,
.category-128 .draft-footer,
.category-129 .draft-footer

{
    background: #86003f;
    color: #f3e7d3;

}


.page-id-2819 .footer-col,
.page-id-2851 .footer-col,
.page-id-2877 .footer-col,
.page-id-2879 .footer-col,
.page-id-2894 .footer-col,
.page-id-2907 .footer-col,
.page-id-2977 .footer-col,
.page-id-2975 .footer-col,
.page-id-2979 .footer-col,
.page-id-2996 .footer-col,
.page-id-3016 .footer-col,
.page-id-3019 .footer-col,
.page-id-3061 .footer-col,
.page-id-3163 .footer-col,
.page-id-3235 .footer-col,
.page-id-3262 .footer-col,
.page-id-3276 .footer-col,
.page-id-3299 .footer-col,
.page-id-3357 .footer-col,
.page-id-746 .footer-col,
.category-127 .footer-col,
.category-128 .footer-col,
.category-129 .footer-col
{
    border-right: 2px solid #caa24a;
    padding-right: 30px;
	    margin-right: 35px;
	text-align: left;
}

.page-id-2819 .footer-col:last-child ,
.page-id-2851 .footer-col:last-child ,
.page-id-2877 .footer-col:last-child ,
.page-id-2879 .footer-col:last-child ,
.page-id-2894 .footer-col:last-child ,
.page-id-2907 .footer-col:last-child ,
.page-id-2977 .footer-col:last-child ,
.page-id-2975 .footer-col:last-child ,
.page-id-2979 .footer-col:last-child ,
.page-id-2996 .footer-col:last-child ,
.page-id-3016 .footer-col:last-child ,
.page-id-3019 .footer-col:last-child ,
.page-id-3061 .footer-col:last-child ,
.page-id-3163 .footer-col:last-child ,
.page-id-3235 .footer-col:last-child ,
.page-id-3262 .footer-col:last-child ,
.page-id-3276 .footer-col:last-child ,
.page-id-3299 .footer-col:last-child ,
.page-id-3357 .footer-col:last-child ,
.page-id-746 .footer-col:last-child ,
.category-127 .footer-col:last-child ,
.category-128 .footer-col:last-child ,
.category-129 .footer-col:last-child
 {
    border-right: none;
}
.page-id-2819 .footer-col h4,
.page-id-2851 .footer-col h4,
.page-id-2877 .footer-col h4,
.page-id-2879 .footer-col h4,
.page-id-2894 .footer-col h4,
.page-id-2907 .footer-col h4 ,
.page-id-2977  .footer-col h4 ,
.page-id-2975  .footer-col h4 ,
.page-id-2979  .footer-col h4 ,
.page-id-2996  .footer-col h4 ,
.page-id-3016  .footer-col h4 ,
.page-id-3019  .footer-col h4 ,
.page-id-3061  .footer-col h4 ,
.page-id-3163  .footer-col h4 ,
.page-id-3235  .footer-col h4 ,
.page-id-3262  .footer-col h4 ,
.page-id-3276  .footer-col h4 ,
.page-id-3299  .footer-col h4 ,
.page-id-3357  .footer-col h4 ,
.page-id-746  .footer-col h4 ,
.category-127  .footer-col h4 ,
.category-128  .footer-col h4 ,
.category-129  .footer-col h4
{
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 500;
    color: #ffffff;
}
.page-id-2819 .footer-col ul, 
.page-id-2851 .footer-col ul,
.page-id-2877 .footer-col ul,
.page-id-2879 .footer-col ul,
.page-id-2894 .footer-col ul,
.page-id-2907 .footer-col ul,
.page-id-2977  .footer-col ul,
.page-id-2975 .footer-col ul,
.page-id-2979  .footer-col ul,
.page-id-2996  .footer-col ul,
.page-id-3016  .footer-col ul ,
.page-id-3019  .footer-col ul ,
.page-id-3061  .footer-col ul ,
.page-id-3163  .footer-col ul ,
.page-id-3235  .footer-col ul ,
.page-id-3262  .footer-col ul ,
.page-id-3276  .footer-col ul ,
.page-id-3299  .footer-col ul ,
.page-id-3357  .footer-col ul ,
.page-id-746  .footer-col ul ,
.category-127  .footer-col ul ,
.category-128  .footer-col ul ,
.category-129  .footer-col ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-id-2819 .footer-col ul li, 
.page-id-2851 .footer-col ul li,
.page-id-2877 .footer-col ul li,
.page-id-2879 .footer-col ul li,
.page-id-2894 .footer-col ul li,
.page-id-2907 .footer-col ul li,
.page-id-2977 .footer-col ul li,
.page-id-2975 .footer-col ul li,
.page-id-2979 .footer-col ul li,
.page-id-2996 .footer-col ul li,
.page-id-3016 .footer-col ul li,
.page-id-3019 .footer-col ul li,
.page-id-3061 .footer-col ul li,
.page-id-3163 .footer-col ul li,
.page-id-3235 .footer-col ul li,
.page-id-3262 .footer-col ul li,
.page-id-3276 .footer-col ul li,
.page-id-3299 .footer-col ul li,
.page-id-3357 .footer-col ul li,
.page-id-746 .footer-col ul li,
.category-127 .footer-col ul li,
.category-128 .footer-col ul li,
.category-129 .footer-col ul li
{
    margin-bottom: 12px;
}

.page-id-2819 .footer-col ul li a, 
.page-id-2851 .footer-col ul li a,
.page-id-2879 .footer-col ul li a,
.page-id-2877 .footer-col ul li a,
.page-id-2894 .footer-col ul li a,
.page-id-2907 .footer-col ul li a,
.page-id-2977 .footer-col ul li a,
.page-id-2975 .footer-col ul li a,
.page-id-2979  .footer-col ul li a,
.page-id-2996  .footer-col ul li a,
.page-id-3016  .footer-col ul li a,
.page-id-3019  .footer-col ul li a,
.page-id-3061  .footer-col ul li a,
.page-id-3163  .footer-col ul li a,
.page-id-3235  .footer-col ul li a,
.page-id-3262  .footer-col ul li a,
.page-id-3276  .footer-col ul li a,
.page-id-3299  .footer-col ul li a,
.page-id-3357  .footer-col ul li a,
.page-id-746  .footer-col ul li a,
.category-127  .footer-col ul li a,
.category-128  .footer-col ul li a,
.category-129  .footer-col ul li a
{
    color: #f3e7d3;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s ease;
}

.page-id-2819 .footer-col ul li a:hover,
.page-id-2851 .footer-col ul li a:hover,
.page-id-2877 .footer-col ul li a:hover,
.page-id-2879 .footer-col ul li a:hover,
.page-id-2894 .footer-col ul li a:hover,
.page-id-2907 .footer-col ul li a:hover,
.page-id-2977 .footer-col ul li a:hover,
.page-id-2975 .footer-col ul li a:hover,
.page-id-2979  .footer-col ul li a:hover,
.page-id-2996  .footer-col ul li a:hover,
.page-id-3016  .footer-col ul li a:hover,
.page-id-3019  .footer-col ul li a:hover,
.page-id-3061  .footer-col ul li a:hover,
.page-id-3163  .footer-col ul li a:hover,
.page-id-3235  .footer-col ul li a:hover,
.page-id-3262  .footer-col ul li a:hover,
.page-id-3276  .footer-col ul li a:hover,
.page-id-3299  .footer-col ul li a:hover,
.page-id-3357  .footer-col ul li a:hover,
.page-id-746  .footer-col ul li a:hover,
.category-127  .footer-col ul li a:hover,
.category-128  .footer-col ul li a:hover,
.category-129  .footer-col ul li a:hover
{
    color: #d4a648;
}
.page-id-2819 .franchise-btn,
.page-id-2851 .franchise-btn,
.page-id-2877 .franchise-btn,
.page-id-2879 .franchise-btn,
.page-id-2894 .franchise-btn,
.page-id-2907 .franchise-btn,
.page-id-2977 .franchise-btn,
.page-id-2975 .franchise-btn,
.page-id-2979 .franchise-btn,
.page-id-2996 .franchise-btn,
.page-id-3016 .franchise-btn,
.page-id-3019 .franchise-btn,
.page-id-3061 .franchise-btn,
.page-id-3163 .franchise-btn,
.page-id-3235 .franchise-btn,
.page-id-3262 .franchise-btn,
.page-id-3276 .franchise-btn,
.page-id-3299 .franchise-btn,
.page-id-3357 .franchise-btn,
.page-id-746 .franchise-btn,
.category-127 .franchise-btn,
.category-128 .franchise-btn,
.category-129 .franchise-btn
{
    display: inline-block;
    background: #f3e7d3;
    color: #86003f;
    padding: 10px 26px;
    border-radius: 40px;
    font-weight: 600;
    margin-bottom: 25px;
    text-decoration: none;
	    margin-top: 0px;
}
.page-id-2819 .draft-footer-bottom,
.page-id-2851 .draft-footer-bottom,
.page-id-2877 .draft-footer-bottom,
.page-id-2879 .draft-footer-bottom,
.page-id-2894 .draft-footer-bottom,
.page-id-2907 .draft-footer-bottom,
.page-id-2977  .draft-footer-bottom,
.page-id-2975 .draft-footer-bottom,
.page-id-2979 .draft-footer-bottom,
.page-id-2996 .draft-footer-bottom,
.page-id-3016 .draft-footer-bottom,
.page-id-3019 .draft-footer-bottom,
.page-id-3061 .draft-footer-bottom,
.page-id-3163 .draft-footer-bottom,
.page-id-3235 .draft-footer-bottom,
.page-id-3262 .draft-footer-bottom,
.page-id-3276 .draft-footer-bottom,
.page-id-3299 .draft-footer-bottom,
.page-id-3357 .draft-footer-bottom,
.page-id-746 .draft-footer-bottom,
.category-127 .draft-footer-bottom,
.category-128 .draft-footer-bottom,
.category-129 .draft-footer-bottom
{
    border-top: 2px solid #caa24a;
    padding: 25px 0;
    font-size: 14px;
    text-align: center;
    color: #f3e7d3;

}
/* ============================= */
/* FIX NEWSLETTER INPUT UI ONLY */
/* ============================= */

.page-id-2819 .draft-newsletter-form .wpcf7-form ,
.page-id-2851 .draft-newsletter-form .wpcf7-form,
.page-id-2877 .draft-newsletter-form .wpcf7-form,
.page-id-2879 .draft-newsletter-form .wpcf7-form,
.page-id-2894 .draft-newsletter-form .wpcf7-form,
.page-id-2907 .draft-newsletter-form .wpcf7-form,
.page-id-2977  .draft-newsletter-form .wpcf7-form,
.page-id-2975 .draft-newsletter-form .wpcf7-form,
.page-id-2979 .draft-newsletter-form .wpcf7-form,
.page-id-2996 .draft-newsletter-form .wpcf7-form,
.page-id-3016 .draft-newsletter-form .wpcf7-form,
.page-id-3019 .draft-newsletter-form .wpcf7-form,
.page-id-3061 .draft-newsletter-form .wpcf7-form,
.page-id-3163 .draft-newsletter-form .wpcf7-form,
.page-id-3235 .draft-newsletter-form .wpcf7-form,
.page-id-3262 .draft-newsletter-form .wpcf7-form,
.page-id-3276 .draft-newsletter-form .wpcf7-form,
.page-id-3299 .draft-newsletter-form .wpcf7-form,
.page-id-3357 .draft-newsletter-form .wpcf7-form,
.page-id-746 .draft-newsletter-form .wpcf7-form,
.category-127 .draft-newsletter-form .wpcf7-form,
.category-128 .draft-newsletter-form .wpcf7-form,
.category-129 .draft-newsletter-form .wpcf7-form{
    display: flex;
    align-items: center;
    max-width: 650px;
}

/* Remove CF7 paragraph spacing */
.page-id-2819 .draft-newsletter-form p, 
.page-id-2851 .draft-newsletter-form p,
.page-id-2877 .draft-newsletter-form p,
.page-id-2879 .draft-newsletter-form p,
.page-id-2894 .draft-newsletter-form p,
.page-id-2907 .draft-newsletter-form p,
.page-id-2977  .draft-newsletter-form p,
.page-id-2975  .draft-newsletter-form p,
.page-id-2979  .draft-newsletter-form p,
.page-id-2996  .draft-newsletter-form p,
.page-id-3016  .draft-newsletter-form p,
.page-id-3019  .draft-newsletter-form p,
.page-id-3061  .draft-newsletter-form p,
.page-id-3163  .draft-newsletter-form p,
.page-id-3235  .draft-newsletter-form p,
.page-id-3262  .draft-newsletter-form p,
.page-id-3276  .draft-newsletter-form p,
.page-id-3299  .draft-newsletter-form p,
.page-id-3357  .draft-newsletter-form p,
.page-id-746  .draft-newsletter-form p,
.category-127 .draft-newsletter-form p ,
.category-128 .draft-newsletter-form p ,
.category-129 .draft-newsletter-form p
{
    margin: 0;
}

/* Remove CF7 wrapper extra width */
.page-id-2819 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-2851 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-2877 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-2879 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-2894 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-2907 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-2977 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-2975 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-2979 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-2996 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-3016 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-3019 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-3061 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-3163 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-3235 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-3262 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-3276 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-3299 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-3357 .draft-newsletter-form .wpcf7-form-control-wrap,
.page-id-746 .draft-newsletter-form .wpcf7-form-control-wrap,
.category-127 .draft-newsletter-form .wpcf7-form-control-wrap,
.category-128 .draft-newsletter-form .wpcf7-form-control-wrap,
.category-129 .draft-newsletter-form .wpcf7-form-control-wrap
{
    width: 100%;
}

/* EMAIL FIELD — remove white background */
.page-id-2819 .draft-newsletter-form input[type="email"] ,
.page-id-2851 .draft-newsletter-form input[type="email"],
.page-id-2877 .draft-newsletter-form input[type="email"],
.page-id-2879 .draft-newsletter-form input[type="email"],
.page-id-2894 .draft-newsletter-form input[type="email"],
.page-id-2907 .draft-newsletter-form input[type="email"],
.page-id-2977  .draft-newsletter-form input[type="email"],
.page-id-2975 .draft-newsletter-form input[type="email"],
.page-id-2979 .draft-newsletter-form input[type="email"],
.page-id-2996 .draft-newsletter-form input[type="email"],
.page-id-3016 .draft-newsletter-form input[type="email"],
.page-id-3019 .draft-newsletter-form input[type="email"],
.page-id-3061 .draft-newsletter-form input[type="email"],
.page-id-3163 .draft-newsletter-form input[type="email"],
.page-id-3235 .draft-newsletter-form input[type="email"],
.page-id-3262 .draft-newsletter-form input[type="email"],
.page-id-3276 .draft-newsletter-form input[type="email"],
.page-id-3299 .draft-newsletter-form input[type="email"],
.page-id-3357 .draft-newsletter-form input[type="email"],
.page-id-746 .draft-newsletter-form input[type="email"],
.category-127 .draft-newsletter-form input[type="email"],
.category-128 .draft-newsletter-form input[type="email"],
.category-129 .draft-newsletter-form input[type="email"]
{
    background: transparent !important;
    border: none !important;
    border-bottom: 5px solid #e67700 !important;
    width: 600px;
    padding: 14px 0 !important;
    font-size: 20px;
    color: #f3e7d3 !important;
    box-shadow: none !important;
}

/* Placeholder */
.page-id-2819 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-2851 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-2877 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-2879 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-2894 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-2907 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-2977  .draft-newsletter-form input[type="email"]::placeholder,
.page-id-2975 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-2979 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-2996 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-3016 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-3019 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-3061 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-3163 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-3235 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-3262 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-3276 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-3299 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-3357 .draft-newsletter-form input[type="email"]::placeholder,
.page-id-746 .draft-newsletter-form input[type="email"]::placeholder,
.category-127 .draft-newsletter-form input[type="email"]::placeholder,
.category-128 .draft-newsletter-form input[type="email"]::placeholder,
.category-129 .draft-newsletter-form input[type="email"]::placeholder{
    color: #cfae77;
    opacity: 1;
}

/* Remove focus white glow */
.page-id-2819 .draft-newsletter-form input[type="email"]:focus,
.page-id-2851 .draft-newsletter-form input[type="email"]:focus,
.page-id-2877 .draft-newsletter-form input[type="email"]:focus,
.page-id-2879 .draft-newsletter-form input[type="email"]:focus,
.page-id-2894 .draft-newsletter-form input[type="email"]:focus,
.page-id-2907 .draft-newsletter-form input[type="email"]:focus,
.page-id-2977 .draft-newsletter-form input[type="email"]:focus,
.page-id-2975 .draft-newsletter-form input[type="email"]:focus,
.page-id-2979 .draft-newsletter-form input[type="email"]:focus,
.page-id-2996 .draft-newsletter-form input[type="email"]:focus,
.page-id-3016 .draft-newsletter-form input[type="email"]:focus,
.page-id-3019 .draft-newsletter-form input[type="email"]:focus,
.page-id-3061 .draft-newsletter-form input[type="email"]:focus,
.page-id-3163 .draft-newsletter-form input[type="email"]:focus,
.page-id-3235 .draft-newsletter-form input[type="email"]:focus,
.page-id-3262 .draft-newsletter-form input[type="email"]:focus,
.page-id-3276 .draft-newsletter-form input[type="email"]:focus,
.page-id-3299 .draft-newsletter-form input[type="email"]:focus,
.page-id-746 .draft-newsletter-form input[type="email"]:focus,
.page-id-3357 .draft-newsletter-form input[type="email"]:focus,
.category-127 .draft-newsletter-form input[type="email"]:focus,
.category-128 .draft-newsletter-form input[type="email"]:focus,
.category-129 .draft-newsletter-form input[type="email"]:focus{
    outline: none;
    background: transparent !important;
}

/* ===== Fix newsletter layout properly ===== */

.page-id-2819 .draft-newsletter-form .wpcf7-form p,
.page-id-2851 .draft-newsletter-form .wpcf7-form p,
.page-id-2877 .draft-newsletter-form .wpcf7-form p,
.page-id-2879 .draft-newsletter-form .wpcf7-form p,
	.page-id-2894 .draft-newsletter-form .wpcf7-form p,
.page-id-2907 .draft-newsletter-form .wpcf7-form p,
.page-id-2977 .draft-newsletter-form .wpcf7-form p,
.page-id-2975 .draft-newsletter-form .wpcf7-form p,
.page-id-2979 .draft-newsletter-form .wpcf7-form p,
.page-id-2996 .draft-newsletter-form .wpcf7-form p,
.page-id-3016 .draft-newsletter-form .wpcf7-form p,
.page-id-3019 .draft-newsletter-form .wpcf7-form p,
.page-id-3061 .draft-newsletter-form .wpcf7-form p,
.page-id-3163 .draft-newsletter-form .wpcf7-form p,
.page-id-3235 .draft-newsletter-form .wpcf7-form p,
.page-id-3262 .draft-newsletter-form .wpcf7-form p,
.page-id-3276 .draft-newsletter-form .wpcf7-form p,
.page-id-3299 .draft-newsletter-form .wpcf7-form p,
.page-id-3357 .draft-newsletter-form .wpcf7-form p,
.page-id-746 .draft-newsletter-form .wpcf7-form p,
.category-127 .draft-newsletter-form .wpcf7-form p,
.category-128 .draft-newsletter-form .wpcf7-form p,
.category-129 .draft-newsletter-form .wpcf7-form p{
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
}

/* Remove fixed width that is breaking layout */
.page-id-2819 .draft-newsletter-form input[type="email"] ,
.page-id-2851 .draft-newsletter-form input[type="email"],
.page-id-2877 .draft-newsletter-form input[type="email"],
.page-id-2879 .draft-newsletter-form input[type="email"],
.page-id-2894 .draft-newsletter-form input[type="email"],
.page-id-2907 .draft-newsletter-form input[type="email"],
.page-id-2977 .draft-newsletter-form input[type="email"],
.page-id-2975 .draft-newsletter-form input[type="email"],
.page-id-2979 .draft-newsletter-form input[type="email"],
.page-id-2996 .draft-newsletter-form input[type="email"],
.page-id-3016 .draft-newsletter-form input[type="email"],
.page-id-3019 .draft-newsletter-form input[type="email"],
.page-id-3061 .draft-newsletter-form input[type="email"],
.page-id-3163 .draft-newsletter-form input[type="email"],
.page-id-3235 .draft-newsletter-form input[type="email"],
.page-id-3262 .draft-newsletter-form input[type="email"],
.page-id-3276 .draft-newsletter-form input[type="email"],
.page-id-3299 .draft-newsletter-form input[type="email"],
.page-id-3357 .draft-newsletter-form input[type="email"],
.page-id-746 .draft-newsletter-form input[type="email"],
.category-127 .draft-newsletter-form input[type="email"],
.category-128 .draft-newsletter-form input[type="email"],
.category-129 .draft-newsletter-form input[type="email"]{

    max-width: 600px;
}

/* Make button stay inline */
.page-id-2819 .draft-newsletter-form button ,
.page-id-2851 .draft-newsletter-form button,
.page-id-2877 .draft-newsletter-form button,
.page-id-2879 .draft-newsletter-form button,
.page-id-2894 .draft-newsletter-form button,
.page-id-2907 .draft-newsletter-form button,
.page-id-2977 .draft-newsletter-form button,
.page-id-2975 .draft-newsletter-form button,
.page-id-2979 .draft-newsletter-form button,
.page-id-2996 .draft-newsletter-form button,
.page-id-3016 .draft-newsletter-form button,
.page-id-3019 .draft-newsletter-form button,
.page-id-3061 .draft-newsletter-form button,
.page-id-3163 .draft-newsletter-form button,
.page-id-3235 .draft-newsletter-form button,
.page-id-3262 .draft-newsletter-form button,
.page-id-3276 .draft-newsletter-form button,
.page-id-3299 .draft-newsletter-form button,
.page-id-3357 .draft-newsletter-form button,
.page-id-746 .draft-newsletter-form button,
.category-127 .draft-newsletter-form button,
.category-128 .draft-newsletter-form button,
.category-129 .draft-newsletter-form button{
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
	    margin-left: -35px;
    flex-shrink: 0;
}

/* Remove label spacing */
.page-id-2819 .draft-newsletter-form label ,
.page-id-2851 .draft-newsletter-form label,
.page-id-2877 .draft-newsletter-form label,
.page-id-2879 .draft-newsletter-form label,
.page-id-2894 .draft-newsletter-form label,
.page-id-2907 .draft-newsletter-form label,
.page-id-2977 .draft-newsletter-form label,
.page-id-2975 .draft-newsletter-form label,
.page-id-2979 .draft-newsletter-form label,
.page-id-2996 .draft-newsletter-form label,
.page-id-3016 .draft-newsletter-form label,
.page-id-3019 .draft-newsletter-form label,
.page-id-3061 .draft-newsletter-form label,
.page-id-3163 .draft-newsletter-form label,
.page-id-3235 .draft-newsletter-form label,
.page-id-3262 .draft-newsletter-form label,
.page-id-3276 .draft-newsletter-form label,
.page-id-3299 .draft-newsletter-form label,
.page-id-3357 .draft-newsletter-form label,
.page-id-746 .draft-newsletter-form label,
.category-127 .draft-newsletter-form label,
.category-128 .draft-newsletter-form label,
.category-129 .draft-newsletter-form label
{
    margin: 0;
    width: 100%;
}


.page-id-2819 .draft-topper-bottom ,
.page-id-2851 .draft-topper-bottom,
.page-id-2877 .draft-topper-bottom,
.page-id-2879 .draft-topper-bottom,
.page-id-2894 .draft-topper-bottom,
.page-id-2907 .draft-topper-bottom,
.page-id-2977 .draft-topper-bottom,
.page-id-2975 .draft-topper-bottom,
.page-id-2979 .draft-topper-bottom,
.page-id-2996 .draft-topper-bottom,
.page-id-3016 .draft-topper-bottom,
.page-id-3019 .draft-topper-bottom,
.page-id-3061 .draft-topper-bottom,
.page-id-3163 .draft-topper-bottom,
.page-id-3235 .draft-topper-bottom,
.page-id-3262 .draft-topper-bottom,
.page-id-3276 .draft-topper-bottom,
.page-id-3299 .draft-topper-bottom,
.page-id-3357 .draft-topper-bottom,
.page-id-746 .draft-topper-bottom,
.category-127 .draft-topper-bottom,
.category-128 .draft-topper-bottom,
.category-129 .draft-topper-bottom
{
    border-top: 2px solid #caa24a;
    padding: 45px 0;
    font-size: 14px;
    text-align: center;
    color: #f3e7d3;

}








/* ABOUT US PAGE NEW CSS */

.page-id-2851 .container,
.page-id-2851 .site-header {
    padding-left: 0 !important;
}

.page-id-2851 .section-branded-stone {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}

.page-id-2851 .draft-footer {
    background: #86003f;
    color: #f3e7d3;
  
}

.page-id-2851 .site-wrapper{
background-image: url(https://bkclondon.uk/wp-content/uploads/2026/02/Background.png) !important;
    background-size: contain;
}


.page-id-2851 .instagram-feed-bg {
     background: none !important; 
    /* background-repeat: repeat !important; */
    /* background-size: contain !important; */
    z-index: 1;
}

.wpsl-store-locator {
    display: flex;
    gap: 20px;
}

.wpsl-results {
    width: 40%;
    max-height: 600px;
    overflow-y: auto;
}





/* === Outer Main Card === */
#wpsl-result-list {
    background: #ffffff;
    border-radius: 18px;
    padding: 30px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    border: 1px solid #eee;
}

/* Remove default list styling */
#wpsl-stores ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Each store block */
#wpsl-stores ul li {
    padding: 25px 0;
}

/* Divider line between stores */
#wpsl-stores ul li:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

/* Store name color */
#wpsl-stores .wpsl-store-location strong {
    color: #6e0039;
    font-size: 18px;
}

/* Improve spacing of address */
.wpsl-store-location span {
    display: block;
    margin-top: 3px;
}

/* Style More Info link */
.wpsl-store-details {
    color: #6e0039;
    font-weight: 600;
    text-decoration: none;
}

.wpsl-store-details:hover {
    text-decoration: underline;
}

/* Style directions */
.wpsl-direction-wrap {
    margin-top: 8px;
    font-size: 14px;
}

/* Increase total width */
.wpsl-store-locator {
    display: flex;
    gap: 30px;
    max-width: 1400px;   /* increase this */
    margin: 0 auto;
}




/* Main Filter Block Background */
.wpsl-search {
    background-color: #6e0039;
    padding: 25px;
    border-radius: 6px;
}

/* Make all text white */
.wpsl-search,
.wpsl-search label,
#wpsl-checkbox-filter label {
    color: #ffffff !important;
}



/* Placeholder white */
#wpsl-search-input::placeholder {
    color: #ffffff;
}

/* Put location + checkboxes in one line */
#wpsl-search-wrap form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

/* Keep input + filters in first row */
.wpsl-input {
    flex: 1;
    min-width: 250px;
}

#wpsl-checkbox-filter {
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}



/* Style Search Button */
#wpsl-search-btn {
    background-color: #ffffff;
    color: #6e0039;
    border: none;
    padding: 10px 25px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
}

/* Optional: hover effect */
#wpsl-search-btn:hover {
    background-color: #f2f2f2;
}


.page-id-2819 .hero {
    position: relative;
}

.page-id-2819 .menu-hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.page-id-2819 .soho-banner-title {
    color: #ffffff;
    margin: 0;
}

.page-id-2851 .soho-banner-title {
    color: #ffffff;
    margin: 0;
}

page-id-2851 .hero {
    position: relative;
}

.page-id-2851 .menu-hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.page-id-2851 .about-sub{
	  color: white;
}

/* Make full form in one single line */
#wpsl-search-wrap form {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: nowrap;   /* IMPORTANT */
}

/* Location input block */
.wpsl-input {
    flex: 1;
    min-width: 260px;
}

/* Make input white background + black text */
#wpsl-search-input {
    background: #ffffff;
    color: #000000;
    border: 1px solid #ddd;
    padding: 10px 14px;
    border-radius: 4px;
}

/* Placeholder color */
#wpsl-search-input::placeholder {
    color: #666;
}

/* Checkbox filters in one row */
#wpsl-checkbox-filter {
    display: flex !important;
    gap: 50px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Remove 3 column behavior */
.wpsl-checkbox-3-columns li {
    width: auto !important;
}

/* Search button inline */
.wpsl-search-btn-wrap {
    width: auto;
    margin: 0;
}

/* Button style */
#wpsl-search-btn {
    background-color: #ffffff;
    color: #6e0039;
    border: none;
    padding: 10px 25px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
}

#wpsl-search-btn:hover {
    background-color: #f2f2f2;
}

@media (max-width: 992px) {
    #wpsl-search-wrap form {
        flex-wrap: wrap;
    }
}

#wpsl-search-btn {
  display:none;
}





/* SPECIFIC LOCATOR SIDEBAR Remove left padding only for page 2877 and 2879 */

@media screen and (orientation: landscape) and (min-width: 64em) {
  .page-id-2877 .container,
  .page-id-2877 .site-header,
  .page-id-2879 .container,
  .page-id-2879 .site-header {
      padding-left: 0 !important;
  }
}

@media screen and (orientation: landscape) and (min-width: 48.0625em) {
  .page-id-2877 .container,
  .page-id-2877 .site-header,
  .page-id-2879 .container,
  .page-id-2879 .site-header {
      padding-left: 0 !important;
  }
}









/*NEW MAIN MENU STYLE*/

.location-filter-card {
    background: #7A1040;
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 40px;
}

.location-filter-card .filter-label {
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.location-dropdown {
    width: 35%;
    border-radius: 6px;
    border: none;
}

/* Remove left padding only on Our Menu page (ID 2894) */

@media screen and (orientation: landscape) and (min-width: 64em) {
    .page-id-2894 .container,
    .page-id-2894 .site-header {
        padding-left: 0 !important;
    }
}

@media screen and (orientation: landscape) and (min-width: 48.0625em) {
    .page-id-2894 .container,
    .page-id-2894 .site-header {
        padding-left: 0 !important;
    }
}


.service-filters {
    display: flex;
	    gap: 55px;
    margin-right: 105px;
    margin-bottom: 15px;
}

.service-filters label {
    font-weight: 500;
    cursor: pointer;
}

.filter-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.location-dropdown {
    width: 280px;   /* fixed width works better */
}

.service-filters label {
    color: #fff;
}

.page-id-2907 .section-branded-stone,
.page-id-3061 .section-branded-stone{
    background-image: url('https://bkclondon.uk/wp-content/uploads/2026/02/Background.png') !important;
    background-size: contain;
}


.page-id-2907 .container,
.page-id-2907 .site-header ,
.page-id-3061 .container,
.page-id-3061 .site-header{
    padding-left: 0 !important;
}

.page-id-2907 .soho-banner-title ,
.page-id-3061 .soho-banner-title,
.page-id-3163 .soho-banner-title,
.page-id-3235 .soho-banner-title,
.page-id-3262 .soho-banner-title,
.page-id-3276 .soho-banner-title,
.page-id-3299 .soho-banner-title{
    color: #fff2d6;
    margin: 0;
}
/* EXPERIENCES HERO FIX */

.page-id-2907 .experience-subheadline,
.page-id-3061 .experience-subheadline,
.page-id-3163 .experience-subheadline,
.page-id-3235 .experience-subheadline,
.page-id-3262 .experience-subheadline,
.page-id-3276 .experience-subheadline,
.page-id-3299 .experience-subheadline{
    color:#ffffff !important;
    margin-top:10px;
    margin-bottom:20px;
    letter-spacing:1px;
}

.page-id-2907 .experience-hero-btn,
.page-id-3061 .experience-hero-btn,
.page-id-3163 .experience-hero-btn,
.page-id-3235 .experience-hero-btn,
.page-id-3262 .experience-hero-btn,
.page-id-3276 .experience-hero-btn,
.page-id-3299 .experience-hero-btn{
    background:#6e0039 !important;
    border-color:#6e0039 !important;
    color:#ffffff !important;
}

.page-id-2907 .experience-hero-btn:hover,
.page-id-3061 .experience-hero-btn:hover,
.page-id-3163 .experience-hero-btn:hover,
.page-id-3235 .experience-hero-btn:hover,
.page-id-3262 .experience-hero-btn:hover,
.page-id-3276 .experience-hero-btn:hover,
.page-id-3299 .experience-hero-btn:hover{
    background:#8a0048 !important;
    border-color:#8a0048 !important;
}


.page-id-2907 .hero,
.page-id-3061 .hero,
.page-id-3163 .hero,
.page-id-3235 .hero,
.page-id-3262 .hero,
.page-id-3276 .hero,
.page-id-3299 .hero{
    position: relative;
}

.page-id-2907 .menu-hero-content,
.page-id-3061 .menu-hero-content,
.page-id-3163 .menu-hero-content,
.page-id-3235 .menu-hero-content,
.page-id-3262 .menu-hero-content,
.page-id-3276 .menu-hero-content,
.page-id-3299 .menu-hero-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.page-id-3299 .experience-hero-btn.second {
    background-color: #e37602 !important;
    border-color: #e37602 !important;
    color: #fff !important;
	    margin-left: 20px;
}

.page-id-3299 .experience-hero-btn.second:hover {
    background-color: #c96400 !important;
    border-color: #c96400 !important;
}


body.category-experiences article.section-branded-stone,
body.page-id-2907 article.section-branded-stone {
    background-image: none !important;
    background-color: #e87c00 !important;
}

/* Main Experiences page (ID 2907) */
body.page-id-2907 .post__header h3 a {
    color: #850049 !important;
}

@media screen and (min-width: 90em) {
    .page-id-2907 .grid-container {
        padding-left: 1.875rem !important;
        padding-right: 1.875rem !important;
    }
}


/* Remove left & right padding for entire page 2725 */
.page-id-2725 .grid-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}




/* Home page carousel */
.page-id-2725 .custom-hero-slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.page-id-2725 .custom-hero-track {
    display: flex;
    height: 100%;
    transition: transform 1s ease-in-out;
}

.page-id-2725 .custom-hero-slide {
    min-width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}








/*.page-id-2725 .draft-blog-title {
    font-size: 1.75rem;
    line-height: 1.0;
} */






@media (max-width:768px){

.page-id-2725 .draft-blogs-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.page-id-2725 .draft-blogs-title{
    white-space: nowrap;
}

.page-id-2725 .draft-blogs-btn{
    white-space: nowrap;
}

}


/* ALL HOME PAGE HEADING CSS */

@media (max-width:768px){

.page-id-2725 .draft-blogs-header{
    gap:10px;
}
.page-id-2725 .draft-blogs-title {

    font-size: 34px;
	}
	
	.page-id-2725 .bkc-heroes-title {
    font-size: 34px;
		margin-bottom:0px;
	}
	
	.page-id-2725 .draft-social-title {
    font-size: 34px;

}
	
	.page-id-2725 .community-talks h2 {
    font-size: 34px;
	}
	
	.page-id-2725 .cstm-faq-sec h2 {
    font-size: 34px;
		
	}
	
	.page-id-2725 .hero-title {
    font-size: 16px;
	
}
	

	
	
	
	
	/* Default (mobile) */
.custom-desktop-style{
    margin-top: 0;
    padding-left: 0;
}
}

/* Desktop only */
@media screen and (min-width: 1024px){
    .custom-desktop-style{
        margin-top: 65px;
        padding-left: 120px;
    }
}
	
	@media screen and (max-width: 767px){
    .page-id-2725 .footer-col,
	 .page-id-2819 .footer-col,
    .page-id-2851 .footer-col,
     .page-id-2877 .footer-col,
    .page-id-2879 .footer-col,
    .page-id-2894 .footer-col,
    .page-id-2907 .footer-col,
	 .page-id-2977 .footer-col,
	.page-id-2975 .footer-col,
	.page-id-2979 .footer-col,
	.page-id-2996 .footer-col,
	.page-id-3016 .footer-col,
	.page-id-3019  .footer-col,
	.page-id-3061  .footer-col,
	.page-id-3163  .footer-col,
	 .category-127 .footer-col,
.category-128 .footer-col,
		.category-129 .footer-col
		{
        border-right: none ;
    }
}



	
	.page-id-2894 .menu-category-title-decor__back {
    border-bottom: 2px dotted #850049 !important;
		    display: block;
    background-color: #fefefe;
}

/*.page-id-2894 .menu-category-title-decor{
    margin-top:-22px;
} */
	
	
	@media screen and (max-width: 767px) {
    .draft-footer .draft-newsletter img {
        max-width: 180px !important;
        height: auto;
    }
}

	
	/* EXPERIENCES HERO FIX */

body.page-id-2907 .experience-subheadline{
    color:#fff2d6 !important;
    margin-top:10px;
    margin-bottom:20px;
    letter-spacing:1px;
}

body.page-id-2907 .experience-hero-btn{
    background:#6e0039 !important;
    border-color:#6e0039 !important;
    color:#fff2d6 !important;
}

body.page-id-2907 .experience-hero-btn:hover{
    background:#8a0048 !important;
    border-color:#8a0048 !important;
}
	
	
	/* career page css */
	.page-id-3016 .site-nav-sidebar{
    display:none !important;
}
	
	/* new blogs css */
	
.category-127 .site-nav-sidebar{
    display:none !important;
}

.category-127 .container,
.category-127 .site-header{
    padding-left:0 !important;
    margin-left:0 !important;
}

/* Category new_blog styles */

body.category-new_blog article.section-branded-stone,
body.category-127 article.section-branded-stone,
body.page-id-3276 article.section-branded-stone{
    background-image: none !important;
    background-color: #e87c00 !important;
}

body.category-new_blog .post__header h3 a,
body.category-127 .post__header h3 a,
body.page-id-3276 .post__header h3 a{
    color: #850049 !important;
}

body.category-new_blog .post__excerpt,
body.category-new_blog .post__excerpt p,
body.category-127 .post__excerpt,
body.category-127 .post__excerpt p,
body.page-id-3276 .post__excerpt,
body.page-id-3276 .post__excerpt p{
    color: #ffffff !important;
}

body.category-new_blog .post__link a,
body.category-127 .post__link a ,
body.page-id-3276 .post__link a{
    color: #850049 !important;
}

body.category-new_blog .site-wrapper:not(.site-footer-base) {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}



/* new events css */
.category-128 .site-nav-sidebar{
    display:none !important;
}

.category-128 .container,
.category-128 .site-header{
    padding-left:0 !important;
    margin-left:0 !important;
}



body.category-new_event article.section-branded-stone,
body.category-128 article.section-branded-stone {
    background-image: none !important;
    background-color: #e87c00 !important;
}

body.category-new_event .post__header h3 a,
body.category-128 .post__header h3 a {
    color: #850049 !important;
}

body.category-new_event .post__excerpt,
body.category-new_event .post__excerpt p,
body.category-128 .post__excerpt,
body.category-128 .post__excerpt p {
    color: #ffffff !important;
}

body.category-new_event .post__link a,
body.category-128 .post__link a {
    color: #850049 !important;
}

body.category-new_event .site-wrapper:not(.site-footer-base) {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}


/* new charity css */
.category-129 .container,
.category-129 .site-header{
    padding-left:0 !important;
    margin-left:0 !important;
}

/* Background section */
body.category-new_charity article.section-branded-stone,
body.category-id-129 article.section-branded-stone {
    background-image: none !important;
    background-color: #a8b86a !important;
}

/* Post title color */
body.category-new_charity .post__header h3 a,
body.category-id-129 .post__header h3 a {
    color: #850049 !important;
}

/* Post excerpt text */
body.category-new_charity .post__excerpt,
body.category-new_charity .post__excerpt p,
body.category-id-129 .post__excerpt,
body.category-id-129 .post__excerpt p {
    color: #ffffff !important;
}

body.category-new_charity .site-wrapper:not(.site-footer-base) {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}


/* FRANCHISE PAGE CSS */


.page-id-3061 .experience-subheadline{
    color:#ffffff !important;
    margin-top:10px;
    margin-bottom:20px;
    letter-spacing:1px;
}

.page-id-3061 .experience-hero-btn{
    background:#6e0039 !important;
    border-color:#6e0039 !important;
    color:#ffffff !important;
}

.page-id-3061 .experience-hero-btn:hover{
    background:#8a0048 !important;
    border-color:#8a0048 !important;
}


.page-id-3061 .hero {
    position: relative;
}

.page-id-3061 .menu-hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.page-id-3061 .site-nav-sidebar{
    display:none !important;
}


.page-id-3061 .r.grid-x .cell,
.page-id-3163 .r.grid-x .cell,
.page-id-3299 .r.grid-x .cell{
    max-width:1400px;
    width:100%;
}

.bkc-why-section{
display:flex;
gap:60px;
margin:0px auto;
max-width:1400px;
}


/* Mobile view fix for page 3061 */
@media screen and (max-width: 767px){

.page-id-3061 .bkc-why-section{
    display: flex;
    flex-direction: column; /* stack items vertically */
}

.page-id-3061 .bkc-why-left{
    width: 100%;
    order: 1; /* show first */
}

.page-id-3061 .bkc-why-right{
    width: 100%;
    order: 2; /* image below */
}

.page-id-3061 .bkc-why-right img{
    width: 100%;
    height: auto;
}
	
	.page-id-3061 .bkc-section-heading,
	.page-id-3163 .bkc-section-heading{
    text-align: left;
}

}






.bkc-why-left{
width:50%;
}

.bkc-video-tabs{
list-style:none;
padding:0;
}

.bkc-video-tabs li{
cursor:pointer;
padding:14px 18px;
border-left:4px solid transparent;
margin-bottom:10px;
background:#f5f5f5;
transition:0.3s;
}

.bkc-video-tabs li.active{
border-left:4px solid #850049;
color:#850049;
font-weight:600;
background:#fafafa;
}

.bkc-why-right{
width:40%;
}

/* video/image container */

.bkc-video{
display:none;
height:420px;   /* SAME HEIGHT FOR ALL */
overflow:hidden;
border-radius:6px;
}



.bkc-video.active{
display:block;
}

/* image styling */

.bkc-video img{
width:100%;
height:100%;
object-fit:cover;   /* prevents stretching */
display:block;
}



/* accordion title */

.bkc-tab-title{
display:block;
font-weight:600;
}

/* dropdown content */

.bkc-tab-content{
display:none;
padding:12px 0 5px 0;
font-size:15px;
color:#555;
line-height:1.6;
}

/* show content when active */

.bkc-video-tabs li.active .bkc-tab-content{
display:block;
}

/* improve tab spacing */

.bkc-video-tabs li{
cursor:pointer;
padding:16px 18px;
border-left:4px solid transparent;
margin-bottom:12px;
background:#f5f5f5;
transition:0.3s;
border-radius:6px;
}

/* accordion + icon */

.bkc-video-tabs li{
position:relative;
padding-right:40px;
}

/* plus icon */

.bkc-video-tabs li::after{
content:"+";
position:absolute;
right:15px;
top:50%;
transform:translateY(-50%);
font-size:22px;
font-weight:600;
color:#850049;
transition:0.3s;
}

/* change to minus when open */

.bkc-video-tabs li.active::after{
content:"−";
}











/* Business models section */

.bkc-business-section{
max-width:1400px;
margin:80px auto;
padding:0 10px;
padding-top: 25px;
}

.bkc-business-wrapper{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

/* remove card box feel */

.bkc-business-card{
width:32%;
text-align:center;
}

/* make images larger */

.bkc-business-card img{
width:100%;
height:420px; /* taller image */
object-fit:cover;
display:block;
border-radius:6px;
}

/* title below image */

.bkc-business-card h3{
margin:18px 0 12px;
font-size:22px;
 padding: 10px 25px;
letter-spacing:1px;
}

/* button */

.bkc-btn{
display:inline-block;
padding:10px 22px;
background:#850049;
color:#fff;
text-decoration:none;
border-radius: 35px;
font-weight:600;
}

.bkc-btn:hover{
opacity:0.9;
}

/* mobile */

@media(max-width:768px){

.bkc-business-card{
width:100%;
}

.bkc-business-card img{
height:300px;
}

}

.bkc-business-card img{
transition:transform 0.4s ease;
}

.bkc-business-card:hover img{
transform:scale(1.05);
}

 .bkc-section-heading{
color:#850049;
letter-spacing:1px;
	 text-align:left;
	margin-bottom:55px;
}

.page-id-3163 .bkc-section-heading{
color:#850049;
letter-spacing:1px;
	 text-align:left;
	margin-bottom:20px;

} 



/* CARD STYLE */

.page-id-3163 .bkc-business-card{
width:32%;
background:#fff;
border-radius:10px;
box-shadow:0 8px 22px rgba(0,0,0,0.06);
padding-bottom:30px;
text-align:left;
overflow:hidden;
transition:0.3s;
}

.page-id-3163 .bkc-business-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

/* IMAGE */

.page-id-3163 .bkc-business-card img{
width:100%;
height:240px;
object-fit:cover;
display:block;
}

/* TITLE */

.page-id-3163.bkc-business-card h3{
font-size:22px;
margin:20px 25px 10px;
color:#850049;
}

/* LIST */

 .page-id-3163 .bkc-card-points{
padding:0 25px;
margin:0 0 20px;
list-style:none;
}

.page-id-3163 .bkc-card-points li{
font-size:14px;
margin-bottom:10px;
padding-left:18px;
position:relative;
}

.page-id-3163 .bkc-card-points li::before{
content:"•";
position:absolute;
left:0;
color:#f47c20;
font-size:18px;
}

/* BUTTON */

.page-id-3163 .bkc-business-card .bkc-btn{
margin-left:25px;
}









/* INVESTMENT SECTION */

.bkc-invest-section{
max-width:1400px;
margin:80px auto;
padding:0 20px;
}

.bkc-invest-heading{
text-align:center;
font-size:34px;
margin-bottom:45px;
color:#850049;
}


/* Accordion Card */

.bkc-accordion-item{
background:#ffffff;
border-radius:14px;
margin-bottom:22px;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
overflow:hidden;
}


/* Header */

.bkc-accordion-header{
width:100%;
background:none;
border:none;
padding:22px 28px;
margin-bottom: -15px;
display:flex;
align-items:center;

cursor:pointer;
text-align:left;
}

.bkc-question{
flex:1;
font-size:20px;   /* increased */
color:#333;
text-align:left;
}


/* Arrow Icon */

.bkc-accordion-icon{
width:10px;
height:10px;

border-right:2px solid #f47c20;
border-bottom:2px solid #f47c20;

transform:rotate(45deg);
transition:transform 0.3s ease;

margin-left:auto; /* pushes icon to far right */
}


/* Rotate arrow when open */

.bkc-accordion-item.active .bkc-accordion-icon{
transform:rotate(-135deg);
}


/* Accordion Content */

.bkc-accordion-body{
max-height:0;
overflow:hidden;
background:#fff;
transition:max-height 0.35s ease;
padding:0 28px;
}

.bkc-accordion-body p{
padding: 0px 0;
font-size:15px;
line-height:1.7;
color:#555;
}


/* signup STEP SECTION */

.bkc-steps-section{
max-width:1400px;
margin:90px auto;
padding:0 20px;
text-align:center;
}

/* Heading */

.bkc-steps-heading{
font-size:42px;
color:#850049;
margin-bottom:60px;
font-weight:700;
}


/* Steps Wrapper */

.bkc-steps-wrapper{
display:flex;
justify-content:space-between;
align-items:flex-start;
position:relative;
}


/* Horizontal Line */



/* Each Step */

.bkc-step{
width:20%;
position:relative;
z-index:1;
}



/* Step Text */

.bkc-step p{
font-size:16px;
color:#333;
line-height:1.5;
max-width:140px;
margin:auto;
font-weight: 600;
}

.page-id-3061 .cstm-testimonial{
    background: none !important;
}

.page-id-3163 .cstm-testimonial,
.page-id-3299 .cstm-testimonial{
    background: none !important;
}








/* Steps wrapper */

.bkc-steps-wrapper{
display:flex;
justify-content:space-between;
align-items:flex-start;
position:relative;
}


/* WAVE LINE */

.bkc-wave-line{
position:absolute;
top:70px;
left:0;
width:100%;
height:60px;
z-index:0;
}

.bkc-wave-line path{
stroke:#f47c20;
stroke-width:4;
fill:none;
}





/* ICON */

.bkc-step-icon{
width:50px;
height:50px;
margin:0 auto 20px;
}

.bkc-step-icon svg{
width:100%;
height:100%;
stroke:#850049;
stroke-width:2;
fill:none;
}


/* CIRCLE */

.bkc-step-circle{
width:55px;
height:55px;
background:#850049;
color:#fff;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

font-size:20px;
font-weight:700;

margin:12px auto 12px;
}


/* TEXT */

.bkc-step p{
font-size:16px;
font-weight:600;
color:#333;
}





.bkc-implementation-list{
list-style:none;
padding:0;
margin:0;
}

.bkc-implementation-list li{
position:relative;
padding-left:35px;
margin-bottom:18px;
font-size:16px;
line-height:1.6;
color:#333;
}

/* custom icon bullet */

.bkc-implementation-list li::before{
content:"✓";
position:absolute;
left:0;
top:2px;
width:22px;
height:22px;
background:#f47c20;
color:#fff;
font-size:14px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-weight:700;
}

/* IMPLEMENTATION SECTION WRAPPER */

/* WRAPPER */

.bkc-implementation-wrapper{
display:flex;
align-items:flex-start;
gap:60px;
margin-top:60px;
}


/* IMAGE SECTION FIXED HEIGHT */

.bkc-implementation-image{
flex:1;
max-width:650px;
height:420px; /* fixed height equal to left section */
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}


/* IMAGE INSIDE */

.bkc-implementation-image img{
max-width:100%;
max-height:100%;
width:auto;
height:auto;
object-fit:contain;

border-radius:14px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
}


/* LEFT TEXT SECTION */

.bkc-implementation{
flex:1;
max-width:650px;
}


/* TITLE */

.bkc-implementation-title{
font-size:22px;
color:#850049;
margin-bottom:30px;
font-weight:600;
}


/* LIST */

.bkc-implementation-list{
list-style:none;
padding-left:10px;
margin:0;
}


/* LIST ITEMS */

.bkc-implementation-list li{
position:relative;
padding-left:40px;
margin-bottom:18px;
font-size:16px;
line-height:1.6;
color:#333;
}


/* CHECK ICON */

.bkc-implementation-list li::before{
content:"✓";
position:absolute;
left:0;
top:4px;

width:22px;
height:22px;

background:#f47c20;
color:#fff;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;
font-size:14px;
font-weight:700;
}


















/* Testimonial container width */
.page-id-3061 .cstm-testimonial .grid-container{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

/* Remove center alignment */
.page-id-3061 .cstm-testimonial .text-center{
    text-align: left !important;
}

/* Heading style */
.page-id-3061 .cstm-testimonial .sm-title-cstm,
.page-id-3163 .cstm-testimonial .sm-title-cstm,
.page-id-3299 .cstm-testimonial .sm-title-cstm{
       text-align: left !important;
    color: #850049;
    font-size: 40px;
    margin-top: 45px;
}

.page-id-3061 .bkc-final-cta,
.page-id-3163 .bkc-final-cta{
    background:#850049; /* magenta theme */
    padding:50px 0;
    margin-top:60px;
	border-radius:20px;
}

.page-id-3061 .bkc-cta-title,
.page-id-3163 .bkc-cta-title{
    color:#fff;
    font-size:32px;
    font-weight:600;
    margin:0;
}

.page-id-3061 .bkc-cta-btn,
.page-id-3163 .bkc-cta-btn{
    background:#fff;
    color:#850049;
    padding:14px 32px;
    border-radius:40px;
    font-weight:600;
    text-decoration:none;
    display:inline-block;
    transition:all .3s ease;
}

.page-id-3061 .bkc-cta-row,
.page-id-3163 .bkc-cta-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}




/* New franchise buffer */
.page-id-3163 .site-nav-sidebar{
    display:none !important;
}

.page-id-3163 .container,
.page-id-3163 .site-header{
    padding-left:0 !important;
    margin-left:0 !important;
}

.page-id-3163 .section-branded-stone {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
}





.bkc-ecosystem-section{
margin-top:125px;
max-width:1400px;
text-align:center;
}

.bkc-ecosystem-intro{
max-width:720px;
	text-align:left;
margin:0 auto 60px;
font-size:16px;
line-height:1.7;
color:#555;
}

.bkc-ecosystem-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.bkc-ecosystem-card{
background:#fff;
padding:35px 30px;
border-radius:10px;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
transition:0.3s;
}

.bkc-ecosystem-card:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.bkc-eco-icon{
font-size:32px;
margin-bottom:15px;
}

.bkc-ecosystem-card h3{
font-size:18px;
color:#850049;
	    font-weight: bold;
margin-bottom:10px;
}

.bkc-ecosystem-card p{
font-size:14px;
line-height:1.6;
color: black;
}

@media (max-width:768px){

.bkc-ecosystem-grid{
grid-template-columns:1fr;
}

}




/* home page scroll behaviour for our story */
/* Scroll text only on homepage draft page */

.page-id-2725 .story-scroll{
max-height:320px;
overflow-y:auto;
padding-right:10px;
}

/* optional smoother scroll */

.page-id-2725 .story-scroll p{
line-height:1.7;
margin-bottom:18px;
}



/*LOYALTY CSS */

.page-id-3235 .site-nav-sidebar{
    display:none !important;
}

.page-id-3235 .container,
.page-id-3235 .site-header{
    padding-left:0 !important;
    margin-left:0 !important;
}

body.page-id-3235 .site-wrapper:not(.site-footer-base) {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}

.page-id-3235 .section-branded-stone {
    background-image: none;
}

/* =========================
BENEFITS SECTION (FEATURE STYLE)
========================= */
/* =========================
BENEFITS EDGE LAYOUT
========================= */

.loyalty-benefits{
max-width:1400px;
margin:auto;

}

.benefits-grid{
display:grid;
grid-template-columns:1fr 1fr;
position:relative;
gap:60px;
}

/* vertical divider */
.benefits-grid::before{
content:"";
position:absolute;
top:0;
bottom:0;
left:50%;
width:2px;
background:#850049;
opacity:0.25;
}

/* horizontal divider */
.benefits-grid::after{
content:"";
position:absolute;
left:0;
right:0;
top:50%;
height:2px;
background:#850049;
opacity:0.25;
}

/* benefit block */

.benefit-card{
display:flex;
align-items:flex-start;
gap:16px;
max-width:420px;
padding:10px 30px;
}

/* icon */

.benefit-icon{
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
background:#850049;
color:#fff;
border-radius:50%;
font-size:20px;
flex-shrink:0;
box-shadow:0 6px 18px rgba(0,0,0,0.15);
}


/* title */

.benefit-card h3{
margin-bottom:6px;
color:#850049;
}

.loyalty-title{
color:#850049;
margin-bottom:60px;
}



/* alignment */

.benefit-card:nth-child(1){
justify-self:start;
text-align:left;
}

.benefit-card:nth-child(2){
justify-self:end;
text-align:left;
}

.benefit-card:nth-child(3){
justify-self:start;
text-align:left;
}

.benefit-card:nth-child(4){
justify-self:end;
text-align:left;
	margin-right: 16px;
}

/* =========================
STEPS SECTION
========================= */

.loyalty-steps{
padding-top: 115px;
max-width:1400px;
margin:auto;
}

.steps-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}


/* step box */

.step{
background:#fff;
border-radius:12px;
padding:35px 28px 30px;
position:relative;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
}


/* arrow number */

.step-circle{
position:absolute;
top:-14px;
right:-8px;
background:#850049;
color:#fff;
font-weight:700;
font-size:14px;
padding:8px 14px;
clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);
}



.loyalty-cta{
max-width:1000px;
margin-top:120px;
padding:70px 50px;
background:#850049;
border-radius:18px;
text-align:center;
color:#fff;
}

.loyalty-btn{
display:inline-block;
margin-top:20px;
padding:14px 36px;
background:#fff;
color:#850049;
border-radius:30px;
font-weight:600;
text-decoration:none;
}


/* SUSTAINABILITY */


.page-id-3262 .site-nav-sidebar{
    display:none !important;
}

.page-id-3262 .container,
.page-id-3262 .site-header{
    padding-left:0 !important;
    margin-left:0 !important;
}

body.page-id-3262 .site-wrapper:not(.site-footer-base) {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}

.page-id-3262 .section-branded-stone {
    background-image: none;
}

.page-id-3262 .instagram-feed-bg{
    background: none !important;
}



/* Latest */


.page-id-3276 .site-nav-sidebar{
    display:none !important;
}

.page-id-3276 .container,
.page-id-3276 .site-header{
    padding-left:0 !important;
    margin-left:0 !important;
}

body.page-id-3276 .site-wrapper:not(.site-footer-base) {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}

.page-id-3276 .section-branded-stone {
    background-image: none;
}

.page-id-3276 .instagram-feed-bg{
    background: none !important;
}

.latest-filters{
display:flex;
gap:15px;
justify-content:center;
margin:40px 0;
flex-wrap:wrap;
}

.latest-filters a{
padding:10px 20px;
border:1px solid #850049;
border-radius:30px;
text-decoration:none;
color:#850049;
transition:.3s;
}

.latest-filters a:hover{
background:#850049;
color:#fff;
}

.latest-filters a.active{
background:#850049;
color:#fff;
}

.filter-label{
font-weight:600;
color:#850049;
margin-right:10px;
display:flex;
align-items:center;
}

.page-id-3276 .grid-container{
max-width:1500px;
}

.page-id-3276 .section-branded-stone .grid-container{
max-width:100%;
width:100%;
padding-left:20px;
padding-right:20px;
}

.page-id-3276 .spacer100{
padding-top: 30px !important;
}



/* VENUE BOOKING CSS */


.page-id-3299 .site-nav-sidebar{
    display:none !important;
}

.page-id-3299 .container,
.page-id-3299 .site-header{
    padding-left:0 !important;
    margin-left:0 !important;
}

body.page-id-3299 .site-wrapper:not(.site-footer-base) {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}

.page-id-3299 .section-branded-stone {
    background-image: none;
}

.page-id-3299 .instagram-feed-bg{
    background: none !important;
}


/* WRAPPER */
.page-id-3299 .venue-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 0px 20px;
}


/* GRID */
.page-id-3299 .venue-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* CARD */
.page-id-3299 .venue-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.page-id-3299 .venue-card:hover {
    transform: translateY(-10px);
}

/* IMAGE (BIG IMPROVEMENT) */
.page-id-3299 .venue-img img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

/* CONTENT */
.page-id-3299 .venue-content {
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* TITLE */
.page-id-3299 .venue-content h3 {
    font-size: 20px;
    margin-bottom: 8px;
    font-weight: 600;
}

/* CAPACITY */
.page-id-3299 .capacity {
    color: #6e0039;
    font-weight: 600;
    margin-bottom: 12px;
}

/* LIST */
.page-id-3299 .venue-content ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
    flex-grow: 1; /* pushes button down */
}


/* BUTTON (ALIGNED FIXED) */
.page-id-3299 .btn {
    display: inline-block;
    background: #6e0039;
    color: #fff;
    padding: 12px 20px;
    border-radius: 6px;
    text-decoration: none;
    margin-top: auto; /* 🔥 FIX ALIGNMENT */
    font-weight: 500;
    transition: 0.3s;
}

.page-id-3299 .btn:hover {
    background: #4e0028;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .page-id-3299 .venue-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .page-id-3299 .venue-grid {
        grid-template-columns: 1fr;
    }
}

.page-id-3299 .venue-img {
    overflow: hidden;
}

.page-id-3299 .venue-card:hover img {
    transform: scale(1.08);
    transition: 0.4s;
}


/* FORCE PARENT FULL WIDTH */
.page-id-3299 .medium-10.large-18.cell {
    width: 96% !important;
 /*   max-width: 100% !important;
    flex: 0 0 100% !important; */
}


/* MAKE YOUR SECTION FULL WIDTH */
.page-id-3299 .venue-wrapper {
    max-width: 1400px;
    width: 100%;
}

/* IMPROVE GRID (PREVENT THIN CARDS) */
.page-id-3299 .venue-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}


/* EVENT TYPES */
.page-id-3299 .event-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 80px 0px;
    text-align: center;
}

.page-id-3299 .event-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 25px;
}

/* CARD */
.page-id-3299 .event-item {
    background: #fff;
    border-radius: 12px;
    padding: 25px 15px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    transition: 0.3s;
    cursor: pointer;
}

/* ICON */
.page-id-3299 .event-item i {
    font-size: 26px;
    color: #6e0039;
    margin-bottom: 10px;
    display: block;
}


/* HOVER */
.page-id-3299 .event-item:hover {
    transform: translateY(-6px);
    background: #6e0039;
}

.page-id-3299 .event-item:hover i,
.page-id-3299 .event-item:hover p {
    color: #fff;
}

/* CTA */
.page-id-3299 .event-cta {
    margin-top: 40px;
}

.page-id-3299 .event-btn {
    display: inline-block;
    background: #6e0039;
    color: #fff;
    padding: 12px 28px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

.page-id-3299 .event-btn:hover {
    background: #4e0028;
}


/* ================= FOOD PACKAGES ================= */

.page-id-3299 .food-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 0px 0px;
    text-align: center;
}

/* GRID */
.page-id-3299 .food-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

/* CARD */
.page-id-3299 .food-card {
    background: #fff;
    border-radius: 14px;
    padding: 30px 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    transition: 0.3s;
    position: relative;
}

/* TOP BORDER ACCENT (DIFFERENT STYLE 😏) */
.page-id-3299 .food-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #6e0039;
    border-radius: 14px 14px 0 0;
}

/* HOVER */
.page-id-3299 .food-card:hover {
    transform: translateY(-8px);
}

/* ICON */
.page-id-3299 .food-icon {
    font-size: 28px;
    color: #6e0039;
    margin-bottom: 15px;
}

/* TITLE */
.page-id-3299 .food-card h4 {

    margin-bottom: 10px;
}

/* TEXT */
.page-id-3299 .food-card p {

    color: #666;
}

/* CTA */
.page-id-3299 .food-cta {
    margin-top: 50px;
}

.page-id-3299 .food-btn {
    display: inline-block;
    background: #6e0039;
    color: #fff;
    padding: 14px 32px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

.page-id-3299 .food-btn:hover {
    background: #4e0028;
}

/* GALLERY WIDTH FIX */
.page-id-3299 .custom-gallery-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0px;
}

/* HEADING STYLE */
.page-id-3299 .gallery-title {
    color: #6e0039;
    text-align: left;
    margin-bottom: 40px;
	 margin-top: 80px;
}




/* ================= FORM WRAPPER ================= */
.page-id-3299 #gform_wrapper_4 {
    max-width: 1100px;
    margin: 60px auto;
    background: #fff;
    padding: 40px 35px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* FIX FIELD SPACING */
.page-id-3299 #gform_wrapper_4 .gfield {
    margin-bottom: 18px;
}

/* MAKE HALF FIELDS PERFECT */
.page-id-3299 #gform_wrapper_4 .gfield--width-half {
    width: 100% !important;
    display: inline-block;
    vertical-align: top;
}

/* SPACE BETWEEN TWO FIELDS */
.page-id-3299 #gform_wrapper_4 .gfield--width-half:nth-child(odd) {
    margin-right: 4%;
}

/* INPUTS SAME SIZE */
.page-id-3299 #gform_wrapper_4 input:not([type="submit"]),
.page-id-3299 #gform_wrapper_4 select,
.page-id-3299 #gform_wrapper_4 textarea {
    width: 100% !important;
    height: 45px;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 10px 12px;
    font-size: 14px;
    background: #fafafa;
}

.page-id-3299 #gform_wrapper_4 .gform_footer {
    display: flex;
    justify-content: center;
}

/* TEXTAREA */
.page-id-3299 #gform_wrapper_4 textarea {
    height: 120px;
}

/* FOCUS */
.page-id-3299 #gform_wrapper_4 input:focus,
.page-id-3299 #gform_wrapper_4 textarea:focus {
    border-color: #6e0039;
    background: #fff;
    outline: none;
}

/* NAME FIELD FIX */
.page-id-3299 #gform_wrapper_4 .ginput_complex {
    display: flex;
    gap: 15px;
}

.page-id-3299 #gform_wrapper_4 .ginput_complex span {
    width: 100%;
}

/* SUBMIT BUTTON FIX (THIS IS WHAT YOU WANTED 💯) */
.page-id-3299 #gform_wrapper_4 .gform_footer {
    text-align: center;
}

.page-id-3299 #gform_wrapper_4 .gform_button {
    width: auto !important;
    min-width: 220px;
    background: #6e0039;
    color: #fff;
    padding: 14px 30px;
    border-radius: 6px;
    border: none;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
}

/* HOVER */
.page-id-3299 #gform_wrapper_4 .gform_button:hover {
    background: #4e0028;
}

/* MOBILE */
@media (max-width: 768px) {
    .page-id-3299 #gform_wrapper_4 .gfield--width-half {
        width: 100% !important;
        margin-right: 0 !important;
    }
}



.category-127 section.cstm-frnt-banner .header-loewr-btns,
.category-128 section.cstm-frnt-banner .header-loewr-btns,
.category-129 section.cstm-frnt-banner .header-loewr-btns,
.page-id-3016 section.cstm-frnt-banner .header-loewr-btns{
    display: none !important;
}

@media screen and (max-width: 768px) {
    body.category-127 section.cstm-frnt-banner .cstm-featured-text,
    body.category-128 section.cstm-frnt-banner .cstm-featured-text,
	body.category-129 section.cstm-frnt-banner .cstm-featured-text,
	body.page-id-3016 section.cstm-frnt-banner .cstm-featured-text{
        top: 50% !important;
    }
}


/* LOYALTY MOBILE VIEW */

@media (max-width: 768px) {
 .page-id-3235 .loyalty-benefits .benefits-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

 .page-id-3235 .loyalty-benefits .benefit-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-align: left;
  }

 .page-id-3235 .loyalty-benefits .benefit-icon {
    min-width: 40px;
    font-size: 18px;
  }

.page-id-3235  .loyalty-benefits .benefit-card h4 {
    margin: 0 0 5px;
    font-size: 16px;
  }

.page-id-3235  .loyalty-benefits .benefit-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
 .page-id-3235 .loyalty-benefits .benefits-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }

.page-id-3235  .loyalty-benefits .benefit-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}


@media (max-width: 768px) {
.page-id-3235  .loyalty-steps .steps-grid {
    display: flex;
    flex-direction: column;
    gap: 20px; /* space between cards */
  }

.page-id-3235  .loyalty-steps .step {
    width: 100%;
  }
}



/* FOOTER INPUT THANK YOU MESSAGE CSS */

/* MOVE MESSAGE ABOVE + FULL WIDTH */
 .wpcf7-response-output {
    width: 100% !important;
    max-width: 600px;
    margin: 20px auto !important;
    text-align: center;
    display: block;
    border-color: #e67700 !important;
}

/* FORCE FORM LAYOUT VERTICAL */
@media (min-width: 769px) {
    .wpcf7 form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}





/* BKC HARROW CSS */


.page-id-3357 .site-nav-sidebar{
    display:none !important;
}

.page-id-3357 .container,
.page-id-3357 .site-header{
    padding-left:0 !important;
    margin-left:0 !important;
}

body.page-id-3357.site-wrapper:not(.site-footer-base) {
    background-image: url("https://bkclondon.uk/wp-content/uploads/2026/02/Background.png") !important;
    background-repeat: repeat;
    background-size: contain !important;
}

.page-id-3357 .section-branded-stone {
    background-image: none;
}




/*today css*/

h1.subheader.text-uppercase.mg-btm-20 {
    display: none !important;
}

body.page-id-746 .container,
body.page-id-746 .site-header {
    padding-left: 0 !important;
}