/*
Theme Name: Brumisphère Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: brumisphere
Version: 3.4594
*/

.grecaptcha-badge { visibility: hidden; }

/* GDPR */

.change-settings-button {
    margin: 0;
    margin-top: -4px;
}


/* For desktop */

.moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
    display: flex;
    flex-direction: row-reverse;
}

.moove-gdpr-modal-footer-content .moove-gdpr-modal-save-settings {
    background-color: white !important;
    color: #202020 !important;
}

.moove-gdpr-cookie-notice button.change-settings-button {
    min-height: unset;
}

.moove-gdpr-branding-cnt {
    display: none !important;
}

.moove-gdpr-modal-reject-all {
    display: none;
}


/* For mobile */

@media (max-width: 768px) {
    .moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
        flex-direction: row-reverse;
        display: flex;
    }
    .moove-gdpr-modal-footer-content .moove-gdpr-modal-save-settings,
    .moove-gdpr-modal-footer-content .moove-gdpr-modal-allow-all {
        flex: 1;
    }
    #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
        justify-content: space-around !important;
    }
    .moove-gdpr-info-bar-container .moove-gdpr-infobar-allow-all {
        width: 100%;
        order: 3 !important;
    }
    .moove-gdpr-info-bar-container .moove-gdpr-infobar-reject-btn {
        order: 1 !important;
        flex: 1;
    }
    .moove-gdpr-info-bar-container .moove-gdpr-infobar-settings-btn {
        order: 2 !important;
        flex: 1;
    }
}

.icon-menu:before,
.icon-angle-down:before,
.icon-angle-right:before,
.icon-angle-left:before,
.icon-undo:before {
    font-family: 'Material Icons' !important;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-undo:before {
    color: #fff;
    content: "\e166" !important;
    font-size: 1.3em;
}

.icon-angle-right:before {
    content: "\e5c8" !important;
}

.icon-angle-left:before {
    content: "\e5c4" !important;
}

.icon-menu:before {
    color: #000;
    font-size: 130%;
    content: "\e164" !important;
}

.icon-angle-down:before {
    color: #000;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    background-color: #f5f6fd;
    content: "\f1e3" !important;
    font-size: 22px;
    padding-top: 7px;
}

.icon-angle-down:before {
    color: #000;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    background-color: #f5f6fd;
    content: "\f1e3" !important;
    font-size: 22px;
    padding-top: 7px;
}


/*************** GLOBAL  ***************/

h1,
h2,
h3,
h5,
h6,
.heading-font,
.brand,
.nav>li>a {
    font-family: forma-djr-display, sans-serif !important;
    font-style: normal;
}

h1 span.light {
    line-height: normal;
}

h2 {
    font-size: 300%;
    margin-bottom: 0px;
}

p,
.button,
.corp-font,
h4,
.portfolio-categories a,
.portfolio-tags a,
.swal2-html-container,
.button span,
.secondary-title h1 {
    font-family: neuzeit-grotesk, sans-serif !important;
    font-style: normal;
}

.light {
    font-weight: 400;
}

.reg {
    font-weight: 500;
}

.bold {
    font-weight: 700;
}

.black,
.nav-vertical li>a {
    font-weight: 900 !important;
}

@media screen and (min-width: 600px) {
    .frame {
        height: 40px;
        width: 100%;
        position: fixed;
        background-color: #fff;
        bottom: 0;
        z-index: 9;
    }
    .framed {
        padding-left: 40px;
        padding-right: 40px;
    }
    .banner-home .banner-bg {
        margin: 0px 40px !important;
    }
}

ul {
    list-style-type: none;
}

.button.primary {
    letter-spacing: 0;
    padding: 0 2em;
}

.button.is-xxlarge {
    height: 100px;
    width: 100px;
    font-size: 1em;
    padding: 29px 0px;
}

.is-divider {
    margin: 1em 0 2.5em 0;
}

.ls {
    letter-spacing: 0.2em;
}

.mw-1080 {
    max-width: 1080px;
    margin: auto;
}

.mw-1600 {
    max-width: 1600px;
    margin: auto;
}

.pole-tags a {
    color: unset;
}

.white.pole-cta {
    color: black !important;
    border: none;
}

.white.pole-cta:hover {
    box-shadow: none;
}


/*************** HEADER  ***************/

.logo-left .logo {
    margin-left: 0;
    margin-right: 10px;
}

@media screen and (min-width: 600px) {
    .header-wrapper {
        padding: 0px 40px !important;
    }
}

@media screen and (max-width: 600px) {
    .header-wrapper {
        padding: 0px 15px !important;
    }
}

.header-main .container {
    padding-left: 0px;
    padding-right: 0px;
}

.header-divider {
    height: 3px;
    width: 100px;
    background-color: #0118D2
}


/* MENU */

.off-canvas-right .mfp-content {
    background-color: #0118d2 !important;
    box-shadow: none;
    width: 450px;
}

.off-canvas .nav-vertical>li+li {
    border-top: none;
}

.off-canvas .nav-vertical li>a {
    padding-right: 20px;
    display: block;
    text-align: right;
    color: #fff;
    font-size: 140%;
}

.nav-vertical>li {
    display: block;
}

li.header-block {
    position: absolute;
    bottom: 0;
}

.mfp-bg {
    background: none;
}

li.html.header-button-2 {
    text-align: right;
}

li.html.header-button-2 .button.primary {
    background-color: #fff;
    color: #0118d2;
}

.mfp-ready .mfp-close {
    opacity: 1;
}


/*************** ACCUEIL  ***************/

.banner {
    background-color: #fff !important;
}

@media screen and (max-width: 600px) {
    .banner-home h1 {
        font-size: 40px;
    }
}

.banner-home2 {
    margin-top: -40px;
}

.header-bg-color {
    background-color: hsla(0, 0%, 100%, 1);
}

.header,
.header-wrapper,
.sticky-shrink .stuck .header-main {
    transition: none !important;
}

.header-shadow .header-wrapper,
.header-wrapper.stuck,
.layout-shadow #wrapper {
    box-shadow: none;
}

