/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*COLORS*/
:root {
	--purple: #673ab7;
	--orange: #ff5722;
	--turquoise: #68ebca;
	--rose: #e91e63;
	--blue: #4949e1;
	--yellow: #e1dc37;
	--grey: #999999;
	--light: #eeeeee;
	--shade: #00000052;
	--row : 125px;
	--grid: 35px;
	--transition: .25s;
}
body.main-color-purple {
	--main-color: var(--purple);
}
body.main-color-orange {
	--main-color: var(--orange);
}
body.main-color-turquoise, body.single-creations {
	--main-color: var(--turquoise);
}
body.main-color-rose {
	--main-color: var(--rose);
}
body.main-color-blue {
	--main-color: var(--blue);
}
body.main-color-yellow, body.single-post {
	--main-color: var(--yellow);
}
body.main-color-grey {
	--main-color: var(--grey);
}
body.scrolled .header-widget .socials a,
body.scrolled .mob-icon-menu:before,
body.scrolled .mob-icon-menu:after,
.page-title .shadow {
	color: var(--main-color);
}
.site-footer a.button,
.site-footer a.button:hover,
body .wpb_image_grid .wpb_image_grid_ul:before,
body .wpb_image_grid .wpb_image_grid_ul:after {
	background: var(--main-color);
}


/*ANIMATIONS*/
/*Animation : Fade in*/
@-webkit-keyframes fadein {
    100% {
 opacity:1;
}
}
@keyframes fadein {
    100% {
 opacity:1;
}
}
/*Animation : Fade out*/
@-webkit-keyframes fadeout {
    100% {
 opacity:0;
}
}
@keyframes fadeout {
    100% {
 opacity:0;
}
}
.fader {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.fader.in-view {
	transition-delay: 0s;
	opacity: 1;
	transform: translateY(0);
}


/*CURSOR*/
#cursor {
	position: fixed;
	z-index: 999999999;
	left: 0;
	top: 0;
	pointer-events: none;
	will-change: transform;
	mix-blend-mode: difference;
	opacity:0;
}
#cursor.cursor-on {
	opacity:1!important;
}
html.pum-open.pum-open-overlay #cursor {
	display:none;
}
@media (hover: hover) and (pointer: fine) {
.cursor__circle {
    width: 65px;
    height: 65px;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
    border: solid 1px rgb(255 255 255 / 100%);
	background-color: rgb(255 255 255 / 100%);
    border-color: rgb(255 255 255 / 100%);
    transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), width 0.4s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.mob-menu-no-scroll .cursor__circle{
    border: solid 1px rgb(255 255 255 / 100%);
}
.mob-menu-no-scroll #cursor.arrow .cursor__circle{
    background-color: rgb(255 255 255 / 100%);
    border-color: rgb(255 255 255 / 100%);
}
#cursor.arrow .cursor__circle{
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-color: #fff;
}
#cursor.subtle .cursor__circle{
    opacity: 0.16;
}
#cursor.overlay .cursor__circle{
    width: 62px;
    height: 62px;
    background-color: rgba(227, 222, 193, 0.08);
    border-color: transparent;
}
.out #cursor.arrow .cursor__circle, .out #cursor .cursor__circle {
    width: 0;
    height: 0;
	background-color:transparent;
	border-color:transparent;
}
}


/*LOADER/SPLASH/TIMEOUT*/
.splash.timeout {
    pointer-events: none;
	opacity: 0;
}
.splash {
    position: fixed;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
	background: black;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
    transform: scale(1);
    opacity: 1;
    pointer-events: initial;
}
.splash img {
    max-width: 100%;
    opacity: 0;
    animation: fadein .8s ease both;
    animation-delay: 0s;
	position:absolute;
}
.splash.fade1 img.gif1, 
.splash.fade2 img.gif2, 
.splash.fade3 img.gif3,
.splash.fade4 img.gif4 {
    animation: fadeout .8s ease both;
    animation-delay: 0s;
}
.splash img.gif1 {
    animation-delay: 0s;
	top: 0;
    left: 25%;
}
.splash img.gif2 {
    animation-delay: 0s;
    top: -5%;
    right: 25%;
}
.splash img.gif3 {
    animation-delay: 0s;
	bottom: 0;
    right: 25%;
}
.splash img.gif4 {
    animation-delay: 0s;
    position: absolute;
    left: 25%;
    bottom: -5%;
    transform: rotate(-45deg);
}
body:not(.home) .splash-lines, .home .splash-logo {
    display:none;
}
body:not(.home) .splash-logo img {
    display:block;
	width:320px;
	animation: fadein 0.8s ease both;
	animation-delay: 0.25s;
	position:relative;
}
body:not(.home) .splash {
    background: black;
}


/*PAGES*/
.cv-list, .profil-list {
    margin-top: 35px;
    padding: 0 var(--grid);
}
.cv-list a.button {
	margin:0 3px 6px 0!important;
}
.profil-list a.button {
	margin: 3px 1.5px!important;
}


/*GÉNÉRAL*/
html {
    -webkit-text-size-adjust: 100%!important; /* Prevent font scaling in landscape while allowing user zoom */
}
body, p, input, button, a, body #mobmenuright li a, textarea {
	font-family: "Fraunces", serif;
	font-family: "Noto Serif", serif;
}
body .vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}
iframe {
	border-radius: 15px;
}
.narrow iframe {
	background:black;
}
.wpb_wrapper p, .wpb_wrapper h4 {
    padding-bottom: 1.5em;
}
.wpb_wrapper p:last-child {
    padding-bottom: 0;
}
.wpb_image_grid .wpb_image_grid_ul img {
    aspect-ratio: 16 / 12;
    object-fit: cover;
}
.separate-containers.no-sidebar .site-main {
    width: 100%;
}
.no-padding .vc_column_container>.vc_column-inner {
	padding:0;
}
body {
    overflow-x: hidden;
}
body, p {
    color: black;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
}
b, strong {
    font-weight: 700;
}
.center {
    text-align:center;
}
body .light {
    background: var(--light);
}
body:not(.single) .featured-image {
    display: none !important;
}
body:not(.single) .inside-article .entry-header h1 {
	display:none;
}
.separate-containers .featured-image {
    margin-top: 0;
}
.featured-image img {
    height: 100vh;
    object-fit: cover;
    width: 100%;
}
a {
    color: black;
}
body .vc_row {
    margin-left: 0;
    margin-right: 0;
}
body .vc_row {
    display: flex;
    gap: 30px;
}
body .vc_row::before, body .vc_row::after {
    display: none!important;
}
body .vc_row.main-row:not(.portfolio) {
    display: flex;
}
.entry-content, .single-creation-data {
    background: white;
    z-index: 9;
    position: relative;
}
.wpb_single_image img, .wpb_wrapper p img {
    border-radius:15px;
}
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 0;
}
.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
    padding: 0;
}
.separate-containers .site-main {
    margin: 0;
}
body .grid-container {
    max-width: 100%;
}
h1, h2, h3, h4, h5, h6, p {
    margin:0;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
}
h1, .page-title {
    font-size: 90px;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0;
    position: relative;
    color: #fff;
}
h2 {
    font-size: 120px;
}
h3 {
    font-size: 50px;
}
h4 {
    font-size: 30px;
}
h5 {
    font-size: 20px;
}
h6 {
    padding-bottom: 11px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.3;
}
body .grid {
    max-width: 1300px;
    margin: 0 auto;
	padding-left: var(--grid);
	padding-right: var(--grid);
}
body .grid.contact-first {
    padding-bottom:60px;
}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0!important;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0!important;
}
a {
    transition:.5s;
}
a.button, body .main-navigation .main-nav ul li.cta a, body .lite .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus, body .gform_wrapper.gravity-theme .gform_footer button, body .gform_wrapper.gravity-theme .gform_footer input, body .gform_wrapper.gravity-theme .gform_page_footer button, body .gform_wrapper.gravity-theme .gform_page_footer input, input[type=submit]{
    color: white;
    border: 0;
    background: black!important;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 50px;
    border: 0;
    line-height: normal!important;
    transition: .5s;
	margin-top:35px;
    padding: 10px 25px;
	margin-bottom:0;
    display: inline-block;
}
body .gform_wrapper.gravity-theme .gform_footer, body .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 0;
    padding: 0;
}
body .gform_wrapper.gravity-theme .gform_footer input {
    margin:0;
}
body .gform_required_legend {
    display: none;
}
body .vc_btn3-container {
    margin-bottom: 0;
}
.main-row {
    padding-top: var(--row);
	padding-bottom: var(--row);
}
.center {
    text-align:center;
}


