@charset "UTF-8";
/*!
	Theme Name: One Spot child By manu SCSS
	Theme URI: https://onespot.re
	Description: Onespot child theme créé et étudier pour répondre à vos besoins par l'équipe de OneSpot.Re
	Author: OneSpot -  MMA / Manu Mika Aurelie
	Author URI: onespot.re
	Template: hello-elementor
	Version: 1.0.4
	Stable tag: 1.0.0
	Requires at least: 4.7
	Tested up to: 6.0.1
	Requires PHP: 5.6
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-onespot-child
	Tags: SASS, SCSS, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/********************************************************************
*																	*
*		FICHIER COMPILER AVEC LIVE SASS COMPILER VSCODE	 			*
*					(newer version)									*
*																	*
*********************************************************************/
/*  ROOTS COLOR ADOBE XD AND ELEMENTOR */
* {
  --unnamed-color-00493f: #00493F;
  --unnamed-color-c8a968: #C8A968;
  --unnamed-color-a57e28: #A57E28;
  --unnamed-color-357b76: #357B76;
  --unnamed-color-1e3a45: #1E3A45;
  --unnamed-color-ffffff: #FFFFFF;
  --unnamed-color-3f413f: #3F413F;
  --unnamed-color-707070: #707070;
}

/* Couleurs du theme */
/* logo couleurs */
/* couleurs speciales */
/* gradients */
/* gradient variables*/
/* couleur menu non uni ( menu-1, etc, */
:root {
  /* conversion pour les <span> */
  --gradientPlasma: $gradientPlasma;
  --gradientDiamond: $gradientDiamond;
  --gradientHotLava: $gradientHotLava;
  /* couleurs span principales */
  --principale: $darkHover;
  --principaleHover: $principaleHover;
  --secondaire: $secondaire;
  --secondaireHover: $secondaireHover;
  --lava:$lava: ;
  --hotLava: $hotLava;
  --plasma: $plasma;
  /****** GLOBAL ELEMENTOR COLOR ******/
  /* ajouter et convertir les couleurs globales d'elementor */
  /****** END GLOBAL ELEMENTOR COLOR ******/
  font-size: 1em 16px;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}
/*
a.osFooter {
  color: #00493F;
  cursor: url("data:image/x-icon;base64,AAACAAEAICAQAAoAAwDoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAAAAAAAA/+4AAO4A/wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACIAAAAAAAAAAAAAAAAAAAIzIAAAAAAAAAAAAAAAAAAjMzIAAAAAAAAAAAAAAAAAIxATIAAAAAAAAAAAAAAAACMQAiIiIAAAAAAAAAAAAAAjEAATIAAAAAAAAAAAAAERERAAATIAAAAAAAAAAAAAACMQMzATIiIRESIiIAAAAAAjEAAAATMzMzMzMREQAAAAIxAAAAAREREREREyAAAAACMQAAAAAAAAAAABMgAAAAAjEAAAAAAAAAAAEyAAAAAAIyIgAAABEQAAATIAAAAAACMQAAAAAAAAACIiIAAAAAAjEAAAAAAAAAEyAAAAAAABERAAMzMwAAATIAAAAAAAACMQAAAAAAABMgAAAAAAAAAjEAAAAAAAEyAAAAAAAAIiIhAAAAERETIAAAAAAAAAACMQAAAAABMgAAAAAAAAAAAjEAAAAAEyAAAAAAAAAAAAIxAiIiATIAAAAAAAAAAAACMQAAADMzMAAAAAAAAAAAAjEAAAEyAAAAAAAAAAAAAAIxAAATIAAAAAAAAAAAAAAiIQABMgAAAAAAAAAAAAAAAjEAEyAAAAAAAAAAAAAAAAIxATIAAAAAAAAAAAAAAAACMRMgAAAAAAAAAAAAAAAAACMRERAAAAAAAAAAAAAAAAACIAAAAAAAAAAAAAD//////5////8P///+B////gP///4AP//+AP//8AB///4AAAP+AAAA/gAAAf4AAAH+AAAD/gAAB/4AAAP+AAAf/AAAP/4AAH/+AAD/8AAB//4AA//+AAf//gAP//4AB//+AD///gB///wA///+Af///gP///4H////Af///5///w=="), auto;
}
*/
/* Font awesome 6 impératif extension dédié FAwesome*/
.fas,
.fa,
.far {
  font-family: "Font Awesome 6 Free", "font-awesome", "font awesome 5 free" !important;
}

/***** DEFINITION DES CLASS SPAN PRINCIPALES *****/
.principale {
  color: #1E3A45;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.principale:hover {
  color: #303030;
}

