/* ======================================================
   COLORS & BACKGROUNDS
   ====================================================== */
.fa49-blue {
    color: #0d436e;
}

.fa49-bluebg {
    background-color: #9ed0d1;
}

.fa49-cookie-bg {
    background-color: #2c2c2c !important;
}

.fa49-orange {
    color: #000;
    background-color: #f58461;
}

.blue-wrapper {
    background-color: #f2f5fb;
    border: none;       /* no outer border */
    width: 100%;        /* fill full container width */
}

.fa49-card-image {
    max-width: 100%;
    height: auto;
}

.fa49-orange-color {
    color: #f58461;
}

.fa49-orange-light {
    color: #000;
    background-color: rgba(245, 132, 97, 0.2);
}

.fa49-navbar-bg {
    background-color: #ffffff !important;
}

.footer {
    background-color: #d8d8d8;
    padding: 3rem 1.5rem 6rem;
}

.header-warning {
    background-color: #f6f5f5;
}

.header-flipper {
    background-color: #0d436e;
    width: 100%;
}

/* ======================================================
   BORDERS & DIVIDERS
   ====================================================== */
.border-fa49 {
    border: 2px solid #f58461 !important;
}

.border-fa49-blue {
    border: 2px solid #3e7878 !important;
}

.border-fa49dk {
    border: 2px solid #a35139 !important;
}

.hr-fa49 {
    border: none;
    border-top: 2px dashed #000;
    width: 98%;
    margin: 1rem auto;
}


/* ======================================================
   FONTS & TEXT
   ====================================================== */
.body {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
}

.fa49-font {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
}

.fa49-font-gray {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
    color: #454545;
}

.fa49-font-orange {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
    color: #f58461;
}

.fa49-font-white {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
    color: #fff;
}

.fa49DomainFont {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
    color: #fff;

    text-decoration: underline;             /* enable underline */
    text-decoration-color: currentColor;    /* match the text color */
    text-decoration-thickness: 2px;         /* thickness of the underline */
    text-underline-offset: 8px;             /* adjust so it sits right at the baseline */
}


.fa49-warn-font {
    font-size: small;
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
}

.text-small {
    font-size: 85%;
}


/* ======================================================
   NAVIGATION
   ====================================================== */
.fa49-navbar-bg .nav-link {
    color: #0d436e !important;
    font-weight: bold !important;
    font-size: medium !important;
}

.fa49-navbar-bg .nav-link:hover {
    opacity: .75;
}

.btn-outline-primary-subtle {
    color: var(--bs-primary-text);
    background-color: var(--bs-primary-bg-subtle);
    border: 4px solid var(--bs-primary-border-subtle);
}

.btn-outline-primary-subtle:hover {
    background-color: var(--bs-primary-border-subtle); /* darker background */
    border-color: var(--bs-primary-border-subtle);     /* keep same border as normal state */
    color: #fff;                                       /* white text */
}

/* keep the hover look while the dropdown is open */
.btn-outline-primary-subtle.dropdown-toggle[aria-expanded="true"] {
    background-color: var(--bs-primary-border-subtle);
    border-color: var(--bs-primary-border-subtle);
    color: #fff;
}


/* ======================================================
   FORMS
   ====================================================== */
.form-control-dark {
    border-color: var(--bs-gray);
}

.form-control-dark:focus {
    border-color: #fff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.dropdown-toggle:not(:focus) {
    outline: 0;
}


/* ======================================================
   TELETYPE
   ====================================================== */
#text div {
    display: block;
    margin: 4px 0;
    font-weight: bold;
}

.teletype-bb {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
    letter-spacing: -1px;
    font-size: 2.6em;
    font-weight: 300;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #ffffff;
}

.teletype-bk {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
    letter-spacing: -1px;
    font-size: 3.6em;
    font-weight: 500;
    line-height: 1.1;
    padding: 0.2em 0.4em;
    color: #454545;
    margin-bottom: 0.2em;
}

.teletype-bl {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
    letter-spacing: -1px;
    font-size: 2.6em;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #ffffff;
}

.teletype-blue {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
    letter-spacing: -1.1px;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.1;
    color: #125688;
}

.teletype-head {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
    letter-spacing: -1px;
    font-size: 2.0em;
    font-weight: 600;
    line-height: 1.1;
    color: #454545;
    margin-bottom: 1.7em;
}

