/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/


/* -------------------------------------------------------------------------------------------------------------------------------------

                                                        CSS BEEKOM

--------------------------------------------------------------------------------------------------------------------------------------- */


/* ------------ ANIMATION ------------ */

@keyframes jumping {
    0% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(-25px);
    }
}

@keyframes jumping2 {
    0% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(-10px);
    }
}

.croix_animate {
    animation: jumping 2.4s linear .1s infinite alternate;
}

.croix_animate_slow {
    animation: jumping2 1.9s linear .6s infinite alternate;
}

.croix_animate_slow2 {
    animation: jumping2 1.5s linear .6s infinite alternate;
}

.croix_animate_slow3 {
    animation: jumping2 1.7s linear .6s infinite alternate;
}

.croix_animate_slow4 {
    animation: jumping2 2.1s linear .6s infinite alternate;
}

.croix_animate2 {
    animation: jumping2 1.9s linear .6s infinite alternate;
}

.croix_animate3 {
    animation: jumping 2.1s linear 1.2s infinite alternate;
}


/* ------------ GLOBAL ------------ */

.main-header {
    pointer-events: auto !important;
}

/* font */


.header h2 {
    font-family: "Nexa Bold", Sans-serif !important;
    font-size: 41px !important;
    font-weight: 600;
    line-height: 1.2em;
}



/* html */


/* *,
*:hover,
*:active,
*:visited,
*:focus,
*:focus-visible,
*:target,
*:focus-within {
    cursor: none;
} */


/* header */

* {
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 6px;
}

*::-webkit-scrollbar-track {
    background-color: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: #6A42FF;
}

.revers-left-bar {
    transform: rotate(180deg);
    flex-direction: column-reverse;
}
.elementor-widget-ld_header_image{
    display: flex;
    align-items: center;
}

.line-under-sitelogo:before {
    content: "";
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    left: 0;
    top: 13%;
}

.lqd-back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 99;
}

.size-sitelogo img {
    margin-top: 10px;
    height: 60px;
}
.lqd-stickybar-wrap .size-sitelogo.elementor-widget-ld_header_image .elementor-widget-container{
    transform: rotate(-180deg);
}
.lqd-stickybar-wrap.lqd-stickybar-left{
    background-color: #6A42FF !important;
}

.menu-item-has-children a:after {
    content: '\00a0\00a0\00a0\ea2f';
    font: normal 1em/1 'lqd-essentials';
}

.menu-item-has-children ul li a:after {
    content: '';
}

.nav-item-children li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.nav-item-children li:after {
    content: "";
    position: absolute;
    margin-top: 5px;
    margin-left: 25px;
    margin-right: 25px;
    width: calc(100% - 50px);
    height: 1px;
    background-color: #bfbfbf;
}

.nav-item-children li:last-child:after {
    content: "";
    display: none;
}

.nav-bar-top-desk{
    width: calc(100% - 100px);
    float: right;
}
.nav-bar-top-desk + div {
    justify-content: space-between;
}
.main-nav{
    margin-inline-end: inherit !important ;
}
/* search bar */

.ld-module-trigger {
    height: 60px;
    width: 60px;
    justify-content: center;
}


/* footer */

.nav-bot li:nth-child(n+1) {
    border-right: solid white 1px;
}

.nav-bot li:last-child {
    border-right: none;
}


/* ----------- HOMEPAGE ---------- */

body p {
    margin-bottom: 0px !important;
}


/* layer illustraiton ecomob */

.size-layer-2 {
    width: 25% !important;
}

.size-layer-3 {
    width: 80% !important
}

.size-layer-4 {
    width: 35%!important
}


/* size img carousel */

.carousel-img-size img {
    height: 400px;
    width: 100%;
}


/* transition carousel to white transparent */

.left-to-right:before {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 100px;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
    z-index: 99;
}

.left-to-right:after {
    content: "";
    left: 0;
    top: 0;
    width: 150px;
    height: 100%;
    position: absolute;
    background: rgb(255, 255, 255);
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
    z-index: 99;
}


/* //1er partie */

