img {
    max-width: 100%;
    height: auto;
}
iframe, embed, object, video {
    max-width: 100%;
    height: auto;
}
table {
    width: 100%;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
iframe#payment-iframe{
	height: 900px;
}
/* === Local Muli font (Opti Laboratories) === */
@font-face {
  font-family: 'Muli';
  src: url('https://optilaboratories.com/wp-content/uploads/fonts/Muli.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* prevents invisible text */
}

/* Optional bold weight (browser will simulate if omitted) */
@font-face {
  font-family: 'Muli';
  src: url('https://optilaboratories.com/wp-content/uploads/fonts/Muli.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Apply Muli site-wide (Biagotti uses body typography selectors) */
body,
p,
span,
a,
li {
  font-family: 'Muli', sans-serif;
}

/* The relative parent container */
  .relativeTom{
      position: relative;
  }
  
  /* Ensure Elementor helper divs are not relative */
  .relativeTom .elementor-container, 
  .relativeTom .elementor-column, 
  .relativeTom .elementor-widget-wrap {
      position: initial;
  }
  
  /* The new and improved hero image */
  .heroimg, .heroimg img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
  }

/* Fix Elementor atomic single-post article width */
body.single-post [data-elementor-type="wp-post"] > .e-flexbox-base:first-child,
body.single-post [data-elementor-type="wp-post"] > .e-atomic-element:first-child,
body.single-post [data-elementor-type="wp-post"] > .elementor-element:first-child {
    display: flex !important;
    flex-direction: column !important;
    width: min(100%, 1140px) !important;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

/* Prevent inner media from forcing horizontal overflow */
body.single-post [data-elementor-type="wp-post"] > .elementor-element:first-child img,
body.single-post [data-elementor-type="wp-post"] > .elementor-element:first-child table,
body.single-post [data-elementor-type="wp-post"] > .elementor-element:first-child iframe,
body.single-post [data-elementor-type="wp-post"] > .elementor-element:first-child video {
    max-width: 100%;
}

/* Local Marcellus SC font */
@font-face {
    font-family: 'Marcellus SC';
    src: url('https://optilaboratories.com/wp-content/uploads/elementor/google-fonts/fonts/marcellus-weo_ebrok8hqldviaf81vvok.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marcellus';
    src: url('https://optilaboratories.com/wp-content/uploads/elementor/google-fonts/fonts/marcellus-weo_ebrok8hqldviaf81vvok.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Local Mulish / Muli font */
@font-face {
    font-family: 'Mulish';
    src: url('https://optilaboratories.com/wp-content/uploads/2026/05/Muli.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Alias as Muli because your current CSS uses this name */
@font-face {
    font-family: 'Muli';
    src: url('https://optilaboratories.com/wp-content/uploads/2026/05/Muli.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}