.hero:hover .principale {
  text-shadow: 0px 0px 50px #C8A968;
}

.secondaire {
  color: #00493F;
}
.secondaire:hover {
  color: #A57E28;
}

.accent {
  color: #C8A968 !important;
}
.accent:hover {
  color: #C8A968 !important;
}

/***** END OF ROOTS *****/
.accueil-titre-icones:after {
  font-family: "font awesome 6 free", "font awesome 5 free", "FontAwesome", poppins, roboto !important;
  content: "\f3a5";
  color: #C8A968;
  background: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: calc(-2em + 20px);
  left: calc(50% + 4em);
  font-size: 2em;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  opacity: 0.2;
  -webkit-transition: opacity ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s;
}

.accueil-titre-icones:hover::after {
  opacity: 1;
}

h2.principale {
  color: #909090;
}

.image-shadow img,
.blog-articles img {
  border-radius: 7px;
  box-shadow: 0 20px 30px -25px rgba(0, 0, 0, 0.5333333333);
  -moz-box-shadow: 0 20px 30px -25px rgba(0, 0, 0, 0.5333333333);
  -webkit-box-shadow: 0 20px 30px -25px rgba(0, 0, 0, 0.5333333333);
}

.pngDropShadow img {
  -webkit-filter: drop-shadow(8px 8px 3px rgba(0, 0, 0, 0.2509803922));
          filter: drop-shadow(8px 8px 3px rgba(0, 0, 0, 0.2509803922));
}

/********* CTA FIN DE PAGE AV CONTACT *********/
.section-cta .cta-endPage .cta-endPage-btn {
  height: 50px;
  background: #FFFFFF;
  color: #1E3A45;
  font-weight: 600;
  border: solid 1px #FFFFFF;
  -webkit-box-shadow: 0px 15px 15px -15px #1E3A45;
          box-shadow: 0px 15px 15px -15px #1E3A45;
}
.section-cta .ctaBtn {
  -webkit-transition: all ease-out 0.25s;
  transition: all ease-out 0.25s;
}
.section-cta:hover .ctaBtn {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.section-cta:hover .accueil-titre-icones::after {
  opacity: 1;
}

/********* END OF CTA FIN DE PAGE AV CONTACT *********/
/*********** GALERIE ***********/
.e-gallery-image.elementor-gallery-item__image.e-gallery-image-loaded {
  border-radius: 7px;
}

/*********** END OF GALERIE ***********/
/****** REASSURANCE ******/
.reassurance p span.principale {
  color: #909090;
}
.reassurance:hover p span.principale {
  color: #0D0D0D;
}

/****** END OF REASSURANCE ******/
/*********** import par défaut **********/
/*
	Theme Name: One spot child By manu
	Theme URI: Onespo.re
	Description: Onespot child theme créé et étudier pour répondre à vos besoins par l'équipe de OneSpot.Re
	Author: OneSpot - Manu
	Author URI: onespot.re
	Template: hello-elementor
	Version: 1.0.0
	Stable tag: 1.0.0
	Requires at least: 4.7
	Tested up to: 5.9
	Requires PHP: 5.6
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-onespot-child
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
:root {
  /* Colors: */
  --tv-light: #4868A6;
  --tv-dark: #245BA2;
  --dark-contrast: #02D1AE;
  --tv-ciel: #3564C0;
  --accent-2-light: #ED9C35;
  --accent-1-light: #D72A40;
  --accent-2-dark: var(--accent-1-light);
  --accent-1-dark: #951F2F;
  --dark: #0A191F;
  --light: #FFFFFF;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
  margin: 0;
}

.menu-mobile-bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  /* display: flex;*/
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  overflow-x: hidden;
}

.menu-top .elementor-widget-wrap.elementor-element-populated {
  padding: 0;
}

