/* ****************
/* Styles BTT
/* Author: Heiko Goeb - cycro digital solutions
/* Version: 1.0
/* ****************
*/
:root {
--textColor: rgb(4, 39, 75);
--textColorLight: rgb(255, 255, 255);
}
html, body {
overflow: hidden;
scroll-behavior: smooth;
padding: 0 !important;
margin: 0 !important;
width: 100vw;
height: 100vh;
}
@supports (width: -webkit-fill-available) {
html, body {
width: -webkit-fill-available;
height: -webkit-fill-available;
}
}
body {
background-color: rgb(255, 255, 255);
font-family: "EncodeSans", "Verdana", sans-serif;
font-size: 23px;
font-weight: 300;
color: rgb(4, 39, 75);
line-height: 1.55rem;
letter-spacing: 0.03rem;
hyphens: auto;
hyphenate-limit-chars: 3;
text-size-adjust: none;
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
font-synthesis: none;
}
body.phone, body.tablet {
overflow-x: hidden;
overflow-y: auto;
}
body:has(.header-infobox.open .header-menu.open) {
overflow: hidden;
}
body.noscroll {
overflow: hidden;
}
.wrapper {
padding: 0;
margin: 0;
height: 100vh;
width: 100vw;
overflow: hidden;
}
@supports (max-width: -webkit-fill-available) {
.wrapper {
max-width: -webkit-fill-available;
max-height: -webkit-fill-available !important;
}
}
:is(body.phone, body.tablet) .wrapper {
overflow-x: hidden;
overflow-y: auto;
}
.row {
--bs-gutter-x: 4.2rem;
margin: 0;
}
.bgr-image {
width: 100%;
}
/* ****************
/* TYPOGRAPHIE
/* ****************
*/
.font-primary {
font-family: "EncodeSans", "Verdana", sans-serif;
}
.font-secondary {
font-family: "Madena", Georgia, Garamond, serif;
font-size: 1.2rem;
line-height: 1.7rem;
}
.font-secondary-italic {
font-family: "MadenaOblique", Georgia, Garamond, serif !important;
font-style: italic;
}
.text-italic {
font-style: italic;
}
.textbox-emphasized {
position: relative;
padding-bottom: 2.7rem;
}
.textbox-emphasized .subline + br {
display: none;
}
.textbox-emphasized::before {
content: "";
display: block;
position: absolute;
left: -39px;
width: 14px;
height: 100%;
background-color: currentColor;
}
h1, .h1, .htag1 {
font-size: 3rem;
line-height: 3.2rem;
color: rgb(4, 39, 75);
font-weight: 600;
margin: 0;
margin-bottom: 1.5rem;
}
h1 .font-secondary, .h1 .font-secondary, .htag1 .font-secondary {
font-size: 3.21rem;
line-height: 3.51rem;
}
h2, .h2, .htag2 {
font-size: 1.65rem;
line-height: 1.95rem;
color: rgb(4, 39, 75);
font-weight: 600;
margin: 0;
}
h2 + :is(h2, h3, h4, h5, h6), .h2 + :is(h2, h3, h4, h5, h6), .htag2 + :is(h2, h3, h4, h5, h6) {
margin-top: 0.51rem;
}
h3, .h3, .htag3 {
font-size: 1.3rem;
line-height: 1.81rem;
color: rgb(4, 39, 75);
font-weight: 600;
margin: 0;
}
h3 + :is(h3, h4, h5, h6), .h3 + :is(h3, h4, h5, h6), .htag3 + :is(h3, h4, h5, h6) {
margin-top: 0.51rem;
}
h4, h5, h6, .h4, .h5, .h6, .htag4, .htag5, .htag6,
.subline {
font-size: 1rem;
line-height: 1.51rem;
color: rgb(4, 39, 75);
font-weight: 600;
letter-spacing: 0.02rem;
margin: 0;
}
h4 + :is(h4, h5, h6), h5 + :is(h4, h5, h6), h6 + :is(h4, h5, h6), .h4 + :is(h4, h5, h6), .h5 + :is(h4, h5, h6), .h6 + :is(h4, h5, h6), .htag4 + :is(h4, h5, h6), .htag5 + :is(h4, h5, h6), .htag6 + :is(h4, h5, h6),
.subline + :is(h4, h5, h6) {
margin-top: 0.51rem;
}
h5, .h5, .htag5 {
color: rgb(4, 39, 75);
}
h6, .h6, .htag6 {
color: rgb(4, 39, 75);
}
.subline {
display: block;
font-variation-settings: "wght" 700;
margin-bottom: 0.5rem;
}
*:not(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6) {
margin-top: 1.2rem;
}
b, strong {
font-variation-settings: "wght" 700;
color: inherit;
}
span {
font-size: inherit;
font-style: inherit;
font-weight: inherit;
color: inherit;
}
p {
/* &:is(h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p) {
margin-top: 1.5rem;
}
& + :is(h1, h2, h3 ,h4, h5 ,h6) {
margin-bottom: 1.5rem;
}
+ :is(p, table, tbody, thead, ul, ol, dl) {
margin-top: .9rem;
}*/
}
p :is(a, span) {
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
/*
p + h2, ul + h2 {
margin-top: 3rem!important;
}
p + h3, ul + h3 {
margin-top: 2rem!important;
}
p + h4 {
margin-top: 1.1rem;
margin-bottom: 0.14rem;
}
h4 + p { margin-top: 0!important; }
p + p,
* + h5,
* + h6
{ margin-top: .6rem; }
*/
.content .content-segment {
max-width: 80ch;
}
.content p {
padding-bottom: 2px;
}
.content :is(p, table, tbody, thead, ul, ol, dl) {
font-size: 1rem;
line-height: 1.5rem;
color: inherit;
font-weight: 400;
text-size-adjust: none;
margin: 0px;
margin-bottom: 0.9rem;
}
.content :is(h1, h2, h3, h4, h5, h6) + :is(p, table, tbody, thead, ul, ol, dl) {
margin-top: 1.2rem;
}
.content hr {
visibility: hidden;
margin: 2rem 0 0 0;
}
.content table {
width: 100%;
border: 0;
}
.content .table-wrap {
overflow: auto;
}
.content .table-wrap table thead :first-child, .content .table-wrap table tr :first-child {
position: sticky;
left: 0;
}
.it-last-change {
display: none;
}
p.copyright {
margin-bottom: 0;
}
.claim {
color: rgb(4, 39, 75);
font-weight: 600;
text-transform: lowercase;
line-height: 1rem;
}
.claim strong {
font: inherit;
font-weight: inherit !important;
color: rgb(0, 79, 158);
}
@media (min-width: 992px) {
html, body {
font-size: 21px;
}
p, table, tbody, thead, ul, ol, dl {
font-size: 1rem;
line-height: 1.51rem;
font-weight: 400;
}
.font-secondary {
font-family: "Madena", Georgia, Garamond, serif;
font-size: 1.2rem;
line-height: 1.5rem;
}
h1, .h1, .h1tag {
font-size: 3rem;
line-height: 3.51rem;
}
h1 .font-secondary, .h1 .font-secondary, .h1tag .font-secondary {
font-size: 3.21rem;
line-height: 3.51rem;
}
h2, .h2, .htag2 {
font-size: 1.65rem;
line-height: 1.95rem;
}
h3, .h3, .htag3 {
font-size: 1.3rem;
line-height: 1.81rem;
}
h4, h5, h6, .htag4, .htag5, .htag6 {
font-size: 1rem;
line-height: 1.51rem;
}
}
header {
z-index: 1000000;
display: flex;
position: relative;
width: -webkit-fill-available;
}
header .header-menu-container {
position: fixed;
display: grid;
top: 0;
right: 0;
width: 18%;
max-width: 280px;
aspect-ratio: 1/1;
grid-template: "logo logo a" 37.5% "logo logo a" 37.5% "b b hamburger" 25%/37.5% 37.5% 25%;
background-color: transparent;
transition: all 0.23s cubic-bezier(0.25, 0.46, 0.45, 0.94);
/*height: fit-content;
width: fit-content;*/
}
@media (max-width: 991px) {
header .header-menu-container {
width: 33%;
max-width: unset;
}
}
@media (max-width: 767px) {
header .header-menu-container {
width: 39%;
}
}
header .header-menu-container .header-menu-logo {
grid-area: logo;
aspect-ratio: 1/1;
background-color: rgb(255, 255, 255);
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
background-size: 84%;
background-position: center 1.2rem;
}
header .header-menu-container .header-menu-logo a {
display: block;
height: 100%;
}
header .header-menu-container .header-menu-hamburger {
grid-area: hamburger;
aspect-ratio: 1/1;
background-color: rgb(223, 237, 116);
transition: all 0.23s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
header .header-menu-container .header-menu-hamburger .header-menutoggle-wrapper {
container-type: inline-size;
height: 100%;
width: 100%;
}
header .header-menu-container .header-menu-hamburger .btn-hamburger {
position: relative;
margin: 0;
padding: 0;
display: flex;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
color: rgb(255, 255, 255);
font-size: 45cqi;
}
header .header-menu-container .header-menu-hamburger .btn-hamburger:focus, header .header-menu-container .header-menu-hamburger .btn-hamburger:active {
box-shadow: none;
outline: 0;
}
header .header-menu-container .header-menu-hamburger .btn-hamburger i {
position: absolute;
transition: opacity 0.23s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.23s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
header .header-menu-container .header-menu-hamburger .btn-hamburger i.opened {
opacity: 0;
transform: scaleX(0) rotate(-45deg);
}
header .header-menu-container .header-menu-hamburger:hover {
background-color: rgb(230, 88, 100) !important;
cursor: pointer;
}
header.show .header-menu-container {
transform: translateY(0) !important;
}
header.show .header-menu-container .header-menu-hamburger {
background: rgb(0, 79, 158);
}
header.show .header-menu-container .header-menu-hamburger .btn-hamburger i.closed {
opacity: 0;
transform: scaleX(0);
}
header.show .header-menu-container .header-menu-hamburger .btn-hamburger i.opened {
opacity: 1;
transform: scaleX(1) rotate(0);
}
header.sticky .header-menu-container {
transform: translateY(-69%);
}
#toolsBox {
/* z-index: 9000;
position: fixed;
top: 0rem; */
width: inherit;
max-width: 100vw;
max-height: 0;
height: max-content;
overflow: hidden;
transition: max-height 0.55s cubic-bezier(0.16, 1, 0.3, 1);
transform-origin: top center;
/* @media (min-width:1400px) {
scrollbar-gutter: stable both-edges;
}*/
}
#toolsBox.open {
max-height: 17vh;
transition: max-height 0.55s cubic-bezier(0.16, 0.2, 0.3, 1);
}
#toolsBox .tools-wrapper {
margin: 0;
}
#toolsBox .tools-wrapper li {
list-style-type: none;
}
#toolsBox .tools-wrapper ul, #toolsBox .tools-wrapper li, #toolsBox .tools-wrapper span {
display: flex;
color: rgb(4, 39, 75);
}
#toolsBox .tools-wrapper .days {
display: block;
width: auto;
}
#toolsBox .tools-wrapper .tools-item {
display: flex;
align-items: center;
justify-content: center;
position: inherit;
top: 0;
left: 0;
height: max-content;
width: 60%;
margin: 0 auto;
padding: 2.1rem 0 0 0;
background: transparent;
}
@media (max-width: 991px) {
#toolsBox .tools-wrapper .tools-item {
width: 81%;
}
}
.breadcrumb-container {
display: none;
position: fixed;
top: 0;
left: 6vw;
margin-top: 4px;
backdrop-filter: blur(20px);
z-index: 5000;
--background-link: rgba(255, 255, 255, 0.84);
--background-link-hover: white;
--background-link-transition: all .23s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.breadcrumb-wrapper .breadcrumb-list {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 0;
width: fit-content;
margin: 0;
padding: 0;
}
.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item {
display: inline-flex;
flex-direction: row;
align-items: center;
margin-left: -8px;
padding: 0.09rem 27px;
font-size: 0.66rem;
font-weight: 300;
text-transform: uppercase;
white-space: nowrap;
clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%);
background: var(--background-link);
transition: var(--background-link-transition);
}
@media (max-width: 991px) {
.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item {
font-size: 0.87rem;
line-height: 0.87rem;
}
}
.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item.first-item:not(:only-child) {
clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
padding-left: 15px;
}
.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item.last-item:not(:only-child) {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12px 50%);
padding-right: 15px;
}
.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item:only-child {
clip-path: none;
padding: 0.09rem 15px;
}
.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item::before {
content: none;
}
.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item .breadcrumb-link {
display: flex;
align-items: center;
height: 1rem;
font: inherit;
text-transform: inherit;
}
.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item .breadcrumb-link a {
font: inherit;
color: inherit;
text-decoration: none;
text-transform: inherit;
}
.breadcrumb-wrapper .breadcrumb-list .breadcrumb-item:not(.last-item):hover {
background-color: var(--background-link-hover);
}
@media (min-width: 768px) {
.breadcrumb-container {
display: block;
}
}
@property --segment-size {
syntax: "";
inherits: false;
initial-value: 0%;
}
.mainmenu-container {
--colorLink: rgba(4, 39, 75, 0.4);
--colorLinkHover: #04274b;
--colorLinkSelected: rgb(0, 79, 158);
--l2MarkerSize: 15px;
--gapTools: 1.5rem;
display: block;
pointer-events: none;
position: absolute;
z-index: -1;
overflow-x: hidden;
overflow-y: auto;
top: -100vh;
width: 100%;
height: 100vh;
background-color: rgb(223, 237, 116);
opacity: 0;
--initial-segment-size: 24%;
--segment-size: var(--initial-segment-size);
mask-image: repeating-linear-gradient(180deg, transparent, transparent var(--segment-size), #000 var(--segment-size), #000 var(--initial-segment-size));
transition: --segment-size 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease-out, top 0.4s 0.6s;
}
.mainmenu-container.show {
--segment-size: 0%;
pointer-events: all;
opacity: 1;
top: 0;
transition: --segment-size 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease-out;
}
.mainmenu-container .row > .col-12 {
padding: 0;
}
.mainmenu-container .container {
max-width: 100vw;
}
@media (max-width: 991px) {
.mainmenu-container .container {
max-width: 99vw;
}
}
.mainmenu-container .menu-wrapper {
display: grid;
grid-template: "metamenu" max-content "tools" max-content "mainmenu" 1fr "topiclinks" max-content/1fr;
align-content: stretch;
gap: 0;
height: 100%;
}
.mainmenu-container .metamenu {
padding-top: 3.9rem;
}
.mainmenu-container .mainmenu {
position: relative;
margin-top: 3.9rem;
}
.mainmenu-container .mainmenu::before {
content: "MENU";
display: block;
position: absolute;
top: 0;
left: 0;
height: 15ch;
margin-top: 0.21rem;
padding: 25px 1px 4px 1px;
background-color: rgb(4, 39, 75);
color: rgb(223, 237, 116);
font-size: 12px;
font-variation-settings: "wght" 700;
writing-mode: tb;
line-height: normal;
text-align: end;
transform: rotate(180deg);
}
.mainmenu-container .mainmenu .mainmenu-wrapper {
display: grid;
grid-template: "level0 level1"/max-content max-content;
align-content: start;
}
.mainmenu-container .mainmenu .navbar {
align-items: flex-start;
padding: 0;
}
.mainmenu-container .mainmenu .navbar-nav {
gap: 0.9rem;
margin-left: 6.6rem;
}
.mainmenu-container .mainmenu li {
display: flex;
flex-direction: row;
align-items: center;
color: var(--colorLink);
transition: all 0.23s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.mainmenu-container .mainmenu li:hover, .mainmenu-container .mainmenu li.show {
color: var(--colorLinkHover);
}
.mainmenu-container .mainmenu li.selected {
color: var(--colorLinkSelected);
}
.mainmenu-container .mainmenu li.dropdown-toggle::after {
display: none;
}
.mainmenu-container .mainmenu li a {
padding: 0;
}
.mainmenu-container .mainmenu li.cat_level_2::before {
content: "";
display: block;
width: var(--l2MarkerSize);
height: var(--l2MarkerSize);
border-radius: 50%;
overflow: hidden;
margin-top: -9px;
margin-right: 2ch;
background-color: currentColor;
opacity: 0;
transition: inherit;
}
.mainmenu-container .mainmenu li.cat_level_2:where(:hover, .selected, .show)::before {
opacity: 1;
}
.mainmenu-container .mainmenu li a {
font-family: "Madena", Georgia, Garamond, serif;
font-size: 2.4rem;
line-height: 2.7rem;
color: inherit;
text-decoration: none;
transition: inherit;
}
@media (max-width: 991px) {
.mainmenu-container .mainmenu li a {
font-size: 2.4rem;
line-height: 2.7rem;
}
}
.mainmenu-container .mainmenu .level2 .navbar-nav {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: max-content;
opacity: 0;
transition: all 0.34s ease-in-out;
}
.mainmenu-container .mainmenu .level2 .navbar-nav.show {
opacity: 1;
pointer-events: all;
}
.mainmenu-container .mainmenu .level2 .navbar-nav.selected.show {
opacity: 1;
pointer-events: all;
}
.mainmenu-container .mainmenu .level2 .navbar-nav.selected > li {
color: rgb(0, 79, 158);
}
.mainmenu-container .mainmenu .level2 li a {
font-family: "EncodeSans", "Verdana", sans-serif;
font-size: 1.26rem;
line-height: 1.56rem;
text-decoration: none;
color: inherit;
transition: inherit;
}
@media (max-width: 991px) {
.mainmenu-container .mainmenu .level2 li a {
font-size: 1.32rem;
line-height: 1.62rem;
}
}
.mainmenu-container .newstopics {
position: relative;
align-self: end;
min-height: 8.4rem;
}
.mainmenu-container .newstopics::before {
content: "TOPICS";
display: block;
position: absolute;
top: 0;
left: 0;
height: 15ch;
margin-top: 0.72rem;
padding: 25px 1px 4px 1px;
background-color: rgb(4, 39, 75);
color: rgb(223, 237, 116);
font-size: 12px;
font-variation-settings: "wght" 700;
writing-mode: tb;
line-height: normal;
text-align: end;
transform: rotate(180deg);
}
.mainmenu-container .legallinks {
margin-right: 2rem;
}
.mainmenu-container .legallinks a {
text-decoration: none;
color: rgb(4, 39, 75);
font-size: 0.72rem;
line-height: 1.23rem;
font-variation-settings: "wght" 600;
}
@media (max-width: 991px) {
.mainmenu-container .legallinks a {
font-size: 0.87rem;
line-height: 1.38rem;
}
}
.mainmenu-container .toolbar {
gap: var(--gapTools);
}
.mainmenu-container .toolbar .tools-sociallinks {
gap: var(--gapTools);
}
.mainmenu-container .toolbar .tools-spacer {
display: none;
}
article.content {
z-index: 0;
position: relative;
}
article.content .content-segment {
display: flex;
flex-direction: column;
gap: 0;
}
article.content > section {
padding: 15rem 0 18rem 0;
background: rgb(255, 255, 255);
}
article.content > section .content-segment {
padding-bottom: 3.75rem;
}
article.content > section .content-segment:last-child {
padding-bottom: 0;
}
article.content .article-header {
--slidePosStart: -260px;
--slideOpacityStart: 0;
opacity: var(--slideOpacityStart);
animation: lazySlide 0.65s ease-out forwards;
min-height: 80vh;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10.5rem), 0 100%);
background: linear-gradient(to right, rgba(200, 185, 160, 0.8) 50.1%, rgba(200, 185, 160, 0) 50.1001%) no-repeat, rgb(200, 185, 160) var(--bgDesktop) no-repeat;
background-size: cover;
background-position: center;
}
@media (max-width: 991px) {
article.content .article-header {
min-height: 84vh;
background: linear-gradient(to right, rgba(200, 185, 160, 0.8) 53.1%, rgba(200, 185, 160, 0) 53.1001%) no-repeat, rgb(200, 185, 160) var(--bgDesktop) center/cover no-repeat;
}
}
@media (max-width: 767px) {
article.content .article-header {
background: linear-gradient(172deg, rgba(201, 198, 171, 0) 36%, rgb(201, 198, 171) 36.1%) no-repeat, rgb(200, 185, 160) var(--bgMobile, --bgDesktop) center top/auto no-repeat;
}
}
article.content .article-header .header-background {
z-index: -1;
position: absolute;
mask: linear-gradient(to right, rgba(0, 0, 0, 0.2) 50.1%, #000 50.1001%) no-repeat;
}
article.content .article-header .header-background .header-background-image {
width: 100vw;
min-height: 100%;
margin: 0;
}
article.content .article-header section {
display: flex;
align-items: center;
min-height: inherit;
padding: 10rem 0 12rem 0;
background: transparent;
}
@media (max-width: 991px) {
article.content .article-header section {
padding: 8.3333333333rem 0 10rem 0;
}
}
@media (max-width: 767px) {
article.content .article-header section {
padding: 31.5rem 0 10rem 0;
}
}
article.content .article-header section .container {
max-width: 93vw;
}
@media (max-width: 991px) {
article.content .article-header section .container {
max-width: 98vw;
}
}
article.content .article-header section .content-segment {
padding-bottom: 3.75rem;
}
@media (max-width: 767px) {
article.content .article-header section .content-segment {
padding-bottom: 2.1rem;
}
}
article.content .article-header section .content-segment:last-child {
padding-bottom: 0;
}
article.content .article-header section .content-segment :not(h1, h2, h3, h4, h5, h6, .subline, .textbox-emphasized *) {
font-family: "Madena", Georgia, Garamond, serif;
font-size: 1.26rem;
line-height: 1.56rem;
}
.content {
--boxAngleTop: 0;
--boxAngleBottom: 0;
--boxMarginTop: 0;
}
.content .colorbox {
--slidePosStart: 170px;
--slideOpacityStart:0;
opacity: var(--slideOpacityStart);
animation: lazySlide 0.65s 0.05s ease-out forwards;
}
.content .colorbox > section {
padding-bottom: 3.75rem;
background: transparent;
}
.content .colorbox > section:first-child {
padding-top: 15rem;
}
.content .colorbox > section:last-child {
padding-bottom: 18rem;
}
.content .colorbox > section .content-segment {
padding-bottom: 3.75rem;
}
.content .colorbox > section .content-segment :last-child {
padding-bottom: 0;
}
.content > :is(.colorbox) {
clip-path: polygon(0 var(--boxAngleTop), 100% 0, 100% 100%, 0 calc(100% - var(--boxAngleBottom)));
margin-top: calc(-10.5rem - 2px);
}
.content > :is(.colorbox, section):nth-child(even) {
--boxAngleTop: 10.5rem;
--boxAngleBottom: 8.8rem;
clip-path: polygon(0 var(--boxAngleTop), 100% 0, 100% 100%, 0 calc(100% - var(--boxAngleBottom)));
margin-top: calc(-1 * var(--boxAngleTop) - 2px);
}
.content > :is(.colorbox, section):nth-child(odd) {
--boxAngleTop: 8.8rem;
--boxAngleBottom: 10.5rem;
clip-path: polygon(0 0, 100% var(--boxAngleTop), 100% calc(100% - var(--boxAngleBottom)), 0 100%);
}
.content .content-segment[class*=bg-] {
width: calc(100% + 1.6rem);
padding: 0.9rem 0.8rem;
margin-left: -0.8rem;
border-radius: 3px;
overflow: hidden;
}
.img-rounded {
align-self: center;
aspect-ratio: 1/1;
border-radius: 50%;
overflow: hidden;
outline-offset: 8px;
outline-style: solid;
outline-width: 6px;
outline-color: transparent;
}
.img-rounded.outline-dark {
outline-color: rgb(4, 39, 75);
}
.img-rounded.outline-light {
outline-color: rgb(255, 255, 255);
}
article.content {
/*:where(.content-segment,p:first-child) > img:first-child {
margin-top: -1rem;
}*/
}
article.content .content-segment img {
margin-bottom: 1rem;
max-width: 84%;
height: auto;
}
article.content .content-segment .img-right, article.content .content-segment .img-left {
max-width: 30%;
}
article.content .content-segment .img-right {
float: right;
margin-left: 20px;
}
article.content .content-segment .img-left {
float: left;
margin-right: 20px;
}
.btn.btn-circle {
width: 2.7rem;
height: 2.7rem;
border: 2px solid rgba(4, 39, 75, 0.4);
padding: 0;
border-radius: 50%;
overflow: hidden;
}
.btn .icon {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: rgba(4, 39, 75, 0.4);
}
.btn .icon::before {
color: inherit;
}
.btn .icon svg {
width: auto;
height: 24px;
fill: rgba(4, 39, 75, 0.4);
}
.btn:hover:not(.btn-hamburger) {
background-color: rgba(251, 232, 7, 0.42);
}
.btn:active:not(.btn-hamburger) {
background-color: rgba(251, 232, 7, 0.42);
}
.btn:focus:not(.btn-hamburger), .btn:focus:hover:not(.btn-hamburger), .btn[aria-expanded=true] {
background-color: rgba(251, 232, 7, 0.54);
box-shadow: 0 0 0 0.25rem rgba(8, 141, 171, 0.3);
}
.footer {
z-index: 1;
position: relative;
margin-top: 10.5rem;
}
.footer .container {
max-width: 93vw;
}
@media (max-width: 991px) {
.footer .container {
max-width: 98vw;
}
}
.footer .container .row {
--bs-gutter-x: 2.1rem;
align-items: stretch;
}
.footer .container .row > div {
min-height: 100%;
}
.footer .footer-wrapper::before {
z-index: -1;
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgb(201, 218, 233);
clip-path: polygon(0 calc(2% + 8.8rem), 100% 2%, 100% 100%, 0 100%);
}
.footer .footer-top {
padding-top: 15rem;
padding-bottom: 9rem;
background-color: rgb(234, 234, 227);
clip-path: polygon(0 0, 100% 8.8rem, 100% 100%, 0 100%);
}
.footer .footer-bottom {
margin-top: -2px;
padding-bottom: 0.5rem;
background-color: rgb(234, 234, 227);
}
.footer .footer-gradient {
justify-content: center;
overflow: hidden;
height: 3.6rem;
padding: 6px 30px 6px 0;
background: transparent linear-gradient(to right, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.6) 90%) no-repeat;
}
.footer :is(.footer-logo, .footer-keyvisual) {
display: flex;
align-items: center;
}
.footer .footer-logo svg {
width: 100%;
max-width: 510px;
}
@media (max-width: 767px) {
.footer .footer-logo svg {
max-width: 100%;
}
}
.footer .footer-keyvisual {
justify-content: flex-end;
}
.footer .footer-keyvisual svg {
max-width: 50%;
}
.footer .content-adresses {
gap: 54px;
}
@media (max-width: 767px) {
.footer .content-adresses {
flex-direction: column;
gap: 1.5rem;
margin-top: 2.1rem;
}
}
.footer .container-info b {
font-variation-settings: "wght" 600;
}
.footer .container-footer-logos {
display: flex;
flex-direction: row;
gap: 30px;
align-items: center;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
max-width: max-content;
margin: 0;
list-style-type: none;
}
@media (max-width: 991px) {
.footer .container-footer-logos {
max-width: unset;
width: 100%;
margin-bottom: 3px;
}
}
.footer .container-footer-logos li {
display: flex;
height: 100%;
}
.footer .container-footer-logos li img {
object-fit: contain;
height: 100%;
}
.footer .nav-footer {
flex-direction: column;
align-items: flex-end;
gap: 0;
}
.footer .nav-footer .meta-nav {
gap: 1.2ch;
}
.footer .nav-footer .meta-nav li {
display: flex;
align-items: center;
padding: 3px;
}
.footer .nav-footer .meta-nav li:hover {
background: rgb(223, 237, 116);
}
.footer .nav-footer .meta-nav a {
font-size: 0.72rem;
line-height: 0.72rem;
font-variation-settings: "wght" 700;
color: rgb(4, 39, 75);
text-decoration: none;
transition: all 0.18s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (max-width: 991px) {
.footer .nav-footer .meta-nav a {
font-size: 0.87rem;
line-height: 0.87rem;
}
}
#searchItem {
width: 100%;
position: relative;
}
#searchItem .search-title {
color: rgb(234, 234, 227);
font-weight: 500;
text-transform: uppercase;
}
#searchItem .search-title i {
color: inherit;
margin-right: 0.99rem;
}
#searchItem form {
width: 100%;
}
#searchItem form .form-group {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: stretch;
gap: 0.5rem;
width: 100%;
border-bottom: 0;
}
#searchItem form input[type=text] {
flex: 10 10 100%;
width: 100%;
padding: 0.9rem 1.2rem 0.84rem 1.2rem;
background-color: rgba(234, 234, 227, 0.9);
border: 0;
border-radius: 3px;
outline: 0;
font-size: 1.5rem;
line-height: 2.1rem;
font-weight: 500;
color: rgb(4, 39, 75);
transition: all 0.23s cubic-bezier(0, 0.1, 0.3, 1);
box-shadow: inset 2px 0 6px rgba(162, 152, 124, 0.6);
}
#searchItem form input[type=text]:focus {
background-color: #eaeae3;
outline: none;
}
#searchItem form input[type=text]::placeholder {
display: none;
color: rgba(162, 152, 124, 0.6);
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.09;
}
.search-results #searchItem {
padding-top: 0;
}
.search-results #searchItem form input[type=text] {
color: rgb(4, 39, 75);
}
.search-results #searchItem .alert {
margin-top: 0.5rem;
}
.search-results #searchFilter {
margin-top: 1.2rem;
}
.search-results #searchFilter .filter-button {
gap: 16px;
min-width: fit-content;
max-width: 50%;
margin-left: 0;
}
.search-results #searchFilter .filter-button > span {
width: fit-content;
max-width: max-content;
}
.search-results #searchFilter .filter-button[aria-expanded=false] i.fa-eye-slash {
display: none;
}
.search-results #searchFilter .list-group {
margin-top: 0.5rem;
}
.search-results #searchFilter .list-group .list-title {
font-size: 0.88rem;
font-weight: 700;
color: rgb(234, 234, 227);
margin: 0;
max-width: fit-content;
padding-right: 20px;
}
.search-results #searchFilter .list-group .filter-list {
list-style-type: none;
padding: 0;
margin-top: 0 !important;
}
.search-results #searchFilter .list-group .filter-list li {
margin-bottom: 0;
}
.search-results #searchFilter .list-group .filter-list label {
font-size: 0.88rem;
font-weight: 400;
color: rgb(234, 234, 227);
}
.search-results #searchFilter .list-group .filter-list input[type=radio] {
margin-right: 0.42rem;
}
.search-results #searchFilter .list-group .filter-list input[type=radio]:checked + .label-text {
font-weight: 700;
}
.search-results .accordion .accordion-item {
margin-top: 0 !important;
}
.search-results .accordion .accordion-item:not(:last-child) {
margin-bottom: 2.1rem;
}
.search-results .accordion .accordion-item .accordion-header .accordion-button {
background: var(--topicColorLightHex);
color: rgb(4, 39, 75);
line-height: normal;
}
.search-results .accordion .accordion-item .accordion-collapse .accordion-body .panel {
background: var(--topicColorLightHex);
padding: 1.5rem 2.7rem;
margin-top: 0.75rem;
border-radius: 9px;
}
.search-results .accordion .accordion-item .accordion-collapse .accordion-body .panel .panel-text-item {
line-height: 1.23rem;
}
.search-results .accordion .accordion-item .accordion-collapse .accordion-body .panel .link-tree {
line-height: normal;
}
.search-results .accordion .accordion-item .accordion-collapse .accordion-body .panel .link-tree a:hover {
text-decoration: underline;
}
.search-results .accordion .accordion-item .accordion-collapse .accordion-body .panel .link-tree a:last-child {
font-weight: 500;
}
.search-results .accordion .accordion-item .accordion-collapse .accordion-body .panel .link-url {
display: flex;
flex-direction: column;
gap: 0.3rem;
margin-top: 0.75rem;
text-decoration: none;
}
.search-results .accordion .accordion-item .accordion-collapse .accordion-body .panel .link-url:hover {
text-decoration: underline;
}
.container-slider {
position: relative;
z-index: 0;
max-height: 90vh;
min-height: 1.5rem;
width: -webkit-fill-available;
margin: 0;
padding: 0;
background-color: rgb(255, 255, 255);
overflow: hidden;
}
.container-slider .heroimage {
overflow: hidden;
height: 100%;
width: 100.5%;
object-fit: cover;
object-position: center center;
}
.owl-carousel {
opacity: 0;
background-color: rgb(255, 255, 255);
margin-top: 0;
margin-bottom: 0;
min-height: 400px;
}
.owl-carousel .owl-stage {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.owl-carousel .owl-item {
margin: 0;
}
.owl-carousel .owl-item .slider-item-container {
position: relative;
margin: 0;
display: inline-block;
width: inherit;
height: 100%;
overflow: hidden;
}
.owl-carousel .owl-item img {
overflow: hidden;
height: 100%;
min-height: 400px;
width: auto;
object-fit: cover;
object-position: bottom center;
}
.owl-carousel .owl-item .slider-item-caption {
--delayFadeIn: 0s;
position: absolute;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 0;
top: 45vh;
left: 6vw;
height: fit-content;
transform: scale(0.8);
}
.owl-carousel .owl-item .slider-item-caption .slider-textbox .text-wrapper {
background-color: rgba(4, 39, 75, 0.66);
background-size: 90% 80%;
padding: 25px 25px 31px 31px;
background-position: 50% 51%;
}
.owl-carousel .owl-item .slider-item-caption a {
text-decoration: none;
}
.owl-carousel .owl-item .slider-item-caption .htag1 {
display: block;
order: 0;
max-width: max-content;
padding: 0;
font-size: 3rem;
line-height: 3.51rem;
letter-spacing: 0.03rem;
font-weight: 700;
color: rgb(255, 255, 255);
}
.owl-carousel .owl-item .slider-item-caption .htag4 {
order: 1;
max-width: max-content;
margin: 0 9px;
font-size: 1rem;
line-height: 1.51rem;
letter-spacing: 0.03rem;
font-weight: 400;
color: rgb(255, 255, 255);
}
.owl-carousel .owl-item .slider-item-caption .copytxt {
/* display: none;
height: 0;
overflow: hidden; */
}
.owl-carousel .owl-item .slider-item-caption .copytxt p {
color: rgb(255, 255, 255);
font-size: 1rem;
line-height: 1.51rem;
font-weight: 500;
}
.owl-carousel .owl-item .slider-item-caption .slider-item-button {
order: 2;
align-self: center;
margin-top: 0.66rem;
margin-left: -12px;
transform-origin: center center;
}
.owl-carousel .owl-item .slider-item-caption .slider-item-button .btn {
--btnOuterBorderWidth:0px;
white-space: nowrap;
font-size: 0.54rem;
}
.owl-carousel .owl-item .slider-item-caption .slider-item-button .btn span {
padding: 0.09rem 0.72rem;
}
.owl-carousel .owl-item .slider-item-caption div {
opacity: 0;
transition: opacity 0.72s 1s ease-in-out;
transform: translateX(0);
}
.owl-carousel .owl-item .slider-item-caption div:not(.slider-item-button) {
--opacityEndValue: 1;
transform-origin: top center;
}
.owl-carousel .owl-item.active .slider-item-caption {
opacity: 1;
}
.owl-carousel .owl-item.active div {
opacity: var(--opacityEndValue);
transition: opacity 0.81s var(--delayFadeIn) ease-in-out;
animation: slowScaleY 0.66s;
animation-fill-mode: forwards;
animation-delay: var(--delayFadeIn);
}
.owl-carousel .owl-dots {
position: absolute;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 18px;
left: 0;
top: 48vh;
padding: 12px;
width: max-content;
}
.owl-carousel .owl-dots .btn-circle {
--btnFaceColor: #004f9e;
--btnBorderColor:transparent;
--btnBorderWidth:0.01rem;
--btnRadius: .6rem;
margin: 0;
width: var(--btnRadius);
height: var(--btnRadius);
background-color: var(--btnFaceColor);
border: 2px solid rgba(4, 39, 75, 0.4);
}
.owl-carousel .owl-dots:focus {
box-shadow: none;
}
.owl-carousel .owl-dots .active {
--btnFaceColor: rgb(223, 237, 116);
border-color: rgb(223, 237, 116);
}
.owl-carousel .owl-nav {
position: absolute;
bottom: -2rem;
display: flex;
place-items: flex-end;
gap: 36px;
width: 100%;
justify-content: center;
padding-right: 0;
}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
position: initial;
background: rgb(0, 79, 158);
color: rgb(234, 234, 227);
height: 1.5rem;
padding: 0.3rem 1rem !important;
/* text-align: center; */
margin-right: 10px;
display: inline-flex;
place-content: center;
}
.owl-carousel .owl-nav .owl-next i, .owl-carousel .owl-nav .owl-prev i {
transform: scaleX(1.5);
font-size: 2rem;
color: rgb(4, 39, 75);
}
.owl-carousel .owl-nav .owl-next i:hover, .owl-carousel .owl-nav .owl-prev i:hover {
color: rgb(0, 79, 158);
}
@media (min-width: 768px) {
.owl-carousel .owl-item .slider-item-caption .htag1 {
font-size: 3rem;
line-height: 3.25rem;
}
.owl-carousel .owl-item .slider-item-caption .htag4 {
font-size: 1.3rem;
line-height: 1.3rem;
}
.owl-carousel .owl-item .slider-item-caption .slider-item-button {
--opacityEndValue: 1;
}
.owl-carousel .owl-item .slider-item-caption .slider-item-button .btn {
--btnFontSize: clamp(0.765rem, 0.0433rem + 1.4423vw, 0.85rem);
}
.owl-carousel .owl-item .slider-item-caption .slider-item-button .btn span {
padding: 0.12rem 0.76rem 0 0.76rem;
}
.owl-carousel .owl-item .slider-item-caption div:not(.slider-item-button) {
--opacityEndValue: 1;
}
}
@keyframes fadeInText {
0% {
opacity: 0;
}
100% {
opacity: var(--opacityEndValue);
}
}
@keyframes slowSlide {
0% {
transform: translateX(0px);
}
100% {
transform: translateX(-72px);
}
}
@keyframes slowScaleY {
0% {
transform: scaleY(0) translateY(6px);
}
100% {
transform: scaleY(1) translateY(0px);
}
}
[class*=text-] {
font: inherit;
}
.text-primary {
color: rgb(4, 39, 75) !important;
}
.text-secondary {
color: rgb(0, 79, 158) !important;
}
.text-tertiary {
color: rgb(162, 152, 124) !important;
}
.text-quaternary {
color: rgb(234, 234, 227) !important;
}
.text-success {
color: rgb(190, 224, 169) !important;
}
.text-info {
color: rgb(136, 210, 205) !important;
}
.text-danger {
color: rgb(251, 232, 7) !important;
}
.text-warning {
color: rgb(238, 146, 25) !important;
}
.text-error {
color: rgb(230, 88, 100) !important;
}
.text-light {
color: rgb(255, 255, 255) !important;
}
.text-dark {
color: rgb(4, 39, 75) !important;
}
.bg-primary {
background-color: rgb(4, 39, 75) !important;
}
.bg-secondary {
background-color: rgb(0, 79, 158) !important;
}
.bg-tertiary {
background-color: rgb(162, 152, 124);
}
.bg-quaternary {
background-color: rgb(234, 234, 227);
}
.bg-blue_30 {
background-color: rgb(220, 234, 241);
}
.bg-blue_50 {
background-color: rgb(201, 218, 233);
}
.bg-gray_50 {
background-color: rgb(200, 185, 160);
}
.bg-accent_green {
background-color: rgb(223, 237, 116);
}
.bg-success {
background-color: rgb(190, 224, 169);
}
.bg-info {
background-color: rgb(136, 210, 205);
}
.bg-danger {
background-color: rgb(251, 232, 7) !important;
}
.bg-warning {
background-color: rgb(238, 146, 25) !important;
}
.bg-error {
background-color: rgb(230, 88, 100);
}
:where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) div, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) h1, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) h2, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) h3, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) h4, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) h5, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) h6, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) .htag1, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) .htag2, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) .htag3, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) .htag4, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) .htag5, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) .htag6, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) p, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) label, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) th, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) td, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) ul, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) li, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) dt, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) dd, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) a:not(.button, .btn) {
color: var(--textColorLight) !important;
}
:where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) span, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) em, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) strong, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) b, :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) i {
color: inherit;
}
:where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) :where(p, li) > a:not(.button, .btn), :where(.bg-primary, .bg-secondary, .bg-error, .bg-warning) a.linklist {
/* &::after {
background-color: rgba(var.$quaternary,50%);
transform: scaleY(0.08) scaleX(1);
transform-origin: bottom center;
opacity: 1;
}
&:hover::after {
background-color: rgba(var.$quaternary,30%);
} */
}
.text-small {
font-size: 0.72rem;
line-height: 1.23rem;
}
@media (max-width: 991px) {
.text-small {
font-size: 0.87rem;
line-height: 1.38rem;
}
}
.tab-spacer {
display: inline-block;
width: 2.5ch;
}
.d-inlineblock {
display: inline-block;
}
.d-block {
display: block;
}
.no-wrap {
white-space: nowrap;
}
[class*=d-flex] {
display: flex;
gap: 30px;
}
.d-flex-inline {
display: inline-flex;
}
.d-flex-row {
flex-direction: row;
}
.d-flex-column {
flex-direction: column;
}
.d-flex-row-reverse {
flex-direction: row-reverse;
}
.d-flex-column-reverse {
flex-direction: column-reverse;
}
.j-content-start {
justify-content: flex-start;
}
.j-content-center {
justify-content: flex-center;
}
.j-content-end {
justify-content: flex-end;
}
@keyframes lazySlide {
0% {
transform: translateY(var(--slidePosStart));
opacity: var(--slideOpacityStart, 0);
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes linkBlop {
0% {
transform: scale(1);
animation-play-state: running;
}
60% {
transform: scale(0.82);
}
90% {
transform: scale(1.06);
}
100% {
transform: scale(1);
animation-play-state: paused;
}
}
.anim-blop {
transform-origin: 50%;
}
.anim-blop:active {
animation-name: linkBlop;
animation-duration: 0.15s;
animation-timing-function: cubic-bezier(0, 0.1, 0.3, 1);
animation-iteration-count: 1;
}/*# sourceMappingURL=style_custom.css.map */