/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/***********************************************/
/* Global CSS variables for reusable assets    */
/* Define Base64 SVG arrows at root level      */
/***********************************************/

:root {
/* Eilakaisla Executive - Tummansininen nuoli SVG (#0C2157) */
  --nuoli-svg-tumma-sininen: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMzcuNSAxNzcuMSI+PHBhdGggZmlsbD0iIzBDMjE1NyIgZD0ibTMzNy41LDg3LjFjMCw4LjMtMyw3LjgtMzUuNiw0My40LTI4LjIsMzEuMy0zNS42LDU3LjQtNDYsNDQuNy0xMC40LTkuMSwxMC40LTE4LjcsMzcuNC00OS4xLDI4LjItMzIuMSwzNi45LTMzLjksMi42LTMzLjlzLTc2LjQsMC0xMjMuMy40Yy00OS45LDAtNzkuOS0uNC0xMjguNiwzLjVDMTIuMiw5OC44LDAsMTAyLjcsMCw4Ny4xczEyLjItMTIuNiw0My45LTkuMWM0Ni41LDUuMiw3OSw4LjMsMTI4LjYsNC44aDEyMy4zYzM0LjMsMCwyNi41LTIuMi00LjgtMzQuNy0yNC44LTI2LjEtNDYuNS0zNy40LTM2LjEtNDYsMTAuOS05LjEsMTkuMSwxNS42LD40LjMsNDEuMywzMy40LDM1LjIsMzgwLDM2LDM4LjIsNDMuOWFaIi8+PC9zdmc+");
  --nuoli-svg-executive: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMzcuNSAxNzcuMSI+PHBhdGggZmlsbD0iIzk1QjNGRiIgZD0ibTMzNy41LDg3LjFjMCw4LjMtMyw3LjgtMzUuNiw0My40LTI4LjIsMzEuMy0zNS42LDU3LjQtNDYsNDQuNy0xMC40LTkuMSwxMC40LTE4LjcsMzcuNC00OS4xLDI4LjItMzIuMSwzNi45LTMzLjksMi42LTMzLjlzLTc2LjQsMC0xMjMuMy40Yy00OS45LDAtNzkuOS0uNC0xMjguNiwzLjVDMTIuMiw5OC44LDAsMTAyLjcsMCw4Ny4xczEyLjItMTIuNiw0My45LTkuMWM0Ni41LDUuMiw3OSw0LjMsMTI4LjYsNC44aDEyMy4zYzM0LjMsMCwyNi41LTIuMi00LjgtMzQuNy0yNC44LTI2LjEtNDYuNS0zNy40LTM2LjEtNDYsMTAuOS05LjEsMTkuMSwxNS42LD40LjMsNDEuMywzMy40LDM1LjIsMzguMiwzNiwzOC4yLDQzLjlaIi8+PC9zdmc+");
  --nuoli-svg-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMzcuNSAxNzcuMSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0ibTMzNy41LDg3LjFjMCw4LjMtMyw3LjgtMzUuNiw0My40LTI4LjIsMzEuMy0zNS42LDU3LjQtNDYsNDQuNy0xMC40LTkuMSwxMC40LTE4LjcsMzcuNC00OS4xLDI4LjItMzIuMSwzNi45LTMzLjksMi42LTMzLjlzLTc2LjQsMC0xMjMuMy40Yy00OS45LDAtNzkuOS0uNC0xMjguNiwzLjVDMTIuMiw5OC44LDAsMTAyLjcsMCw4Ny4xczEyLjItMTIuNiw0My45LTkuMWM0Ni41LDUuMiw3OSw0LjMsMTI4LjYsNC44aDEyMy4zYzM0LjMsMCwyNi41LTIuMi00LjgtMzQuNy0yNC44LTI2LjEtNDYuNS0zNy40LTM2LjEtNDYsMTAuOS05LjEsMTkuMSwxNS42LD40LjMsNDEuMywzMy40LDM1LjIsMzgwLDM2LDM4LjIsNDMuOWFaIi8+PC9zdmc+");
}

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* _base.css */

body {
    color: #0C2157;
    /*color: #090909;/**/
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #0C2157;
}

/* _button.css */

/* Accent */
.btn--accent.btn--fill,
.btn--accent.btn--outline:hover {
  background: #95B3FF;
  color: #0C2157;
}

/* Dark */
.btn--dark.btn--fill,
.btn--dark.btn--outline:hover {
  background: #0C2157;
  color: #D1DEFF;
}

/* Light */
.btn--light.btn--fill,
.btn--light.btn--outline:hover {
  background: #D1DEFF;
  color: #0C2157;
}

/* White */
.btn--white.btn--fill, .btn--white.btn--outline:hover {
    background: #fff;
    color: #0C2157;
}

/* Button arrow icon (user root variable) */
.painike-nuoli {
  /* Sets the color of the mask shape to light green */
  background-color: #95B3FF; 
}

/* Button arrow icon (user root variable) */
.painike-nuoli-tumma {
  /* Sets the color of the mask shape to dark green */
  background-color: #0C2157; 
}

/* blog-card.css */

