@import url('body.css');

/* Carousel */
.bgcarousel {
  background-image: url('../Images/IMG_0385-resized.jpg');
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    overflow: hidden;
  }
  
  .bg-block {
    background-color: rgba(255, 255, 255, 0.9);
    margin-top: 470px;
    padding-block: 20px;
    margin-bottom: 150px;
  }
  
  h1.font-bold {
    font-size: 80px;
  }

  /* News */
  .news figure {
    cursor: pointer;
    transition: transform .2s;
    height: 300px;
    display: flex;
    flex-direction: column;
  }

  .news figure a, .card-text {
    text-decoration: none;
    overflow: hidden;
  }

  .news figure:hover {
    transform: scale(1.02) !important;
  }

  .news figure img {
    aspect-ratio: 16/9; 
    object-fit: cover;
  }

  .news figcaption {
    color: #424242;
  }

  .card-title {
    font-family: "Poppins";
  }

  .news figure:hover .card-title {
    color: #8d0100;
  }

  .card-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 21px;
  }

  @media (max-width: 1024px) {
    /* Carousel */
    h1.font-bold {
      font-size: 2.5rem;
    }

    .news figure {
      height: 240px;
    }

    .card-title {
      font-size: 12px;
    }
  }

  @media (max-width: 912px) {
      /* Navbar */
  .navbar {
    background-color: #f8f8f8;
  }

  .navbar-brand img {
    width: 120px;
  }

  .navbar .container {
    padding-bottom: 3px;
  }

  .navbar .col-auto {
    width: 100%;
  }

  .navbar .nav-item {
    font-size: 14px;
    line-height: 12px;
    margin-bottom: 10px;
  }

  .navbar-nav {
    flex-direction: column;
    align-items: flex-start;
  }

  .search-bar {
    opacity: 1;
    border-bottom: outset;
  }

  .search-bar-container {
    width: auto;
  }

  .search {
    display: none;
  }

  .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 10px;
  }

  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px;
  }
  
    .news figure {
      height: 200px;
    }

    .card-title {
      font-size: 10px;
    }
  }

  h1 {
	  color:#222121 !important;
  }
  
@media (max-width: 540px) {
    /* Footer */
  .bg-footer {
    overflow-x: hidden;text-align: center !important;
  }

  .title-footer {
    text-align: center  !important;
  }

  .bg-footer .col-md-3 p {
    display: flex;
    justify-content: center  !important;
  }
}