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

 /* ! Variables */
/*----------------------------------------------------------------------------------- */
:root{

    /* Colors */
    --base: #F3F2FA;
    --primary: #3B3488;
    --primary-light:#B1ACE0;
    --primary-medium:#8983D0;
    --primary-dark:#191539;
    /*--secondary:#D7C150;*/
	--secondary:#ab972f;
    --secondary-base:#F8F4E0;
    --accent: #6259C0;
    --accent-light:#d1d4fb;
    --accent-medium: #4555f0;
    --black:#000;
    --white:#fff;
  
    /* Typography */  
    --font-primary: 'Comfortaa';
    --font-secondary: 'Brandmark Sans';
  
    /* Gap */
    --gap-xs:0.25rem;
    --gap-s:0.5rem;
    --gap-m:1rem;
    --gap-l:1.25rem;
    --gap-xl:1.5rem;
    --gap-xxl:2rem;
    --gap-2xl:2.5rem;
    --gap-3xl:3rem;
  
    /* Margin */
    --margin-xs:0.25rem;
    --margin-s:0.5rem;
    --margin-m:1rem;
    --margin-l:1.25rem;
    --margin-xl:1.5rem;
    --margin-xxl:2rem;
    --margin-3xl:3rem;
  
    /* Padding */
    --spacing-unit: 1rem;
    --padding-xs:0.5rem;
    --padding-s:1rem;
    --padding-m:1.5rem;
    --padding-l:2rem;
    --padding-xl:2.5rem;
    --padding-xxl:3rem;
  
    --padding: 1.5rem; /* default padding */
    --spacing: clamp(4rem, 3.824vw + 0.776rem, 6rem); /* default spacing */
  
    /* Radius */
    --radius-xs:0.15rem;
    --radius-s:0.25rem;
    --radius-m:0.5rem;
    --radius-l:1rem;
    --radius-xl:2rem;
    --radius-2xl:3rem;
    --radius-full: 100rem;
  
    /* Shadows */
    --shadow-s: 0 0.25rem 1rem -1rem var(--primary);
    --shadow-m: 0 0.5rem 1.25rem -1rem var(--primary);
    --shadow-l: 0 0.8rem 1.8rem -1rem var(--primary);
    --shadow-xl: 0 1rem 2rem -1rem var(--primary);
  
    /* Devices */
    --fullhd:1920px;
    --laptop:1366px;
    --laptop-m:1280px;
    --laptop-s:1120px;
    --tablet:1024px;
    --tablet-m:992px;
    --mobile-l:768px;
    --mobile-m:600px;
    --mobile-s:480px;
    --mobile-xs:375px;
  
    /* Transitions */
    --transition-superfast: .25s;
    --transition-fast: .35s;
    --transition-med: .6s;
    --transition-slow: 1s;
    --transition-veryslow: 1.5s;

    /* Bricks Color Palettes */
    --bricks-color-cjtgqn: #ffffff;
    --bricks-color-vpvxgw: rgba(0, 0, 0, 0);
  
}

 /* ! Tipography */
/*----------------------------------------------------------------------------------- */
body, html{
    font-family: var(--font-primary);
    font-size: 18px; /* Base font size */
    color: var(--primary);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5
{font-family: var(--font-secondary); line-height: 1.1; word-wrap: normal;}

h1, .h1 {
    font-size: clamp(1.5rem, 1.185rem + 3.333vw, 2.488rem);
}
    
h2, .h2 {
    font-size: clamp(1.3rem, 1.185rem + 3.333vw, 2.074rem);
}

h3, .h3 {
    font-size: clamp(1.2rem, 1.185rem + 3.333vw, 1.728rem);
}

h4, .h4 {
    font-size: clamp(1.1rem, 1.185rem + 3.333vw, 1.44rem);
}

h5, .h5 {
    font-size: 1.2rem;
}

h6, .h6{
    font-size: 1.1rem;
}

p, .text{
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.2px;
}

.text-small{font-size: 0.85rem;}



 /* ! Buttons */
/*----------------------------------------------------------------------------------- */
nav a,
.post-content-wp a:not(.wp-block-button__link),
.brxe-text-basic a,
.brxe-text a,
.brxe-heading a,
.current_page_parent a
{
    position: relative;
}
nav a:hover{color: var(--accent);}

nav a:before,
.post-content-wp a:not(.wp-block-button__link):before,
.brxe-text-basic a:before,
.brxe-text a:before,
.brxe-heading a:before,
.current_page_parent a::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 85%;
    width: 0;
    opacity: 1;
    height: 1px;
    background-color: var(--accent);
    transition: var(--transition-fast);
}

nav a:hover:before,
.post-content-wp a:not(.wp-block-button__link):hover:before,
.brxe-text-basic a:hover:before,
.brxe-text a:hover:before,
.brxe-heading a:hover:before,
.current_page_parent a::before
{
    width: 100%;
    opacity: 1;
}



main a{
    color: var(--accent);
}

footer nav a{width:fit-content !important;}

