/*
 Theme Name:   Solusi Bisnis Digital
 Theme URI:    https://shandykaf.com
 Description:  Kadence Child Theme
 Author:       Shandyka Febrian
 Author URI:   https://shandykaf.com
 Template:     kadence
 Version:      1.0.0
 Text Domain:  kadence-child
*/


/* GLOBAL STYLE */
:root {
  /* TYPE */
  --desktop-default-title-family: "Manrope";
  --desktop-default-title-size: 45px;
  --desktop-default-title-size-rem: 2.8125rem;
  --desktop-default-title-weight: 700;
  --desktop-default-title-style: normal;
  --desktop-default-subtitle-family: "Manrope";
  --desktop-default-subtitle-size: 20px;
  --desktop-default-subtitle-size-rem: 1.25rem;
  --desktop-default-subtitle-weight: 500;
  --desktop-default-subtitle-style: normal;
  --desktop-default-subtitle-letter-spacing: 2px;
  --desktop-default-subtitle-letter-spacing-rem: 0.125rem;
  --desktop-default-desc-family: "IBM Plex Sans";
  --desktop-default-desc-size: 15px;
  --desktop-default-desc-size-rem: 0.9375rem;
  --desktop-default-desc-weight: 400;
  --desktop-default-desc-style: normal;
  --desktop-default-desc-line-height: 147%;
  --desktop-default-category-family: "Manrope";
  --desktop-default-category-size: 18px;
  --desktop-default-category-size-rem: 1.125rem;
  --desktop-default-category-weight: 500;
  --desktop-default-category-style: normal;
  --desktop-default-menu-family: "Manrope";
  --desktop-default-menu-size: 15px;
  --desktop-default-menu-size-rem: 0.9375rem;
  --desktop-default-menu-weight: 600;
  --desktop-default-menu-style: normal;
  --desktop-default-field-family: "IBM Plex Sans";
  --desktop-default-field-size: 15px;
  --desktop-default-field-size-rem: 0.9375rem;
  --desktop-default-field-weight: 400;
  --desktop-default-field-style: normal;
  --desktop-button-default-family: "Manrope";
  --desktop-button-default-size: 16px;
  --desktop-button-default-size-rem: 1rem;
  --desktop-button-default-weight: 600;
  --desktop-button-default-style: normal;
  --desktop-button-banner-family: "Manrope";
  --desktop-button-banner-size: 18px;
  --desktop-button-banner-size-rem: 1.125rem;
  --desktop-button-banner-weight: 600;
  --desktop-button-banner-style: normal;
  --desktop-button-menu-family: "Manrope";
  --desktop-button-menu-size: 16px;
  --desktop-button-menu-size-rem: 1rem;
  --desktop-button-menu-weight: 700;
  --desktop-button-menu-style: normal;
  --desktop-button-tab-family: "Manrope";
  --desktop-button-tab-size: 15px;
  --desktop-button-tab-size-rem: 0.9375rem;
  --desktop-button-tab-weight: 600;
  --desktop-button-tab-style: normal;
  --desktop-button-cta-family: "Manrope";
  --desktop-button-cta-size: 20px;
  --desktop-button-cta-size-rem: 1.25rem;
  --desktop-button-cta-weight: 600;
  --desktop-button-cta-style: normal;
  --desktop-footer-title-family: "Manrope";
  --desktop-footer-title-size: 24px;
  --desktop-footer-title-size-rem: 1.5rem;
  --desktop-footer-title-weight: 700;
  --desktop-footer-title-style: normal;
  --desktop-footer-desc-family: "IBM Plex Sans";
  --desktop-footer-desc-size: 19px;
  --desktop-footer-desc-size-rem: 1.1875rem;
  --desktop-footer-desc-weight: 400;
  --desktop-footer-desc-style: normal;
  --desktop-footer-desc-line-height: 147%;
  --desktop-footer-copyright-family: "IBM Plex Sans";
  --desktop-footer-copyright-size: 13px;
  --desktop-footer-copyright-size-rem: 0.8125rem;
  --desktop-footer-copyright-weight: 400;
  --desktop-footer-copyright-style: normal;
  --desktop-footer-copyright-line-height: 147%;
  --desktop-banner-title-family: "Manrope";
  --desktop-banner-title-size: 74px;
  --desktop-banner-title-size-rem: 4.625rem;
  --desktop-banner-title-weight: 800;
  --desktop-banner-title-style: normal;
  --desktop-banner-title-line-height: 86px;
  --desktop-banner-title-line-height-rem: 5.375rem;
  --desktop-banner-desc-family: "IBM Plex Sans";
  --desktop-banner-desc-size: 26px;
  --desktop-banner-desc-size-rem: 1.625rem;
  --desktop-banner-desc-weight: 400;
  --desktop-banner-desc-style: normal;
  --desktop-cta-title-family: "Manrope";
  --desktop-cta-title-size: 30px;
  --desktop-cta-title-size-rem: 1.875rem;
  --desktop-cta-title-weight: 500;
  --desktop-cta-title-style: normal;
  --desktop-cta-desc-family: "IBM Plex Sans";
  --desktop-cta-desc-size: 18px;
  --desktop-cta-desc-size-rem: 1.125rem;
  --desktop-cta-desc-weight: 400;
  --desktop-cta-desc-style: normal;
  --desktop-cta-desc-line-height: 147%;
  --desktop-card-title-family: "Manrope";
  --desktop-card-title-size: 22px;
  --desktop-card-title-size-rem: 1.375rem;
  --desktop-card-title-weight: 700;
  --desktop-card-title-style: normal;
  --desktop-card-title-2-family: "Manrope";
  --desktop-card-title-2-size: 18px;
  --desktop-card-title-2-size-rem: 1.125rem;
  --desktop-card-title-2-weight: 600;
  --desktop-card-title-2-style: normal;
  --desktop-card-desc-family: "IBM Plex Sans";
  --desktop-card-desc-size: 18px;
  --desktop-card-desc-size-rem: 1.125rem;
  --desktop-card-desc-weight: 400;
  --desktop-card-desc-style: normal;
  --mobile-default-title-family: "Outfit";
  --mobile-default-title-size: 25px;
  --mobile-default-title-size-rem: 1.5625rem;
  --mobile-default-title-weight: 600;
  --mobile-default-title-style: normal;
  --mobile-default-subtitle-family: "Outfit";
  --mobile-default-subtitle-size: 16px;
  --mobile-default-subtitle-size-rem: 1rem;
  --mobile-default-subtitle-weight: 500;
  --mobile-default-subtitle-style: normal;
  --mobile-default-subtitle-letter-spacing: 1.6px;
  --mobile-default-subtitle-letter-spacing-rem: 0.1rem;
  --mobile-default-desc-family: "Spline Sans";
  --mobile-default-desc-size: 14px;
  --mobile-default-desc-size-rem: 0.875rem;
  --mobile-default-desc-weight: 400;
  --mobile-default-desc-style: normal;
  --mobile-default-desc-line-height: 147%;
  --mobile-default-category-family: "Outfit";
  --mobile-default-category-size: 16px;
  --mobile-default-category-size-rem: 1rem;
  --mobile-default-category-weight: 500;
  --mobile-default-category-style: normal;
  --mobile-default-menu-family: "Outfit";
  --mobile-default-menu-size: 14px;
  --mobile-default-menu-size-rem: 0.875rem;
  --mobile-default-menu-weight: 400;
  --mobile-default-menu-style: normal;
  --mobile-default-field-family: "Spline Sans";
  --mobile-default-field-size: 14px;
  --mobile-default-field-size-rem: 0.875rem;
  --mobile-default-field-weight: 400;
  --mobile-default-field-style: normal;
  --mobile-button-default-family: "Outfit";
  --mobile-button-default-size: 14px;
  --mobile-button-default-size-rem: 0.875rem;
  --mobile-button-default-weight: 600;
  --mobile-button-default-style: normal;
  --mobile-button-banner-family: "Outfit";
  --mobile-button-banner-size: 18px;
  --mobile-button-banner-size-rem: 1.125rem;
  --mobile-button-banner-weight: 600;
  --mobile-button-banner-style: normal;
  --mobile-button-menu-family: "Outfit";
  --mobile-button-menu-size: 14px;
  --mobile-button-menu-size-rem: 0.875rem;
  --mobile-button-menu-weight: 600;
  --mobile-button-menu-style: normal;
  --mobile-button-tab-family: "Outfit";
  --mobile-button-tab-size: 14px;
  --mobile-button-tab-size-rem: 0.875rem;
  --mobile-button-tab-weight: 600;
  --mobile-button-tab-style: normal;
  --mobile-button-cta-family: "Outfit";
  --mobile-button-cta-size: 16px;
  --mobile-button-cta-size-rem: 1rem;
  --mobile-button-cta-weight: 600;
  --mobile-button-cta-style: normal;
  --mobile-footer-title-family: "Outfit";
  --mobile-footer-title-size: 23px;
  --mobile-footer-title-size-rem: 1.4375rem;
  --mobile-footer-title-weight: 700;
  --mobile-footer-title-style: normal;
  --mobile-footer-desc-family: "Spline Sans";
  --mobile-footer-desc-size: 14px;
  --mobile-footer-desc-size-rem: 0.875rem;
  --mobile-footer-desc-weight: 400;
  --mobile-footer-desc-style: normal;
  --mobile-footer-desc-line-height: 147%;
  --mobile-footer-copyright-family: "Spline Sans";
  --mobile-footer-copyright-size: 11px;
  --mobile-footer-copyright-size-rem: 0.6875rem;
  --mobile-footer-copyright-weight: 400;
  --mobile-footer-copyright-style: normal;
  --mobile-footer-copyright-line-height: 147%;
  --mobile-banner-title-family: "Outfit";
  --mobile-banner-title-size: 28px;
  --mobile-banner-title-size-rem: 1.75rem;
  --mobile-banner-title-weight: 600;
  --mobile-banner-title-style: normal;
  --mobile-banner-title-family: "Outfit";
  --mobile-banner-title-size: 18px;
  --mobile-banner-title-size-rem: 1.125rem;
  --mobile-banner-title-weight: 500;
  --mobile-banner-title-style: normal;
  --mobile-banner-title-letter-spacing: 1.44px;
  --mobile-banner-title-letter-spacing-rem: 0.09rem;
  --mobile-banner-desc-family: "Spline Sans";
  --mobile-banner-desc-size: 16px;
  --mobile-banner-desc-size-rem: 1rem;
  --mobile-banner-desc-weight: 400;
  --mobile-banner-desc-style: normal;
  --mobile-cta-title-family: "Outfit";
  --mobile-cta-title-size: 22px;
  --mobile-cta-title-size-rem: 1.375rem;
  --mobile-cta-title-weight: 500;
  --mobile-cta-title-style: normal;
  --mobile-cta-desc-family: "Spline Sans";
  --mobile-cta-desc-size: 16px;
  --mobile-cta-desc-size-rem: 1rem;
  --mobile-cta-desc-weight: 400;
  --mobile-cta-desc-style: normal;
  --mobile-cta-desc-line-height: 147%;

  /* COLORS */
  --blue-default: #1681ff;
  --blue-border: #a2cdff;
  --blue-background: #f1f8ff;
  --blue-dark: #005cc9;
  --yellow-default: #fad03d;
  --yellow-border: #fdecb1;
  --yellow-background: #fffcf4;
  --yellow-dark: #e5b306;
  --red-default: #f43232;
  --red-border: #fbadad;
  --red-background: #fff3f3;
  --red-dark: #ce0b0b;
  --green-default: #21cf32;
  --green-border: #a6ecad;
  --green-background: #f2fcf3;
  --green-dark: #168d22;
  --black-default: #1e1e1e;
  --black-paragraph: #575757;
  --grey-border: #cecece;
  --grey-background: #e3e3e3;
  --grey-background-2: #ededed;
  --grey-background-3: #f5f5f5;
  --grey-background-4: #d9d9d9;
  --grey-background-5: #fafafa;
  --white-default: #ffffff;
  --white-transparent: rgba(255 255 255 / 0);
  --white-20: rgba(255 255 255 / 0.2);
  --white-80: rgba(255 255 255 / 0.8);
  --white-10: rgba(255 255 255 / 0.1);

  /* GRADIENTS */
  --black-gradient-stop-1-color: #1e1e1e;
  --black-gradient-stop-1-position: 0%;
  --black-gradient-stop-2-color: #575757;
  --black-gradient-stop-2-position: 100%;

  /* SHADOWS */
  --default-small: 0 7px 15px 0 rgba(0 0 0 / 0.14);
  --default-medium: 0 9px 20px -4px rgba(0 0 0 / 0.15);
  --default-large: 0 15px 29px -8px rgba(0 0 0 / 0.22);
	
  /* VARIABLE COLLECTION */
  --gap-section-gap-section-40: 40px;
  --gap-section-gap-section-40-rem: 2.5rem;
  --border-radius-border-radius-10: 10px;
  --border-radius-border-radius-10-rem: 0.625rem;
  --border-radius-border-radius-20: 20px;
  --border-radius-border-radius-20-rem: 1.25rem;
  --border-radius-border-radius-16: 16px;
  --border-radius-border-radius-16-rem: 1rem;
  --border-radius-border-radius-8: 8px;
  --border-radius-border-radius-8-rem: 0.5rem;
  --border-radius-border-radius-rounded: 100;
  --gap-section-gap-section-10: 10px;
  --gap-section-gap-section-10-rem: 0.625rem;
  --gap-section-gap-section-50: 50px;
  --gap-section-gap-section-50-rem: 3.125rem;
  --gap-section-gap-section-16: 16px;
  --gap-section-gap-section-16-rem: 1rem;
  --gap-section-gap-section-70: 70px;
  --gap-section-gap-section-70-rem: 4.375rem;
  --padding-section-padding-section-100: 100;
  --padding-section-padding-section-120: 120px;
  --padding-section-padding-section-120-rem: 7.5rem;
  --padding-section-padding-section-90: 90px;
  --padding-section-padding-section-90-rem: 5.625rem;
  --gap-section-gap-section-30: 30px;
  --gap-section-gap-section-30-rem: 1.875rem;
  --gap-section-gap-section-20: 20px;
  --gap-section-gap-section-20-rem: 1.25rem;
  --padding-section-padding-section-70: 70px;
  --padding-section-padding-section-70-rem: 4.375rem;
}


