/** background color **/

html, body {
    background-color: #ebebeb !important;
}

/* ***** Tous les liens ***** */

a {
	color: #0075d1 !important;
}

/* ***** Titre h1 "description du vocabulaire" ***** */

h1 {
	color: #0075d1;
}


/* ***** Header logo ***** */

.topbar {
	background-image: url('../pics/unesco-logo.gif');
	background-repeat:no-repeat;
	background-size: contain;
	height: 50px;
}
html[dir="rtl"] .topbar {
    background-position: right;
}



/* ***** Barre de recherche ***** */

.headerbar-coloured {
	background-color: #004983;
}

.header-left > h1 {
	background-color: #004983;
}
/* Fix to override the !important on a above */
.header-left > h1 > a {
	color: #FFFFFF !important;
}

/* fix margin of header-float because of long label */
.header-float {
    /* margin-right: 30px !important; */
    margin-right: 15px !important;
}

#search-all-button {
    background-color: #0075d1;
}

.search-vocab-text {
    background-color: #004983;
}

#lang-dropdown-toggle, .multiselect {
    background-color: #0075d1 !important;
}

/* fix for home page */

.headerbar {
	background-color: #004983;
	margin-bottom : 20px;
	vertical-align: middle;
}
html[dir="rtl"] .headerbar{
    margin-bottom: 20px;
}

.headerbar > .header-float {
	margin-top: 10px;
}

/* ***** left menu ***** */

.sidebar-grey {
    background-color: #ffffff;
}

/* ***** Home page ***** */

/* ***** Home logo and probably also About page ***** */

.welcome-box {
	width: 25% !important;
}
html[dir="rtl"] .welcome-box{
    float: right;
}

.voclist-right #vocabulary-list {
    float:right;
    margin-left: 15px;
    position: relative;
    width: 73% !important;
    padding: 10px;
}

html[dir="rtl"] .voclist-right #vocabulary-list {
    float: left;
    margin-right: unset;
    margin-left: unset;
}
/* ***** About Page ***** */

#unesco-about {
    float:right;
    margin-left: 15px;
    position: relative;
    background-color: #ffffff;
    width: 73%;
    padding: 10px;
}
html[dir="rtl"] #unesco-about {
    float: left;
    margin-right: unset;
    margin-left: unset;
}

/* ***** Lien UNESDOC ***** */
.unesdoc {
	color: #d15c00 !important;
}

/* ***** Fix Occurences *****  */


html[dir="rtl"] .shortened-symbol {
    position: relative;
    right: 100%;
    transform: translate(75%, calc( -100% - 2px));
}

@media (max-width: 1259px) {
    html[dir="rtl"] .shortened-symbol {
        
        transform: translate(75%, calc( -100% - 4px));
    }
}

/* Fix parenthèses  */
html[dir="rtl"] span,
html[dir="rtl"] a {
    unicode-bidi: isolate;
    direction: ltr;
}