/*
Theme Name: TWG - Hello Child Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: TWG
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.7.1.1685059822
Updated: 2023-05-26 12:10:22

*/

div,p,a,span{
    font-style: normal;
    leading-trim: both;
    text-edge: cap;
    /*font-feature-settings: 'liga' off, 'clig' off;*/
    /*font-weight: 450;
    font-family: "Neue haas grotesk display pro Light", Sans-serif;*/
}
p,a{
    /*font-weight: 400 !important;*/
    
}              
a{
    text-decoration:underline;
}
.elementor-section .elementor-column-gap-default>.elementor-column>.elementor-element-populated{
    padding: 0;
}
.twg-form-footer form button{
    text-align: center;
    padding: 15px 20px 15px 20px;
}
.twg-form-footer form input{
    padding: 0;
}
#header-logo a img{
    width: auto !important;
}
/*
 * Showroom, brand, collection, Right hand side photo
*/
.gallery{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.gallery .full-width{
    width: 100%;
}
.gallery .full-width img {
    width: 100%;
    display: block;
}
.gallery .half-width-row{
    display: flex;
    gap: 10px;
}

.gallery .half-width-row .half-width{
   width: 50%;
}
.gallery .half-width img {
    width: 100%;
    display: block;
}

#showroom_right,
#product_right,
#professional_right,
#brand_right{
    position: sticky;
    top: 0; /* Sticks to the top */
    height: fit-content; /* Adjusts to content height */
}

