/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Elements */
a { border-radius:4px; font-weight:600; outline-color:transparent; outline-offset:2px; outline-style:solid; transition:all ease-out 300ms; }
a:focus, a:focus-visible { outline:rgba(59, 130, 246, 0.5) solid 2px !important; }

body { min-height:100vh; }

button { border-radius:4px; font-weight:600; outline-color:transparent; outline-offset:2px; outline-style:solid; transition:all ease-out 300ms; white-space:nowrap; }
button:focus, button:focus-visible { outline:rgba(59, 130, 246, 0.5) solid 2px !important; }

header { position:relative; z-index:9999; }

input { border-radius:4px; outline-color:transparent; outline-offset:2px; outline-style:solid; transition:all ease-out 300ms; }
input:focus, input:focus-visible { outline:rgba(59, 130, 246, 0.5) solid 2px !important; }

select { border-radius:4px; outline-color:transparent; outline-offset:2px; outline-style:solid; transition:all ease-out 300ms; }
select:focus, select:focus-visible { outline:rgba(59, 130, 246, 0.5) solid 2px !important; }

textarea { border-radius:4px; outline-color:transparent; outline-offset:2px; outline-style:solid; transition:all ease-out 300ms; }
textarea:focus, textarea:focus-visible { outline:rgba(59, 130, 246, 0.5) solid 2px !important; }

/* Utilities */
[x-cloak] { display: none !important; }

/* Header */
.header {}

.header-desktop {}

.header-desktop__links-wrapper:before { background:var(--bricks-color-xnesbp); bottom:0; content:''; left:0; position:absolute; top:0; width:calc(100% + 24px + calc(calc(100vw - 1280px) / 2)); z-index:0; }

