@charset "UTF-8";
/*
	Theme Name: Mali Consulate
	Description: HTML5 Mali Consulate WordPress Theme
	Version: 0.1
	Author: Andrzej Kordaczuk (a.kordaczuk@goodmedia.pl)
*/
@import url("https://fonts.googleapis.com/css?family=PT+Mono|PT+Sans:400,400i,700,700i");
/* 80px */
/* misc */
body {
  font-family: 'PT Sans', sans-serif;
  font-display: auto;
  background: #fff; }

article, section {
  margin-bottom: 2rem; }

@media only screen and (max-width: 991.98px) {
  .container-md-fluid {
    width: 100%;
    max-width: none; } }

@media only screen and (max-width: 767.98px) {
  html {
    font-size: 14px;
    transition: all 0.15s ease-in-out; } }

a {
  color: #212529;
  transition: all 0.25s ease-in-out; }
  a:hover {
    color: #007BFF;
    text-decoration: none; }

h2.heading {
  font-size: 1.75rem;
  color: #212529;
  margin-bottom: 1rem;
  border-bottom: 2px solid #f1f1f1;
  width: 100%; }
  h2.heading:after {
    color: white;
    content: "▶";
    display: block;
    position: relative;
    bottom: 0;
    width: 30px;
    height: 100%;
    background-color: #f1f1f1;
    float: right;
    text-align: center; }

/*
 * Header
 */
.navbar {
  margin-bottom: 2rem;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1); }
  .navbar .navbar-nav {
    height: 100%; }
    .navbar .navbar-nav > .nav-item {
      position: relative;
      height: 100%;
      margin-left: 0.75rem;
      margin-right: 0.75rem; }
      .navbar .navbar-nav > .nav-item:last-child {
        margin-right: 0; }
        @media only screen and (max-width: 767.98px) {
          .navbar .navbar-nav > .nav-item:last-child {
            margin-right: 0.75rem; } }
      .navbar .navbar-nav > .nav-item > .nav-link {
        padding-left: 0;
        padding-right: 0;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.84px;
        text-transform: uppercase;
        color: #868E96;
        transition: all 0.25s ease-in-out; }
        .navbar .navbar-nav > .nav-item > .nav-link:hover {
          color: #007BFF !important; }
      .navbar .navbar-nav > .nav-item.current-lang > .nav-link {
        color: #007BFF !important; }
      .navbar .navbar-nav > .nav-item.active > .nav-link {
        border-bottom: 2px solid #007BFF;
        color: #007BFF; }
    .navbar .navbar-nav .dropdown-menu.show {
      border: none;
      background-color: rgba(255, 255, 255, 0.75);
      box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
      padding: 0.75rem; }
      .navbar .navbar-nav .dropdown-menu.show .menu-item {
        width: auto; }
        @media only screen and (max-width: 767.98px) {
          .navbar .navbar-nav .dropdown-menu.show .menu-item {
            text-align: center; } }
        .navbar .navbar-nav .dropdown-menu.show .menu-item.active .nav-link {
          color: #007BFF !important;
          border-bottom: 2px solid #007BFF; }
      .navbar .navbar-nav .dropdown-menu.show .nav-link {
        display: inline-block;
        width: auto;
        text-transform: uppercase;
        font-size: 0.8rem;
        margin: 0.25rem 0; }
        .navbar .navbar-nav .dropdown-menu.show .nav-link:hover {
          color: #007BFF !important; }

.mali-banner {
  background: rgba(242, 192, 24, 0.22);
  mix-blend-mode: normal; }
  .mali-banner h2 {
    font-weight: bold;
    font-size: 2.25rem;
    text-align: center; }
  .mali-banner p {
    font-size: 1.25rem;
    margin-bottom: 0; }
  .mali-banner .flag-bg {
    background: url("./img/Flag_of_Mali.png") center top repeat-y; }
  .mali-banner .logo {
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center; }
  .mali-banner .text {
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
    padding: 1rem; }
    .mali-banner .text .lead {
      margin-bottom: 0; }

#carouselHomepage {
  margin-bottom: 3rem; }
  #carouselHomepage .carousel-inner {
    max-height: 230px;
    overflow: hidden; }
    @media only screen and (max-width: 991.98px) {
      #carouselHomepage .carousel-inner {
        max-height: none; } }
  #carouselHomepage .carousel-indicators {
    position: absolute;
    bottom: -50px; }
    @media only screen and (max-width: 767.98px) {
      #carouselHomepage .carousel-indicators {
        position: relative;
        bottom: unset !important;
        top: unset !important; } }
    #carouselHomepage .carousel-indicators .play {
      display: inline-block;
      border: none;
      color: #868E96;
      width: 1rem;
      margin-left: 1rem;
      text-align: center; }
      #carouselHomepage .carousel-indicators .play:before {
        content: "▶"; }
      #carouselHomepage .carousel-indicators .play.paused:before {
        content: "||"; }
    #carouselHomepage .carousel-indicators li {
      width: 16px;
      height: 16px;
      background-color: #f1f1f1;
      border: 2px solid #868E96;
      border-radius: 50%; }
      #carouselHomepage .carousel-indicators li.active {
        background-color: #868E96; }
    @media only screen and (max-width: 767.98px) {
      #carouselHomepage .carousel-indicators {
        position: relative;
        top: 30px; } }
  #carouselHomepage .carousel-item {
    background-color: #f1f1f1;
    height: 230px; }
    @media only screen and (max-width: 767.98px) {
      #carouselHomepage .carousel-item {
        transition: height 0.25s ease-in-out;
        height: auto; } }
    #carouselHomepage .carousel-item .full-img {
      display: block;
      width: 100%;
      height: 230px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #868E96; }
      @media only screen and (max-width: 767.98px) {
        #carouselHomepage .carousel-item .full-img {
          height: 10rem; } }
    #carouselHomepage .carousel-item .item-caption {
      color: #212529;
      padding: 0.5rem; }
      @media only screen and (max-width: 767.98px) {
        #carouselHomepage .carousel-item .item-caption {
          padding: 2rem; } }
      #carouselHomepage .carousel-item .item-caption .btn-primary {
        border: none;
        width: 80%; }
        #carouselHomepage .carousel-item .item-caption .btn-primary:hover {
          background-color: white; }
      #carouselHomepage .carousel-item .item-caption .more {
        position: absolute;
        bottom: 2rem;
        left: -15px;
        width: 100%; }
        @media only screen and (max-width: 767.98px) {
          #carouselHomepage .carousel-item .item-caption .more {
            position: relative;
            bottom: inherit;
            left: inherit; } }
      #carouselHomepage .carousel-item .item-caption p {
        text-align: left;
        margin-bottom: 0;
        font-size: 1rem; }
        @media only screen and (max-width: 767.98px) {
          #carouselHomepage .carousel-item .item-caption p {
            text-align: left; } }
      #carouselHomepage .carousel-item .item-caption h5 {
        text-align: left;
        margin-bottom: 1rem;
        font-size: 1.75rem;
        font-weight: normal; }
        @media only screen and (max-width: 991.98px) {
          #carouselHomepage .carousel-item .item-caption h5 {
            font-size: 1.5rem;
            margin-bottom: .5rem; } }

