/*
 Theme Name:   bootScore 5 Child
 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
*/
@font-face {
    font-family: PlutoLight;
    src: url(fonts/397999_0_0.64fe5aac.eot);
    src: url(fonts/397999_0_0.64fe5aac.eot?#iefix) format("embedded-opentype"), url(fonts/397999_0_0.384497dc.woff2) format("woff2"), url(fonts/397999_0_0.1a639e4c.woff) format("woff"), url(fonts/397999_0_0.7db5503d.ttf) format("truetype")
}

@font-face {
    font-family: 'avenir_next_lt_prodemi';
    src: url(fonts/avenir_next_lt_pro_demi-webfont.woff2) format('woff2'),
    url(fonts/avenir_next_lt_pro_demi-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir_next_lt_proregular';
    src: url(fonts/avenir_next_lt_pro_regular-webfont.woff2) format('woff2'),
    url(fonts/avenir_next_lt_pro_regular-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --bs-font-sans-serif: avenir_next_lt_proregular, sans-serif;
    --bs-primary: #00a5a9;
    --bs-primary-lighter: #2afaff;
    --bs-secondary: #002b3c;
    --bs-tertiary: #f6c142;
    --bs-darkest: #000000;
    --bs-gray-light: #f2f2f2;
}

h1 {
    color: var(--bs-primary);
    margin-bottom: 1.5rem;
}

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

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

b, strong {
    font-family: avenir_next_lt_prodemi, sans-serif !important;
}

.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);
}

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

.btn {
    border-radius: 0;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.page-item.active .page-link {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

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

.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);
}

.navbar {
    height: 51px;
    padding: 0;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--bs-gray);
    font-size: 1.1rem;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
    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 {
    background: var(--bs-primary);
}

.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 {
    color: #FFF;
}

.navbar .customer-access .nav-link {
    background: var(--bs-gray-light);
    color: var(--bs-tertiary);
    padding-left: 1rem;
    padding-right: 1rem !important;
}

.navbar .customer-access:hover .nav-link {
    color: var(--bs-darkest);
}

#offcanvas-menu-right .customer-access .nav-link {
    text-align: center;
}

.dropdown-toggle::after {
    vertical-align: 0.1rem;
}

.dropdown-item {
    color: var(--bs-gray);
    font-size: 1.1rem;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--bs-gray-light);
    color: var(--bs-darkest);
}

.dropdown-menu {
    background-color: #f8f9fa !important;
    border-radius: 0;
    border: 0;
    min-width: 12rem;
}

.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 {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--bs-gray);
    margin-top: 12px;
}

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

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

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

.offcanvas-open .navbar-nav .dropdown-menu.show {
    padding-top: 0;
}

.offcanvas-open .navbar-nav .dropdown-menu.show .dropdown-item,
.offcanvas-open .navbar-nav .dropdown-menu.show .dropdown-menu {
    background-color: var(--bs-gray-light) !important;
    margin-top: 0;
}

.offcanvas-open .navbar-nav .dropdown-menu.show .dropdown-submenu>.dropdown-menu {
    display: block;
    padding-left: 1rem;
    padding-top: 0;
}

#content {
    margin-bottom: 40px;
    min-height: 560px;
}

.home #content {
    margin-top: 51px;
}

#content h1, #content h2,
.animation-element {
    opacity: 0;
    position: relative;
}
#content h1,
.animation-element.slide-left {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
}
#content h2,
.animation-element.slide-right {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    -moz-transform: translate3d(100px, 0px, 0px);
    -webkit-transform: translate3d(100px, 0px, 0px);
    -o-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate3d(100px, 0px, 0px);
}
#content h1.in-view,
.animation-element.slide-left.in-view,
#content h2.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: 27px;
}

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

.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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    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;
}

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

.blog-post-title a {
    text-decoration: none;
}

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

@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;
    }
}

.block-slides,
.block-slides-carousel {
    position: relative;
    width: 100%;
    height: calc(50vh - 51px);
    min-height: 350px;
}

@media (max-width: 576px) {
    .block-slides,
    .block-slides-carousel {
        height: calc(100vh - 51px);
    }
}
.block-slides-video,
.block-slides-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.block-slides-video {
    overflow: hidden;
    z-index: -1;
}
.block-slides-video video {
    display: inline-block;
    object-fit: cover;
}
.block-slides-video:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), color-stop(80%, rgba(0, 0, 0, .5)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) 80%, #000);
}
.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;
}
.block-slides-carousel .carousel-content {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}

.block-slides-carousel .carousel-control-next,
.block-slides-carousel .carousel-control-prev,
.block-slides-carousel .carousel-indicators {
    z-index: 3;
}

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

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

@media (min-width: 782px) {
    .wp-block-latest-posts .wp-block-latest-posts__featured-image {
        float: left;
        margin-right: 10px;
    }
}

.wp-block-separator {
    margin-left: auto;
    margin-right: auto;
    width: 25%;
}

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

.wp-block-latest-posts {
    margin: 0;
    padding: 0;
}
ul {list-style-image :url(https://www.frenchsys.com/2021/content/uploads/2021/06/puce-bleu_ciel.png);
	line-height:35px;
}

.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;
}

#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 #FFF;
    display: inline-block;
    margin: 5%;
    padding: 2%;
}