/*
 Theme Name:   SIDIJ
 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 STYLE */
:root {
    /* TYPE */
    --desktop-default-title-family: "Outfit";
    --desktop-default-title-size: 33px;
    --desktop-default-title-size-rem: 2.0625rem;
    --desktop-default-title-weight: 600;
    --desktop-default-title-style: normal;
    --desktop-default-subtitle-family: "Outfit";
    --desktop-default-subtitle-size: 20px;
    --desktop-default-subtitle-size-rem: 1.25rem;
    --desktop-default-subtitle-weight: 500;
    --desktop-default-subtitle-style: normal;
    --desktop-default-subtitle-letter-spacing: 2px;
    --desktop-default-subtitle-letter-spacing-rem: 0.125rem;
    --desktop-default-desc-family: "Spline Sans";
    --desktop-default-desc-size: 15px;
    --desktop-default-desc-size-rem: 0.9375rem;
    --desktop-default-desc-weight: 400;
    --desktop-default-desc-style: normal;
    --desktop-default-desc-line-height: 147%;
    --desktop-default-category-family: "Outfit";
    --desktop-default-category-size: 18px;
    --desktop-default-category-size-rem: 1.125rem;
    --desktop-default-category-weight: 500;
    --desktop-default-category-style: normal;
    --desktop-default-menu-family: "Outfit";
    --desktop-default-menu-size: 15px;
    --desktop-default-menu-size-rem: 0.9375rem;
    --desktop-default-menu-weight: 400;
    --desktop-default-menu-style: normal;
    --desktop-default-field-family: "Spline Sans";
    --desktop-default-field-size: 15px;
    --desktop-default-field-size-rem: 0.9375rem;
    --desktop-default-field-weight: 400;
    --desktop-default-field-style: normal;
    --desktop-button-default-family: "Outfit";
    --desktop-button-default-size: 16px;
    --desktop-button-default-size-rem: 1rem;
    --desktop-button-default-weight: 600;
    --desktop-button-default-style: normal;
    --desktop-button-banner-family: "Outfit";
    --desktop-button-banner-size: 22px;
    --desktop-button-banner-size-rem: 1.375rem;
    --desktop-button-banner-weight: 600;
    --desktop-button-banner-style: normal;
    --desktop-button-menu-family: "Outfit";
    --desktop-button-menu-size: 15px;
    --desktop-button-menu-size-rem: 0.9375rem;
    --desktop-button-menu-weight: 600;
    --desktop-button-menu-style: normal;
    --desktop-button-tab-family: "Outfit";
    --desktop-button-tab-size: 15px;
    --desktop-button-tab-size-rem: 0.9375rem;
    --desktop-button-tab-weight: 600;
    --desktop-button-tab-style: normal;
    --desktop-button-cta-family: "Outfit";
    --desktop-button-cta-size: 20px;
    --desktop-button-cta-size-rem: 1.25rem;
    --desktop-button-cta-weight: 600;
    --desktop-button-cta-style: normal;
    --desktop-footer-title-family: "Outfit";
    --desktop-footer-title-size: 18px;
    --desktop-footer-title-size-rem: 1.125rem;
    --desktop-footer-title-weight: 500;
    --desktop-footer-title-style: normal;
    --desktop-footer-desc-family: "Spline Sans";
    --desktop-footer-desc-size: 15px;
    --desktop-footer-desc-size-rem: 0.9375rem;
    --desktop-footer-desc-weight: 400;
    --desktop-footer-desc-style: normal;
    --desktop-footer-desc-line-height: 147%;
    --desktop-footer-copyright-family: "Spline Sans";
    --desktop-footer-copyright-size: 13px;
    --desktop-footer-copyright-size-rem: 0.8125rem;
    --desktop-footer-copyright-weight: 400;
    --desktop-footer-copyright-style: normal;
    --desktop-footer-copyright-line-height: 147%;
    --desktop-banner-title-family: "Outfit";
    --desktop-banner-title-size: 46px;
    --desktop-banner-title-size-rem: 2.875rem;
    --desktop-banner-title-weight: 600;
    --desktop-banner-title-style: normal;
    --desktop-banner-subtitle-family: "Outfit";
    --desktop-banner-subtitle-size: 26px;
    --desktop-banner-subtitle-size-rem: 1.625rem;
    --desktop-banner-subtitle-weight: 500;
    --desktop-banner-subtitle-style: normal;
    --desktop-banner-subtitle-letter-spacing: 2.08px;
    --desktop-banner-subtitle-letter-spacing-rem: 0.13rem;
    --desktop-banner-desc-family: "Spline Sans";
    --desktop-banner-desc-size: 24px;
    --desktop-banner-desc-size-rem: 1.5rem;
    --desktop-banner-desc-weight: 400;
    --desktop-banner-desc-style: normal;
    --desktop-cta-title-family: "Outfit";
    --desktop-cta-title-size: 30px;
    --desktop-cta-title-size-rem: 1.875rem;
    --desktop-cta-title-weight: 500;
    --desktop-cta-title-style: normal;
    --desktop-cta-desc-family: "Spline Sans";
    --desktop-cta-desc-size: 18px;
    --desktop-cta-desc-size-rem: 1.125rem;
    --desktop-cta-desc-weight: 400;
    --desktop-cta-desc-style: normal;
    --desktop-cta-desc-line-height: 147%;
    --desktop-product-pagination-family: "Outfit";
    --desktop-product-pagination-size: 15px;
    --desktop-product-pagination-size-rem: 0.9375rem;
    --desktop-product-pagination-weight: 500;
    --desktop-product-pagination-style: normal;
    --desktop-product-list-title-family: "Spline Sans";
    --desktop-product-list-title-size: 16px;
    --desktop-product-list-title-size-rem: 1rem;
    --desktop-product-list-title-weight: 500;
    --desktop-product-list-title-style: normal;
    --desktop-product-list-price-family: "Spline Sans";
    --desktop-product-list-price-size: 22px;
    --desktop-product-list-price-size-rem: 1.375rem;
    --desktop-product-list-price-weight: 700;
    --desktop-product-list-price-style: normal;
    --desktop-product-list-sale-family: "Spline Sans";
    --desktop-product-list-sale-size: 16px;
    --desktop-product-list-sale-size-rem: 1rem;
    --desktop-product-list-sale-weight: 500;
    --desktop-product-list-sale-style: normal;
    --desktop-product-filter-title-family: "Outfit";
    --desktop-product-filter-title-size: 17px;
    --desktop-product-filter-title-size-rem: 1.0625rem;
    --desktop-product-filter-title-weight: 400;
    --desktop-product-filter-title-style: normal;
    --desktop-product-filter-desc-family: "Spline Sans";
    --desktop-product-filter-desc-size: 15px;
    --desktop-product-filter-desc-size-rem: 0.9375rem;
    --desktop-product-filter-desc-weight: 400;
    --desktop-product-filter-desc-style: normal;
    --desktop-product-single-title-desc-family: "Outfit";
    --desktop-product-single-title-desc-size: 22px;
    --desktop-product-single-title-desc-size-rem: 1.375rem;
    --desktop-product-single-title-desc-weight: 500;
    --desktop-product-single-title-desc-style: normal;
    --mobile-default-title-family: "Outfit";
    --mobile-default-title-size: 25px;
    --mobile-default-title-size-rem: 1.5625rem;
    --mobile-default-title-weight: 600;
    --mobile-default-title-style: normal;
    --mobile-default-subtitle-family: "Outfit";
    --mobile-default-subtitle-size: 16px;
    --mobile-default-subtitle-size-rem: 1rem;
    --mobile-default-subtitle-weight: 500;
    --mobile-default-subtitle-style: normal;
    --mobile-default-subtitle-letter-spacing: 1.6px;
    --mobile-default-subtitle-letter-spacing-rem: 0.1rem;
    --mobile-default-desc-family: "Spline Sans";
    --mobile-default-desc-size: 14px;
    --mobile-default-desc-size-rem: 0.875rem;
    --mobile-default-desc-weight: 400;
    --mobile-default-desc-style: normal;
    --mobile-default-desc-line-height: 147%;
    --mobile-default-category-family: "Outfit";
    --mobile-default-category-size: 16px;
    --mobile-default-category-size-rem: 1rem;
    --mobile-default-category-weight: 500;
    --mobile-default-category-style: normal;
    --mobile-default-menu-family: "Outfit";
    --mobile-default-menu-size: 14px;
    --mobile-default-menu-size-rem: 0.875rem;
    --mobile-default-menu-weight: 400;
    --mobile-default-menu-style: normal;
    --mobile-default-field-family: "Spline Sans";
    --mobile-default-field-size: 14px;
    --mobile-default-field-size-rem: 0.875rem;
    --mobile-default-field-weight: 400;
    --mobile-default-field-style: normal;
    --mobile-button-default-family: "Outfit";
    --mobile-button-default-size: 14px;
    --mobile-button-default-size-rem: 0.875rem;
    --mobile-button-default-weight: 600;
    --mobile-button-default-style: normal;
    --mobile-button-banner-family: "Outfit";
    --mobile-button-banner-size: 18px;
    --mobile-button-banner-size-rem: 1.125rem;
    --mobile-button-banner-weight: 600;
    --mobile-button-banner-style: normal;
    --mobile-button-menu-family: "Outfit";
    --mobile-button-menu-size: 14px;
    --mobile-button-menu-size-rem: 0.875rem;
    --mobile-button-menu-weight: 600;
    --mobile-button-menu-style: normal;
    --mobile-button-tab-family: "Outfit";
    --mobile-button-tab-size: 14px;
    --mobile-button-tab-size-rem: 0.875rem;
    --mobile-button-tab-weight: 600;
    --mobile-button-tab-style: normal;
    --mobile-button-cta-family: "Outfit";
    --mobile-button-cta-size: 16px;
    --mobile-button-cta-size-rem: 1rem;
    --mobile-button-cta-weight: 600;
    --mobile-button-cta-style: normal;
    --mobile-footer-title-family: "Outfit";
    --mobile-footer-title-size: 16px;
    --mobile-footer-title-size-rem: 1rem;
    --mobile-footer-title-weight: 500;
    --mobile-footer-title-style: normal;
    --mobile-footer-desc-family: "Spline Sans";
    --mobile-footer-desc-size: 14px;
    --mobile-footer-desc-size-rem: 0.875rem;
    --mobile-footer-desc-weight: 400;
    --mobile-footer-desc-style: normal;
    --mobile-footer-desc-line-height: 147%;
    --mobile-footer-copyright-family: "Spline Sans";
    --mobile-footer-copyright-size: 11px;
    --mobile-footer-copyright-size-rem: 0.6875rem;
    --mobile-footer-copyright-weight: 400;
    --mobile-footer-copyright-style: normal;
    --mobile-footer-copyright-line-height: 147%;
    --mobile-banner-title-family: "Outfit";
    --mobile-banner-title-size: 28px;
    --mobile-banner-title-size-rem: 1.75rem;
    --mobile-banner-title-weight: 600;
    --mobile-banner-title-style: normal;
    --mobile-banner-title-family: "Outfit";
    --mobile-banner-title-size: 18px;
    --mobile-banner-title-size-rem: 1.125rem;
    --mobile-banner-title-weight: 500;
    --mobile-banner-title-style: normal;
    --mobile-banner-title-letter-spacing: 1.44px;
    --mobile-banner-title-letter-spacing-rem: 0.09rem;
    --mobile-banner-desc-family: "Spline Sans";
    --mobile-banner-desc-size: 16px;
    --mobile-banner-desc-size-rem: 1rem;
    --mobile-banner-desc-weight: 400;
    --mobile-banner-desc-style: normal;
    --mobile-cta-title-family: "Outfit";
    --mobile-cta-title-size: 22px;
    --mobile-cta-title-size-rem: 1.375rem;
    --mobile-cta-title-weight: 500;
    --mobile-cta-title-style: normal;
    --mobile-cta-desc-family: "Spline Sans";
    --mobile-cta-desc-size: 16px;
    --mobile-cta-desc-size-rem: 1rem;
    --mobile-cta-desc-weight: 400;
    --mobile-cta-desc-style: normal;
    --mobile-cta-desc-line-height: 147%;
    --mobile-product-pagination-family: "Outfit";
    --mobile-product-pagination-size: 14px;
    --mobile-product-pagination-size-rem: 0.875rem;
    --mobile-product-pagination-weight: 500;
    --mobile-product-pagination-style: normal;
    --mobile-product-list-title-family: "Spline Sans";
    --mobile-product-list-title-size: 14px;
    --mobile-product-list-title-size-rem: 0.875rem;
    --mobile-product-list-title-weight: 500;
    --mobile-product-list-title-style: normal;
    --mobile-product-list-price-family: "Spline Sans";
    --mobile-product-list-price-size: 16px;
    --mobile-product-list-price-size-rem: 1rem;
    --mobile-product-list-price-weight: 700;
    --mobile-product-list-price-style: normal;
    --mobile-product-list-sale-family: "Spline Sans";
    --mobile-product-list-sale-size: 14px;
    --mobile-product-list-sale-size-rem: 0.875rem;
    --mobile-product-list-sale-weight: 500;
    --mobile-product-list-sale-style: normal;
    --mobile-product-filter-title-family: "Outfit";
    --mobile-product-filter-title-size: 16px;
    --mobile-product-filter-title-size-rem: 1rem;
    --mobile-product-filter-title-weight: 400;
    --mobile-product-filter-title-style: normal;
    --mobile-product-filter-desc-family: "Spline Sans";
    --mobile-product-filter-desc-size: 14px;
    --mobile-product-filter-desc-size-rem: 0.875rem;
    --mobile-product-filter-desc-weight: 400;
    --mobile-product-filter-desc-style: normal;
    --mobile-product-single-title-desc-family: "Outfit";
    --mobile-product-single-title-desc-size: 16px;
    --mobile-product-single-title-desc-size-rem: 1rem;
    --mobile-product-single-title-desc-weight: 500;
    --mobile-product-single-title-desc-style: normal;

    /* COLORS */
    --blue-default: #1681ff;
    --blue-border: #a2cdff;
    --blue-background: #f1f8ff;
    --blue-dark: #005cc9;
    --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;
    --white-transparent: rgba(255 255 255 / 0);

    /* SHADOWS */
    --default-small: 0 7px 15px 0 rgba(0 0 0 / 0.14);
    --default-medium: 0 9px 20px -4px rgba(0 0 0 / 0.15);
    --default-large: 0 15px 29px -8px rgba(0 0 0 / 0.22);
}


