@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

html,
body {

}

.relative {
    position:								relative !important;
}



:root {
    --bs-body-font-size: 0.9rem;
    --sib-brand-primary: #1a234f;
    --sib-brand-secondary: #223370;
    --sib-brand-tertiary: #030338;
    --sib-brand-light: #D3D6E2;
    --bs-font-sans-serif: 'Open Sans', sans-serif; /* This sets the default sans-serif font to Open Sans */
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-blue: #1a234f;
    --bs-primary: #1a234f;
    --sib-brand-orange: #EB9F49;
}

p {
    line-height: 1.3125rem;
}

.help-block {
    color: #dc3545;
    font-size: 0.6875rem;

}

.btn-xs {
    --bs-btn-padding-y: 0.1rem; /* smaller padding-top and -bottom */
    --bs-btn-padding-x: 0.25rem; /* smaller padding-left and -right */
    --bs-btn-font-size: 0.75rem; /* smaller font size */
    --bs-btn-border-radius: 0.2rem; /* slightly smaller border radius for a consistent look */
    }

.btn-xs i {
    font-size: 0.6rem;
    margin-left: 0.1rem;
}

.btn-filter {
    background-color: #D3D6E2;
    color: var(--sib-brand-primary);
    border-color: #D3D6E2;
    text-transform: uppercase;
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.2rem 0.625rem 0.25rem 0.625rem;
}

.btn-filter:hover {
    background-color: #bec1d1;;
}

.btn-filter i {
    margin-left: 0.1rem;
}


a {
    color: var(--sib-brand-primary);
    text-decoration: underline;
}

a:hover {
    color: var(--sib-brand-primary);
    text-decoration: none;
}

#worldmap {
    width:100%;
    height: calc(100vh - 147px); /* 50px + 30px = 80px */
}

.carousel-separator {
    width: 12.5rem;
    height: 0.3125rem;
    background-color: #EB9F49;
    margin-top: 0.94rem;
    margin-bottom: 0.94rem;
}

h1 {
    color: var(--sib-brand-primary);
    font-size: 2.3125rem;
    line-height: 2.5625rem;
    font-weight: 700;
}

h2 {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--sib-brand-primary);
    border-bottom: 2px solid var(--sib-brand-orange);
    padding-bottom: 0.62rem;
}

h4 {
    font-size: 0.8125rem;
    font-weight: 500;
}

.carousel-caption {
    bottom: 7rem;
}


.video-container {
    position: relative;
    overflow: hidden;
}

.video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.content-container {
    position: relative;
    z-index: 2;
}

h3 {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3125rem; /* 140% */
    letter-spacing: 0.00513rem;
    color: var(--sib-brand-primary);
}

#reportTypeId, #orderby {
    text-align: right;
    border: none;
    width:200px;
    font-size: 0.6875rem;
    cursor: pointer;
}

#orderby {
    width: 130px;
}

#reportTypeId:focus, #reportTypeId:target, #orderby:focus, #orderby:target {
    border:none !important;
    box-shadow: none !important;
}

#advanced-search {
    font-size: 0.6875rem;
    color : var(--sib-brand-primary);
    text-decoration: none;
    margin-right: 10px;
}

#advanced-search:hover {
    text-decoration: underline;
}

.time-ago {
    font-size: 0.7rem;
    color: var(--sib-brand-secondary);
    margin-right: 10px;
    min-width:3.5rem;
    display: flex;
    align-items: center;
}

.article-countries {
    font-size: 0.7rem;
    
}

.article-countries a {
    color: #3867E7 !important;
    text-decoration: none;
}

.article-separator {
    height: 0.0625rem;
    align-self: stretch;
    color: var(--sib-brand-light);
    opacity: 1;
}

header > a {
    margin-left: 30px;
}

header li {
    margin-left: 30px;
}

header li a {
    color: #a0acc7;
    text-decoration: none;
    font-size: 0.82rem;
}

