/*
Theme Name: Muta Santé
Theme URI: http://wigo-media.com
Author: the WigoMedia team
Author URI: http://wigo-media.com/
Description: Thème WordPress Muta Santé 2024.
Version: 2.0
*/

/*# Fonts #*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/*# Initialize #*/
html{color: #333; font-size: 16px;}
body{font-family: 'Poppins', sans-serif;}
strong{font-weight: 700!important}

/*# Sizing #*/
h1, .h1{font-size: 4.5rem; font-weight: bold; letter-spacing: -1px; color: #393939; word-break: initial; overflow-wrap: normal;}
h2, .h2{font-size: 3.5rem; font-weight: 400; letter-spacing: -1px; color: #393939; margin: 3rem 0 2rem; word-break: initial; overflow-wrap: normal;}
h3, .h3{font-size: 2rem; font-weight: 600; letter-spacing: -1px; color: #393939; margin: 1.5rem 0 1rem; word-break: initial; overflow-wrap: normal;}
h4, .h4{font-size: 1.5rem; font-weight: bold; word-break: initial; overflow-wrap: normal;}
h5, .h5{font-size: 1.2rem; font-weight: bold; word-break: initial; overflow-wrap: normal;}
h6, .h6{font-size: .75rem; text-transform: uppercase; font-weight: bold; word-break: initial; overflow-wrap: normal;}
.lead{font-size: 1.25rem}
small{font-size: 0.813rem}
.has-extra-large-font-size{margin: 1.5rem 0 0.5rem; line-height: 100%}

/*# Colors #*/
.bg-primary, .btn-primary{background-color: var(--wp--preset--color--primary)!important; color: #FFF}
.bg-secondary, .btn-secondary{background-color: var(--wp--preset--color--secondary)!important; color: #FFF}
.bg-light-secondary, .btn-light-secondary{background-color: var(--wp--preset--color--light-secondary)!important; color: #FFF}
.bg-orange, .btn-orange{background-color: var(--wp--preset--color--orange)!important; color: #FFF}
.bg-blood-orange, .btn-blood-orange{background-color: var(--wp--preset--color--blood-orange)!important; color: #FFF}
.bg-blue, .btn-blue{background-color: var(--wp--preset--color--blue)!important; color: #FFF}
.bg-blue-lagon, .btn-blue-lagon{background-color: var(--wp--preset--color--blue-lagon)!important; color: #FFF}
.bg-light, .btn-light{background-color: var(--wp--preset--color--light)!important; color: #333}
.bg-dark{background-color: var(--wp--preset--color--dark)!important; color: #FFF}

.text-primary{color: var(--wp--preset--color--primary)!important;}
.text-secondary{color: var(--wp--preset--color--secondary)!important;}
.text-light-secondary{color: var(--wp--preset--color--light-secondary)!important;}
.text-orange{color: var(--wp--preset--color--orange)!important;}
.text-blood-orange{color: var(--wp--preset--color--blood-orange)!important;}
.text-blue{color: var(--wp--preset--color--blue)!important;}
.text-blue-lagon{color: var(--wp--preset--color--blue-lagon)!important;}
.text-light{color: var(--wp--preset--color--light)!important;}
.text-dark{color: var(--wp--preset--color--dark)!important;}
.text-grey{color: var(--wp--preset--color--grey)!important;}
main p a{color: var(--wp--preset--color--primary);}

/*# Button #*/
.btn, .wp-block-button__link, header .menu-secondary .btn > a, .gform_footer input[type="submit"], .gform_next_button{border-radius: 2rem; margin-bottom: 1rem; transition: 350ms ease; border: 1px solid transparent; display: inline-block;}
.btn-lg, .wp-block-button__link, .gform_footer input[type="submit"], .gform_next_button{font-size: 1rem; padding: 1rem 1.75rem}

.btn-white{border-color: white; background-color: white}
.btn-white:hover{border-color: white; color: white!important; background-color: transparent!important;}

.btn-primary, .wp-block-button__link.has-primary-background-color, header .menu-secondary .btn-primary > a, .gform_footer input[type="submit"], .gform_next_button{background: var(--wp--preset--color--primary)!important; border-color: var(--wp--preset--color--primary)!important; color: white!important}
.btn-primary:hover, .wp-block-button__link.has-primary-background-color:hover, header .menu-secondary .btn-primary:hover > a, .gform_footer input[type="submit"]:hover, .gform_next_button:hover{border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary)!important; background-color: transparent!important;}

.btn-secondary, .wp-block-button__link.has-secondary-background-color, header .menu-secondary .btn-secondary > a{background: var(--wp--preset--color--secondary)!important; border-color: var(--wp--preset--color--secondary)!important; color: white!important}
.btn-secondary:hover, .wp-block-button__link.has-secondary-background-color:hover, header .menu-secondary .btn-secondary:hover > a{border-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--secondary)!important; background-color: transparent!important;}

.btn-orange, .wp-block-button__link.has-orange-background-color{border-color: var(--wp--preset--color--orange)!important}
.btn-orange:hover, .wp-block-button__link.has-orange-background-color:hover{border-color: var(--wp--preset--color--orange); color: var(--wp--preset--color--orange); background-color: transparent!important;}

.btn-blood-orange, .wp-block-button__link.has-blood-orange-background-color{border-color: var(--wp--preset--color--blood-orange)!important}
.btn-blood-orange:hover, .wp-block-button__link.has-blood-orange-background-color:hover{border-color: var(--wp--preset--color--blood-orange); color: var(--wp--preset--color--blood-orange); background-color: transparent!important;}

.btn-grey, .wp-block-button__link.has-grey-background-color{border-color: var(--wp--preset--color--grey)!important}
.btn-grey:hover, .wp-block-button__link.has-grey-background-color:hover{border-color: var(--wp--preset--color--grey); color: var(--wp--preset--color--grey); background-color: transparent!important;}

/*# Header #*/
header{background: #FFF; z-index: 1000; position: fixed; width: 100vw; transition: 350ms ease}
.menu-fixed header{box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); padding: 0.75rem 0!important}

header .menu-secondary{margin-bottom: 0; padding: 0;}
header .menu-secondary .btn{padding: 0 0 0 .75rem!important; position: relative; background-color: transparent!important; border: none!important; margin-bottom: 0;}
header .menu-secondary .btn > a{text-decoration: none; padding: 0.85rem 1.25rem; display: block; margin: .8rem 0; font-size: 1.05rem;}
header .menu-secondary .btn .sub-menu{padding: .5rem .5rem; text-align: left; list-style: none; border: 4px solid #EEE6F1; border-radius: 1rem; position: absolute; z-index: 100; background: #FFF; min-width: 230px; max-width: 650px; right: 0rem; box-shadow: 0px 25px 50px -5px rgba(0, 0, 0, 0.15); display: none; animation: .2s ease-in-out slidefadein;}
header .menu-secondary .btn .sub-menu:before{ content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 1rem 1rem 1rem; border-color: transparent transparent #EEE6F1 transparent; position: absolute; top: -1rem; right:2rem; z-index: 100;}
header .menu-secondary .btn .sub-menu a{display: block; text-decoration: none; width: 100%; font-weight: 600; color: #481A5D; border-radius: .5rem; padding: .75rem 1rem;}
header .menu-secondary .btn .sub-menu a:hover{background-color: #F6F6F6;}
header .menu-secondary .btn:hover .sub-menu{display: block;}

/* WM MENU - Starter theme menu style */
.wm-menu{list-style: none; display: flex; padding-left: 0; margin: 0;}
.wm-menu .menu-item{margin: 0;}
.wm-menu .menu-item a{text-decoration: none; color: inherit; display:inline-block; padding: 1.5rem 1rem; position: relative; font-size: 1.05rem; font-weight: 500;}
.wm-menu .menu-item-has-children{position: relative;}
.wm-menu .menu-item-has-children:hover > .sub-menu{display: block;}

.wm-menu > .menu-item > a:before{content: ""; transition: 250ms ease; background-color: var(--wp--preset--color--primary); width: 0%; height: 4px; border-radius: 10px; position: absolute; bottom: 1rem; left: 10%;}
.wm-menu > .menu-item:hover > a:before{width: 80%;}
.wm-menu > .menu-item > .sub-menu{list-style: none; columns: 2; gap: 2rem; width: 690px; padding: 1.5rem .75rem; border: 4px solid #EEE6F1; border-radius: 1rem; position: absolute; z-index: 100; background: #FFF; min-width: 200px; max-width: 690px; left: 0rem; box-shadow: 0px 25px 50px -5px rgba(0, 0, 0, 0.15); display: none; animation: .2s ease-in-out slidefadein;}
.wm-menu > .menu-item > .sub-menu:before{ content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 1rem 1rem 1rem; border-color: transparent transparent #EEE6F1 transparent; position: absolute; top: -1rem; left:2rem; z-index: 100;}
.wm-menu > .menu-item > .sub-menu > .menu-item{position: relative; z-index: 101; white-space: nowrap;}
.wm-menu > .menu-item > .sub-menu > .menu-item:last-child{margin-top: 1.5rem;}
.wm-menu > .menu-item > .sub-menu > .menu-item > a{padding: 0 0 0 .85rem; pointer-events: none; font-size: 0.9rem; color: #96899B; text-transform: uppercase; font-weight: 600; margin-bottom: 0.45rem;}
.wm-menu > .menu-item > .sub-menu > .menu-item > .sub-menu{list-style: none; padding: 0; margin: 0;}
.wm-menu > .menu-item > .sub-menu > .menu-item > .sub-menu a{display: block; font-size: 1rem; width: 100%; font-weight: 600; color: #481A5D; border-radius: .5rem; padding: .75rem .75rem;}
.wm-menu > .menu-item > .sub-menu > .menu-item > .sub-menu a i{font-size: 1.125rem; width: 1.125rem; text-align: center; margin-right: 0.25rem;}
.wm-menu > .menu-item > .sub-menu > .menu-item > .sub-menu .menu-item:hover a{background-color: #F6F6F6;}
.wm-menu > .menu-item > .sub-menu:after{content: ""; position: absolute; height: 80%; top: 10%; left: 49%; border-left: 1px solid #E1E1E1;}

.wm-menu .suisses a:before,
.wm-menu .allemands a:before{content: ""; width: 18px; height: 14px; display: inline-block; position: relative; margin-right: 0.4rem; background-repeat: no-repeat; background-size: cover;}
.wm-menu .suisses a:before{background-image: url('img/switzerland.svg');}
.wm-menu .allemands a:before{background-image: url('img/germany.svg');}

.wm-menu .menu-item-description{font-size: 0.825rem; color: #555}

/*# Structure #*/
main{padding-top: 7.75rem }

/*# Top page #*/
.top-page{padding: 6rem 0; position: relative; overflow: hidden; margin-bottom: 3rem;}
.top-page h1:before{content:""; height: 8px; width: 40%; display: block; background-color: #DEE9FA; margin-bottom: 2.5rem}
.top-page .illustration{width: 115%; height: auto!important;}
.top-page .waves-wrapper{transform: rotate(180deg); width: 100%; position: absolute; bottom: -1px; left: 0}
.top-page .waves-wrapper svg{width: calc(108% + 1.3px); height: 150px;}
.top-page .waves-wrapper svg .waves-shape{fill: #fff;}

.with-bg.top-page{padding: 6rem 0 calc(150px + 5rem);}
.with-bg.top-page.bg-light h1{color: var(--wp--preset--color--primary)!important}
.without-waves.top-page{padding: 6rem 0 5rem;}

.home .top-page{padding: 6rem 0 10rem; margin-bottom: 0!important;}
.home .top-page h1:before{display: none;}
.home .top-page h1:after{content:""; height: 10px; width: 40%; display: block; background-color: #DEE9FA; margin-top: 1.5rem}
.home .top-page .waves-wrapper{display: none;}

/*# Style group : Full width #*/
.is-style-full-width, .is-style-full-width-waves{width: calc(100vw - 8px); overflow: hidden; position: relative; margin-left: -50vw; left: 50%; padding: 4rem 0;}
.is-style-full-width > .wp-block-group, .is-style-full-width-waves > .wp-block-group,
.is-style-full-width > .wp-block-columns, .is-style-full-width-waves > .wp-block-columns{max-width: 1296px; z-index: 1; }
.is-style-full-width > .wp-block-group, .is-style-full-width-waves > .wp-block-group{padding: 0!important;}

/*# Style group : Full width with Waves #*/
.is-style-full-width-waves{padding: calc(4rem + 40px) 0!important;}
.is-style-full-width-waves:before{content: ""; width: 100%; height: 44px; position: absolute; top: -1px; left: 0; background-image: url('img/waves.svg'); background-size: cover;}
.is-style-full-width-waves:after{content: ""; width: 100%; height: 44px; position: absolute; bottom: -1px; left: 0; background-image: url('img/waves.svg'); background-size: cover; transform: scale(-1);}

/*# Style paragraph : Giant text #*/
.is-style-giant-text{font-size: 265px; white-space: nowrap; position: absolute; line-height: 90%; top: -3.5rem; z-index: -1; left: 0; font-weight: bold; color: #DBD7D77D}

/*# Style group : Front page (muta choice) #*/
.muta-choice .wp-block-columns{gap: 1rem!important}
.muta-choice .wp-block-columns .wp-block-column{padding: 2.5rem 2rem; position: relative;}
.muta-choice .wp-block-columns .wp-block-column img{border-radius: 0;}
.muta-choice .wp-block-columns .wp-block-column .wp-block-separator{opacity: 1; position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; border-width: 0 0 3px 0}

/*# Style group : Front page (muta number) #*/
.muta-numbers .wp-block-column > p:last-child{margin-bottom: 0}
.muta-numbers .count-anim{font-weight: 700;}

/*# Style group : Front page (muta contact) #*/
.muta-contact{position: relative; background-image: radial-gradient(at bottom center, #1371FF40 0%, #F2295B00 65%);}
.muta-contact:before{content: ""; width: 60vw; height: 250px; z-index: -1; position: absolute; left: -33%; bottom: 0; background-image: radial-gradient(at bottom center, #3413FF26 0%, #C0A1F900 70%);}

/*# Style list : List "check" #*/
.is-style-check-icons{list-style: none;}
.is-style-check-icons li{position: relative; margin-bottom: 1.5rem;}
.is-style-check-icons li:before{content: "\f560"; font-family: "Font Awesome 6 Pro"; opacity: 0.35; font-size: 1.25rem; position: absolute; left: -0.75rem; top: -.25rem; transform: translateX(-100%);}

/*# Style bloc : Fast access #*/
.fast-access{margin-top: -3rem; margin-bottom: 3.5rem; position: relative; z-index: 2;}
.fast-access .fast-item{position: relative;}
.fast-access .fast-item img{aspect-ratio: 1; object-fit: cover; height: auto!important;}
.fast-access .fast-item .border-color{display: block; width: 100%; border-bottom: 3px solid black}
.fast-access .fast-item ul{position: absolute; z-index: 10; transition: 350ms ease; width: 100%; padding: .75rem; border-radius: 1rem; bottom: 0; left: 0; box-shadow: 0px 25px 50px -5px rgba(0, 0, 0, 0.15); background-color: white; pointer-events: none; transform: translateY(90%); opacity: 0;}
.fast-access .fast-item:hover .fast-access-wrapper ul{transform: translateY(100%); pointer-events: initial; opacity: 1;}
.fast-access .fast-item ul li a{padding: 0.5rem 1rem; transition: 350ms ease; display: block; border-radius: 0.5rem; color: black; text-decoration: none;}
.fast-access .fast-item ul li a:hover{background-color: var(--wp--preset--color--light); color: var(--wp--preset--color--primary);}

/*# Style bloc : Icon #*/
.icon-wrapper{margin: 0 0 1rem 0;}
.icon-wrapper .icon{display: inline-flex; justify-content: center; align-items: center;}
.icon-wrapper .icon.with-bg{width: 75px; height: 75px; border-radius: 1.25rem;}
.icon-wrapper .icon.with-bg i{font-size: 2.5rem!important; color: white;}

/*# Last posts page #*/
.last-posts{list-style: none; padding: 0; margin: 2rem 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:30px;}
.last-posts li{margin-bottom: 2em}
.last-posts li article{}
.last-posts li article img{margin-bottom: 1rem; height: auto!important; aspect-ratio: 5/3; object-position: center; object-fit: cover; border-radius: 1.5rem;}
.last-posts li article a{text-decoration: none; color: #333; font-weight: bold; font-size: 1.2rem}
.last-posts li article legend,
.last-posts li article legend a{font-size: 0.8rem; color:#888; font-weight: normal;}
.last-posts li article a.readmore-link{font-size: 1rem; color:blue; text-decoration: underline; font-weight: normal; display: block; margin-top: 1rem;}

/*# Gutenberg bloc : Lastest posts #*/
.wp-block-latest-posts{display: flex; justify-content: space-between; margin: 0 -1.5rem;}
.wp-block-latest-posts li{width: calc(100% / 3); padding: 0 1.5rem;}
.wp-block-latest-posts li .wp-block-latest-posts__featured-image a,
.wp-block-latest-posts li .wp-block-latest-posts__featured-image a img{width: 100%; border-radius: 1.5rem; height: auto!important; aspect-ratio: 5/3; object-position: center; object-fit: cover}
.wp-block-latest-posts li .wp-block-latest-posts__post-title{font-size: 1.25rem; font-weight: 500; margin: 1rem 0 0 0; display: block; color: var(--wp--preset--color--primary); text-decoration: none;}
.wp-block-latest-posts li .wp-block-latest-posts__post-date{color: #adadad;}
.wp-block-latest-posts li .wp-block-latest-posts__post-excerpt{color: #777; margin-top: 1rem;}
.wp-block-latest-posts li .wp-block-latest-posts__post-excerpt a{display: block; margin-top: 1rem; color: var(--wp--preset--color--primary)}

/*# Gutenberg bloc : Separator #*/
.wp-block-separator{width: 25%; border-width: 2px; opacity: 1;}

/*# Gutenberg bloc : Details #*/
.wp-block-details{border-bottom: 1px solid #545454; padding: 1.5rem 1rem calc(1.5rem + 10px);}
.wp-block-details summary{cursor: pointer; margin-bottom: -10px; transition: 250ms ease-out; font-size: 1.25rem; list-style: none; position: relative; justify-content: space-between; display: flex; align-items: flex-start;}
.wp-block-details summary::-webkit-details-marker{display: none;}
.wp-block-details summary:after{content: "\f078"; font-family: "Font Awesome 6 Pro"; display: block; transition: 250ms ease; transform-origin: center;}
.wp-block-details p{margin-bottom: 0;}
.wp-block-details[open] summary{margin-bottom: 10px; color: var(--wp--preset--color--primary);}
.wp-block-details[open] summary:after{transform: rotate(180deg);}

/*# Style details : Little #*/
.is-style-little{padding: .9rem 0.75rem calc(.9rem + 10px);}
.is-style-little summary{font-size: 1rem;}
.is-style-little p{font-size: 0.9rem;}

/*# Style file : With Icon #*/
.is-style-with-icon{height: 100%; margin-bottom: 0!important;}
.is-style-with-icon a{height: 100%; padding: 0.5rem 1rem 1rem 1rem; transition: 350ms ease; position: relative; text-align: center; display: block; border: 2px solid #a2a2a2; border-radius: 0.5rem; font-size: 1rem; text-decoration: none; color: #333; width: 100%;}
.is-style-with-icon a:before{content: "\f1c1"; font-family: "Font Awesome 6 Pro"; font-size: 1.75rem; display: block; margin-bottom: 0.25rem;}
.is-style-with-icon a:hover{transform: scale(1.05);}
.is-style-with-icon.has-background{background: transparent!important;}

.is-style-with-icon.has-orange-background-color a{border-color: var(--wp--preset--color--orange);}
.is-style-with-icon.has-orange-background-color a:before{color: var(--wp--preset--color--orange);}
.is-style-with-icon.has-primary-background-color a{border-color: var(--wp--preset--color--primary);}
.is-style-with-icon.has-primary-background-color a:before{color: var(--wp--preset--color--primary);}
.is-style-with-icon.has-secondary-background-color a{border-color: var(--wp--preset--color--secondary);}
.is-style-with-icon.has-secondary-background-color a:before{color: var(--wp--preset--color--secondary);}
.is-style-with-icon.has-blood-orange-background-color a{border-color: var(--wp--preset--color--blood-orange);}
.is-style-with-icon.has-blood-orange-background-color a:before{color: var(--wp--preset--color--blood-orange);}
.is-style-with-icon.has-blue-background-color a{border-color: var(--wp--preset--color--blue);}
.is-style-with-icon.has-blue-background-color a:before{color: var(--wp--preset--color--blue);}
.is-style-with-icon.has-blue-lagon-background-color a{border-color: var(--wp--preset--color--blue-lagon);}
.is-style-with-icon.has-blue-lagon-background-color a:before{color: var(--wp--preset--color--blue-lagon);}

/*# Style columns : Page "Documentation" #*/
.page-id-29 :where(.wp-block-columns.is-layout-flex){gap: 2rem!important;}

/*# GravityForm #*/
.gform_wrapper.gravity-theme .gform_fields{grid-row-gap: 22px!important}

.gfield input, .gfield textarea{outline: none; border: none; border-bottom: 1px solid #777;}
.gfield textarea{height: 10rem!important;}
.gfield label, .gfield legend{font-weight: 400!important; color: #777771;}
.gfield.custom-form-floating{position: relative;}
.gfield.custom-form-floating input, .gfield.custom-form-floating textarea{padding-top: 1.625rem!important; padding-bottom: .625rem!important; padding-left: 0rem!important; line-height: 1.25;}
.gfield.custom-form-floating input::placeholder, .gfield.custom-form-floating textarea::placeholder{color: transparent; transition: 150ms ease;}
.gfield.custom-form-floating label{position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0rem!important; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap;pointer-events: none;border: var(--bs-border-width) solid transparent;transform-origin: 0 0;transition: opacity .15s ease-in-out,transform .15s ease-in-out}
.gfield.custom-form-floating.active label{transform: scale(.85) translateY(-1.25rem) translateX(0rem); color: var(--wp--preset--color--primary);}
.gfield.custom-form-floating.active input::placeholder, .gfield.custom-form-floating.active textarea::placeholder{color: #adadad}

.gfield.custom-form-floating .ginput_container{position: relative;}
.gfield.custom-form-floating .ginput_container:before{content: ""; height: 2px; transition: 350ms ease; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0%; background-color: var(--wp--preset--color--primary);}
.gfield.custom-form-floating:hover .ginput_container:before,
.gfield.custom-form-floating.active .ginput_container:before{width: 100%;}
.gfield.custom-form-floating .ginput_container_textarea:before{bottom: 6px;}

.gfield--type-select.custom-form-floating label{position: static!important; height: auto!important; padding-bottom: 0!important; margin-bottom: 0!important;}
.gfield--type-select.custom-form-floating select{border:none; border-bottom: 1px solid #777; outline: none!important; padding: 1rem 0!important; margin-top: -.5rem!important;}

.gchoice label,
.ginput_container_consent label{color: black;}

/* Pagination */
.pagination{display: flex; justify-content: center; list-style: none; padding: 0; margin: 2rem 0;}
.pagination .page-numbers{width: 40px; height: 40px; border-radius: 100%; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .2); margin: 0 0.25rem; text-decoration: none; color: black; display: flex;align-items: center; justify-content: center;}
.pagination .page-numbers.current{background-color: var(--wp--preset--color--primary); color: white;}

/*# Footer #*/
footer{background: #54595f; color: white; font-weight: 300; font-size: 0.938rem}
footer a,
footer span{color: rgba(255, 255, 255, 0.45); line-height: 190%; display: inline-block; transition: 350ms ease;}
footer a:hover,
footer a:hover span{color: rgba(222, 136, 178, 0.98)!important;}
footer nav a{text-decoration: none;}
footer .footer-bottom{background: #43464c; color: rgba(255, 255, 255, 0.3); font-weight: 300}
footer .footer-bottom .madeby img{height: 1em}
footer .footer-bottom .menu a{margin: 0 0.4rem 0 0.4rem; font-size: 0.688rem; color: rgba(255, 255, 255, 0.3)}

/*# Animations #*/
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes slidein {
  from { transform: translateY(-.5rem);}
  to   { transform: translateY(0);}
}
@keyframes slidefadein {
  from { transform: translateY(-.5rem); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/*# Bootstrap #*/
.cursor-p{cursor: pointer;}
.rounded{border-radius: 1.5rem!important}

/*# Gutemberg #*/
.wp-block-columns{margin-bottom: 0;}
.wp-block-column.has-background{padding: 0 3rem;}
.wp-block-group{padding: 4rem 0;}
.wp-block-group, .wp-block-column{position: relative; z-index: 1;}
.wp-block-group h2:first-child{margin-top: 1.5rem;}
:where(.is-layout-flex){column-gap: 2rem; row-gap: 0rem}
:where(.wp-block-columns.is-layout-flex){gap: 5rem}
.wp-block-columns :where(.wp-block-columns.is-layout-flex){gap: 2rem}
.wp-block-image{margin-bottom: 0}
.wp-block-image img, .wp-block-media-text__media{border-radius: 1.5rem}
.wp-block-cover .wp-block-cover__image-background{object-fit: contain;}
.wp-block-buttons{margin-top: 2.5rem}
.card .wp-block-buttons{margin-top: 0rem}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright{display: block!important;}
.wp-block-media-text__content{padding-right: 0!important;}
.wp-block-media-text__content .wp-block-group{padding: 2rem;}

/*# Responsive #*/
@media only screen and (max-width: 1399px){
  /*# Style group : Full with #*/
  .is-style-full-width > .wp-block-group, .is-style-full-width-waves > .wp-block-group,
  .is-style-full-width > .wp-block-columns, .is-style-full-width-waves > .wp-block-columns{max-width: 1116px}

  /*# Header #*/
  .wm-menu .menu-item a{padding: 1.5rem 0.5rem; font-size: .9rem;}
}

@media only screen and (max-width: 1199px){
	/*# Style group : Full with #*/
  .is-style-full-width > .wp-block-group, .is-style-full-width-waves > .wp-block-group,
  .is-style-full-width > .wp-block-columns, .is-style-full-width-waves > .wp-block-columns{max-width: 936px}

  /*# Header #*/
  .menu-wrapper .menu-menu-principal-container{position: absolute; transition: 350ms ease; transform: translateX(-100%); top: 5rem; left: 0; width: 100%; height: calc(100vh - 5rem); overflow: auto; background-color: white; z-index: -1; padding: 2rem 1rem;}
  .menu-active .menu-wrapper .menu-menu-principal-container{transform: translateX(0%);}
  .menu-wrapper .menu-menu-principal-container ul{display: flex; flex-direction: column;}
  .menu-wrapper .menu-menu-principal-container ul .sub-menu{display: block; border-radius: 0!important; width: 100%; transition: 350ms ease; opacity: 1; padding: 0!important; columns: 1; position: static!important; border: none!important; box-shadow: none!important; overflow: hidden;}
  .wm-menu > .menu-item > .sub-menu > .menu-item:last-child{margin-top: 0;}
  .menu-wrapper .menu-menu-principal-container ul .sub-menu:before,
  .menu-wrapper .menu-menu-principal-container ul .sub-menu:after{display: none;}

  .mobile-switcher{position: relative;}
  .mobile-switcher .fa-xmark{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg); font-size: 2.25rem; transition: 350ms ease;}
  .mobile-switcher .fa-bars{transition: 350ms ease;}
  .menu-active .mobile-switcher .fa-xmark{opacity: 1; transform: translateX(-50%) translateY(-50%);}
  .menu-active .mobile-switcher .fa-bars{opacity: 0; transform: rotate(-45deg) scale(0);}
  .wm-menu .menu-item a{font-size: 1rem; width: 100%; padding: 1.25rem 0.75rem; border-bottom: 1px solid #CCC;}
  .wm-menu > .menu-item > a:before{display: none!important;}
  .wm-menu .menu-item-has-children > a{display: flex; justify-content: space-between;}
  .wm-menu > .menu-item > .sub-menu > .menu-item > a{padding: 1.25rem 0.75rem; background-color: var(--wp--preset--color--light); margin-bottom: 0; pointer-events: initial;}
  .wm-menu > .menu-item > .sub-menu > .menu-item > .sub-menu a{border-radius: 0!important; border: none;}
  .wm-menu a i{transition: 350ms ease; transform-origin: center center;}
  .wm-menu .sub-active > a i{transform: rotate(180deg) translateY(0.3rem);}

  /*# Last posts page #*/
  .last-posts{grid-template-columns: 1fr;}

}

@media only screen and (max-width: 991px){

  /*# Structure #*/
  main{padding-top: 6.5rem }
  .menu-fixed header{padding: 0.25rem 0!important}

  /*# Top page #*/
  .top-page{width: 100vw;}
  .top-page .illustration{width: 100%}

	/*# Style group : Full with #*/
  .is-style-full-width > .wp-block-group, .is-style-full-width-waves > .wp-block-group,
  .is-style-full-width > .wp-block-columns, .is-style-full-width-waves > .wp-block-columns{max-width: 696px}

  /*# Gutenberg bloc : Lastest posts #*/
  .wp-block-latest-posts{flex-direction: column;}
  .wp-block-latest-posts li{width: 100%; margin-bottom: 2rem;}

}

@media only screen and (max-width: 767px){

  /*# Sizing #*/
  h1, .h1{font-size: 3rem;}
  h2, .h2{font-size: 2.5rem;}

  /*# Header #*/
  header .menu-secondary .btn{margin-bottom: 0; padding: 0 0 0 .5rem!important}
  header .menu-secondary .btn > a{padding: 0.8rem 1rem .7rem;}
  header .menu-secondary .btn > a span{display: none;}
  header .menu-secondary .btn > a i{font-size: 1.5rem;}
  header .menu-secondary .btn .sub-menu:before{right: .8rem;}

  /*# Style paragraph : Giant text #*/
  .is-style-giant-text{font-size: 85px; left: 1rem; top: -1rem}

  /*# Style spacer : Hide mobile #*/
  .is-style-hide-mobile{display: none;}

  /*# Gutenberg bloc : Lastest posts #*/
  .wp-block-latest-posts{margin: 0;}

	/*# Style group : Full with #*/
  .is-style-full-width, .is-style-full-width-waves{width: 100vw}
  .is-style-full-width > .wp-block-group, .is-style-full-width-waves > .wp-block-group,
  .is-style-full-width > .wp-block-columns, .is-style-full-width-waves > .wp-block-columns{max-width: 516px}

  /*# Gutemberg #*/
  :where(.wp-block-columns.is-layout-flex){gap: 2.5em}

  /*# Style bloc : Fast access #*/
  .fast-access{justify-content: center;}

  /*# Footer #*/
  footer .footer-bottom .menu{flex-wrap: wrap;}

}

@media only screen and (max-width: 575px){
  /*# Style group : Full with #*/
  .is-style-full-width > .wp-block-group, .is-style-full-width-waves > .wp-block-group,
  .is-style-full-width > .wp-block-columns, .is-style-full-width-waves > .wp-block-columns{max-width: 100%; padding: 0 1.5rem}
}