/**
 * KlikkaCaMobil Theme Styles
 * 
 * CSS variables and styles based on theme.json configuration
 */

@font-face {
    font-family: 'General Sans';
    src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'General Sans';
    src: url('../fonts/GeneralSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'General Sans';
    src: url('../fonts/GeneralSans-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'General Sans';
    src: url('../fonts/GeneralSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-primary: #1d2b6c;
    --color-secondary: #f7de6f;
    --color-foreground: #000000;
    --color-background: #ffffff;
    --color-tertiary: #FF6B6B;
    --color-quaternary: #4A89DC;
    --color-primary-light: #24388f;
    --color-primary-dark: #1a2760;
    --color-secondary-light: #f7de6f;
    --color-secondary-dark: #f7de6f;
    --color-foreground-light: #000000;
    --color-foreground-dark: #000000;
    --color-background-dark: #E5E7EB;
    --color-gray-100: #F3F4F6;
    --color-gray-200: #E5E7EB;
    --color-gray-300: #D1D5DB;
    --color-gray-400: #9CA3AF;
    --color-gray-500: #6B7280;
    --color-gray-600: #4B5563;
    --color-gray-700: #374151;
    --color-gray-800: #1E293B;

    --color-title: var(--color-primary);
    --color-button: var(--color-primary);
    --color-button-label: var(--color-background);

    --font-family-base: "General Sans", sans-serif;
    --font-family-heading: "General Sans", sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.5em;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 600;

    --font-size-xs: 0.75rem;
    /* 12px */
    --font-size-sm: 0.875rem;
    /* 14px */
    --font-size-base: .9rem;
    --font-size-lg: 1rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    --font-size-5xl: 3rem;

    /* Custom spacing from theme.json */
    --spacing-small: max(1.25rem, 5vw);
    --spacing-medium: clamp(2rem, 8vw, calc(4 * 15px));
    --spacing-large: clamp(4rem, 10vw, 8rem);
    --spacing-outer: var(--spacing-small);
    --block-gap: 15px;

    /* Enhanced spacing scale */
    --spacing-0: 0;
    --spacing-1: 0.25rem;
    /* 4px */
    --spacing-2: 0.5rem;
    /* 8px */
    --spacing-3: 0.75rem;
    /* 12px */
    --spacing-4: 1rem;
    /* 16px */
    --spacing-5: 1.25rem;
    /* 20px */
    --spacing-6: 1.5rem;
    /* 24px */
    --spacing-8: 2rem;
    /* 32px */
    --spacing-10: 2.5rem;
    /* 40px */
    --spacing-12: 3rem;
    /* 48px */
    --spacing-16: 4rem;
    /* 64px */

    /* Custom font sizes from theme.json */
    --font-size-gigantic: clamp(3rem, 6vw, 4rem);
    --font-size-colossal: clamp(4rem, 8vw, 6.25rem);

    /* Custom line heights from theme.json */
    --line-height-tiny: 1.15;
    --line-height-small: 1.2;
    --line-height-medium: 1.4;
    --line-height-normal: 1.6;

    /* Layout from theme.json */
    --content-size: 700px;
    --wide-size: 768px;

    /* Border from theme.json */
    --border-color: #E5E7EB;
    --border-radius: 8px;
    --border-style: solid;
    --border-width: 2px;

    /* Enhanced border radius scale */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --border-radius-xl: 16px;
    --border-radius-2xl: 24px;
    --border-radius-full: 9999px;

    --border-radius-button: var(--border-radius-md);
    --border-radius-card: var(--border-radius-lg);


    /* Shadows for depth */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    /* Transitions */
    --transition-fast: 150ms;
    --transition-normal: 300ms;
    --transition-slow: 500ms;

    /* Spacing from theme.json */
    --spacing-padding: 10px;
    --spacing-margin: 10px;
}

.is-dark-theme {
    --color-secondary: #1d2b6c;
    --color-primary: #f7de6f;
    --color-primary-dark: #e0ca68;
    --color-foreground: #F9FAFB;
    --color-background: #1E293B;
    --color-background-dark: #141a25;
    --color-background-light: #2c3d58;

    --color-title: var(--color-primary);
    --color-button: var(--color-primary);
    --color-button-label: var(--color-background);
    --color-quaternary: #f7de6f;
    background-color: #212529;
}

* {
    -webkit-transition: all var(--transition-normal) ease;
    -o-transition: all var(--transition-normal) ease;
    transition: all var(--transition-normal) ease;
}

/* Base Styles */
body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    color: var(--color-foreground);
    background-color: #fafdff;
    background-image: none;
    margin: 0;
    padding: 0;
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



body.menu-open {
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-small);
    margin-top: 0;
    margin-bottom: var(--spacing-medium);
    letter-spacing: -0.025em;
}

h1 {
    font-size: var(--font-size-xl);
    margin-bottom: var(--spacing-4);
}

h2 {
    font-size: var(--font-size-xl);
    margin-bottom: var(--spacing-4);
}

h3 {
    font-size: var(--font-size-lg);
    margin-bottom: var(--spacing-4);
}

h4 {
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-3);
}

h5 {
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-2);
}

h6 {
    font-size: var(--font-size-xs);
    margin-bottom: var(--spacing-2);
}

p {
    margin-top: 0;
    margin-bottom: var(--spacing-4);
    line-height: var(--line-height-normal);
}

a {
    color: var(--color-primary);
    text-decoration: none;
    -webkit-transition: all var(--transition-normal) ease;
    -o-transition: all var(--transition-normal) ease;
    transition: all var(--transition-normal) ease;
    position: relative;
}

a:hover {
    color: var(--color-primary-dark);
}

a.underline-effect {
    display: inline-block;
}

a.underline-effect::after {
    content: '';
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: var(--color-primary);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform var(--transition-normal) ease-out;
    transition: -webkit-transform var(--transition-normal) ease-out;
    -o-transition: transform var(--transition-normal) ease-out;
    transition: transform var(--transition-normal) ease-out;
    transition: transform var(--transition-normal) ease-out, -webkit-transform var(--transition-normal) ease-out;
}

a.underline-effect:hover::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}


.color-primary {
    color: var(--color-primary);
}

.color-secondary {
    color: var(--color-secondary);
}

/* Header Styles */
header.site-header {
    position: fixed;
    width: 100%;
    max-width: 768px;
    top: 0;
    z-index: 999;
    padding-bottom: var(--spacing-padding);
    overflow: hidden;
}


.sticky-header {
    top: 0;
    z-index: 100;
    -webkit-transition: -webkit-transform var(--transition-normal) ease-in-out, -webkit-box-shadow var(--transition-normal) ease-in-out;
    transition: -webkit-transform var(--transition-normal) ease-in-out, -webkit-box-shadow var(--transition-normal) ease-in-out;
    -o-transition: transform var(--transition-normal) ease-in-out, box-shadow var(--transition-normal) ease-in-out;
    transition: transform var(--transition-normal) ease-in-out, box-shadow var(--transition-normal) ease-in-out;
    transition: transform var(--transition-normal) ease-in-out, box-shadow var(--transition-normal) ease-in-out, -webkit-transform var(--transition-normal) ease-in-out, -webkit-box-shadow var(--transition-normal) ease-in-out;
    background-color: var(--color-background);
    background-color: rgba(249, 250, 251, 0.9);
}

.sticky-header.at-top .wp-block-site-logo {
    opacity: 0;
    pointer-events: none;
}

.sticky-header.hide-header {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}



