/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* FONTS */

/* dm-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://mathildedouau.fr/wp-content/themes/generatepress_child/fonts/dm-sans-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://mathildedouau.fr/wp-content/themes/generatepress_child/fonts/dm-sans-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-serif-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  src: url('https://mathildedouau.fr/wp-content/themes/generatepress_child/fonts/dm-serif-display-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

p{
	font-family: "DM Sans";
}

h1, h2, h3{
	font-family: 'DM Serif Display';
}

.z10{
	z-index: 10 !important;
	position: relative;
}

/* NAV */

@media (min-width: 1060px){
	.inside-header{
		position: relative;
	}

	.site-logo {
	    position: absolute;
	    left: auto;
        right: auto;
	    top: 10px;
	    z-index: 10;
	}

	.nav3{
		margin-left: auto;
	}


	.main-navigation .main-nav>ul{
		flex-wrap: nowrap;
	}

	.main-navigation .inside-navigation{
		display: block;
	}

	.nav2{
		margin-left: 100px;
	}

	.nav3{
		margin-right: 100px;
	}
}


.site-header .grid-container{
	max-width: none !important;
}

.site-header, .main-navigation, .main-navigation ul ul{
	background-color: var(--base) !important;
}

.nav-float-left #site-navigation{
	margin-right: 0px !important;
}

.nav-float-left .mobile-menu-control-wrapper {
    width: 100%;
}

.cta a {
    text-decoration: underline;
    text-underline-offset: 4px;
}

button.menu-toggle {
    text-align: left;
}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled{
	background-color: transparent !important;
}



#primary-menu a, .slideout-menu a{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

.inside-header {
    padding: 5px 40px !important;
}

@media (max-width: 768px){
	.inside-header {
	    padding: 5px 10px !important;
	}

	.nav-cta .gb-button{
		display: none;
	}


}

span.gp-icon.icon-menu-bars svg {
    height: 20px !important;
    width: 20px !important;
}




/* STYLES LAYOUTS */


.sub, .subl, .subxs{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Dm Sans';
	line-height: 160%;
}

.subxs{
	font-size: 12px;
	font-weight: 700;
}

.sub{
	font-size: 14px;
}

.subl{
	font-size: 18px;
}

.hl, .hm, .hs{
	font-family: 'Dm Serif Display';
	line-height: 130%;
	letter-spacing: 1px;
}

.hl{
	font-size: 42px !important;
}

.hm{
	font-size: 34px !important;
}

.hs{
	font-size: 24px !important;
}


@media (max-width: 768px){
	.hl{
	font-size: 32px !important;
	}

	.hm{
		font-size: 28px !important;
	}

	.hs{
		font-size: 24px !important;
	}
}

.gb-query-loop-wrapper a {
    text-decoration: none;
}

.gb-query-loop-wrapper div{
	font-size: 16px;
	letter-spacing: 1px;
}



/* Buttons */

.gb-button, .load-more a, .happyforms-submit {
    font-family: 'Dm Sans';
    text-transform: uppercase !important;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 7px 30px !important;
    border-radius: 100px;
    transition: all ease-in-out 0.3s;
}

.btn-contrast{
	background-color: var(--contrast) !important;
	color: var(--base) !important;
}

.btn-accent, .happyforms-submit {
	background-color: var(--accent) !important;
	color: var(--base) !important;
}

.btn-accent:hover, .happyforms-submit:hover{
	background-color: var(--base) !important;
	color: var(--accent) !important;
}

.btn-base {
	background-color: transparent !important;
	color: var(--accent) !important;
	border: 1px solid var(--accent);
}

.btn-base:hover{
	background-color: var(--accent) !important;
	color: var(--base) !important;
}

.btn-light{
	background-color: transparent !important;
	color: var(--base) !important;
	border: 1px solid var(--base);
}

.btn-light:hover{
	background-color: var(--base) !important;
	color: var(--contrast) !important;
}

.btn-dark {
	background-color: transparent !important;
	color: var(--contrast) !important;
	border: 1px solid var(--contrast);
}

.btn-dark:hover{
	background-color: var(--contrast) !important;
	color: var(--base) !important;
}


.btn-inline-base, .btn-inline-contrast{
	border-radius: 0px !important;
	padding: 7px 0px !important;
	font-size: 14px;
}

.btn-inline-base{
	background-color: transparent !important;
	border-bottom : 1px solid var(--base);
	color: var(--base);
}

