/*
 Theme Name:   Grak
 Theme URI:    https://shandykaf.com
 Description:  Kadence Child Theme
 Author:       Shandyka Febrian
 Author URI:   https://shandykaf.com
 Template:     kadence
 Version:      1.0.0
 Text Domain:  kadence-child
*/


/* GLOBAL */

:root {
    /* TYPE */
    --default-title-family: "Outfit";
    --default-title-size: 33px;
    --default-title-size-rem: 2.0625rem;
    --default-title-weight: 500;
    --default-title-style: normal;
    --default-subtitle-family: "Outfit";
    --default-subtitle-size: 20px;
    --default-subtitle-size-rem: 1.25rem;
    --default-subtitle-weight: 500;
    --default-subtitle-style: normal;
    --default-subtitle-letter-spacing: 2px;
    --default-subtitle-letter-spacing-rem: 0.125rem;
    --default-desc-family: "Spline Sans";
    --default-desc-size: 15px;
    --default-desc-size-rem: 0.9375rem;
    --default-desc-weight: 400;
    --default-desc-style: normal;
    --default-desc-line-height: 147%;
    --default-category-family: "Outfit";
    --default-category-size: 18px;
    --default-category-size-rem: 1.125rem;
    --default-category-weight: 500;
    --default-category-style: normal;
    --default-menu-family: "Outfit";
    --default-menu-size: 15px;
    --default-menu-size-rem: 0.9375rem;
    --default-menu-weight: 400;
    --default-menu-style: normal;
    --default-field-family: "Spline Sans";
    --default-field-size: 15px;
    --default-field-size-rem: 0.9375rem;
    --default-field-weight: 400;
    --default-field-style: normal;
    --banner-title-family: "Outfit";
    --banner-title-size: 46px;
    --banner-title-size-rem: 2.875rem;
    --banner-title-weight: 500;
    --banner-title-style: normal;
    --banner-subtitle-family: "Outfit";
    --banner-subtitle-size: 26px;
    --banner-subtitle-size-rem: 1.625rem;
    --banner-subtitle-weight: 500;
    --banner-subtitle-style: normal;
    --banner-subtitle-letter-spacing: 2.08px;
    --banner-subtitle-letter-spacing-rem: 0.13rem;
    --banner-desc-family: "Spline Sans";
    --banner-desc-size: 24px;
    --banner-desc-size-rem: 1.5rem;
    --banner-desc-weight: 400;
    --banner-desc-style: normal;
    --button-default-family: "Outfit";
    --button-default-size: 16px;
    --button-default-size-rem: 1rem;
    --button-default-weight: 600;
    --button-default-style: normal;
    --button-banner-family: "Outfit";
    --button-banner-size: 22px;
    --button-banner-size-rem: 1.375rem;
    --button-banner-weight: 500;
    --button-banner-style: normal;
    --button-menu-family: "Outfit";
    --button-menu-size: 15px;
    --button-menu-size-rem: 0.9375rem;
    --button-menu-weight: 600;
    --button-menu-style: normal;
    --button-tab-family: "Outfit";
    --button-tab-size: 15px;
    --button-tab-size-rem: 0.9375rem;
    --button-tab-weight: 600;
    --button-tab-style: normal;
    --product-pagination-family: "Outfit";
    --product-pagination-size: 15px;
    --product-pagination-size-rem: 0.9375rem;
    --product-pagination-weight: 500;
    --product-pagination-style: normal;
    --product-list-title-family: "Spline Sans";
    --product-list-title-size: 16px;
    --product-list-title-size-rem: 1rem;
    --product-list-title-weight: 500;
    --product-list-title-style: normal;
    --product-list-price-family: "Spline Sans";
    --product-list-price-size: 22px;
    --product-list-price-size-rem: 1.375rem;
    --product-list-price-weight: 700;
    --product-list-price-style: normal;
    --product-list-sale-family: "Spline Sans";
    --product-list-sale-size: 16px;
    --product-list-sale-size-rem: 1rem;
    --product-list-sale-weight: 500;
    --product-list-sale-style: normal;
    --product-filter-title-family: "Outfit";
    --product-filter-title-size: 17px;
    --product-filter-title-size-rem: 1.0625rem;
    --product-filter-title-weight: 400;
    --product-filter-title-style: normal;
    --product-filter-desc-family: "Spline Sans";
    --product-filter-desc-size: 15px;
    --product-filter-desc-size-rem: 0.9375rem;
    --product-filter-desc-weight: 400;
    --product-filter-desc-style: normal;
    --product-single-title-desc-family: "Outfit";
    --product-single-title-desc-size: 22px;
    --product-single-title-desc-size-rem: 1.375rem;
    --product-single-title-desc-weight: 500;
    --product-single-title-desc-style: normal;
    /* COLORS */
    --blue-default: #0071bc;
    --blue-border: #99bbdc;
    --blue-background: #f0f5fa;
    --blue-dark: #004370;
    --yellow-default: #fad03d;
    --yellow-border: #fdecb1;
    --yellow-background: #fffcf4;
    --yellow-dark: #e5b306;
    --red-default: #f43232;
    --red-border: #fbadad;
    --red-background: #fff3f3;
    --red-dark: #ce0b0b;
    --green-default: #21cf32;
    --green-border: #a6ecad;
    --green-background: #f2fcf3;
    --green-dark: #168d22;
    --black-default: #1e1e1e;
    --black-paragraph: #575757;
    --grey-border: #cecece;
    --grey-background: #e3e3e3;
    --grey-background-2: #ededed;
    --grey-background-3: #f5f5f5;
    --grey-background-4: #d9d9d9;
    --grey-background-5: #fafafa;
    --white-default: #ffffff;
}

