.elementor-kit-8{--e-global-color-primary:#440099;--e-global-color-secondary:#9FBDD4;--e-global-color-text:#2A2930;--e-global-color-accent:#F1C6A7;--e-global-color-d0e7794:#1C0042;--e-global-color-41f81aa:#30006E;--e-global-color-6aef348:#440099;--e-global-color-a28ef69:#A888D6;--e-global-color-6a108ce:#D9CCF0;--e-global-color-1efaa1b:#F3EFF9;--e-global-color-e473fca:#F1C6A7;--e-global-color-bdaa45e:#E6CFBF;--e-global-color-61d08c2:#EFE4DC;--e-global-color-ffd8bac:#FEFCFA;--e-global-color-f22415d:#9FBDD4;--e-global-color-88b7c28:#9FD4C8;--e-global-color-36e33ec:#2A2930;--e-global-color-06f3983:#55535E;--e-global-color-8622159:#8E8B96;--e-global-color-79e6fc7:#C2BFC9;--e-global-color-a85af7a:#E3E1E8;--e-global-color-15a1237:#F4F3F6;--e-global-color-039f591:#FFFFFF;--e-global-typography-primary-font-family:"Messiri";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Silka";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Silka";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Messiri";--e-global-typography-accent-font-weight:500;--e-global-typography-aa72d7f-font-family:"Messiri";--e-global-typography-aa72d7f-font-size:72px;--e-global-typography-aa72d7f-font-weight:300;--e-global-typography-aa72d7f-line-height:68px;--e-global-typography-9df6d69-font-family:"Messiri";--e-global-typography-9df6d69-font-size:64px;--e-global-typography-9df6d69-font-weight:200;--e-global-typography-9df6d69-line-height:60px;--e-global-typography-074a775-font-family:"Messiri";--e-global-typography-074a775-font-size:48px;--e-global-typography-074a775-font-weight:300;--e-global-typography-074a775-line-height:44px;--e-global-typography-7043780-font-family:"Messiri";--e-global-typography-7043780-font-size:32px;--e-global-typography-7043780-font-weight:400;--e-global-typography-7043780-line-height:28px;--e-global-typography-c2d38bd-font-family:"Messiri";--e-global-typography-c2d38bd-font-size:24px;--e-global-typography-c2d38bd-font-weight:400;--e-global-typography-c2d38bd-line-height:20px;--e-global-typography-f749212-font-family:"Messiri";--e-global-typography-f749212-font-size:16px;--e-global-typography-f749212-font-weight:400;--e-global-typography-f749212-line-height:14px;--e-global-typography-25b04ab-font-family:"Silka";color:var( --e-global-color-8622159 );font-family:"Silka", Sans-serif;font-weight:400;line-height:20px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:#440099;font-family:"Silka", Sans-serif;font-weight:600;}.elementor-kit-8 a:hover{color:var( --e-global-color-accent );}.elementor-kit-8 h1{color:var( --e-global-color-36e33ec );font-family:"Messiri", Sans-serif;font-size:72px;font-weight:300;line-height:64px;}.elementor-kit-8 h2{color:var( --e-global-color-text );font-family:"Messiri", Sans-serif;font-size:64px;font-weight:300;line-height:60px;}.elementor-kit-8 h3{color:var( --e-global-color-text );font-family:"Messiri", Sans-serif;font-size:48px;font-weight:300;line-height:44px;}.elementor-kit-8 h4{color:var( --e-global-color-text );font-family:"Messiri", Sans-serif;font-size:32px;font-weight:300;line-height:28px;}.elementor-kit-8 h5{color:var( --e-global-color-text );font-family:"Messiri", Sans-serif;font-size:24px;font-weight:200;line-height:20px;}.elementor-kit-8 h6{font-family:"Messiri", Sans-serif;font-weight:300;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1344px;}.e-con{--container-max-width:1344px;--container-default-padding-top:0px;--container-default-padding-right:16px;--container-default-padding-bottom:0px;--container-default-padding-left:16px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Utility: .white — white text, lavender hover */
.white, .white a { color: #FFFFFF; }
.white:hover, .white a:hover { color: #D9CCF0; }

/* ============================================================
   Link hover — clean colour shift with a subtle letter-spacing
   "breath". No pseudo-element overlay, no background-clip text:
   those approaches doubled the text rendering and showed ghost
   outlines because the two layers couldn't align pixel-perfectly.
   This version only animates real CSS properties on the actual
   text, so no artifacts, no outlines, no flashes.
   Per-link randomised duration + curve via CSS variables (set
   by the bridge JS) keeps each hover distinct.
   ============================================================ */
a:not(.button):not(.tag):not(.-undash):not(.menu-link):not(.mega-menu-link):not(.elementor-item):not(.elementor-sub-item):not(.elementor-button):not(:has(*)) {
    transition:
        color var(--nuwa-hover-dur, 280ms) var(--nuwa-hover-ease, cubic-bezier(0.65, 0, 0.35, 1)),
        letter-spacing var(--nuwa-hover-dur, 280ms) var(--nuwa-hover-ease, cubic-bezier(0.65, 0, 0.35, 1));
}
a:not(.button):not(.tag):not(.-undash):not(.menu-link):not(.mega-menu-link):not(.elementor-item):not(.elementor-sub-item):not(.elementor-button):not(:has(*)):hover {
    color: var(--e-global-color-accent, #F1C6A7);
    letter-spacing: 0.018em;
}

/* Belt-and-braces — kill any underline animation Ohio's stylesheet still applies */
.links-underline a:not(.button):not(.tag):not(.-undash):hover,
.links-underline a:not(.button):not(.tag):not(.-undash).-dashed {
    animation: none !important;
    background-image: none !important;
}
/* Card layout: flex column so we can reorder children with CSS order. */
.blog-item.card {
    display: flex !important;
    flex-direction: column !important;
}
/* `display: contents` lets card-details' children participate in the card's
   flex order — so the category can hop above the image without JS. */
.blog-item.card > .card-details {
    display: contents !important;
}
/* Category goes first (above image) */
.blog-item.card > .card-details > .category-holder {
    order: -1 !important;
    margin: 0 0 8px 0 !important;
}
/* Image-wrapper anchor stays second (under category) */
.blog-item.card > a {
    order: 0 !important;
}
/* Everything else from card-details flows after the image */
.blog-item.card > .card-details > .headline-meta {
    order: 1 !important;
}
.blog-item.card > .card-details > .heading.title {
    order: 2 !important;
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    margin: 0 !important;
}
.blog-item.card > .card-details > p {
    order: 3 !important;
}
.blog-item.card > .card-details > .button {
    order: 4 !important;
}

/* Title in the same Primary font as the rest of the theme (Messiri). */
.blog-item .heading.title,
.blog-item .heading.title a {
    font-family: 'Messiri', serif !important;
    font-weight: 400 !important;
}

/* Remove the pill/bubble from category tags — plain coloured text instead. */
.blog-item .category-holder,
.blog-item .category-holder.-with-tag {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
}
.blog-item .category-holder .tag,
.blog-item .category-holder a.tag,
.blog-item .category-holder a.tag:hover {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* ============================================================
   Insight cards — ONLY: element order, image aspect-ratio,
   and small visual cues with no equivalent widget setting.
   Colours, fonts, paddings on title, category background, etc.
   are left to the ohio_recent_posts widget settings.
   ============================================================ */

/* (1) Element order: image → tag → meta → title → excerpt → Read More.
   Card uses flex column; card-details uses display:contents so its
   children participate in card's flex order. */
.blog-item.card {
    display: flex !important;
    flex-direction: column !important;
}
.blog-item.card > .card-details {
    display: contents !important;
}
.blog-item.card > a { order: 0 !important; }                                /* image wrapper */
.blog-item.card > .card-details > .category-holder { order: 1 !important; padding-top: 10px !important; }
.blog-item.card > .card-details > .headline-meta   { order: 2 !important; }
.blog-item.card > .card-details > .heading.title   { order: 3 !important; }
.blog-item.card > .card-details > p                { order: 4 !important; }
.blog-item.card > .card-details > .button          { order: 5 !important; align-self: flex-start !important; }

/* (2) Image aspect 16:9 — explicitly defeat Ohio's `.-metro` rule
   `.card.-metro:not(.-no-media) .image-holder { padding-bottom: 100% }`
   which forces a square. Setting it to 56.25% (9/16) gives 16:9, and
   `aspect-ratio: 16/9` is included for modern browsers as well. */
.blog-item .image-holder,
.blog-item.card.-metro:not(.-no-media) .image-holder {
    padding-bottom: 56.25% !important;
    aspect-ratio: 16 / 9 !important;
}

/* (3) Title link inherits from h4 — Ohio's theme CSS hardcodes
   `.blog-item.-layout1 .title a { color: var(--clb-title-color) }`
   which blocks the widget's heading_color setting from reaching
   the actual rendered text. Inheriting puts the widget back in control. */
.blog-item .title a,
.blog-item.-layout1 .title a,
.blog-item.-layout1 .title a:not(:hover),
.blog-item.-layout2 .title a:not(:hover),
.blog-item.-layout3 .title a:not(:hover),
.blog-item.-layout5 .title a:not(:hover),
.blog-item.-layout7 .title a:not(:hover) {
    color: inherit !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Messiri';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/el-messiri-latin-400-normal.ttf') format('truetype');
}
@font-face {
	font-family: 'Messiri';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/el-messiri-latin-500-normal-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Messiri';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/el-messiri-latin-600-normal-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Messiri';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/el-messiri-latin-700-normal-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Silka';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-thinitalic-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-thin-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-bold-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-extralight-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-extralightitalic-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-light-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-bolditalic-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-lightitalic-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-medium-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-mediumitalic-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-regular-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-regularitalic-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-semibold-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-semibolditalic-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-thin-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Silka';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.nuwa.sa.com/wp-content/uploads/2026/04/silka-thinitalic-webfont.woff') format('woff');
}
/* End Custom Fonts CSS */