/*
 Theme Name:   STCA 2024
 Description:  bootScore 5 Child Theme
 Author:       craftwerk - Bastian Kreiter
 Author URI:   https://crftwrk.de
 Template:     bootscore-5
 Version:      5.0.0.2
 Text Domain:  bootscore
*/
/* roboto-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/roboto-v30-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/roboto-v30-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/roboto-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/roboto-v30-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/roboto-v30-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

:root {
    --bs-font-sans-serif: Roboto, Arial, sans-serif;
    --bs-primary: #036065;
    --bs-primary-light: #00ACB1;
    --bs-primary-lighter: #ECF8F8;
    --bs-secondary: #002b3c;
    --bs-dark: #002330;
    --bs-darkest: #000000;
    --bs-gray-light: #f2f2f2;
}

body {
    color: rgba(24, 43, 56, 0.7);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    color: var(--bs-primary);
    font-weight: 300;
    margin-bottom: 1rem;
}

h4, .h4,
h5, .h5,
h6, .h6 {
    font-weight: 500;
}

h1, .h1 {
    margin-bottom: 1.5rem;
    font-size: 2.75rem;
    font-weight: 400;
    text-transform: uppercase;
}

h2, .h2 {
    font-size: 2.75rem;
    font-weight: 100;
}
@media (max-width: 575px) {
    h1, .h1,
    h2, .h2 {
        font-size: 2rem;
    }
}

h1 strong, .h1 strong,
h2 strong, .h2 strong,
h3 strong, .h3 strong,
h4 strong, .h4 strong,
h5 strong, .h5 strong,
h6 strong, .h6 strong {
    color: var(--bs-primary);
    font-weight: 500;
}

h1 span, .h1 span,
h2 span, .h2 span,
h3 span, .h3 span,
h4 span, .h4 span,
h5 span, .h5 span,
h6 span, .h6 span {
    font-weight: 100;
}

h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a,
h6 a, .h6 a {
    color: inherit;
    text-decoration: none;
}

h1 a:hover, .h1 a:hover,
h1 a:focus, .h1 a:focus,
h2 a:hover, .h2 a:hover,
h2 a:focus, .h2 a:focus,
h3 a:hover, .h3 a:hover,
h3 a:focus, .h3 a:focus,
h4 a:hover, .h4 a:hover,
h4 a:focus, .h4 a:focus,
h5 a:hover, .h5 a:hover,
h5 a:focus, .h5 a:focus,
h6 a:hover, .h6 a:hover,
h6 a:focus, .h6 a:focus {
    color: var(--bs-dark);
}

.bg-dark {
    background-color: var(--bs-dark) !important;
}

.lighter {
    color: var(--bs-primary-lighter);
}

.text-thin,
.text-thin * {
    font-weight: 300;
}

b, p b,
strong, p strong {
    color: var(--bs-dark);
    font-weight: 500;
}

.hero-text b,
.hero-text strong {
    color: var(--bs-primary-light);
}

.bg-gris {
    background-color: #f8f9fa;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.entry-content section {
    padding-left: 1rem;
    padding-right: 1rem;
}

a, a:active, a:focus, .page-link {
    color: var(--bs-primary-light);
}

a:hover, .page-link:hover {
    color: var(--bs-secondary);
}

.btn {
    border-radius: 0;
}

.wp-element-button {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
}

.wp-element-button,
.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    background: var(--bs-dark);
    border-color: var(--bs-dark);
    border-radius: 50px;
    color: #FFFFFF;
}

.wp-element-button:hover,
.btn-primary:hover,
.page-item.active .page-link {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #FFFFFF;
}

.btn-outline-primary {
    color: var(--bs-dark);
    border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
    color: var(--bs-light);
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-secondary {
    color: var(--bs-dark);
    border-color: var(--bs-secondary);
}

.btn-outline-secondary:hover {
    background: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-primary);
}

.breadcrumb {
    margin: 0;
    padding: 1.75rem;
}

.breadcrumb,
.breadcrumb a,
.breadcrumb span {
    color: var(--bs-dark);
    display: flex !important;
    align-items: center;
    text-decoration: none;
}

.breadcrumb a:active,
.breadcrumb a:focus,
.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb .home {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMDk2ODcgMTFIOS45MTczOEMxMC41MTU3IDExIDExIDEwLjQ5NjQgMTEgOS44OTIwOVY0LjIwODYzTDYuMTQyNDUgMS4wNDMxN0M2LjA1Njk4IDAuOTg1NjEyIDUuOTQzMDIgMC45ODU2MTIgNS44NTc1NSAxLjA0MzE3TDEgNC4yMDg2M1Y5Ljg5MjA5QzEgMTAuNTEwOCAxLjQ5ODU4IDExIDIuMDk2ODcgMTFaIiBzdHJva2U9IiMwMDIzMzAiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat center;
    display: block;
    height: 12px;
    margin: 0 .5rem;
    width: 12px;
}

.breadcrumb .divider {
    content: "";
    border: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSAxTDguNSA2LjAwMDAyTDMuNSAxMSIgc3Ryb2tlPSIjMDhDOEMxIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIvPgo8L3N2Zz4K) no-repeat center;
    display: inline-block;
    height: 10px;
    margin: 0 .5rem;
    width: 10px;
}

.pagination-nums .page-link {
    align-items: center;
    border-radius: 50% !important;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.pagination-nums .page-link {
    border: 0;
    color: var(--bs-primary);
    margin: 10px;
}

.pagination-nums .page-item.active .page-link,
.pagination-nums .page-link:active,
.pagination-nums .page-link:focus,
.pagination-nums .page-link:hover {
    background: none;
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
}

.pagination-posts {
    justify-content: space-between;
}

.pagination-posts .page-item {
    display: flex;
    width: 48%;
}

.pagination-posts .page-item .page-link {
    background: var(--bs-primary-lighter);
    border: none;
    border-radius: 4px;
    color: var(--bs-primary);
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    width: 100%;
}

.pagination-posts .page-item .page-link:active,
.pagination-posts .page-item .page-link:focus,
.pagination-posts .page-item .page-link:hover {
    color: var(--bs-dark);
}

.pagination-posts .page-item .page-link[rel="prev"] {
    align-items: flex-start;
    text-align: left;
}

.pagination-posts .page-item .page-link[rel="next"] {
    align-items: flex-end;
    text-align: right;
}

.pagination-posts .page-item .page-link span {
    display: flex;
    flex-direction: column;
    font-size: .82rem;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.pagination-posts .page-item .page-link[rel="prev"] span {
    align-items: flex-start;
}

.pagination-posts .page-item .page-link[rel="next"] span {
    align-items: flex-end;
}

[rel="prev"]:before,
[rel="next"]:after {
    display: none;
}

.pagination-posts .page-item .page-link[rel="prev"] span:before,
.pagination-posts .page-item .page-link[rel="next"] span:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTciIGN5PSIxNyIgcj0iMTYiIHN0cm9rZT0iIzAzNjA2NSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiLz4KPHBhdGggZD0iTTE2LjY4ODggMjQuNjkwMUw5IDE3LjAwMTNNOSAxNy4wMDEzTDE2LjY4ODggOS4zMTI1TTkgMTcuMDAxM0wyNC45OTk1IDE3LjAwMTIiIHN0cm9rZT0iIzAzNjA2NSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiLz4KPC9zdmc+Cg==) no-repeat center;
    display: block;
    height: 34px;
    margin: 0 0 10px;
    position: relative;
    width: 34px;
}
.pagination-posts .page-item .page-link[rel="prev"] span:before {
    left: 0;
}
.pagination-posts .page-item .page-link[rel="next"] span:before {
    transform: rotate(180deg);
    right: 0;
}

.navbar {
    background: #FFFFFF;
    box-shadow: 0px 4px 64px 0px rgba(0, 151, 161, 0.1);
    height: 80px;
    padding: 0;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--bs-dark);
    font-size: 0.813rem;
    text-transform: uppercase;
    border-bottom: 2px solid #FFFFFF;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
    border-bottom: 2px solid #BBE8E5;
    color: var(--bs-darkest);
}

.navbar-light .navbar-nav .nav-link:focus {
    color: var(--bs-gray);
}

.navbar-nav > .menu-item:hover,
.navbar-nav > .menu-item.active,
.navbar-nav > .menu-item.current-page-ancestor,
.navbar-nav > .menu-item.current-menu-ancestor {

}

.navbar-nav > .menu-item:hover .nav-link,
.navbar-nav > .menu-item.active .nav-link,
.navbar-nav > .menu-item.current-page-ancestor .nav-link,
.navbar-nav > .menu-item.current-menu-ancestor .nav-link {

}

.navbar .external-link + .external-link {
    margin-left: .375rem;
}

.navbar .external-link .nav-link {
    border: none !important;
    border-radius: 20px;
    background: var(--bs-primary-lighter);
    padding-left: 1rem;
    padding-right: 1rem !important;
}

.navbar .external-link .nav-link:after {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzA5OTkgMC45OTk1MTJIOC45OTkzN004Ljk5OTM3IDAuOTk5NTEyVjguNjg4OU04Ljk5OTM3IDAuOTk5NTEyTDAuOTk5MDIzIDkuMDAwMTQiIHN0cm9rZT0iIzAwMjMzMCIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiLz4KPC9zdmc+Cg==) no-repeat center;
    color: var(--bs-dark);
    display: inline-block;
    height: 10px;
    margin-left: 5px;
    position: relative;
    top: 1px;
    width: 10px;
}

.navbar .external-link:hover .nav-link {
    color: #FFFFFF;
    background: var(--bs-dark);
}

.navbar .external-link:hover .nav-link:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzA5OTkgMC45OTk1MTJIOC45OTkzN004Ljk5OTM3IDAuOTk5NTEyVjguNjg4OU04Ljk5OTM3IDAuOTk5NTEyTDAuOTk5MDIzIDkuMDAwMTQiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiLz4KPC9zdmc+Cg==)
}

.dropdown-toggle::after {
    content: "";
    border: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDRMNS45OTk5OCA5TDEgNCIgc3Ryb2tlPSIjMDAyMzMwIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIvPgo8L3N2Zz4K) no-repeat center;
    display: inline-block;
    height: 10px;
    margin-left: 5px;
    position: relative;
    top: 3px;
    width: 10px;
}

a.dropdown-item {
    color: var(--bs-dark);
    font-size: 0.813rem;
    padding: .75rem 1.5rem;
    text-transform: uppercase;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #FFFFFF;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: rgba(0, 35, 48, 0.1);
}

.dropdown-item:focus > a,
.dropdown-item:hover > a,
.dropdown-item.active > a,
.dropdown-item:active > a {
    background: none;
}

.dropdown-menu {
    background-color: #FFFFFF !important;
    border-radius: 8px;
    border: 0;
    min-width: 12rem;
    box-shadow: 0px 4px 64px 0px rgba(0, 151, 161, 0.1);
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: 1px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    margin-top: 0;
}

.dropdown-submenu>a:after {
    content: "";
    border: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDRMNS45OTk5OCA5TDEgNCIgc3Ryb2tlPSIjMDAyMzMwIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIvPgo8L3N2Zz4K) no-repeat center;
    display: inline-block;
    float: right;
    height: 10px;
    margin-left: 5px;
    position: relative;
    top: 4px;
    transform: rotate(-90deg);
    width: 10px;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: 100%;
    margin-left: 10px;
}

.offcanvas-header {
    left: unset;
}

.offcanvas-header:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDcxMjkgMTUuMDcxMUwxNS4yMTM0IDAuOTI4OTU4TTE1LjIxMzUgMTUuMDcwOEwxLjA3MTM3IDAuOTI4NzExIiBzdHJva2U9IiMwMDIzMzAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPC9zdmc+Cg==) no-repeat center;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 16px;
}

.offcanvas-body {
    padding: 0 !important;
}

.offcanvas-open .navbar-nav > .menu-item {
    border-bottom: 1px solid rgba(0, 35, 48, 0.1);
}

.offcanvas-open .navbar-nav > .menu-item a {
    padding: .5rem 1rem;
}

.offcanvas-open .navbar-nav > .external-link {
    border-bottom: 0;
    margin: 1rem 1rem 0;
}

.offcanvas-open .navbar-nav > .external-link a {
    display: inline-block;
}

.offcanvas-open .navbar-nav .dropdown-menu {
    padding: 0;
    box-shadow: none;
}

.offcanvas-open .navbar-light .navbar-nav .nav-link:hover,
.offcanvas-open .navbar-light .navbar-nav .nav-link.active,
.offcanvas-open .navbar-light .navbar-nav .nav-link.focus,
.offcanvas-open .navbar-light .navbar-nav .show > .nav-link {
    border: 0;
    color: var(--bs-darkest) !important;
}

.offcanvas-open .navbar-nav .dropdown-menu.show {
    border-top: 1px solid rgba(0, 35, 48, 0.1);
}

.offcanvas-open .navbar-nav .dropdown-menu.show .dropdown-item,
.offcanvas-open .navbar-nav .dropdown-menu.show .dropdown-menu {
    color: rgba(24, 43, 56, .7);
}

.offcanvas-open .navbar-nav .dropdown-menu.show .dropdown-item,
.offcanvas-open .navbar-nav .dropdown-menu.show .dropdown-menu {
    margin-top: 0;
}

.offcanvas-open .navbar-nav .dropdown-submenu {
    border-radius: 0;
    box-shadow: none;
}

.offcanvas-open .navbar-nav .dropdown-submenu>a:after {
    display: none;
}

.offcanvas-open .navbar-nav .dropdown-menu.show .dropdown-submenu>.dropdown-menu {
    display: block;
    padding-top: 0;
    visibility: visible !important;
}

.offcanvas-open .navbar-nav .dropdown-menu.show .dropdown-submenu>.dropdown-menu a {
    padding-left: 2rem;
}

.preloader {
    background-color:rgba(255, 255, 255, 0.95);
    align-items: center;
    background-position: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 430px;
    padding: 1em;
    position: relative;

    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
}

.hidden {
    display: none;
}

.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6 {
    text-transform: uppercase;
}

#pre-content, .pre-content {
    background: var(--bs-primary-lighter);
}

.home #pre-content {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    background: url('img/background.svg') no-repeat 25% top var(--bs-primary-lighter);
    justify-content: center;
    width: 100%;
}

@media (max-width: 991px) {
    .home #pre-content {
        justify-content: flex-end;
    }
}

@media (max-width: 575px) {
    .home #pre-content {
        padding-bottom: 25%;
    }
    .home #pre-content:after {
        background: linear-gradient(180deg, rgba(243, 250, 250, 0) 0%, #F3FAFA 32.5%);
        content: "";
        display: block;
        height: 40%;
        position: absolute;
        width: 100%;
        z-index: 1;
        bottom: 0;
    }
    .home #pre-content > div {
        position: absolute;
        bottom: -20%;
        z-index: 2;
    }
}

.home #pre-content + #content {
    background: #FFFFFF;
}

.home #pre-content + #content:before {
    background: linear-gradient(180deg, rgba(243, 250, 250, 0) 0%, #F3FAFA 32.5%);
    top: -5%;
    content: "";
    display: block;
    height: 10%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.logged-in.admin-bar #pre-content {
    top: calc(50px + 32px);
}

.home #pre-content h2,
.home #pre-content .h2 {
    font-size: 2.5rem;
}

.home #pre-content h2 + .h2 {
    margin-bottom: 10vh;
}

.home .container-news {
    padding: 0 1rem !important;
}

.home .container > .wp-block-columns .wp-block-column {
    box-shadow: 0px 4px 64px 0px rgba(0, 151, 161, 0.1);
    padding-bottom: 2rem;
}

.home .container > .wp-block-columns .wp-block-column .wp-block-separator {
    margin-top: 0;
    margin-bottom: 2rem;
}

.home .container > .wp-block-columns .wp-block-column .wp-block-heading,
.home .container > .wp-block-columns .wp-block-column p {
    margin-left: 2rem;
    margin-right: 2rem;
}

@media (min-width: 992px) {
    .home #pre-content h2,
    .home #pre-content .h2,
    #pre-content h2,
    #pre-content .h2 {
        font-weight: 100;
        font-size: 3.75rem;
    }

    .home #pre-content h2 + .h2 {
        margin-bottom: 5vh;
    }

    .home .wp-block-group > .wp-block-group__inner-container,
    .home .container > .wp-block-columns {
        margin-bottom: 4rem;
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 782px) {
    .home .container > .wp-block-columns .wp-block-column {
        align-self: stretch;
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .home #pre-content {
        background-size: 100% 30vh;
        background-position: center top;
        position: relative;
        height: 40vh;
        top: 80px;
    }
    .home #pre-content h2,
    .home #pre-content .h2 {
        margin: 0 1rem 1rem;
    }
    .home #pre-content + #content:before {
        display: none;
    }
    .home .container {
        max-width: 100%;
    }
}

@media (min-width: 575px) {
    .home #pre-content {
        align-items: center;
        background-size: contain;
        height: 40vh;
        position: fixed;
        top: 50px;
    }
    .home #pre-content + #content {
        margin-top: 40vh;
        top: 50px !important;
    }
}

@media (min-width: 992px) {
    .home #pre-content {
        height: 65vh;
    }
    .home #pre-content + #content {
        margin-top: 65vh;
    }
}

.home .container.hero-block {
    background: var(--bs-primary-lighter);
    color: var(--bs-primary);
    max-width: 900px;
    padding: 6rem 5rem;
    margin-bottom: 6rem;
    margin-top: -6rem;
}

.home .container.hero-block .wp-block-image {
    margin: 0;
}

.home .container.hero-block h1 {
    text-transform: initial;
}

.home .container.hero-block p {
    margin-bottom: 2rem;
}

.home .container.hero-block strong {
    color: inherit;
}

.home .container.hero-block ul {
    padding-left: 1.5rem;
}

.home .container.hero-block ul li {
    color: rgba(24, 43, 56, 0.7);
    margin-bottom: .5rem;
}

.home .wp-block-column a {
    display: flex;
    align-items: center;
    background: url('img/download.png') no-repeat center left;
    background-size: 48px;
    color: var(--bs-primary);
    font-size: .813rem;
    font-weight: 500;
    min-height: 48px;
    padding-left: 64px;
    text-transform: uppercase;
    text-decoration: none;
}

.home .wp-block-column a:hover {
    color: var(--bs-secondary);
}

#content {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    min-height: 560px;
    position: relative;
    z-index: 2;
    top: 80px;
}

.page-join-us #content,
.page-nous-rejoindre #content {
    background: url(img/equipe.png) no-repeat bottom center;
    padding-bottom: 340px !important;
}

@media (max-width: 900px) {
    .page-join-us #content,
    .page-nous-rejoindre #content {
        background-size: contain;
    }
}

#content h1 {
    text-align: center;
    margin: 0;
    padding: 2rem 0;
}

.blog h1 {
    font-size: 3.75rem;
    font-weight: 200;
}

.blog #pre-content {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
}

.blog #pre-content h2,
.blog #content h2 {
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 0;
}

.blog #pre-content article {
    background: #FFFFFF;
    padding: 1rem;
    box-shadow: 0px 4px 64px 0px rgba(0, 151, 161, 0.1);
}

.blog-post-title {
    font-size: 1.55rem;
    font-weight: 500;
}

.blog .card-wrapper {
    display: flex;
    align-items: center;
}

.blog .card-wrapper .card-body {
    padding: 0;
}

.blog .card-wrapper .card-text,
.blog .card-wrapper small {
    font-size: .82rem;
}

.blog img {
    border-radius: 8px;
}

.blog #pre-content article .card-body {
    padding: 1rem;
}

.single-post #content h1 {
    padding-bottom: 1rem;
    font-weight: 400;
    text-transform: none;
}

.single-post .entry-meta {
    text-align: center;
}

.single-post .entry-meta small {
    border: 1px solid var(--bs-primary);
    border-radius: 6px;
    color: var(--bs-primary);
    display: inline-block;
    font-size: .75rem;
    margin: 0 auto;
    padding: .5rem 1rem;
    text-transform: uppercase;
}

.single-post .entry-content {
    margin: 3rem auto;
    max-width: 80%;
}

.wp-block-image {
    margin-bottom: 2rem;
}

.block-focus {
    background-color: var(--bs-primary-lighter);
    margin-bottom: 2rem;
    padding: 1rem;
}

.block-focus > p:last-child {
    margin-bottom: 0;
}

.entry-content section:not(.container-hero) {
    padding-left: 0;
    padding-right: 0;
}

.section-hero h2 {
    margin: 0 0 2rem;
    text-align: center;
}

.img-hero {
    margin: 0 0 2.5rem;
    position: relative;
    text-align: center;
}

.img-hero:before {
    content: "";
    background: linear-gradient(90deg, #F3FAFA 12.08%, #08C8C1 34.76%, #08C8C1 65%, #F3FAFA 87.67%);
    display: block;
    position: absolute;
    width: 100%;
    height: 56%;
    left: 0;
    top: 23%;
    z-index: 1;
}

.img-hero img {
    margin: 0 auto;
    max-width: 894px !important;
    position: relative;
    width: 100%;
    z-index: 2;
}

@media (min-width: 992px) {
    .container-hero {
        max-width: 894px !important;
        padding-left: 0;
        padding-right: 0;
    }
}

.animation-element-delayed,
.animation-element {
    opacity: 0;
    position: relative;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.animation-element-delayed.slide-left,
.animation-element.slide-left {
    -moz-transform: translate3d(-900px, 0px, 0px);
    -webkit-transform: translate3d(-900px, 0px, 0px);
    -o-transform: translate(-900px, 0px);
    -ms-transform: translate(-900px, 0px);
    transform: translate3d(-900px, 0px, 0px);
}
.animation-element-delayed.slide-right,
.animation-element.slide-right {
    -moz-transform: translate3d(900px, 0px, 0px);
    -webkit-transform: translate3d(900px, 0px, 0px);
    -o-transform: translate(900px, 0px);
    -ms-transform: translate(900px, 0px);
    transform: translate3d(900px, 0px, 0px);
}
.animation-element.in-view,
.animation-element-delayed.slide-left.in-view-delayed,
.animation-element-delayed.slide-right.in-view-delayed,
.animation-element.slide-left.in-view,
.animation-element.slide-right.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.logo {
    max-height: 40px;
}

.logo.sm {
    max-height: 40px;
}

.form-control {
    background: var(--bs-primary-lighter);
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid rgba(0, 35, 48, 0.2);
    color: rgba(24, 43, 56, 0.7);
    margin-bottom: 1px;
}

.form-control:focus {
    background: var(--bs-primary-lighter);
    border-bottom: 2px solid #036065;
    box-shadow: none;
    margin-bottom: 0;
    outline: 0;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLz48L3N2Zz4K) no-repeat right .75rem center/8px 10px;
    background-color: #FFFFFF;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.top-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_recent_entries ul li {
    padding-bottom: 1rem;
}

.pre-footer {
    background-color: var(--bs-primary-lighter);
    margin-bottom: -50px;
    padding: 2rem 0 !important;
}

.pre-footer .container {
    padding-left: 0;
    padding-right: 0;
}

.home .pre-footer {
    padding-top: 3.5rem !important;
}

.home .pre-footer .container .wp-block-heading {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

footer {
    position: relative;
    z-index: 2;
}

.footer_widget .widget-title {
    color: var(--bs-primary-lighter);
    text-transform: uppercase;
}

.footer_widget ul li a,
.bootscore-info * {
    color: rgba(255, 255, 255, .7);
}

.footer_widget ul li a {
    font-size: .8rem;
    text-decoration: none;
    text-transform: uppercase;
}

.footer_widget ul li a:hover {
    text-decoration: underline;
}

.footer_widget ul li.external-link a:after {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuODA5OTg1IDFIOC40OTkzN004LjQ5OTM3IDFWOC42ODkzOU04LjQ5OTM3IDFMMC40OTkwMjMgOS4wMDA2MyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNyIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiLz4KPC9zdmc+Cg==) no-repeat center;
    display: inline-block;
    height: 10px;
    margin-left: 5px;
    position: relative;
    top: 1px;
    width: 10px;
}

.footer_widget ul li.lang-item a:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjE2NjQgNy45OTk2OEMxNC4xNjY0IDExLjY4MTYgMTEuMTgxNiAxNC42NjY0IDcuNDk5NjggMTQuNjY2NE0xNC4xNjY0IDcuOTk5NjhDMTQuMTY2NCA0LjMxNzc4IDExLjE4MTYgMS4zMzMwMSA3LjQ5OTY4IDEuMzMzMDFNMTQuMTY2NCA3Ljk5OTY4QzE0LjE2NjQgOS4zMTgxMyAxMS4xODE2IDEwLjM4NzUgNy40OTk2OCAxMC4zODc1QzMuODE3NzggMTAuMzg3NSAwLjgzMzAwOCA5LjMxODEzIDAuODMzMDA4IDcuOTk5NjhNMTQuMTY2NCA3Ljk5OTY4QzE0LjE2NjQgNi42ODEyNCAxMS4xODE2IDUuNjEyOTYgNy40OTk2OCA1LjYxMjk2QzMuODE3NzggNS42MTI5NiAwLjgzMzAwOCA2LjY4MTI0IDAuODMzMDA4IDcuOTk5NjhNNy40OTk2OCAxNC42NjY0QzMuODE3NzggMTQuNjY2NCAwLjgzMzAwOCAxMS42ODE2IDAuODMzMDA4IDcuOTk5NjhNNy40OTk2OCAxNC42NjY0QzkuNDk2OTEgMTQuNjY2NCAxMS4xMTY3IDExLjY4MTYgMTEuMTE2NyA3Ljk5OTY4QzExLjExNjcgNC4zMTc3OCA5LjQ5NjkxIDEuMzMzMDEgNy40OTk2OCAxLjMzMzAxTTcuNDk5NjggMTQuNjY2NEM1LjUwMjQ2IDE0LjY2NjQgMy44ODQxMSAxMS42ODE2IDMuODg0MTEgNy45OTk2OEMzLjg4NDExIDQuMzE3NzggNS41MDI0NiAxLjMzMzAxIDcuNDk5NjggMS4zMzMwMU0wLjgzMzAwOCA3Ljk5OTY4QzAuODMzMDA4IDQuMzE3NzggMy44MTc3OCAxLjMzMzAxIDcuNDk5NjggMS4zMzMwMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNyIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiLz4KPC9zdmc+Cg==) no-repeat center;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    position: relative;
    top: 2px;
    width: 14px;
}

.footer-widget-1 > div,
.footer-widget-2 > div,
.footer-widget-3 > div,
.footer-widget-4 > div {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.footer-widget-1 > div .footer_widget {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}

.footer-widget-3 > div .footer_widget {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.top-button a {
    align-items: center;
    background: rgba(255, 255, 255, .7);
    border-radius: 50%;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.top-button a:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMTg5NDUgMTAuNjQ1TDEwLjk5OTUgMS44MzQ5Nk0xMC45OTk1IDEuODM0OTZMMTkuODA5NiAxMC42NDVNMTAuOTk5NSAxLjgzNDk2TDEwLjk5OTYgMjAuMTY3NyIgc3Ryb2tlPSIjMDAyMzMwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIvPgo8L3N2Zz4K) no-repeat center;
    display: inline-block;
    height: 22px;
    width: 22px;
}

.wp-block-columns {
    margin: 0 0 2rem;
}

.wp-block-separator {
    border: 0;
    border-top: 6px solid var(--bs-primary);
    opacity: initial;
    width: 100%;
}

a.read-more {
    align-items: center;
    color: inherit;
    display: flex;
    text-decoration: none;
    text-transform: uppercase;
}

a.read-more:hover,
a.read-more:active,
a.read-more:focus {
    color: var(--bs-dark);
}

a.read-more:before {
    content: "+";
    color: #08C8C1;
    align-items: center;
    background-color: var(--bs-primary-lighter);
    border-radius: 50%;
    display: flex;
    font-size: 2rem;
    font-weight: 100;
    height: 48px;
    justify-content: center;
    margin-right: 1.2rem;
    width: 48px;
}

.style-1 h2, .style-1 .h2,
.style-1 h3, .style-1 .h3,
.style-1 h4, .style-1 .h4,
.style-1 h5, .style-1 .h5,
.style-1 h6, .style-1 .h6,
.style-lighter h2, .style-lighter .h2,
.style-lighter h3, .style-lighter .h3,
.style-lighter h4, .style-lighter .h4,
.style-lighter h5, .style-lighter .h5,
.style-lighter h6, .style-lighter .h6 {
    color: #08C8C1;
}

.style-1 .wp-block-separator,
.style-lighter .wp-block-separator {
    border-top: 6px solid #08C8C1;
}

.style-1 a:before,
.style-lighter a:before {
    color: #08C8C1;
}

.style-light h2, .style-light .h2,
.style-light h3, .style-light .h3,
.style-light h4, .style-light .h4,
.style-light h5, .style-light .h5,
.style-light h6, .style-light .h6 {
    color: #4D8D8F;
}

.style-light .wp-block-separator {
    border-top: 6px solid #4D8D8F;
}

.style-light a:before {
    color: #4D8D8F;
}

.style-2 h2, .style-2 .h2,
.style-2 h3, .style-2 .h3,
.style-2 h4, .style-2 .h4,
.style-2 h5, .style-2 .h5,
.style-2 h6, .style-2 .h6 {
    color: #00ACB1;
}

.style-2 .wp-block-separator {
    border-top: 6px solid #00ACB1;
}

.style-2 a:before {
    color: #00ACB1;
}

.style-3 h2, .style-3 .h2,
.style-3 h3, .style-3 .h3,
.style-3 h4, .style-3 .h4,
.style-3 h5, .style-3 .h5,
.style-3 h6, .style-3 .h6 {
    color: #036065;
}

.style-3 .wp-block-separator {
    border-top: 6px solid #036065;
}

.style-3 a:before {
    color: #036065;
}

.style-4 h2, .style-4 .h2,
.style-4 h3, .style-4 .h3,
.style-4 h4, .style-4 .h4,
.style-4 h5, .style-4 .h5,
.style-4 h6, .style-4 .h6 {
    color: #002330;
}

.style-4 .wp-block-separator {
    border-top: 6px solid #002330;
}

.style-4 a:before {
    color: #002330;
}

@media (min-width: 782px) {
    .wp-block-column:not(:first-child) {
        margin-left: inherit;
    }
}

@media (min-width: 600px) and (max-width: 781px) {
    .wp-block-column:not(:only-child) {
        flex-basis: initial !important;
    }
}

@media (max-width: 991px) {
    .wp-block-column {
        margin: 0 auto !important;
    }
}

@media (max-width: 575px) {
    .home .wp-block-column {
        margin: 0 1rem !important;
    }
    .pre-footer .container .wp-block-group__inner-container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .pre-footer .container .wp-block-group__inner-container .wp-block-column {
        margin: 0 !important;
    }
}

.block-slides,
.block-slides-carousel {
    position: relative;
    width: 100%;
    height: 60vh;
    min-height: 350px;
    padding: 0 !important;
    z-index: 2;
}

.block-slides-video,
.block-slides-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.block-slides-video {
    border-radius: 12px;
    overflow: hidden;
    z-index: -1;
}

@media (max-width: 575px) {
    .block-slides-video {
        border-radius: 0;
    }
}

.block-slides-video video {
    display: inline-block;
    object-fit: cover;
}

.block-slides-video:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(270deg, #08C8C1 0%, rgba(8, 200, 193, 0) 100%);
}
.block-slides-carousel .carousel-inner {
    padding-top: 1rem;
}
.block-slides-carousel .carousel-inner,
.block-slides-carousel .carousel-item,
.block-slides-carousel .carousel-caption {
    height: 100%;
    z-index: 2;
    width: 100%;
    left: 0;
    right: 0;
}
.block-slides-carousel .container {
    height: 100%;
}

.block-slides-carousel .carousel-content {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    text-align: center;
    width: 100%;
}

.block-slides-carousel .carousel-content > div {
    height: 100%;
    text-align: center;
}

.block-slides-carousel .carousel-content .carousel-picto {
    display: none;
}

@media (min-width: 992px) {
    .block-slides-carousel .carousel-content > div {
        width: 50%;
    }
    .block-slides-carousel .carousel-content .carousel-picto {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
}

.block-slides-carousel .carousel-item-start img,
.block-slides-carousel .carousel-item-end img {
    opacity: 1;
}

.block-slides-carousel .carousel-item-start img,
.block-slides-carousel .carousel-item-end img {
    opacity: 0;
    transition: opacity 0.1s;
}

.block-slides-carousel .carousel-content .carousel-picto img {
    max-height: 80%;
}

.block-slides-carousel .carousel-content > div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    padding-left: 130px;
    padding-top: 10vh;
}

.page-home .block-slides-carousel .carousel-content > div:first-child {
    padding-top: 3vh;
}

.block-slides-carousel .carousel-content > div:first-child:before {
    content: "";
    position: relative;
    border-bottom: 6px solid #FFFFFF;
    display: block;
    width: 70px;
    left: -130px;
    top: 70px;
}

.block-slides-carousel .carousel-content > div h3:before {
    content: "";
    position: relative;
    border: 6px solid #FFFFFF;
    border-radius: 50%;
    display: block;
    height: 30px;
    width: 30px;
    top: 52px;
    left: -65px;
}

@media (max-width: 575px) {
    .block-slides-carousel .carousel-content > div h3:before {
        display: none;
    }
    .block-slides-carousel .carousel-content > div:first-child {
        padding: 10vh 2rem 0;
    }
}

.block-slides-carousel .carousel-content > div h3 {
    color: #FFFFFF;
    font-size: 3.75rem;
    line-height: 4rem;
    text-transform: initial;
    font-weight: 400;
}

@media (max-width: 450px) {
    .block-slides-carousel .carousel-content > div h3 {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .page-home .block-slides-carousel .carousel-content > div h3 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

.block-slides-carousel .carousel-content > div h3 span {
    font-weight: 100;
}

.block-slides-carousel .carousel-control-next,
.block-slides-carousel .carousel-control-prev {
    display: none;
}

.block-slides-carousel .carousel-indicators {
    z-index: 3;
}

.wp-block-image a:hover {
    opacity: 0.7;
}

.wp-block-separator.is-style-wide {
    width: 100%;
}

.wp-block-latest-posts {
    margin: 0;
    padding: 0;
}

.wp-block-latest-posts > li {
    clear: both;
}

.wp-block-latest-posts > li {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
}

.wp-block-latest-posts .post-detail > a {
    color: var(--bs-dark);
    text-decoration: none;
}

.wp-block-latest-posts .post-detail > a:hover,
.wp-block-latest-posts .post-detail > a:active,
.wp-block-latest-posts .post-detail > a:focus {
    color: inherit;
    text-decoration: underline;
}

.wp-block-latest-posts .wp-block-latest-posts__featured-image {
    margin-bottom: 20px;
}

.wp-block-latest-posts > li .wp-block-latest-posts__featured-image {
    clear: both;
    float: left;
    margin-right: 20px;
    margin-bottom: 0px;
    min-height: 120px;
    min-width: 120px;
}

.wp-block-latest-posts .wp-block-latest-posts__featured-image img {
    border-radius: 8px;
}

.wp-block-latest-posts .wp-block-latest-posts__post-title,
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
    margin-bottom: .3rem;
    margin-top: 0;
    display: inline-block;
}

.nav-pills .nav-link.active,
.nav-pills .nav-item:hover .nav-link,
.nav-pills .show>.nav-link {
    color: inherit;
    background-color: #f8f9fa;
}

.wrap-logos > a {
    margin: 5px 20px;
}

.hero-text {
    margin: 5rem auto;
    width: 80%;
}

#customPopin .modal-dialog {
    max-width: 90% !important;
}
@media (min-width: 600px) and (max-width: 781px) {
    #customPopin .modal-dialog {
        max-width: 80% !important;
    }
}
@media (min-width: 782px) {
    #customPopin .modal-dialog {
        max-width: 60% !important;
    }
}
#customPopin .modal-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: -1;
}
#customPopin .modal-background:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, .5)), to(#FFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5) 100%, #FFF);
}
#customPopin .modal-content {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}
#customPopin .modal-header {
    border-bottom: 0;
}
#customPopin .modal-body {
    color: var(--bs-primary);
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0 0 2rem;
    text-align: center;
}
#customPopin .modal-body p {
    background: #FFFFFF;
    box-shadow: 0 0 2em 1.2em #FFFFFF;
    display: inline-block;
    margin: 5%;
    padding: 2%;
}

@media (min-width: 992px) {
    .page-template-page-information .container-hero {
        max-width: 706px !important;
        padding-left: 0;
        padding-right: 0;
    }
}

.page-template-page-information .entry-header > div {
    display: flex;
    align-items: center;
}

.page-template-page-information .entry-header h1 {
    color: #FFFFFF;
    font-size: 3rem;
    font-weight: 300;
}

@media (max-width: 575px) {
    .page-template-page-information .entry-header h1 {
        font-size: 2rem;
    }
}

.page-template-page-information .pre-content {
    padding: 3rem 0;
    margin-bottom: 3rem;
}

.page-template-page-information .pre-content .h4 {
    margin-bottom: 3rem;
    text-align: center;
}

.page-template-page-information .h4 {
    text-transform: uppercase;
}

.page-template-page-information .wp-block-separator {
    margin-top: 3rem;
}

.page-template-page-contact h1 {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
}

.page-template-page-contact h1:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkiIGhlaWdodD0iNTkiIHZpZXdCb3g9IjAgMCA1OSA1OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTU1LjIwODQgMTIuODU0MUwzNC41NTQ4IDI3LjIyNDlDMzEuNTIxNyAyOS4zMTkyIDI3LjQ3NzcgMjkuMzE5MiAyNC40NDQ2IDI3LjIyNDlMMy43OTEwMiAxMi44NTQxTTQ4Ljk5NzkgNS4zNDY2OEgxMC4wMDE1QzYuNTM1MiA1LjM0NjY4IDMuNzkxMDIgOC4xNjMwOCAzLjc5MTAyIDExLjU1NzJWMzguMDU3M0MzLjc5MTAyIDQxLjUyMzYgNi42MDc0MiA0NC4yNjc4IDEwLjAwMTUgNDQuMjY3OEgxOC44ODRMMjkuNDk5NyA1NC44ODM1TDQwLjExNTQgNDQuMjY3OEg0OC45OTc5QzUyLjQ2NDIgNDQuMjY3OCA1NS4yMDg0IDQxLjQ1MTQgNTUuMjA4NCAzOC4wNTczVjExLjU1NzJDNTUuMjA4NCA4LjA5MDg3IDUyLjM5MiA1LjM0NjY4IDQ4Ljk5NzkgNS4zNDY2OFoiIHN0cm9rZT0iIzc5QUVCMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat center;
    display: block;
    height: 59px;
    margin: 0 .5rem 0 0;
    width: 59px;
}

.page-template-page-contact .wp-block-columns {
    position: relative;
    top: -140px;
    gap: 0;
}

.page-template-page-contact .wp-block-columns .wp-block-column:first-child {
    background: #FFFFFF;
    border-top: 8px solid #7FCAC8;
    padding: 1.5rem 0;
    box-shadow: 0px 4px 64px 0px rgba(0, 151, 161, 0.1);
}

.page-template-page-contact .wp-block-columns .wp-block-column .wp-block-contact-form-7-contact-form-selector {
    padding: 0 6rem;
}

.page-template-page-contact .wp-block-columns .wp-block-column .wp-block-contact-form-7-contact-form-selector .wpcf7-not-valid-tip {
    font-size: .8rem;
}

.page-template-page-contact .wp-block-columns .wp-block-column .wp-block-contact-form-7-contact-form-selector .wpcf7-response-output {
    font-size: .8rem;
    margin: 0 0 1rem;
}

.page-template-page-contact .wp-block-columns .wp-block-column .wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
    text-transform: uppercase;
    width: 100%;
}

.page-template-page-contact .wp-block-columns .wp-block-column:last-child {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin-top: 70px;
    max-width: 553px;
}

.page-template-page-contact .wp-block-columns .wp-block-column .frenchsys-map {
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 517px;
    width: 553px;
}

.page-template-page-contact .frenchsys-map * {
    color: #FFFFFF;
}

.page-template-page-contact .frenchsys-map h4 {
    margin-bottom: .3rem;
    text-transform: uppercase;
}

.page-template-page-contact .frenchsys-map p {
    margin-bottom: .2rem;
}

.page-template-page-contact .frenchsys-map p small {
    font-size: 0.813rem;
    text-transform: uppercase;
}

.page-template-page-contact .frenchsys-map h4 + p {
    margin-bottom: 3.5rem;
}

.page-template-page-contact .frenchsys-map .wp-block-social-links {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .page-template-page-contact .wp-block-columns {
        flex-direction: column;
    }
    .page-template-page-contact .wp-block-columns .wp-block-column:first-child {
        max-width: 553px;
        padding-bottom: 50px;
    }
    .page-template-page-contact .wp-block-columns .wp-block-column:last-child {
        justify-content: center;
        max-width: 553px;
        margin-top: -30px !important;
    }
    .page-template-page-contact .wp-block-columns .wp-block-column .wp-block-contact-form-7-contact-form-selector {
        padding: 0 3rem;
    }
}

@media (max-width: 575px) {
    .page-template-page-contact h1 {
        display: block;
    }
    .page-template-page-contact h1:before {
        margin: 0 auto .5rem;
    }
    .page-template-page-contact .wp-block-columns .wp-block-column {
        width: 100%;
    }
    .page-template-page-contact .wp-block-columns .wp-block-column .wp-block-contact-form-7-contact-form-selector {
        padding: 0 1rem;
    }
    .page-template-page-contact .wp-block-columns .wp-block-column .frenchsys-map {
        max-width: 100%;
    }
}

#featured-full-image {
    height: 100%;
}

.home #featured-full-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.quick-access {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style-type: none;
    margin: 0 0 6rem;
    padding: 0;
}

ul.quick-access li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    padding: 0;

    background: rgba(24, 43, 56, 0.5);
    border-top: 4px solid rgba(247, 247, 247, 0.3);
    backdrop-filter: blur(12px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

ul.quick-access li:hover,
ul.quick-access li.active {
    background: rgba(24, 43, 56, 0.7);
    border-top: 4px solid #ECF8F8;
    backdrop-filter: blur(12px);
}

ul.quick-access li a {
    display: block;
    color: #ffffff;
    padding: 1rem 2rem;
    text-transform: uppercase;
    text-decoration: none;
}

@media (max-width: 575px) {
    ul.quick-access li a {
        font-size: .9rem;
        padding: .5rem 1rem;
    }
}