.elementor-kit-9{--e-global-color-primary:#A88A67;--e-global-color-secondary:#6A5142;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Inter Tight";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter Tight";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter Tight";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.mh-600 {
    min-height: 600px;
}
.mh-285 {
    min-height: 285px;
}
.collapsible-panels {
    display: flex;
    overflow: hidden;
}
.cust-column {
    overflow: hidden;
}
#short.cust-column p {
    width: auto;
}
.cust-column h2, .cust-column h3, .cust-column p {
    position: relative;
    width: 400px;
    margin-bottom: 0;
}
.collapsible-panels .cust-column {
    flex: 1;
    transition: flex 0.6s ease;
}
.collapsible-panels:not(:hover) .cust-column:first-child {
    flex: 2;
}
.collapsible-panels:not(:hover) .cust-column:first-child .op-control {
     opacity: 1;
}
.collapsible-panels:hover .cust-column {
    flex: 1;
}
.op-control {
    opacity: 0;
    transition: all .6s;
    transition-delay: .2s;
}
.cust-column:hover .op-control {
    opacity: 1;
}
.collapsible-panels:hover .cust-column:hover {
  flex: 2;
}
.inner-section-gap {
    gap: 20px;
}
#elementor-tab-content-2731 {
    background-image: url(/wp-content/uploads/2025/09/charred-timber-cladding-charred-larch-boards-burned-wood-cladding.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 480px;
}
#elementor-tab-content-2732 {
    height: 480px;
}
.product-card-title a {
    color: #000;
    transition: all .1s;
}
.product-card-title a:hover {
    color: #a87750;
}
.product-page-title h1 {
    margin-top: 260px;
    font-weight: 500;
    font-size: 2.4rem;
    text-transform: uppercase;
}
.flex-row {
    display: flex;
    gap: 20px;
}
.width-50 {
    width: 50%;
}
.product-page-short-title h1 {
    margin-top: 105px;
    font-weight: 500;
    font-size: 2.2rem;
    text-transform: uppercase;
}
.t-white {
    color: #fff!important;
}
.product-page-description {
    width: 430px
}
.page-hero-container {
    display: flex;
}
.product-page-hero-short {
    width: 70%;
    padding-right: 60px
}
.product-page-hero-img img {
    height: 440px;
    border-radius: 6px;
}
.product-page-hero-img {
        width: 30%;
}
.product-page-hero-description {
    
}
#product-hero-tabs .elementor-tabs-content-wrapper {
    margin-top: -65px;
    border-width: 0!important;
}
.elementor-widget-tabs .elementor-tabs-wrapper {
    margin-left: 20px;
}
.elementor-tab-title {
    border: 1px solid #d3d3d3!important;
    background-color: #ffffff;
    margin-right: 8px;
    display: inline-block!important;
}
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
    border-color: #d3d3d3;
}
.elementor-widget-tabs .elementor-tab-desktop-title {
    font-weight: 300;
    padding: 13px 60px!important;
    border-radius: 6px;
}
.elementor-widget-tabs .elementor-tab-content {
    display: none;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px #f9f7f3;
}
.b-radius {
    border-radius: 6px;
    }
.w-block {
    background-color: #ffffff;
}
.min-h-282 {
    min-height: 282px;
}
#page-archive-news .klbth-module-header.with-border {
    padding-bottom: 0.5rem;
}
#page-archive-news .entry-meta, #page-archive-news .entry-published {
    display: none;
}
.hover-mt {
    transition: all .2s;
}
.hover-mt:hover {
    margin: -6px 0 6px 0;
}
.post .entry-media {
    margin-bottom: 1.75rem;
}
.post .entry-title {
    margin-bottom: 0.75rem;
}
.button-on-image {
    margin-top: 5px;
    padding: 0;
    background-color: #f9f7f3;
    border-top-right-radius: 6px;
}
.bg-overlay-gradient {
    background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.title-desc-overlay {
    padding-left: 20px;
    position: absolute;
    bottom: 110px;
}
.mt-overlay-btn {
    margin-top: 58px;
}
.title-desc-overlay h1, .title-desc-overlay h2 {
    font-weight: 500;
    font-size: 2.6rem;
    text-transform: uppercase;
}
.title-desc-overlay p {
    font-size: 14px;
}
.fs-huge {
    font-size: 70px;
    display: block;
    line-height: 1em;
}
.card-price-container {
    display: flex;
    gap: 30px;
}
.product-page-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-card-title {
   font-size: 1.5rem; 
}
.product-card-button {
    padding: 7px 20px;
    background-color: #f9f7f3;
    border-radius: 6px;
    font-size: 14px;
}
.mid-box-logo {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 84px;
    height: 85px;
}
.two-items {
    display: flex;
    align-items: end;
}
.two-item {
    width: 50%;
}
.mw-100 {
    max-width: 100px;
}
.cust-item-fs {
    display: block;
    line-height: 1em;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fs-32 {
    font-size: 32px;
}
.elementor-tab-mobile-title {
    display: none!important;
}
@media screen and (max-width: 768px) {
.product-card-button {
    display: none;
}
.min-h-282 {
    min-height: auto;
}
.product-card-title {
    font-size: 1.3rem;
}
.card-price-container {
    gap: 15px;
}
.width-50 {
    width: 100%;
}
.flex-row {
    display: block;
}
}/* End custom CSS */