/* 
 Theme Name:     Presh Marketing Solutions
 Author:         MECS Unlimited Theme
 Author URI:     http://preshmarketingsolutions.com
 Template:       Divi
 Version:        V.01
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.3
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*GRAVITY FORMS STYLING*/
.gform_page_fields {
    font-family: 'Open Sans';
    color: #666666;
    line-height: 2em;
  }

  .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {
    margin: 6px 0;
    padding: 0;
    font-size: 16px;
    color: #666666;
}

.gform_button, .gform_previous_button, .gform_next_button {
    margin-right: 10px;
    background: #2fa2f2;
    border: 1px solid #2fa2f2;
    color: #fff;
    border-radius: 3px;
    padding: 10px 18px;
    text-transform: uppercase;
    font-family: 'Open Sans';
    letter-spacing: 1px;
}

.gsection_description {
    font-size: 16px!important;
    line-height: 2em!important;
}

/* Divi 5: linked Icon modules render as inline anchors.
   Restore Divi 4 block layout so Core Services icons stay centered
   and keep the column gutter spacing underneath. */
.et_pb_icon.et_clickable,
.et_pb_icon:is(a) {
  display: block;
  text-align: center;
}


/* Homepage redesign: uppercase all links */
.page-id-10713 a,
.page-id-10713 .et_pb_button,
.page-id-10713 a.et_pb_button,
.page-id-10713 #top-menu li a,
.page-id-10713 #et-secondary-nav a,
.page-id-10713 #et-info a {
  text-transform: uppercase !important;
}


/* Homepage redesign: primary CTA hover matches secondary button */
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-primary:hover,
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-primary:focus-visible {
  background-color: var(--gcid-mecs-white) !important;
  background-image: none !important;
  border-color: var(--gcid-mecs-ink) !important;
  border-style: solid !important;
  border-width: 2px !important;
  color: var(--gcid-mecs-ink) !important;
}
/* Homepage redesign: Explore Our Solutions hover matches Schedule a Consultation */
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-secondary:hover,
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-secondary:focus-visible {
  background-color: var(--gcid-mecs-accent) !important;
  background-image: none !important;
  border-color: var(--gcid-mecs-accent) !important;
  border-style: solid !important;
  border-width: 2px !important;
  color: var(--gcid-mecs-white) !important;
}

/* Homepage redesign: Inquire Now / Talk With MECS (white preset)
   hover: blue fill, white text, white border */
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-white:hover,
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-white:focus-visible {
  background-color: var(--gcid-mecs-accent) !important;
  border-color: var(--gcid-mecs-white) !important;
  border-style: solid !important;
  border-width: 2px !important;
  color: var(--gcid-mecs-white) !important;
}


/* Homepage redesign: Inquire Now / Talk With MECS icon color on hover */
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-white:hover:after,
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-white:focus-visible:after {
  color: var(--gcid-mecs-white) !important;
}

/* Homepage redesign: View Solution / View Case Study text-link hover
   Accent color on the label and the right-side arrow. */
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-text:hover,
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-text:focus-visible {
  color: var(--gcid-mecs-accent) !important;
}

body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-text:hover:after,
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-text:focus-visible:after,
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-text:hover:before,
body.page-id-10713 #page-container .et_pb_section a.preset--module--divi-button--mecs-button-text:focus-visible:before {
  color: var(--gcid-mecs-accent) !important;
}

/* Homepage redesign: pin View Case Study links to the bottom of each card */
body.page-id-10713 #page-container .mecs-case-studies .et_pb_row {
  align-items: stretch;
}

body.page-id-10713 #page-container .mecs-case-studies .et_pb_column {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}

body.page-id-10713 #page-container .mecs-case-studies .et_pb_column > .et_pb_group {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

body.page-id-10713 #page-container .mecs-case-studies .et_pb_button_module_wrapper {
  margin-top: auto !important;
}