/************************/
/* SINGLE CREATIONS */
/************************/
.single-creation-data {
    display: flex;
    flex-direction: column;
    gap: 70px;
}
body.single-creations .creation-section {
	margin: 0;
}
body.single-creations .creation-text {
	max-width: 900px;
}
body.single-creations .creation-text p {
	margin-bottom: 20px;
}
body.single-creations .creation-text p:last-child {
	margin-bottom: 0;
}
/************************/
/* FEATURED VIDEO */
/************************/
body.single-creations .creation-video-featured {
	width: 100%;
}
body.single-creations .creation-video--featured {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: black;
    border-radius: 15px;
}
body.single-creations .creation-video--featured iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
/************************/
/* DETAILS */
/************************/
body.single-creations .creation-details__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr);
	gap: 80px;
	align-items: start;
}
body.single-creations .creation-details__left {
	display: flex;
	flex-direction: column;
	gap: 60px;
}
body.single-creations .creation-detail h4 {
	margin: 0 0 20px;
}
body.single-creations .creation-detail .creation-text {
	max-width: none;
}
/************************/
/* CAROUSEL */
/************************/
body.single-creations .creation-gallery {
	width: 100%;
}
body.single-creations .creation-gallery .grid {
	max-width: none;
	padding: 0;
}
body.single-creations .creation-carousel {
	position: relative;
	overflow: hidden;
	border-radius:15px;
}
body.single-creations .creation-carousel__track {
	display: flex;
	transition: transform .55s cubic-bezier(.22,.61,.36,1);
	will-change: transform;
}
body.single-creations .creation-carousel__slide {
	flex: 0 0 100%;
	min-width: 0;
}
body.single-creations .creation-carousel__slide img {
	display: block;
	width: 100%;
	height: min(68vw, 820px);
	object-fit: cover;
}
/************************/
/* CAROUSEL ARROWS */
/************************/
body.single-creations .creation-carousel__arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #000;
	font-size: 20px;
	cursor: pointer;
	transform: translateY(-50%);
	transition: transform .2s ease, opacity .2s ease;
}
body.single-creations .creation-carousel__prev {
	left: 20px;
}
body.single-creations .creation-carousel__next {
	right: 20px;
}
body.single-creations .creation-carousel__arrow:hover {
	transform: translateY(-50%) scale(1.08);
}
body.single-creations .creation-carousel__arrow:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}
/************************/
/* CAROUSEL COUNTER */
/************************/
body.single-creations .creation-carousel__counter {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 3;
	padding: 7px 12px;
	background: rgba(0,0,0,.65);
	color: #fff;
	font-size: 13px;
	line-height: 1;
}
/************************/
/* OTHER VIDEOS */
/************************/
body.single-creations .creation-videos {
	width: 100%;
}
body.single-creations .creation-videos .grid {
	max-width: none;
	padding: 0;
}
body.single-creations .creation-videos__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
body.single-creations .creation-videos__grid .creation-video {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: black;
	border-radius:15px;
}
body.single-creations .creation-videos__grid iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}


/*SINGLE POST*/
body.single-post .entry-header {
    position: absolute;
    z-index: 9;
    top: 0;
    width: 100%;
    padding: 0 10% 10vh;
    flex-direction: column-reverse;
    justify-content: flex-start;
}
.byline {
    display: none!important;
}
.single-post .entry-meta {
    color: white;
    font-size: 100%;
}
.single-post .entry-title {
    text-align: center;
}
.single-post .entry-content, .single-post.separate-containers .comments-area {
    padding: 100px 10%;
}
.single-post .entry-content p {
    padding-bottom: 25px;
}
.single-post .entry-content p:last-child {
    padding-bottom: 0;
}
.single-post.separate-containers .comments-area {
    background: var(--light);
}
.comment-form input, .comment-form-comment {
    margin-bottom: 0;
}
.comments-area h3 {
    font-size: 40px;
}
.logged-in-as {
    padding: 5px 0 0;
}
.comment-form-comment textarea {
    margin-top: 20px;
}
.comment-form-cookies-consent {
    margin-top: 10px;
}
footer.entry-meta {
    display:none;
}


