/*
 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; 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; }

h2 strong { color:#c22026; font-weight:900; margin-right:-16px; }

header { 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-main-navigation--desktop {}
.header-main-navigation--desktop nav {}
.header-main-navigation--desktop ul { align-items:center; display:flex; flex-wrap:nowrap; gap:32px; justify-content:flex-start; list-style:none; margin:0; padding:0; }
.header-main-navigation--desktop li { position:relative; }
.header-main-navigation--desktop div { align-items:center; display:flex; flex-wrap:nowrap; gap:6px; justify-content:flex-start; }
.header-main-navigation--desktop a { align-items:center; color:var(--bricks-color-tfpwxo); display:flex; flex-grow:1; flex-wrap:nowrap; font-size:1.125rem; font-weight:500; justify-content:flex-start; line-height:1; transition:all ease-out 300ms; }
.header-main-navigation--desktop a:focus,
.header-main-navigation--desktop a:hover { color:#fef2f280; }
.header-main-navigation--desktop button { align-items:center; background-color:transparent; color:var(--bricks-color-tfpwxo); display:flex; flex-shrink:0; flex-wrap:nowrap; font-size:0.75rem; justify-content:flex-start; line-height:1; transition:all ease-out 300ms; }
.header-main-navigation--desktop button:focus,
.header-main-navigation--desktop button:hover { color:#fef2f280; }
.header-main-navigation--desktop ul > li:hover > ul,
.header-main-navigation--desktop ul > li.is-open > ul { opacity:1; transform:translateY(12px); visibility:visible; }
.header-main-navigation--desktop ul ul { background-color:#ffffff; border-radius:4px; box-shadow:0 4px 8px 0 #03035c1a; display:block; left:0; opacity:0; padding:4px; position:absolute; top:100%; transform:translateY(8px); transition-duration:300ms; transition-property:opacity, transform, visibility; transition-timing-function:ease-out; visibility:hidden; width:192px; z-index:100; }
.header-main-navigation--desktop ul ul:before { content:''; height:12px; left:0; position:absolute; top:-12px; width:100%; }
.header-main-navigation--desktop ul ul a { color:var(--bricks-color-kyjumn); font-size:1rem; padding:8px; text-transform:none; }
.header-main-navigation--desktop ul ul a:focus,
.header-main-navigation--desktop ul ul a:hover { background-color:#4f0b161a; color:var(--bricks-color-kyjumn); }

@media (max-width:1279px) {
    .header-main-navigation--desktop a { font-size:1rem; }
}

.header-main-navigation--mobile {}
.header-main-navigation--mobile nav {}
.header-main-navigation--mobile ul { align-items:flex-start; display:flex; flex-direction:column; flex-wrap:nowrap; gap:16px; justify-content:flex-start; list-style:none; margin:0; padding:0; }
.header-main-navigation--mobile li { width:100%; }
.header-main-navigation--mobile div { align-items:flex-start; display:flex; flex-wrap:nowrap; gap:24px; justify-content:space-between; }
.header-main-navigation--mobile a { color:var(--bricks-color-kyjumn); font-size:1.25rem; font-weight:500; line-height:1.25; text-decoration:none; transition:all ease-out 300ms; }
.header-main-navigation--mobile a:focus,
.header-main-navigation--mobile a:hover { opacity:0.5; }
.header-main-navigation--mobile button { align-items:center; background:transparent; color:#000000; display:flex; flex-shrink:0; flex-wrap:nowrap; font-size:0.875rem; height:22px; justify-content:center; line-height:1; transition:all ease-out 300ms; width:22px; }
.header-main-navigation--mobile button:focus,
.header-main-navigation--mobile button:hover { opacity:0.5; }
.header-main-navigation--mobile ul > li.is-open > ul { display:flex; }
.header-main-navigation--mobile ul ul { display:none; margin-left:32px; margin-top:16px; }
.header-main-navigation--mobile ul ul a { font-size:1.125rem; }

/* 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__content-layer--overline { text-transform:uppercase; }

.component-hero-slide__link { align-items:center; display:inline-flex; flex-wrap:nowrap; font-weight:600; gap:0.375rem; justify-content:center; transition:all 300ms cubic-bezier(0, 0, 0.2, 1); }
.component-hero-slide__link:focus, .component-hero-slide__link:hover { padding-left:4px; }
.component-hero-slide__link svg { fill:currentColor; height:1rem; transition:all 300ms cubic-bezier(0, 0, 0.2, 1); }
.component-hero-slide__link:focus svg, .component-hero-slide__link:hover svg { padding-left:4px; }

.component-hero-slide__content-background { background-color:rgba(0,0,0,0.66); }