.elementor-14153 .elementor-element.elementor-element-23d2054:not(.elementor-motion-effects-element-type-background), .elementor-14153 .elementor-element.elementor-element-23d2054 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blytheglobal.com/wp-content/uploads/2025/10/team.jpg");background-position:center center;background-size:cover;}.elementor-14153 .elementor-element.elementor-element-23d2054 > .elementor-container{min-height:400px;}.elementor-14153 .elementor-element.elementor-element-23d2054{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 10px 0px;}.elementor-14153 .elementor-element.elementor-element-23d2054 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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 );}.elementor-14153 .elementor-element.elementor-element-912f6c1{width:100%;max-width:100%;}.elementor-14153 .elementor-element.elementor-element-912f6c1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14153 .elementor-element.elementor-element-912f6c1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-14153 .elementor-element.elementor-element-afbfae9 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-14153 .elementor-element.elementor-element-afbfae9{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-14153 .elementor-element.elementor-element-9b3272b{--icon-box-icon-margin:15px;}.elementor-14153 .elementor-element.elementor-element-9b3272b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-14153 .elementor-element.elementor-element-9b3272b.elementor-view-framed .elementor-icon, .elementor-14153 .elementor-element.elementor-element-9b3272b.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-14153 .elementor-element.elementor-element-9b3272b .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14153 .elementor-element.elementor-element-131317a{--icon-box-icon-margin:15px;}.elementor-14153 .elementor-element.elementor-element-131317a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-14153 .elementor-element.elementor-element-131317a.elementor-view-framed .elementor-icon, .elementor-14153 .elementor-element.elementor-element-131317a.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-14153 .elementor-element.elementor-element-131317a .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14153 .elementor-element.elementor-element-f93a52c{--icon-box-icon-margin:15px;}.elementor-14153 .elementor-element.elementor-element-f93a52c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-14153 .elementor-element.elementor-element-f93a52c.elementor-view-framed .elementor-icon, .elementor-14153 .elementor-element.elementor-element-f93a52c.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-14153 .elementor-element.elementor-element-f93a52c .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14153 .elementor-element.elementor-element-23db176 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:1px;}.elementor-14153 .elementor-element.elementor-element-fbfa2b4 > .elementor-widget-container{margin:0px 0px -33px 0px;padding:0px 0px 0px 0px;}.elementor-14153 .elementor-element.elementor-element-20ba27f > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-14153 .elementor-element.elementor-element-8bdcb59{--grid-columns:4;}.elementor-14153 .elementor-element.elementor-element-8bdcb59 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14153 .elementor-element.elementor-element-8bdcb59 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-14153 .elementor-element.elementor-element-8bdcb59 .e-loop-item > .elementor-section, .elementor-14153 .elementor-element.elementor-element-8bdcb59 .e-loop-item > .elementor-section > .elementor-container, .elementor-14153 .elementor-element.elementor-element-8bdcb59 .e-loop-item > .e-con, .elementor-14153 .elementor-element.elementor-element-8bdcb59 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}body.elementor-page-14153{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-14153 .elementor-element.elementor-element-54c6f8b{width:70%;}.elementor-14153 .elementor-element.elementor-element-5662b58{width:30%;}}@media(max-width:1024px){.elementor-14153 .elementor-element.elementor-element-8bdcb59{--grid-columns:2;}}@media(max-width:767px){.elementor-14153 .elementor-element.elementor-element-8bdcb59{--grid-columns:1;}}/* Start custom CSS for text-editor, class: .elementor-element-afbfae9 */h2.msg-title{
  font-family:"Work Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.2px;
  margin:0 0 10px;
  color:#0b5aa6;
  font-size: clamp(18px, 0.8vw + 12px, 23.5px); /* max was 34px → ~23.5px */
  margin-bottom: 8px; /* optional: tighter spacing */}

/* Wrap image on the left, let text flow around it */
.marc-wrap{
  float: left;
  width: 320px;            /* control image width on desktop */
  max-width: 40%;          /* prevents it getting too big on narrow layouts */
  margin: 0 24px 12px 0;   /* space to the right/bottom */
}
.marc-wrap img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;      /* optional */
}

/* Clear the float after the block so later sections don't ride up */
.marc-block::after{
  content: "";
  display: block;
  clear: both;
}

/* Responsive tweaks */
@media (max-width: 991px){
  .marc-wrap{ width: 260px; max-width: 50%; margin: 0 18px 10px 0; }
}
@media (max-width: 767px){
  .marc-wrap{ float: none; width: 100%; max-width: 100%; margin: 0 0 12px 0; }
}

/* 1) Kill flex/grid on the wrapper Divi/Theme may add */
.marc-block,
.marc-block .et_pb_text_inner { 
  display: block !important;
  overflow: visible; /* avoid clipping around floats */
}