/*FULLSCREEN MENU/HEADER*/
body .mobmenu-content .widget_simple_translation_language_switcher {
    justify-content: center;
}
body .mobmenu-content .widget_simple_translation_language_switcher a {
    color: black;
}
.mobmenu-right-panel .mob-cancel-button {
	display: flex !important;
}
body .site-branding {
    display: block!important;
    padding-left: 36px;
}
.main-title a, .main-title a:hover, .logo-type {
    font-size: 40px;
}
.main-navigation .inside-navigation, .inside-header, .main-navigation, .site-logo, .main-navigation .main-nav ul li a, .main-navigation li {
    transition: 0s;
}
.site-header, .nav-align-center .inside-navigation, .inside-header, .main-navigation {
    height: 80px;
}
body .site-logo {
    max-width: 90px;
    width: 90px;
}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
    padding-top: 0!important;
}
body .site-header {
    z-index: 999;
    mix-blend-mode: initial;
    transition: .35s;
    display: flex!important;
    left: 0;
    position: fixed;
    right: auto;
    width: 125px;
    height: 100vh;
    background: transparent;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
}
/*body.scrolled .site-header {
    background: transparent;
    opacity: 0;
    visibility: hidden;
}*/
html.mob-menu-no-scroll {
    overflow: auto;
}
body .mobmenu-right-alignment.show-panel {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
body .mobmenu-right-alignment {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
body .mobmenu-content li a, body #mobmenuright li a.lang-switch {
    display: block;
    letter-spacing: 0;
    padding: 0;
    text-decoration: none;
    font-size: 22px;
    color: #fff;
    padding: 0;
    font-weight: 400;
}
body .mobmenu-content li .socials a, .contact .socials a, .socials a {
    background: black;
    width: 32px;
	padding:0;
    border-radius: 50px;
    height: 32px;
    font-size: 16px;
    font-weight: 100;
    line-height: 1.5;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	margin: 0 3px;
}
body .mobmenu-content .socials {
    margin: 25px 0 0;
}
body .mobmenu-content li a.wpml-ls-link {
    padding-bottom:0;
}
body .mob-menu-header-holder {
    top: 0;
    right: 0;
    display: block;
    z-index: 9999;
    position: fixed;
    right: 0;
    width: 125px;
    height: 100vh;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(180deg);
    writing-mode: vertical-rl;
}
body .mobmenul-container, body .mobmenur-container {
    position: relative;
    top: 0;
    margin: 0!important;
    right: auto;
    height: 80px;
    display: flex;
    align-items: center;
}
body .mobmenur-container i:after, body i.mob-cancel-button:after {
    content: "Menu";
    color: #fff;
    font-weight: 300;
    letter-spacing: 3px;
    text-indent: 5px;
    text-transform: uppercase;
    font-size: 16px;
    font-style: normal;
    display: flex;
    width: 29px;
    align-items: center;
}
body .mobmenur-container i.mob-icon-menu, body .show-panel .mob-cancel-button {
	display:flex;
}
body i.mob-cancel-button:after {
    content: "Fermer";
    color: black;
    font-weight: 600;
    padding-right: 2px;
}
html[lang="en"] body i.mob-cancel-button:after {
    content: "Close";
}
body .mobmenu-right-panel .mobmenu-right-bt {
    right: 0;
    top: 0;
    height: 100vh;
    width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    z-index: 999999999;
}
body.mob-menu-slideout-over .mobmenu-right-alignment {
    right: 0;
    height: 100%;
    background: #fff;
    width: 100%;
    transition: transform .8s cubic-bezier(.76,0,.24,1) .2s;
    left: 0;
}
body.show-nav-right.mob-menu-slideout-over .mobmenu-right-alignment {
	transition: transform .8s cubic-bezier(.76,0,.24,1);
}
body .mobmenur-container i {
    transition:.5s;
}
body.show-nav-right .mobmenu-overlay {
    background: transparent;
}
body .mob-icon-menu:before, body .mob-icon-cancel-1:before {
    font-family: 'Font Awesome 6 Pro'!important;
    content: "\e122";
    position: relative;
    font-size: 32px;
    width: 32px;
    height: 32px;
    color: #fff;
    margin: 0;
    text-align: right;
    opacity: 1;
    transition: .5s;
    top: 1px;
    line-height: 1;
    padding: 0;
    margin: 0;
}
body .mob-icon-cancel-1:before {
    color: black;
}
body .mob-icon-menu:hover:before, body .mob-icon-cancel-1:before {
    font-weight: 900;
}
body .mob-icon-menu:before {
    font-weight: 100;
}
body .mob-icon-cancel-1:hover:before {
    font-weight: 300;
}
body .mobmenu-content #mobmenuright > li > a:hover, body .mobmenu-content #mobmenuright li:hover, body .mobmenu-content #mobmenuright li:hover {
    background: transparent;
}
body #mobmenuright li.current-menu-item a:hover {
    padding-right: 0;
}
body .mobmenu-content>div {
    width:100%;
}
#mobmenuright:before, .footer-widgets .widget-title {
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding-bottom: 0;
    display: block;
}
#mobmenuright:before {
    content: "Naviguer";
    color: black;
	display:none;
}
body #mobmenuright li a {
    line-height: 1;
    display: block;
    text-decoration: none;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    font-size: 30px;
    color: black!important;
    transition: .5s;
    text-align: left;
    margin: 25px auto;
    max-width: fit-content;
    padding-left: 2vw;
    position: relative;
    z-index: 999;
    padding: 0;
}
body #mobmenuright li a:hover {
    color: black!important;
}
body #mobmenuright li.sm a{
    font-size: 40px;
}
body #mobmenuright li.sm.btx a{
    margin-top: 35px;
}
body .mobmenu-content #mobmenuright .sub-menu {
    background-color: transparent;
    margin-top: -4vh;
    margin-bottom: 5vh;
}
body .mob-expand-submenu {
    position: absolute;
    right: 12vw;
    float: right;
    margin-right: 0;
    padding-left: 100%;
    padding-top: 2.5vw;
    margin-top: -5.3vw;
    padding-bottom: 2.5vw;
}
body #mobmenuright li i, body .show-nav-right .mob-expand-submenu i {
    color: #fff!important;
    font-size: 2.75vw;
}
body .mobmenu-content li > .sub-menu li {
    padding-left: 0;
}
body .mobmenu-content #mobmenuright .sub-menu a {
    color:#fff!important;
	margin: 0;
    font-size: 1.8vw;
    line-height: 1.25;
    padding: 0;
    padding-left: 2vw;
}
body #mobmenuright li.current-menu-item a {
    color:#fff;
}
body .rightmtop img {
    width: 150px;
    filter: brightness(0.05);
}
body .rightmtop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 200px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
body .mobmenu-content {
    margin-top: 0;
    z-index: 1;
    height: 100%;
    overflow: auto;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    padding: 0 10%;
    justify-content: center;
    text-align: center;
	animation: fadeout 1s ease both;
}
body .mobmenu-content li.call {
    display:none;
}
body.show-nav-right .mobmenu-content {
	opacity:0;
	animation: fadein 1s ease both;
    animation-delay: 0.5s;
}
body .mobmenu-content .rightmtop, body .mobmenu-content .rightmtop li, body .mobmenu-content .rightmtop li a {
    padding: 0;
    margin: 0;
}
body .mobmenu-content .rightmtop li a img {
    position: absolute;
    left: 23px;
    top: 30px;
    width: 55px;
}
body .rightmbottom, .mobmenu-content .widget {
    margin: 0;
    width: 100%;
    padding: 0;
}
body .rightmbottom img {
    margin-top: 35px;
    width: 210px;
}
.widget ul li {
    margin-bottom: 0;
}
body #custom_html-5, body .mobmenu-content li#text-2{
    width: 100%;
}
body .mobmenu-content p {
    margin: 0;
    padding-top: 30px;
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5;
}
body .mobmenu-content li#nav_menu-2 a {
    display: block;
    letter-spacing: 0;
    line-height: 0.9;
    text-decoration: none;
    font-size: 2vw;
    color: #fff;
    margin: 4vh 0;
    padding: 0;
    font-weight: 200;
}
body .mobmenu-content li#nav_menu-2 li:first-child a {
    margin-top:0;
}
body .mobmenu-content .widget {
    padding-bottom: 0px;
    padding: 0;
}
.container.grid-container {
    padding-left: 0;
    background: #fff;
}
body .mob-icon-menu:before {
    color: #fff;
}
body .mob-icon-menu:before, body .mob-icon-menu:after {
    transition:.5s;
}
.site-logo {
    display: flex;
    max-width: 100%;
    align-content: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    height: 80px;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 40px;
}
.nav-float-right #site-navigation {
	padding-left: 50px;
	padding-top: 50px;
	padding-bottom:0;
}
.nav-align-center .main-nav>ul {
    width: 100px;
    margin-right: 60px;
}


/*TEXT SCROLL*/
@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}
@keyframes marquee-reverse {
  0% { right: 0; }
  100% { right: -100%; }
}
.orb {
    width: auto;
    height: 10vw;
    background: transparent !important;
    border-radius: 0;
    display: inline-block;
    margin: 0 2vw;
    float: left;
    transition: all .2s ease-out;
    font-size: 8vw;
    line-height: 1.3;
    text-transform: none;
    font-weight: 700;
    color: var(--turquoise) 40;
    -webkit-text-stroke-color: inherit;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-text-stroke-width: 0.1vw;
}
.orb.full {
    -webkit-text-fill-color: rgb(0 19 43);
}
.orb.dot {
    opacity: 1;
}
.marquee--inner {
    display: block;
    width: 400vw;
    margin: 0;
    height: 10vw;
    position: absolute;
    animation: marquee 20s linear infinite;
}
.marquee {
    height: 10vw;
    width: 100%;
    border: 0;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto -5vw;
}


