.iq-card-wrapper .img-box img.img-fluid {
width: 100%;
mix-blend-mode: overlay;
}
.iq-card-wrapper {
margin-top: 1.25em;
}
.iq-card-wrapper .iq-main-header {
margin-bottom: 1.875em;
}
.iq-card-wrapper .iq-main-header .main-title {
text-transform: capitalize;
}
.iq-card-wrapper li.slide-items .block-images .img-box {
border-radius: var(--border-radius-three);
overflow: hidden;
}
.iq-card-wrapper .streamit-badges {
top: 10px;
right: 10px;
padding: 3px;
display: flex;
color: white;
color: var(--iq-white-color);
position: absolute;
font-weight: 500;
background: transparent;
}
.iq-card-wrapper .slick-list {
overflow: visible;
}
.iq-card-wrapper img.streamit-badges {
height: 28px;
min-height: 28px;
width: 28px;
}
.iq-card-wrapper li.slide-items .block-images .img-box>a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.iq-card-wrapper li.slide-items .block-images .img-box::before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
background: var(--iq-bottom-gbg);
width: 100%;
height: 100%;
bottom: 0;
transition: all 0.5s ease-in-out;
opacity: 0;
}
.iq-card-wrapper li.slide-items:hover .block-images .img-box {
background: transparent;
}
.iq-card-wrapper li.slide-items:hover .img-box img.img-fluid {
mix-blend-mode: inherit;
}
.iq-card-wrapper li.slide-items:hover .block-images .img-box::before {
opacity: 1;
}
.iq-card-wrapper li.slide-items {
padding: 0 0.9375em;
margin-bottom: 1.875em;
}
.iq-card-wrapper li.slide-items .block-images {
overflow: visible;
}
.iq-card-wrapper .streamit-count-box,
.iq-card-wrapper .block-social-info .music-play-lists .iq-like-btn .count-box,
.iq-card-wrapper .block-social-info .music-play-lists .iq-like-btn .streamit-count-box {
display: none;
}
.iq-card-wrapper .block-social-info .music-play-lists .share>span {
width: 100%;
height: 100%;
display: inline-block;
line-height: 0;
font-size: 1em;
}
.iq-card-wrapper .card-description {
position: absolute;
left: 0;
bottom: 0;
width: auto;
right: 0;
transition: all 0.4s ease-in-out;
padding: 1.25em 1.25em 0.625em;
transform: translate3d(0, 0, 0);
-webkit-font-smoothing: antialiased;
}
.iq-card-wrapper.favorites-contens.grid-view {
padding-bottom: 3.75em;
}
.iq-card-wrapper span.movie-time-text {
font-size: var(--font-size-small);
color: var(--iq-body-text);
}
.iq-card-wrapper .cart-content {
display: inline-block;
justify-content: space-between;
gap: 0.7em;
}
.iq-card-wrapper li.slide-items .block-images::after {
position: absolute;
content: "";
border: 1.25em solid var(--card-box-style);
bottom: -5em;
left: -1.25em;
right: -1.25em;
top: -1.25em;
opacity: 0;
transition: all 0.2s ease-in-out;
visibility: hidden;
background: transparent;
border-radius: var(--border-radius-three);
box-shadow: var(--iq-new-box-shadow);
}
.iq-card-wrapper li.slide-items:hover .block-images::after {
transition: all 0.2s ease-in-out 0.2s;
visibility: visible;
}
.iq-card-wrapper li.slide-items .watchlist {
opacity: 0;
display: none;
-webkit-animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;
animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;
}
.iq-card-wrapper .block-social-info {
position: absolute;
left: 1.25em;
right: 1.25em;
bottom: 1.25em;
z-index: 999;
display: flex;
opacity: 0;
justify-content: space-between;
top: inherit;
transition: opacity 0.4s ease-in-out;
}
.iq-card-wrapper .block-social-info .music-play-lists li {
width: 1.625em;
height: 1.625em;
margin-bottom: 0;
}
.iq-card-wrapper .wpulike .wp_ulike_is_loading .wp_ulike_btn {
filter: invert(1);
}
.iq-card-wrapper .wpulike-heart .wp_ulike_put_image:after {
font-size: 0.625em;
line-height: 20px;
left: 1.3em;
}
.iq-card-wrapper .wpulike-heart .wp_ulike_put_image:after {
content: "\f004";
font-family: 'Font Awesome 5 Free' !important;
color: var(--iq-white-color);
}
.iq-card-wrapper .wpulike-heart .wp_ulike_is_liked .wp_ulike_put_image:after {
font-weight: 900;
}
.iq-card-wrapper .music-play-lists li:hover .iq-like-btn {
background: transparent;
}
.iq-card-wrapper ul.list-inline.p-0.m-0.music-play-lists {
display: flex;
gap: 0.625em;
}
.iq-card-wrapper .share-box {
position: static;
}
.iq-card-wrapper .share-wrapper {
position: absolute;
top: inherit;
right: 0;
left: -0.375em;
bottom: 80%;
min-width: inherit;
height: auto;
width: 2.375em;
}
.iq-card-wrapper .share-boxs {
display: inline-block;
}
.iq-card-wrapper .share-boxs a {
display: inline-block;
width: 2.375em;
background: var(--iq-bg1);
color: var(--iq-white-color);
}
.iq-card-wrapper .share-boxs .overflow-hidden {
background: var(--iq-bg1);
}
.iq-card-wrapper .share-boxs a:hover {
color: var(--iq-primary);
}
.iq-card-wrapper li.slide-items .card-description .content-left .iq-title {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--iq-title-text);
}
.iq-card-wrapper li.slide-items .card-description a.watch-list,
.iq-card-wrapper li.slide-items .card-description a.watch-list-not {
font-size: var(--font-size-small);
font-weight: 500;
color: var(--iq-body-text);
cursor: pointer;
}
.iq-card-wrapper li.slide-items .card-description a.watch-list i {
font-size: 0.875em;
}
.iq-card-wrapper li.slide-items .card-description a.watch-list i.fa.fa-check {
font-size: var(--font-size-small);
margin-right: 0.2em;
}
.iq-card-wrapper .music-play-lists li {
background-color: transparent;
border: 0.0625em solid var(--iq-white-color);
transition: all 0.45s ease 0s;
}
.iq-card-wrapper .music-play-lists .iq-like-btn,
.iq-card-wrapper .music-play-lists span {
background: transparent;
}
.iq-card-wrapper .block-social-info .music-play-lists span i {
color: var(--iq-white-color);
font-size: 0.625em;
line-height: 2.5em;
}
.iq-card-wrapper .wpulike-heart button.wp_ulike_btn {
display: inline-block;
padding: 0;
font-size: 1.2em;
width: 1.625em;
height: 1.625em;
}
.iq-card-wrapper .share-boxs .share-shape {
position: absolute;
left: 0.75em;
top: inherit;
bottom: -0.875em;
transform: rotate(90deg);
right: 0;
width: 0.875em;
height: 2.5em;
}
.iq-card-wrapper .streamit_tooltip .share-shape {
position: absolute;
top: inherit;
width: 0.9375em;
height: 2.5em;
bottom: -1.6875em;
transform: rotate(90deg);
left: 0.75em;
}
.iq-card-wrapper .block-social-info .music-play-lists .iq-like-btn .streamit_tooltip.count-box {
right: 0;
left: -0.1875em;
top: inherit;
bottom: 90%;
min-width: 2.5em;
}
.iq-card-wrapper li.slide-items:hover .block-images {
background: var(--card-box-style);
}
.iq-card-wrapper li.slide-items:hover .card-description {
left: -0.0625em;
right: -0.0625em;
}
.iq-card-wrapper li.slide-items:hover .card-description {
bottom: -4.375em;
z-index: 9;
background: var(--card-box-style);
padding: 1.25em 0 0;
}
.iq-card-wrapper li.slide-items:hover .cart-content {
display: flex;
}
.iq-card-wrapper li.slide-items:hover .block-images {
box-shadow: none;
}
.iq-card-wrapper li.slide-items:hover .watchlist {
display: inline-block;
flex: none;
}
.iq-card-wrapper li.slide-items:hover .block-images::after,
.iq-card-wrapper li.slide-items:hover .watchlist,
.iq-card-wrapper li.slide-items:hover .block-social-info {
opacity: 1;
}
.iq-card-wrapper li.slide-items:hover .watchlist,
.iq-card-wrapper li.slide-items:hover .block-social-info {
transition-delay: 0.3s;
}
.iq-card-wrapper .block-images .hover-buttons {
margin-top: 0;
}
.iq-card-wrapper .music-play-lists li:hover {
border-color: var(--iq-primary);
background: var(--iq-primary);
}
.iq-card-wrapper .block-social-info ul li .iq-like-btn {
margin-left: -0.1875em;
}
.iq-card-wrapper li.slide-items .block-images {
position: relative;
width: 100%;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
transition: all 0.6s ease 0s;
}
.iq-card-wrapper li.slide-items:hover .block-images {
z-index: 99;
transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
transform-origin: 50% 50%;
transition: all 0.6s ease 0s;
margin-top: -1.875em;
}
.iq-card-wrapper li.slide-items.last:hover .block-images {
transform: scale3d(1.1, 1.1, 1) translate3d(-12%, 0, 0) perspective(31.25em);
}
.iq-card-wrapper li.slide-items.first:hover .block-images {
transform: scale3d(1.1, 1.1, 1) translate3d(12%, 0, 0) perspective(31.25em);
}
.iq-card-wrapper .hover-buttons .btn {
width: 3.35em;
height: 3.35em;
line-height: 3.35em;
text-align: center;
padding: 0;
border-radius: 100% !important;
} .iq-card-wrapper li.slide-items .card-description.with-transition {
bottom: -4.375em;
opacity: 0;
padding: 1.25em 0 0;
visibility: hidden;
transition: all 0.1s ease;
}
.iq-card-wrapper li.slide-items:hover .card-description.with-transition .watchlist {
transition-delay: 0s;
}
.iq-card-wrapper li.slide-items:hover .card-description.with-transition {
opacity: 1;
visibility: visible;
transition-delay: 0.2s;
}
.iq-card-wrapper li.slide-items .card-description.with-opacity {
-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.iq-card-wrapper .card-description.with-opacity .cart-content {
display: block;
}
.iq-card-wrapper li.slide-items:hover .block-images::after {
transition: all 0.2s ease-in-out;
visibility: visible;
transition-delay: 0.2s;
}
.iq-card-wrapper li.slide-items:hover .card-description.with-opacity {
bottom: 0;
display: none;
}
.iq-card-wrapper .block-social-info {
transition: opacity 0.2s ease-in-out;
}
.iq-card-wrapper li.slide-items .block-images::after {
transition: all 0.1s ease-in-out;
}
.iq-card-wrapper li.slide-items:hover .block-images {
transition-delay: 0.2s;
} .iq-card-wrapper li.slide-items.sk-cards-wrapper .block-images,
.iq-card-wrapper li.slide-items.sk-cards-wrapper .block-image {
overflow: hidden;
background-color: var(--card-box-bg);
}
@media (min-width: 1921px){
.iq-card-wrapper .wpulike-heart .wp_ulike_put_image:after{
line-height: 1.25vw;
}
}
@media (max-width:1024px) {
.iq-card-wrapper li.slide-items .card-description .content-left .iq-title {
-webkit-line-clamp: 1;
}
.iq-card-wrapper li.slide-items:hover .card-description .content-left .iq-title {
-webkit-line-clamp: 1;
}
.iq-card-wrapper .block-social-info,
.iq-card-wrapper li.slide-items .block-images::after,
.iq-card-wrapper li.slide-items:hover .watchlist {
display: none;
}
.card-description.with-transition,
.iq-card-wrapper li.slide-items:hover .block-images::after {
display: none;
}
.iq-card-wrapper li.slide-items:hover .card-description.with-opacity {
bottom: 0;
display: block;
}
.iq-card-wrapper li.slide-items:hover .block-images {
margin-top: 0;
}
.iq-card-wrapper li.slide-items:hover .card-description {
background: transparent;
bottom: 0;
padding: 1.25em 1.25em 0.625em;
}
.iq-card-wrapper.favorites-contens.grid-view {
padding-bottom: 1.75em;
}
.iq-card-wrapper li.slide-items.last:hover .block-images {
transform: scale3d(1.1, 1.1, 1) translate3d(-5%, 0, 0) perspective(31.25em);
}
.iq-card-wrapper li.slide-items.first:hover .block-images {
transform: scale3d(1.1, 1.1, 1) translate3d(5%, 0, 0) perspective(31.25em);
}
.iq-card-wrapper {
margin-top: 0;
}
}
@media (max-width:991px) {
.iq-card-wrapper li.slide-items {
padding: 0 0.4687em;
}
}
@media (max-width:767px) {
.iq-card-wrapper .iq-main-header {
margin-bottom: 1em;
}
.iq-card-wrapper li.slide-items .block-images {
margin-bottom: 0;
}
}
[dir="rtl"] .iq-card-wrapper .block-social-info {
left: 1.25em;
right: 1.25em;
}
[dir="rtl"] .iq-card-wrapper .card-description {
right: 0;
left: auto;
}
[dir="rtl"] .iq-card-wrapper .cart-content .movie-time {
justify-content: flex-end;
}
[dir="rtl"] .iq-card-wrapper li.slide-items:hover .block-social-info,
[dir="rtl"] .iq-card-wrapper ul.music-play-lists,
[dir="rtl"] .iq-card-wrapper li.slide-items:hover .cart-content {
flex-direction: row-reverse;
}
[dir="rtl"] .iq-card-wrapper .share-wrapper {
right: 0;
left: -0.375em;
}
[dir="rtl"] .iq-card-wrapper .block-social-info .music-play-lists .iq-like-btn .streamit_tooltip.count-box {
right: 0;
left: -0.1875em;
}
[dir="rtl"] .iq-card-wrapper li.slide-items:hover .card-description .content-left .iq-title {
text-align: right;
direction: rtl;
}
[dir="rtl"] .iq-card-wrapper li.slide-items .card-description a.watch-list,
[dir="rtl"] .iq-card-wrapper li.slide-items .card-description a.watch-list-not {
flex-direction: row-reverse;
}
.fade-in {
-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media (max-width:480px) {
.iq-card-wrapper li.slide-items .card-description .content-left .iq-title {
font-size: 1em;
}
.iq-card-wrapper .iq-main-header {
margin-bottom: .875em;
}
} .sk-cards-wrapper .img-box {
width: 18em;
height: 20em;
border-radius: 0.625em;
}
.sk-cards-wrapper .img-box:after {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
background-image: var(--skelation-bg-color-new);
-webkit-animation: shimmer 2s infinite;
animation: shimmer 2s infinite;
}