/**
ALL CUSTOM STYLES ARE HERE
 */
/****GLOBALS****/
html,
body,
#site-wrapper {
  height: 100%;
  position: relative;
}
.bg-btc {
  background-color: #504b69;
}
.slick-prev:before,
.slick-next:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600 !important;
  color: #fff !important;
}
.slick-prev,
.slick-next {
  background-color: rgba(0, 0, 0, 0.2);
  height: 5rem;
  width: 1.8rem;
}
.slick-next {
  right: -5px;
  top: 9rem;
}
.slick-prev {
  left: -5px;
  top: 9rem;
  z-index: 1;
}

.article-news .slick-next,
.article-news .slick-prev {
  top: 7rem;
}
.slick-next:before {
  content: "\f054" !important;
}
.slick-prev:before {
  content: "\f053" !important;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background-color: rgba(0, 0, 0, 0.6);
}

:focus {
  outline: none !important;
}
#backtotop {
  background-color: rgba(176, 186, 154, 0.5);
  padding: 1rem;
  position: fixed;
  bottom: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  border-radius: 0.5rem;
  color: #504b69;
  box-shadow: 0px 0px 5px 0px #333333;
}
.card {
  border: none;
}
.img-fluid {
  width: 100%;
}
.latestissue-each img {
  max-width: 220px;
  margin: 0 auto;
}

/****HEADERS****/
/*.navbar-brand img { max-width:250px; }*/
nav.navbar {
  border-bottom: 5px solid #b4a9a6;
}
ul.navbar-nav li.nav-item a {
  font-weight: bold;
  font-size: 1rem;
}
ul.navbar-nav li.nav-item a i {
  font-size: 1.4rem;
}
ul.navbar-nav li.nav-item a {
  cursor: pointer;
}

/****CONTENTS****/
.carousel .carousel-item .img-wrap {
  width: 100%;
  height: 100%;
  min-height: 25rem;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ccc;
}
.carousel .carousel-indicators {
  margin: 1rem;
}
.carousel .carousel-indicators .thumbs-wrap {
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.1);
  background-size: cover !important;
  width: 2rem;
  height: 1.5rem;
}
.carousel .carousel-item .carousel-caption {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  padding: 1rem;
  left: 0;
}
.card .article-img-wrap {
  min-height: 12rem;
  background-position-x: center;
  background-position-y: 20%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ccc;
}
.card .editorial-wrap {
  color: #333333;
  font-size: 12px;
  font-style: italic;
}
.latestissue-wrap .latestissue-each .card .card-img-top,
.latestissue-wrap-2 .latestissue-each .card .card-img-top {
  max-width: 10rem;
  margin: 0 auto;
}
.article-wrap,
.latestissue-wrap {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 3px;
}

.article-wrap-2,
.latestissue-wrap-2 {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 3px;
}

.article-wrap-3,
.latestissue-wrap-3 {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 3px;
}

.img-fluid.main-banner {
  max-height: 85px;
}
.img-fluid.main-banner-v {
  max-height: 390px;
  object-fit: contain;
}

/****FOOTER****/
.footer {
  background-color: #c3e6cb;
  font-size: 14px;
  color: #333;
}

/****CUSTOM MEDIA QUERIES****/
@media screen and (max-width: 991px) and (min-width: 454px) {
  .navbar-brand img {
    max-width: 350px;
  }
}

@media only screen and (max-width: 575px) {
  .card .article-img-wrap {
    min-height: 20rem;
  }
  .carousel .carousel-item .img-wrap {
    min-height: 20rem;
  }

  .slick-next {
    right: 5px;
  }
  .slick-prev {
    left: 5px;
    z-index: 1;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  ul.navbar-nav li.nav-item a {
    font-size: 0.63rem;
  }
  ul.navbar-nav li.nav-item a i {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 992px) {
  .img-fluid.main-banner {
    min-height: 85px;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .img-fluid.main-banner {
    min-height: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .img-fluid.main-banner-v {
    object-fit: contain;
  }
}

@media only screen and (max-width: 454px) {
  .navbar-brand img {
    max-width: 150px;
  }
}