/*
 * Theme Name: Calleguas
 * Author: L.A. Design Studio
 * Author URI: https://www.ladesignstudio.com/
 * Text Domain: calleguas
 * Version: 1.0.0
 */

/*
1. Custom Properties
2. Animations
3. Colors
4. Fancybox
5. Footer
6. Gravity Forms
7. Header
8. Layout
9. Navigation
10. Typography
11. Widgets
 */

/* === 1. Custom Properties === */

:root {
    --bs-body-bg                                : var(--calleguas-color-white);
    --bs-body-color                             : var(--calleguas-color-dark-blue);
    --bs-border-radius                          : 0.625rem;
    --calleguas-backdrop-filter-blur            : 4px;
    --calleguas-box-shadow                      : 0 3px 20px rgba(0, 0, 0, 0.11);
    --calleguas-color-black                     : #171717;
    --calleguas-color-blue                      : #0053a0;
    --calleguas-color-blue-rgb                  : 0, 83, 160;
    --calleguas-color-dark-blue                 : #152f48;
    --calleguas-color-dark-blue-rgb             : 21, 47, 72;
    --calleguas-color-darker-blue               : #16293d;
    --calleguas-color-dark-gray                 : #777;
    --calleguas-color-light-blue                : #3ebaf2;
    --calleguas-color-light-gray                : #c3c3c3;
    --calleguas-color-lighter-blue              : #ebf3f8;
    --calleguas-color-white                     : #fff;
    --calleguas-color-white-rgb                 : 255, 255, 255;
    --calleguas-container-width-xs              : 432;
    --calleguas-container-width-sm              : 518;
    --calleguas-container-width-md              : 690;
    --calleguas-container-width-lg              : 892;
    --calleguas-container-width-xl              : 1080;
    --calleguas-container-width-desk-sm         : 1120;
    --calleguas-container-width-desk-md         : 1280;
    --calleguas-container-width-desk-lg         : 1262;
    --calleguas-container-width-desk-xl         : 1262;
    --calleguas-document-icon                   : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.026' height='24.034' viewBox='0 0 18.026 24.034'%3E%3Cpath d='M8.539,12.022a4.529,4.529,0,0,1-.094-2.2C8.839,9.82,8.8,11.552,8.539,12.022Zm-.08,2.216a21.66,21.66,0,0,1-1.333,2.943,17.285,17.285,0,0,1,2.953-1.028A6.081,6.081,0,0,1,8.459,14.237ZM4.042,20.1c0,.038.62-.253,1.638-1.887A6.488,6.488,0,0,0,4.042,20.1Zm7.6-12.585h6.384v15.4A1.124,1.124,0,0,1,16.9,24.034H1.127A1.124,1.124,0,0,1,0,22.908V1.127A1.124,1.124,0,0,1,1.127,0h9.388V6.384A1.13,1.13,0,0,0,11.642,7.511Zm-.376,8.065a4.711,4.711,0,0,1-2-2.525,6.747,6.747,0,0,0,.291-3.014,1.176,1.176,0,0,0-2.244-.319,7.805,7.805,0,0,0,.38,3.615,44.08,44.08,0,0,1-1.915,4.028s0,0-.009,0c-1.272.652-3.455,2.089-2.558,3.192a1.459,1.459,0,0,0,1.009.469c.84,0,1.676-.845,2.868-2.9a26.757,26.757,0,0,1,3.708-1.089,7.114,7.114,0,0,0,3,.915,1.215,1.215,0,0,0,.925-2.037c-.652-.638-2.549-.455-3.455-.338ZM17.7,4.929,13.1.329A1.126,1.126,0,0,0,12.3,0h-.282V6.009h6.009V5.722A1.123,1.123,0,0,0,17.7,4.929ZM14.219,16.913c.192-.127-.117-.559-2.009-.422C13.951,17.232,14.219,16.913,14.219,16.913Z' fill='%230053a0' /%3E%3C/svg%3E");
    --calleguas-font-primary                    : Roboto, sans-serif;
    --calleguas-font-secondary                  : Oswald, sans-serif;
    --calleguas-link-icon                       : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9,0a9,9,0,1,0,9,9A9.01,9.01,0,0,0,9,0M8.417,12l-.818.818a2.267,2.267,0,0,1-1.607.666A2.257,2.257,0,0,1,4.409,9.628L6.485,7.552a2.258,2.258,0,0,1,1.6-.665h.008a2.238,2.238,0,0,1,2.2,1.79.422.422,0,0,1-.827.169A1.394,1.394,0,0,0,8.092,7.731h0a1.42,1.42,0,0,0-1.006.417L5.005,10.224a1.42,1.42,0,0,0-.417,1.006,1.4,1.4,0,0,0,1.4,1.408H6A1.42,1.42,0,0,0,7,12.221L7.82,11.4a.422.422,0,0,1,.6.6ZM13.6,8.366l-2.062,2.062A2.253,2.253,0,0,1,7.734,9.3a.422.422,0,0,1,.826-.172,1.4,1.4,0,0,0,.381.707,1.414,1.414,0,0,0,2,0L13,7.77a1.412,1.412,0,0,0-2-2l-.812.812a.422.422,0,0,1-.6-.6l.812-.812a2.256,2.256,0,1,1,3.19,3.19Z' fill='%230053a0'/%3E%3C/svg%3E");
    --calleguas-navbar-height                   : 0px;
    --calleguas-navbar-wrap-padding-bottom      : 1.9375rem;
    --calleguas-slideshow-ken-burns-duration    : 5s;
    --calleguas-slideshow-ken-burns-zoom-factor : 1.075;
    --calleguas-web-icon                        : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9,0a9,9,0,1,0,9,9A9,9,0,0,0,9,0M6.189,7.536q.363.158.363.391a.922.922,0,0,1-.091.31c-.06.142-.111.266-.153.371l-.624,1.52a.587.587,0,0,1-.284.352.51.51,0,0,1-.215.04.4.4,0,0,1-.253-.1.511.511,0,0,1-.161-.2l-.046-.1q-.046-.113-.335-.885c-.038.091-.094.239-.167.445s-.121.335-.142.386-.034.085-.04.1a.571.571,0,0,1-.048.094.6.6,0,0,1-.091.119.431.431,0,0,1-.312.136.443.443,0,0,1-.3-.1.519.519,0,0,1-.159-.2L2.279,8.132a.941.941,0,0,1-.056-.221c0-.151.107-.271.323-.358a.827.827,0,0,1,.295-.074.32.32,0,0,1,.185.049.311.311,0,0,1,.1.1.491.491,0,0,1,.046.1q.1.227.4,1.067l.335-.919a.442.442,0,0,1,.125-.2A.46.46,0,0,1,4.66,7.6a.538.538,0,0,1,.167.182l.046.1q.283.795.335.908l.346-.941q.137-.364.409-.364A.532.532,0,0,1,6.189,7.536Zm4.612,0q.364.158.364.391a.922.922,0,0,1-.091.31c-.061.142-.112.266-.153.371l-.624,1.52a.587.587,0,0,1-.284.352.512.512,0,0,1-.215.04.394.394,0,0,1-.253-.1.513.513,0,0,1-.162-.2l-.045-.1Q9.292,10.01,9,9.238c-.038.091-.094.239-.167.445s-.121.335-.142.386-.034.085-.04.1a.571.571,0,0,1-.048.094.6.6,0,0,1-.091.119.431.431,0,0,1-.312.136.443.443,0,0,1-.3-.1.513.513,0,0,1-.159-.2L6.892,8.132a.941.941,0,0,1-.056-.221c0-.151.107-.271.323-.358a.827.827,0,0,1,.295-.074.322.322,0,0,1,.185.049.317.317,0,0,1,.1.1.491.491,0,0,1,.046.1q.1.227.4,1.067l.335-.919a.442.442,0,0,1,.125-.2A.46.46,0,0,1,9.272,7.6a.538.538,0,0,1,.167.182l.046.1q.284.795.335.908l.346-.941q.137-.364.409-.364A.527.527,0,0,1,10.8,7.536Zm4.613,0q.364.158.364.391a.922.922,0,0,1-.091.31c-.061.142-.112.266-.153.371l-.624,1.52a.587.587,0,0,1-.284.352.512.512,0,0,1-.215.04.394.394,0,0,1-.253-.1.507.507,0,0,1-.162-.2l-.045-.1q-.046-.113-.335-.885c-.038.091-.094.239-.167.445s-.121.335-.142.386-.034.085-.04.1a.571.571,0,0,1-.048.094.6.6,0,0,1-.091.119.431.431,0,0,1-.313.136.442.442,0,0,1-.295-.1.513.513,0,0,1-.159-.2l-.857-2.088a.955.955,0,0,1-.057-.221q0-.227.323-.358a.833.833,0,0,1,.3-.074.323.323,0,0,1,.284.145.491.491,0,0,1,.046.1q.1.227.4,1.067l.335-.919a.442.442,0,0,1,.125-.2.46.46,0,0,1,.627-.074.55.55,0,0,1,.167.182l.046.1q.284.795.334.908l.346-.941q.137-.364.409-.364A.527.527,0,0,1,15.414,7.536Z' fill='%230053a0' fill-rule='evenodd'/%3E%3C/svg%3E");
}

/* === 2. Animations === */

@keyframes calleguasZoomIn {
    from {
        transform : scale(1);
    }

    to {
        transform : scale(var(--calleguas-slideshow-ken-burns-zoom-factor));
    }
}

@keyframes calleguasZoomOut {
    from {
        transform : scale(var(--calleguas-slideshow-ken-burns-zoom-factor));
    }

    to {
        transform : scale(1);
    }
}

:is([class*=aniUtil_], [class*=ani_]):not(.animate__animated) {
    visibility : hidden;
}

/* === 3. Colors === */

:focus,
:focus-visible {
    outline : 1px solid var(--calleguas-color-light-blue);
}

body,
.fancybox__content,
.gform_wrapper.gravity-theme {
    color : var(--calleguas-color-dark-blue);
}

body {
    background-color : var(--calleguas-color-white);
}

a {
    color : var(--calleguas-color-blue);
}

a:where(:active),
a:where(:focus),
a:where(:hover) {
    color : var(--calleguas-color-blue);
}

.bg-color-current {
    background-color : currentColor !important;
}

.bg-color-inherit {
    background-color : inherit !important;
}

.bg-color-transparent {
    background-color : transparent !important;
}

.bg-color-black {
    background-color : var(--calleguas-color-black) !important;
}

.bg-color-blue {
    background-color : var(--calleguas-color-blue) !important;
}

.bg-color-dark-blue {
    background-color : var(--calleguas-color-dark-blue) !important;
}

.bg-color-light-blue {
    background-color : var(--calleguas-color-light-blue) !important;
}

.bg-color-light-gray {
    background-color : var(--calleguas-color-light-gray) !important;
}

.bg-color-lighter-blue {
    background-color : var(--calleguas-color-lighter-blue) !important;
}

.bg-color-white {
    background-color : var(--calleguas-color-white) !important;
}

.border-color-current {
    border-color : currentColor !important;
}

.border-color-inherit {
    border-color : inherit !important;
}

.border-color-transparent {
    border-color : transparent !important;
}

.color-current {
    color : currentColor !important;
}

.color-inherit {
    color : inherit !important;
}

.color-black {
    color : var(--calleguas-color-black) !important;
}

.color-blue {
    color : var(--calleguas-color-blue) !important;
}

.color-dark-blue {
    color : var(--calleguas-color-dark-blue) !important;
}

.color-light-blue {
    color : var(--calleguas-color-light-blue) !important;
}

.color-light-gray {
    color : var(--calleguas-color-light-gray) !important;
}

.color-lighter-blue {
    color : var(--calleguas-color-lighter-blue) !important;
}

.color-white {
    color : var(--calleguas-color-white) !important;
}

:root .color-scheme--dark {
    color            : var(--calleguas-color-white);
    background-color : var(--calleguas-color-blue);
}

:root .color-scheme--dark *:where(:not(.btn, .button)) {
    color : inherit;
}

/* === 4. Fancybox === */

.fancybox__container {
    top           : var(--wp-admin--admin-bar--height, 0px);
    --fancybox-bg : rgba(255, 255, 255, 0.9);
}

.fancybox__content > .f-button.is-close-btn {
    top                      : calc(-1 * var(--f-button-height)) !important;
    right                    : 0 !important;
    --f-button-active-bg     : transparent !important;
    --f-button-bg            : transparent !important;
    --f-button-border-radius : 0 !important;
    --f-button-hover-bg      : transparent !important;
}

.fancybox__container.is-inline-html .fancybox__backdrop {
    background-color : rgb(var(--calleguas-color-white-rgb), 0.95);
}

.fancybox__container.is-inline-html .fancybox__slide {
    padding : 0 !important;
}

.fancybox__container.is-inline-html .fancybox__slide::before,
.fancybox__container.is-inline-html .fancybox__slide::after {
    display : none;
}

.fancybox__container.is-inline-html .fancybox__content {
    width            : 100%;
    padding          : 4.53125rem 0;
    background-color : transparent;
}

.fancybox__container.is-inline-html .fancybox__content > .container {
    padding : 0 calc(0.5 * var(--bs-gutter-x));
}

.fancybox__container.is-inline-html .fancybox__content > .f-button.is-close-btn {
    top                         : 1.25rem !important;
    right                       : 1.25rem !important;
    --f-button-svg-stroke-width : 4;
    --f-button-width            : var(--f-button-svg-width);
    --f-button-height           : var(--f-button-svg-height);
}

.fancybox__container.is-inline-html .fancybox__content > .f-button.is-close-btn svg {
    stroke : var(--calleguas-color-blue);
}

