@charset 'utf-8';
/*
    This file is part of the EU TRAFIG project
    (c) 2020 BICC

    For the full copyright and license information, please view the LICENSE
    file that was distributed with this source code.
*/
h1,
h2,
h3 {
  margin-bottom: 1rem;
}
.navbar-main {
  background-color: #007396;
}
.bg-window {
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}
@media (min-width: 1600px) {
  .bg-window {
    background-size: 100% !important;
  }
}
.breadcrumb-bar {
  background-color: #e9ecef;
  border-radius: 0.25rem;
  padding: 0.75rem 0;
  margin-bottom: 1rem;
}
.breadcrumb-bar .breadcrumb {
  background-color: inherit;
  border-radius: 0;
  padding: 0;
  margin-bottom: 0;
}
.segment {
  display: flex;
  flex-direction: column;
}
.segment .container {
  flex-grow: 1;
}
.segment img {
  max-width: 100%;
}
.segment-head a[href] {
  color: inherit;
}
.stack {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.stack .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.glass-50 {
  opacity: 0.5;
}
.carousel-text {
  top: 0;
  text-align: left;
  color: inherit;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-lg .swiper-content {
  margin-bottom: 2rem;
  margin-left: 5rem;
  margin-right: 5rem;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-button-prev,
.swiper-button-next {
  background-image: none;
  color: #007396;
}
.swiper-pagination-bullet-active {
  background-color: #007396;
}
@media (max-width: 767.98px) {
  .swiper-lg .swiper-slide {
    align-items: flex-start;
  }
  .swiper-lg .swiper-content {
    margin-left: 0;
    margin-right: 0;
    font-size: 0.8rem;
  }
  .swiper-lg .swiper-content .title {
    font-size: 1rem;
  }
  .swiper-lg .swiper-content ul,
  .swiper-lg .swiper-content ol {
    padding-left: 2rem;
  }
  .swiper-lg .swiper-button-prev,
  .swiper-lg .swiper-button-next {
    display: none;
  }
}
.partner .members .bio {
  padding-bottom: 1rem;
}
.blog-item + .blog-item {
  padding-top: 1rem;
  border-top: 1px solid #DBDFE1;
}
.blog-main {
  margin-bottom: 1rem;
}
article section + section {
  margin-top: 2rem;
}
.btn-outline-default {
  color: #E75112;
  border-color: #EC773B;
}
.btn-outline-default:hover,
.btn-outline-default:active {
  color: white;
  background-color: #EC773B;
  border-color: #EC773B;
}
.btn-outline-default:focus {
  box-shadow: 0 0 0 0.2rem rgba(236, 119, 59, 0.5);
}
.lightbox {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1200;
}
.lightbox.show {
  display: block;
}
.lightbox .carousel {
  top: 75px;
  height: calc(100vh - 75px);
}
.lightbox .carousel-inner,
.lightbox .carousel-item {
  height: 100%;
}
.lightbox figure {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.lightbox img {
  max-width: 100%;
  max-height: 100%;
}
.list-csv {
  list-style: none;
  padding: 0;
}
.list-csv > li {
  display: inline-block;
  margin: 0;
}
.list-csv > li:not(:last-child)::after {
  content: ", ";
}
h2.border-bottom {
  padding-bottom: 0.25rem;
}
figure.image-caption {
  display: inline-block;
}
a.figure {
  display: flex;
}
a.figure .image-caption {
  margin: auto;
}
.banner {
  height: 25rem;
  position: relative;
  overflow: hidden;
  color: white;
}
.banner a {
  color: #007396;
}
.banner > .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner .shape {
  width: 50%;
  height: 200%;
  margin-left: auto;
  border-radius: 50% 0 0 50%;
  background-color: #B8BEC2;
}
.banner .plate {
  width: 40%;
}
.banner .above-map {
  z-index: 1000;
}
.banner .passive {
  pointer-events: none;
}
@media (max-width: 1199.98px) {
  .banner .shape {
    width: 65%;
  }
  .banner .plate {
    width: 55%;
  }
}
@media (max-width: 991.98px) {
  .banner .shape {
    width: 75%;
  }
  .banner .plate {
    width: 65%;
  }
  .banner-simple {
    height: 20rem;
  }
}
@media (max-width: 767.98px) {
  .banner .shape {
    width: 100%;
  }
  .banner .plate {
    width: 80%;
  }
  .banner-simple {
    height: 17rem;
  }
}
@media (max-width: 575.98px) {
  .banner .plate {
    width: 90%;
  }
}
.t-home .banner {
  background: #c8c8c6 url(../images/refugee-camp-1600w.jpg) top right;
}
@media (max-width: 1200px) {
  .t-home .banner {
    background-image: url(../images/refugee-camp-1200w.jpg);
  }
}
@media (max-width: 1024px) {
  .t-home .banner {
    background-image: url(../images/refugee-camp-1024w.jpg);
  }
}
@media (max-width: 800px) {
  .t-home .banner {
    background-image: url(../images/refugee-camp-800w.jpg);
  }
}
.t-project .banner {
  background: #c8c8c6 url(../images/unhcr-shelters.jpg) top left;
}
@media (max-width: 1024px) {
  .t-project .banner {
    background-image: url(../images/unhcr-shelters-1024w.jpg);
  }
}
@media (max-width: 800px) {
  .t-project .banner {
    background-image: url(../images/unhcr-shelters-800w.jpg);
  }
}
.t-partners .banner {
  opacity: 1;
}
.t-partners .banner .map {
  color: #959DA2;
  background-color: #D4E0E7;
}
.t-partners .banner .shape {
  background-color: #A5C1D1;
  opacity: 0.7;
}
.t-output .banner {
  background: #c8c8c6 url(../images/outputs2-1600w.jpg) top right;
}
.t-events .banner {
  background: url(../images/icmpd-rt-1600w.jpg) top left;
}
@media (max-width: 1024px) {
  .t-events .banner {
    background-image: url(../images/icmpd-rt-1024w.jpg);
  }
}
@media (max-width: 800px) {
  .t-events .banner {
    background-image: url(../images/icmpd-rt-800w.jpg);
  }
}
.blog .title {
  margin-bottom: 2rem;
}
.t-blog .banner {
  background: url(../images/shimelba3-1600w.jpg) top left;
}
.blog .blog-item .item-content h1 {
  font-size: 2rem;
}
.blog .blog-item .item-content h2 {
  font-size: 1.5rem;
}
.blog .blog-item .item-content h3 {
  font-size: 1.25rem;
}
.blog .blog-item .item-content h4,
.blog .blog-item .item-content h5,
.blog .blog-item .item-content h6 {
  font-size: 1.125rem;
  font-weight: bold;
}
.box-news {
  hyphens: auto;
}
.box-news > .title {
  font-weight: 500;
  font-size: 1.125rem;
}
.box-news .blog-item > .title {
  font-size: 1.5rem;
}
.box-news .blog-item .item-content h1 {
  font-size: 1.25rem;
}
.box-news .blog-item .item-content h2 {
  font-size: 1.125rem;
}
.box-news .blog-item .item-content h3,
.box-news .blog-item .item-content h4,
.box-news .blog-item .item-content h5,
.box-news .blog-item .item-content h6 {
  font-size: 1rem;
  font-weight: bold;
}
.pagination li {
  border-color: #b5b5b5;
}
@media (max-width: 1024px) {
  .t-blog .banner {
    background-image: url(../images/shimelba3-1024w.jpg);
  }
}
@media (max-width: 800px) {
  .t-blog .banner {
    background-image: url(../images/shimelba3-800w.jpg);
  }
}
.t-tools .banner {
  background: url(../images/sewing-machine-1600w.jpg) top right;
}
.t-tools .banner .shape {
  background-color: black;
}
@media (max-width: 1024px) {
  .t-tools .banner {
    background-image: url(../images/sewing-machine-1024w.jpg);
  }
}
@media (max-width: 800px) {
  .t-tools .banner {
    background-image: url(../images/sewing-machine-800w.jpg);
  }
}