/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* Theme customization starts here
------------------------------------------------------- */


/*--------------------------
    TABLE OF CONTENTS

01. Fonts
02. Variables
03. Main settings
04. Header
05. Menu
06. Button
07. Blurb
08. Toggle
09. Portfolio
10. Forms
11. Cookie
12. Quiz
13. Glossary
14. Responsive

--------------------------*/

/* --------------
01. Fonts
--------------- */
@font-face {
    font-family: 'babaprobold';
    src: url('/wp-content/themes/Divi-child/fonts/babapro-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/Divi-child/fonts/babapro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'babapro';
    src: url('/wp-content/themes/Divi-child/fonts/babapro-webfont.woff2') format('woff2'),
         url('/wp-content/themes/Divi-child/fonts/babapro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* --------------
02. Variables
--------------- */
:root {
  --fontawesome: "Font Awesome 5 Free";
  --main-color: #000;
  --blue: #16f9ff;
  --dark-purple: #190553;
  --purple: #c014a1;
  --bright-purple: #ad44ff;
  --light-purple: #7d6fb5;
  --extra-light-purple: #d1c9f1;
  --babapro: 'babapro','Roboto',Helvetica,Arial,Lucida,sans-serif;
  --babaprobold: 'babaprobold','Roboto',Helvetica,Arial,Lucida,sans-serif;
}

/* --------------
03. Main settings
--------------- */
.babapro { 
	font-family: var(--babapro);
}
.babaprobold { 
	font-family: var(--babaprobold);
}
.purple {
	color: var(--purple);
}
.blue {
	color: var(--blue);
}
.b-purple {
	color: var(--bright-purple);
}

.et_pb_text_inner h2 strong {
	color: var(--purple);
}
.et_pb_text_inner strong {
	color: var(--dark-purple);
}
.bg-purple .et_pb_text_inner h2 strong {
	color: var(--blue) !important;
}

.vertical-align-center {
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.img-inline {
	display: inline-block;
	margin-right: 10px;
	width: auto;
}
#et-main-area { 
	/*padding-top: 75px; */
}

span.activateur {
	background-image: url("/wp-content/uploads/2021/03/Fichier-4.png");
	background-size: cover;
}
span.activateur-lite {
	font-weight: 700;
	letter-spacing: 1px;
}
span.activateur-sm {
	font-weight: 700;
	letter-spacing: 1px;
	background-image: url("/wp-content/uploads/2021/03/Fichier-4.png");
	background-size: cover;
}


.list-tab {
	margin-left: 20px;
	margin-top: 10px;
	/*padding-bottom: 0 !important;*/
}
ul li ul {
	list-style-type: circle;
}
.number-circle {
	background: var(--blue);
	border-radius: 50%;
	padding: 5px 12px;
	text-align: center;
}
.number-circle-1 {
	padding: 5px 13px !important;
}
.title-bg-purple {
	background: var(--purple);
	padding: 5px 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;

}
p + ul {
	margin-top: 0px !important;
}
.et_pb_text ul li ul {
	padding-bottom:  5px !important;
}


/* --------------
04. Header
--------------- */
header {
	position: fixed !important;
	z-index: 99999;
	width: 100%;
}
#et-main-area {
	padding-top: 65px;
}

/* --------------
05. MENU
--------------- */
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
	padding: 0 20px;
}
header #menu-main-menu li a:hover,
header #menu-main-menu li.current-menu-item > a {
	opacity: 1;
	border-bottom: 2px solid var(--purple);
	/*transition: width .5s ease, background-color .5s ease;*/
}
header #menu-main-menu li.menu-phone a::before {
	content: url("/wp-content/uploads/2021/03/icon-phone.png");
	position: absolute;
	top: -8px;
}
header #menu-main-menu li.menu-phone:hover a::before {
	content: url("/wp-content/uploads/2021/03/icon-phone-h.png");
}
.menu-mobile-item {
	display: none !important;
}

/* Mobile - Hamburger Menu */
.show-nav-left .mobmenu-panel.show-panel {
	background-color: var(--dark-purple) !important;
}
.mobmenu-content #mobmenuleft > li > a {
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 16px !important;
}
.mobmenu-content #mobmenuleft > li > a:hover {
	background-color: var(--bright-purple) !important;
}
.mobmenu-left-panel .mob-cancel-button {
 	color: #fff !important;
 	margin-top: 5px;
 }

 .menu-footer .et_pb_text.et_clickable:hover .et_pb_text_inner {
 	text-decoration: underline;
 }

