/**
Theme Name: Astra Child
Author: Studio3615
Author URI: https://studio361.com/
Description: Custom theme for Gojob Talent
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
html[lang="fr-FR"] div[data-section="section-fb-social-icons-3"] {
	display: none !important;
}
html[lang="en-US"] div[data-section="section-fb-social-icons-1"] {
	display: none !important;
}
html[lang="en-US"] img[src="https://talent.gojob.com/wp-content/uploads/2025/11/image-2.png"] {
	display: none !important;
}


#cmplz-manage-consent {
	display: none !important;	
}

.hide-buttons-events div[data-section="section-hb-button-1"],
.hide-buttons-events aside[data-section="sidebar-widgets-footer-widget-4"] {
	display: none;
}


/* LANG SELECTOR */
footer .wpml-ls-slot-19 {
	display: none !important;
}

ul.main-header-menu > li.wpml-ls-item {
	height: fit-content !important;
	padding: 0 !important;
	margin-left: 25px !important;
}
ul.main-header-menu > li.wpml-ls-item .sub-menu {
	padding-top: 12px;
	box-shadow: none !important;
}
ul.main-header-menu > li.wpml-ls-item .sub-menu,
ul.main-header-menu > li.wpml-ls-item .sub-menu > li {
	width: fit-content;
}
ul.main-header-menu > li.wpml-ls-item .wpml-ls-display {
	display: none;
}
ul.main-header-menu > li.wpml-ls-item > a {
	height: fit-content !important;
    min-height: 0 !important;
	
	& > span.ast-header-navigation-arrow {
		line-height: 1;
	}
}
ul.main-header-menu > li.wpml-ls-item::before {
	content: '';
    background: center no-repeat url(/wp-content/uploads/2026/01/language_black.svg);
    background-size: cover;
    position: absolute !important;
    width: 20px;
    aspect-ratio: 1;
    left: -25px;
    top: 0;
	filter: invert(1);
}
ul.main-header-menu > li.wpml-ls-item > a {
	height: fit-content !important;
	padding: 0;
}
ul.main-header-menu > li.wpml-ls-item > ul.sub-menu {
	background: transparent !important;
    box-shadow: none;
    border: none;
	height: auto;
    width: auto;
    position: relative;
}
ul.main-header-menu > li.wpml-ls-item > ul.sub-menu > li {
	padding: 0 0 0 1px !important;
}
ul.main-header-menu > li.wpml-ls-item > ul.sub-menu > li > a {
	color: #fff !important;
    padding: 2px 10px !important;
    margin-left: -10px;
    width: fit-content;
    background: #101217d6 !important;
    opacity: 1;
    border-radius: 4px;
}



.ast-builder-grid-row.ast-grid-center-col-layout {
	grid-template-columns: auto 1fr auto;
}

#ast-desktop-header .site-header-primary-section-center,
#ast-desktop-header .site-header-primary-section-center > div,
#ast-desktop-header .site-header-primary-section-center > div > div,
#ast-desktop-header .site-header-primary-section-center > div > div .main-navigation {
	width: 100% !important;
}
#ast-desktop-header .site-header-primary-section-center > div > div .main-navigation #ast-hf-menu-1 {
	width: 100% !important;
	justify-content: center !important;
	padding-right: 6ch;
}

#ast-desktop-header .site-header-primary-section-center > div > div .main-navigation #ast-hf-menu-1 #menu-item-wpml-ls-19-fr,
#ast-desktop-header .site-header-primary-section-center > div > div .main-navigation #ast-hf-menu-1 #menu-item-wpml-ls-19-en {
	position: absolute;
    right: 0;
}

.sub-menu #menu-item-wpml-ls-19-en,
.sub-menu #menu-item-wpml-ls-19-fr {
	left: 0;
}

#ast-desktop-header .site-header-primary-section-right > div,
#ast-desktop-header .site-header-primary-section-right > div > div {
	padding: 0 !important;
}

#lang-mobile {
	margin: 0 !important;
	background: none;
	
	& > .sub-menu {
		margin: 0;
		background: none;
	}
	
	& > li.wpml-ls-slot-19 {
		margin-left: 0 !important;
	}
	
	& .sub-menu {
		margin-left: 0 !important;
		position: absolute;
		
		& a {
			line-height: 1.8;
			border: none;
		}
	}
	
	& > li.active .sub-menu {
		visibility: visible;
	}
	& > li:not(.active) .sub-menu {
		visibility: hidden;
		display: none;
	}
	
	& a {
		font-size: 15px !important;
		padding: 0;
	}
}

