/*
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
*/


/* GLOBAL CSS */

html{
  scroll-behavior: smooth;
}

:root{
  --jp-blue:#020A1F;
}


body {
  overflow: hidden;
}

h1,
h2,
h3,
h4 {
  font-family: "obviously-wide" !important;
  font-style: normal !important;
  font-weight: 500 !important;
}


/* HEADER */

.navbar-brand-solid .navbar-brand-inner {
  width: 90px !important;
  height: 70px !important;
}


/* FOOTER */

.footer_info_phone h4::before {
  content: "\f095";
  font-size: 20px;
  position: absolute;
  font-family: Fontawesome;
  left: -35px;
  top: 5px;
}
.footer_info_mail h4::before {
  content: "\f0e0";
  font-size: 20px;
  position: absolute;
  font-family: Fontawesome;
  left: -35px;
  top: 5px;
}


/* HOMEPAGE */

.about__container__right__text__counter li {
  height: 20px;
}
.about__container__right__text__counter {
 flex-direction: column;
}

.text_actu h2 {
  transform: translate(-15%, 0);
}


.text_stroke_js{
  position: absolute;
    top: 0;
    line-height: 1;
    margin-top: 0;
    z-index: 2;
    color: transparent;
    -webkit-text-stroke: 1px white;
}

@media screen and (max-width:768px) {
  [data-section-luminosity="light"] h2.text_stroke_js{
    -webkit-text-stroke: 1px black;
  }
  [data-section-luminosity="dark"] h2.text_stroke_js{
    -webkit-text-stroke: 1px white;
  }
}

.text_stroke h2 {
  width: max-content;
  left: 0vw;
  font-size: clamp(4vw, 32px, 11vw);
}
.text_stroke.skipper h2{
  transform: translate(0px, 100%);
  font-size: clamp(4vw, 32px, 7vw);
  right: 0px;
  left: unset;
  display: block;
  margin-left: auto !important;
}
@media screen and (min-width:1600px) {
  .figaro h2,.figaro p{
    transform: translateX(15vw);
  }
}
@media screen and (min-width:1200px) {
  .figaro h2,.figaro p{
    transform: translateX(12vw);
  }
}

@media screen and (min-width: 1400px){
.text_stroke.bizuth h2 {
    transform: translateX(-10%) !important;
}
}


@media screen and (min-width:768px) {
.text_stroke.beneteau h2{
  display: block;
  left: 100%;
  transform: translateX(-50%);
}
.text_stroke.beneteau-invert h2{
  display: block;
  left: 0;
  transform: translateX(-50%);
}
.text_stroke.solo_maitre h2{
  transform: translateX(-40%);
}
.text_stroke.bizuth h2{
  transform: translateX(50%);
}

}

.text_stroke.transat h2{
  left: 5vw;
  font-size: clamp(5vw, 32px, 11vw);
}

.text_stroke_mission h2 {
  position: absolute;
  width: max-content;
  right: 0px;
  top: 160px;
}
.text_stroke.missions h2{
  left: -25vw;
}
.le_parcours h2 {
  top: 400px;
  left: 200px;
  font-size: clamp(5vw, 32px, 11vw);
}


.slider_text h2{
  left: 5vw;
  transform: translateY(40px);
}

@media screen and (max-width:1500px) {
  .le_parcours h2 {
    top: 400px;
    left: 0px;
  }
}
@media screen and (max-width:1024px) {
  .le_parcours h2 {
    top: 150px;
    left: 0px;
  }

  .text_stroke.missions h2{
    left: -25vw;
  }
}

