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

main section .brxe-button:not([href]){
/*     display: none; */
}

body > article{
	padding: var(--default-padding) var(--padding-lr);
	margin: auto;
}

body.bricks-is-frontend.admin-bar #brx-header.brx-sticky{
	top: 0;
}

body #wpadminbar{
	position: absolute;
}

.gradient-light{
	background: var(--gradient-light);
}
.gradient-dark{
	background: var(--gradient-dark);
}

svg:not([width]) {
	min-width: 100%;
}

svg:not([height]) {
	min-height: 100%;
}

.brxe-social-icons .repeater-item .icon{
	min-height: auto;
	min-width: auto;
}

.brxe-nav-menu svg{
	width: 1rem;
	height: 1rem;
}

.pswp.brx.pswp--open .pswp__top-bar .pswp__button--close{
	width: 2rem;
}

.brxe-slider-nested .splide__track{
  padding-bottom: var(--radius);
}

/* ========= TEXT ========== */
.brxe-text ul li::marker,
.brxe-text ol li::marker,
.brxe-post-content ul li::marker,
.brxe-post-content ol li::marker{
  color: var(--purple-main);
}

.brxe-text ul > li > ul,
.brxe-post-content ul > li > ul,
.brxe-text ol > li > ul,
.brxe-post-content ol > li > ul{
    -webkit-margin-before: calc(5rem/16);
            margin-block-start: calc(5rem/16);
}

.brxe-text a:not(a:has(img)),
.brxe-post-content a:not(a:has(img)){
  border-bottom: calc(2rem / 16) solid var(--bg-main);
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.brxe-text a:hover,
.brxe-post-content a:hover{
  border-width: calc(4rem / 16);
  border-color: var(--purple-main);
}

p span.highlight{
	background: var(--beige) !important;
	border-left: calc(4rem / 16) solid var(--purple-main) !important;
	margin: var(--gap) 0;
}

hr{
	border-color: var(--bg-main);
}

blockquote:before{
	content:"“";
	color: var(--purple-main);
	font-family:  var(--font-secondary);
	font-size: calc(70rem/16);
	font-style: normal;
	font-weight: bold;
	line-height: 1;
	letter-spacing: calc(-.96rem/16);
	position: absolute;
	top: 0;
	left: 0;
}

.brxe-post-content p[style*="background-color: #d9d9d9"][style*="border-radius: 20px"][style*="padding: 15px"] {
    border-radius: 0 calc(12rem / 16) calc(12rem / 16) 0 !important;
    background-color: var(--beige) !important;
    padding: calc(12rem / 16) calc(12rem / 16) calc(12rem / 16) 1rem !important;
    border-left: calc(4rem / 16) solid var(--purple-main);
}

:where(.brxe-image).caption:has(figcaption.bricks-image-caption) figcaption{
    background: transparent;
    color: var(--dark);
    font-weight: bold;
    line-height: 1.75;
    padding: 0;
    top: 100%;
    bottom: unset;
}

:where(.brxe-image).caption:has(figcaption.bricks-image-caption){
    overflow: visible;
    padding-bottom: calc(10rem/16);
    margin-bottom: 4rem
}
.bricks-posts-nothing-found{
	text-align: center;
}

/* ========= WIDGET ========== */
.input, input:not([type=submit]), textarea, body.bricks-is-frontend :focus-visible{
  	border: none;
	outline: 1px solid transparent;
}

.bricks-search-form input:focus-visible,
select.polylang_langswitcher{
  outline: 	none !important;
}

select{
    background-image: unset;
    background-position: unset;
    background-size: unset;
	outline: 0;
	border: 0;
}
input, textarea {
  background: transparent;
  background-color: transparent;
  color: inherit;
  -webkit-appearance: none; /* optional */
  -moz-appearance: none;
       appearance: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: 0 0 0 62.5rem transparent inset !important;
  -webkit-box-shadow: 0 0 0 62.5rem transparent inset !important;
  -webkit-text-fill-color: inherit !important;
  -webkit-transition: background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s;
}
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0 62.5rem transparent inset !important;
  -webkit-box-shadow: 0 0 0 62.5rem transparent inset !important;
  -webkit-text-fill-color: inherit !important;
}
input[data-autocompleted] {
  background: transparent !important;
}

.radius-default{
  border-radius: var(--radius);
}

.single iframe[src *='youtube']{
    width: 80%;
	height: auto;
    border-radius: var(--radius);
    aspect-ratio: var(--ratio-widescreen);
}

.single .brxe-post-content img{
	border-radius: var(--radius);
	max-width: 100%;
	-webkit-margin-after: var(--gap);
	        margin-block-end: var(--gap);
}