/*POPUP LIGHT GALLERY*/
.page-template-single-artist .lg-outer .lg-video .lg-object {
    width: 75% !important;
    height: 75% !important;
	top:12.5%;
	left:12.5%;
}
.page-template-single-artist .lg-outer .lg-video-cont {
    max-width: 1500px!important;
    padding: 0!important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
    display: none!important;
}
#lg-counter {
    font-size: 16px!important;
    padding-left: 22px!important;
    padding-top: 20px!important;
    font-weight: 600!important;
    letter-spacing: 0!important;
}
#lg-download {
	display:none!important;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
    font-size: 42px!important;
}
.lg-toolbar .lg-icon {
    font-size: 50px!important;
    height: 92px!important;
    padding: 0!important;
    width: 100px!important;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: transparent!important;
}
.lg-toolbar {
    background-color: rgba(0, 0, 0, 0.0)!important;
}
.lg-backdrop.in {
    opacity: 0.95!important;
}
.lg-backdrop {
    background-color: black!important;
}
body .lg-backdrop, body .lg-outer {
	z-index: 9999;
}


/*POST GRID*/
.blog-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:30px;
}
.blog-grid.columns-2 {
	grid-template-columns:repeat(2,minmax(0,1fr));
}
.blog-grid-item {
    display: flex;
    flex-direction: column;
    background: var(--light);
	border-radius: 0 0 15px 15px;
}
.blog-grid-image {
	display:block;
	overflow:hidden;
}
.blog-grid-image img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
    border-radius: 15px 15px 0 0;
}
.blog-grid-content {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	flex:1;
	padding: 30px;
}
.blog-grid-title {
	margin:0 0 15px;
	padding:0!important;
}
.blog-grid-title a {
	color:inherit;
	text-decoration:none;
}
.blog-grid-excerpt {
	margin-bottom:20px;
}
.blog-grid-button {
	margin-top:auto!important;
}
@media (max-width:767px) {
	.blog-grid,
	.blog-grid.columns-2 {
		grid-template-columns:1fr;
	}
}
.comment-form-comment textarea {
    border: 0;
}
.video.first {
    padding-top: 85px;
}
.video {
    padding-top: 15px;
}


/*PAGES*/
#accueil {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    background: black;
}
#accueil video {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1.15);
	transform: translateX(-50%) translateY(-50%) scale(1.15);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 1;
	overflow: hidden;
	opacity: .7;
}
.home-banner:before {
    content: "";
    height: 100vh;
    width: 100%;
    background: linear-gradient(0deg, black, transparent 50%);
    opacity: 1;
    display: block;
    position: absolute;
    z-index: 8;
}
#accueil .wpb_single_image.vc_align_left {
    text-align: center;
}
#accueil img {
    width: 350px;
}
#accueil div > div > .wpb_wrapper > div:not(.wpb_raw_code) {
	position:relative;
	z-index:9;
}
.img.vc_column_container>.vc_column-inner {
    background: transparent!important;
}
.home .site-footer {
    display: none;
}
body .lightbox .lb-image {
    border-radius: 0;
    border: 0;
}
body .lb-data .lb-number {
    opacity: 0;
}
body .lb-data .lb-close {
    opacity: 1;
	margin-top: 6px;
}
body .lb-outerContainer {
    border-radius: 0;
    background-color: transparent;
}
body .lightboxOverlay {
    background-color: black;
    opacity: 0.95;
}
.portfolio .portfolio-title {
    padding-bottom: 0;
}
body .wpb_gallery_slides.wpb_image_grid {
    padding-left: 20px;
}
body .wpb_image_grid .wpb_image_grid_ul:before, body .wpb_image_grid .wpb_image_grid_ul:after {
    content: "";
    height: 180px;
    right: auto;
	left:-20px;
    position: absolute;
    top: -20px;
	bottom:auto;
    width: 180px;
}
body .wpb_image_grid .wpb_image_grid_ul:after {
    right: -20px;
    bottom: -20px;
	top:auto;
	left:auto;
}
body .wpb_image_grid .wpb_image_grid_ul .isotope-item {
    position: relative!important;
    top: 0!important;
    margin: 0;
    width: 50%;
    float: left;
    left: 0!important;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
    width: 50%;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item:nth-child(2) img {
    border-radius: 0 15px 0 0;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item:nth-last-child(2) img {
    border-radius: 0 0 0 15px;
}
#first.portfolio {
    padding-top:150px;
}
.portfolio {
    padding-top:0;
}
.portfolio .cast {
    padding-bottom: 35px;
}
.portfolio .wpb_video_widget {
    padding-left: 50px;
    max-width: 75%;
    margin-bottom: 0px!important;
    margin-top: 5px;
}
.portfolio .more img {
    max-width: 185px;
    margin-left: 50px;
    margin-top: 45px;
}
.portfolio .more .calq img {
    max-width: 148px;
}
.portfolio .description {
    padding: 100px 75px 50px;
    background: var(--light);
    border-radius: 200px 0;
    margin-bottom: 70px!important;
    margin-top: -60px;
}
.portfolio h2 {
    display: inline-block;
    position: relative;
    z-index: 9;
    padding-left: 50px;
}
.portfolio h5 {
    color: var(--turquoise);
    font-weight: 700;
    line-height: 1;
    margin-left: -3px;
    margin-bottom: 12px;
    display: inline-block;
    position: relative;
    width: 100%;
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    font-size: 30px;
}
.links a {
    background: black;
    color: var(--light);
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 20px;
    display: inline-block;
    border-radius: 50px;
	letter-spacing:1px;
    margin: 15px 10px 0 0;
}
.padding h3 {
    padding-bottom: 30px;
}
.padding p, .padding h4 {
    padding-bottom:22px;
}
.padding p:last-child {
    padding-bottom:0;
}
.videos {
    padding: 75px 0 0;
    display: flex;
    gap: 20px;
}
.videos::before, .videos::after {
    display: none!important
}
.videos .vc_column_container>.vc_column-inner {
    padding:0;
}
.direction .video .vc_column_container>.vc_column-inner, .gallery .vc_column_container>.vc_column-inner {
    padding: 0;
}
.site-main .gallery {
    margin-bottom: 0;
	margin-top:100px;
}
ol {
	list-style-type: none;  
}
.vc_column-inner ol li:marker {
    display:none!important;
}
.vc_column-inner ol li:first-child:before {
    content: "1";
}
.vc_column-inner ol li:nth-child(2):before {
    content: "2";
}
.vc_column-inner ol li:nth-child(3):before {
    content: "3";
}
.vc_column-inner ol li:nth-child(4):before {
    content: "4";
}
.vc_column-inner ol li:nth-child(5):before {
    content: "5";
}
.vc_column-inner ol li:nth-child(6):before {
    content: "6";
}
.vc_column-inner ol li:nth-child(7):before {
    content: "7";
}
.vc_column-inner ol li:nth-child(8):before {
    content: "8";
}
.vc_column-inner ol li:before {
    content: "";
    position: absolute;
    margin-top: -2px;
    left: 35px;
    background: var(--main-color);
    color: #fff;
    width: 28px;
    text-align: center;
    height: 28px;
    border-radius: 50px;
    line-height: 30px;
    font-weight: 700;
}
.vc_column-inner ol li {
    padding-bottom: 15px;
}
.vc_column-inner ol li:last-child {
    padding-bottom: 0;
}


/*CRÉATIONS*/
.creations-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}
.creation-card__link {
	display: block;
	color: inherit;
	text-decoration: none;
}
.creation-card__image {
    overflow: hidden;
    border-radius: 25px 25px 0 0;
    aspect-ratio: 16 / 9;
}
.creation-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .6s cubic-bezier(0.22, 1, 0.36, 1);
}
.creation-card__link:hover .creation-card__image img {
	transform: scale(1.03);
}
.creation-card h5 {
    transition: var(--transition);
}
.creation-card:hover h5 {
    color: var(--turquoise);
}
.creation-date {
    text-align: center;
}
.creation-card__title {
    margin-top: 0;
    text-align: center;
    background: var(--light);
    padding: 25px 10% 28px;
    border-radius: 0 0 25px 25px;
}


