:root {
  --main-header-bg-color: #fff;
  --heading-text-color: #0c2a4a;
  --subheading-text-color: #2075bc;
  --accent-color: #0c2a4a;
  --light-accent-color: color-mix(in oklab, var(--accent-color), transparent 90%);
  --accent-heading-text-color: #fff;
  --accent-text: #fff;
  --footer-bg-color: #f9f9f9;
  --footer-text-color: #333;
  --background-color: #fff;
  --font-color: #333;
  --services-title: #2075bc;
  --services-bg-color: var(--background-color);
  --services-text: #333;
  --border-color: #ccc;
  --gutter-gap: 1.5rem;
  --inter-section-gap: 3.525rem;
  --intra-section-gap: var(--gutter-gap);
  --large-image-width: 37.5rem;
  --content-width: 33.75rem;
  --naked-btn-color: var(--font-color);
  --naked-btn-hover-color: var(--background-color);
  --naked-btn-hover-bg: var(--naked-btn-color);
  --bs-border-color: var(--border-color);
}

[data-theme=default] {
  --light-accent-color: color-mix(in oklab, var(--accent-color), transparent 95%);
}

[data-theme=beach] {
  --main-header-bg-color: #ffdbc1;
  --main-header-nav-links: #333;
  --heading-text-color: #217074;
  --subheading-text-color: #798b66;
  --services-title: #798b66;
  --accent-color: var(--main-header-bg-color);
  --accent-heading-text-color: #217074;
  --accent-text: #333;
  --footer-bg-color: var(--main-header-bg-color);
  --light-accent-color: color-mix(in oklab, var(--accent-color), transparent 85%);
}

[data-theme=forest] {
  --main-header-bg-color: #aec09a;
  --main-header-nav-links: #333;
  --heading-text-color: #1a2902;
  --subheading-text-color: #344c11;
  --services-title: #344c11;
  --accent-color: var(--main-header-bg-color);
  --accent-heading-text-color: #333;
  --accent-text: #333;
  --footer-bg-color: var(--main-header-bg-color);
}

