/* Flexcap-only type and spacing fixes. Loaded after the theme by tools/seo_build.py.
   FundLogic does not use this file. */

/* Readable minimums */
.elementor-icon-box-description{font-size:16px!important;line-height:1.6!important}
.elementor-icon-list-text{font-size:16px!important;line-height:1.5!important}
.elementor-widget-heading h3.elementor-heading-title{font-size:16px!important;line-height:1.6!important;font-weight:400!important}

/* Headings: room between lines */
h1,h1.elementor-heading-title{line-height:1.2!important}
.elementor-heading-title{line-height:1.25}
.elementor-widget-banca_heading h2.elementor-heading-title{line-height:1.2!important}

/* Section headings a clear step below the H1, the same size across the homepage */
.elementor-element-74b831e h2,.elementor-element-d1b0b26 h2,.elementor-element-458a679 h2,
.elementor-element-ceb881d h2,.elementor-element-95cb4bb h2,.elementor-element-cea2a33 h2,
.elementor-element-6a54132 h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.2!important}

/* About page: headings were touching the paragraphs around them */
.elementor-widget-text-editor+.elementor-widget-banca_heading{margin-top:32px}
.elementor-widget-banca_heading+.elementor-widget-text-editor{margin-top:12px}

/* Phones */
@media (max-width:767px){
  h1,h1.elementor-heading-title{font-size:30px!important}
  .elementor-widget-text-editor p{line-height:1.65}
}

/* Legal pages */
.fx-legal{max-width:820px;font-family:Roboto,sans-serif;font-size:16px;line-height:1.75;color:#3b4254}
.fx-legal h2{font-family:Poppins,sans-serif;font-size:24px;line-height:1.3;font-weight:700;color:#000;margin:40px 0 12px}
.fx-legal h3{font-family:Poppins,sans-serif;font-size:18px;line-height:1.35;font-weight:600;color:#000;margin:26px 0 8px}
.fx-legal p{margin:0 0 16px}
.fx-legal ul{margin:0 0 18px;padding-left:22px;list-style:disc}
.fx-legal li{margin:0 0 8px;display:list-item}
.fx-legal address{font-style:normal;margin:0 0 16px}
.fx-legal a{color:#2737c2;text-decoration:underline;text-underline-offset:3px}
.fx-legal strong{color:#1d2136;font-weight:600}
.fx-legal .fx-eff{margin-bottom:24px}
@media (max-width:767px){.fx-legal h2{font-size:21px;margin-top:32px}.fx-legal h3{font-size:17px}}


/* Comparison tables in guides */
.seo-table{overflow-x:auto;margin:0 0 24px;border:1px solid #e0e4ee;border-radius:8px}
.seo-table table{width:100%;min-width:560px;border-collapse:collapse;margin:0;font-family:Roboto,sans-serif;font-size:16px;line-height:1.5}
.seo-table th,.seo-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #e0e4ee;color:#3b4254}
.seo-table thead th{background:#f4f6fb;color:#18181b;font-family:Poppins,sans-serif;font-weight:600}
.seo-table tbody th{font-weight:600;color:#18181b}
.seo-table tbody tr:last-child th,.seo-table tbody tr:last-child td{border-bottom:0}
@media (max-width:575px){
  .seo-table table{min-width:0;table-layout:fixed;font-size:14px;line-height:1.4}
  .seo-table th,.seo-table td{padding:9px 8px;overflow-wrap:anywhere}
  .seo-table th:first-child,.seo-table td:first-child{width:27%}
}

/* Larger header logo (150px before). Negative margin keeps the header from growing as much. */
.elementor-element-3c89787c img{width:clamp(180px,15.5vw,225px)!important;max-width:none!important;height:auto!important;margin:-14px 0!important}
@media (max-width:767px){.elementor-element-3c89787c img{width:190px!important;margin:-10px 0!important}}

/* Menu dropdowns were 13px; now match the 17px top menu */
.elementor-nav-menu--main .sub-menu{min-width:360px!important;width:auto!important}
.elementor-nav-menu--main .elementor-sub-item{font-size:19px!important;line-height:1.3!important;padding:11px 20px!important;white-space:normal}
.elementor-nav-menu--dropdown .elementor-item,.elementor-nav-menu--dropdown .elementor-sub-item{font-size:19px!important;line-height:1.35!important}

/* Bold top menu names, up from 17px */
.elementor-nav-menu--main>.elementor-nav-menu>li>a.elementor-item{font-size:clamp(18px,1.55vw,22px)!important}
.elementor-nav-menu--dropdown>.elementor-nav-menu>li>a.elementor-item{font-size:21px!important;font-weight:600!important}

/* Give the menu the free header space so the larger names stay on one line */
@media (min-width:1025px){
  .elementor-element-4f52e582,.elementor-element-69975f17{width:auto!important;flex:0 0 auto!important}
  .elementor-element-7d0b2b79{width:auto!important;flex:1 1 auto!important;min-width:0}
  .elementor-nav-menu--main>.elementor-nav-menu{flex-wrap:nowrap!important;justify-content:center}
  .elementor-nav-menu--main>.elementor-nav-menu>li>a.elementor-item{white-space:nowrap}
}