/*ABOUT / CA*/
.profil-row .marquee {
    margin: 0 auto 30px;
}
.profil-row .vc_column_container>.vc_column-inner {
    padding:0;
}
.profil-row h4 {
    padding: 0 10%;
    line-height: 1.3;
}
.profil-row.about .profil {
    padding-left: 5px;
    padding-right: 5px;
}
body .profil-row .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, body .gform_wrapper.gravity-theme .gform_footer input {
    background: var(--grey);
    color: white;
}
.profil-row {
    text-align: center;
}
.profil {
    margin-top:10px;
	margin-right:7px;
}
.direction .profil, .about .profil {
    padding:0;
	padding-right: 10px;
    margin-right: 0;
	margin-top:0;
}
body .vc_tta-tab a:before, body .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab>a:before, body .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a:before {
    content: "";
    top: auto;
    right: auto;
	border-radius: 100%;
    width: 350px;
	height: 350px;
    display: block!important;
    background-size: cover!important;
    background-position: center!important;
    margin: 0 auto;
	filter:saturate(0);
	transition:1s;
	position: relative;
	border:0;
	background: url(/wp-content/uploads/avatar.png);
}
body .vc_tta-tab.vc_active a:before {
    filter: saturate(1)!important;
}
body .vc_tta-tab.vc_active a:before , body .vc_tta-tab a:hover:before {
    box-shadow: 0 0 15px var(--purple)ad;
}
body .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {
    text-align: center;
}
body .vc_tta-tab:first-child a:before {
    background: url(/wp-content/uploads/Nouvelle-photo-conseil-administration-Gabrielle-LSP-LOW.jpg)!important;
}
body .vc_tta-tab:nth-child(2) a:before {
    background: url(/wp-content/uploads/Anne-Marie-Duchene-credit-Maria-Panina.jpg)!important;
}
body .vc_tta-tab:nth-child(3) a:before {
    background: url(/wp-content/uploads/ABOUT-Helene-Belanger-Credit-Marie-Eve-Dion-LOW.jpg)!important;
}
body .vc_tta-tab:nth-child(4) a:before {
    background: url(/wp-content/uploads/ABOUT-Denis-Tremblay-credit-Denis-Tremblay.jpeg)!important;
}
/*body .vc_tta-tab:nth-child(5) a:before {
    background: url(/wp-content/uploads/photo-portrait-genevieve.jpg)!important;
}*/
body .vc_tta-tab:nth-child(5) a:before {
    background: url(/wp-content/uploads/ABOUT-Portrait-Thaina-SD.jpeg)!important;
}
body .vc_tta-tab:nth-child(6) a:before {
    background: url(/wp-content/uploads/ABOUT-Charles-Alexis-Desgagnes-credit-Marie-Eve-Dion-LOW.jpg)!important;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a,body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a, body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus, body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover {
    border-color: transparent;
    background-color: transparent;
    color: black;
	padding:15px 5px;
}
body .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    margin:0;
    width: 33.33%;
}
body .vc_tta-tab a span {
    background: var(--purple);
    color: var(--light);
    font-weight: 600;
    padding: 6px 20px!important;
    text-align: center;
    display: inline;
    border-radius: 250px;
    z-index: 9;
    position: relative;
    top: -45px;
}
body .vc_tta.vc_general .vc_tta-panel-body {
    padding: 60px;
}
body .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    border: none;
}
body .vc_tta-controls-align-left.vc_tta-tabs.vc_tta-tabs-position-top:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill) .vc_tta-panels {
    border: 0;
    border-radius: 50px;
    margin-top: 25px;
}
body .vc_tta.vc_general .vc_tta-panel-body p {
    padding-left: 60px;
}
body .vc_tta.vc_general .vc_tta-panel-body p a {
    font-weight: 700;
    color: var(--purple);
}
body .vc_tta.vc_general .vc_tta-panel-body h4 {
    position: absolute;
    color: var(--purple);
    transform: rotate(0deg);
    writing-mode: vertical-rl;
    margin-top: 6px;
    margin-left: -14px;
	line-height:1;
}
.ca>.vc_column_container:before {
    content: "";
    top: 700px;
    right: -50px;
    width: 122px;
    height: 381px;
    display: block;
    margin: 0 auto;
    position: absolute;
    background: url(/wp-content/uploads/arrow-ca.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    left: -35px;
    right: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1) rotate(-10deg);
}
/* The following code can be used to add a fade animation */
body .vc_tta-panel.vc_animating {
     opacity: 0;
}
body .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
    animation: vctabsAnimate 1s cubic-bezier(0.4, 0, 0.6, 1) 1;
}
@keyframes vctabsAnimate {
    0% {
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}


/*OTHERS*/
body .vc_toggle_title {
    display: inline-block;
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before {
    height: 24px;
    width: 20px;
    border: 0;
    background: transparent;
    font-family: 'Font Awesome 6 Pro';
    content: "\2b";
    font-weight: 900;
    font-style: normal;
    top: -5px;
    left: 5px;
    font-size: 22px;
}
body .vc_toggle_default.vc_toggle_active .vc_toggle_icon::before {
    visibility: visible!important;
    content: "\f068"!important;
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_title {
    padding-left: 35px;
}
body .vc_toggle_content p, body .vc_toggle_content li {
}
body .vc_toggle_content {
    margin-bottom: 0;
    margin-top: 10px;
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::after {
    display:none;
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon {
    background: transparent;
    border: 0;
}
body .vc_toggle_title>h4 {
    font-size: 19px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 700;
}
body .vc_toggle ul {
    margin: 0 0 25.5px 17px;
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_content {
    padding-left: 0;
    margin-top: 20px;
}
body .vc_toggle {
    margin: 0;
    padding: 0;
    padding-top: 22px;
}
body .vc_toggle:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}
.contact {
    margin: 0;
    background: #fff;
}
.contact i {
    display: block;
	padding-top:10px;
	padding-bottom:5px;
}
.contact .socials i {
    padding: 0;
    display: flex;
    text-align: center;
    color: #fff;
    align-items: center;
    justify-content: center;
    height: 32px;
}
.contact h3 {
    padding-bottom: 35px;
}
.contact p {
	color:black;
    padding-bottom: 25px;
}
.contact p:last-child {
    padding-bottom: 0;
}
.contact a:focus {
    color: black;
}
.contact .grid .vc_column_container>.vc_column-inner {
    padding: 0;
}
body .gform_wrapper.gravity-theme .gfield input.large, body .gform_wrapper.gravity-theme .gfield select.large, body .gform_wrapper.gravity-theme .gfield textarea.large {
    width: 100%;
    background: var(--light);
    border: 0;
    color: black;
    text-align: left;
    padding: 13px 30px;
    font-weight: 400;
    font-size: 16px;
    max-width: 450px;
    outline: none;
    text-transform: none;
    border-radius: 50px;
}
body textarea {
  resize: none;
}
body .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 120px;
    border-radius: 45px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #777;
	font-weight:400;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #777;
	font-weight:400;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #777;
	font-weight:400;
}
:-moz-placeholder { /* Firefox 18- */
	color: #777;
	font-weight:400;
}
body .gform_confirmation_message_1.gform_confirmation_message {
    color: black;
    font-weight: 600;
    padding: 35px;
    max-width: 100%;
    margin: 0;
    background: var(--light);
    border-radius: 100px;
    text-align: center;
}
¸.gform_wrapper .gform_validation_errors, .gform_wrapper.gravity-theme .description, .gform_wrapper .gform_validation_errors, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    display: none!important;
}
body img.gform_ajax_spinner {
	margin-top:5px;
	margin-left:10px;
}
body .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
    background: transparent;
    border: 0;
    margin-top: 0;
    padding: 5px 30px 0!important;
    font-size: 11px!important;
    text-transform: uppercase;
    letter-spacing: 0.5px!important;
    font-weight: 900;
    color: #cb3e3e;
}


/*TITLE*/
body.home article .inside-article .entry-header, .home #product-anchor img {
    display:none!important;
}
body .entry-header {
    height: 100vh;
	margin-bottom:0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    padding: 0 10% 15vh;
}
.header-shade {
    height: 100vh;
    width: 100%;
    background: black;
    position: absolute;
    top: 0;
    opacity: 0.75;
}
#product-anchor img {
    max-width: 300px;
    margin-top: -300px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transition: .5s;
}
.page-title .shadow {
    zoom: 2.25;
    position: absolute;
    transform: rotate(270deg);
    writing-mode: lr;
    bottom: -10px;
    line-height: 0.75;
    z-index: 8;
    width: 100%;
    display: flex;
    align-items: center;
    right: 8px;
    white-space: nowrap;
	opacity:.2;
	/*justify-content: center;*/
}
.page-id-487 .page-title .shadow /*contact*/ {
    color: #6464644d;
	opacity:1;
}
.page-title .text {
    z-index: 9;
    position: relative;
    line-height: 1;
    text-align: center;
}
body .ginput_container.ginput_recaptcha.gform-initialized {
    margin-top: -7px;
    margin-bottom: 8px;
}


