/*

Theme Name: Now and Zen
Description: Thème du site Now and Zen
Version: 1.0
Author: Guillaume Sourisseau - Astorya
Author URI: https://www.astorya.fr
Template: hello-elementor

*/

header {
	 position: sticky !important;
	 top: -56px;
	 z-index: 1000;
}
 header .sticky_header {
	 background: white;
}
 header .hfe-nav-menu__layout-horizontal {
	 width: 100% !important;
}
 header .menu_responsive {
	 display: none;
}
 @media (max-width: 1600px) {
	 header .menu_responsive {
		 display: block;
	}
	 header .menu_responsive .hfe-nav-menu-icon {
		 font-size: 38px !important;
		 padding: 0 !important;
	}
	 header .menu_responsive .hfe-nav-menu-icon i:before {
		 color: #003057 !important;
	}
	 header .menu_responsive .elementor-heading-title {
		 font-size: 16px;
	}
	 header .menu_desktop {
		 display: none;
	}
}
 @media (max-width: 768px) {
	 header .elementor-widget-image img {
		 min-width: 120px;
	}
}
 .menu_temporaire {
	 padding: 0;
}
 .menu_temporaire li {
	 list-style: none;
	 padding: 0;
	 line-height: 22px;
}
 .menu_temporaire li a {
	 color: #003057;
	 text-decoration: underline;
	 font-size: 16px;
	 font-weight: 300;
}
 .menu_temporaire li a:hover {
	 color: #c10230;
}
 .menu_temporaire li ul {
	 padding: 0 0 0 20px;
}
 .footer_legales a {
	 color: #003057;
	 text-decoration: underline;
}
 .footer_legales a:hover {
	 color: #c10230;
}
 .elementskit-single-testimonial-slider {
	 border: none !important;
}
 .elementskit-single-testimonial-slider .elementskit-commentor-content {
	 display: flex;
}
 .elementskit-single-testimonial-slider .elementskit-commentor-content .testimonial-text-wrapper {
	 border-right: 1px solid #003057;
	 margin: 0 25px 0 0;
	 padding: 0 25px 0 0;
}
 .elementskit-single-testimonial-slider .elementskit-commentor-content .testimonial-text-wrapper p {
	 text-align: left;
}
 .elementskit-single-testimonial-slider .elementskit-commentor-content .testimonial-text-wrapper .elementskit-profile-info {
	 display: flex;
	 text-align: left;
	 column-gap: 10px;
}
 .elementskit-single-testimonial-slider .elementskit-commentor-content .testimonial-text-wrapper .elementskit-profile-info .elementskit-author-des {
	 padding: 0 0 0 10px;
}
 .elementskit-single-testimonial-slider .elementskit-commentor-content .testimonial-text-wrapper .elementskit-profile-info .elementskit-author-name, .elementskit-single-testimonial-slider .elementskit-commentor-content .testimonial-text-wrapper .elementskit-profile-info .elementskit-author-des {
	 display: inline;
	 color: #003057;
	 font-size: 16px;
	 font-weight: 700;
}
 .elementskit-single-testimonial-slider .elementskit-commentor-content .elementskit-client_logo {
	 margin: 0 !important;
	 display: flex !important;
	 align-items: center;
}
 @media (max-width: 768px) {
	 .elementskit-single-testimonial-slider .elementskit-commentor-content {
		 flex-direction: column;
	}
	 .elementskit-single-testimonial-slider .elementskit-commentor-content .testimonial-text-wrapper {
		 border: none;
	}
}
 .swiper-controls-wrapper {
	 display: flex;
	 width: fit-content;
	 margin: auto;
}
 .swiper-controls-wrapper .swiper-pagination, .swiper-controls-wrapper .swiper-button-next, .swiper-controls-wrapper .swiper-button-prev {
	 position: relative !important;
	 left: inherit !important;
	 right: inherit !important;
	 top: inherit !important;
	 bottom: inherit !important;
	 margin: 0 !important;
}
 .swiper-controls-wrapper .swiper-pagination .icon:before, .swiper-controls-wrapper .swiper-button-next .icon:before, .swiper-controls-wrapper .swiper-button-prev .icon:before {
	 display: none;
}
 .swiper-controls-wrapper .swiper-button-next, .swiper-controls-wrapper .swiper-button-prev {
	 background-repeat: no-repeat !important;
	 width: 100px !important;
	 background-position: 0 15px !important;
}
 .swiper-controls-wrapper .swiper-button-next:after, .swiper-controls-wrapper .swiper-button-prev:after {
	 font-size: 0px;
}
 .swiper-controls-wrapper .swiper-button-next {
	 background: url('https://nowandzen.astorya.fr/wp-content/themes/hello-elementor-child/assets/icons/fleche_droite.svg');
}
 .swiper-controls-wrapper .swiper-button-prev {
	 background: url('https://nowandzen.astorya.fr/wp-content/themes/hello-elementor-child/assets/icons/fleche_gauche.svg');
}
 .swiper-controls-wrapper .swiper-pagination {
	 display: flex;
	 column-gap: 10px;
}
 .swiper-controls-wrapper .swiper-pagination span {
	 height: 11px !important;
	 width: 11px !important;
	 background: #003057;
}
 .swiper-controls-wrapper .swiper-pagination span.swiper-pagination-bullet-active {
	 background: #003057;
	 height: 20px !important;
	 width: 20px !important;
}
 div.newsletter-form {
	 display: flex;
	 column-gap: 20px;
}
 div.newsletter-form p {
	 margin: 0;
}
 div.newsletter-form p label {
	 color: white;
	 font-family: "DM Sans", Sans-serif !important;
	 display: flex;
	 align-items: flex-start;
	 column-gap: 10px;
}
 div.newsletter-form p input.wpcf7-email {
	 background: none;
	 border: none;
	 border-bottom: 1px solid #4E5566;
	 border-radius: 0 !important;
	 color: white;
	 margin: 0 0 10px;
}
 div.newsletter-form p .wpcf7-acceptance input {
	 background: #182238 !important;
	 padding: 8px;
	 appearance: none;
	 -webkit-appearance: none;
	 width: 10px;
	 height: 10px;
	 border: 1px solid #b5bac3;
	 border-radius: 2px;
	 background-color: transparent;
	 cursor: pointer;
	 position: relative;
	 vertical-align: middle;
	 transition: all 0.2s ease;
}
 div.newsletter-form p .wpcf7-acceptance input:checked {
	 background-color: #ffbf00;
	 border-color: #ffbf00;
}
 div.newsletter-form p .wpcf7-acceptance input:checked:after {
	 content: '✓';
	 position: absolute;
	 top: -2px;
	 left: 3px;
	 color: white;
	 font-size: 14px;
	 font-weight: bold;
}
 div.newsletter-form p .wpcf7-acceptance span {
	 color: #b5bac3;
	 font-weight: 300;
}
 div.newsletter-form > div:last-child {
	 display: flex;
}
 div.newsletter-form > div:last-child p {
	 display: flex;
	 align-items: flex-end;
}
 div.newsletter-form > div:last-child p input {
	 color: #c29002;
	 border: 1px solid #c29002;
	 border-radius: 0;
	 min-width: 150px;
	 font-weight: 700;
	 padding: 10px;
}
 div.newsletter-form > div:last-child p input:hover {
	 color: white;
	 border-color: white;
	 background: none !important;
}
 div.newsletter-form > div:last-child p .wpcf7-spinner {
	 display: none;
}
 div.newsletter-form .wpcf7-list-item {
	 margin: 0 !important;
}
 .dm-sans p {
	 font-family: 'DM sans' !important;
	 font-weight: 300 !important;
}
 div#n2-ss-2 .n2-ss-slide {
	 height: 500px;
}
 .custom-slider-controls-wrapper {
	 position: relative;
	 bottom: 80px;
	 width: 100%;
	 margin: auto;
	 display: flex;
	 justify-content: left;
	 align-items: flex-start;
	 max-width: 1100px;
	 z-index: 9999;
	 column-gap: 30px !important;
}
 .custom-slider-controls-wrapper .n2-ss-slider-controls {
	 position: relative !important;
	 width: initial !important;
}
 .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-left-center, .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-right-center {
	 order: 1;
	 height: 25px !important;
	 width: 65px !important;
	 background-repeat: no-repeat !important;
}
 .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-left-center .nextend-arrow, .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-right-center .nextend-arrow {
	 --widget-offset: 0 !important;
}
 .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-left-center img, .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-right-center img {
	 opacity: 0 !important;
	 width: 100% !important;
	 height: 25px !important;
}
 .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-left-center {
	 background: url('https://nowandzen.astorya.fr/wp-content/themes/hello-elementor-child/assets/icons/fleche_gauche.svg');
}
 .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-right-center {
	 background: url('https://nowandzen.astorya.fr/wp-content/themes/hello-elementor-child/assets/icons/fleche_droite.svg');
}
 .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom {
	 order: 2;
}
 .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom .nextend-bullet-bar {
	 column-gap: 10px;
}
 .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom .nextend-bullet-bar .n2-bullet {
	 background: #003057 !important;
}
 .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom .nextend-bullet-bar .n2-bullet.n2-active {
	 background: #003057 !important;
	 padding: 8px !important;
}
 .custom-slider-controls-wrapper .n2-ss-slider-controls.n2-ss-slider-controls-absolute-right-center {
	 order: 3;
}
 .contact_side .elementor-widget-icon {
	 position: fixed !important;
	 right: 30px !important;
	 bottom: 30px !important;
	 z-index: 99;
}
 @media (max-width: 768px) {
	 .contact_side .elementor-widget-icon {
		 background: white;
	}
}
 .menu-sommaire {
	 position: sticky;
	 top: 120px;
	 align-self: start;
	 z-index: 5;
}
 .menu-sommaire div.sommaire > ul > li > a {
	 font-weight: 800;
}
 .menu-sommaire ul {
	 padding: 0 !important;
}
 .menu-sommaire ul a {
	 color: #003057;
	 text-decoration: underline;
}
 .menu-sommaire ul li {
	 list-style: none;
}
 .menu-sommaire ul li ul {
	 padding: 0 0 0 20px !important;
}
 .menu-sommaire ul li ul a {
	 text-decoration: underline;
}
 [id] {
	 scroll-margin-top: 130px;
}
 .logo_ecovadis {
	 transform: inherit !important;
	 right: 20px !important;
	 left: inherit !important;
	 bottom: 20px !important;
	 top: inherit !important;
	 position: fixed !important;
}
 @media (max-width: 991px) {
	 .logo_ecovadis {
		 display: none !important;
	}
}
 @media (max-width: 991px) {
	 div#n2-ss-2 .n2-ss-slide {
		 height: inherit !important;
		 margin: 0 0 90px !important;
	}
	 div#n2-ss-2 .custom-slider-controls-wrapper {
		 justify-content: center;
		 z-index: 9999;
	}
	 div#n2-ss-2 .custom-slider-controls-wrapper div.nextend-arrow {
		 display: block !important;
	}
}
 .wpcf7-form div.form-grid p {
	 margin: 0 0 10px;
	 width: 100%;
}
 .wpcf7-form div.form-grid p > label {
	 width: 100%;
	 font-weight: 600;
	 font-family: 'DM sans';
	 color: #003057;
	 display: flex;
	 flex-direction: column;
	 row-gap: 3px;
}
 .wpcf7-form div.form-grid select.wpcf7-form-control, .wpcf7-form div.form-grid input.wpcf7-form-control {
	 border: none;
	 border-bottom: 1px solid #003057;
	 border-radius: 0 !important;
	 padding: 8px 0;
}
 .wpcf7-form div.form-grid select.wpcf7-form-control::placeholder, .wpcf7-form div.form-grid input.wpcf7-form-control::placeholder {
	 color: #888;
}
 .wpcf7-form div.form-grid select.wpcf7-form-control:focus, .wpcf7-form div.form-grid input.wpcf7-form-control:focus {
	 color: #003057;
}
 .wpcf7-form div.form-grid select.wpcf7-submit, .wpcf7-form div.form-grid input.wpcf7-submit {
	 background-color: #F0F0F000;
	 font-family: "Montserrat", Sans-serif;
	 font-size: 16px;
	 font-weight: 700;
	 text-transform: uppercase;
	 fill: var(--e-global-color-text);
	 color: var(--e-global-color-text);
	 border-style: solid;
	 border-width: 1px 1px 1px 1px;
	 border-color: var(--e-global-color-text);
	 border-radius: 0px 0px 0px 0px;
	 padding: 20px 40px 20px 40px;
	 float: right;
	 margin: 20px 0 0;
}
 .wpcf7-form div.form-grid select.wpcf7-submit:hover, .wpcf7-form div.form-grid input.wpcf7-submit:hover {
	 background: #c29002;
	 border-color: #c29002;
	 color: white;
}
 .wpcf7-form div.form-grid textarea {
	 margin: 10px 0 0;
	 border: 1px solid #003057;
	 border-radius: 0 !important;
}
 .wpcf7-form div.form-grid select {
	 color: #888;
}
 .wpcf7-form div.form-grid div.form-row {
	 display: flex;
	 column-gap: 30px;
	 width: 100%;
}
 .wpcf7-form div.form-grid div.form-row > div {
	 width: 1400%;
}
 .wpcf7-form .form-consent br {
	 display: none !important;
}
 .wpcf7-form .form-consent .wpcf7-list-item {
	 margin: 0;
}
 .wpcf7-form .form-consent .wpcf7-list-item input {
	 padding: 8px;
	 appearance: none;
	 -webkit-appearance: none;
	 width: 10px;
	 height: 10px;
	 border: 1px solid #b5bac3;
	 border-radius: 2px;
	 background-color: transparent;
	 cursor: pointer;
	 position: relative;
	 vertical-align: middle;
	 transition: all 0.2s ease;
	 margin: 0 10px 0 0;
}
 .spu-container .spu-content {
	 display: flex;
	 flex-direction: column;
	 row-gap: 15px;
}
 .spu-container .spu-content > div > p {
	 margin: 0;
}
 .spu-container .form-submit {
	 display: flex;
}
 @media (min-width: 805px) {
	 .ombre {
		 position: relative;
	}
	 .ombre:before {
		 content: '';
		 position: absolute;
		 z-index: 0;
		 height: 300px;
		 width: 100%;
	}
	 .ombre.bleu:before {
		 background-color: #003057;
	}
	 .ombre.rouge:before {
		 background-color: #C10230;
	}
	 .ombre.or:before {
		 background-color: #C29002;
	}
	 .ombre.left:before {
		 margin: -20px 0 0 -20px;
	}
	 .ombre.right:before {
		 margin: -20px 0 0 20px;
	}
}



 
.flip-box {
	 background-color: transparent;
   width: 100%;
   max-width: 100%;
	 perspective: 1000px;
	 margin: auto;
	 position: relative;
}
@media (min-width: 768px) {
	 .flip-box {
		 width: 310px;
		 max-width: 310px;
	}
}
.flip-box p {
	 margin: 0;
}
 .flip-box .flip-box-inner {
	 position: relative;
	 width: 100%;
	 text-align: center;
	 transition: transform 0.6s;
	 transform-style: preserve-3d;
	 display: grid;
}
 .flip-box .flip-box-inner .flip-box-front, .flip-box .flip-box-inner .flip-box-back {
	 grid-area: 1 / 1;
	 backface-visibility: hidden;
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 align-items: center;
	 padding: 20px;
	 color: white;
	 font-family: sans-serif;
	 box-shadow: 0 0 20px rgba(0,0,0,0.1);
	 box-sizing: border-box;
}
 .flip-box .flip-box-inner .flip-box-front {
	 background: #fff;
	 color: #b50024;
}
 .flip-box .flip-box-inner .flip-box-back {
	 background: #003057;
	 transform: rotateX(180deg);
}
 .flip-box:hover .flip-box-inner {
	 transform: rotateX(180deg);
}
 