/* --------------
06. Button
--------------- */
.btn-tracking {
	cursor: pointer;
}
.btn-tracking a {
	padding: 20px 30px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}
.btn-txt a {
	padding-bottom: 0 !important;
}

.cta-download-green-btn .et_pb_blurb_content::before {
	content: url("/wp-content/uploads/2020/11/icon-arrow-down-yellow.png");
	position: absolute;
	top:-40px;
	left: -50px;
}
.btn-download .et_pb_text_inner {
	padding-left: 40px;
}
.btn-download::before {
	font-family: var(--fontawesome);
	content: "\f019";
	font-weight: 900;
	color: #fff;
	float: left;
	font-size: 24px;
	line-height: 1.4;
}
a.btn-yellow {
	background: var(--yellow);
	padding: 10px 15px;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	border-radius: 4px;
	display: block;
	max-width: 600px;
	margin-bottom: 10px;
}
a.btn-yellow::before {
	content: attr(data-icon);
	font-family: "ETmodules" !important;
	line-height: inherit;
	font-size: inherit !important;
	opacity: 1;
	display: inline-block;
}
a.btn-yellow:hover {
	background: var(--dark-blue);
}
.col-btn-align .et_pb_column {
    padding-bottom: 20vh;
}
.col-btn-align .et_pb_button_module_wrapper {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
a.btn-interview {
	line-height: 1.3;
}

/* --------------
07. Blurb
--------------- */
.blurb-keywords ul {
	padding: 0 !important;
}
.blurb-keywords ul li {
	list-style-type: none;
	float: left;
	background: var(--extra-light-purple);
	display: block;
	padding: 8px 16px !important;
	margin-bottom: 10px;
	margin-right: 10px;
	border-radius: 20px;
	letter-spacing: 1px;
	font-size: 16px;
	color: var(--dark-purple);
}
.et_pb_blurb_description ul {
	padding-bottom: 0;
}

/* --------------
08. Toggle
--------------- */
.et_pb_toggle_open .et_pb_toggle_title {
	background: #feddfe !important;
	border: 2px solid #feddfe !important;
}

/* --------------
09. Portfolio
--------------- */
.et_pb_portfolio_grid_items {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.et_pb_portfolio_grid_items .et_pb_grid_item {
	margin-bottom: 5% !important;
}
.et_pb_portfolio_item {	
	/*box-shadow: 4px 4px 5px #ddd;*/
	background: #16f9ff;
	padding: 30px;
	transition: transform .2s;
	display: flex;
 	flex-flow: column nowrap;
}
.et_pb_portfolio_item:hover {
	transform: scale(0.9);
	cursor: pointer;
}
.et_pb_portfolio_grid_items .project .et_portfolio_image {
	width: 200px;
    height: 100px;
    border-radius: 50px 50px 50px 50px;
    border: 7px solid #16f9ff;
    padding: 10px;
    text-align: center;
    background: #fff;
    position: absolute;
    top: -30px;
}
.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio h2,
.et_pb_portfolio_grid .et_pb_portfolio_item h2 {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	margin-top: 50px !important;
}
.et_pb_portfolio_grid.et_pb_portfolio_0 .et_pb_portfolio_item .post-meta {
	color: var(--blue) !important;
}
.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .post-meta a,
.et_pb_portfolio_grid .et_pb_portfolio_item .post-meta a {
	background: var(--bright-purple);
	padding: 4px 10px;
	border-radius: 50px;
	margin-bottom: 6px !important;
	display: inline-block;
	pointer-events: none;
	cursor: default;
}
.et_pb_portfolio_filters ul {
	text-align: center;
	margin: 0 auto;
}
li.et_pb_portfolio_filter {
	float: none !important;
	display: inline-block;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
	color: var(--bright-purple);
	font-weight: 600;
	background: #fff;
	border: 2px solid var(--bright-purple);
	border-left: 1px solid var(--bright-purple);
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a {
	border-radius: 50px 0 0 50px;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
	border-radius: 0 50px 50px 0;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.hover {
	background: var(--bright-purple) !important;
	color: #fff !important;
}
.et_portfolio_image img {
 	/*width: 130px !important;*/
 	border-radius: 10px;
}
.et_portfolio_image .et_overlay {
	background: transparent;
	border: none;
}
.et_portfolio_image .et_overlay::before {
	content: "";
}
/*.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .post-meta::after,*/
/*.et_pb_portfolio_grid .et_pb_portfolio_item .post-meta::after {
	content: "Lire+";	
	background-image: url("/wp-content/uploads/2021/06/touch-arrow.png");
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center right;
	display: block;
	margin-top: 30px;
	text-align: right;
	font-size: 20px;
	font-variant: small-caps;
	font-weight: 800;
	color: #000 !important;
	height: 35px;
	padding: 20px 60px 0;
	position: absolute;
	bottom: 15px;
	right: 20px;
}
*/
.et_pb_portfolio_grid .et_pb_portfolio_item .post-meta a:last-child {
	margin-bottom: 80px !important;
}
.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .post-meta a:last-child {
	margin-bottom: 30px;
}

.keyword-list ul li {
	list-style-type: none;
	background: var(--bright-purple);
	padding: 5px 12px;
	border-radius: 50px;
	display: inline-block;
	margin: 10px 5px !important;
}

/* --- Make Portfolio items all clickable --- */ 
.et_pb_portfolio_grid .et_pb_portfolio_item {
	position: relative;
}
.et_pb_portfolio_grid .et_pb_portfolio_item a:after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.et_pb_portfolio_grid .et_pb_portfolio_item:hover {
	cursor: pointer;
}
/* --- */

/* ------------------
10. Forms (w/ Contact form 7)
------------------ */
.wpcf7-form .form_row:after {
	clear: both;
}
.wpcf7-form .form_column br {
	display: none;
}
.wpcf7-form .form_column_1 { }
.wpcf7-form .form_column_1_2 {
	display: inline-block;
	width: 48%;
}
.wpcf7-form .form_row .form_column_1_2:first-child {
	margin-right: 3%;
}
.wpcf7-form h3 {
	font-size: 18px;
	margin: 0 0 15px;
	font-weight: 700;
}
.wpcf7-form h4 {
	font-weight: 700;
	text-transform: uppercase;
	margin: 40px 0 15px !important;
	display: table;
	padding: 10px;
	color: #fff;
	background: var(--bright-purple);
	font-size: 16px;
}
.wpcf7-form label { 
	font-weight: bold;
	color: #000;
	font-family: inherit;
	padding: 0 0 5px 0;
	display: block;
	line-height: 1.2;
	text-transform: uppercase;
	font-size: 14px;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea,
.wpcf7-form select,
.wpcf7-form input[type="tel"] {
	padding: 5px 10px;
	margin-bottom: 12px !important;
	font-size: 18px; 
	font-family: inherit;
	color: #000;
	background-color: transparent;
	border: 2px solid #141414;
}
.typediagnostic input {
	border: none !important;
	color: transparent !important;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form select,
.wpcf7-form input[type="tel"] {
	width: 100%;
}
.wpcf7-form textarea {
	width: 99.4%;
}
.wpcf7-form select {
	display: block;
}
.wpcf7-form select option {
	font-size: 14px;
	font-family: inherit;
} 
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
	margin-right: 20px;
	display: block !important;
}
input[type=checkbox] {
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
	height: 15px;
	width: 15px;
	background: #fff;
	border: 2px solid var(--bright-purple);
	margin-right: 5px;
	top: 2px !important;
	position: relative;
}
input[type="checkbox"]:checked {
	background: var(--bright-purple);
	margin: 0;
	position: relative;
}
input[type="checkbox"]:checked::before {
	font-family: 'ETModules';
	content: "\4e";
	display: block;
    color: #fff;
    font-size: 15px;
    position: absolute;
    top: -2px;
	font-weight: 900 !important;
	left: -3px;
}
.wpcf7-number {
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
}
.wpcf7-form span.wpcf7-list-item {
	display: block;
	margin: 0 0 5px;
}
.wpcf7-form .wpcf7-radio span.wpcf7-list-item,
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item { 
	display: inline-block; 
}
span.wpcf7-list-item-label {
	color: #000;
	font-weight: 400;
	text-transform: none;
	font-size: 16px;
}
.wpcf7-form input[type="submit"],
.wpcf7-form input[type="button"] {
	background: var(--purple);
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 8px 12px;
	margin-top: 15px;
	width: 100%;
	cursor: pointer;
	transition: transform .2s;
	width: 200px;
	border-radius: 20px;
	display: block;
	margin: auto;
}
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="button"]:hover {
	/*transform: scale(1.1);*/
	background: #000;
}
input[type="file"] {
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 6px 6px 4px;
    display: block;
}
.wpcf7-form span.wpcf7-not-valid-tip {
    color: #000;
	font-size: 15px;
	font-weight: 700;
	display: table;
	background: red;
    padding: 5px;
    font-style: italic;
}
.wpcf7-validation-errors { display: none !important; }

.wpcf7-form .sublabel p {
	padding: 0;
	font-size: 90%;
	/*font-style: italic;*/
	color: #555;
}

.wpcf7-form .country-select .selected-flag .flag {
	top: -12px;
}
.wpcf7-form .country-select .selected-flag .arrow {
	margin-top: -4px;
}
.wpcf7-form .input-inline label,
.wpcf7-form .input-inline .civil,
.wpcf7-form .input-inline .scoretest {
	display: inline-block;
}
.wpcf7-form .input-inline label {
	margin-right: 20px;
}
.wpcf7-form .input-inline .scoretest {
	width: 200px !important;
	vertical-align: top;
}
input[type="text"]:focus, 
input.text:focus, 
input.title:focus, 
textarea:focus, 
select:focus { 
 	color: var(--color-main) !important;
}
::-webkit-input-placeholder { 
	color: var(--color-main) !important;
	opacity: 1;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
}
::-moz-placeholder { 
	color: var(--color-main) !important;
	opacity: 1;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
}
::-ms-input-placeholder { 
	color: var(--color-main) !important;
	opacity: 1;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
}
:focus::placeholder { 
	color: var(--color-main) !important; 
	opacity: 0.5;
}
:focus::-webkit-input-placeholder {
	color: var(--color-main) !important; 
	opacity: 0.5;
}
:focus::-moz-placeholder {
	color: var(--color-main) !important; 
	opacity: 0.5;
}
:focus::-moz-placeholder { 
	color: var(--color-main) !important;
	opacity: 0.5; 
}
:focus::-ms-input-placeholder {
	color: var(--color-main) !important; 
	opacity: 0.5;
}

/* Drag&Drop field (Drag and Drop Multiple File Upload plugin) */
body .codedropz-upload-container {
	background: #f7f7f7;
}
body .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
  color: var(--bright-purple);
  font-size: 26px;
  margin-top: 10px;
  padding-bottom: 10px;
  display: block;
}
body .codedropz-upload-inner h3 {
  font-size: 25px;
  margin-bottom: 0 !important;
}
/* --- */

.wpcf7-form .diag-formulas {
	width: 100%;
}
.wpcf7-form .diag-formulas .wpcf7-list-item {
	width: 33%;
}
.wpcf7-form .diag-formulas input[type="radio"] {
	display: block;
	padding-bottom: 10px;
}
.wpcf7-form .diag-formulas .wpcf7-list-item-label {

}

.wpcf7-form .diag-formulas input[type="radio"]:checked { 
	font-weight: bold; 
}

/* --------------
11. Cookies
--------------- */
.cookie-notice-container {
	background-color: #000 !important;
}
#cn-accept-cookie {
	background-color: var(--purple);
}
#cn-more-info {
	background-color: var(--light-purple);
}


/* --------------
12. Quiz
--------------- */
/* HD QUIZ */
.hdq_quiz_wrapper .hdq_quiz {
	max-width: 1000px;
}
.hdq_quiz_wrapper h3.hdq_question_heading {
	color: var(--purple) !important;
	font-weight: 700;
	font-size: 30px;
}
.hdq_quiz_wrapper .hdq_label_answer {
	text-transform: none;
	font-size: 22px;
}
.hdq_quiz_wrapper .hdq_results_wrapper {
	background: var(--blue) !important;
}
.hdq_quiz_wrapper h2.hdq_results_title {
	font-weight: 900 !important;
	margin-bottom: 30px;
	letter-spacing: 1px;
	font-size: 26px;
}
.hdq_quiz_wrapper .hdq_result {
	color: var(--bright-purple);
	font-size: 2.8em !important;
}
.hdq_quiz_wrapper .hdq_button {
	padding: 20px !important;
	background: var(--purple) !important;
	max-width: 570px;
	font-size: 1.5em;
	font-weight: 900;
	letter-spacing: 3px;
	border-radius: 40px;
	line-height: 1.2;
}

/* QSM */
.quiz_section .mlw_qmn_message_before {
	color: var(--purple) !important;
	font-size: 26px !important;
	border: none !important;
	line-height: 1.4;
}
.quiz_section .mlw_qmn_question_number {
	font-size: 20px;
}
.quiz_section .mlw_qmn_new_question {
	color: var(--purple);
	font-size: 30px;
	line-height: 1.2;
}
.qsm-progress-bar .progressbar-text {
	padding: 10px 0 0 !important;
	font-size: 15px !important;
}
.qsm-quiz-container .qmn_quiz_container .qmn_btn, 
.qsm-quiz-container .qmn_quiz_container .btn,
.qmn_btn.mlw_qmn_quiz_link.mlw_next,
.qmn_btn.mlw_qmn_quiz_link.mlw_previous {
	background: var(--light-purple) !important;
}
.qmn_mc_answer_wrap {
    margin: 10px 0 !important;
}
.quiz_section .qmn_radio_answers label, 
.quiz_section .qmn_check_answers label, 
.quiz_section .qmn_accept_answers label {
	font-size: 16px !important;
}
.qmn_quiz_container.qsm_auto_pagination_enabled .quiz_section.quiz_end .qsm-btn {
	background: #1ac92d !important;
	border: none;
	font-weight: 700;
	cursor: pointer;
}
.qsm-results-page,
.mlw_qmn_message_end {
	line-height: 1.2;
}
.btn-quiz-diagnostic a {
	background: var(--purple);
	padding: 10px 20px;
	color: #fff;
	font-weight: 700;
	border-radius: 40px;
	line-height: 1.2;
}
.qsm_contact_div input::placeholder {
	text-transform: none;
	font-weight: 400;
}
.quiz_section .mlw_qmn_question.qsm_remove_bold {
    font-weight: 700 !important;
    font-size: 18px;
    margin-top: 10px;
}

.page-id-239233 #quiz-qmd,
.page-id-239308 #quiz-qmd,
.page-id-700 #quiz-qmd,
.page-id-241579 #quiz-qmd,
.page-id-241571 #quiz-qmd,
.page-id-239528 #quiz-qmd {
	display: none !important;
}

