/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
html{--color-blue:#083a53;--color-green:#d1ebde;--color-red:#ed4337;--color-white:#fff;--color-black:#000;--color-main:var(--color-blue);--color-second:var(--color-green);--color-error:var(--color-red);--header-height:5em;--footer-height:2em;font-family:"Exo 2",sans-serif;font-size:16px;}body,input,textarea{background-color:var(--color-second);color:var(--color-main);}body.lighter{--color-main:var(--color-green);--color-second:var(--color-blue);}html,body,ul{padding:0;margin:0;}.layout-content .messages__wrapper,.layout-content .status-message{text-align:center;padding:2em 10em;}@media screen and (max-width:1024px){.layout-content .messages__wrapper,.layout-content .status-message{padding:2em 2em;}}.webform-submission-form .form-item-honeypot-captcha{display:none !important;}
.switch{position:relative;display:inline-block;width:3em;height:1.5em;margin-right:calc((var(--header-height) - 3em) / 2);}.switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-second);-webkit-transition:0.4s;transition:0.4s;border-radius:1em;}.slider:before{position:absolute;content:"";height:1em;width:1em;left:4px;bottom:4px;background-color:var(--color-main);-webkit-transition:0.4s;transition:0.4s;border-radius:50%;}input:checked + .slider{background-color:var(--color-second);}input:focus + .slider{box-shadow:0 0 1px var(--color-second);}input:checked + .slider:before{-webkit-transform:translateX(1.5em);-ms-transform:translateX(1.5em);transform:translateX(1.5em);}body header{position:relative;background-color:var(--color-main);color:var(--color-second);}body header .header__background{position:absolute;width:100%;z-index:0;opacity:0.05;bottom:0;height:100%;object-fit:cover;}body header .header__nav,body header .page__title{position:relative;z-index:1;}body header .header__nav{display:flex;height:var(--header-height);width:100%;}body header .header__nav .header__logo{height:var(--header-height);width:var(--header-height);mask-image:url(/themes/custom/alexandreurbain/images/favicon.svg);mask-size:45%;mask-repeat:no-repeat;mask-position:center;background-color:var(--color-second);}body header .header__nav .header__nav__mobile,body header .header__nav .header__account{position:absolute;top:calc(var(--header-height) * 0.275);right:calc(var(--header-height) * 0.275);height:calc(var(--header-height) * 0.45);width:calc(var(--header-height) * 0.45);mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--color-second);}body header .header__nav .header__nav__mobile{display:none;mask-image:url(/themes/custom/alexandreurbain/images/icn-menu.svg);}body header .header__nav .header__account{mask-image:url(/themes/custom/alexandreurbain/images/icn-account.svg);}body header .header__nav .header__nav--left,body header .header__nav .header__nav--right{display:flex;align-items:center;}body header .header__nav .header__nav--right{margin-left:auto;margin-right:var(--header-height);}body header .header__nav #block-alexandreurbain-account > ul,body header .header__nav #block-alexandreurbain-main-navigation > ul,body header .header__nav #block-alexandreurbain-mobile-footer > ul,body header .header__nav #block-alexandreurbain-selecteurdelangue > ul{display:flex;align-items:center;padding:0 0.5em;height:100%;}body header .header__nav #block-alexandreurbain-account > ul li,body header .header__nav #block-alexandreurbain-main-navigation > ul li,body header .header__nav #block-alexandreurbain-mobile-footer > ul li,body header .header__nav #block-alexandreurbain-selecteurdelangue > ul li{list-style:none;padding:0 0.5em;position:relative;}body header .header__nav #block-alexandreurbain-account > ul li a,body header .header__nav #block-alexandreurbain-main-navigation > ul li a,body header .header__nav #block-alexandreurbain-mobile-footer > ul li a,body header .header__nav #block-alexandreurbain-selecteurdelangue > ul li a{color:var(--color-second);text-decoration:none;}body header .header__nav #block-alexandreurbain-mobile-footer{display:none;}body header .header__nav #block-alexandreurbain-selecteurdelangue > ul li{padding:0.5em;}body header .header__nav #block-alexandreurbain-selecteurdelangue > ul li:first-child::after{content:"";display:block;width:2px;height:100%;background-color:var(--color-second);position:absolute;top:0;right:-1px;}body header .header__nav #block-alexandreurbain-contrast{display:flex;justify-content:center;align-items:center;}body header .header__nav #block-alexandreurbain-contrast:before{content:"";display:block;height:var(--header-height);width:var(--header-height);mask-image:url(/themes/custom/alexandreurbain/images/icn-contrast.svg);mask-size:45%;mask-repeat:no-repeat;mask-position:center;background-color:var(--color-second);}body header .page__title{display:flex;justify-content:center;align-items:center;padding:6em 0;}body header .page__title__image{height:12em;width:12em;border-radius:12em;border:0.25em solid var(--color-second);object-fit:cover;object-position:top;}body header .page__title__text{padding:0 5em;text-align:center;}body header .page__title__text .container{display:flex;font-weight:inherit;justify-content:center;}body header .page__title__text h1,body header .page__title__text .site_name{position:relative;text-align:center;padding:0.1em 1em;font-size:2em;font-weight:normal;margin:0.67em 0;}body header .page__title__text h1:not(.site_name)::after,body header .page__title__text .site_name:not(.site_name)::after{content:"";display:block;width:2px;height:100%;background-color:var(--color-second);position:absolute;top:0;right:-1px;}@media screen and (max-width:1024px){body header .page__title{flex-direction:column;}}@media screen and (max-width:54em){body header .header__nav .header__logo{position:absolute;top:0;left:0;}body header .header__nav .header__nav__mobile{display:block;}body header .header__nav .header__account{right:var(--header-height);}body header .header__nav .header__nav--left,body header .header__nav .header__nav--right{display:none;}body header .page__title__text{padding:0;}body header .page__title__text .container{flex-direction:column;}body header .page__title__text .container h1:not(.site_name)::after{content:unset;}body:not(.frontpage) header .site_name,body:not(.frontpage) header .site_slogan{display:none;}body.menu-open{overflow:hidden;}body.menu-open .header__nav{height:100vh;width:100vw;flex-direction:column;justify-content:center;background-color:var(--color-main);}body.menu-open .header__nav .header__nav__mobile{display:block;mask-image:url(/themes/custom/alexandreurbain/images/icn-close.svg);}body.menu-open .header__nav .header__nav--left,body.menu-open .header__nav .header__nav--right{width:100vw;display:flex;flex-direction:column;}body.menu-open .header__nav .header__nav--left #block-alexandreurbain-main-navigation,body.menu-open .header__nav .header__nav--left #block-alexandreurbain-mobile-footer,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-main-navigation,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-mobile-footer{display:block;}body.menu-open .header__nav .header__nav--left #block-alexandreurbain-main-navigation > ul,body.menu-open .header__nav .header__nav--left #block-alexandreurbain-mobile-footer > ul,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-main-navigation > ul,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-mobile-footer > ul{flex-direction:column;}body.menu-open .header__nav .header__nav--left #block-alexandreurbain-main-navigation > ul li,body.menu-open .header__nav .header__nav--left #block-alexandreurbain-mobile-footer > ul li,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-main-navigation > ul li,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-mobile-footer > ul li{padding:0.5em;}body.menu-open .header__nav .header__nav--left #block-alexandreurbain-selecteurdelangue,body.menu-open .header__nav .header__nav--right #block-alexandreurbain-selecteurdelangue{margin-top:1em;}}
body{padding-bottom:var(--footer-height);}body footer{position:fixed;bottom:0;z-index:1;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-main);height:var(--footer-height);width:100%;}body footer .footer__copyright{padding:0 1em;color:var(--color-second);}body footer #block-alexandreurbain-footer > ul{display:flex;align-items:center;padding:0 0.5em;height:100%;}body footer #block-alexandreurbain-footer > ul li{list-style:none;padding:0 0.5em;position:relative;}body footer #block-alexandreurbain-footer > ul li a{color:var(--color-second);text-decoration:none;}@media screen and (max-width:54em){body footer #block-alexandreurbain-footer{display:none;}}
.paragraph--type--rich-text{padding:2em 10em;text-align:center;}.paragraph--type--rich-text h2{padding-bottom:1em;}.paragraph--type--rich-text a{color:var(--color-main);}@media screen and (max-width:1024px){.paragraph--type--rich-text{padding:2em 2em;}}
.paragraph--type--skills{padding:2em 15em;}.paragraph--type--skills h2{text-align:center;padding-bottom:1em;}.paragraph--type--skills .field--name--field-skills{display:grid;grid-gap:1em;grid-template-columns:repeat(3,1fr);}.paragraph--type--skills .field--name--field-skills .container{position:relative;background-color:var(--color-main);padding:1em;color:var(--color-second);}.paragraph--type--skills .field--name--field-skills .container h3.title{background-color:var(--color-second);color:var(--color-main);width:fit-content;margin:auto;line-height:1em;padding:0.5em 1em;}.paragraph--type--skills .field--name--field-skills .container ul.children{display:grid;grid-gap:1em;grid-template-columns:repeat(2,1fr);margin-top:2em;}.paragraph--type--skills .field--name--field-skills .container ul.children li{text-align:center;list-style:none;}@media screen and (max-width:1650px){.paragraph--type--skills{padding:2em 10em;}}@media screen and (max-width:1250px){.paragraph--type--skills{padding:2em 5em;}.paragraph--type--skills .field--name--field-skills{grid-template-columns:repeat(2,1fr);}}@media screen and (max-width:1024px){.paragraph--type--skills{padding:2em 2em;}}@media screen and (max-width:750px){.paragraph--type--skills .field--name--field-skills{grid-template-columns:repeat(1,1fr);}}
.paragraph--type--timeline{padding:2em 10em;background-color:var(--color-main);color:var(--color-second);}.paragraph--type--timeline h2{padding-bottom:1em;text-align:center;}.paragraph--type--timeline .field--name--field-items{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;}.paragraph--type--timeline .field--name--field-items .container{position:relative;max-width:calc(100% - 6em);width:30em;padding:1em;padding-left:5em;box-sizing:border-box;}.paragraph--type--timeline .field--name--field-items .container .timeline{position:absolute;top:1em;left:0;height:100%;width:3.5em;margin-right:1.5em;}.paragraph--type--timeline .field--name--field-items .container .timeline .checkbox{position:absolute;top:1em;left:0;z-index:1;width:3em;height:3em;border-radius:3em;border:0.25em solid var(--color-second);background-color:var(--color-main);}.paragraph--type--timeline .field--name--field-items .container .timeline .checkbox:after{content:"";display:block;width:3em;height:3em;mask-image:url(/themes/custom/alexandreurbain/images/icn-check.svg);mask-size:45%;mask-repeat:no-repeat;mask-position:center;background-color:var(--color-second);}.paragraph--type--timeline .field--name--field-items .container .timeline .line{position:absolute;top:0;left:0;right:0;margin:auto;width:0.25em;height:100%;background-color:var(--color-second);}.paragraph--type--timeline .field--name--field-items .container:after{content:"";position:absolute;left:4em;top:2.75em;width:0;height:0;border-right:1em solid #fff;border-top:1em solid transparent;border-bottom:1em solid transparent;clear:both;}.paragraph--type--timeline .field--name--field-items .container:first-child{padding-top:0;}.paragraph--type--timeline .field--name--field-items .container:first-child:after{top:1.5em;}.paragraph--type--timeline .field--name--field-items .container:first-child .timeline .checkbox{top:0;}.paragraph--type--timeline .field--name--field-items .container:last-child .timeline .line{height:1em;}@media screen and (max-width:1024px){.paragraph--type--timeline{padding:2em 2em;}}@media screen and (min-width:750px){.paragraph--type--timeline .field--name--field-items:not(.landscape) .container{width:50%;margin-left:calc(50% - 2em);}.paragraph--type--timeline .field--name--field-items:not(.landscape) .container:nth-child(odd){margin-left:unset;margin-right:calc(50% - 5em);padding-left:1em;padding-right:5em;}.paragraph--type--timeline .field--name--field-items:not(.landscape) .container:nth-child(odd):after{left:unset;right:4em;border-right:unset;border-left:1em solid #fff;}.paragraph--type--timeline .field--name--field-items:not(.landscape) .container:nth-child(odd) .paragraph--type--timeline-item{margin-left:auto;}.paragraph--type--timeline .field--name--field-items:not(.landscape) .container:nth-child(odd) .timeline{left:unset;right:0;margin-right:0;margin-left:1.5em;}.paragraph--type--timeline .field--name--field-items.landscape{display:grid;grid-template-columns:repeat(3,1fr);}.paragraph--type--timeline .field--name--field-items.landscape .container{height:100%;width:100%;max-width:100%;padding-left:0.5em;padding-right:0.5em;padding-top:0;padding-bottom:5em;}.paragraph--type--timeline .field--name--field-items.landscape .container:first-child{padding-left:unset;padding-right:0.5em;}.paragraph--type--timeline .field--name--field-items.landscape .container:first-child .timeline .line{left:50%;width:50%;}.paragraph--type--timeline .field--name--field-items.landscape .container:last-child{padding-left:0.5em;padding-right:unset;}.paragraph--type--timeline .field--name--field-items.landscape .container:last-child .timeline .line{right:50%;width:50%;}.paragraph--type--timeline .field--name--field-items.landscape .container .timeline{top:calc(100% - 4em);right:0;height:3.5em;width:100%;margin-right:0;}.paragraph--type--timeline .field--name--field-items.landscape .container .timeline .checkbox{top:0;right:1em;margin:auto;}.paragraph--type--timeline .field--name--field-items.landscape .container .timeline .line{top:1.5em;width:100%;height:0.25em;}.paragraph--type--timeline .field--name--field-items.landscape .container .paragraph--type--timeline-item{height:100%;}.paragraph--type--timeline .field--name--field-items.landscape .container:after{left:0;right:1em;top:unset;margin:auto;border-left:1em solid transparent;border-right:1em solid transparent;border-top:1em solid #fff;border-bottom:unset;}}@media screen and (max-width:600px){.paragraph--type--timeline .field--name--field-items .container{max-width:100%;padding-left:0em;padding-right:0em;}.paragraph--type--timeline .field--name--field-items .container:after{content:unset;}.paragraph--type--timeline .field--name--field-items .container .checkbox{display:none;}.paragraph--type--timeline .field--name--field-items .container .timeline{display:none;}}
.paragraph--type--timeline-item{background-color:var(--color-white);color:var(--color-black);padding:1em;border-radius:1em;box-sizing:border-box;width:100%;max-width:30em;display:flex;flex-direction:column;justify-content:center;}.paragraph--type--timeline-item .field--name--field-title{font-size:1.2em;font-weight:bold;}.paragraph--type--timeline-item .field--name--field-subject{font-size:1em;font-style:italic;}.paragraph--type--timeline-item .field--name--field-content{font-size:0.9em;}