/* Front-end styling for flexible-page sections. Teal theme to match the site. */
.flexpage .flexsec{padding:38px 0}
.flexpage .flexsec.bg{background:#f4f8f9}
.flexpage .flexsec-divider,.flexpage .flexsec.flexsec-heading{padding:22px 0}
.flexpage .header-title{color:#00898b}
.flexpage .flex-richtext{font-size:15px;line-height:1.7;color:#3a4a52}
.flexpage .flex-richtext p{margin:0 0 12px}
.flexpage .flex-richtext ul,.flexpage .flex-richtext ol{margin:0 0 12px;padding-left:22px}
.flexpage .flex-richtext h3,.flexpage .flex-richtext h4{color:#00898b;margin:0 0 10px}
.flexpage .flex-richtext a{color:#00898b;text-decoration:underline}

/* Highlight box */
.flexpage .flex-highlight{border-radius:10px;padding:16px 20px;border-left:4px solid #00a8aa;background:#eef7f7}
.flexpage .flex-highlight p:last-child{margin-bottom:0}
.flexpage .flex-highlight-success{border-left-color:#2e9e5b;background:#eef8f1}
.flexpage .flex-highlight-warning{border-left-color:#d9a520;background:#fdf6e6}

/* Quote */
.flexpage .flex-quote{border-left:4px solid #00a8aa;padding:8px 0 8px 22px;font-size:19px;font-style:italic;color:#37474f}
.flexpage .flex-quote-by{font-size:14px;font-style:normal;color:#78909c;margin-top:8px}

/* Divider / spacer */
.flexpage .flex-divider{border:0;border-top:1px solid #dde5e9;margin:6px 0}

/* Image + figure */
.flexpage .flex-figure{margin:0}
.flexpage .flex-figure img{border-radius:8px}
.flexpage .flex-figure-center{text-align:center}
.flexpage .flex-figure-center img,.flexpage .flex-figure-full img{margin:0 auto}
.flexpage .flex-figure-full img{width:100%}
.flexpage .flex-figure-right{text-align:right}
.flexpage .flex-caption{font-size:13px;color:#78909c;margin-top:8px}

/* Gallery */
.flexpage .flex-gcell{margin-bottom:20px}
.flexpage .flex-gimg img{border-radius:6px;transition:opacity .15s}
.flexpage .flex-gimg:hover img{opacity:.85}

/* Slideshow (owl) */
.flexpage .flex-slideshow img{border-radius:8px}

/* Video / embed responsive frames */
.flexpage .flex-video-frame,.flexpage .flex-embed-frame{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background:#000}
.flexpage .flex-embed-frame{background:#eef2f4}
.flexpage .flex-video-frame iframe,.flexpage .flex-embed-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* Documents */
.flexpage .flex-docs{list-style:none;padding:0}
.flexpage .flex-docs li{margin-bottom:8px}
.flexpage .flex-docs a{color:#00898b;font-weight:600}
.flexpage .flex-docs .fa{margin-right:6px}

/* Split image + text */
.flexpage .flex-split{display:flex;flex-wrap:wrap;align-items:center}
.flexpage .flex-split>div{float:none}
.flexpage .flex-split-img img{border-radius:8px}

/* Columns */
.flexpage .flex-cols .flex-col{margin-bottom:16px}

/* Cards */
.flexpage .flex-card-col{margin-bottom:22px}
.flexpage .flex-card{background:#fff;border:1px solid #e6edf0;border-radius:12px;overflow:hidden;height:100%;box-shadow:0 4px 14px rgba(20,60,70,.06)}
.flexpage .flex-card-link{display:block;color:inherit;text-decoration:none}
.flexpage .flex-card-link:hover{box-shadow:0 10px 26px rgba(20,60,70,.14)}
.flexpage .flex-card-img img{width:100%}
.flexpage .flex-card-body{padding:16px 18px}
.flexpage .flex-card-title{color:#00898b;margin:0 0 8px;font-size:17px}

/* Checklist */
.flexpage .flex-checklist{list-style:none;padding:0}
.flexpage .flex-checklist li{position:relative;padding:5px 0 5px 28px;line-height:1.6}
.flexpage .flex-checklist .fa{position:absolute;left:0;top:9px;color:#00a8aa}
.flexpage .flex-check-dot .fa{font-size:8px;top:12px}

/* Steps */
.flexpage .flex-steps{list-style:none;padding:0;counter-reset:step}
.flexpage .flex-step{display:flex;gap:16px;margin-bottom:18px;align-items:flex-start}
.flexpage .flex-step-n{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#00a8aa;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.flexpage .flex-step-body h4{margin:6px 0 6px;color:#00898b}

/* Stat counters */
.flexpage .flex-stat{margin-bottom:16px}
.flexpage .flex-stat-v{font-size:38px;font-weight:800;color:#00a8aa;line-height:1}
.flexpage .flex-stat-l{font-size:14px;color:#607d8b;margin-top:6px}

/* Table */
.flexpage .flex-table{width:100%}
.flexpage .flex-table th{background:#00a8aa;color:#fff;border-color:#00a8aa}
.flexpage .flex-table td,.flexpage .flex-table th{padding:10px 12px}

/* Accordion / tabs */
.flexpage .flex-accordion{border:1px solid #e6edf0;border-radius:10px;overflow:hidden}
.flexpage .flex-acc-item{border-bottom:1px solid #e6edf0}
.flexpage .flex-acc-item:last-child{border-bottom:0}
.flexpage .flex-acc-item>summary{list-style:none;cursor:pointer;padding:14px 18px;font-weight:600;color:#00898b;background:#f7fbfb;position:relative}
.flexpage .flex-acc-item>summary::-webkit-details-marker{display:none}
.flexpage .flex-acc-item>summary::after{content:"+";position:absolute;right:18px;font-size:18px;color:#90a4ae}
.flexpage .flex-acc-item[open]>summary::after{content:"\2212"}
.flexpage .flex-acc-body{padding:14px 18px}
.flexpage .flex-acc-body p:last-child{margin-bottom:0}

/* Tabs */
.flexpage .flex-tabnav{display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid #e6edf0;margin-bottom:16px}
.flexpage .flex-tab{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-2px;padding:10px 16px;font-size:14px;font-weight:600;color:#607d8b;cursor:pointer}
.flexpage .flex-tab:hover{color:#00898b}
.flexpage .flex-tab.on{color:#00898b;border-bottom-color:#00a8aa}
.flexpage .flex-tabpanel{display:none}
.flexpage .flex-tabpanel.on{display:block}
.flexpage .flex-tabpanel p:last-child{margin-bottom:0}

/* Call to action */
.flexpage .flex-cta-inner{padding:10px 0}
.flexpage .flex-cta-head{color:#00898b;margin:0 0 8px}
.flexpage .flexsec .flex-cta-style-band{color:#fff}
.flexpage .flexsec-cta.bg{background:linear-gradient(135deg,#00a8aa,#007e80)}
.flexpage .flex-cta-style-band .flex-cta-head,.flexpage .flex-cta-style-band .flex-cta-text{color:#fff}
.flexpage .btn-flex-cta{display:inline-block;margin-top:10px;padding:12px 30px;border-radius:8px;font-weight:600;font-size:15px}
.flexpage .flex-cta-primary{background:#00a8aa;color:#fff}
.flexpage .flex-cta-light{background:#fff;color:#00898b;border:1px solid #00a8aa}
.flexpage .flex-cta-band{background:#fff;color:#00898b}

@media (max-width:767px){
  .flexpage .flex-split{display:block}
  .flexpage .flex-stat-v{font-size:30px}
}