.sticky-header .wp-block-button__link {
    padding: var(--spacing-2) !important;
    background-color: transparent !important;
    color: var(--color-foreground) !important;
    border-radius: var(--border-radius-button) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-transition: all var(--transition-normal) ease;
    -o-transition: all var(--transition-normal) ease;
    transition: all var(--transition-normal) ease;
    font-size: 20px;
    line-height: 1;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid transparent;
}

.sticky-header:not(.at-top) {
    -webkit-box-shadow: var(--shadow-lg);
    box-shadow: var(--shadow-lg);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);

}


body.is-dark-theme .sticky-header {
    background-color: rgba(15, 23, 42, 0.9);
}

body.is-dark-theme .sticky-header.at-top,
.sticky-header.at-top {
    background-color: transparent;
}

body.is-dark-theme .sticky-header .wp-block-button__link {
    color: var(--color-foreground) !important;
    opacity: .7;
}

/* Header Layout with Centered Logo */
.header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.header-left,
.header-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.header-center {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.centered-logo {
    margin: 0 auto;
}

.wp-block-site-logo.secondary-logo {
    display: none;
}

.is-dark-theme .wp-block-site-logo:not(.secondary-logo) {
    display: none;
    /* filter: invert(100%) brightness(20000%); */
}

.is-dark-theme .wp-block-site-logo.secondary-logo {
    display: block;
}


.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 258px;
    height: 100%;
    background-color: var(--color-background);
    color: var(--color-foreground);
    z-index: 999;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    padding: var(--spacing-padding);
    overflow-y: auto;
    -webkit-box-shadow: var(--shadow-lg);
    box-shadow: var(--shadow-lg);
}

.mobile-menu.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.mobile-menu .wp-block-navigation li {
    display: block;
    width: 100%;
}

.mobile-menu .wp-block-navigation li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
}

.mobile-menu .wp-block-navigation li a:hover {
    background-color: var(--color-background-dark);
}

.mobile-menu .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    position: relative !important;
    display: block;
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: auto;
    border: none;
    padding: 0;
    margin: 0;
}

.mobile-menu .wp-block-navigation .wp-block-navigation__submenu-icon {
    display: none;
}

.mobile-menu li:not(.has-child) a:before {
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 32px;
    height: 32px;
    border-radius: var(--border-radius-lg);
    background-color: var(--color-primary-light);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
}


body.is-page .at-top .header-left .wp-block-button.share-button {
    display: none;
}

body .show-on-page-only {
    display: none;
}

body.is-page .at-top .show-on-page-only {
    display: block;
}
/* icons */
.mobile-menu li:not(.has-child).menu-icon-home a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13px' height='13px' viewBox='-0.5 0 34 34' version='1.1'%3E%3Cg id='icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ui-gambling-website-lined-icnos-casinoshunter' transform='translate(-1383.000000, -153.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='1' transform='translate(1350.000000, 120.000000)'%3E%3Cpath d='M35.0026185,49.8218969 C33.8966028,49.8218969 33,48.9673526 33,47.9132188 C33,47.386939 33.2279956,46.884013 33.6300945,46.5233194 L48.1274731,33.5187787 C48.8985814,32.8270738 50.1014129,32.8270738 50.8725211,33.5187787 L65.3698998,46.5233194 C66.1753004,47.2457855 66.2137066,48.4537391 65.4556825,49.2213594 C65.0772365,49.6045963 64.5495577,49.8218969 63.9973758,49.8218969 L63.5183266,49.8218969 L63.5183266,63.1826438 C63.5183266,65.2909114 61.7251209,67 59.5130896,67 L55.5039249,67 C53.8470706,67 52.5039249,65.6568542 52.5039249,64 L52.5039249,57.4566094 L52.5039249,57.4566094 C52.5039249,56.4443825 51.6743634,55.6094251 50.6488932,55.5523934 L50.5013064,55.5479313 L48.4986879,55.5479313 C47.4366417,55.5479313 46.5605898,56.3385791 46.5007511,57.3159457 L46.4960694,57.4566094 L46.4960694,64 C46.4960694,65.6568542 45.1529236,67 43.4960694,67 L39.4869047,67 L39.4869047,67 C37.2748734,67 35.4816677,65.2909114 35.4816677,63.1826438 L35.4816677,49.8218969 L35.0026185,49.8218969 Z' id='home'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: #2196F3;
}

