/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* header */
.elementor-location-header .elementor-sticky {background: #101423;}
/*.home .elementor-location-header .elementor-sticky {background: transparent;}*/
.sub-menu.elementor-nav-menu--dropdown{min-width: 160px !important;padding: 15px 30px 15px 15px !important}
/* sticky */
.elementor-sticky--effects{-webkit-transform: translateY(-100%);transform: translateY(-100%);transition: transform .3s ease, -webkit-transform .3s ease !important;}
.shownavbar .elementor-sticky--effects{-webkit-transform: translateY(0%);transform: translateY(0%);transition: transform .3s ease, -webkit-transform .3s ease !important;}
.shownavbar .elementor-location-header .elementor-sticky--active{background: #101423;box-shadow: 0 0 10px #000;}
.ux-info-header .elementor-element {border-left: 1px solid #ffffff36;margin-left: 15px;padding-left: 15px;}
.ux-info-header .elementor-element:last-child {border: none;}
/* bouton popup */
.aside-trigger {transition: 0.3s;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;float:right;width: 20px;height: 24px;}
.aside-trigger span {display: block;width: 20px;height: 2px;border-radius: 3px;background: #fff;transition: .3s;transform-origin: right;}
.aside-trigger span + span {margin-top: 5px;}
.aside-toggle:hover span:nth-child(1) {width: 10px;transform: rotate(45deg) translate(7px,-3px)}
.aside-toggle:hover span {margin: 0;background:#8F9EB5}
.aside-toggle:hover span:nth-child(3) {width: 10px;transform: rotate(-45deg) translate(7px,3px);}
/* langue */
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {padding: 0 0px 5px 0;background: #fff;}
.wpml-ls-legacy-dropdown-click {width: 53px;}
.wpml-ls-legacy-dropdown-click a {color: #fff;border: none;background-color: transparent;}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {color: var( --e-global-color-6d41c87 );background: transparent;transition:.3s ease-in-out}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {padding: 0;padding-right: calc(10px + 1.4em);min-height: 24px;font-family: "Volvo Novum", Sans-serif;font-weight: 500;font-size: 15px;}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {top: 8px;}
.wpml-ls-legacy-dropdown-click a span {padding-top: 4px;}
.ux-info-header .elementor-button-content-wrapper:hover span,
.ux-info-header a.js-wpml-ls-item-toggle:hover
{color: #8F9EB5; fill: #8F9EB5}

/* Formulaire contact form 7*/
.col-md-4 {width: 33.33333333333333%;}
.col-md-6 {width: 50%;}
.col-md-12 {width: 100%;}
.col-md-4,
.col-md-6,
.col-md-12
{float: left;position:relative;min-height:1px;padding: 0 15px}
.wpcf7-form label{line-height: 30px;width: 100%;}
.wpcf7-form-control-wrap .wpcf7-form-control {background: #fff;border: 1px solid #8F9EB533;border-radius: 10px;}
.wpcf7-form-control.wpcf7-submit.has-spinner {background: var( --e-global-color-a5d5f64 );border: 1px solid var( --e-global-color-a5d5f64 );color: #fff;width: 40%;padding: 15px;text-transform: uppercase;letter-spacing: 1px;font-weight: 600;margin-top: 15px;transition: .3s ease-in-out;border-radius: 10px;}
.wpcf7-form-control.wpcf7-submit.has-spinner:hover {background: #FFF;color: var( --e-global-color-accent );border-color: var( --e-global-color-accent );}

/* landing page */
.page-id-3776 .wpcf7-textarea {height: 100px;}

/* video popup */
.ux-video-pres a{position: relative;width: 80px;height: 80px;border-radius: 100%;justify-content: center;align-items: center;display: flex;background: #fff;}
.ux-video-pres .elementor-icon::before {content: ' ';display: block;position: absolute;border-radius: 100%;z-index: -1;opacity: .6;width: 110px;height: 110px;background-color: #fff;}
.ux-video-pres .elementor-icon::after {content: ' ';display: block;position: absolute;border-radius: 100%;z-index: -1;animation: video-toggle-animate 1.2s ease-in infinite forwards;background-color: #fff;}
.ux-video-pres.ux-video-register {text-align: center;}
.ux-video-pres.ux-video-register .elementor-icon{margin: 0 auto;color: #fff;font-size: 30px;}
@keyframes video-toggle-animate {
0% {width: 70px;height: 70px;opacity: .8;}
100% {width: 160px;height: 160px;opacity: 0;}
}

/* animation img */
.ux-img-realisations img {z-index: 1;position: relative;}
.ux-img-realisations::before {content: "";width: calc(100% - 85px);height: calc(100% + 45px);border: 2px solid #fff;position: absolute;left: -20px;top: -20px;}
.ux-img-realisations .fadeInLeft,
.ux-border-right .fadeInLeft
{animation-name: uxleft !important;}
@keyframes uxleft {
0% {-webkit-clip-path: inset(0 100% 0 0);clip-path: inset(0 100% 0 0);}
100% {-webkit-clip-path: inset(0);clip-path: inset(0);}
}
.ux-img-realisations .fadeInRight,
.ux-border-right .fadeInRight
{animation-name: uxright !important;animation-duration: 2s;}
@keyframes uxright {
0% {-webkit-clip-path: inset(0 0 0 100%);clip-path: inset(0 0 0 100%);}
100% {-webkit-clip-path: inset(0);clip-path: inset(0);}
}

/* footer */
.elementor-location-footer a,
.elementor-location-footer a:visited
{color: #fff;transition: .3s ease-in-out}
.elementor-location-footer a:hover{color: #0492F7}

@media only screen 
and (min-device-width : 100px) 
and (max-device-width : 812px){ 
	.col-md-4,.col-md-6,.col-md-12{width:100%}
	.elementor-widget-wpml-language-switcher {border: none !important;padding: 0 !important;margin: 0 !important;}
	.elementor-nav-menu--dropdown a.elementor-item, .elementor-nav-menu--dropdown a.elementor-sub-item{text-align: center;display: block ruby;}
	.elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown::before, .elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown::after {content: "";width: 50px;height: 1px;background: #101423;position: absolute;left: 50%;transform: translate(-50%, -50%);}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.col-md-4 {width: 33.33333333333333%;}
	.col-md-6 {width: 50%;}
	.col-md-12 {width: 100%;}
	.elementor-nav-menu--dropdown a.elementor-item, .elementor-nav-menu--dropdown a.elementor-sub-item{text-align: left;display: display: flex;}
	.elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown::before, .elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown::after {content: "";width: 50px;height: 1px;background: #101423;position: absolute;left: 0;transform: none;}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1080px) 
and (orientation : landscape) { 
}

@media (min-width: 1025px) and (max-width: 5000px) {}