/* Bootstrap 5: Custom 5-column grid */
.col-5th, .col-sm-5th, .col-md-5th, .col-lg-5th, .col-xl-5th {
  position: relative;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x, 0.75rem) * 0.5);
  padding-left: calc(var(--bs-gutter-x, 0.75rem) * 0.5);
}

.col-5th {
    flex: 0 0 auto;
    width: 20%;
}

@media (min-width: 576px) {
  .col-sm-5th {
    flex: 0 0 auto;
    width: 20%;
  }
}

@media (min-width: 768px) {
  .col-md-5th {
    flex: 0 0 auto;
    width: 20%;
  }
}

@media (min-width: 992px) {
  .col-lg-5th {
    flex: 0 0 auto;
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .col-xl-5th {
    flex: 0 0 auto;
    width: 20%;
  }
}

img.size-full {
  max-width: 100%;
  height: auto;
}

img.aligncenter {
	display: block;
  margin-left: auto;
  margin-right: auto;
}

.block#upgrade-browser {
  margin-bottom: 0;
}

/* Bootstrap 5: Navbar toggler styles */
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler:hover .navbar-toggler-icon, .navbar-toggler:focus .navbar-toggler-icon {
  opacity: 0.75;
}

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: #344e86;
}

.btn-twitter {
  color: #fff;
  background-color: #00aced;
  border-color: #0099d4;
}

.btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
  border-color: #d73925;
}

.btn-linkedin {
  color: #fff;
  background-color: #007bb6;
  border-color: #006a9d;
}

.btn-youtube {
  color: #fff;
  background-color: #bb0000;
  border-color: #a20000;
}

@media (min-width: 768px) {
  .navbar-right {
    margin-right: 0;
  }
}

/* Bootstrap 5: Carousel fade effect */
.carousel-fade .carousel-item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-item,
.carousel-fade .carousel-item-start,
.carousel-fade .carousel-item-end {
  opacity: 0;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  opacity: 1;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-start,
.carousel-fade .carousel-item-end {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control-prev,
.carousel-fade .carousel-control-next {
  z-index: 2;
}