.mobile-menu li:not(.has-child).menu-icon-about a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 122.88 106.65' width='15px' height='15px'%3E%3Cpath class='cls-1' d='M40.53,53.26a92.87,92.87,0,0,1,43.37,0,5.46,5.46,0,0,1,3.33,2,5.16,5.16,0,0,1,.75,1L97.82,70l6-16.5a5.21,5.21,0,0,1,2.35-3.22v0l6.72-5a1.63,1.63,0,0,1,2.28.33h0a1.62,1.62,0,0,1-.33,2.27l-3.92,2.94c.35.14.71.29,1.06.46l4.3-2.81a1.25,1.25,0,0,1,1.73.36h0a1.26,1.26,0,0,1-.36,1.74L115.47,52h5.61a1.81,1.81,0,0,1,1.8,1.8h0a1.8,1.8,0,0,1-1.8,1.79h-4.86a13.36,13.36,0,0,1-.79,2L105,87.72h0a6.13,6.13,0,0,1-11.07,1.06L84.52,74.33c-1.44,9.08-2.71,23.89-5,32.32H44.9c-2.38-8.78-3.72-24.11-5.22-33.57l-10.2,15.7a6.13,6.13,0,0,1-11.07-1.06h0L8,57.62a14.53,14.53,0,0,1-.8-2H2.3A1.8,1.8,0,0,1,.51,53.8h0A1.8,1.8,0,0,1,2.3,52H7.91L5.72,50.56a1.26,1.26,0,0,1-.37-1.74h0a1.27,1.27,0,0,1,1.74-.36l4.3,2.81c.35-.17.71-.32,1.06-.46L8.52,47.87A1.62,1.62,0,0,1,8.2,45.6h0a1.62,1.62,0,0,1,2.27-.33l6.73,5v0a5.24,5.24,0,0,1,2.35,3.22l6,16.5,9.85-13.76a6.49,6.49,0,0,1,5-3l.1,0Zm-27-34.06v-.39a9.08,9.08,0,0,1,.21-2.19,3.29,3.29,0,0,1,.65-1.31,4.85,4.85,0,0,1,1-.9c.35-.23.67-.45,1-.67a3,3,0,0,0,.66-.69,1.4,1.4,0,0,0,.25-.83,1.35,1.35,0,0,0-.2-.73,1.37,1.37,0,0,0-.54-.5,1.73,1.73,0,0,0-.76-.17A1.64,1.64,0,0,0,15,11a1.6,1.6,0,0,0-.61.57,1.53,1.53,0,0,0-.23.85H9.88a5.09,5.09,0,0,1,.83-3A4.76,4.76,0,0,1,12.88,7.8a7.82,7.82,0,0,1,2.95-.54A9,9,0,0,1,19,7.78a4.94,4.94,0,0,1,2.21,1.56A4.2,4.2,0,0,1,22,12a4,4,0,0,1-1.3,3.11,7.47,7.47,0,0,1-1.42,1,5.26,5.26,0,0,0-1,.72,2.62,2.62,0,0,0-.62.84,3,3,0,0,0-.2,1.14v.39Zm2,5.59a2.24,2.24,0,0,1-1.65-.67,2.17,2.17,0,0,1-.68-1.65,2.15,2.15,0,0,1,.68-1.63,2.24,2.24,0,0,1,1.65-.67,2.27,2.27,0,0,1,2,3.47,2.53,2.53,0,0,1-.85.84,2.17,2.17,0,0,1-1.14.31ZM5.9,0H26.79A5.12,5.12,0,0,1,30.4,1.5l.1.1a5.36,5.36,0,0,1,1,1.56,5.14,5.14,0,0,1,.39,2V29.43a5.14,5.14,0,0,1-.39,1.95A5.31,5.31,0,0,1,30.4,33h0a5.12,5.12,0,0,1-3.61,1.5H25.55l-.41,4.62a1.55,1.55,0,0,1-2.61,1L15.6,34.54H5.11A5.12,5.12,0,0,1,1.5,33l-.09-.1a5.07,5.07,0,0,1-1-1.56A5.14,5.14,0,0,1,0,29.43V5.11A5.14,5.14,0,0,1,.39,3.16,5.31,5.31,0,0,1,1.5,1.5h0A5.12,5.12,0,0,1,5.11,0ZM26.79,3.11H5.11a1.91,1.91,0,0,0-.76.15,2,2,0,0,0-.65.44h0a1.94,1.94,0,0,0-.43.65,1.91,1.91,0,0,0-.15.76V29.43a1.91,1.91,0,0,0,.15.76,2.1,2.1,0,0,0,.37.59l.07.06a2.05,2.05,0,0,0,.65.45,2.1,2.1,0,0,0,.76.14H15.83a2.5,2.5,0,0,1,.94.19,2.58,2.58,0,0,1,.77.51L22.31,36l.18-2.1a2.46,2.46,0,0,1,.61-1.61,2.5,2.5,0,0,1,1.6-.83l.24,0h1.85a2.1,2.1,0,0,0,.76-.14,2.05,2.05,0,0,0,.65-.45h0a2.13,2.13,0,0,0,.44-.65,2.1,2.1,0,0,0,.14-.76V5.11a2.1,2.1,0,0,0-.14-.76,2.13,2.13,0,0,0-.38-.59L28.2,3.7a2,2,0,0,0-.65-.44,1.91,1.91,0,0,0-.76-.15Zm75.86,23.37v-.4a9,9,0,0,1,.21-2.18,3.33,3.33,0,0,1,.65-1.32,5.11,5.11,0,0,1,1-.89c.35-.23.67-.46,1-.68a2.81,2.81,0,0,0,.66-.68,1.45,1.45,0,0,0,.25-.83,1.39,1.39,0,0,0-.2-.74,1.35,1.35,0,0,0-.54-.49,1.73,1.73,0,0,0-.76-.17,1.61,1.61,0,0,0-.82.21,1.46,1.46,0,0,0-.61.57,1.51,1.51,0,0,0-.23.85H99a5.09,5.09,0,0,1,.83-3A4.76,4.76,0,0,1,102,15.07a7.91,7.91,0,0,1,3-.53,9,9,0,0,1,3.18.52,4.87,4.87,0,0,1,2.21,1.56,4.18,4.18,0,0,1,.8,2.61,4.27,4.27,0,0,1-.34,1.77,4.19,4.19,0,0,1-1,1.33,7.5,7.5,0,0,1-1.42,1.06,5.26,5.26,0,0,0-1,.72,2.42,2.42,0,0,0-.62.84,2.93,2.93,0,0,0-.2,1.13v.4Zm2,5.59a2.25,2.25,0,0,1-1.65-.68,2.17,2.17,0,0,1-.68-1.65,2.14,2.14,0,0,1,.68-1.62,2.32,2.32,0,0,1,3.26,0,2.22,2.22,0,0,1,.72,1.62,2.29,2.29,0,0,1-.34,1.18,2.53,2.53,0,0,1-.85.84,2.17,2.17,0,0,1-1.14.31Zm10.43-21.31H94.22a1.91,1.91,0,0,0-.76.15,2,2,0,0,0-.65.44l-.07.06a2.13,2.13,0,0,0-.38.59,2.11,2.11,0,0,0-.14.77V33.25a2.11,2.11,0,0,0,.14.77,2.26,2.26,0,0,0,.44.65h0a2,2,0,0,0,.65.44,1.91,1.91,0,0,0,.76.15h1.85l.24,0a2.46,2.46,0,0,1,1.6.83,2.41,2.41,0,0,1,.61,1.6l.18,2.11L103.47,36a2.38,2.38,0,0,1,.77-.5,2.54,2.54,0,0,1,.94-.19H115.9a1.91,1.91,0,0,0,.76-.15,2,2,0,0,0,.65-.44l.07-.06a2,2,0,0,0,.53-1.36V12.77a2.11,2.11,0,0,0-.15-.77,2.4,2.4,0,0,0-.44-.65h0a2,2,0,0,0-.65-.44,1.91,1.91,0,0,0-.76-.15ZM94.22,7.65H115.9a5,5,0,0,1,1.95.4,5.09,5.09,0,0,1,1.66,1.11h0a5.07,5.07,0,0,1,1.5,3.61V33.25a5.15,5.15,0,0,1-.39,2,5.31,5.31,0,0,1-1,1.55l-.1.11A5.43,5.43,0,0,1,117.85,38a5.14,5.14,0,0,1-1.95.39H105.41L98.48,44a1.49,1.49,0,0,1-.93.42A1.54,1.54,0,0,1,95.87,43l-.41-4.62H94.22a5.14,5.14,0,0,1-2-.39,5.43,5.43,0,0,1-1.66-1.11h0a5.07,5.07,0,0,1-1.5-3.61V12.77a5.15,5.15,0,0,1,.39-2,5.31,5.31,0,0,1,1-1.55l.1-.1a5.09,5.09,0,0,1,1.66-1.11,5,5,0,0,1,2-.4ZM61.34,6.59A20.14,20.14,0,1,1,41.21,26.72,20.14,20.14,0,0,1,61.34,6.59Z' style='&%2310; fill: %23ffffff;&%2310;'/%3E%3C/svg%3E");
    background-color: #009688;
}

