/*
Theme Name: Nobiis Theme
Theme URI: https://oceanwp.org/
Description: Thème enfant d'Ocean customisé pour Nobiis.
Author: Corinne Escudier
Author URI: https://corinne-escudier-designerweb.fr/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/*Réglages généraux*/
html {
  scroll-behavior: smooth;
}
body{
    overflow:hidden;
}
p{
	margin:0;
}
/*Animation des liens*/
a{
	text-decoration:none !important;
	position: relative;
}
a:hover, a:focus{
	outline: none !important;
}
a .text-wrap{
	position:relative;
}
.text-link a::before, a .text-wrap::before{
	content:"";
}
.text-link a::before,.text-link a::after, a .text-wrap::before, a .text-wrap::after{
	position: absolute;
	width:100%;
	height:1px;
	top:100%;
	left:0px;
	pointer-events: none;
	background: #001D41;
}
.text-link a:hover::before, a:hover .text-wrap::before{
	transform-origin: 0% 50%;
	transform: scale3d(1, 1, 1);
}
.text-link a::before, a .text-wrap::before{
	transform-origin: 100% 50%;
	transform: scale3d(0, 1, 1);
	transition: transform 0.3s;
}
/*Header*/
#main #content-wrap{
	padding-left:50px;
	padding-right:50px;
}
.container{
	max-width:95%;
}
#site-header{
	padding:26px 0;
	transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 1;
  transform: translateY(0);
}
#site-header-inner{
	background-color: #fff;
	border-radius:35px;
}
.bold-link{
	font-weight:800;
}
.page-header{
	align-items:flex-end;
	margin-top:-1px;
}
/* Menu de l'en-tête fixé au scroll*/
#site-header.fixNavigation {
    position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding:0 !important;
  /* Animation entrée */
  opacity: 0;
  transform: translateY(-20px);
  animation: slideFadeIn 0.4s ease forwards;
  background-color:#fff;
}
@keyframes slideFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media(min-width:768px){
	#site-header{
		background-color:#001e44 !important;
	}
	#site-header.fixNavigation{
		background-color:#fff !important;
	}
}
.home #site-header{
		background-color:#001e44;
}
.home #site-header.fixNavigation{
	background-color: #fff;
}

@media(max-width:767px){
	#site-header{
		padding-left: 20px;
		padding-right:20px;
		padding-top:70px	;
	}
	#site-header.fixNavigation{
		height:50px;
	}
	#site-header-inner{
		padding: 0 15px !important;
	}
	#site-header-inner, #site-logo #site-logo-inner, .oceanwp-social-menu .social-menu-inner, #site-header.full_screen-header .menu-bar-inner, .after-header-content .after-header-content-inner {
		height:50px !important;

	}
	.oceanwp-mobile-menu-icon{
		top:-10px;
	}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{
		height:3px;
	}
	.page-header{
		height:350px !important;
		position: relative;
		top:-200px;
		padding: 20px 30px !important;
	}
	.page-template #content-wrap{
		margin-top:-200px;
	}
}
body.home .page-header-inner{
	text-align: left !important;
}
/*Ancres*/
.anchor-target{
	scroll-margin-top:70px;
}
@media(max-width:767px){
	.anchor-target{
		scroll-margin-top:50px;
	}
}
/*Slider logos clients*/
.custom-logo-carousel {
  overflow: hidden;
  width: 100%;
}
.carousel-track {
  display: flex;
  animation: scroll 45s linear infinite;
}

.carousel-track img {
  height: 75px !important;
  width: auto;
  max-width:130px !important;
  margin: 0 20px !important;
  flex-shrink: 0;
  object-fit: contain;
}

/* Animation de défilement */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
@media (max-width: 768px) {
	.carousel-track {
    animation: scroll 60s linear infinite !important;
    width:2800px;
  }
  .carousel-track img {
    margin: 0 10px;
    height: 75px !important;
  }
}
/*Effet images au scroll*/
[class^="parallax-depth-"] {
  position: relative;
  overflow: hidden;
}
[class^="parallax-depth-"] img {
  transition: transform 0.2s ease-out;
  will-change: transform;
  position: relative;
  z-index: 1;
}
/*Accordéon*/
.e-n-accordion .e-n-accordion-item:not([open]) h3{
	color:#D4D4D4;
}
.e-n-accordion .e-n-accordion-item[open] h3{
	color:#000;
}
.e-n-accordion-item-title{
		padding-left:0 !important;
}
.e-n-accordion .e-n-accordion-item:last-child .e-n-accordion-item-title{
	border:0 !important;
}
/*Caroussel Témoignages*/

