/*
Theme Name: My Twenty Twenty One Child Theme
Theme URI: https://example.com
Description: A child theme for Twenty Twenty One.
Author: Your Name
Author URI: https://example.com/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Mise en page typographie */

.classicbloc h1 {
    font-family: "Gotham Medium" !important;
    font-size: 1.8em !important;
    font-weight: normal !important;
    text-transform:  uppercase;
    margin: 0 0 1.5em 0;
    text-align: center;
}
.classicbloc h2 {
    font-family: "Gotham Medium" !important;
    font-size: 1.5em !important;
    font-weight: normal !important; 
    text-transform:  uppercase;
    margin: 0 0 0.25em 0; 
}

.classicbloc { margin: 2em 0; }
.classicbloc p { margin: 0; }

/* Mise en page blocs template 2021 */

.lignetitre .elementor-column, .lignephoto .elementor-column, .lignedesc .elementor-column, .lignedesclast .elementor-column {
    border:  solid 2px white;
}

@media screen and (min-width:768px) {
    .lignetitre .elementor-column { height:  15vw; }
    .lignephoto .elementor-column, .lignetitrehp .elementor-column { height: 25vw; }
}
@media screen and (max-width:767px) {
    .lignetitre .elementor-column, .lignetitrehp .elementor-column { height:  75vw; }
    .lignephoto .elementor-column { height: 100vw; }
}


.lignetitre .elementor-column, .lignetitrehp .titlecol {
    background: #e40421;
    color: white;
    padding:  2em;
}

.lignetitrehp .elementor-column {
    border-right: solid 2px white;
    border-left: solid 2px white;
}
@media screen and (max-width:767px) {
    .lignetitrehp .elementor-column {
        border-top: solid 2px white;
        border-bottom: solid 2px white;
    }
}

.lignetitrehp .elementor-column h2, .lignetitre .elementor-column h2 {
    color:  white;
    text-transform:  uppercase;
    font-family: "Gotham Black", Sans-serif;
    font-size: 1.6em;
    font-weight: normal;
}

.lignedesc .elementor-column, .lignedesclast .elementor-column {
    padding: 2em 1em;
    background: #d7e3e2;
}

.lignedesc, .lignedesc .elementor-container { height: 100%; }
@media screen and (min-width:768px) {
    .lignedesclast .elementor-container { height: 100% }
}

/* Menu */

.mainmenuhome .sub-menu-toggle, .menuwpmlfr .sub-menu-toggle { display: none; }

.cursordefault { cursor: default; }

.nolinkmenu a.has-submenu {
    cursor: default !important;
}
.smoothpolice a.has-submenu, .smoothpolice a.elementor-item {
    font-family: "Gotham Book" !important;
    font-weight: 400 !important;
}

/* Mise en page header 2022 */
.logohome-bloc { max-width: 202px; }
.wpml-choix-bloc { max-width: 65px }
.total-reseaux-bloc {
    width: auto !important;
    margin-top: 7px;
}
.total-reseaux-bloc img { min-width: 35px; }
.reseaux-bloc { width: auto !important; }
.search-bloc { width: 60px !important; }
.wpml-ls-item .elementor-item.has-submenu {
    padding: 0 5px 0 5px !important;
}
/* Menu WPML */
html {
    margin-top: 0 !important;
}
.menuwpmlfr .elementor-item .wpml-ls-native, .menuwpmlnl .elementor-item .wpml-ls-native {
    background-image: url(https://dev.brusselsbylights.be/wp-content/uploads/2024/11/language-wpml-background-35.png);
    color: white;
    background-repeat: no-repeat;
}
html[lang="fr-FR"] .elementor-item .wpml-ls-native {
    padding: 0.5em 0.7em;
}
html[lang="nl-NL"] .elementor-item .wpml-ls-native {
    padding: 0.5em 0.65em;
}
html[lang="en-US"] .elementor-item .wpml-ls-native {
    padding: 0.5em;
}
@media screen and (min-width: 768px) {
    .elementor-item .wpml-ls-display {
        display: block;
        min-width: 35px !important;
        min-height: 35px !important;
        text-align: center;  
        background: black;
        color: white;
        border-radius: 50%;
        padding: 8px 0;
    }
}
/* ne pas afficher la langue courante sur menu WPML mobile 
.wpml-ls-item.wpml-ls-current-language {
    display: none;
}*/

button:not(:hover):not(:active):not(.has-background) {
    display: none;
}

/* Alignement menu WPML menu à droite et réseaux sociaux */

/* .elementor-nav-menu--main .elementor-nav-menu a { padding: 7px !important; } */

.logohome-bloc { max-width: 278px; }

.reseaux-bloc { 
    max-width: 65px;
    min-width: 50px;
}
.wpml-choix-bloc { max-width: 65px }
.total-reseaux-bloc { max-width: 260px; }

.wpml-ls-item .elementor-item.has-submenu {
    padding: 0 !important;
}

/* Email encoder Bundle color white */
.eeb.eeb-rtl
{ color: white !important; }

/* page Main 3 blocs */
@media screen and (min-width: 768px) {
  .contentdesc {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
  }    
}
/* Description courte Desktop */
@media screen and (min-width: 768px) {
	.shortdesc {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
}