/* Homepage redesign: Case Studies 2x2 grid on tablet, stacked on phone */
@media only screen and (min-width: 768px) and (max-width: 980px) {
  body.page-id-10713 #page-container .mecs-case-studies .et_pb_row:has(> .et_pb_column:nth-child(2)) {
    flex-direction: row !important;
    --flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }

  body.page-id-10713 #page-container .mecs-case-studies .et_pb_row:has(> .et_pb_column:nth-child(2)) > .et_pb_column {
    width: calc(50% - (var(--horizontal-gap-parent, var(--horizontal-gap, 40px)) * 1 / 2)) !important;
    max-width: calc(50% - (var(--horizontal-gap-parent, var(--horizontal-gap, 40px)) * 1 / 2)) !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }
}

/* Homepage redesign: Case Studies cards shrink to content on phone only.
   Targets stable .mecs-case-studies class, not numbered et_pb_* indexes. */
@media only screen and (max-width: 767px) {
  body.page-id-10713 #page-container .mecs-case-studies .et_pb_column {
    min-height: auto !important;
  }

  body.page-id-10713 #page-container .mecs-case-studies .et_pb_column > .et_pb_group {
    min-height: auto !important;
  }
}

/* Mobile only: stretch content buttons to full column width.
   Divi phone breakpoint is 767px; tablet (768+) and desktop stay unchanged.
   Header, nav, and icon controls are excluded. */
