/*!
Theme Name: KBD Kitchen
Theme URI: https://creativestuff.co.uk/
Author: Creative Stuff
Author URI: https://creativestuff.co.uk/
Description: KBD custom theme
Version: 1.0.0
Tested up to: 6.5
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kbd-kitchen

Kbd Kitchen Atelier is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

:root {
	--kbd-color-black: #000000;
	--kbd-color-white: #ffffff;
    --kbd-fs-fixed-md: 14px;
    --kbd-fs-fixed-sm: 12px;
    --kbd-fs-fixed-xs: 10px;
    --kbd-headings-mb: 1em;
    --kbd-headings-lh: 1.2;
}

/**
 * Fonts
 */




/**
 * Typography
 */

  h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-4, .display-5, .display-7, span, p, a {
    line-height: 130%;
 }


/**
calc({MIN_FONT_SIZE}px + ({MAX_FONT_SIZE - MIN_FONT_SIZE} * (100vw - {MIN_SCREEN_SIZE}px) / {MAX_SCREEN_SIZE - MIN_SCREEN_SIZE})
EG: screen size 375px - font-size 24px, screen size 1920px - font-size 50px
calc(24px + ({50 - 24} * (100vw - 375px)) / {1920 - 375})
calc(24px + (26 * (100vw - 375px)) / 1545)
**/

.fsize-404 {
    font-size: calc(70px + (60 * (100vw - 375px)) / 1545);
}

h1, .h1, .h1 * {
    font-size: calc(24px + (26 * (100vw - 375px)) / 1545);
}
h2, .h2, .h2 * {
    font-size: calc(24px + (24 * (100vw - 375px)) / 1545);
}
h3, .h3, .h3 * {
    font-size: calc(16px + (16 * (100vw - 375px)) / 1545);
}
h4, .h4, .h4, .h4 * {
    font-size: calc(15px + (9 * (100vw - 375px)) / 1545);
}
h5, .h5, .h5 * {
    font-size: calc(13px + (7 * (100vw - 375px)) / 1545);
}
h6, .h6, .h6 * {
    font-size: calc(11px + (5 * (100vw - 375px)) / 1545);
}

.main-content, .main-content p, .main-content ul, .main-content ol,
.fs-base-fluid, .fs-base-fluid * {
    font-size: calc(14px + (13 * (100vw - 375px)) / 1545);
}

@media (min-width: 1920px) {
    .fsize-404 {
        font-size: 130px;
    }

    h1, .h1, .h1 * {
        font-size: 50px;
    }
    h2, .h2, .h2 * {
        font-size: 48px;
    }
    h3, .h3, .h3 * {
        font-size: 32px;
    }
    h4, .h4, .h4 * {
        font-size: 24px;
    }
    h5, .h5, .h5 * {
        font-size: 20px;
    }
    h6, .h6, .h6 * {
        font-size: 16px;
    }
    .main-content, .main-content p, .main-content ul, .main-content ol,
    .fs-base-fluid, .fs-base-fluid * {
        font-size: 27px;
    }
}

/* make bootstrap gutter variable available to all elements */
body {
    --bs-gutter-x: 1.5rem;
}

p:last-child {
    margin-bottom: 0;
}

/**
 * Override Elementor styles
 */
[class*="elementor-kit-"] .elementor-heading-title {
    margin-bottom: var(--kbd-headings-mb);
    line-height: var(--kbd-headings-lh);
}

/**
 * Elementor grid
 */
/* use the same horizontal spacing as Bootstrap */
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}



/**
 * Utilities
 */
.kbd-absolute-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.kbd-last-child-mb-0 > *:last-child {
    margin-bottom: 0;
}

/**
 * WordPress Core
 */
.alignnone {
    margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
 
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
 
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
 
a img.alignnone {
    margin: 5px 20px 20px 0;
}
 
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
 
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
 
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
 
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
 
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
 
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
 
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}



.features1 {
    overflow: hidden;
}

.cid-custom-findus {
    padding-bottom: 3rem;
}

.cid-custom-slider6 .embla__container {
    transform: none !important;
}

.cid-custom-slider6 .embla__slide {
    min-width: inherit;
    max-width: inherit;
}

#mainContent {
    margin-top: 0;
    margin-bottom: 50px;
}

section#info1-post-title {
    margin-bottom: 50px;
}

.content-wysiwyg  {
    padding-top: 70px;
    padding-bottom: 70px;

}
@media(max-width: 1199px) { 

.cid-custom-slider6 .embla__slide .item-img {
    height: 240px;
}

}

@media(max-width: 991px) {

.cid-custom-slider6 .embla__container {
    flex-wrap: wrap;
    gap: 20px;
}

}

.fsize-404 {
    font-weight: 700;
    color: #73605c;
}

span.wpcf7-list-item {
    margin: 0;
}

.kbd_form_container {
    background-color: #efefef;
}

