@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
@import url('https://use.typekit.net/css5qic.css');

:root {
    --font-size-28-resp: clamp(1.5rem, calc(1.75 / 117.188* 100vw), 1.75rem);
}

.font-size-28 {
    font-size: var(--font-size-28-resp);
}

body.akeo-press {
    font-size: .875rem;
}

.tk-raleway {
    font-family: "raleway", sans-serif;
}

.alata {
    font-family: 'Alata', sans-serif;
}

.akeo-presse .header-top {
    background-color: #000;
    color: #fff;
}

.akeo-presse .navbar .nav-link {    
    color: #fff;
    font-size: .875rem;
}

    .akeo-press .navbar-toggler:focus {
        outline: 0;
    }

.akeo-presse .navbar-toggler-icon {
    position: relative;
    width: 100%;
    height: 3px;
    background-color: #000;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all .2s ease;
    transform-origin: center;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
}


/*footer*/

.akeo-presse .footer {
    font-family: 'raleway', sans-serif;
    font-size: 0.875rem;
    background-color: black;
    color: #fff;
    padding-left: 0px;
}

    .akeo-presse  .footer .list-group-item {
        background-color: transparent;
    }

    .akeo-presse .footer h5 {
        font-family: 'Alata', sans-serif;
        text-transform: uppercase;
        font-weight: bold;
    }

    .akeo-presse .footer a {
        color: #fff;
        opacity: 1;
    }

        .akeo-presse .footer a.btn:hover {
            background-color: #fff;
            color: black !important;
            text-decoration: none;
        }

        .akeo-presse .footer a:hover img {
            filter: invert(0); /* noir */
        }

    .akeo-presse .footer .list-group-item {
        padding: 0.75rem 0 !important;
    }

    .akeo-presse .footer h6, .footer h5 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .akeo-presse .footer a .icon-logo-life-business span:before {
        color: #fff !important;
    }

    .akeo-presse .footer a:hover .icon-logo-life-business span:before {
        color: black !important;
    }

    .akeo-presse .footer .container {
        padding-right: 30px;
        padding-left: 30px;
        max-width: 100%;
    }

    .akeo-presse .footer .align-baseline {
        vertical-align: baseline !important;
    }

    .akeo-presse .footer .font-size-16 {
        font-size: 1rem;
    }

    .akeo-presse .footer h6.facebook a span:first-of-type, .footer h6.youtube a span:first-of-type, .footer h6.instagram a span:first-of-type, .footer h6.linkedin a span:first-of-type {
        width: 35px;
        height: 29px;
        display: inline-block;
        text-align: center;
    }

    .akeo-presse .footer h6.facebook a span, .footer h6.youtube a span, .footer h6.instagram a span, .footer h6.linkedin a span {
        vertical-align: middle;
    }

    .akeo-presse .footer h5 span {
        vertical-align: text-bottom;
    }

    .akeo-presse .footer .facebook img, .footer .youtube img, .footer .instagram img, .footer .linkedin img, .footer .life-and-business img, .footer h5 img {
        filter: invert(1); /* blanc */
    }


    .akeo-presse .footer .facebook a, .footer .youtube a, .footer .instagram a, .footer .linkedin a, .footer .life-and-business a {
        line-height: inherit !important;
    }


    .akeo-presse button:focus {
        outline: none;
    }

*::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

*::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 0.25rem !important;
}

*::-webkit-scrollbar-track {
    background-color: #f4f4f4;
}


*::before, *::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
}

[data-toggle="collapse"] .fa-chevron-down,
[data-toggle="collapse"].collapsed .fa-chevron-right {
    display: inline-block;
}

[data-toggle="collapse"].collapsed .fa-chevron-down,
[data-toggle="collapse"] .fa-chevron-right {
    display: none;
}

.akeo-presse .font-weight-600 {
    font-weight: 600;
}

@media (max-width: 992px) {
    .akeo-presse .navbar {
        justify-content: flex-end;
    }

    .akeo-presse .navbar-toggler {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: all .3s ease;
        width: 25px;
        height: 21px;
        padding: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        z-index: 200;
        border: none;
    }

    .akeo-presse .navbar .nav-link {
        font-size: .75rem;
    }
}


@media (min-width: 768px) {
    .border-md-right {
        border-right: 1px solid #dee2e6 !important;
    }
}



@media (min-width: 1700px) {
    .w-xxxl-75 {
        width: 75% !important;
    }

    .w-xxxl-80 {
        width: 80% !important;
    }

    .ml-xxxl-1 {
        margin-left: 1rem !important;
    }

    .ml-xxxl-5, .mx-xxxl-5 {
        margin-left: 3rem !important;
    }

    .col-xxxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl,
    .container-xxxl {
        max-width: 1640px;
    }
}