/*
Theme Name: Zakra Child
Template: zakra
Version: 2.0.102
*/



h2, h3, h4{ 
 background: linear-gradient(90deg,rgba(29, 67, 127, 1) 0%, rgba(46, 103, 178, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h3{
font-size: 1.8rem;
}

/* Remove default underline */
a {
  text-decoration: none;
  position: relative;
  color: rgba(46, 103, 178, 1);
}


#zak-footer a, #zak-footer p {
  color: rgba(255, 255, 255, 1);
}

button, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button .wp-block-button__link, .zak-button {
  border-color: #1D437F;
  background-color: #1D437F;
  background: #1D437F;
  background: linear-gradient(90deg,rgba(29, 67, 127, 1) 0%, rgba(46, 103, 178, 1) 100%);
}

html body.wp-singular.page-template.page-template-page-templates.page-template-pagebuilder.page-template-page-templatespagebuilder-php.page.page-id-3777.logged-in.wp-custom-logo.wp-theme-zakra.wp-child-theme-zakra-child.um-page.um-page-account.um-page-loggedin.zak-site-layout--contained.zak-site-layout--right.zak-container--wide.zak-content-area--bordered.has-page-header.has-breadcrumbs div#page.zak-site div#zak-content.zak-content div.zak-container div.zak-row main#primary.zak-primary.pagebuilder-content div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow div.um.um-account.um-editing.um-um_account_id div.um-form form div.um-account-side.uimob340-hide.uimob500-hide div.um-account-meta.radius-1 div.um-account-name.uimob800-hide div.um-account-profile-link div.wp-block-button a{
  font-size: 1.5em !important;
}

html body.wp-singular.page-template.page-template-page-templates.page-template-pagebuilder.page-template-page-templatespagebuilder-php.page.page-id-3777.logged-in.wp-custom-logo.wp-theme-zakra.wp-child-theme-zakra-child.um-page.um-page-account.um-page-loggedin.zak-site-layout--contained.zak-site-layout--right.zak-container--wide.zak-content-area--bordered.has-page-header.has-breadcrumbs div#page.zak-site div#zak-content.zak-content div.zak-container div.zak-row main#primary.zak-primary.pagebuilder-content div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow div.um.um-account.um-editing.um-um_account_id div.um-form form div.um-account-side.uimob340-hide.uimob500-hide div.um-account-meta.radius-1 div.um-account-name.uimob800-hide div.um-account-profile-link a{
  font-size: 1.5em !important;
}


h1.zak-header-image-cta__title {
 text-transform: uppercase;
 padding-top:150px
 
}

@media screen and (min-width: 768px) {
  .wp-custom-header .zak-header-image-cta__title {
    font-size: 5rem;
		letter-spacing: 0.9em;
		
  }
}

.custom-logo-link::after {
  content: none;
}

.zak-header-main-row{
  margin-bottom: 20px;
}

/* Custom underline pseudo-element */
a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px; /* Adjust this to move underline vertically */
  width: 100%;  /* Always visible underline */
  height: 1px;  /* Underline thickness */
  background-color: rgba(46, 103, 178, 1); /* Default underline color */
  transition: background-color 0.3s ease;
}

div.um-half a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px; /* Adjust this to move underline vertically */
  width: 100%;  /* Always visible underline */
  height: 0px;  /* Underline thickness */
  background-color: rgba(46, 103, 178, 1); /* Default underline color */
  transition: background-color 0.3s ease;
}

a.um-link-alt{
    margin: auto;
    width: fit-content;
}

#zak-footer a::after {
  bottom: -1px; /* Adjust this to move underline vertically */
  background-color: rgba(255, 255, 255, 1);

}

/* place this after the theme CSS (Customizer → Additional CSS) */
#wp-custom-header .zak-header-image-cta .zak-header-image-cta__button {
  display: inline-block; /* just in case */
  transition: background .4s ease, color .4s ease, border-color .4s ease;
}