.btn-inline-contrast{
	background-color: transparent !important;
	border-bottom : 1px solid var(--contrast);
	color: var(--contrast) !important;
}

.btn-social {
    padding: 10px !important;
    margin-right: 10px;
}


/* Home */

.home .site.grid-container {
    max-width: none !important;
}

.home .inside-article div{
	font-family: "Dm Sans";
	letter-spacing: 1px;
}

.home .inside-article{
	text-align: center;
	background-color: transparent !important;
	padding: 20px !important;
}

.home .inside-article h2{
	font-size: 24px;
	margin-bottom: 8px;
}


.load-more.has-svg-icon {
    text-align: center;
    margin-bottom: 100px !important;
}

.load-more a {
	background-color: transparent; !important;
	color: var(--contrast) !important;
	border: 1px solid var(--contrast);
}

.load-more a:hover{
	background-color: var(--contrast); !important;
	color: var(--base) !important;
}

.home .site-main {
	padding-left: 5%; padding-right: 5%;
}

.post-image-above-header .inside-article .featured-image, .post-image-above-header .inside-article .post-image{
	margin-bottom: 20px !important;
}

@media (max-width: 768px ){
	.creations.generate-columns{
		margin-bottom: 0px !important;
	}
}

/* CREATION */
@media (max-width: 768px){
	.content-col .gb-grid-column {
	    border-bottom: 2px solid var(--base-3);
	}

	.single-creations .images2{
		padding: 0px !important;
	} 

	.single-creations .images3 .gb-grid-wrapper{
		row-gap: 0px !important;
	} 
}

.single-creations .images3{

} 

.single-creations .images2{

} 

.single-creations .images1{

} 


@media (max-width: 768px){

	.single-creations .review{
		padding: 70px 30px !important;
	}
}

/* MOTIFS */
@media(max-width: 768px){
	.motif1{
		background-size: 206px !important;
	}
	.hide-motif-mobile{
		background-size: 0px !important;
	}
}

/* SVG ROTATION*/

@keyframes rotating {
  from {
    transform: rotate(0deg);
     transform-origin: center center;
  }
  to {
    transform: rotate(360deg);
    transform-origin: center center;
  }
}

.rotate .outer {
  animation: rotating 20s linear infinite;
}

.rotate {
    margin-bottom: -80px;
    overflow: hidden;
    z-index: 10 !important;
    position: relative;
    margin-right: 2%;
    margin-left: auto;
    text-align: right;
}

@media (max-width: 768px){

	.rotate {
		margin-left: 50% !important;
	}
}



/* MARQUEE */

.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
    border-bottom: 2px solid var(--base-3); border-top: 2px solid var(--base-3);
    padding: 20px;
}
.inside-marquee{
	animation: marquee 30s linear infinite;
	    width: 400% !important;
    display: flex !important;
}

.inside-marquee p {
    display: flex !important;
    padding-left: 10px;
    font-family: "Dm Sans";
    font-size: 16px;
    letter-spacing: 0.5px;
    color: var(--accent);

}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-60%, 0); }
}


.marquee p:after {
    content: "" !important;
    background-image: url("https://mathildedouau.fr/wp-content/themes/generatepress_child/spark2.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    margin-left: 15px;
}

@media (max-width: 768px){
	.inside-marquee p{
		font-size: 13px !important;
	}
	.marquee{
		padding: 13px !important;
	}
	.marquee p:after {
		margin-top: 2px;
		height: 15px;
    	width: 15px;
	}
}

/* Slider */


.swiper-container2 .swiper-wrapper {
	/*border-top: 2px solid white !important;*/
	overflow-x: visible;
}

.swiper-relative {
	position: relative;
	overflow: hidden;
	margin-right: auto; margin-left: auto;
}

 .swiper-relative2 {
 	width: 90%;
	margin-right: auto; margin-left: auto;
 }

.carousel-relative{
	position: relative;
}

.swiper-container2  {
    /*width: 90%;*/
    height: 100%;
    overflow-x: hidden;
    margin-right: auto; margin-left: auto;
}

.swiper-container2:before {
    content: "";
    border-top: 2px solid #fef7f230;
    width: 100%;
    position: absolute;
    display: block;
    left: 0;
}



.swiper-container {
    width: 70%;
    height: 100%;
    overflow-x: hidden;
    margin-right: auto; margin-left: auto;
}

.swiper-wrapper{
	overflow-x: hidden;
}

.swiper-button-next, .swiper-button-prev {
    color: #000; /* Change the color of the arrows */
    z-index: 10;
}

.swiper-slide{
    padding: 0px;
    position: inherit;
}

.swiper-relative {
    background-color: var(--base) !important;
    overflow-x: hidden;
}

.swiper-button-next2, .swiper-button-prev2{
	position: absolute;
	z-index: 10;
	opacity: 0.3;
}

.swiper-button-next2{
	right: 20px;
}

.swiper-button-prev2{
	left: 20px;
}

.swiper-button-next:after, .swiper-button-prev:after, .swiper-button-next2:after, .swiper-button-prev2:after{
	display: none !important;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 50px) !important;
}

