/* Page wrapper */
.page-wrapper {
  --r-br: #f2f3f4;
  --r-bg: #fbfcf8;
  --r-tx: #63645e;
  --r-header-bg: linear-gradient(45deg, red 0 50%, blue 50% 100%);
  --r-header-bg: #1a2327;
  --r-menu-bg-h: #e9eef0;
  --r-menu-tx-h: #2f3e45;
}

.page-wrapper,
.page-wrapper tr,
.page-wrapper td,
.page-wrapper th,
.page-wrapper hr,
.page-wrapper table,
.page-wrapper  ul,
.page-wrapper li,
.page-wrapper .selectify,
.page-wrapper .solo-select,
.page-wrapper .solo-radio,
.page-wrapper .solo-check,
.page-wrapper .solo-input,
.page-wrapper .solo-textarea,
.page-wrapper a.button,
.page-wrapper input.button,
.page-wrapper .search-button-close button {
  --r-br: #9faab3;
  border-color: var(--r-br);
}

/* inner regions */
.page-wrapper .solo-outer:not(.fixed-search-block,
.popup-login-block,
.header,
.primary-sidebar-menu,
.primary-menu,
.system-messages,
.copyright) {
  border-bottom-width: 5px;
  border-bottom-style: solid;
}

/* Heads */
.page-wrapper h1:not(.page-title-text),
.page-wrapper h2,
.page-wrapper h3,
.page-wrapper h1 a,
.page-wrapper h2 a,
.page-wrapper h3 a,
.page-wrapper h1 a span,
.page-wrapper h2 a span,
.page-wrapper h3 a span,
.page-wrapper .site-name,
.page-wrapper .site-slogan,
.page-wrapper .site-name-link {
  --r-tx: #1a2327;
}

/* Link only */
.page-wrapper a:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #36474f;
}

.page-wrapper a:hover:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #141a1c;
}

/* Regions */
.fixed-search-block {
  --r-bg: #3d5059;
  --r-tx: #0d1112;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.popup-login-block-inner {
  --r-bg: #dfe6e9;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

header.header {
  --r-bg: linear-gradient(45deg, red 0 50%, blue 50% 100%);
  --r-bg: linear-gradient(.45turn, red, 25%, blue);
  --r-tx: #0d1112;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.page-wrapper .header h1,
.page-wrapper .header h2,
.page-wrapper .header h3 {
  --r-tx: #fdfefe;
}

.page-wrapper .header a:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #f3f9fe;
}

.page-wrapper .header a:hover:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #f3f9fe;
}

/* Menu Links */
.page-wrapper .login-button-open,
.page-wrapper .hamburger-icon button,
.page-wrapper .main-navigation-wrapper,
.page-wrapper .main-navigation-wrapper ul,
.page-wrapper .main-navigation-wrapper li,
.page-wrapper .header li.nav__menu-item>a,
.page-wrapper .main-navigation-wrapper li>a,
.page-wrapper .header li.nav__menu-item>button,
.page-wrapper .main-navigation-wrapper li>button {
  --r-bg: #2f3e45;
  --r-tx: #e9eef0;
}

.page-wrapper .login-button-open:hover,
.page-wrapper .hamburger-icon button:hover,
.page-wrapper .header ul li.nav__menu-item>*:hover,
.page-wrapper .main-navigation-wrapper li>*:hover {
  --r-bg: #e9eef0;
  --r-tx: #2f3e45;
}

.page-wrapper ul.tabs.secondary li a:hover,
.page-wrapper ul.tabs.primary li a:hover {
  background-color: #0b72c5;
  --r-tx: #f3f9fe;
}

/* The same colors as hover for the main menu */
.page-wrapper .navigation-sidebar-hover .navigation__sidebar li.has-sub__menu:hover>a,
.page-wrapper .navigation-sidebar-hover .navigation__sidebar li.has-sub__menu:hover>button,
.page-wrapper .navigation-responsive-hover .navigation__megamenu>li.has-sub__menu:hover>a,
.page-wrapper .navigation-responsive-hover .navigation__megamenu>li.has-sub__menu:hover>button,
.page-wrapper .navigation-responsive-hover .navigation__responsive:not(.navigation__megamenu) li.has-sub__menu:hover>a,
.page-wrapper .navigation-responsive-hover .navigation__responsive:not(.navigation__megamenu) li.has-sub__menu:hover>button {
  --r-bg: #e9eef0;
  --r-tx: #2f3e45;
}