#wp-custom-header .zak-header-image-cta .zak-header-image-cta__button:hover,
#wp-custom-header .zak-header-image-cta a:hover > .zak-header-image-cta__button {
  background: #ffd800 !important;      /* override gradients/shorthand */
  background-image: none !important;    /* kill any gradient */
  color: #000 !important;               /* contrast on yellow */
  border-color: #ffd800 !important;     /* if there’s a border */
}

/* Base */
.wp-block-button .wp-block-button__link.wp-element-button,
.zak-header-image-cta .zak-header-image-cta__button {
  background-image: none !important;          /* kill gradient */
  background-color: #1D437F !important;       /* keep your base blue */
  transition: background-color .4s ease, color .4s ease, border-color .4s ease;
}

/* Hover */
.wp-block-button .wp-block-button__link.wp-element-button:hover,
.zak-header-image-cta .zak-header-image-cta__button:hover {
  background-image: none !important;
  background-color: #ffd800 !important;       /* yellow */
  color: #000 !important;
  border-color: #ffd800 !important;
}


div.wp-block-buttons > div > a::after {
  
  height: 0px;  /* Underline thickness */

}

.zak-header-image-cta-wrapper > a::after{
  
  height: 0px;  /* Underline thickness */

}

/* Underline highlight effect on hover */
a:hover::after {
  background-color: #FCBA74; /* Highlight underline color on hover */
}

/*
#zak-footer a:hover::after {
  background-color: rgba(0, 0, 0, 1);
}
*/

/* Background highlight effect on hover (optional) */
a:hover {
  background-color: #ffcd05;
  transition: background-color 0.3s ease;
}



/*
.zak-header-builder .zak-header-top-row {
    background-color: #FAFAFA; 
}

.zak-footer-builder .zak-footer-top-row {
    background-color: #2E67B2;
}
*/

#H2Replacement {
  display: block;
  width: 368px;
  height: 74px;
  margin: 0 auto; 
  text-indent: -9999px; /* hides the text */
  background: url('../../uploads/2026/10/REALI3SE_logo_no_subtitle.png') #ffffff no-repeat center center;
  background-size: contain; /* ensures the image fits inside */
}



.EUcommission{
    width: 80%;
    display: block;     
    margin: 0 auto;       
    height: auto;
}



@media (max-width: 992px) {
  .wp-block-image img {
    width: 65%;
    max-width: 100%;
    margin: auto;
    display: block;
  }
}

@media (max-width: 800px) {
	.zak-header-image-cta__text  {
		display: none !important;
	}
}

@media (min-width: 1100px) {
	.zak-header-image-cta .zak-container {
		margin-top:-180px;
	}
}

.wp-custom-header .zak-header-image-cta-wrapper {
  width: 85%;
}

.zak-header-image-cta__text {
  font-size: 1.17em;
	padding:30px;
}



h1#H1_HomeReplacement{
  display: block;
  width: 40% !important;
  margin: 0 auto; /*centers the block */
  text-indent: -9999px; /* hides the text */
  background: url('../../uploads/2026/10/REALI3SE_logo_no_subtitle_white-scaled.png') no-repeat center center;
  background-size: contain; /* ensures the image fits inside */
}


header div#header-breadcrumb {
	padding: 0 !important;
}


.wp-custom-header img#custom_img {
  width: 100%;      /* or fixed px */
  height: 300px;    /* desired cropped height */
  object-fit: cover;  /* maintains aspect ratio, cropping image */
  object-position: bottom; /* image position (top, center, bottom, etc.) */
  overflow: hidden; /* ensures no overflow outside container */
}

.in_red{
  -webkit-text-fill-color: #EB2128;
  color:#EB2128 !important;
  font-size: 0.9em;
  padding-top: 30px;
  font-style: normal !important;
}



.underlined{
  text-decoration: underline;
}