@media (min-width : 992px) {
    .fancybox__container.is-inline-html .fancybox__content {
        padding : 9.0625rem 0;
    }

    .fancybox__container.is-inline-html .fancybox__content > .f-button.is-close-btn {
        top   : 2.5rem;
        right : 2.5rem;
    }
}

/* === 5. Footer === */

#colophon {
    position : relative;
    flex     : 1;
    padding  : 1.875rem 0 2.375rem;
}

#colophon .site-footer__grid {
    row-gap : 1.8125rem;
}

#colophon .site-footer__links {
    row-gap       : 1.25rem;
    --bs-gutter-x : 2rem;
}

#colophon .site-footer__links ul {
    font-family    : var(--calleguas-font-secondary);
    font-size      : 1.125rem;
    font-weight    : 500;
    line-height    : calc(26 / 18);
    margin         : 0;
    list-style     : none;
    text-align     : center;
    text-transform : uppercase;
}

#colophon .site-footer__links ul > li:not(:last-child) {
    margin-bottom : 1.25rem;
}

#colophon .social-links {
    margin-top : 1.8125rem;
}

#colophon .site-footer__bottom {
    font-weight : 500;
    margin-top  : 2.6875rem;
    padding-top : 1.75rem;
    border-top  : 1px solid var(--calleguas-color-light-gray);
}

#colophon .site-footer__bottom a:not(.site-footer__designer-credit a) {
    color : var(--calleguas-color-dark-blue);
}

#colophon .site-footer__designer-credit {
    margin-top : 1.8125rem;
}

#colophon .site-footer__designer-credit a {
    font-weight : 400;
    color       : var(--calleguas-color-black);
}

@media (min-width : 480px) {
    #colophon .site-footer__links {
        --bs-gutter-x : 3rem;
    }
}

@media (min-width : 768px) {
    #colophon .site-footer__links {
        --bs-gutter-x : 4.875rem;
    }
}

@media (min-width : 992px) {
    #colophon .site-footer__links {
        --bs-gutter-x : 2.4375rem;
    }

    #colophon .site-footer__links ul {
        width      : auto;
        text-align : left;
    }
}

@media (min-width : 1200px) {
    #colophon .site-footer__links {
        --bs-gutter-x : 4.875rem;
    }
}

/* === 6. Gravity Forms === */

.gform_wrapper.gravity-theme .gform_description:empty,
.gform_wrapper.gravity-theme .gform_required_legend {
    display : none;
}

.gform_wrapper.gravity-theme h1,
.gform_wrapper.gravity-theme h2,
.gform_wrapper.gravity-theme h3,
.gform_wrapper.gravity-theme h4,
.gform_wrapper.gravity-theme h5,
.gform_wrapper.gravity-theme h6,
.gform_wrapper.gravity-theme label,
.gform_wrapper.gravity-theme legend,
.gform_wrapper.gravity-theme .gfield_label {
    color : var(--calleguas-color-blue);
}

.gform_wrapper.gravity-theme .gfield_required {
    font-size : 1em;
    color     : var(--calleguas-color-light-blue);
}

.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    color         : var(--calleguas-color-dark-blue);
    border-color  : var(--calleguas-color-dark-blue);
    border-radius : var(--bs-border-radius);
}

.gform_wrapper.gravity-theme select {
    height             : auto;
    background         : var(--calleguas-color-white) none;
    -webkit-appearance : menulist-button;
    appearance         : menulist-button;
}

.gform_wrapper.gravity-theme textarea {
    height         : auto !important;
    vertical-align : bottom;
    aspect-ratio   : 1;
}

.gform_wrapper.gravity-theme .gform_footer {
    margin  : 1rem 0 0;
    padding : 0;
}

.gform_wrapper.gravity-theme .gform_footer button {
    margin : 0;
}

.gform_wrapper.gravity-theme .gform_validation_errors > h2,
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
.gform_wrapper.gravity-theme .gfield_error label,
.gform_wrapper.gravity-theme .gfield_error legend,
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gravity-theme [aria-invalid=true] + label,
.gform_wrapper.gravity-theme label + [aria-invalid=true] {
    color : var(--calleguas-color-light-blue);
}

.gform_wrapper.gravity-theme .gfield_checkbox,
.gform_wrapper.gravity-theme .gfield_radio {
    display        : flex;
    flex-direction : column;
    row-gap        : 1rem;
}

.gform_wrapper.gravity-theme .gfield_checkbox .gchoice,
.gform_wrapper.gravity-theme .gfield_radio .gchoice {
    display     : flex;
    align-items : flex-start;
    column-gap  : 0.5rem;
}

.gform_wrapper.gravity-theme .gfield_checkbox .gchoice .gfield-choice-input,
.gform_wrapper.gravity-theme .gfield_radio .gchoice .gfield-choice-input {
    margin-top : 0.125rem;
}

@media (min-width : 992px) {
    .gform_wrapper.gravity-theme textarea {
        aspect-ratio : 2;
    }
}

@media (min-width : 1400px) {
    .gform_wrapper.gravity-theme textarea {
        aspect-ratio : 860 / 214;
    }
}

/* === 7. Header === */
header#masthead {
    position                         : fixed;
    z-index                          : 1000;
    top                              : var(--wp-admin--admin-bar--height, 0px);
    left                             : 0;
    width                            : 100%;
    transition-timing-function       : ease;
    transition-duration              : 0.5s;
    transition-property              : transform;
    will-change                      : transform;
    --calleguas-navbar-logo-width    : 13.875rem;
    --calleguas-navbar-padding-end   : 2.5rem;
    --calleguas-navbar-padding-start : 1.25rem;
    --calleguas-navbar-padding-y     : 1.375rem;
}

header#masthead.is-hidden {
    transform : translateY(-100%);
}

header#masthead::before {
    position                : fixed;
    z-index                 : 1;
    top                     : 0;
    right                   : 0;
    bottom                  : 0;
    left                    : 0;
    display                 : block;
    visibility              : hidden;
    content                 : "";
    transition              : opacity .25s, visibility 0s linear .25s;
    opacity                 : 0;
    background-color        : rgba(var(--calleguas-color-dark-blue-rgb), 0.36);
    -webkit-backdrop-filter : blur(var(--calleguas-backdrop-filter-blur));
    backdrop-filter         : blur(var(--calleguas-backdrop-filter-blur));
}

body.menu-open header#masthead::before {
    visibility : visible;
    transition : opacity .8s ease, visibility 0s;
    opacity    : 1;
}

header#masthead .site-header__top {
    padding                                : 0.5625rem var(--calleguas-navbar-padding-end) 0.5625rem var(--calleguas-navbar-padding-start);
    background-color                       : var(--calleguas-color-white);
    --calleguas-header-lang-selector-width : 100%;
}

header#masthead .site-header__top > .row {
    row-gap : 1.25rem;
}

header#masthead .site-header__top > .row > :first-child {
    width : var(--calleguas-header-lang-selector-width);
}

header#masthead .site-header__announcements {
    font-size   : 1.125rem;
    line-height : calc(19 / 14);
}

header#masthead .site-header__announcements .owl-stage {
    display : flex;
}

header#masthead .site-header__announcements .owl-item {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
}

header#masthead .site-header__announcements .owl-item.cloned {
    visibility : hidden;
}

@media (min-width : 992px) {
    body.menu-open header#masthead::before {
        display : none;
    }

    header#masthead .site-header__top {
        --calleguas-header-lang-selector-width : 14.125rem;
    }

    header#masthead .site-header__top > .row {
        --bs-gutter-x : 3rem;
    }

    header#masthead .site-header__top > .row > :last-child {
        width       : calc(100% - var(--calleguas-header-lang-selector-width) - var(--calleguas-navbar-logo-width) - var(--calleguas-navbar-padding-start));
        margin-left : calc(var(--calleguas-navbar-logo-width) + var(--calleguas-navbar-padding-start));
    }
}

/* === 8. Layout === */

:root, body {
    height     : auto !important;
    min-height : calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;
}

:root.menu-open,
:root.with-fancybox,
body.menu-open {
    overflow : hidden;
}

@media (min-width : 992px) {
    :root.menu-open {
        overflow : auto;
    }

    body.menu-open {
        overflow : visible;
    }
}

figure, table {
    margin : 0 0 1em;
}

.table-wrap {
    /*overflow-x                 : auto;*/
    padding          : 0 1.3125rem 1.0625rem;
    border-radius    : var(--bs-border-radius);
    background-color : var(--calleguas-color-white);
    box-shadow       : var(--calleguas-box-shadow);
    /*-webkit-overflow-scrolling : touch;*/
}

table {
    width           : auto;
    table-layout    : auto;
    border-collapse : collapse;
}

table th,
table td {
    vertical-align : top;
}

table > thead > tr > th {
    font-family    : var(--calleguas-font-secondary);
    font-size      : 0.875rem;
    font-weight    : 400;
    line-height    : 1.48;
    padding        : 0.42em 0.4em 0.36em;
    letter-spacing : 0.05em;
    text-transform : uppercase;
    color          : var(--calleguas-color-light-blue);
}

table > thead > tr:first-child > th {
    padding-top : 0.84em;
}

table > thead > tr:last-child > th {
    padding-bottom : 0.72em;
}

table > thead > tr > th:first-child {
    padding-left : 0.8em;
}

table > thead > tr > th:last-child {
    padding-right : 0.8em;
}

table > tbody > tr > td {
    font-size : 0.8rem;
    padding   : calc(17em / 21) calc(10em / 21);
}

table > tbody > tr:nth-child(odd) > td {
    background-color : var(--calleguas-color-lighter-blue);
}

table > tbody > tr > td:first-child {
    padding-left              : calc(20em / 21);
    border-top-left-radius    : var(--bs-border-radius);
    border-bottom-left-radius : var(--bs-border-radius);
}

table > tbody > tr > td:last-child {
    padding-right              : calc(20em / 21);
    border-top-right-radius    : var(--bs-border-radius);
    border-bottom-right-radius : var(--bs-border-radius);
}

@media (min-width : 992px) {
    .table-wrap {
        padding-right  : 2.625rem;
        padding-bottom : 1.3125rem;
        padding-left   : 2.625rem;
    }

    table > thead > tr > th {
        font-size     : 1.09375rem;
        padding-right : 0.8em;
        padding-left  : 0.8em;
    }

    table > thead > tr > th:first-child {
        padding-left : 1.6em;
    }

    table > thead > tr > th:last-child {
        padding-right : 1.6em;
    }

    table > tbody > tr > td {
        font-size     : 1.05rem;
        padding-right : calc(20em / 21);
        padding-left  : calc(20em / 21);
    }

    table > tbody > tr > td:first-child {
        padding-left : calc(40em / 21);
    }

    table > tbody > tr > td:last-child {
        padding-right : calc(40em / 21);
    }
}

blockquote {
    font-size        : 1rem;
    font-style       : normal;
    padding          : 2.4375rem 2.125rem;
    text-align       : center;
    border-radius    : 0.625rem;
    background-color : var(--calleguas-color-lighter-blue);
    box-shadow       : 0 3px 6px rgba(0, 0, 0, 0.16);
}

blockquote > :last-child {
    margin-bottom : 0;
}

@media (min-width : 992px) {
    blockquote {
        font-size     : 1.5rem;
        padding-right : 4.25rem;
        padding-left  : 4.25rem;
    }
}

hr {
    max-width        : 100%;
    margin-right     : auto;
    margin-left      : auto;
    opacity          : 1;
    border-top-color : var(--calleguas-color-light-gray);
}

iframe {
    max-width : 100%;
}

iframe[src*="vimeo.com"],
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"],
iframe[src*="youtu.be"] {
    height       : auto;
    aspect-ratio : 16 / 9;
}

iframe[src*="maps.arcgis.com"] {
    width        : 100%;
    height       : auto;
    aspect-ratio : 320 / 720;
}

@media (min-width : 992px) {
    iframe[src*="maps.arcgis.com"] {
        aspect-ratio : 16 / 9;
    }
}

img {
    max-width : 100%;
    height    : auto;
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    font-family        : var(--calleguas-font-primary);
    font-size          : 1rem;
    font-weight        : 400;
    box-shadow         : none;
    -webkit-appearance : none;
    appearance         : none;
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    padding : 0.375rem 0.5rem;
    color   : var(--calleguas-color-dark-blue);
    border  : 1px solid var(--calleguas-color-dark-blue);
}

select {
    line-height       : 1.25;
    min-width         : min(11.125rem, 100%);
    max-width         : 100%;
    height            : 1.875rem;
    padding           : 0.3125rem 0.875rem;
    color             : var(--calleguas-color-white);
    border-radius     : var(--bs-border-radius);
    background        : var(--calleguas-color-blue) url(assets/images/caret-down.png) no-repeat right center;
    background-origin : content-box;
    background-size   : 1rem 0.625rem;
}

::placeholder {
    font-size   : inherit;
    font-weight : inherit;
    line-height : inherit;
    color       : inherit;
}

video {
    vertical-align : bottom;
}

.alignleft, .alignright, .aligncenter {
    margin-bottom : 2em;
}

.alignleft {
    float        : left;
    margin-right : 2em;
}

.alignright {
    float       : right;
    margin-left : 2em;
}

.aligncenter {
    display      : block;
    margin-right : auto;
    margin-left  : auto;
}

.aligncenter + br {
    display : none;
}

.btn-list {
    padding    : 0;
    list-style : none;
}

.btn-list > :where(:not(:last-child)) {
    margin-bottom : 1.25rem;
}

.container-fluid,
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    --bs-gutter-x : 2.5rem;
}