/*
 * Showroom, brand, collection, Brand photo box
*/
.brand_gallery{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.brand_gallery .full-width{
    width: 100%;
}
.brand_gallery .full-width img {
    width: 100%;
    display: block;
}
.brand_gallery .half-width-row{
    display: flex;
    gap: 10px;
}

.brand_gallery .half-width-row .half-width{
   width: 25%;
}
.brand_gallery .half-width img {
    width: 100%;
    display: block;
    padding:20px;
}
.brand_gallery img {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.brand_gallery img:hover {
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}


#product_range_gallery .elementor-widget-container,
#professional_service_gallery .elementor-widget-container,
#residium_journal_gallery .elementor-widget-container,
#our_event_lineup_gallery .elementor-widget-container,
#brand_moment_gallery .elementor-widget-container,
#past_event_gallery .elementor-widget-container,
#event_lineup_gallery .elementor-widget-container,
#in_other_news_gallery .elementor-widget-container{
    padding: 0px 0px 0px 0px !important;
}


/*
* Product range
*/
.product_range_gallery {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next row */
    gap: 0px; /* Adds spacing between divs */
}

.product_range_gallery .box {
    flex: 1 1 calc(16.66% - 0px); /* 16.66% width (100% / 6), minus gap */
    text-align: left;
    padding: 20px;
    box-sizing: border-box; /* Ensures padding doesn't add extra width */
    border-right:1px solid #484C4D;
    border-bottom: 1px solid #484c4d;
}
.product_range_gallery .box.empty {
  visibility: hidden; /* keep space but hide the content */
}
.product_range_gallery .box.empty-box {
  background: transparent;
  border: none;
  pointer-events: none;
  visibility: hidden; /* or you can keep empty but invisible */
}
.product_range_gallery .box:hover{
  background-color:#522426;
  color:#fff;
}

.product_range_gallery .box:hover .brand,
.product_range_gallery .box:hover .text,
.product_range_gallery .box:hover .title
{
  color:#fff;
}

.product_range_gallery .box .title{
    font-weight: 450;
    font-size: 18px;
    line-height: 18px;
    padding-top:20px;
    padding-bottom:20px;
    display:block;
}

.product_range_gallery .box img{
    height: 181px;
    object-fit: cover;
    object-position: center center;
}

/*
* Professional service gallery
*/
.professional_service_gallery {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next row */
    gap: 0px; /* Adds spacing between divs */
}

.professional_service_gallery .box {
    flex: 1 1 calc(25% - 00px); /* 16.66% width (100% / 6), minus gap */
    text-align: left;
    padding: 20px;
    box-sizing: border-box; /* Ensures padding doesn't add extra width */
    border-right:1px solid #484C4D;
    height: 600px;
}

.professional_service_gallery .owl-nav .owl-prev {
  float: left;
  position: absolute;
  left: 0;
  top: 50%;
}
.professional_service_gallery .owl-nav .owl-next {
  float: right;
  position: absolute;
  right: 0;
  top: 50%;
}
.professional_service_gallery .owl-item {
    margin-right: 0px !important;
    
}
.professional_service_gallery .box .title{
    padding:20px 0;
    display:block;
    color: #484C4D;
    font-size: 11px;
    font-style: normal;
    font-weight: 450;
    line-height: 16px; /* 145.455% */
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.professional_service_gallery .box .text{
    color:#484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
    min-height: 100px;
    display: block;
    padding-bottom: 20px;
}    
.professional_service_gallery .box .title_service{
    color:#484C4D;
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 24px; /* 133.333% */
    padding-bottom: 20px;
    display: block;
}
.professional_service_gallery .box:hover .title,
.professional_service_gallery .box:hover .text,
.professional_service_gallery .box:hover .title_service,
.professional_service_gallery .box:hover .link,
.professional_service_gallery .box:hover .link a{
    color:#fff;
}

.professional_service_gallery .box .link{
    display: block;
  text-align: left;
  margin-top: auto;
  color: #484C4D;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 20px;
  letter-spacing: 0.7px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
 
}
.professional_service_gallery .box .link a{
    font-weight:300;
    font-size:14px;
}
.professional_service_gallery .box:hover{
  background-color:#011435;
  border:1px solid #011435;
  color:#fff;
}
.professional_service_gallery .box:hover a{
  color:#fff;
}

.professional_service_gallery .box img {
  height: 291px;
  object-fit: cover;
  object-position: center center;
}

/*
* residium journal gallery
*/
.residium_journal_gallery {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next row */
    gap: 0px; /* Adds spacing between divs */
}

.residium_journal_gallery .box {
    flex: 1 1 calc(25% - 10px); /* 16.66% width (100% / 6), minus gap */
    text-align: left;
    padding: 20px;
    box-sizing: border-box; /* Ensures padding doesn't add extra width */
    border-right:1px solid #484C4D;
    border-bottom: 1px solid #484c4d;
}
.residium_journal_gallery .box img{
    width: 100%;  /* Make sure the image takes the full width of its parent */
    height: 291px;
    object-fit: cover;
    object-position: center center;
}

.residium_journal_gallery .box .title{
    padding:20px 0;
    display:block;
    color:#484C4D;
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 24px; /* 133.333% */
    margin-bottom: 10px;
    min-height: 60px;
    display: block;

}

.residium_journal_gallery .box .text{
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
    margin-bottom: 10px;
    min-height: 50px;
    display: block;
}
.residium_journal_gallery .box{
    min-height: 130px;
        height: 600px;
}
.residium_journal_gallery .box .link{
    padding-top: 20px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    display: block;
    margin-top: auto; /* Pushes this to the bottom */
    color:#fff;
    
}
.residium_journal_gallery .box .link a{
    font-weight: 450;
    font-size: 14px;
        text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.residium_journal_gallery .box:hover .link {
    color:#fff;
    text-decoration-color:#fff;
}


.residium_journal_gallery .box:hover{
  background-color:#D1938B;
  color:#fff;
}

.residium_journal_gallery .box:hover .link a,
.residium_journal_gallery .box:hover .text,
.residium_journal_gallery .box:hover .title{
    color:#fff;
}

.residium_journal_gallery .box:hover .topspacer{
    border-bottom: 1px solid #FAF9F8;
}

.residium_journal_gallery .box:hover .divider{
    color: #FAF9F8;
}

.residium_journal_gallery .box .topspacer{
    border-bottom: 1px solid #484C4D;
}

.residium_journal_gallery .box .divider{
    color: #484C4D;
}
.residium_journal_gallery .box .category,
.residium_journal_gallery .box .divider,
.residium_journal_gallery .box .date{
    display: inline-block;
    font-size: 14px;
}

.residium_journal_gallery .box .divider{
    padding: 0 20px;
}

.residium_journal_gallery .box .category,
.residium_journal_gallery .box .date{
    padding: 20px 0;
}

.residium_journal_gallery .owl-item.active {
    margin-right: 0px !important;
}
.residium_journal_gallery .owl-nav .owl-prev{
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
}
.residium_journal_gallery .owl-nav .owl-next{
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
}


.owl-carousel .prev-slide{
    background: url(../images/prev.png) no-repeat;
    width: 50px;
    height: 50px;
    background-size: contain;   /* Scale image to fit */
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}
.owl-carousel .next-slide{
  background: url(../images/next.png) no-repeat;
     width: 50px;
    height: 50px;
    background-size: contain;   /* Scale image to fit */
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}
.owl-prev:hover,
.owl-next:hover{
  background: none !important;
}
/*
* Event Lineup gallery
*/
.event_lineup_gallery .event_container {
  display: flex;
}
.event_lineup_gallery #preview-image {
  transition: opacity 0.3s ease-in-out;
  max-width: 100%;
  height: auto;
  display: block;
}
.event_lineup_gallery .left-image {
  width: 50%;
  padding:20px;

}

.event_lineup_gallery .left-image img {
  width: 100%;
  height: auto;
  object-fit: cover;

}

.event_lineup_gallery .right-posts {
  width: 50%;
  border-left: 1px solid #484C4D;

}

.event_lineup_gallery .post-item {

  border-bottom: 1px solid #484C4D;
  cursor: pointer;
}



.event_lineup_gallery .boxfull:hover{
    background:#AE451D;
    color:#FAF9F8;
}

.event_lineup_gallery .boxfull .date,
.event_lineup_gallery .boxfull .price,
.event_lineup_gallery .boxfull .divider{
    padding:20px;
    display:inline-block;
    font-size: 14px;
}

.event_lineup_gallery .boxfull:hover .divider
.event_lineup_gallery .boxfull:hover .link{
    color: #E3FF00 !important;
}

.event_lineup_gallery .boxfull:hover .link a{
    color: #fff;
}

.event_lineup_gallery .boxfull .topspacer{
    border-bottom: 1px solid #484C4D;
}

.event_lineup_gallery .boxfull:hover .topspacer{
    border-bottom: 1px solid #E3FF00;
}

.event_lineup_gallery .boxfull .title{
    color: #484C4D;
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 24px; /* 133.333% */
    padding: 20px 0;
    display:block;
}
.event_lineup_gallery .boxfull:hover .title{
    color: #fff;
}

.event_lineup_gallery .boxfull .inner_box{
    padding:20px 20px 32px 20px;
}

.event_lineup_gallery .boxfull .inner_box .host{
    display:block;
    padding:20px 0;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.42px;
}

.event_lineup_gallery .boxfull .inner_box .link{
    display:block;
    text-align:right;
}

.event_lineup_gallery .boxfull .inner_box .link .link_arrow .arrow-icon {
  filter: brightness(0) saturate(100%) invert(15%) sepia(5%) saturate(7358%) hue-rotate(308deg) brightness(99%) contrast(91%);
}

.event_lineup_gallery .boxfull:hover .inner_box .link .link_arrow .arrow-icon{
    filter: brightness(0) saturate(100%) invert(87%) sepia(69%) saturate(4376%) hue-rotate(9deg) brightness(103%) contrast(101%);
}

.event_lineup_gallery .boxfull .inner_box .link_text {
  font-size: 14px;
  padding-right: 20px;
}

.event_lineup_gallery .boxfull .inner_box .link .link_arrow img {
  display: inline-block;
  vertical-align: middle;
   width: 35px;
}
.event_lineup_gallery .boxfull:hover .inner_box .link a{
    color:#E3FF00;
    text-decoration-color:#E3FF00;
}
.event_lineup_gallery .boxfull .inner_box .link a{
    color:#484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.42px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.event_lineup_gallery .boxfull:nth-child(3n) {
    border-bottom: 0px solid #E3FF00;
}

.event_lineup_gallery .event_container .right-posts .post-item .text{
    color:#484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.event_lineup_gallery .boxfull:hover .inner_box .text{
    color:#fff;
}

.event_lineup_gallery .boxfull:hover .link {
    color:#E3FF00;
    text-decoration-color:#E3FF00;
}
/*
* Full brand list gallery
*/

.full_brand_moment_gallery,
.full_brand_gallery{
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    gap: 0px; /* Space between items */
    background: #FAF9F8;
}

.full_brand_moment_gallery,
.full_brand_gallery{
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    gap: 0px; /* Space between items */
    background: #FAF9F8;
}

.full_brand_gallery_slider .item_logo {
  position: relative;
  z-index: 2;
  height:100px;
}
.full_brand_gallery_slider .item_logo .logo-black, 
.full_brand_gallery_slider .item_logo .logo-white {
  max-width: 100px;
  transition: opacity 0.3s ease;
  top: 0;
}
.full_brand_gallery_slider .item_logo .logo-white {
  position: absolute;
  left:0;
  opacity: 0;
  z-index: 3;
  top: 0;
}
.full_brand_gallery_slider .item:hover .item_logo .logo-black {
  opacity: 0;
}
.full_brand_gallery_slider .item:hover .item_logo .logo-white {
  opacity: 1;
}


.full_brand_moment_gallery .item {
    width: 25%; /* Set width to 23% so there’s space for 4 items per row (with gaps) */
    padding: 20px;
     display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; 
    box-sizing: border-box; /* Ensures padding doesn't affect width calculation */
    position: relative;
    background-size: cover;
    background-position: center;
    transition: background-image 0.3s ease-in-out;
}

.full_brand_moment_gallery .item {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
/* Remove border-right for last item in each row */
.full_brand_moment_gallery .item:nth-child(4),
.full_brand_moment_gallery .item:nth-child(8) {
    border-right: none;
}

/* Remove border-bottom for all items in the last row */
.full_brand_moment_gallery .item:nth-child(n+5) {
    border-bottom: none;
}
.full_brand_moment_gallery .item::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    z-index: 0;
}

.full_brand_moment_gallery .item:hover::before {
    opacity: 1;
}

.full_brand_moment_gallery .item .centerd_logo {
    width: 169px;  /* Make sure the image takes the full width of its parent */
    height: 118px;
    object-fit: scale-down;
    object-position: center center;
}

.full_brand_moment_gallery .item img {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .5s ease-in-out;
}

.full_brand_moment_gallery .item img:hover {
    -webkit-filter: opacity(0);
    filter: opacity(50%);
}

.full_brand_gallery .owl-nav .owl-prev{
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
}
.full_brand_gallery .owl-nav .owl-next{
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
}

.full_brand_gallery .item {
    flex: 1 1 calc(25% - 0px); /* 16.66% width (100% / 6), minus gap */
    text-align: left;
    padding: 20px;
    box-sizing: border-box; /* Ensures padding doesn't add extra width */
    border-right:1px solid #484C4D;
    height: 650px;
}

.full_brand_gallery .item:hover{
    background: #7C9ACD;
}

.full_brand_gallery .item:hover .title,
.full_brand_gallery .item:hover .text{
    color: #fff;
}

.full_brand_gallery .item:hover .topspacer{
    border-bottom: 1px solid #522426;
}
.full_brand_gallery .item:hover .link a{
    color: #522426;
}

.full_brand_gallery .item .link a{
    font-weight: 300;
    font-size: 14px;
}

.full_brand_gallery .item .title{
    padding:15px 0;
    display:block;
    line-height: 18px;
    color: #484C4D;
    font-size: 14px;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.full_brand_gallery .item .text{
    padding: 10px 0 10px;
    display: block;
    text-align: left;
    min-height: 100px;
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.full_brand_gallery .item .link{
   display: block;
  text-align: left;
  margin-top: auto;
  color:#484C4D;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 20px;
  letter-spacing: 0.7px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.full_brand_gallery .item_logo{
    /*padding: 15px 0px;*/
    min-height: 100px;
    height: 120px;
}

.full_brand_gallery .item_logo img{
    width: 118px !important;
    max-width: 100%;
    height: auto;
    max-height: 90px;
    object-fit: cover;
}

.full_brand_gallery .topspacer{
    display:block;
    border-bottom: 1px solid #484C4D;
}

.full_brand_gallery .box:hover{
  background-color:#522426;
  border:1px solid #522426;
  color:#fff;
}
.full_brand_gallery .item .main_image img{
    height: 291px;
    object-fit: cover;
    object-position: center center;
}
.full_brand_gallery .box .brand{
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    padding-top:20px;
    display:block;
}
.product_range_gallery .box .title{
    padding-top:20px;
    padding-bottom:20px;
    color: #484C4D;
    font-size: 11px;
    font-style: normal;
    font-weight: 450;
    line-height: 16px; /* 145.455% */
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.product_range_gallery .box .title_product{
    color: #484C4D;
    leading-trim: both;
    text-edge: cap;

    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 24px; /* 133.333% */
}
.product_range_gallery .box .text{
    padding: 10px 0 10px;
    display: block;
    text-align: left;
    min-height: 70px;
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px;
    letter-spacing: 0.7px;
}

.product_range_gallery .box .link{
    display: block;
    text-align: left;
    margin-top: auto;
    color:#484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.product_range_gallery .box .link a{
    font-weight: 300;
  font-size: 14px;
}
.product_range_gallery .box:hover .link,
.product_range_gallery .box:hover .link a,
.product_range_gallery .box:hover .title_product{
    color:#fff;
    text-decoration-color: #fff;
}

@media (max-width: 600px) {
    .full_brand_gallery{
        display:block !important;
    }
    .full_brand_gallery .item{
        width:100%;
    }
    .full_brand_moment_gallery .item{
        width:33.3%;
    }
}

/*
* Brand of the moment gallery
*/

.brand_moment_gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
   /* border: 1px solid #484C4D;  Outer border */
    border-left: none; /* Remove left border; first child will add it */
}

.brand_moment_gallery .item {
    border-right: 1px solid #484C4D; /* Left border between items */
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}


.brand_moment_gallery .left {
    width: 50%;
    border-left: 1px solid #484C4D; /* Left border between items */
}
.brand_moment_gallery .left .show_room{
    padding:20px 0;
    color:#484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.brand_moment_gallery .left:hover {
    background-color:#7C9ACD;
}

.brand_moment_gallery .left .text,
.brand_moment_gallery .left .link a .link_text
{
    color:#484C4D;
    font-size: 14px;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.brand_moment_gallery .left .link .link_arrow .arrow-icon{
    filter: brightness(0) saturate(100%) invert(15%) sepia(5%) saturate(7358%) hue-rotate(308deg) brightness(99%) contrast(91%);
}

.brand_moment_gallery .left:hover .link .link_arrow .arrow-icon{
    filter: brightness(0) saturate(100%) invert(90%) sepia(47%) saturate(2%) hue-rotate(218deg) brightness(105%) contrast(100%);
}

.brand_moment_gallery .left:hover .text,
.brand_moment_gallery .left:hover .link a .link_text,
.brand_moment_gallery .left:hover .show_room
{
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.brand_moment_gallery .left .topspacer{
    border-bottom: 1px solid #484C4D;
}

.brand_moment_gallery .left:hover .topspacer{
    border-bottom: 1px solid #fff;
}

.brand_moment_gallery .right {
    width: 25%;
}

.brand_moment_gallery .right .show_room{
    padding:20px 0;
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.brand_moment_gallery  .link_arrow img{
    width:35px;
}


.brand_moment_gallery .main_image_top,
.brand_moment_gallery .brand_image{
    text-align:left;
}

.brand_moment_gallery .main_image_top img {
    width: 100%;  /* Make sure the image takes the full width of its parent */
    height: 326px;
    object-fit: cover;
    object-position: center center;

}

.brand_moment_gallery .brand_image{
   padding:15px 0 15px; 
}
     
.brand_moment_gallery .brand_image img {
    width: 118px;
    max-width: 100%;  /* Make sure the image takes the full width of its parent */
    height: auto; /* Maintain the aspect ratio */
    max-height: 31px;  /* Ensure a consistent height for all images */
    object-fit: cover;  /* Make sure the image doesn't stretch and retains a good visual */
}

.brand_moment_gallery .topspacer{
    border-bottom: 1px solid #484C4D;
}

.brand_moment_gallery .text{
    padding:10px 0 10px; 
    display:block;
    text-align:left;
    min-height: 100px;
}

.brand_moment_gallery .link{
    text-align:right;
    display: flex;
}
.brand_moment_gallery .link a {
    text-decoration: none;
    display: inline-block;
}

.brand_moment_gallery .link_inner {
    display: inline-flex;
    align-items: center;      /* vertical centering */
    justify-content: center;  /* horizontal centering */
    gap: 6px;                 /* space between text and image */
}

.brand_moment_gallery .link_text {
    font-size: 16px;    
    padding-right: 20px;
}

.brand_moment_gallery .link_arrow img {
    display: inline-block;
    vertical-align: middle;

}
.brand_moment_gallery .right .text,
.brand_moment_gallery .right .link a .link_text,
.brand_moment_gallery .right .show_room
{
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}
.brand_moment_gallery .right:hover{
     background-color:#7C9ACD;
}

.brand_moment_gallery .right:hover .text,
.brand_moment_gallery .right:hover .link a .link_text,
.brand_moment_gallery .right:hover .show_room
{
    color: #fff;
}

.brand_moment_gallery .right:hover .topspacer{
    border-bottom: 1px solid #FAF9F8;
}

.brand_moment_gallery .right .link .link_arrow .arrow-icon{
    filter: brightness(0) saturate(100%) invert(15%) sepia(5%) saturate(7358%) hue-rotate(308deg) brightness(99%) contrast(91%);
}

.brand_moment_gallery .right:hover .link .link_arrow .arrow-icon{
    filter: brightness(0) saturate(100%) invert(90%) sepia(47%) saturate(2%) hue-rotate(218deg) brightness(105%) contrast(100%);
}

.brand_moment_gallery .main_image {
  position: relative;
  z-index: 2;
  height:100px;
}
.brand_moment_gallery .main_image .logo-black, .brand_moment_gallery .main_image .logo-white {
  max-width: 100px;
  transition: opacity 0.3s ease;
}
.brand_moment_gallery .main_image .logo-white {
  position: absolute;
  left:0;
  opacity: 0;
  z-index: 3;
}
.brand_moment_gallery .item:hover .main_image .logo-black {
  opacity: 0;
}
.brand_moment_gallery .item:hover .main_image .logo-white {
  opacity: 1;
}
.full_brand_gallery{
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}



@media (max-width: 600px) {
    .brand_moment_gallery{
        display:block !important;
    }
    .brand_moment_gallery .item{
        width:100%;
    }
}

#showroom_right .term_name{
    color: #484C4D;
    leading-trim: both;
    text-edge: cap;
    
    font-size: 54px;
    font-style: normal;
    font-weight: 350;
    line-height: 58px; /* 107.407% */
}

/*
* residium_showroom_full_gallery
*/
.residium_showroom_full_gallery_inner_block{
    display: flex;
     align-items: stretch;
}
.residium_showroom_full_gallery{
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    gap: 0px; /* Space between items */
}
.residium_showroom_full_gallery .item img{
    height: 291px;
    object-fit: cover;
    object-position: center center;
}
.residium_showroom_full_gallery_left{
    width:25%;
    float:left;
    border-bottom:1px solid #000;
    flex-grow: 1;
}
.residium_showroom_full_gallery_right{
    width:75%;
    float:right;
    flex-grow: 1;
}

.residium_showroom_full_gallery .item {
    width: 33.3333%;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  flex-direction: column;
  text-align: left;
  border-left: 1px solid #484C4D;
  border-bottom: 1px solid #484C4D;
    
}
.brand_gallery_blue .item:hover{
    background-color:#7C9ACD !important;
    
    color:#fff;
}

.residium_showroom_full_gallery .item:hover{
    background-color:#344734;
    border: 1px solid #e3ff00;
    color:#fff;
}

.residium_showroom_full_gallery_left h3{
    color: #484C4D;
    font-size: 24px;
    font-style: normal;
    font-weight: 450;
    line-height: 32px;
}


.residium_showroom_full_gallery .item:hover a,
.residium_showroom_full_gallery .item:hover .title_showroom,
.residium_showroom_full_gallery .item:hover .title,
.residium_showroom_full_gallery .item:hover .text{
    color:#fff;
}

.residium_showroom_full_gallery .item .title_showroom{
    padding:15px 0;
    display:block;
    height: 60px;
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.residium_showroom_full_gallery .item .title{
    padding: 15px 0 15px;
    display:block;
    min-height: 60px;
    color: #484C4D;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.residium_showroom_full_gallery .item .text{
    padding:0px 0 20px;
    display:block;
    min-height: 100px;
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.residium_showroom_full_gallery .item .link a{
    display:block;
    text-align:left;
    margin-top: auto; /* Pushes this div to the bottom */
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.residium_showroom_full_gallery .item:hover .topspacer{
    border-bottom: 1px solid #E3FF00;
}
.residium_showroom_full_gallery .item:hover a{
    text-decoration-color: #E3FF00;
    color: #E3FF00;
}

.residium_showroom_full_gallery .item_logo{
    padding: 15px 0px;
    min-height: 100px;
}

.residium_showroom_full_gallery .item_logo img{
    width: 118px !important;
    max-width: 100%;
    height: auto;
    max-height: 90px;
    object-fit: cover;
}

.residium_showroom_full_gallery .topspacer{
    display:block;
    border-bottom: 1px solid #484C4D;
}

.residium_showroom_full_gallery .box:hover{
  background-color:#522426;
  border:1px solid #522426;
  color:#fff;
}

.residium_showroom_full_gallery .box .brand{
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    padding-top:20px;
    display:block;
}
@media (max-width: 600px) {
    .residium_showroom_full_gallery{
        display:block !important;
    }
    .residium_showroom_full_gallery .item{
        width:100%;
    }
}


/*
* Show room directory full
*/

.full_show_room_gallery_directory{
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}

.full_show_room_gallery_directory .item {
    flex: 1 1 calc(24% - 10px); /* 16.66% width (100% / 6), minus gap */
    text-align: left;
    padding: 20px;
    box-sizing: border-box; /* Ensures padding doesn't add extra width */
    border-right:1px solid #484C4D;
    height: 580px;

}
.full_show_room_gallery_directory .item .link a{
    font-weight:300;
    font-size:14px;
    text-decoration: underline; /* Ensures an underline is present */
    text-decoration-color:#484C4D; /* Initial underline color */
    transition: text-decoration-color 0.3s ease;
}
.full_show_room_gallery_directory .item:hover a{
    text-decoration-color: #E3FF00; 
}

.full_show_room_gallery_directory .item:hover {
    background:#344734;
    border-right:1px solid #E3FF00;
    border-left:1px solid #E3FF00;
    border-top:1px solid #E3FF00;
    
}
.full_show_room_gallery_directory .item:hover .topspacer{
    border-bottom: 1px solid #E3FF00;
}

.full_show_room_gallery_directory .item:hover .link a{
    color:#E3FF00;
}

.full_show_room_gallery_directory .item:hover .title_showroom,
.full_show_room_gallery_directory .item:hover .title,
.full_show_room_gallery_directory .item:hover .text,
.full_show_room_gallery_directory .item:hover .link{
    color:#fff;
}

.full_show_room_gallery_directory .owl-item {
    margin-right: 0px !important;
}  

.full_show_room_gallery_directory .owl-nav .owl-prev{
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
}
.full_show_room_gallery_directory .owl-nav .owl-next{
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
}

.full_show_room_gallery_directory .main_image img {
    height: 291px;
      object-fit: cover;
      object-position: center center;
}

.full_show_room_gallery_directory .topspacer{
    border-bottom: 1px solid #484C4D;
}

.full_show_room_gallery_directory .text{
    padding:10px 0 10px; 
    display:block;
    text-align:left;
    min-height: 100px;
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.full_show_room_gallery_directory .title,
.full_show_room_gallery_directory .title_showroom{
    padding: 15px 0;
    display: block;
    text-align:left;
}
.full_show_room_gallery_directory .title{
    color: #484C4D;
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 24px; /* 133.333% */
    min-height:60px;
}

.full_show_room_gallery_directory .title_showroom{
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.full_show_room_gallery_directory .link{
    display:block;
    text-align:left;
    margin-top: auto; /* Pushes this div to the bottom */
    color:#484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.residium_showroom_full_gallery .item.empty {
    visibility: hidden;
    border-bottom: 1px solid #484C4D;
}

.pagination-showroom-gallery {
    text-align: center;
    margin: 20px auto;
}

.pagination-showroom-gallery a, .pagination-showroom-gallery span {
    display: inline-block;
    padding: 12px 20px;
    margin: 5px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    border-radius: 25px;
    width: 53px;
}

.pagination-showroom-gallery a:hover, .pagination-showroom-gallery .current {
    background-color: #333;
    color: #fff;
    border-color: #333;
}

@media (max-width: 768px) {
    .full_show_room_gallery_directory .item {
        width: 100%;
    }
}


/**
* Contact 7
**/

.wpcf7-form{
    margin-top: 0px !important;
    font-size: 14px;
}
#showrooms_contact_us .wpcf7-text{
    border:0px !important;
    border-radius:0px !important;
    border-bottom:1px solid #F7DDF8 !important;
    background:#344734;
    padding:10px 0 !important;
}
.wpcf7-text::placeholder,
.wpcf7-textarea::placeholder{
  color: #F7DDF8;
  font-size: 14px;
}

.wpcf7-form .are-you .wpcf7-list-item{
    display: block;
    margin: 0 0 0 0;
    padding: 10px 0;
    color: #F7DDF8;
}
.are-you-lable{
    color: #F7DDF8;   
    padding: 20px 0 0;
}
#showrooms_contact_us .wpcf7-textarea{
     border:0px !important;
    border-radius:0px !important;
    border-bottom:1px solid #F7DDF8 !important;
    background:#344734;
    padding:10px 0 !important;
}
#showrooms_contact_us .wpcf7-form .wpcf7-submit{
    display: flex;
    width: 237px;
    height: 50px;
    padding: 10px 30px;
    justify-content: space-between;
    align-items: center;
    color:#344734 !important ;
    background-color: #F7DDF8 !important ;
}
.wpcf7-not-valid-tip{
    margin-top:10px;
}
.wpcf7-form-control {
  margin-top: 15px;
}
.wpcf7-form label{
    display: block;
}
.wpcf7-form .form-row{
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next row */
    gap: 10px; /* Adds spacing between divs */
}
.wpcf7-form .form-row p{
    flex: 1 1 calc(50% - 10px); /* 16.66% width (100% / 6), minus gap */
    padding: 20px 0 0;
}

.wpcf7-response-output{
    color:#fff;
}
/**
* supplier_details
*
**/


.supplier_details {


}

.supplier_details .inner-container {
    display: flex;
    flex-wrap: wrap;  /* Ensure items wrap if there's not enough space */
    gap: 15px;  
}



.supplier_details .item {
    display: flex;
    align-items: center;  /* Vertically center the content */
    width: 48%;  
}

.supplier_details .left {
    font-weight: normal;
}

.supplier_details .right {
    text-align: left;  /* Align the right content to the left */
    font-weight: 300;
}
.supplier_details .right a{

    font-weight: 300;
}
/* Style the social media icons */
.supplier_details .right ul {
    list-style: none;
    padding: 0;
}

.supplier_details .right ul li {
    display: inline;
    margin-right: 10px;
}

.right ul li a {
    text-decoration: none;
    font-size: 20px;
    color: #333;
    font-weight: 300;
}

.right ul li a:hover {
    color: #0073e6;  /* Change the color on hover */
}

.short_code_paragraph{
    padding:25px 0 5px 20px;
}

.short_code_note{
    font-size:14px;
}



/**
* Brands Archive page
**/
.container-brand {
    display: flex;
    flex-wrap: wrap;
    gap: 0px; /* Space between items */
    justify-content: center; /* Center items horizontally */
}

.container-brand .item-brand{
    width: calc(25%); /* Divides the row into 3 equal parts */
    padding: 20px;
    text-align: left;
    border-bottom: 1px solid #484C4D;
    border-right: 1px solid #484C4D;
    position: relative;
    background-color: #E1DFD8; /* Fallback */
    background-size: cover;
    background-position: center;
    transition: background-image 0.5s ease;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.container-brand .no-border{
    border:none;
}
.container-brand  .item-brand .main_image {
    position: relative;
    z-index: 2;
}

.container-brand .item-brand .logo-black,
.container-brand .item-brand .logo-white {
    max-width: 100px;
    transition: opacity 0.3s ease;
}

.container-brand .item-brand .logo-white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    z-index: 3;
}

.container-brand .item-brand:hover .logo-black {
    opacity: 0;
}

.container-brand .item-brand:hover .logo-white {
    opacity: 1;
}

.pagination-brand-gallery {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pagination-brand-gallery a, .pagination-brand-gallery span {
   display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    border-radius: 25px;
    width: 53px;
}

.pagination-brand-gallery a:hover, .pagination-brand-gallery .current {
    background-color: #333;
    color: #fff;
    border-color: #333;
}


@media (max-width: 768px) {
    .full_brand_gallery .item-brand, .full_brand_moment_gallery .item-brand {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .item-brand {
        width: 100%; /* Single item per row on mobile */
    }
}


/**
* Product range Archive page
**/
.container-product-range {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    justify-content: center;
}

.row-product-range {
    display: flex;
    width: 100%;
    gap: 0px;
}

.left-large-product-range {
    width: 60%;
}

.right-small-product-range {
    width: 40%;
}

.left-small-product-range {
    width: 40%;
}

.right-large-product-range {
    width: 60%;
}

.box-product-range {
    /*padding: 20px;*/
    border-right: 1px solid #484C4D;
    border-bottom: 1px solid #484C4D;
    text-align: center;
}
.product-range-inner-box{
    padding: 20px;
}
.box-product-range:hover,
.box-product-range:hover .title-product-range,
.box-product-range:hover .text-product-range,
.box-product-range:hover .link-product-range{
    background: #522426;
    color:#fff;
}
.title-product-range{
    padding:20px 0;
    display:block;
    text-align:left;
    color: #484C4D;
    leading-trim: both;
    text-edge: cap;
    
    /* Desktop/H6 */

    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 24px; /* 133.333% */
}
.text-product-range{
    display:block;
    text-align:left;
    color:  #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}
.box-product-range .link-product-range{
    font-weight:300;
    font-size:14px;
}
.link-product-range {
    display:block;
    text-align:left;
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.box-product-range img {
    width: 100%; /* Ensures the image fills the container */
    height: 200px !important; /* Fixed height for uniform size */
    object-fit: cover; /* Ensures the image fills the area without distortion */
    display: block;
    border-radius: 5px; /* Optional: Adds rounded corners */
}


.pagination-product-range {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pagination-product-range a, .pagination-product-range span {
    display: inline-block;
    padding: 12px 20px;
    margin: 5px;
    border: 1px solid #484C4D;
    text-decoration: none;
    color: #fff;
    border-radius: 25px;
    width: 53px;
}

.pagination-product-range a:hover, .pagination-product-range .current {
    background-color: #D1938B;
    color: #fff;
    border-color: #D1938B;
}
.row-product-range {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #484C4D;;
}

.left-large-product-range,
.right-large-product-range {
  flex: 2;
}

.left-small-product-range,
.right-small-product-range {
  flex: 1;
}

.row-three-boxes .equal-box {
  flex: 1;
}

@media (max-width: 768px) {
    .row-product-range { flex-direction: column; }
    .left-large-product-range, .right-small-product-range, 
    .left-small-product-range, .right-large-product-range {
        width: 100%;
    }
}


/* Responsive design */
@media (max-width: 768px) {
    .row-product-range {
        flex-direction: column;
    }
    .left-large-product-range, .right-small-product-range, .left-small-product-range, .right-large-product-range {
        width: 100%;
    }
}


/**
* Product range page with type
*
**/
.container-product-range-type-full {
    display: flex;
    flex-wrap: wrap;
    gap: 0px; /* Space between items */
    justify-content: center; /* Center items horizontally */
}

.item-product-range-type{
    width: calc(33.33% - 1px); /* Divides the row into 3 equal parts */
    padding: 20px;
    text-align: left;
    border: 1px solid #484C4D;
}
.pagination-product-range-type-full {
    text-align: center;
    margin-top: 20px;
}

.pagination-product-range-type-full a, .pagination-product-range-type-full span {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    border-radius: 5px;
}

.pagination-product-range-type-full a:hover, .pagination-product-range-type-full .current {
    background-color: #333;
    color: #fff;
    border-color: #333;
}

@media (max-width: 768px) {
    .full_brand_gallery .item-brand, .full_brand_moment_gallery .item-brand {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .item-brand,
    .item-product-range-type{
        width: 100%; /* Single item per row on mobile */
    }
    .container-product-range-type-full{
        display:block;
    }
}

.title-from-url{
    color: #FAF9F8 !important;
    leading-trim: both;
    font-size: 54px;
    font-style: normal;
    font-weight: 450;
    line-height: 58px;
    text-transform: capitalize;
}


/**
* professional-service
*
**/
.container-professional-service-full {
    display: flex;
    flex-wrap: wrap;
    gap: 0px; /* Space between items */
    justify-content: center; /* Center items horizontally */
}

.item-professional-service{
    width: calc(25%); /* Divides the row into 3 equal parts */

    padding: 20px;
    text-align: left;
    border-right: 1px solid #484C4D;
}
.item-professional-service:hover{
    background:#522426;
}
.item-professional-service:hover p,
.item-professional-service:hover a{
    color:#fff;
}
.item-professional-service .title-professional-service{
    color:#484C4D;
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 24px; /* 133.333% */
    padding:20px 0 0;
}
.item-professional-service .link-professional-service{
    color: #484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.item-professional-service .text-professional-service{
    color:#484C4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}
.container-professional-service-full .item-professional-service img {
      height: 291.5px;
      object-fit: cover;
      object-position: center center;
}
.pagination-professional-service-full {
    text-align: center;
    margin-top: 20px;
}

.pagination-professional-service-full a, .pagination-professional-service-full span {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    border-radius: 25px;
}

.pagination-professional-service-full a:hover, .pagination-professional-service-full .current {
    background-color: #522426;
    color: #fff;
    border-color: #333;
}

@media (max-width: 768px) {
    .full_brand_gallery .item-brand, .full_brand_moment_gallery .item-brand {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .item-professional-service {
        width: 100%; /* Single item per row on mobile */
    }
}

/**
*
**/

/* Core styles/functionality */
.tab {
  position: relative;
  padding-top: 20px; 
  padding-bottom: 20px;  
  border-bottom: 1px solid;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
  max-height: 20rem;
}

/* Visual styles */
.accordion {
  color: #484C4D;
  overflow: hidden;
  border-top: 1px solid;

  
}
.tab__label,
.tab__close {
  display: flex;
  color: #484C4D;
  background: var(--theme);
  cursor: pointer;
}
.tab__label {
  justify-content: space-between;
  padding: 1rem;
  text-transform: capitalize;
}
/*.tab__label::after {*/
/*  content: "\276F";*/
/*  width: 1em;*/
/*  height: 1em;*/
/*  text-align: center;*/
/*  transform: rotate(90deg);*/
/*  transition: all 0.35s;*/
/*}*/
/*.tab input:checked + .tab__label::after {*/
/*  transform: rotate(270deg);*/
/*}*/

/* Default state (tab closed) */
.tab__label::after {
  content: "+";
  font-weight: bold;
  display: inline-block;
  transition: transform 0.3s ease;
  margin-left: 8px;
}

/* When tab is active/open */
.tab__label.active::after {
  content: "-";
}

.tab__content p {
  margin: 0;
  padding: 1rem;
}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.accordion--radio {
  --theme: var(--secondary);
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce 0.5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(0.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-0.25rem);
  }
}


/**
* Event Slider
**/
.container-event-slider {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next row */
    gap: 0px; /* Adds spacing between divs */
}

.container-event-slider .box {
    flex: 1 1 calc(25% - 10px); /* 16.66% width (100% / 6), minus gap */
    text-align: left;
    padding: 20px;
    box-sizing: border-box; /* Ensures padding doesn't add extra width */
    border:1px solid #484C4D;
}

.container-event-slider .box .title{
    font-weight: 450;
    font-size: 18px;
    line-height: 24px;
    padding:20px 0;
    display:block;
}
.container-event-slider .box .link{
    padding-top: 20px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    display: block;

}
.container-event-slider .box:hover{
  background-color:#AE451D;
  border:1px solid #011435;
  color:#fff;
}

.container-event-slider .box:hover .topspacer{
    border-bottom: 1px solid #FAF9F8;
}

.container-event-slider .box:hover .divider{
    color: #FAF9F8;
}

.container-event-slider .box .topspacer{
    border-bottom: 1px solid #484C4D;
}

.container-event-slider .box .divider{
    color: #484C4D;
}
.container-event-slider .box .category,
.container-event-slider .box .divider,
.container-event-slider .box .date{
    display: inline-block;
    font-size: 14px;
}

.container-event-slider .box .divider{
    padding: 0 20px;
}

.container-event-slider .box .category,
.container-event-slider .box .date{
    padding: 10px 0;
}
.container-event-slider .box:hover .link a{
    color: #fff;

}




/**
* Event pass event
**/

.container-past-event{
    display: flex;
    flex-wrap: wrap; /* Ensures responsiveness */
    gap: 0px; /* Adds spacing between columns */
    text-align:left;
}


.column-past-event {
  width: 50%; /* two per row */
  box-sizing: border-box;
}

.column-past-event.odd {
  float: left;
  border-bottom: 1px solid;
  border-right: 1px solid;
}

.column-past-event.even {
  float: right;
  border-bottom: 1px solid;
}

.column-past-event-inner {

  padding: 15px;

}
.column-past-event-inner{
    display: flex;
    flex: 1; /* Distributes equal space */
}
.column-past-event-details .read-more a{

    leading-trim: both;
    text-edge: cap;
    /*font-feature-settings: 'liga' off, 'clig' off;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.42px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.column-past-event-image{
    width: calc(33.33% - 1px); /* Divides the row into 3 equal parts */
    padding: 20px;
}
.column-past-event-image img{
    /*height:103px !important;*/
}
@media (max-width: 600px) {
    .column-past-event-inner{
        display: block;
    }
    .column-past-event-image{
        width:100%;
        padding: 0px;
    }
    .column-past-event-image img {
      height:100% !important;
    }
}
.column-past-event-details{
     padding: 20px 20px 20px 0;
}
.column-past-event-details h2{
    color: #484C4D;
    font-size: 18px  !important;
    font-style: normal;
    font-weight: 450;
    line-height: 24px !important; /* 133.333% */
    letter-spacing: 0px !important;
}

@media (max-width: 600px) {
  .container-past-event {
    flex-direction: column;
  }

  .column-past-event {
    width: 100%;
  }
}


/**
* Event archive page
**/

.single-event-right{
    width:25% !important;
}
.single-event-left{
    width:75% !important;
}
.event-featured-grid {
    display: flex;
    border-bottom:1px solid #484C4D;
}

.event-featured-image {
    flex: 1;
    display: flex;
     align-items: baseline;
    justify-content: center;
    border-right:1px solid #484C4D;
    overflow: hidden;
    padding:20px;
}

.event-featured-image img {
    height:326px !important;
    width: 100%;
    object-fit: cover;
}

.event-list {
    flex: 1;
}

.event-list ul {
    list-style: none;
    padding: 0;
}

.event-list li {
    cursor: pointer;
    border-bottom: 1px solid #484C4D;
}

.event-list li:hover {
    /*background: #f8f8f8;*/
}

.event-pagination {
    display:none;
    margin-top: 20px;
    text-align: center;
}

.event-pagination button {
    padding: 5px 10px;
    margin: 5px;
    cursor: pointer;
    border: 1px solid #484C4D;
    background: #fff;
}

.event-pagination button:hover {
    background: #ddd;
}

.event-postList-top{
    border-bottom: 1px solid #484C4D;
   display: flex;
}

@media (max-width: 450px) {
    .event-featured-grid{
        display: block;
    }
    .event-featured-image{
      width:100%;
    }
    .event-postList-top {
      border-top: 1px solid #484C4D;
    }
}

.title-price,
.title-date{
    padding:20px;
}
.title-divider{
    border-right: 1px solid;
}
.title-details-section{
    padding: 25px 20px;
}
.title-details-section .title{
    color: #484C4D;
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px;
    letter-spacing: 0px;
}

.title-details-section .hosted{
    font-weight: 600;
}

.title-details-section .read-more{
    display:block;
    text-align:right;
}
.title-details-section .read-more .learn-text{
    padding:20px;
}


.residium-journal-event .elementor-widget-container {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#hire-page-slider .item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
#hire-page-slider .item img {
    width: 100%;
    object-fit: cover;
}
#hire-page-slider .owl-stage-outer {
    
}
#hire-page-slider .owl-stage {
    display: flex;
    align-items: center;
}
#hire-page-slider .owl-item {
    transition: none !important;
    padding: 0px; /* Ensuring 20px total gap between items */
    margin-right: 0px !important;

}

#hire-page-slider .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}
#hire-page-slider .owl-nav button {
    background: #484C4D !important;
    border: none;
    font-size: 30px  !important;
    color: #fff !important;
    cursor: pointer;
    padding: 10px;
    border-radius: 100px  !important;
    height: 50px  !important;
    width: 50px  !important;
}
#hire-page-slider .owl-next{
    margin-right: 20px;
}
#hire-page-slider .owl-prev{
    margin-left: 20px;
}

#hire-page-slider .owl-dots{
    display:none !important;
}

#hire-room-top-post .flex-container {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: normal;
  align-content: normal;
}

#hire-room-top-post .flex-items{
    padding: 20px;
    border-right:1px solid;
}
#hire-room-top-post .flex-items .box_heading{
    color: #484C4D;
    font-size: 24px;
    font-style: normal;
    font-weight: 450;
    line-height: 32px; /* 133.333% */
    letter-spacing:0;
}

#hire-room-top-post .flex-items .box_text{
    padding-bottom:30px;
}


#hire-room-top-post .flex-items .box_link{
    text-align:left;
}
#hire-room-top-post .flex-items img{
    height:326px;
    width: 100%;
    object-fit: cover;
}

#hire-room-top-post .flex-items:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width:50%;
}

#hire-room-top-post .flex-items:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width:25%;
}

#hire-room-top-post .flex-items:nth-child(3) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width:25%;
}
@media (max-width: 450px) {
    #hire-room-top-post .flex-container {
        display: block;
    }
    #hire-room-top-post .flex-items:nth-child(1),
    #hire-room-top-post .flex-items:nth-child(2),
    #hire-room-top-post .flex-items:nth-child(3){
      width:100%;
    }
}

