﻿
Theme Name: Twentysixteen Child
Template: twentysixteen
*/

/* Script and Styles */

.entry-header, .entry-footer { display: none; }

.site-main {
    margin-bottom: 0;
}

body:not(.custom-background-image):before,
    body:not(.custom-background-image):after {
    height: 0px !important;
}

.site-main > article { margin-bottom: 0; }

.navigation { display: none; }

/* Menu WPML */

html {
    margin-top: 0 !important;
}

.menuwpmlfr .elementor-item .wpml-ls-display, .menuwpmlnl .elementor-item .wpml-ls-display, .menuwpmlen .elementor-item .wpml-ls-display {
    background-image: url(https://www.brusselsmajorevents.be/wp-content/uploads/2022/04/language-wpml-background-35.png);
    color: white;
    background-repeat: no-repeat;
}

html[lang="fr-FR"] .elementor-item .wpml-ls-display {
    padding: 0.5em 0.7em;
}
html[lang="nl-NL"] .elementor-item .wpml-ls-display {
    padding: 0.5em 0.65em;
}
html[lang="en-US"] .elementor-item .wpml-ls-display {
    padding: 0.5em;
}

.elementor-widget-container .elementor-text-editor a { color: #d8007e; }

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    font-family: "Gotham Book", Sans-serif !important;
    font-weight: 300 !important;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize { 
    background: #d8007e !important;
    font-size: 15px !important;
}

.menuinfos { cursor: pointer; }

/* Image homepage responsive */

#eventsresp .elementor-image-box-img {
    width: 100%;
    margin-bottom: 0;
}

#eventsresp .elementor-widget-image-box .elementor-image-box-content {
    width: 100%;
    position: absolute;
    top: 2em;
    padding: 0 2em;
}


/* Animated Sprites Repsponsive Homepage */

.parentspr {
  position: relative;
  width: 100%;
}

.parentspr:before {
  content: "";
  display: block;
  padding-top: 100%; 
} 

@keyframes animate3pics10s {
  from { background-position: 0 0%; }
  to { background-position: 0 150%; }
}

@keyframes animate4pics10s {
  from { background-position: 0 0%; }
  to { background-position: 0 133.4%; }
}

p a, p a:hover { color: #d8007e; }

.angrspr, .anfaspr, .anfispr, .bacrspr, .bedespr, .belaspr, .calaspr, .canaspr, .chhespr, .deegspr, .derospr, .dolispr, .emanspr, .fakospr, .fakespr, .fojaspr, .gecaspr, .ghbaspr, .gigaspr, .ishospr, .ivmispr, .jeanspr, .jebospr, .jemospr, .jfcaspr, .jocaspr, .joluspr, .jusespr, .laprspr, .lehospr, .mabrspr, .mabospr, .macaspr, .macospr, .madespr, .mamuspr, .malespr, .mavaspr, .ninospr, .niwaspr, .olmespr, .piprspr, .sawispr, .sapaspr, .sebespr, .seduspr, .stfespr, .tabaspr, .tapjspr, .vaamspr, .vacospr, .vapaspr, .vifaspr, .yakespr, .anvospr {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.sprhover, .sprhovertext {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.5s ease-out;
}

.sprhover:hover {
	cursor: pointer;
	background-color: rgba(0,144,215,0.95); 
}

.sprhovertext {	
	opacity:0;
	padding: 1em 0 0 1em;
}

.sprhovertext:hover {
	opacity:1;
}

.sprtitle h3 {
    color: #fff;
    font-family: "Gotham Black", Sans-serif;
    font-size: 1.5em;
    line-height: 1.3em;
}

.sprdesc, .sprmail {
	font-family: "Gotham Book";
    font-size: 1.1em;
}

.sprmail:hover { text-decoration: underline; }

.sprmail a { color: white !important; }

a:focus-visible {
    outline: solid;
}
.uael-grid-item a:focus-visible, .elementor-image a:focus-visible {
    color: #D8007E !important;
}
.elementor-nav-menu--dropdown a:focus-visible { 
    background: #D8007E;
    color: white !important;
    transition: none;
}
.elementor-nav-menu--main .elementor-nav-menu a, .elementor-button { transition: none !important; }

 /* Mise en page transparency */

.maintrpcontainer, .maintrpcontainerbis {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.maintrpcontainer {
    background-color: #d8007e;
}

.maintrpcontentext {
    position: absolute;
    top: 4em;
    left: 2em;
    bottom: 0;
    right: 2em;
    font-size: 20px;      
    text-align: left;
    color: white;
}

.maintrptitle, .maintrpdesc h2 {
	text-transform: uppercase;
    font-size: 1.3em;
    line-height: 1.1em;    
}

.maintrptitle {
	font-family: "Gotham Book", Sans-serif;	
    font-weight: normal;
}

.maintrpdesc {
	font-family: "Gotham Black", Sans-serif;
    font-weight: 600;
}

.contentext {
   position:  absolute;
   top: 4em;
   left: 2em;
   bottom: 0;
   right: 2em;
   font-size: 20px;   
   text-align: left;
}

.titledownload {
    color: #d8007e;
    font-family: "Gotham Book", Sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
}
.desctransp {
    color: #0090d7;
    font-family: "Gotham Book", Sans-serif;
    font-size: 1.2em;
    text-transform: none;
    line-height: 1.2em;
}

.desctransp ul { margin: 0 !important; }
.desctransp li { list-style: none !important; }

/* Alignement menu WPML menu à droite et réseaux sociaux */

/* .elementor-nav-menu--main .elementor-nav-menu a { padding: 7px !important; } */

.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: 12px 5px 0 5px !important;
}

.elementor-search-form--skin-full_screen .elementor-search-form__toggle i::before { top: 46% !important; }

/* colonne carrée dans page transparence */ 

.transpsec .elementor-column, .trasnspcol {
    height:25vw;
}

@media only screen and (max-width:768px) {
    .transpsec .elementor-column, .trasnspcol {
        height:100vw;
    }
}

/* Faire disparaître texte intro sur mobile */
@media only screen and (min-width:769px) {
    .textepcnone { display: none !important }    
}
/* changement couleur du lien dans page open call */
.colorliens a { color : white !important; }
/* Mise en page menu responsive */
.uael-nav-menu a.uael-menu-item {
    justify-content: normal !important;
}