.button,
.bricks-button,
.cmplz-btn.cmplz-accept,
.wp-block-button__link,
.menu-cta-mobile a
{
    color: #fff;
    font-weight: 400;
    background-color: var(--accent) !important;
    border-radius: var(--radius-m) !important;
	border:1px solid;
    border-color: var(--accent) !important;
	/* letter-spacing:0.2px; */
    font-size: 0.85rem;
    letter-spacing: 0;
    padding: 1em;
    line-height: 1;
    transition: var(--transition-med);
}
.button:hover,
.bricks-button:hover,
.cmplz-btn.cmplz-accept:hover,
.wp-block-button__link:hover
{
    background-color: var(--white) !important;
    color: var(--accent) !important;
}


.button--secondary,
.cmplz-btn.cmplz-view-preferences,
.cmplz-btn.cmplz-save-preferences
{
    color: var(--primary) !important;
    background-color: transparent !important;
    border-color: var(--primary) !important;
    border-radius: var(--radius-m) !important;
}
.button--secondary:hover,
.cmplz-btn.cmplz-view-preferences:hover,
.cmplz-btn.cmplz-save-preferences:hover
{
    background-color: var(--base) !important;
    color: var(--accent) !important;
    border-color: var(--accent) !important;
}

.button--link{
    background-color: transparent !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    padding: 1px;
    color: var(--accent) !important;
    justify-content: unset;
}
.button--link svg{
    width: 1rem;
    height: 1rem;
    background-color: var(--base);
    padding: 0.15rem;
    border-radius: var(--radius-full);
    transition: var(--transition-med);
}
.button--link.icon-full svg{padding: 0;border-radius: 0;background-color: transparent;}

.button--link:hover{
    background-color: transparent !important;
}
.button--link:hover svg{transform: scale(1.3); transform-origin: center;}



/* Fix Bricks SVG flip */
:where(.brxe-form) button[type=submit] svg {
    transform: scaleX(1) !important;
}


 /* ! Helpers */
/*----------------------------------------------------------------------------------- */
.brxe-container{
    width: var(--laptop-m);
    padding: var(--spacing) var(--padding);
}

.row {
    width: 100%;
    max-width: var(--laptop-m);
    margin: 0 auto;
    padding: var(--padding);
}

.col-20 {width:20%}
.col-25 {width:25%}
.col-30 {width:30%}
.col-33 {width:33.33%}
.col-40 {width:40%}
.col-50 {width:50%}
.col-60 {width:60%}
.col-66 {width:66.66%}
.col-70 {width:70%}
.col-75 {width:75%}
.col-80 {width:80%}
.col-90 {width:90%}
.col-100 {width:100%}

[class*='col-']{
    display: flex;
    flex-direction: column;
    gap: var(--gap-l);
}

@media (max-width: 767px ) {
    [class*='col-']{
        width: 100%;
    }
}

.grid{display:grid;}
.grid-2{grid-template-columns: repeat(2, 1fr);}
.grid-3{grid-template-columns: repeat(3, 1fr);}
.grid-4{grid-template-columns: repeat(4, 1fr);}
.grid-5{grid-template-columns: repeat(5, 1fr);}
.grid-6{grid-template-columns: repeat(6, 1fr);}
.grid-7{grid-template-columns: repeat(7, 1fr);}
.grid-8{grid-template-columns: repeat(8, 1fr);}
.grid-auto{grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}


.text-l{text-align: left;}
.text-c{text-align: center;}
.text-r{text-align: right;}
.text-s{font-size: 80%;}
.text-m{font-size: 90%;}

/* Sticky */
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

.margin-t0, .mt0{margin-top:0;}
.margin-b0{margin-bottom:0;}
.margin-rl-auto{margin-right: auto; margin-left: auto;}

.padding{padding:var(--padding);}
.padding0{padding:0;}
.padding-s{padding:var(--padding-s);}
.padding-m{padding:var(--padding-m);}
.padding-l{padding:var(--padding-l);}
.padding-xl{padding:var(--padding-xl);}
.pad-tb0{padding-top: 0; padding-bottom: 0;}

.none{display:none;}
.block{display: block;}
.hidden{visibility:hidden;}
.shadow-none{box-shadow:none;}
.border-none{border: none;}

.cursor-pointer{cursor:pointer;}
.cursor-default{cursor:default;}

.white-space-no-wrap{white-space: nowrap;}

.object-fit-contain{object-fit: contain;}
.object-fit-cover{object-fit: cover;}

.pointer-none{pointer-events:none;}

.line-h1{line-height:1em;}

.p-relative{position: relative;}

.f-primary{font-family: var(--font-primary);}
.f-secondary{font-family: var(--font-secondary);}



 /* ! Modifiers */
/*----------------------------------------------------------------------------------- */
::-webkit-scrollbar {display: none;} /* Hide scrollbar for Chrome, Safari and Opera */
::placeholder{color: var(--primary); opacity: .4;}
::marker{color: var(--secondary);}
::selection{background:var(--accent); color: white;}
*,*:before,*:after{-webkit-tap-highlight-color: transparent;}
body{min-height: 100vh;}
body.bricks-is-frontend :focus{outline: none;}

@media (max-width:991px){
	.no-tablet{display:none;}
}
@media (max-width:767px){
	.no-mobile{display:none;}
}
@media (min-width:600px){
	.solo-mobile{display:none;}
}