/* 
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--effects{-webkit-transform: translateY(-100%);transform: translateY(-100%);transition: transform .3s ease, -webkit-transform .3s ease !important;}
.shownavbar .elementor-location-header .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: #fff !important;box-shadow: 0 0 10px #0000001c}
/* navigation */
.elementor-nav-menu--main li a {position: relative;}
.elementor-nav-menu--main li a:hover {transition: 1s;}
.elementor-nav-menu--main li a::before {position: absolute;content: attr(title);top: 0;left: 0;width: 0;-webkit-transition: all 0.5s;transition: all 0.5s;overflow: hidden;white-space: nowrap;color:#FCB525;background: none !important;opacity: 1 !important;}
.elementor-nav-menu--main li a:hover::before {width: 100%;z-index:1}
.menu-item a::after {content: "";display: block;height: 2px;width: 0;-webkit-box-shadow: 0 0 0 2px #FCB525 inset;box-shadow: 0 0 0 2px #FCB525 inset;bottom: -5px;-webkit-transition: 0.5s cubic-bezier(.15,.75,.5,1);-moz-transition: 0.5s cubic-bezier(.15,.75,.5,1);transition: 0.5s cubic-bezier(.15,.75,.5,1);position: absolute;opacity: 0;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;transform-origin: left;}
.menu-item > a:hover::after {opacity: 1;width: 100%;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
.menu-item .sub-menu {min-width: 200px !important;border-bottom: 2px solid #fab207 !important;}
.elementor-nav-menu li {clear: both;}
.sub-menu .menu-item .elementor-sub-item,
.ux-menu-mobi .elementor-nav-menu .menu-item .elementor-item
{display: inline-flex; padding: 0 !important; margin: 13px 20px !important;}
.ux-menu-mobi .sub-menu{padding-left: 25px; border-bottom: 0 !important}
.ux-menu-mobi .sub-menu .menu-item {border-left: 1px solid #ddd}

/* menu config header */
.colf-toggle > span:first-child, a.colf-toggle > span:last-child, a.colf-toggle > span:nth-child(2) {position: relative;}
a.colf-toggle > span, a.mobile-menu-toggle > span {border-bottom: 1px solid #fff;width: 40px;height: 1px;display: block !important;margin-bottom: 11px;transition: all ease .35s;}
.secondary-menu-toggle:hover span {border-bottom: 1px solid #5e5e5e;}
a.colf-toggle:hover > span:first-child::before, a.colf-toggle:hover > span:last-child::before, a.colf-toggle:hover > span:nth-child(2)::before, a.colf-toggle > span:first-child::before, a.colf-toggle > span:last-child::before, a.colf-toggle > span:nth-child(2)::before {transition: all .5s;}
a.colf-toggle > span:first-child::before {right: 0;}
a.colf-toggle > span:first-child::before, a.colf-toggle > span:last-child::before, a.colf-toggle > span:nth-child(2)::before {content: "";width: 7px;height: 7px;background: #5e5e5e;position: absolute;top: -3px;right: 0;border-radius: 50%;}
a.colf-toggle > span:nth-child(2)::before {opacity: 0;transform: scale(0);left: 0;right: 0;margin: auto;}
a.colf-toggle > span:last-child::before {left: 0;}
a.colf-toggle:hover > span:first-child::before {right: 33px;}
a.colf-toggle:hover > span:nth-child(2)::before {opacity: 1;transform: scale(1);}
a.colf-toggle:hover > span:last-child::before {left: 33px;}

/* popup menu config */
.e-search-form {height: 56px;}
.eicon-close:hover{transform: rotate(180deg);transition: .3s;color:#FCB525;fill:#FCB525 !important}

/* bouton et liens */
.wpml-ls-link {transition: .3s ease-in-out;}
.ux-bouton-1 .elementor-button,
.elementor-form-fields-wrapper .elementor-button
{background-position: left 90%,left 50%;background-image: linear-gradient(to right,#fab207 0,#fab207 100%),linear-gradient(to right,#fab207 0,#fab207 100%);-webkit-transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);background-repeat: no-repeat;background-size: 100% 0,100% 100%;}
.ux-bouton-1 .elementor-button:hover,
.elementor-form-fields-wrapper .elementor-button:hover
{background-size: 100% 0,0% 100%;background-position: left 90%,left 50%;background-repeat: no-repeat;background-image: linear-gradient(to right,#fab207 0,#fab207 100%),linear-gradient(to right,#fab207 0,#fab207 100%);-webkit-transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);}
.ux-bouton-1-footer .elementor-button,
.ux-bouton-1-footer.ux-phone
{background-position: left 90%,left 50%;background-image: linear-gradient(to right,#fff 0,#fff 100%),linear-gradient(to right,#fff 0,#fff 100%);-webkit-transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);background-repeat: no-repeat;background-size: 100% 0,100% 100%;}
.ux-bouton-1-footer .elementor-button:hover,
.ux-bouton-1-footer.ux-phone:hover
{background-size: 100% 0,0% 100%;background-position: left 90%,left 50%;background-repeat: no-repeat,linear-gradient(to right,#000 0,#000 100%);-webkit-transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);}
.ux-bouton-1-footer.ux-phone {padding: 40px;display: block;float: left;clear: both;min-width: 350px;background-color: #000;line-height: 35px;}
.ux-phone #country {font-family: "Montserrat";font-size: 20px;font-weight: 400;}
.ux-phone #phone {font-family: "Quicksand";font-weight: 500;font-size: 26px;letter-spacing: 0.5px;}
.ux-bouton-2 .elementor-button-text
{position: relative;padding: 10px 50px;background-size: 100% 0,0% 80%;background-position: left 90%,left 50%;background-repeat: no-repeat;background-image: linear-gradient(to right,#fab207 0,#fab207 100%),linear-gradient(to right,#fab207 0,#fab207 100%);-webkit-transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);}
.ux-bouton-2 .elementor-button-text:hover {background-position: left 90%,left 50%;background-image: linear-gradient(to right,#fab207 0,#fab207 100%),linear-gradient(to right,#fab207 0,#fab207 100%);-webkit-transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);background-repeat: no-repeat;background-size: 100% 0,100% 80%;}
.ux-bouton-2 .elementor-button-text::before {position: absolute;content: "";width: 35px;height: 1px;background: #FCB525;left: 0px;bottom: 16px;}
.ux-links .elementor-icon-list-text {padding: 5px 20px 5px 25px;position: relative;background-size: 100% 0,0% 80%;background-position: left 90%,left 50%;background-repeat: no-repeat;background-image: linear-gradient(to right,#fab207 0,#fab207 100%),linear-gradient(to right,#fab207 0,#fab207 100%);-webkit-transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1) !important;}
.ux-links .elementor-icon-list-text:hover {background-position: left 90%,left 50%;background-image: linear-gradient(to right,#fab207 0,#fab207 100%),linear-gradient(to right,#fab207 0,#fab207 100%);-webkit-transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);background-repeat: no-repeat;background-size: 100% 0,100% 80%;}
.ux-links .elementor-icon-list-text::before {position: absolute;content: "";width: 20px;height: 1px;background: #FCB525;left: 0px;bottom: 10px;}
a .animated {font-style: normal;text-decoration: none;background-size: 100% 3px,0% 80%;background-position: left 90%,left 50%;background-image: linear-gradient(to right,#fab207 0,#fab207 100%),linear-gradient(to right,#fab207 0,#fab207 100%);-webkit-transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);transition: color .5s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);background-repeat: no-repeat;}
.animated {animation-duration: 1.25s;}
a .animated:hover {background-size: 100% 3px,100% 80%;color: #fff;}
.elementor-location-footer a:hover {color: #fff;}

/* services */
.ux-menu-services {padding: 0;position: relative;margin: auto;text-align: center;}
#menu-services a {padding: 0 10px 10px;text-transform: uppercase;font-weight: 400;display: inline-block;margin: 1px 5px;position: relative;transition: 0s;font-size: 25px;}
a .animated2:hover, #menu-services .active a .animated2 {background-size: 100% 3px,100% 80%;color: #fff;}
a .animated2 {font-style: normal;text-decoration: none;background-size: 100% 3px,0% 80%;background-position: left 90%,left 50%;background-image: linear-gradient(to right,#fab207 0,#fab207 100%),linear-gradient(to right,#fab207 0,#fab207 100%);-webkit-transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);transition: color .9s cubic-bezier(.15,.75,.4,1),background-size .9s cubic-bezier(.15,.75,.4,1);background-repeat: no-repeat;}
.ux-txt .elementor-widget-container::before {content: "";position: absolute;width: 40px;height: 1px;background: #fab207;left: 0;top: 20px;}
.ux-line-txt-left p::before {position: absolute;content: "";background: #fab207;left: 0;top: 20px;width: 80px;height: 1px;}
.img-member img{z-index: 1;position: relative;}
.img-member::before {position: absolute;content: "";left: -15px;top: -25px;width: 285px;height: 350px;border: 10px solid #f9f9f9;z-index: 0;transition: .3s;}
.img-member:hover::before {border-color: #F8B11C42;transition: 0.3s;}

/* quote */
.ux-scrolling-text{position: relative; z-index: 1}
.quote:lang(fr) a:hover {cursor: url(/wp-content/uploads/2022/03/bt-contact-2.svg),auto;}
.quote:lang(de) a:hover {cursor: url(/wp-content/uploads/2023/05/bt-contact-de-4.svg),auto;}
.quote:lang(en) a:hover {cursor: url(/wp-content/uploads/2023/05/bt-contact-en-2.svg),auto;}
.quote:lang(nl) a:hover {cursor: url(/wp-content/uploads/2023/05/bt-contact-nl-1.svg),auto;}
.ux-scrolling-text[data-using-bg="true"] .background-layer,
.ux-scrolling-text[data-using-bg="true"] .background-layer.row-bg-wrap
{overflow: hidden;z-index: 100;position: relative;width: 100%;margin-left: 0;left: 0;top: 0;}
.ux-scrolling-text .background-layer:not([data-bg-animation="none"]).animated-in .inner {opacity: 1;}
.ux-scrolling-text .background-layer[data-bg-animation*="reveal-from-"].animated-in .inner {-webkit-transform: rotate(0) translate3d(0,0,0);transform: rotate(0) translate3d(0,0,0);}
.ux-scrolling-text .background-layer:not([data-bg-animation="none"]) .inner {overflow: hidden;}
.ux-scrolling-text .background-layer[data-bg-animation="ro-reveal-from-bottom"] .inner {transform-origin: left bottom;}
.ux-scrolling-text .background-layer[data-bg-animation*="reveal-from-"] .inner {-webkit-transition: transform 2.3s cubic-bezier(.2,.65,.3,1),opacity .25s ease;transition: transform 2.3s cubic-bezier(.2,.65,.3,1),opacity .25s ease;will-change: transform,opacity;-webkit-backface-visibility: hidden;}
.background-image{height: 72vh;background: url('/wp-content/uploads/2023/08/faites-la-difference-avec-UX.jpg') no-repeat 100% 100%;background-position: center center;}
.wpb_row .ux-scrolling-text .row-bg {position: relative;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;}
.ux-scrolling-text .background-layer:not([data-bg-animation="none"]) .ux-scrolling-text-inner {transition: opacity .6s ease;}
.ux-scrolling-text[data-using-bg="true"][data-sep-text="true"] .ux-scrolling-text-inner {position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 10;color: #fff}
.ux-scrolling-text .ux-scrolling-text-inner {width: 100%;height: auto;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;overflow: hidden;white-space: nowrap;}
.ux-scrolling-text.font_size_15vh .ux-scrolling-text-inner * {font-size: 100px;line-height: 1.1em;padding-right: 20px;}
.ux-scrolling-text .ux-scrolling-text-inner > * {transform: translateX(-20%) translateZ(0);animation: ux-scrolling-text-animation linear infinite 15s;animation-duration: 15s;}
.ux-scrolling-text[data-style="text_outline"] i {-webkit-text-stroke-color: inherit;-webkit-text-fill-color: rgba(0,0,0,0);}
.ux-scrolling-text[data-sep-text="true"] > .ux-scrolling-text-inner {overflow: visible;color: #FAB207 !important}
.ux-scrolling-text[data-style="text_outline"][data-outline-thickness="thin"] i {-webkit-text-stroke-width: .015em;}
.ux-scrolling-text.font_size_15vh .ux-scrolling-text-inner * {font-size: 15vh;line-height: 1.1em;}
.ux-scrolling-text[data-style="text_outline"] i {-webkit-text-stroke-color: inherit;-webkit-text-fill-color: rgba(0,0,0,0);}
@-webkit-keyframes ux-scrolling-text-animation {
0% {transform: translateX(-20%) translateZ(0);}
100% {transform: translateX(-120%) translateZ(0);}
}
@-o-keyframes ux-scrolling-text-animation {
0% {transform: translateX(-20%) translateZ(0);}
100% {transform: translateX(-120%) translateZ(0);}
}
@-moz-keyframes ux-scrolling-text-animation {
0% {transform: translateX(-20%) translateZ(0);}
100% {transform: translateX(-120%) translateZ(0);}
}
@keyframes ux-scrolling-text-animation {
0% {transform: translateX(-20%) translateZ(0);}
100% {transform: translateX(-120%) translateZ(0);}
}

/* contact */
.elementor-form-fields-wrapper .elementor-field:hover,
.elementor-form-fields-wrapper .elementor-field:focus
{border-color: #F8B11C !important;outline: none;}
.elementor-g-recaptcha{display: none !important}
	
/* general */
.ux-back-line::before {background-repeat: no-repeat;content: "";position: absolute;top: 0;width: 100%;height: 100%;z-index: -2;background-image: url("/wp-content/uploads/2022/03/forme2.svg");background-position: center left;}
.ux-back-line::after {position: absolute;animation: ux-anim 15s linear infinite;background: #fff;width: 100%;height: 100%;left: 0;top: 0;content: "";z-index: -1;}
@keyframes ux-anim {0% {top: 0;}50% {top: 100%;}0% {top: 0;}}
.ux-top-title .elementor-heading-title::after {content: "";position: absolute;content: '';left: 105%;bottom: 18px;width: 70px;height: 1px;background-color: #fab207;}
.ux-title .elementor-heading-title {background-image: linear-gradient(-225deg,#F8B11C 0%,#FED619 29%,#F8421C 67%,#fff800 100%);background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: textclip 6s linear infinite;}
@keyframes textclip {to {background-position: 200% center;}}
.elementor-testimonial-image img {box-shadow: 0px 15px 37px rgba(0,0,0,.15) !important;-webkit-box-shadow: 0px 15px 30px rgba(0,0,0,.15) !important;margin: 30px 26px 33px 22px;}	
	
@media only screen
and (min-device-width : 100px)
and (max-device-width : 812px){
	.ux-back-line::before,
	.ux-back-line::after
	{display: none}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	.ux-back-line::before,
	.ux-back-line::after
	{display: none}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1080px)
and (orientation : landscape) {
	.ux-max-width{max-width: 600px}
	.ux-menu-mobi{display: none}
}

@media (min-width: 1025px) and (max-width: 5000px) {
	.ux-menu-mobi{display: none}
}