.swiper-button-next, .swiper-button-prev, .swiper-button-next2, .swiper-button-prev2{
	top: var(--swiper-navigation-top-offset,40%) !important;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 50px) !important;
}

.swiper-container2 .swiper-slide:before, .step:before{
	content: "";
	display: block;
	margin-top: -14px;
	background-image: url("https://mathildedouau.fr/wp-content/themes/generatepress_child/spark3.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center; 
	height: 30px;
	width: 30px;
	margin-right: auto;
    margin-left: auto;
}

.step:before{
	margin-top: -16px !important;
}

.swiper-container2 .swiper-slide {
    /*margin-right: 0px !important;*/
    /*width: 33.33% !important;*/
}

@media (max-width: 768px){
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
	    right: 10px !important;
	}

	.swiper-button-prev, .swiper-rtl .swiper-button-next{
		left: 10px !important;
	}
}

@media (max-width: 1024px){
	.swiper-container2 .swiper-slide{
		width: 100% !important;
		padding: 0px;
	}
}

/* FAQ */

.schema-faq-question{
	color: var(--contrast);
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	border: 1px solid var(--contrast);
	display: block;
	padding: 10px 30px;
	position: relative;
	border-radius: 100px;
}

@media (max-width: 768px){
	.schema-faq-question{
		font-size: 14px !important;
		padding: 10px 50px 10px 30px !important;
	}

	strong.schema-faq-question:after {
		top: 35% !important;
		right: 20px !important;
	}

	p.schema-faq-answer{
		padding: 20px 25px !important;
		font-size: 14px !important;
	}
}

p.schema-faq-answer {
    border-bottom: 0px solid;
	margin-bottom: 0px !important;
}

.schema-faq-section{
	margin-bottom: 15px;
}

.schema-faq-section:hover {
    cursor: pointer;
}

.schema-faq-question:after{
	transition: 0.4s ease-in-out; 
}

.schema-faq-question.active:after {
    transform: rotate(90deg);
}

strong.schema-faq-question:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 30%;
}


.schema-faq-question{
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Dm Sans';
	line-height: 160%;
}

.schema-faq-question:after {
            content: "" !important;
            background-image: url("https://mathildedouau.fr/wp-content/themes/generatepress_child/spark.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            height: 20px;
            width: 20px;
}

.schema-faq-answer {
    display: none;
    padding: 25px 0px;
    font-size: 16px;
    letter-spacing: 1px;
  }

/* SIMPLE PAGES */

.page-id-379 .entry-content {
    padding: 10%;
}

.page-id-379 h4{
	font-family: "Dm Sans";
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 22px;
	color: var(--contrast);
	font-weight: bold;
}


/* CONTACT */

.happyforms-flex label{
	display: none !important;
}

.happyforms-flex input, .happyforms-flex select, .happyforms-flex textarea {
    font-family: "DM Sans";
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px !important;
}

.happyforms-submit{
	/*min-width: 230px !important;*/
	margin-top: 30px !important;
	padding: 7px 40px !important;
}

.happyforms-part__el p {
    font-size: 12px !important;
    color: var(--contrast) !important;
}

.happyforms-message-notice.success h2 {
    font-family: 'DM Sans';
}

@media (max-width: 900px){
	.happyforms-flex input, .happyforms-flex select, .happyforms-flex textarea{
		font-size: 10px !important;
	}
}

/* FOOTER */

.site-footer p{
	font-size: 12px;
}


.site-footer a{
	text-decoration: none !important;
}


.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* Style de la tooltip */
.tooltip .tooltip-text {
    visibility: hidden;
    width: 100%;
    background-color: var(--contrast);
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    padding: 7px;
    position: absolute;
    z-index: 1;
    bottom:90%;
    left: auto;
    right: auto;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-text a{
	color: white !important;
}

/* Afficher la tooltip au survol */
.tooltip:hover .tooltip-text {
    visibility: visible !important;
    opacity: 1 !important;
}