/* Hero Carousel */
header.event { background-color: #2f4b98; }
header div.words { color: #ffffff; background: none; z-index: 3; }

.hero { width: 100%; height: 100%; display: flex; justify-content: center; align-items: start; background-color: #2f4b98; }
.hero::before { content: ""; position: absolute; bottom: 0; width: 100%; height: 80%; background: linear-gradient(to top, rgba(47, 75, 152, 1) 10%, rgba(47, 75, 152, 0) 100%); z-index: 2; pointer-events: none; }
main { background: #2f4b98; }

/* Logo */
img.logo { max-width: 390px; }
@media (max-width: 576px) {
  img.logo { max-width: 300px !important; }
}

/* Fix for mobile */
@media (max-width: 576px) { header { height: 60vh; } }

.icon-list li span.icon { opacity: 1; }

.weekends { color: #ffffff; background: #f26365; display: inline-block; padding: 0px 10px 2px; border-radius: 5px; font-size: 14px; }

@media (max-width: 992px) { .sticky-min { min-height: 260px; } }

/* HOME BUTTON */
.home { position: fixed; top: 20px; right: 20px; z-index: 1030; display: inline-block; background-color: #ffffff; margin: 15px; border-radius: 50%; }
.home a { color: #2f4b98; display: table-cell; vertical-align: middle; text-align: center; text-decoration: none; height: 50px; width: 50px; font-size: 1.2rem; }
.home a:hover, .home a:active { color: #bd3aab; text-decoration: none; }

/* Captions */
.img-caption { position: absolute; font-size: 12px; top: 50px; text-align: center; z-index: 1; line-height: 28px; text-shadow: 2px 2px 5px rgba(47, 75, 152, 0.4); }
.img-caption strong { font-size: 24px; font-weight: 900; }
.img-caption p { color: #ffffff; font-size: 20px; font-weight: 400; }
.img-render { color: #ffffff; position: absolute; font-size: 12px; bottom: 30px; right: 30px; text-align: center; z-index: 1; }

@media (max-width: 576px) {
  .img-caption { top: 20px; line-height: 24px; }
  .img-caption strong { font-size: 20px; }
  .img-caption p { font-size: 18px; }
  .img-render { font-size: 10px !important; bottom: 15px !important; right: 15px !important; }
}

/* Event */
.event-bg { color: #ffffff; background: #2f4b98; }
.event-bg:after { background-image: url(../img/dividers/event.png); }
.event-txt { color: #2f4b98; }

.btn-cta { color: #ffffff; background-color: #bd3aab; }
.btn-cta:hover { color: #ffffff; background-color: #6f2265; box-shadow: none; }

a { color: #f07ae0; }
a:hover { color: #bd3aab; }
aside a { color: #bd3aab; }
aside a:hover { color: #6f2265; }

@media (max-width: 768px) {
  .fs-16 { font-size: 16px !important; }
}

.list-details { color: #ffffff; background: #2f4b98; padding: 20px; }
.list-details p { font-size: 18px; }