@media (min-width : 480px) {
    .container {
        max-width : calc(var(--calleguas-container-width-xs) * 1px);
        padding   : 0;
    }
}

@media (min-width : 576px) {
    .container, .container-sm {
        max-width : calc(var(--calleguas-container-width-sm) * 1px);
    }

    .container-sm {
        padding : 0;
    }
}

@media (min-width : 768px) {
    .container, .container-sm, .container-md {
        max-width : calc(var(--calleguas-container-width-md) * 1px);
    }

    .container-md {
        padding : 0;
    }
}

@media (min-width : 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width : calc(var(--calleguas-container-width-lg) * 1px);
    }

    .container-lg {
        padding : 0;
    }
}

@media (min-width : 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width : calc(var(--calleguas-container-width-xl) * 1px);
    }

    .container-xl {
        padding : 0;
    }
}

@media (min-width : 1400px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width : calc(var(--calleguas-container-width-desk-sm) * 1px);
    }

    .container-xxl {
        padding : 0;
    }
}

@media (min-width : 1600px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width : calc(var(--calleguas-container-width-desk-md) * 1px);
    }
}

@media (min-width : 1920px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width : calc(var(--calleguas-container-width-desk-lg) * 1px);
    }
}

@media (min-width : 2560px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width : calc(var(--calleguas-container-width-desk-xl) * 1px);
    }
}

.doc-link,
.web-icon,
.link-icon {
    position     : relative;
    display      : inline-block;
    padding-left : 1.875rem !important;
    list-style   : none !important;
}

.doc-link::before,
.web-icon::before,
.link-icon::before {
    position            : absolute;
    top                 : 0;
    left                : 0;
    display             : inline-block;
    width               : 1.125rem;
    height              : 1.5rem;
    content             : "";
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : contain;
}

.doc-link::before {
    background-image : var(--calleguas-document-icon);
}

.web-icon::before {
    background-image : var(--calleguas-web-icon);
}

.link-icon::before {
    background-image : var(--calleguas-link-icon);
}

ul.doc-list {
    padding    : 0;
    list-style : none;
    color      : var(--calleguas-color-dark-blue);
}

ul.doc-list > li {
    position     : relative;
    padding-left : 1.875rem;
}

ul.doc-list > li:where(:not(:last-child)) {
    margin-bottom : 0.9375rem;
}

ul.doc-list > li::before {
    position        : absolute;
    top             : 0;
    left            : 0;
    display         : inline-block;
    width           : 1.125rem;
    height          : 1.5rem;
    content         : "";
    background      : var(--calleguas-document-icon) no-repeat;
    background-size : cover;
}

ul.doc-list > li a {
    color : inherit;
}

ul.doc-list ol,
ul.doc-list ul {
    margin-top : 0.9375rem;
}

.drop-shadow {
    box-shadow : var(--calleguas-box-shadow) !important;
}

.error-404 {
    margin-top : 1.875rem;
}

.generic-box {
    padding          : 1.5625rem 1.5rem;
    border-radius    : var(--bs-border-radius);
    background-color : var(--calleguas-color-white);
    box-shadow       : var(--calleguas-box-shadow);
}

.hover-zoom {
    display  : inline-block;
    overflow : hidden;
}

.hover-zoom img {
    transition : transform 0.3s ease-in-out;
}

.hover-zoom:hover img {
    transform : scale(1.1);
}

.larger-text {
    font-size   : 1.05rem !important;
    font-weight : 500 !important;
}

@media (min-width : 992px) {
    .larger-text {
        font-size : 1.25rem !important;
    }
}

.small-text {
    font-size   : 0.625rem !important;
    line-height : 1.3 !important;
}

.lc-mb-0 > :last-child {
    margin-bottom : 0 !important;
}

.search__form-results {
    margin-top : 1.875rem;
}

.search-form {
    display         : flex;
    justify-content : center;
}

.search-submit {
    padding    : 0.375rem 0.5rem;
    border     : 0 none;
    background : none var(--calleguas-color-blue);
}

.search-submit svg {
    width  : 100%;
    height : 100%;
}

.search-submit svg path {
    fill : var(--calleguas-color-white);
}

.search__results {
    margin-top : 1.5rem;
}

.search__post {
    padding    : 1rem 0;
    border-top : 1px solid var(--calleguas-color-light-gray);
}

.search__post:last-child {
    border-bottom : 1px solid var(--calleguas-color-light-gray);
}

.search__post .row {
    row-gap : 1.25rem;
}

.search__post .search__post-title {
    margin-bottom : 0.5em;
}

ol,
ul {
    margin  : 0 0 1em;
    padding : 0 0 0 2.5rem;
}

ol {
    list-style : decimal;
}

ol > li,
ul > li {
    list-style : inherit;
}

ol > li:where(:not(:last-child)),
ul > li:where(:not(:last-child)) {
    margin-bottom : 0.5em;
}

ul {
    list-style : disc;
}

ul > li::marker {
    color : var(--calleguas-color-blue);
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top : 0.5em;
}

a {
    text-decoration : none;
}

a:active,
a:focus,
a:hover {
    text-decoration : underline;
}

#page {
    position       : relative;
    display        : flex;
    flex-direction : column;
    min-height     : calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}

#page::after {
    position                : fixed;
    z-index                 : 1;
    top                     : 0;
    right                   : 0;
    bottom                  : 0;
    left                    : 0;
    display                 : block;
    visibility              : hidden;
    content                 : "";
    transition              : opacity .25s, visibility 0s linear .25s;
    opacity                 : 0;
    background-color        : rgba(var(--calleguas-color-dark-blue-rgb), 0.36);
    -webkit-backdrop-filter : blur(var(--calleguas-backdrop-filter-blur));
    backdrop-filter         : blur(var(--calleguas-backdrop-filter-blur));
}

body.menu-open #page::after {
    visibility : visible;
    transition : opacity .8s ease, visibility 0s;
    opacity    : 1;
}

@media (min-width : 992px) {
    #page::after {
        display : none;
    }
}

#content.site-content {
    display        : flex;
    flex-direction : column;
    padding        : 0;
    border-top     : var(--calleguas-navbar-height) solid var(--calleguas-color-white);
}

/*noinspection CssRedundantUnit*/
#content.site-content > #main {
    flex      : 1 0 0%;
    min-width : 0;
}

#content.site-content > #main.waves {
    margin-top : 1.875rem;
}

/* === 9. Navigation === */

#masthead .navbar-wrap {
    padding    : 0 0 var(--calleguas-navbar-wrap-padding-bottom);
    border-top : 1.375rem solid var(--calleguas-color-white);
}

#masthead .navbar {
    align-items                    : center;
    justify-content                : flex-end;
    padding                        : 1.375rem var(--calleguas-navbar-padding-end) 1.1875rem var(--calleguas-navbar-padding-start);
    background-color               : var(--calleguas-color-blue);
    --bs-navbar-active-color       : var(--calleguas-color-light-blue);
    --bs-navbar-brand-color        : var(--calleguas-color-white);
    --bs-navbar-brand-hover-color  : var(--calleguas-color-light-blue);
    --bs-navbar-brand-padding-y    : 0;
    --bs-navbar-color              : var(--calleguas-color-white);
    --bs-navbar-hover-color        : var(--calleguas-color-light-blue);
    --bs-navbar-nav-link-padding-x : 0;
}

#masthead .navbar-brand {
    position : absolute;
    top      : -1.375rem;
    left     : var(--calleguas-navbar-padding-start);
}

#masthead .navbar-brand a {
    display : block;
}

#masthead .navbar-brand img {
    width          : var(--calleguas-navbar-logo-width);
    vertical-align : bottom;
}

#masthead .navbar-buttons {
    display     : flex;
    align-items : flex-start;
    flex-wrap   : wrap;
    gap         : 3rem;
}

#masthead .navbar-toggler {
    font-size          : 0;
    z-index            : 99999;
    width              : 1.875rem;
    height             : 1.25rem;
    padding            : 0;
    cursor             : pointer;
    border             : 0 none;
    border-radius      : 0;
    background         : transparent none;
    box-shadow         : none;
    -webkit-appearance : none;
    appearance         : none;
}

#masthead .navbar-toggler .navbar-toggler-icon {
    position         : relative;
    width            : 100%;
    height           : 3px;
    background-color : var(--calleguas-color-white);
    background-image : none;
}

#masthead .navbar-toggler .navbar-toggler-icon::before,
#masthead .navbar-toggler .navbar-toggler-icon::after {
    position            : absolute;
    right               : 0;
    left                : 0;
    display             : inline-block;
    width               : 100%;
    height              : 3px;
    content             : "";
    transition-delay    : 0.3s, 0s;
    transition-duration : 0.3s, 0.3s;
    background-color    : var(--calleguas-color-white);
}

#masthead .navbar-toggler .navbar-toggler-icon::before {
    top                 : -0.5rem;
    transition-property : top, transform;
    will-change         : top, transform;
}

#masthead .navbar-toggler .navbar-toggler-icon::after {
    bottom              : -0.5rem;
    transition-property : bottom, transform;
    will-change         : bottom, transform;
}

#masthead .navbar-toggler.navbar-toggler--active .navbar-toggler-icon {
    background-color : transparent;
}

#masthead .navbar-toggler.navbar-toggler--active .navbar-toggler-icon::before,
#masthead .navbar-toggler.navbar-toggler--active .navbar-toggler-icon::after {
    transition-delay : 0s, 0.3s;
}

#masthead .navbar-toggler.navbar-toggler--active .navbar-toggler-icon::before {
    top       : 0;
    transform : rotate(-45deg);
}

#masthead .navbar-toggler.navbar-toggler--active .navbar-toggler-icon::after {
    bottom    : 0;
    transform : rotate(45deg);
}

#masthead .navbar-menu {
    position                   : fixed;
    z-index                    : 99998;
    top                        : 0;
    right                      : 0;
    display                    : flex;
    overflow                   : auto;
    flex-direction             : column;
    width                      : 0;
    height                     : calc(100vh - var(--wp-admin--admin-bar--height, 0px));
    padding                    : 0;
    transition-timing-function : ease-in-out;
    transition-duration        : 0.2s;
    transition-property        : opacity, transform, width;
    transform                  : translateX(100%);
    opacity                    : 0;
    background-color           : rgba(var(--calleguas-color-blue-rgb), 0.97);
    will-change                : opacity, transform, width;
}

#masthead .navbar-menu.navbar-menu--open {
    width     : 100%;
    transform : translateX(0);
    opacity   : 1;
}

#masthead .navbar-menu__inner {
    display        : flex;
    flex           : 1;
    flex-direction : column;
    padding        : 4.6875rem 1.25rem;
}

#masthead .navbar-nav {
    --bs-nav-link-font-weight : 400;
    --bs-nav-link-padding-y   : 0.625rem;
    --bs-nav-link-color       : var(--calleguas-color-white);
    --bs-nav-link-hover-color : var(--calleguas-color-light-blue);
}

#masthead .navbar-nav .nav-item {
    margin : 0;
}

#masthead .navbar-nav .nav-link,
#masthead .navbar-nav .dropdown-item {
    font-family     : var(--calleguas-font-secondary);
    line-height     : calc(26 / 18);
    text-decoration : none;
    letter-spacing  : 0.05em;
    text-transform  : uppercase;
}

#masthead .navbar-nav .nav-link {
    --bs-nav-link-font-size : 0.9375rem;
}

#masthead .navbar-nav .nav-link:active {
    color : var(--bs-navbar-active-color);
}

#masthead .navbar-nav .nav-link .icon-search {
    background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23.171' height='24' viewBox='0 0 23.171 24'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M22.819,21.86l-5.712-5.941A9.686,9.686,0,1,0,9.69,19.38a9.586,9.586,0,0,0,5.552-1.753L21,23.612a1.264,1.264,0,1,0,1.822-1.752M9.69,2.528A7.162,7.162,0,1,1,2.528,9.69,7.17,7.17,0,0,1,9.69,2.528' transform='translate(0 0)' fill='%23fff' /%3E%3C/g%3E%3C/svg%3E");
}

#masthead .navbar-nav .nav-link:active .icon-search,
#masthead .navbar-nav .nav-link:focus .icon-search,
#masthead .navbar-nav .nav-link:hover .icon-search,
#masthead .navbar-nav .nav-link.active .icon-search,
#masthead .navbar-nav .nav-link.show .icon-search {
    background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23.171' height='24' viewBox='0 0 23.171 24'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M22.819,21.86l-5.712-5.941A9.686,9.686,0,1,0,9.69,19.38a9.586,9.586,0,0,0,5.552-1.753L21,23.612a1.264,1.264,0,1,0,1.822-1.752M9.69,2.528A7.162,7.162,0,1,1,2.528,9.69,7.17,7.17,0,0,1,9.69,2.528' transform='translate(0 0)' fill='%233ebaf2' /%3E%3C/g%3E%3C/svg%3E");
}

#masthead .navbar-nav .dropdown-item {
    font-size   : 0.9375rem;
    white-space : normal;
}

#masthead .navbar-nav .dropdown-menu {
    --bs-dropdown-bg                : var(--calleguas-color-blue);
    --bs-dropdown-border-color      : var(--calleguas-color-blue);
    --bs-dropdown-border-radius     : 0;
    --bs-dropdown-color             : var(--calleguas-color-white);
    --bs-dropdown-link-active-bg    : transparent;
    --bs-dropdown-link-active-color : var(--calleguas-color-light-blue);
    --bs-dropdown-link-color        : var(--calleguas-color-white);
    --bs-dropdown-link-hover-bg     : transparent;
    --bs-dropdown-link-hover-color  : var(--calleguas-color-light-blue);
    --bs-dropdown-min-width         : 100%;
}