/*COLLAB*/
#collab {
    position: relative;
    overflow: visible;
    padding-top: 60px;
}
.collab-inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
#collab:before,
#collab:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 120px;
	z-index: 5;
	pointer-events: none;
	display: none;
}
#collab:before {
	left: 0;
	background: linear-gradient(to right, var(--light), transparent);
}
#collab:after {
	right: 0;
	background: linear-gradient(to left, var(--light), transparent);
}
#collab,
#collab .flickity-viewport {
	touch-action: pan-y;
}
.landing-about .collab p {
	padding-top: 0;
}
.collab-slide {
	width: 100%;
}
.collab-slide button {
	background: transparent !important;
}
.collab-card {
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: center;
	cursor: pointer;
	color: inherit;
}
.collab-card__image {
    position: relative;
    display: block;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: var(--light);
    border-radius: 15px;
}
.collab-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.collab-card:hover .collab-card__image img {
	transform: scale(1.04);
	filter: grayscale(0);
}
.collab-card__image:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(to top, #ff57228a, rgba(75, 0, 12, 0));
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
    z-index: 1;
}
.collab-card:hover .collab-card__image:after {
	opacity: 1;
}
.collab-card__arrow {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: black;
	color: var(--light);
	display: flex;
	font-size: 16px;
	align-items: center;
	justify-content: center;
	transform: rotate(-45deg);
	transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), background 0.3s;
	z-index: 2;
}
.collab-card:hover .collab-card__arrow {
	transform: rotate(0deg);
	background: var(--main-color);
}
.collab-card__name {
	display: block;
	margin-top: 16px;
	font-weight: 600;
	color: black!important;
}
.collab-card__role {
    display: block;
    margin-top: 5px;
    color: black !important;
    font-size: 0.9em;
    padding: 0 20px;
    line-height: 1.25;
}
/* SLIDE-IN */
.collab-slidein {
	position: fixed;
	inset: 0;
	z-index: 99999;
	pointer-events: none;
}
.collab-slidein.is-open {
	pointer-events: auto;
}
.collab-slidein__backdrop {
	position: absolute;
	inset: 0;
	background: var(--shade);
	backdrop-filter: blur(5px);
	opacity: 0;
	transition: opacity 0.45s ease;
}
.collab-slidein.is-open .collab-slidein__backdrop {
	opacity: 1;
}
.collab-slidein__panel {
	position: absolute;
	-webkit-overflow-scrolling: touch;
	top: 0;
	right: 0;
	height: 100%;
	background: var(--light);
	transform: translateX(100%);
	transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
	overflow-y: auto;
	overflow-x: hidden;
}
.collab-slidein-open .mob-menu-header-holder {
	opacity:0;
	pointer-events:none;
}
.mob-menu-header-holder {
	opacity:1;
	transition: var(--transition);
}
.collab-slidein__panel::-webkit-scrollbar,
.booking-popup__grid-view::-webkit-scrollbar {
	width: 7px;
}
.collab-slidein__panel::-webkit-scrollbar-track,
.booking-popup__grid-view::-webkit-scrollbar-track {
	background: transparent;
}
.collab-slidein__panel::-webkit-scrollbar-thumb,
.booking-popup__grid-view::-webkit-scrollbar-thumb {
	background: black;
	border-radius: 999px;
}
.collab-slidein__panel::-webkit-scrollbar-thumb:hover,
.booking-popup__grid-view::-webkit-scrollbar-thumb:hover {
	background: var(--grey);
}
.collab-slidein__panel,
.cm-booking-slidein__panel {
	width: min(680px, 50vw);
}
.collab-slidein.is-open .collab-slidein__panel {
	transform: translateX(0);
}
.collab-slidein__close {
	top: 20px;
	right: 20px;
	z-index: 3;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: black;
	color: var(--light);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	font-size: 23px;
}
.collab-slidein__close:hover {
	background: black;
	color: var(--light);
}
.collab-slidein__content {
	padding: 0;
}
.member__hero {
	margin: 0;
	aspect-ratio: 1.25 / 1;
	background: var(--light);
	overflow: hidden;
}
.member__hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	object-position: center 25%;
}
.member__content {
	margin: -80px 50px;
	background: white;
	position: relative;
	padding: 35px;
	border-radius: 15px;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.landing-about .member__content p,
.landing-about .member__content h3 {
	padding: 0;
}
.landing-about .member__content p {
	padding-bottom: 20px;
}
.landing-about .member__content p:last-child {
	padding-bottom: 0;
}
.member__name {
	font-size: 38px;
}
.member__bio p {
    padding-bottom: 12px;
    font-size: 0.9em;
}
.member__bio p:last-child {
    padding-bottom: 0;
}
.member__links {
    display: flex;
    justify-content: center;
	gap:4px;
    align-items: center;
}
.member__content a.button {
    margin: 0;
}
.member__content a.icon {
    width: 35px;
    height: 35px;
    display: inline-flex;
    background: black;
    color: white;
    border-radius: 99px;
    align-items: center;
    justify-content: center;
}
.member__role {
	font-size: 17px;
	margin-bottom: 5px;
	color: var(--main-color);
	font-weight: 600;
	opacity: 1;
}
.member__contact {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	margin: 0;
	padding: 15px 0;
	border-top: 1px solid #3e05232b;
	border-bottom: 1px solid #3e05232b;
}
.member__contact span,
.member__contact a {
	color: inherit;
	text-decoration: none;
}
.member__contact a:hover {
	color: var(--coral);
}
.member__contact strong {
	display: block;
	font-size: 17px;
	color: var(--coral);
	font-weight: 600;
	opacity: 1;
	margin: 0;
}
.member__pricing {
	margin-top: 36px;
}
.member__pricing h4 {
	margin: 0 0 20px;
}
.button.member__cta br {
	display: none;
}


/*HEADER*/
.header-widget .socials {
    margin: 0;
    display: flex;
    gap: 8px;
}
.header-widget .socials a {
    background: transparent;
	color: white;
	font-size:18px;
}
.socials {
    margin: 35px 0 60px;
}
.main-row .socials {
    margin: 25px 0 0;
}
.grey .socials a {
    color: var(--light);
}
.gtranslate_wrapper {
    display: flex;
}
body a.glink.gt-current-lang {
    font-weight: 300;
}
body a.glink[data-gt-lang="fr"] {
	font-size:0!important;
}
body a.glink[data-gt-lang="fr"]:after {
    content: "Français";
    position: relative;
}
body header a.glink[data-gt-lang="fr"]:after {
    top: -12px;
}
body .mobmenu-content a.glink[data-gt-lang="fr"]:after {
    left: -12px;
}
.lang, .widget_gtranslate {
    display: flex;
    color: #fff;
}
.lang a, .widget_gtranslate a, body a.glink[data-gt-lang="fr"]:after {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
	padding:0;
    font-weight: 300;
    font-size: 16px!important;
    display: inline-flex;
}
.mobmenu-content .lang a, .mobmenu-content .widget_gtranslate a, body .mobmenu-content a.glink[data-gt-lang="fr"]:after, body .mobmenu-content a.glink.gt-current-lang {
    font-weight: 400;
    letter-spacing: 2px;
	color: black;
	margin: 0;
	padding:0;
}
.mobmenu-content .lang, .mobmenu-content .widget_gtranslate {
    justify-content: center;
	color: black;
}
.widget_gtranslate a:after {
    content:" ~ ";
	display:inline-block;
	padding: 15px 0;
}
.mobmenu-content .widget_gtranslate a:after {
	padding: 0 15px;
}
.widget_gtranslate a:last-of-type:after {
	display:none;
}
.call i {
    background: black;
    color: black;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50px;
    font-size: 19px;
}
.call:after {
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50px;
    pointer-events: none;
    border: 4px solid rgb(204 167 149);
    border-radius: 50%;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-name: intervalHamburgerBorder;
    animation-name: intervalHamburgerBorder;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.main-title a, .main-title a:hover, .logo-type {
    color: black;
    font-family: Robe;
    font-weight: 100;
    font-size: 50px;
}
.scrolled .main-title a, .scrolled .main-title a:hover {
    font-size: 40px;
}
.site-header, .nav-align-center .inside-navigation, .inside-header, .main-navigation {
    height: 120px;
}
.main-navigation .inside-navigation, .inside-header, .main-navigation, .site-logo, .main-navigation .main-nav ul li a, .main-navigation li, .main-title a {
    transition: .5s;
}
/*center logo*/
/*.site-header {
    width: 200px;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    right: 0;
    margin: 0 auto;
    background: transparent;
    z-index: 999;
}
/*left logo*/
.site-header {
    width: fit-content;
    position: fixed;
    top: 0;
    left: 50px;
    text-align: center;
    right: 0;
    margin: 0;
    background: transparent;
    z-index: 999;
}
/*center nav main menu*/
/*.nav-align-center .inside-navigation {
    justify-content: center;
}
/*right nav main menu*/
.nav-align-center .inside-navigation {
    justify-content: flex-end;
}
body .main-navigation li {
    padding: 0;
}
.inside-header {
    display: flex;
    align-items: center;
    padding: 0;
}
body .site-logo {
    max-width: 152px;
    width: 152px;
}
.main-navigation {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    background: rgb(0 0 0 / 0%);
}
.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child) {
    margin-top: 0;
    display: none;
}
.scrolled .main-navigation {
    background: black;
}
/*.scrolled .site-header, .scrolled .nav-align-center .inside-navigation, .scrolled .inside-header, .scrolled .main-navigation {
    height: 80px;
}*/
body.scrolled .site-logo {
    max-width: 90px;
    width: 90px;
    filter: invert(1);
}
body.scrolled .main-navigation .main-nav ul li a {
    color: #fff;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: black;
    background-color: transparent;
}
body .main-navigation .inside-navigation {
    padding: 0 50px!important;
}
body .main-navigation .main-nav ul li a {
    color: #ffffff;
    padding-left: 0px;
    padding-right: 0;
    margin-left: 50px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.75px;
    font-size: 14px;
	line-height:normal;
}
body .main-navigation .main-nav ul li.cta {
    margin-left:50px;
}
body.password-protected .main-navigation .main-nav ul li a:hover, .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
    color: black;
    background-color: transparent;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a  {
    color: black;
}


/*FOOTER*/
.site-footer .socials {
    margin: 0;
    margin-top: 32px;
    margin-bottom: 15px;
}
.site-footer a.button, .site-footer a.button:hover {
    margin-top: 38px;
    color: black;
    font-weight: 700;
}
.site-info .socials a, .site-info .socials a:hover {
    color: white;
    font-size: 18px;
    background: transparent;
}
.site-footer .copyright-bar {
    display:none;
}
.footer-bar .textwidget p:last-child {
    margin: 0;
    padding-top: 2px;
}
.site-info {
    color: #fff;
    background-color: black;
}
.site-info p {
    text-transform: none;
    font-weight: 200;
    margin: 0;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1.25px;
	padding:45px 0 0;
}
.inside-site-info {
    padding: 50px 15px;
}
.site-info a, .site-info a:hover {
    color: #fff;
    font-weight: 600;
    text-transform: none;
}
.site-info a.button {
    text-transform: uppercase;
}
.site-footer .widget img {
    width: 150px;
}


/***************************/
/***************************/
/***************************/
/*RESPONSIVE*/
/***************************/
/***************************/
/***************************/


@media only screen and (max-width: 1500px) {
body .grid {
    max-width: 1100px;
}
}


@media only screen and (max-width: 1250px) {
body .grid {
    max-width: 900px;
}
.collab-inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
}


@media only screen and (max-width: 1024px) {
:root {
	--row : 100px;
}
.portfolio .description {
    padding: 60px 75px 40px;
    border-radius: 150px 0;
    margin-top: -35px;
}
.portfolio .wpb_video_widget {
    max-width: 100%;
}
.portfolio h5 {
    margin-left: 0;
    margin-bottom: 12px;
    transform: none;
    writing-mode: horizontal-tb;
    font-size: 25px;
}
.padding .bio p:last-child {
    padding-bottom: 30px;
}
body .direction .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    margin-top: 10px;
}
.page-title {
    font-size: 70px;
    text-align: center;
    line-height: 1;
}
.page-title .shadow {
    zoom: 2.5;
    right: 2px;
}
h2 {
    font-size: 70px;
}
body .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    width: 33.33%;
}
.ca>.vc_column_container:before {
    opacity: 0;
}
.artist-cat, .artist-cat .name {
    height: 30vw;
}
.main-cat {
    width: 33.33%;
}
.artist-cat.tag {
    width: 30%;
}
.artist-cat {
    border: 3.3vw solid #fff;
}
#first.portfolio{
    padding-top: 100px;
}
.portfolio {
    padding: 60px 0;
}
}


