.CodeMirror-code{
    padding-bottom: 100px;
}
/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Cj Studio
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

@font-face {
    font-family: Brockmann;
    src: url(wp-content/uploads/Brockmann-Regular.ttf) format('format');
    src: url(wp-content/uploads/Brockmann-Regular.woff) format('woff');
    src: url(wp-content/uploads/Brockmann-Regular.woff2) format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: Brockmann;
    src: url(wp-content/uploads/Brockmann-Medium.ttf) format('format');
    src: url(wp-content/uploads/Brockmann-Medium.woff) format('woff');
    src: url(wp-content/uploads/Brockmann-Medium.woff2) format('woff2');
    font-weight: 500;
}

@font-face {
    font-family: Brockmann;
    src: url(wp-content/uploads/Brockmann-SemiBold.ttf) format('format');
    src: url(wp-content/uploads/Brockmann-SemiBold.woff) format('woff');
    src: url(wp-content/uploads/Brockmann-SemiBold.woff2) format('woff2');
    font-weight: 600;
}

body, h1, h2, h3, h4, h5, h6{
    font-family: "Brockmann", sans-serif;
}

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
DEFAULT
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
*:focus {
  outline: none;
}

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
SELECTED
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

::-moz-selection {
    /* Code for Firefox */
    color: var(--light);
    background: var(--primary);
}

::selection {
    color: var(--light);
    background: var(--primary);
}

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#brx-header.sticky.on-scroll{
    position: fixed;
}
/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
SCROLL
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* width */
::-webkit-scrollbar {
    height: 4px;
    width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    background: rgba(10, 10, 10, .2);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--dark);
}


/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
CORE
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
    min-height: 100vh;
}

body.bricks-is-frontend :focus {
    outline: none;
}

/*COLOR –––––––––––––––––––––––––––––––––––––– */
[data-color=primary] {
    color: var(--primary);
}

[data-color=secondary] {
    color: var(--secondary);
}

[data-color=third] {
    color: var(--third);
}

html {
    margin-top: 0 !important;
}

main {
    display: flex;
    flex-direction: column;
    row-gap:var(--flex-gap-xl);
    padding-top: var(--main-top);
    
}

main .brxe-section:first-child:not(.hero-cover){
    padding-top: calc(var(--topbar-height) + var(--header-height) + (3*var(--margin-unit)));
}
main .brxe-section:last-of-type:not(.t-banner-cover){
    padding-bottom: var(--main-bottom);
}


.bricks-is-frontend main {
    /*    display: flex;*/
    align-items: center;
    /*    overflow: hidden;*/
    position: relative;
    font-size: var(--body-font);
    line-height: var(--line-height-body);
    z-index: 1;
}

/*HEADLINE –––––––––––––––––––––––––––––––––––––– */
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
    font-weight: 700;
}

/*LIST –––––––––––––––––––––––––––––––––––––– */
:root {
    --list-ol-tag-S: 30px;
    --list-ol-tag-M: 40px;
    --list-ol-tag-L: 60px;
}

/*STANDARDS UL*/
.brxe-text ul:not(.e-accordion) {
    margin-top: var(--margin-1);
    padding-left: var(--padding-2);
    padding-bottom: var(--padding-unit);
    padding-top: var(--padding-unit);
}

.brxe-text ul:not(.e-accordion) li {
    border-bottom: solid 1px var(--neutral);
    margin-bottom: var(--margin-unit);
    padding-bottom: 15px;
}

/*STANDARD OL WITH CUSTOM NUMBER
e-steps--L
e-steps--M / Default
e-steps--S
*/
.brxe-text ol {
    counter-reset: mycounter;
    column-gap: var(--flex-gap);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-bottom: var(--margin-2);
    margin-top: var(--margin-1);
    padding-left: 0;
    padding-bottom: var(--padding-2);
    padding-top: var(--padding-2);
    row-gap: var(--flex-gap);
}

.brxe-text ol li {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: var(--padding-4);
    padding-bottom: 0;
    position: relative;
}

.brxe-text ol li:before,
.brxe-text ol li:after {}

.brxe-text ol li:before {
    content: ""counter(mycounter) " ";
    counter-increment: mycounter;
    font-size: var(--copy-m);
    font-weight: 500;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: var(--list-ol-tag-M);
    z-index: 1;
}

.brxe-text ol li:after {
    background: var(--primary-l);
    border-radius: var(--list-ol-tag-M);
    content: '';
    height: var(--list-ol-tag-M);
    left: 0;
    top: -8px;
    position: absolute;
    width: var(--list-ol-tag-M);
    z-index: 0;
}

