/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*@font-face {
    font-family: books;
    src: url("/css/BookerlyDisplay/BookerlyDisplay_Rg.ttf")
}*/

@font-face {
    font-family: noto;
    src: url("/css/Noto_Sans/NotoSans-Regular.ttf")
}


body {
    /*font-family: "Poppins", Arial, sans-serif;*/
    font-size: 16px;
    line-height: 1.8;
    font-weight: normal;
    /*background: #fafafa;*/
    color: #667c7f;
    background: #FFF0C9;
    font-family: 'noto';
    height: 100%;
}
html {
    height: 100%;
}
a {
    text-decoration: none;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    /*color: #71898c;*/
}
  a:hover, a:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none; }

button {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  button:hover, button:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  
/*h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  line-height: 1.5;
  font-weight: 400;
  font-family: "Poppins", Arial, sans-serif;
  color: #000; 

}*/

/*.ftco-section {
  padding: 7em 0; }

.ftco-no-pt {
  padding-top: 0; }

.ftco-no-pb {
  padding-bottom: 0; }

.heading-section {
  font-size: 28px;
  color: #000; }
  .heading-section small {
    font-size: 18px; }*/

.img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; 
  border-color:#fff !important;
}

.navbar {
    padding: 15px 10px;
    /* background: #fff; */
    /* background:  #354345; */
    background: #063D57 !important;
    color: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    display: none;
}

/* .navbar-toggler{
  border-color:#bce5ea;
} */

.navbar-toggler-icon{
  color:#bce5ea;
}

.navbar a{
  color:#eef8fa;
}

.navbar a:hover, .nav-item.active a{
  color:#84a0a4;
}
.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0; }

.wrapper {
  width: 100%; 
}

#sidebar {
    min-width: 300px;
    max-width: 300px;
    /* background: #1d1919; */
    background: #063D57;
    /* color: #fff; */
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    min-height: 100vh;
}
  #sidebar.active {
      margin-left: -300px; 
  }
  #sidebar .logo {
    display: block;
    width: 220px;
    height: 220px;
    margin: 0 auto; 
  }
  #sidebar .logo span {
    display: block; 
  }
    #sidebar .side-menu ul.components {
        padding: 0;
    }
    #sidebar .side-menu ul li {
        font-size: 16px;
    }
    #sidebar .side-menu ul li > ul {
        margin-left: 10px;
    }
    #sidebar .side-menu ul li > ul li {
        font-size: 14px;
    }
    #sidebar .side-menu ul li a {
        padding: 7px 0;/*10px*/
        display: block;
        /* color: rgba(255, 255, 255, 0.8); 71898c*/
        color: #fff;
        /*border-bottom: 1px solid #556769;*/
    }
        #sidebar ul li a:hover {
            /* color: #f8b739;*/
            color: #84a0a4 !important;
        }
    #sidebar .side-menu ul li.active > a {
        background: transparent;
        /*color: #f8b739;*/
        color: #84a0a4;
    }

.list-unstyled{
    margin-bottom:0px;
}
@media (max-width: 991.98px) {
    #sidebar {
      margin-left: -300px; }
      #sidebar.active {
        margin-left: 0; } }

a[data-toggle="collapse"] {
  position: relative; }

/*.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }*/

@media (max-width: 991.98px) {
  #sidebarCollapse span {
    display: none; } 
    .navbar{
      display:block;
    }

    body{
        font-size:14px;
    }
    /* #content{
      margin-top:75px;
    } */
  }

@media (max-height: 760px) {
    .custom-footer {
        display: none;
    }
}

#content {
  width: 100%;
  padding: 0;
  min-height: 100vh;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

/*.btn.btn-primary {
  background: #f8b739;
  border-color: #f8b739; }
  .btn.btn-primary:hover, .btn.btn-primary:focus {
    background: #f8b739 !important;
    border-color: #f8b739 !important; }*/

.custom-footer{
  /* position:absolute; */
  bottom:0;
  /* margin-left:40px; */
  /* margin-bottom:10px */
}
.custom-footer p {
    color: #84a0a4;
    text-align:center
}

.website-title{
  color: #84a0a4;
}
.navbar .website-title h3 {
    font-size: 16px;
    padding-left: 10px;
    margin-top: unset !important;
    margin-bottom: unset !important;
}

#sidebar .website-title h3 {
    font-size: 20px;
    text-align: center;
    padding-left: 10px;
}
.img-fluid {
  max-height: 250px;
}

/* .carousel-inner p{ 
  color:white;
} */
/* .carousel-inner h2{
  color: black;
} */

.navbar .logo{
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto; 
    padding-right:3px
  }
.dropdown-menu {
    --bs-dropdown-min-width:20px;
}
.navbar .container-fluid {
    padding-left: 0 !important;
    padding-right:0 !important;
}

.card, form{
    /*background: #e8f6f8;*/
    border:solid;
    border-color:rgb(222,226,230);
    border-width:1.11111px;
    /*background: #d7eff2;*/
}

.book-body, .form-control {
    color: #667c7f !important;
}

.carousel-item {
    border: solid;
    border-color: rgb(222,226,230);
    border-width: 1.11111px;
}
.language-item.active, .language-item:active {
    background-color: #063D57;
}
.dropdown-solo a.active, .dropdown-solo a:active {
    background-color: #354345;
    color: #fff;
}
.img-about, .img-projects-details{
    width: 100%;
    max-width: 400px;
    object-fit: contain
}
.img-the-scapegoat, .img-about-the-story, .img-acasa-intre-lumi, .img-the-urban-fox,.img-the-past-catches-up {
    width: 100%;
    max-width: 300px;
    object-fit: contain;
}
.img-the-scapegoat-the-story {
    width: 100%;
    max-width: 500px;
    object-fit: contain
}
.btn-solomon {
    background-color: #667c7f !important;
    color: #fff !important;
    border-color: #667c7f !important;
}
.btn-solomon:hover, .btn-solomon:focus-visible, .btn-solomon:active, .btn-solomon:focus {
    background-color: #4e5c5e !important;
    color: #fff !important;
    border-color: #4e5c5e !important;
}

.custom-footer {
    position: absolute;
    bottom: 2px;
    padding-left:25px;
    /*width: 100%;*/
    /*height: 2.5rem;*/
}

.overlay {
    background-color: #FFF0C9 !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*opacity: .5;*/
    z-index: 20;
    width: 100%;
    /*filter: alpha(opacity=50);*/
}
.link-solomon, .link-solomon:visited {
    color: #829eab;
    font-weight: bold;
}
    .link-solomon:hover {
        color: #84a0a4;
    }