/* SAMPLE CODE */
.sample-code .for-global-styles {
	font-family: var(--default-title-family);
	font-size: var(--default-title-size);
	font-weight: var(--default-title-weight);
}


/* BODY */

.single-content h1.elementor-heading-title,
.single-content h2.elementor-heading-title,
.single-content h3.elementor-heading-title,
.single-content h4.elementor-heading-title,
.single-content h5.elementor-heading-title,
.single-content h6.elementor-heading-title {
	margin-bottom: 0 !important;
}

.single-content p:last-child,
p:last-child {
    margin-bottom: 0px !important;
}

.single-content p:not(:last-child),
p:not(:last-child) {
    margin-bottom: 15px !important;
}

p:first-child {
    margin-top: 0px !important;
}

.single-content ul,
.single-content ol {
    margin: 0 0 0px;
}

.aspect-ratio-1-1,
.aspect-ratio-1-1 img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.elementor-button:hover {
	box-shadow: none !important;
}

.text-linier-black .elementor-heading-title {
	background: linear-gradient(180deg, #1E1E1E 0%, #9E9E9E 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.container-bg-white:before {
	background-image: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.4) 50%, #FFF 100%) !important;
}

.container-bg-white-70:before {
	background-image: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.7) 50%, #FFF 100%) !important;
}

