@import url(carbon.css);
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,300;0,400;0,700;1,400&display=swap');

:root {
  --font: 'Albert Sans', sans-serif;
  --font2: 'Albert Sans', sans-serif;
  --font3: 'Albert Sans', sans-serif;
  --display: 300;
  --medium: 700;
  --bold: 700;
  /* colors */
  --body: #fff;
  --color: #111;
  --ac: #000;
  --light: #F9f9f9;
  --dark: #4a4b4d;
  --darkest: #000;
  --link: var(--ac);
  --h1-c: var(--color);
  --h2-c: var(--color);
  --h3-c: var(--color);
  --h4-c: var(--color);
  --elg-c: var(--color);
  --lead: var(--color);
  --inv: var(--body);
  /* table & form */
  --form: #F4F1EA;
  --th: var(--ac);
  --tr: rgba(255, 255, 255, .3);
  --th-txt: #f0f0f0;
  /* buttons */
  --rad: 0;
  --btn: var(--body);
  --btn-font: var(--font3);
  --btn-fs: .875rem;
  --btn-fw: var(--medium);
  --btn-bg: var(--ac);
  --btn2: var(--light);
  --btn2-bg: #666;
  --btn-inv: var(--light);
  --btn-bg-inv: var(--light);
  /* layout */
  --container: 1440px;
  --narrow: 740px;
  --x: 1.5rem;
  --y: 3rem;
  --y2: clamp(1.5rem, 10vmin, 8rem);
  --spacer: 1rem;
  /* nav */
  --header: rgba(255, 255, 255, .95);
  --header-blur: blur(8px);
  --header-alt: linear-gradient(to bottom, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%);
  --header-alt-noban: #fff;
  --nav: 60px;
  --nav-alt: 60px;
  --logo: url(../data/uploads/logos/logo.svg);
  --logo-filter: invert(100%);
  --logo-filter-alt: none;
  --logo-filter-alt-noban: invert(100%);
  /* navico */
  --nico: var(--color);
  --nico-alt: var(--body);
  --nico-close: var(--body);
  --nico-alt-noban: var(--color);
  /* mobile menu */
  --menu-bg: var(--footer-bg);
  --menu: #888;
  --menu-fs: 2rem;
  --olay: rgba(0, 0, 0, .5);
  --cta-bg: var(--light);
  --cta-url: url(../data/uploads/logos/whatsapp.svg);
  /* footer */
  --footer: var(--body);
  --footer-bg: #111;
  --footer-a: var(--body);
  /* icons */
  --ico: 40px;
  --ico-sm: 18px;
  --ico-filter: none;
  --ico-sm-filter: none;
}

/* desktop */
@media (min-width: 1200px) {
  :root {
    /* layout */
    --x: 3rem;
    --y: 7rem;
    --spacer: 2rem;
    --jut: -50px;
    /* nav */
    --nav: 70px;
    --nav-alt: 100px;
    --menu-pad: .5625rem 1.5rem;
    --menu-alt: var(--body);
    --menu-fs: 2.875rem;
    --submenu-bg: var(--ac);
    --cta-bg: none;
    --cta: var(--light);
    --cta-border: 2px solid var(--light);
    --cta-bg-alt: none;
    --cta-alt: var(--body);
    --cta-border-alt: 2px solid var(--body);
  }
}

/* large desktop */
@media (min-width: 1440px) {
  :root {
    --x: 5rem;
    --nav: 70px;
    --nav-alt: 120px;
    --menu-pad: .625rem 2rem;
  }
}

/* Custom Styles */

.b1 {
  background: var(--light) url(../images/pat2.png);
  background-size: 200px auto;
}

.b2{
  background: var(--dark) url(../images/pat.png);
  background-size: 175px auto;
}

.b3 {
  background-color: var(--darkest);
}

h4 {
  margin-bottom: .5rem
}

.inv *{
  color: var(--light) !important;
}

.location .elg{
  filter: brightness(0.75);
  margin-bottom: .375rem;
  font-weight: var(--medium)
}

.location .ico img{
  filter: invert(100%)
}

.contact .location{
  display: none
}

.gmap iframe{
  border: 0;
  height: 100%;
  width: 100%;
  filter: grayscale(100%);
  min-height: 500px
}

footer {
  /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(at top center, rgba(255, 255, 255, 0.40) 0%, rgba(0, 0, 0, 0.40) 120%) #222;
  background-blend-mode: multiply, multiply;*/
  background: var(--darkest) url(../images/pat3.png);
  background-size: 250px auto;
  color: var(--light)
}

footer h4 {
  font-size: .813rem;
  margin-bottom: .5rem;
  color: var(--light)
}

footer img {
  filter: invert(100%)
}

footer p.elg {
  font-size: .5625rem;
  letter-spacing: 1px;
  line-height: 2
}

footer p.elg a{
  color: var(--ac2) !important;
  opacity: .01;
  font-size: .625rem
}

.contact footer p.elg a{
  opacity: .7;
}

@media screen and (min-width: 30rem) {
  footer p.elg{
    font-size:.6875rem;
    letter-spacing: 2px
  }
}

[class*=framed] {
  position: relative;
  margin-bottom: 0;
  align-self: center;
  width: auto !important;
}

[class*=framed]::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  width: 100%;
  height: 100%;
  border: 2px solid var(--light);
  pointer-events: none;
}

.framed2::before {
  border: 2px solid #fff;
  opacity: .7
}

[class*=framed]>*+* {
  margin-top: .5rem
}

.is-cms [class*=framed]::before {
  display: none;
}

nav ul {
  background: #111 url(../images/logo3.png) no-repeat left bottom;
  background-size: auto 100vh
}

@media screen and (min-width: 768px) {
  .framed-r {
    align-self: flex-end;
  }

  .framed-l {
    align-self: flex-start;
  }
}

.awards p{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  padding: 0 var(--x);
}

.awards img, img.small {
  height: 90px;
  margin: .5rem
}

/* lbox */
.grid-wrapper>* {
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid-wrapper>*>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.grid-wrapper {
  display: grid;
  grid-gap: 3px;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-auto-rows: 400px;
  grid-auto-flow: dense;
  max-width: 1440px;
  margin: 0 auto;
}

.showhide{
  display: none;
}

.showhide.on{
  display: block;
}

.glightbox-clean .gslide-description {
  background: transparent !important;
}

.glightbox-clean .gslide-title {
  color: var(--ac) !important;
  font-weight: 700 !important;
  font-family: var(--font) !important;
  margin-bottom: 0 !important;
}

.glightbox-clean .gslide-desc {
  font-family: var(--font) !important;
}