.sample-code {
    font-family: var(--default-sample-family);
    font-size: var(--default-sample-size);
    font-weight: var(--default-sample-weight);
    font-style: var(--default-sample-style);
}


/* BODY */

.single-content h1.elementor-heading-title,
.single-content h2.elementor-heading-title,
.single-content h3.elementor-heading-title,
.single-content h4.elementor-heading-title,
.single-content h5.elementor-heading-title,
.single-content h6.elementor-heading-title {
    margin-bottom: 0 !important;
}

p {
    margin-bottom: 15px !important;
}

.single-content p:last-child,
p:last-child {
    margin-bottom: 0px !important;
}

.single-content p:not(:last-child),
p:not(:last-child) {
    margin-bottom: 15px !important;
}

.aspect-ratio-1-1,
.aspect-ratio-1-1 img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}


/* HEADER */

.header-navigation ul ul.sub-menu.sub-menu-edge {
    max-height: 600px;
    overflow-y: auto;
}


/* FOOTER */

.site-middle-footer-wrap .site-middle-footer-inner-wrap {
    /*     grid-template-columns: 1.5fr 0.3fr 2.2fr !important; */
}

.site-footer {
    margin-top: 80px;
}


/* BUTTON - STICKY WHATSAPP BUTTON */

.wa-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999999;
}

.wa-button a {
    background: linear-gradient(to top, #29b43f, #60d36b);
    color: #fff !important;
    width: 60px;
    display: table;
    height: 60px;
    border-radius: 100%;
    position: relative;
    text-align: center;
    font-size: 35px !important;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.35);
    outline: none;
    text-decoration: none;
}

.wa-button a:hover {
    transform: scale(0.9);
    text-decoration: none !important;
}

.wa-button a i {
    vertical-align: middle;
    text-decoration: none;
    z-index: 888;
    display: table-cell;
    transition: all 0.2s ease-in-out;
    text-shadow: 0 2px 5px rgba(20, 113, 34, 0.5);
}

.wa-button a:hover i {
    text-shadow: 0 0 0 rgba(20, 113, 34, 0.5);
    text-decoration: none;
}


/* FAQ Repeater */

#faq-repeater .jet-listing-dynamic-repeater__items {
    display: flex;
    flex-direction: column;
    gap: 48px;
}


/* LIST CATEGORY PRODUCT */

.list-prpduct.list-prpduct-img img {
    aspect-ratio: 1/1;
    object-fit: cover;
}


/* PRODUK */

.produk-style.product-img img {
    aspect-ratio: 4/3;
    object-fit: cover;
}

.tipe-product-list .jet-listing-grid__items {
    justify-content: center;
}

.tipe-product-list-title .jet-listing-dynamic-link,
.tipe-product-list-price .jet-listing-dynamic-link {
    text-align: center;
}


/* LIST PEMASANGAN */

.fullwidth-list-pemasangan {
    transition: all ease 0.3s;
}

.fullwidth-list-pemasangan:hover .container-list-pemasangan .jet-listing-dynamic-repeater__items,
.fullwidth-list-pemasangan:hover .list-pemasangan-thumb img {
    box-shadow: 0px 0px 0px -10px transparent;
}

.container-list-pemasangan .jet-listing-dynamic-repeater__items {
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
    /* background: var(--white-default); */
    /* box-shadow: 0px 12px 20px -10px rgba(0, 0, 0, 0.25); */
}

.container-list-pemasangan .jet-listing-dynamic-repeater__item {
    flex: 1;
    flex-basis: 40%;
}

.list-pemasangan-thumb .jet-listing-dynamic-image {
	aspect-ratio: 1/1;
    object-fit: cover;
}

.list-pemasangan-thumb .jet-listing-dynamic-image .jet-listing-dynamic-image__link {
	width: 100%;
}

.list-pemasangan-thumb img {
	width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    box-shadow: 0px 12px 20px -10px rgba(0, 0, 0, 0.25);
}

.list-pemasangan {
    column-gap: 7px;
    align-items: flex-start !important;
}

.list-pemasangan .list-pemasangan-image {
    width: 20px;
}

.list-pemasangan div {
    display: flex;
    flex-direction: column;
}

.list-pemasangan .list-pemasangan-label,
.list-pemasangan .list-pemasangan-detail {
    font-family: var(--default-field-family);
    font-size: 14px;
    font-weight: var(--default-field-weight);
    font-style: var(--default-field-style);
}

.list-pemasangan .list-pemasangan-detail {
    font-family: var(--default-category-family);
    font-size: 16px;
    font-weight: var(--default-category-weight);
    font-style: var(--default-category-style);
}

.video-9-16 .jet-listing-dynamic-field {
	aspect-ratio: 9/16;
}

.video-9-16 iframe {
	aspect-ratio: 9/16;
	height: fit-content;
}


/* LIST PRODUK PEMASANGAN */

.list-produk-pemasangan .list-produk-pemasangan-thumb img {
    aspect-ratio: 1/1;
    object-fit: cover;
}


/* PRODUK */

.produk-style.produk-img-about img {
    aspect-ratio: 4/3;
    object-fit: cover;
}


/* DESKTOP */

@media (min-width: 1280px) {}


/* TABLET */

@media (min-width: 768px) and (max-width: 1279px) {}


/* MOBILE */

@media (max-width: 767px) {
    /* 	FOOTER */
    .site-middle-footer-wrap .site-middle-footer-inner-wrap {
        /*         grid-template-columns: none !important; */
    }
    /* BUTTON - STICKY WHATSAPP BUTTON */
    .wa-button {
        bottom: 10px;
        right: 10px;
    }
	
	.list-pemasangan-thumb img {
		height: revert-layer;
	}
}