/* Page wrapper
AEGEAN #1F456E, ARSENIC #3B444B
*/
.page-wrapper {
    --r-br: #b3cdea;
    --r-bg: #e8f0f9;
    --r-tx: #0c1b2c;
    color: var(--r-tx);
    border-color: var(--r-br);
    background-color: var(--r-bg);
    --r-header-bg: linear-gradient(to left top, #ffffff, #e8f0f9);
    --r-header-tx: #2a4965;
    --r-menu-tx-h: #2a4965;
    --r-menu-bg-h: #e8f0f9;
}

/* Start Var tags */
.page-wrapper {
    --r-br-b: #39648b;
    --r-br: #2a4965;
    --r-bg: #da805f;
    --r-bg-hover: color-mix(in srgb, #da805f 90%, #fff 10%);
    --r-tx: #2a4965;
    --r-tx-lk: #ebe9d9;
    --r-tx-lk-h: #f3f4f1;
    --r-bg-mix: #ebe9d9;
    /* --r-bg-mix: color-mix(in srgb, #da805f , #ebe9d9 80%); */
}

#footer-box-first,
.main-container-inner:not(:has(#swiper-slider-block-1)) {
    box-shadow: 0px 0px 10px 0px rgba(42, 73, 101, 0.7);
    border-radius: 8px;
}
.photoswipe-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
.main-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.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: #4a555e;
    border-color: var(--r-br);
}

/* inner regions */
.page-wrapper .region-inner {
    --r-br: #3c7fc8;
    --r-bg: var(--r-tx-lk);
}

.page-wrapper .region-outer#sidebar-box-first .region-inner {
    --r-bg: #da805f;
}

.page-wrapper .region-outer:not(#sidebar-box-first) .region-inner li.nav__menu-item>a,
.page-wrapper .region-outer:not(#sidebar-box-first) .region-inner li.nav__menu-item>button,
.page-wrapper .region-outer:not(#sidebar-box-first) .region-inner .login-button-open,
.page-wrapper .region-outer:not(#sidebar-box-first) .region-inner .hamburger-icon button,
.region-inner .region-outer:not(#sidebar-box-first) .block-user-login-block form+.item-list ul li a {
    border-color: var(--r-br, var(--r-br-b));
    color: #da805f;
    background-color: var(--r-bg-lk, var(--r-bg));
}

.page-wrapper .region-outer:not(#sidebar-box-first) .region-inner li.nav__menu-item>a:hover,
.page-wrapper .region-outer:not(#sidebar-box-first) .region-inner li.nav__menu-item>button:hover,
.page-wrapper .region-outer:not(#sidebar-box-first) .region-inner .login-button-open:hover,
.page-wrapper .region-outer:not(#sidebar-box-first) .region-inner .hamburger-icon button:hover,
.block-user-login-block form+.item-list ul li a:hover {
    color: color-mix(in srgb, #da805f 80%, #fff 20%);
}

/* .page-wrapper
  .solo-outer:not(
    .fixed-search-block,
    .popup-login-block,
    .header,
    .primary-sidebar-menu,
    .primary-menu,
    .system-messages,
    .copyright,
    .breadcrumb
  ) {
  border-bottom-width: var(--solo-px1);
  border-bottom-style: solid;
  border-color: var(--r-tx-lk);
} */

/* Heads */
.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: var(--r-tx-lk);
}

.page-wrapper h1 a:hover,
.page-wrapper h2 a:hover,
.page-wrapper h3 a:hover,
.page-wrapper h1 a span:hover,
.page-wrapper h2 a span:hover,
.page-wrapper h3 a span:hover,
.page-wrapper .site-name:hover,
.page-wrapper .site-slogan:hover,
.page-wrapper .site-name-link:hover {
    --r-tx: var(--r-tx-lk-h);
}

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

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

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

.page-wrapper .region-inner a:hover:not(.nav__menu-link,
    .button,
    .site-name-link,
    .site-logo,
    h1 a,
    h2 a,
    h3 a) {
    --r-tx: var(--r-bg-hover);
}

/* Menu Links */
.page-wrapper .main-navigation-wrapper {
    border-bottom: 1px solid var(--r-tx-lk);
}

.page-wrapper .login-button-open:hover,
.page-wrapper .hamburger-icon button:hover,
.page-wrapper .header li.nav__menu-item>a:hover,
.page-wrapper .main-navigation-wrapper li>a:hover,
.page-wrapper .header li.nav__menu-item>button:hover,
.page-wrapper .main-navigation-wrapper li>button:hover {
    --r-bg: var(--r-bg-hover);
}

.page-wrapper ul.tabs.secondary li a:hover,
.page-wrapper ul.tabs.primary li a:hover {
    background-color: #e8f0f9;
    --r-tx: #050b11;
}

/* 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-tx: #050b11;
    --r-bg: #e8f0f9;
}

/* 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: #252a2e;
    --r-tx: #f4f6f7;
}

.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-tx: #252a2e;
    --r-bg: #f4f6f7;
}

/* Regions */
.welcome-text,
.main-container .main-box {
    --r-bg: var(--solo-white);
}

header.header,
div.page-title.lone {
    background: var(--r-bg);
    border-bottom: 1px solid var(--r-tx-lk);
}

#copyright,
#footer-menu {
    background-color: #da805f;
    border-bottom: 1px solid var(--r-tx-lk);
}

.top-container,
.main-container,
.bottom-container,
.footer-container,
.footer-menu,
.fixed-search-block,
.popup-login-block-inner {
    background: var(--r-bg-mix);
}

.top-container .top-box-inner,
.bottom-container .bottom-box-inner,
.footer-container .footer-box-inner {
    background: var(--r-bg);
    /* border: #2a4965 1px solid; */
    box-shadow: 0px 0px 10px 0px rgba(42, 73, 101, 0.7);
}

.highlighted {
    --r-bg: #f4f6f7;
}

.page-wrapper .solo-select:focus,
.page-wrapper .solo-ckeck:focus,
.page-wrapper .solo-radio:focus,
.page-wrapper .solo-input:focus,
.page-wrapper .solo-textarea:focus {
    --r-br: #1d2125;
}

.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 .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: #ebe9d9;
}

/* Copyright */
.copyright {
    --r-bg: var(--r-tx-lk);
    background: var(--r-bg);
    color: #ebe9d9;
}

/* For main menu shadow */
.solo-inner .navigation__responsive {
    --s-b: 20, 44, 70;
}

.page-wrapper .primary-menu.solo-sticky {
    --s-b: 20, 44, 70;
}

.primary-sidebar-menu {
    --s-b: 20, 44, 70;
}

/* inner regions borders */
.page-wrapper .solo-outer.animate-hover .region-inner.top-box-inner,
.page-wrapper .solo-outer.animate-hover .region-inner.bottom-box-inner,
.page-wrapper .solo-outer.animate-hover .region-inner.footer-box-inner {
    --s-b: 20, 44, 70;
}

.sm-icons a>span {
    --s-b: 121, 137, 149;
}

#fixed-search-block {
    --s-b: 20, 44, 70;
}

.fixed-search-block-inner .fixed-search-wrapper {
    --s-b: 20, 44, 70;
}

/* 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;
    }
}