header li a.active {
    color: white;
}

header li a:hover {
    color: white;
}

header ul {
    margin-right: 35px;
}

.custom-icon {
    margin-left: 7px;
    font-size: 0.65em;
}

.article h4 {
    color: #004085;
    margin-bottom: 5px;
}

.article-type {
    font-size: 0.6875rem;
    letter-spacing: 0.00375rem;
    font-weight: 500;
    display: inline-block;
    margin-top: 3px;
    text-transform: uppercase;
}

.bg-lightgrey {
    background-color: #f7f9fa;
}

.footer-home {
    color: var(--sib-brand-primary);
}

.footer-home p, .footer-home a {
    font-size: 0.875rem;
}

.footer-home ul i {
    font-size: 1.667rem;
    margin-right:8px;
}

.article p {
    margin-bottom: 0; /* Removes default paragraph margin */
    align-items: center;
    display: flex; /* Enables flexbox layout */
}

.nav-item a {
    font-size: 0.8125rem;
}

.fas {
    margin-right: 5px; /* Space between the icon and the text */
}

header {
    background-color: #1a234f;
    border-bottom: 4px solid var(--sib-brand-orange);
}

#selectedGeoEntities {
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.00375rem;
    text-transform: uppercase;
}

.fa-caret-up {
    color: red; /* Color for upward trend */
}

.fa-caret-down {
    color: green; /* Color for downward trend */
}

.fa-arrow-down {
    color: black; /* Color for the arrow on the right */
}

.bg-lightgray {
    background-color: #f7f9fa !important;
}

.carousel-item {
    height: 477px;
}

.carousel-caption a {
    color: white;
    text-decoration: none;
}

footer {
    background-color: var(--sib-brand-primary);
    color: #A0ACC7;
    font-size: 0.7rem;
}

footer a {
    color: #A0ACC7;
    text-decoration: none;
}

footer a:hover {
    color: white;
}

.bg-gray {
    background-color: #f7f9fa;
}

.select2-container {
    margin-bottom: 1.0rem !important;
}

.modal-body img {
    width:100%;
    height: auto;
}

.custom-btn {
    background-color: #e9eef3; /* Light blue-grey background */
    color: var(--sib-brand-primary);
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 500;
    font-size: 0.6875rem;
    text-decoration: none !important;
    align-items: center;
    gap: 0.56rem;
}

.custom-btn-blue {
    background-color: var(--sib-brand-primary); /* SIB orange background */
    color: white;
}

.custom-btn-blue:hover {
    background-color: var(--sib-brand-secondary) !important;
    color: white;
}

.custom-btn-light-blue {
    background-color: #D7E1FA; 
    color: var(--sib-brand-tertiary);

}

.custom-btn-light-blue:hover {
    background-color: #c2d0f6;
    color: var(--sib-brand-tertiary);
}