#ast-mobile-header .site-header-primary-section-right > div[data-section="section-header-mobile-trigger"] {
	padding: 0 !important;
}



.classic-img-ratio img {
	aspect-ratio: 590 / 500;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

.fullwidth-img,
.fullwidth-img > figure,
.fullwidth-img > figure > img {
	width: 100% !important;
}

#primary > #main > .ast-single-post-featured-section.post-thumb {
	display: none;
}
#primary > #main > .ast-single-post-featured-section + article {
	margin-top: 0 !important;
}
#primary > #main > .ast-single-post-featured-section + article > .entry-header.ast-no-title {
	margin: 0 !important;
}

.menu-item > a {
	outline: none !important;
}

body:is(.page-id-3, .page-id-3078, .page-id-3315, .single-post) .main-header-bar {
	background: #fff !important;
	border-bottom: 1px solid var( --ast-global-color-subtle-background,--ast-global-color-7 ) !important;
	
	& #mega-menu-item-736 > .mega-sub-menu,
	& #mega-menu-item-2409 > .mega-sub-menu {
		box-shadow: 0 30px 44px -5px #a464ff1c !important;
	}
	
	& #mega-menu-item-715 > ul {
		box-shadow: 0 0 44px 0 #a464ff1c !important;;
	}
	
	.site-branding.ast-site-identity {
		position: relative;

		&::before {
			content: '';
			background: center no-repeat url(https://talent.gojob.com/wp-content/uploads/2025/11/Gojob_Logo_Talent_Violet.svg);
			background-size: contain;
			width: 100%;
			height: calc(100% - 34px);
			position: absolute;
		}
		
		& img {
			opacity: 0;
		}
	}
	
	& #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		background: transparent !important;
		color: #24134B !important;
	}
	
	& #ast-hf-menu-1 > .menu-item > a {
		background: transparent !important;
		color: #24134B !important;
		font-weight: 500;
		
		& > span.menu-text {
			height: fit-content;
			line-height: 1.2em;
			background: no-repeat linear-gradient(to right, #24134B);
			background-position: bottom right;
			background-size: 0% 1px;
			transition: background-size 500ms;
		}
		
		&:hover > span.menu-text {
			background-position: bottom left;
			background-size: 100% 1px;
		}
	}
	
	& ul#mega-menu-primary > li.mega-menu-item span.mega-indicator::after {
		content: '' !important;
		background: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9731 0.5L5.73657 5.73657L0.5 0.5" stroke="%2324134B" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		width: 12px !important;
		height: 7px !important;
		display: block !important;
		transition: 300ms;
	}
}



body:not(.ast-theme-transparent-header) .main-header-bar {
	background: #fff !important;
	border-bottom: 1px solid var( --ast-global-color-subtle-background,--ast-global-color-7 )  !important;
	
	& #mega-menu-item-736 > .mega-sub-menu,
	& #mega-menu-item-2409 > .mega-sub-menu {
		box-shadow: 0 30px 44px -5px #a464ff1c !important;
	}
	
	& #mega-menu-item-715 > ul {
		box-shadow: 0 0 44px 0 #a464ff1c !important;;
	}
	
	& #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		background: transparent !important;
		color: #24134B !important;
	}
	
	& ul#mega-menu-primary > li.mega-menu-item span.mega-indicator::after {
		content: '' !important;
		background: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9731 0.5L5.73657 5.73657L0.5 0.5" stroke="%2324134B" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		width: 12px !important;
		height: 7px !important;
		display: block !important;
		transition: 300ms;
	}
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	font-size: 15px !important;
	transition: color 300ms;
}

#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
	background: transparent !important;
	color: #A464FF !important;
}

body.ast-theme-transparent-header .main-header-bar .menu-item > a {
	background: transparent !important;
	color: #fff !important;
	font-weight: 500;

	& > span.menu-text {
		height: fit-content;
		line-height: 1.2em;
		background: no-repeat linear-gradient(to right, #fff);
		background-position: bottom right;
		background-size: 0% 1px;
		transition: background-size 500ms;
	}

	&:hover > span.menu-text {
		background-position: bottom left;
		background-size: 100% 1px;
	}
}


ul#mega-menu-primary > li.mega-menu-item span.mega-indicator::after {
	content: '' !important;
	background: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9731 0.5L5.73657 5.73657L0.5 0.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	width: 12px !important;
	height: 7px !important;
	display: block !important;
	transition: 300ms;
}
ul#mega-menu-primary > li.mega-menu-item:hover span.mega-indicator::after {
	content: '' !important;
	background: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9731 0.5L5.73657 5.73657L0.5 0.5" stroke="%23A464FF" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	rotate: 180deg;
}

