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

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

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

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

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
SCROLL
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

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

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

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


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

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

/*NAVIGATION –––––––––––––––––––––––––––––––––––––– */
:where(.brxe-nav-menu) .bricks-nav-menu>li.menu-item-has-children:hover:before{
    z-index: -2!important;
}

/*HEADLINE –––––––––––––––––––––––––––––––––––––– */
h1 b,h1 strong,
h2 b,h2 strong,
h3 b,h3 strong,
h4 b,h4 strong,
h5 b,h5 strong,
h6 b,h6 strong{
    font-weight: 500!important;
}



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

/*COPY*/
.copy-2xl,
.copy-2XL {
    font-size: var(--copy-2xl);
    margin-bottom: var(--margin-2);
}

.copy-xl,
.copy-XL {
    font-size: var(--copy-xl);
    margin-bottom: var(--margin-2);
}

.copy-l,
.copy-L {
    font-size: var(--copy-l);
    margin-bottom: var(--margin-unit);
}

.copy-m,
.copy-M {
    font-size: var(--copy-m);
    margin-bottom: var(--margin-unit);
}

.brxe-text *:last-child{
  margin-bottom: 0!important;
  padding-bottom: 0!important;
}

/*STANDARDS UL*/
.brxe-text ul:not(.e-accordion) {
    margin-top: var(--margin-unit);
    padding-left: var(--padding-2);
    padding-bottom: var(--padding-unit);
    padding-top: var(--padding-unit);
}
.e-footer__submenu li,
.brxe-text ul:not(.e-accordion) li {
    border-bottom: solid 1px var(--secondary-l);
    margin-bottom: 5px;
    padding-bottom: 10px;
}

/*LIST WITH BORDER*/
.e-footer__submenu,
.e-footer__submenu ul,
.t-single-content .brxe-text ul:not(.e-accordion),
.t-content .brxe-text ul:not(.e-accordion), 
.single .brxe-text ul:not(.e-accordion),
.brxe-text.e-list-border ul:not(.e-accordion),
.e-list-border ul{
    list-style-type: none;
    padding-left: 0!important;
}

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

.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: -10px;
    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: -20px;
    width: var(--list-ol-tag-L);
}

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


/*CUSTON CHECKLIST ICON*/
.e-list-icon--check ol li,
.e-list-icon--check ul li {
    position: relative;
    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;
    left:0;
    position: absolute;
    z-index: 1;
}

.e-list-icon--check ol li:after,
.e-list-icon--check ul li:after {
    background: var(--primary-l);
    border-radius: 40px;
    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 {}

p strong {
    color: var(--dark);
    font-weight: 500;
}

strong {}

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

/*BLOCKQUOTE*/
blockquote{
    background:var(--secondary-el);
    border:none;
    font-family:"kepler-std-display", serif;
    font-size: var(--headline-l);  
    font-weight:500!important;
    margin: var(--margin-2) 0;
    padding: var(--padding-3) var(--padding-2);
    position: relative;
    text-align: center;
}
t-single-content blockquote, 
.single blockquote{
    font-size: var(--headline-m);  
}
blockquote p:last-of-type{
    font-size:var(--body-font);
    font-family: "aktiv-grotesk";
}

/*HYPERLINKS –––––––––––––––––––––––––––––––––––––– */
p a,
main .brxe-text li a{
    border-bottom:solid 1px var(--primary);
    color:var(--primary-d);
    font-weight: 500;
    transition: color var(--animation-type-in) var(--animation-time-in);
}
main .brxe-text li a:hover,
p a:hover{
    border-bottom: 0;
}
.copy-M p a{
    font-size:var(--copy-m);
}
.copy-L p a{
    font-size:var(--copy-l);
}

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: 10px 0 10px !important;
}


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

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
GLOBAL
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {
    margin-top: 0 !important;
}

/*
main {
    padding-top: var(--main-top);
}
*/
.m-first-child,
main>.brxe-section:first-child:not(.m-first-child--nogap){
    margin-top: var(--main-top)!important;
}
.m-first-child--nogap,
main>.brxe-section:first-child:is(.m-first-child--nogap):not(.t-banner-cover){
    padding-top:var(--main-header)!important;
}

main>.brxe-section:last-child {
    padding-bottom: var(--main-bottom);
}

main section:not(.l-full--vw),
main article:not(.l-full--vw) {
	margin:auto;
    max-width: var(--max-width);
}

.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;
}

@media (min-width: 1270px) {
    section {
        padding-left: 0;
        padding-right: 0;
    }
}

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
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] {
    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: 1px;
}

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

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

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

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

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

.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(--light);
}

.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(--light);
}

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

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

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

.bricks-button[class*="dark"].outline {
    background: rgba(27, 32, 38, 0);
    border-color: var(--dark);
    color: var(--dark) !important;
}

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

.bricks-button[class*="dark"].outline:hover {
    background: rgba(27, 32, 38, .1);
}


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

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

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

.bricks-button[class*="light"].outline {
    background: rgba(255, 255, 255, 0);
    color: var(--light) !important;
}

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

.bricks-button[class*="light"].outline:hover {
    background: rgba(255, 255, 255, .15);
}

.bg-dark .bricks-button[class*="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);
}
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/