@media only screen and (max-width: 767px) {
  #et-main-area .et_pb_button_module_wrapper:not(:has(.preset--module--divi-button--mecs-button-text)),
  #et-main-area .et_pb_button_wrapper:not(:has(.preset--module--divi-button--mecs-button-text)) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #et-main-area a.et_pb_button:not(.preset--module--divi-button--mecs-button-text),
  #et-main-area .et_pb_button:not(.preset--module--divi-button--mecs-button-text) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  #et-main-area .gform_button,
  #et-main-area .gform_previous_button,
  #et-main-area .gform_next_button,
  #et-main-area .gform_footer input[type="submit"],
  #et-main-area .wpcf7-submit,
  #et-main-area input[type="submit"],
  #et-main-area button[type="submit"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Text-style CTAs (View Solution, View Case Study) stay link-like and left-aligned. */
  #et-main-area .et_pb_button_module_wrapper:has(.preset--module--divi-button--mecs-button-text),
  #et-main-area .et_pb_button_wrapper:has(.preset--module--divi-button--mecs-button-text) {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  #et-main-area a.et_pb_button.preset--module--divi-button--mecs-button-text,
  #et-main-area .et_pb_button.preset--module--divi-button--mecs-button-text {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }
}
/* Homepage redesign: stack hero image at the bottom of the hero on phone only. */
@media only screen and (max-width: 767px) {
  body.page-id-10713 #page-container .mecs-home-hero .et_pb_row {
    display: flex;
    flex-direction: column;
    --flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-media {
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
  }

  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-image {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    text-align: center;
    left: auto;
    align-self: center;
  }

  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-image picture.mecs-webp,
  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-image .et_pb_image_wrap,
  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    margin-inline: auto;
    left: auto;
  }
}
/* Homepage redesign: 325px hero image on phone and tablet. Desktop stays 400px. */
@media only screen and (max-width: 980px) {
  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-image {
    width: 325px;
    max-width: min(325px, 100%);
    margin-inline: auto;
  }

  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-image picture.mecs-webp,
  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-image .et_pb_image_wrap,
  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-image img {
    width: 325px;
    max-width: min(325px, 100%);
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-media {
    flex: 0 0 325px;
    width: 325px;
    max-width: 325px;
    min-width: 0;
    align-items: center;
    justify-content: center;
  }
}
/* Homepage redesign: center hero image on phone. */
@media only screen and (max-width: 767px) {
  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-media {
    align-items: center;
    justify-content: center;
  }

  body.page-id-10713 #page-container .mecs-home-hero .mecs-home-hero-image {
    align-self: center !important;
    place-self: center !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Homepage redesign: single hero h1 with accent line.
   Navy lead + cyan accent, same 10px line gap and 22px module gap. */
body.page-id-10713 .mecs-home-hero-title {
  margin-bottom: 22px !important;
}
body.page-id-10713 .mecs-home-hero-title .et_pb_module_header {
  padding-bottom: 0 !important;
}
body.page-id-10713 .mecs-home-hero-title .mecs-hero-title-lead,
body.page-id-10713 .mecs-home-hero-title .mecs-hero-title-accent {
  display: block;
}
body.page-id-10713 .mecs-home-hero-title .mecs-hero-title-lead {
  padding-bottom: 10px;
}
body.page-id-10713 .mecs-home-hero-title .mecs-hero-title-accent {
  color: #0D9DDB;
  color: var(--gcid-mecs-accent, #0D9DDB) !important;
  line-height: 0.9em;
  padding-bottom: 10px;
}
/* Homepage redesign: keep tablet hero title column at 380px
   after the second heading module is omitted from the frontend. */
@media only screen and (min-width: 768px) and (max-width: 980px) {
  body.page-id-10713 .mecs-home-hero-title {
    min-width: 380px;
  }
}

/* Monarch leftover Pinterest modal: no Pin control on this site.
   Hide it so the unused "Pin It on Pinterest" h3 is not in the heading outline. */
.et_social_pinterest_window {
  display: none !important;
}

/* What MECS Delivers step numbers: keep the cyan 1-4 look, but not as headings. */
.et_pb_heading p.mecs-step-number {
  font-family: Oswald, Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 34px;
  line-height: 1.05em;
  color: var(--gcid-mecs-accent) !important;
  margin: 0;
  padding: 0 0 10px !important;
}

@media only screen and (max-width: 980px) {
  .et_pb_heading p.mecs-step-number {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .et_pb_heading p.mecs-step-number {
    font-size: 17px;
  }
}

/* Focus rings for buttons, keyboard-only. Pairing :focus with :focus-visible
   also fired the ring on mouse clicks; :focus-visible on its own does not. */
a.et_pb_button:focus-visible,
button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible {
  outline: 3px solid #ffffff !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 6px #1f1f1f !important;
}

/* WCAG 2.4.7 link focus: Divi zeroes :focus globally and the button rule above
   only covers buttons, so nav, footer, logo and inline links had no indicator.
   :focus-visible keeps mouse clicks clean while still serving keyboard users.
   Dual ring matches the buttons: dark inner band reads on white, white outer
   band reads on the navy header and cyan sections. */
a:focus-visible,
area:focus-visible,
summary:focus-visible {
  outline: 3px solid #ffffff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #1f1f1f !important;
  border-radius: 2px;
}

/* Top-level nav focus: these links carry 33px of bottom padding to bridge to
   their dropdown, so the standard ring would hang below the header edge.
   Draw it around the label instead. ::after is Divi's submenu arrow, and the
   anchor is already position:relative, so ::before is free and safe here. */
#top-menu > li > a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
#top-menu > li > a:focus-visible::before {
  content: "";
  position: absolute;
  top: -6px;
  bottom: 27px;
  left: -8px;
  right: -8px;
  border: 2px solid #1f1f1f;
  outline: 2px solid #ffffff;
  border-radius: 3px;
  pointer-events: none;
}
/* Items with a dropdown reserve 20px on the right for their arrow, so the
   shared -8px inset would strand the ring well past the label. Pull it back to
   hug the text; the next item is only 4px away, so reaching around the arrow
   would overlap the neighbouring link. */
#top-menu > li > a[aria-controls]:focus-visible::before {
  right: 12px;
}

/* The ring is drawn outside the link box, so ancestors must not clip it. */
#top-header,
#main-header,
#et-top-navigation,
#top-menu,
#top-menu > li,
#main-footer,
#footer-widgets,
#footer-bottom,
#footer-info {
  overflow: visible;
}

/* Search controls. The submit and close behave as buttons, so :focus-visible
   alone keeps them keyboard-only. The magnifier is handled separately below. */
#et_top_search:focus-visible,
#searchsubmit_header:focus-visible,
.et_close_search_field:focus-visible {
  outline: 3px solid #ffffff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #1f1f1f !important;
  border-radius: 2px;
}

/* The magnifier is a 24px span, but its glyph is a 17px ::before pinned 3px
   above the span's top edge, with 7px spare on the right and 10px below. A ring
   on the span therefore cut across the top of the magnifier and sat low and to
   the right of it. Ring the glyph with ::after instead and keep the span's 24px
   box as the pointer target. ::after is otherwise unused on this element, and
   ::before already resolves against this box, so position:relative is a no-op
   for the glyph. */
#et_search_icon {
  position: relative;
}
#et_search_icon:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
#et_search_icon:focus-visible::after {
  content: "";
  position: absolute;
  top: -9px;
  right: 1px;
  bottom: 4px;
  left: -6px;
  border: 2px solid #1f1f1f;
  outline: 2px solid #ffffff;
  border-radius: 3px;
  pointer-events: none;
}