@media (min-width : 480px) {
    #masthead .navbar-menu.navbar-menu--open {
        width : min(22.5rem, 100%);
    }
}

@media (min-width : 992px) {
    #masthead .navbar-wrap {
        padding-top : 0;
        border-top  : 0 none;
    }

    #masthead .navbar {
        align-items : flex-end;
    }

    #masthead .navbar-menu,
    #masthead .navbar-menu.navbar-menu--open {
        position         : static;
        overflow         : visible;
        width            : auto;
        height           : auto;
        transition       : none;
        transform        : none;
        opacity          : 1;
        background-color : transparent;
        will-change      : unset;
    }

    #masthead .navbar-menu {
        margin-left : var(--calleguas-navbar-logo-width);
    }

    #masthead .navbar-menu__inner {
        padding : 0;
    }

    #masthead .navbar-nav {
        align-items             : center;
        flex-wrap               : wrap;
        gap                     : 0.5rem 1rem;
        --bs-nav-link-padding-y : 0;
    }

    #masthead .navbar-nav .nav-link {
        --bs-nav-link-font-size : 0.8125rem;
    }

    #masthead .navbar-nav .dropdown-menu {
        top  : 100%;
        left : calc(-1rem - 1px);
    }

    #masthead .navbar-nav .dropdown-item {
        font-size   : 0.8125rem;
        white-space : nowrap;
    }
}

@media (min-width : 1200px) {
    #masthead .navbar-nav .nav-link {
        --bs-nav-link-font-size : 0.9375rem;
    }

    #masthead .navbar-nav .dropdown-item {
        font-size   : 0.9375rem;
        white-space : nowrap;
    }
}

@media (min-width : 1400px) {
    #masthead .navbar-nav {
        column-gap : 2.25rem;
    }
}

.post-navigation {
    margin-top : 1.5rem;
}

.post-navigation .nav-links {
    display   : flex;
    flex-wrap : wrap;
    row-gap   : 1rem;
}

.post-navigation .nav-links .nav-next {
    margin-left : auto;
}

/* === 10. Typography === */

body, .fancybox__content {
    font-family : var(--calleguas-font-primary);
    font-size   : 0.9rem;
    font-weight : 400;
    line-height : calc(4 / 3);
}

@media (min-width : 992px) {
    body, .fancybox__content {
        font-size : 1.05rem;
    }
}

b, strong {
    font-weight : 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7 {
    font-family    : var(--calleguas-font-secondary);
    font-weight    : 400;
    clear          : both;
    margin         : 0 0 0.5em;
    letter-spacing : 0;
    text-transform : none;
    color          : var(--calleguas-color-blue);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
.h7 a {
    color : inherit;
}

h1, .h1 {
    font-size   : 1.6625rem;
    line-height : 1.2;
}

@media (min-width : 992px) {
    h1, .h1 {
        font-size     : 2.3625rem;
        margin-bottom : 0.25em;
    }
}

h2, .h2 {
    font-size   : 1.05rem;
    font-weight : 700;
    line-height : 1.2;
}

@media (min-width : 992px) {
    h2, .h2 {
        font-size : 2.1rem;
    }
}

h3, .h3 {
    font-size      : 0.9625rem;
    font-weight    : 700;
    margin-bottom  : 1em;
    text-transform : uppercase;
}

@media (min-width : 992px) {
    h3, .h3 {
        font-size : 1.3125rem;
    }
}

h4, .h4 {
    font-size      : 0.875rem;
    line-height    : 1.48;
    letter-spacing : 0.05em;
    text-transform : uppercase;
}

@media (min-width : 992px) {
    h4, .h4 {
        font-size : 1.09375rem;
    }
}

h5, .h5 {
    font-size      : 0.7rem;
    font-weight    : 500;
    line-height    : calc(26 / 18);
    margin-bottom  : calc(5em / 18);
    letter-spacing : 0.05em;
    text-transform : uppercase;
}

@media (min-width : 992px) {
    h5, .h5 {
        font-size : 0.7875rem;
    }
}

h6, .h6 {
    font-size      : 2.1rem;
    font-weight    : 400;
    line-height    : 1.2;
    margin-bottom  : calc(28em / 60);
    letter-spacing : 0;
    text-transform : none;
}

@media (min-width : 992px) {
    h6, .h6 {
        font-size : 2.625rem;
    }
}

.h7 {
    font-size      : 1.4rem;
    font-weight    : 700;
    line-height    : 1.5;
    margin-bottom  : 0.753em;
    letter-spacing : 0;
    text-transform : uppercase;
}

@media (min-width : 992px) {
    .h7 {
        font-size : 1.75rem;
    }
}

.h8 {
    font-size      : 0.9375rem;
    font-weight    : 400;
    line-height    : calc(31 / 21);
    margin-bottom  : calc(18em / 21);
    letter-spacing : 0;
    text-transform : uppercase;
}

@media (min-width : 992px) {
    .h8 {
        font-size : 1.0625rem;
    }
}

.h9 {
    font-size      : 1.6875rem;
    font-weight    : 700;
    line-height    : 1.5;
    margin-bottom  : 0.725em;
    letter-spacing : 0;
    text-transform : uppercase;
}

@media (min-width : 992px) {
    .h9 {
        font-size : 2.5rem;
    }
}

.h10 {
    font-size        : 1rem;
    font-weight      : 400;
    line-height      : calc(31 / 21);
    margin-bottom    : calc(12em / 21);
    padding          : 0.625rem 1.0625rem 0.6875rem;
    letter-spacing   : 0;
    border-radius    : 0.3125rem;
    background-color : var(--calleguas-color-lighter-blue);
}

@media (min-width : 992px) {
    font-size : 1.3125rem;
}

p, dl, ol, ul {
    margin-bottom : 1em;
}

.underline,
.underline--center {
    position       : relative;
    padding-bottom : calc(0.6875rem + 7px);
}

.underline--center {
    text-align : center;
}

.underline::after,
.underline--center::after {
    position         : absolute;
    bottom           : 0;
    width            : 3rem;
    height           : 7px;
    content          : "";
    border-radius    : var(--bs-border-radius);
    background-color : var(--calleguas-color-light-blue);
}

.underline::after {
    left : 0;
}

.underline--center::after {
    left      : 50%;
    transform : translateX(-50%);
}

/* === 11. Widgets === */

.accordion {
    --bs-accordion-active-bg            : var(--calleguas-color-lighter-blue);
    --bs-accordion-active-color         : var(--calleguas-color-blue);
    --bs-accordion-body-padding-x       : 1.90625rem;
    --bs-accordion-body-padding-y       : 1.1875rem;
    --bs-accordion-border-color         : transparent;
    --bs-accordion-border-width         : 0;
    --bs-accordion-btn-active-icon      : var(--bs-accordion-btn-icon);
    --bs-accordion-btn-bg               : var(--calleguas-color-lighter-blue);
    --bs-accordion-btn-color            : var(--calleguas-color-blue);
    --bs-accordion-btn-focus-box-shadow : none;
    --bs-accordion-btn-icon             : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.326' height='10.478' viewBox='0 0 18.326 10.478'%3E%3Cpath d='M18.566,15.356,11.631,8.426a1.3,1.3,0,0,1,0-1.85,1.321,1.321,0,0,1,1.855,0l7.857,7.851a1.307,1.307,0,0,1,.038,1.806l-7.89,7.906a1.31,1.31,0,1,1-1.855-1.85Z' transform='translate(24.522 -11.246) rotate(90)' fill='%230053a0'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width       : 1.125rem;
    --bs-accordion-btn-padding-x        : 1.1875rem;
    --bs-accordion-btn-padding-y        : 0.375rem;
    --calleguas-color-light-blue        : #00baf2;
}

.accordion-item {
    border-radius : var(--bs-accordion-border-radius);
}

.accordion-item:focus-within {
    outline : 1px solid var(--calleguas-color-light-blue);
}

.accordion-item:not(:last-child) {
    margin-bottom : 0.5625rem;
}

.accordion-header {
    font-weight    : 600;
    margin         : 0;
    letter-spacing : 0;
}

.accordion-button {
    font-size      : inherit;
    font-weight    : inherit;
    letter-spacing : inherit;
    text-transform : inherit;
    border-radius  : var(--bs-accordion-border-radius);
    column-gap     : 1rem;
}

.accordion-item.active .accordion-button {
    border-bottom-right-radius : 0;
    border-bottom-left-radius  : 0;
}

.accordion-item.active .accordion-button::before {
    position         : absolute;
    bottom           : 0;
    left             : var(--bs-accordion-btn-padding-x);
    display          : inline-block;
    width            : calc(100% - 2 * var(--bs-accordion-btn-padding-x));
    height           : 1px;
    content          : "";
    background-color : var(--calleguas-color-blue);
}

.accordion-button::after {
    height : 0.625rem;
}

.accordion-title {
    display : inline-block;
}

.accordion-body {
    padding-bottom   : 1.25rem;
    background-color : var(--calleguas-color-lighter-blue);
}

.accordion-body a {
    color : var(--calleguas-color-light-blue);
}

@media (min-width : 992px) {
    .accordion {
        --bs-accordion-body-padding-x : 3.8125rem;
        --bs-accordion-btn-padding-x  : 2.375rem;
    }

    .accordion-body {
        padding-bottom : 2.5rem;
    }
}

.accordion--mp .accordion__purveyors {
    row-gap : 2.25rem;
}

.accordion--mp .accordion__purveyor {
    --bs-gutter-x : 1.25rem;
}

.accordion--mp .accordion__purveyor > :first-child {
    width : 2.75rem;
}

.accordion--mp .accordion__purveyor > :last-child {
    width : calc(100% - 2.75rem);
}

.accordion--mp .accordion__purveyor svg {
    width  : 100%;
    height : auto;
}

.accordion--mp .accordion__purveyor svg path {
    fill : var(--calleguas-color-light-blue);
}

.accordion--mp .accordion__purveyor-title {
    font-family    : var(--calleguas-font-primary);
    font-weight    : 700;
    line-height    : 1.2;
    margin-bottom  : 0.25em;
    letter-spacing : 0;
    text-transform : none;
    color          : var(--calleguas-color-light-blue);
}

.accordion--mp .accordion__purveyor-website {
    font-weight : 700;
    margin-top  : 0.5rem;
}

.accordion--docs {
    --bs-accordion-btn-padding-x : 1.0625rem;
    --bs-accordion-btn-padding-y : 0.625rem;
}

.accordion--docs .accordion-item:not(:last-child) {
    margin-bottom : 0.75rem;
}

.accordion--docs .accordion-header {
    font-weight : 400;
}

.accordion--docs .accordion-item.active .accordion-button {
    border-bottom-right-radius : var(--bs-border-radius);
    border-bottom-left-radius  : var(--bs-border-radius);
}

.accordion--docs .accordion-item.active .accordion-button::before {
    display : none;
}

.accordion--docs .accordion-body {
    padding          : 0.75rem 1.0625rem 1.3125rem;
    background-color : transparent;
}

/*.accordion--docs .accordion-item:last-child .accordion-body {
    padding-bottom : 0;
}*/

.accordion--docs .accordion-body ul + ul {
    margin-top : 2em;
}

.alt-content__section {
    padding : 1.25rem 0;
}

.alt-content__section.color-scheme--dark {
    padding-top    : 2.5rem;
    padding-bottom : 2.5rem;
}

.alt-content__section:first-child,
.alt-content__section.color-scheme--light + .alt-content__section.color-scheme--light,
.alt-content__section.color-scheme--dark + .alt-content__section.color-scheme--dark {
    padding-top : 0;
}

.alt-content__grid {
    row-gap : 1rem;
}

.alt-content__title {
    font-size      : 1.4rem;
    font-weight    : 700;
    line-height    : 1.5;
    margin-bottom  : 0.175em;
    letter-spacing : 0;
    text-transform : uppercase;
}

@media (min-width : 992px) {
    .alt-content__section {
        padding : 2.5rem 0;
    }

    .alt-content__grid {
        --bs-gutter-x : 4.4375rem;
    }

    .alt-content__section.color-scheme--dark {
        padding : 0;
    }

    .alt-content__section.color-scheme--dark > .container {
        max-width : 100%;
    }

    .alt-content__section.color-scheme--dark .alt-content__grid {
        --bs-gutter-x : 0;
    }

    .alt-content__section.color-scheme--dark .alt-content__grid > :first-child img {
        object-fit      : cover;
        object-position : center top;
    }

    .alt-content__section.color-scheme--dark .alt-content__grid.flex-lg-row-reverse > :last-child {
        align-items : flex-end;
    }

    .alt-content__section.color-scheme--dark .alt-content__text-box {
        max-width : 43.25rem;
        padding   : 2.1875rem 2.625rem;
    }

    .alt-content__title {
        font-size : 1.75rem;
    }
}

.am__items-wrap,
.pn__items-wrap {
    max-width : 64rem;
    margin    : 0 auto;
}

.am__items,
.pn__items {
    width : 100%;
}

.am__items a {
    font-family    : var(--calleguas-font-secondary);
    text-transform : uppercase;
    color          : var(--calleguas-color-blue);
}

.am__item-data:nth-child(2) {
    padding-right              : calc(20em / 21);
    border-top-right-radius    : var(--bs-border-radius);
    border-bottom-right-radius : var(--bs-border-radius);
}

.am__item:nth-child(4n+1) .am__item-data,
.am__item:nth-child(4n+2) .am__item-data {
    background-color : var(--calleguas-color-lighter-blue);
}

.am__item:nth-child(4n+3) .am__item-data,
.am__item:nth-child(4n+4) .am__item-data {
    background-color : transparent;
}

.am__item--has-extra-data .am__item-data {
    padding-bottom             : calc(17em / 42);
    border-bottom-right-radius : 0;
    border-bottom-left-radius  : 0;
}

.am__item--extra-data .am__item-data {
    padding-top             : calc(17em / 42);
    border-top-left-radius  : 0;
    border-top-right-radius : 0;
}

.am__links-grid {
    row-gap       : 1rem;
    --bs-gutter-x : 1rem;
}

@media (min-width : 576px) {
    .am__item-data:nth-child(2) {
        padding-right              : calc(10em / 21);
        border-top-right-radius    : 0;
        border-bottom-right-radius : 0;
    }

    .am__item--has-extra-data .am__item-data {
        padding-bottom : calc(17em / 21);
    }

    .am__item--has-extra-data .am__item-data:first-child {
        border-bottom-left-radius : var(--bs-border-radius);
    }

    .am__item--has-extra-data .am__item-data:last-child {
        border-bottom-right-radius : var(--bs-border-radius);
    }
}

.board {
    font-size      : 1.05rem;
    padding-bottom : 1.875rem;
}

.board__descr {
    max-width : 71.25rem;
    margin    : 0 auto;
}

.board__directors {
    margin-top : 2.4375rem;
    row-gap    : 1.4375rem;
}

.board__director-info {
    font-size                    : 0.9rem;
    line-height                  : calc(33 / 21);
    margin-top                   : 0.5rem;
    --calleguas-color-light-blue : #00baf2;
}

.board__director-info > .row {
    row-gap       : 0;
    --bs-gutter-x : 0.9375rem;
}

.board__director-info > .row > :first-child {
    width : 1.9375rem;
}

.board__director-info > .row > :last-child {
    width : calc(100% - 1.9375rem);
}

.board__director-info a {
    font-weight : 700;
    color       : var(--calleguas-color-blue);
}

.board__director-map-link {
    font-size : 1.25em;
}

.board__director-info svg {
    width  : 100%;
    height : auto;
}

.board__director-info svg path {
    fill : var(--calleguas-color-light-blue);
}

.board__director-name {
    font-size   : 0.91875rem;
    font-weight : 700;
    color       : var(--calleguas-color-blue);
}

.board__director-pos {
    font-weight : 500;
    font-style  : italic;
    line-height : 1.2;
}

.board__director-bio-grid {
    row-gap : 1.25rem;
}

.board__btn {
    margin-top    : 1.75rem;
    row-gap       : 0.875rem;
    --bs-gutter-x : 0.875rem;
}

@media (min-width : 992px) {
    .board {
        font-size      : 1.25rem;
        padding-bottom : 3.75rem;
    }

    .board__directors {
        row-gap       : 2.875rem;
        --bs-gutter-x : 5.6875rem;
    }

    .board__director-info {
        font-size : 0.8rem;
    }

    .board__director-bio-grid {
        --bs-gutter-x : 1.9375rem;
    }

    .board__director-bio-grid > :first-child {
        width : 18.75rem;
    }

    .board__director-bio-grid > :last-child {
        width : calc(100% - 18.75rem);
    }

    .board__btn {
        margin-top : 3.5rem;
    }
}

@media (min-width : 1200px) {
    .board__director-info {
        font-size : 0.95rem;
    }
}

@media (min-width : 1400px) {
    .board__directors {
        --bs-gutter-x : 11.375rem;
    }

    .board__director-info {
        font-size : 0.85rem;
    }

    .board__director-name {
        font-size : 1.09375rem;
    }
}

@media (min-width : 1600px) {
    .board__director-info {
        font-size : 1.05rem;
    }
}

@media (min-width : 1920px) {
    .board__director-info {
        font-size : 1rem;
    }
}

.boxes {
    padding         : 1.84375rem 0 2.125rem;
    background      : var(--calleguas-color-blue) url(assets/images/water-drop-watermark-10.svg) no-repeat left center;
    background-size : contain;
}

.boxes__grid {
    row-gap : 1.84375rem;
}

.boxes__item {
    padding          : 1.3125rem 1.4375rem 1.34375rem;
    background-color : var(--calleguas-color-white);
}

.boxes__item .row {
    --bs-gutter-x              : 1.125rem;
    --calleguas-box-icon-width : 3.25rem;
}

.boxes__item .row > :first-child {
    width : var(--calleguas-box-icon-width);
}

.boxes__item .row > :last-child {
    width : calc(100% - var(--calleguas-box-icon-width));
}

.boxes__title {
    font-size      : 0.9625rem;
    font-weight    : 700;
    line-height    : 1.5;
    margin-bottom  : 0.575em;
    letter-spacing : 0;
    text-transform : uppercase;
}

.boxes__btn {
    margin-top : 1.5rem;
}

@media (min-width : 480px) {
    .boxes__item .row {
        --calleguas-box-icon-width : 4.875rem;
    }

    .boxes__title {
        font-size : 1.4rem;
    }
}

@media (min-width : 992px) {
    .boxes {
        padding               : 3.6875rem 0 4.25rem;
        background-position-x : -16.25rem;
        background-size       : auto 90%;
    }

    .boxes__grid {
        --bs-gutter-x : 2.34375rem;
    }

    .boxes__item {
        flex           : 1;
        padding-bottom : 2.6875rem;
    }

    .boxes__item .row {
        --calleguas-box-icon-width : 4.875rem;
    }

    .boxes__title {
        font-size : 1.4rem;
    }
}

@media (min-width : 1200px) {
    .boxes__grid {
        row-gap       : 3.6875rem;
        --bs-gutter-x : 4.6875rem;
    }

    .boxes__title {
        font-size : 1.75rem;
    }
}

@media (min-width : 1920px) {
    .boxes {
        background-position-x : -14.125rem;
    }
}

.btn,
.btn--inverse,
.button,
.button--inverse,
:root .gform_wrapper.gravity-theme .gform_save_link.button,
:root .gform_wrapper.gravity-theme input[name=gform_send_resume_link_button],
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    font-family                : var(--calleguas-font-secondary) !important;
    font-size                  : 1rem !important;
    font-weight                : 400 !important;
    line-height                : calc(31 / 21) !important;
    display                    : inline-flex !important;
    align-items                : center !important;
    justify-content            : center !important;
    width                      : max(calc(216em / 21), auto) !important;
    max-width                  : 100% !important;
    min-height                 : 0 !important;
    padding                    : calc(1em / 3) 1em !important;
    transition-timing-function : ease-in-out !important;
    transition-duration        : 0.3s !important;
    transition-property        : background-color !important;
    text-align                 : center !important;
    text-decoration            : none !important;
    text-transform             : uppercase !important;
    color                      : var(--calleguas-btn-fg-color) !important;
    border                     : 0 none !important;
    border-radius              : var(--bs-border-radius) !important;
    background                 : var(--calleguas-btn-bg-color) none !important;
    box-shadow                 : none !important;
    column-gap                 : 0.5625em !important;
    -webkit-appearance         : none !important;
    appearance                 : none !important;
    will-change                : background-color !important;
}

.btn,
.button,
:root .gform_wrapper.gravity-theme .gform_save_link.button,
:root .gform_wrapper.gravity-theme input[name=gform_send_resume_link_button],
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    --calleguas-btn-active-bg-color : var(--calleguas-color-dark-blue);
    --calleguas-btn-active-fg-color : var(--calleguas-color-white);
    --calleguas-btn-bg-color        : var(--calleguas-color-blue);
    --calleguas-btn-fg-color        : var(--calleguas-color-white);
}