/* SAMPLE CODE */
.sample-code .for-global-styles {
    font-family: var(--default-title-family);
    font-size: var(--default-title-size);
    font-weight: var(--default-title-weight);
}


/* 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;
}

.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;
}

p:first-child {
    margin-top: 0px !important;
}

.single-content ul,
.single-content ol {
    margin: 0 0 0px;
}

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


/* HEADER */

.item-is-stuck {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1) !important;
}

.header-navigation .menu {
    margin-left: 20px;
}


/* FOOTER */

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


/* 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;
    animation: ring-animation 5s infinite;
}

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

.wa-button a img {
    width: 30px;
    height: auto;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-decoration: none;
    z-index: 888;
    transition: all 0.2s ease-in-out;
    text-shadow: 0 2px 5px rgba(20, 113, 34, 0.5);
}

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

@keyframes ring-animation {

    0%,
    90% {
        transform: scale(1) rotate(0deg);
    }

    92%,
    94% {
        transform: scale(1.2) rotate(-5deg);
    }

    94%,
    96% {
        transform: scale(1.2) rotate(5deg);
    }

    96%,
    98% {
        transform: scale(1.2) rotate(-4deg);
    }

    98%,
    100% {
        transform: scale(1.2) rotate(4deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
    }
}


/* LIST PRODUK */

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


/* LIST PRODUK CHILD */

.list-portfolio.list-detail {}


/* LIST PORTFOLIO */

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


/* DESKTOP */
@media (min-width: 1280px) {

    /* FOOTER */
    .site-middle-footer-wrap .site-container {
        padding: 0 !important;
    }
}


/* 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;
    }
}