/*************************

Theme Name: VERTIGO LABS
Description: Theme enfant de GeneratePress. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: Florian | Progressio Web
Author URI: https://progressio-web.fr
Template: generatepress
Version: 1.0

*************************/

:root {
    --vert : #005527;
    --orange : #E55A29;
    --bleu : #D3E7F0;
    --jaune : #FFE47A;
}

html, body {
    overflow-x: clip;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #ffffff;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-primary);
    border-radius: 999px;
}

.swiper-wrapper {
  transition-timing-function: linear !important;
}

.swiper-container {
  overflow: hidden;
}

.cover {
    background-size: cover!important;
}

.fixed {
    background-attachment: fixed;
}

.one-container.archive .post:not(:last-child):not(.is-loop-template-item), .one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
    padding-bottom: 0px;
}

a.elementor-button:hover span.elementor-button-icon svg path {
    fill: inherit;
}

div.wpforms-container-full input[type=checkbox]:before,
div.wpforms-container-full input[type=radio]:before {
    border-radius: 999px!important;
    width: 20px;
    height: 20px;
}

.ekit-wid-con .elementskit-navbar-nav-default .elementskit-megamenu-has .elementskit-megamenu-panel, .ekit-nav-dropdown-hover .elementskit-dropdown-has .elementskit-dropdown {
    transition: all 0.5s ease-in-out !important;
}

/*********************************************/
/************** CUSTOM CONTENT ***************/
/*********************************************/

.content_custom *, .elementor-widget-text-editor * {
    margin-bottom: 30px !important;
}

.content_custom *:first-child,  .elementor-widget-text-editor *:first-child {
    margin-top: 0px !important;
}

.content_custom h2,  .elementor-widget-text-editor h2 {
    margin-top: 50px;
}

.content_custom *:last-child,  .elementor-widget-text-editor *:last-child {
    margin-bottom: 0px !important;
}

.content_custom li,  .elementor-widget-text-editor li {
    margin-bottom: 15px !important;
}

.content_custom ul,  .elementor-widget-text-editor ul {
    margin-left: 30px;
}

.strong {
    color : var( --e-global-color-accent );
}

.content_custom .wp-block-columns {
    margin-top: 50px;
}

.content_custom a, .single-projet .elementor-widget-text-editor a {
    text-decoration: underline!important;
    font-weight: 600!important;
}


/*********************************************/
/***************** GENERAL *******************/
/*********************************************/

.page-numbers.prev, .page-numbers.next {
    background: var(--e-global-color-primary);
    color: white !important;
    padding: 15px;
    border-radius: 9999px;
    transition : all 0.3s ease-out;
}

.page-numbers.prev:hover , .page-numbers.next:hover  {
    background: var( --e-global-color-secondary );
    transition : all 0.3s ease-out;
}

.page-numbers.prev {
    margin-right: 20px !important;
}

.page-numbers.next {
    margin-left: 20px !important;
}

a.page-numbers, span.page-numbers.current {
    background: var(--e-global-color-primary);
    color: white !important;
    width: 35px;
    height: 35px;
    border-radius: 999px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

span.page-numbers.current {
    background: var(--e-global-color-secondary);
}

/*********************************************/
/**************** CUSTOM THEME *****************/
/*********************************************/

div#title_h1_size h1 {
    width: calc(100% + 250px);
}

.elementor-151 .elementor-element.elementor-element-f4c0640 {
    border-bottom-color: var(--jaune)!important;
}

div#menu_dekstop li#menu-item-85 a {
    border: solid 2px var(--e-global-color-primary);
    border-radius: 10px;
    background: var(--e-global-color-primary);
    color: white;
    padding: 5px 15px !important;
}

.white_text_alternate {
    color: transparent!important;
    -webkit-text-stroke: 1px #ffffff;
}

.yellow_text_alternate {
    color: transparent!important;
    -webkit-text-stroke: 1px var(--jaune);
}

span.elementor-counter-number-prefix {
    color: transparen!important;
    -webkit-text-stroke: 3px var(--jaune);
}

.green_text_alternate, .green_text_alternate h2 {
    color: transparent!important;
    -webkit-text-stroke: 1px var(--e-global-color-primary);
}

.carrousel_logo img {
    width: 100% !important;
    height: 90px!important;
    object-fit: contain!important;
}

.color_orange {
    color: var(--orange)!important;
}

.text_color_bleu {
    color: var(--bleu)!important;
}

div#nav_content_mobile ul li * {
    text-align: center;
}

div#nav_content_mobile ul li ul li a {
    font-size: 14px;
    padding: 14px;
}

.item_approche {
    position: relative;
    top: 0;
    transition: all 0.3s ease-in-out!important;
}

.item_approche:hover {
    top: -10px;
    transition: all 0.3s ease-in-out!important;
}

.item_approche .logo_approche img {
    transform: rotate(0deg) scale(1);
    transition: all 0.3s ease-in-out!important;
}

.item_approche:hover .logo_approche img {
    transition: all 0.3s ease-in-out!important;
    transform: rotate(10deg) scale(1.1);
}

.pw-grid-pages-enfants {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}

.pw-grid-item {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 120px;
}

.pw-grid-item a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
    border: solid 2px var(--vert);
    padding: 40px;
    font-weight: 600;
    border-radius: 10px;
}

.post_image_while a {
    width: 100% !important;
    display: block !important;
}