.custom-btn-big {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.custom-btn:hover {
    background-color: #dfe4e9;
}

.custom-btn .fas {
    transition: transform 0.2s ease;
}

.custom-btn.animate:hover .fas {
    transform: translateX(2px);
}

.custom-btn:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.carousel-caption {
    right:0;
    left:0;
    padding-left: calc(var(--bs-gutter-x)* .5);
    padding-right: calc(var(--bs-gutter-x)* .5);
}

.carousel-caption .nav-item, .country-links .nav-item {
    border-radius: 0.78125rem;
    background:  #DEE5ED;
    display: flex;
    padding: 0.25rem 0.625rem 0.3125rem 0.625rem;
    justify-content: center;
    align-items: center;
    color: var(--sib-brand-primary);
    gap: 0.625rem;
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.carousel .article-type i {
    background-color: white;
}

.carousel-caption .nav-item a, .country-links .nav-item a {
    color: var(--sib-brand-primary);
    text-decoration: none;
}

.carousel-caption .nav-item a:hover {
    color: var(--sib-brand-secondary);
}

.info-box {
    display: flex;
    padding: 0.625rem 0.875rem;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    border-radius: 0.25rem;
    border: 1px dashed #A0ACC7;
    background: #DEE5ED;
}

.info-box a {
    text-decoration: underline;
}

.info-box a:hover {
    text-decoration: none;
}

.jam-icon-calendar {
    width: 0.8125rem;
    height: 0.75rem;
    display: inline-block;
    background-color: #3867E7;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.55 1.83333H10.9V1.16667C10.9 0.798477 10.609 0.5 10.25 0.5C9.89102 0.5 9.6 0.798477 9.6 1.16667V1.83333H4.4V1.16667C4.4 0.798477 4.10899 0.5 3.75 0.5C3.39101 0.5 3.1 0.798477 3.1 1.16667V1.83333H2.45C1.37304 1.83333 0.5 2.72876 0.5 3.83333V10.5C0.5 11.6046 1.37304 12.5 2.45 12.5H11.55C12.627 12.5 13.5 11.6046 13.5 10.5V3.83333C13.5 2.72876 12.627 1.83333 11.55 1.83333ZM12.2 3.83333C12.2 3.46514 11.909 3.16667 11.55 3.16667H10.9V3.83333C10.9 4.20152 10.609 4.5 10.25 4.5C9.89102 4.5 9.6 4.20152 9.6 3.83333V3.16667H4.4V3.83333C4.4 4.20152 4.10899 4.5 3.75 4.5C3.39101 4.5 3.1 4.20152 3.1 3.83333V3.16667H2.45C2.09101 3.16667 1.8 3.46514 1.8 3.83333V5.16667H12.2V3.83333ZM12.2 6.5H1.8V10.5C1.8 10.8682 2.09101 11.1667 2.45 11.1667H11.55C11.909 11.1667 12.2 10.8682 12.2 10.5V6.5Z" fill="%233867E7"/></svg>') no-repeat center / contain;
}

.jam-icon-alert {
    width: 0.8125rem;
    height: 0.8125rem;;
    display: inline-block;
    background-color: #E73846;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0-13a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1zm0 10a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"></path></svg>') no-repeat center / contain;
  }

.jam-icon-crown {
    width: 0.8125rem;
    height: 0.65013rem;
    display: inline-block;
    background-color: #6221CC;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 15"><path d="M2.776 5.106L3.648 11h12.736l.867-5.98-3.493 3.02-3.755-4.827-3.909 4.811-3.318-2.918zm10.038-1.537l-.078.067.141.014 1.167 1.499 1.437-1.242.14.014-.062-.082 2.413-2.086a1 1 0 0 1 1.643.9L18.115 13H1.922L.399 2.7a1 1 0 0 1 1.65-.898L4.35 3.827l-.05.06.109-.008 1.444 1.27 1.212-1.493.109-.009-.06-.052L9.245.976a1 1 0 0 1 1.565.017l2.005 2.576zM2 14h16v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-1z"></path></svg>') no-repeat center / contain;
}

.jam-icon-globe {
    width: 0.8125rem;
    height: 0.8125rem;
    display: inline-block;
    background-color: #14A8D6;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0 2C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10z"></path><path d="M10 18c.448 0 1.119-.568 1.747-1.823C12.532 14.607 13 12.392 13 10c0-2.392-.468-4.607-1.253-6.177C11.119 2.568 10.447 2 10 2c-.448 0-1.119.568-1.747 1.823C7.468 5.393 7 7.608 7 10c0 2.392.468 4.607 1.253 6.177C8.881 17.432 9.553 18 10 18zm0 2c-2.761 0-5-4.477-5-10S7.239 0 10 0s5 4.477 5 10-2.239 10-5 10z"></path><path d="M2 12h16v2H2v-2zm0-6h16v2H2V6z"></path></svg>') no-repeat center / contain;
}

.jam-icon-data {
    width: 0.8125rem;
    height: 0.8125rem;
    display: inline-block;
    background-color: var(--sib-brand-orange);
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20"><path d="M1 0a1 1 0 0 1 1 1v14a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1zm12 4a1 1 0 0 1 1 1v10a1 1 0 0 1-2 0V5a1 1 0 0 1 1-1zM7 8a1 1 0 0 1 1 1v6a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1z"></path></svg>') no-repeat center / contain;
}

.jam-icon-podcast {
    width: 0.8125rem;
    height: 0.8125rem;
    display: inline-block;
    background-color: #34C220;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M8 19.8c-4.564-.927-8-4.962-8-9.8C0 4.477 4.477 0 10 0s10 4.477 10 10c0 4.838-3.436 8.873-8 9.8v-2.052a8 8 0 1 0-4 0V19.8zm0-4.141a6 6 0 1 1 4 0v-2.194a4 4 0 1 0-4 0v2.194zm3-3.927V20H9v-8.268a2 2 0 1 1 2 0z"></path></svg>') no-repeat center / contain;
}
  
.jam-icon-people {
    width: 0.8125rem;
    height: 0.8125rem;
    display: inline-block;
    background-color: #E52598;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 20"><path d="M3.534 11.07a1 1 0 1 1 .733 1.86A3.579 3.579 0 0 0 2 16.26V18a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1.647a3.658 3.658 0 0 0-2.356-3.419 1 1 0 1 1 .712-1.868A5.658 5.658 0 0 1 14 16.353V18a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3v-1.74a5.579 5.579 0 0 1 3.534-5.19zM7 1a4 4 0 0 1 4 4v2a4 4 0 1 1-8 0V5a4 4 0 0 1 4-4zm0 2a2 2 0 0 0-2 2v2a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2zm9 17a1 1 0 0 1 0-2h1a1 1 0 0 0 1-1v-1.838a3.387 3.387 0 0 0-2.316-3.213 1 1 0 1 1 .632-1.898A5.387 5.387 0 0 1 20 15.162V17a3 3 0 0 1-3 3h-1zM13 2a1 1 0 0 1 0-2 4 4 0 0 1 4 4v2a4 4 0 0 1-4 4 1 1 0 0 1 0-2 2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"></path></svg>') no-repeat center / contain;

}

.jam-icon-help-desk {
    width: 1.1rem;
    height: 0.95rem;
    display: inline-block;
    background-color: #223370;
    color: #223370;
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.9375rem;
    letter-spacing: 0.00375rem;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18"><path d="M3 0h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-6.958l-6.444 4.808A1 1 0 0 1 2 18.006V14a2 2 0 0 1-2-2V3a3 3 0 0 1 3-3zm6.378 12H17a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1 1 1 0 0 1 1 1v3.013L9.378 12zM13 9a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM7 9a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"></path></svg>') no-repeat center / contain;
}

.jam-icon-support {
    width: 0.9rem;
    height: 0.9rem;
    display: inline-block;
    background-color: #A0ACC7;
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.9375rem;
    letter-spacing: 0.00375rem;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18"><path d="M3 0h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-6.958l-6.444 4.808A1 1 0 0 1 2 18.006V14a2 2 0 0 1-2-2V3a3 3 0 0 1 3-3zm6.378 12H17a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1 1 1 0 0 1 1 1v3.013L9.378 12zM13 9a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM7 9a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"></path></svg>') no-repeat center / contain;
}

.jam-icon-grid {
    width: 0.93331rem;
    height: 0.93331rem;
    display: inline-block;
    background-color: #A0ACC7;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24"><path d="M2 2v4h4V2H2zm0-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm12 0h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 2v4h4V2h-4zm0 10h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm0 2v4h4v-4h-4zM2 12h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm0 2v4h4v-4H2z"></path></svg>') no-repeat center / contain;
}

.jam-icon-clipboard {
    width: 0.93331rem;
    height: 0.93331rem;
    display: inline-block;
    background-color: #A0ACC7;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -2 24 24"><path d="M5 2v2h4V2H5zm6 0h1a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0 2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2H2v14h10V4h-1zM4 8h6a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 5h6a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"></path></svg>') no-repeat center / contain;
}

.jam-icon-map {
    width: 0.93331rem;
    height: 0.93331rem;
    display: inline-block;
    background-color: #A0ACC7;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24"><path d="M2 17.613l3.419-1.14A5 5 0 0 1 6 16.317V2.387L2 3.721v13.892zm-.662 2.328A1 1 0 0 1 0 19V3a1 1 0 0 1 .706-.956L5.419.473a5 5 0 0 1 3.162 0l3.47 1.157a3 3 0 0 0 1.898 0L18.662.059A1 1 0 0 1 20 1v16a1 1 0 0 1-.706.956l-4.713 1.571a5 5 0 0 1-3.162 0l-3.47-1.157a3 3 0 0 0-1.898 0l-4.713 1.571zM18 16.28V2.387l-3.419 1.14a5 5 0 0 1-.581.156v13.93l4-1.334zm-6 1.334V3.683a5 5 0 0 1-.581-.156L8 2.387v13.93a5 5 0 0 1 .581.156L12 17.613z"></path></svg>') no-repeat center / contain;
}

.jam-icon-data-header {
    width: 0.93331rem;
    height: 0.93331rem;
    display: inline-block;
    background-color: #A0ACC7;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24"><path d="M3 12a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H3zm0-2a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3 3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3zm0-8a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3zm2 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm3 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 10a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-3 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"></path></svg>') no-repeat center / contain;
}

.jam-icon-user {
    width: 0.93331rem;
    height: 0.93331rem;
    display: inline-block;
    background-color: #A0ACC7;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24"><path d="M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0-14a4 4 0 0 1 4 4v2a4 4 0 1 1-8 0V8a4 4 0 0 1 4-4zm0 2a2 2 0 0 0-2 2v2a2 2 0 1 0 4 0V8a2 2 0 0 0-2-2zM5.91 16.876a8.033 8.033 0 0 1-1.58-1.232 5.57 5.57 0 0 1 2.204-1.574 1 1 0 1 1 .733 1.86c-.532.21-.993.538-1.358.946zm8.144.022a3.652 3.652 0 0 0-1.41-.964 1 1 0 1 1 .712-1.868 5.65 5.65 0 0 1 2.284 1.607 8.032 8.032 0 0 1-1.586 1.225z"></path></svg>') no-repeat center / contain;
}

header .nav-item:hover i {
    background-color: white;
}
header .nav-item:hover a {
    color: white;
}

i.active {
    background-color: white;
}

ul.list-inline li a .fa-brands {
    font-size: 1.6em;
}

.country-table td, .country-table th {
    font-size: 0.6875rem;
}

.country-table th, .country-table td {
    vertical-align: middle;
    text-align: center;
}

.country-table td:nth-child(2) {
    text-align: left;
}

.country-table span.fi {
 
    width: 1.875rem;
    height: 1rem;
}

.country-table td:nth-child(3), .country-table td:nth-child(5) {
    background: #F7F9FA;
}

.country-table td:nth-child(2) {
    width: 180px;
}

.country-table td {
    padding: 0.25rem;
}

.country-table tr {
    border-bottom: transparent;
}

.country-table thead tr:last-child {
    border-bottom: 1px solid #D3D6E2;
}

.country-table tbody tr:last-child {
    border-bottom: 2px solid rgba(211, 214, 226, 0.2); /* #D3D6E2 */
}

.clear-search {
    color: var(--sib-brand-tertiary);
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
}

#search-form-controls {
    width: 308px;
}

#search-form-controls h4 {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 600;
    color: var(--sib-brand-secondary);
}