@media (max-width: 991px) {
    .brxe-text ol li {
        max-width: inherit;
        width: 100%;
    }
}

/*CUSTOM SIZE L*/
.e-list-steps--L ol {
    padding-bottom: var(--padding-3);
    padding-top: var(--padding-3);
}

.e-list-steps--L ol li {
    padding-left: var(--padding-6);
}

.e-list-steps--L ol li:before {
    width: var(--list-ol-tag-L);
}

.e-list-steps--L ol li:after {
    border-radius: var(--list-ol-tag-L);
    height: var(--list-ol-tag-L);
    left: ;
    top: -18px;
    width: var(--list-ol-tag-L);
}

.e-list-steps--L.e-list-steps--x ol li {
    padding-left: 0;
    padding-top: var(--padding-4);
}

/*CUSTOM SITE S*/
.e-list-steps--S ol li {
    padding-left: var(--padding-3);
}

.e-list-steps--S ol li:before {
    width: var(--list-ol-tag-S);
}

.e-list-steps--S ol li:after {
    border-radius: var(--list-ol-tag-S);
    height: var(--list-ol-tag-S);
    left: 0;
    top: -5px;
    width: var(--list-ol-tag-S);
}

/*CUSTOM GRID*/
.e-list-steps--x ol {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
}

.e-list-steps--x ol li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 30%;
}

.e-list-steps--x.e-list-steps--S ol li {
    flex-basis: 30%;
}


/*CUSTON CHECKLIST ICON*/
.e-list-icon--check ol li,
.e-list-icon--check ul li {
    padding-left: var(--padding-2);
}

.e-list-icon--check ol li:before,
.e-list-icon--check ul li:before {
    content: '';
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.799' height='7.225' viewBox='0 0 10.799 7.225'%3E%3Cpath d='M3.834,6.725a1.425,1.425,0,0,1-1.014-.42L-.219,3.266A.958.958,0,0,1,.458,1.632a.951.951,0,0,1,.677.28l2.7,2.7L8.665-.219A.958.958,0,0,1,10.3.458a.951.951,0,0,1-.28.677l-5.17,5.17A1.425,1.425,0,0,1,3.834,6.725Z' transform='translate(0.5 0.499)' fill='%230d3f52'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
}

.e-list-icon--check ol li:after,
.e-list-icon--check ul li:after {
    content: '';
    left: 0;
    position: absolute;
    top: 0;
}

.e-list-icon--check ol li:before,
.e-list-icon--check ul li:before,
.e-list-icon--check ol li:after,
.e-list-icon--check ul li:after {
    height: 20px;
    width: 20px;
}

/*TEXT –––––––––––––––––––––––––––––––––––––– */
p {}

p i {}

p em {}

strong {
    font-weight: 600;
}

.bg-dark p strong {
    color: var(--light);
}


/*HYPERLINKS –––––––––––––––––––––––––––––––––––––– */
p strong,
p a {
    transition: color var(--animation-type-in) var(--animation-time-in);
}

p a:hover {
    transition: color var(--animation-type-out) var(--animation-time-out);
}

a {
    outline: none;
    transition: all var(--animation-type-in) var(--animation-time-in);
}

a:hover {
    transition: all var(--animation-type-out) var(--animation-time-out);
}

@media (max-width: 478px) {

    .brxe-button {
        width: 100%;
    }
}

/*DIVIDER –––––––––––––––––––––––––––––––––––––– */
hr {
    margin: var(--margin-2) 0 var(--margin-2) !important;
}


/*IMAGE –––––––––––––––––––––––––––––––––––––– */
figrue,picture,.brxe-image{
    overflow: hidden;
}
/*IFRAME –––––––––––––––––––––––––––––––––––––– */
.iframe__wrapper {
    position: relative;
    padding-top: 56.25%;
}

.iframe__wrapper iframe {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}


/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
GUTHENBERG
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.e-guthenberg .wp-block-image,
.e-guthenberg .wp-block-gallery {
    margin-bottom: var(--margin-3);
    margin-top: var(--margin-2);
}

.e-guthenberg *:is(h1, h2) {
    margin-bottom: var(--margin-2) !important;
    margin-top: var(--margin-4) !important;
}

.e-guthenberg *:is(h3, h4) {
    border-top: solid 1px var(--neutral-l);
    margin-bottom: var(--margin-2);
    margin-top: var(--margin-3);
    padding-top: var(--padding-3);
}