.highlight-phrase {
    display: inline-block;
    background-color: #f58461;
    color: white;
    padding: 0.2em 0.4em;
    border-radius: 10px;
    min-width: 2ch;
}

.highlight-word {
    display: inline-block;
    background-color: #ffffff;
    color: white;
    padding: 0.2em 0.4em;
    margin: 0.1em;
    border-radius: 4px;
}

.list-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.0;
}

.list-stack .line {
    opacity: 0;
    transform: translateY(6px);
}

.list-stack .line.show {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .45s ease, transform .45s ease;
}

#final-line {
    visibility: hidden;
}

#final-line.show {
    visibility: visible;
}

.final {
    font-weight: bold;
    margin-top: 1em;
}


/* ======================================================
   ORASPACE
   ====================================================== */
#oraspace {
    position: relative;
    --img-w: 160px;
    padding-right: calc(var(--img-w)/2 + 1rem);
    overflow: visible;
    max-width: 80%;
}

#oraspace .overlay-img {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(55%, -50%);
    width: 45%;
    max-width: 300px;
    height: auto;
    z-index: 3;
    pointer-events: none;
}

@media (max-width: 767.98px) {
    #oraspace {
        --img-w: 140px;
        padding-right: calc(var(--img-w)/2 + .5rem);
    }
}

.fa49-card-image {
    max-width: 220px;
    height: auto;
    pointer-events: none;
}

.fa49-nav-image {
    max-width: 120px;
    height: auto;
    pointer-events: none;
}

/* Header is fixed reference for border, but menu is fixed to viewport */
.fa49-navbar-bg { position: relative; }

/* Mega menu full width */
.dropdown-menu.mega-menu {
    position: fixed;        /* placed by JS under the header */
    left: 0;
    right: 0;
    width: 100%;
    transform: none !important;  /* ignore Popper translate */
    margin-top: 0 !important;
    border-top: none;       /* share the header's bottom border line (no double) */
    border-radius: 0;
    z-index: 1100;
}

@media (max-width: 768px) {
    #megaMenu.dropdown-menu {
        position: static !important;
    }
}




/* Align content to navbar container edges */
.mega-menu .row {
    margin-left: 0;
    margin-right: 0;
    padding-left: var(--bs-gutter-x, 1.5rem); /* same as .container padding */
    padding-right: var(--bs-gutter-x, 1.5rem);
}


/*#siteHeader {*/
/*    margin-bottom: 0 !important; !* overrides mb-4 in your header class *!*/
/*}*/


/* ======================================================
   SOCIAL MEDIA BUTTONS
   ====================================================== */

/* Facebook */
.btn.btn-facebook,
.navbar .navbar-nav > li > a.btn.btn-facebook {
    background-color: #3b5998;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14),
    0 3px 1px -2px rgba(59, 89, 152, 0.2),
    0 1px 5px 0 rgba(59, 89, 152, 0.12);
}

.btn.btn-facebook:focus,
.btn.btn-facebook:active,
.btn.btn-facebook:hover {
    background-color: #3b5998;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42),
    0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(59, 89, 152, 0.2);
}

.btn.btn-facebook.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple {
    color: #3b5998;
    background-color: transparent;
    box-shadow: none;
}


/* Google */
.btn.btn-google,
.navbar .navbar-nav > li > a.btn.btn-google {
    background-color: #dd4b39;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14),
    0 3px 1px -2px rgba(221, 75, 57, 0.2),
    0 1px 5px 0 rgba(221, 75, 57, 0.12);
}

.btn.btn-google:focus,
.btn.btn-google:active,
.btn.btn-google:hover {
    background-color: #dd4b39;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42),
    0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(221, 75, 57, 0.2);
}

.btn.btn-google.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-google.btn-simple {
    color: #dd4b39;
    background-color: transparent;
    box-shadow: none;
}


/* Instagram */
.btn.btn-instagram,
.navbar .navbar-nav > li > a.btn.btn-instagram {
    background-color: #125688;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14),
    0 3px 1px -2px rgba(18, 86, 136, 0.2),
    0 1px 5px 0 rgba(18, 86, 136, 0.12);
}

.btn.btn-instagram:focus,
.btn.btn-instagram:active,
.btn.btn-instagram:hover {
    background-color: #125688;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42),
    0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(18, 86, 136, 0.2);
}