/* The field is a text input, which browsers report as :focus-visible however
   focus arrived, so clicking the search icon would light it up. Gate it on the
   pointer-modality flag from mecs_focus_modality_script() instead. The ring is
   drawn inside the field box so it cannot overlap the logo or the nav. */
html:not([data-pointer-nav]) .et-search-field:focus,
html:not([data-pointer-nav]) input[type="search"]:focus {
  outline: 3px solid #ffffff !important;
  outline-offset: -3px !important;
  box-shadow: inset 0 0 0 6px #1f1f1f !important;
}
html[data-pointer-nav] .et-search-field:focus,
html[data-pointer-nav] input[type="search"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Header search: usable hit target for the icon; labeled field is 44px when open. */
#et_top_search,
#et_search_icon {
  min-width: 24px;
  min-height: 24px;
}
#et_search_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.et_search_form_container:not(.et_pb_search_form_hidden) .et-search-field {
  min-height: 44px;
  padding: 8px 12px !important;
}

/* Footer social icons: keep network names for assistive tech. Divi hides the span with display:none. */
.et-social-icons .et-social-icon a.icon {
  position: relative;
}
.et-social-icons .et-social-icon a.icon span {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  display: block !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Keyboard-opened header dropdowns (Divi only shows these on hover). */
#top-menu li.mecs-submenu-open > ul,
.nav li.mecs-submenu-open > ul,
.et-menu li.mecs-submenu-open > ul {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep demoted card titles looking like the original 24px labels. */
body.page-id-10713 .et_pb_heading_2 .et_pb_heading_container p.et_pb_module_header,
body.page-id-10713 .et_pb_heading_3 .et_pb_heading_container p.et_pb_module_header,
body.page-id-10713 .et_pb_heading_4 .et_pb_heading_container p.et_pb_module_header,
body.page-id-10713 .et_pb_heading_5 .et_pb_heading_container p.et_pb_module_header,
body.page-id-10713 .et_pb_heading_6 .et_pb_heading_container p.et_pb_module_header {
  margin: 0;
  font-family: Oswald, Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 24px;
  line-height: 1em;
  color: var(--gcid-mecs-white) !important;
}
@media only screen and (max-width: 980px) {
  body.page-id-10713 .et_pb_heading_2 .et_pb_heading_container p.et_pb_module_header,
  body.page-id-10713 .et_pb_heading_3 .et_pb_heading_container p.et_pb_module_header,
  body.page-id-10713 .et_pb_heading_4 .et_pb_heading_container p.et_pb_module_header,
  body.page-id-10713 .et_pb_heading_5 .et_pb_heading_container p.et_pb_module_header,
body.page-id-10713 .et_pb_heading_6 .et_pb_heading_container p.et_pb_module_header {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  body.page-id-10713 .et_pb_heading_2 .et_pb_heading_container p.et_pb_module_header,
  body.page-id-10713 .et_pb_heading_3 .et_pb_heading_container p.et_pb_module_header,
  body.page-id-10713 .et_pb_heading_4 .et_pb_heading_container p.et_pb_module_header,
  body.page-id-10713 .et_pb_heading_5 .et_pb_heading_container p.et_pb_module_header,
body.page-id-10713 .et_pb_heading_6 .et_pb_heading_container p.et_pb_module_header {
    font-size: 17px;
  }
}

/* Skip link: hidden until keyboard focus, above the fixed header. */
.mecs-skip-link {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 1000001;
  padding: 12px 16px;
  background: #14181c;
  color: #ffffff;
  font-family: Oswald, Helvetica, Arial, Lucida, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transform: translateY(-150%);
}
.mecs-skip-link:focus,
.mecs-skip-link:focus-visible {
  transform: none;
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}
#main-content:focus,
#main-content:focus-visible {
  outline: none;
}

/* One hamburger breakpoint at 1125px. Use Divi's 980px icon color and alignment here. */
@media only screen and (max-width: 1125px) {
  #top-menu,
  #top-menu-nav {
    display: none !important;
  }

  #et_mobile_nav_menu,
  .et_mobile_nav_menu {
    display: block !important;
  }

  #et_top_search {
    margin: 0 35px 0 0;
    float: left;
  }

  .et_header_style_left #logo {
    max-width: 50%;
  }

  #logo {
    max-height: 60% !important;
  }

  .et_fixed_nav #main-header,
  .et_fixed_nav #main-header.et-fixed-header,
  .et_fixed_nav #top-header,
  .et_fixed_nav #top-header.et-fixed-header {
    position: relative !important;
    top: auto !important;
    transform: none !important;
  }

  .et_header_style_left #et-top-navigation,
  .et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 24px !important;
  }

  .mobile_menu_bar::before,
  #et_search_icon::before,
  .et_close_search_field::after {
    color: #3b3b3b !important;
  }

  #et_search_icon::before {
    top: 7px;
  }

  .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container,
  .et_fixed_nav.et_show_nav #page-container {
    padding-top: 0 !important;
  }
}