@media only screen and (max-width: 900px) {
body .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    width: 50%;
}
}


@media only screen and (max-width: 768px) {
.collab-slide {
	max-width: 350px;
	margin-right: 20px;
}
.collab-slidein__panel {
	width: min(92vw, 560px);
}
.member__contact {
	grid-template-columns: 1fr;
	gap: 10px;
}
.direction .right {
    margin-top: 45px;
}
body .vc_row.main-row.contact {
    flex-direction: column;
}
.contact .gform_wrapper {
    padding-top: 60px;
}
.portfolio .description {
    padding: 0;
    border-radius: 150px 0;
    margin-top: 30px;
    background: transparent;
}
.cast p {
    padding-left: 0;
    font-size: 0.9em;
    text-align: left;
}
.portfolio .wpb_video_widget {
    padding-left: 0;
}
.portfolio .more img {
    margin-left: 0;
}
.page-id-485 .copyright p {
    text-align: center;
    padding-bottom: 50px;
}
.artist-photos-column {
    width: 100%;
}
.artist-photos-inner, .artist-medias .artist-photos-column .overlay, .artist-photos, .artist-medias {
    height: 700px;
}
.artist-photos-column {
    height: 350px;
}
.direcion iframe {
    height: 250px;
}
body .vc_tta.vc_general .vc_tta-panel-body {
    padding: 40px;
}
body .vc_tta.vc_general .vc_tta-panel-body p {
    padding-left: 40px;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: black;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}
body .vc_tta.vc_tta-spacing-1 .vc_tta-panel.vc_active+.vc_tta-panel .vc_tta-panel-heading, body .vc_tta.vc_tta-spacing-1 .vc_tta-panel:not(:first-child) .vc_tta-panel-heading {
    border-radius: 50px;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: var(--purple)1f;
}
body .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    border: none;
    margin-top: -6px;
    border: 1px solid var(--light);
    margin-bottom: 5px;
    border-radius: 0 0 25px 25px;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #fff;
    background: var(--purple);
    text-align: center;
    border-radius: 25px 25px 0 0;
}
body .vc_tta.vc_tta-spacing-1 .vc_tta-panel.vc_active .vc_tta-panel-heading, body .vc_tta.vc_tta-spacing-1 .vc_tta-panel:not(:last-child) .vc_tta-panel-heading {
    margin-bottom: 5px;
    border-radius: 50px;
}
#accueil img {
    width: 250px;
}
body .mob-menu-header-holder, body .mob-menu-header-holder, body .rightmtop, body .mobmenu-right-panel .mobmenu-right-bt {
    height: 170px;
}
body .site-header {
    display: none!important;
}
.orb {
    font-size: 15vw;
	-webkit-text-stroke-width: 0.2vw;
}
.marquee--inner {
    animation: marquee 15s linear infinite;
}
.orb, .marquee--inner, .marquee {
    height: 17vw;
}
.marquee--inner {
    width: 350vw;
}
.profil-row h4 {
    padding: 0 15%;
}
#others h2 {
    font-size: 35px;
}
#others .vc_col-sm-12 {
    padding: 0 25px;
}
.gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item {
    width: 50%;
}
.gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item:nth-child(2) img {
    border-radius: 0 70px 0 0;
}
.gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item:nth-child(3) img {
    border-radius: 0;
}
.gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item:last-child img {
    display: none;
}
.about-contact .vc_col-sm-4:first-child {
    padding-bottom:45px;
}
body .grid.contact-first {
    padding-bottom: 0;
}
body .wpb_gallery_slides.wpb_image_grid {
    padding-left: 20px;
    padding-right: 20px;
}
body .vc_row {
    display: flex;
    gap: 30px;
    flex-direction: column;
}
.single-creation-data {
    gap: 60px;
}
body.single-creations .creation-details__grid {
	grid-template-columns: 1fr;
	gap: 50px;
}
body.single-creations .creation-details__left {
	gap: 50px;
}
body.single-creations .creation-carousel__slide img {
	height: 70vw;
}
body.single-creations .creation-carousel__arrow {
	width: 44px;
	height: 44px;
	font-size: 17px;
}
body.single-creations .creation-carousel__prev {
	left: 10px;
}
body.single-creations .creation-carousel__next {
	right: 10px;
}
body.single-creations .creation-carousel__counter {
	right: 10px;
	bottom: 10px;
}
body.single-creations .creation-videos__grid {
	grid-template-columns: 1fr;
}
}


