.elementor-280 .elementor-element.elementor-element-5ce41037{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:5% 5%;--row-gap:5%;--column-gap:5%;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;--z-index:99;}.elementor-280 .elementor-element.elementor-element-5ce41037:not(.elementor-motion-effects-element-type-background), .elementor-280 .elementor-element.elementor-element-5ce41037 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-280 .elementor-element.elementor-element-258ba912{width:var( --container-widget-width, 6.706% );max-width:6.706%;--container-widget-width:6.706%;--container-widget-flex-grow:0;}.elementor-280 .elementor-element.elementor-element-258ba912.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-280 .elementor-element.elementor-element-5fa2bb18{width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;}.elementor-280 .elementor-element.elementor-element-5fa2bb18.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-280 .elementor-element.elementor-element-3949e760{--display:flex;}.elementor-280 .elementor-element.elementor-element-538b1270{--display:flex;}.elementor-280 .elementor-element.elementor-element-6d05a1bf{--display:flex;}.elementor-280 .elementor-element.elementor-element-178796e7{--display:flex;}.elementor-280 .elementor-element.elementor-element-64be0cae{--display:flex;}.elementor-280 .elementor-element.elementor-element-3fcea83a{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-dropdown-content-box-shadow-horizontal:0px;--n-menu-dropdown-content-box-shadow-vertical:0px;--n-menu-dropdown-content-box-shadow-blur:10px;--n-menu-dropdown-content-box-shadow-spread:0px;--n-menu-dropdown-content-box-shadow-color:rgba(0,0,0,0.5);}.elementor-280 .elementor-element.elementor-element-3fcea83a > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-280 .elementor-element.elementor-element-f1c732f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-280 .elementor-element.elementor-element-f1c732f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-280 .elementor-element.elementor-element-877d231 .elementor-button{background-color:#31AD66;font-family:"Nanum Gothic", Sans-serif;font-size:14px;text-transform:uppercase;line-height:16px;letter-spacing:0.19px;fill:#FFFFFF;color:#FFFFFF;box-shadow:-3px 6px 6px 0px rgba(0,0,0,0.5);border-style:solid;border-color:#31AD66;border-radius:30px 30px 30px 30px;padding:14.5px 36px 14.5px 36px;}.elementor-280 .elementor-element.elementor-element-877d231 .elementor-button:hover, .elementor-280 .elementor-element.elementor-element-877d231 .elementor-button:focus{background-color:#FFFFFF;color:#CB3522;}.elementor-280 .elementor-element.elementor-element-877d231{width:var( --container-widget-width, 11.371% );max-width:11.371%;--container-widget-width:11.371%;--container-widget-flex-grow:0;}.elementor-280 .elementor-element.elementor-element-877d231.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-280 .elementor-element.elementor-element-877d231 .elementor-button-content-wrapper{flex-direction:row;}.elementor-280 .elementor-element.elementor-element-877d231 .elementor-button:hover svg, .elementor-280 .elementor-element.elementor-element-877d231 .elementor-button:focus svg{fill:#CB3522;}.elementor-280 .elementor-element.elementor-element-58f86a7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-280 .elementor-element.elementor-element-43d191d{--display:flex;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-280 .elementor-element.elementor-element-2d22acb{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-280 .elementor-element.elementor-element-2d22acb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-280 .elementor-element.elementor-element-2d22acb:after{content:"0.66";}.elementor-280 .elementor-element.elementor-element-2d22acb .elementor-post__thumbnail__link{width:100%;}.elementor-280 .elementor-element.elementor-element-2d22acb .elementor-post__meta-data span + span:before{content:"•";}.elementor-280 .elementor-element.elementor-element-2d22acb .elementor-post__text{margin-top:20px;}.elementor-280 .elementor-element.elementor-element-0e9ae2d{--display:flex;}@media(max-width:1024px){.elementor-280 .elementor-element.elementor-element-5ce41037{--gap:2% 2%;--row-gap:2%;--column-gap:2%;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}}@media(max-width:767px){.elementor-280 .elementor-element.elementor-element-258ba912 img{width:22vw;max-width:20vw;height:15vh;object-fit:scale-down;}.elementor-280 .elementor-element.elementor-element-3fcea83a{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;width:var( --container-widget-width, 0vw );max-width:0vw;--container-widget-width:0vw;--container-widget-flex-grow:0;}.elementor-280 .elementor-element.elementor-element-f1c732f{--width:29%;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;}.elementor-280 .elementor-element.elementor-element-877d231{width:var( --container-widget-width, 10px );max-width:10px;--e-transform-scale:0.7;--container-widget-width:10px;--container-widget-flex-grow:0;}.elementor-280 .elementor-element.elementor-element-877d231.elementor-element{--align-self:flex-end;}.elementor-280 .elementor-element.elementor-element-58f86a7{width:var( --container-widget-width, 108px );max-width:108px;--container-widget-width:108px;--container-widget-flex-grow:0;text-align:end;}.elementor-280 .elementor-element.elementor-element-58f86a7.elementor-element{--align-self:flex-start;}.elementor-280 .elementor-element.elementor-element-58f86a7 img{width:16vw;}.elementor-280 .elementor-element.elementor-element-2d22acb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.4 * 100% );}.elementor-280 .elementor-element.elementor-element-2d22acb:after{content:"0.4";}.elementor-280 .elementor-element.elementor-element-2d22acb .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-280 .elementor-element.elementor-element-5ce41037{--content-width:1600px;}.elementor-280 .elementor-element.elementor-element-f1c732f{--width:124px;}}@media(max-width:1024px) and (min-width:768px){.elementor-280 .elementor-element.elementor-element-f1c732f{--width:35%;}}/* Start custom CSS for mega-menu, class: .elementor-element-3fcea83a *//* --- ELEMENTOR MENU CUSTOM STYLE --- */

/* 1. Base Menu Text & Icon Styling */
.elementor-widget-n-menu .e-n-menu-title-text {
    color: var(--text-main) !important; /* Adapts to Light/Dark theme */
    font-family: inherit; /* Keeps font consistent with your page */
    transition: color 0.3s ease, transform 0.3s ease;
}

.elementor-widget-n-menu .e-n-menu-icon svg {
    fill: #31AD66 !important; /* Icons stay green */
    width: 20px;
    height: 20px;
    transition: 0.3s ease;
}

/* 2. Hover State (Green highlight) */
.elementor-widget-n-menu .e-n-menu-item:hover .e-n-menu-title-text {
    color: #31AD66 !important;
}

.elementor-widget-n-menu .e-n-menu-item:hover .e-n-menu-icon svg {
    transform: scale(1.1);
    filter: brightness(1.1);
}

/* 3. Mobile Toggle Button (Hamburger) */
.e-n-menu-toggle {
    background: transparent !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px;
    padding: 10px !important;
    box-shadow: var(--shadow-light); /* Matching shadow from previous code */
}

.e-n-menu-toggle svg {
    fill: #31AD66 !important; /* Toggle icon in Green */
}

/* 4. Dropdown Wrapper Shadow (Mobile & Tablet) */
.e-n-menu-wrapper {
    background-color: var(--card-bg) !important;
    box-shadow: var(--shadow-light) !important;
    border-radius: 0 0 15px 15px;
}

/* 5. Dark Mode Adjustments */
body.dark-theme .e-n-menu-title-text {
    color: var(--text-main) !important; /* Uses #e0e0e0 from your dark variables */
}

body.dark-theme .e-n-menu-toggle {
    background-color: var(--card-bg) !important;
}

/* 6. Active Item Indicator (Optional: if you want the current page to stay green) */
.elementor-widget-n-menu .e-n-menu-item.e-active .e-n-menu-title-text {
    color: #31AD66 !important;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-58f86a7 */.elementor-280 .elementor-element.elementor-element-58f86a7 img { /* Size Controls */ width: 60px; /* Adjust this value (e.g., 40px to 80px) */ height: 60px; /* Match the width to keep it a perfect circle */ /* Shape & Fit */ border-radius: 50%; /* 50% is standard for a perfect circle */ aspect-ratio: 1 / 1; object-fit: cover; /* Prevents stretching */ /* Aesthetics */ border: 2px solid #ffffff; box-shadow: 0px 4px 10px rgba(0,0,0,0.1); transition: transform 0.3s ease; } .elementor-280 .elementor-element.elementor-element-58f86a7 img:hover { transform: scale(1.1); cursor: pointer; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1d8ff2f *//* 1. LIGHT MODE (Default) - Look good on your white page */
#post-countdown-container {
    --bg-color: #f8f9fa;       /* Light gray background */
    --text-color: #333333;     /* Dark gray text */
    --box-bg: #ffffff;         /* Pure white boxes for numbers */
    --accent-color: #007bff;   /* Professional blue accent */
    --border-color: #e0e0e0;   /* Subtle border */

    background: var(--bg-color);
    color: var(--text-color);
    padding: 25px;
    border-radius: 16px;
    text-align: center;
    max-width: 450px;
    margin: 20px auto;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* 2. DARK MODE ADAPTATION */
/* This triggers if your body has a class like 'dark' or 'dark-mode' */
body.dark #post-countdown-container,
body.dark-mode #post-countdown-container,
[data-theme="dark"] #post-countdown-container {
    --bg-color: #1e1e1e;
    --text-color: #eeeeee;
    --box-bg: #2d2d2d;
    --accent-color: #00ffcc;   /* Cyan accent for dark mode */
    --border-color: #333333;
}

/* UI Elements */
.countdown-label {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 15px;
    color: var(--text-color);
    opacity: 0.7;
}

#blog-timer {
    display: flex;
    justify-content: center;
    gap: 10px;
    font-family: monospace; /* Keeps numbers from jumping */
    font-size: 28px;
    font-weight: 700;
}

#blog-timer .time-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#blog-timer span {
    background: var(--box-bg);
    color: var(--text-color);
    padding: 10px 12px;
    border-radius: 8px;
    min-width: 50px;
    border: 1px solid var(--border-color);
    display: block;
}

#blog-timer small {
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 8px;
    color: var(--accent-color);
    font-weight: bold;
}/* End custom CSS */