/* esquinaslodge.com on TYPO3 13: additions to site-legacy.css (ported fileadmin/css/site.css of the t3sbootstrap site) */
@media (min-width: 768px) {
  #main-navbar .dropdown:hover > .dropdown-menu { display: block; margin-top: 0; }
}
.esq-slider .carousel-item img { width: 100%; height: auto; display: block; }
.esq-slider .carousel-indicators { position: static; margin: .5rem 0 0; }
.esq-slider .carousel-indicators [data-bs-target] { width: 12px; height: 12px; border-radius: 50%; background: #aaa; border: 0; opacity: 1; }
.esq-slider .carousel-indicators .active { background: #000; }
.back-to-top { position: fixed; right: 1rem; bottom: 1rem; display: none; font-size: 2rem; line-height: 1; text-decoration: none; color: #00733c; z-index: 1000; }
@media (max-width: 767.98px) {
  .offcanvas-collapse { display: none; }
  .offcanvas-collapse.open { display: block; }
}

/* same content width as the t3sbootstrap site (Bootstrap 4: 1140px) */
@media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1140px; } }
/* images scale with their column (t3sbootstrap: img-fluid) */
.ce-gallery img, .ce-gallery figure, .ce-gallery .ce-column, .ce-gallery .ce-outer, .ce-gallery .ce-inner { max-width: 100%; height: auto; }
.ce-gallery .ce-outer, .ce-gallery .ce-inner { float: none; right: auto; }
@media (min-width: 768px) { .menupages, .menusubpages { flex-direction: column; } }

/* link colours of the t3sbootstrap theme */
:root { --bs-link-color: #d71921; --bs-link-color-rgb: 215, 25, 33; --bs-link-hover-color: #a8141a; --bs-link-hover-color-rgb: 168, 20, 26; }

/* breadcrumb: inline items (old markup) */
.breadcrumb > .container { display: flex; flex-wrap: wrap; }
/* fluid_styled_content gallery: columns side by side like t3sbootstrap (flex, equal width) */
.ce-gallery .ce-row { display: flex; gap: 1rem; margin-bottom: 1rem; }
.ce-gallery .ce-column { flex: 1 1 0; min-width: 0; float: none; margin: 0; }
.ce-gallery .ce-column img { width: 100%; }

/* page title over the slider (Bootstrap 5 carousel-fade items have z-index 1) */
.jumbotron .page-title h1 { z-index: 5; }
/* slider with thumbnail strip (former slickcarouselsync) */
.esq-slider-thumbs .carousel-indicators { flex-wrap: wrap; gap: .4rem; justify-content: center; }
.esq-slider-thumbs .carousel-indicators [data-bs-target] { width: 110px; height: auto; border-radius: 0; background: none; opacity: .6; text-indent: 0; padding: 0; margin: 0; }
.esq-slider-thumbs .carousel-indicators .active { opacity: 1; background: none; outline: 2px solid #ffc20e; }
.esq-slider-thumbs .carousel-indicators img { width: 100%; height: auto; display: block; }
.esq-slider-caption { text-align: center; padding: .4rem; color: #666; }

/* type scale of the t3sbootstrap theme (Bootstrap 4): 14px root on phones, fixed h1 */
@media (max-width: 575.98px) { html { font-size: 14px; } }
h1, .h1 { font-size: 2.5rem; }