/*
Theme Name: FLOSSY UI Kit
Theme URI: https://flossy.com
Author: FLOSSY
Description: Child theme carrying the FLOSSY design system marketing site.
Template: flossy_260512_232654
Version: 1.0
*/

@font-face{font-family:"Montserrat";src:url("assets/fonts/Montserrat-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("assets/fonts/Montserrat-MediumItalic.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Fattern";src:url("assets/fonts/Fattern-GO6zm.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}

:root{
--teal-700:#00757F;--teal-600:#00909C;--teal-500:#1BA8B4;--teal-400:#71BACC;--teal-100:#e3f3f5;
--white:#FFFFFF;--black:#000000;--gray-100:#F5F5F5;--gray-400:#999999;--gray-700:#333333;
--color-primary:var(--teal-500);--color-primary-hover:var(--teal-600);--color-primary-active:var(--teal-700);
--color-secondary:var(--teal-400);--color-accent-white:var(--white);--color-accent-black:var(--black);
--surface-page:var(--white);--surface-muted:var(--gray-100);--surface-card:var(--white);--surface-inverse:var(--teal-500);
--text-primary:var(--gray-700);--text-on-inverse:var(--white);--text-secondary:var(--gray-400);--text-critical:var(--black);
--border-subtle:#e6e6e6;--border-default:var(--gray-400);--focus-ring:var(--teal-500);
--font-primary:"Montserrat",-apple-system,sans-serif;--font-accent:"Fattern","Montserrat",sans-serif;
--text-h1-size:clamp(32px,4vw,48px);--text-h1-tracking:0.03em;--text-h1-weight:500;
--text-h2-size:clamp(24px,3vw,32px);--text-h2-tracking:0.02em;--text-h2-weight:500;
--text-body-size:16px;--text-body-line:1.5;--text-body-weight:500;
--text-small-size:14px;--text-small-line:1.5;--text-accent-size:22px;--text-accent-weight:400;
--tracking-headline:0.03em;--tracking-allcaps:0.04em;--tracking-body:0em;
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-pill:999px;
--shadow-card:0 2px 8px rgba(0,0,0,0.06);--shadow-card-hover:0 8px 20px rgba(15,60,64,0.12);--shadow-popover:0 12px 32px rgba(15,60,64,0.16);
--ease-standard:cubic-bezier(0.22,1,0.36,1);--duration-fast:120ms;--duration-base:200ms;
}

html.flossy-uikit,html.flossy-uikit body{margin:0;padding:0;background:var(--surface-page);font-family:var(--font-primary)}
html.flossy-uikit *{box-sizing:border-box}
html.flossy-uikit a{color:var(--color-primary);text-decoration:none}
html.flossy-uikit a:hover{color:var(--color-primary-hover)}
html.flossy-uikit img{max-width:100%;display:block}
#flossy-root{min-height:60vh}



/* flossy footer */
.flossy-footer ul.flossy-footer-list{list-style:none!important;margin:0!important;padding:0!important}
.flossy-footer ul.flossy-footer-list li{margin:0 0 10px!important;padding:0!important;list-style:none!important;font-size:14px}
.flossy-footer ul.flossy-footer-list li::marker{content:''!important}
.flossy-footer ul.flossy-footer-list li:last-child{margin-bottom:0!important}
.flossy-footer a{color:rgba(255,255,255,.82)!important;text-decoration:none!important}
.flossy-footer a:hover{color:#71BACC!important}
.flossy-footer .wp-block-heading{margin:0 0 12px!important}
.flossy-footer .wp-block-columns{gap:48px!important;align-items:flex-start!important}
.flossy-footer .wp-block-social-links{gap:10px!important;margin:0!important}
.flossy-footer .wp-block-social-link a{padding:0!important}
.flossy-footer .fluentform,.flossy-footer .frm-fluent-form{max-width:360px;margin:0!important}
.flossy-footer .frm-fluent-form .ff-el-group{margin-bottom:0!important}
.flossy-footer .frm-fluent-form .ff-el-input--label{display:none!important}
.flossy-footer .frm-fluent-form .ff-t-cell{padding:0!important}
.flossy-footer .frm-fluent-form input[type=text],.flossy-footer .frm-fluent-form input[type=email],.flossy-footer .frm-fluent-form .ff-el-form-control{width:100%!important;height:auto!important;padding:12px 14px!important;border:1px solid #e6e6e6!important;border-radius:10px!important;background:#fff!important;font-family:'Montserrat',sans-serif!important;font-size:15px!important;font-weight:500!important;color:#333!important;box-shadow:none!important;outline:none!important}
.flossy-footer .frm-fluent-form input::placeholder,.flossy-footer .frm-fluent-form .ff-el-form-control::placeholder{color:#999!important;opacity:1}
.flossy-footer .frm-fluent-form .ff-el-group.ff-el-form-bottom,.flossy-footer .frm-fluent-form .ff_submit_btn_wrapper{margin:10px 0 0!important}
.flossy-footer .frm-fluent-form .ff-btn,.flossy-footer .frm-fluent-form .ff-btn-submit,.flossy-footer .frm-fluent-form button[type=submit]{background:#000!important;background-color:#000!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:999px!important;padding:12px 28px!important;width:auto!important;font-family:'Montserrat',sans-serif!important;font-weight:500!important;font-size:14px!important;box-shadow:none!important;cursor:pointer;transition:background 120ms cubic-bezier(.22,1,.36,1)}
.flossy-footer .frm-fluent-form .ff-btn-submit:hover,.flossy-footer .frm-fluent-form button[type=submit]:hover{background:#222!important;background-color:#222!important}
.flossy-footer .ff-message-success{color:#71BACC!important;font-size:13px!important}
.flossy-footer .text-danger,.flossy-footer .error-text{color:#71BACC!important;font-size:13px!important}

/* flossy header logo */
.site-header .wp-block-image,.site-header figure.wp-block-image{margin:0;max-width:none}
.site-header .wp-block-image a{display:block;line-height:0}
.site-header .wp-block-image img{height:64px!important;width:auto!important;max-width:none!important;display:block}
@media(max-width:781px){.site-header .wp-block-image img{height:44px!important}}

/* flossy header nav */
.flossy-header .flossy-nav a{color:#333!important;text-decoration:none!important;transition:color 120ms cubic-bezier(.22,1,.36,1)}
.flossy-header .flossy-nav a:hover{color:#1BA8B4!important}
.flossy-header{position:relative;z-index:2}
.flossy-promobar p{line-height:1.2}