.wpcf7-text, .wpcf7-textarea {
    padding: 10px;
    border: solid 2px #7f7775;
    border-radius: 5px;
    width: 100%;
}

.kbd_form_container .container {
    max-width: 750px;
}

.wpcf7 label {
    width: 100%;
}

.kbd_form_container h2 {
    margin-bottom: 40px;
}

.footer4 a {
    color: #fff;
}

.post-type-archive-kbd_casestudies section#info1-post-title {
    margin-bottom: 0;
}

.cid-uTVFXAdGcE .item-subtitle {
    text-align: left;
}

@media(max-width: 767px) {
	
.cid-uUdzqAObhN .mbr-section-title {
    text-align: left;
}
	
}

.cid-uUdBarNfnO .mbr-fallback-image {
    background-image: url(/wp-content/uploads/2026/01/kbd-factory-hr-17.webp) !important;
}

.post-type-archive-kbd_casestudies section#info1-post-title {
    background: #837e78;
}


/* Custom Gallery Carousel */
.cid-v8bFZnCkwN {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: #fff;
}
.cid-v8bFZnCkwN .mbr-fallback-image.disabled {
  display: none;
}
.cid-v8bFZnCkwN .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-v8bFZnCkwN .team-card {
  margin-bottom: 2rem;
  transition: all 0.3s;
}
.cid-v8bFZnCkwN .team-card:hover {
  transform: translateY(-10px);
}
.cid-v8bFZnCkwN .card-wrap {
  background: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .cid-v8bFZnCkwN .card-wrap {
    margin-bottom: 2rem;
  }
}
.cid-v8bFZnCkwN .card-wrap .image-wrap img {
  width: 100%;
}
@media (min-width: 768px) {
  .cid-v8bFZnCkwN .card-wrap .content-wrap {
    padding: 0rem;
  }
}
@media (max-width: 767px) {
  .cid-v8bFZnCkwN .card-wrap .content-wrap {
    padding: 0rem;
  }
}
.cid-v8bFZnCkwN .social-row {
  text-align: center;
}
.cid-v8bFZnCkwN .social-row .soc-item {
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  margin-right: 0.6rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  border: 2px solid #6592e6;
  transition: all 0.3s;
}
.cid-v8bFZnCkwN .social-row .soc-item .mbr-iconfont {
  transition: all 0.3s;
  display: flex;
  justify-content: center;
  align-content: center;
  color: #6592e6;
  font-size: 1.5rem;
}
.cid-v8bFZnCkwN .social-row .soc-item:hover {
  background-color: #6592e6;
}
.cid-v8bFZnCkwN .social-row .soc-item:hover .mbr-iconfont {
  color: #ffffff;
}
.cid-v8bFZnCkwN .embla__slide {
  display: flex;
  justify-content: center;
  position: relative;
  min-width: 150px;
  max-width: 150px;
}
@media (max-width: 768px) {
  .cid-v8bFZnCkwN .embla__slide {
    min-width: 70%;
    max-width: initial;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
.cid-v8bFZnCkwN .embla__button--next,
.cid-v8bFZnCkwN .embla__button--prev {
  display: flex;
}
.cid-v8bFZnCkwN .embla__button {
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -1.5rem;
  font-size: 22px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  transition: all 0.3s;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
@media (max-width: 768px) {
  .cid-v8bFZnCkwN .embla__button {
    display: none;
  }
}
.cid-v8bFZnCkwN .embla__button:disabled {
  cursor: default;
  display: none;
}
.cid-v8bFZnCkwN .embla__button:hover {
  background: #000;
  color: rgba(255, 255, 255, 0.5);
}
.cid-v8bFZnCkwN .embla__button.embla__button--prev {
  left: 0;
  margin-left: 2.5rem;
}
.cid-v8bFZnCkwN .embla__button.embla__button--next {
  right: 0;
  margin-right: 2.5rem;
}
@media (max-width: 767px) {
  .cid-v8bFZnCkwN .embla__button {
    top: auto;
  }
}
.cid-v8bFZnCkwN .embla {
  position: relative;
  width: 100%;
}
.cid-v8bFZnCkwN .embla__viewport {
  overflow: hidden;
  width: 100%;
}
.cid-v8bFZnCkwN .embla__viewport.is-draggable {
  cursor: grab;
}
.cid-v8bFZnCkwN .embla__viewport.is-dragging {
  cursor: grabbing;
}
.cid-v8bFZnCkwN .embla__container {
  display: flex;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.cid-uUdzqAObhN .mbr-section-subtitle {
	margin-bottom: 20px;
	font-size: 24px;
}

@media(max-width: 767px) {
	
.cid-uUdzqAObhN .mbr-section-subtitle {
    text-align: left;
}
	
}

.home .cid-custom-testimonial.cid-uUdK3j6dvv {
    background-color: #f3f3f3;
}