.vertical-line-top:before {
    content: "";
    position: absolute;
    right: 25%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: white;
}

.vertical-line-top:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 25%;
    height: 1px;
    background-color: white;
}


/* //2eme partie */

.vertical-line-test:before {
    content: "";
    position: absolute;
    left: 25%;
    top: -20%;
    width: 1px;
    height: 120%;
    background-color: black;
    z-index: 1;
}

.vertical-line-test:after {
    content: "";
    position: absolute;
    left: 25%;
    z-index: 99;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: black;
}

.vertical-line-video:before {
    content: "";
    position: absolute;
    left: 25%;
    top: -20%;
    width: 1px;
    height: 120%;
    background-color: black;
    z-index: 1;
}


/* //3eme parite  */

.grey-section-top:before {
    content: "";
    position: absolute;
    left: 25%;
    top: -100px;
    width: 100%;
    height: 100px;
    background-color: #F0F0F0;
    border-left: solid 1px black;
}


/* //4eme partie  */

.bc-absol:before {
    margin-top: 100px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    height: 80%;
    background-color: #FF8282;
}

.bc-absol:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 20%;
    width: 60%;
    height: 1px;
    background-color: black;
}

.illu-absol {
    position: absolute;
    bottom: 20%;
    right: 0;
}


/* //5eme partie  */

.white-section-top-home:before {
    content: "";
    position: absolute;
    left: 40%;
    top: -160px;
    width: 100%;
    height: 25%;
    background-color: white;
}

.illu-perso-ges img {
    height: 65%;
    width: 65%;
    margin-right: 30%;
}


/* 6eme partie */

.white-section-bottom-home:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    height: 100px;
    background-color: white;
    border-bottom: solid 1px black;
}


/* chiffre du projet ecomob */

.size-number-ecomob p {
    font-size: 100%;
}


/* cards accordéon plus moins position */

.accordion span {
    position: absolute;
    left: 50%;
    bottom: -33px;
    text-align: center;
    font-size: 35px;
    transform: translate(-50%, -50%);
}

.accordion span:hover {
    cursor: pointer !important;
}


/* center title card */

.elementor-tab-title {
    text-align: center;
}


/* change top icone color */

.fill-icone-yellow path {
    fill: #FFCC5E!important;
}


/* filter on hover partner img */

.hover-img-filter:hover {
    transition: ease-out;
    transition-duration: .2s;
    filter: grayscale(100%);
}

.hover-img-filter {
    transition-duration: .2s;
}


/* center image carousel */

.center-img-carousel .swiper-slide {
    display: block;
    margin-top: auto;
    margin-bottom: auto;
}

.center-img-carousel .swiper-slide img {
    width: 150px;
    height: auto;
}


/* ----------- PAGES SECONDAIRES ---------- */


/* vertical line text + icone RS */

.vertical-line-team:before {
    content: "";
    width: 1px;
    left: -20px;
    top: -35px;
    position: absolute;
    height: 100%;
    /* height: calc(100% + -10px); */
    background: #6A42FF;
}


/* no margin bottom on p */

#margin-bottom p {
    margin-bottom: 0px;
}


/* 2eme partie */

.white-section:before {
    content: "";
    position: absolute;
    right: 0%;
    bottom: 0;
    width: 15%;
    height: 100px;
    background-color: white;
}

.white-section:after {
    content: "";
    position: absolute;
    right: 15%;
    z-index: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: black;
}


/* 4eme partie */

.white-section-top:before {
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
    width: 30%;
    height: 100px;
    background-color: white;
}

.white-section-top:after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 0;
    top: 100px;
    width: 30%;
    height: 1px;
    background-color: black;
}


/* -------------- PAGE PARTENAIRE ----------------- */

.bottom-align {
    bottom: -10%;
}


/* --------------- PAGE PROJET DE RECHERCHE ------------------ */

.grey-section-top-2:before {
    content: "";
    position: absolute;
    right: 25%;
    top: -100px;
    width: 100%;
    height: 100px;
    background-color: #F0F0F0;
    border-left: solid 1px black;
}

