/*
 Theme Name:   Gumawa
 Theme URI:    https://gumawa.co
 Description:  We create powerful & scalable wesbites
 Template:     bricks
 Version: 1.0.0
*/

/* Fonts */
/*@font-face {
    font-family: 'Recoleta';
    src: url('/wp-content/fonts/Recoleta-Medium.woff2') format('woff2'),
        url('/wp-content/fonts/Recoleta-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}*/
@font-face {
    font-family: 'Recoleta';
    src: url('/wp-content/fonts/Recoleta-Regular.woff2') format('woff2'),
        url('/wp-content/fonts/Recoleta-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'DM Sans';
    src: url('/wp-content/fonts/DMSans-Medium.woff2') format('woff2'),
        url('/wp-content/fonts/DMSans-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'DM Sans';
    src: url('/wp-content/fonts/DMSans-Regular.woff2') format('woff2'),
        url('/wp-content/fonts/DMSans-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

*,
html,
body {
	font-family: 'DM Sans',sans-serif;
  	overscroll-behavior: none !important;
  	-webkit-tap-highlight-color: transparent;
	scrollbar-color: var(--primary) transparent;
}
main {
	min-height: 100dvh;
}

/* Transitions */
a,
button,
button div,
.bricks-button::after,
.skip-link,
#brx-header,
.header--section,
.nav-toggle--text,
.nav-toggle--burger,
.nav-toggle--burger__line,
.offcanvas-nav,
.offcanvas-nav--inner,
.icon,
.header-menu__link:hover::after,
.offcanvas-nav__link:hover::after,
.offcanvas-nav--main-list-item.fade [aria-current="page"]::after,
.offcanvas-nav--sub-list-item.fade [aria-current="page"]::after,
.offcanvas-nav--list,
.offcanvas-nav--heading,
.footer--nav__link .icon,
.social-media--icon path,
.featured-projects--card__img-wrapper,
.featured-projects--card__img,
.projects--card__img-wrapper,
.projects--card__img,
.services--list-item,
.contact--cta__btn,
.member-faq--acc-title__icon,
input::placeholder {
  transition: var(--transition-primary);
}
.header-menu-item,
.brx-popup-content {
	transition: var(--transition-slow);
}
.header-menu,
.header-menu-item.remove,
.header-menu__link::after,
.offcanvas-nav__link::after,
.header-cta,
.header-cta--text,
[data-balloon-pos=top-left]:before,
[data-balloon-pos=top-right]:before,
[data-balloon]:after,
.mpa-shortcode .flatpickr-day {
  transition: var(--transition-fast);
}

/* General */
/* Font Family */
h1 div,
h1 span,
h1 em,
h2 div,
h2 span,
h2 em,
h2 a,
h3 a,
h3 div,
h3 em,
.circle-btn span,
.nude-btn span,
.nav-toggle--text,
.offcanvas-nav__link,
.offcanvas-nav--cta .text,
.footer--cta__heading,
.footer--cta__heading-link .text,
.contact--cta__btn .text,
.footer--info,
.footer--nav-col__heading,
.footer--nav-cta .text,
.featured-niche--link,
.culture--address-location__time,
.error--subheading,
.blog--body__intro p,
.member-pricing--card__price-figure,
.g-form--login button .text {
	font-family: var(--recoleta);
}
.section-intro--body-text,
h2.section-intro--primary-text,
h2.ss-body--latest-projects__heading span,
h3.section-intro--primary-text,
.legal-text h2,
.error--heading,
.ss-body--latest-projects__heading,
.blog--related__heading {
	font-family: var(--dm-sans);
}
/* Font Style */
h1 em,
em {
	font-style: normal;
	color: var(--primary-d-1);
}
h3 em {
	color: var(--text-body);
}
/* Font Weight */
.legal-text h2 {
	font-weight: 500;
}
.icon i,
i.member-faq--acc-title__icon,
p em {
	font-weight: 600;
}
/* Balance */
.balance {
	text-wrap: balance;
}
/* No Wrap */
.nav-toggle--text,
.services--grid-card__features {
  white-space: nowrap;
}
/* Wrap */
.wrap-text {
  text-wrap: balance;
}
/* Paragraph */
:where(p) {
    margin: 0 0 var(--space-m);
}
:where(p:last-of-type) {
    margin-bottom: 0;
}

/* Skip Link */
.skip-link {
    color: var(--light);
	font-size: var(--text-xs);
    font-weight: 500;
	background: var(--text-title);
    border-bottom-right-radius: 0;
	top: var(--space-2xs);
	left: var(--space-l);
	transform: translateY(-200%);
}

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

/* Focus */
:focus-visible {
	box-shadow: 0 0 0 .25rem var(--primary-30)!important;
	outline: 1px solid var(--primary)!important;
}

/* Full Height */
.not-set {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

/* Link Wrapper */
.footer--cta__heading-link::after,
.featured-projects--card__heading a::after,
.projects--card__heading a::after,
.services--card__heading a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1
}

/* Will Change */
.nav-toggle--text,
.nav-toggle--burger,
.nav-toggle--burger__line,
.icon,
.featured-projects--card__img,
.projects--card__img,
.splide__arrow,
.member-faq--acc-title__icon,
.brx-popup {
  will-change: transform;
}

/* Screen Reader Only */
.sr-only,
.g-form label,
.social-media span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
}
.mpa-customer-notes-wrapper label {
	position: relative;
	width: 100%;
	height: 100%;
}

/* Cursor Default */
.splide__slide,
.projects--filter .bricks-button.active {
	cursor: default;
}

/* Pointer Events */
img {
	pointer-events: none;
}

/* Z Index */
.home-hero--video-wrapper::before {
	z-index: 1;
}

/* Buttons */
button {
	background: inherit;
	line-height: inherit;
}

/* Link Icon */
.link-icon:hover .icon,
.offcanvas-nav--cta:hover .icon,
.footer--cta__heading-link:hover .icon,
.contact--cta__btn:hover .icon,
.footer--nav-cta:hover .icon {
	transform: rotate(-45deg);
}
.footer--cta__heading-link:hover .icon,
.contact--cta__btn:hover .icon,
.footer--nav-cta:hover .icon {
	background-color: var(--primary);
}
.footer--nav-cta__alt:hover .icon {
	background-color: var(--text-body);
}

/* Header */
.header--section {
	mix-blend-mode: difference;
}
/* Toggle */
.nav-toggle.active .nav-toggle--text__open {
	transform: translateY(-100%);
}
.nav-toggle.active .nav-toggle--text__close {
	transform: translateY(0);
}
.nav-toggle.active .nav-toggle--burger {
	gap: 0;
}
.nav-toggle.active .nav-toggle--burger__line-top {
	transform: translateY(.065rem) rotate(135deg);
	transform: translateY(.065rem) rotate(135deg);
}
.nav-toggle.active .nav-toggle--burger__line-bottom {
	transform: translateY(-.065rem) rotate(-135deg);
	transform: translateY(-.065rem) rotate(225deg);
}
/* Offcanvas */
.offcanvas-nav,
.offcanvas-nav .offcanvas-nav--inner {
	opacity: 0;
}
.offcanvas-nav.brx-open,
.offcanvas-nav.brx-open .offcanvas-nav--inner {
	opacity: 1;
	visibility: visible;
}
.offcanvas-nav .offcanvas-nav--inner {
	transform: translateY(0)!important;
}
/* Menu */
.header-menu-item.remove,
.header-cta.remove {
	opacity: 0;
	visibility: hidden;
}
.header-menu__link::after,
.offcanvas-nav--main-list__link:not(.offcanvas-nav--cta)::after,
.offcanvas-nav--sub-list__link::after {
	content: "";
	background-color: var(--primary);
	position: absolute;
	top: 50%;
	right: -1.5rem;
	transform: translateY(-50%) scale(1);
	width: 1rem;
	height: 2px;
	opacity: 0;
}
.offcanvas-nav--main-list__link:not(.offcanvas-nav--cta)::after,
.offcanvas-nav--sub-list__link::after {
	right: -3.5rem;
	width: 3rem;
	height: 3px;
}
.header-menu__link:hover::after,
.offcanvas-nav__link:hover::after,
.offcanvas-nav__link[aria-current="page"]::after {
	transform: translateY(-50%) scale(.6);
	opacity: 1;
}
.offcanvas-nav__link[aria-current="page"]::after {
	background-color: var(--primary);
}
/* Nav */
.offcanvas-nav__link[aria-current="page"] {
	cursor: default;
	pointer-events: none;
}
/* CTA */
.offcanvas-nav--inner.active {
	background-color: var(--primary);
}
.offcanvas-nav--inner.active .offcanvas-nav__link,
.offcanvas-nav--inner.active .offcanvas-nav--heading {
	opacity: .1;
}
.offcanvas-nav--inner.active .offcanvas-nav--cta {
	color: var(--light);
}
.offcanvas-nav--inner.active  .offcanvas-nav--cta .icon {
	color: var(--text-title);
	background-color: var(--light);
}
/* Hover */
.offcanvas-nav--main-list-item.fade .offcanvas-nav__link:not(:hover),
.offcanvas-nav--sub-list-item.fade .offcanvas-nav__link:not(:hover),
.offcanvas-nav--main-list-item.fade .offcanvas-nav--cta,
.offcanvas-nav--sub-list-item.fade .offcanvas-nav--cta {
	opacity: .35;
}
.offcanvas-nav--main-list-item.fade [aria-current="page"],
.offcanvas-nav--sub-list-item.fade [aria-current="page"] {
	opacity: 1;
	color: var(--text-title);
}
.offcanvas-nav--main-list-item.fade [aria-current="page"]::after,
.offcanvas-nav--sub-list-item.fade [aria-current="page"]::after {
	transform: translateY(-50%) scale(0);
	opacity: 0;
}
/* Counter */
.offcanvas-nav--main-list {
  	counter-reset: nav;
}
.offcanvas-nav--main-list__link::before {
  	counter-increment: nav;
  	content: "0" counter(nav) ". ";
	position: absolute;
	top: 25%;
	left: 0;
	font-size: var(--text-s);
}

/* Slider */
/* Arrows */
.splide__arrow--prev:hover ,
.splide__arrow--next:hover {
	transform: translateY(-50%) scale(1.1);
}

/***** Home Page *****/
/* Project Cards */
.featured-projects--card__service-list-item:not(:last-child)::after,
.featured-projects--card__service-list-item:last-child::after,
.projects--card__service-list-item:not(:last-child)::after,
.projects--card__service-list-item:last-child::after,
.blog--cat-list-item:not(:last-child)::after {
	position: absolute;
	right: -.25rem;
	bottom: 0;
}
.projects--card__service-list-item:not(:last-child)::after,
.projects--card__service-list-item:last-child::after,
.ss-body--latest-projects__list .projects--card__service-list-item:not(:last-child)::after,
.ss-body--latest-projects__list .projects--card__service-list-item:last-child::after,
.blog--cat-list-item:not(:last-child)::after {
	bottom: -.1rem;
}
.featured-projects--card__service-list-item:not(:last-child)::after,
.projects--card__service-list-item:not(:last-child)::after,
.blog--cat-list-item:not(:last-child)::after {
	content: ",";
}
.featured-projects--card__service-list-item:last-child::after,
.projects--card__service-list-item:last-child::after {
	content: ".";
	right: -.2rem;
}
/* Image */
.featured-projects--card__img-wrapper,
.projects--card__img-wrapper {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.featured-projects--card:hover .featured-projects--card__img-wrapper,
.projects--card:hover .projects--card__img-wrapper  {
	-webkit-clip-path: polygon(1% 5%, 99% 0, 99% 95%, 1% 99%);
            clip-path: polygon(1% 5%, 99% 0, 99% 95%, 1% 99%);
}
.featured-projects--card:hover .featured-projects--card__img,
.projects--card:hover .projects--card__img {
	transform: scale(1.1);
}

/* Service Card */
.services--card:hover .services--card__heading {
	color: var(--primary-d-1);
}

/* Team Image */
.about--team__img-wrapper:first-child {
	transform: translateX(-20%);
}
.about--team__img-wrapper:nth-child(2) {
	transform: translateX(20%);
}
.about--team__img-wrapper:nth-child(3),
.about--team__img-wrapper:nth-child(4),
.about--team__img-wrapper:nth-child(5) {
	display: none;
}


/***** Project Page *****/
.projects--filter.brx-filter-disabled * {
	opacity: 1!important;
}
.projects--filter li {
	position: relative;
}
.projects--filter li:not(:last-child):after {
	content: "";
    position: absolute;
    background-color: var(--dark-20);
    top: 50%;
    right: calc(var(--space-l) * -1 / 2);
	transform: translateY(-50%);
    height: 3px;
    width: 3px;
    border-radius: var(--radius-full);;
}
.projects--filter .bricks-button.active {
	box-shadow: 0 1px 0 0 currentColor;
}


/***** Culture Page ******/
.culture--slider .culture--slider__img-wrapper::before {
	bottom: -1px;
}


/***** Service Page ******/
.services--grid-list-item:not(:last-child) {
	padding-bottom: var(--space-3xl);
	margin-bottom: var(--space-3xl);
	border-bottom: 1px solid var(--border-primary);
}
.services--grid-card__features ul,
.ss--features ul {
	list-style-type: disc;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(9rem, 1fr));
	gap: var(--space-2xs);
	padding: 0;
	margin: 0;
}
.services--grid-card__features li,
.ss--features li {
	margin-left: var(--space-m);
}
.services--grid-card__features li::marker,
.ss--features li::marker {
	color: var(--primary-d-1);
}

/***** Single Project Page *****/
.sp--next .sp--next-container  {
	padding-top: 0;
}


/***** Single Service Page *****/
.ss-body--latest-projects__heading span {
	text-transform: lowercase;
}


/* Single Blog Page */
/* Content */
.blog--body__content h2 {
	font-size: var(--text-xl);
	margin-bottom: var(--space-4xs);
}
.blog--body__content li:not(:last-child) {
	margin-bottom: var(--space-m);
}
.blog--body__content li li:first-child {
	margin-top: var(--space-m);
}
/* Toolt Tips */
.blog--body__sharing [data-balloon-pos=top-left]:before,
.blog--body__sharing [data-balloon-pos=top-right]:before {
	left: 50%;
	transform: translate(-50%, calc(-100% - 1px));
}
.blog--body__sharing [data-balloon]:after {
    background-color: var(--text-title);
    border-radius: 0;
    color: var(--light);
    font-size: var(--text-xs);
    font-weight: 500;
    line-height: 1;
    padding: var(--space-4xs);
}
/* Hover */
.blog--body__sharing [data-balloon-pos=top-left]:before,
.blog--body__sharing [data-balloon-pos=top-right]:before,
.blog--body__sharing [data-balloon]:after {
	display: block;
	opacity: 0;
}
.blog--body__sharing li:hover [data-balloon-pos=top-left]:before,
.blog--body__sharing li:hover [data-balloon-pos=top-right]:before,
.blog--body__sharing li:hover [data-balloon]:after {
	opacity: 1;
}


/***** Membership Page ******/
.member--intro__avatar-img-wrapper:not(:first-child) {
	margin-left: -0.5rem;
}
/* Slide */
.member-test--slide:not(.is-prev,.is-next) {
	background-color: var(--bg-body);
}
/* FAQs */
.member-faq--acc-title__icon.spin {
	transform: rotate(225deg);
}


/***** Legal Pages ******/
.legal-text h2 {
	font-size: var(--text-m);
	margin-bottom: var(--space-2xs);
}


/***** Forms ******/
input:focus-within::placeholder {
	opacity: .5;
}
input,
textarea {
	caret-color: var(--primary-d-1);
}
textarea {
	-webkit-appearance: none;
			appearance: none;
}
.brx-popup-backdrop {
	-webkit-backdrop-filter: blur(.25rem);
			backdrop-filter: blur(.25rem);
}
/* Textarea */
.g-form textarea {
	resize: vertical;
	height: 8rem;
	min-height: 8rem;
	max-height: 12rem;
}
/* Button */
.g-form button .loading {
	display: none!important;
}
.g-form--login .submit-button-wrapper {
	align-items: center;
	margin-top: var(--space-2xs);
}
/* Message */
.g-form .message.success {
	color: var(--success);
	background-color: var(--success-5);
	padding: var(--space-xs) var(--space-s);
	border: 1px solid var(--success-50);
	border-radius: var(--radius-xs);
}
.g-form .message .text {
	padding: 0;
}

/***** Pop-ups ******/
.brx-popup.hide .brx-popup-content {
	transform: translateY(4rem);
	opacity: 0;
}
.brx-popup .brx-popup-content {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .2s;
}



/***** Appointments ******/
/* Title */
.mpa-shortcode-title,
.mpa-customer-notes-wrapper label {
	font-size: var(--text-s);
	font-weight: 500;
	color: var(--text-title);
	margin-bottom: var(--space-s);
}
.mpa-customer-notes-wrapper label {
	margin-bottom: var(--space-4xs);
}
/* Date Arrows */
.mpa-shortcode .flatpickr-months .flatpickr-next-month,
.mpa-shortcode .flatpickr-months .flatpickr-prev-month {
	
}
.mpa-shortcode .flatpickr-months .flatpickr-next-month:hover,
.mpa-shortcode .flatpickr-months .flatpickr-prev-month:hover {
	
}
.mpa-shortcode .flatpickr-months .flatpickr-prev-month:hover svg,
.mpa-shortcode .flatpickr-months .flatpickr-next-month:hover svg {
	fill: var(--text-title);
}
/* Today */
.mpa-shortcode .flatpickr-day.today,
.mpa-shortcode .flatpickr-day.today:hover {
	border: 1px solid var(--border-primary);
}
.mpa-shortcode .flatpickr-day.today.selected,
.mpa-shortcode .flatpickr-day.today.selected:hover {
	border-color: var(--primary);
}
.mpa-shortcode .flatpickr-day.today:hover {
	color: var(--text-body);
}
.mpa-shortcode .flatpickr-day:hover,
.mpa-shortcode .flatpickr-day.today:hover {
	background: var(--bg-body);
}
.mpa-shortcode .flatpickr-day.today.selected:hover,
.mpa-shortcode .flatpickr-day.today:hover {
	color: var(--text-title);
    border-color: var(--border-primary);
}
.mpa-shortcode .flatpickr-day.today.selected:hover {
	background: var(--primary);
	border-color: var(--primary);
}
/* Button */
.mpa-shortcode .mpa-times {
	padding-top: .25rem;
}
.mpa-shortcode button {
	font-size: var(--text-s);
	text-align: center;
	font-weight: 500;
	border-radius: var(--radius-xs);
}
.mpa-shortcode button.mpa-time-period-selected:hover {
	background-color: var(--primary);
}
.mpa-shortcode button:hover {
	color: var(--text-title)!important;
}
.mpa-shortcode .mpa-actions {
	display: flex;
    justify-content: flex-end;
	gap: var(--space-s);
}
/* Table */
.appointment-form-shortcode .item-header {
	font-weight: 500!important;
}
/* Title */
.mpa-shortcode .cell-service {
	color: var(--text-title);
}
/* Date & Time */
.mpa-shortcode .cell-date {
	color: var(--primary-d-1);
}
/* Remove Cart Items */
.pop-up .appointment-form-shortcode .mpa-booking-step .mpa-cart .item-body,
.pop-up .mpa-cart-total,
.pop-up .appointment-form-shortcode .mpa-booking-step-checkout .mpa-order-details,
.pop-up .mpa-required-tip {
	display: none;
}
.pop-up .appointment-form-shortcode .mpa-booking-step .mpa-cart .item-footer {
	border-top: none;
}



/***** SureCart ******/
sc-button sc-total {
    display: none;
}
body.sc-buy-page sc-checkbox a {
	color: var(--primary-d-2);
	text-decoration: none;
}
body.sc-buy-page sc-checkbox a:hover {
	color: var(--primary-d-1);
}



/***** Footer ******/
.social-media--icon:hover path {
	stroke: var(--text-title)!important;
}


/********** Responsive **********/
/* Mobile landscape */
@media (min-width: 480px) {
}

/* Tablet portrait */
@media (min-width: 600px) {
	/* Navigation */
	.offcanvas-nav--sub-list__link::after {
		right: auto;
		left: -3.5rem;
	}
	/* Service Cards */
	.services--list-item:nth-child(3n) {
		grid-column: span 2;
	}
	/* Sliders */
	.culture--slide:not(.is-active) {
		opacity: .5;
	}
	.member-test--slide,
	.member-test--slide.is-prev,
	.member-test--slide.is-next {
		opacity: .3;
	}
	.member-test--slide.is-active.is-visible:not(.is-prev,.is-next) {
		opacity: 1;
	}
	/* Team Image */
	.about--team__img-wrapper:first-child {
		transform: translateX(-35%);
	}
	.about--team__img-wrapper:nth-child(2) {
		transform: translateX(0);
	}
	.about--team__img-wrapper:nth-child(3) {
		display: flex;
		transform: translateX(35%);
	}
	/* Forms */
	/* Pop-up */
	.g-form--pop-up .form-group:has(input:not(textarea,[type=submit])) {
		width: 49%;
		
	}
	.g-form--pop-up .form-group:has(input:not(textarea,[type=submit])):nth-child(odd) {
		margin-right: 2%;
	}
}

/* Tablet landscape */
@media (min-width: 801px) {
}

/* Laptop */
@media (min-width: 1025px) {
	/* Screen Reader Only */
	.section-intro--none {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0,0,0,0);
		white-space: nowrap;
	}
	/* About */
	.about--intro__heading em {
		display: inline-block;
	}
	/* Testimonials */
	.testimonials--list:last-child {
		display: none;
	}
	/* Culture Slider */
	.culture--slide.is-prev,
	.culture--slide.is-next {
		opacity: 1;
	}
	/* Team Image */
	.about--team__img-wrapper:first-child {
		transform: translateX(-50%);
	}
	.about--team__img-wrapper:nth-child(2) {
		transform: translateX(-25%);
	}
	.about--team__img-wrapper:nth-child(3) {
		transform: translateX(0);
	}
	.about--team__img-wrapper:nth-child(4) {
		transform: translateX(25%);
	}
	.about--team__img-wrapper:nth-child(4),
	.about--team__img-wrapper:nth-child(5) {
		display: flex;
	}
	.about--team__img-wrapper:last-child {
		transform: translateX(50%);
	}
}

/* Desktop */
@media (min-width: 1281px) {
}