.phd_title{
  height: 130px; 
}

.phd_img{
  height: 80px; 
}

h2.phd_name{
    background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1.with_custom_image{
   background: linear-gradient(90deg,rgba(29, 67, 127, 1) 0%, rgba(46, 103, 178, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.5em !important;
  letter-spacing: 0.5em !important;
  padding-top: 16rem;
}

.supervisor_host {
  height: 70px; 
}


/* Rendi il "bottone" Iubenda un link testuale nel footer */
.zak-footer-builder .iub__us-widget__wrapper {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
  position: static !important;
}

/* L'anchor dentro il wrapper resta testo con sottolineatura */
.zak-footer-builder .iub__us-widget__wrapper a,
.zak-footer-builder .iub__us-widget__wrapper [role="button"] {
  all: unset !important;
  display: inline !important;
  cursor: pointer !important;
  text-decoration: underline !important;
  color: inherit !important;
  line-height: inherit !important;
}

/* Evita qualunque posizionamento fisso/flottante residuo */
.iub__us-widget, .iub__us-widget * {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

/* Se vuoi nascondere eventuali floating button duplicati */
.iubenda-tp-btn, .iubenda-floating-button { display: none !important; }


/* Remove default underline only inside Iubenda UI */
.iubenda-cs-container a,
.iubenda-cs-modal a,
.iubenda-cs-content a,
.iubenda-cs-rationale a,
.iubenda-cs-purpose-desc a,
.iub__us-widget a,
.iubenda-floating-button a,
.iubenda-tp-btn a {
  text-decoration: none !important;
}

/* Optional: show underline on hover/focus for accessibility */
.iubenda-cs-container a:hover,
.iubenda-cs-container a:focus,
.iub__us-widget a:hover,
.iub__us-widget a:focus {
  text-decoration: underline !important;
  outline-offset: 2px;
}
/* Iubenda: remove underline/decorations just for the cookie-policy link */
.iubenda-cs-cookie-policy-lnk {
  text-decoration: none !important;
  height: 0px;
}

/* keep it clean on hover/focus too */
.iubenda-cs-cookie-policy-lnk:hover,
.iubenda-cs-cookie-policy-lnk:focus {
  text-decoration: none !important;
  outline: none;           /* remove default outline if you prefer */
  box-shadow: none;        /* some themes add focus ring via shadow */
}

/* No custom underline inside Iubenda UI */
.iubenda-cs-container a::after,
.iubenda-cs-modal a::after,
.purposes-header-right a::after{
  content: none !important;
}


/* Porta in trasparenza tutte le righe del footer, qualunque colore inline */
#zak-footer .zak-footer-top-row,
#zak-footer .zak-footer-main-row,
#zak-footer .zak-footer-bottom-row {
  background: transparent !important;
  background-image: none !important;
}

/* Rendi trasparenti anche le colonne/container interni che possono ereditare un colore */
#zak-footer .zak-footer-col,
#zak-footer .zak-top-row,
#zak-footer .zak-main-row,
#zak-footer .zak-bottom-row,
#zak-footer .zak-html-1,
#zak-footer .zak-html-2 {
  background: transparent !important;
}

/* Assicurati che l'immagine sia applicata al wrapper principale */
#zak-footer {
  position: relative;
  z-index: 0;
  background-image: url('https://realise-dn.eu/wp-content/uploads/2025/11/bk1-scaled.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* Desktop */
  min-height: 320px; /* così vedi l’immagine anche su pagine corte */
}

/* Overlay scuro opzionale (sotto ai contenuti) */
#zak-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;             /* sotto ai contenuti del footer */
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.35));
}

/* Mobile: niente 'fixed' */
@media (max-width: 1024px) {
  #zak-footer { background-attachment: scroll; }
}

/* Rispetta “riduci animazioni” */
@media (prefers-reduced-motion: reduce) {
  #zak-footer { background-attachment: scroll !important; }
}