/* Form Button */
.page-wrapper a.button,
.page-wrapper input.button,
.page-wrapper .search-button-close button,
.block-user-login-block form+.item-list ul li a {
  --r-bg: #0b72c5;
  --r-tx: #f3f9fe;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.page-wrapper a.button:hover,
.page-wrapper input.button:hover,
.page-wrapper .search-button-close button:hover,
.block-user-login-block form+.item-list ul li a:hover {
  --r-bg: #e9eef0;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

/* Regions */
div.page-title.lone {
  --r-bg: var(--solo-white);
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.welcome-text {
  --r-bg: var(--solo-white);
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.highlighted {
  --r-bg: #dfe6e9;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

/* Top Containers */
.top-container {
  --r-bg: #f3f6f7;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.top-container .top-box-first-inner {
  --r-bg: #dfe6e9;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.top-container .top-box-second-inner {
  --r-bg: #dfe6e9;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.top-container .top-box-third-inner {
  --r-bg: #dfe6e9;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.page-wrapper .top-container h1,
.page-wrapper .top-container h2,
.page-wrapper .fop-container h3 {
  --r-tx: #fdfefe;
}

.page-wrapper  .top-container a:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #fdfefe;
}

.page-wrapper .top-container a:hover:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #f3f9fe;
}

/* Main Containers */
.main-container {
  --r-bg: #fdfefe;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.main-container .first-box-inner {
  --r-bg: var(--solo-white);
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.main-container .main-box-inner {
  --r-bg: var(--solo-white);
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.main-container .second-box-inner {
  --r-bg: var(--solo-white);
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.page-wrapper .main-container  h1,
.page-wrapper .main-container  h2,
.page-wrapper .main-container  h3 {
  --r-tx: #fdfefe;
}

.page-wrapper  .main-container  a:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #fdfefe;
}

.page-wrapper .main-container  a:hover:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #f3f9fe;
}

/* Bottom Containers */
.bottom-container {
  --r-bg: #021524;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.bottom-container .bottom-box-first-inner {
  --r-bg: #021524;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.bottom-container .bottom-box-second-inner {
  --r-bg: #021524;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.bottom-container .bottom-box-third-inner {
  --r-bg: #021524;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.bottom-container .bottom-box-fourth-inner {
  --r-bg: #021524;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.page-wrapper .bottom-container h1,
.page-wrapper .bottom-container h2,
.page-wrapper .bottom-container h3 {
  --r-tx: #fdfefe;
}

.page-wrapper .bottom-container a:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #f3f9fe;
}

.page-wrapper .bottom-container a:hover:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #f3f9fe;
}

/* Footer Containers */
.footer-container {
  --r-bg: #021524;
  --r-tx: #f3f9fe;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.footer-container .footer-box-first-inner {
  --r-bg: #010c14;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.footer-container .footer-box-second-inner {
  --r-bg: #010c14;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.footer-container .footer-box-third-inner {
  --r-bg: #010c14;
  --r-tx: #2f3e45;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.page-wrapper .footer-container h1,
.page-wrapper .footer-container h2,
.page-wrapper .footer-container h3 {
  --r-tx: #fdfefe;
}

.page-wrapper  .footer-container a:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #fdfefe;
}

.page-wrapper .footer-container a:hover:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #f3f9fe;
}

/* Footer Menu */
.footer-menu {
  --r-bg: #0d1112;
  --r-tx: #f3f9fe;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.page-wrapper .footer-menu h1,
.page-wrapper .footer-menu h2,
.page-wrapper .footer-menu h3 {
  --r-tx: #fdfefe;
}

.page-wrapper  .footer-menu a:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #fdfefe;
}

.page-wrapper .footer-menu a:hover:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #f3f9fe;
}

.sm-icons .snapchat svg,
.sm-icons .threads svg,
.sm-icons .whatsapp svg,
.sm-icons .tiktok svg,
.sm-icons .reddit svg,
.sm-icons .facebook svg,
.sm-icons .twitter svg,
.sm-icons .bluesky svg,
.sm-icons .pinterest svg,
.sm-icons .linkedin svg,
.sm-icons .instagram svg,
.sm-icons .youtube svg,
.sm-icons .drupal svg,
.sm-icons .mastodon svg,
.sm-icons .telegram svg,
.sm-icons .email svg,
.sm-icons .rss svg {
  fill: #424d55;
}

/* Copyright */
.copyright {
  --r-bg: #060708;
  --r-tx: #fdfefe;
  --r-br: #c1ced4;
  color: var(--r-tx);
  border-color: var(--r-br);
  background-color: var(--r-bg);
}

.page-wrapper .copyright a:hover:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #fdfefe;
}

.page-wrapper .header a:hover:not(.nav__menu-link,
.button,
.site-name-link,
.site-logo,
h1 a,
h2 a,
h3 a) {
  --r-tx: #f3f9fe;
}

.page-wrapper .primary-menu.solo-sticky {
  --s-b: var(--s-w);
}

.primary-sidebar-menu {
  --s-b: var(--s-w);
}

/* inner regions borders */
.page-wrapper .solo-outer.animate-hover .region-inner.top-box-inner:hover,
.page-wrapper .solo-outer.animate-hover .region-inner.bottom-box-inner:hover,
.page-wrapper .solo-outer.animate-hover .region-inner.footer-box-inner:hover {
  --s-b: var(--s-w);
}

.page-wrapper .pager__item a {
  transition: background .3s;
}

.page-wrapper .pager__item a:hover {
  color: var(--r-header-tx);
  background: var(--r-header-bg);
}

/* Border animation  */
@keyframes borderLeftColors {
  0% {
    width: 0;
    height: 0;
    border-top-color: var(--r-br, var(--r-br-b));
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

  50% {
    width: 100%;
    height: 0;
    border-top-color: var(--r-br, var(--r-br-b));
    border-right-color: var(--r-br, var(--r-br-b));
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

  99.9999% {
    width: 100%;
    height: 100%;
    border-top-color: var(--r-br, var(--r-br-b));
    border-right-color: var(--r-br, var(--r-br-b));
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

  100% {
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

}

@keyframes borderRightColors {
  0% {
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--r-br, var(--r-br-b));
    border-left-color: transparent;
  }

  50% {
    width: 100%;
    height: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--r-br, var(--r-br-b));
    border-left-color: var(--r-br, var(--r-br-b));
  }

  99.9999% {
    width: 100%;
    height: 100%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--r-br, var(--r-br-b));
    border-left-color: var(--r-br, var(--r-br-b));
  }

  100% {
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

}