.mobile-menu li:not(.has-child).menu-icon-price a:before {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.23 122.88' width='15px' height='15px' fill='%23ffffff'%3E%3Cpath d='M23.71,111.63a32.57,32.57,0,0,1-3.49-.43l-6.12-.88-3.78-.63c-1.22-.22-2.45-.46-3.66-.73s-2.47-.58-3.53-.86l-1.44-.39V84.06l6.69.55,4.91.29,5.15.23,5.22.16,5.07.1,4.72,0c1.43,0,2.68,0,3.76-.14a22.78,22.78,0,0,0,3-.45,9.46,9.46,0,0,0,2.09-.71,4.65,4.65,0,0,0,1.26-.86,2.7,2.7,0,0,0,.63-1,4.47,4.47,0,0,0,.24-1.55V79.15a3.09,3.09,0,0,0-1.2-2.72,5.5,5.5,0,0,0-1.63-.8,7,7,0,0,0-2-.27h-6.9a49.84,49.84,0,0,1-13.82-1.75A27.5,27.5,0,0,1,8.5,68.25a22,22,0,0,1-6.43-9.72A42.4,42.4,0,0,1,0,44.51V40.22A35.58,35.58,0,0,1,2.29,27a23.85,23.85,0,0,1,7-9.67,32.26,32.26,0,0,1,6.92-4.57,28.29,28.29,0,0,1,7.49-2.25V0H45.52V10.07a91.3,91.3,0,0,1,9.93,1.43l1.84.32c1.53.27,3.05.56,4.56.88s2.78.59,4.08.9l1.48.36V37.64l-2.1-.18c-2.08-.18-4.19-.34-6.31-.47-2.31-.15-4.67-.27-7.08-.38s-4.9-.19-7.09-.24c-2,0-4.17-.07-6.44-.07-1.19,0-2.29,0-3.29.12a26.91,26.91,0,0,0-2.88.36,8.23,8.23,0,0,0-2,.63,4.82,4.82,0,0,0-1.34.92,3,3,0,0,0-.71,1.18,6.19,6.19,0,0,0-.29,2v1.3a5.49,5.49,0,0,0,.36,2.12,3.47,3.47,0,0,0,1,1.33,4.92,4.92,0,0,0,1.91.9,13.07,13.07,0,0,0,3.25.35H43a39.54,39.54,0,0,1,8.77.92,26.84,26.84,0,0,1,7.35,2.79A24.48,24.48,0,0,1,69,61.4a28.62,28.62,0,0,1,2.46,6.79,34.51,34.51,0,0,1,.82,7.57v4.3A51.37,51.37,0,0,1,71.1,91.38,26.08,26.08,0,0,1,67.61,100a22.65,22.65,0,0,1-5.7,6,24.53,24.53,0,0,1-7.62,3.63l-.73.2a43,43,0,0,1-8,1.74v11.35H23.71V111.63Z'/%3E%3C/svg%3E");
    background-color: #FF9800;
}

.mobile-menu li:not(.has-child).menu-icon-gallery a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 122.88 81.68' width='15px' height='15px' xml:space='preserve' fill='%23ffffff'%3E%3Cg%3E%3Cpath class='st0' d='M119.28,33.83v44.74h-10.46v-6.91H49.94v6.91l-10.46,0V33.83h-3.6v-6.88h8.8l4.91-15.26 c1.45-4.49,3.86-8.58,8.58-8.58h44.26c4.72,0,7.44,4,8.58,8.58l3.79,15.26h8.09v6.88H119.28L119.28,33.83L119.28,33.83z M3.7,58.62 c-2.82,3.72-5.06,7.89-2.73,14.01c1.51,3.97,4.99,7.23,9.38,9.04c-7.17-15.82,13.41-21.49,14.03-2.75 c6.89-5.72,6.83-14.15,1.78-20.97c-2.38-3.22-3.58-5.03-4.1-6.89c-0.3-1.01-0.36-2.03-0.36-3.32c-0.02-4.35,0.48-8.63,0.58-13.24 c0.17-8.7,13.54-13.09,8.83-25.46C29.6,5.07,26.12,1.82,21.73,0C28.9,15.82,8.32,21.49,7.7,2.75C0.81,8.47,0.87,16.9,5.92,23.72 c2.22,2.99,4.83,4.87,4.67,10.76c-0.17,4.09-0.44,8.31-0.71,12.41c-0.1,1.63-0.26,2.71-0.66,3.74c-0.71,1.86-2.15,3.54-5.51,7.94 L3.7,58.62L3.7,58.62z M65.11,57.85h28.09v7.28l-28.09,0V57.85L65.11,57.85L65.11,57.85z M42.98,40.89 c7.87,0.25,12.69,3.55,13.92,10.42H42.98V40.89L42.98,40.89z M114.78,40.89c-7.87,0.25-12.69,3.55-13.92,10.42h13.92V40.89 L114.78,40.89z M48.43,26.95h61.89l-2.77-12.79c-0.76-3.51-2.94-6.54-6.54-6.54H59.07c-3.59,0-5.44,3.11-6.54,6.54L48.43,26.95 L48.43,26.95L48.43,26.95z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: #795548;
}

.mobile-menu li.menu-icon-class a:before {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 54.24' width='15px' height='15px' fill='%23ffffff'%3E%3Cpath d='M21.2,14.87,6.44,48.73q7.77-1.11,15.44-1.93l20.77-16a2.51,2.51,0,0,1,3.16.68c.94,1,1,2.33.25,2.95L31.14,45.92q14.64-1.2,29-1.3L78.05,30.8a2.51,2.51,0,0,1,3.16.68c.94,1,1.05,2.33.25,2.95L68.18,44.65a352.25,352.25,0,0,1,48.23,4L101.2,13.8a7,7,0,0,0-1.91-3c-.94-.7-2.55-1.26-5.49-2A127.69,127.69,0,0,0,62,4.88,145.37,145.37,0,0,0,30.17,8.62c-3.13.71-5.06,1.46-6.33,2.44a9,9,0,0,0-2.64,3.81Zm.85,20.69h-.11a3.36,3.36,0,0,0-1-2.43,3.32,3.32,0,0,0-2.43-1V32a3.29,3.29,0,0,0,2.43-1,3.33,3.33,0,0,0,1-2.43h.11a3.33,3.33,0,0,0,1,2.43,3.29,3.29,0,0,0,2.43,1v.12a3.32,3.32,0,0,0-2.43,1,3.36,3.36,0,0,0-1,2.43Zm11.44-6.09h-.18a5.84,5.84,0,0,0-5.71-5.71v-.19a5.49,5.49,0,0,0,4-1.71,5.51,5.51,0,0,0,1.71-4h.18a5.48,5.48,0,0,0,1.72,4,5.47,5.47,0,0,0,4,1.71v.19a5.86,5.86,0,0,0-5.72,5.71Zm55,10.23h-.1a3.14,3.14,0,0,0-3.07-3.07v-.1a3.14,3.14,0,0,0,3.07-3.06h.1a3.14,3.14,0,0,0,3.06,3.06v.1a3,3,0,0,0-2.14.92,2.91,2.91,0,0,0-.92,2.15Zm9.58-5.8h-.17a5.3,5.3,0,0,0-5.17-5.16v-.17a5.3,5.3,0,0,0,5.17-5.17h.17a5.3,5.3,0,0,0,5.17,5.17v.17a5.3,5.3,0,0,0-5.17,5.16ZM.2,50.82l16.53-37.9a13.35,13.35,0,0,1,4.14-5.75c1.86-1.42,4.37-2.44,8.23-3.31A150.36,150.36,0,0,1,62,0,132.58,132.58,0,0,1,95,4c3.58.91,5.68,1.69,7.23,2.85,1.7,1.27,2.48,2.72,3.46,5l16.95,38.86a2.51,2.51,0,0,1,.22,1.49,2.46,2.46,0,0,1-2.82,2,346.39,346.39,0,0,0-57.17-4.72,390,390,0,0,0-60,4.7A2.38,2.38,0,0,1,1.47,54,2.44,2.44,0,0,1,.2,50.82Z'/%3E%3C/svg%3E");
    background-color: #E91E63;
}