.btn--inverse,
.button--inverse {
    --calleguas-btn-active-bg-color : var(--calleguas-color-dark-blue);
    --calleguas-btn-active-fg-color : var(--calleguas-color-white);
    --calleguas-btn-bg-color        : var(--calleguas-color-white);
    --calleguas-btn-fg-color        : var(--calleguas-color-blue);
}

.btn:active,
.btn:focus,
.btn:hover,
.btn--inverse:active,
.btn--inverse:focus,
.btn--inverse:hover,
.button:active,
.button:focus,
.button:hover,
.button--inverse:active,
.button--inverse:focus,
.button--inverse:hover,
:root .gform_wrapper.gravity-theme .gform_save_link.button:active,
:root .gform_wrapper.gravity-theme .gform_save_link.button:focus,
:root .gform_wrapper.gravity-theme .gform_save_link.button:hover,
:root .gform_wrapper.gravity-theme input[name=gform_send_resume_link_button]:active,
:root .gform_wrapper.gravity-theme input[name=gform_send_resume_link_button]:focus,
:root .gform_wrapper.gravity-theme input[name=gform_send_resume_link_button]:hover,
.post-navigation .nav-previous a:active,
.post-navigation .nav-previous a:focus,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:active,
.post-navigation .nav-next a:focus,
.post-navigation .nav-next a:hover {
    text-decoration  : none !important;
    color            : var(--calleguas-btn-active-fg-color) !important;
    background-color : var(--calleguas-btn-active-bg-color) !important;
}

.cf {
    font-size        : 0.8rem;
    padding          : 1.875rem 0 2.1875rem;
    color            : var(--calleguas-color-white);
    background-color : var(--calleguas-color-blue);
}

.cf * {
    color : inherit;
}

.cf__grid {
    row-gap : 2rem;
}

.cf__grid > * {
    display        : flex;
    flex-direction : column;
}

.cf__contact,
.cf__follow {
    flex        : 1;
    padding-top : 1rem;
}

.cf__contact-info {
    row-gap       : 1rem;
    --bs-gutter-x : 1.25rem;
}

.cf__contact-bottom {
    margin-top : calc(31em / 18);
}

.cf__follow {
    display          : flex;
    flex-direction   : column;
    padding-right    : 1.75rem;
    padding-bottom   : 1.125rem;
    padding-left     : 1.75rem;
    color            : var(--calleguas-color-dark-blue);
    border-radius    : var(--bs-border-radius);
    background-color : var(--calleguas-color-white);
    box-shadow       : var(--calleguas-box-shadow);
}

.cf__follow a,
.cf__follow .cf__title {
    color : var(--calleguas-color-blue);
}

.cf__follow-feed {
    flex : 1;
}

@media (min-width : 992px) {
    .cf {
        font-size           : 0.9rem;
        padding             : 3.75rem 0 4.375rem;
        background-image    : url(assets/images/water-drop.svg);
        background-repeat   : no-repeat;
        background-position : -4.1875rem center;
    }

    .cf__grid {
        --bs-gutter-x : 3rem;
    }

    .cf__grid > :first-child {
        width : calc(100% * 648 / 1308);
    }

    .cf__grid > :last-child:not(:first-child) {
        width : calc(100% * 660 / 1308);
    }

    .cf__follow-feed .fb_iframe_widget,
    .cf__follow-feed .fb_iframe_widget span,
    .cf__follow-feed .fb_iframe_widget iframe {
        height : 100% !important;
    }
}

.contact {
    padding-bottom : 1.96875rem;
}

.contact__grid {
    row-gap : 1rem;
}

.contact__icon-grid {
    row-gap : 2.25rem;
}

.contact__icon-grid .row {
    --bs-gutter-x : 1.1875rem;
}

.contact__icon-grid .row > :first-child {
    width      : 2.6875rem;
    text-align : center;
}

.contact__icon-grid .row > :last-child {
    width : calc(100% - 2.6875rem);
}

.contact__text span,
.contact__title {
    font-family    : var(--calleguas-font-secondary);
    font-size      : 1rem;
    font-weight    : 700;
    line-height    : 1.5;
    margin-bottom  : calc(4em / 19);
    letter-spacing : 0;
    text-transform : none;
    color          : var(--calleguas-color-dark-blue);
}

.contact__btns {
    margin-top : 2rem;
    row-gap    : 1.5625rem;
}

@media (min-width : 992px) {
    .contact {
        padding-bottom : 3.9375rem;
    }

    .contact__grid {
        --bs-gutter-x : 3.375rem;
    }

    .contact__text span,
    .contact__title {
        font-size : 1.2rem;
    }

    .contact__btns {
        margin-top : 4rem;
    }
}

.contact-us {
    font-size      : 1rem;
    font-weight    : 500;
    line-height    : calc(4 / 3);
    display        : flex;
    align-items    : center;
    flex-direction : column;
}

.contact-us__title {
    font-size : 1rem;
    color     : var(--calleguas-color-dark-blue);
}

.contact-us__grid {
    row-gap : 0.8125rem;
}

.contact-us__grid .row {
    --bs-gutter-x : 0.875rem;
}

.contact-us__grid .row > :first-child {
    width      : 1.875rem;
    text-align : center;
}

.contact-us__grid .row > :first-child svg path {
    fill : var(--calleguas-color-light-blue);
}

.contact-us__grid .row > :last-child {
    width : calc(100% - 1.875rem);
}

@media (min-width : 992px) {
    .contact-us {
        font-size   : 1.125rem;
        align-items : flex-start;
    }

    .contact-us__title {
        font-size : 1.125rem;
    }
}

.contact-us--cf {
    font-size   : 0.9rem;
    align-items : flex-start;
}

.contact-us--cf .contact-us__title {
    font-family    : var(--calleguas-font-primary);
    font-weight    : 700;
    margin-bottom  : calc(12em / 25);
    letter-spacing : 0;
    text-transform : none;
    color          : inherit;
}

@media (min-width : 992px) {
    .contact-us--cf {
        font-size : 0.75rem;
    }
}

@media (min-width : 1200px) {
    .contact-us--cf {
        font-size : 0.95rem;
    }
}

