/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

body {
  overflow-x: hidden;
}

/* Half Page Carousel itself*/
.carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.2); }

.top-nav-collapse {
  background-color: #929FBA; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #929FBA; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #929FBA; }


  html,
  body,
  header,
  .carousel {
    height: 60vh;
  }

  @media (max-width: 740px) {
    html,
    body,
    header,
    .carousel {
      height: 100vh;
    }
  }

  @media (min-width: 800px) and (max-width: 850px) {
    html,
    body,
    header,
    .carousel {
      height: 100vh;
    }
  }
  .navbar {
    background-color: #aa49499d !important;
  }
  .instagram-container{
    padding: 5px;
  }

.instagramView{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  justify-content: center;
}

@media (max-width: 768px) {
  .instagramView {
    margin: 0 auto; /* Center the posts */
    max-width: 90%;
    justify-content: center;
  }
}

.instagramViewContainer{
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-x: hidden;
}
.textalign{
  text-align: center;
}
.boutonCookie{
  background: #ffacac9d ;
  color:rgb(235, 235, 235);
  border: none;
  padding: 6;
  margin: 4;
  font: inherit;
  cursor: pointer;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}

button:hover {
  background: #ae7272dc; 
}
.cookieBanner{
  width: 100%;
  position: fixed; 
  bottom: 0px; 
  background: #aa49499d;  
  padding: 20px; 
  z-index: 1000;
  font-size:large;
  color:rgb(235, 235, 235);
  display: flex;
  flex-direction: row;
}

.LogoCarouselContainer{
  display: flex;
  justify-content: center;
}

.LogoCarousel{

  border: 2px;
  border-style: solid;
  border-color: white;
  padding: 20px;
  
}
.MainTitle{
  font-weight: 600;
  font-size: 50px;
}
.MainText{
  font-size: 20px;
  text-align: justify;
}

.justifyText{
  text-align: justify;
}

.LanguageButton{
  all:unset;
  color:rgb(235, 235, 235);
  padding:5px;
  background-color:rgba(255,255,255,0.1) ;
}

.LanguageButtonContainer{
  display :flex;
  padding:5px;
  align-content: center;
}

.footerLink{
  display: flex;
  flex-direction: row;
  padding: 5px; 
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.interopLogo{
  width: 140px;
  height: 100px;
}

.policy{
  all: unset;
  color: white;
  text-decoration: underline;
}