/* Theme Name: Bricks Child Theme - CARE Theme URI: https://bricksbuilder.io/ Description: Use this child theme to extend Bricks. Author: Bricks Author URI: https://bricksbuilder.io/ Template: bricks Version: 1.0 Text Domain: bricks */ /* COLOR VARS DEFINED IN BRICKS > VARIABLES, BUT FYI: --color-X: #XXXXXX */ /* UTILS ----------------------------------------- */ .hide-imp { display: none !important; } .show-imp { display: block !important; } /* GENERAL ----------------------------------------- */ ::selection { background: #84E699; color: #242947; } ::-moz-selection { background: #84E699; color: #242947; } /* scroll margin (to accomodate sticky nav) for anchor linked elements */ [id] { scroll-margin-top: 90px; } @media only screen and (min-width: 992px) { [id] { scroll-margin-top: 160px; } } /* BRICKS DEFAULTS / OVERRIDES ----------------------------------------- */ /* @layer used to reduce specificity in case css defined on Bricks element */ @layer { .brxe-text-basic:not(:last-child), .brxe-text:not(:last-child) { margin-bottom: 40px; } .brxe-text-basic li, .brxe-text li { margin-bottom: 10px; } } /* Add play button with glassy bg to video lightbox links */ /* :has(img) so we don't target buttons and such */ [data-pswp-video-url] { position: relative; } [data-pswp-video-url]:has(img):before { content: ''; background-color: #ffffff69; clip-path: circle(50% at 50% 50%); border: solid #ffffff63 1px; position: absolute; top: 50%; left: 50%; width: 65px; backdrop-filter: blur(11px); height: 65px; border-radius: 50%; transform: translate(-50%, -50%); background-image: url("data:image/svg+xml,%3Csvg class='icon' xmlns='http://www.w3.org/2000/svg' width='23' height='27' viewBox='0 0 23 27' fill='none'%3E%3Cg data-figma-bg-blur-radius='12'%3E%3Cpath d='M22 11.7679C23.3333 12.5378 23.3333 14.4622 22 15.232L3.25 26.0574C1.91666 26.8272 0.249999 25.8649 0.249999 24.3253L0.25 2.67468C0.25 1.13508 1.91667 0.17283 3.25 0.942631L22 11.7679Z' fill='white' fill-opacity='0.8'%3E%3C/path%3E%3Cpath d='M21.75 12.2012C22.6873 12.7424 22.7459 14.0442 21.9258 14.6807L21.75 14.7988L3 25.624C2 26.2014 0.749999 25.4799 0.749999 24.3252L0.75 2.6748C0.75 1.59241 1.84835 0.890355 2.80957 1.28223L3 1.37598L21.75 12.2012Z' stroke='white' stroke-opacity='0.2'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_4488_9601_clip_path' transform='translate(11.75 11.3283)'%3E%3Cpath d='M22 11.7679C23.3333 12.5378 23.3333 14.4622 22 15.232L3.25 26.0574C1.91666 26.8272 0.249999 25.8649 0.249999 24.3253L0.25 2.67468C0.25 1.13508 1.91667 0.17283 3.25 0.942631L22 11.7679Z'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 54% 50%; z-index: 1; pointer-events: none; transition: background-color 500ms; } [data-pswp-video-url]:has(img):hover:before, [data-pswp-video-url]:has(img):focus:before { background-color: #ffffff80; } /* CUSTOM CLASSES ----------------------------------------- */ /* Checkboxes instead of bullets */ .style-list-checkboxes ul { list-style-type: none; padding-block-start: 5px; padding-inline-start: 0; position: relative; } .style-list-checkboxes li { position: relative; padding-inline-start: 32px; } @media only screen and (min-width: 768px) { .style-list-checkboxes li { padding-inline-start: 38px; } } .style-list-checkboxes li:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 25 24' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.5 12.75 2.25 2.25 3.75-5.25m6 2.25c0 4.9706-4.0294 9-9 9-4.97056 0-9-4.0294-9-9 0-4.97056 4.02944-9 9-9 4.9706 0 9 4.02944 9 9z' stroke='%2384e699' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E"); background-size: cover; display: inline-block; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; } /* GRAVITY FORMS ----------------------------------------- */ /* overrides */ :root .gform_wrapper { --gf-form-gap-y: 22px; --gf-ctrl-font-size: 16px; --gf-ctrl-line-height: 20px; --gf-ctrl-padding-x: 32px; --gf-ctrl-padding-y: 28px; --gf-ctrl-font-weight: 600; --gf-ctrl-color: #242947; --gf-ctrl-bg-color: #F3F3F9; --gf-ctrl-border-color: #FFF !important; --gf-ctrl-border-width: 2px; --gf-ctrl-outline-color-focus: currentColor; --gf-ctrl-radius: 100px; --gf-ctrl-outline-offset: 0; /* --gf-ctrl-outline-width: 10px; */ --gf-ctrl-border-color-focus: currentColor; --gf-ctrl-textarea-padding-y: 24px; --gf-ctrl-textarea-radius: 24px; --gf-ctrl-outline-width-focus: 2px !important; /* labels */ --gf-ctrl-label-color-primary: #242947; --gf-ctrl-label-font-size-primary: 16px; --gf-ctrl-label-font-weight-primary: 600; --gf-ctrl-label-color-secondary: #242947; --gf-ctrl-label-font-weight-secondary: 600; --gf-ctrl-label-font-size-secondary: 16px; /* buttons */ --gf-ctrl-btn-font-size: 16px !important; --gf-ctrl-btn-font-weight: 600; --gf-ctrl-btn-bg-color-primary: transparent; --gf-ctrl-btn-bg-color-hover-primary: #242947; --gf-ctrl-btn-color-primary: #242947; --gf-ctrl-btn-color-hover-primary: #FFF; --gf-ctrl-btn-border-color-primary: #242947; --gf-ctrl-btn-border-width-primary: 2px; --gf-ctrl-btn-radius: 100px; --gf-ctrl-btn-padding-x: 28px !important; --gf-ctrl-btn-size: 60px !important; /* footer */ --gf-form-footer-margin-y-start: 28px; } /* set placeholder style direct because vars weren't working */ .gform-theme--framework ::placeholder { color: #4B5590 !important; } /* fix because GF textareas don't get focus outline */ :root .gform_wrapper textarea:focus { outline: solid var(--gf-ctrl-outline-width-focus) var(--gf-ctrl-outline-color-focus); } /* full height submit button when set to be last on row */ [data-field-position="inline"] .gform-button { height: 100% !important; white-space: nowrap; } /* hide error at top */ .gform_validation_errors { display: none !important; } /* move inline errors so they don't take up space */ :root .validation_message { position: absolute; transform: translateX(20px) translateY(-5px); } /* 'HTML' field, hide it if it contains