@font-face {
font-display: swap; 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'); } @font-face {
font-display: swap; 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'); } @font-face {
font-display: swap; 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'); }
p{
font-family: "DM Sans";
}
h1, h2, h3{
font-family: 'DM Serif Display';
}
.z10{
z-index: 10 !important;
position: relative;
} @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;
} .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;
} .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 .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;
}
} @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;
}
} @media(max-width: 768px){
.motif1{
background-size: 206px !important;
}
.hide-motif-mobile{
background-size: 0px !important;
}
} @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 {
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;
}
} .swiper-container2 .swiper-wrapper { 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  { 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; 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 {  }
@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;
}
} .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;
} .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;
} .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{ 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;
}
} .site-footer p{
font-size: 12px;
}
.site-footer a{
text-decoration: none !important;
}
.tooltip {
position: relative;
display: inline-block;
cursor: pointer;
} .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;
} .tooltip:hover .tooltip-text {
visibility: visible !important;
opacity: 1 !important;
}