.elementor-331 .elementor-element.elementor-element-a0f62d7{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--overlay-opacity:0.65;}.elementor-331 .elementor-element.elementor-element-a0f62d7::before, .elementor-331 .elementor-element.elementor-element-a0f62d7 > .elementor-background-video-container::before, .elementor-331 .elementor-element.elementor-element-a0f62d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-331 .elementor-element.elementor-element-a0f62d7 > .elementor-background-slideshow::before, .elementor-331 .elementor-element.elementor-element-a0f62d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-331 .elementor-element.elementor-element-a0f62d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-315728f ) 0%, var( --e-global-color-1ffc505 ) 100%);}.elementor-331 .elementor-element.elementor-element-a0f62d7:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-a0f62d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-331 .elementor-element.elementor-element-10fb8f9 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-331 .elementor-element.elementor-element-10fb8f9{text-align:center;}.elementor-331 .elementor-element.elementor-element-10fb8f9 .elementor-heading-title{font-family:"Luckiest Guy", Sans-serif;font-size:60px;font-weight:100;color:var( --e-global-color-primary );}.elementor-331 .elementor-element.elementor-element-b014953 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Abyssinica SIL", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-315728f );color:var( --e-global-color-315728f );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-315728f );border-radius:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-b014953 .elementor-button-content-wrapper{flex-direction:row;}.elementor-331 .elementor-element.elementor-element-b014953 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-331 .elementor-element.elementor-element-23e23de .elementor-button{background-color:var( --e-global-color-text );font-family:"Abyssinica SIL", Sans-serif;font-size:18px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-47ee038{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-331 .elementor-element.elementor-element-47ee038:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-47ee038 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1ffc505 );}.elementor-331 .elementor-element.elementor-element-ce73a65{text-align:center;}.elementor-331 .elementor-element.elementor-element-ce73a65 .elementor-heading-title{font-weight:100;color:var( --e-global-color-primary );}.elementor-331 .elementor-element.elementor-element-9e09d18{text-align:center;}.elementor-331 .elementor-element.elementor-element-df305e0 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-331 .elementor-element.elementor-element-c037db1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-331 .elementor-element.elementor-element-c037db1:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-c037db1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}/* Start custom CSS for shortcode, class: .elementor-element-810982e */.elementor-shortcode p {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-archive-description, class: .elementor-element-9e09d18 */[data-id="7af0c27"] .no-active-auctions {
    color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7af0c27 */.no-active-auctions {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #555;
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f8f8f8;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6479b9f */.completed-auctions-title {
    text-align: center;
    font-size: 24px;
    font-weight: thin;
    margin-bottom: 20px;
}

.finished-auctions-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 20px;
    padding: 20px 0;
}

.auction-item {
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.auction-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.auction-thumbnail img {
    max-width: 100%;
    border-radius: 5px;
}

.auction-title {
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
}

.sold-info {
    font-size: 12px;
    color: #777;
    margin-top: 5px;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a99ac39 */.elementor-shortcode h3 {
    color: #ffffff !important;
}

.auction-title a {
    color: #000000 !important;
    font-size: 16px !important;
    display: block;                  /* Makes it behave like a block */
    margin-bottom: 5px !important;  /* Reduces space below */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26c4a66 */.dynamic-sub-brand-title {
    font-size: 24px;
    font-weight: thin;
    text-align: center;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4079486 *//* Container for the sub-brand thumbnails grid */
.sub-brand-thumbnails-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center; /* Center items if needed */
}

/* Each sub-brand item */
.sub-brand-thumbnails-grid .sub-brand-item {
  width: calc(25% - 20px); /* Four per row, adjust as needed */
  box-sizing: border-box;
  position: relative; /* For absolute positioning of pseudo-elements */
}

/* Style the anchor inside the sub-brand item */
.sub-brand-thumbnails-grid .sub-brand-item a {
  position: relative;
  display: block;
}

/* Ensure the image fits the container */
.sub-brand-thumbnails-grid .sub-brand-item a img {
  display: block;
  width: 100%;
}

/* Dark overlay */
.sub-brand-thumbnails-grid .sub-brand-item a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(79, 14, 166, 0.45);
  z-index: 5;
}

/* Text overlay using the title attribute */
.sub-brand-thumbnails-grid .sub-brand-item a::after {
  content: attr(title);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(106, 213, 48, 0.90);
  padding: 5px 20px;
  color: #FFF;
  font-family: Luckiest Guy;
  font-size: 18px;
  font-weight: thin;
  text-align: center;
  z-index: 10;
  white-space: nowrap;
  pointer-events: none;
}

/* Each sub-brand item set to fixed 360px x 360px */
.sub-brand-thumbnails-grid .sub-brand-item {
  width: 260px;
  height: 260px;
  box-sizing: border-box;
  position: relative;
}

/* Ensure the image fills the container */
.sub-brand-thumbnails-grid .sub-brand-item a img {
  width: 100%;
  height: 100%;
  object-fit: cover;  /* This maintains the aspect ratio and covers the area */
}/* End custom CSS */