body #copyright-lezards {
padding: 15px;
font-size: 13px;
line-height: 18px;
font-weight: normal;
color: black;
background: white;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
body #copyright-lezards p {
margin: 0 !important;
padding: 0 !important;
flex: 1;
}
body #copyright-lezards a.image {
flex: 0 0 auto;
margin: 0 5px;
}
body #copyright-lezards a.image img {
width: 30px;
height: auto;
display: block;
}
body #copyright-lezards a.texte {
font-size: 1.2em;
font-weight: 500;
flex: 1;
color: black;
}
body.contrast #copyright-lezards {
padding: 20px;
font-size: 13px;
line-height: 18px;
font-weight: bold;
color: white;
background: black;
text-align: center;
}
body.contrast #copyright-lezards p {
margin: 0 !important;
padding: 0 !important;
}
body.contrast #copyright-lezards img {
height: 12px;
display: inline-block;
vertical-align: baseline;
padding-left: 2px;
}
#mentionslegales {
font-size: 12px;
line-height: 1.7;
text-align: left;
}
#mentionslegales .cols {
margin-top: 50px;
}
#mentionslegales .cols li {
break-inside: avoid-column;
break-after: avoid-column;
}
#mentionslegales .cols h2 {
font-weight: bold;
margin-top: 40px;
line-height: 1.2;
font-size: 1.3em;
}
#mentionslegales .cols h2:first-of-type {
margin-top: 0;
}
#mentionslegales .cols h3 {
text-transform: none;
margin: 0;
padding: 0;
font-weight: bold;
color: #000;
font-size: inherit;
}
#mentionslegales .cols ul {
padding: 0 0 0 20px;
margin: 0 0 20px;
}
#mentionslegales.three .cols {
column-count: 3;
column-gap: 45px;
}
#mentionslegales.two .cols {
column-count: 2;
column-gap: 50px;
}
body .wp-block-button__link {
background: #C69555;
color: white !important;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
padding: 16px 30px 15px;
border-radius: 0;
text-transform: uppercase;
transition: 0.3s ease;
}
body .wp-block-button__link:hover {
background: #bd7f2f;
}
html, body {
overflow-x: hidden;
text-underline-position: under;
}
.scroll-blocked, .scroll-blocked > body {
overflow-y: hidden;
}
a {
color: inherit;
}
a:hover {
color: #C69555;
}
[type=button]:focus, [type=button]:hover {
background: #bd7f2f;
}
[type=submit] {
border: none;
}
.elementor-sticky {
z-index: 4;
}
.mige-wrapper {
max-width: 1520px;
margin: auto;
padding: 0 80px;
}
@media (max-width: 768px) {
.mige-wrapper {
padding: 0 20px;
}
}
strong {
font-weight: bold;
}
.has-primary-color {
color: #24427B;
}
.has-accent-color {
color: #C69555;
}
body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
position: relative;
z-index: -1;
}
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
content: "";
display: block;
height: 165px;
margin: -165px 0 0;
visibility: hidden;
pointer-events: none;
}
header.elementor-location-header {
position: fixed;
z-index: 10;
width: 100%;
transition: 0.3s ease;
}
#mige-menu-opener {
border-radius: 50%;
background: #C69555;
text-transform: uppercase;
height: 66px;
width: 66px;
border: none;
color: white;
font-weight: bold;
font-size: 13px;
letter-spacing: 1px;
display: flex;
justify-content: center;
padding-top: 30px;
transition: 0.3s ease;
outline: none;
}
#mige-menu-opener:before {
content: "";
width: 20px;
height: 1px;
background: white;
position: absolute;
top: 17px;
transition: 0.3s ease;
}
#mige-menu-opener:after {
content: "";
width: 20px;
height: 1px;
background: white;
position: absolute;
top: 23px;
transition: 0.3s ease;
}
#mige-menu-opener:hover {
background: #bd7f2f;
letter-spacing: 2px;
}
#mige-menu-opener:hover:before {
top: 16px;
}
#mige-menu-opener:hover:after {
top: 24px;
}
#mige-logo svg {
overflow: visible;
}
#mige-logo svg #mige-logo-dot {
transition: 0.3s ease;
transform-origin: 6px 44px;
}
#mige-logo svg:hover #mige-logo-dot {
transform: scale(1.5);
}
body.mige-white:not(.mige-menu-opened) header.elementor-location-header #mige-logo .to-be-white {
fill: white;
}
body.scrolled:not(.mige-menu-opened) header.elementor-location-header {
background: white;
}
body.scrolled:not(.mige-menu-opened) header.elementor-location-header #mige-logo .to-be-white {
fill: #24427B;
}
#mige-cursor {
position: fixed;
top: -2.5px;
left: -2.5px;
pointer-events: none;
z-index: 99999;
transform-origin: center;
display: none;
}
@media (max-width: 768px) {
#mige-cursor {
display: none !important;
}
}
#mige-cursor .rond {
width: 15px;
height: 15px;
border-radius: 50%;
transform-origin: center;
background-color: #C69555;
transition: 0.2s ease;
}
#mige-cursor.expanded .rond {
transform: scale(2.5);
background-color: #bd7f2f;
}
nav#mige-menu {
position: fixed;
background: white;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 6;
display: none;
cursor: none;
clip-path: inset(0 0 100% 0);
overflow: scroll;
transition: clip-path 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 920px) {
nav#mige-menu {
flex-wrap: wrap;
}
}
nav#mige-menu a, nav#mige-menu a:hover {
cursor: none;
}
nav#mige-menu .left {
flex: 65%;
padding: 25vh 0 5vh;
}
nav#mige-menu .left > div, nav#mige-menu .left > div > .e-container {
height: 100%;
}
@media (max-width: 1360px) {
nav#mige-menu .left {
padding-left: 50px;
padding-right: 50px;
}
}
@media (max-width: 700px) {
nav#mige-menu .left {
padding: 150px 20px 50px;
}
}
nav#mige-menu .right {
flex: 35%;
background: #24427B;
color: white;
}
nav#mige-menu .right > a {
display: flex;
flex-direction: column;
height: 100%;
}
@media (max-width: 768px) {
nav#mige-menu .right > a {
flex-direction: row;
}
}
nav#mige-menu .right > a:hover {
color: white;
}
nav#mige-menu .right > a:hover .cta {
background: #bd7f2f;
}
nav#mige-menu .right > a:hover .bottom img {
transform: scale(1.1);
}
nav#mige-menu .right .top {
flex: 1;
background: url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/bg-shape-square-blue.jpg) center;
background-size: cover;
padding: 80px;
display: flex;
align-items: flex-end;
}
@media (max-width: 768px) {
nav#mige-menu .right .top {
padding: 20px;
}
}
nav#mige-menu .right .bottom {
background: #C69555;
flex: 1;
overflow: hidden;
}
nav#mige-menu .right .bottom img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
transition: 1s ease;
}
nav#mige-menu .right .inner {
max-width: 400px;
}
nav#mige-menu .right h3 {
font-size: 50px;
font-weight: bold;
line-height: 1em; }
@media (max-width: 768px) {
nav#mige-menu .right h3 {
font-size: 30px;
}
}
nav#mige-menu .right .cta {
color: white;
background: #C69555;
padding: 17px 30px 15px;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
display: inline-block;
margin-top: 50px;
}
nav#mige-menu .right .cta:hover {
background: #bd7f2f;
}
@media (max-width: 768px) {
nav#mige-menu .right .cta {
padding: 10px;
font-size: 10px;
}
}
nav#mige-menu .right .dirigeant {
margin-top: 20px;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 15px;
display: flex;
align-items: center;
line-height: 1.25em;
}
nav#mige-menu .right .dirigeant svg {
margin-right: 10px;
}
@media (max-width: 768px) {
nav#mige-menu .right .dirigeant {
padding: 10px;
font-size: 10px;
}
nav#mige-menu .right .dirigeant svg {
height: 20px;
}
}
body.mige-menu-opened #mige-menu {
clip-path: inset(0 0 0 0);
display: flex;
}
body.mige-menu-opened #mige-cursor {
display: block;
}
body.mige-menu-visible {
overflow-y: hidden;
}
body.mige-menu-visible #mige-menu {
display: flex;
}
body .mige-read-more-wrapper {
overflow: hidden;
}
.white-dot-before {
position: relative;
}
.white-dot-before:before {
content: "";
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
position: absolute;
left: 0;
top: 4px;
}
body .mige-read-more {
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
border-radius: 0;
background: none;
cursor: pointer;
outline: none;
display: none;
padding: 0;
border: none;
margin-top: 30px;
}
body .mige-read-more:hover, body .mige-read-more:active, body .mige-read-more:focus {
background: none;
color: inherit;
border: none;
}
body .mige-read-more svg {
margin-left: 10px;
}
body .mige-read-more.active svg {
transform: rotate(180deg);
}
.mige-entreprises-slider, .mige-entreprises-slider *, .mige-slider-portraits, .mige-slider-portraits * {
cursor: url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/double-arrows.svg) 32.5 32.5, pointer !important;
}
.mige-entreprises-slider .swiper-wrapper {
width: 100%;
}
.mige-entreprises-slider img {
object-fit: cover;
width: 100%;
height: 100%;
}
.mige-entreprises-slider a {
color: #24427B;
}
.mige-entreprises-slider .dirigeant {
position: absolute;
opacity: 0;
transition: 0.3s ease;
top: 0;
right: 0;
background: rgba(255, 255, 255, 0.95);
writing-mode: vertical-rl;
text-orientation: mixed;
font-weight: bold;
letter-spacing: 4px;
font-size: 15px;
padding: 20px 15px;
text-transform: uppercase;
}
.mige-entreprises-slider .dirigeant svg {
margin-top: 10px;
}
.mige-entreprises-slider .swiper-slide {
width: 280px;
height: 470px;
border-radius: 5px;
overflow: hidden;
margin-right: 12px;
}
@media (max-width: 768px) {
.mige-entreprises-slider .swiper-slide {
width: 220px;
height: 400px;
}
}
.mige-entreprises-slider .swiper-slide:nth-child(even) {
margin-top: 30px;
}
.mige-entreprises-slider .swiper-slide:hover .dirigeant {
opacity: 1;
}
.mige-entreprises-slider .cta {
background: #24427B;
color: white;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 30px;
line-height: 2em;
transition: 0.3s ease;
}
.mige-entreprises-slider .cta:hover {
background: #153064;
}
.mige-entreprises-slider .cta svg {
padding: 20px;
font-size: 30px;
background: #153064;
border-radius: 50%;
width: 30px;
height: 30px;
}
.mige-entreprises-slider .cta span {
font-weight: bold;
font-size: 25px;
}
.mige-entreprise-a-la-une {
color: white;
}
.mige-entreprise-a-la-une .bg {
background: url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/bg-shape-hero.jpg) center;
background-size: cover;
padding: 120px 0 250px;
}
@media (max-width: 768px) {
.mige-entreprise-a-la-une .bg {
padding: 80px 0 100px;
}
}
.mige-entreprise-a-la-une .mige-wrapper {
display: flex;
justify-content: space-between;
}
@media (max-width: 980px) {
.mige-entreprise-a-la-une .mige-wrapper {
flex-direction: column-reverse;
}
}
.mige-entreprise-a-la-une h4 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 35px;
padding-left: 1.5em;
}
.mige-entreprise-a-la-une h2 {
font-size: 100px;
font-weight: bold;
line-height: 1em; }
@media (max-width: 980px) {
.mige-entreprise-a-la-une h2 {
font-size: 60px;
}
}
.mige-entreprise-a-la-une .desc {
font-weight: 300;
font-size: 30px;
line-height: 1em;
}
.mige-entreprise-a-la-une .desc strong {
font-weight: bold;
}
.mige-entreprise-a-la-une .dirigeant {
text-transform: uppercase;
letter-spacing: 4px;
font-size: 15px;
display: flex;
align-items: center;
margin-top: 40px;
}
.mige-entreprise-a-la-une .dirigeant svg {
margin-right: 10px;
}
.mige-entreprise-a-la-une .cta {
color: white;
background: #C69555;
padding: 17px 30px 15px;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
display: inline-block;
margin-top: 40px;
}
.mige-entreprise-a-la-une .cta:hover {
background: #bd7f2f;
}
.mige-entreprise-a-la-une .left {
flex: 0 1 630px;
padding-top: 35px;
padding-right: 80px;
}
@media (max-width: 980px) {
.mige-entreprise-a-la-une .left {
flex: inherit;
}
}
@media (max-width: 768px) {
.mige-entreprise-a-la-une .left {
padding-right: 0;
}
}
.mige-entreprise-a-la-une .right {
flex: 0 1 540px;
}
@media (max-width: 980px) {
.mige-entreprise-a-la-une .right {
flex: inherit;
}
}
.mige-entreprise-a-la-une .gallery {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: -130px;
}
@media (max-width: 768px) {
.mige-entreprise-a-la-une .gallery {
grid-template-columns: 1fr 1fr;
margin-top: -60px;
}
}
.mige-entreprise-a-la-une .image {
padding-top: 100%;
position: relative;
border: 12px solid white;
box-shadow: 0 10px 30px rgba(99, 105, 168, 0.16);
}
.mige-entreprise-a-la-une .image img {
top: 0;
left: 0;
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
}
.mige-slider-accueil {
position: relative;
background: black;
}
.mige-slider-accueil:before {
content: "";
background: linear-gradient(0deg, rgb(44, 66, 119) 0%, rgba(44, 66, 119, 0) 69%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
.mige-slider-accueil .content {
color: white;
width: 100%;
font-weight: 200;
display: flex;
position: relative;
flex-direction: column;
justify-content: flex-end;
min-height: 400px;
padding-bottom: 80px;
height: 100vh;
z-index: 3;
}
@media (max-width: 768px) {
.mige-slider-accueil .content {
min-height: inherit;
height: 550px;
}
}
.mige-slider-accueil .content .titre h1 {
font-size: 100px;
line-height: 0.9em;
margin-bottom: 0;
font-weight: 100;
}
@media (max-width: 980px) {
.mige-slider-accueil .content .titre h1 {
font-size: 4em;
}
}
@media (max-width: 768px) {
.mige-slider-accueil .content .titre h1 {
font-size: 2em;
}
}
.mige-slider-accueil .content strong {
font-weight: bold;
}
.mige-slider-accueil .swiper-wrapper {
position: absolute;
width: 100%;
height: 100%;
}
.mige-slider-accueil .swiper-wrapper .swiper-slide {
position: relative;
}
.mige-slider-accueil .swiper-wrapper .swiper-slide:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
transition: 0.2s ease-out;
z-index: 1;
}
.mige-slider-accueil .swiper-wrapper .cover {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mige-slider-accueil .foot {
margin-top: 80px;
display: flex;
flex-wrap: wrap;
}
.mige-slider-accueil .foot .progress {
height: 3px;
border-radius: 5px;
width: 100%;
background: #C9C9C9;
position: relative;
}
.mige-slider-accueil .foot .progress .le-jus {
background: white;
height: 100%;
width: 0;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.mige-slider-accueil .foot .progress.running .le-jus {
animation-name: mige-progress;
}
@keyframes mige-progress {
from {
width: 0;
}
to {
width: 100%;
}
}
.mige-slider-accueil .foot nav {
color: #C69555;
position: relative;
}
@media (max-width: 768px) {
.mige-slider-accueil .foot nav {
flex: 1;
}
}
.mige-slider-accueil .foot nav .ctas {
display: flex;
justify-content: space-between;
}
.mige-slider-accueil .foot nav .cta {
min-width: 190px;
font-weight: bold;
transition: 0.2s ease-out;
line-height: 1.2em;
letter-spacing: 1px;
padding-top: 20px;
font-size: 12px;
text-transform: uppercase;
opacity: 0.5;
}
.mige-slider-accueil .foot nav .cta span {
font-size: 15px;
color: white;
display: block;
margin-top: 5px;
}
.mige-slider-accueil .foot nav .cta.active, .mige-slider-accueil .foot nav .cta:hover {
opacity: 1;
}
@media (max-width: 768px) {
.mige-slider-accueil .foot nav .cta {
min-width: inherit;
font-size: 9px;
}
.mige-slider-accueil .foot nav .cta span {
font-size: 13px;
}
}
@media all and (max-width: 980px) {
.mige-slider-accueil .foot nav a {
flex: 1;
min-height: inherit;
min-width: inherit;
padding: 10px 5px 5px;
font-size: 8px;
}
.mige-slider-accueil .foot nav a span {
font-size: 8px;
flex: 20px;
}
}
.mige-roues-adherents {
position: relative;
}
.mige-roues-adherents .mige-adherent {
display: block;
}
.mige-roues-adherents .mige-adherent img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
.mige-roues-adherents .mige-adherent .wrapper {
position: relative;
background: #C69555;
border-radius: 50%;
width: 120px;
height: 120px;
box-shadow: 0 10px 30px rgba(45, 47, 105, 0.16);
transition: 0.75s ease;
overflow: hidden;
}
.mige-roues-adherents .mige-adherent:hover .wrapper {
transform: scale(1.25);
}
.mige-roues-adherents .inner .animation-wrapper {
animation-name: grow;
animation-duration: 7s;
animation-iteration-count: infinite;
}
.mige-roues-adherents .inner .collection-wrapper {
position: relative;
width: 480px;
height: 480px;
padding: 0;
border-radius: 50%;
list-style: none;
}
.mige-roues-adherents .inner .collection-wrapper > * {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 63px;
height: 63px;
margin: -31.5px;
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(1) {
transform: rotate(0deg) translate(240px) rotate(0deg);
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(2) {
transform: rotate(30deg) translate(240px) rotate(-30deg);
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(3) {
transform: rotate(60deg) translate(240px) rotate(-60deg);
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(4) {
transform: rotate(90deg) translate(240px) rotate(-90deg);
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(5) {
transform: rotate(120deg) translate(240px) rotate(-120deg);
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(6) {
transform: rotate(150deg) translate(240px) rotate(-150deg);
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(7) {
transform: rotate(180deg) translate(240px) rotate(-180deg);
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(8) {
transform: rotate(210deg) translate(240px) rotate(-210deg);
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(9) {
transform: rotate(240deg) translate(240px) rotate(-240deg);
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(10) {
transform: rotate(270deg) translate(240px) rotate(-270deg);
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(11) {
transform: rotate(300deg) translate(240px) rotate(-300deg);
}
.mige-roues-adherents .inner .collection-wrapper > *:nth-of-type(12) {
transform: rotate(330deg) translate(240px) rotate(-330deg);
}
.mige-roues-adherents .inner .wrapper {
width: 63px;
height: 63px;
}
.mige-roues-adherents .middle .animation-wrapper {
animation-name: grow;
animation-duration: 5s;
animation-iteration-count: infinite;
}
.mige-roues-adherents .middle .collection-wrapper {
position: relative;
width: 830px;
height: 830px;
padding: 0;
border-radius: 50%;
list-style: none;
}
.mige-roues-adherents .middle .collection-wrapper > * {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin: -60px;
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(1) {
transform: rotate(0deg) translate(415px) rotate(0deg);
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(2) {
transform: rotate(30deg) translate(415px) rotate(-30deg);
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(3) {
transform: rotate(60deg) translate(415px) rotate(-60deg);
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(4) {
transform: rotate(90deg) translate(415px) rotate(-90deg);
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(5) {
transform: rotate(120deg) translate(415px) rotate(-120deg);
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(6) {
transform: rotate(150deg) translate(415px) rotate(-150deg);
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(7) {
transform: rotate(180deg) translate(415px) rotate(-180deg);
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(8) {
transform: rotate(210deg) translate(415px) rotate(-210deg);
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(9) {
transform: rotate(240deg) translate(415px) rotate(-240deg);
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(10) {
transform: rotate(270deg) translate(415px) rotate(-270deg);
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(11) {
transform: rotate(300deg) translate(415px) rotate(-300deg);
}
.mige-roues-adherents .middle .collection-wrapper > *:nth-of-type(12) {
transform: rotate(330deg) translate(415px) rotate(-330deg);
}
.mige-roues-adherents .outer .animation-wrapper {
animation-name: grow;
animation-duration: 8s;
animation-iteration-count: infinite;
}
.mige-roues-adherents .outer .collection-wrapper {
position: relative;
width: 1260px;
height: 1260px;
padding: 0;
border-radius: 50%;
list-style: none;
}
.mige-roues-adherents .outer .collection-wrapper > * {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 95px;
height: 95px;
margin: -47.5px;
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(1) {
transform: rotate(0deg) translate(630px) rotate(0deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(2) {
transform: rotate(15deg) translate(630px) rotate(-15deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(3) {
transform: rotate(30deg) translate(630px) rotate(-30deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(4) {
transform: rotate(45deg) translate(630px) rotate(-45deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(5) {
transform: rotate(60deg) translate(630px) rotate(-60deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(6) {
transform: rotate(75deg) translate(630px) rotate(-75deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(7) {
transform: rotate(90deg) translate(630px) rotate(-90deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(8) {
transform: rotate(105deg) translate(630px) rotate(-105deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(9) {
transform: rotate(120deg) translate(630px) rotate(-120deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(10) {
transform: rotate(135deg) translate(630px) rotate(-135deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(11) {
transform: rotate(150deg) translate(630px) rotate(-150deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(12) {
transform: rotate(165deg) translate(630px) rotate(-165deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(13) {
transform: rotate(180deg) translate(630px) rotate(-180deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(14) {
transform: rotate(195deg) translate(630px) rotate(-195deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(15) {
transform: rotate(210deg) translate(630px) rotate(-210deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(16) {
transform: rotate(225deg) translate(630px) rotate(-225deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(17) {
transform: rotate(240deg) translate(630px) rotate(-240deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(18) {
transform: rotate(255deg) translate(630px) rotate(-255deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(19) {
transform: rotate(270deg) translate(630px) rotate(-270deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(20) {
transform: rotate(285deg) translate(630px) rotate(-285deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(21) {
transform: rotate(300deg) translate(630px) rotate(-300deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(22) {
transform: rotate(315deg) translate(630px) rotate(-315deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(23) {
transform: rotate(330deg) translate(630px) rotate(-330deg);
}
.mige-roues-adherents .outer .collection-wrapper > *:nth-of-type(24) {
transform: rotate(345deg) translate(630px) rotate(-345deg);
}
.mige-roues-adherents .outer .wrapper {
width: 95px;
height: 95px;
}
.mige-roues-adherents .inner, .mige-roues-adherents .middle, .mige-roues-adherents .outer {
position: absolute !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes grow {
from {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
to {
transform: scale(1);
}
}
#mige-entreprises-map {
height: 800px;
max-height: 80vh;
}
@media (max-width: 980px) {
#mige-entreprises-map {
height: 400px;
}
}
#mige-entreprises-map .mapboxgl-ctrl-attrib-button {
padding: 0;
border: none;
}
#mige-entreprises-map .mige-card-entreprise {
width: inherit;
pointer-events: auto;
font-family: "Gilroy", sans-serif;
}
#mige-entreprises-map .mige-card-entreprise .image {
height: 120px;
}
#mige-entreprises-map .mige-card-entreprise h2 {
font-size: 18px;
}
#mige-entreprises-filters {
background: white;
padding: 30px 80px;
max-width: 1200px;
margin: -80px auto 0;
z-index: 2;
position: relative;
border-radius: 7px;
}
@media (max-width: 860px) {
#mige-entreprises-filters {
padding: 30px 20px;
margin: 0;
}
}
#mige-entreprises-filters h1 {
font-size: 60px;
font-weight: bold;
}
@media (max-width: 768px) {
#mige-entreprises-filters h1 {
font-size: 30px;
}
}
#mige-entreprises-filters h1 span {
color: #C69555;
}
#mige-entreprises-filters .tools {
display: flex;
margin-top: 15px;
}
#mige-entreprises-filters .mige-no-search-results {
display: none;
padding: 25px;
color: #899aba;
}
#mige-entreprises-filters .mige-recherche {
font-size: 13px;
font-weight: 600;
flex: 50%;
position: relative;
}
#mige-entreprises-filters .mige-recherche .options {
width: 100%;
flex-wrap: wrap;
}
#mige-entreprises-filters .mige-recherche .option {
flex: 1 0 50%;
font-size: 12px;
position: relative;
}
#mige-entreprises-filters .mige-recherche .option:nth-child(odd) {
border-right: 1px solid #d5d5d5;
}
#mige-entreprises-filters .mige-recherche .option:first-child:before, #mige-entreprises-filters .mige-recherche .option :nth-of-type(2):before {
content: "";
position: absolute;
width: 100%;
height: 43px;
bottom: 100%;
left: 0;
top: inherit;
z-index: -1;
}
#mige-entreprises-filters .mige-recherche .option:first-child:hover:before, #mige-entreprises-filters .mige-recherche .option :nth-of-type(2):hover:before {
background: #e5e8ee;
}
#mige-entreprises-filters .mige-recherche .option:first-child.active:before, #mige-entreprises-filters .mige-recherche .option :nth-of-type(2).active:before {
background: #24427B;
}
#mige-entreprises-filters .mige-recherche p {
color: #899aba;
margin-left: 20px;
}
#mige-entreprises-filters .mige-recherche i, #mige-entreprises-filters .mige-recherche svg {
position: absolute;
top: 36px;
right: 25px;
}
#mige-entreprises-filters .mige-recherche input {
outline: none;
border-radius: 30px;
border: 1px solid #899aba;
padding: 0 45px 0 20px;
height: 43px;
}
#mige-entreprises-filters .mige-recherche input:focus {
box-shadow: 0 0 0 2px white, 0 0 0 5px rgba(38, 113, 255, 0.5);
}
#mige-entreprises-filters .mige-recherche.active .options {
display: flex;
}
.mige-marches, .mige-metiers {
font-size: 13px;
font-weight: 600;
margin-right: 15px;
position: relative;
flex: 25%;
max-width: 300px;
}
@media (max-width: 768px) {
.mige-marches, .mige-metiers {
display: none;
}
}
.mige-marches.active i, .mige-marches.active svg, .mige-metiers.active i, .mige-metiers.active svg {
transform: rotate(180deg);
}
.mige-marches.active .options, .mige-metiers.active .options {
display: block;
}
.mige-marches.active .selection, .mige-metiers.active .selection {
box-shadow: 0 0 0 2px white, 0 0 0 5px rgba(38, 113, 255, 0.5);
}
.mige-marches p, .mige-metiers p {
color: #899aba;
margin-left: 20px;
}
.mige-marches span, .mige-metiers span {
color: #C69555;
margin-left: 5px;
}
.mige-marches .selection, .mige-metiers .selection {
border: 1px solid #899aba;
border-radius: 30px;
padding: 10px 20px;
background: white;
display: flex;
align-items: center;
}
.mige-marches .selection i, .mige-marches .selection svg, .mige-metiers .selection i, .mige-metiers .selection svg {
margin-left: auto;
color: #24427B;
display: inline-block;
}
.mige-marches .options, .mige-metiers .options, .mige-recherche .options {
background: white;
border-radius: 0 0 10px 10px;
position: absolute;
max-height: 300px;
overflow: scroll;
border: 1px solid #d5d5d5;
padding: 20px 0 0 0;
margin-top: -22px;
z-index: -1;
display: none;
cursor: default;
}
.mige-marches .option, .mige-metiers .option, .mige-recherche .option {
border-bottom: 1px solid #d5d5d5;
padding: 10px 20px;
}
.mige-marches .option:last-child, .mige-metiers .option:last-child, .mige-recherche .option:last-child {
border-bottom: none;
}
.mige-marches .option:first-child:before, .mige-metiers .option:first-child:before, .mige-recherche .option:first-child:before {
content: "";
position: absolute;
width: 100%;
height: 43px;
top: 0;
left: 0;
z-index: -1;
}
.mige-marches .option:first-child:hover:before, .mige-metiers .option:first-child:hover:before, .mige-recherche .option:first-child:hover:before {
background: #e5e8ee;
}
.mige-marches .option:first-child.active:before, .mige-metiers .option:first-child.active:before, .mige-recherche .option:first-child.active:before {
background: #24427B;
}
.mige-marches .option:hover, .mige-metiers .option:hover, .mige-recherche .option:hover {
background: #e5e8ee;
}
.mige-marches .option.active, .mige-metiers .option.active, .mige-recherche .option.active {
background: #24427B;
color: white;
}
.mige-marches .option.hidden, .mige-metiers .option.hidden, .mige-recherche .option.hidden {
display: none;
}
.mige-floating-filters {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
flex-direction: column;
align-items: flex-end;
z-index: 3;
}
@media (max-width: 980px) {
.mige-floating-filters {
display: flex;
}
}
.mige-floating-filters:before {
content: "";
display: none;
background: black;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.5;
z-index: -1;
}
.mige-floating-filters .inner {
background: white;
border-radius: 12px;
padding: 20px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 15px;
max-width: calc(100vw - 40px);
max-height: calc(100vh - 250px);
overflow: scroll;
display: none;
}
.mige-floating-filters.active:before {
display: block;
}
.mige-floating-filters.active .inner {
display: block;
}
.mige-floating-filters.active .mige-toggle-floating-filters .fa-times {
display: inline;
}
.mige-floating-filters.active .mige-toggle-floating-filters .fa-filter {
display: none;
}
@media (max-width: 768px) {
.mige-floating-filters .mige-metiers, .mige-floating-filters .mige-marches {
display: block;
width: 250px;
max-width: calc(100vw - 40px);
margin: 0 0 20px;
}
.mige-floating-filters .mige-metiers .selection, .mige-floating-filters .mige-marches .selection {
position: relative;
z-index: 1;
}
.mige-floating-filters .mige-metiers .options, .mige-floating-filters .mige-marches .options {
position: relative;
z-index: inherit;
}
}
.mige-floating-filters .mige-toggle-floating-filters {
background: #C69555;
color: white;
border-radius: 12px !important;
border: none !important;
outline: none;
font-size: 15px;
padding: 10px 25px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.mige-floating-filters .mige-toggle-floating-filters svg {
margin: 0 10px 0 0;
}
.mige-floating-filters .mige-toggle-floating-filters span {
font-weight: 500;
letter-spacing: 1px;
font-size: 12px;
}
.mige-floating-filters .mige-reset-filters {
cursor: pointer;
font-size: 15px;
border-bottom: 1px solid #d5d5d5;
padding: 0 0 15px;
}
.mige-floating-filters .mige-reset-filters svg {
margin-right: 5px;
}
.mige-floating-filters .mige-reset-filters {
margin-bottom: 30px;
border: none;
text-align: right;
}
.mige-floating-filters .fa-times {
display: none;
}
#mige-results-count {
font-size: 15px;
color: #516895;
margin-bottom: 10px;
font-weight: 600;
}
.entreprises-wrapper {
padding: 0 80px;
max-width: 1200px;
}
@media (max-width: 860px) {
.entreprises-wrapper {
padding: 0 20px;
}
}
.entreprises-wrapper .gutter-sizer {
width: 30px;
}
@media (max-width: 600px) {
.entreprises-wrapper .gutter-sizer {
width: 20px;
}
}
body.post-type-archive-entreprises #no-results {
margin-top: 50px;
margin-bottom: 50px;
}
.mige-entreprise {
width: calc(25% - 22.5px);
background: white;
border-radius: 5px;
color: #24427B;
box-shadow: 0 15px 30px rgba(172, 157, 206, 0.16);
display: block;
margin-bottom: 30px;
text-align: center;
}
@media (max-width: 1150px) {
.mige-entreprise {
width: calc(33.3333333333% - 20px);
}
}
@media (max-width: 850px) {
.mige-entreprise {
width: calc(50% - 15px);
}
}
@media (max-width: 600px) {
.mige-entreprise {
width: calc(50% - 10px);
}
}
.mige-entreprise a {
color: #24427B;
}
.mige-entreprise a:hover .arrow {
opacity: 1;
}
.mige-entreprise a:hover .cta {
color: white;
background: #C69555;
}
.mige-entreprise .image {
height: 180px;
overflow: hidden;
border-radius: 5px 5px 0 0;
background: #C69555;
position: relative;
}
.mige-entreprise .image img {
object-fit: cover;
height: 100%;
width: 100%;
}
.mige-entreprise .portrait {
font-size: 0;
width: 70px;
height: 70px;
border: 4px solid white;
border-radius: 50%;
margin: -35px auto 0;
z-index: 1;
position: relative;
overflow: hidden;
background: #F0F2F6 url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/user-placeholder.svg) no-repeat center bottom;
background-size: contain;
}
.mige-entreprise .portrait img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mige-entreprise .portrait .arrow {
opacity: 0;
transition: 0.3s ease;
position: absolute;
background: #C69555;
color: white;
width: 100%;
height: 100%;
left: 0;
top: 0;
font-size: 17px;
display: flex;
align-items: center;
justify-content: center;
}
.mige-entreprise .logo {
position: absolute;
width: 60px;
top: 20px;
right: 20px;
}
@media (max-width: 600px) {
.mige-entreprise .logo {
width: 50px;
}
}
.mige-entreprise h2 {
font-size: 20px;
font-weight: bold;
margin: 0 0 5px;
line-height: 1em; }
@media (max-width: 600px) {
.mige-entreprise h2 {
font-size: 18px;
}
}
.mige-entreprise .meta {
padding: 20px;
}
.mige-entreprise .cta {
font-size: 16px;
font-weight: 600;
padding: 20px;
width: 100%;
color: #899aba;
display: block;
height: 60px;
border-top: 1px solid #F0F2F6;
border-radius: 0 0 5px 5px;
transition: 0.3s ease;
}
@media (max-width: 768px) {
.mige-entreprise .cta {
padding: 10px;
font-size: 13px;
height: inherit;
}
}
.mige-entreprise .ville {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #899aba;
text-transform: lowercase;
}
.mige-entreprise .ville:first-letter {
text-transform: uppercase;
}
.mapboxgl-popup {
max-width: 220px;
}
.mapboxgl-popup .mapboxgl-popup-tip {
display: none;
}
.mapboxgl-popup .mapboxgl-popup-content {
background: none;
border-radius: 0;
padding: 0;
box-shadow: inherit;
pointer-events: inherit;
}
.mapboxgl-popup .mapboxgl-popup-close-button {
display: none;
}
.mige-glisser {
pointer-events: none;
position: absolute;
top: 0;
z-index: 2;
width: 99px;
height: 99px;
right: 10vw;
border-radius: 50%;
transform: translate(0, -50%);
box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.16);
}
.mige-glisser svg {
width: 100%;
height: 100%;
}
.mige-swiper-glisser {
position: relative;
}
.mige-swiper-glisser, .mige-swiper-glisser * {
cursor: url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/glisser.svg) 50 50, pointer !important;
}
.mige-swiper-glisser-accent, .mige-swiper-glisser-accent * {
cursor: url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/glisser-accent.svg) 50 50, pointer !important;
}
.pagination {
margin: 50px auto 120px;
grid-column: 1/-1;
}
.pagination h2 {
display: none;
}
.pagination .page-numbers, .pagination span {
color: #899aba;
padding: 10px;
transition: 0.3s ease-out;
}
.pagination a:not(.next, .prev):hover {
color: #C69555;
}
.pagination .next, .pagination .prev {
color: white;
background: #C69555;
padding: 17px 30px 15px;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
display: inline-block;
margin: 0 20px;
}
.pagination .next:hover, .pagination .prev:hover {
background: #bd7f2f;
}
.pagination .nav-links {
text-align: center;
}
.mige-cats {
display: flex;
flex-wrap: wrap;
}
.mige-cats ul {
display: flex;
flex-wrap: wrap;
}
.mige-cats a, .mige-cats li {
border-radius: 5px;
border: 1px solid #d5d5d5;
font-weight: 600;
padding: 8px 15px;
font-size: 15px;
margin: 0 5px 5px 0;
transition: 0.3s ease;
}
.mige-cats a:hover, .mige-cats a.active, .mige-cats a.current, .mige-cats li:hover, .mige-cats li.active, .mige-cats li.current {
background: #F0F2F6;
color: #24427B;
cursor: pointer;
}
.mige-cats a svg, .mige-cats li svg {
height: 12px;
margin-right: 10px;
}
body.post-type-archive-documents .mige-introduction {
padding: 40vh 0 80px;
background: #24427B;
color: white;
}
@media (max-width: 768px) {
body.post-type-archive-documents .mige-introduction {
padding: 150px 0 50px;
}
}
body.post-type-archive-documents .mige-introduction .inner {
max-width: 600px;
}
body.post-type-archive-documents .mige-introduction h1 {
font-weight: bold;
font-size: 80px;
margin: 0;
}
@media (max-width: 980px) {
body.post-type-archive-documents .mige-introduction h1 {
font-size: 40px;
}
}
body.post-type-archive-documents .mige-introduction h2 {
text-transform: uppercase;
letter-spacing: 1px;
color: #C69555;
font-weight: bold;
font-size: 12px;
margin: 0;
}
body.post-type-archive-documents main {
display: flex;
margin: 80px auto;
}
@media (max-width: 980px) {
body.post-type-archive-documents main {
display: block;
}
}
body.post-type-archive-documents main aside {
flex: 0 0 230px;
margin-right: 50px;
margin-bottom: 50px;
}
@media (max-width: 768px) {
body.post-type-archive-documents main aside {
margin: 0;
}
}
body.post-type-archive-documents main aside p {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
display: block;
flex: 100%;
}
body.post-type-archive-documents main aside ul {
padding: 0;
list-style-type: none;
margin: 0 0 50px;
}
body.post-type-archive-documents main aside li {
display: inline-block;
}
body.post-type-archive-documents main #mige-documents {
flex: 1;
}
body.post-type-archive-documents main #mige-documents .gutter-sizer {
width: 30px;
}
@media (max-width: 600px) {
body.post-type-archive-documents main #mige-documents .gutter-sizer {
width: 20px;
}
}
body.post-type-archive-documents main #mige-documents > .mige-document {
cursor: pointer;
border: 1px solid #d5d5d5;
border-radius: 10px;
margin-bottom: 30px;
width: calc(25% - 22.5px);
}
@media (max-width: 1150px) {
body.post-type-archive-documents main #mige-documents > .mige-document {
width: calc(33.3333333333% - 20px);
}
}
@media (max-width: 850px) {
body.post-type-archive-documents main #mige-documents > .mige-document {
width: calc(50% - 15px);
}
}
@media (max-width: 600px) {
body.post-type-archive-documents main #mige-documents > .mige-document {
width: calc(50% - 10px);
}
}
body.post-type-archive-documents main #mige-documents > .mige-document:hover .hover {
opacity: 1;
}
body.post-type-archive-documents main #mige-documents h2 {
margin: 5px 0 0;
color: #24427B;
font-size: 15px;
display: inline-block;
}
body.post-type-archive-documents main #mige-documents .year {
color: #C69555;
font-size: 15px;
font-weight: bold;
}
body.post-type-archive-documents main #mige-documents svg {
color: #c91111;
display: inline-block;
margin-right: 6px;
}
body.post-type-archive-documents main #mige-documents .content {
padding: 10px 15px;
border-top: 1px solid #d5d5d5;
}
body.post-type-archive-documents main #mige-documents .image {
height: 170px;
overflow: hidden;
border-radius: 10px 10px 0 0;
position: relative;
background: #d5d5d5 url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/logo-m-dull.svg) no-repeat center;
background-size: 45px;
}
@media (max-width: 768px) {
body.post-type-archive-documents main #mige-documents .image {
height: 120px;
}
}
body.post-type-archive-documents main #mige-documents .image .hover {
transition: 0.3s ease;
opacity: 0;
display: flex;
position: absolute;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
font-size: 1.5em;
}
body.post-type-archive-documents main #mige-documents .image .hover svg {
color: white;
}
body.post-type-archive-documents main #mige-documents .image img {
height: 100%;
object-fit: cover;
width: 100%;
}
#no-results {
display: none;
text-align: center;
max-width: 500px;
margin: auto;
color: darkgrey;
grid-column: 1/-1;
}
#no-results svg {
margin-bottom: 1em;
max-width: 50px;
stroke: #C69555;
}
body.blog .mige-introduction, body.category .mige-introduction {
margin-top: 120px;
}
body.blog .mige-introduction .inner, body.category .mige-introduction .inner {
max-width: 600px;
}
body.blog .mige-introduction h1, body.category .mige-introduction h1 {
font-weight: bold;
font-size: 80px;
margin: 0;
}
@media (max-width: 980px) {
body.blog .mige-introduction h1, body.category .mige-introduction h1 {
font-size: 40px;
}
}
body.blog .mige-introduction h2, body.category .mige-introduction h2 {
text-transform: uppercase;
letter-spacing: 1px;
color: #C69555;
font-weight: bold;
font-size: 12px;
margin: 0;
}
body.blog main, body.category main {
display: flex;
}
@media (max-width: 980px) {
body.blog main, body.category main {
flex-direction: column-reverse;
}
}
body.blog main aside, body.category main aside {
flex: 0 0 230px;
margin-right: 50px;
margin-bottom: 50px;
}
body.blog main .mige-actualites, body.category main .mige-actualites {
flex: 1;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
}
@media (max-width: 1190px) {
body.blog main .mige-actualites, body.category main .mige-actualites {
grid-template-columns: 1fr 1fr;
}
}
body.single-actions .mige-hero {
position: relative;
color: white;
background: #24427B;
min-height: 800px;
display: flex;
align-items: flex-end;
justify-content: center;
padding: 0 0 80px;
}
body.single-actions .mige-hero h1 {
font-size: 80px;
font-weight: bold;
line-height: 1em;
}
@media (max-width: 980px) {
body.single-actions .mige-hero h1 {
font-size: 60px;
}
}
@media (min-width: 768px) {
body.single-actions .mige-hero .mige-date-pastille {
height: 155px;
min-width: 155px;
font-size: 35px;
}
body.single-actions .mige-hero .mige-date-pastille .top {
font-size: 66px;
}
body.single-actions .mige-hero .mige-date-pastille .bottom {
font-size: 22px;
}
}
body.single-actions .mige-hero .mige-inscription {
margin-bottom: 20px;
}
body.single-actions .mige-hero .thumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
body.single-actions .mige-hero .thumbnail img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
body.single-actions .mige-hero .thumbnail:before {
content: "";
background: rgba(36, 66, 123, 0.67);
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
}
body.single-actions .mige-hero .left {
flex: 70%;
}
body.single-actions .mige-hero .right {
flex: 30%;
display: flex;
justify-content: end;
align-items: flex-end;
}
body.single-actions .mige-hero .mige-wrapper {
z-index: 1;
position: relative;
width: 100%;
margin: 0;
display: flex;
}
@media (max-width: 768px) {
body.single-actions .mige-hero {
display: block;
min-height: inherit;
padding-bottom: 50px;
}
body.single-actions .mige-hero h1 {
font-size: 25px;
margin-bottom: 0;
}
body.single-actions .mige-hero .thumbnail {
position: inherit;
}
body.single-actions .mige-hero .thumbnail img {
position: inherit;
display: block;
margin: 0 0 25px;
}
}
body.single-actions .mige-date-pastille.toute-lannee p {
font-size: 30px;
}
body.single-actions hr {
border: none;
height: 1px;
background: #d5d5d5;
margin: 1.25em 0;
}
body.single-actions main .mige-wrapper {
display: flex;
justify-content: space-between;
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 768px) {
body.single-actions main .mige-wrapper {
display: block;
padding-top: 50px;
padding-bottom: 50px;
}
}
body.single-actions main .mige-wrapper h4 {
color: #C69555;
font-weight: bold;
font-size: 12px;
margin: 0 0 40px;
text-transform: uppercase;
letter-spacing: 1px;
}
body.single-actions main .mige-wrapper h3 {
font-weight: bold;
font-size: 16px;
margin: 0 0 15px;
}
body.single-actions main .mige-wrapper .left {
flex: 0 1 365px;
margin-right: 100px;
font-size: 15px;
}
body.single-actions main .mige-wrapper .left p {
margin-bottom: 2em;
}
@media (max-width: 768px) {
body.single-actions main .mige-wrapper .left {
margin: 0;
}
body.single-actions main .mige-wrapper .left hr {
display: none;
}
body.single-actions main .mige-wrapper .left .content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
}
body.single-actions main .mige-wrapper .right {
flex: 0 1 820px;
}
@media (max-width: 980px) {
body.single-actions main .mige-wrapper .right {
margin-top: 50px;
}
}
body.single-actions main .mige-wrapper .right h2 {
color: #C69555;
font-size: 20px;
font-weight: 600;
}
body.single-actions main .mige-wrapper .right h3 {
font-size: 20px;
font-weight: 600;
margin: 60px 0 30px;
color: #C69555;
}
body.single-actions main .mige-wrapper .right ul {
margin: 10px 0 0;
list-style-type: none;
padding: 0 0 0 25px;
}
body.single-actions main .mige-wrapper .right ul li {
position: relative;
}
body.single-actions main .mige-wrapper .right ul li:before {
content: url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/check.svg);
width: 14px;
position: absolute;
left: -25px;
}
body.single-actions main .mige-wrapper .right iframe {
margin-bottom: 1em;
width: 100%;
}
body.single-actions .mige-action-inscription {
background: #24427B url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/bg-dots-1.svg);
background-size: 80%;
background-repeat: no-repeat;
background-position: -30vw 80px;
color: white;
}
body.single-actions .mige-action-inscription h2 {
font-size: 30px;
font-weight: 600;
}
body.single-actions .mige-action-inscription .mige-wrapper {
display: flex;
justify-content: space-between;
padding-top: 120px;
padding-bottom: 120px;
}
body.single-actions .mige-action-inscription .mige-wrapper .left {
flex: 0 0 365px;
margin-right: 100px;
font-size: 15px;
}
body.single-actions .mige-action-inscription .mige-wrapper .left p {
margin-bottom: 2em;
}
body.single-actions .mige-action-inscription .mige-wrapper .right {
flex: 0 1 820px;
}
@media (max-width: 980px) {
body.single-actions .mige-action-inscription .mige-wrapper {
display: block;
}
}
@media (max-width: 768px) {
body.single-actions .mige-action-inscription .mige-wrapper {
padding-top: 50px;
padding-bottom: 50px;
}
body.single-actions .mige-action-inscription .mige-wrapper .left {
margin: 0;
}
}
body.single-actions .mige-action-inscription .elementor-field-type-acceptance {
margin-bottom: 25px;
}
body.single-actions .mige-action-inscription .elementor-field-type-acceptance label {
color: white;
}
body.single-actions .mige-autres-actions {
background: #153064;
padding: 120px 0;
color: white;
}
body.single-actions .mige-autres-actions h2 {
font-size: 30px;
font-weight: 600;
margin: 0 0 90px;
}
@media (max-width: 768px) {
body.single-actions .mige-autres-actions {
padding-top: 50px;
padding-bottom: 50px;
}
body.single-actions .mige-autres-actions h2 {
margin-bottom: 50px;
}
}
.connectezvous {
margin: 50px 0;
padding: 25px;
background: #24427B;
color: white;
}
.connectezvous a {
color: #C69555;
text-decoration: underline;
}
.connectezvous i, .connectezvous svg {
margin-right: 10px;
}
.connectezvous .verrou {
background-color: #C69555;
color: white;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 12px;
border-radius: 25px;
padding: 5px 15px 3px;
margin-bottom: 30px;
display: inline-block;
}
.mige-contact {
display: flex;
line-height: 1em;
align-items: center;
margin-bottom: 15px;
transition: 0.3s ease;
border-radius: 8px;
padding: 8px;
}
.mige-contact:hover {
background: #F0F2F6;
}
.mige-contact img {
border-radius: 50%;
margin-right: 15px;
height: 55px;
width: 55px;
object-fit: cover;
}
.mige-contact h5, .mige-contact p {
color: #24427B;
margin: 0 !important;
font-size: 15px;
text-transform: inherit;
}
.mige-contact h5 {
font-weight: bold;
}
.mige-actions {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 70px;
}
@media (max-width: 980px) {
.mige-actions {
grid-template-columns: 1fr;
}
}
@media (max-width: 980px) {
.mige-actions {
padding: 20px;
}
}
.mige-action {
position: relative;
z-index: 1;
}
.mige-action:before {
content: "";
background: #17346A;
z-index: -1;
border-radius: 20px;
position: absolute;
top: -20px;
bottom: -20px;
right: -20px;
left: -20px;
opacity: 0;
transition: 0.2s ease;
}
.mige-action:hover:before {
opacity: 1;
}
.mige-action:hover .image img {
transform: scale(1.1);
}
.mige-action:hover .image:after {
opacity: 1;
}
.mige-action p {
color: white;
font-size: 25px;
font-weight: 600;
max-width: 85%;
margin: 20px 0;
}
.mige-action h3 {
color: white;
font-size: 25px;
font-weight: 600;
}
.mige-action .image {
height: 230px;
width: 100%;
position: relative;
overflow: hidden;
border-radius: 5px;
}
.mige-action .image:after {
content: url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/arrow-right.svg);
background: #C69555;
width: 57px;
height: 57px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
opacity: 0;
transition: 1s ease;
}
.mige-action .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s ease;
}
.mige-action .mige-date-pastille {
position: absolute;
right: 20px;
top: 20px;
}
.mige-date-pastille {
background: #C69555;
border-radius: 120px;
height: 80px;
min-width: 80px;
color: white;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
line-height: 1em;
}
.mige-date-pastille .top {
font-size: 25px;
font-weight: bold;
line-height: 1em;
}
.mige-date-pastille .bottom {
font-size: 12px;
font-weight: 900;
line-height: 1em;
}
.mige-date-pastille.toute-lannee {
background: #24427B;
}
.mige-date-pastille.toute-lannee p {
font-weight: 600;
font-size: 18px;
}
.mige-inscription {
color: white;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
background: #C69555;
border-radius: 6px;
padding: 4px 15px 2px;
display: inline-block;
}
.mige-inscription svg {
margin-right: 5px;
}
.mige-inscription.closed {
color: #24427B;
background: #899aba;
}
.mige-actions-filters {
color: white;
display: flex;
align-items: center;
margin-bottom: 80px;
}
.mige-actions-filters p {
font-size: 18px;
margin-right: 30px;
}
.mige-actions-filters #mige-actions-loader {
margin-left: 25px;
height: 30px;
display: none;
}
.mige-actions-filters span {
color: #899aba;
position: absolute;
left: 35px;
top: 15px;
font-size: 15px;
}
.mige-actions-filters svg {
position: absolute;
right: 35px;
top: 32px;
z-index: 1;
pointer-events: none;
}
.mige-actions-filters .select-wrapper {
position: relative;
width: 200px;
}
.mige-actions-filters .select-wrapper:last-child {
width: 400px;
margin-left: -1px;
}
.mige-actions-filters .selects {
display: flex;
}
.mige-actions-filters select {
appearance: none;
-webkit-appearance: none;
background: #153064;
font-size: 18px;
font-weight: 600;
border: 1px solid #516895;
color: white;
border-radius: 0;
padding: 35px 35px 15px 35px;
cursor: pointer;
}
.mige-actions-filters select:focus {
outline: none;
box-shadow: 0 0 0 2px #153064, 0 0 0 5px rgba(38, 113, 255, 0.5);
}
.mige-actions-filters.loading #mige-actions-loader {
display: block;
}
@media (max-width: 980px) {
.mige-actions-filters {
display: block;
margin-bottom: 50px;
}
.mige-actions-filters p {
margin-bottom: 1em;
}
.mige-actions-filters #mige-actions-loader {
margin: 1em auto 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.mige-actions-filters .selects {
display: block;
}
.mige-actions-filters .select-wrapper {
width: 100%;
}
.mige-actions-filters .select-wrapper:last-child {
width: 100%;
margin: -1px 0 0;
}
}
.mige-swiper-actualites .swiper-wrapper {
width: 100%;
}
.mige-swiper-actualites .swiper-slide {
width: 340px;
height: auto;
margin-right: 15px;
}
@media (max-width: 768px) {
.mige-swiper-actualites .swiper-slide {
width: 80vw;
}
}
body .mige-actualite {
background: white;
border-radius: 5px;
color: #24427B;
box-shadow: 0 10px 20px rgba(172, 157, 206, 0.16);
display: block;
}
body .mige-actualite:hover {
color: #24427B;
}
body .mige-actualite:hover .cta {
color: #bd7f2f;
}
body .mige-actualite:hover .image img {
transform: scale(1.1);
}
body .mige-actualite.hero-actualite {
position: relative;
margin: 50px 0;
}
body .mige-actualite.hero-actualite .image {
height: 630px;
border-radius: 7px;
}
@media (max-width: 980px) {
body .mige-actualite.hero-actualite .image {
height: 350px;
}
}
body .mige-actualite.hero-actualite .content {
position: absolute;
bottom: 20px;
left: 20px;
background: white;
border-radius: 7px;
width: 50%;
min-width: 300px;
}
body .mige-actualite.wide {
grid-column: 1/-1;
display: flex;
}
body .mige-actualite.wide .image {
flex: 0 0 60%;
height: 440px;
border-radius: 5px 0 0 5px;
}
body .mige-actualite.wide .content {
flex: 0 0 40%;
flex-direction: column;
padding: 25px 50px;
}
body .mige-actualite.wide time {
margin-bottom: 20px;
}
body .mige-actualite.wide .right {
display: flex;
flex-direction: column;
}
body .mige-actualite.wide .cta {
display: inline-block;
margin-top: auto;
}
@media (max-width: 1300px) {
body .mige-actualite.wide {
flex-direction: column;
}
body .mige-actualite.wide .image {
flex: inherit;
height: 350px;
border-radius: 5px 5px 0 0;
}
body .mige-actualite.wide .cta {
margin-top: 20px;
}
}
@media (max-width: 768px) {
body .mige-actualite.wide .content {
padding: 20px;
}
}
body .mige-actualite .image {
height: 210px;
overflow: hidden;
border-radius: 5px 5px 0 0;
background: #C69555;
position: relative;
}
body .mige-actualite .image img {
object-fit: cover;
height: 100%;
width: 100%;
transition: 0.3s ease;
}
body .mige-actualite .content {
display: flex;
padding: 20px;
}
@media (max-width: 768px) {
body .mige-actualite .content {
flex-direction: column;
padding: 10px 20px;
}
}
body .mige-actualite time {
background: #C69555;
color: white;
font-weight: 900;
font-size: 12px;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
flex: 0 0 66px;
width: 66px;
height: 66px;
margin-right: 15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
line-height: 1;
}
body .mige-actualite time span:first-child {
font-size: 26px;
font-weight: bold;
display: block;
}
@media (max-width: 768px) {
body .mige-actualite time {
flex: 0 0 46px;
width: 46px;
height: 46px;
font-size: 9px;
}
body .mige-actualite time span:first-child {
font-size: 15px;
}
}
body .mige-actualite .right {
flex: 1;
margin-top: 20px;
}
@media (max-width: 768px) {
body .mige-actualite .right {
margin-top: 10px;
}
}
body .mige-actualite h2 {
font-size: 20px;
font-weight: 600;
margin: 0 0 15px;
line-height: 1em;
}
@media (max-width: 600px) {
body .mige-actualite h2 {
font-size: 18px;
}
}
body .mige-actualite .cta {
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
color: #C69555;
text-transform: uppercase;
text-decoration: underline;
transition: 0.3s ease;
}
div.next-button {
position: absolute;
right: 0;
top: 125px;
z-index: 2;
cursor: pointer;
transition: 0.3s ease-out;
background: #24427B;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
div.next-button:hover {
transform: scale(0.95);
}
@media (max-width: 980px) {
div.next-button {
left: 60vw;
top: 25px;
}
}
.mige-slider-portraits .swiper-wrapper {
width: 100%;
}
.mige-slider-portraits .swiper-slide {
width: 400px;
height: 400px;
margin-right: 15px;
display: flex;
align-items: flex-end;
padding: 35px;
position: relative;
}
@media (max-width: 980px) {
.mige-slider-portraits .swiper-slide {
width: 80vw;
height: 300px;
}
}
.mige-slider-portraits .swiper-slide:before {
content: "";
background: rgba(30, 30, 30, 0.3);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.mige-slider-portraits .content {
color: white;
z-index: 2;
position: relative;
}
.mige-slider-portraits h4 {
font-weight: bold;
font-size: 40px;
line-height: 1;
margin: 0 0 10px;
}
@media (max-width: 980px) {
.mige-slider-portraits h4 {
font-size: 45px;
}
}
.mige-slider-portraits p {
font-size: 18px;
}
.mige-slider-portraits img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
div.slider-dates {
position: relative;
}
div.slider-dates:before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
height: 1px;
width: 100vw;
background-color: var(--e-global-color-primary);
z-index: 0;
}
@media (max-width: 980px) {
div.slider-dates:before {
left: -20px;
transform: inherit;
}
}
div.slider-dates div.swiper-wrapper {
width: 100%;
}
div.slider-dates div.swiper-wrapper .mige-read-more-wrapper {
max-height: 175px;
overflow: hidden;
}
div.slider-dates div.swiper-wrapper div.date {
position: relative;
padding-top: 25px;
overflow: visible;
font-size: 18px;
color: #24427B;
}
@media (max-width: 650px) {
div.slider-dates div.swiper-wrapper div.date {
width: 70vw;
}
}
div.slider-dates div.swiper-wrapper div.date h3, div.slider-dates div.swiper-wrapper div.date span, div.slider-dates div.swiper-wrapper div.date button, div.slider-dates div.swiper-wrapper div.date p {
opacity: 0.33;
}
div.slider-dates div.swiper-wrapper div.date.swiper-slide-active h3, div.slider-dates div.swiper-wrapper div.date.swiper-slide-active span, div.slider-dates div.swiper-wrapper div.date.swiper-slide-active button, div.slider-dates div.swiper-wrapper div.date.swiper-slide-active p {
opacity: 1;
}
div.slider-dates div.swiper-wrapper div.date.swiper-slide-active:before {
animation: ping 2s infinite;
}
div.slider-dates div.swiper-wrapper div.date:before {
content: "";
position: absolute;
background-color: var(--e-global-color-primary);
border-radius: 50%;
width: 10px;
height: 10px;
top: -4px;
left: 0;
z-index: 1;
}
div.slider-dates div.swiper-wrapper div.date:after {
content: "";
position: absolute;
background-color: var(--e-global-color-primary);
border-radius: 50%;
width: 10px;
height: 10px;
top: -4px;
left: 0;
z-index: 1;
}
div.slider-dates div.swiper-wrapper div.date .mige-read-more-wrapper {
font-size: 15px;
}
div.slider-dates div.swiper-wrapper div.date .mige-read-more {
color: #24427B;
padding: 0;
border: 0;
background: none;
}
div.slider-dates div.swiper-wrapper div.date span {
display: block;
font-size: 80px;
font-weight: 800;
color: #24427B;
margin-top: 20px;
line-height: 1em;
}
div.slider-dates div.swiper-wrapper div.date h3 {
font-size: 18px;
font-weight: 500;
color: #24427B;
}
.mige-adhesion-form h3 {
font-size: 25px;
font-weight: 600;
color: #C69555;
text-align: center;
margin: 1.5em 0 20px;
padding: 0 5px;
}
.mige-adhesion-form p {
font-size: 14px;
color: #899aba;
}
.mige-adhesion-form a {
text-decoration: underline;
}
.mige-adhesion-form .wpcf7-list-item:first-child {
margin-left: 0;
}
.mige-adhesion-form .wpcf7-radio {
color: white;
margin-bottom: 15px;
display: block;
}
.mige-adhesion-form .wpcf7-radio .wpcf7-list-item {
display: inline-flex;
}
.mige-adhesion-form .wpcf7-radio input {
margin-right: 10px;
height: 20px;
width: 20px;
}
.mige-adhesion-form input[type=text], .mige-adhesion-form input[type=tel], .mige-adhesion-form input[type=url], .mige-adhesion-form textarea, .mige-adhesion-form input[type=email], .mige-adhesion-form input[type=number] {
padding: 25px 20px 13px 16px;
border-radius: 5px;
color: #24427B;
}
.mige-adhesion-form input[type=submit] {
border: 0;
padding: 22px 30px 20px;
font-weight: bold;
}
.mige-adhesion-form .wpcf7-acceptance {
color: #899aba;
margin-bottom: 10px;
display: block;
}
.mige-adhesion-form .wpcf7-acceptance label {
font-size: 14px;
position: inherit;
top: inherit;
left: inherit;
line-height: 1.25em;
}
.mige-adhesion-form .wpcf7-quizz-wrapper label {
position: relative;
top: inherit;
left: inherit;
font-size: inherit;
}
.mige-adhesion-form .wpcf7-quizz-wrapper .wpcf7-quiz-label {
z-index: 1;
left: 20px;
top: 10px;
font-size: 13px;
position: absolute;
}
.mige-adhesion-form .mige-select {
position: relative;
}
.mige-adhesion-form .mige-select:after {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICAgdmlld0JveD0iMCAwIDM4NCA1MTIiPjwhLS0hIEZvbnQgQXdlc29tZSBQcm8gNi4xLjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjIgRm9udGljb25zLCBJbmMuIC0tPgogICAgPHBhdGggZmlsbD0iIzI0NDI3QiIgZD0iTTM2MC41IDIxNy41bC0xNTIgMTQzLjFDMjAzLjkgMzY1LjggMTk3LjkgMzY4IDE5MiAzNjhzLTExLjg4LTIuMTg4LTE2LjUtNi41NjJMMjMuNSAyMTcuNUMxMy44NyAyMDguMyAxMy40NyAxOTMuMSAyMi41NiAxODMuNUMzMS42OSAxNzMuOCA0Ni45NCAxNzMuNSA1Ni41IDE4Mi42TDE5MiAzMTAuOWwxMzUuNS0xMjguNGM5LjU2Mi05LjA5NCAyNC43NS04Ljc1IDMzLjk0IC45Mzc1QzM3MC41IDE5My4xIDM3MC4xIDIwOC4zIDM2MC41IDIxNy41eiIvPgo8L3N2Zz4=");
height: 20px;
width: 15px;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.mige-adhesion-form select {
padding: 15px;
font-size: 15px;
border-radius: 5px;
min-height: 64px;
color: #24427B;
font-weight: bold;
appearance: none;
}
.mige-adhesion-form .full {
position: relative;
flex: 100%;
padding: 0 5px;
margin-bottom: 10px;
}
.mige-adhesion-form .half {
position: relative;
flex: 50%;
padding: 0 5px;
margin-bottom: 10px;
}
.mige-adhesion-form div[data-class=wpcf7cf_group] {
flex: 100%;
display: flex;
flex-wrap: wrap;
}
.mige-adhesion-form label {
position: absolute;
z-index: 1;
left: 20px;
top: 10px;
font-size: 13px;
}
.mige-adhesion-form .top {
max-width: 540px;
margin: 0 auto 50px;
}
@media (max-width: 768px) {
.mige-adhesion-form .top {
margin: 0 0 25px;
}
.mige-adhesion-form .top h3 {
text-align: left;
}
}
.mige-adhesion-form .bottom {
display: flex;
justify-content: space-between;
}
.mige-adhesion-form .bottom h3 {
flex: 100%;
text-align: left;
}
.mige-adhesion-form .bottom select {
padding: 25px 20px 13px 12px;
}
@media (max-width: 768px) {
.mige-adhesion-form .bottom {
flex-direction: column;
}
}
.mige-adhesion-form .left, .mige-adhesion-form .right {
flex: 0 0 45%;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
.mige-form input[type=text], .mige-form textarea.elementor-field, .mige-form input[type=email], .mige-form input[type=tel] {
padding: 25px 20px 20px 20px;
}
.mige-form label.elementor-field-label {
z-index: 1;
position: absolute;
top: 10px;
left: 25px;
}
.mige-form .elementor-field-type-acceptance label {
font-size: 12px !important;
color: grey;
}
.mige-form h3 {
font-size: 25px;
font-weight: 600;
color: #C69555;
text-align: center;
margin: 1.5em 0 15px;
}
.mige-form .e-form__indicators__indicator__number {
border: none;
}
.mige-form .e-form__indicators__indicator__separator {
background: #C69555;
}
.mige-form .e-form__indicators__indicator__number {
color: white;
}
.mige-form .e-form__indicators__indicator--state-active .e-form__indicators__indicator__label {
color: white;
}
.mige-form .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number {
color: #C69555;
}
.mige-icon-box h2 {
margin-top: 0;
}
.mige-icon-box .elementor-icon-box-wrapper {
display: flex !important;
text-align: left !important;
align-items: flex-start;
}
.mige-icon-box .elementor-icon-box-icon {
margin-right: var(--icon-box-icon-margin, 15px) !important;
}
body.single-entreprises main hr {
border: none;
height: 1px;
background: #d5d5d5;
margin: 1.25em 0;
}
body.single-entreprises .mige-hero {
min-height: 800px;
background: #24427B url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/bg-shape-hero.jpg) center;
background-size: cover;
display: flex;
align-items: stretch;
padding: 0 0 80px;
}
@media (max-width: 1190px) {
body.single-entreprises .mige-hero {
min-height: inherit;
}
}
@media (max-width: 768px) {
body.single-entreprises .mige-hero {
flex-wrap: wrap-reverse;
padding: 0;
}
}
body.single-entreprises .mige-hero .left {
padding: 0 80px 20px 10vw;
flex: 50%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
@media (max-width: 1190px) {
body.single-entreprises .mige-hero .left {
padding: 0 50px 20px;
}
}
@media (max-width: 768px) {
body.single-entreprises .mige-hero .left {
padding: 50px;
}
}
body.single-entreprises .mige-hero .right {
flex: 50%;
}
body.single-entreprises .mige-hero h1 {
color: white;
font-size: 90px;
font-weight: bold;
margin: 0 0 30px;
line-height: 1em; }
@media (max-width: 1190px) {
body.single-entreprises .mige-hero h1 {
font-size: 60px;
}
}
@media (max-width: 768px) {
body.single-entreprises .mige-hero h1 {
font-size: 40px;
}
}
body.single-entreprises .mige-hero .dirigeant {
color: #C69555;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 15px;
display: flex;
align-items: center;
}
body.single-entreprises .mige-hero .dirigeant svg {
margin-right: 10px;
}
@media (max-width: 768px) {
body.single-entreprises .mige-hero .dirigeant {
font-size: 13px;
}
body.single-entreprises .mige-hero .dirigeant svg {
margin-right: 15px;
}
}
body.single-entreprises .mige-hero .thumbnail {
height: 100%;
}
@media (max-width: 768px) {
body.single-entreprises .mige-hero .thumbnail {
height: 350px;
}
}
body.single-entreprises .mige-hero .thumbnail img {
display: block;
max-height: 720px;
width: 100%;
height: 100%;
object-fit: cover;
}
body.single-entreprises .mige-infos {
padding: 80px 0;
background: #F0F2F6;
}
body.single-entreprises .mige-infos h4 {
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
color: #C69555;
text-transform: uppercase;
margin-bottom: 35px;
}
body.single-entreprises .mige-infos .intro {
font-weight: 600;
font-size: 30px;
}
@media (max-width: 768px) {
body.single-entreprises .mige-infos .intro {
font-size: 25px;
}
}
body.single-entreprises .mige-infos .desc {
margin-top: 20px;
}
@media (max-width: 768px) {
body.single-entreprises .mige-infos .desc {
font-size: 20px;
}
}
body.single-entreprises .mige-infos .mige-wrapper {
display: flex;
justify-content: space-between;
}
@media (max-width: 768px) {
body.single-entreprises .mige-infos .mige-wrapper {
flex-wrap: wrap;
}
}
body.single-entreprises .mige-infos .left {
flex: 0 0 275px;
margin-right: 100px;
}
@media (max-width: 768px) {
body.single-entreprises .mige-infos .left {
flex: 100%;
margin-right: 0;
}
}
body.single-entreprises .mige-infos .right {
flex: 0 1 820px;
font-size: 25px;
font-weight: 300;
line-height: 1.2em;
}
@media (max-width: 768px) {
body.single-entreprises .mige-infos .right {
flex: 100%;
margin-right: 0;
margin-top: 50px;
}
}
body.single-entreprises .mige-infos .logo {
max-height: 100px;
width: auto;
display: block;
margin-bottom: 25px;
}
body.single-entreprises .mige-infos .phone {
color: #C69555;
font-size: 25px;
font-weight: 600;
}
body.single-entreprises .mige-infos .interlocuteur {
margin-top: 1em;
font-size: 15px;
}
body.single-entreprises .mige-infos .interlocuteur span, body.single-entreprises .mige-infos .interlocuteur a {
display: block;
font-weight: bold;
}
body.single-entreprises .mige-infos .website {
color: #C69555;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
}
body.single-entreprises .mige-infos .website i, body.single-entreprises .mige-infos .website svg {
margin-right: 10px;
}
body.single-entreprises .mige-infos .address {
display: flex;
font-weight: bold;
font-size: 15px;
}
body.single-entreprises .mige-infos .address img {
height: 50px;
width: auto;
background: white;
padding: 10px;
border-radius: 12px;
margin-right: 15px;
}
body.single-entreprises .mige-infos .address h5 {
font-size: 15px;
color: #C69555;
font-weight: bold;
margin: 10px 0 0;
}
body.single-entreprises .mige-specs {
display: flex;
justify-content: space-between;
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 768px) {
body.single-entreprises .mige-specs {
flex-wrap: wrap;
}
}
body.single-entreprises .mige-specs .left {
flex: 0 0 275px;
margin-right: 100px;
font-size: 15px;
}
@media (max-width: 768px) {
body.single-entreprises .mige-specs .left {
flex: 100%;
margin-right: 0;
}
}
body.single-entreprises .mige-specs .left p {
margin-bottom: 2em;
}
body.single-entreprises .mige-specs .left h4 {
color: #C69555;
font-weight: bold;
font-size: 16px;
margin: 12px 0;
}
body.single-entreprises .mige-specs .right {
flex: 0 1 820px;
}
@media (max-width: 768px) {
body.single-entreprises .mige-specs .right {
flex: 100%;
}
}
body.single-entreprises .mige-specs .right h3, body.single-entreprises .mige-specs .right h4, body.single-entreprises .mige-specs .right h5, body.single-entreprises .mige-specs .right h6 {
color: #C69555;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
margin-top: 2em;
letter-spacing: 1px;
}
body.single-entreprises .mige-specs .right h1, body.single-entreprises .mige-specs .right h2 {
color: #C69555;
font-size: 20px;
font-weight: 600;
margin-top: 2em;
}
body.single-entreprises .mige-specs .right p {
margin-bottom: 1em;
}
body.single-entreprises .mige-specs .right iframe {
margin-bottom: 1em;
width: 100%;
}
body.single-entreprises .certifications {
display: flex;
flex-wrap: wrap;
}
body.single-entreprises .certifications a {
display: block;
}
body.single-entreprises .certifications img {
margin: 0 20px 20px 0;
height: 42px;
width: auto;
display: block;
}
body.single-entreprises .certifications span {
display: inline-block;
margin: 0 20px 20px 0;
border: 1px solid #d5d5d5;
border-radius: 4px;
padding: 8px 15px 7px;
}
body.single-entreprises .mige-gallery {
background: #F0F2F6;
padding: 80px 0;
}
body.single-entreprises .mige-gallery h2 {
color: #C69555;
font-size: 20px;
font-weight: 600;
margin-bottom: 40px;
}
body.single-entreprises .mige-gallery .gallery {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
}
body.single-entreprises .mige-gallery .gallery a {
border-radius: 12px;
overflow: hidden;
}
body.single-entreprises .mige-gallery .gallery img {
object-fit: cover;
display: block;
height: 340px;
width: 100%;
}
@media (max-width: 980px) {
body.single-entreprises .mige-gallery .gallery {
grid-template-columns: 1fr 1fr;
}
body.single-entreprises .mige-gallery .gallery img {
height: 150px;
}
}
body.single-entreprises .mige-autres-entreprises {
padding: 80px 0;
}
body.single-entreprises .mige-autres-entreprises h2 {
font-size: 20px;
font-weight: 600;
margin-bottom: 40px;
}
body.single-entreprises .mige-swiper-autres-entreprises .swiper-wrapper {
width: 100%;
}
body.single-entreprises .mige-swiper-autres-entreprises .swiper-slide {
width: 20%;
margin-right: 15px;
}
@media (max-width: 1190px) {
body.single-entreprises .mige-swiper-autres-entreprises .swiper-slide {
width: 30%;
}
}
@media (max-width: 980px) {
body.single-entreprises .mige-swiper-autres-entreprises .swiper-slide {
width: 50%;
}
}
@media (max-width: 768px) {
body.single-entreprises .mige-swiper-autres-entreprises .swiper-slide {
width: 80%;
}
}
body.single-entreprises .mige-swiper-autres-entreprises .mige-entreprise {
width: 100%;
}
body.single-entreprises .mige-quote {
background: #C69555 url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/bg-shape-gold-banner.jpg) center;
background-size: cover;
text-align: center;
color: white;
font-size: 25px;
line-height: 1.2em;
font-weight: 300;
position: relative;
}
body.single-entreprises .mige-quote .mige-wrapper {
padding-bottom: 80px;
padding-top: 100px;
max-width: 835px;
}
body.single-entreprises .mige-quote .portrait {
width: 130px;
height: 130px;
border: 8px solid #C69555;
border-radius: 50%;
position: absolute;
left: 50%;
top: -65px;
transform: translateX(-50%);
overflow: hidden;
background: #F0F2F6 url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/user-placeholder.svg) no-repeat center bottom;
background-size: contain;
}
body.single-entreprises .mige-quote .portrait img {
width: 100%;
height: 100%;
object-fit: cover;
}
body.single-entreprises .mige-quote .signature {
font-weight: 700;
font-size: 15px;
letter-spacing: 1px;
margin-top: 30px;
}
body.single-entreprises .mige-quote .signature svg {
margin-bottom: 10px;
}
.mige-partenaires {
position: relative;
padding-top: 68%;    }
.mige-partenaires a {
width: 9.25%;
height: 13.6%;
position: absolute;
}
.mige-partenaires a .inner {
display: flex;
background: white;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
transition: transform 0.4s ease;
box-shadow: 0 15px 30px rgba(73, 73, 154, 0.15);
}
.mige-partenaires a .inner:hover {
transform: scale(1.1);
}
.mige-partenaires a img {
width: 60%;
height: 60%;
object-fit: contain;
display: block;
margin: auto;
}
.mige-partenaires a:nth-child(1) {
top: 10%;
left: 0;
}
.mige-partenaires a:nth-child(2) {
top: 43%;
left: 2%;
}
.mige-partenaires a:nth-child(3) {
top: 83%;
left: 3%;
}
.mige-partenaires a:nth-child(4) {
top: 55%;
left: 13%;
width: 15%;
height: 22.1%;
}
.mige-partenaires a:nth-child(5) {
top: 16%;
left: 18%;
width: 15%;
height: 22.1%;
}
.mige-partenaires a:nth-child(6) {
top: 40%;
left: 31%;
}
.mige-partenaires a:nth-child(7) {
top: 6%;
left: 35%;
}
.mige-partenaires a:nth-child(8) {
top: 28%;
left: 45%;
}
.mige-partenaires a:nth-child(9) {
top: 50%;
left: 50%;
}
.mige-partenaires a:nth-child(10) {
top: 0;
left: 50%;
width: 15%;
height: 22.1%;
}
.mige-partenaires a:nth-child(11) {
top: 28%;
left: 62%;
width: 15%;
height: 22.1%;
}
.mige-partenaires a:nth-child(12) {
top: 10%;
right: 7%;
width: 15%;
height: 22.1%;
}
.mige-partenaires a:nth-child(13) {
top: 48%;
left: 80%;
}
.mige-partenaires a:nth-child(14) {
top: 68%;
left: 80%;
width: 15%;
height: 22.1%;
}
.mige-partenaires a:nth-child(15) {
top: 34%;
right: 0;
}
#mige-login-wrapper {
background: #24427B url(//madein-grandest.fr/wp-content/plugins/lezardscreation/inc/../assets/img/flag.jpg) center;
background-size: cover;
min-height: 1000px;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
#mige-login-wrapper {
min-height: 650px;
background-position: right;
}
}
#mige-login-wrapper .mige-wrapper {
flex: 100%;
}
#mige-login-wrapper .formulaire {
max-width: 530px;
margin: 0 50px 0 auto;
background: rgba(255, 255, 255, 0.15);
border-radius: 13px;
padding: 80px;
color: white;
}
@media (max-width: 768px) {
#mige-login-wrapper .formulaire {
margin: 0;
padding: 40px 20px;
}
}
#mige-login-wrapper .panel-title {
font-size: 40px;
font-weight: 600;
margin-bottom: 50px;
display: block;
}
#mige-login-wrapper .panel-title svg {
display: none;
}
#mige-login-wrapper input[type=submit] {
border: none;
padding: 18px 40px 15px 40px;
letter-spacing: 1px;
font-weight: bold;
margin-top: 20px;
transition: 0.3s ease;
}
#mige-login-wrapper input[type=submit]:hover {
background: #bd7f2f;
}
#mige-login-wrapper .checkbox {
font-size: 15px;
display: inline-block;
margin-top: 10px;
}
#mige-login-wrapper .cuar-form-links a {
margin-top: 15px;
font-size: 12px;
display: inline-block;
}
#mige-login-wrapper .input-group {
display: flex;
align-items: center;
margin-bottom: 5px;
}
#mige-login-wrapper .input-group svg {
margin-right: 15px;
}
#mige-login-wrapper .alert {
background: #24427B;
border-radius: 5px;
padding: 8px 15px;
display: inline-block;
margin-bottom: 2em;
}
body.page-id-3948 .mige-head {
margin-bottom: 0;
}
body.page-id-3948 #message {
background: #24427B;
color: white;
border-radius: 5px;
padding: 8px 15px;
display: inline-block;
margin: 2em 0;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
body.page-id-3948 #message.updated {
background: #ddf2d3;
color: darkgreen;
}
body.page-id-3948 .media-menu-item {
color: inherit;
}
body.page-id-3948 .media-toolbar-secondary {
display: none;
}
#acf-form {
margin-bottom: 80px;
}
#acf-form button {
padding: inherit;
}
#acf-form .acf-icon {
line-height: 1.3em;
}
#acf-form .wp-editor-tabs {
display: none;
}
#acf-form .acf-button {
color: white;
background: #C69555;
padding: 17px 30px 15px;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
display: inline-block;
}
#acf-form .acf-button:hover {
background: #bd7f2f;
}
#acf-form .description {
color: #516895;
font-size: 13px;
margin: 10px 0;
}
#acf-form .acf-fields {
position: relative;
padding-top: 30px !important;
}
#acf-form .acf-fields:after {
content: "";
background: #F9F9F9;
position: absolute;
top: 0;
width: 100%;
height: 100%;
right: 100%;
}
#acf-form .acf-field--post-content {
padding-top: 25px;
}
#acf-form input[type=submit] {
margin-top: 25px;
}
#acf-form .acf-form-submit {
clear: both;
}
#acf-form input[type=text], #acf-form input[type=email], #acf-form input[type=url], #acf-form textarea {
padding: 10px 15px;
border-radius: 0;
border-color: #d5d5d5;
}
#acf-form input[type=text]:focus, #acf-form input[type=email]:focus, #acf-form input[type=url]:focus, #acf-form textarea:focus {
box-shadow: 0 0 0 2px white, 0 0 0 5px rgba(38, 113, 255, 0.5);
outline: none;
}
#acf-form .acf-input-wrap {
overflow: visible;
}
.acf-media-modal button {
padding: inherit;
}
header.page-header, .mige-head {
background: #24427B;
color: white;
margin-bottom: 80px;
padding: 20vh 0 50px;
position: relative;
}
header.page-header:before, .mige-head:before {
content: "";
background: #24427B;
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 100%;
transform: translateX(-50%);
z-index: -1;
}
header.page-header h1, .mige-head h1 {
font-size: 80px;
font-weight: bold;
}
header.page-header h2, .mige-head h2 {
display: inline-flex;
align-items: center;
}
header.page-header h2 svg, .mige-head h2 svg {
font-size: 20px;
margin-left: 10px;
}
header.page-header a, .mige-head a {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 15px;
transition: 0.3s ease;
}
header.page-header a svg, .mige-head a svg {
margin-right: 10px;
}
@media (max-width: 980px) {
header.page-header h1, .mige-head h1 {
font-size: 40px;
}
}
@media (max-width: 768px) {
header.page-header, .mige-head {
padding: 20vh 0 20px;
margin-bottom: 20px;
}
}
body.customer-area main#content {
max-width: 1520px;
margin: 0 auto 80px;
padding: 0 80px;
}
@media (max-width: 768px) {
body.customer-area main#content {
padding: 0 20px;
}
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
border-color: #C69555 !important;
}
.fancybox__container button {
padding: inherit;
background: inherit;
color: inherit;
border-radius: inherit;
}
#mige-feed-instagram {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1px;
}
#mige-feed-instagram img {
display: block;
aspect-ratio: 1;
object-fit: cover;
}
[data-aos] {
transition: cubic-bezier(0.25, 0.1, 0.25, 1);
}
[data-aos=glisser] {
opacity: 0;
}
[data-aos=glisser].aos-animate {
animation-name: glisser;
animation-duration: 2s;
}
@keyframes glisser {
0% {
transform: translate(20px, -50%);
opacity: 0;
}
50% {
transform: translate(0, -50%);
opacity: 1;
}
100% {
transform: translate(-20px, -50%);
opacity: 0;
}
}
@keyframes ping {
75%, to {
transform: scale(5);
opacity: 0;
}
}
@keyframes float {
0% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -15px, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
[data-aos=clip-to-right] {
clip-path: inset(0 100% 0 0);
display: inline-block;
transition: clip-path cubic-bezier(0.25, 0.1, 0.25, 1);
}
[data-aos=clip-to-right].aos-animate {
clip-path: inset(0 0 0 0);
}
[data-aos=clip-to-left] {
clip-path: inset(0 0 0 100%);
display: inline-block;
transition: clip-path cubic-bezier(0.25, 0.1, 0.25, 1);
}
[data-aos=clip-to-left].aos-animate {
clip-path: inset(0 0 0 0);
}
[data-aos=clip-to-top] {
clip-path: inset(100% 0 0 0);
display: inline-block;
transition: clip-path cubic-bezier(0.25, 0.1, 0.25, 1);
}
[data-aos=clip-to-top].aos-animate {
clip-path: inset(0 0 0 0);
}
[data-aos=clip-to-bottom] {
clip-path: inset(0 0 100% 0);
display: inline-block;
transition: clip-path cubic-bezier(0.25, 0.1, 0.25, 1);
}
[data-aos=clip-to-bottom].aos-animate {
clip-path: inset(0 0 0 0);
}
html:not(.no-js) body [data-aos=float] {
animation: float 6s ease-in-out infinite;
}
html:not(.no-js) body [data-aos=float]:nth-child(0) {
animation-delay: 1891ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(1) {
animation-delay: 2975ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(2) {
animation-delay: 2081ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(3) {
animation-delay: 2871ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(4) {
animation-delay: 2073ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(5) {
animation-delay: 1936ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(6) {
animation-delay: 2552ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(7) {
animation-delay: 31ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(8) {
animation-delay: 2104ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(9) {
animation-delay: 1895ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(10) {
animation-delay: 955ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(11) {
animation-delay: 1741ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(12) {
animation-delay: 544ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(13) {
animation-delay: 1466ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(14) {
animation-delay: 1131ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(15) {
animation-delay: 1163ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(16) {
animation-delay: 2950ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(17) {
animation-delay: 2877ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(18) {
animation-delay: 2639ms;
}
html:not(.no-js) body [data-aos=float]:nth-child(19) {
animation-delay: 1228ms;
}
html:not(.no-js) body [data-aos=fade-up] {
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
}
html:not(.no-js) body [data-aos=fade-down] {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
html:not(.no-js) body [data-aos=fade-left] {
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0);
}
html:not(.no-js) body [data-aos=fade-right] {
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0);
}
@media screen and (max-width: 980px) {
[data-aos-delay]:not(.mobile-delay) {
transition-delay: 0s !important;
}
}
.mce-floatpanel #mceu_282 {
display: none;
}
.mce-toolbar button, .mce-toolbar button:hover {
background-color: transparent;
}
.mce-toolbar button:hover {
color: inherit;
}