.elementor-811 .elementor-element.elementor-element-6364aa2{--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;--margin-top:25px;--margin-bottom:15px;--margin-left:0px;--margin-right:5px;}.elementor-811 .elementor-element.elementor-element-f17730c .woocommerce-breadcrumb{color:#757575;font-size:14px;}.elementor-811 .elementor-element.elementor-element-f17730c .woocommerce-breadcrumb > a{color:#EA777C;}.elementor-811 .elementor-element.elementor-element-c2abcf6{--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;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), tahoma;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-811 .elementor-element.elementor-element-c56dff4 img{width:25px;max-width:25px;height:36px;opacity:0.25;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), tahoma;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-811 .elementor-element.elementor-element-3c30827 > .elementor-widget-container{margin:0px -5px 0px 0px;}.elementor-811 .elementor-element.elementor-element-3c30827 .elementor-heading-title{font-family:"IRANSans", tahoma;font-size:16px;font-weight:600;color:#3D3D3DB8;}.elementor-811 .elementor-element.elementor-element-b3a4f81{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), tahoma;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), tahoma;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), tahoma;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-811 .elementor-element.elementor-element-3c4437a{--grid-columns:4;--e-loop-nothing-found-message-align:center;}.elementor-811 .elementor-element.elementor-element-3c4437a .elementor-loop-container{grid-auto-rows:1fr;}.elementor-811 .elementor-element.elementor-element-3c4437a .e-loop-item > .elementor-section, .elementor-811 .elementor-element.elementor-element-3c4437a .e-loop-item > .elementor-section > .elementor-container, .elementor-811 .elementor-element.elementor-element-3c4437a .e-loop-item > .e-con, .elementor-811 .elementor-element.elementor-element-3c4437a .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-811 .elementor-element.elementor-element-3c4437a{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-811 .elementor-element.elementor-element-3c4437a{--grid-columns:1;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-f17730c */.woocommerce-breadcrumb a:hover{
    color:#E70812 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3c4437a */.flc-post-wrapper {
    position: relative;
    overflow: hidden; 
    transition: all 0.5s ease-in-out !important;
}
.flc-card-img {
    position: relative;
    display: block;
}

.flc-card-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: height 0.4s ease, opacity 0.7s ease;
    z-index: 1;
}

.flc-post-wrapper .top-cassette,
.flc-post-wrapper .flc-wh1,
.flc-post-wrapper .flc-wh2,
.flc-post-wrapper .flc-cassette-line,
.flc-post-wrapper .flc-cassette-artist,
.flc-post-wrapper .flc-cassette-samplerate {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
    position: relative;
    z-index: 2;
}

.flc-post-wrapper:hover .flc-card-img::after {
    height: 100%;
    opacity: 0.8;
}

.flc-post-wrapper:hover .top-cassette {
    visibility: visible;
    animation: slideDown 0.5s forwards;
}

.flc-post-wrapper:hover .flc-wh1,
.flc-post-wrapper:hover .flc-wh2 {
    visibility: visible;
    animation: fadeInRotate 0.5s forwards, rotateInfinite 2s linear infinite;
}

.flc-post-wrapper:hover .flc-cassette-line {
    visibility: visible;
    animation: cassetteLineOpen 0.5s forwards;
}

.flc-post-wrapper:hover .flc-cassette-artist {
    visibility: hidden !important;
    animation: slideUp 0.8s forwards;
}

.flc-post-wrapper:hover .flc-cassette-samplerate {
    visibility: hidden !important;
    animation: slideUp 0.8s forwards 0.2s; /* Delayed by 0.5s */
}
.flc-second-wrapper h3 {
    transition: color 0.5s ease;
}

.flc-post-wrapper:hover .flc-second-wrapper h3{
    color: #E70812 !important;
}



@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Slide Up Animation for Text Elements */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade-In Animation for .flc-wh1 and .flc-wh2 */
@keyframes fadeInRotate {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Infinite Rotation Animation for .flc-wh1 and .flc-wh2 */
@keyframes rotateInfinite {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Cassette Line Opening Animation */
@keyframes cassetteLineOpen {
    from {
        opacity: 0;
        transform: scaleX(0);
    }
    to {
        opacity: 1;
        transform: scaleX(1);
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IRANSans';
	font-display: auto;
	src: url('https://flac98.com/wp-content/uploads/2024/09/IRANSansXVF.ttf') format('truetype');
}
/* End Custom Fonts CSS */