.mobile-menu li:not(.has-child).menu-icon-window a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 352.15' width='15px' height='15px' fill='%23ffffff'%3E%3Cpath fill-rule='nonzero' d='M280.41 232.83c19.23 1.42 38.6 4.36 58.1 8.88 18.32 4.25 36.81 9.9 55.48 17.01L476.14 92.6C401.05 48.67 325 27.57 251.32 27.57c-75.63 0-148.92 22.2-216.24 64.71l78.77 166.3c17.78-6.85 35.73-12.44 53.83-16.7 16.73-3.94 33.66-6.76 50.78-8.39L179.65 86.34c-2.2-8.4 2.81-17 11.21-19.21 8.39-2.2 16.99 2.81 19.2 11.21l53.43 202.61.11.41c15.19 4.24 26.34 18.19 26.34 34.73 0 19.92-16.14 36.06-36.05 36.06-19.92 0-36.06-16.14-36.06-36.06 0-11.94 5.81-22.52 14.75-29.08l-7-26.54c-17.3 1.42-34.51 4.19-51.65 8.23-20.76 4.89-41.32 11.65-61.69 20.18l-12.08 5.05L0 82.47l9.86-6.58C84.54 26.07 166.52 0 251.32 0c82.22 0 166.93 24.48 250 75.57L512 82.13 407.34 293.77l-11.86-4.89c-21.24-8.77-42.27-15.52-63.11-20.35-15.31-3.55-30.48-6.05-45.5-7.54l-6.46-28.16zm114.11-116.36c6.73 0 12.18 5.45 12.18 12.17 0 6.73-5.45 12.18-12.18 12.18-6.72 0-12.17-5.45-12.17-12.18 0-6.72 5.45-12.17 12.17-12.17zM331.8 171.7c9.37 0 16.96 7.6 16.96 16.97s-7.59 16.97-16.96 16.97c-9.37 0-16.97-7.6-16.97-16.97s7.6-16.97 16.97-16.97zm-26.29-73.52c11.33 0 20.51 9.18 20.51 20.51 0 11.32-9.18 20.5-20.51 20.5-11.32 0-20.5-9.18-20.5-20.5 0-11.33 9.18-20.51 20.5-20.51zm-185.87 88.35h-.61c0-4.98-1.86-9.33-5.58-13.06-3.73-3.72-8.08-5.59-13.06-5.59v-.61c4.98 0 9.33-1.86 13.06-5.59 3.72-3.73 5.58-8.09 5.58-13.05h.61c0 4.98 1.86 9.33 5.59 13.06 3.72 3.72 8.07 5.58 13.06 5.58v.61c-4.98 0-9.34 1.87-13.06 5.59-3.73 3.73-5.59 8.08-5.59 13.06zm11.16-47.38h-1c0-8.21-3.07-15.38-9.2-21.52-6.13-6.12-13.3-9.19-21.51-9.19v-1c8.21 0 15.38-3.07 21.51-9.22 6.13-6.16 9.2-13.33 9.2-21.51h1c0 8.21 3.08 15.39 9.2 21.51 6.14 6.13 13.3 9.2 21.51 9.2v1.01c-8.21 0-15.37 3.06-21.51 9.2-6.12 6.14-9.2 13.31-9.2 21.52z'/%3E%3C/svg%3E");
    background-color: #3F51B5;
}

.mobile-menu li:not(.has-child).menu-icon-location a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 122.88 113.05' style='enable-background:new 0 0 122.88 113.05' xml:space='preserve' width='15px' height='15px' fill='%23ffffff'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M0,100.07h14.72V1.57c0-0.86,0.71-1.57,1.57-1.57h49.86c0.86,0,1.57,0.71,1.57,1.57V38.5h44.12 c0.86,0,1.57,0.71,1.57,1.57v59.99h9.47v12.99H0V100.07L0,100.07z M27.32,14.82h10.2c0.31,0,0.57,0.26,0.57,0.57v12.36 c0,0.31-0.26,0.57-0.57,0.57h-10.2c-0.31,0-0.57-0.26-0.57-0.57V15.39C26.75,15.08,27.01,14.82,27.32,14.82L27.32,14.82z M44.6,76.3h10.2c0.31,0,0.57,0.26,0.57,0.57v12.36c0,0.31-0.26,0.57-0.57,0.57H44.6c-0.31,0-0.57-0.26-0.57-0.57V76.87 C44.03,76.55,44.29,76.3,44.6,76.3L44.6,76.3z M27.32,76.3h10.2c0.31,0,0.57,0.26,0.57,0.57v12.36c0,0.31-0.26,0.57-0.57,0.57 h-10.2c-0.31,0-0.57-0.26-0.57-0.57V76.87C26.75,76.55,27.01,76.3,27.32,76.3L27.32,76.3z M44.6,55.8h10.2 c0.31,0,0.57,0.26,0.57,0.57v12.36c0,0.31-0.26,0.57-0.57,0.57H44.6c-0.31,0-0.57-0.26-0.57-0.57V56.38 C44.03,56.06,44.29,55.8,44.6,55.8L44.6,55.8z M27.32,55.8h10.2c0.31,0,0.57,0.26,0.57,0.57v12.36c0,0.31-0.26,0.57-0.57,0.57 h-10.2c-0.31,0-0.57-0.26-0.57-0.57V56.38C26.75,56.06,27.01,55.8,27.32,55.8L27.32,55.8z M44.6,35.31h10.2 c0.31,0,0.57,0.26,0.57,0.57v12.36c0,0.31-0.26,0.57-0.57,0.57H44.6c-0.31,0-0.57-0.26-0.57-0.57V35.88 C44.03,35.57,44.29,35.31,44.6,35.31L44.6,35.31z M27.32,35.31h10.2c0.31,0,0.57,0.26,0.57,0.57v12.36c0,0.31-0.26,0.57-0.57,0.57 h-10.2c-0.31,0-0.57-0.26-0.57-0.57V35.88C26.75,35.57,27.01,35.31,27.32,35.31L27.32,35.31z M44.6,14.82h10.2 c0.31,0,0.57,0.26,0.57,0.57v12.36c0,0.31-0.26,0.57-0.57,0.57H44.6c-0.31,0-0.57-0.26-0.57-0.57V15.39 C44.03,15.08,44.29,14.82,44.6,14.82L44.6,14.82z M23.17,7.32h35.92c0.62,0,1.13,0.61,1.13,1.35v85.87c0,0.74-0.51,1.35-1.13,1.35 H23.17c-0.62,0-1.13-0.61-1.13-1.35V8.67C22.04,7.93,22.55,7.32,23.17,7.32L23.17,7.32z M72.61,53.43h10.2 c0.31,0,0.57,0.26,0.57,0.57v12.36c0,0.31-0.26,0.57-0.57,0.57h-10.2c-0.31,0-0.57-0.26-0.57-0.57V54 C72.04,53.69,72.3,53.43,72.61,53.43L72.61,53.43z M89.89,76.3h10.2c0.31,0,0.57,0.26,0.57,0.57v12.36c0,0.31-0.26,0.57-0.57,0.57 h-10.2c-0.31,0-0.57-0.26-0.57-0.57V76.87C89.32,76.55,89.58,76.3,89.89,76.3L89.89,76.3z M72.61,76.3h10.2 c0.31,0,0.57,0.26,0.57,0.57v12.36c0,0.31-0.26,0.57-0.57,0.57h-10.2c-0.31,0-0.57-0.26-0.57-0.57V76.87 C72.04,76.55,72.3,76.3,72.61,76.3L72.61,76.3z M89.89,53.43h10.2c0.31,0,0.57,0.26,0.57,0.57v12.36c0,0.31-0.26,0.57-0.57,0.57 h-10.2c-0.31,0-0.57-0.26-0.57-0.57V54C89.32,53.69,89.58,53.43,89.89,53.43L89.89,53.43z M68.86,45.82h35.92 c0.62,0,1.13,0.61,1.13,1.35v47.37c0,0.74-0.51,1.35-1.13,1.35H68.86c-0.62,0-1.13-0.61-1.13-1.35V47.17 C67.73,46.43,68.24,45.82,68.86,45.82L68.86,45.82z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: #607D8B;
}