.e-guthenberg *:is(h5, h6) {
    border-top: solid 1px var(--neutral-l);
    margin-bottom: var(--margin-2);
    margin-top: var(--margin-3);
    padding-top: var(--padding-unit);
}

.e-guthenberg .wp-block-gallery {
    display: flex;
    flex-direction: row;
    column-gap: var(--flex-gap);
    row-gap: var(--flex-gap);
    flex-wrap: wrap;
}

.e-guthenberg .wp-block-gallery figure {
    min-width: 45%;
    margin-bottom: 0;
    margin-top: 0;
}

.e-guthenberg ol,
.e-guthenberg ul {
    padding-bottom: var(--padding-2);
    padding-top: var(--padding-2);
}

@media (max-width: 991px) {
    .e-guthenberg .wp-block-gallery figure {
        min-width: 100%;
    }
}

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
FORM
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

input[type=submit] {
    padding: var(--button-lg-y) var(--button-lg-x) !important;
}

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
BRICKSBUILDER BUTTON
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.brxe-text {
    width: 100%;
}

.brxe-button,
input[type=submit] {
    min-height:var(--cta-height);
    border-radius: var(--radius-button);
    transition: var(--animation-type-in);
    transition-timing-function: var(--animation-time-in);
}

button span,
.brxe-button span {
    display: flex;
    column-gap: var(--flex-gap-s);
    align-items: center;
}


/*GLOBAL OUTLINE*/
.bricks-button.outline,
.gform_wrapper.gravity-theme .gform_previous_button.button,
.gform_wrapper.gravity-theme .gform_save_link.button {
    background: var(--transparent);
    border-width: 2px;
}

/*GLOBAL SVG*/
.brxe-button svg {
    height: auto;
    width: 16px;
    transition: all var(--animation-time-out) var(--animation-type-out);
}

/* GLOBAL HOVER */
.brxe-button:hover {
    transition: all var(--animation-type-out) var(--animation-time-out);
}

.brxe-button:hover svg {
    transition: all var(--animation-time-in) var(--animation-type-in);
    transform: translateX(4px) !important;
}

.e-button-linkback:hover svg {
    transform: translateX(-4px) !important;
}

/*PRIMARY*/
.bricks-button[class*="primary"] {
    background: var(--primary);
    color: var(--light);
}

.bricks-button[class*="secondary"] svg > * {
    fill: var(--dark);
}

.bricks-button[class*="primary"]:hover {
    background: var(--primary-d);
}

.bricks-button[class*="primary"].outline {
    background: var(--transparent);
    color: var(--dark) !important;
}

.bricks-button[class*="primary"].outline:hover {
    background: var(--primary-d);
    border-color: var(--primary-d);
    color: var(--dark);
}


/*SECONDARY*/
.bricks-button[class*="secondary"] {
    background: var(--secondary);
    color: var(--dark);
}

.bricks-button[class*="secondary"] svg > * {
    fill: var(--light);
}

.bricks-button[class*="secondary"]:hover {
    background: var(--secondary-d);
}

.bricks-button[class*="secondary"]:hover svg > *,
.bricks-button[class*="secondary"].outline:hover svg > * {
    fill: var(--dark);
}

.bricks-button[class*="secondary"].outline {
    background: var(--transparent);
    color: var(--dark);
}

.bricks-button[class*="secondary"].outline svg > * {
    fill: var(--dark);
}

.bricks-button[class*="secondary"].outline:hover {
    background: var(--secondary-d);
    border-color: var(--secondary-d);
    color: var(--dark);
}

/*DARK*/
.bricks-background-dark {
    background: var(--dark);
    color: var(--light);
}

.bricks-background-dark svg > * {
    fill: var(--light);
}

.bricks-background-dark:hover {
    background: var(--dark-l);
}

.bricks-color-dark.outline {
    border-color: var(--dark);
    color: var(--dark) !important;
}

.bricks-color-dark.outline svg > * {
    fill: var(--dark);
}

.bricks-color-dark.outline:hover {
    background: var(--opacity-dark);
}


/*LIGHT*/
.bricks-background-light] {
    background: var(--light);
    color: var(--dark);
}

.bricks-background-light] svg > * {
    fill: var(--dark);
}

.bricks-background-light:hover {
    color:var(--light);
    background: var(--primary);
}

.bricks-color-light.outline {
    color: var(--light) !important;
}