/* IMAGE SINGLE POST */

.article-post-thumbnail .post-top-featured.wp-post-image {
	width : 100%;
	object-fit :cover;
	aspect-ratio : 3/2;
}


/* BANNER */

.banner-text img {
	display: inline;
	margin: 0px 5px -8px 10px;
	width: 74px;
	transform: rotate(15deg);
}

.banner-text span {
	-webkit-text-fill-color: var(--yellow-default);
	color: var(--yellow-default) !important;
}


/* HEADER */

.header-menu-container {
	position: fixed;
/* 	top: 80px; */
	top: 50px;	
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: top 0.3s ease;
	z-index: 999;
}

.header-menu-container {
	backdrop-filter: blur(4.5px);
}

.header-menu .jet-mega-menu-list {
	align-items: center !important;
}

.btn-head a {
	padding: 14px 30px;
	background: var(--black-default);
	border-radius: var(--border-radius-border-radius-10);
}

.btn-head a:hover {
	background: var(--white-default);
	color: var(--white-default) !important;
}

.btn-head a .jet-mega-menu-item__label,
.btn-head a .jet-menu-label{
	color: var(--white-default) !important;
}

.btn-head a:hover .jet-mega-menu-item__label {
	color: var(--black-default) !important;
}


/* FOOTER */