.mobile-menu li:not(.has-child).menu-icon-blog a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 112.77 122.88' style='enable-background:new 0 0 112.77 122.88' xml:space='preserve' width='15px' height='15px' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M64.44,61.11c1.79,0,3.12-1.45,3.12-3.12c0-1.78-1.45-3.12-3.12-3.12H24.75c-1.78,0-3.12,1.45-3.12,3.12 c0,1.78,1.45,3.12,3.12,3.12H64.44L64.44,61.11L64.44,61.11L64.44,61.11z M77.45,19.73l18.1-19.14c0.69-0.58,1.39-0.81,2.2-0.35 l14.56,14.1c0.58,0.69,0.69,1.5-0.12,2.31L93.75,36.14L77.45,19.73L77.45,19.73L77.45,19.73L77.45,19.73z M87.74,42.27l-18.66,3.86 l2.36-20.28L87.74,42.27L87.74,42.27z M19.14,13.09h41.73l-3.05,6.45H19.14c-3.48,0-6.65,1.43-8.96,3.73s-3.73,5.46-3.73,8.96 v45.74c0,3.48,1.43,6.66,3.73,8.96c2.3,2.3,5.47,3.73,8.96,3.73h3.72v0.01l0.21,0.01c1.77,0.12,3.12,1.66,2.99,3.43l-1.26,18.1 L48.78,97.7c0.58-0.58,1.38-0.93,2.27-0.93h37.32c3.48,0,6.65-1.42,8.96-3.73c2.3-2.3,3.73-5.48,3.73-8.96V50.45h6.68v42.69 c0.35,9.63-3.58,15.04-19.43,15.7l-32.25-0.74l-32.73,13.87l-0.16,0.13c-1.35,1.16-3.38,1-4.54-0.36c-0.57-0.67-0.82-1.49-0.77-2.3 l1.55-22.34h-0.26c-5.26,0-10.05-2.15-13.52-5.62C2.15,88.03,0,83.24,0,77.98V32.23c0-5.26,2.15-10.05,5.62-13.52 C9.08,15.24,13.87,13.09,19.14,13.09L19.14,13.09L19.14,13.09z M79.69,78.42c1.79,0,3.12-1.45,3.12-3.12 c0-1.79-1.45-3.12-3.12-3.12H24.75c-1.78,0-3.12,1.45-3.12,3.12c0,1.78,1.45,3.12,3.12,3.12H79.69L79.69,78.42L79.69,78.42 L79.69,78.42z M50.39,43.81c1.78,0,3.12-1.45,3.12-3.12c0-1.67-1.45-3.12-3.12-3.12H24.75c-1.78,0-3.12,1.45-3.12,3.12 c0,1.78,1.45,3.12,3.12,3.12H50.39L50.39,43.81L50.39,43.81L50.39,43.81z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: #1a2760;
}

.mobile-menu .wp-block-navigation li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-foreground) !important;
}

.mobile-menu .wp-block-navigation li.has-child>a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.3px;
}

.mobile-menu .wp-block-navigation ul {
    gap: 10px;
}

.mobile-menu .wp-block-navigation {
    margin: 1.5rem 0;
}

.mobile-menu .centered-logo {
    margin: 2rem 0 0 0;
}

.mobile-menu .centered-logo img {
    max-width: 178px;
}

.mobile-menu .centered-logo a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mobile-menu .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    background-color: transparent;
}

.mobile-menu .wp-block-navigation li.current-menu-item a {
    font-weight: 600;
}

.mobile-menu .copy-right {
    font-size: 12px !important;
    margin-bottom: 0;
    margin-top: auto;
    color: var(--color-foreground);
    padding-right: 2rem;
}

.mobile-menu .wp-block-group__inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:
        vertical;
    -webkit-box-direction:
        normal;
    -ms-flex-direction:
        column;
    flex-direction:
        column;
    height: 100%;
}

.mobile-menu .wp-block-navigation__responsive-container {
    position: relative !important;
    display: block;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
    display: none;
}


@media screen and (max-height: 600px) {
    .mobile-menu .copy-right {
        display: none;
    }
}

.wp-block-group.header-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

body:not(.home) .only-front-page {
    display: none;
}

body:not(.home) .not-front-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* Menu Overlay */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease, visibility 300ms ease;
    -o-transition: opacity 300ms ease, visibility 300ms ease;
    transition: opacity 300ms ease, visibility 300ms ease;
    pointer-events: none;
    z-index: 900;
}

body.menu-open::before {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mobile-menu-toggle .wp-block-button__link {
    background-color: transparent;
    color: var(--color-foreground);
    padding: 5px 10px;
    font-size: 1.5rem;
}

.dark-mode-toggle .wp-block-button__link,
.share-button .wp-block-button__link {
    background-color: transparent;
    color: var(--color-foreground);
    padding: 5px 10px;
    font-size: 1.2rem;
}

/* Page Banner Styles */
.page-banner {
    padding: var(--spacing-4) 0;
    margin-top: var(--spacing-6);
    text-align: left;
    position: relative;
    min-height: 80px;
}


.page-banner .page-title {
    color: var(--color-foreground);
    margin-bottom: var(--spacing-2);
    font-size: var(--font-size-xl);
}

.page-banner .breadcrumbs {
    color: var(--color-gray-500);
    font-size: var(--font-size-xs);
}

.page-banner .breadcrumbs a {
    color: var(--color-gray-500);
}

.page-banner .breadcrumbs a:hover {
    color: var(--color-gray-500);
    text-decoration: underline;
}

.is-page:not(.blog):not(.page-template-wp-custom-template-landing-page) main.wp-block-group {
    background-color: var(--color-background);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    border-radius: var(--border-radius-card);
}

.is-page:not(.page-template-wp-custom-template-landing-page) section.wide-content {
    padding: 0;
}


/* Footer Styles */
.sticky-footer-menu {
    position: fixed;
    width: 100%;
    max-width: 768px;
    bottom: 0;
    z-index: 90;
    background-color: rgba(249, 250, 251, 0.9);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}

body.is-dark-theme .sticky-footer-menu {
    background-color: rgba(15, 23, 42, 0.9);
    -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
}

/* 404 Error Page Styles */
.error-404-banner {
    text-align: center;
    padding: var(--spacing-8) 0 var(--spacing-4);
}

.error-404-banner .page-title {
    font-size: var(--font-size-3xl);
    margin-bottom: var(--spacing-4);
    color: var(--color-primary);
}

.error-404-content {
    padding: var(--spacing-6) 0;
    text-align: center;
}

.error-404-content .wp-block-button {
    margin-top: var(--spacing-4);
}



.error404 main.wp-block-group {
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Search Results Styles */
.search-results .wp-block-button.share-button,
.error404 .wp-block-button.share-button {
    display: none;
}

.search-banner {
    padding: var(--spacing-4) 0;
    margin-top: var(--spacing-6);
}

.search-title {
    font-size: var(--font-size-2xl);
    margin-bottom: var(--spacing-2);
}

.search-form {
    margin-bottom: var(--spacing-6);
}

.search-form .wp-block-search__input {
    border: 1px solid var(--color-gray-300);
    border-radius: var(--border-radius-md);
    padding: var(--spacing-2) var(--spacing-3);
}

.search-form .wp-block-search__button {
    background-color: var(--color-primary);
    color: var(--color-background);
    border-radius: var(--border-radius-md);
}

.search-results-container {
    margin-top: var(--spacing-4);
}

.search-result-item {
    padding: var(--spacing-4) 0;
    border-bottom: 1px solid var(--color-gray-200);
    gap: var(--spacing-4);
}

.search-result-item:last-child {
    border-bottom: none;
}

.search-result-image img {
    border-radius: var(--border-radius-md);
    object-fit: cover;
}

.search-result-item .search-result-content {
    flex: 1;
}

.search-result-item .search-result-image {
    width: 120px;
    height: auto;
}

.search-results-query>ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: var(--spacing-4);
}


.search-result-category {
    font-size: var(--font-size-xs);
    margin-bottom: var(--spacing-1);
}

.search-result-title {
    font-size: var(--font-size-lg);
    margin-bottom: var(--spacing-2);
    line-height: 1.3;
}


.search-pagination {
    margin-top: var(--spacing-6);
}

.no-search-results {
    padding: var(--spacing-6) 0;
    font-size: var(--font-size-lg);
    color: var(--color-gray-600);
}


/* Button Styles */
.wp-block-button__link {
    background-color: var(--color-primary);
    color: var(--color-background);
    border-radius: var(--border-radius-button);
    padding: 10px 20px;
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-bold);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.wp-block-button__link:hover {
    opacity: 0.9;
    text-decoration: none;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent;
    border: var(--border-width) var(--border-style) currentColor;
    color: var(--color-primary);
}

.wp-block-button.is-style-fill-rounded .wp-block-button__link {
    border-radius: var(--border-radius-button);
}

/* Card and Group Styles */
.wp-block-group.is-style-card {
    background-color: var(--color-background);
    border-radius: var(--border-radius-card);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: var(--spacing-medium);
}

.wp-block-group.is-style-border {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-card);
    padding: var(--spacing-medium);
}