@media only screen and (max-width: 641px) {
:root {
	--row: 90px;
	--grid: 25px;
}
.creations-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}
.page-title {
    font-size: 60px;
}
body .mobmenu-content, #accueil, #accueil:before, body .entry-header, .header-shade {
    height: 100vh!important;
    height: calc(var(--vh, 1vh) * 100)!important;
}
#accueil img, body:not(.home) .splash img {
    width: 215px;
}
body .rightmtop img {
    width: 120px;
}
body:not(.home) .splash img {
    max-width:100%;
}
.splash img {
    max-width: 65%;
}
.splash img.gif2 {
    max-width: 110%;
}
.splash img.gif3 {
    max-width: 70%;
}
.splash img.gif4 {
    max-width: 85%;
}
body .mob-menu-header-holder, body .mob-menu-header-holder, body .mobmenu-right-panel .mobmenu-right-bt {
    width: 90px;
}
.socials {
    margin: 15px 0 35px;
}
body .rightmtop {
    width: 160px;
    height: 150px;
}
body .vc_toggle {
    text-align: left;
    line-height: 1.2;
    padding-top: 20px;
}
body .vc_toggle_content p, body .vc_toggle_content li {
    padding-left: 35px;
    padding-top: 5px;
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon {
    top: 14px;
}
body .mobmenu-right-panel li, body .rightmbottom, body .rightmtop {
    padding-left: 0;
    padding-right: 0;
}
#product-anchor img {
    max-width: 180px;
    margin-top: -170px;
}
h3 {
    font-size: 40px;
    line-height: 1.1;
}
h4 {
    font-size: 22px;
}
h2 {
    font-size: 55px;
}
.all p strong {
    padding: 20px 0 50px;
}
.collab-slide {
	max-width: 280px;
}
.collab-card__role,
.contact-info p strong {
	padding: 0;
}
.collab-card__arrow {
	top: 10px;
	right: 10px;
}
.member__content {
	margin: -30px 0;
	padding: 25px;
	border-radius: 15px;
}
.collab-slidein__panel {
	width: 100%;
}
.button.member__cta br {
	display: block;
}
.button.member__cta {
	line-height: 1.25;
}
.collab-slidein__content {
	padding: 0 20px 20px;
}
.member__hero {
	margin: 0 -5vw 0;
}
.soumission__cta-wrap p {
	line-height: 1.4;
	max-width: 250px;
	margin: 0 auto;
}
body.collab-slidein-open {
	overflow: hidden;
}
}


@media only screen and (max-width: 480px) {
.collab-inner {
	grid-template-columns: repeat(1, 1fr);
}
.collab-slide {
	max-width: 100%;
}
body .wpb_image_grid .wpb_image_grid_ul:before, body .wpb_image_grid .wpb_image_grid_ul:after {
    height: 120px;
    left: -13px;
    top: -13px;
    width: 120px;
}
body .wpb_image_grid .wpb_image_grid_ul:after {
    right: -13px;
    bottom: -13px;
    top: auto;
    left: auto;
}
body .wpb_gallery_slides.wpb_image_grid {
    padding-left: 13px;
    padding-right: 13px;
}
.portfolio h2 {
    padding-left: 30px;
}
.page-id-485 .site-footer {
    border-top: 30px solid #fff;
}
.single .entry-content, .single.separate-containers .comments-area {
    padding: 80px 30px;
}
.portfolio {
    padding: 40px 0;
}
#first.portfolio {
    padding-top: 50px;
}
body .mobmenu-content {
    padding: 0;
    justify-content: center;
    padding-bottom: 0px;
	padding-top:65px;
}
.socials {
    margin: 8px 0 30px;
}
body #mobmenuright li a {
    margin: 22px auto;
    padding-left: 0;
    font-size: 24px;
}
body .artist-page-top.grid {
    padding-left: 30px;
    padding-right: 30px;
}
body .vc_tta.vc_general .vc_tta-panel-body {
    padding: 25px;
}
body .vc_tta.vc_general .vc_tta-panel-body p {
    padding-left: 40px;
}
body .mobmenu-content li a, body #mobmenuright li a.lang-switch {
    font-size: 19px;
}
.vc_column-inner ol li:before {
    left: 25px;
}
}


@media only screen and (max-width: 1024px) and (max-height:450px) {
body #mobmenuright li a {
    font-size: 25px;
    margin: 20px auto;
}
body .rightmbottom, #mobmenuright:before, #accueil .arrow {
    display:none;
}
}