.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-108 .elementor-element.elementor-element-98831a9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;color:#FBDA68;}.elementor-widget-eael-simple-menu .eael-simple-menu >li > a, .eael-simple-menu-container .eael-simple-menu-toggle-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-simple-menu .eael-simple-menu li ul li > a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-108 .elementor-element.elementor-element-c2d03ba.eael-simple-menu-link-auto.eael-hamburger--responsive .eael-simple-menu.eael-simple-menu-responsive li a{display:inline-block;width:auto;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu-container{background-color:#02010100;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal{background-color:#02010100;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu >li > a, .eael-simple-menu-container .eael-simple-menu-toggle-text{font-family:"Inter", Sans-serif;font-size:17px;font-weight:700;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li > a{color:#FBDA68;background-color:#02010100;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li > a > span svg{fill:#FBDA68;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu-toggle-text{color:#FBDA68;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li a span, .elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li span.eael-simple-menu-indicator{font-size:15px;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li a span, .elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li span.eael-simple-menu-indicator i{font-size:15px;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li span.eael-simple-menu-indicator svg{width:15px;height:15px;line-height:15px;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li span svg{width:15px;height:15px;line-height:15px;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li:hover > a{color:#000000;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li:hover > a > span svg{fill:#000000;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li .eael-simple-menu-indicator:hover:before{color:#f44336;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li .eael-simple-menu-indicator:hover i{color:#f44336;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li .eael-simple-menu-indicator:hover svg{fill:#f44336;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li .eael-simple-menu-indicator:hover{background-color:#ffffff;border-color:#f44336;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li > a.eael-item-active{color:#000000;background-color:#FFFFFF00;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li.current-menu-item > a > span svg{fill:#000000;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li.current-menu-item > a.eael-item-active{color:#000000;background-color:#FFFFFF00;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li.current-menu-ancestor > a.eael-item-active{color:#000000;background-color:#FFFFFF00;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open:before{color:#f44336 !important;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open svg{fill:#f44336 !important;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open i{color:#f44336 !important;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open{background-color:#ffffff !important;border-color:#f44336 !important;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu-container .eael-simple-menu-toggle{background-color:#000000;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu-container .eael-simple-menu-toggle i{color:#ffffff;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu-container .eael-simple-menu-toggle svg{fill:#ffffff;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu.eael-simple-menu-horizontal li ul li a{padding-left:20px;padding-right:20px;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu.eael-simple-menu-horizontal li ul li > a{border-bottom:1px solid #f2f2f2;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu.eael-simple-menu-vertical li ul li > a{border-bottom:1px solid #f2f2f2;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li ul li a span{font-size:12px;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li ul li span.eael-simple-menu-indicator{font-size:12px;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li ul li span.eael-simple-menu-indicator i{font-size:12px;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li ul li .eael-simple-menu-indicator svg{width:12px;height:12px;line-height:12px;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li ul li .eael-simple-menu-indicator:hover:before{color:#f44336 !important;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li ul li .eael-simple-menu-indicator.eael-simple-menu-indicator-open:before{color:#f44336 !important;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li ul li .eael-simple-menu-indicator:hover{background-color:#ffffff !important;border-color:#f44336 !important;}.elementor-108 .elementor-element.elementor-element-c2d03ba .eael-simple-menu li ul li .eael-simple-menu-indicator.eael-simple-menu-indicator-open{background-color:#ffffff !important;border-color:#f44336 !important;}.elementor-108 .elementor-element.elementor-element-489f005{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-108 .elementor-element.elementor-element-d9445c6{text-align:center;}.elementor-108 .elementor-element.elementor-element-d9445c6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:64px;font-weight:700;color:#9C7D6B;}.elementor-108 .elementor-element.elementor-element-2eee893{--display:flex;}.elementor-108 .elementor-element.elementor-element-1a1aae7{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-108 .elementor-element.elementor-element-1a1aae7 .elementor-heading-title{font-family:"drukwide", Sans-serif;font-weight:600;color:#9C7D6B;}.elementor-108 .elementor-element.elementor-element-b50fcaf{--display:flex;}.elementor-108 .elementor-element.elementor-element-1ba6e73{--display:flex;}.elementor-108 .elementor-element.elementor-element-3fc68d7{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-108 .elementor-element.elementor-element-3fc68d7 .elementor-heading-title{font-family:"drukwide", Sans-serif;font-weight:600;color:#9C7D6B;}.elementor-108 .elementor-element.elementor-element-c49c140{--display:flex;}.elementor-widget-eael-post-grid .eael-meta-posted-on{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-meta > span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-title, .elementor-widget-eael-post-grid .eael-entry-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-post-grid .eael-grid-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-eael-post-grid .post-meta-categories li, .elementor-widget-eael-post-grid .post-meta-categories li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-108 .elementor-element.elementor-element-0e97fec .eael-grid-post-holder{background-color:#fff;}.elementor-108 .elementor-element.elementor-element-0e97fec .eael-entry-title a{color:#303133;}.elementor-108 .elementor-element.elementor-element-0e97fec .eael-entry-title:hover, .elementor-108 .elementor-element.elementor-element-0e97fec .eael-entry-title a:hover{color:#23527c;}.elementor-108 .elementor-element.elementor-element-0e97fec .eael-grid-post .eael-entry-overlay{background-color:rgba(0,0,0, .75);}.elementor-108 .elementor-element.elementor-element-0e97fec .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:18px;}.elementor-108 .elementor-element.elementor-element-0e97fec .eael-grid-post .eael-entry-overlay > img{height:18px;width:18px;}.elementor-108 .elementor-element.elementor-element-0e97fec .eael-post-elements-readmore-btn{color:#000000;}.elementor-108 .elementor-element.elementor-element-ad04034{--display:flex;}.elementor-108 .elementor-element.elementor-element-9a5febb{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-108 .elementor-element.elementor-element-9a5febb .elementor-heading-title{font-family:"drukwide", Sans-serif;font-weight:600;color:#9C7D6B;}.elementor-108 .elementor-element.elementor-element-33d2d93{--display:flex;}/* Start custom CSS for eael-post-grid, class: .elementor-element-0e97fec *//* ============================================================
   READS, Essential Addons Post Grid
   Prefix: .mgr-      (.mps- post header, .mgf- / .mgs- feed,
                       .mgk- skills, .pld- Palladian, .mel- Lenskart)

   WHERE IT GOES
     1. Elementor, select the Post Grid widget
     2. Advanced tab > CSS Classes, type:   mgr-reads
     3. Appearance > Customize > Additional CSS, paste this

   Everything below is scoped under .mgr-reads, so no other widget
   on the site can be touched by it.

   The @import has to stay on the very first line of Additional CSS.
   This page already loads Inter but not Playfair, so without it the
   titles fall back to Georgia.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');