@media (min-width : 1400px) {
    .contact-us--cf {
        font-size : 1rem;
    }
}

@media (min-width : 1600px) {
    .contact-us--cf {
        font-size : 1.05rem;
    }
}

.cp__grid {
    row-gap : 1.25rem;
}

.cp__projects-title {
    font-size        : 1rem;
    font-weight      : 400;
    line-height      : calc(31 / 21);
    margin           : calc(27em / 21) 0 calc(9em / 21);
    padding          : calc(10em / 21) calc(17em / 21) calc(11em / 21);
    letter-spacing   : 0;
    border-radius    : 0.3125rem;
    background-color : var(--calleguas-color-lighter-blue);
}

.cp__projects {
    padding-left : 0.8125rem;
}

@media (min-width : 992px) {
    .cp__grid {
        --bs-gutter-x : 2.875rem;
    }

    .cp__projects-title {
        font-size  : 1.3125rem;
        margin-top : calc(54em / 21);
    }

    .cp__projects {
        padding-left : 1.0625rem;
    }
}

.faqs {
    padding          : 1.625rem 0 1.5625rem;
    background-color : var(--calleguas-color-lighter-blue);
}

.faqs__title {
    font-size      : 1.3125rem;
    font-weight    : 700;
    line-height    : 1.5;
    margin-bottom  : 0.475em;
    letter-spacing : 0;
    text-transform : uppercase;
}

@media (min-width : 992px) {
    .faqs {
        padding : 3.25rem 0 3.125rem;
    }

    .faqs__title {
        font-size : 2rem;
    }
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
    max-width : 100%;
}

.fi__inner {
    padding : 1.5625rem 1.5rem 2.125rem;
}

.fi__title {
    font-size        : 0.7875rem;
    font-weight      : 400;
    line-height      : calc(31 / 21);
    margin           : 0;
    padding          : calc(10em / 21) 1.0625rem calc(11em / 21);
    letter-spacing   : 0;
    text-transform   : uppercase;
    border-radius    : var(--bs-border-radius);
    background-color : var(--calleguas-color-lighter-blue);
}

.fi__title a {
    color : inherit;
}

.fi__title a.doc-link::before {
    top : calc(1em / 18);
}

.fi__title + .fi__title {
    margin-top : calc(15em / 21);
}

.fi__content {
    padding : 0.75rem 1.0625rem 2rem;
}

.fi__content:last-child {
    padding-bottom : 0;
}

.fi__content ul.doc-list > li::before {
    top : -0.0625rem;
}

@media (min-width : 992px) {
    .fi__title {
        font-size : 0.91875rem;
    }

    .fi__title a.doc-link::before {
        top : calc(4em / 21);
    }

    .fi__content ul.doc-list > li::before {
        top : 0.0625rem;
    }
}

.grecaptcha-badge {
    display : none !important;
}

.hero {
    color : var(--calleguas-color-white);
}

:where(.hero, .static-image):first-child {
    margin-top : calc(-1 * var(--calleguas-navbar-wrap-padding-bottom));
}

.hero * {
    color : inherit;
}

.hero h1,
.hero .h1 {
    font-size : 1.3125rem;
}

.hero h4,
.hero .h4 {
    font-size : 0.75rem;
}

@media (min-width : 480px) {
    .hero h1,
    .hero .h1 {
        font-size : 2.125rem;
    }

    .hero h4,
    .hero .h4 {
        font-size : 1rem;
    }
}

@media (min-width : 576px) {
    .hero h1,
    .hero .h1 {
        font-size : 2.5625rem;
    }

    .hero h4,
    .hero .h4 {
        font-size : 1.25rem;
    }
}

@media (min-width : 768px) {
    .hero h1,
    .hero .h1 {
        font-size : 3.375rem;
    }

    .hero h4,
    .hero .h4 {
        font-size : 1.5rem;
    }
}

@media (min-width : 992px) {
    .hero h1,
    .hero .h1 {
        font-size : 4.4375rem;
    }

    .hero h4,
    .hero .h4 {
        font-size : 1.8125rem;
    }
}

.hero--home .slick-slider {
    overflow : hidden;
}

.hero--home .slick-slider .slick-active img {
    transform-origin          : 50% 50%;
    animation-duration        : var(--calleguas-slideshow-ken-burns-duration);
    animation-timing-function : ease-in-out;
    animation-delay           : 0s;
    animation-fill-mode       : forwards;
}

.hero--home .slick-slider .slick-active:where(:first-child) img {
    transform      : scale(var(--calleguas-slideshow-ken-burns-zoom-factor));
    animation-name : calleguasZoomOut;
}

.how {
    padding                      : 2.46875rem 0 2.09375rem;
    color                        : var(--calleguas-color-white);
    background-color             : var(--calleguas-color-blue);
    --calleguas-color-light-blue : #00baf2;
}

.how *:where(:not(a)) {
    color : inherit;
}

.how a:where(:not([class*=btn]):not([class*=button])) {
    color : var(--calleguas-color-light-blue);
}

.how__grid {
    row-gap : 1.25rem;
}

.how__title {
    font-size     : 1.4rem;
    line-height   : 1.5;
    margin-bottom : 0.825em;
}

@media (min-width : 992px) {
    .how {
        padding : 4.9375rem 0 4.1875rem;
    }

    .how__grid {
        --bs-gutter-x : 3.3125rem;
    }

    .how__grid > :first-child {
        width : calc(100% * 592 / 1368);
    }

    .how__grid > :last-child {
        width : calc(100% * 776 / 1368);
    }

    .how__title {
        font-size : 1.75rem;
    }
}

@media (min-width : 1200px) {
    .how__grid {
        --bs-gutter-x : 6.625rem;
    }
}

.icon-search {
    display         : inline-block;
    width           : 1.4375rem;
    height          : 1.5rem;
    vertical-align  : bottom;
    background      : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23.171' height='24' viewBox='0 0 23.171 24'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M22.819,21.86l-5.712-5.941A9.686,9.686,0,1,0,9.69,19.38a9.586,9.586,0,0,0,5.552-1.753L21,23.612a1.264,1.264,0,1,0,1.822-1.752M9.69,2.528A7.162,7.162,0,1,1,2.528,9.69,7.17,7.17,0,0,1,9.69,2.528' transform='translate(0 0)' /%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size : cover;
}

.interactive-imgs {
    padding          : 2rem 0;
    color            : var(--calleguas-color-white);
    background-color : var(--calleguas-color-blue);
}

.interactive-imgs__grid {
    row-gap : 1.875rem;
}

.interactive-imgs__box {
    position : relative;
}

.interactive-imgs__box:focus {
    outline : 0 none;
}

.interactive-imgs__title {
    font-size        : 1.0625rem;
    font-weight      : 700;
    line-height      : 1.48;
    position         : absolute;
    z-index          : 1;
    bottom           : 0;
    left             : 0;
    width            : 100%;
    margin           : 0;
    padding          : 0.25rem 0;
    text-align       : center;
    letter-spacing   : 0;
    text-transform   : uppercase;
    color            : inherit;
    background-color : rgba(var(--calleguas-color-blue-rgb), 0.5);
}

.interactive-imgs__popup {
    position         : absolute;
    z-index          : 2;
    top              : 0;
    left             : 0;
    display          : flex;
    visibility       : hidden;
    flex-direction   : column;
    justify-content  : center;
    width            : 100%;
    height           : 100%;
    padding          : 1rem 1.3125rem;
    transition       : opacity 0.3s ease-in-out;
    opacity          : 0;
    color            : var(--calleguas-color-dark-blue);
    background-color : rgba(var(--calleguas-color-white-rgb), 0.9);
    will-change      : opacity;
}

.interactive-imgs__box:focus .interactive-imgs__popup,
.interactive-imgs__box:focus-within .interactive-imgs__popup,
.interactive-imgs__box:hover .interactive-imgs__popup {
    visibility : visible;
    opacity    : 1;
}

.interactive-imgs__popup h3 {
    font-size      : 1.0625rem;
    font-weight    : 700;
    line-height    : 1.48;
    margin-bottom  : 0.44em;
    letter-spacing : 0;
}

@media (min-width : 768px) {
    .interactive-imgs__grid {
        --bs-gutter-x : 2.5rem;
    }
}

@media (min-width : 992px) {
    .interactive-imgs {
        padding : 4rem 0;
    }

    .interactive-imgs__title {
        font-size : 1.5625rem;
    }

    .interactive-imgs__popup {
        padding : 2rem 2.625rem;
    }

    .interactive-imgs__popup h3 {
        font-size : 1.5625rem;
    }
}

.intro__btns {
    margin-top : 1.875rem;
    row-gap    : 0.875rem;
}

.intro--home {
    padding : 3rem 0 1.75rem;
}

.intro--home .intro__title {
    max-width    : 70.125rem;
    margin-right : auto;
    margin-left  : auto;
}

.intro--home .intro__descr {
    font-size    : 0.9rem;
    font-weight  : 500;
    max-width    : 56.3125rem;
    margin-right : auto;
    margin-left  : auto;
}

.intro--home .intro__btns {
    margin-top    : 1.4375rem;
    --bs-gutter-x : 0.875rem;
}

@media (min-width : 992px) {
    .intro--home {
        padding : 8.4375rem 0 3.4375rem;
    }

    .intro--home .intro__descr {
        font-size : 1.25rem;
    }
}

.intro--secondary {
    padding-bottom : 1.90625rem;
}

.intro--secondary .intro__btns {
    margin-top    : 1.9375rem;
    --bs-gutter-x : 1.875rem;
}

@media (min-width : 992px) {
    .intro--secondary {
        padding-bottom : 3.8125rem;
    }
}

.intro--about-us {
    padding-bottom : 1.84375rem;
}

@media (min-width : 768px) {
    .intro--about-us .intro__map {
        float  : right;
        width  : calc((100% / 3) - 1.5em);
        margin : 0 0 1.5em 1.5em;
    }
}

@media (min-width : 992px) {
    .intro--about-us {
        padding-bottom : 3.6875rem;
    }
}

.intro--your-water {
    padding-bottom : 1.875rem;
}

.intro--your-water .intro__descr {
    max-width : 79.25rem;
    margin    : 0 auto;
}

.intro--financial {
    padding-bottom : 1.375rem;
}

.intro--financial .intro__descr {
    max-width : 67.125rem;
    margin    : 0 auto;
}

@media (min-width : 992px) {
    .intro--financial {
        padding-bottom : 2.75rem;
    }
}

.learn-more {
    padding-top : 1.90625rem;
}

.learn-more > .container {
    padding : 1.25rem 1.3125rem 1.75rem;
}

.learn-more__title {
    font-size                                 : 1.4rem;
    font-weight                               : 700;
    line-height                               : 1.5;
    margin-bottom                             : 0.753em;
    padding-left                              : var(--calleguas-learn-more-title-padding-left);
    letter-spacing                            : 0;
    --calleguas-learn-more-title-padding-left : 0.59375em;
}

.learn-more__title::after {
    left : var(--calleguas-learn-more-title-padding-left);
}

.learn-more__list {
    font-weight : 500;
    margin      : 0;
    padding     : 0;
    list-style  : none;
}

.learn-more__list-item {
    margin                     : 0;
    transition-timing-function : ease-in-out;
    transition-duration        : 0.3s;
    transition-property        : background-color, color;
    color                      : var(--calleguas-color-dark-blue);
    border-radius              : var(--bs-border-radius);
    will-change                : background-color, color;
}

.learn-more__list-item:nth-child(odd) {
    background-color : var(--calleguas-color-lighter-blue);
}

.learn-more__list-item:focus,
.learn-more__list-item:hover {
    color            : var(--calleguas-color-white);
    background-color : var(--calleguas-color-dark-blue);
}

.learn-more__link {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    padding         : calc(12em / 21) calc(22em / 21);
    color           : inherit;
    column-gap      : 1em;
}

.learn-more__link:active,
.learn-more__link:focus,
.learn-more__link:hover {
    text-decoration : none;
}

.learn-more__link svg {
    flex-shrink : 0;
}

.learn-more__link svg path {
    fill : var(--calleguas-color-blue);
}

@media (min-width : 992px) {
    .learn-more {
        padding-top : 3.8125rem;
    }

    .learn-more > .container {
        padding-right  : 2.625rem;
        padding-bottom : 3.5rem;
        padding-left   : 2.625rem;
    }

    .learn-more__title {
        font-size                                 : 1.75rem;
        --calleguas-learn-more-title-padding-left : 0.55em;
    }
}

.lic {
    padding-bottom : 1.875rem;
}

.lic__inner {
    max-width : 64rem;
    margin    : 0 auto;
}

.lic__title {
    font-size      : 1.6875rem;
    font-weight    : 700;
    line-height    : 1.5;
    margin-bottom  : 0.875em;
    letter-spacing : 0;
    text-transform : none;
}

.lic__icons {
    row-gap : 1.5rem;
}

.lic__icons figcaption {
    font-size   : 0.875rem;
    font-weight : 700;
    line-height : calc(4 / 3);
    margin-top  : calc(20em / 18);
    color       : var(--calleguas-color-blue);
}

.lic__video {
    margin-top : 1.875rem;
}

.lic__descr {
    margin-top : 1.5625rem;
}

.lic__gl {
    margin-top : 1.9375rem;
}

@media (min-width : 768px) {
    .lic__icons {
        --bs-gutter-x : 1.6875rem;
    }
}

