.elementor-664 .elementor-element.elementor-element-9c63346{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-664 .elementor-element.elementor-element-1cb6a8f{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--overlay-opacity:0.75;--border-radius:0px 0px 0px 0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-664 .elementor-element.elementor-element-1cb6a8f::before, .elementor-664 .elementor-element.elementor-element-1cb6a8f > .elementor-background-video-container::before, .elementor-664 .elementor-element.elementor-element-1cb6a8f > .e-con-inner > .elementor-background-video-container::before, .elementor-664 .elementor-element.elementor-element-1cb6a8f > .elementor-background-slideshow::before, .elementor-664 .elementor-element.elementor-element-1cb6a8f > .e-con-inner > .elementor-background-slideshow::before, .elementor-664 .elementor-element.elementor-element-1cb6a8f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, var( --e-global-color-primary ) 80%);}.elementor-664 .elementor-element.elementor-element-1cb6a8f:not(.elementor-motion-effects-element-type-background), .elementor-664 .elementor-element.elementor-element-1cb6a8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-664 .elementor-element.elementor-element-9721be6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-664 .elementor-element.elementor-element-e312323{text-align:center;}.elementor-664 .elementor-element.elementor-element-e312323 .elementor-heading-title{color:var( --e-global-color-7190a50 );}.elementor-664 .elementor-element.elementor-element-d775a25 .elementor-icon-list-icon{width:18px;}.elementor-664 .elementor-element.elementor-element-d775a25 .elementor-icon-list-icon i{font-size:18px;}.elementor-664 .elementor-element.elementor-element-d775a25 .elementor-icon-list-icon svg{--e-icon-list-icon-size:18px;}.elementor-664 .elementor-element.elementor-element-58ae2382{--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;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-664 .elementor-element.elementor-element-677bbd4e{--display:flex;}.elementor-664 .elementor-element.elementor-element-276b127{text-align:justify;}.elementor-664 .elementor-element.elementor-element-6b302baa{--display:flex;--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;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:24px 24px 24px 24px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-664 .elementor-element.elementor-element-6b302baa:not(.elementor-motion-effects-element-type-background), .elementor-664 .elementor-element.elementor-element-6b302baa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7190a50 );}.elementor-664 .elementor-element.elementor-element-34ecebc{--grid-side-margin:7px;--grid-column-gap:7px;--grid-row-gap:7px;--grid-bottom-margin:7px;--e-share-buttons-primary-color:var( --e-global-color-secondary );}.elementor-664 .elementor-element.elementor-element-34ecebc .elementor-share-btn{font-size:calc(0.6px * 10);}.elementor-664 .elementor-element.elementor-element-34ecebc .elementor-share-btn__icon{--e-share-buttons-icon-size:13px;}.elementor-664 .elementor-element.elementor-element-34ecebc .elementor-share-btn:hover{--e-share-buttons-secondary-color:var( --e-global-color-text );}.elementor-664 .elementor-element.elementor-element-34ecebc .elementor-share-btn__title{font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1px;}.elementor-664 .elementor-element.elementor-element-ca1e80e{--display:flex;--z-index:0;}.elementor-664 .elementor-element.elementor-element-a6e1314{--grid-row-gap:16px;--grid-column-gap:10px;}.elementor-664 .elementor-element.elementor-element-a6e1314 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-664 .elementor-element.elementor-element-a6e1314:after{content:"1";}.elementor-664 .elementor-element.elementor-element-a6e1314 .elementor-post__thumbnail__link{width:25%;}.elementor-664 .elementor-element.elementor-element-a6e1314 .elementor-post__thumbnail{border-radius:0px 0px 0px 0px;}.elementor-664 .elementor-element.elementor-element-a6e1314.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:16px;}.elementor-664 .elementor-element.elementor-element-a6e1314.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:16px;}.elementor-664 .elementor-element.elementor-element-a6e1314.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:16px;}.elementor-664 .elementor-element.elementor-element-a6e1314 .elementor-post__title, .elementor-664 .elementor-element.elementor-element-a6e1314 .elementor-post__title a{color:var( --e-global-color-primary );font-family:"Cormorant Garamond", Sans-serif;font-size:17px;font-weight:500;line-height:1.5em;}@media(max-width:1024px){.elementor-664 .elementor-element.elementor-element-1cb6a8f{--min-height:350px;}.elementor-664 .elementor-element.elementor-element-58ae2382{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;} .elementor-664 .elementor-element.elementor-element-34ecebc{--grid-side-margin:7px;--grid-column-gap:7px;--grid-row-gap:7px;--grid-bottom-margin:7px;}.elementor-664 .elementor-element.elementor-element-a6e1314 .elementor-post__title, .elementor-664 .elementor-element.elementor-element-a6e1314 .elementor-post__title a{font-size:13px;}}@media(max-width:767px){.elementor-664 .elementor-element.elementor-element-1cb6a8f{--min-height:300px;}.elementor-664 .elementor-element.elementor-element-d775a25 .elementor-icon-list-icon{width:16px;}.elementor-664 .elementor-element.elementor-element-d775a25 .elementor-icon-list-icon i{font-size:16px;}.elementor-664 .elementor-element.elementor-element-d775a25 .elementor-icon-list-icon svg{--e-icon-list-icon-size:16px;}.elementor-664 .elementor-element.elementor-element-276b127{padding:0px 0px 0px 0px;text-align:center;}.elementor-664 .elementor-element.elementor-element-6b302baa{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;} .elementor-664 .elementor-element.elementor-element-34ecebc{--grid-side-margin:7px;--grid-column-gap:7px;--grid-row-gap:7px;--grid-bottom-margin:7px;}.elementor-664 .elementor-element.elementor-element-34ecebc .elementor-share-btn__icon{--e-share-buttons-icon-size:16px;}.elementor-664 .elementor-element.elementor-element-a6e1314 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-664 .elementor-element.elementor-element-a6e1314:after{content:"1";}.elementor-664 .elementor-element.elementor-element-a6e1314 .elementor-post__thumbnail__link{width:25%;}.elementor-664 .elementor-element.elementor-element-a6e1314.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:10px;}.elementor-664 .elementor-element.elementor-element-a6e1314.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:10px;}.elementor-664 .elementor-element.elementor-element-a6e1314.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:10px;}.elementor-664 .elementor-element.elementor-element-a6e1314 .elementor-post__title, .elementor-664 .elementor-element.elementor-element-a6e1314 .elementor-post__title a{font-size:12px;}}@media(min-width:768px){.elementor-664 .elementor-element.elementor-element-677bbd4e{--width:70%;}.elementor-664 .elementor-element.elementor-element-ca1e80e{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-664 .elementor-element.elementor-element-677bbd4e{--width:100%;}.elementor-664 .elementor-element.elementor-element-ca1e80e{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-9c63346 *//* ============================================================
   MARÉA — SINGLE POST TEMPLATE (Elementor)
   Add the section classes in each container's Advanced → CSS Classes:
     Page Banner ............... marea-post-hero
     article+sidebar row ....... marea-post-body
     Featured Image + Content .. marea-article
     Recent Post + CTA ......... marea-sidebar
   Hex values are inline so this works even without the global tokens.
   ============================================================ */

/* ===== 1. HERO (marea-post-hero) — dark overlay + centred serif title over the featured image ===== */
.marea-post-hero{ position:relative; }
.marea-post-hero::before{
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(8,26,37,.35),rgba(8,26,37,.72));
}
.marea-post-hero > *{ position:relative; z-index:1; }
.marea-post-hero .elementor-heading-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:300 !important;
  font-size:clamp(38px,5.5vw,64px) !important;
  line-height:1.06 !important;
  color:#F6F3EC !important;
  text-align:center;
}
/* Post Info (author · date) → brass, centred */
.marea-post-hero .elementor-post-info{ justify-content:center; font-size:13px; letter-spacing:.08em; }
.marea-post-hero .elementor-post-info__item,
.marea-post-hero .elementor-post-info__item a,
.marea-post-hero .elementor-post-info__item span{ color:#C2A878 !important; }
.marea-post-hero .elementor-post-info__item a:hover{ color:#fff !important; }

/* ===== 2. BODY LAYOUT (marea-post-body) — two columns: article + 320px sidebar =====
   Easiest: set this container to Flex › Row › Align top in Elementor, give the
   article child "Grow" and the sidebar child width 320px. If you'd rather force it
   with CSS, keep the rule below (remove it if you use the native Flex approach). */
.marea-post-body{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:64px; align-items:start;
  max-width:1200px; margin-left:auto; margin-right:auto;
}

/* ===== 3. ARTICLE (marea-article) — WordPress block-editor content ===== */
.marea-article{ max-width:720px; }

/* base text */
.marea-article p,
.marea-article .wp-block-paragraph{
  font-size:16px; line-height:1.7; margin:20px 0; color:#33434C;
}
.marea-article strong{ color:#0C2230; font-weight:600; }

/* lead: first paragraph reads larger, in serif */
.marea-article > .wp-block-paragraph:first-child,
.marea-article .elementor-widget-container > .wp-block-paragraph:first-child,
.marea-article p:first-child{
  font-family:'Cormorant Garamond',serif; font-size:23px; line-height:1.5; color:#0C2230;
}

/* headings (h2/h3/h4 — Gutenberg outputs .wp-block-heading) */
.marea-article h2,
.marea-article h2.wp-block-heading{
  font-family:'Cormorant Garamond',serif; font-weight:500; color:#0C2230;
  font-size:32px; line-height:1.15; margin:44px 0 6px;
}
.marea-article h3,
.marea-article h3.wp-block-heading{
  font-family:'Cormorant Garamond',serif; font-weight:500; color:#0C2230;
  font-size:24px; line-height:1.2; margin:34px 0 4px;
}
.marea-article h4,
.marea-article h4.wp-block-heading{
  font-family:'Cormorant Garamond',serif; font-weight:500; color:#0C2230;
  font-size:20px; line-height:1.25; margin:28px 0 4px;
}

/* images */
.marea-article img,
.marea-article .wp-block-image img{ border-radius:3px; }
.marea-article .wp-block-image{ margin:34px 0; }
.marea-article figure{ margin:34px 0; }
.marea-article figcaption,
.marea-article .wp-block-image figcaption{ font-size:12px; color:#6E7B83; margin-top:10px; text-align:left; }

/* lists → brass hairline marker */
.marea-article ul,
.marea-article .wp-block-list{ list-style:none; padding:0; margin:22px 0; }
.marea-article ul li,
.marea-article .wp-block-list li{
  position:relative; padding-left:22px; margin-bottom:12px; font-size:16px; line-height:1.7; color:#33434C;
}
.marea-article ul li::before,
.marea-article .wp-block-list li::before{
  content:''; position:absolute; left:0; top:.75em; width:13px; height:1px; background:#A9884F;
}
/* ordered lists → serif brass numerals */
.marea-article ol,
.marea-article .wp-block-list.is-ordered{ list-style:none; counter-reset:m; padding:0; margin:22px 0; }
.marea-article ol li{ counter-increment:m; position:relative; padding-left:30px; margin-bottom:12px; font-size:16px; color:#33434C; }
.marea-article ol li::before{
  content:counter(m); position:absolute; left:0; top:0;
  font-family:'Cormorant Garamond',serif; font-size:18px; color:#A9884F;
}

/* blockquote */
.marea-article blockquote,
.marea-article .wp-block-quote{
  font-family:'Cormorant Garamond',serif; font-style:italic; font-size:27px; line-height:1.45;
  color:#0C2230; border-left:2px solid #A9884F; padding:6px 0 6px 28px; margin:40px 0;
}

/* ===== 4. SIDEBAR (marea-sidebar) — sticky, Recent Post list ===== */
.marea-sidebar{ position:sticky; top:100px; }
/* "Recent Post" heading */
.marea-sidebar .elementor-widget-heading .elementor-heading-title{
  font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:500; color:#0C2230; margin-bottom:10px;
}
.marea-sidebar img{ border-radius:3px; }
/* EKIT Post List item text — tweak these .elementor-664 .elementor-element.elementor-element-9c63346s to your widget markup if needed */
.marea-sidebar .elementskit-post-title,
.marea-sidebar .elementskit-post-title a,
.marea-sidebar .entry-title,
.marea-sidebar .entry-title a{
  font-family:'Cormorant Garamond',serif !important;
  font-size:17px !important; font-weight:500 !important; line-height:1.25 !important; color:#0C2230 !important;
}
.marea-sidebar .elementskit-post-title a:hover,
.marea-sidebar .entry-title a:hover{ color:#A9884F !important; }
.marea-sidebar .elementskit-post-date,
.marea-sidebar .entry-meta,
.marea-sidebar time{
  font-size:10.5px !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#6E7B83 !important;
}

/* ===== responsive ===== */
@media(max-width:900px){
  .marea-post-body{ grid-template-columns:1fr; gap:56px; }
  .marea-sidebar{ position:static; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca1e80e *//* the row that holds the article + sidebar */
.marea-post-body{ align-items: flex-start !important; }

/* the sidebar column itself */
.marea-sidebar{
  position: sticky;
  top: 50px;
  align-self: flex-start !important;   /* <-- stops it stretching to 4959px */
  height: fit-content;
}/* End custom CSS */