/**
 * Theme Name: Laris Jewellery Theme by Dimensee
 * Description: A custom WordPress child theme for Laris Jewellery, developed by Dimensee Digital using the Blocksy framework. Designed to deliver a modern, elegant, and responsive website experience with customized layouts, styling, and functionality tailored to the brand's identity. Includes custom theme enhancements, reusable components, and optimized styling for a seamless browsing experience across desktop, tablet, and mobile devices.
 * Author: Dimensee Digital
 * Author URI: https://dimensee.com
 * Template: blocksy
 * Text Domain: blocksy
 * Version: 1.0.0
 */

[data-header*="type-1"] .ct-header [data-row*="middle"] {
	background: linear-gradient(45deg, #5c171d, #841e29, #55141a) !important;
}

.ct-footer .ct-container {

}

.ct-footer .ct-container .wp-block-heading {
    font-size: 18px !important;
    padding-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    font-weight: 500 !important;
	position: relative;
	margin-bottom: 20px;
}

.ct-footer .ct-container .wp-block-heading::before {
    position: absolute;
    display: block;
    bottom: -1px;
    content: " ";
    left: 0;
    width: 15%;
    height: 1px;
    background-color: #ebcfa4;
}

.ct-footer .ct-container ul.widget-menu li {
    font-size: 18px;
}

.ct-footer .ct-container ul.widget-menu li:not(:last-child) {
	margin-bottom: 12px;
}

.ct-footer .ct-container .wp-block-gallery > .wp-block-image {
	height: auto;
	max-width: 70px !important;
}

.ct-footer .ct-container .wp-block-social-link {
	background-color: unset !important;
}

.ct-footer .ct-container .wp-block-social-links a {
	padding: 0 !important;
    background: rgba(255,255,255,0.5);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #4d151c !important;
    fill: #4d151c !important;
}

.banner-style {
	padding: 30px 0;
    background: linear-gradient(to right, #eccfa4, #ffedd0, #ebcfa3);
}

.banner-style .elementor-element h2 {
	color: #58161c !important;
    font-weight: 600 !important;
}

.product-style .woocommerce-loop-product__title,
.blog-style .eael-grid-post-link {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-style .eael-entry-wrapper {
	padding-left: 0 !important;
    padding-right: 0 !important;
}

.full-width-slide img.swiper-slide-image {
    width: 100% !important;
}

.product-style .eael-woo-product-carousel-container .eael-product-title * {
    font-size: 12px;
    color: #828282;
}

.product-style .eael-woo-product-carousel-container.preset-3 .eael-product-carousel,
.product-style .eael-woo-product-carousel-container.preset-3 .eael-product-carousel .image-wrap img,
.product-style .eael-woo-product-carousel-container.preset-3 .eael-product-carousel .product-image-wrap,
.product-style .eael-product-carousel .product-details-wrap {
    background: #ffffff;
}

.product-style .image-wrap img {
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}

.lm-table table {
	margin-bottom: 10px;
}

.lm-table table thead tr,
.lm-table table tbody tr:first-child {
	background: #f6f0f1;
	font-weight: 600;
}


.lm-table table tbody tr td:not(:first-child) {
	text-align: right;
}

.lm-table table tbody tr td {
	padding: 12px;
	font-size: 16px;
}

.lm-table p {
	margin-bottom: 0px;
}

.custom-contact-button {
	max-width: 100%;
	transition: all 0.5s ease !important;
}

.custom-contact-button:not(:hover) {
	max-width: 90%;
}

.custom-contact-button:hover .elementor-widget-container {
	border-color: #d31a2e !important;
}

.custom-contact-button .elementor-image-box-content .elementor-image-box-title a {
	padding: 24px 0 24px 10px;
    display: block;
}

.marketplace-links {
    list-style: none;
    margin: 20px 0 30px;
    display: inline-flex;
    padding-bottom: 20px;
    padding-left: 0;
    font-weight: 600;
}

.marketplace-links li {
    display: inline-block;
    margin-right: 10px;
}

.entry-summary .marketplace-links li a {
    background: #F2F2F2;
    padding: 8px 20px 6px 44px !important;
    border-radius: 14px;
    font-size: 14px;
    color: #828282;
    border: 4px solid #F2F2F2;
    border-left: 0;
    border-right: 0;
    transition: all 0.15s ease-in-out;
}

.marketplace-links .icon-tokopedia a:hover {
    border-top-color: #5eb953;
    box-shadow: 2px 12px 15px -12px rgba(70,139,62,0.5);
}

.marketplace-links .icon-shopee a:hover {
    border-top-color: #f1582c;
    box-shadow: 2px 12px 15px -12px rgba(188,63,27,0.5);
}

.entry-summary .marketplace-links li a::before {
    margin-top: 1px !important;
    width: 22px;
    height: 22px;
    margin-left: -28px;
}

.menu .icon a::before {
    content: '';
    width: 24px;
    display: inline;
    position: absolute;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-left: -34px;
    margin-top: -2px;
}

.menu .icon.icon-tokopedia a::before {
    background-image: url('assets/images/tokopedia.png');
}

.menu .icon.icon-shopee a::before {
    background-image: url('assets/images/shopee.png');
}


@media (max-width: 767px) {
	.one-col-on-mobile {
		grid-template-columns: 1fr !important;
    	gap: 40px !important;
	}

    .custom-contact-button .elementor-image-box-content .elementor-image-box-title a {
		padding: 0;
	}

    .single-product .entry-summary .marketplace-links li a {
        padding: 10px 20px 8px 46px !important;
        font-size: 14px !important;
    }

    .single-product .entry-summary .marketplace-links {
        margin: 20px 0 !important;
        flex-direction: column !important;
        width: 100% !important;
        text-align: center;
    }

    .single-product .entry-summary .marketplace-links .title-marketplace-links {
        font-size: 16px;
        font-weight: bold;
    }

    .single-product .entry-summary .marketplace-links li {
        padding: 8px 0 !important;
        width: 100%;
    }

    .single-product .entry-summary .marketplace-links li a {
        padding: 10px 20px 8px 46px !important;
        font-size: 16px !important;
        display: block !important;
        text-align: left !important;
    }
}