.select2-container .select2-selection__placeholder {
    color: #9B9FB1 !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
}

#search-form-controls input::placeholder {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 600;
    color: #9B9FB1 !important;
}

#search-form-controls input.datepicker::placeholder {
    padding-left:0.5rem;
}

#search-report-types span {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 600;
    color: var(--sib-brand-tertiary);
}

#no-results {
    display: flex;
    padding: 1.25rem 0.875rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 600;
    color: var(--sib-brand-secondary);
    background-color: var(--sib-brand-light);
    border-radius: 0.25rem;
}

#more-countries {
    border-radius: 0.78125rem;
    border: 1px solid var(--sib-brand-light);
    background-color: transparent;
}

.nav-tabs .nav-link {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    color: #A0ACC7;
}

.nav-tabs .nav-link.active {
    border-color: transparent;
    border-bottom: 2px solid var(--sib-brand-orange);
    color: var(--sib-brand-tertiary);
    background-color: transparent;
}

.nav-tabs .nav-link.active:hover {
    border-color: transparent;
    border-bottom: 2px solid var(--sib-brand-orange);
}

.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.info-panel {
    display: flex;
    padding: 1.25rem 1.4rem;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 0.8125rem;
    border: 1px solid #DEE5ED;
}

.min-height-125 {
    min-height: 12.5rem;
}