/**
*
* Mobile
*
**/
#mobile-nav nav{
    position: absolute;
    z-index: 9;
    background: rgb(255, 255, 255);
    min-width: 780px;
    margin-top: 50px;
}
@media (max-width: 600px) {
    #mobile-nav nav{
        position: absolute;
        z-index: 9;
        background: rgb(255, 255, 255);
        min-width: 450px;
        margin-top: 50px;
    }
}

.es-load-more-button{
    display:none !important;
}

.photograpy_by{
    color: #484C4D;
    leading-trim: both;
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 166.667% */
    letter-spacing: 0.36px;
    padding-left:20px;
}


.single-residium-journal #content .elementor-column{
    border-right:1px solid;
    border-left:1px solid;
}

#contact-form .wpcf7-response-output{
    color:#46b450;
}
#contact-form .wpcf7 form.invalid .wpcf7-response-output{
    color:#ffb900;
}


.breadcrumb {
    color: #484C4D;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
}

.breadcrumb a {
  color: #484C4D;
  font-size: 14px !important;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: none;
}

.breadcrumb {
  display: inline-block;
}

.breadcrumb .separator {
  margin: 0 6px;
  color: #484C4D;
}

#sortForm{
    display: flex;
}
#sortSelectLable{
    color: #FAF9F8;
    width: 20%;
    padding-top: 10px;
}

#sortSelect{
    border-radius: 1000px;
    border: 1px solid var(--Brand-Colours-Sea-Salt, #FAF9F8);
    background: none;
    color: #FAF9F8;
}