#mega-menu-primary .mega-menu-title,
ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	color: #24134B !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.8em !important;
	text-transform: none !important;
}
#mega-menu-primary .mega-menu-description {
	color: #24134bb3 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
	text-transform: none !important;
	font-style: normal !important;
}
#mega-menu-primary .mega-icon-left > a.mega-menu-link {
	display: flex !important;
	
	&::before {
		font-size: 18px !important;
	}
}
#mega-menu-item-736 > .mega-sub-menu {
	top: 100% !important;
	left: -50% !important;
	width: 120% !important;
	border-radius: 5px !important;
	padding-top: 30px !important;
    background: transparent !important;
	
	& > li:is(#mega-menu-736-0, #mega-menu-736-1, #mega-menu-736-2) {
		background: #fff !important;
	}
	
	& > li:first-child {
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
	}
	
	
	& > li:last-child {
		border-bottom-left-radius: 5px !important;
		border-bottom-right-radius: 5px !important;
	}

	& #mega-menu-item-text-2 {
		padding: 35px 35px 20px 35px !important;

		& h4 {
			color: #24134bb3 !important;
			font-size: 12px !important;
			font-weight: 500 !important;
			line-height: 1.2em !important;
			text-transform: none !important;
		}
	} 
	& li#mega-menu-736-1-0 {
		padding-inline: 35px 22px !important;
	}
	
	& li#mega-menu-736-1-1{
		padding-inline: 22px 35px !important;
	}
	
	& li:is(#mega-menu-736-1-0, #mega-menu-736-1-1) > ul {
		display: grid !important;
    	gap: 30px !important;
		
		& > li.mega-menu-item {
			padding: 0 !important;
		}
	}	

	& #mega-menu-item-text-3 {
		background: #a464ff33 !important;
		margin-top: 30px !important;

		& p {
			margin: 0 !important;
			font-size: 12px;
			font-weight: 500;
			line-height: 1.2em;
			letter-spacing: 0;
			color: #24134B;
			text-align: center;
		}
	}
}

#mega-menu-item-2409 > .mega-sub-menu {
	top: 100% !important;
/*     left: -389px !important; */
    width: 90vw !important;
    max-width: 1200px !important;
    padding-top: 30px !important;
    background: transparent !important;
	
	& > li#mega-menu-2409-0 {
		background: #fff !important;
		border-radius: 5px !important;
		
		& > ul {
			display: flex !important;
			align-items: stretch;
		}
		
		& #mega-menu-2409-0-0 {
			border-right: 1px solid #24134b1a;
			padding: 35px 50px;
		}
		
		& #mega-menu-item-2410 {
			padding: 0;
			
			& > a {
				color: #24134bb3 !important;
				font-size: 12px !important;
				font-weight: 500 !important;
				line-height: 1.2em !important;
				text-transform: none !important;
				pointer-events: none;
				margin-bottom: 22px;
			}
			
			& > ul.mega-sub-menu {
				display: grid;
				row-gap: 13px;
			}
		}
		
		& #mega-menu-2409-0-1 {
			padding: 35px 50px;
		}
		
		& #mega-menu-item-2411 {
			padding: 0;
			
			& > a {
				color: #24134bb3 !important;
				font-size: 12px !important;
				font-weight: 500 !important;
				line-height: 1.2em !important;
				text-transform: none !important;
				pointer-events: none;
				margin-bottom: 22px;
			}
			
			& > ul.mega-sub-menu {
				display: grid;
				grid-auto-flow: column;
				grid-template-rows: repeat(4, 1fr);
				gap: 13px 60px;
				
				& li, & a {
					width: fit-content;
				}
			}
		}
	}
	
	& li#mega-menu-2409-0-2 {
		padding: 22px 32px 22px 22px;
		
		& #mega-menu-item-text-5 {
			background: center no-repeat url('/wp-content/uploads/2025/10/Mask-group.png');
			background-size: cover;
			padding: 50px 30px 55px;
			border-radius: 5px;
		}

		& h4 {
			color: #fff !important;
			font-size: 24px !important;
			font-weight: 500 !important;
			line-height: 1.1em !important;
			letter-spacing: -.03em !important;
			max-width: 22ch;
			margin-bottom: 40px;
		}
		
		& a:hover {
			background: #a464ff !important;
		}
	}
}