.gallery figure img{
    aspect-ratio: var(--ratio-landscape);
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.icon-box:has(a) {
    transition: var(--default-animation);
}

.icon-box:has(a):hover .content{
  border-bottom: calc(2rem / 16) solid var(--bg-main);
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.icon-yellow-stroke svg path{
  stroke: var(--yellow-main);
}

.icon-yellow-fill svg path{
  fill: var(--yellow-main);
}

.icon-white-stroke svg path{
  stroke: var(--white);
}

.icon-white-fill svg path{
  fill: var(--white);
}

.icon-purple-stroke svg path{
  stroke: var(--purple-main);
}

.icon-purple-fill svg path{
  fill: var(--purple-main);
}

.icon-purple-stroke:hover svg path{
  stroke: var(--white);
}

.icon-purple-fill:hover svg path{
  fill: var(--white);
}

:root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox){
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    -webkit-text-decoration-color: #D5C0F8;
            text-decoration-color: #D5C0F8;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
    -webkit-transition: text-decoration-thickness 1s ease;
    -o-transition: text-decoration-thickness 1s ease;
    transition: text-decoration-thickness 1s ease;
    line-height: 1.7;
	padding: 0;
	border-radius: 0;
}

:root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover{
    text-decoration-thickness: 4px;
}
/* 
.brxe-button.bricks-button.bricks-background-light:has(svg path[d="M4.99988 1.00012L12.0001 8.00012L5 15.0002"]){
    display: inline;
}

.brxe-button.bricks-button.bricks-background-light:has(svg path[d="M4.99988 1.00012L12.0001 8.00012L5 15.0002"]) svg{
    margin-left: .725rem;
    position: relative;
    top: .3rem
} */

.brxe-button.text-small.bricks-button svg{
	width: var(--text-small);
	height: var(--text-small);
}

.brxe-shortcode:has(.polylang_langswitcher){
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.polylang_langswitcher{
	letter-spacing: calc(3.2rem/16);
    font-weight: bold;
    color: white;
    font-family: var(--font-primary);
    font-size: var(--text-small);
    text-transform: uppercase;
    padding-left: .4rem;
    margin-bottom: calc(1rem / 16);
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

.polylang_langswitcher:hover{
    color: var(--bg-main)
}

/* ======= LOADER ========== */
.brx-filter-disabled {
     position: relative;
}
/* Overlay gelap */
 .brx-filter-disabled:after {
     content: "";
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     background: rgba(0,0,0,.2);
     z-index: 9998;
}
/* Loader multi-shadow */
 .brx-filter-disabled:before {
     content: "";
     position: fixed;
     top: 50%;
     left: 50%;
     width: .5rem;
     height: .5rem;
     -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
     text-indent: -9999em;
     border-radius: 50%;
     font-size: .5rem;
     color: var(--yellow-main);
     -webkit-animation: mulShdSpin 1s infinite linear;
             animation: mulShdSpin 1s infinite linear;
     z-index: 9999;
}
/* Animasi multi-shadow */
 @-webkit-keyframes mulShdSpin {
     0%, 100% {
         -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
                 box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
     12.5% {
         -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
                 box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
     25% {
         -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
                 box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
     37.5% {
         -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
                 box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
     50% {
         -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
                 box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
     62.5% {
         -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
                 box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
     75% {
         -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
                 box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
    }
     87.5% {
         -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
                 box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
    }
}
 @keyframes mulShdSpin {
     0%, 100% {
         -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
                 box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
     12.5% {
         -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
                 box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
     25% {
         -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
                 box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
     37.5% {
         -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
                 box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
     50% {
         -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
                 box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
     62.5% {
         -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
                 box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
     75% {
         -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
                 box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
    }
     87.5% {
         -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
                 box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
    }
}
 

@media screen and (max-width: 1024px){
  :root body{
    --padding-large: calc(120rem/16);
    --padding-small: calc(60rem/16);
    --default-padding: calc(80rem/16);
	--padding-lr: 30px;
  }
}

@media screen and (max-width: 767px){
  :root body{
    --padding-large: calc(100rem/16);
    --padding-small: calc(40rem/16);
    --default-padding: calc(60rem/16);
	--padding-lr: 20px;
	--text-large: 18px;
  }
	
	.gallery .gallery-item{
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 50%;
		        flex: 1 1 50%;
		max-width: 50%;
	}
	
	.single iframe[src *='youtube']{
		width: 100%;
	}
	
	body .bricks-button[class*="primary"], body .bricks-button[class*="secondary"]{
		width: 100%;
	}
	
	section:has(.cta){
		padding-left: 20px !important;
	}
}