.btn.btn-instagram.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple {
    color: #125688;
    background-color: transparent;
    box-shadow: none;
}


/* Pinterest */
.btn.btn-pinterest,
.navbar .navbar-nav > li > a.btn.btn-pinterest {
    background-color: #cc2127;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14),
    0 3px 1px -2px rgba(204, 33, 39, 0.2),
    0 1px 5px 0 rgba(204, 33, 39, 0.12);
}

.btn.btn-pinterest:focus,
.btn.btn-pinterest:active,
.btn.btn-pinterest:hover {
    background-color: #cc2127;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42),
    0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(204, 33, 39, 0.2);
}

.btn.btn-pinterest.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple {
    color: #cc2127;
    background-color: transparent;
    box-shadow: none;
}


/* Twitter */
.btn.btn-twitter,
.navbar .navbar-nav > li > a.btn.btn-twitter {
    background-color: #55acee;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14),
    0 3px 1px -2px rgba(85, 172, 238, 0.2),
    0 1px 5px 0 rgba(85, 172, 238, 0.12);
}

.btn.btn-twitter:focus,
.btn.btn-twitter:active,
.btn.btn-twitter:hover {
    background-color: #55acee;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42),
    0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(85, 172, 238, 0.2);
}

.btn.btn-twitter.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple {
    color: #55acee;
    background-color: transparent;
    box-shadow: none;
}


/* Dribbble */
.btn.btn-dribbble,
.navbar .navbar-nav > li > a.btn.btn-dribbble {
    background-color: #ea4c89;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14),
    0 3px 1px -2px rgba(234, 76, 137, 0.2),
    0 1px 5px 0 rgba(234, 76, 137, 0.12);
}

.btn.btn-dribbble:focus,
.btn.btn-dribbble:active,
.btn.btn-dribbble:hover {
    background-color: #ea4c89;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42),
    0 4px 23px 0 rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(234, 76, 137, 0.2);
}

.btn.btn-dribbble.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple {
    color: #ea4c89;
    background-color: transparent;
    box-shadow: none;
}

/* ======================================================
   SITE FLIPPER MENU
   ====================================================== */
/* Wrapper bar (black) */
.fa49-meta-nav {
    background: #333333;
    padding: 0;            /* no vertical padding => underline sits flush */
}

/* Horizontal list */
.fa49-meta-nav .fa49-menu {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

/* Links */
.fa49-meta-nav .fa49-link {
    font-family: 'Roboto Condensed', 'Nato Sans', 'Roboto', sans-serif;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 52px;          /* bar height */
    padding: 0 16px;       /* click target */
    border-bottom: 4px solid transparent; /* for active underline */
    box-sizing: border-box;               /* underline stays flush */
    transition: background-color .15s ease, color .15s ease;
}

/* Hover: white block + black text */
.fa49-meta-nav .fa49-link:hover {
    background: #fff;
    color: #000;
}

/* Active: thick white underline flush with bar bottom */
.fa49-meta-nav .fa49-link.is-active {
    color: #fff;                 /* stays white */
    border-bottom-color: #fff;   /* underline */
}

/* Active hover should NOT invert */
.fa49-meta-nav .fa49-link.is-active:hover {
    background: #fff;
    color: #000;
}

/* Keyboard focus */
.fa49-meta-nav .fa49-link:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.unit-logo {
      display: inline;
      padding-left: 6px;
      padding-right: 6px;
      width: 150px;
      height: 150px;
      background-color: hsla(0,0%,100%,.5);
  }

.cliens {
    padding: 10px 0;
    text-align: center;
}

.cliens img {
    max-width: 50%;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 15px 0;
    filter: grayscale(100);
}

.cliens img:hover {
    filter: none;
    transform: scale(1.2);
}

.chip-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* space between chips */
}