div.um-profile-photo {
  display: none !important;
}

div.um-header{
  border-bottom: solid 0px #eee !important;
}

div.um-account-meta-img{
  display: none !important;
}

div.um-misc-with-img{
  display: none !important;
}

div.um-role-subscriber{
  display: none !important;
}

#zak-masthead .zak-html-2 a[href*="/account"]{
  text-decoration: underline !important;
  text-underline-offset: 0.25em;
}

#zak-masthead .zak-html-2 a[href*="/account"]::after{
  content: none !important;
}


/* Replace the blog header title with an image */

/* Apply the replacement on:
   - posts/pages where Zakra adds .with_custom_image
   - the main blog index page (body has .home.blog)
*/
.zak-header-image-cta__title.with_custom_image,
body.blog .zak-header-image-cta__title,
body.archive .zak-header-image-cta__title{
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  padding-top: 0;
  margin: 0;
  margin-top: 150px;
}


/* Hide wrapped text spans/links etc */
.zak-header-image-cta__title.with_custom_image > *,
body.blog .zak-header-image-cta__title > *,
body.archive .zak-header-image-cta__title > *{
  display: none !important;
}

/* Draw the image */
.zak-header-image-cta__title.with_custom_image::after,
body.blog .zak-header-image-cta__title::after,
body.archive .zak-header-image-cta__title::after{
  content: "";
  display: block;

  height: 90px;
  max-width: 520px;
  width: 100%;
  margin: 0 auto;

  background-image: url("http://realise-dn.local/wp-content/uploads/2026/02/logo_Blue_Yellow_with_News-scaled.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media (max-width: 768px){
  .zak-header-image-cta__title.with_custom_image::after,
  body.blog .zak-header-image-cta__title::after,
  body.archive .zak-header-image-cta__title::after{
    height: 70px;
    max-width: 360px;
  }
}



/* === Disable the custom underline (::after) for the LinkedIn icon link === */
/* Works even if the class isn't present, as long as the href contains "linkedin" */


/* Make links match /account underline style (text-decoration) */
#zak-masthead .zak-html-2 a.topbar-like-account{
  text-decoration: underline !important;
  text-underline-offset: 0.25em;
}

/* Disable your global pseudo-underline for these links */
#zak-masthead .zak-html-2 a.topbar-like-account::after{
  content: none !important;
  display: none !important;
}

/* LinkedIn: keep underline only on the text, not on the icon */
#zak-masthead .zak-html-2 a.linkedin-link{
  display: inline-flex;
  align-items: center;
  gap: 2px;
  text-decoration: none !important;     /* no underline on the whole link */
  background: unset !important;         /* allow normal hover background */
  background-color: unset !important;   /* allow normal hover background */
}

#zak-masthead .zak-html-2 a.linkedin-link .linkedin-link__text{
  text-decoration: underline !important;
  text-underline-offset: 0.25em;
}

/* Keep the icon stable (no hover effects) */
#zak-masthead .zak-html-2 a.linkedin-link .linkedin-link__icon,
#zak-masthead .zak-html-2 a.linkedin-link:hover .linkedin-link__icon,
#zak-masthead .zak-html-2 a.linkedin-link:focus .linkedin-link__icon{
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

html body.home.wp-singular.page-template.page-template-page-templates.page-template-pagebuilder.page-template-page-templatespagebuilder-php.page.page-id-1315.logged-in.wp-custom-logo.wp-theme-zakra.wp-child-theme-zakra-child.zak-site-layout--stretched.zak-site-layout--no_sidebar.zak-container--wide.zak-content-area--bordered.has-page-header.has-breadcrumbs div#page.zak-site header#zak-masthead.zak-header-builder.zak-layout-1.zak-layout-1-style-1.zak-menu--right div.zak-row.zak-desktop-row.zak-main-header div.zak-header-top-row div.zak-container div.zak-top-row div.zak-header-right-col div.zak-html-2 p a.topbar-like-account img.linkedin-link__icon{
  margin-top: -2px !important;
  margin-left: 1px;

}


