/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 24 Jun, 2020, 5:42:01 PM
    Author     : mangesh.gawade
*/
body.path-data {
  background-color: #122a39;
  color: #ffffff;
  overflow: hidden;
}
.dd-project .home__box .text--big {
  color: #ffffff;
}
header.header,
footer.footer-pad {
  display: none;
}
.container-fluid.page {
  padding: 0;
}
.section__content.intro a,
.dd-project .link,
#menu + #arrows-control .arrow__link {
  color: #ffffff;
  text-decoration: none;
}
.dd-project.body--light #menu + #arrows-control .arrow__link,
.dd-project.body--light .sound__link {
  color: #494949;
}
.dd-project.body--light .intro__info__text,
.dd-project .demographic-title,
.dd-project .info .title,
.dd-project .menu__close {
  color: #ffffff;
}
.home__box .col-md-6 {
  padding: 0;
}
.dd-project .map__select-box {
  max-width: 280px;
}
.select2-container {
  max-width: 100%;
  top: -10px;
}
.map__select-box .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999999;
}
.select2-search--dropdown .select2-search__field {
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  padding: 2px 8px;
}
.dd-project .title {
  line-height: 1.2em;
}

/*----*/
.dd-project .title {
  font-weight: 400;
  line-height: 1;
  margin: 0;
}
.dd-project .home__box .text--big {
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .dd-project .section {
      float: left;
  }
}

.lang-es .dd-project .graph-container__legend__age,
.lang-fr .dd-project .graph-container__legend__age {
  left: auto;
}

.slick-slider.overlay {
  z-index: 100;
}

/*---css for language switcher block on dd home page start---*/
.site-language.dd-data {
  border-left: 0 none;
  position: absolute;
  z-index: 20;
  right: 80px;
  top: 20px;
  align-items: center;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (max-width: 570px) {
  .site-language.dd-data {
    right: 20px;
    top: 10px;
  }
}
.site-language.dd-data ul.language-switcher-locale-url {
  list-style: none;
  display: flex;
  min-width: 100px;
}
.site-language.dd-data ul.language-switcher-locale-url li {
  margin: 0 5px
}
.site-language.dd-data ul.language-switcher-locale-url li a {
  font-size: 14px;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}
.dd-project.body--light .site-language.dd-data ul.language-switcher-locale-url li a {
  color: #494949;
  margin: 0;
  padding: 0;
}
.lang-en .site-language.dd-data ul.language-switcher-locale-url li.en a, 
.lang-es .site-language.dd-data ul.language-switcher-locale-url li.es a, 
.lang-fr .site-language.dd-data ul.language-switcher-locale-url li.fr a {
    color: #f7941e;
}
/*---css for language switcher block on dd home page end---*/

@media (max-width: 480px) {
  .dd-project .modal__legend--left {
    left: -45px;
    width: 110px;
    top: 20px;
  }
  .dd-project .modal__legend--right {
    right: -45px;
    width: 110px;
    top: 20px;
  }
  .dd-project .demographic-dividend-container .col-md-6 {
    padding: 0;
  }
  .dd-project .section-graph .row {
    margin-left: 0;
    margin-right: 0;
  }
  .dd-project .section.map {
    height: auto;
  }
  .dd-project .map__legend {
    padding-bottom: 10px;
  }
}

@media (max-width: 360px) {
  .dd-project .info .title {
    font-size: 40px;
  }
  .lang-fr .dd-project .demographic-dividend-container .title {
    font-size: 36px;
  }
  .lang-fr .dd-project .home__title.title {
    font-size: 40px;
  }
}
@media (max-width: 300px) {
  .dd-project .info .title {
    font-size: 30px;
  }
  .lang-fr .dd-project .home__title.title {
    font-size: 36px;
  }
}