.elementor-1005 .elementor-element.elementor-element-acd976a{--display:flex;--min-height:0px;--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;}.elementor-1005 .elementor-element.elementor-element-acd976a:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-acd976a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thehullabalooo.com/wp-content/uploads/2026/06/shirts-page-04-scaled.png");background-repeat:no-repeat;background-size:cover;}.elementor-1005 .elementor-element.elementor-element-6b0339d{--spacer-size:50vh;}.elementor-1005 .elementor-element.elementor-element-8b9fb73{--spacer-size:50vh;}.elementor-1005 .elementor-element.elementor-element-f9831ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1005 .elementor-element.elementor-element-f9831ce:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-f9831ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF8F0FC;}.elementor-1005 .elementor-element.elementor-element-d7b98c9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1005 .elementor-element.elementor-element-d7b98c9:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-d7b98c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF8F0FC;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1005 .elementor-element.elementor-element-13fa7e3{margin:80px 75px calc(var(--kit-widget-spacing, 0px) + 0px) 75px;padding:0px 0px 0px 0px;}.elementor-1005 .elementor-element.elementor-element-13fa7e3 .gallery-item{padding:0 36px 36px 0;}.elementor-1005 .elementor-element.elementor-element-13fa7e3 .gallery{margin:0 -36px -36px 0;}.elementor-1005 .elementor-element.elementor-element-13fa7e3 .gallery-item .gallery-caption{text-align:center;font-family:"st martin", Sans-serif;font-size:14px;font-weight:500;}.elementor-1005 .elementor-element.elementor-element-1b69915{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1005 .elementor-element.elementor-element-1b69915:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-1b69915 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://thehullabalooo.com/wp-content/uploads/2026/06/shirts-page-05-2.png");background-position:0px 77px;background-repeat:no-repeat;background-size:cover;}.elementor-1005 .elementor-element.elementor-element-f6bc85d{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1005 .elementor-element.elementor-element-f6bc85d:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-f6bc85d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF8F0FC;}.elementor-1005 .elementor-element.elementor-element-92acf1f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1005 .elementor-element.elementor-element-92acf1f:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-92acf1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF8F0FC;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1005 .elementor-element.elementor-element-4dc0886{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 70px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1005 .elementor-element.elementor-element-9e42ae0{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1005 .elementor-element.elementor-element-9e42ae0:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-9e42ae0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF8F0FC;}.elementor-1005 .elementor-element.elementor-element-08612bf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1.2px 0px 0px 0px;--border-top-width:1.2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#000000;--border-color:#000000;}.elementor-1005 .elementor-element.elementor-element-08612bf:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-08612bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EC72;}.elementor-1005 .elementor-element.elementor-element-f734dca{--display:flex;--min-height:100vh;--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;}.elementor-1005 .elementor-element.elementor-element-f734dca:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-f734dca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://thehullabalooo.com/wp-content/uploads/2026/06/shirts-page-06-scaled.png");background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1005 .elementor-element.elementor-element-f6bc85d{--width:100%;}}@media(max-width:1024px){.elementor-1005 .elementor-element.elementor-element-1b69915:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-1b69915 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-1005 .elementor-element.elementor-element-1b69915:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-1b69915 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:1025px){.elementor-1005 .elementor-element.elementor-element-acd976a:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-acd976a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-1005 .elementor-element.elementor-element-1b69915:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-1b69915 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-1005 .elementor-element.elementor-element-f734dca:not(.elementor-motion-effects-element-type-background), .elementor-1005 .elementor-element.elementor-element-f734dca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-f9831ce *//* --- 1. Center the Entire Grid Container on the Page --- */
.woocommerce .elementor-widget-container ul.products.elementor-grid,
.elementor-widget-container ul.products {
    background-color: #f2ede4 !important; /* Perfect background tone match */
    padding: 40px 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 40px !important;
    max-width: 1200px !important;
    margin: 0 auto !important; /* Forces the entire grid block into the exact center */
}

/* Individual grid cell configuration */
.woocommerce .elementor-widget-container ul.products.elementor-grid li.product,
.elementor-widget-container ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* --- 2. Remove Theme Clutter (Wishlist, Eye, Compare, Read More Text) --- */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .yith-wcqv-button,
.woocommerce ul.products li.product .compare,
.woocommerce ul.products li.product .woosc-btn,
.woocommerce ul.products li.product [class*="wishlist"],
.woocommerce ul.products li.product [class*="quick-view"],
.woocommerce ul.products li.product [class*="compare"],
.woocommerce ul.products li.product .added_to_cart.wc-forward {
    display: none !important;
}

/* --- 3. Fix Image Scaling & Clean Border --- */
.elementor-widget-container ul.products li.product a img {
    border: 1px solid #000000 !important; /* Elegant single line border */
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
    width: 100% !important;
    height: auto !important; /* Preserves vertical layout proportions */
    object-fit: contain !important;
}

/* --- 4. Structural Flexbox: Title + Plus Icon Row Alignment --- */
/* Disables standard block styling so meta elements layout inline */
.elementor-widget-container ul.products li.product > a:first-of-type {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-decoration: none !important;
    width: 100% !important;
}

/* Product Title Styling */
.elementor-widget-container ul.products li.product .woocommerce-loop-product__title {
    font-family: sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    width: auto !important;
    flex-grow: 1 !important; /* Lets title fill the row space up to the icon */
}

/* Force Button to become a small Icon and sit perfectly on the same line as Title */
.woocommerce ul.products li.product .button.add_to_cart_button,
.elementor-widget-container ul.products li.product .button.add_to_cart_button {
    background: transparent !important;
    color: #000000 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 0 10px !important; /* Small gap right next to the title line */
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    box-shadow: none !important;
    cursor: pointer;
}

/* Hide theme fallback button structures */
.woocommerce ul.products li.product .button.add_to_cart_button::before,
.woocommerce ul.products li.product .button.add_to_cart_button::after {
    display: none !important;
}

/* Price Styling: Snaps cleanly onto its own row underneath the Title line */
.elementor-widget-container ul.products li.product .price {
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 700 !important;
    margin: 6px 0 0 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important; /* Breaks to its own dedicated line below */
}

/* --- 5. Icon Switching Dynamics --- */
.icon-toggle-container {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #000000 !important;
}

.icon-toggle-container .icon-cart {
    display: none !important;
}

/* Switch State: When clicked, hide plus and show the minimal cart vector */
.elementor-widget-container ul.products li.product .button.add_to_cart_button.added .icon-plus {
    display: none !important;
}

.elementor-widget-container ul.products li.product .button.add_to_cart_button.added .icon-cart {
    display: inline-block !important;
    color: #000000 !important;
}

/* Mobile Screens handling */
@media (max-width: 768px) {
    .woocommerce .elementor-widget-container ul.products.elementor-grid,
    .elementor-widget-container ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
        padding: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-13fa7e3 */.shirts-frame-gallery .gallery-item{
    position: relative;
    overflow: visible !important;
}

.shirts-frame-gallery .gallery-item::before{
    content: "";
    position: absolute;

    top: -5%;
    left: -7%;
    width: 102%;
    height: 102%;

    background-image: url("https://thehullabalooo.com/wp-content/uploads/2026/06/shirts-page-16.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    opacity: 0;
    transition: opacity .3s ease;

    pointer-events: none;
    z-index: 10;
}

.shirts-frame-gallery .gallery-item:hover::before{
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4dc0886 */<style>
.fabric-features {
    width: 100%;
    background: #efebe6;
    padding: 80px 0;
    overflow-x: auto;
}

.circle-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px;
    width: max-content;
    margin: 0 auto;
}

.circle {
    border: 3px solid #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: 800;
    line-height: 1;
    flex-shrink: 0;
}

.large {
    width: 260px;
    height: 260px;
    font-size: 28px;
}

.small {
    width: 170px;
    height: 170px;
    font-size: 18px;
}

@media (max-width: 1024px) {
    .circle-wrapper {
        justify-content: flex-start !important;
        padding: 0 20px;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cc9176f */<style>
.marquee-wrapper {
  overflow: hidden;
  width: 100%;
  height: 240px;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: scroll 100s linear infinite;
  align-items: center;
}

.marquee-track img {
  height: 100px;
  width: auto;
  display: block;
  flex-shrink: 0;
  margin-right: 30px;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
</style>/* End custom CSS */