/* WCAG 2.5.8 target size: the header email link is 184x17, short of the 24px
   minimum height. Vertical padding on an inline box grows the hit area without
   joining layout, so the 31px bar is unaffected — inline-block would push it to
   43px. Measured after: 25.5px of real hit area. */
#et-info a[href^="mailto:"] {
  padding: 4px 6px;
}

/* The shared link ring is drawn outside the box, and on a 25px target inside a
   31px bar it would run past the top of the viewport and get clipped. Draw it
   inside the padding instead. The dark band goes outermost because white on this
   blue is only 2.75:1, short of the 3:1 that 1.4.11 asks of a focus indicator,
   while #1f1f1f against the same blue is 6.05:1. */
#et-info a[href^="mailto:"]:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: -2px !important;
  box-shadow: inset 0 0 0 2px #1f1f1f !important;
  border-radius: 2px;
}


/* The chat widget is position:fixed anchored bottom-right: HubSpot paints the
   launcher at 100x96, then swaps in the welcome message ~400ms later, which
   drags the container's top-left from 290,748 to 124,511 and books a 0.0756
   layout shift — over half the 0.1 CLS budget on its own. Reserving the grown
   footprint up front holds that corner still.

   Scoped by iframe src rather than set blanket, because a visitor who already
   dismissed the welcome message rests at 100x96 and never shifts; a blanket
   floor would park a click-swallowing transparent iframe in their corner.
   hideWelcomeMessage is already correct at first paint, and `mobile` carries
   HubSpot's own UA verdict, which a viewport media query would only guess at.
   min-* is a floor, so opening the chat still expands freely. Measured after:
   0.0756 -> 0 on both form factors, returning visitors untouched. */
#hubspot-messages-iframe-container:has(> iframe[src*="&hideWelcomeMessage=false"][src*="&mobile=true"]) {
  min-width: 266px !important;
  min-height: 333px !important;
}

#hubspot-messages-iframe-container:has(> iframe[src*="&hideWelcomeMessage=false"][src*="&mobile=false"]) {
  min-width: 282px !important;
  min-height: 349px !important;
}

/* Divi ships its ETmodules icon font as .woff only, 90 KB, with no woff2
   alternative. This re-declares the same family from a woff2 conversion of
   Divi's own file: 410 glyphs, identical character map, 29 KB.

   Divi's own @font-face sits in the critical inline CSS near the top of head.
   This stylesheet loads after it, and for matching family plus descriptors the
   later @font-face wins, so this src list is the one that applies.

   The .woff fallback points back at Divi's original file rather than a second
   copy, so a browser without woff2 support still resolves the icons and an
   updated Divi keeps serving its own asset. */
@font-face {
	font-family: ETmodules;
	font-display: swap;
	font-weight: 400;
	font-style: normal;
	src: url('fonts/etmodules-normal-400.woff2') format('woff2'),
		url('../Divi/core/admin/fonts/modules/all/modules.woff') format('woff');
}