/** Ajout testimonials **/

main.site-main .elementor-button {
	 text-decoration: none !important;
}
 main.site-main .elementor-button span.elementor-button-text {
/* 	 text-decoration: underline; */
}
 .elementskit-single-testimonial-slider {
	 box-shadow: none !important;
}
 .elementskit-commentor-content {
	 justify-content: center;
}
 .elementskit-commentor-content .elementskit-client_logo img {
	 max-height: 150px;
	 width: inherit;
}

.n2-ss-layer p strong {
	 font-weight: 700 !important;
}
 

/** strong et ul **/
.page-content .elementor-element strong {
	 font-weight: 600;
}
 .page-content .elementor-element ul {
	 display: block;
	 margin: 0 0 15px;
}
 
/** RETOURS 08/01 **/

@media (min-width: 992px) and (max-width: 1200px) {
	 .custom-slider-controls-wrapper {
		 max-width: 100% !important;
		 left: 80px;
	}
}
 @media (min-width: 768px) {
	 .flip-box {
		 width: 310px;
		 max-width: 310px;
	}
}
 .flip-box p {
	 margin: 0;
}
 @media (max-width: 405px) {
	 .cards-small-phone > div {
		 width: 100%;
	}
}
 @media (max-width: 1081px) {
	 .arrow_question {
		 right: calc(50% - 20px)!important;
	}
}
 @media (max-width: 1081px) {
	 .newsletter-form {
		 flex-direction: column;
		 row-gap: 20px;
	}
	 .newsletter-form > div:last-child {
		 justify-content: flex-end;
	}
}
 @media (max-width: 768px) {
	 .elementskit-single-testimonial-slider .elementskit-commentor-content .elementskit-client_logo {
		 justify-content: center;
	}
}
 @media (min-width: 768px) and (max-width: 1081px) {
	 header {
		 top: -76px;
	}
}
 @media (max-width: 1600px) {
	 header .hfe-flyout-container li.menu-item:last-child a {
		 justify-content: flex-start !important;
		 font-weight: 900!important;
		 column-gap: 6px;
	}
	 header .hfe-flyout-container li.menu-item:last-child a svg {
		 max-width: 20px !important;
		 fill: #003057;
	}
	 header .hfe-flyout-container li.menu-item:last-child a:hover svg {
		 fill: #c10230;
	}
}
 @media (max-width: 1081px) {
	 header #hfe-flyout-content-id-bf43ab5 .mobile-devis-clone {
		 margin: 10px 0 18px 15px;
	}
}
 @media (max-width: 767px) {
	 header {
		 top: 0;
	}
}
 header .faq-button {
	 background: #c29002;
	 display: flex;
	 align-items: center;
}
 footer .reset_border a .elementor-icon-list-text {
	 text-decoration: underline;
}
 .fixed_arrow .hfe-menu-toggle {
	 position: relative;
	 width: 12px;
	 height: 12px;
	 margin-left: 6px;
}
 .fixed_arrow .hfe-menu-toggle i.fa {
	 display: none !important;
}
 .fixed_arrow .hfe-menu-toggle:before {
	 content: "";
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width: 6px;
	 height: 6px;
	 border-right: 1.5px solid currentColor;
	 border-bottom: 1.5px solid currentColor;
	 transform: translate(-50%,-60%) rotate(45deg);
	 transition: transform 0.25s ease;
}
 @media (max-width: 520px) {
	 header .sticky_header > div:first-child {
		 width: auto;
	}
	 header .sticky_header > div:last-child {
		 width: 190px;
	}
}
 @media (max-width: 767px) {
	 .contact_side .elementor-widget-icon {
		 right: 15px !important;
		 bottom: 15px !important;
	}
}
 

div#n2-ss-2 .nextend-bullet-bar .n2-bullet {
	 background: #003057 !important;
	 border: 2px solid white;
}
 

.wpcf7 input[type="checkbox"]{
	-webkit-appearance: checkbox !important;
	appearance: checkbox !important;
	opacity: 1 !important;
	position: static !important;
	width: 20px !important;
	height: 20px !important;
	accent-color: #003057; 
}
.form_newsletter .wpcf7-response-output {
	 color: white;
}