.woocommerce-product-carousel { margin: 0 -15px; direction: rtl; } .woocommerce-product-carousel .product { margin: 5px; background: #fff; } .wordpress-post-carousel .slick-prev, .wordpress-post-carousel .slick-next, .woocommerce-category-carousel .slick-prev, .woocommerce-category-carousel .slick-next, .woocommerce-product-carousel .slick-prev, .woocommerce-product-carousel .slick-next { z-index: 1; } .wordpress-post-carousel .slick-prev, .woocommerce-category-carousel .slick-prev, .woocommerce-product-carousel .slick-prev { right: -30px; left: auto; top: 36%; } .wordpress-post-carousel .slick-next, .woocommerce-category-carousel .slick-next, .woocommerce-product-carousel .slick-next { left: -30px; right: auto; top: 36%; } .wordpress-post-carousel .slick-prev:before, .wordpress-post-carousel .slick-next:before, .woocommerce-category-carousel .slick-prev:before, .woocommerce-category-carousel .slick-next:before, .woocommerce-product-carousel .slick-prev:before, .woocommerce-product-carousel .slick-next:before { font-family: slick; font-size: 70px; line-height: 0; opacity: .9; color: #000; -webkit-font-smoothing: antialiased; } .wordpress-post-carousel .slick-prev:before, .wordpress-post-carousel .slick-next:before, .woocommerce-category-carousel .slick-prev:before, .woocommerce-category-carousel .slick-next:before, .woocommerce-product-carousel .slick-prev:before, .woocommerce-product-carousel .slick-next:before { content: ''; display: inline-block; width: 25px; height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: #fff; border-radius: 6px; box-shadow: 2px 2px 5px rgb(0 0 0 / 10%); } .wordpress-post-carousel .slick-prev:before, .woocommerce-category-carousel .slick-prev:before, .woocommerce-product-carousel .slick-prev:before { background-image: url('right-arrow-svgrepo-com.svg'); } .wordpress-post-carousel .slick-next:before, .woocommerce-category-carousel .slick-next:before, .woocommerce-product-carousel .slick-next:before { background-image: url('left-arrow-svgrepo-com.svg'); } .wordpress-post-carousel .slick-dots li button:before, .woocommerce-category-carousel .slick-dots li button:before, .woocommerce-product-carousel .slick-dots li button:before { font-size: 45px; } @media (max-width: 480px) { .woocommerce-product-carousel .product { width: 100%; } .wordpress-post-carousel .slick-prev, .woocommerce-category-carousel .slick-prev, .woocommerce-product-carousel .slick-prev { right: 15px; left: auto; top: 45%; } .wordpress-post-carousel .slick-next, .woocommerce-category-carousel .slick-next, .woocommerce-product-carousel .slick-next { left: 20px; right: auto; top: 45%; } .wordpress-post-carousel .slick-prev:before, .wordpress-post-carousel .slick-next:before, .woocommerce-category-carousel .slick-prev:before, .woocommerce-category-carousel .slick-next:before, .woocommerce-product-carousel .slick-prev:before, .woocommerce-product-carousel .slick-next:before { height: 45px; } } @media (max-width: 1024px) { [data-products].woocommerce-product-carousel { --shop-columns: repeat(1, minmax(0, 1fr)) !important; } } .woocommerce-product-carousel .woocommerce-loop-product__title { margin-top: 10px; } .ct-quick-view-content .woocommerce-product-gallery {border: none;} .woocommerce-category-carousel { margin: 0 -15px; direction: rtl; } .woocommerce-category-carousel .category-item { margin: 10px; text-align: center; } .woocommerce-category-carousel .category-item img { max-width: 100%; display: block; margin: 0 auto; } .woocommerce-category-carousel .category-title { margin-top: 10px; font-size: 16px; font-weight: bold; } .woocommerce-category-carousel .category-item { margin-left: 10px; margin-right: 10px; } .woocommerce-category-carousel .category-item img { width: 100%; height: auto; } @media (max-width: 480px) { .woocommerce-category-carousel .category-item { width: 100%; } } @media (max-width: 1024px) { .woocommerce-category-carousel { --shop-columns: repeat(1, minmax(0, 1fr)) !important; } } .post-carousel-category-date{ display: flex; justify-content: space-between; margin: 10px 0 -10px 0; padding: 10px; border-radius: 4px; border-top: 1px solid #8b8b8b38; align-items: baseline; } .post-carousel-date{ font-size: small; } .post-carousel-title { margin: 10px 0; font-size: 16px; } .post-carousel-footer { display: flex; justify-content: space-between; } .post-carousel-footer { flex-direction: row-reverse; } .post-carousel-author{ display: flex; column-gap: 5px; align-items: center; } .post-carousel-author .avatar { border-radius: 100px; } .wordpress-post-carousel { margin: 0 -15px; direction: rtl; } .wordpress-post-carousel .post-carousel-item { margin: 10px; padding: 15px; box-sizing: border-box; box-shadow: 0px 0px 10px -5px #c9c9c9; transition: all ease-in-out 0.3s; } .post-carousel-image { margin: -16px; padding-bottom: 30px; } .wordpress-post-carousel .post-carousel-image img { width: 100%; height: auto; } .wordpress-post-carousel .post-carousel-title { margin-top: 10px; font-size: 18px; font-weight: bold; } .wordpress-post-carousel .post-carousel-category { margin-top: 5px; font-size: small; color: var(--theme-palette-color-4); } .wordpress-post-carousel .post-carousel-excerpt { margin-top: 10px; font-size: 14px; } @media (max-width: 768px) { .wordpress-post-carousel .post-carousel-item { width: 50%; } } @media (max-width: 480px) { .wordpress-post-carousel .post-carousel-item { width: 100%; } } .wordpress-post-carousel .post-carousel-item { box-sizing: border-box; direction: rtl; } .wordpress-post-carousel .post-carousel-read-more { display: inline-block; margin-top: 10px; text-decoration: none; } .wordpress-post-carousel .post-carousel-item:hover { transform: scale(1.02); transition: all ease-in-out 0.3s; } .image-hover-effect { position: relative; overflow: hidden; } .image-hover-effect img { width: 100%; display: block; transition: transform 0.3s ease-in-out; } .image-hover-effect .hover-content { position: absolute; top: 0; left: 0; width: 90%; height: 85%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; opacity: 0; transition: opacity 0.3s ease-in-out; border: 1px solid #fff; margin: 5%; } .image-hover-effect .hover-content h3, .image-hover-effect .hover-content p { color: #fff; margin: 0; } .image-hover-effect .hover-button { display: inline-block; padding: 10px 20px; background: #fff; color: #000; text-decoration: none; margin-top: 10px; } .image-hover-effect.style1:hover img { transform: scale(1.1); } .image-hover-effect.style1:hover .hover-content { opacity: 1; } .image-hover-effect.style2 img { transition: none; } .image-hover-effect.style2:hover img { box-shadow: 0 0 0 10px rgba(0,0,0,0.5); } .image-hover-effect.style2:hover .hover-content { opacity: 1; } .image-hover-effect.style2 .hover-content { opacity: 0; transition: opacity 0.3s ease-in-out; } .image-hover-effect.style2:hover .hover-content { opacity: 1; } .image-hover-effect .hover-content h3 { transform: scale(0); opacity: 0; transition: transform 0.3s ease-in-out 0.1s, opacity 0.3s ease-in-out 0.1s; } .image-hover-effect:hover .hover-content h3 { transform: scale(1); opacity: 1; } .image-hover-effect .hover-content p { transform: translateY(20px); opacity: 0; transition: transform 0.3s ease-in-out 0.4s, opacity 0.3s ease-in-out 0.4s; } .image-hover-effect:hover .hover-content p { transform: translateY(0); opacity: 1; } .hover-content .hover-button { transform: scale(0); opacity: 0; transition: transform 0.3s ease-in-out 0.7s, opacity 0.3s ease-in-out 0.7s; } .image-hover-effect:hover .hover-content .hover-button { transform: scale(1); opacity: 1; } .image-hover-effect.style3:hover img { filter: brightness(0.5); transform: scale(1.5); } .image-hover-effect.style3:hover .hover-content { opacity: 1; } .image-hover-effect.style4 img { transition: transform 0.5s ease-in-out; } .image-hover-effect.style4:hover img { transform: rotate(5deg) scale(1.2); } .image-hover-effect.style4:hover .hover-content { opacity: 1; } .woocommerce-product-gallery-widget { display: grid; grid-gap: 15px; } @media (min-width: 1024px) { .woocommerce-product-gallery-widget.columns-1 { grid-template-columns: repeat(1, 1fr); } .woocommerce-product-gallery-widget.columns-2 { grid-template-columns: repeat(2, 1fr); } .woocommerce-product-gallery-widget.columns-3 { grid-template-columns: repeat(3, 1fr); } .woocommerce-product-gallery-widget.columns-4 { grid-template-columns: repeat(4, 1fr); } .woocommerce-product-gallery-widget.columns-5 { grid-template-columns: repeat(5, 1fr); } .woocommerce-product-gallery-widget.columns-6 { grid-template-columns: repeat(6, 1fr); } } @media (min-width: 768px) and (max-width: 1023px) { .woocommerce-product-gallery-widget.columns-tablet-1 { grid-template-columns: repeat(1, 1fr); } .woocommerce-product-gallery-widget.columns-tablet-2 { grid-template-columns: repeat(2, 1fr); } .woocommerce-product-gallery-widget.columns-tablet-3 { grid-template-columns: repeat(3, 1fr); } .woocommerce-product-gallery-widget.columns-tablet-4 { grid-template-columns: repeat(4, 1fr); } .woocommerce-product-gallery-widget.columns-tablet-5 { grid-template-columns: repeat(5, 1fr); } .woocommerce-product-gallery-widget.columns-tablet-6 { grid-template-columns: repeat(6, 1fr); } } @media (max-width: 767px) { .woocommerce-product-gallery-widget.columns-mobile-1 { grid-template-columns: repeat(1, 1fr); } .woocommerce-product-gallery-widget.columns-mobile-2 { grid-template-columns: repeat(2, 1fr); } .woocommerce-product-gallery-widget.columns-mobile-3 { grid-template-columns: repeat(3, 1fr); } .woocommerce-product-gallery-widget.columns-mobile-4 { grid-template-columns: repeat(4, 1fr); } .woocommerce-product-gallery-widget.columns-mobile-5 { grid-template-columns: repeat(5, 1fr); } .woocommerce-product-gallery-widget.columns-mobile-6 { grid-template-columns: repeat(6, 1fr); } } .post-list-widget .post-item { margin-bottom: 20px; } .post-list-widget .post-image { width: 20%; margin-left: 20px; min-width: 160px; } .post-list-widget .post-info { width: 80%; } .post-list-widget .post-title { font-size: 18px; margin-bottom: 10px; } .post-list-widget .post-content { font-size: 14px; } .post-list-widget { display: flex; flex-direction: column; } .post-list-widget .post-item { display: flex; align-items: center; margin-bottom: 20px; } .post-list-widget .post-item .post-image { flex: 1; } .post-list-widget .post-item .post-content { flex: 2; color: var(--theme-palette-color-6); } .post-list-widget .post-content h3 { margin-bottom: 10px; } .post-item .post-image img{ height: 100% !important; object-fit: cover; } @media (max-width: 768px) { .post-list-widget .post-image { width: 90%; margin-left: 0px; } }