.elementor-3640 .elementor-element.elementor-element-9381e15{--display:flex;}.elementor-3640 .elementor-element.elementor-element-cef0b21{--display:flex;--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-3640 .elementor-element.elementor-element-a28013d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3640 .elementor-element.elementor-element-415c9b2{--display:flex;--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3640 .elementor-element.elementor-element-b5ce831 .widget-image-caption{color:#000000;font-size:20px;font-weight:600;text-transform:uppercase;}.elementor-3640 .elementor-element.elementor-element-eb2dc20{--display:flex;--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-3640 .elementor-element.elementor-element-b81e55c .widget-image-caption{color:#000000;font-size:20px;font-weight:600;text-transform:uppercase;}.elementor-3640 .elementor-element.elementor-element-ce68bbb{--display:flex;--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3640 .elementor-element.elementor-element-aecf4e9 .widget-image-caption{color:#000000;font-size:20px;font-weight:600;text-transform:uppercase;}.elementor-3640 .elementor-element.elementor-element-ddc6635{--display:flex;}.elementor-3640 .elementor-element.elementor-element-9d3e1c7{--display:flex;}.elementor-3640 .elementor-element.elementor-element-b078a99{--display:flex;}.elementor-3640 .elementor-element.elementor-element-63306bf{--display:flex;}.elementor-3640 .elementor-element.elementor-element-652b9d7{--display:flex;}.elementor-3640 .elementor-element.elementor-element-df500c0{--display:flex;--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-3640 .elementor-element.elementor-element-d267394 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 0px 50px 0px;}.elementor-3640 .elementor-element.elementor-element-d267394{text-align:center;}.elementor-3640 .elementor-element.elementor-element-c178470{--display:flex;--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;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-3640 .elementor-element.elementor-element-23d86c0{--grid-columns:3;}.elementor-3640 .elementor-element.elementor-element-23d86c0 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3640 .elementor-element.elementor-element-23d86c0 .e-loop-item > .elementor-section, .elementor-3640 .elementor-element.elementor-element-23d86c0 .e-loop-item > .elementor-section > .elementor-container, .elementor-3640 .elementor-element.elementor-element-23d86c0 .e-loop-item > .e-con, .elementor-3640 .elementor-element.elementor-element-23d86c0 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-3640 .elementor-element.elementor-element-aa1e73d{--display:flex;}.elementor-3640 .elementor-element.elementor-element-9d1e23e{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3640 .elementor-element.elementor-element-23d86c0{--grid-columns:2;}}@media(min-width:768px){.elementor-3640 .elementor-element.elementor-element-415c9b2{--width:30%;}.elementor-3640 .elementor-element.elementor-element-eb2dc20{--width:30%;}.elementor-3640 .elementor-element.elementor-element-ce68bbb{--width:30%;}}@media(max-width:767px){.elementor-3640 .elementor-element.elementor-element-d267394 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-3640 .elementor-element.elementor-element-23d86c0{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-a28013d *//* 
   ELEMENTOR CUSTOM CSS - CATEGORY SECTION
   Paste this into the SECTION's Advanced > Custom CSS tab.
*/

/* 1. FORCE BLACK BACKGROUND FOR THE WHOLE SECTION */
.elementor-3640 .elementor-element.elementor-element-a28013d {
    background-color: #000000 !important;
    padding: 50px 0 !important;
}

/* 2. STYLE THE CONTAINERS */
.elementor-3640 .elementor-element.elementor-element-a28013d .e-con, .elementor-3640 .elementor-element.elementor-element-a28013d .elementor-column {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid #222 !important;
    transition: all 0.4s ease !important;
    cursor: pointer;
    display: flex !important;
    flex-direction: column !important;
}

.elementor-3640 .elementor-element.elementor-element-a28013d .e-con:hover, .elementor-3640 .elementor-element.elementor-element-a28013d .elementor-column:hover {
    border-color: #00f0ff !important;
    box-shadow: 10px 10px 0px #ff003c !important;
    transform: translate(-5px, -5px) !important;
}

/* 3. STYLE THE IMAGES */
.elementor-3640 .elementor-element.elementor-element-a28013d .elementor-widget-image {
    flex: 1 !important;
}

.elementor-3640 .elementor-element.elementor-element-a28013d img {
    filter: brightness(1.3) contrast(1.1) !important;
    transition: all 0.5s ease !important;
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}

.elementor-3640 .elementor-element.elementor-element-a28013d .e-con:hover img, .elementor-3640 .elementor-element.elementor-element-a28013d .elementor-column:hover img {
    filter: brightness(1.5) contrast(1.2) !important;
    transform: scale(1.03) !important;
}

/* 4. EQUAL HEIGHT CONTAINERS */
.elementor-3640 .elementor-element.elementor-element-a28013d > .e-con-inner,
.elementor-3640 .elementor-element.elementor-element-a28013d .elementor-row {
    align-items: stretch !important;
}

.elementor-3640 .elementor-element.elementor-element-a28013d .e-con > .e-con-inner,
.elementor-3640 .elementor-element.elementor-element-a28013d .elementor-column > .elementor-widget-wrap {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #000 !important;
    border: 1px solid #1a1a1a !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* 5. TEXT OVERLAYS */
.elementor-3640 .elementor-element.elementor-element-a28013d .e-con:after, 
.elementor-3640 .elementor-element.elementor-element-a28013d .elementor-column .elementor-widget-wrap:after {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-family: 'Syncopate', sans-serif;
    font-size: 2.8rem;
    font-weight: 900;
    color: #fff;
    text-shadow: 3px 3px #ff003c, -3px -3px #00f0ff;
    z-index: 5;
    pointer-events: none;
    transition: all 0.3s ease;
}

/* First Container - TEES */
.elementor-3640 .elementor-element.elementor-element-a28013d .e-con:nth-child(1):after, 
.elementor-3640 .elementor-element.elementor-element-a28013d .elementor-column:nth-child(1) .elementor-widget-wrap:after {
    content: "TEES";
}

/* Second Container - HOODIES */
.elementor-3640 .elementor-element.elementor-element-a28013d .e-con:nth-child(2):after, 
.elementor-3640 .elementor-element.elementor-element-a28013d .elementor-column:nth-child(2) .elementor-widget-wrap:after {
    content: "HOODIES";
}

/* Third Container - PARTY GEAR */
.elementor-3640 .elementor-element.elementor-element-a28013d .e-con:nth-child(3):after, 
.elementor-3640 .elementor-element.elementor-element-a28013d .elementor-column:nth-child(3) .elementor-widget-wrap:after {
    content: "PARTY GEAR";
}

/* Hover effect for the text */
.elementor-3640 .elementor-element.elementor-element-a28013d .e-con:hover:after, 
.elementor-3640 .elementor-element.elementor-element-a28013d .elementor-column:hover .elementor-widget-wrap:after {
    color: #00f0ff !important;
    letter-spacing: 4px !important;
    transform: scale(1.1);
}

/* 6. SCAN LINE EFFECT ON HOVER */
.elementor-3640 .elementor-element.elementor-element-a28013d::after {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 240, 255, 0.1), transparent);
    transition: none;
}

.elementor-3640 .elementor-element.elementor-element-a28013d:hover::after {
    top: 100%;
    transition: all 0.8s ease;
}

/* 7. MOBILE */
@media (max-width: 768px) {
    .elementor-3640 .elementor-element.elementor-element-a28013d img {
        height: 250px !important;
    }
}
.elementor-3640 .elementor-element.elementor-element-a28013d .e-con img,
.elementor-3640 .elementor-element.elementor-element-a28013d .elementor-column img {
    height: 500px !important;
    object-fit: cover !important;
    object-position: center top !important;
}/* End custom CSS */