.blog-card .blog-card__tags .badge--accent {
  background-color: #95B3FF;
  color: #0C2157;
}

/* badge.css */

.badge--accent {
    background: #95B3FF;
    color: #0C2157;
}

.badge--dark {
  background: #0C2157;
  color: #95B3FF;
}

.badge--white {
  color: #0C2157;
}

/* section-intro.css */

.section-intro__overline .badge--accent {
  background: #95B3FF;
  color: #0C2157;
}

.section-intro__overline .badge--dark {
  background: #0C2157;
  color: #95B3FF;
}

.section-intro__overline .badge--white {
  color: #0C2157;
}

/* blog-card.css */

.blog-card__tags .badge--accent {
    background: #66FF80;
    color: #0C2157;
}

/* content-box.css */


/* content-card.css */

.content-card.content-card--light .content-card__label {
  color: #0C2157;
}
.content-card.content-card--dark .content-card__label {
  color: #D1DEFF;
}

/* Card background with a dark arrow sitting at the bottom border */
.content-card.content-card--light.content-card--with-link {
  background-image: var(--nuoli-svg-tumma-sininen);
}
  
/* cover-card.css */

.cover-card.cover-card--dark {
  background-color: #0C2157;
  color: #FFFFFF;
}
.cover-card.cover-card--dark h2,
.cover-card.cover-card--dark h3,
.cover-card.cover-card--dark h4 {
  color: #FFFFFF;
}

.cover-card.cover-card--light {
  background-color: #95B3FF;
  color: #0C2157;
}
.cover-card.cover-card--light h2,
.cover-card.cover-card--light h3,
.cover-card.cover-card--light h4 {
  color: #0C2157;
}

.cover-card.cover-card--light .badge--accent {
    background: #0c2157;
    color: #95b3ff;
}

.cover-card.cover-card--white {
  background-color: #ffffff;
    color: #0C2157;
    /*color: #090909;/**/
}
.cover-card.cover-card--white h2,
.cover-card.cover-card--white h3,
.cover-card.cover-card--white h4 {
  color: #0C2157;
}

/* Card background with a dark arrow near the right-bottom area */
.cover-card.cover-card--light.cover-card--with-link, 
.cover-card.cover-card--white.cover-card--with-link {
  background-image: var(--nuoli-svg-tumma-sininen);
}

/* Card background with a light arrow near the right-bottom area */
.cover-card.cover-card--dark.cover-card--with-link {
  background-image: var(--nuoli-svg-white);
}

/* Card background with a light arrow near the right-bottom area */
.cover-card.cover-card--dark:has(.executive).cover-card--with-link {
  background-image: var(--nuoli-svg-white);
}

/* icon.css */

.icon--accent.icon--fill {
  background-color: #95B3FF;
  color: #0C2157;
}
.icon--light.icon--fill {
  background-color: #95B3FF;
  color: #0C2157;
}
.icon--dark.icon--fill {
  background-color: #0C2157;
  color: #FFFFFF;
}

/* team-card.css */

.team-card--white .team-card__icon.icon--white-accent.icon--fill {
  /*background: #66FF80;/**/
  color: #0C2157;
  /*box-shadow: none;/**/
}

/* header.css */

/* nav.css */

.super-text {
  color: #0C2157;
  opacity: 0.8;
}

.nav--light .nav__link,
.nav--light .nav__link:hover,
.nav--light .nav__mega-col ul a {
    color: #0C2157;
}

.nav--light .nav__list--level1 > li > a::before {
    background: #95B3FF;
}

.header--sticky-active .nav--light .nav__list--level1 > li > a::before {
    background: #0C2157;
}
.header--sticky-active .nav__list--level1 > li > a::before {
    background: #0C2157;
}

/* 1. Overlapping Header Logo -> Executive Blue (#95B3FF) */
.header__logo__overlap img,
#hs_cos_wrapper_overlapping_header_logo_hs_logo_widget img {
  filter: brightness(0) saturate(100%) invert(75%) sepia(21%) saturate(2336%) hue-rotate(189deg) brightness(101%) contrast(102%) !important;
}

/* 2. Sticky Header Logo -> Executive Dark Blue (#0C2157) */
.header__logo__sticky img,
#hs_cos_wrapper_sticky_header_logo_hs_logo_widget img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(61%) saturate(2250%) hue-rotate(204deg) brightness(97%) contrast(97%) !important;
}

.nav--light .nav__list--flyout .nav__item--active-branch>a, 
.nav--light .nav__list--flyout .nav__item--active>a, 
.nav--light .nav__list--flyout li:hover>a Specificity: (0,3,1)
{
  background-color: #95B3FF;
  color: #0C2157;
}

/* footer.css */

.footer {
    background: #0C2157;
}

/* Colorize footer SVG logo to Executive Blue (#95B3FF) */
.footer__logo img.hs-image-widget,
#hs_cos_wrapper_footer_logo_hs_logo_widget img {
  filter: brightness(0) saturate(100%) invert(75%) sepia(21%) saturate(2336%) hue-rotate(189deg) brightness(101%) contrast(102%) !important;
}