[data-theme=dark] {
  --main-header-bg-color: #1f1f1f;
  --main-header-nav-links: #ddd;
  --heading-text-color: #ccc;
  --subheading-text-color: #888;
  --background-color: #111;
  --accent-heading-text-color: #ddd;
  --font-color: #ccc;
  --services-bg-color: var(--accent-color);
  --services-title: #ccc;
  --services-text: #aaa;
  --accent-color: #1f1f1f;
  --light-accent-color: color-mix(in oklab, var(--accent-color), white 10%);
  --border-color: #555;
  --footer-bg-color: #171717;
  --footer-text-color: #aaa;
  --bs-link-color: color-mix(in oklab, #0d6efd, lightgray 50%);
  --bs-link-hover-color: color-mix(in oklab, #0d6efd, lightgray 30%);
}

[data-theme=dusk] {
  --main-header-bg-color: #c79199;
  --main-header-nav-links: #333;
  --heading-text-color: #806491;
  --subheading-text-color: #ab777f;
  --services-title: var(--subheading-text-color);
  --accent-color: #9b6870;
  --footer-bg-color: #c79199;
}

[data-theme=plum] {
  --main-header-bg-color: #431d32;
  --main-header-nav-links: #fff;
  --heading-text-color: #431d32;
  --subheading-text-color: #2a3759;
  --services-title: #2a3759;
  --accent-color: #431d32;
  --footer-bg-color: #431d32;
  --footer-text-color: #fff;
}

[data-theme=greys] {
  --main-header-bg-color: #d6d0d0;
  --main-header-nav-links: #333;
  --heading-text-color: #686461;
  --subheading-text-color: #868481;
  --background-color: #f8f9fb;
  --services-title: #686461;
  --accent-color: #eae4e4;
  --accent-heading-text-color: #333;
  --accent-text: #333;
  --footer-bg-color: #d6d0d0;
  --light-accent-color: color-mix(in oklab, var(--accent-color), transparent 75%);
  --bs-link-color: #0044c9;
}

@view-transition {
  navigation: auto;
}
html {
  height: 100%;
}

body {
  min-height: 100%;
  display: grid;
  grid-template-rows: min-content 1fr min-content;
  color: var(--font-color);
  background-color: var(--background-color);
}

a,
.nav-link {
  transition: text-decoration-color 0.2s ease-in-out, text-underline-offset 0.2s ease-in-out;
  text-underline-offset: 0.085em;
}

a {
  color: var(--bs-link-color);
}

a:hover {
  text-underline-offset: 0.3em;
}

.main-header {
  background-color: var(--main-header-bg-color);
}
.main-header .nav-link {
  text-decoration-line: underline;
  text-decoration-color: transparent;
  opacity: 0.8;
}
.main-header .nav-link.active {
  opacity: 1;
  text-decoration-thickness: 0.0625em;
  text-decoration-color: currentColor;
  text-underline-offset: 0.25em;
}
.main-header .nav-link.active:hover {
  text-underline-offset: 0.5em;
}

.nav-link, .nav-link:hover,
.navbar-brand,
.navbar-brand:hover {
  color: var(--main-header-nav-links);
}
.main-header .nav-link:not(.active):hover,
.main-header .navbar-brand:not(.active):hover {
  text-decoration: underline;
}

.main-header,
.main-header .navbar-brand {
  padding-block: 0;
}

.main-header.navbar {
  --bs-navbar-padding-y: 0.75rem;
}

.main-header .navbar-brand:not(.active):hover {
  text-decoration: none;
}
.main-header .navbar-brand > a {
  padding-block: var(--bs-navbar-padding-y);
  color: var(--main-header-nav-links);
  font-weight: bold;
  text-decoration-color: transparent;
}
.main-header .navbar-brand > a:hover {
  text-decoration-color: currentColor;
}

.navbar {
  --bs-navbar-active-color: var(--main-header-nav-links);
  contain: content;
}

.nav-link {
  font-weight: 500;
}

.main-content {
  display: grid;
  grid-template-columns: [full-start] var(--gutter-gap) [content-start] minmax(0, 1fr) [content-end] var(--gutter-gap) [full-end];
  row-gap: var(--inter-section-gap);
  align-content: start;
  justify-items: center;
}

.main-content > * {
  grid-column: content;
  width: 100%;
}

.top-section {
  display: flex;
  flex-direction: column;
  gap: var(--intra-section-gap);
  max-width: var(--content-width);
}

.big-heading {
  font-family: "Geologica", sans-serif;
  font-weight: 800;
  margin-block-start: -0.25em;
}

.contact-header .big-heading,
.page-title:first-line {
  color: var(--heading-text-color);
}

.heading {
  color: var(--subheading-text-color);
}

.lead {
  font-family: "Montserrat", system-ui, sans-serif;
  font-size: 1rem;
}

.center-image {
  object-position: center;
  object-fit: cover;
}

.intro-image {
  width: 100%;
  aspect-ratio: 1;
}

.userweb-card {
  --bs-card-border-color: var(--border-color);
  background-color: var(--services-bg-color);
}
[data-page-type=userweb] .userweb-card img {
  aspect-ratio: 2.7;
}

.userweb-card .card-title {
  color: var(--services-title);
  font-weight: bold;
}
.userweb-card .card-body {
  text-align: center;
  color: var(--services-text);
}
.userweb-card ul {
  min-width: 50%;
}
.userweb-card li {
  text-align: start;
  width: 100%;
}
@media (min-width: 768px) {
  .userweb-card li {
    width: 50%;
  }
}

[data-rt-edit-title] :last-child,
[data-rt-edit-body] :last-child {
  margin-block: 0;
}

[data-rt-show^=about] {
  display: grid;
  grid-template-columns: 1fr minmax(0, var(--content-width)) 1fr;
  grid-column: full;
  max-width: none;
  padding-block: calc(var(--intra-section-gap) * 1.75);
  color: var(--accent-text);
}
[data-rt-show^=about] .big-heading {
  color: var(--accent-heading-text-color);
}
[data-rt-show^=about] > * {
  grid-column: 2;
}

[data-rt-show^=contact] {
  gap: calc(var(--intra-section-gap) * 2);
}

#footer {
  margin-block-start: var(--inter-section-gap);
  background-color: var(--footer-bg-color);
  color: var(--footer-text-color);
}
#footer a {
  color: inherit;
  font-weight: 500;
}