.info-panel a {
    margin-top: auto;
}

.accordion {
    background-color: transparent;
}

.accordion-item {
    border:none;
    border-bottom: 1px solid #DEE5ED;
    background-color: transparent;
    border-radius: 0;
}

.accordion-item:last-of-type {
    border-radius: 0;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: black;
}

.accordion-button {
    background-color: transparent;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0;
}

.accordion-header button {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    color: var(--sib-brand-tertiary);
}

.accordion-button:not(.collapsed)::after {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-6%20-6%2024%2024%22%20width%3D%2228%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M7.314%205.9l3.535-3.536A1%201%200%201%200%209.435.95L5.899%204.485%202.364.95A1%201%200%201%200%20.95%202.364l3.535%203.535L.95%209.435a1%201%200%201%200%201.414%201.414l3.535-3.535%203.536%203.535a1%201%200%201%200%201.414-1.414L7.314%205.899z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.accordion-button::after {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-4.5%20-4.5%2024%2024%22%20width%3D%2228%22%20fill%3D%22%231a234f%22%3E%3Cpath%20d%3D%22M8.9%206.9v-5a1%201%200%201%200-2%200v5h-5a1%201%200%201%200%200%202h5v5a1%201%200%201%200%202%200v-5h5a1%201%200%201%200%200-2h-5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.accordion-button small {
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 600;
    color: var(--sib-brand-tertiary);
}

.table>:not(caption)>*>* {
    box-shadow: none;
    border-bottom: none;
}

.table-striped>tbody>tr:nth-of-type(even)>* {
    background-color: #F7F9FA;
}

.rubric-header {
    border-top-left-radius: 0.4375rem;
    border-top-right-radius: 0.4375rem;
    border-bottom: 1px solid #DEE5ED;
}

.rubric-body {
    border-bottom-left-radius: 0.4375rem;
    border-bottom-right-radius: 0.4375rem;
}

.support-page p, .support-page small, .support-page td:nth-child(2) {
    color: var(--sib-brand-tertiary);
}

.btn-primary {
    height: 2.5rem;
    background-color: var(--sib-brand-primary) !important;
    border: none !important;
    font-size: 0.8125rem !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.00444rem;
}

.btn-primary:hover {
    background-color: var(--sib-brand-secondary) !important;
}

a.btn-primary {
   line-height: 1.7rem;
}

.btn-secondary {
    height: 2.5rem;
    background-color: #D7E1FA !important;
    color: var(--sib-brand-tertiary) !important;
    border: none !important;
    font-size: 0.8125rem !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.00444rem;
}

.btn-secondary:hover {
    background-color: #b2c6f8 !important;
}

a.btn-secondary {
   line-height: 1.7rem;
}

.icon-indicator-up {
    width: 0.625rem;
    height: 0.625rem;
    display: inline-block;
    background-color: #E73846;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 0L10 10H0L5 0Z" /></svg>') no-repeat center / contain;
}

.icon-indicator-down {
    width: 0.625rem;
    height: 0.625rem;
    display: inline-block;
    background-color: #34C220;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 10L10 0H0L5 10Z" /></svg>') no-repeat center / contain;
}

.text-neutral {
    color: #A0ACC7;
}

#mobile-menu {
    color: var(--Blue-4, #030338);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Open Sans";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3125rem; /* 140% */
    letter-spacing: 0.00513rem; 
}

#mobile-menu a {
    text-decoration: none;
}

.offcanvas {
    width: 300px !important;
}

#carousel-controls-container {
    display: inline-flex;
    padding: 0.15rem 0.2rem;
    align-items: center;
    border-radius: 0.25rem;
    background: #DEE5ED;
}