.label {
    max-width: 150px;
}

@media screen and (min-width: 600px) {
    .slider-office .flickity-slider img {
        padding: 0px 15px;
    }
}

@media screen and (max-width: 600px) {
    .slider-office .flickity-slider img {
        padding: 0px 3px;
    }
}

.banner-home2 .scroll-for-more {
    margin-bottom: 8em;
}

.scroll-for-more {
    margin-bottom: 3em;
}


/* Pôles */

.pole h3 {
    margin-left: 20px;
}

.pole h4 {
    padding-top: 9px;
    letter-spacing: 0.2em;
}

.pole p {
    max-width: 350px;
}

.pole li:before {
    content: '- ';
}

.pole .icon-box {
    margin-bottom: 20px;
}

.pole .border {
    border-left: 3px solid;
}

.pole1 .border {
    border-left-color: #01d27d !important;
}

.pole2 .border {
    border-left-color: #00b0d2 !important;
}

.pole3 .border {
    border-left-color: #006dd0 !important;
}

.tax-featured_item_category .page-wrapper {
    padding-bottom: 30px;
    padding-top: 0px;
}


/* REVIEWS */

.reviews .banner {
    background-color: #f5f6fd !important;
}

.reviews .testimonial {
    margin-top: 15px !important;
    max-width: 315px;
}

.reviews .ux-logo-link.block {
    margin-top: 15px !important;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0px !important;
}

.flickity-slider .testimonial,
.flickity-slider .ux_logo div img {
    border-radius: 15px;
}

.flickity-slider .testimonial img {
    max-width: 15px;
}

.credits p {
    line-height: 4px;
    color: #000;
}

.speaker {
    font-weight: 600;
}

.testi2 .slider-wrapper .slider {
    margin-left: -150px;
}


/* PORTFOLIO */

.portfolio-categories a,
.portfolio-tags a {
    color: #000;
}

.portfolio-categories a {
    font-weight: 900;
}

.portfolio-categories li,
.portfolio-tags li {
    margin-bottom: 0.3em;
}

@media screen and (min-width: 850px) {
    .featured_item-template-default .portfolio-top .flickity-enabled.is-draggable .flickity-viewport {
        pointer-events: none;
    }
}


/* PROJETS */