.mgr-reads{
  --mgr-butter:#EFE0A9;
  --mgr-wine:#6B1F28;
  --mgr-cream:#FBF4E0;
  --mgr-cocoa:#4A3C30;
  --mgr-taupe:#7A6A58;

  --mgr-serif:"Playfair Display",Georgia,serif;
  --mgr-sans:"Inter","Helvetica Neue",Arial,sans-serif;

  --mgr-line:1px solid var(--mgr-wine);
  --mgr-shot:4/3;           /* every thumbnail gets this crop */
  --mgr-gap:clamp(20px,2.4vw,34px);
}

/* ---------- the grid ----------
   Essential Addons runs Isotope on this widget. Isotope absolutely
   positions every card and writes inline left/top/width plus a fixed
   height on the container, which is why the cards do not line up and
   why nothing you set in the widget panel holds. These rules put the
   cards back in normal flow so a real grid can take over. !important
   is doing the work here because Isotope writes inline styles. */
.mgr-reads .eael-post-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:var(--mgr-gap);
  height:auto !important;      /* Isotope pins a pixel height, drop it */
  margin:0 !important;
}
.mgr-reads .eael-grid-post{
  position:static !important;  /* Isotope sets absolute */
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}

/* ---------- the card ---------- */
.mgr-reads .eael-grid-post-holder{height:100%}
.mgr-reads .eael-grid-post-holder-inner{
  height:100%;
  display:flex;
  flex-direction:column;
  background:var(--mgr-cream);
  border:var(--mgr-line);
  overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease;
}
.mgr-reads .eael-grid-post-holder-inner:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(74,60,48,.18);
}

/* ---------- the photo ----------
   One crop for all of them, which is what stops the ragged top row. */
.mgr-reads .eael-entry-media{order:-1;margin:0}
.mgr-reads .eael-entry-thumbnail{
  aspect-ratio:var(--mgr-shot);
  overflow:hidden;
  margin:0;
}
.mgr-reads .eael-entry-thumbnail img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}
.mgr-reads .eael-grid-post-holder-inner:hover .eael-entry-thumbnail img{transform:scale(1.04)}

/* nothing over the photo on hover, no wash and no icon. The overlay
   stays in place but invisible, because it holds the link that makes
   the picture itself clickable. */
.mgr-reads .eael-entry-overlay{
  background:none !important;
  background-color:transparent !important;
}
.mgr-reads .eael-entry-overlay i{display:none !important}
.mgr-reads .eael-entry-overlay a{
  position:absolute;
  inset:0;
  display:block;
}

/* ---------- the text ----------
   flex with flex:1 on the content is what makes every Read More
   sit on the same line, however long the excerpt is. */
.mgr-reads .eael-entry-wrapper{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  gap:10px;
  padding:clamp(18px,1.6vw,24px);
}
.mgr-reads .eael-entry-header{margin:0}
.mgr-reads .eael-entry-content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  margin:0;
}
.mgr-reads .eael-grid-post-excerpt{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  gap:16px;
}

.mgr-reads .eael-entry-title,
.mgr-reads .eael-entry-title a{
  font-family:var(--mgr-serif) !important;
  font-weight:700 !important;
  font-size:clamp(19px,1.5vw,23px) !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
  color:var(--mgr-wine) !important;
  margin:0 !important;
  text-decoration:none !important;
}

.mgr-reads .eael-grid-post-excerpt p{
  font-family:var(--mgr-sans) !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.6 !important;
  color:var(--mgr-cocoa) !important;
  margin:0 !important;
}

.mgr-reads .eael-post-elements-readmore-btn{
  margin-top:auto;
  align-self:flex-start;
  font-family:var(--mgr-sans) !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--mgr-wine) !important;
  background:none !important;
  padding:0 0 2px !important;
  border:0 !important;
  border-bottom:1.5px solid currentColor !important;
  border-radius:0 !important;
  text-decoration:none !important;
}
.mgr-reads .eael-post-elements-readmore-btn::before{
  content:"\2192\00a0";      /* the arrow, same idiom as the feed */
  border:0;
}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .mgr-reads .eael-post-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .mgr-reads .eael-post-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .mgr-reads *{transition:none !important}
}

/* ============================================================
   OPTIONAL. Uncomment to sit the whole section on the yellow
   ground, the way the feed and the post header do. Leave it off
   and the cards stay on the white page.

.e-con:has(> .e-con-inner > .mgr-reads),
.e-con-inner:has(> .mgr-reads){
  background:#EFE0A9;
  padding-block:clamp(40px,5vw,72px);
}
   ============================================================ *//* End custom CSS */