.testimonial-carousel {
  position: relative;
  max-width: 600px;
  margin: 10px auto;
  background-color: #f8f8f8;
  border-radius: 15px;
  min-height: 250px;
}
.testimonial-inner {
  padding: 50px;
  position: relative;
}
.testimonial-text {
  max-height: 90px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease-in-out;
  line-height: 1.5em;
}

.testimonial-text.expand {
  max-height: none;
}

.read-more {
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
}
.testimonial {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  z-index: 0;
}
.testimonial.active {
	position: relative;
  opacity: 1;
  z-index: 1;
  visibility: visible;
}
.testimonial h3{
  margin-top: 10px;
}
button.prev,
button.next {
  position: absolute;
  top: 20px;
  transform: translateY(-50%);
  width:33px;
  height:33px;
  padding:0;
  cursor: pointer;
  background-color: transparent;
}
button.prev {
  left: 650px;
}
button.next {
  left: 690px;
}
@media(max-width:767px){
	.testimonial-carousel{
		min-height: 200px;
	}
	.testimonial-inner{
		padding:20px;
	}
	button.next{
		left:300px;
		top:250px;
	}
	button.prev{
	 left: 260px;
   top: 250px;
	}
}
.infos-client{
	display:flex;
	margin-top:15px;
}
.infos-client h3{
	font-size:13px;
	font-weight:800;
	line-height: 19px;
	margin:0;
}
.infos-client > div:last-child{
	padding-left:10px;
}
.client-photo img,
.client-photo {
  width: 33px;
  height:33px !important;
  border-radius: 50% !important;
  object-fit: cover;
}
/*GTranslate*/
.gtranslate_wrapper{
	position:relative;
	top:24px;
}
.gt_switcher{
	width:80px !important;
	font-family:'Manrope'!important;
	font-size:13px !important;
}
.gt_switcher .gt_selected, .gt_switcher .gt_option{
	background:#fff !important;
	height:20px !important;
	padding:3px 0;
}
 .gt_switcher .gt_selected a, .gt_switcher .gt_option a{
	border:none !important;
	font-size: :13px !important;
}
.gt_switcher img {
  width: 12px !important;
  height: 12px !important;
  object-fit: cover;
  border-radius: 50%;
  display: inline-block;
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{
	display:none;
}
/*Formulaire d'inscription*/
#kessel-form{
	display:flex;
	width:405px;
	height:35px;
}
#kessel-form input{
	border-color:#000;
	min-height:35px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-right-width:0;
	font-size:16px;
}
#kessel-form button[type="submit"]{
	background-color:#000;
	border: 1px solid #000;
	border-radius:15px;
	text-transform:none;
	font-weight:400;
	width: 105px;
  padding: 5px;
	margin-left:-15px;
	font-size: 16px;
	letter-spacing: 0;
}
@media(max-width:767px){
	#kessel-form{
		width: auto;
	}
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){
	background-color:#001D41 !important;
	border-radius: 15px !important;
}
/*Animation logos de la page Missions*/
.logo-item {
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.logo-item.visible {
  opacity: 1;
  transform: translateX(0);
}
/*Cartes Flip horizontal Missions*/
.box {
	height:210px !important;
  transform: scaleY(1);
  transition: transform 0.4s ease !important;
  position: relative !important;
  overflow:hidden !important;
}

.box.hovered {
  transform: scaleY(-1);
}
.content-flip {
  opacity: 0 ;
  visibility: hidden ;
  position: absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleY(-1); /* remet le texte à l'endroit */
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

.content-initial {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}
/*Formulaire de contact*/
.wpcf7-form .identite{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.wpcf7-form p{
	margin-bottom:20px;
}
.wpcf7-form .identite > p{
	width:48%;
}
.wpcf7-form  input{
	height:55px;
	border-radius: 35px !important;
	padding-left:20px !important;
}
.wpcf7-form  textarea{
	border-radius: 35px !important;
	padding-left:20px !important;
	padding-top:20px !important;
}
.wpcf7-form  input[type="submit"]{
	text-transform: none;
	letter-spacing:0;
	font-weight: 400;
	font-size:13px;
	color:#001D41;
	background-color:transparent;
	padding:12px 24px !important;
	height:45px;
	display:block;
	margin:0 auto;
	border-radius:15px !important;
	border:1px solid #001D40;
}
.wpcf7-form  input[type="submit"]:hover{
	background-color:#001D41;
	color:#fff;
}
.wpcf7-form  input[type="submit"]:focus{
	background-color:transparent;
}
@media(max-width: 767px){
	.wpcf7-form .identite > p{
		width:100%;
	}
}
/*Bannière de cookies*/
.cky-notice-btn-wrapper .cky-btn, .cky-btn.cky-btn-preferences{
	border-radius: 15px;
    font-size: 13px;
    border-width: 1px;
}
/*Recaptcha Google*/
.grecaptcha-badge{
	display: none !important;
}