.footer-text-carousel img {
/* 	height: 800px; */
	object-fit: contain;
	opacity: 0.1;
/* 	transform: rotate(270deg); */
}

.footer-text-carousel .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
	pointer-events: none;
	cursor: default;
}


/* BUTTON - STICKY WHATSAPP BUTTON  */

.wa-button {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999999;
}

.wa-button a {
	display: flex;
	flex-direction: row;
	align-items: center;
	column-gap: 5px;
	background: linear-gradient(to top, #29b43f, #60d36b);
	color: #fff !important;
	width: auto;
	height: 50px;
	padding: 0 20px;
	border-radius: 100px;
	position: relative;
	text-align: center;
	font-size: 35px !important;
	transition: all 0.2s ease-in-out;
	box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.35);
	outline: none;
	text-decoration: none;
}

.wa-button a:hover {
	transform: scale(0.9);
	text-decoration: none !important;
}

.wa-button a img {
	width: 20px;
	height: auto;
	margin: auto;
	text-decoration: none;
	z-index: 888;
	transition: all 0.2s ease-in-out;
	text-shadow: 0 2px 5px rgba(20, 113, 34, 0.5);
}

.wa-button a:hover img {
	text-shadow: 0 0 0 rgba(20, 113, 34, 0.5);
	text-decoration: none;
}