@media (min-width : 992px) {
    .lic {
        padding-bottom : 3.75rem;
    }

    .lic__title {
        font-size : 2.5rem;
    }

    .lic__icons {
        --bs-gutter-x : 3.375rem;
    }

    .lic__icons figcaption {
        font-size : 1.125rem;
    }

    .lic__video {
        margin-top : 3.75rem;
    }

    .lic__gl {
        margin-top : 3.875rem;
    }
}

@media (min-width : 1200px) {
    .lic__icons {
        --bs-gutter-x : 6.75rem;
    }
}

.list-box {
    padding-bottom : 2.9375rem;
}

.list-box__inner {
    max-width        : 62.5rem;
    margin           : 0 auto;
    padding          : 1.625rem 1.5rem 1.25rem;
    background-color : var(--calleguas-color-white);
}

.list-box__inner ul {
    padding    : 0;
    list-style : none;
}

.list-box__inner ul > li {
    margin        : 0;
    padding       : 1rem 1.0625rem 0.4375rem;
    border-radius : var(--bs-border-radius);
}

.list-box__inner ul > li:nth-child(odd) {
    background-color : var(--calleguas-color-lighter-blue);
}

@media (min-width : 992px) {
    .list-box {
        padding-bottom : 5.875rem;
    }
}

.managers__grid {
    row-gap : 1.46875rem;
}

.managers__title {
    font-size      : 1.4rem;
    font-weight    : 700;
    line-height    : 1.5;
    margin-bottom  : 0.85em;
    letter-spacing : 0;
    text-transform : uppercase;
}

.managers__gms,
.managers__gm-grid {
    row-gap : 1rem;
}

.managers__name {
    font-family    : var(--calleguas-font-primary);
    font-size      : 0.91875rem;
    font-weight    : 700;
    line-height    : 1.32;
    margin-bottom  : 0;
    letter-spacing : 0;
    text-transform : none;
}

.managers__pos {
    font-size   : 0.9rem;
    font-weight : 500;
    font-style  : italic;
    line-height : calc(31 / 21);
}

.managers__bio-grid {
    row-gap : 1rem;
}

.managers__bio-text {
    margin-top : 1.5rem;
}

.managers__others-title {
    margin-bottom : 0.225em;
}

.managers__others-descr {
    font-size : 1.05rem;
}

.managers__others-grid {
    margin-top : 2.9375rem;
    row-gap    : 1.375rem;
}

.managers__others-info {
    margin-top                   : 0.5rem;
    row-gap                      : 0;
    --calleguas-color-light-blue : #00baf2;
}

.managers__others-info .row {
    --bs-gutter-x : 0.9375rem;
}

.managers__others-info .row > :first-child {
    width : 1.9375rem;
}

.managers__others-info .row > :last-child {
    width : calc(100% - 1.9375rem);
}

.managers__others-info .row svg {
    width  : 100%;
    height : auto;
}

.managers__others-info .row svg path {
    fill : var(--calleguas-color-light-blue);
}

@media (min-width : 992px) {
    .managers__grid {
        row-gap : 2.9375rem;
    }

    .managers__title {
        font-size : 1.75rem;
    }

    .managers__gms {
        --bs-gutter-x : 5.6875rem;
    }

    .managers__gm-grid {
        --bs-gutter-x : 1.8125rem;
    }

    /*.managers__gm-grid > :first-child {
        width : 20.5625rem;
    }

    .managers__gm-grid > :last-child {
        width : calc(100% - 20.5625rem);
    }*/
    .managers__gm-name {
        font-size : 1.09375rem;
    }

    .managers__bio-grid {
        --bs-gutter-x : 1.9375rem;
    }

    .managers__bio-grid > :first-child {
        width : 20.6875rem;
    }

    .managers__bio-grid > :last-child {
        width : calc(100% - 20.6875rem);
    }

    .managers__others-descr {
        font-size : 1.25rem;
    }

    .managers__others-grid {
        --bs-gutter-x : 5.6875rem;
    }
}

@media (min-width : 1400px) {
    .managers__gms {
        --bs-gutter-x : 11.375rem;
    }

    .managers__pos {
        font-size : 1.05rem;
    }

    .managers__others-grid {
        --bs-gutter-x : 11.375rem;
    }
}

.mp + .mp {
    margin-top : 2rem;
}

.mp__items {
    row-gap : 2.25rem;
}

.mp__item {
    --bs-gutter-x : 1.25rem;
}

.mp__item > :first-child {
    width : 2.75rem;
}

.mp__item > :last-child {
    width : calc(100% - 2.75rem);
}

.mp__item svg {
    width                        : 100%;
    height                       : auto;
    --calleguas-color-light-blue : #00baf2;
}

.mp__item svg path {
    fill : var(--calleguas-color-light-blue);
}

.mp__item-title {
    font-family    : var(--calleguas-font-primary);
    font-weight    : 700;
    line-height    : 1.2;
    margin-bottom  : 0.25em;
    letter-spacing : 0;
    text-transform : none;
    color          : var(--calleguas-color-light-blue);
}

.mp__item-website {
    font-weight : 700;
    margin-top  : 0.5rem;
}

@media (min-width : 992px) {
    .mp + .mp {
        margin-top : 3rem;
    }
}

.mp--white .mp__inner {
    padding : 1.25rem 1.3125rem;
}

@media (min-width : 992px) {
    .mp--white .mp__inner {
        padding : 2.5rem 2.625rem;
    }
}

.news-listing__grid {
    row-gap : 1.8125rem;
}

.news-listing__thumbnail {
    overflow : hidden;
}

.news-listing__thumbnail a {
    display : block;
}

.news-listing__thumbnail img {
    aspect-ratio    : 4 / 3;
    object-fit      : cover;
    object-position : center top;
}

.news-listing__source {
    font-family    : var(--calleguas-font-primary);
    font-size      : 1rem;
    font-weight    : 400;
    line-height    : 1.3;
    margin         : calc(17em / 30) 0 calc(4em / 30);
    text-transform : none;
    color          : var(--calleguas-color-blue);
}

.news-listing__post-title {
    font-size      : 0.9rem;
    font-weight    : 400;
    line-height    : 1.5;
    margin-bottom  : calc(10em / 24);
    letter-spacing : 0.05em;
    text-transform : none;
    color          : var(--calleguas-color-darker-blue);
}

.news-listing__post-title a {
    color : inherit;
}

.news-listing__date {
    font-size      : 1rem;
    font-style     : italic;
    line-height    : calc(4 / 3);
    letter-spacing : 0.05em;
    color          : var(--calleguas-color-darker-blue);
}

@media (min-width : 768px) {
    .news-listing__grid {
        --bs-gutter-x : 1.875rem;
    }
}

@media (min-width : 992px) {
    .news-listing__grid {
        row-gap : 3.625rem;
    }

    .news-listing__source {
        font-size : 1.125rem;
    }

    .news-listing__post-title {
        font-size : 1.05rem;
    }

    .news-listing__date {
        font-size : 1.125rem;
    }
}

.ql__grid {
    row-gap : 1rem;
}

.ql__title {
    font-size      : 1.4rem;
    font-weight    : 700;
    line-height    : 1.5;
    letter-spacing : 0;
    text-transform : uppercase;
}

.ql__items-grid {
    font-size       : 0.8rem;
    justify-content : center;
    row-gap         : 1.4375rem;
    --bs-gutter-x   : 1.5rem;
}

.ql__item {
    width : 50%;
}

.ql__item-link {
    display                    : block;
    flex                       : 1;
    padding                    : calc(20em / 21) calc(11em / 21) calc(24em / 21);
    transition-timing-function : ease-in-out;
    transition-duration        : 0.3s;
    transition-property        : background-color, color;
    color                      : var(--calleguas-color-dark-blue);
    border-radius              : var(--bs-border-radius);
    background-color           : var(--calleguas-color-white);
    box-shadow                 : var(--calleguas-box-shadow);
    will-change                : background-color, color;
}

.ql__item-link:active,
.ql__item-link:focus,
.ql__item-link:hover {
    text-decoration  : none;
    color            : var(--calleguas-color-white);
    background-color : var(--calleguas-color-blue);
}

.ql__item-icon {
    --calleguas-color-dark-blue              : #2053a0;
    --calleguas-color-light-blue             : #00baf2;
    --calleguas-color-white                  : #f5f9fb;
    --calleguas-ql-icon-active-fill-color    : var(--calleguas-color-light-blue);
    --calleguas-ql-icon-active-stroke-color  : var(--calleguas-color-dark-blue);
    --calleguas-ql-icon-default-fill-color   : var(--calleguas-color-blue);
    --calleguas-ql-icon-default-stroke-color : var(--calleguas-color-white);
}

.ql__item-icon svg path {
    transition-timing-function : ease-in-out;
    transition-duration        : 0.3s;
    transition-property        : fill, stroke;
    fill                       : var(--calleguas-ql-icon-default-fill-color);
    stroke                     : var(--calleguas-ql-icon-default-stroke-color);
    will-change                : fill, stroke;
}

.ql__item-link:active svg path,
.ql__item-link:focus svg path,
.ql__item-link:hover svg path {
    fill   : var(--calleguas-ql-icon-active-fill-color);
    stroke : var(--calleguas-ql-icon-active-stroke-color);
}

.ql__item-label {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    min-height      : 2.6875rem;
    margin-top      : calc(8em / 21);
}

@media (min-width : 480px) {
    .ql__item {
        width : calc(100% / 3);
    }
}

@media (min-width : 576px) {
    .ql__items-grid {
        font-size : 0.9rem;
    }

    .ql__item-label {
        min-height : 3rem;
    }
}

@media (min-width : 768px) {
    .ql__items-grid {
        font-size : 0.75rem;
    }

    .ql__item {
        width : 20%;
    }

    .ql__item-label {
        min-height : 2.5rem;
    }
}

@media (min-width : 992px) {
    .ql__grid {
        --bs-gutter-x : 1.5rem;
    }

    .ql__grid > :first-child {
        width : calc(100% * 259 / 1307);
    }

    .ql__grid > :last-child {
        width : calc(100% * 1048 / 1307);
    }

    .ql__title {
        font-size : 1.3125rem;
    }

    .ql__items-grid {
        font-size : 0.8rem;
    }

    .ql__item-label {
        min-height : 2.6875rem;
    }
}

@media (min-width : 1600px) {
    .ql__grid,
    .ql__items-grid {
        --bs-gutter-x : 3.125rem;
    }

    .ql__title {
        font-size : 1.75rem;
    }

    .ql__items-grid {
        font-size : 1.05rem;
    }

    .ql__item-label {
        min-height : 3.5rem;
    }
}

.qlc {
    font-size   : 0.8rem;
    font-weight : 500;
    padding     : 1.5rem 0 2.0625rem;
}

.qlc__grid {
    row-gap : 1.25rem;
}

.qlc__grid > * {
    display        : flex;
    flex-direction : column;
}

.qlc__ql, .qlc__cal {
    flex        : 1;
    padding-top : 1.0625rem;
}

.qlc__ql-grid {
    row-gap       : 1.4375rem;
    --bs-gutter-x : 1.46875rem;
}

.qlc__ql-link {
    display                    : block;
    flex                       : 1;
    padding                    : calc(20em / 21) calc(11em / 21) calc(24em / 21);
    transition-timing-function : ease-in-out;
    transition-duration        : 0.3s;
    transition-property        : background-color, color;
    color                      : var(--calleguas-color-dark-blue);
    border-radius              : var(--bs-border-radius);
    background-color           : var(--calleguas-color-white);
    box-shadow                 : var(--calleguas-box-shadow);
    will-change                : background-color, color;
}

.qlc__ql-link:active,
.qlc__ql-link:focus,
.qlc__ql-link:hover {
    text-decoration  : none;
    color            : var(--calleguas-color-white);
    background-color : var(--calleguas-color-blue);
}

.qlc__ql-icon {
    --calleguas-color-dark-blue              : #2053a0;
    --calleguas-color-light-blue             : #00baf2;
    --calleguas-color-white                  : #f5f9fb;
    --calleguas-ql-icon-active-fill-color    : var(--calleguas-color-light-blue);
    --calleguas-ql-icon-active-stroke-color  : var(--calleguas-color-dark-blue);
    --calleguas-ql-icon-default-fill-color   : var(--calleguas-color-blue);
    --calleguas-ql-icon-default-stroke-color : var(--calleguas-color-white);
}

.qlc__ql-icon svg path {
    transition-timing-function : ease-in-out;
    transition-duration        : 0.3s;
    transition-property        : fill, stroke;
    fill                       : var(--calleguas-ql-icon-default-fill-color);
    stroke                     : var(--calleguas-ql-icon-default-stroke-color);
    will-change                : fill, stroke;
}

.qlc__ql-link:active svg path,
.qlc__ql-link:focus svg path,
.qlc__ql-link:hover svg path {
    fill   : var(--calleguas-ql-icon-active-fill-color);
    stroke : var(--calleguas-ql-icon-active-stroke-color);
}

.qlc__ql-title {
    margin-top : calc(8em / 21);
}

.qlc__cal {
    padding-right    : 1.3125rem;
    padding-bottom   : 1.3125rem;
    padding-left     : 1.3125rem;
    border-radius    : var(--bs-border-radius);
    background-color : var(--calleguas-color-white);
    box-shadow       : var(--calleguas-box-shadow);
}

.qlc__cal-items {
    margin     : 0;
    padding    : 0;
    list-style : none;
}

.qlc__cal-item {
    margin                     : 0;
    transition-timing-function : ease-in-out;
    transition-duration        : 0.3s;
    transition-property        : background-color, color;
    color                      : var(--calleguas-color-dark-blue);
    border-radius              : var(--bs-border-radius);
    will-change                : background-color, color;
}

.qlc__cal-item:nth-child(odd) {
    background-color : var(--calleguas-color-lighter-blue);
}