.box-badge .box-text .icon-angle-right:before {
    font-size: 120%;
    padding: 5px;
    top: 59%;
    position: absolute;
}

.box-badge .box-text .icon-angle-right {
    padding-top: 50px !important;
}

.box-badge .box-text {
    opacity: 0;
    bottom: 0%;
    height: 100%;
    padding: 0% 10%;
}

.box-badge .box-text:hover {
    opacity: 1;
    background-color: #006dd0 !important;
}

.box-badge .box-text {
    text-align: left;
}

.box-badge .box-text-title {
    top: 10%;
    position: absolute;
}

.box-badge .box-text-excerpt {
    top: 30%;
    position: absolute;
    max-width: 300px;
    font-size: 110%;
}

.box-badge .box-text-more {
    bottom: 20%;
    position: absolute;
    font-size: 110%;
}

.next-prev-nav i {
    font-size: 1em;
}


/* ARCHIVES */

.frame1 .pole {
    margin-bottom: 22px;
}

.frame1 {
    padding: 40px;
    margin-bottom: 40px;
    background-color: #F5F6FD;
    max-width: 1144px !important;
}

.frame1 .medium-10 {
    margin: auto;
}

.frame1 .format-list a:before {
    content: '- ';
}

.frame1 .format-list a:hover {
    color: #0118d2 !important;
}

#marged {
    margin: 9.8px;
}

#col-1633759813>.col-inner {
    padding: 0 30px 0 0;
}


/* FORMULAIRES */

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    border: 1px solid #222;
    box-shadow: none;
    font-size: .9em;
    height: 2.807em;
    padding: 0 0.8em;
}

textarea {
    min-height: 200px;
    padding-top: 0.7em;
}

.wpcf7-form .large-6,
.wpcf7-form .large-12 {
    padding: 0px 6px;
}

.wpcf7-not-valid-tip {
    display: none;
}

input.button {
    text-transform: none;
    letter-spacing: 0;
    padding: 0 2em;
}

span.wpcf7-list-item {
    display: flex;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 25px;
}


/* ALERTS */

.swal2-html-container {
    font-size: 90%;
    color: #000;
}

.swal2-container .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #0118d2;
    color: #fff;
    font-size: 1.0625em;
}

.swal2-container .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #d10020;
}

.swal2-container .swal2-icon.swal2-error {
    color: #d10020;
    border-color: #d10020;
}

.swal2-container .swal2-icon.swal2-success {
    border-color: #01d27d;
    color: #01d27d;
}

.swal2-container .swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #01d27d;
}

.swal2-container .swal2-icon.swal2-success .swal2-success-ring {
    border: 0.25em solid #01d27d;
}

.woocommerce-invalid input,
input.wpcf7-not-valid {
    color: #d10020;
    border-color: #d10020;
}

.swal2-container .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: none;
}


/*************** LANDING  ***************/

.entry-landing h1 {
    font-size: 220%;
}

.entry-p .col-inner {
    margin: auto !important;
}

@media screen and (min-width: 850px) {
    .entry-landing .img {
        position: absolute;
        margin-top: -120px;
        max-width: 520px;
        padding-left: 50px;
    }
}

@media screen and (max-width: 550px) {
    .entry-landing .img {
        max-width: 370px;
        margin: auto;
    }
}

@media screen and (min-width: 850px) {
    .entry-landing2 .img {
        position: absolute;
        margin-top: -260px;
        max-width: 700px;
        padding-left: 0px;
    }
}

@media screen and (max-width: 550px) {
    .entry-landing2 .img {
        max-width: 600px;
        margin: auto;
    }
}

.problematiques h4 {
    margin-top: 6px;
}

.problematiques .has-icon-bg .icon .icon-inner {
    border: 0px;
    border-radius: 0;
    background-color: #0118d2;
    color: rgb(255, 255, 255);
}

.problematiques .icon-box-left:hover .icon-inner {
    background-color: #0118d2 !important;
}

.problematiques .has-icon-bg .icon svg {
    left: 0;
    margin: 0 10%;
    width: 80%;
}


/* temp */

.flickity-page-dots {
    left: 10px;
    text-align: left;
}

.flickity-page-dots .dot {
    border: 3px solid #0118D2;
    height: 8px;
    width: 8px;
}


