@charset "UTF-8";
/*
Theme Name: xavierbrysbaert
Author: Clément Mille
Author URI: https://www.clement-mille.fr
Description: Specific theme for xavier-brysbaert.fr
Version: 1.0.0 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: uikit
Text Domain: asi

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
    --light: #FEF9EE;
    --blueblack: #272243;
    --red: #D34F31;
    --blue: #1361AA;
    --yellow: #F7AB24;
    --rouge-doux: #EE7856;
    --grey: #bbb;
    --anthracite: #303030;
}

html, body {color: var(--blueblack);background: #fff;font-size:16px;font-family: "Inter", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;font-variation-settings:"slnt" 0;}
#loading {position: fixed;display: flex; justify-content: center;align-items: center;width: 100%;height: 100%;top: 0;left: 0;background-color: var(--light);z-index: 99999999999;}
:focus {outline: none;}
.bglight{background:var(--light);}
/*body:not(.page):not(.home) #content a{display: block;}*/
.fullscreen{width: 100%;height: 100vh;}
:where(.wp-block-columns.is-layout-flex) {gap: 5em;}
em {color: var(--blueblack);}
a{color: var(--blueblack);-webkit-transition: all 0.3s ease-in-out !important;transition: all 0.3s ease-in-out !important;text-decoration:none;}
a:hover{color:var(--blueblack);text-decoration:none;}
body.page #content a:not(.wp-block-button__link){text-decoration: underline;}
footer a, header a{text-decoration:none;}
.fontk{font-family: "New Amsterdam", sans-serif;font-weight: 400;font-style: normal;}
.bannerrounded{border-radius: 30px;}
.borderrounded{border-radius: 34px;border: 0.85px solid var(--blue, #1361AA);box-sizing: border-box;}
.borderrounded:hover{border-width: 4px}
.uk-border-rounded{border-radius:20px}
.uk-background-muted{background:#f6f6f6;}

/*.alignfull {margin-left: calc((100% - 100vw) / 2);width: 100vw;}*/
.alignwide {margin-left: calc((100% - 60vw) / 2);width: 60vw;}
:where(.wp-block-columns){margin:0;}

.df-popup-thumb{width: 70% !important;}

/* home */
.home header{top: 0;position: absolute;width:100%;}
#parallax{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#parallax img {position: absolute;object-fit: cover;width: 100%;}
#parallax img.l5{width: 120%;max-width: 150%;height: 120%;top:-5%;left:-20%;right:-2%;bottom:-4%;}
#parallax img.l4{width: 200%;max-width: 150%;left: -30%;right: -2%;top: 30%;}
#parallax img.l3{width: 110%;max-width: 150%;top:30%;left:0;}
#parallax img.l2{width: 140%;max-width: 150%;left:-15%;right:-2%;top:-5%;height:150%;}
#parallax img.l1{width: 60%;bottom:0;left:10%;}
.home #realisations h2{font-size:40px;}
.footernav{z-index:1000000;}

.baseline{color: var(--red);font-size: 31.85px;font-weight: 500;letter-spacing: 0.101px;animation-name:slidelogo1;z-index:10;}
.logo1{display:block;color: var(--blueblack);font-family: "Koulen";font-size: 138.466px;font-style: normal;font-weight: 400;line-height: 0.9em;animation-name:slidelogo2;z-index:9;animation-duration:0.5s}
.logo1 strong{display: inline-block;position: relative;font-style: normal;font-weight: 400;}
.logo1 strong::after{content:'';position:absolute;top:4px;left:-50%;background:var(--yellow);border-radius: 50%;width: 108px;height: 108px;z-index:-1;animation:scaleup 0.5s ease-out both;animation-delay: 0.9s;}
.logo2{color: var(--blueblack);font-family: "Koulen";font-size: 81.705px;font-style: normal;font-weight: 400;line-height: 0.9em;animation-name:slidelogo3;z-index:8;animation-duration:0.7s}
.job{color: var(--blueblack);font-size: 21.629px;font-weight: 500;z-index:7;animation-name:slidelogo4;animation-duration:0.9s}
.job span{color: var(--blue);}
.baseline, .logo1, .logo2, .job{position: relative;animation-timing-function: cubic-bezier(0, 0, 0.058, 1.0);}
@keyframes slidelogo1{0% {transform: translateY(-100%);}100% {transform: translateY(0);}}
@keyframes slidelogo2{0% {transform: translateY(-200px);}100% {transform: translateY(0);}}
@keyframes slidelogo3{0% {transform: translateY(-300px);}100% {transform: translateY(0);}}
@keyframes slidelogo4{0% {transform: translateY(-400px);}100% {transform: translateY(0);}}
@keyframes scaleup{0% {transform: scale(0);}100% {transform: scale(1);}}



/* Text */
.uk-h1,.uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,h1, h2, h3, h4, h5, h6{font-family: "New Amsterdam", sans-serif;font-weight: 400;font-style: normal;}
.uk-h1, .uk-h3, .uk-h4, .uk-h5, .uk-h6,h1, h3, h4, h5, h6{color:var(--blueblack);}


/* NAVBAR */
.uk-navbar-container, .uk-navbar-container:not(.uk-navbar-transparent){background: rgb(255 255 255 / 90%);backdrop-filter: blur(5px);}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{min-height: 80px;}
.uk-navbar-sticky .uk-navbar-item, .uk-navbar-sticky .uk-navbar-nav>li>a, .uk-navbar-sticky .uk-navbar-toggle{min-height: 80px;}
.uk-navbar-nav>li>a,.uk-navbar-nav>li>a:focus{color:#000;position:relative;text-transform:initial;font-family: "Inter", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;font-variation-settings:"slnt" 0;font-size:16px;}
.uk-navbar-nav>li>a:after{position: absolute;bottom: 20px;left: 0;right: 0;margin: auto;width: 0%;content: '.';color: transparent;background: var(--yellow);height: 2px;transition: all .5s;text-shadow:none;}
.uk-navbar-nav>li>a:hover:after,.uk-navbar-nav>li.uk-active>a:after,.uk-navbar-nav>li.current-menu-item>a:after{width: 100%;}
.uk-navbar-nav>li:nth-child(3)>a{font-weight:700;}
.uk-navbar .uk-button-primary{padding:0 20px;min-height: 60px;background:var(--blue);color:#fff;border-radius:100px;}

.uk-navbar-toggle{color:#000;}
.uk-navbar-toggle-icon > svg {width: 40px;}

.uk-offcanvas-bar{background: rgb(255 255 255 / 92%);backdrop-filter: blur(5px);padding-top: 50px;}
.uk-offcanvas-bar .uk-nav-primary>li>a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a{color:var(--blueblack)}
.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a, .uk-offcanvas-bar .uk-nav-primary>li>a:hover, .uk-offcanvas-bar ul.sub-menu li a:hover, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a{color:var(--blue);}



/* réalisation */
.uk-description-list>dt{color:inherit;font-size:26px;}
.uk-description-list>dd{font-size:16px;}
.uk-description-list-divider>dt:nth-child(n+2){border-top: 1px solid rgb(229 229 229 / 30%);margin-top: 10px;padding-top: 10px;}
.single-work h2{font-size: 34px;padding:18px 0;text-align:center;display:inline-block;width:204px;line-height: 40px;background:transparent url('assets/img/buttonbg.svg') no-repeat;}
h2.bglarge{background:transparent url('assets/img/buttonbglarge.svg') no-repeat;width:225px;}
a.jx-knightlab{display: none !important;}

/* a propos */
.has-small-font-size{margin:0;}

.page-id-2 h1{font-size: 50px;color: var(--blueblack);position:relative;}

.page-id-2 h2{font-size: 50px;color: var(--blueblack);position:relative;display: table;margin: 0 auto;}
.page-id-2 h2:after{content: "";position:absolute;height: 4px;width:100%;left: 0;right: 0;bottom:0;margin: auto;background-color: var(--yellow);}
.page-id-2 h3{text-transform: uppercase;font-weight: 600; color: #d34f31;font-family: "Inter", sans-serif;font-size: 17px;padding:18px 0;text-align:center;display:inline-block;width:204px;line-height: 40px;background:transparent url('assets/img/buttonbg.svg') no-repeat;}
#cv p{margin:0;}
.superpos{margin-bottom: -100px;z-index: 10;position: relative;}


/* bonus */
.post-type-archive-bonus h1{font-size: 34px;line-height: 40px;}
.post-type-archive-bonus h2{font-family: Inter;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
.post-type-archive-bonus h3{font-family: Inter;font-size: 16px;font-style: normal;line-height: normal;color:#000;}
.post-type-archive-bonus .domaine{font-family: Inter;font-size: 18px;font-style: normal;line-height: normal;color:#000;}
.post-type-archive-bonus .banner p{margin:0;font-size:22px;}
#work_filter a{color:var(--blue);display:block;position: relative;padding:5px;}
#work_filter a:hover{color:var(--blueblack);}

#work_filter a:after{position: absolute;bottom: 0px;left: 0;right: 0;margin: auto;width: 0%;content: '.';color:transparent;background: var(--yellow);height: 2px;transition: all .5s;text-shadow:none;}
#work_filter a:hover:after{width: 100%;}
#work_filter li.uk-active a{background:var(--light);}

.post-type-archive-bonus .banner .bonus-banner-left{position: absolute;bottom:0;left:0;width:158px;height:119px;background:transparent url('assets/img/bonus-banner-left.svg') no-repeat;}
.post-type-archive-bonus .banner .bonus-banner-right{position: absolute;bottom:0;right:0;width:159px;height:124px;background:transparent url('assets/img/bonus-banner-right.svg') no-repeat;}
.js-filter img{border-radius:18px}

/* button */
.uk-button,.wp-block-button__link{border-radius: 50px;text-transform: initial;font-size:18px;}
.uk-button-primary,.wp-block-button__link,.uk-offcanvas-bar .uk-button-primary{background: var(--blue);color:#fff;}
.uk-button-primary:hover,.wp-block-button__link:hover,.uk-offcanvas-bar .uk-button-primary:hover{background: #ee7856;color:#fff;}
.uk-button-secondary{background: var(--yellow);color:var(--blueblack);}

/* footer */
.uk-icon-button{color:#abd9d3;}
.copyright{font-size:14px;}
.footer_title{font-size:28.324px;}
footer a{font-size:16px;color:var(--blue);font-weight:500;}
.wmaxcontent{width: max-content;}
footer .seemore span{color:var(--rouge-doux);padding:0 20px;}
footer .uk-leader{font-size:16px;}
footer{background: var(--light);}
.f1{position:absolute;background: transparent url('assets/img/PLAN_01.svg') no-repeat bottom;height:300px;width:100%;bottom:-52px;z-index:10;}
.f2{position:absolute;background: transparent url('assets/img/PLAN_02.svg') no-repeat bottom;height:302px;width: 472px;right:-50px;bottom:-140px;z-index:9;}
.f3{position:absolute;background: transparent url('assets/img/PLAN_03.svg') no-repeat bottom;background-size: 100%;height:300px;width:100%;left: -70px;bottom: -60px;z-index:8;}
.f4{position:absolute;background: transparent url('assets/img/PLAN_04.svg') no-repeat bottom;height:123px;width: 171px;left:150px;bottom:-30px;z-index:7;}
.footerh{height:300px;}
.footer_content{z-index: 100}


/* humanity */
.rd60 img:first-child{position:absolute;z-index:1;right: 0; left:0;bottom:0;margin:auto;animation: flotter 3s infinite alternate ease-in-out;}
.rd60 ._sup{height:980px;}

@keyframes flotter {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}


/* rhizome */
.rd46:before{content:"";position:absolute;bottom:100px;left:0;background: url('assets/img/forme_G_rhizome_desktop.svg') no-repeat;width:458px;height:437px;}
.rd46:after{content:"";position:absolute;top:0;right:0;background: url('assets/img/formes_D_rhizome_desktop.svg') no-repeat;width:555px;height:837px;}
.rd46 img{padding-top:400px;position:relative;z-index:1;}
.rd46{margin-bottom:-100px;}
.rhizome_banner{padding:0;}
.rhizome_banner .wp-block-cover__inner-container{z-index: 2;}
.rhizome_banner:after{content:"";height:30%;width: 100%;position:absolute;bottom:0;right:0;left:0;background:#fff;z-index: 1;}
.rb_mobileimg{padding-bottom:60px;}
/*.rh_scroll_desktop{height:400px;overflow-y: scroll;width: fit-content;}*/
.rhphones{gap:0;}


.rh_scroll_maskd{width:951px;height:780px;}
.rh_scroll_masks{width:361px;height:648px;}
.rh_scroll_smartphone_container {
  position: absolute;
  height: 598px;
  overflow: hidden;
  top: 16px;
  right: 0;
  left: 41px;
  bottom: 0;
  width: 279px;
  border-radius: 28px;
}
.rh_scroll_desktop_container {
    position: absolute;
    height: 509px;
    overflow: hidden;
    top: 30px;
    right: 0;
    left: 33px;
    bottom: 0;
    width: 886px;
}
.imgcontainer_m {
  position: relative;
  height: 598px;
  /*top: 0;
  left: 0;
  width: 100%;
  height: 100%;*/
  overflow-y: scroll;
  scrollbar-width: thin;
}
.imgcontainer_d {
  position: relative;
  height: 509px;
  /*top: 0;
  left: 0;
  width: 100%;
  height: 100%;*/
  overflow-y: scroll;
  scrollbar-width: thin;
}
.simgm,.simgd {width: 100%;position:relative;}/*cursor: grab;*/

.counter{color:#F7AB24;font-size:10em;line-height: normal;}
div.juxtapose{margin:0 auto;max-width:600px;}


@media only screen and (max-width: 1700px) {
  .f4{left:50px;}
}

@media only screen and (max-width: 1400px) {
  .alignwide {margin-left: calc((100% - 80vw) / 2);width: 80vw;}
}

@media only screen and (max-width: 1200px) {
  footer{background: var(--light) url('assets/img/shapes_footer_tablette.svg') no-repeat bottom;background-size: 100%;padding-bottom:50px;}
  .rhizome_banner:after{height:20%;}
}

@media only screen and (max-width: 960px) {
  .post-type-archive-bonus .banner .bonus-banner-left{left:-50px;}
  .post-type-archive-bonus .banner .bonus-banner-right{right:-50px;}
  .alignwide {margin-left: calc((100% - 85vw) / 2);width: 85vw;}
  #parallax{background: var(--light);}
  #parallax:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background: url('assets/img/formes_hautes_header_HOMEPAGE_mobile.svg') no-repeat top;background-size: 100%;}
  #parallax:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background: url('assets/img/formes_bas_header_HOMEPAGE_mobile.svg') no-repeat bottom;background-size: 100%;}

  /* rhizome */
  .rm46:before{content:"";position:absolute;bottom:0;left:0;background: url('assets/img/VAGUES_G_header_mobile.svg') no-repeat;width:172px;height:217px;}
  .rm46:after{content:"";position:absolute;bottom:0;right:0;background: url('assets/img/VAGUES_D_header_mobile.svg') no-repeat;width:175px;height:211px;}
  .rm46{padding-bottom:130px;}

  .logo1 {font-size: 80px;}
  .logo2 {font-size: 53px;}
  .logo1 strong::after {width: 60px;height: 60px;}
  .job {font-size: 13.7px;}
  .baseline{font-size: 21px;}
}


@media only screen and (max-width: 640px) {
  .post-type-archive-bonus .banner .bonus-banner-right{right:-80px;}
  footer{background: var(--light) url('assets/img/FORMES_footer_mobile.svg') no-repeat bottom;background-size: 100%;padding-bottom:200px;}
  .uk-leader-fill::after{display:none;}
  .wmaxcontent{width: initial;}
  :where(.wp-block-columns.is-layout-flex) {gap: 2em;}
  .uk-navbar .uk-button-primary{min-height: 50px}
  .footer_content{padding-bottom:80px;}
  .tm-footer-menu ul li{text-align: center;margin-top:0 !important;}
}

@media (min-width: 1400px) {
  #expertise:before{content:"";position:absolute;background: transparent url('assets/img/FORM_left.svg') no-repeat top;width:250px;height:254px;top:-156px;left:100px;z-index:10;}
  #expertise:after{content:"";position:absolute;background: transparent url('assets/img/FORM_right.svg') no-repeat bottom;width:300px;height:300px;bottom:-50px;right:-60px;z-index:10;}

  .form{position:absolute;z-index: 10}
  .form1{top:-150px;left:0;width:186px;height:326px;background: transparent url('assets/img/SHAPES__01.svg') no-repeat;}
  .form2{top:30%;right:0;width:113px;height:418px;background: transparent url('assets/img/SHAPES__02.svg') no-repeat;}
  .form3{top:60%;left:0;width:243px;height:486px;background: transparent url('assets/img/SHAPES__03.svg') no-repeat;}

  .postid-46 .form1{top:-150px;left:auto;right:0;width:208px;height:377px;background: transparent url('assets/img/SHAPES__04.svg') no-repeat;}
  /*.postid-46 .form2{top:30%;left:0;right:auto;width:291px;height:239px;background: transparent url('assets/img/shape_Left.svg') no-repeat;}
  .postid-46 .form3{top:60%;left:auto;right:0;width:327px;height:377px;background: transparent url('assets/img/SHAPES_right.svg') no-repeat;}*/
}

@media (min-width: 960px) {
  .uk-navbar-nav {gap: 80px;}
}

@media (min-width: 640px) {
  #menu-menu-footer{display: flex;}
  .tm-footer-menu ul li{display: inline-flex;align-items: center;justify-content: center;margin: 0!important;}
  .tm-footer-menu ul li:before{content:"•";display: inline-flex;align-items: center;justify-content: center;padding:0 8px;}
  .tm-footer-menu ul li:first-child:before{content:"";padding:0;display:none;}
}