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


/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
CORE
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html{
    margin-top:0!important;
}
body{
    min-height:100vh;
}
.bricks-is-frontend main{
/*    display: flex;*/
    align-items: center;
/*    overflow: hidden;*/
    padding-top:100px;
    position: relative;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    z-index: 1;
}
.bricks-is-frontend main:first-child:not(.t-grid-image){
    margin-top: 0;
}

.bricks-is-frontend main>*{
    z-index: 1;
}
/*BACKGROUND TEXTURE*/
.bricks-is-frontend main:after, .bricks-is-frontend main:before{
    content:'';
    height:100%;
    left:0;
    position: fixed;
    top: 0;
    width:100%;
    z-index: -1;
}
/*MAP*/
.bricks-is-frontend main:before{
    background-image: url('/wp-content/uploads/2023/04/Map-1920x1080-1.jpg');
    background-size:contain;
    height: 100%;
    opacity: .75;
}
/*GRID*/
/*
.bricks-is-frontend main:after{
    background-image: url('/wp-content/uploads/2023/02/Grid-full.png');
    background-size: 50% auto;
    background-position: center; 
    opacity: .9;
    position: fixed;
}
*/
.bricks-is-frontend footer{
    z-index: 10;
}

@media (max-width: 1350px){}
@media (max-width: 1110px){
    main > *:not(.t-cover):not(.t-teaser){
        padding-left:20px;
        padding-right:20px;
    }
}