/* Blog post title link: NO underline, KEEP hover background, KEEP same text color */
/* Blog/Archive post titles: use real text color (no gradient/transparent fill) */
body.blog h2.entry-title,
body.blog h2.entry-title a,
body.archive h2.entry-title,
body.archive h2.entry-title a {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: rgba(46, 103, 178, 1) !important;
  color: rgba(46, 103, 178, 1) !important;
}

/* Remove your custom underline pseudo-element for these title links */
body.blog h2.entry-title a::after,
body.archive h2.entry-title a::after,
body.blog h2.entry-title a:hover::after,
body.archive h2.entry-title a:hover::after,
body.blog h2.entry-title a:focus::after,
body.archive h2.entry-title a:focus::after {
  content: none !important;
  display: none !important;
}

/* Keep hover background effect, but keep text color the same */
body.blog h2.entry-title a:hover,
body.blog h2.entry-title a:focus,
body.archive h2.entry-title a:hover,
body.archive h2.entry-title a:focus {
  background-color: #ffcd05; /* your hover effect */
  color: rgba(46, 103, 178, 1) !important;
  -webkit-text-fill-color: rgba(46, 103, 178, 1) !important;
}


/* Blog page excerpt text: smaller and tighter */
body.blog .zak-entry-summary p{
  font-size: 1.8rem;   /* reduce text size */
  line-height: 1.7;    /* reduce spacing between lines */
  margin: 0.4em 0;      /* reduce paragraph spacing */
}

/* If you also want this on category/tag/date archives */
body.archive .zak-entry-summary p{
  font-size: 1.8rem;
  line-height: 1.7;
  margin: 0.4em 0;
}

html body.home.wp-singular.page-template.page-template-page-templates.page-template-pagebuilder.page-template-page-templatespagebuilder-php.page.page-id-1315.logged-in.wp-custom-logo.wp-theme-zakra.wp-child-theme-zakra-child.zak-site-layout--stretched.zak-site-layout--no_sidebar.zak-container--wide.zak-content-area--bordered.has-page-header.has-breadcrumbs div#page.zak-site div#zak-content.zak-content div.zak-container div.zak-row main#primary.zak-primary.pagebuilder-content div.wp-block-group.is-layout-constrained.wp-container-core-group-is-layout-2a64f0e7.wp-block-group-is-layout-constrained div.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-c82ef4ac.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-container-core-column-is-layout-47e5a185.wp-block-column-is-layout-flow div.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-85ed13ed.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-container-core-column-is-layout-369f67fb.wp-block-column-is-layout-flow ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts.has-background.has-zakra-color-3-background-color{

  margin: 0 !important;
}

ul.wp-block-latest-posts__list li{

  margin-bottom: 2em !important;
}


/* =========================================================
   HOME (realise-dn.local) – "Latest News" block as elegant cards
   Scoped to body.home.page-id-1315
   ========================================================= */

body.home.page-id-1315 h2.wp-block-heading + ul.wp-block-latest-posts__list.wp-block-latest-posts{
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;

  display: grid;
  gap: 22px;
}

/* Each post = card */
body.home.page-id-1315 h2.wp-block-heading + ul.wp-block-latest-posts__list.wp-block-latest-posts > li{
  margin: 0 !important;                 /* overrides any previous li spacing */
  padding: 18px 18px;
  border: 1px solid rgba(46,103,178,.18);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);

  display: grid;
  grid-template-columns: 1fr auto;      /* content | image */
  column-gap: 18px;
  align-items: start;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

body.home.page-id-1315 h2.wp-block-heading + ul.wp-block-latest-posts__list.wp-block-latest-posts > li:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0,0,0,.10);
  border-color: rgba(46,103,178,.35);
  /* background-color: rgba(255,205,5,.10); subtle yellow tint on the card */
}