.header-desktop__links {}
.header-desktop__links nav {}
.header-desktop__links ul { align-items:center; display:flex; gap:32px; justify-content:flex-end; line-height:1.25; list-style:none; margin:0; padding:0; transition:all ease-out 300ms; }
.header-desktop__links li { position:relative; }
.header-desktop__links div { align-items:center; display:flex; gap:2px; justify-content:space-between; }
.header-desktop__links a { align-items:center; color:var(--bricks-color-ofltrf); display:flex; flex-grow:1; gap:6px; justify-content:flex-start; }
.header-desktop__links a:focus, .header-desktop__links a:hover { color:var(--bricks-color-xofiin); }
.header-desktop__links i { font-size:0.875rem; line-height:1; }
.header-desktop__links button { align-items:center; background:transparent; color:inherit; display:flex; flex-shrink:0; font-size:0.625rem; height:12px; justify-content:center; line-height:1; width:12px; }
.header-desktop__links ul > li:hover > ul,
.header-desktop__links ul > li.is-open > ul { opacity:1; transform:translate(0, 8px); visibility:visible; }
.header-desktop__links ul ul { background-color:var(--bricks-color-xnesbp); border-radius:8px; box-shadow:0 4px 8px 0 #03035c1a; display:block; font-size:0.875rem; left:0; line-height:1.25rem; opacity:0; padding:4px; position:absolute; top:100%; transform:translate(0, 0); width:192px; visibility:hidden; }
.header-desktop__links ul ul:before { content:''; height:8px; left:0; position:absolute; top:-8px; width:100%; }
.header-desktop__links ul ul a { padding:8px 12px; }

.header-desktop__navigation {}
.header-desktop__navigation nav {}
.header-desktop__navigation ul { align-items:center; display:flex; gap:28px; justify-content:flex-end; line-height:1.25; list-style:none; margin:0; padding:0; transition:all ease-out 300ms; }
.header-desktop__navigation li { position:relative; }
.header-desktop__navigation div { align-items:center; display:flex; gap:2px; justify-content:space-between; }
.header-desktop__navigation a { align-items:center; display:flex; flex-grow:1; gap:6px; justify-content:flex-start; max-width:160px; }
.header-desktop__navigation a:focus, .header-desktop__navigation a:hover { opacity:0.5; }
.header-desktop__navigation i { font-size:1rem; line-height:1; }
.header-desktop__navigation button { align-items:center; background:transparent; color:inherit; display:flex; flex-shrink:0; font-size:0.625rem; height:14px; justify-content:center; line-height:1; width:14px; }
.header-desktop__navigation ul > li:hover > ul,
.header-desktop__navigation ul > li.is-open > ul { opacity:1; transform:translate(0, 8px); visibility:visible; }
.header-desktop__navigation ul ul { background-color:var(--bricks-color-xnesbp); border-radius:8px; box-shadow:0 4px 8px 0 #03035c1a; color:var(--bricks-color-rfqqms); display:block; font-size:0.875rem; left:0; line-height:1.25rem; opacity:0; padding:4px; position:absolute; top:100%; transform:translate(0, 0); width:192px; visibility:hidden; }
.header-desktop__navigation ul ul:before { content:''; height:8px; left:0; position:absolute; top:-8px; width:100%; }
.header-desktop__navigation ul ul a { padding:8px 12px; max-width:none; }
.header-desktop__navigation ul ul a:focus, .header-desktop__navigation ul ul a:hover { color:var(--bricks-color-xofiin); opacity:1; }
.header-desktop__navigation ul ul button { margin-right:12px; transform:rotate(-90deg); }
.header-desktop__navigation ul ul > li:hover > ul,
.header-desktop__navigation ul ul > li.is-open > ul { transform:translate(8px, 0); }
.header-desktop__navigation ul ul ul { left:100%; top:-4px; }
.header-desktop__navigation ul ul ul:before { height:100%; left:-8px; position:absolute; width:8px; }

.header-desktop__social-media {}
.header-desktop__social-media--links a { color:var(--bricks-color-ofltrf); transition:all ease-out 300ms; }
.header-desktop__social-media--links a:focus, .header-desktop__social-media--links a:hover { color:var(--bricks-color-xofiin); }
.header-desktop__social-media--navigation a { color:var(--bricks-color-ijlulk); opacity:1; transition:all ease-out 300ms; }
.header-desktop__social-media--navigation a:focus, .header-desktop__social-media--navigation a:hover { opacity:0.5; }

.header-mobile {}

.header-mobile__navigation {}
.header-mobile__navigation nav {}
.header-mobile__navigation ul { display:flex; flex-direction:column; gap:16px; list-style:none; margin:0; padding:0; }
.header-mobile__navigation li {}
.header-mobile__navigation div { align-items:flex-start; display:flex; gap:24px; justify-content:space-between; }
.header-mobile__navigation a {}
.header-mobile__navigation a:focus, .header-mobile__navigation a:hover { color:var(--bricks-color-xofiin); }
.header-mobile__navigation button { align-items:center; background:transparent; color:inherit; display:flex; flex-shrink:0; font-size:0.75rem; height:22px; justify-content:center; line-height:1; width:22px; }
.header-mobile__navigation ul > li.is-open > ul { display:flex; }
.header-mobile__navigation ul ul { display:none; margin-left:32px; margin-top:16px; }

.header-mobile__social-media a { transition:all ease-out 300ms; }
.header-mobile__social-media a:focus, .header-mobile__social-media a:hover { color:var(--bricks-color-xofiin); }

@media (max-width:1279px) {
    .header-desktop__links-wrapper:before { width:calc(100% + 24px + calc(calc(100vw - 1024px) / 2)); }

    .header-desktop__links a { max-width:104px; }
    .header-desktop__links ul ul a { max-width:none; }

    .header-desktop__navigation ul { gap:32px; }
}

/* Footer */
.footer {}
.footer a {}
.footer a:focus, .footer a:hover { opacity:0.5; }

.footer-column__navigation {}
.footer-column__navigation nav {}
.footer-column__navigation ul { display:flex; flex-direction:column; gap:8px; list-style:none; margin:0; padding:0; }
.footer-column__navigation li {}
.footer-column__navigation div {}
.footer-column__navigation a {}

/* Component - Flip Cards */
body[data-builder-window] .component-flip-card-back { position:relative !important; transform:rotateY(0deg) !important; }

/* Component - Hero */
.component-hero { background-color:rgb(3 7 18 / 1); min-height:44rem; position:relative; z-index:0; }

.component-hero .uranus.tparrows { background-color:transparent; height:2.5rem; width:2.5rem; }
.component-hero .uranus.tparrows:before { font-size:2.5rem; height:2.5rem; line-height:1; transition:all 300ms cubic-bezier(0, 0, 0.2, 1); width:2.5rem; }
.component-hero .uranus.tparrows.rs-touchhover:hover:before { opacity:0.75; }
.component-hero .uranus .tp-bullet { background-color:transparent; border-radius:9999px; box-shadow:0 0 0 2px transparent; height:0.75rem; transition:all 300ms cubic-bezier(0, 0, 0.2, 1); width:0.75rem; }
.component-hero .uranus .tp-bullet.selected { background-color:transparent; border-radius:9999px; border-style:none; box-shadow:0 0 0 2px #ffffff; }
.component-hero .uranus .tp-bullet.rs-touchhover { background-color:transparent; border-radius:9999px; border-style:none; box-shadow:0 0 0 2px #ffffff; }
.component-hero .uranus .tp-bullet-inner { background-color:rgb(255 255 255 / 0.3); border-radius:9999px; cursor:pointer; height:100%; left:0px; outline-offset:2px; outline:2px solid transparent; position:absolute; text-indent:-9999px; top:0px; transition:all 300ms cubic-bezier(0, 0, 0.2, 1); width:100%; }
.component-hero .uranus .tp-bullet.selected .tp-bullet-inner { background-color: rgb(255 255 255 / 1); transform: scaleX(0.4) scaleY(0.4); }
.component-hero .uranus .tp-bullet.rs-touchhover .tp-bullet-inner { background-color: rgb(255 255 255 / 1); transform: scaleX(0.4) scaleY(0.4); }

.component-hero-slide__link { align-items:center; background-color:rgb(2 36 242 / 1); border-radius:0.25rem; display:inline-flex; flex-wrap:nowrap; font-weight:600; gap:0.375rem; justify-content:center; line-height:1; padding:0.75rem 1rem; transition:all 300ms cubic-bezier(0, 0, 0.2, 1); }
.component-hero-slide__link:focus, .component-hero-slide__link:hover { background-color:rgb(15 52 255 / 1); }
.component-hero-slide__link svg { fill:currentColor; height:1rem; }

.component-hero-slide__content-background { backdrop-filter:blur(8px) saturate(0) !important; background-image:linear-gradient(110deg,rgb(10 23 92 / 0.8) 0%,rgba(8 38 203 / 0.8) 100%) !important; }
.component-hero-slide__content-background--mobile { height:calc(100% - 416px) !important; width:100vw !important; }
.component-hero-slide__content-background--desktop { width:calc(100vw - 816px - calc(calc(100vw - 1280px) / 2)) !important; }
@media (max-width:1280px) {
    .component-hero-slide__content-background--desktop { width:calc(100vw - 560px - calc(calc(100vw - 1024px) / 2)) !important; }
}

/* Component - Meeting Years */
.component-meeting-years {}
.component-meeting-year { margin-top:16px; }
.component-meeting-year:first-child { margin-top:0px; }
.component-meeting-year__toggle { align-items:center; background-color:transparent; color:inherit; display:flex; font-size:1.25rem; justify-content:space-between; line-height:1; padding:4px 8px; width:100%; }
.component-meeting-year__toggle div:nth-child(2) { font-size:16px; }
.component-meeting-year__meetings { padding-top:8px; }
.component-meeting { align-items:center; border-top:rgba(255, 255, 255, 0.15) solid 1px; display:grid; grid-template-columns:1.5fr 1fr 1fr; padding:8px 8px 8px 24px; transition:all ease-out 300ms; }
.component-meeting:focus-within, .component-meeting:hover { background-color:rgba(0, 0, 0, 0.1); }
.component-meeting__title { line-height:1.5; }
.component-meeting__date { font-size:0.875rem; line-height:1.3125; opacity:0.85; }
.component-meeting__agenda { font-size:0.875rem; text-align:right; }
.component-meeting__minutes { font-size:0.875rem; text-align:right; }