.qlc__cal-item:focus,
.qlc__cal-item:hover {
    color            : var(--calleguas-color-white);
    background-color : var(--calleguas-color-dark-blue);
}

.qlc__cal-link {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    padding         : calc(12em / 21) calc(22em / 21);
    color           : inherit;
    column-gap      : 1em;
}

.qlc__cal-link:active,
.qlc__cal-link:focus,
.qlc__cal-link:hover {
    text-decoration : none;
}

.qlc__cal-link svg {
    flex-shrink : 0;
}

.qlc__cal-link svg path {
    fill : var(--calleguas-color-blue);
}

@media (min-width : 480px) {
    .qlc__ql-item {
        width : calc(100% / 3);
    }
}

@media (min-width : 992px) {
    .qlc {
        font-size : 0.7rem;
        padding   : 3rem 0 4.125rem;
    }

    .qlc__grid {
        --bs-gutter-x : 3.875rem;
    }

    .qlc__grid > :first-child {
        width : calc(100% * 650 / 1385);
    }

    .qlc__grid > :last-child:not(:first-child) {
        width : calc(100% * 735 / 1385);
    }

    .qlc__cal {
        padding-right  : 2.625rem;
        padding-bottom : 2.625rem;
        padding-left   : 2.6255rem;
    }
}

@media (min-width : 1200px) {
    .qlc {
        font-size : 0.9rem;
    }
}

@media (min-width : 1400px) {
    .qlc__grid {
        --bs-gutter-x : 7.6875rem;
    }
}

@media (min-width : 1600px) {
    .qlc {
        font-size : 1.05rem;
    }
}

.resources {
    padding          : 1.5rem 0 2.3125rem;
    background-color : var(--calleguas-color-lighter-blue);
}

.resources__title {
    font-size      : 1.6875rem;
    font-weight    : 700;
    line-height    : 1.5;
    margin-bottom  : 0.225em;
    letter-spacing : 0;
    text-transform : uppercase;
}

.resources__items {
    margin-top : 1.8125rem;
}

.resources__item {
    padding : 1.875rem 0 2.1875rem;
}

.resources__item:first-child {
    padding-top : 0;
}

.resources__grid {
    row-gap : 1rem;
}

.resources__item-title {
    font-size      : 1.05rem;
    font-weight    : 700;
    line-height    : 1.5;
    margin-bottom  : 0.1875em;
    letter-spacing : 0;
    text-transform : none;
}

.resources__item-btn {
    margin-top    : 1.3125rem;
    row-gap       : 1.25rem;
    --bs-gutter-x : 1.25rem;
}

@media (min-width : 992px) {
    .resources {
        padding : 3rem 0 4.625rem;
    }

    .resources__title {
        font-size : 2.5rem;
    }

    .resources__items {
        margin-top : 3.625rem;
    }

    .resources__grid {
        --bs-gutter-x : 2.5rem;
    }

    .resources__grid > :first-child {
        width : calc(100% * 440 / 1315);
    }

    .resources__grid > :last-child {
        width : calc(100% * 875 / 1315);
    }

    .resources__item-title {
        font-size : 1.4rem;
    }
}

.slick-slider {
    transition  : opacity 0.3s ease-in-out;
    opacity     : 0;
    will-change : opacity;
}

.slick-slider.slick-initialized {
    opacity : 1;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
    position   : absolute;
    z-index    : 1;
    top        : 50%;
    padding    : 0;
    transform  : translateY(-50%);
    border     : 0 none;
    background : transparent none;
}

.slick-slider .slick-prev {
    left : 1.25rem;
}

.slick-slider .slick-next {
    right : 1.25rem;
}

.slick-slider__slide {
    position : relative;
}

.slick-slider__background {
    position : relative;
    z-index  : 1;
}

.slick-slider__overlay {
    position        : absolute;
    z-index         : 10;
    top             : 0;
    left            : 0;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    width           : 100%;
    height          : 100%;
}

.slick-slider__slide--flexible-height .slick-slider__background {
    position : absolute;
    z-index  : 10;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}

.slick-slider__slide--flexible-height .slick-slider__background img {
    height          : 100%;
    object-fit      : cover;
    object-position : center top;
}

.slick-slider__slide--flexible-height .slick-slider__overlay {
    position : relative;
    z-index  : 1;
}

.slick-slider--full-height {
    height : calc(100vh - var(--calleguas-navbar-height) - var(--wp-admin--admin-bar--height, 0px));
}

.slick-slider--full-height *:not(.slick-prev):not(.slick-next) {
    height : 100%;
}

.slick-slider.slick-slider--full-height .slick-slide img {
    object-fit      : cover;
    object-position : center top;
}

@media (min-width : 992px) {
    .slick-slider__overlay {
        justify-content : flex-start;
        padding-top     : 8.25rem;
    }
}

.social-links__items {
    display         : flex;
    align-items     : flex-end;
    flex-wrap       : wrap;
    justify-content : center;
    margin          : 0;
    padding         : 0;
    list-style      : none;
    column-gap      : 1.5rem;
}

.social-links__item:not(:last-child) {
    margin : 0;
}

.social-links__link {
    display : inline-block;
}

.social-links__item svg {
    vertical-align : bottom;
}

@media (min-width : 992px) {
    .social-links ul {
        justify-content : flex-start;
    }
}

.spacer {
    line-height   : 0;
    margin-bottom : 2rem;
}

.static-image--global {
    margin-top : 1.9375rem;
}

.home .static-image--global {
    margin-top : 0;
}

@media (min-width : 992px) {
    .static-image--global {
        margin-top : 3.8125rem;
    }
}

.stats {
    position   : relative;
    z-index    : 100;
    margin-top : -7vw;
}

.stats > .container {
    font-size        : 0.9rem;
    font-weight      : 500;
    line-height      : 1.32;
    padding          : 1.25rem 2.8125rem 2.0625rem;
    border-radius    : var(--bs-border-radius);
    background-color : var(--calleguas-color-white);
    box-shadow       : 0 3px 6px rgba(0, 0, 0, 0.16);
}

.stats__grid {
    row-gap : 1.25rem;
}

.stats__grid figure {
    --bs-gutter-x          : 0.375rem;
    --calleguas-icon-width : 5.8125rem;
}

.stats__grid figure > :first-child {
    width : calc(var(--calleguas-icon-width) + var(--bs-gutter-x));
}

.stats__grid figure > :last-child {
    width : calc(100% - var(--calleguas-icon-width) - var(--bs-gutter-x));
}

.stats__number {
    font-size      : 1.35625rem;
    font-weight    : 700;
    line-height    : 1.2;
    text-transform : uppercase;
}

@media (min-width : 480px) {
    .stats__grid > * {
        width : 16rem;
    }
}

@media (min-width : 992px) {
    .stats {
        height : 0;
        margin : 0;
    }

    .stats > .container {
        font-size     : 1.25rem;
        padding-right : 1.4375rem;
        padding-left  : 1.4375rem;
        transform     : translateY(-50%);
    }

    .stats__grid {
        --bs-gutter-x : 4.6875rem;
    }

    .stats__grid > * {
        width : calc(100% / 3);
    }

    .stats__number {
        font-size : 2.7125rem;
    }

    .stats + * {
        padding-top : 8.46875rem !important;
    }
}

@media (min-width : 1200px) {
    .stats > .container {
        padding-right : 2.8125rem;
        padding-left  : 2.8125rem;
    }
}

@media (min-width : 1400px) {
    .stats > .container {
        padding-right : 5.625rem;
        padding-left  : 5.625rem;
    }

    .stats__grid {
        --bs-gutter-x : 9.375rem;
    }
}

.tc-resources {
    padding-bottom : 2.3125rem;
}

.tc-resources__grid {
    row-gap : 1.25rem;
}

.tc-resources__resources {
    margin-top : 1.875rem;
}

.tc-resources__img-link {
    position      : relative;
    display       : inline-block;
    border-radius : var(--bs-border-radius);
}

.tc-resources__img-link svg {
    position : absolute;
    top      : 1.25rem;
    right    : 1.25rem;
}

@media (min-width : 992px) {
    .tc-resources {
        padding-bottom : 4.625rem;
    }

    .tc-resources__grid {
        --bs-gutter-x : 2.5rem;
    }

    .tc-resources__resources {
        margin-top : 3.75rem;
    }
}

.text-img {
    padding-bottom : 1.9375rem;
}

.text-img__grid {
    row-gap : 1rem;
}

@media (min-width : 992px) {
    .text-img {
        padding-bottom : 3.875rem;
    }

    .text-img__grid {
        --bs-gutter-x : 2.5rem;
    }
}

.timeline-wrap {
    padding : 2.875rem 0 5.375rem;
}

.timeline {
    position  : relative;
    max-width : 63.75rem;
    margin    : 0 auto;
}

.timeline::before {
    position   : absolute;
    top        : 0;
    bottom     : 0;
    left       : 3.125rem;
    width      : 0.1875rem;
    content    : "";
    transform  : translateX(-50%);
    background : var(--calleguas-color-light-blue);
}

.timeline-start,
.timeline-end {
    position : relative;
}

.timeline-start {
    padding-bottom : 10.125rem;
}

.timeline-end {
    padding-top : 4rem;
}

.timeline-start::before,
.timeline-end::before {
    position         : absolute;
    left             : 3.125rem;
    width            : 1.25rem;
    height           : 1.25rem;
    content          : "";
    transform        : translateX(-50%);
    border-radius    : 50%;
    background-color : var(--calleguas-color-light-blue);
}

.timeline-item {
    width         : 100%;
    margin-bottom : 2.5rem;
}

.timeline-content-wrap {
    padding : 3.125rem 0 0 0;
}

.timeline-content {
    position         : relative;
    max-width        : 100%;
    margin-left      : 8.75rem;
    padding          : 1.25rem;
    border-radius    : 0.625rem;
    background-color : var(--calleguas-color-lighter-blue);
}

.timeline-content > :last-child {
    margin-bottom : 0;
}

.timeline-content-grid {
    row-gap       : 1rem;
    --bs-gutter-x : 1.25rem;
}

.timeline-content-grid > :where(:first-child) {
    width : calc(100% * 400 / 852);
}

.timeline-content-grid > :where(:last-child) {
    width : calc(100% * 452 / 852);
}

.timeline-content-grid img {
    object-fit      : cover;
    object-position : center top;
}

.timeline-content-heading {
    font-size      : 1.5rem;
    font-weight    : 400;
    line-height    : 1.25;
    margin-bottom  : calc(10em / 24);
    letter-spacing : 0;
    text-transform : none;
    color          : var(--calleguas-color-light-blue);
}

.timeline-img {
    position         : absolute;
    left             : 0;
    width            : 6.25rem;
    height           : 6.25rem;
    color            : var(--calleguas-color-light-blue);
    border           : 2px solid;
    border-radius    : 50%;
    background-color : var(--calleguas-color-blue);
}

.timeline-year {
    font-size      : 2.25rem;
    font-weight    : 700;
    line-height    : calc(53 / 36);
    position       : absolute;
    top            : 50%;
    left           : 50%;
    margin         : 0;
    transform      : translate(-50%, -50%);
    letter-spacing : 0;
    color          : inherit;
}

/*noinspection CssNonIntegerLengthInPixels*/
@media (max-width : 767.98px) {
    .timeline-content-grid > * {
        width : 100%;
    }
}

/*noinspection CssNonIntegerLengthInPixels*/
@media (max-width : 991.98px) {
    .timeline-wrap {
        padding : 1.4375rem 0 2.6875rem;
    }

    .timeline::before {
        left : 1.5625rem;
    }

    .timeline-start {
        padding-bottom : 5.0625rem;
    }

    .timeline-start::before {
        left : 1.5625rem;
    }

    .timeline-end {
        padding-top : 2rem;
    }

    .timeline-end::before {
        left : 1.5625rem;
    }

    .timeline-content-wrap {
        padding : 1.5625rem 0 0;
    }

    .timeline-content {
        margin-left : 4.375rem;
    }

    .timeline-content-heading {
        font-size : 1rem;
    }

    .timeline-img {
        left      : 1.5625rem;
        width     : 3.125rem;
        height    : 3.125rem;
        transform : translateX(-50%);
    }

    .timeline-year {
        font-size : 1rem;
    }

    .timeline-item {
        margin-bottom : 1.25rem;
    }
}

.title {
    margin-bottom : 2.125rem;
}

.two-columns {
    padding-bottom : 2.34375rem;
}

.two-columns__grid {
    row-gap : 1rem;
}

@media (min-width : 992px) {
    .two-columns {
        padding-bottom : 4.6875rem;
    }

    .two-columns__grid {
        --bs-gutter-x : 2.5rem;
    }
}

.waves {
    background      : url(assets/images/waves.svg) no-repeat center top;
    background-size : 100% auto;
    /*aspect-ratio    : 2172 / 646;*/
}

.wow {
    visibility : hidden;
}

.wysiwyg {
    margin : 1.3125rem 0 1.5rem;
}

.wysiwyg:last-child {
    margin-bottom : 0;
}

.wysiwyg.waves {
    background-position-y : bottom;
}

.wysiwyg__inner.drop-shadow {
    padding : 1.25rem 1.3125rem;
}

@media (min-width : 992px) {
    .wysiwyg {
        margin-top : 2.625rem;
    }

    .wysiwyg__inner.drop-shadow {
        padding : 2.5rem 2.625rem;
    }
}

.wysiwyg--agendas-minutes .wysiwyg__inner {
    max-width : 64rem;
    margin    : 0 auto;
}

#wpadminbar {
    position : fixed;
}
