/*!
* Campos / ICFM / Caademy Theme 
* Copyright 2011-2025 by Atelier 26 AG
*/

:root, 
[data-color-mode="light"], 
[data-color-mode="dark"] {
  color-scheme: light dark;
  --bs-gradient-1: linear-gradient(180deg, var(--bs-surface-100) 0%, var(--bs-white) 90%) !important;
}

/* Login Button CTA meta-menu */
[data-uid="9"] {
  margin-left: 1rem;
  margin-top: -0.1875rem;
}


/* Slope only at the bottom - 4.97° angle */

header section, .section--angled-bottom {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8.7vw), 0 100%);
   margin-bottom: calc(-8.7vw - 1px) !important;
}

header section .section-container,
.section--angled .section-container {
  padding-bottom: calc(8.7vw + calc(var(--bs-gutter-y) * 2.5)) !important;
}
header section .section-content {
  margin-bottom: calc(4.35vw + calc(var(--bs-gutter-y) * 2.5)) !important ;
}
/* Slope of 4.97° (remains safely below 5°) */
main section,.section--angled {
  clip-path: polygon(0 8.7vw, 100% 0, 100% calc(100% - 8.7vw), 0 100%);
   margin-bottom: calc(-8.7vw - 1px) !important;
}

main section .section-container,
.section--angled .section-container {
  padding-top: calc(8.7vw + calc(var(--bs-gutter-y) * 2.5)) !important;
   padding-bottom: calc(8.7vw + calc(var(--bs-gutter-y) * 2.5)) !important;
}

/* Slope only at the top - 4.97° angle */
footer section,.section--angled-top {
  clip-path: polygon(0 8.7vw, 100% 0, 100% 100%, 0 100%);
}

footer section .section-container,
.section--angled .section-container {
  padding-top: calc(8.7vw + calc(var(--bs-gutter-y) * 2.5)) !important;
}

.documentation header section,
.documentation main section,
.documentation footer section {
  clip-path: none;
  padding-top: 0;

}
.documentation main section .section-container {
  padding-top: calc(var(--bs-gutter-y) * 3) !important;
  padding-bottom: calc(var(--bs-gutter-y) * 2) !important;
}
.documentation footer {
  display: none;
}

.faq-item {
  border-radius: var(--settings-card-border-radius);
  background-color: var(--bs-surface-50);
  padding: var(--bs-gutter-x);
}


/* Main Navbar */
.page .navbar {
  border-bottom: 1px solid var(--bs-text-100) !important;
}

@media (min-width: 768px) {

  .home .header-content::after {
    display: block;
    position: absolute;
    bottom: calc(-8.7vw + 1rem) !important;
    right: var(--bs-container-padding);
    color: var(--bs-accent-base);
    font-weight: var(--bs-font-weight-bold);
  }
  [data-site="website"].home .header-content::after {
    content: "coded with love by icfm";
  }

  [data-site="icfm"].home .header-content::after {
    content: "the developers of campos";
  }

  [data-site="academy"].home .header-content::after {
    content: "the academy of campos";
  }
}
/*
@media (min-width: 1400px) and (min-height: 1050px)  {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
  max-width: 1920px;
  }
}
*/
[class*="btn-"][class*="-link"]::after {
  content: " ›";
  font-size: 150%;
  vertical-align: -1px;
}


/* Module special Card Style (.card-module) */

.card-modul {
  margin-top: calc(var(--bs-gutter-y) * 7);
  overflow: visible;
}
.card-modul:target {
  scroll-margin-top: calc(var(--bs-gutter-y) * 5);
}
.card-modul .card-img {
  position: absolute;
  top: calc(var(--bs-gutter-y) * -6);
  height: calc(var(--bs-gutter-y) * 6);
}
.card-modul .card-img img {
  height: calc(var(--bs-gutter-y) * 5);
}

.content-accordion h4.accordion-header,
.content-card-accordion h4.accordion-header {
  font-size: 90%;
}


/* Team special Card Style (.card-team) */

.card-team {
  background: transparent;
  box-shadow: none;
  border: none;
}
.card-team .card-img {
  border-radius: var(--bs-border-radius);
}

.card-team a {
  color: var(--bs-text-muted)
}

.card-team a:hover {
  color: var(--bs-primary-base);
  text-decoration: none;
}

.card-icfm .card-img,
.card-icfm .card-img img {
  height: calc(var(--bs-gutter-y) * 5);
}
.card-icfm {
  box-shadow: none;
  border: none;
  background: transparent;
}

.logo-banner {
  border-radius: var(--bs-border-radius-3);
  background-color: hsl(from var(--bs-surface-50) h s l / 1) !important;
  padding: calc(var(--bs-gutter-x) * .5);
}

/* Module Übersiccht */

#c1568 .gallery figure:nth-child(1) {
    margin-left: 16.66666667%;
}

#c1568 .gallery figure:nth-child(4) {
    margin-right: 16.66666667%;
}

#c1568 .gallery .figcaption,
#c1568 .gallery .image-caption {
  font-size: var(--bs-font-size-extra-small);
  line-height: var(--bs-line-height-extra-small);
  text-align: center;
  color: var(--bs-primary-base);
}

#c1568 .gallery figure {
  padding-right: calc(var(--bs-gutter-x) * 0.25);
  padding-left: calc(var(--bs-gutter-x) * 0.25);
  
}
#c1568 .gallery figure a {
  transition: all .3s ease-out;
}
#c1568 .gallery figure a:hover{
  opacity: 0.5;
  transition: all .3s ease-out;
}

/* Module Home Mod */
#c1569 figcaption {
  display: none;
} 

#c1569 .content-image {
  margin-top: 0;
}

:root {
  --bs-toggler-menu-bg-color: var(--bs-surface-50);
}
#toggler-menu.navbar-collapse::before {
    background-color: var(--bs-toggler-menu-bg-color);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8.7vw), 0 100%);
}

#toggler-menu .main-menu {
  margin-bottom: 4rem;
}

#toggler-menu .nav-link,
#toggler-menu .dropdown-item {
  --bs-nav-link-padding-y: 0.375rem;
  font-size: 105%;
  font-weight: var(--bs-nav-link-font-weight);
}