@media screen and (max-width:768px) {
  .text_stroke h2{
    line-height: 1.2;
  }
  .text_stroke.missions h2{
    left: 0px;
  }
  .le_parcours h2 {
    top: 0px;
    left: 0px;
  }
  .text_stroke.transat h2 {
    font-size: 42px;
  }
  .relative-m{
    position: relative !important;
  }
    
  .slider_text h2{
    left: 0vw;
    transform: translateY(0px);
  }
}
@media screen and (max-width:480px) {
  .text_stroke h2{
    font-size: 24px;
  }
}
@media screen and (min-width:1200px) {
  .row-gaped > div{
    row-gap: 150px !important;
  }
}



.become_partner {
  width: 120px;
  height: 120px;
  position: absolute;
  top: -70px;
  right: 25%;
}

.become_partner::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  background-color: var(--e-global-color-primary);
  border-radius: 100px;
  border: 10px var(--e-global-color-primary) solid;
  background-image: url(http://julienpulve2023.beekom.fr/wp-content/uploads/2022/05/Frame-2.svg);
  background-size: cover;
  animation: rotate 21s infinite linear;
}

.become_partner::before {
  content: "\279C";
  position: absolute;
  color: black;
  z-index: 2;
  top: 0;
  text-align: center;
  padding: 38%;
  width: 100%;
  font-size: 30px;
  height: 100%;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.page .partner_section {
  width: 70%;
  margin: 0 auto;
  transform: translate(0px, 60px);
  z-index: 1;
}

.missions_image_offset {
  transform: translate(250px, -50px);
}


.jp-carousel{
  top:calc(50%);
  transform: translateY(calc(-50% + 30px));
}

.jp-carousel img{
  max-height: 500px;
  object-fit: cover;
  max-width: 100%;
  width: 100%;  
}
.jp-carousel .carousel-nav{
  margin-top: 30px;
}
@media (max-width: 767px) {
  .jp-carousel img{
    max-height: 200px;
  }
}


article {
  border-radius: 0px !important;
}
article .lqd-lp-header {
  padding: 15px !important;
}
article .lqd-lp-header h2 {
  font-family: "obviously" !important;
  font-weight: 700 !important;
}
article .lqd-lp-excerpt {
  padding: 0px 15px 15px 15px !important;
}
article .lqd-lp-excerpt::before {
  content: "";
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  position: absolute;
  background-color: var(--e-global-color-94e29a6);
}
article .lqd-lp-excerpt::after{
  content: "+";
    right: 7px;
    bottom: 5px;
    font-size: 40px;
    font-weight: 100;
    color: white;
    position: absolute;

}
article .lqd-lp-excerpt p {
  width: 90%;
}
article .lqd-lp-author {
  display: none !important;
}
article .lqd-lp-date {
position: absolute;
right: -5px;
transform: rotate(-90deg);
transform-origin: top;
bottom: 65px;
}

.page-nav nav {
  width: fit-content;
  margin: 0 auto;
}

.line_draw {
  z-index: 1;
  position: absolute;
  top: -30px;
  right: -100px;
  width: 100%;
  height: auto;
  pointer-events: none;
}

@media (max-width: 1400px) {
    .missions_image_offset {
        transform: translate(30px, -50px);
      }
}


@media (max-width: 876px) {
  .text_stroke_mission h2 {
    position: relative;
    left: 0;
    top: 30px;
  }
  .text_actu h2 {
    transform: translate(0px, 0);
  }
  .missions_image_offset {
    transform: translate(30px, -50px);
  }

  
}



@media (max-width: 767px) {
    .order_section{
        order: 2;
    }
    .lqd-lp-column{
        width: 80% !important;
        margin: 0 auto !important;
        margin-bottom: 30px !important;
    }

    .page .partner_section {
        transform: translate(0px, 80px);
        padding: 10px !important;
      }
      .page .partner_section_wrap .elementor-column {
          width: 50%;
      }

      .line_draw {
        z-index: 1;
        position: absolute;
        top: -30px;
        right: 500px;
        width: 100%;
        height: auto;
      }
}


/* LE SKIPPEUR  */
/* CAROUSEL */
.skippeur-slider .about__container__right__text__paragraph{
  width: 650px;
}