/* Image Styles */
.wp-block-image.is-style-rounded img {
    border-radius: var(--border-radius-card);
}

.wp-block-image.is-style-shadow img {
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Heading Styles */
.wp-block-heading.is-style-underline {
    border-bottom: 2px solid var(--color-primary);
    padding-bottom: 5px;
    display: inline-block;
}

/* Separator Styles */
.wp-block-separator.is-style-wide-line {
    height: 4px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--color-primary);
}



/* Dark Mode Styles */



/* Custom Section Styles */
.hero-section {
    padding: var(--spacing-large) var(--spacing-padding);
    background-color: var(--color-primary);
    color: var(--color-background);
}

.about-section,
.services-section,
.contact-section,
.testimonial-section,
.pricing-section,
.faq-section {
    padding: var(--spacing-medium) var(--spacing-padding);
}

.services-section,
.testimonial-section {
    background-color: var(--color-foreground);
    color: var(--color-background);
}

.testimonial-content P:last-child {
    margin-bottom: 0;
}


.testimonial-slider-container .testimonial-card .testimonial-bottom-image img {
    margin: 0;
}

.testimonial-slider-container .testimonial-card .testimonial-bottom-image {
    margin-top: 0;
}

/* Ensure all content is properly contained */
.wp-site-blocks {
    max-width: var(--wide-size);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.entry-content>section {
    margin-bottom: 3rem;
}

section.wide-content {
    padding: 0 1.250rem;
}

/* Hero Banner */
.murdeni-hero-banner__content {
    max-width: 550px;
}

.murdeni-hero-banner__button--primary {
    color: #fff;
    font-weight: 600;
    border-radius: var(--border-radius-button);
    background-color: #2CC01C;
    -webkit-box-shadow: 0 0 10px rgb(255 255 255 / 20%);
    box-shadow: 0 0 10px rgb(255 255 255 / 20%);
}

.murdeni-hero-banner__button--primary:hover {
    color: #fff;
    background-color: #439b46;
}

.murdeni-hero-banner__title {
    color: #fff;
}

.murdeni-hero-banner__title {
    margin-bottom: 0;
}

.murdeni-hero-banner__usp-item:first-child {
    color: #f7de6f;
}

.murdeni-hero-banner__usp-item {
    font-size: 13px;
    text-transform: uppercase;
}

.home .murdeni-hero-banner__buttons .murdeni-hero-banner__button--outline:first-child,
.murdeni-hero-banner__buttons .murdeni-hero-banner__button[href="#"]:first-child{
    padding: 0;
    display: flex;
    flex: 100%;
    font-size: 17px;
    color: #ffffff;
    pointer-events: none;
}


/* Feature */
section h2 {
    color: var(--color-quaternary);
}


.murdeni-feature-grid__item-title {
    color: var(--color-quaternary);
}

.murdeni-feature-grid__item {
    background-color: var(--color-background);
}

.is-dark-theme .murdeni-feature-grid__item,
.is-dark-theme .murdeni-services-grid__item {
    background-color: var(--color-background-dark);
}

.is-dark-theme .murdeni-feature-grid__item-title {
    color: var(--color-title);
}

.is-dark-theme .murdeni-feature-grid__item-image img {

    -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(100%) contrast(100%);

    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(100%) contrast(100%);


}

/* Services */
.murdeni-services-grid__item-button {
    padding: 0.5rem 2rem;
    background-color: var(--color-button);
    color: var(--color-button-label);
    border-radius: var(--border-radius-button);
    font-weight: 600;
}

.murdeni-services-grid__item-button-container {
    margin-bottom: .5rem;
}

.murdeni-services-grid__item-button:hover {
    background-color: var(--color-secondary);
    color: #fff;
}


.murdeni-services-grid__item-inner--list .murdeni-services-grid__item-image,
.murdeni-services-grid__item-inner--list .murdeni-services-grid__item-image img,
.murdeni-services-grid__item-inner--list .murdeni-services-grid__item-image-container {
    height: 100%;
}

/* .murdeni-services-grid__item-image {
    background-color: #ffffff;
} */

/* cta-whatsapp */
.cta-whatsapp.murdeni-whatsapp-button .whatsapp-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: var(--border-radius-button);
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
}

