/*
 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 { color:var(--bricks-color-mfhjfw); */
a { font-weight:700; outline-color:transparent; outline-offset:2px; outline-style:solid; transition:all ease-out 300ms; text-decoration:underline; }
a:focus, a:focus-visible { outline:rgba(59, 130, 246, 0.5) solid 2px !important; }

body { min-height:100vh; }

button { 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; }

input { 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 { 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 { 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; justify-content:flex-start; list-style:none; margin:0; padding:0; }
.header-main-navigation--desktop li { position:relative; }
.header-main-navigation--desktop li:focus-within > div,
.header-main-navigation--desktop li:hover > div { background-color:#ffffff; border-color:#cccccc; }
.header-main-navigation--desktop li:focus-within > div { outline:rgba(59, 130, 246, 0.5) solid 2px !important; }
.header-main-navigation--desktop div { align-items:stretch; border-left:transparent solid 1px; border-right:transparent solid 1px; display:flex; flex-wrap:nowrap; height:110px; justify-content:flex-start; outline-color:transparent; outline-offset:2px; outline-style:solid; transition:all ease-out 300ms; }
.header-main-navigation--desktop a { align-items:center; color:var(--bricks-color-mfhjfw); display:flex; flex-grow:1; flex-wrap:nowrap; font-family:"Raleway", sans-serif; font-size:1.125rem; font-weight:600; justify-content:flex-start; line-height:1; outline:none !important; padding:0 2px 0 20px; text-decoration:none; transition:all ease-out 300ms; }
.header-main-navigation--desktop a:focus { opacity:0.33; }
.header-main-navigation--desktop button { align-items:center; background-color:transparent; color:var(--bricks-color-mfhjfw); display:flex; flex-shrink:0; flex-wrap:nowrap; font-size:0.75rem; justify-content:flex-start; line-height:1; outline:none !important; padding:0 20px 0 2px; transition:all ease-out 300ms; }
.header-main-navigation--desktop button:focus { opacity:0.33; }
.header-main-navigation--desktop ul > li:hover > ul,
.header-main-navigation--desktop ul > li.is-open > ul { opacity:1; visibility:visible; }
.header-main-navigation--desktop ul ul { background-color:var(--bricks-color-mfhjfw); box-shadow:0 4px 8px 0 #03035c1a; display:block; left:0; opacity:0; padding:12px 0; position:absolute; top:100%; transition-duration:300ms; transition-property:opacity, transform, visibility; transition-timing-function:ease-out; visibility:hidden; width:224px; z-index:100; }
.header-main-navigation--desktop ul ul li:focus-within > div a,
.header-main-navigation--desktop ul ul li:hover > div a,
.header-main-navigation--desktop ul ul li:focus-within > div button,
.header-main-navigation--desktop ul ul li:hover > div button { color:var(--bricks-color-mfhjfw); }
.header-main-navigation--desktop ul ul li:focus-within > div a,
.header-main-navigation--desktop ul ul li:hover > div a { opacity:1; }
.header-main-navigation--desktop ul ul div { align-items:center; border:none; height:auto; }
.header-main-navigation--desktop ul ul a { color:#ffffff; font-size:1rem; padding:12px 10px 12px 20px; }
.header-main-navigation--desktop ul ul button { color:#ffffff; padding:12px 20px 12px 10px; }
.header-main-navigation--desktop ul ul button span { transform:rotateZ(-90deg); }
.header-main-navigation--desktop ul ul ul { left:100%; top:-12px; }

.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 { font-size:1.25rem; font-weight:500; line-height:1.25; text-decoration:none; }
.header-main-navigation--mobile a:focus,
.header-main-navigation--mobile a:hover { color:var(--bricks-color-mfhjfw); }
.header-main-navigation--mobile button { align-items:center; background:transparent; color:inherit; display:flex; flex-shrink:0; flex-wrap:nowrap; font-size:0.875rem; height:22px; justify-content:center; line-height:1; width:22px; }
.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; }

/* Template - Default Page */
.default-page-sidebar-navigation {}
.default-page-sidebar-navigation nav { border-bottom:rgba(255, 255, 255, 0.5) dashed 1px; }
.default-page-sidebar-navigation ul { list-style:none; margin:0; padding:0; }
.default-page-sidebar-navigation li { border-top:rgba(255, 255, 255, 0.5) dashed 1px; }
.default-page-sidebar-navigation div {}
.default-page-sidebar-navigation a { display:block; opacity:1; padding:8px 16px; text-decoration:none; }
.default-page-sidebar-navigation a:focus,
.default-page-sidebar-navigation a:hover { opacity:0.66; }
.default-page-sidebar-navigation button { display:none; }
.default-page-sidebar-navigation ul ul a { padding-left:40px; }
.default-page-sidebar-navigation ul ul ul a { padding-left:64px; }

/* Popups */
.brx-popup { transition:all ease-out 300ms; }