.wa-button a span {
	font-size: 16px;
}

@keyframes ring-animation {
	0%,90% {transform: scale(1) rotate(0deg);}
	92%,94% {transform: scale(1.2) rotate(-5deg);}
	94%,96% {transform: scale(1.2) rotate(5deg);}
	96%,98% {transform: scale(1.2) rotate(-4deg);}
	98%,100% {transform: scale(1.2) rotate(4deg);}
	100% {transform: scale(1) rotate(0deg);}
}

/* WHY US */

.why-list:hover img {
	filter: grayscale(100%);
}


/* LIST - ARTICLE */

.img-article img {
	aspect-ratio: 4/3;
	object-fit: cover;
}


/* LIST - SERVICE */

/* .list-service .list-btn-service,
.list-service .list-btn-service .elementor-button-wrapper,
.list-service .list-btn-service a {
	height: auto;
	transition: 0.3s all ease;
}

.list-service:hover .list-btn-service,
.list-service:hover .list-btn-service .elementor-button-wrapper,
.list-service:hover .list-btn-service a {
	height: 100%;
}

.list-service:hover .list-btn-service a {
	border-radius: 20px !important;
} */


/* DESKTOP */
@media (min-width: 1280px) {
    /* FOOTER */
    .site-middle-footer-wrap .site-container {
        padding: 0 !important;
    }
	
	/* SINGLE POST */
	body.single-post .content-container.site-container {
		max-width: 950px !important;
	}
	
	body.single-post .entry.single-entry {
		border-radius: 20px;
		box-shadow: none !important;
	}
	
	body.single-post .content-area {
		margin-top: 150px;
		margin-bottom: 120px;
	}
	
	body.single-post .post-thumbnail-inner img {
		border-radius: 16px;
	}
}


/* TABLET */
@media (min-width: 768px) and (max-width: 1279px) {}


/* MOBILE */
@media (max-width: 767px) {
	/* 	HEADER */
	.header-menu-container {
		top: 20px;
	}
	
	.jet-mobile-menu__controls {
/* 		display: none !important; */
	}
	
	/* 	FOOTER */
	.site-middle-footer-wrap .site-middle-footer-inner-wrap {
		/* grid-template-columns: none !important; */
    }
	
	/* BUTTON - STICKY WHATSAPP BUTTON */
	.wa-button {
		bottom: 10px;
		right: 10px;
	}
	
	/* BANNER */

	.banner-text img {
		width: 40px;
	}
	
	/* LIST ARTIKEL HOME */
	.list-artikel-home .jet-listing-grid__item:last-child {
		display: none;
	}
}