:root {
  --bs-body-font-family: "Lato", sans-serif;
  --bs-font-monospace: "Fira Mono";
  --lr-primary: #0089ab;
  --lr-petrol: #004C5F;
  --lr-greyblue: #61a2ab;
  --lr-dark-grey: #272A2B;
  --lr-body-bg: #F5F5F5;
  --lr-dark-blue: #192734;
  --lr-battleship-grey: #74808B;
  --lr-slate: #4C5A67;
  --lr-teal-blue: #138496 //btn;
  --lr-ocean: #117A8B //btn hover;
  --lr-robinegg-blue: #A5EDFF;
  --lr-primary-rgb: 0, 137, 171;
  --lr-petrol-rgb: 0, 76, 95;
  --lr-greyblue-rgb: 97, 162, 171;
  --lr-dark-grey-rgb: 39, 42, 43;
  --lr-body-bg-rgb: 245, 245, 245;
  --lr-dark-blue-rgb: 25, 39, 52;
  --lr-battleship-grey-rgb: 116, 128, 139;
  --lr-slate-rgb: 76, 90, 103;
  --lr-teal-blue-rgb: 19, 132, 150;
  --lr-ocean-rgb: 17, 122, 139;
  --lr-robinegg-blue-rgb: 165, 237, 255;
  --ff-gold: #e6bb05;
  --ff-pale: #fcf2ca;
  --ff-bronze: #c08e2d;
  --ff-dark-brown: #4E4129;
  --ff-off-white: #F0E3CA;
  --ff-light-olive-green: #b3c961;
  --ff-camo: #7D8C45;
  --ff-grey-brown: #575D43;
  --ff-teal-blue: #009EC8;
  --ff-sea-blue: #0989AB;
  --ff-petrol: #156277;
  --ff-bright-teal-blue: #00ADDC;
  --ff-white: #F9F7F4;
  --ff-gold-rgb: 230, 187, 5;
  --ff-bronze-rgb: 192, 142, 45;
  --ff-light-olive-green-rgb: 179, 201, 97;
  --ff-camo-rgb: 125, 140, 69;
  --ff-teal-blue-rgb: 0, 158, 200;
  --ff-sea-blue-rgb: 9, 137, 171;
  --ff-petrol-rgb: 21, 98, 119;
  --ff-bright-teal-blue-rgb: 5, 202, 255;
  --ff-white-rgb: 249, 247, 244;
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: var(--lr-primary);
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: var(--lr-body-bg);
  --bs-gray: #6c757d;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: var(--lr-greyblue);
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: var(--lr-body-bg);
  --bs-dark: var(--lr-dark-grey);
  --bs-primary-rgb: var(--lr-primary-rgb);
  --bs-secondary-rgb: var(--lr-greyblue-rgb);
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: var(--lr-greyblue-rgb);
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: var(--lr-body-bg-rgb);
  --bs-link-color: var(--lr-primary);
  --bs-link-hover-color: var(--lr-greyblue);
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-link-color-rgb: var(--lr-teal-blue-rgb);
  --bs-link-hover-color-rgb: var(--lr-ocean-rgb);
  --bs-nav-link-hover-color: var(--lr-robinegg-blue);
}

#our-work {
  background-image: linear-gradient(rgba(255, 90, 90, 0.33), rgba(186, 243, 255, 0.68)), url(../ILLUSTRATION/pdv_scr_lava-usd-scenecomp.webp);
  background-position: center;
  background-blend-mode: hard-light;
  text-shadow: 0 0 18px white;
}
#our-work a {
  font-weight: bold;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

html {
  height: 100%;
}

body {
  background-color: var(--lr-body-bg);
  color: var(--lr-dark-blue);
}

.btn-info {
  --bs-btn-color: var(--lr-body-bg);
  --bs-btn-bg: var(--ff-teal-blue);
  --bs-btn-border-color: var(--ff-teal-blue);
  --bs-btn-hover-color: var(--lr-body-bg);
  --bs-btn-hover-bg: var(--ff-bright-teal-blue);
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-disabled-bg: var(--ff-teal-blue);
  --bs-btn-disabled-border-color: var(--ff-teal-blue);
}

.btn-group {
  flex-wrap: wrap !important;
}

.nav-pills {
  --bs-nav-pills-link-active-color: var(--lr-primary);
  --bs-nav-pills-link-active-bg: var(--lr-body-bg);
}
.nav-pills .nav-link {
  --bs-nav-link-color: var(--lr-body-bg);
}

.nav-link:focus, .nav-link:hover {
  color: var(--lr-robinegg-blue);
}

a.list-group-item.list-group-item-action {
  color: var(--lr-teal-blue);
}

.text-bg-info {
  color: var(--lr-body-bg) !important;
}

.text-body-secondary {
  color: var(--lr-body-bg) !important;
}

.header {
  background-color: var(--lr-greyblue);
}

header span.fs-4.lrl-font-display {
  font-weight: 600;
}

.hp-hero {
  background-image: linear-gradient(rgba(153, 72, 72, 0.4), rgba(0, 0, 0, 0.4)), url(../ILLUSTRATION/pexels-neosiam-676578.jpg);
}
.hp-hero .lrl-font-display, .hp-hero .lead {
  color: var(--lr-body-bg) !important;
}

#content {
  flex-grow: 1 !important;
}

#lrl-product span.glyphicon {
  font-size: 4rem;
  text-align: center;
  /* position: unset */
  display: block;
  color: #546A7B;
  padding: 2rem;
}
#lrl-product .card-body {
  text-align: center;
}

.lead {
  font-weight: unset;
}

h1, h2, h3, h4, h5, h6, .lrl-font-display {
  font-family: var(--bs-body-font-family);
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  color: var(--lr-slate) !important;
}

h1 {
  font-size: 2.5em;
}

.case-studies .card-title {
  font-size: x-large;
}

figure img, .card-img-top img {
  width: 100%;
}

blockquote {
  font-size: 1.25rem;
}
blockquote footer {
  text-align: right;
  font-size: 80%;
}

code {
  font-size: 0.95em;
  font-weight: 600;
}

.listing-block code {
  font-weight: 400;
}

.callout-list code, .listing-block figcaption code {
  font-weight: 600;
}

.services figure.float-end {
  clear: both;
}

.clearboth {
  clear: both;
}

a.footnote-ref {
  vertical-align: super;
  font-size: x-small;
}

#last-update-label {
  font-size: smaller;
  display: none;
}

div.footer {
  background-color: var(--lr-dark-grey);
}

.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 0.75rem;
}

.service-cs .image-block.card-img-top {
  aspect-ratio: 2.4/1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.construction-animation .service-cs .image-block.card-img-top {
  aspect-ratio: 2.05/1;
}

.doc-section p, .doc-section li {
  max-width: clamp(min(93.75vw, 50ch), 70vw, 75ch);
}

.col p {
  width: unset;
}

.full-width-section {
  position: relative !important;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw;
}

.bi-arrow-right-square-fill::before {
  display: inline-block;
  content: "";
  vertical-align: -0.125em;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%230089ab' xmlns='http://www.w3.org/2000/svg'><path d='M0 14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2zm4.5-6.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5a.5.5 0 0 1 0-1'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
  margin-right: 0.3rem;
}

.d-flow-root {
  display: flow-root;
}

@media print {
  .doc-section p, .doc-section li {
    max-width: 100%;
  }
}

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