.sidebar article p {
  font-size: 0.85rem; }

.news .news-item {
  margin-bottom: 1rem; }
  .news .news-item img.card-img {
    height: auto; }
  @media only screen and (max-width: 767.98px) {
    .news .news-item {
      padding-bottom: 1rem;
      border-bottom: 1px solid #f1f1f1; }
      .news .news-item:last-child {
        border-bottom: none; } }
  .news .news-item p {
    font-size: 0.8rem;
    margin-bottom: 0rem; }
  .news .news-item p.date {
    font-size: 0.8rem;
    font-style: italic;
    margin-bottom: 0rem; }
  .news .news-item h3 {
    font-size: 1.15rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .news .news-item .info {
    padding-left: 1rem; }

ul.archive li {
  margin-bottom: 0.25rem; }
  ul.archive li a {
    font-size: 1rem;
    font-weight: bold; }

ul.xoxo.blogroll {
  list-style: none;
  padding: 0; }
  ul.xoxo.blogroll li {
    font-size: 0.875rem; }
    ul.xoxo.blogroll li a {
      color: #007BFF;
      transition: all 0.15s ease-in-out;
      border-bottom: 1px dotted transparent; }
      ul.xoxo.blogroll li a:before {
        color: #f1f1f1;
        display: inline-block;
        content: "🔗";
        margin-right: 0.25rem; }
      ul.xoxo.blogroll li a:hover {
        border-bottom: 1px dotted #007BFF; }

.site-footer {
  box-shadow: 0px -10px 40px rgba(0, 0, 0, 0.05);
  padding: 0.75rem 0;
  margin-top: 1rem;
  font-size: 0.875rem; }
  .site-footer p {
    margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .site-footer {
      text-align: center; } }