/* --- IMPORTANT: stop your global link hover background/color INSIDE this block --- */
body.home.page-id-1315 h2.wp-block-heading + ul.wp-block-latest-posts__list.wp-block-latest-posts a:hover,
body.home.page-id-1315 h2.wp-block-heading + ul.wp-block-latest-posts__list.wp-block-latest-posts a:focus{
  background-color: transparent !important; /* prevents yellow "marker" behind text */
}

/* Disable your global pseudo underline (a::after) inside this block */
body.home.page-id-1315 h2.wp-block-heading + ul.wp-block-latest-posts__list.wp-block-latest-posts a::after{
  content: none !important;
  display: none !important;
}

/* Featured image: remove float and make a clean thumb */
body.home.page-id-1315 .wp-block-latest-posts__featured-image.alignright,
body.home.page-id-1315 .wp-block-latest-posts__featured-image.alignleft{
  float: none !important;
  margin: 0 !important;
  justify-self: end;
}

body.home.page-id-1315 .wp-block-latest-posts__featured-image a,
body.home.page-id-1315 .wp-block-latest-posts__featured-image a:hover,
body.home.page-id-1315 .wp-block-latest-posts__featured-image a:focus{
  background: transparent !important;
}

body.home.page-id-1315 .wp-block-latest-posts__featured-image img{
  width: 170px;
  height: 170px;
  object-fit: cover;
  border-radius: 14px;
  display: block;
  transition: transform .25s ease;
}

body.home.page-id-1315 h2.wp-block-heading + ul.wp-block-latest-posts__list.wp-block-latest-posts > li:hover
.wp-block-latest-posts__featured-image img{
  transform: scale(1.03);
}

/* Title: keep same color on hover (NO yellow text), add elegant underline-on-hover */
body.home.page-id-1315 a.wp-block-latest-posts__post-title{
  font-weight: 650;
  font-size: 2.5rem;
  line-height: 1.25;
  margin: 0;

  color: rgba(46, 103, 178, 1) !important;
  -webkit-text-fill-color: rgba(46, 103, 178, 1) !important;
}

body.home.page-id-1315 a.wp-block-latest-posts__post-title:hover,
body.home.page-id-1315 a.wp-block-latest-posts__post-title:focus{
  color: rgba(46, 103, 178, 1) !important;
  -webkit-text-fill-color: rgba(46, 103, 178, 1) !important;

  text-decoration: underline;
  text-underline-offset: .18em;
  text-decoration-thickness: 1px;
}

/* Date */
body.home.page-id-1315 .wp-block-latest-posts__post-date{
  font-size: 1.7rem;
  line-height: 1.2;
  margin-top: .05rem;
  color: rgba(31,31,50,.75);
  letter-spacing: .02em;
}

