/*
    Theme Name:Lotus Marketing
    Theme URI:https://lotusmarketing.ca
    Text Domain: lotus
    Description:Sur mesure
    Version:1.0
    Author:Lotus Marketing
    Author URI:https://lotusmarketing.ca
*/

/* Wordpress */
.wp-block-columns { margin:5em 0; gap: 5em; }
.wp-block-columns .wp-block-columns { margin:0; gap: 2em; }
.wp-block-columns .wp-block-column h2:first-of-type { margin-top:0; }
.wp-block-group { margin:5em 0; }
.wp-block-media-text { margin:5em 0; }
.wp-block-buttons { margin: 2em 0; }
.is-vertically-aligned-top h2 { margin-top:.25em; }
.wp-block-cover { margin:5em 0; padding:4em;  min-height:300px;  }
.wp-block-cover h2 { margin:0; }
.wp-block-cover .wp-block-cover__background { border-radius: 1em; }
.wp-block-cover .wp-block-cover__inner-container { color:white; }
.wp-block-details { background:var(--bg); padding: 2em 1em; color:white; border-bottom: 1px solid #eee;  }
.wp-block-details summary { list-style: none; position: relative; padding-right: 2em; font-size:1.25em; font-weight: 100; transition:0.5s; }
.wp-block-details summary:hover { color:var(--secondary); }
.wp-block-details p { max-width: 800px; margin-top:1em; }
.wp-block-details summary::before { content: "\2b"; font-size:2em; position: absolute; right: 0; top: 0.2em; transform: translateY(-50%); color:var(--secondary); }
.wp-block-details[open] summary::before { content: "\2212"; }
.wp-block-embed iframe { width: 100%; height:auto; border-radius: 1em; aspect-ratio: 16/9; }
.wp-block-quote { background:var(--bg); color:white; color:white; padding:3em 10%; border-radius: 1em; text-align: center; font-family: "Space Grotesk", Archivo; font-size:1.35em; margin:5em 0; }
.wp-block-quote::before { font-family: "Font Awesome 7 Free"; content:"\f10d"; font-weight: 900; font-size:2em; }
.wp-block-quote .wp-block-media-text { width: 50%; font-size:0.8em; text-align:left; margin:5em auto 0 auto; }
.is-layout-grid { display:flex !IMPORTANT; flex-wrap: wrap; justify-content: space-between; margin:5em 0;  }
.is-layout-grid > div { background:white; box-shadow: 0 5px 30px 0 rgba(214, 215, 216, .57); border-radius: 1em; width: 45%; margin:2.5%; display:flex; padding:2em; box-sizing: border-box; transition:0.5s !IMPORTANT; }
.is-layout-grid > div a { color:var(--text); }
.is-layout-grid > div a:hover { color:var(--text) !IMPORTANT; }
.is-layout-grid > .wp-block-media-text figure img { width:85px; }
.is-layout-grid > div .wp-block-media-text__content { line-height: 150%; align-self: flex-start !IMPORTANT; }
.is-layout-grid > div .wp-block-media-text__content h3 { margin-top:0; }
.is-layout-grid > div .wp-block-buttons { font-size:0.75em; margin:2em 0 0 0; }
.is-layout-grid > div:hover { background:var(--primary); color:white; transform: scale(1.1) !IMPORTANT; }
.is-layout-grid > div:hover img { filter: invert(1); }
.is-layout-grid > div:hover a { color:white; }
.is-layout-grid > div:hover .wp-block-buttons .wp-block-button a { background:var(--secondary); color:var(--text) !IMPORTANT; }
:where(.is-layout-grid) { gap:0; }
figure { position: relative; }
figure figcaption { padding:2em; border-radius:3em; font-size:1.25em; font-family: "Space Grotesk", sans-serif; position:absolute; background: white; color:var(--bg); box-shadow: 0 0 25px rgba(255,255,255,1); bottom:50px; left:-50px;  }

/* Pour Les option de wordpress que nous avons ajouter en plus (functions.php)*/
.is-style-fullbleed, .is-style-fullbleedwhite { color:white;  background-color: var(--bg); position: relative; box-shadow: 0 0 0 100vmax var(--bg); clip-path: inset(0 -100vmax); padding:5em 0; } 
.is-style-fullbleedwhite { background-color: white; box-shadow: 0 0 0 100vmax white; color:var(--bg); } 
.is-style-imagebleed { position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; background: var(--bg); color:white; }
.is-style-fullbleed, .is-style-imagebleed, .is-style-fullbleedwhite { margin-top:0; margin-bottom:0; }
.is-style-fullbleed.has-background  { background: white; box-shadow: 0 0 0 100vmax white; color:var(--bg); }
.is-style-fullbleed h2:first-of-type { margin:1em 0; }

.is-style-customblocks > div { background:rgba(255,255,255,.45); padding: 1.5em; margin-bottom:2em; border-radius: 1em; box-shadow:0 0 10px rgba(0,0,0,.05); }
.is-style-customblocks > div h3:first-of-type { margin-top:0; }
.is-style-customblocks > div img { border-radius:0; }

/* MICROSOFT DYNAMICS */
form.marketingForm { font-size: 1.25em; margin-top:-2em; }
/* form .textFormFieldBlock { padding:10px 0 !IMPORTANT; } */
form .textFormFieldBlock, form .phoneFormFieldBlock { padding-top: 2em !IMPORTANT; width: auto !IMPORTANT; }
form .textFormFieldBlock input, form .phoneFormFieldBlock input, form .textFormFieldBlock textarea { border-radius: 10px !IMPORTANT; font-family: inherit !IMPORTANT; font-size:1.1em !IMPORTANT; box-shadow: inset 0px 2px 3px 3px #f6f6f6; background: #fff !IMPORTANT;  padding: 1em 1em ! IMPORTANT; transition:0.5s !IMPORTANT; }
form .textFormFieldBlock label, form .textFormFieldBlock label div, form .phoneFormFieldBlock label, form .textFormFieldBlock label { color: var(--text) !IMPORTANT; }
form .textFormFieldBlock input:focus, form .phoneFormFieldBlock input:focus { border: 1px solid var(--text) !IMPORTANT; outline: none; }
form input[type="checkbox"] { accent-color: var(--text) !IMPORTANT; }
.onFormSubmittedFeedback { width: auto !IMPORTANT; height: auto !IMPORTANT; overflow:hidden !IMPORTANT; }
form.marketingForm .submitButton { background-color:var(--primary) !IMPORTANT; color:white !IMPORTANT; transition:0.3s; border-radius: 2em; font-family: "Space Grotesk", sans-serif; font-weight: 400; font-size:1.5em;  padding: .75em 1.5em ! IMPORTANT; }
form.marketingForm .submitButton:hover { background-color:var(--secondary) !IMPORTANT; color:var(--text) !IMPORTANT; }

footer form .textFormFieldBlock input { margin-left:-10px; margin-top:1em; }

/* COLORS */
:root {
    --primary: #FF8E06; 
    --secondary: #B4F03C;
    --bg: #4e5456;
    --bg-light: #f4f7f8;
    --text: #333333; 
    --banner: #FF8E06;
}

body.colorset-it {
    --primary: #FF8E06; 
    --secondary: #b7f233; 
    --bg: #003a36;
    --bg-light: #f4f7f8;
    --text: #003a36; 
    --banner: #003a36; 
}

body.colorset-ai {
    --primary: #FF8E06; 
    --secondary: #ef6bdc; 
    --bg: #293c65;
    --bg-light: #f4f7f8;
    --text: #293c65; 
    --banner: #293c65; 
}

/* BASIC */
html { scroll-behavior: smooth; }
html, body { margin:0; font-family: "Archivo", sans-serif; font-weight: 300; color: var(--text); }
body { font-size:1.2em; background:var(--bg-light); }
main { overflow-x:hidden; }
main p { line-height: 150%; }
main img { border-radius: 1em; }
main ol li { margin:1em 0; }
main ul { list-style: none; }
main ul li { margin:1em 0; position: relative; padding-left: 30px; }
main ul li::before { content: ""; position: absolute; left: 0; top: 10px; width: 20px; height: 20px; transform: translateY(-50%); background: url("images/li.png") no-repeat center center; background-size: contain; }
img { max-width: 100%; width: auto; height:auto; }
strong, .strong { font-weight: 600; }
.center { text-align:center; }
.button, .wp-block-button__link { background:var(--primary); padding:.75em 1.5em !IMPORTANT; border-radius: 2em; color:white !IMPORTANT; display:inline-block; font-family: "Space Grotesk", sans-serif; font-weight:400; }
.button:hover, .wp-block-button__link:hover { background: var(--secondary) !IMPORTANT; color:var(--bg) !IMPORTANT; }
.button.language {padding:.75em !IMPORTANT; text-transform: uppercase; }
::selection { background: var(--primary); color: white; }

a { color:var(--primary); text-decoration: none; transition:0.3s;  }

h1 { font-family: "Space Grotesk", sans-serif; font-weight: 300; font-size:3.5em; }
h2 { font-family: "Space Grotesk", sans-serif; font-weight: 300; font-size:3em; margin-top:2em; position:relative; }
h3 { font-family: "Space Grotesk", sans-serif; font-weight: 300; font-size:1.5em; margin-top:1em;}
h4 { font-family: "Space Grotesk", sans-serif; font-weight: 300; font-size:1em; }
h4 + h2 { margin-top:-.5em; padding-bottom:.5em; }
h4:has(+ h2) { margin-top: 5em; }
h4 + h2::before { background: #000; bottom: 0; content: ""; height: 2px; left: 50%; margin-left: -25px;position: absolute; width: 40px; }
h4 + h2::after { background: #000; bottom: 0; content: ""; height: 2px;left: 50%; margin-left: 20px; position: absolute; width: 5px; }
h6 { margin:0; font-size:0.85em; font-weight: 300; }
.wrapper { max-width: 1400px; margin:0 auto; padding: 0 15px; position:relative;  }
.wrapper.fof { padding: 5em 0;  }


/* NAV */
nav .topmenu { background:var(--bg); color:white; padding:0.5em 1em; display:flex; justify-content: space-between; align-items: center; font-size:0.75em;  }
nav .topmenu a { margin:0 .5em; color:white; display:inline-block; }
nav .topmenu .medias a i { font-size:1.25em; transition:0.3s; }
nav .topmenu .medias a:hover i { color:var(--primary); transform:scale(1.1); }

nav .mainmenu { padding: 0.5em 1em; display:flex; justify-content: space-between; align-items: center; background:white;  font-family: "Space Grotesk", sans-serif; }
nav .mainmenu .logo { width: 200px; display:inline-block; }
nav .mainmenu a { padding:0.5em; display:inline-block; color:var(--text); transition:0.5s; }
nav .mainmenu a.button { background: var(--bg); }
nav .mainmenu a:hover, nav .mainmenu .current_page_item a { color:var(--primary); }
nav .mainmenu ul { list-style-type: none; padding:0; }
nav .mainmenu ul.menu > li { display:inline-block; margin:0 .5em; }
nav .mainmenu ul.menu > li a { display:block; border-radius: 1em;;}
nav .mainmenu ul.menu > li.menu-item-has-children > a::after { content:'\e313'; font-family: 'Material Icons'; font-size:1.5em; display: inline-block; vertical-align: middle; }
nav .mainmenu ul.menu > li.menu-item-has-children > a{ cursor: default;}
nav .mainmenu ul.menu > li.menu-item-has-children:hover ul.sub-menu { visibility: visible; opacity: 1; transform: scaleY(1); transform-origin: top; }
nav .mainmenu ul.menu ul.sub-menu { visibility: hidden; opacity: 0; transform: scaleY(.85); position:absolute; z-index:1000; background:white;  box-shadow: 1px 2px 3px rgba(0, 0, 0, .2);  border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; transition:0.3s; }
nav .mainmenu ul.menu ul.sub-menu li a { padding:1em; font-size:0.85em; }

nav .hamburger { display:none; width: 60px; cursor:pointer; margin-left:1em; }
nav .hamburger:hover div { background:var(--primary); transform: scale(1.2); }
nav .hamburger div { height:2px; background: var(--bg); margin:10px 0 10px 0; }
nav .hamburger div:nth-child(1) { transition:.3s; }
nav .hamburger div:nth-child(2) { transition:.6s; }
nav .hamburger div:nth-child(3) { transition:.9s; }

nav .sidebar { background: var(--bg); width: 96%; padding: 2%; position:fixed; z-index: 9999; right:-103%; top:0; bottom:0; overflow-y: scroll; transition:1s; transition-timing-function: cubic-bezier(.27,1.05,.73,1); font-family: "Space Grotesk", sans-serif; }
nav .sidebar .logo { width: 250px; }
nav .sidebar a { color:white; font-weight: 500; }
nav .sidebar a:hover, nav .sidebar .current_page_item a { color:var(--primary); }
nav .sidebar ul { list-style-type: none; padding:0; }
nav .sidebar > div > ul { margin: 1em; }
nav .sidebar ul li { padding: 0.5em 0; }
nav .sidebar ul li.menu-item-has-children { margin-top: 2em; }
nav .sidebar ul li.menu-item-has-children > a { cursor:default; }
nav .sidebar ul ul { padding-left: 20px; }
nav .sidebar ul ul li a { font-size:0.9em; line-height: 1.25em; display: inline-block; text-transform: initial; font-weight: 300; }
nav .sidebar.show { right:0; transition:1s; transition-timing-function: cubic-bezier(.27,1.05,.73,1); }
nav .sidebar .close { position:absolute; cursor:pointer; right: 20px; top:20px; width: 50px; height: 50px; }
nav .sidebar .close div { background: var(--primary); width: 40px; height: 2px; margin: 12px 0; border-radius:1px;  transition:.5s; position:absolute; }
nav .sidebar .close:hover div:nth-of-type(1) { transform: rotate(120deg); }
/* nav .sidebar .close:hover div:nth-of-type(2) { transform: rotate(-45deg); } */
nav .sidebar .close div:nth-of-type(1) { transform: rotate(-45deg); transition:1s; }
nav .sidebar .close div:nth-of-type(2) { transform: rotate(45deg);  transition:.3s; }
nav .sidebar li.menu-item-has-children, .sidebar > div > ul > li { border-bottom:0; }
nav .sidebar ul li { border-bottom: 1px solid rgba(255,255,255,.1); }
nav .sidebar .medias { text-align: right; font-size: 1.25em; margin-top: 2em; }

/* BANNER */
.banner { display: flex; }
.banner div { border-radius: 1em; }
.banner .left { width:55%; background: var(--banner); padding:10em 4em 1em 4em; margin:1em 1em 1em 2em; color:white; font-size:0.8em; /*clip-path: inset(0 round 20px);*//* clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%); *//* clip-path: url(#myClipPath);   */ }
.banner .right { width: 45%; background: var(--bg); margin:1em 2em 1em 0em; overflow:hidden; position:relative; font-size:0.8em; }
.banner .right .image { position:absolute; top:0; right:0; bottom:0; left:0; background-position: center; background-size: cover; animation: zoomBg 5s ease-out forwards; }
.banner .right .formobile { display:none; }
@keyframes zoomBg { from { transform: scale(1); } to { transform: scale(1.1); } }


/* ACCUEIL */ 
.t-accueil .homebanners { }
.t-accueil .homebanners .sprev { color:white;position:absolute; left:.5em; top:40vh; font-size:3em; z-index:100; cursor:pointer; opacity:0.25; }
.t-accueil .homebanners .sprev:hover { opacity:1; transform: scale(1.1); }
.t-accueil .homebanners .snext { color:white;position:absolute; right:.5em; top:40vh; font-size:3em; z-index:100; cursor:pointer; opacity:0.25; }
.t-accueil .homebanners .snext:hover { opacity:1; transform: scale(1.1); }
.t-accueil .homebanners .homebanner { height: 800px;  height: 90vh; background-size: cover; background-position:center;  display: flex; justify-content: center; align-items: center; }
.t-accueil .homebanners .homebanner::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5); z-index:-1; }
.t-accueil .homebanners .homebanner .texte { color:white; font-size:1.6em; text-align: center; padding:0 2em; }
.t-accueil .homebanners .homebanner .texte a { margin:1em; }
.t-accueil .homebanners .homebanner .button { border:2px solid white; background:transparent !IMPORTANT; font-size:0.8em;}
.t-accueil .homebanners .homebanner .button:hover { background:var(--secondary) !IMPORTANT; border-color: var(--secondary);  }

.t-accueil .homebanners .play { background:white; border-radius: 50%; display:inline-block; width:2em; height:2em; position:relative; vertical-align: middle; margin-left:1em; color:var(--text); }
.t-accueil .homebanners .play:hover { background: var(--secondary); color:white;  }
.t-accueil .homebanners .play::before { animation: 1.5s ease-out infinite pulse-border; content: ''; background: white; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:50%; z-index:-1; }
.t-accueil .homebanners .play i { position:absolute; left:23%; top:25%; }
@keyframes pulse-border { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }

.t-accueil .partenaires { margin:5em; text-align:center; }
.t-accueil .partenaires img { max-width: 150px; margin:0 5em; border-radius: 0;}

.t-accueil .blogs { padding-bottom:5em; display:flex; flex-wrap: wrap; }
.t-accueil .blogs .blog { width: 28.3%; margin:2em 2.5%; background:white; border-radius: 1em; transition:.5s; position:relative; }
.t-accueil .blogs .blog .image { aspect-ratio: 4/3; display:block; border-top-left-radius: 1em; border-top-right-radius: 1em; background-position: center; background-size: cover; }
.t-accueil .blogs .blog:hover { transform: scale(1.05); box-shadow: 0 0 30px rgba(0,0,0,.15); }
.t-accueil .blogs .blog h3 { font-size:1.1em; margin:1em 1em 2.5em 1em; }
.t-accueil .blogs .blog a.button { font-size:.65em; position:absolute; bottom:1em; right:1em; }


/* APROPOS */
.t-apropos main .boites { margin-bottom: 5em; }
.t-apropos main .boites .ligne { display:flex; }
.t-apropos main .boites .ligne .col { background: var(--primary); border-radius: 1em; margin:1%; box-sizing: border-box;}
.t-apropos main .boites .ligne .col.texte { width: 60%; font-size:.85em; padding:2em; line-height: 300%; color:white; }
.t-apropos main .boites .ligne .col.texte div { font-size:2em;  font-family: "Space Grotesk", sans-serif;}
.t-apropos main .boites .ligne .col.image { width: 40%; aspect-ratio: 4/3; background-position: 50% 50%; background-size: cover; }
.t-apropos main .boites .ligne:nth-child(even) { flex-direction: row-reverse; }
.t-apropos main .boites .ligne:nth-child(even) .col { background-color: var(--secondary); color:#000; }
.t-apropos main .wp-block-media-text.signature figure { padding-right:1em; border-right:1px solid var(--bg); text-align:center; }

/* EQUIPE */
.t-equipe .whitebg { background:white; padding-bottom:5em; }
.t-equipe main .titre { text-align: center; padding:1em 0; }
.t-equipe main .employes { display:flex; flex-wrap:wrap;  }
.t-equipe main .employes .employe { width: 30%; margin:2% 1.6%; text-align: center; }
.t-equipe main .employes .employe .image { aspect-ratio: 8/9; background-position: center; background-size: 100%; border-radius: 1em; margin-bottom:1em; transition:1.5s; }
.t-equipe main .employes .employe .image:hover { background-size:120%; }
.t-equipe main .employes .employe .poste { font-size:0.8em; margin-top:.5em; }

/* PROJETS */
.t-projets main .intro { padding: 3em 6em; font-size: 1.15em; }
.t-projets main .projets { display:flex; flex-wrap: wrap; margin-bottom:5em; }
.t-projets main .projets .projet { width:31%; margin: 1.1%; aspect-ratio: 16/9; background-position: center; background-size: 100%; border-radius: 1em; transition:1s; position:relative; }
.t-projets main .projets .projet:hover .infos { opacity: 1; visibility: visible; bottom:1em; }
.t-projets main .projets .projet:hover { background-size:110%; }
.t-projets main .projets .projet .infos { background:white; display:flex; opacity:0; visibility: hidden; margin:1em; transition:0.4s; position:absolute; bottom:0; left:1em; right:1em; border-radius: .5em;}
.t-projets main .projets .projet .infos .left { width:80%; padding: 1em; text-align:left; }
.t-projets main .projets .projet .infos .left h3 { margin:0; font-size: 0.9em; margin-bottom: 0.5em; }
.t-projets main .projets .projet .infos .right { width:20%; }
.t-projets main .projets .projet .infos .right a { background:var(--bg); color:white; position:absolute; right:-.5em; top:1em; bottom:1em; padding:.5em 1em; display:flex; align-items: center; }
.t-projets main .projets .projet .infos .right a:hover { background:var(--primary); }

.t-projets main .temoignages { background:var(--bg); color:white; font-size:1.5em; text-align: center; margin-bottom:5em; padding:2em 10%; border-radius:1em; }
.t-projets main .temoignages .sprev { position:absolute; left:2em; top:2em; color:white; opacity:0.5; cursor:pointer; }
.t-projets main .temoignages .sprev:hover { opacity:1; transform: scale(1.2); }
.t-projets main .temoignages .snext { position:absolute; right:2em; top:2em; color:white; opacity:0.5;  cursor:pointer; }
.t-projets main .temoignages .snext:hover { opacity:1;  transform: scale(1.2); }
.t-projets main .temoignages .temoignage { line-height:150%;   }
.t-projets main .temoignages .temoignage .symbol { font-size:1.5em; margin-bottom:1em;  }
.t-projets main .temoignages .temoignage .infos { font-size:0.8em; display: flex; margin-top:1em; text-align:left; align-items:center; justify-content: center; line-height:120%; }
.t-projets main .temoignages .temoignage .infos img { max-width:100px; max-height: 100px; margin-right:1em; }
.t-projets main .temoignages .temoignage .infos .soustitre {font-size:0.65em; }


/* PROJET */
.t-projet .projetbanner { background: url('/wp-content/themes/lotus/images/projetbanner.png') 50% 50%; background-size: cover; border-radius: 1em; color:white; margin:2em; padding:6em 20% 3em 20%; text-align:center; }
.t-projet .projetbanner h1 { margin:0.25em; }


/* BLOGS */
.t-blogs main .blogs { background:white; padding-bottom:5em; }
.t-blogs main .blogs .wrapper { display:flex; flex-wrap: wrap; }
.t-blogs main .blogs .blog { width: 28.3%; padding:2em 2.5%; border-radius: 1em; }
.t-blogs main .blogs .blog:hover { box-shadow: 0 0 15px rgba(0,0,0,.075); }
.t-blogs main .blogs .blog .image { aspect-ratio: 4/3; display:block; border-radius: 1em; background-position: center; background-size: cover;}
.t-blogs main .blogs .blog .date { font-size: 0.7em; margin-top:1em; }
.t-blogs main .blogs .blog h3 { font-size:1.1em; margin:1em 0; }

/* BLOG */
.t-blog { background:white; }
.t-blog main .cols { display:flex; justify-content: space-between; flex-wrap:wrap; }
.t-blog main .cols .left { width: 65%; padding-bottom: 5em; }
.t-blog main .cols .left .image { aspect-ratio: 4/3; display:block; border-radius: 1em; background-position: center; background-size: cover; }
.t-blog main .cols .right { width: 30%; }
.t-blog main .cols .right .boite { background:white; padding:2em; border-radius: 1em; box-shadow: 0 0 10px #ccc; font-size:0.9em; margin-bottom:2em; }
.t-blog main .cols .right .boite h3 { margin-top:0; border-left: 3px solid black; padding-left:.5em; }
.t-blog main .cols .right .boite a { display: block; color:black; margin:1em 0; }
.t-blog main .cols .right .boite a:hover { color:var(--primary); }
.t-blog main .cols .right .boite .line { height:1px; background:#eee; }
.t-blog main .cols .right .boite .line:last-of-type { display:none; }
.t-blog main .cols .right .blog-cta { background:var(--bg); border-radius: 1em; padding:2em; color:white; margin-bottom:2em; }
.t-blog main .cols .right .blog-cta .ctatitle { font-size:2em; margin-bottom:1em; font-family: "Space Grotesk", Archivo; }

/* CONTACT */
.t-contact main .wp-block-buttons > .wp-block-button { width: 75%; }
.t-contact main .boites { display:flex; justify-content: space-between; margin-bottom:5em; flex-wrap: wrap;}
.t-contact main .boites .boite { width:23%; border-top: 1px solid var(--bg); font-size:0.9em;  }
.t-contact main .boites .boite .adresse { margin-left:2em; position:relative; }
.t-contact main .boites .boite .adresse::before { content:'\e0c8'; font-family: 'Material Icons'; font-size:1.5em; position:absolute; left:-1.5em; }
.t-contact main .boites .boite .telephone { margin-left:2em; position:relative; margin-top:1.5em; }
.t-contact main .boites .boite .telephone::before { content:'\e0b0'; font-family: 'Material Icons'; font-size:1.5em; position:absolute; left:-1.5em;}

/* PREFOOTER */
.prefooter { background: var(--bg); padding: 1em 0; color:white; margin-top:-1px;  /* Corrige un bug d'une ligne d'un demi pixel parfois */ }
.prefooter h2 { margin-top:1em; }
.prefooter img { border-radius: 1em; }
.prefooter .wp-block-columns .wp-block-column:first-of-type { padding-right:10%; }

/* FOOTER */
footer { background: var(--bg); color:white; padding:5em 2em; margin-top:-1px; /* Corrige un bug d'une ligne d'un demi pixel parfois */ }
footer a { color:white; }
footer .mainfooter { display:flex; justify-content: space-between; } 
footer .mainfooter h3 { margin-top:0; }
footer .mainfooter .col { width: 21%; }
footer .mainfooter .logo { width: 250px; display:inline-block; }
footer .mainfooter a i { font-size:1.25em; margin:0 .5em; transition:0.3s; }
footer .mainfooter a:hover { color:var(--primary); }
footer .mainfooter a:hover i { color:var(--primary); transform:scale(1.1); }
footer .mainfooter .medias { margin:2em 0; }
footer .mainfooter .col1 { font-size:0.85em; }
footer .mainfooter .col1 .infos a { display:block; margin-top:1em; font-size:1.25em; }
footer .mainfooter .col1 .infos .ville { padding: .5em 0; }
footer .mainfooter .col1 .infos .ville span { opacity:0.5; transition:.5s; }
footer .mainfooter .col1 .infos .ville:hover span { opacity:1; }

footer .mainfooter ul { margin:0; padding: 0; }
footer .mainfooter ul li { list-style-type: none; padding: .5em 0; font-size:1.25em; font-family: "Space Grotesk", sans-serif; line-height:100%; }

footer .bottomfooter { font-size:0.7em; margin-top:5em; display:flex; justify-content: space-between; align-items: center; }
footer .bottomfooter .lotus { }

/* RESPONSIVE */
@media only screen and ( max-width:1440px ) {
    nav .hamburger { display:inline-block; }
    nav .mainmenu .desktopmenu { display:none; }
    nav .mainmenu a { vertical-align: bottom; }
}

@media only screen and ( max-width:1280px ) {
    .t-projets .projets .projet { width: 47%; }
    .t-blogs .blogs .blog { width: 45%;  }
    .t-equipe main .employes .employe { width: 46.8%; }
}

@media only screen and ( max-width:1024px ) {
    main { text-align:center; }
    main ul { text-align: left; }
    .banner .left { display:none; }
    .banner .right { margin:1em; width: 100%; padding:5em 2em;  }
    .banner .right .formobile { display:block; color:white; position:relative; z-index:99; text-align: center; }
    .banner .right .image::before { content:""; position:absolute; top:0; right:0; left:0; bottom:0; background: rgba(0,0,0,.5); z-index:-1; }
    .t-accueil .services .service { width: 100%; margin:1em; flex-wrap: wrap; justify-content: center; }
    .t-accueil .services .service .left { padding-bottom:1em; }
    .t-accueil .services .service .right { padding-bottom:1em; padding-left:0; text-align:center; }
    .t-accueil .blogs .blog { width: 45%; margin:2.5%; }
    .t-blogs main .blogs .blog { width: 45%; }
    .t-blog main .cols .left { width: 100%; }
    .t-blog main .cols .right { width: 100%; }
    .t-projets main .projets .projet { width: 48%; margin:.5em 1%; }
    .is-layout-grid > div { width: 100%; flex-wrap:wrap; }
    .is-layout-grid > .wp-block-media-text figure { width:100%; margin-bottom:1em; }
    .is-layout-grid > div .wp-block-buttons { justify-content: center;}
    .t-contact main .boites .boite { width:100%; border-top: 1px solid rgba(0,0,0,.2); margin-top:2em; padding-top:1em; }
    .t-contact main .boites .boite .adresse, .t-contact main .boites .boite .telephone { margin-left:0; }
    .t-contact main .boites .boite .adresse::before, .t-contact main .boites .boite .telephone::before { position:relative; top:.25em; left:-.5em; }
    .t-contact main .boites .boite .telephone { margin-top:0; }
    footer .mainfooter { flex-wrap:wrap; }
    footer .mainfooter .col { width: 100%; margin-bottom:4em;  }
}

@media only screen and ( max-width:800px ) {
    nav .mainmenu .button.contact { display:none; }
    nav .topmenu { justify-content: center; }
    nav .topmenu .medias { display:none; }

    .t-apropos main .boites .ligne { flex-wrap:wrap;  }
    .t-apropos main .boites .ligne .col { width: 100% !IMPORTANT; }
    .t-apropos main .boites .ligne .col.texte div { font-size:1.5em; line-height: 150%; }

    .t-projets .projets .projet { width: 100%; margin:1em 0;  }
    .t-blogs .blogs .blog { width: 100%; margin: 2em 0; }
    
}

@media only screen and ( max-width:780px ) {
    .wp-block-columns .wp-block-columns { gap:0;}

}

@media only screen and ( max-width:600px ) {
    h1 { font-size:1.75em; }
    h2 { font-size:1.5em; }
    h3 { font-size:1.25em; }
    h4 { font-size:.8em; }
    .t-accueil .homebanners .homebanner .texte { padding:0; }
    .t-accueil .homebanners .sprev, .t-accueil .homebanners .snext { display:none !IMPORTANT; }
    .t-equipe main .employes .employe { width: 97.8%; margin-bottom:3em; }
    .t-blogs main .blogs .blog { width: 100%; margin:1em 0; }
    .t-accueil .blogs .blog { width: 100%; margin:1em 0; }
    .t-projets main .projets .projet { width: 100%; margin:1em 0; }
    .hideonmobile { display:none; }
}

/* POUR L'IMPRESSION */
@media print { 
    nav { display:none; }

}