#carousel-controls-container a {
    font-size: 0.6875rem;
    font-weight: 600;
}

#carousel-icon-prev {
    width: 0.31956rem;
    height: 0.55475rem;
    display: inline-block;
    background-color: var(--sib-brand-primary);
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9"><path d="M1.60919 4.49182L4.90919 7.79182C5.0825 7.9592 5.152 8.20707 5.09099 8.44016C5.02998 8.67324 4.84795 8.85527 4.61486 8.91628C4.38178 8.97729 4.13391 8.90779 3.96652 8.73449L0.195191 4.96315C-0.0650637 4.70282 -0.0650637 4.28082 0.195191 4.02049L3.96652 0.249153C4.22811 -0.00349508 4.64391 0.000118151 4.90107 0.257274C5.15823 0.51443 5.16184 0.930234 4.90919 1.19182L1.60919 4.49182Z" /></svg>') no-repeat center / contain;
}

#carousel-icon-next {
    width: 0.31956rem;
    height: 0.55475rem;
    display: inline-block;
    background-color: var(--sib-brand-primary);
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9"><path d="M3.59993 4.50012L0.299934 1.20012C0.0472862 0.938535 0.0508994 0.522731 0.308055 0.265575C0.565211 0.00841893 0.981015 0.0048057 1.2426 0.257454L5.01393 4.02879C5.27419 4.28912 5.27419 4.71112 5.01393 4.97145L1.2426 8.74279C0.981015 8.99544 0.565211 8.99182 0.308055 8.73467C0.0508994 8.47751 0.0472862 8.06171 0.299934 7.80012L3.59993 4.50012Z" /></svg>') no-repeat center / contain;
}

