/*!
Theme Name: bbz landing
Theme URI: http://blackblitz.fr
Author: jb @blackblitz
Author URI: justinbasile.me
Description: Landing 2018
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: page-transition
Text Domain: bbz

@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */@import url(https://fonts.googleapis.com/css?family=Doppio+One|Oswald|Roboto+Mono);@import url(https://use.fontawesome.com/releases/v5.0.6/css/brands.css);html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}button,input,label,select,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:0 0;line-height:1;font-size:13px;font-family:Arial}input:focus{outline:0}input,textarea{-webkit-box-sizing:content-box;box-sizing:content-box}button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select{-webkit-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{width:13px;height:13px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}button,input[type=button],input[type=reset],input[type=submit]{overflow:visible;width:auto;-webkit-appearance:none;border:0;border-radius:0}::-webkit-file-upload-button{padding:0;border:0;background:0 0}textarea{vertical-align:top;overflow:auto}select[multiple]{vertical-align:top}body{font-family:"Roboto Mono",monospace;font-weight:400;font-size:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-x:hidden}main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0;height:100vh}@media (min-width:0) and (max-width:1024px){main{height:auto}}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%}@media (min-width:0) and (max-width:1024px){.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(50% - 80px);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width:0) and (max-width:1024px){.column{width:100%}}.column--left{position:relative;padding:4em 0 2em 80px;background:url(/wp-content/themes/landingtheme/assets/img/bg-circle.svg) no-repeat left calc(50% - 20px)}.column--left header{width:70%}.column--left .content{max-width:70%}@media (min-width:0) and (max-width:1024px){.column--left .content{max-width:80%;margin:0 auto}}.column--right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.column--right header{position:absolute;top:4em}.layer{position:absolute;top:0;left:0;background:#fff;height:100%;width:100%;z-index:999;-webkit-transform:translateX(-100%);transform:translateX(-100%)}header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header p{margin:0;color:rgba(255,255,255,.2);font-family:Oswald,sans-serif;text-transform:uppercase}@media (min-width:0) and (max-width:1024px){header .logo__link{position:initial}}.sitemenu a:link,.sitemenu a:visited{color:#000;font-family:Oswald,sans-serif;text-transform:uppercase;position:relative}.sitemenu a:link:before{content:'';position:absolute;display:block;width:5em;height:2px;background:#000;left:-8em;top:.7rem;background-image:linear-gradient(227deg,#9551f5 0,#07049f 100%)}@media (min-width:0) and (max-width:1024px){.sitemenu a:link:before{width:3em;left:-4em}}footer{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;font-size:.8rem}@media (min-width:0) and (max-width:1024px){footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.social{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}.social__item{position:relative;margin-right:1em}.social__item:last-child{margin-right:0}.social__item:after{content:'-';margin-left:1em}.social__item:last-child:after{display:none}.social{padding:0}.social a{-webkit-transition:color .3s ease-out;transition:color .3s ease-out}.social a:link,.social a:visited{color:#000}.social .social__link--messenger:hover{color:#0084ff}.social .social__link--twitter:hover{color:#1da1f2}.social .social__link--instagram:hover{color:#e1306c}.social__link{margin-left:1em}.social__link:before{position:absolute;display:block;top:.1rem;left:-.1em;font-family:"Font Awesome 5 Brands";font-size:.7rem;content:''}.social__link--messenger:before{content:'\f39f'}.social__link--twitter:before{content:'\f099'}.social__link--instagram:before{content:'\f16d'}address{display:-webkit-box;display:-ms-flexbox;display:flex;font-style:normal;line-height:1;padding-left:80px}.social,address{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:35%}@media (min-width:0) and (max-width:1024px){.social,address{width:100%;margin:0 auto;padding:2em 0;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.nowplaying{width:30%}@media (min-width:0) and (max-width:1024px){.nowplaying{width:100%}}body{background:#1f1f25}a:link{text-decoration:none}.home footer a:link,.home footer a:visited{color:#fff}.home .container{color:#fff}.home .container .column--left{font-family:"Doppio One",sans-serif;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:0) and (max-width:1024px){.home .container .column--left{width:100%;padding:4em 0 2em}}.home .container .column--left header .logo__link{position:absolute;top:4em}@media (min-width:0) and (max-width:1024px){.home .container .column--left header{width:80%;margin:0 auto 3em}}.home .container .column--left header p{display:block;position:fixed;top:40%;right:-90px;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}@media (min-width:0) and (max-width:1024px){.home .container .column--left header p{display:block;position:fixed;top:226px;right:-90px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}.home .container .column--right{padding:4em 0 2em 80px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:0) and (max-width:1024px){.home .container .column--right{width:80%;padding:4em 0 2em;margin:0 auto}}.home .container p{font-size:1.5em;line-height:1.3;max-width:500px;margin:0 0 1em}@media (min-width:0) and (max-width:1024px){.home .container p{max-width:100%}}.home .container .projets,.home .container .publications{position:relative;margin-left:4em;width:calc(100% - 4em)}@media (min-width:0) and (max-width:1024px){.home .container .projets,.home .container .publications{margin-left:0;width:100%}}.home .container .projets h3,.home .container .publications h3{position:absolute;left:-6.5em;top:1.9em;margin:0;color:rgba(255,255,255,.38);font-family:Oswald,sans-serif;text-transform:uppercase;font-size:.75rem;font-weight:400;text-align:right}@media (min-width:0) and (max-width:1024px){.home .container .projets h3,.home .container .publications h3{position:initial;text-align:left;margin-bottom:.9em}}.home .container .projets h3:before,.home .container .publications h3:before{position:relative;display:block;top:-.8em;left:0;width:6em;height:2px;background:#fff;content:''}.home .container .list{display:block;margin:0;font-size:.9rem;line-height:2;padding:0 4em 0 0}.home .container .list a:link,.home .container .list a:visited{color:#fff}.home .container .list .list__item{list-style-type:none}.home .nav__button{display:inline-block;height:8px;width:8px;text-indent:-999999px;border:1px solid #fff;border-radius:50%}.home .nav__button:last-child{margin-left:3px}.home .nav__button:hover{background:#fff;cursor:pointer}.home .nav__button.is-active{background:#fff;-webkit-box-shadow:0 0 5px 0 rgba(255,255,255,.8);box-shadow:0 0 5px 0 rgba(255,255,255,.8)}.home .slider{margin-bottom:3em;padding-left:1em}@media (min-width:0) and (max-width:1024px){.home .slider{padding:0}}.page p{font-family:"Roboto Mono",monospace;color:#1f1f25;font-size:.8em;line-height:1.6;margin:2.5em 0}.page .container{color:#fff}@media (min-width:0) and (max-width:1024px){.page .container{position:relative}}.page .container .column{font-family:"Doppio One",sans-serif}.page .container .column--left{font-family:"Doppio One",sans-serif;width:70%;background:#fff url(/wp-content/themes/landingtheme/assets/img/bg-circle--grey.svg) no-repeat left calc(50% - 20px)}@media (min-width:0) and (max-width:1024px){.page .container .column--left{width:100%;padding:4em 0 2em}}.page .container .column--left header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#000;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;width:68%}@media (min-width:0) and (max-width:1024px){.page .container .column--left header{width:80%;margin:0 auto 3em}}.page .container .column--right{position:relative;font-family:"Doppio One",sans-serif;background:grey;width:30%;background:#1f1f25}@media (min-width:0) and (max-width:1024px){.page .container .column--right{width:100%;height:200px;position:initial}}.page .container .column--right .column__grid{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:0}@media (min-width:0) and (max-width:1024px){.page .container .column--right .column__grid{display:none}}.page .container .column--right a:link,.page .container .column--right a:visited{color:#fff}@media (min-width:0) and (max-width:1024px){.page .container .column--right header{position:fixed;position:fixed;top:221px;right:-3em;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:.05;font-size:2em}}.page .container .column--right p{color:#fff;margin:0;font-family:Oswald,sans-serif;line-height:2.5}@media (min-width:0) and (max-width:1024px){.page .container .column--right p{color:#000}}.page .content{overflow-y:scroll;margin:12em 0 2em}.page .content p.excerpt{font-family:"Doppio One",sans-serif;line-height:2}.page .content h1{color:#1f1f25;font-size:1em}.page .content h2,.page .content h3,.page .content h4,.page .content h5,.page .content h6{color:#1f1f25;font-weight:700}.page .content h2{font-size:.87em}.page .content h3{font-size:.85em}.page .content h4,.page .content h5,.page .content h6{font-size:.8em}.page .content ul{margin:0}.page .content ul li{color:#1f1f25;font-size:.8em;line-height:1.4}.page .content span.date{color:rgba(0,0,0,.2);font-family:Oswald,sans-serif;font-weight:800;margin:.5em 0;font-size:.7em}.page .content a{background:-webkit-gradient(linear,right top,left top,from(#9551f5),to(#07049f));background:linear-gradient(-90deg,#9551f5 0,#07049f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;position:relative}.page .content a:after{content:'';display:block;background:-webkit-gradient(linear,right top,left top,from(#9551f5),to(#07049f));background:linear-gradient(-90deg,#9551f5 0,#07049f 100%);height:1px;width:100%;position:absolute;-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}.page .content a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}@media (min-width:0) and (max-width:1024px){.page .content{max-width:80%;margin:0 auto}}.page .content img{display:block;width:100%;height:auto}.page footer{color:#000}.page .social,.page address{background:#fff;color:#000}.page address a:hover,.page address a:link,.page address a:visited{color:#000}#scrollshit{overflow-y:auto}.cta{position:relative;display:inline-block;border:1px solid #fff;padding:1em 3em 1em 2em;border-radius:100px;font-size:.8rem;background:#1f1f25;color:#fff;z-index:1}.cta:after{content:'';position:absolute;display:block;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:calc(1.5em + 2px);width:6px;height:6px;background:#fff;border-radius:50%}.cta:before{content:'';position:absolute;display:block;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:1.5em;width:8px;height:8px;background:0 0;border-radius:50%;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;opacity:1;-webkit-animation:1s cubic-bezier(0,.55,1,.55) infinite alternate blink;animation:1s cubic-bezier(0,.55,1,.55) infinite alternate blink}.home .cta{margin-top:2em}@-webkit-keyframes blink{from{opacity:0}to{opacity:1}}@keyframes blink{from{opacity:0}to{opacity:1}}.cta:hover{background:#fff;color:#1f1f25!important}.cta:hover:after{content:'';background:#1f1f25}.cta:hover:before{content:'';-webkit-box-shadow:0 0 10px #1f1f25;box-shadow:0 0 10px #1f1f25}.cta:hover:after{content:'';background:#1f1f25;-webkit-animation:.3s linear infinite alternate slidingPoint;animation:.3s linear infinite alternate slidingPoint}.cta:hover:before{content:'';visibility:hidden}@-webkit-keyframes slidingPoint{0%{-webkit-transform:translateX(0) translateY(-50%) scaleX(.9);transform:translateX(0) translateY(-50%) scaleX(.9)}20%{-webkit-transform:translateX(40%) translateY(-50%) scaleX(1);transform:translateX(40%) translateY(-50%) scaleX(1)}50%{-webkit-transform:translateX(100%) translateY(-50%) scaleX(1.3);transform:translateX(100%) translateY(-50%) scaleX(1.3)}80%{-webkit-transform:translateX(160%) translateY(-50%) scaleX(1);transform:translateX(160%) translateY(-50%) scaleX(1)}100%{-webkit-transform:translateX(200%) translateY(-50%) scaleX(.9);transform:translateX(200%) translateY(-50%) scaleX(.9)}}@keyframes slidingPoint{0%{-webkit-transform:translateX(0) translateY(-50%) scaleX(.9);transform:translateX(0) translateY(-50%) scaleX(.9)}20%{-webkit-transform:translateX(40%) translateY(-50%) scaleX(1);transform:translateX(40%) translateY(-50%) scaleX(1)}50%{-webkit-transform:translateX(100%) translateY(-50%) scaleX(1.3);transform:translateX(100%) translateY(-50%) scaleX(1.3)}80%{-webkit-transform:translateX(160%) translateY(-50%) scaleX(1);transform:translateX(160%) translateY(-50%) scaleX(1)}100%{-webkit-transform:translateX(200%) translateY(-50%) scaleX(.9);transform:translateX(200%) translateY(-50%) scaleX(.9)}}.nowplaying{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in;padding:3em 0}@media (min-width:0) and (max-width:1024px){.nowplaying{width:90%;margin:0 auto}}.nowplaying a:link,.nowplaying a:visited{color:#fff}.nowplaying .nowplaying__music{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nowplaying .nowplaying__url{margin-left:1em}.nowplaying .nowplaying__vinyle{display:block;-webkit-animation:3s cubic-bezier(.62,.84,.66,.43) infinite vinyl-rotate;animation:3s cubic-bezier(.62,.84,.66,.43) infinite vinyl-rotate}.nowplaying.not-active{opacity:0}@-webkit-keyframes vinyl-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes vinyl-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.stagioslove{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100px;height:100px;position:absolute;top:1em;right:4em}.stagioslove::after{position:absolute;content:'';display:block;background:url(/wp-content/themes/landingtheme/assets/img/stagios.svg) no-repeat center center;width:100px;height:100px;-webkit-animation:stagiosLove 14s linear infinite;animation:stagiosLove 14s linear infinite}.stagioslove::before{content:'❤';opacity:.5}@media (min-width:0) and (max-width:1024px){.stagioslove{display:none}}@-webkit-keyframes stagiosLove{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes stagiosLove{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}