/* Header */

.fao-header {
  padding: 15px 0;
  width: 100%;
  background-color: #116aab;
  position: relative;
}

.fao-header-content {
  width:100%;
}

@media (min-width: 768px) {
  .fao-header {
    padding:15px 0;
  }
}

.fao-header .logo {
  height:70px;
  margin-top:0;
}

.fao-header .logo img {
  width: 100%;
  height:auto;
}

@media (min-width: 400px) {
  .fao-header .logo img {
    width:auto;
    height:70px;
  }
}

@media (min-width: 992px) {
  .fao-header .logo img {
    padding-bottom:0;
  }
}

.fao-header .pull-left,
.fao-header .pull-right {
  padding:0;
}

.fao-header .ml-auto {
  margin-left: 0!important;
}

[lang="ar"] .fao-header .ml-auto {
  margin-left: auto !important;
}

[lang="ar"] .fao-header .mr-auto {
  margin-right: 0 !important;
}

.fao-header .circle-btn {
  margin-left: 15px;
}

[lang="ar"] .language-switcher {
  text-align:left !important;
}

.language-switcher li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 0.7rem;
  color: #fff;
  text-transform:none;
  letter-spacing:0;
}

@media (min-width: 992px) {
  .language-switcher {
    /*white-space:nowrap;*/
  }
  
  .language-switcher li a {
    font-size:0.8rem;
  }
}

.language-switcher li a:hover {
  color: #fff;
}

.language-switcher ul.list-inline {
  margin: 0;
  padding-top:10px;
  line-height:1.2;
}

@media (min-width: 768px) {
  .language-switcher ul.list-inline {
    padding-top:0;
    padding-bottom:7px;
  }
}

@media (min-width: 1200px) {
  .language-switcher ul.list-inline {
    /*white-space:nowrap;*/
  }
}

.language-switcher ul.list-inline li {
  margin-left: 20px;
  margin-right: 0;
  vertical-align:top;
}

[lang="ar"] .language-switcher ul.list-inline li {
  margin-left: 0;
  margin-right: 20px;
}

.language-switcher ul.list-inline li.active a {
  color: #74beef;
  text-decoration:none;
}

.fao-logo .d-sm-block {
  width: 80%;
  height: auto;
  padding-top: 5px;
}

.fao-header-search #typo3-previewInfo {
  display:none;
}