/* Excerpt: smaller + tighter + clamp */
body.home.page-id-1315 .wp-block-latest-posts__post-excerpt{
  margin-top: .1rem;
  font-size: 1.7rem;
  line-height: 1.55;
  color: rgba(31,31,50,.88);
  max-width: 62ch;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Mobile: stack */
@media (max-width: 780px){
  body.home.page-id-1315 h2.wp-block-heading + ul.wp-block-latest-posts__list.wp-block-latest-posts > li{
    grid-template-columns: 1fr;
    row-gap: 14px;
  }
  body.home.page-id-1315 .wp-block-latest-posts__featured-image{
    justify-self: start;
  }
  body.home.page-id-1315 .wp-block-latest-posts__featured-image img{
    width: 100%;
    height: 210px;
  }
}

/* ===== Latest News: fix layout (title/date/excerpt left, image right) ===== */
body.home.page-id-1315 h2.wp-block-heading + ul.wp-block-latest-posts__list.wp-block-latest-posts > li{
  grid-template-columns: 1fr 190px !important;
  grid-template-areas:
    "title   img"
    "date    img"
    "excerpt img" !important;
  row-gap: 8px;
}

/* Place items into the grid areas (ignores HTML order) */
body.home.page-id-1315 .wp-block-latest-posts__featured-image{ 
  grid-area: img;
  justify-self: end;
  align-self: center;
  display: flex;
  justify-content: flex-end;
}

body.home.page-id-1315 a.wp-block-latest-posts__post-title{
  grid-area: title;
}

body.home.page-id-1315 .wp-block-latest-posts__post-date{
  grid-area: date;
  margin-top: 0 !important;

  /* optional: make it a neat “pill” */
  display: inline-block;
  width: fit-content;
  padding: .2rem .6rem;
  border-radius: 999px;
  background: rgba(46,103,178,.08);
}

body.home.page-id-1315 .wp-block-latest-posts__post-excerpt{
  grid-area: excerpt;
  margin-top: 0 !important;
}

/* Thumbnail size/shape (more consistent) */
body.home.page-id-1315 .wp-block-latest-posts__featured-image img{
  width: 190px !important;
  height: 190px !important;
  object-fit: cover;
  border-radius: 16px;
}

/* Mobile: stack nicely */
@media (max-width: 780px){
  body.home.page-id-1315 h2.wp-block-heading + ul.wp-block-latest-posts__list.wp-block-latest-posts > li{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "img"
      "title"
      "date"
      "excerpt" !important;
  }
  body.home.page-id-1315 .wp-block-latest-posts__featured-image{
    justify-self: start;
  }
  body.home.page-id-1315 .wp-block-latest-posts__featured-image img{
    width: 100% !important;
    height: 220px !important;
  }
}





/* =========================================================
   NEWS PAGE (blog index + archives) — elegant cards (Golden ratio)
   Applies to: body.blog (/news/) and body.archive
   - Golden ratio columns by default: image ~38% / text ~62%
   - Images homogeneous
   - Images always LEFT
   - Buttons less rounded + perfectly centered label/icon
   ========================================================= */

body.blog .zak-posts,
body.archive .zak-posts{
  /* --- Layout tuning --- */
  /* Golden ratio: small : large = 1 : 1.618  -> image 38.2% / text 61.8% */
  --news-cols: minmax(260px, 1fr) 1.618fr;

  /* If you prefer 1/3 image + 2/3 text, use this instead: */
  /* --news-cols: minmax(240px, 1fr) 2fr; */

  --news-card-radius: 18px;
  --news-inner-pad: 18px;
  --news-gap: 22px;

  /* Same-size thumbnails (edit once here) */
  --news-thumb-h: 300px;
  --news-thumb-radius: 14px;

  /* Button */
  --news-btn-radius: 12px;

  display: grid;
  gap: 28px;
}

/* Card */
body.blog .zak-posts article.zak-post,
body.archive .zak-posts article.zak-post{
  border: 1px solid rgba(46,103,178,.16);
  border-radius: var(--news-card-radius);
  background: #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);

  padding: var(--news-inner-pad);
  display: grid;
  grid-template-columns: var(--news-cols);
  gap: var(--news-gap);
  align-items: center;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.blog .zak-posts article.zak-post:hover,
body.archive .zak-posts article.zak-post:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(0,0,0,.10);
  border-color: rgba(46,103,178,.28);
}

/* Thumbnail: consistent box for every post */
body.blog .zak-posts .zak-entry-thumbnail,
body.archive .zak-posts .zak-entry-thumbnail{
  margin: 0 !important;
}

body.blog .zak-posts .zak-entry-thumbnail__link,
body.archive .zak-posts .zak-entry-thumbnail__link{
  display: block;
  width: 100%;
  height: var(--news-thumb-h);
  border-radius: var(--news-thumb-radius);
  overflow: hidden;
  background: rgba(46,103,178,.06); /* subtle placeholder tone while loading */
}

body.blog .zak-posts .zak-entry-thumbnail img,
body.archive .zak-posts .zak-entry-thumbnail img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .25s ease;
}