.menu-top .elementor-element {
  width: auto;
}
/*
a.osFooter {
  color: var(--elevation-1);
  cursor: url("data:image/x-icon;base64,AAACAAEAICAQAAoAAwDoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAAAAAAAA/+4AAO4A/wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACIAAAAAAAAAAAAAAAAAAAIzIAAAAAAAAAAAAAAAAAAjMzIAAAAAAAAAAAAAAAAAIxATIAAAAAAAAAAAAAAAACMQAiIiIAAAAAAAAAAAAAAjEAATIAAAAAAAAAAAAAERERAAATIAAAAAAAAAAAAAACMQMzATIiIRESIiIAAAAAAjEAAAATMzMzMzMREQAAAAIxAAAAAREREREREyAAAAACMQAAAAAAAAAAABMgAAAAAjEAAAAAAAAAAAEyAAAAAAIyIgAAABEQAAATIAAAAAACMQAAAAAAAAACIiIAAAAAAjEAAAAAAAAAEyAAAAAAABERAAMzMwAAATIAAAAAAAACMQAAAAAAABMgAAAAAAAAAjEAAAAAAAEyAAAAAAAAIiIhAAAAERETIAAAAAAAAAACMQAAAAABMgAAAAAAAAAAAjEAAAAAEyAAAAAAAAAAAAIxAiIiATIAAAAAAAAAAAACMQAAADMzMAAAAAAAAAAAAjEAAAEyAAAAAAAAAAAAAAIxAAATIAAAAAAAAAAAAAAiIQABMgAAAAAAAAAAAAAAAjEAEyAAAAAAAAAAAAAAAAIxATIAAAAAAAAAAAAAAAACMRMgAAAAAAAAAAAAAAAAACMRERAAAAAAAAAAAAAAAAACIAAAAAAAAAAAAAD//////5////8P///+B////gP///4AP//+AP//8AB///4AAAP+AAAA/gAAAf4AAAH+AAAD/gAAB/4AAAP+AAAf/AAAP/4AAH/+AAD/8AAB//4AA//+AAf//gAP//4AB//+AD///gB///wA///+Af///gP///4H////Af///5///w=="), auto;
}
*/

selector img {
  border-radius: 15px;
  border: solid 5px #FFFFFF;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.8);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.8);
}

.collaborateur {
  padding: 10px;
}

.collaborateur img {
  border: solid 5px #FFFFFF;
  border-radius: 15px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
}

.eael-team-item {
  overflow: visible !important;
}

