@import "fonts.v2.css";
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
button,
.blue-btn,
.white-btn {
  font-family: "Roboto";
  font-weight: bold;
}

.page-item.active .page-link {
  background-color: #1a3561 !important;
  border-color: #1a3561 !important;
}

.transition-3 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

nav,
.nav-link {
  font-size: 1.2rem;
  font-family: "Roboto";
  color: rgb(25 52 97) !important;
}

nav,
.nav-item {
  padding: 0.5rem 1rem;
}

.helvetica {
  font-family: "Roboto";
}

body {
  font-family: "Roboto";
  font-size: 1rem;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.com-deputy-img {
  width: 10rem !important;
  height: 10rem !important;
  object-fit: cover !important;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

.font-helvetica {
  font-family: "Roboto";
}

form {
  font-family: "Roboto";
}

.pagination {
  font-weight: bold;
}

.page-item a {
  color: #1c1d21;
}

/* Header */

header {
  background-color: #fff;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 2px 8px -1px rgb(0 0 0 / 40%);
  -webkit-box-shadow: 0px 2px 8px -1px rgb(0 0 0 / 40%);
  -moz-box-shadow: 0px 2px 8px -1px rgba(0, 0, 0, 0.4);
}

.search {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
}

.search img {
  width: 16px;
  height: auto;
}

/* Footer */

footer a {
  color: #6195ff;
  text-decoration: none;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

footer a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  opacity: 0.8;
  color: #6195ff;
}

.white-line {
  background-color: #fff;
  height: 0.1rem;
  width: 100%;
}

.black-line {
  background-color: #181818;
  height: 1px;
  width: 100%;
  margin-bottom: 10px;
}

#footer {
  position: relative;
  font-family: "Roboto";
  color: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #1a3561;
}

.footer-logo {
  text-align: center;
  margin-bottom: 10px;
}

#footer ul {
  list-style-type: none;
}

#footer i {
  color: white;
  font-size: 14px;
  padding-right: 20px;
}

.social-media-row h4 {
  color: #fff;
  font-weight: 500;
  font-size: 15px;
}

.without-header a {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 20px;
  color: #fff;
}

.other-items-list {
  border-top: 1px solid white;
  margin-top: 1rem;
}

.other-items-list > ul {
  padding-left: 0;
  margin-top: 5px;
}

.information-row h4 {
  color: #fff;
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 20px;
}

#footer .media-list {
  width: 65%;
}

#footer li > a {
  color: white;
  font-size: 14px;
  font-weight: 300;
}

.footer-logo > a > img {
  max-height: 100%;
  width: 160px;
}

.footer-follow {
  text-align: center;
  margin-bottom: 20px;
}

.footer-follow li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 13px;
}

.footer-follow li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 3px;
  background-color: #6195ff;
  color: #fff;
}

/* Filter | Form */

.filter_box {
  background-color: #e6e6e6;
}

.deputy-sidebar .filter_box {
  top: 2rem;
}

.filter_box h3 {
  font-size: 30px;
  font-weight: 500;
}

.filter_box label {
  font-size: 20px;
  display: block;
}

.form-control {
  background: rgb(230 230 230 / 35%);
}

.form-control:focus {
  box-shadow: none;
  border: 1px solid;
}

.bootstrap-select {
  width: 49% !important;
  margin-bottom: 10px !important;
}

.form-row {
  justify-content: space-between;
}

.bootstrap-select > .dropdown-toggle {
  height: 2.5rem;
  font-family: inherit;
}
.bootstrap-select > .dropdown-toggle {
  width: 99% !important;
}

.bootstrap-select .form-control:hover {
  border: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  background-color: #2c3e50;
  border-color: #2c3e50;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > a:after {
  display: none;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
}

.dropdown-submenu i {
  font-size: 0.8rem;
  margin-left: 2%;
  color: #212529;
}

.bs-searchbox .form-control {
  border-bottom: 1px solid;
  border-radius: 0;
}

/* Navbar */

nav {
  width: 100%;
}

.navbar-brand img {
  width: 10rem;
}

.banner {
  background: #fff;
  font-family: "Roboto", sans-serif;
}

.navbar-nav-primary {
  text-transform: uppercase;
}

/* Sections */

.act-title {
  min-height: 10rem;
}

.act-title .alert-heading {
  font-size: 1.2rem;
}

.named_section {
  position: relative;
  padding: 5rem 0;
  min-height: 20rem;
}

.named_section .container {
  max-width: 90%;
  overflow: hidden;
}

.section_title {
  height: 15rem;
  background: #1a3561;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  color: #fff;
  text-align: center;
  writing-mode: tb-rl;
  display: inline-block;
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.section_title_white {
  background-color: #fff;
  color: #1a3561;
}

.section_title h2 {
  font-size: 1rem;
  font-weight: bold;
  transform: rotate(180deg);
  margin: 1rem 0.5rem;
}

.test > :nth-child(1) {
  justify-self: center;
  padding-left: 2px;
}

.social-media__icon {
  display: grid;
  font-size: 20px;
  grid-template-columns: repeat(3, 25px);
}

.agenda {
  background-color: #e6e6e6;
}

.blue_container {
  background-color: #1a3561;
}

.speaker-chair {
  height: 32px;
  background-color: #586eb6;
}

/* disp */

.font-size {
  font-size: 1.5rem !important;
}

a {
  color: #2c3e50;
}

a:hover {
  text-decoration: none;
  color: #2c3e50;
}

:root {
  --main-color: #1a3561;
}

form input {
  border: none;
  outline: none;
  padding: 2px 5px;
}

form input:hover {
  outline: none;
  border: none;
}

.blue {
  color: var(--main-color);
}

.bg-gray {
  background: #e6e6e6;
}

/* Parties */

.img-box .card-img-top {
  max-height: 4rem;
  max-width: 100%;
  width: auto;
  width: auto;
}

.img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10rem;
  width: 100%;
}