.post_desc_while {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.item_number_project * {
    text-align: center!important;
}

.item_number_project.red .number .elementor-heading-title {
    color: transparent!important;
    -webkit-text-stroke: 3px var( --e-global-color-d62a3aa );
}

.item_number_project.yellow .number .elementor-heading-title {
    color: transparent!important;
    -webkit-text-stroke: 3px var( --jaune);
}

.item_number_project.blue .number .elementor-heading-title {
    color: transparent!important;
    -webkit-text-stroke: 3px var( --bleu );
}

.breadcrumb_green *, .breadcrumb_green .pw-breadcrumb-wrap span[aria-current="page"], .breadcrumb_green .pw-breadcrumb-wrap li + li::before {
    color: var(--e-global-color-primary) !important;
}

.extend_pw_p {
    --pw-collapsed-height: 140px;
    --pw-fade-height: 70px;
    --pw-link-color: var(--e-global-color-primary);
    --pw-transition-speed: 0.35s;

    position: relative;
    max-height: var(--pw-collapsed-height);
    overflow: hidden;
    cursor: pointer;
    transition: max-height var(--pw-transition-speed) ease;
}

.extend_pw_p::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--pw-fade-height);
    background: linear-gradient(to bottom, #e6eee9a1, #e6eee9);
    pointer-events: none;
    z-index: 1;
    transition: opacity var(--pw-transition-speed) ease;
}

.extend_pw_p::after {
    content: "En savoir plus";
    position: absolute;
    left: 50px;
    bottom: 0px;
    padding: 15px;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.2;
    background: var(--pw-link-color) !important;
    color: white;
    z-index: 2;
    pointer-events: none;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
}


.extend_pw_p.is-expanded {
    overflow: visible;
}

.extend_pw_p.is-expanded::before {
    opacity: 0;
}

.extend_pw_p.is-expanded::after {
    content: "Réduire";
}

.extend_pw_p > *:last-child {
    margin-bottom: 0;
}

.extend_pw_p.is-not-expandable::before,
.extend_pw_p.is-not-expandable::after {
    display: none;
}

.form_custom input, .form_custom textarea {
    border: none !important;
    border-bottom: solid 1px #005527 !important;
    padding-bottom: 10px !important;
    padding-left: 0 !important;
}

.form_custom div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner {
    padding: 10px !important;
    margin-top: 10px;
}

.form_custom label.wpforms-field-label {
    font-weight: normal;
    font-size: 15px;
    line-height: 1.3em;
}

.form_custom input[type=checkbox] {
    border: none !important;
}

button#wpforms-submit-7395 {
    background-color: #02010100;
    font-family: "Poppins", Sans-serif;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-primary);
    border-radius: 10px 10px 10px 10px;
    padding: 17px 20px 18px 20px;
    height: auto;
}

button#wpforms-submit-7395:hover {
    background: var(--e-global-color-primary);
    color: white;
}

div#wpforms-7395-field_9-container ::marker {
    color: white !important;
}

.mc_form_pw input[type=email] {
    width: 100%;
    border-bottom: 2px solid var(--e-global-color-primary)!important;
    color: var(--e-global-color-primary)!important;
}

.mc_form_pw {
    display: flex;
    gap: 30px;
    width: 700px;
    max-width: 100%;
}

.rgpd-content {
    max-width: 860px;
    margin: 0 auto;
    line-height: 1.7;
}

.rgpd-title {
    font-size: 1.8em;
    font-weight: 700;
    margin: 0 0 0.8em 0;
    padding-bottom: 0.5em;
    border-bottom: 3px solid currentColor;
}

.rgpd-subtitle {
    font-size: 1.25em;
    font-weight: 600;
    margin: 1.8em 0 0.6em 0;
}

.rgpd-heading {
    font-size: 1.1em;
    font-weight: 600;
    margin: 1.2em 0 0.4em 0;
}

.rgpd-text {
    margin: 0 0 0.8em 0;
}

.rgpd-list {
    margin: 0 0 1em 0;
    padding-left: 1.5em;
}

.rgpd-list li {
    margin-bottom: 0.4em;
}

.rgpd-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0 1.5em 0;
    font-size: 0.9em;
}

.rgpd-table th {
    background-color: #1e293b;
    color: #ffffff;
    padding: 0.6em 0.8em;
    text-align: left;
    font-weight: 600;
}

.rgpd-table td {
    padding: 0.6em 0.8em;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: top;
}

.rgpd-table tr:hover td {
    background-color: rgba(0, 0, 0, 0.02);
}

.rgpd-content a {
    color: inherit;
    text-decoration: underline;
}

.rgpd-content strong {
    font-weight: 600;
}

.rgpd-content em {
    opacity: 0.7;
    font-style: italic;
}

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

@media screen and (min-width:1201px) {
    .no_desk {
        display: none !important;
    }
}


/*********************************************/
/***************** TABLETTE ******************/
/*********************************************/

@media screen and (max-width:1150px) {
    div#menu_dekstop li#menu-item-71 {
        display: none;
    }
    .pw-grid-pages-enfants {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

@media screen and (max-width:1024px) {
    .no_mob {
        display: none !important;
    }
    div#title_h1_size h1 {
        width: 100%;
    }

}


/*********************************************/
/****************** MOBILE *******************/
/*********************************************/

@media screen and (max-width:768px) {
    .pw-grid-item a {
        padding: 30px;
    }
    .pw-grid-pages-enfants {
        grid-template-columns: repeat(1, 1fr);
    }
    .mc_form_pw {
    flex-direction: column;
}
}