.murdeni-whatsapp-button.cta-whatsapp .button-text-container {
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.murdeni-whatsapp-button.cta-whatsapp .button-text-container .button-text {
    font-weight: 600;
}

/* testimonial */
.testimonial-slider-container .testimonial-rating,
.testimonial-slider-container .testimonial-overall-rating .overall-rating-stars .star {
    --testimonial-rating-color: var(--color-secondary);
}

.is-dark-theme .testimonial-slider-container .testimonial-rating,
.is-dark-theme .testimonial-slider-container .testimonial-overall-rating .overall-rating-stars .star {
    --testimonial-rating-color: var(--color-primary);
}

.testimonial-slider-container .testimonial-overall-rating .review-link a {
    --testimonial-rating-color: var(--color-secondary);
    color: var(--color-primary);
    font-weight: 600;
    border-radius: var(--border-radius-button);
}

.testimonial-slider-container .testimonial-overall-rating .review-link a:hover {
    color: var(--color-primary);
    background-color: var(--color-secondary);
}

.testimonial-slider-container .testimonial-rating {
    margin-bottom: 1rem;
}

.testimonial-slider-container .testimonial-rating {
    font-size: 1rem;
}

.testimonial-slider-container .testimonial-card {
    padding: 1rem;
    background-color: var(--color-background);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
}

.testimonial-bottom-image img {
    width: 250px;
    border-radius: var(--border-radius-card);
}

.testimonial-slider-container .testimonial-card .testimonial-content {
    color: var(--color-foreground);
}

.testimonial-slider-container .testimonial-card .testimonial-author {
    color: var(--color-foreground);
}

.testimonial-slider-container .testimonial-header {
    display: flex;
    align-items: center;
    padding: 0;
    box-shadow: var(--shadow-lg);
    border-radius: var(--border-radius-card);
    overflow: hidden;
    background-color: var(--color-primary-light);
    margin-bottom: 1rem;
    flex-flow: row wrap;
}
    
.testimonial-slider-container .testimonial-overall-rating {
    margin-right: auto;
    flex: 1 100%;
    color: #fff;
}

.testimonial-slider-container {
    padding: 0 1rem;
}

.testimonial-slider-container .testimonial-slide {
    padding: 0;
}

.testimonial-slider-container .testimonial-header img{
    flex: 1;
    max-width: 100%;
}
/* Gallery */
.murdeni-media-gallery__item-caption {
    text-align: left;
    font-size: 13px !important;
    line-height: normal;
    position: absolute;
    bottom: 0;
    background-color: var(--color-foreground-light);
    width: 100%;
    padding: 5px .5rem;
    color: #fff;
    display: none;
}

.murdeni-media-gallery__item:hover .murdeni-media-gallery__item-caption {
    display: block;
}

/* Post Listing */
@media (max-width: 426px) {
    .murdeni-post-listing__item-inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .murdeni-post-listing__item-title {
        font-size: 12px !important;
        margin: 0;
    }

    .murdeni-post-listing__item-excerpt {
        display: none;
    }

    .murdeni-post-listing__item-image-container {
        width: 28% !important;
    }
}

/* FAQ */
.murdeni-faq__item,
.murdeni-faq__header {
    --color-background-faq-header: var(--color-background);
    --color-background-faq-header-hover: var(--color-background-dark);
}

.murdeni-faq__content {
    --color-background-faq-content: var(--color-background);
}

/* Contact page */

.contact-details .wp-block-columns {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-card);
}

.contact-details .wp-block-columns .contact-list>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
}

.contact-details .wp-block-columns .contact-list {
    padding: 2rem;
}

body.is-dark-theme .contact-list .murdeni-icon-with-text__icon-img {
    -webkit-filter: invert(100%) brightness(20000%);
    filter: invert(100%) brightness(20000%);
}

/* single */
.related-posts-section {
    margin: 2rem;
}

/* Marketplace buttons */
.wp-block-button.md-button-with-icon a {
    font-size: 14px;
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.wp-block-button.md-button-with-icon.shopee-button-icon a:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url("../images/icons/shopee-logo.svg") no-repeat center;
    background-size: 14px;
    line-height: 1;
    border: 1px solid #fff;
    border-radius: 50%;
}

.wp-block-button.md-button-with-icon.tokopedia-button-icon a:before {
    content: "";
    background: url(../images/icons/tokopedia-logo.svg) no-repeat center;
    background-size: 14px;
    width: 18px;
    height: 18px;
    line-height: 1;
    border: 1px solid #5dc85e;
    border-radius: 50%;
}

.marketplace-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}

.marketplace-buttons p {
    margin: 10px 0;
}

.murdeni-custom-listing__item-button.button-style-primary:hover {
    --color-primary-hover: var(--color-primary-light);
    color: #fff;
}

.murdeni-custom-listing__item-button.button-style-primary {
    color: #ffffff;
}

.murdeni-custom-listing__item {
    margin-bottom: 1rem;
}

.whello-sticky-chat-button {
    bottom: 5rem;
}

/* feedback */
.murdeni-services-grid__item-title {
    color: var(--color-quaternary);
}


.murdeni-feature-grid__description {
    margin-bottom: 0.5rem;
    opacity: .8;
}

@media screen and (max-width: 768px) {
    .page-banner{
        padding: var(--spacing-8);
    }
}

/*mengapa memilih kami grid*/
@media screen and (max-width: 576px) {

    .murdeni-feature-grid__item-image-container {
        flex-direction: column;
        gap: 0;
        margin: 0;  
    }
        
    .murdeni-feature-grid__items {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 0.7rem !important;
    }
  
    .murdeni-feature-grid__item {
      padding: 0.7rem !important;
    }
  
    .murdeni-feature-grid__item img,
    .murdeni-feature-grid__item svg {
      width: 32px !important;
      margin: 0 auto 0.5rem auto;
    }
  
    h3.murdeni-feature-grid__item-title {
      font-size: 14px ;
      margin: 0 0 0.3rem 0 ;
    }
  
    .murdeni-feature-grid__item-description{
      /*font-size: 13px;*/
    }

    /* services */
    .murdeni-services-grid__item-inner--list .murdeni-services-grid__item-content {
        padding: 10px;
    }

    .murdeni-services-grid__item-inner--list {
        flex-direction: row !important;        
    }

    /* .murdeni-services-grid__item-image img {
        object-fit: contain !important;
    } */

   

    .murdeni-services-grid__item-inner--list .murdeni-services-grid__item-image-container {
        height: 100% !important;
        margin: 0;
    }

    .murdeni-services-grid__item-button {
        padding: 6px 12px;
        font-size: 12px;   
    }

    /* .murdeni-custom-listing__item-inner {
        flex-direction: row;
    } */

    .murdeni-custom-listing__item-image-container {
        flex: 1;
    }

   

    .murdeni-custom-listing__item-content {
        flex: 1;
    }

    .murdeni-custom-listing__item-button.button-style-primary,
    .murdeni-custom-listing__item-button.button-style-secondary {
        font-size: 12px;
        padding: 5px 15px;
    }

    .murdeni-custom-listing__item-buttons-container {
        padding: 0;
    }
}
  

/* New Overrides */
.testimonial-slider-container .testimonial-card {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.is-dark-theme .color-primary.has-black-color,
.is-dark-theme .has-black-color {
    color: var(--color-primary) !important;
}

.sticky-header {
    padding: 5px 15px !important;
}

.wp-block-site-logo img {
    height: 35px !important;
    width: auto !important;
}

.page-banner .breadcrumbs {
    display: none;
}

.page-banner {
    padding: 1rem;
    margin-top: 2.5rem;
    margin-bottom: 0 !important;
    min-height: auto !important;
}

.page-banner .page-title {
    margin: 0 !important;
}

.murdeni-custom-listing__item-button.button-style-primary{
    background-color: #25D366 !important;
}

.murdeni-feature-grid__item-description {
    text-align: center !important;
}

.murdeni-feature-grid__item:first-child {
    grid-column: 1 / -1;
}


.murdeni-feature-grid__item-title {
    flex: 0 auto !important;
    margin: 0;
    font-size: 16px !important;
}

.murdeni-services-grid__item-inner {
    align-items: center !important;
}

.murdeni-gallery-carousel__header {
    justify-content: center !important;
}

.murdeni-cta__title {
    /* color: var(--color-quaternary) !important; */
}

@media screen and (max-width: 576px) {
    .murdeni-services-grid__item-description {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    }

    .murdeni-services-grid__item-title {
        margin-bottom: 3px;
        font-size: 15px;   
    }

    .wp-block-button.md-button-with-icon a {
        font-size: 12px;
        padding: 10px;   
    }
}

/* New Overrides */
.murdeni-hero-banner {
    justify-content: center !important;
}

.testimonial-slider-container .testimonial-card .testimonial-content {
    flex-grow: 0 !important;
}


@media screen and (max-width: 450px) {
    .murdeni-hero-banner {
        height: 100vh !important;   
    }
    
    .murdeni-hero-banner__title {
        font-size: 36px !important;
    }
}