/* --------------
13. Glossary
--------------- */
.glossary-index ul {
	padding: 0;
}
.glossary-index ul li {
	list-style-type: none;
	float: left;
	padding: 10px 10px;
}
.glossary-index ul li a {

}
span.glossaryLink, 
a.glossaryLink {
	cursor: help !important;
}

/* --------------
14. Responsive
--------------- */
@media (min-width: 1301px) {
    .col-portfolio .et_pb_grid_item {
        width: 31%!important;
        margin-right: 3.5%!important;  
    }
    .col-portfolio .et_pb_grid_item:nth-child(3n) {
        margin-right: 0!important;
    }
 
    .col-portfolio .et_pb_grid_item:nth-child(4n) {
        margin-right: 3.5%!important;
    }
 
    .col-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
        clear: none!important;
    }
    .col-portfolio .et_pb_grid_item.first_in_row {
        clear: unset;
    }
}
@media (max-width: 1300px) {
    .col-portfolio .et_pb_grid_item {
        width: 46%!important;
        margin-right: 3.5%!important;  
    }
	.menu-desktop,
	.menu-phone {
		display: none !important;
	}
	.menu-mobile-item {
		display: block !important;
	}
}
@media (max-width: 951px) {
    .col-portfolio .et_pb_grid_item {
        width: 100%!important;
        margin-right: 0%!important;  
    }
    .et_pb_portfolio_grid_items .et_pb_grid_item {
		margin-bottom: 10% !important;
	}
}
@media (max-width: 479px) {
	li.et_pb_portfolio_filter {
		display: block;
		width: 100% !important;
	}
	.wpcf7-form .form_column_1_2 {
		width: 100% !important;
	}
	body .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
	  font-size: 16px;
	}
	body .codedropz-upload-inner h3 {
	  font-size: 17px;
	}
}