.entry-content h1, .post-content h1, .page-content h1, #content h1, .type-post h1, .type-page h1, .elementor h1,
.entry-content h2, .post-content h2, .page-content h2, #content h2, .type-post h2, .type-page h2, .elementor h2,
.entry-content h3, .post-content h3, .page-content h3, #content h3, .type-post h3, .type-page h3, .elementor h3,
.entry-content h4, .post-content h4, .page-content h4, #content h4, .type-post h4, .type-page h4, .elementor h4,
.entry-content h5, .post-content h5, .page-content h5, #content h5, .type-post h5, .type-page h5, .elementor h5,
.entry-content h6, .post-content h6, .page-content h6, #content h6, .type-post h6, .type-page h6, .elementor h6{
  font-family: "Playfair Display" !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* Body text - Montserrat. Removed global span override */
.entry-content, .entry-content p, .post-content, .page-content, .post-excerpt, .entry-summary, .entry-excerpt, .excerpt, .excerpt p,
.type-post p, .type-page p, .wp-block-post-content, .wp-block-post-excerpt, .elementor, .elementor p{
  font-family: "Montserrat" !important;
  font-weight: 400 !important;
}

/* Ensure spans inside headings inherit the heading font */
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.elementor-heading-title span{
  font-family: inherit !important;
  font-weight: inherit !important;
}

/* Counter stays Playfair 600 */
h2.counter-item, h2.counter-item span{
  font-weight: 600 !important;
  font-family: "Playfair Display" !important;
}

/* Optional: remove this if you do not want spaced-out headings */
.quanto-funfacts__wrapper .quanto-funfact-box h2{
  letter-spacing: 0 !important;
}

/* Global default font (covers footer too) */
body{
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400 !important;
}

/* Year inherits the footer/body font */
#copyright-year{
  font-family: inherit !important;
  font-weight: inherit !important;
}

/* Force Montserrat in the footer copyright line */
.footer-widgets p,
footer p,
#footer p,
#footer-copyright,
#footer-copyright *{
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400 !important;
}

/* Force Montserrat on the year itself */
#copyright-year{
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400 !important;
}

/* BODY TEXT ONLY. Responsive sizing across devices */
body{
  font-size: 19px !important;      /* desktop */
  line-height: 1.75 !important;
}

/* tablet */
@media (max-width: 1024px){
  body{
    font-size: 17px !important;
  }
}

/* mobile */
@media (max-width: 767px){
  body{
    font-size: 16px !important;
  }
}

/* ================================
   ASCEND FIXES. Body + portfolio images
   Paste at the very bottom of style.css
================================ */

/* Body text. Responsive, theme breakpoints */
body{
  font-size: 20px;
  line-height: 1.6;
}

@media only screen and (max-width: 1199.98px){
  body{ font-size: 19px; }
}

@media only screen and (max-width: 991.98px){
  body{ font-size: 18px; }
}

@media only screen and (max-width: 767.98px){
  body{ font-size: 16px; }
}

/* Make common text follow the body size */
p, li, .elementor p, .entry-content p{
  font-size: inherit;
  line-height: inherit;
}
/* Content images should not crop on mobile */
@media only screen and (max-width: 767.98px){
  .page--content img,
  .entry-content img,
  .blog-item .blog-body img,
  .portfolio-details__content img{
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
  }

  .page--content figure,
  .entry-content figure,
  .blog-item .blog-body .wp-block-image,
  .portfolio-details__content figure{
    overflow: visible !important;
  }
}

/* Fix cropping on real touch devices (phones/tablets) */
@media (hover: none) and (pointer: coarse){

  .portfolio-details__content .elementor-widget-image img,
  .portfolio-details__content img[class*="wp-image-"]{
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    display: block !important;
  }

  .portfolio-details__content .elementor-widget-image,
  .portfolio-details__content .elementor-widget-image .elementor-widget-container{
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}