#mega-menu-item-715 > ul {
	top: calc(100% + 30px) !important;
	background: #fff !important;
    border-radius: 5px !important;
    padding: 22px 80px 28px 32px !important;
	width: fit-content !important;
	display: grid !important;
	gap: 8px;

	&::before {
		content: '';
		background: transparent;
		height: 30px;
		width: 100%;
		position: absolute;
		bottom: 100%;
		display: block !important;
	}
	
	& li.mega-menu-item {
		width: fit-content !important;
		
		& a.mega-menu-link {
			background: transparent !important;
			width: fit-content !important;
			padding: 0 !important;
		}
	}
}


/* MENU MOBILE */
@media screen and (width <= 767px) {
	body:is(.page-id-3, .page-id-3078, .page-id-3315, .single-post) #ast-mobile-header > .ast-main-header-wrap {
		& .menu-toggle {
			&::before {
				content: '';
				background: center no-repeat url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 9H20" stroke="%2324134B" stroke-width="2"/><path d="M0 1H20" stroke="%2324134B" stroke-width="2"/><path d="M0 17H13" stroke="%2324134B" stroke-width="2"/></svg>');
				background-size: contain;
				position: absolute;
				top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 20px;
                height: 18px;
			}
			
			&.toggled {
				
				&::before {
					background: center no-repeat url('data:image/svg+xml,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.729492 0.683929L15.7295 16.6839" stroke="white" stroke-width="2"/><path d="M0.729492 16.6839L15.7295 0.683929" stroke="white" stroke-width="2"/></svg>');
					background-size: contain;
				}
			}
		}

		& .site-branding.ast-site-identity::before {
			width: 148px;
			height: auto;
			aspect-ratio: 300 / 54;
		}
	}

	body.ast-main-header-nav-open:is(.page-id-3, .page-id-3078, .page-id-3315, .single-post) {
		& .site-branding.ast-site-identity {
			& img {
				opacity: 1;
			}

			&::before {
				opacity: 0;
			}
		} 
	}

	body.ast-main-header-nav-open {
		height: 100vh;
		overflow: hidden;

		& .ast-main-header-wrap.main-header-bar-wrap {
			background: #1C0130 !important;
			
			& > .ast-primary-header-bar {
				background: transparent !important;
			}
		}
		
		#ast-mobile-header > .ast-mobile-header-content {
			display: grid;
			grid-template-rows: auto auto 1fr;
			padding: 0 24px 15vh;
		}
	}
	
	#ast-mobile-header > .ast-main-header-wrap {
		
		& .menu-toggle {
			padding: 0;
			width: 20px;
			height: 18px;
			position: relative;
			border: none;
			outline: none;
			padding: 25px;
			
			&::before {
				content: '';
				background: center no-repeat url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 9H20" stroke="white" stroke-width="2"/><path d="M0 1H20" stroke="white" stroke-width="2"/><path d="M0 17H13" stroke="white" stroke-width="2"/></svg>');
				background-size: contain;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 20px;
				height: 18px;
			}
			
			&.toggled {
				
				&::before {
					background: center no-repeat url('data:image/svg+xml,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.729492 0.683929L15.7295 16.6839" stroke="white" stroke-width="2"/><path d="M0.729492 16.6839L15.7295 0.683929" stroke="white" stroke-width="2"/></svg>');
					background-size: contain;
				}
			}
			
			& > * {
				display: none;
			}
		}
	}

	#ast-mobile-header > .ast-mobile-header-content {
		height: calc(100vh - 80px);
		max-height: none;
		background: bottom url('https://talent.gojob.com/wp-content/uploads/2025/11/menu-mobile-background.png');
		background-size: contain;
		
		& > .ast-header-button-1 {
			justify-content: center;
			margin-top: 50px;
		}
		
		& > .header-widget-area {
			align-content: end;
		}
		
		& #ast-hf-mobile-menu,
		& #ast-hf-mobile-menu > li,
		& #ast-hf-mobile-menu > li > a {
			background: transparent !important;
		}
		
		& #ast-hf-mobile-menu {
			padding-top: 40px;
			gap: 30px;
		}
		
		& #ast-hf-mobile-menu > li {
			text-align: center;
			justify-content: center;
			align-items: center;
		}
		
		& #ast-hf-mobile-menu > li > a {
			color: #fff;
			width: fit-content;
            padding: 0;
            font-size: 34px;
            line-height: 1em;
		}
	}
}