/** header effeçt de transition **/
.header-2 {
  -webkit-transform: translateY(-400px);
          transform: translateY(-400px);
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.elementor-sticky--effects.header-2 {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  height: auto !important;
}

.elementor-sticky--effects.header-1 {
  display: none !important;
}

/** header fin **/
/* Footer credits */
a.osFooter {
  text-decoration: underline;
  color: var(--accent-1-light) !important;
}

a.osFooter:hover {
  color: var(--accent-1-dark) !important;
}

/*image du cordiste passant sur lécran */
.cordiste {
  width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: calc(50% - 120px);
}

/* menu services*/
body.elementor-page .dm-service .service-boxes:hover .elementor-icon,
body.elementor-page .dm-service .service-boxes:hover .elementor-heading-title,
body.elementor-page .dm-service .service-boxes:hover .ico-perso .elementor-icon svg {
  color: var(--light);
  fill: var(--light);
}

/* animation des boites à services*/
.service-boxes {
  -webkit-transition: -webkit-transform ease 250ms;
  transition: -webkit-transform ease 250ms;
  transition: transform ease 250ms;
  transition: transform ease 250ms, -webkit-transform ease 250ms;
  cursor: pointer;
}

.service-boxes:hover {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.service-boxes:hover .elementor-widget-wrap {
  -webkit-box-shadow: 0px 0px 70px var(--accent-1-light);
          box-shadow: 0px 0px 70px var(--accent-1-light);
}

/* animation des icones des boites a services */
body.elementor-page .dm-service .service-boxes:hover .service-arrows i {
  -webkit-transition: -webkit-transform cubic-bezier(0.6, -0.8, 0.27, 1.95) 750ms;
  transition: -webkit-transform cubic-bezier(0.6, -0.8, 0.27, 1.95) 750ms;
  transition: transform cubic-bezier(0.6, -0.8, 0.27, 1.95) 750ms;
  transition: transform cubic-bezier(0.6, -0.8, 0.27, 1.95) 750ms, -webkit-transform cubic-bezier(0.6, -0.8, 0.27, 1.95) 750ms;
  -webkit-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
}

body.elementor-page .dm-service .service-boxes:hover .service-arrows i {
  -webkit-transform: rotate(135deg) scale(4);
          transform: rotate(135deg) scale(4);
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}

/*contact page*/
.contact-icones a.number,
.contact-icones:hover a.number {
  color: var(--accent-1-dark);
}

.contact-icones .elementor-icon i {
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  overflow: hidden;
}

.contact-icones:hover .elementor-icon i {
  -webkit-transform: scale(2) rotate(-10deg) !important;
          transform: scale(2) rotate(-10deg) !important;
  color: var(--light);
}

/* theme */
.elementor-divider .elementor-divider-separator {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.dm-clients .elementor-image-box-title {
  margin: 0;
}

.sps.bg-default {
  background-color: transparent !important;
}

.sps.blog .post {
  background-color: #0A191F;
}

.sps.page-section-space {
  padding: 0;
}

.bg-default {
  background-color: #15282F;
}

.blog .post {
  /*background-color: #0a191f;*/
}

.post .post-content .entry-title a {
  color: var(--accent-1-light) !important;
}

.entry-meta a,
.entry-meta span {
  color: #ffffff;
}

.pagination a,
.pagination span {
  color: #ffffff;
  border-left: 1px solid rgba(255, 255, 255, 0.07);
}

.sidebar .widget {
  color: #ffffff;
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffffff;
}

.post .post-content .entry-title a:hover {
  color: var(--accent-1-light);
}

body .spice.spice-custom .header-button a:hover {
  background-color: var(--accent-1-light);
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=number],
.wpcf7 input[type=tel],
.wpcf7 textarea,
.search-panel input[type=search] {
  color: #ffffff;
  background: #15282f;
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.wp-block-search .wp-block-search__input {
  background: #0a191f;
}

body .blog .post .post-content .spice-seprator,
body .blog .post .entry-content .spice-seprator,
.sps.blog .post .post-content .spice-seprator,
.sps.blog .post .entry-content .spice-seprator {
  border-bottom: 1px solid #233036;
}

body .widget li {
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

body .sidebar .widget {
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.sps .post .entry-content .more-link,
.search-panel input[type=search] {
  border: 1px solid var(--accent-1-light);
}

.pagination {
  -webkit-box-shadow: 0 0px 25px 0 var(--dark);
          box-shadow: 0 0px 25px 0 var(--dark);
}

div#preloader1 {
  background-color: #0a191f;
}

body .sps781 .entry-meta i {
  color: var(--accent-1-light) !important;
}

.sps .entry-meta i {
  color: var(--accent-1-light) !important;
}

body .sps781 .owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--accent-1-light) !important;
}

.sps .owl-carousel .owl-prev:hover,
.sps .owl-carousel .owl-next:hover {
  background-color: var(--accent-1-light) !important;
}

/* formulaire animation*/
.formulaire:hover .icone-de-formulaire i {
  color: var(--accent-1-light);
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}

.formulaire:hover .icone-de-formulaire i {
  color: var(--light);
}

/* hide overflow for col*/
.hide-overflow {
  overflow: hidden !important;
}

/*animation des section personas*/
.section-personas .picture img {
  -webkit-transition: all ease-in-out 500ms;
  transition: all ease-in-out 500ms;
}

.section-personas:hover .picture img {
  -webkit-transform: scale(0.95) rotate(5deg) translateX(-10px);
          transform: scale(0.95) rotate(5deg) translateX(-10px);
  border-radius: 15px;
  /*transition: all ease 5s;*/
}

.section-personas:hover .elementor-price-list-title {
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
  -webkit-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.section-personas:hover .elementor-price-list-description {
  -webkit-transform: translateX(15px) translateY(-10px);
          transform: translateX(15px) translateY(-10px);
  -webkit-transition: -webkit-transform ease-in-out 0.25s;
  transition: -webkit-transform ease-in-out 0.25s;
  transition: transform ease-in-out 0.25s;
  transition: transform ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.section-personas {
  overflow: hidden;
}

.section-personas .picture-collectivite {
  -webkit-box-shadow: 7px 0px 10px 1px rgba(0, 0, 0, 0.1333333333);
          box-shadow: 7px 0px 10px 1px rgba(0, 0, 0, 0.1333333333);
  border-radius: 0 500px 500px 0;
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

.section-personas:hover .picture-collectivite {
  -webkit-box-shadow: 250px 0px 150px 75px #000;
          box-shadow: 250px 0px 150px 75px #000;
  border-radius: 0 500px 500px 0;
  -webkit-transform: translateX(-15px) scale(1.1);
          transform: translateX(-15px) scale(1.1);
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

.formation-secu {
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

.formation-secu:hover {
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

.formation-secu h2 {
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

.formation-secu:hover h2.elementor-heading-title {
  color: var(--accent-1-light) !important;
}

.formation-secu .picture {
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

.formation-secu:hover .picture {
  -webkit-transform: scale(1.03) rotate(-1deg);
          transform: scale(1.03) rotate(-1deg);
}

.formation-secu .col2 .elementor-element-populated {
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

.formation-secu:hover .col2 .elementor-element-populated {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

/* services mdule v3*/
.services-modules,
.services-modules .elementor-flip-box {
  width: 200px !important;
  height: 200px !important;
  /* overflow: hidden; */
  cursor: pointer;
}

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

.textNonSelectionnable, .imageNonSelectionnable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*********** import par défaut **********/
.elementor-nav-menu a {
  text-align: center !important;
}/*# sourceMappingURL=style.css.map */