/* .image-wrapper {
    background-color: #0238e0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    position: relative;
    z-index: 0;
} */

:root,
[data-bs-theme=light] {
  --bs-dark: #262b32;
  --bs-primary: #0138e0;
  --bs-secondary: #aab0bc;
  --bs-success: #45c4a0;
  --bs-info: #54a8c7;
  --bs-warning: #fab758;
  --bs-danger: #e2626b;
  --bs-light-rgb: 254, 254, 254;
  --bs-dark-rgb: 38, 43, 50;
  --bs-primary-rgb: 1, 56, 224;
  --bs-secondary-rgb: 170, 176, 188;
  --bs-success-rgb: 69, 196, 160;
  --bs-info-rgb: 84, 168, 199;
  --bs-warning-rgb: 250, 183, 88;
  --bs-danger-rgb: 226, 98, 107;
  --bs-primary-text-emphasis: #2c549d;
  --bs-secondary-text-emphasis: #777b84;
  --bs-success-text-emphasis: #308970;
  --bs-info-text-emphasis: #3b768b;
  --bs-warning-text-emphasis: #af803e;
  --bs-danger-text-emphasis: #9e454b;
  --bs-light-text-emphasis: #b2b2b2;
  --bs-dark-text-emphasis: #1b1e23;
  --bs-primary-bg-subtle: #edf2fc;
  --bs-secondary-bg-subtle: #f7f7f9;
  --bs-success-bg-subtle: #edf9f6;
  --bs-info-bg-subtle: #eff7fa;
  --bs-warning-bg-subtle: #fff8ee;
  --bs-danger-bg-subtle: #fcf0f1;
  --bs-light-bg-subtle: #fbfbfc;
  --bs-dark-bg-subtle: #eaebec;
  --bs-soft-primary: #edf2fc;
  --bs-pale-primary: #e0e9fa;  
  --bs-bullet-soft-primary: #dce7f9;  
  --bs-icon-fill-primary: #8caeec;  
  --bs-icon-solid-fill-primary: #b2c9f3;  
  --bs-border-soft-primary: #c5d7f6;  
  --bs-border-subtle-primary: #c5d7f6;
  --bs-border-subtle-secondary: #e6e7eb;
  --bs-border-subtle-success: #c7ede3;
  --bs-border-subtle-info: #cce5ee;
  --bs-border-subtle-warning: #fee9cd;
  --bs-border-subtle-danger: #f6d0d3;
  --bs-border-subtle-light: #f6f7f9;
  --bs-border-subtle-dark: #bebfc2;  
  --bs-body-color: rgb(74, 76, 81);
  --bs-body-color-rgb: 74, 76, 81;
  --bs-body-bg: #fefefe;
  --bs-body-bg-rgb: 254, 254, 254;  
  --bs-secondary-color: rgba(96, 105, 123, 0.75);
  --bs-secondary-color-rgb: 96, 105, 123;
  --bs-secondary-bg: #f6f7f9;
  --bs-secondary-bg-rgb: 246, 247, 249;
  --bs-tertiary-color: rgba(96, 105, 123, 0.5);
  --bs-tertiary-color-rgb: 96, 105, 123;
  --bs-tertiary-bg: #fefefe;
  --bs-tertiary-bg-rgb: 254, 254, 254;
  --bs-heading-color: #343f52;
  --bs-link-color: var(--bs-primary);
  --bs-link-color-rgb: var(--bs-primary-rgb);
  --bs-link-hover-color: rgb(44, 84, 157);
  --bs-link-hover-color-rgb: 44, 84, 157;
  --bs-border-color: #cacaca;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);  
}

.bg-header {
    background-color: var(--bs-primary);
}

.bg-header > .container {
    background-image: url("../img/custom/euro2024/bg.jpg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%;
    position: relative;
    z-index: 0;
}

.bg-header.pht-big > .container {
    background-size: auto 60%;
    position: relative;
    z-index: 0;
}

@media (max-width: 767px) {
    .bg-header > .container {
        background-image: none;
    }

    .bg-header.pht-big > .container {
        background-position: top left;
        background-position-y: 25px;
        background-size: auto 50%;
        position: relative;
        z-index: 0;
    }
}

.table {
    --bs-table-color: var(--bs-body-color);    
    --bs-table-striped-color: var(--bs-body-color);    
}

.table-primary {
    --bs-table-color: #ffffff;
    --bs-table-bg: var(--bs-primary);
  }

  .card .card-body h2 {
    color: var(--bs-primary);
  }

  .navbar-stick .navbar-brand h3 a {
    color: var(--bs-primary) !important;
  }