@media (max-width: 991px){
    .bricks-is-frontend main:after{
        background-size: 100%;
    }
}
@media (max-width: 767px){
    .bricks-is-frontend main:before{
        opacity: .4;
    }
}
@media (max-width: 440px){}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PASSWORD
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
article.post-password-required{
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 75vh;
    text-align: center;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
BACKGROUND & COLOR
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*HIGHLIGHT 01*/
.bg-highlight-01{
  background:var(--highlight-01);
}
.bg-highlight-01>*{
  color:var(--body-color-light);
}
.bg-highlight-01 h1,.bg-highlight-01 h2,.bg-highlight-01 h3,.bg-highlight-01 h4,.bg-highlight-01 h5,.bg-highlight-01 h6{
  color:var(--headline-color-light);
}
.bg-highlight-01 h1 strong, .bg-highlight-01 h2 strong, .bg-highlight-01 h3 strong, .bg-highlight-01 h4 strong, .bg-highlight-01 h5 strong, .bg-highlight-01 h6 strong {
  color:var(--highlight-02);
}
.bg-highlight-01 h1 em, .bg-highlight-01 h2 em, .bg-highlight-01 h3 em, .bg-highlight-01 h4 em, .bg-highlight-01 h5 em, .bg-highlight-01 h6 em {
  color:var(--highlight-02);
  font-style:normal;
}
.bg-highlight-01>blockquote{
  color:var(--body-color-light);
}
.bg-highlight-01>p{
  color:var(--body-color-light);
}

/*HIGHLIGHT 02*/
.bg-highlight-02{
  background:var(--highlight-02);
}
.bg-highlight-02>*{
  color:var(--body-color-dark);
}
.bg-highlight-02 h1,.bg-highlight-02 h2,.bg-highlight-02 h3,.bg-highlight-02 h4,.bg-highlight-02 h5,.bg-highlight-02 h6{
  color:var(--headline-color-dark);
}
.bg-highlight-02 h1 strong, .bg-highlight-02 h2 strong, .bg-highlight-02 h3 strong, .bg-highlight-02 h4 strong, .bg-highlight-02 h5 strong, .bg-highlight-02 h6 strong {
  color:var(--light);
}
.bg-highlight-02 h1 em, .bg-highlight-02 h2 em, .bg-highlight-02 h3 em, .bg-highlight-02 h4 em, .bg-highlight-02 h5 em, .bg-highlight-02 h6 em {
  color:var(--light);
  font-style:normal;
}
.bg-highlight-02>blockquote{
  color:var(--body-color-dark);
}
.bg-highlight-02>p{
  color:var(--body-color-dark);
}


.bg-dark{
  background:var(--background-dark);
}
.bg-dark>*{
  color:var(--body-color-light)!important;
}
.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5,.bg-dark h6{
  color:var(--headline-color-light)!important;
}
.bg-dark>blockquote{
  color:var(--blockquote-color-light)!important;
}
.bg-dark>p{
  color:var(--grey-60)!important;
}


.bg-light{
  background:var(--background-light);
}
.bg-light>*{
  color:var(--body-color-dark);
}
.bg-light h1,.bg-light h2,.bg-light h3,.bg-light h4,.bg-light h5,.bg-light h6{
  color:var(--headline-color-dark);
}
.bg-light>blockquote{
  color:var(--blockquote-color-dark);
}
.bg-light>p{
  color:var(--body-color-dark);
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
HEADLINE
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3, h4, h5, h6 {
  color:var(--headline-color);
  font-family:var(--headline-font);
  font-weight:var(--headline-weight);
}

h1{margin-bottom: var(--margin-bottom-4);}
h2{margin-bottom: var(--margin-bottom-4);}
h3{margin-bottom: var(--margin-bottom-3);}
h4{margin-bottom: var(--margin-bottom-2);}
h5{margin-bottom: var(--margin-bottom-1);}
h6{margin-bottom: var(--margin-bottom-1);}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  color:var(--primary-color-60);
  font-weight:var(--weight-regular);
  font-style:normal;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  color:var(--primary-color-60);
  font-weight:var(--weight-regular);
}

.headline-3XL{
  font-size: var(--font-size-3XL);
  line-height: var(--line-height-3XL);
  margin-bottom: var(--margin-bottom-3);
}
main h1,
.headline-2XL{
  font-size: var(--font-size-2XL);
  line-height: var(--line-height-2XL);
  margin-bottom: var(--margin-bottom-3);
}
main h2,
.headline-XL{
  font-size: var(--font-size-XL);
  line-height: var(--line-height-XL);
  margin-bottom: var(--margin-bottom-2);
}
.headline-L{
  font-size: var(--font-size-L);
  line-height: var(--line-height-L);
  margin-bottom: var(--margin-bottom-2);
}
main h3, main h4,
.headline-M{
  font-size: var(--font-size-M);
  line-height: var(--line-height-M);
  margin-bottom: var(--margin-bottom-2);
}
main h5,main h6,
.headline-S{
  font-size: var(--font-size-S);
  line-height: var(--line-height-S);
  margin-bottom: var(--margin-bottom-1);
}
.headline-XS{
  font-size: var(--font-size-XS);
  line-height: var(--line-height-XS);
  margin-bottom: var(--margin-bottom-1);
}
.headline-body{
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  margin-bottom: var(--margin-bottom-1);
}
@media (max-width: 1350px){
  .headline-3XL{
    font-size: var(--font-size-2XL);
    line-height: var(--line-height-2XL);
  }
  .headline-2XL{
    font-size: var(--font-size-2XL);
    line-height: var(--line-height-2XL);
  }
  main h1,main h2,
  .headline-XL{
    font-size: var(--font-size-XL);
    line-height: var(--line-height-XL);
  }
    main h3,main h4{
      font-size: var(--font-size-S);
      line-height: var(--line-height-S);
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){
  main h1,
  .headline-3XL{
    font-size: var(--font-size-XL);
    line-height: var(--line-height-XL);
    margin-bottom: var(--margin-bottom-3);
  }
  main h2,
  .headline-2XL{
    font-size: var(--font-size-M);
    line-height: var(--line-height-M);
    margin-bottom: var(--margin-bottom-2);
  }
  .headline-XL,
  .headline-L{
    font-size: var(--font-size-S);
    line-height: var(--line-height-S);
    margin-bottom: var(--margin-bottom-2);
  }
main h3,main h4,
  .headline-M{
    font-size: var(--font-size-S);
    line-height: var(--line-height-S);
    margin-bottom: var(--margin-bottom-2);
  }
  
  .headline-S{
    font-size: var(--font-size-XS);
    line-height: var(--line-height-XS);
  }
    main h5,main h6,
  .headline-XS,
  .headline-body{
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
  }
}
@media (max-width: 440px){}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
COPY
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
p{
  font-family:var(--body-font);
  font-weight:var(--body-weight);
}
.brxe-text.copy-2XL p,
.copy-2XL{
  font-size: var(--font-size-L);
  line-height: var(--line-height-L);
}
.brxe-text.copy-XL p,
.copy-XL{
  font-size: var(--font-size-M);
  line-height: var(--line-height-M);
}
.brxe-text.copy-L p,
.copy-L{
  font-size: var(--font-size-S);
  line-height: var(--line-height-S);
}
.brxe-text.copy-M p,
.copy-M{
  font-size: var(--font-size-XS);
  line-height: var(--line-height-XS);
}
p,
.copy-body{
  color:var(--body-color);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  margin-bottom: var(--margin-1);
}
.bg-dark p,
.bg-dark .copy-body{
  color:var(--grey-60);
}

p em{}

body strong,
body th,
p strong{
    font-weight:var(--weight-semi);
}
p a{
  font-weight: var(--weight-semi);
  text-decoration: underline;
}
p a:hover{
  color:var(--primary-color-80);
  text-decoration: none;
}
@media (max-width: 1350px){}
@media (max-width: 991px){
    .brxe-text.copy-2XL p,
    .copy-2XL{
      font-size: var(--font-size-L);
      line-height: var(--line-height-L);
    }
    .brxe-text.copy-XL p,
    .copy-XL{
      font-size: var(--font-size-S);
      line-height: var(--line-height-S);
    }
    .brxe-text.copy-L p,
    .copy-L{
      font-size: var(--font-size-XS);
      line-height: var(--line-height-XS);
    }
    .brxe-text.copy-M p,
    .copy-M{
      font-size: var(--font-size-XS);
      line-height: var(--line-height-XS);
    }
}
@media (max-width: 767px){}
@media (max-width: 440px){}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
BLOCKQUOTE
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
blockquote{
  color:var(--blockquote-color);
  font-family:var(--blockquote-font);
  font-weight:var(--blockquote-weight);
}
blockquote p{}
blockquote p:last-child{}

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


/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
LIST
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.brxe-text ul:not(.e-accordion),
.brxe-text ol{
    margin-bottom:var(--margin-3);
    margin-top:var(--margin-1);
    padding: 0;
}
.brxe-text ul{}
.brxe-text ul:not(.e-accordion) li{
    border-bottom: solid 1px #a4abb480;
    padding-bottom:var(--padding-1);
    padding-top:var(--padding-1);
}

.brxe-text ol{
    counter-reset:mycounter;
}
.brxe-text ol li{
    list-style-type: none;
    padding-left: var(--padding-3);
    position: relative;
}
.brxe-text ol li:not(:last-of-type){
    margin-bottom: var(--margin-1);
    padding-bottom: var(--margin-1);
}
.brxe-text ol li:before{
    content: "" counter(mycounter) " ";
    counter-increment: mycounter;
    left: 8px;
    position: absolute;
    top: 4px;
    z-index: 1;
}
.brxe-text ol li:after{
    background:var(--secondary-color-60);
    border-radius: 40px;
    content: '';
    height: 40px;
    left: -8px;
    position: absolute;
    top: -4px;
    width: 40px;
    z-index: 0;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
BUTTON & LINKS
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a{
  font-weight:var(--link-semi);
  outline: none;
  transition-timing-function:var(--animation-type-out);
  transition:var(--animation-button-out);
}
a:hover{
  transition-timing-function:var(--animation-type-in);
  transition:var(--animation-button-in);
}

/* HYPERLINKS */
p a{}
p a:hover{}

/* BUTTON */
input[type=submit],
.brxe-button{
  border-radius:var(--border-radius-10);
  border:0;
  cursor: pointer;
  font-family:var(--link-font);
  font-weight:var(--link-weight);
  line-height:var(--line-height-body);
  transition:var(--animation-button-out);
  transition-timing-function:var(--animation-type-out);
}
.brxe-button svg{
  transition:var(--animation-button-out);
}

/* SPACING */
.brxe-button.md{padding:var(--padding-button-md-x) var(--padding-button-md-y)!important;}
input[type=submit],.brxe-button.lg{padding:var(--padding-button-lg-x) var(--padding-button-lg-y)!important;}

/* HOVER */
.brxe-button:hover{
  transition:var(--animation-button-in);
  transition-timing-function:var(--animation-type-in);
}
.brxe-button:hover svg{
  transition:var(--animation-button-in);
}


/* PRIMARY */
input[type=submit],
.bricks-button[class*="primary"]{
  background:var(--highlight-01)!important;
  color:var(--highlight-01-text)!important;
}
input[type=submit]:hover,
.bricks-button[class*="primary"]:hover{
  background:var(--highlight-01-hover)!important;
  color:var(--highlight-01-hover-text)!important;
}
.bricks-button[class*="primary"] svg{}
.bricks-button[class*="primary"]:hover svg{}
.bricks-button[class*="primary"].outline{
  border-color:var(--highlight-01)!important;
  color:var(--highlight-01)!important;
}
.bricks-button[class*="primary"].outline:not(.sm):hover{
  border-color:var(--highlight-01-hover)!important;
  background:var(--highlight-01-hover)!important;
  color:var(--highlight-01-hover-text)!important;
}

/* SECONDARY */
.bricks-button[class*="secondary"]{
  background:var(--highlight-02)!important;
  color:var(--highlight-02-text)!important;
}
.bricks-button[class*="secondary"]:hover{
  background:var(--highlight-02-hover)!important;
  color:var(--highlight-02-hover-text)!important;
}
.bricks-button[class*="secondary"] svg{}
.bricks-button[class*="secondary"]:hover svg{}
.bricks-button[class*="secondary"].outline{
  border-color:var(--highlight-02)!important;
  color:var(--highlight-02)!important;
}
.bricks-button[class*="secondary"].outline:not(.sm):hover{
  border-color:var(--highlight-02-hover)!important;
  background:var(--highlight-02-hover)!important;
  color:var(--highlight-02-hover-text)!important;
}

/* LIGHT */
.bricks-button[class*="light"]{
  background:var(--color-light)!important;
  color:var(--color-dark)!important;
}
.bricks-button[class*="light"]:hover{
  background:var(--color-light-hover)!important;
}
.bricks-button[class*="light"] svg{}
.bricks-button[class*="light"]:hover svg{}
.bricks-button[class*="light"].outline{
  border-color:var(--color-light)!important;
  color:var(--color-light)!important;
}
.bricks-button[class*="light"].outline:not(.sm):hover{
  background:var(--color-light-hover)!important;
  border-color:var(--color-light-hover)!important;
  color:var(--color-dark)!important;
}

/* DARK */
.bricks-button[class*="dark"]{
  background:var(--color-dark)!important;
  color:var(--color-light)!important;
}
.bricks-button[class*="dark"]:hover{
  background:var(--color-dark-hover)!important;
}
.bricks-button[class*="dark"] svg{}
.bricks-button[class*="dark"]:hover svg{}
.bricks-button[class*="dark"].outline{
  border-color:var(--color-dark)!important;
  color:var(--color-dark)!important;
}
.bricks-button[class*="dark"].outline:not(.sm):hover{
  background:var(--color-dark-hover)!important;
  border-color:var(--color-dark-hover)!important;
  color:var(--color-light)!important;
}




/* MUTED */
.bricks-button[class*="muted"]:hover{}
.bricks-button[class*="muted"]:hover svg{}

/* INFO */
.bricks-button[class*="info"]:hover{}
.bricks-button[class*="info"]:hover svg{}

/* SUCCESS */
.bricks-button[class*="success"]:hover{}
.bricks-button[class*="success"]:hover svg{}

/* WARNINg */
.bricks-button[class*="warning"]{}
.bricks-button[class*="warning"]:hover{}
.bricks-button[class*="warning"]:hover svg{}

/* DANGER */
.bricks-button[class*="danger"]:hover{}
.bricks-button[class*="danger"]:hover svg{}

.bricks-button.outline{
  background: transparent!important;
}


/* BACKLINK */

/* QUICKLINK */
.bricks-button.sm{
  background: transparent!important;
  border: none!important;
  padding: 0 0!important;
}
.bricks-button.sm.bricks-background-primary{color: var(--highlight-01)!important;}
.bricks-button.sm.bricks-background-secondary{color: var(--highlight-02)!important;}
.bricks-button.sm.bricks-background-light{color: var(--color-light)!important;}
.bricks-button.sm.bricks-background-dark{color: var(--color-dark)!important;}
.bricks-button.sm:hover{
  background: transparent!important;
}
.bricks-button.sm.bricks-background-primary:after{background: var(--highlight-01);}
.bricks-button.sm.bricks-background-secondary:after{background: var(--highlight-02);}
.bricks-button.sm.bricks-background-light:after{background: var(--color-light);}
.bricks-button.sm.bricks-background-dark:after{background: var(--color-dark);}

.bricks-button.sm,
.quicklink{
  font-weight: var(--link-weight);
  position: relative;
}
p .quicklink{
  margin-left: 10px;
  margin-right: 10px;
}
.bricks-button.sm:after,
.quicklink:after{
  background: var(--color-dark);
  bottom: -2px;
  content: '';
  height:2px;
  left: 0;
  position: absolute;
  width: 100%;
  transition:var(--animation-button-out);
  transition-timing-function:var(--animation-type-out);
}
.bricks-button.sm:hover:after,
.quicklink:hover:after{
  left: 100%;
  width: 0;
  transition:var(--animation-button-in);
  transition-timing-function:var(--animation-type-in);
}

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

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
SPACING
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.mar-none{margin:0;}
.pad-none{margin:0;}

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

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
SINGLE POST
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* HEADLINE */
.single-post h1,.single-post h2,.single-post h3,.single-post h4,.single-post h5,.single-post h6{
  margin-bottom: 0;
  width: 100%;
}
.single-post h1{
  margin-bottom: var(--margin-bottom-4);
  margin-top: var(--margin-top-4);
}
.single-post h2{
  margin-bottom: var(--margin-bottom-4);
  margin-top: var(--margin-top-4);
}
.single-post h3{
  margin-bottom: var(--margin-bottom-3);
  margin-top: var(--margin-top-3);
}
.single-post h4{
  margin-bottom: var(--margin-bottom-2);
  margin-top: var(--margin-top-2);
}
.single-post h5{
  margin-bottom: var(--margin-bottom-2);
  margin-top: var(--margin-top-2);
}
.single-post h6{
  margin-bottom: var(--margin-bottom-1);
  margin-top: var(--margin-top-1);
}
.single-post .headline-XS{}
.single-post .headline-S{}
.single-post .headline-M{}
.single-post .headline-L{}
.single-post .headline-XL{}
.single-post .headline-2XL{}
.single-post .headline-3XL{}

/* SINGLE POST COPY*/
.single-post p{
  margin-bottom: var(--margin-bottom-1);
  margin-top: var(--margin-top-1);
}

.single-post p.copy-XL,
.single-post p.copy-l{
  margin-bottom: var(--margin-bottom-3);
}
.single-post p.copy-m{
  margin-bottom: var(--margin-bottom-2);
}
.single-post em{}

/* SINGLE POST IMAGE */
.single-post p img{
  margin-bottom: var(--margin-bottom-2);
  margin-top: var(--margin-top-3);
  width: 100%;
}

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

@media (max-width: 440px){
  .single-post h1{
    margin-bottom: var(--margin-bottom-3);
    margin-top: var(--margin-top-3XL);
  }
  .single-post h2{
    margin-bottom: var(--margin-bottom-2);
    margin-top: var(--margin-top-4);
  }
  .single-post h3{
    margin-bottom: var(--margin-bottom-1);
    margin-top: var(--margin-top-3);
  }
  .single-post h4{
    margin-bottom: var(--margin-bottom-1);
    margin-top: var(--margin-top-3);
  }
  .single-post h5{
    margin-bottom: var(--margin-bottom-1);
    margin-top: var(--margin-top-1);
  }
  .single-post h6{
    margin-bottom: var(--margin-bottom-1);
    margin-top: var(--margin-top-1);
  }
}



/*WOO*/
/*My account*/
.woocommerce-account #customer_login .u-column1, 
.woocommerce-account #customer_login .u-column2{
    width:100%!important;
}