/* 2) Allow the heading and paragraphs to sit beside the float */
.marc-block .msg-title,
.marc-block p {
  clear: none !important;   /* some themes clear headings by default */
}

/* 3) Ensure the float is doing its job */
.marc-wrap {
  float: left;
  width: 320px;
  max-width: 40%;
  margin: 0 24px 12px 0;
}
.marc-wrap img { display:block; width:100%; height:auto; }
.marc-block::after { content:""; display:block; clear:both; }

/* Responsive */
@media (max-width: 767px){
  .marc-wrap{ float:none; width:100%; max-width:100%; margin:0 0 12px; }
}

/* Desktop: was 320px → now ~213px (2/3) */
@media (min-width: 992px){
  .marc-wrap{
    width: 213px;           /* 2/3 of 320 */
    max-width: 26.667%;     /* 2/3 of 40% */
    margin: 0 24px 12px 0;
  }
}

/* Tablet: was 260px → now ~173px (2/3) */
@media (min-width: 768px) and (max-width: 991px){
  .marc-wrap{
    width: 173px;           /* 2/3 of 260 */
    max-width: 33.333%;     /* 2/3 of 50% */
    margin: 0 18px 10px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0330769 *//* Light blue info box */
.blythe-info-box {
  background-color: #e8f2fb;   /* light blue */
  border: 1px solid #bcd5ec;   /* subtle blue-gray border */
  border-radius: 8px;          /* soft corners */
  padding: 18px 20px;          /* space inside the box */
  margin: 20px 0;              /* space above and below */
  line-height: 1.5;            /* easy reading */
  font-size: 15px;
  color: #1a1a1a;              /* readable dark gray text */
    box-sizing: border-box;
  max-width: 100%;
}

/* Optional: link styling inside the box */
.blythe-info-box a {
  color: #0b5aa6;              /* Blythe blue */
  text-decoration: none;
  font-weight: 500;
}
.blythe-info-box a:hover {
  text-decoration: underline;
}

/* Mobile tweaks */
@media (max-width: 767px){
  .blythe-info-box{
    margin: 12px !important;   /* remove side margins */
    padding: 16px;                /* a bit tighter inside */
    border-radius: 10px;          /* optional: slightly rounder on mobile */
  }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9b3272b *//* Base card */
.blythe-filter-card{
  background:#fff;
  border:1px solid #d2d9e2;      /* light gray */
  border-radius:12px;             /* rounded corners */
  padding:14px 18px;
  text-align:center;
  position:relative;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

/* Title + icon (optional polish) */
.blythe-filter-card .elementor-icon{
  font-size:36px;
  margin-bottom:10px;
}
.blythe-filter-card .elementor-icon,
.blythe-filter-card .elementor-icon svg path{ transition:all .18s ease; }

/* Hover/focus state */
.blythe-filter-card:hover,
.blythe-filter-card:focus-within{
  background:#f9fbfe;             /* subtle tint */
  border-color:#c7d2e1;           /* slightly darker border */
  box-shadow:0 8px 22px rgba(11,90,166,.12);
  transform:translateY(-2px);
}

/* If your icon is a blue circle with white glyph, brighten it on hover */
.blythe-filter-card:hover .elementor-icon{
  filter:brightness(1.08);
}

/* Keyboard focus outline (accessibility) */
.blythe-filter-card a:focus-visible{
  outline:3px solid #0b5aa6;
  outline-offset:3px;
  border-radius:10px;
}

/* Mobile spacing */
@media (max-width:767px){
  .blythe-filter-card{ margin-bottom:12px; }
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  .blythe-filter-card{ transition:none; }
}

/* blue circle behind any uploaded SVG icon */
.blythe-filter-card .elementor-icon{
  background:#0b5aa6;
  border-radius:50%;
  width:56px; height:56px;
  display:inline-flex; align-items:center; justify-content:center;
}
.blythe-filter-card .elementor-icon svg{
  width:28px; height:28px;
  fill:#fff; /* make the glyph white */
}

/* optional hover tint to match your card hover */
.blythe-filter-card:hover .elementor-icon{
  background:#0a4f94;
}
.blythe-filter-card .elementor-icon svg {
  width: 70%;         /* icon fills more of the circle */
  height: 70%;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-131317a *//* Base card */
.blythe-filter-card{
  background:#fff;
  border:1px solid #d2d9e2;      /* light gray */
  border-radius:12px;             /* rounded corners */
  padding:14px 18px;
  text-align:center;
  position:relative;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

/* Title + icon (optional polish) */
.blythe-filter-card .elementor-icon{
  font-size:36px;
  margin-bottom:10px;
}
.blythe-filter-card .elementor-icon,
.blythe-filter-card .elementor-icon svg path{ transition:all .18s ease; }

/* Hover/focus state */
.blythe-filter-card:hover,
.blythe-filter-card:focus-within{
  background:#f9fbfe;             /* subtle tint */
  border-color:#c7d2e1;           /* slightly darker border */
  box-shadow:0 8px 22px rgba(11,90,166,.12);
  transform:translateY(-2px);
}

/* If your icon is a blue circle with white glyph, brighten it on hover */
.blythe-filter-card:hover .elementor-icon{
  filter:brightness(1.08);
}

/* Keyboard focus outline (accessibility) */
.blythe-filter-card a:focus-visible{
  outline:3px solid #0b5aa6;
  outline-offset:3px;
  border-radius:10px;
}

/* Mobile spacing */
@media (max-width:767px){
  .blythe-filter-card{ margin-bottom:12px; }
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  .blythe-filter-card{ transition:none; }
}

/* blue circle behind any uploaded SVG icon */
.blythe-filter-card .elementor-icon{
  background:#0b5aa6;
  border-radius:50%;
  width:56px; height:56px;
  display:inline-flex; align-items:center; justify-content:center;
}
.blythe-filter-card .elementor-icon svg{
  width:28px; height:28px;
  fill:#fff; /* make the glyph white */
}

/* optional hover tint to match your card hover */
.blythe-filter-card:hover .elementor-icon{
  background:#0a4f94;
}
.blythe-filter-card .elementor-icon svg {
  width: 70%;         /* icon fills more of the circle */
  height: 70%;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f93a52c *//* Base card */
.blythe-filter-card{
  background:#fff;
  border:1px solid #d2d9e2;      /* light gray */
  border-radius:12px;             /* rounded corners */
  padding:14px 18px;
  text-align:center;
  position:relative;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

/* Title + icon (optional polish) */
.blythe-filter-card .elementor-icon{
  font-size:36px;
  margin-bottom:10px;
}
.blythe-filter-card .elementor-icon,
.blythe-filter-card .elementor-icon svg path{ transition:all .18s ease; }

/* Hover/focus state */
.blythe-filter-card:hover,
.blythe-filter-card:focus-within{
  background:#f9fbfe;             /* subtle tint */
  border-color:#c7d2e1;           /* slightly darker border */
  box-shadow:0 8px 22px rgba(11,90,166,.12);
  transform:translateY(-2px);
}

/* If your icon is a blue circle with white glyph, brighten it on hover */
.blythe-filter-card:hover .elementor-icon{
  filter:brightness(1.08);
}

/* Keyboard focus outline (accessibility) */
.blythe-filter-card a:focus-visible{
  outline:3px solid #0b5aa6;
  outline-offset:3px;
  border-radius:10px;
}

/* Mobile spacing */
@media (max-width:767px){
  .blythe-filter-card{ margin-bottom:12px; }
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  .blythe-filter-card{ transition:none; }
}

/* blue circle behind any uploaded SVG icon */
.blythe-filter-card .elementor-icon{
  background:#0b5aa6;
  border-radius:50%;
  width:56px; height:56px;
  display:inline-flex; align-items:center; justify-content:center;
}
.blythe-filter-card .elementor-icon svg{
  width:28px; height:28px;
  fill:#fff; /* make the glyph white */
}

/* optional hover tint to match your card hover */
.blythe-filter-card:hover .elementor-icon{
  background:#0a4f94;
}
.blythe-filter-card .elementor-icon svg {
  width: 70%;         /* icon fills more of the circle */
  height: 70%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fbfa2b4 *//* Make the Last Name search facet full width */
.facetwp-facet-last_name .facetwp-input-wrap,
.facetwp-facet-last_name .facetwp-search {
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;  /* overrides the 240px rule */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20ba27f *//* Make "Clear search" sit tight under the search box on Team page */
.team-search-stack .elementor-widget-shortcode,
.team-search-stack .elementor-widget-html {
  margin-bottom: 0;
}

.team-search-stack .elementor-widget-html {
  margin-top: 4px;         /* tweak this for how tight you want it */
  text-align: right;       /* optional: right-align the Clear search link */
  font-size: 0.875rem;     /* optional: slightly smaller text */
}
/* Reduce vertical spacing between widgets in the search column */
.team-search-stack .elementor-element {
  --widgets-spacing-row: 4px; /* try 0–6px to taste */
}
/* Nudge the Clear Search widget up a bit */
.team-search-stack .elementor-widget-html {
  margin-top: 0;
}/* End custom CSS */
/* Start custom CSS */.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding:0;
}/* End custom CSS */