/* temp */

.subtitleIcon .inline img {
    max-width: 25px;
    margin-right: 10px;
    margin-bottom: 3px;
}

.subtitleIcon .inline * {
    display: inline;
}

.accordion {
    max-width: 700px;
    margin: 0 auto;
}

.accordion-title {
    font-size: 1em !important;
    text-transform: uppercase;
}

.accordion-title.active {
    background-color: #fff;
    border-color: #000;
    color: #000;
}

.accordion-inner {
    padding: 1em 0 1em 2.3em;
}

.accordion h4 {
    font-size: 0.95em;
}

.toggle i {
    font-size: 0.75em;
    color: #0118d2;
    margin-bottom: 2px;
}

.toggle {
    opacity: 1 !important;
}

.accordion-item:nth-child(n+2) a {
    border-top: 1px solid #000;
}

.accordion-title {
    border-top: 0px;
}


/* FOOTER */

.icone-footer {
    max-width: 170px;
    position: absolute;
    margin-top: -100px;
    left: 34%;
}

.custom-footer .social-icons a,
.social-contact i {
    color: #000;
}

.absolute-footer-custom img {
    width: 38px;
}

.absolute-footer-custom p {
    margin-bottom: 0px;
}

.absolute-footer {
    display: none;
}

.portfolio-related .box-text {
    text-align: left;
}

.portfolio-related .box-text-more,
.archive .box-text-more {
    display: none;
}

.portfolio-related h3,
.archive h3 {
    margin-bottom: 10px;
}


/*** BLOG POSTS (études de cas) ***/

.single-post #content h2 {
    font-size: 2em;
    padding-bottom: 15px;
}

.single-post .post-excerpt {
    line-height: 1.95em;
}

.blog #post-list .box .is-divider {
    display: none;
}

.blog #post-list .box .post-title {
    font-size: 1.95em;
    padding-bottom: 25px;
}

.blog #post-list .box .button {
    min-width: 150px;
}

.page-id-7 .more-etudes-de-cas-title {
	display: none;
}


/****************** STICKY NAVIGATION BAR ********************/

.sticky-bar {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-top: 1px solid #ECECEC;
    display: flex;
    justify-content: space-between;
	padding: 0px 40px;
    align-items: center;
    transition: opacity 0.3s ease-in-out;
}

.fixed-bar,
.above-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    opacity: 1;
}

.above-footer {
    display: none;
    /* Cachée par défaut */
}

.invisible {
    opacity: 0;
    pointer-events: none;
    /* Évite toute interaction lorsque cachée */
}

.previous-nav a,
.next-nav a {
    display: flex;
    gap: 10px;
    /* Espace entre la flèche et l'élément nav */
    cursor: pointer;
    margin-top: 5px;
    transition: opacity 0.3s ease;
    /* Pour l'effet au survol */
}

.next-nav a {
    align-items: right;
}

.previous-nav a {
    align-items: left;
	text-align: right;
}

.previous-nav:hover,
.next-nav:hover {
    opacity: 0.7;
}

.nav-item {
    text-align: center;
    margin: 0 15px;
}

.sticky-bar i,
.sticky-bar p {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.previous-nav a,
.next-nav a,
.nav-item a {
    color: #000 !important;
    text-decoration: none;
}

.previous-nav a:hover,
.next-nav a:hover,
.nav-item a:hover {
    color: #000;
}

#lfb_form div.lfb_selectable .img {
	min-height: 200px!important;
	min-width: 200px!important;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    /*** BLOG POSTS (études de cas) ***/
    .single-post #content h2,
    .blog #post-list .box .post-title {
        font-size: 1.5em;
    }

	.previous-nav a,
    .next-nav a {
        font-size: 12px;
    	justify-content: space-around;
    }
	
	.previous-nav {
		padding-right: 5px;
		border-right: .25px solid rgba(0,0,0, .25);
		width: 50%;
    }
	
    .next-nav {
		padding-left: 5px;
		width: 50%;
    }
	
	.sticky-bar {
    	padding: 0 5px;
	}
	
	.nav-content {
		display: flex;
		gap: 5px;
		align-items: center;
	}
}