.filter-chip {
    border: 2px solid #ccc; /* light gray border */
    background-color: #fff;
    color: #333;
    border-radius: 10px; /* pill shape */
    padding: 4px 12px;
    font-size: 1rem;
    line-height: 2;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.filter-chip:hover {
    background-color: #f5f5f5;
}

.filter-chip.active {
    background-color: #0056D2; /* example blue, adjust */
    color: #fff;
    border-color: #0056D2;
}


.number-badge {
    position: absolute;
    top: 10px; /* Adjust as needed for positioning */
    left: 10px; /* Adjust as needed for positioning */
    width: 40px; /* Size of the badge */
    height: 40px; /* Size of the badge */
    background-color: #fff;
    /*color: #000000;*/
    border-radius: 50%; /* Makes it a circle */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px; /* Font size inside the badge */
    font-weight: bold;
}

.love-badge {
    position: absolute;
    top: 10px; /* Adjust as needed for positioning from the top */
    right: 10px; /* Adjust as needed for positioning from the right */
    width: 40px; /* Size of the badge */
    height: 40px; /* Size of the badge */
    background-color: #ffffff;
    /*color: #970050;*/
    border-radius: 50%; /* Makes it a circle */
    display: flex;
    justify-content: center;
    align-items: center;
    /*font-size: 14px; !* Font size inside the badge *!*/
    /*font-weight: bold;*/
}

.aors-green {
    color: #657537;
}

.aors-litegreen {
    color: #72b265;
}

.aors-litergreen {
    color: #779870;
}

.fa49-green {
    color: #000;
    background-color: #779870;
}

/*MORE TYPEWRITER FOR RESPONSIVE*/

/* additional.css */
/* Typewriter headline (biggest line) */
/* Headline (biggest line) */
#typewriter .teletype-bb {
    font-size: clamp(1.5rem, 2.5vw, 2.6rem); /* 1.2rem mobile → up to 2.6rem desktop */
    font-weight: 300;
    line-height: 1.1;
}

/* Rotating lines + tagline */
#typewriter .teletype-bl {
    font-size: clamp(1.5rem, 2vw, 2.6rem); /* 1rem mobile → up to 2.6rem desktop */
    line-height: 1.0;
}

/* Final highlighted line */
#typewriter .final {
    font-size: clamp(1.5rem, 2.2vw, 2.3rem); /* 1rem mobile → up to 2.3rem desktop */
    font-weight: 700;
}

/* Buttons */
#typewriter .btn {
    font-size: clamp(0.9rem, 1.5vw, 1.25rem); /* shrinks smoothly on small screens */
    padding: .2rem .5rem;
}

/* Overlay image responsive */
#overlay-img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
a.disabled {
    pointer-events: none;
    color: #6c757d; /* gray it out */
    text-decoration: none;
}

#dayFilterSelect {
    width: auto;        /* only as wide as needed */
    display: inline-block;
    min-width: 200px;   /* optional: set a floor */
}

.fa49black-block {
    display: inline;
    padding: 5px;
    color: white;
    background-color: #2c2c2c;
    border: 1px solid #2c2c2c;
}

blockquote {
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 20px 20px 20px 40px;
    border-left: none;
    position: relative;
    text-indent: -19px;
    background: #f5f5f5;
}

section#block_content {
    min-height: 100px;
    padding-top: 10px;
    text-align: left;

}

blockquote p {
    font-size: 1em
}

blockquote p {
    font-size: 1em
}

blockquote:before,
blockquote:after {
    font-size: 2.5em;
    vertical-align: middle;
    line-height: 0
}

blockquote:before {
    content: open-quote;
    margin-right: 4px
}

blockquote:after {
    content: close-quote;
    margin-left: 3px
}

blockquote.blockstyle,
blockquote.style2 {
    background: #f4dfd9;
    font-style: italic
}

blockquote.blockstyle p,
blockquote.style2 p {
    display: inline
}

blockquote.blockstyle {
    border-left: 4px solid #dd6d56;
    position: relative;
}

blockquote.blockstyle>span.triangle:before {
    text-indent: 0;
    content: "\f0da";
    font-family: FontAwesome;
    color: #dd6d56;
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -11px;
    font-style: normal
}

blockquote.blockstyle:before,
blockquote.blockstyle:after {
    color: #dd6d56;
}

blockquote.blockstyle.border-color-blue {
    border-color: #01b7f2
}

blockquote.blockstyle.border-color-blue>span.triangle:before {
    color: #01b7f2
}

blockquote.blockstyle.border-color-yellow {
    border-color: #fdb714
}

blockquote.blockstyle.border-color-yellow>span.triangle:before {
    color: #fdb714
}

.clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* show only 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}