.grey-section-top-5:before {
    content: "";
    position: absolute;
    left: 0;
    top: -100px;
    width: 25%;
    height: 100px;
    background-color: #F0F0F0;
    /* border-right: solid 1px black; */
}

.grey-section-top-3:before {
    content: "";
    position: absolute;
    left: 0;
    top: -100px;
    width: 25%;
    height: 100px;
    background-color: #F0F0F0;
    /* border-right: solid 1px black; */
}

.vertical-line-test-2:before {
    content: "";
    position: absolute;
    right: 25%;
    top: 0px;
    width: 1px;
    height: calc(100% + 250px);
    background-color: black;
    z-index: -2;
}

.vertical-line-test-2:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 25%;
    height: 1px;
    background-color: black;
    z-index: -2;
}

.vertical-line-test-2-1:before {
    content: "";
    position: absolute;
    right: 25%;
    top: 0px;
    width: 1px;
    height: 100%;
    background-color: black;
    z-index: -2;
}

.vertical-line-test-2-1:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 25%;
    height: 1px;
    background-color: black;
    z-index: -2;
}

.vertical-line-test-3:before {
    content: "";
    position: absolute;
    left: 25%;
    top: -150px;
    width: 1px;
    height: calc(100% + 150px);
    background-color: black;
    z-index: -2;
}

.vertical-line-test-3:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 25%;
    height: 1px;
    background-color: black;
    z-index: -2;
}


/* -----------------  Page La complexité de l'info informatique -------------------- */

.grey-section-top-3:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 75%;
    height: 1px;
    background-color: black;
    /* border-right: solid 1px black; */
}

.grey-section-top-4:before {
    content: "";
    position: absolute;
    right: 0;
    top: -100px;
    width: 25%;
    height: 100px;
    background-color: white;
    border-left: solid 1px black;
}


/* -------------------------------------------------------------------------------------------------------------------------------------

                                                        RESPONSIVE BEEKOM

--------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 1600px) {
    .size-number-ecomob p {
        font-size: 80%;
    }
}

@media (max-width: 1440px) {
    .size-number-ecomob p {
        font-size: 60%;
    }
    
}

@media (max-width: 1199px) {
    .menu-item-has-children a:after {
        content: '';
    }
    .white-section-bottom-home:before {
        display: none;
    }
    .white-section-top-home:before {
        display: none;
    }
    .bc-absol:after {
        display: none;
    }
    .bc-absol:before {
        display: none;
    }
    .grey-section-top-2:before {
        display: none;
    }
    .grey-section-top:before {
        display: none;
    }
    .grey-section-top-3:before {
        display: none;
    }
    .grey-section-top-5:before {
        display: none;
    }
    .grey-section-top-3:after {
        display: none;
    }
    .grey-section-top-4:before {
        display: none;
    }
    .vertical-line-test:after {
        display: none;
    }
    .vertical-line-test:before {
        display: none;
    }
    .vertical-line-test-2:after {
        display: none;
    }
    .vertical-line-test-2:before {
        display: none;
    }
    .vertical-line-test-2-1:after {
        display: none;
    }
    .vertical-line-test-2-1:before {
        display: none;
    }
    .vertical-line-test-3:after {
        display: none;
    }
    .vertical-line-test-3:before {
        display: none;
    }
    .vertical-line-top:after {
        display: none;
    }
    .vertical-line-top:before {
        display: none;
    }
    .white-section:before {
        display: none;
    }
    .white-section:after {
        display: none;
    }
    .white-section-top:before {
        display: none;
    }
    .white-section-top:after {
        display: none;
    }
    .vertical-line-video:before{
        display: none;
    }
    /* logo mobile size */
    .logo-default {
        height: 40px !important;
    }
    /* display flex for order */
    .display-flex {
        display: flex;
    }
    .order-img {
        order: -1;
    }
}

@media (max-width: 1024px) {}

@media (max-width: 768px) {
    .nav-bot li:nth-child(n+1) {
        border: none;
    }
}

@media (max-width: 480px) {
    .size-number-ecomob p {
        font-size: 80%;
    }
}