.article-icon-camera {
    width: 1.0rem;
    height: 1.0rem;
    display: inline-block;
    background-color: white;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -6 24 24" width="28"><path d="M4 2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4zm9.98 1.605L16 1.585A2 2 0 0 1 17.414 1H18a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-.586A2 2 0 0 1 16 10.414l-2.02-2.019A4 4 0 0 1 10 12H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h6a4 4 0 0 1 3.98 3.605zM17.415 9H18V3h-.586l-3 3 3 3zM5 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"></path></svg>') no-repeat center / contain;

}

.article-icon-users {
    width: 0.8rem;
    height: 0.8rem;
    display: inline-block;
    background-color: white;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -1.5 24 24" width="28"><path d="M3.534 11.07a1 1 0 1 1 .733 1.86A3.579 3.579 0 0 0 2 16.26V18a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1.647a3.658 3.658 0 0 0-2.356-3.419 1 1 0 1 1 .712-1.868A5.658 5.658 0 0 1 14 16.353V18a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3v-1.74a5.579 5.579 0 0 1 3.534-5.19zM7 1a4 4 0 0 1 4 4v2a4 4 0 1 1-8 0V5a4 4 0 0 1 4-4zm0 2a2 2 0 0 0-2 2v2a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2zm9 17a1 1 0 0 1 0-2h1a1 1 0 0 0 1-1v-1.838a3.387 3.387 0 0 0-2.316-3.213 1 1 0 1 1 .632-1.898A5.387 5.387 0 0 1 20 15.162V17a3 3 0 0 1-3 3h-1zM13 2a1 1 0 0 1 0-2 4 4 0 0 1 4 4v2a4 4 0 0 1-4 4 1 1 0 0 1 0-2 2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"></path></svg>') no-repeat center / contain;
}