.deputy-img-box,
.search-result-img-box {
  width: 17rem;
  height: 17rem;
  overflow: hidden;
  max-width: 100%;
  border-radius: 5%;
}

.deputy-img-box img {
  object-fit: cover;
  object-position: center;
  object-position: top;
  width: 100%;
}

.search-result-img-box img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
}

.social-contact a {
  display: flex;
  align-items: center;
  line-height: 3rem;
}

#comm_slides .swiper-pagination {
  bottom: -5px;
  left: 0;
  width: 100%;
}

.top10-deputies-row {
  overflow: hidden;
}

.w-23 {
  width: 23rem !important;
}

.h-23 {
  height: 23rem !important;
}

.deputy-party .card-img-top {
  height: 5rem;
  max-width: 100%;
  width: auto;
}

.deputy-party .pic {
  width: 100%;
}

/* Party & Draftlawacts */

.deputy-filter-dropdow,
.draftlawacts-filter-dropdown {
  font-family: "Roboto";
}

.filter-button {
  background: transparent;
  color: black;
  border: 1px solid #1a3561;
  margin: 0 0.5em;
}

#accepted {
  color: #1a962a;
}

#rejected {
  color: #d11a2a;
}

.draftlawact-header {
  text-transform: none;
  font-weight: normal;
  color: var(--main-color);
  margin: 3rem 0;
  font-size: 1.6rem;
}

/* Deputy */

.contact i {
  font-size: 1.3em;
  width: 11%;
  text-align: center;
  color: #1a3561;
}

.contact span {
  line-height: 2.2em;
}

.deputy-page-swiper {
  min-height: 10rem;
  overflow: hidden;
  align-items: center;
}

.biography {
  position: relative;
}

/* Filters */

.deputy-filter select {
  background: #6c757d;
  color: #fff;
}

#deputy-full-name {
  font-family: "Roboto";
  display: block;
  font-size: 1.5rem;
}

#rollback_filter1 {
  cursor: pointer;
  color: #1664d8;
  font-family: 'Roboto', sans-serif !important;
}

.page-link {
  cursor: pointer;
}

.red {
  color: #e74c3c !important;
}

.blue-box a {
  color: #fff;
}

.dsk-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dsk-box .heading-alert {
  align-self: flex-start;
}

.dsk-box .dsk-btn {
  align-self: flex-end;
}

.dsk-pop-up,
.journal-pop-up {
  position: fixed;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 1000;
  display: block;
  width: 30rem;
  max-width: 100%;
  background: #fff;
  border-radius: 5px;
  padding: 20px 15px;
  box-shadow: 0px 2px 8px -1px rgb(0 0 0 / 40%);
  -webkit-box-shadow: 0px 2px 8px -1px rgb(0 0 0 / 40%);
  -moz-box-shadow: 0px 2px 8px -1px rgba(0, 0, 0, 0.4);
}

.journal-description {
  overflow-y: scroll;
  height: 20rem;
}

.content-box {
  min-height: 100px;
}

.content-box h3 {
  font-size: 1.4rem;
}

.content-box span {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.2rem;
}

.content-box .deputy-img-box {
  width: 9rem;
  height: 9rem;
}

.description-box {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 17rem;
}

.description-box p {
  font-family: "Roboto";
  font-size: 15px;
  padding-left: 0.7rem;
}

.description-box::-webkit-scrollbar {
  display: none;
}

/* Video Detail Page */

.video_container {
  background-color: #1a3561;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 2rem;
  color: #fff;
  min-height: 30rem;
}

.video_container .row {
  height: 100%;
}

.video_container iframe {
  width: 100%;
  min-height: 25rem;
}

.video {
  background-color: #fff !important;
  padding: 0 !important;
}

/* Video Detail Page End */

/* BOX */

.blue-item-box {
  background: #1a3561;
  color: #fff;
}

/* BOX End */

/* Search Row */

.search-row {
  min-height: 18rem;
  overflow: hidden;
}

/* Sharing On Social Media Buttons Start */

.social-media-sharing {
  color: #1a3561;
  text-align: center;
}

.social-media-sharing i {
  padding: 0 0.8rem;
}

/* Sharing On Social Media Buttons End */

#leader,
#deputy {
  margin-bottom: 170px;
}

.leader-img,
.deputy-img {
  padding: 4px;
  margin: 0 10px 5px 0;
  width: 210px;
  float: left;
}

.leader-name,
.deputy-name {
  color: #181818;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  padding: 0;
  font-family: "Roboto";
  margin-bottom: 15px;
}

.leader-content > ul > li {
  margin-bottom: 5px;
  text-align: initial;
}

.deputy-content > ul > li {
  margin-bottom: 5px;
  text-align: initial;
}

.leader-content,
.deputy-content {
  margin-bottom: 10px;
  color: rgb(0, 0, 0);
  text-align: justify;
  font-family: "Roboto";
}

.leader-content div,
.deputy-content div {
  margin-bottom: 1rem;
}

/* Search Row End */

@media (max-width: 575px) {
  .navbar-brand img {
    width: 6rem;
  }
  .search-row {
    padding: 0 1rem;
  }
  .information-row,
  .social-media-row {
    padding-left: 35px;
  }
  .information-row {
    margin-top: 2rem;
  }
  .information-row ul {
    padding-left: 0;
  }
  .top10-deputies-row {
    min-height: 40rem;
    margin-bottom: 5%;
  }

  .journal-pop-up {
    width: 20rem;
    height: 55%;
  }
}