body.blog .zak-posts article.zak-post:hover .zak-entry-thumbnail img,
body.archive .zak-posts article.zak-post:hover .zak-entry-thumbnail img{
  transform: scale(1.03);
}

/* Content */
body.blog .zak-posts .zak-post-content,
body.archive .zak-posts .zak-post-content{
  padding: 6px 2px; /* small optical alignment inside the padded card */
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Stop your global underline/marker system inside the listing */
body.blog .zak-posts a:hover,
body.blog .zak-posts a:focus,
body.archive .zak-posts a:hover,
body.archive .zak-posts a:focus{
  background-color: transparent !important;
}

body.blog .zak-posts a::after,
body.archive .zak-posts a::after{
  content: none !important;
  display: none !important;
}

/* Title: force solid color (avoid your h2 gradient rule) */
body.blog .zak-posts h2.entry-title,
body.archive .zak-posts h2.entry-title{
  margin: 0;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: rgba(46,103,178,1) !important;
  color: rgba(46,103,178,1) !important;
}

body.blog .zak-posts h2.entry-title a,
body.archive .zak-posts h2.entry-title a{
  color: rgba(46,103,178,1) !important;
  -webkit-text-fill-color: rgba(46,103,178,1) !important;
  text-decoration: none !important;
}

body.blog .zak-posts h2.entry-title a:hover,
body.blog .zak-posts h2.entry-title a:focus,
body.archive .zak-posts h2.entry-title a:hover,
body.archive .zak-posts h2.entry-title a:focus{
  text-decoration: underline;
  text-underline-offset: .18em;
  text-decoration-thickness: 1px;
}

/* Meta date pill */
body.blog .zak-entry-meta,
body.archive .zak-entry-meta{
  font-size: 1.7rem;
  color: rgba(31,31,50,.72);
}

body.blog .zak-entry-meta time,
body.archive .zak-entry-meta time{
  display: inline-block;
  padding: .18rem .25rem;
  border-radius: 999px;
  background: rgba(46,103,178,.08);
}

/* Excerpt: tighter and clamped */
body.blog .zak-entry-summary p,
body.archive .zak-entry-summary p{
  font-size: 1.7rem;
  line-height: 1.55;
  margin: 0;
  max-width: 70ch;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Read More button: centered text + less rounded */
body.blog .zak-entry-footer .entry-button,
body.archive .zak-entry-footer .entry-button{
  margin-top: 6px;
  width: fit-content;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;

  padding: .65rem 1.05rem;
  border-radius: var(--news-btn-radius);
  line-height: 1;
  white-space: nowrap;

  background: rgba(29,67,127,1);
  color: #fff !important;
  text-decoration: none !important;
}

body.blog .zak-entry-footer .entry-button svg,
body.archive .zak-entry-footer .entry-button svg{
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 auto;
}

body.blog .zak-entry-footer .entry-button:hover,
body.blog .zak-entry-footer .entry-button:focus,
body.archive .zak-entry-footer .entry-button:hover,
body.archive .zak-entry-footer .entry-button:focus{
  background: #ffcd05 !important;
  color: #000 !important;
}

/* Mobile: stack image on top */
@media (max-width: 900px){
  body.blog .zak-posts article.zak-post,
  body.archive .zak-posts article.zak-post{
    grid-template-columns: 1fr;
    padding: 16px;
    gap: 16px;
    align-items: stretch;
  }

  body.blog .zak-posts .zak-entry-thumbnail__link,
  body.archive .zak-posts .zak-entry-thumbnail__link{
    height: 220px; /* still homogeneous on mobile */
    border-radius: 14px;
  }

  body.blog .zak-posts .zak-post-content,
  body.archive .zak-posts .zak-post-content{
    padding: 0;
  }
}