.font-jakarta {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
}


body > .otgs-development-site-front-end,
body > .wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal {
	display: none;
}


/* #### CONTACT #### */
form:is(#hsForm_ce6887fd-1aa1-4b65-9c7f-d2d6ca8bcd1f, #hsForm_a87faab5-e675-418f-b236-ee410043e953) > div:not(.legal-consent-container):has(>.hs-richtext),
form:is(#hsForm_ce6887fd-1aa1-4b65-9c7f-d2d6ca8bcd1f, #hsForm_a87faab5-e675-418f-b236-ee410043e953) .no-list.hs-error-msgs.inputs-list,
form:is(#hsForm_ce6887fd-1aa1-4b65-9c7f-d2d6ca8bcd1f, #hsForm_a87faab5-e675-418f-b236-ee410043e953) .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    display: none;
}
form:is(#hsForm_ce6887fd-1aa1-4b65-9c7f-d2d6ca8bcd1f, #hsForm_a87faab5-e675-418f-b236-ee410043e953) {
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 38px;

	& > div:not(.legal-consent-container):has(>.hs-richtext) {
		grid-column: 1/-1;

		& h1 {
			color: #ffffff;
			font-family: 'Plus Jakarta Sans', sans-serif;
			font-size: 4.1rem;
			font-weight: 600;
			line-height: 1.2em;
			text-align: center;
		}

		& p {
			color: #c6b0ff;
			font-size: 17px;
			font-weight: 400;
			line-height: 1.7;
			text-align: center;
		}
	}
	
	
	
	& label {
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 0;
		line-height: 23px;
	}
	
	& input,
	& textarea {
		background: #ffffff1a;
		border: 1px solid #ffffff33;
		outline: none;
		color: #fff;
		
		&:focus {
			border-color: #fff;
		}
	}
	
	& textarea {
		min-height: 10em;
		resize: none;
	}
	
	& .hs_firstname.hs-firstname {
		order: 1;
	}
	
	& .hs_lastname.hs-lastname {
		order: 2;
	}
	
	& .hs_company.hs-company {
		order: 3;
	}
	
	& .hs_email.hs-email {
		order: 4;
	}
	
	& .hs_ma_question_sur_gojob_talent.hs-ma_question_sur_gojob_talent {
		order: 5;
		grid-column: 1/-1;
	}
	
	& .legal-consent-container {
		order: 6;
		grid-column: 1/-1;
		
		& p {
			color: #C6B0FF;
			font-size: 11px;
			line-height: 19px;
			
			& a {
				color: #C6B0FF;
				font-style: normal;
				background: linear-gradient(to right, #C6B0FF);
				background-repeat: no-repeat;
				background-position: bottom left;
				background-size: 100% 1px;
				transition: background-size 500ms;
				
				&:hover {
					background-position: bottom right;
					background-size: 0% 1px;
				}
			}
		}
	}
	
	& .hs_submit.hs-submit {
		order: 7;
		grid-column: 1 / -1;
		text-align: center;
		margin-top: 35px;
		
		& input {
			background: #FF405A;
			border-radius: 4px;
			transition: 300ms;
			border: none;
            outline: none;
			
			&:hover {
				background: #18002F;
			}
		}
	}
}
@media screen and (width <= 767px) {
	form:is(#hsForm_ce6887fd-1aa1-4b65-9c7f-d2d6ca8bcd1f, #hsForm_a87faab5-e675-418f-b236-ee410043e953) {
		grid-template-columns: 1fr;
	}
}



/* #### REQUEST DEMO #### */
form:is(#hsForm_997d3a88-1dc1-4141-9634-373a8cbb001e, #hsForm_42739483-23b7-49b5-be02-eb395cb044bd) > div:not(.legal-consent-container):has(>.hs-richtext),
form:is(#hsForm_997d3a88-1dc1-4141-9634-373a8cbb001e, #hsForm_42739483-23b7-49b5-be02-eb395cb044bd) .no-list.hs-error-msgs.inputs-list,
form:is(#hsForm_997d3a88-1dc1-4141-9634-373a8cbb001e, #hsForm_42739483-23b7-49b5-be02-eb395cb044bd) .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    display: none;
}
form:is(#hsForm_997d3a88-1dc1-4141-9634-373a8cbb001e, #hsForm_42739483-23b7-49b5-be02-eb395cb044bd) {
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 38px;
	
	& label {
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 0;
		line-height: 23px;
	}
	
	& input,
	& textarea,
	& select {
		background: #ffffff1a;
		border: 1px solid #ffffff33;
		outline: none;
		color: #fff;
		
		&:focus {
			border-color: #fff;
		}
	}
	
	& option {
		color: #18002F !important;
	}
	
	& textarea {
		min-height: 10em;
		resize: none;
	}
	
	& .hs_firstname.hs-firstname {
		order: 1;
	}
	
	& .hs_lastname.hs-lastname {
		order: 2;
	}
	
	& .hs_email.hs-email {
		order: 3;
	}
	
	& .hs_phone.hs-phone {
		order: 4;
	}
	
	& .hs_company.hs-company {
		order: 5;
		grid-column: 1/-1;
	}
	
	& .hs_industry.hs-industry {
		order: 6;
	}
	
	& .hs_size_of_business.hs-size_of_business {
		order: 7;
	}
	
	& .hs_quelles_sont_vos_priorites_strategiques_.hs-quelles_sont_vos_priorites_strategiques_ {
		order: 8;
		grid-column: 1/-1;
		display: grid;
		margin-top: 10px;
		
		& legend {
			display: none;
		}
		
		& ul {
			list-style: none;
			padding: 0;
			margin: 0;
			
			& span {
				padding-left: 8px;
				font-size: 13px;
				font-weight: 400;
				line-height: 21px;
			}
		}
		
		& input {
			appearance: none;
			border: none;
			position: relative;

			&::before {
				content: '';
				background: #ffffff1a;
				border: 1px solid #ffffffb3;
				border-radius: 1px;
				width: 11px;
				height: 11px;
				display: block;
			}
			
			&:checked::after {
				content: '';
				background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="white"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M5 13.3636L8.03559 16.3204C8.42388 16.6986 9.04279 16.6986 9.43108 16.3204L19 7" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>');
				background-size: contain;
				height: 11px;
				width: 11px;
				position: absolute;
				inset: 0;
			}
		}
	}
	
	& .hs_si_autre__precisez.hs-si_autre__precisez {
		order: 9;
		grid-column: 1/-1;
	}
	
	& .legal-consent-container {
		order: 10;
		grid-column: 1/-1;
		
		& p {
			color: #C6B0FF;
			font-size: 11px;
			line-height: 19px;
			
			& a {
				color: #C6B0FF;
				font-style: normal;
				background: linear-gradient(to right, #C6B0FF);
				background-repeat: no-repeat;
				background-position: bottom left;
				background-size: 100% 1px;
				transition: background-size 500ms;
				
				&:hover {
					background-position: bottom right;
					background-size: 0% 1px;
				}
			}
		}
	}
	
	& .hs_submit.hs-submit {
		order: 99;
		grid-column: 1 / -1;
		
		& input {
			background: #FF405A;
			border-radius: 4px;
			transition: 300ms;
			border: none;
            outline: none;
			
			&:hover {
				background: #18002F;
			}
		}
	}
}
@media screen and (width <= 767px) {
	form:is(#hsForm_997d3a88-1dc1-4141-9634-373a8cbb001e, #hsForm_d38d339a-b0ad-49ac-a863-5bbaa65d32db) {
		grid-template-columns: 1fr;
	}
}




/* ### CUSTOM FORMS ### */
.custom-form > .hbspt-form > form > div:not(.legal-consent-container):has(>.hs-richtext),
.custom-form > .hbspt-form > form .no-list.hs-error-msgs.inputs-list,
.custom-form > .hbspt-form > form .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    display: none;
}
.custom-form > .hbspt-form > form {
	display: grid;
	
	& > fieldset:has(> div input[name="lastname"]) {
		order: -5;
		display: flex;
		column-gap: 38px;
		
		& > div {
			padding: 0 !important;
		}
	}
	
	& > fieldset:has( input[name="email"]) {
		order: -4;
		display: flex;
		column-gap: 38px;
		
		& > div {
			padding: 0 !important;
		}
	}
	
	& > fieldset:has([name="company"]) {
		order: -3;
	}
	
	& > fieldset:has([name="industry"]) {
		order: -2;
		display: flex;
		column-gap: 38px;
		
		& > div {
			padding: 0 !important;
		}
	}
	
	& div.input {
		margin: 0 !important;
	}
	
	& fieldset.form-columns-1, 
	& fieldset.form-columns-2 {
		width: 100%;
		max-width: none;
		margin-top: 20px;
		
		& input:not([type="checkbox"]) {
			width: 100% !important;
		}
	}
	
	& fieldset.form-columns-2 > div:first-child {
		padding-right: 19px;
	}
	
	& fieldset.form-columns-2 > div:last-child {
		padding-left: 19px;
	}
	
	& label {
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 0;
		line-height: 23px;
	}
	
	& input,
	& textarea,
	& select {
		background: #ffffff1a;
		border: 1px solid #ffffff33;
		outline: none;
		color: #fff;
		
		&:focus {
			border-color: #fff;
		}
	}
	
	& option {
		color: #18002F !important;
	}
	
	& textarea {
		min-height: 10em;
		resize: none;
	}
	
	& .hs_firstname.hs-firstname {
		order: 1;
	}
	
	& .hs_lastname.hs-lastname {
		order: 2;
	}
	
	& .hs_email.hs-email {
		order: 3;
	}
	
	& .hs_phone.hs-phone {
		order: 4;
	}
	
	& .hs_company.hs-company {
		order: 5;
		grid-column: 1/-1;
	}
	
	& .hs_industry.hs-industry {
		order: 6;
	}
	
	& .hs_size_of_business.hs-size_of_business {
		order: 7;
	}
	
	& .hs_quelles_sont_vos_priorites_strategiques_.hs-quelles_sont_vos_priorites_strategiques_ {
		order: 8;
		grid-column: 1/-1;
		display: grid;
		margin-top: 10px;
		
		& legend {
			display: none;
		}
		
		& ul {
			list-style: none;
			padding: 0;
			margin: 0;
			
			& span {
				padding-left: 8px;
				font-size: 13px;
				font-weight: 400;
				line-height: 21px;
			}
		}
		
		& input {
			appearance: none;
			border: none;
			position: relative;

			&::before {
				content: '';
				background: #ffffff1a;
				border: 1px solid #ffffffb3;
				border-radius: 1px;
				width: 11px;
				height: 11px;
				display: block;
			}
			
			&:checked::after {
				content: '';
				background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="white"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M5 13.3636L8.03559 16.3204C8.42388 16.6986 9.04279 16.6986 9.43108 16.3204L19 7" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>');
				background-size: contain;
				height: 11px;
				width: 11px;
				position: absolute;
				inset: 0;
			}
		}
	}
	
	& .hs_si_autre__precisez.hs-si_autre__precisez {
		order: 9;
		grid-column: 1/-1;
	}
	
	& .legal-consent-container {
		order: 10;
		grid-column: 1/-1;
		
		& p {
			color: #C6B0FF;
			font-size: 11px;
			line-height: 19px;
			
			& a {
				color: #C6B0FF;
				font-style: normal;
				background: linear-gradient(to right, #C6B0FF);
				background-repeat: no-repeat;
				background-position: bottom left;
				background-size: 100% 1px;
				transition: background-size 500ms;
				
				&:hover {
					background-position: bottom right;
					background-size: 0% 1px;
				}
			}
		}
	}
	
	& .hs_submit.hs-submit {
		order: 99;
		grid-column: 1 / -1;
		
		& input {
			background: #FF405A;
			border-radius: 4px;
			transition: 300ms;
			border: none;
            outline: none;
			
			&:hover {
				background: #18002F;
			}
		}
	}
}
@media screen and (width <= 767px) {
	.custom-form > .hbspt-form > form {
		& fieldset.form-columns-2 {
			flex-wrap: wrap;
			row-gap: 20px;
			
			> div {
				padding: 0 !important;
			}
		}
	}
}



/* SINGLE POST */

body.single-post .taxonomy-category a {
	color: #A464FF;
	font-family: 'Inter', sans-serif;
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
	
	background: no-repeat linear-gradient(to right, #A464FF);
	background-position: bottom right;
	background-size: 0% 1px;
	transition: background-size 500ms;
	
	&:hover {
		background-position: bottom left;
		background-size: 100% 1px;
	}
}

body.single-post .featured-image img {
	aspect-ratio: 721/405;
	width: 100%;
}

body.single-post .entry-content {

	& h2 {
		color: #24134B;
		font-family: 'Inter', sans-serif;
		font-size: 22px;
		font-weight: 500;
		line-height: 1.2em;
		letter-spacing: 0em;
		margin-block: 60px 20px;
	}

	& h3 {
		color: #24134B;
		font-family: 'Inter', sans-serif;
		font-size: 20px;
		font-weight: 400;
		line-height: 30px;
		letter-spacing: 0em;
		margin-block: 30px 12px;
	}

	& > p {
		margin: 0;
	}
	
	& > p a {
		color: #FF405A;
		outline: none;

		background: no-repeat linear-gradient(to right, #FF405A);
		background-position: bottom left;
		background-size: 100% 1px;
		transition: background-size 500ms;

		&:hover {
			background-position: bottom right;
			background-size: 0% 1px;
		}
	}

	& .wp-block-uagb-icon-list {

		& .wp-block-uagb-icon-list-child {
			margin-bottom: 2px;

			& span.uagb-icon-list__label {
				color: #24134bb3 !important;
				font-family: 'Inter', sans-serif;
				font-size: 17px;
				font-weight: 400;
				line-height: 1.5em;
				letter-spacing: 0em;
			}
		}
	}
	
	& blockquote {
		padding: 0 0 0 30px;
		margin: 60px 0 0;
		border-left: 1.5px solid #A464FF !important;
		
		& p {
			color: #24134B;
			font-family: 'Inter', sans-serif;
			font-size: 20px;
			font-weight: 400;
			font-style: italic;
			line-height: 1.5em;
			margin-block: 0 17px;
		}
		
		& p:last-of-type {
			font-size: 15px;
			font-style: normal;
		}
	}
}

body.single-post .taxonomy-post_tag.wp-block-post-terms {
	display: flex;
    gap: 11px;
	
	/* OLD VERSION */
/* 	& a {
		color: #592AB5;
		font-family: 'Inter', sans-serif;
		font-size: 12px;
		font-weight: 500;
		line-height: 1.5em;
		border: 1px solid #A464FF;
		border-radius: 5px;
		padding: 10px;
	} */
	
	& a {
		--tag-clr: #8c8c8c;
		color: var(--tag-clr);
		font-family: 'Inter', sans-serif;
		font-size: 11px;
		font-weight: 500;
		line-height: 1.2em;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		background: linear-gradient(to right, #8080803d);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: 100% 1px;
		transition: background-size 500ms;
		margin-right: 7px;
		
		&:hover {
			background-position: bottom right;
			background-size: 0% 1px;
		}
	}
	
	& .wp-block-post-terms__separator {
		display: none;
	}
}

@media screen and (width <= 767px) {
	body.archive h1 {
		font-size: 34px;
	}
}





/* ### GENERAL MOBILE STYLE ### */ 

@media screen and (width <= 767px) {
	p {
		text-wrap: pretty !important;
	}
	.mobile-40 {
		font-size: 40px !important;
		line-height: 1.4em;
	}
	.mobile-30 {
		font-size: 30px !important;
		line-height: 1.4em;
	}
	.mobile-25 {
		font-size: 25px !important;
		line-height: 1.4em;
	}
	.mobile-24 {
		font-size: 24px !important;
		line-height: 1.4em;
	}
	.mobile-23 {
		font-size: 23px !important;
		line-height: 1.4em;
	}
	.mobile-22 {
		font-size: 22px !important;
		line-height: 1.4em;
	}
	.mobile-21 {
		font-size: 1px !important;
		line-height: 1.4em;
	}
	.mobile-20 {
		font-size: 20px !important;
		line-height: 1.4em;
	}
	.mobile-19 {
		font-size: 19px !important;
		line-height: 1.4em;
	}
	.mobile-18 {
		font-size: 18px !important;
		line-height: 1.4em;
	}
	.mobile-17 {
		font-size: 17px !important;
		line-height: 1.4em;
	}
	.mobile-16 {
		font-size: 16px !important;
		line-height: 1.4em;
	}
	.mobile-15 {
		font-size: 15px !important;
		line-height: 1.6em;
	}
	.mobile-14 {
		font-size: 14px !important;
		line-height: 1.6em;
	}
	.mobile-13 {
		font-size: 13px !important;
		line-height: 1.6em;
	}
	
	.mobile-align-left {
		text-align: left !important;
	}
	.mobile-align-center {
		text-align: center !important;
	}
	.mobile-align-right {
		text-align: right !important;
	}
}