@media (max-width: 575.98px) {
  [data-rt-show^=intro] picture {
    margin-inline: calc(var(--gutter-gap) * -1);
  }
}
@media (min-width: 576px) {
  :root {
    --inter-section-gap: 4.25rem;
  }
  .intro-image {
    border-radius: var(--bs-border-radius);
  }
}
@media (max-width: 767.98px) {
  [data-rt-show^=intro] {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  :root {
    --content-width: 1520px;
  }
  .top-section img {
    max-width: 100%;
  }
  :root[data-page-type=userweb] #main {
    margin-block-start: calc(var(--inter-section-gap) * 0.65);
  }
  [data-rt-show^=intro] {
    display: grid;
    grid-template-columns: 1fr 25rem;
    grid-column-end: full-end;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .intro-image {
    border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
  }
}
@media (min-width: 768px) {
  [data-rt-show^=features] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  [data-page-type=userweb] .userweb-card img {
    aspect-ratio: 1.62;
  }
  [data-rt-show^=choose] picture {
    display: contents;
  }
  [data-rt-show^=choose] source {
    display: none;
  }
  [data-rt-show^=choose] img {
    border-radius: var(--bs-border-radius);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  [data-rt-show^=choose] img {
    border-radius: 0;
    margin-inline: calc(var(--gutter-gap) * -1);
    max-width: none;
  }
}
@media (min-width: 768px) and (max-width: 1099.98px) {
  [data-rt-show^=choose] img {
    aspect-ratio: 3;
  }
}
@media (min-width: 768px) and (min-width: 1100px) {
  [data-rt-show^=choose] img {
    width: 100%;
    aspect-ratio: 1.49;
  }
}
@media (min-width: 768px) {
  .contact-blocks {
    grid-template-columns: 1fr 1fr auto;
  }
  .contact-blocks .heading {
    margin-bottom: 1.5rem;
  }
  .contact-blocks dl,
  .contact-blocks dd {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .lead {
    font-size: 1.1rem;
  }
  [data-rt-show^=intro] {
    grid-column: content;
  }
}
@media (min-width: 1100px) {
  .lead {
    font-size: 1.3rem;
  }
  [data-rt-show^=choose] {
    display: grid;
    grid-template-columns: minmax(28rem, 50%) 1fr;
    align-items: center;
    gap: calc(var(--intra-section-gap) * 2);
  }
  [data-rt-show^=choose] .heading {
    margin-block-start: -0.25em;
  }
}
@media (min-width: 1200px) {
  :root {
    --inter-section-gap: 6.5rem;
  }
  [data-rt-show^=intro] {
    grid-template-columns: 1fr minmax(auto, 37.5rem);
    align-items: center;
  }
  [data-rt-show^=intro] .big-heading {
    font-size: 3.5rem;
  }
  [data-rt-show^=about] .heading,
  [data-rt-show^=about] .big-heading,
  [data-rt-show^=contact] .heading,
  [data-rt-show^=contact] .big-heading {
    font-size: 2.25rem;
  }
}
.bg-accent-color {
  --highlight-bg-color: var(--accent-color);
  background-color: var(--accent-color);
}

.bg-light-accent {
  background-color: var(--light-accent-color);
}

/*# sourceMappingURL=userweb.css.map */