.bricks-color-light.outline svg > * {
    fill: var(--light);
}

.bricks-color-light.outline:hover {
    background: var(--opacity-light);
}

.bg-dark .bricks-color-light.outline:hover svg > * {
    fill: var(--light);
}

/*SM*/
.bricks-button[class*="primary"].sm {
    color: var(--primary);
}

.bricks-button[class*="dark"].sm svg > * {
    fill: var(--dark);
}

.bricks-button[class*="light"].sm svg > * {
    fill: var(--light);
}


.bricks-button[class*="primary"].sm:before,
.bricks-button[class*="primary"].sm:after {
    background: var(--primary);
}

/*SMALL & QUICKLINLKS*/
.quicklink,
.e-breadcrumbs a,
.bricks-button.sm {
    background: transparent !important;
    border: none !important;
    font-size: var(--body-font);
    position: relative;
    padding: 0 0 !important;
    width: fit-content;
}

.quicklink,
.e-breadcrumbs a,
.bricks-button.sm {
    background: transparent !important;
}

.bricks-button.sm.bricks-background-light {
    color: var(--light) !important;
}

.bricks-button.sm.bricks-background-dark {
    color: var(--dark) !important;
}


.e-breadcrumbs a:before,
.bricks-button.sm:before,
.quicklink:before,
.e-breadcrumbs a:after,
.bricks-button.sm:after,
.quicklink:after {
    background: var(--dark);
    bottom: -2px;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    transition: var(--animation-time-out);
    transition-timing-function: var(--animation-time-out);
}

.e-breadcrumbs a:before,
.bricks-button.sm:before,
.quicklink:before {
    width: 0;
}

.e-breadcrumbs a:after,
.bricks-button.sm:after,
.quicklink:after {
    opacity: .4;
    width: 100%;
}

.bricks-background-light.bricks-button.sm:before,
.bricks-background-light.quicklink:before,
.bricks-background-light.bricks-button.sm:after,
.bricks-background-light.quicklink:after {
    background: var(--light);
}

.e-breadcrumbs a:hover:before,
.bricks-button.sm:hover:before,
.quicklink:hover:before {
    width: 100%;
    transition-delay: .15s;
}

.e-breadcrumbs a:hover:after,
.bricks-button.sm:hover:after,
.quicklink:hover:after {
    left: 100%;
    width: 0;
    opacity: 1;
    transition: var(--animation-time-in);
    transition-timing-function: var(--animation-time-in);
}

@media (max-width: 767px) {
    .brxe-button:not(.sm) {
        width: 100%;
    }
}


/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
BRICKS ACCORDION
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.e-table__accordion--list .accordion-title-wrapper > i,
.e-table__accordion .accordion-title-wrapper > i {
    transform: rotate(90deg);
    transition: transform var(--animation-time-in) var(--animation-type-in);
}

.e-table__accordion--list .brx-open .accordion-title-wrapper > i,
.e-table__accordion .brx-open .accordion-title-wrapper > i {
    transform: rotate(-90deg);
    transition: transform var(--animation-time-out) var(--animation-type-out);
}


/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
COOKIE BANNERS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.moove-gdpr-button-holder {
    justify-content: flex-end;
}

#moove_gdpr_cookie_info_bar {
    font-weight: var(--weight-light) !important;
    background: var(--dark) !important;
    border: 0 !important;
    color: var(--light) !important;
    padding: var(--padding-2) !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    padding: 0 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
    font-size: var(--copy-micro) !important;
    text-transform: uppercase !important;
}

#moove_gdpr_cookie_info_bar p {
    font-weight: var(--weight-light) !important;
    line-height: var(--line-height-body) !important;
}

#moove_gdpr_cookie_info_bar button {
    background: var(--light) !important;
    color: var(--dark) !important;
    border-radius: 0 !important;
    font-weight: var(--weight-regular) !important;
    padding: 8px 20px !important;
}

/*CTA SETTINGS*/
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice button.change-settings-button {
    padding: 0 !important;
    background: none !important;
    color: var(--light) !important;
}

@media (max-width: 1240px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 478px) {}


/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
BACKGROUND
Set directly in BricksBuilder

bg-dark
bg-light
bg-highlight-01
bg-highlight-02
bg-highlight-03
bg-highlight-04
bg-accent-01
bg-accent-02
bg-accent-03
bg-accent-04

root :is(h1, h2, h3, h4, h5, h6){
  color:var(--light);
}  
root p{
  color:var(--neutral);
}
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/