.icon-chevron {
    width: 0.75rem;
    height: 0.75rem;
    display: inline-block;
    background-color: #030338;
    mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -1 6 11"><path d="M3.9469 5.00008L0.646901 1.70008C0.473597 1.5327 0.404093 1.28483 0.465103 1.05174C0.526114 0.818656 0.708144 0.636626 0.94123 0.575616C1.17432 0.514606 1.42219 0.584109 1.58957 0.757414L5.3609 4.52875C5.62116 4.78908 5.62116 5.21108 5.3609 5.47141L1.58957 9.24275C1.42219 9.41605 1.17432 9.48556 0.94123 9.42455C0.708144 9.36353 0.526114 9.1815 0.465103 8.94842C0.404093 8.71533 0.473597 8.46746 0.646901 8.30008L3.9469 5.00008Z" /></svg>') no-repeat center / contain;
}

.icon-chevron-down {
    width: 0.75rem;
    height: 0.75rem;
    display: inline-block;
    background-color: #030338;
    mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 0 11 6"><path d="M4.99992 3.94739L8.29992 0.64739C8.4673 0.474085 8.71517 0.404581 8.94826 0.465592C9.18134 0.526602 9.36337 0.708632 9.42438 0.941718C9.48539 1.1748 9.41589 1.42267 9.24259 1.59006L5.47125 5.36139C5.21092 5.62164 4.78892 5.62164 4.52859 5.36139L0.757253 1.59006C0.583949 1.42267 0.514445 1.1748 0.575455 0.941718C0.636465 0.708632 0.818495 0.526602 1.05158 0.465592C1.28467 0.404581 1.53254 0.474085 1.69992 0.64739L4.99992 3.94739Z" /></svg>') no-repeat center / contain;    
}

.icon-chevron {
    transition: transform 0.3s ease-in-out;
}

.icon-rotated {
    transform: rotate(90deg);
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 5rem;
    height: 0.25rem;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(160, 172, 199, 0.5); /* Updated to use rgba */
    background-clip: padding-box;
    border: 0;
    border-radius: 0.625rem;
    transition: opacity .6s ease;
    position: relative;
}

.carousel-indicators [data-bs-target] .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #ffffff;
    transition: width 0s linear;
    transform-origin: left;
    border-radius: 0.625rem;
}

@media (max-width: 600px) {
    .carousel-title {
        /*
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        */
        font-size: 1.3rem;
        line-height: 1.5rem;
    }

    .carousel-indicators [data-bs-target] {
        width:2.0rem;
    }

    .carousel-item {
        height: 277px;
    }

    .carousel-caption {
        bottom: 0.2rem;
    }
}

.article {
    position: relative;
}

.article-icon {
    width: 1.37rem;
    height: 1.37rem;
    border-radius: 1.37rem;
    background-color: var(--sib-brand-primary);
    position: absolute;
    z-index: 2;
    left:2.6rem;
    top:-0.2rem;
}

.article-info {
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 3.5rem;
    border: 1px solid #D3D6E2;
    align-items: center;
    justify-content: center;
}

.article-info {
    color: var(--sib-brand-primary);
}

.article-info .day {
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3rem;
    padding-top: 0.4rem;
}

.article-info .month {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 600;
}

.article .type {
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 600;
    color: var(--sib-brand-secondary);
}

.btn-warning {
    background-color: var(--sib-brand-orange) !important;
}

.btn-warning:hover {
    background-color: #ed9128 !important;
}

.partial-checked {
    border:2px solid #0d6efd;
}
