/*
Theme Name: Targetify
Theme URI: https://cozythemes.com/targetify-free-wordpress-theme-for-digital-agency/
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: Meet Targetify, a dynamic WordPress theme derived from the robust FotaWP, redefines website creation for digital agencies, startups, marketing agency and corporate businesses. With block-based full site editing capabilities and a sleek, minimalist design, Targetify offers unparalleled versatility for creating captivating online presences. Whether for a tech company, counseling service, marketing agency or consulting firm, Targetify empowers users to effortlessly showcase their brand and services with finesse, making it the ultimate solution for crafting compelling agency websites. Explore more about Targetify at https://cozythemes.com/targetify-free-wordpress-theme-for-digital-agency/
Template: fotawp
Version: 1.0.1
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: targetify
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
*/
.wp-block-buttons.fotaagency-buttons-with-icon .wp-block-button__link img {
  margin-bottom: -8px;
}
nav.wp-block-navigation ul li a:hover,
.wp-block-button.is-style-outline a:hover {
  color: #A472D7 !important;
}
.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a {
  text-decoration: underline;
}
.wp-block-cover.targetify-portfolio-box {
  background: #000;
}

.wp-block-cover.targetify-portfolio-box:hover .wp-block-cover__image-background {
  transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  opacity: 0.3;
}
.wp-block-button.is-style-button-hover-secondary-bgcolor a.wp-block-button__link.wp-element-button:hover {
  border-color: var(--wp--preset--color--secondary) !important;
}
.wp-block-button.is-style-button-hover-primary-bgcolor a.wp-block-button__link.wp-element-button:hover {
  border-color: var(--wp--preset--color--primary) !important;
}
.wp-block-group.banner-cta {
  margin-top: -370px !important;
  position: relative;
}
.wp-block-group.targetify-banner-section {
  background-size: 100% 100% !important;
  background-position: right top;
}
.wp-block-cover.targetify-team-box {
  position: relative;
  overflow: hidden;
}
.wp-block-cover.targetify-team-box ul.wp-block-social-links {
  transition: all ease 0.23s;
  opacity: 0;
  transform: translateY(30px);
}
.wp-block-cover.targetify-team-box:hover ul.wp-block-social-links {
  transform: translateY(0px);
  opacity: 1;
}
.wp-block-cover.targetify-team-box span.wp-block-cover__background {
  transition: all ease 0.23s;
}
.wp-block-cover.targetify-team-box:hover span.wp-block-cover__background {
  opacity: 0.5;
}
.wp-block-cover.targetify-team-box:hover img.wp-block-cover__image-background {
  transform: scale(1.1);
}


/* 
 * CUSTOMIZE 
 * */

/* PENGURUS */
.img-pengurus {
	overflow: hidden;
	transition: all ease 0.23s;
	cursor: pointer;
	border-radius: 20px;
}
.img-pengurus:hover img {
	transform: scale(1.1);
}
/* END PENGURUS */


/* button */
.btn-purple a {
	background-color: rgb(164,114,215);
}

.btn-purple a:hover {
	background-color: rgb(164,114,215);
}

.container-pilar-bullet {
	position: relative;
	overflow: hidden;
}

.container-pilar-bullet::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 18px;
  width: 25px;
  height: 25px;
  background-image: url("/wp-content/uploads/2026/03/pilar-bulletin.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1;
}

.btn-pilar {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;	
}

.btn-pilar:hover {
	transform: scale(1.1)
}

.btn-pilar::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background-image: url("/wp-content/uploads/2026/03/timeline-dot.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(45deg);
  opacity: 0.5;
}

.btn-pilar-is-not-active {
	background-color: #f9f9f9!important;	
}

.btn-pilar-is-active {
	background-color: #F5EAFF!important;
}

/* end button */

body.home .display-none {
	display:none;
}

.display-block {
	display: block;
}


/* FONT */
.playfair-bold {
	font-family: playfair-bold!important;	
}
/* END FONT */

.btn-custom {
	padding: 8px 25px;
	width: auto;
}

/* INPUT SEARCH */
.wp-block-search__button.wp-element-button {
	background-color: #A472D7!important;
	border-radius: 20px!important;
}

.wp-block-search__input {
	outline: none;
	border-radius: 20px;
}
/* END INPUT SEARCH */

/* BERITA */
.berita-item a {
	text-decoration: none!important;
}
/* END BERITA */

/* PROGRAM KAMI */
.cs-item-program-kami {
	border: 1px solid #fecef5;
	border-radius: 20px;
	padding: 20px;
	color: #fff;
	width: 250px!important;
}

/* Jadikan card flex column */
.cs-group-program-kami {
    display: flex;
    flex-direction: column;
}

/* Dorong button ke bawah */
.cs-group-program-kami .wp-block-buttons {
    margin-top: auto;
}

.cs-program-kami .cb-button-prev.swiper-button-prev,
.cs-program-kami .cb-button-next.swiper-button-next {
    background: white;
    padding: 10px;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    font-size: 10px;
}

.cs-program-kami .cb-button-prev.swiper-button-prev::after,
.cs-program-kami .cb-button-next.swiper-button-next::after{
	font-size: 16px;
    padding: 5px;
    color: #a472d7;
}

/* END PROGRAM KAMI */

.btn-submit button {
	border-radius: 50px!important;
	background-color: #A472D7!important;
	padding: 2px 20px !important;
	min-height: 50px !important;
	max-height: 50px !important;
}

.group-200 {
  max-height: 500px;
  width: 100%;
  overflow: hidden;
}

.group-200::after{
	  content: "";
  	position: absolute;
  	inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,1) 10%,
    rgba(255,255,255,0.6) 20%,
    rgba(255,255,255,0.4) 30%,
    rgba(255,255,255,0) 40%
  );
  pointer-events: none;
}

.group-200 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}


.gs_logo_area p {
	margin: 0px;
}

.gs_logo_single {
	height: 300px!important;
}

#gs_logo_area_49 {
	margin-top: 0px;
}

.horizontal-loop {
    position: relative;
}

.horizontal-loop ul {
    display: flex;
    overflow: hidden;
    gap: 40px;
    padding: 20px 60px;
    scroll-behavior: smooth;
}

.horizontal-loop li {
    list-style: none;
    min-width: 30%;
}

.icon-box {
	margin-bottom: -50px;
    position: relative;
    z-index: 2;
}

.program-kami-row {
	justify-content: center;
}
.program-kami-item{
	display: flex;
    flex-direction: column;
	max-width: 280px;
}

.margin-top-auto {
	margin-top: auto;
}

.margin-top-0 {
	margin-top: 0px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-minus-15 {
	margin-top: -15px!important;
}

.margin-bottom-0 {
	margin-bottom: 0px!important;
}

.margin-bottom-10 {
	margin-bottom: 10px!important;
}


.berita-srikandi-slider li {
	cursor: pointer;
}

.slider-container {
    position: relative;
}

.custom-card-slider ul {
    display: flex;
    overflow: hidden;
    gap: 40px;
    padding: 0 40px; /* space for arrows */
}

.custom-card-slider li {
	min-width: 30%;
	margin-top: 0px;
	cursor: pointer;
}

.fotawp-scrollto-top a::hover {
	background: red!important;
	background-color: white!important;
}


/* Arrow Style */
.nav-left,
.nav-right {
    position: absolute;
    top: 40%; /* adjust vertically */
    transform: translateY(-50%);
    background: transparent;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
	margin-top: 0px;
}

/* Close to slider edges */
.nav-left {
    left: 10%;
}

.nav-right {
    right: 10%;
}

.nav-left img,
.nav-right img {
    width: 50px;
}

.text-justify {
	text-align: justify;
}

.batik-section {
  position: relative;
  overflow: hidden;
}

/* Top Left Ornament */
.batik-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background-image: url("/wp-content/uploads/2026/02/BATIK.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
}

/* Bottom Right Ornament */
.batik-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 200px;
  background-image: url("/wp-content/uploads/2026/02/BATIK.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
}

.btn-primary a {
	padding: 8px 25px;
    border-radius: 20px!important;
    font-size: 14px;
    background: linear-gradient(to right, #8455A6 45%, #D2CBE8);
	margin-top: auto;
}


/* PLUGINS */
.gs_logo_area .swiper-button-next, .gs_logo_area .swiper-button-prev {
	background-color: rgb(164 114 215)!important;
	height: 50px!important;
	width: 50px!important;
	margin-top: -50px!important;
}

.gs_logo_area .swiper-button-next svg, .gs_logo_area .swiper-button-prev svg {
	fill: #ffffff!important;
	width: 14px!important;
}

.gs_logo_area.carousel_nav_pos--left-right .swiper-button-next, .gs_logo_area.carousel_nav_pos--left-right .swiper-button-prev, .gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-next, .gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-prev {
	opacity: 1!important;
	visibility: visible!important;
}

.swiper-button-prev {
    left: -75px!important;
}

.swiper-button-next {
	right: -75px!important;
}

/* PAGINATION */
/* === WRAPPER === */
.wp-block-query-pagination {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 40px;
    flex-wrap: wrap;
}

/* === NUMBER CONTAINER === */
.wp-block-query-pagination-numbers {
    display: flex;
    gap: 5px;
}

/* === BASE STYLE === */
.wp-block-query-pagination a.page-numbers,
.wp-block-query-pagination span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 14px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* === NORMAL STATE === */
.wp-block-query-pagination a.page-numbers {
    background: #f1f3f7;
    color: #333;
}

/* === HOVER EFFECT === */
.wp-block-query-pagination a.page-numbers:hover {
    background: #A472D7;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* === ACTIVE PAGE === */
.wp-block-query-pagination .current {
    background: #A472D7;
    color: #fff;
    box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

/* === DOTS === */
.wp-block-query-pagination .dots {
    background: transparent;
    font-size: 16px;
}

/* === NEXT BUTTON === */
.wp-block-query-pagination-previous, .wp-block-query-pagination-next {
    padding: 4px 12px;
    border-radius: 50px;
    background: #f1f3f7;
    color: #333 !important;
    text-decoration: none!important;
    font-weight: 400;
    transition: 0.3s ease;
	font-size: 14px!important;
}

.wp-block-query-pagination-previous:hover, .wp-block-query-pagination-next:hover {
    background: #A472D7;
	color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.2);
}
/* END PAGINATION */


/* TIMELINE */

.timeline:not(.timeline--horizontal)::before {
	background-color: #fecef5!important;	
}

.timeline--mobile:before{
	left: 20px!important;
}

.timeline__item:after {
    background-image: url(/wp-content/uploads/2026/03/timeline-dot.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    content: "";
    height: 20px;
    position: absolute;
    right: -30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 0;
    width: 60px;
    height: 60px;
    z-index: 2;
    transform: rotate(45deg);
	border:0px!important;
	background-color: transparent!important;
}

.timeline__item--right:after {
	left: -30px!important;
}

.timeline--mobile .timeline__item:after{
	left:-8px!important;	
}

.timeline__content {
	border: 0px;
	padding-top: 5px;
}

.content_vertical_default:not(.timeline--mobile) .timeline__item--left .timeline__content p.title {
	text-align: right;	
}

.timeline__content p.title {
	font-weight:600!important;
	font-size:20px!important;
}

.timeline__content p {
	color: #8455a6!important;
}

.timeline__content p:not(.title){
	border: 2px solid #d9b4ee!important;
	padding: 20px;
	border-radius: 20px;
	text-align:justify;
}

.timeline__content p:not(.title):hover{
	transform: translateY(-12px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.timeline__content:before,
.timeline__content:after {
	border: 1px solid #d9b4ee!important;
	width: 20px!important;
	top: 20px!important;
}

/* .timeline__items {
 	padding-top: 10px;
	padding-bottom: 10px;
}

.timeline__item::after {
	border: 5px solid #fecef5!important;	
}

.timeline__content {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
	text-align: justify;
}

.timeline__content .title {
	color: #8455A6!important;
}

.timeline__content:hover {
    transform: translateY(-12px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.timeline__content p {
	font-weight:300!important;
	font-size:14px!important;
	color: #767682!important;
}

.timeline__content p.title {
	font-weight:600!important;
	font-size:20px!important;
} */

/* END TIMELINE */

/* HERO BANNER */
.hero-banner-container img {
	width: 100%!important;
	max-height: 625px!important;
}
/* END HERO BANNER */
.w-100 {
	width: 100%!important;
}

/* TUJUAN */
.tujuan-icon-group:hover .tujuan-icon-default1 img {
	content: url(/wp-content/uploads/2026/03/collaborate-pink.png);
}

.tujuan-icon-group:hover .tujuan-icon-default2 img {
	content: url(/wp-content/uploads/2026/03/capabilities-pink.png);
}

.tujuan-icon-group:hover .tujuan-icon-default3 img {
	content: url(/wp-content/uploads/2026/03/adaptation-pink.png);
}

.tujuan-icon-group:hover .tujuan-icon-default4 img {
	content: url(/wp-content/uploads/2026/03/learning-pink.png);
}

.tujuan-icon-group:hover .tujuan-icon-default5 img {
	content: url(/wp-content/uploads/2026/03/criteria-pink.png);
}

.tujuan-icon-group:hover .tujuan-icon-default6 img {
	content: url(/wp-content/uploads/2026/03/work-life-balance-pink.png);
}

.tujuan-icon-group:hover .tujuan-icon-default7 img {
	content: url(/wp-content/uploads/2026/03/equality-pink.png);
}

/* END TUJUAN */

/* BERITA */
.berita-title,
.berita-title a{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* END BERITA */


/* FOUNDER */
.founder-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 12px 10px; /* gap between rows */
	border-color: #8455a6;
}

.founder-table table td {
    padding: 12px 16px;
    background: #8455a6;
	color: #ffffff;
}

/* strip color */
.founder-table table tbody tr:nth-child(even) td {
    background: #ffffff;
	color: #8455a6;
}

/* left rounded */
.founder-table table td:first-child {
    border-radius: 10px 10px 10px 10px;
    width: 40px;
    text-align: center;
    font-weight: bold;
}

/* right rounded */
/* .founder-table table td:last-child {
    border-radius: 0 10px 10px 0;
} */

.founder-table table td {
    border-radius: 10px 10px 10px 10px;
}

/* END FOUNDER */

/* swiper kaleidoskop */
.justify-content-space-beetwen {
	display: flex;
	flex-direction: column;
	justify-content:space-between;	
}
.kaleidoskop-swiper {
	padding: 0px;
	margin: 0px;
	height: 300px;
	border-radius: 20px;
	overflow: hidden;
}

.kaleidoskop-swiper {
	text-align: right;
}

.kaleidoskop-swiper .swiper img {
	text-align: center;
	width: auto;
	height: auto;
	height: 300px;
}
/* end swiper kaleidoskop */

a:where(:not(.wp-element-button)) {
    color: #5d2586;
    text-decoration: none;
}

@media (max-width: 1225px) {
	.cs-group-program-kami {
		min-height: 350px!important;	
	}
}

@media (max-width: 1035px) {
	.cs-group-program-kami {
		min-height: 370px!important;	
	}
}

@media (max-width: 989px) {
	.cs-group-program-kami {
		min-height: 400px!important;	
	}
}

@media (max-width: 872px) {
	.cs-group-program-kami {
		min-height: 445px!important;	
	}
}


@media (max-width: 861px) {
	.cs-group-program-kami {
		min-height: 490px!important;	
	}
}

@media (max-width: 768px) {
	/* HERO BANNER */
	.hero-banner {
		min-height: 300px!important;
		height: auto;
		width: 100%;
	}
	/* END HERO BANNER */
	
  .batik-section::before,
  .batik-section::after {
    width: 100px;
    height: 100px;
    opacity: 0.5;
  }
	
	.custom-card-slider li {
		min-width: 100%;
		margin-top: 0px;
	}
	
	.gs_logo_single {
		height: 250px!important;
	}
	
	.gs_logo_single img {
		height: 250px!important;
		width: auto!important;
	}
	
	.nav-left {
		left: 2%;
	}

	.nav-right {
		right: 2%;
	}

	.nav-left img,
	.nav-right img {
		width: 30px;
	}
	
	.group-200 {
	  max-height: 200px;
	  width: 100%;
	  overflow: hidden;
	}
	.group-200 img {
	  width: auto;
	  height: 300px!important;
	  object-fit: cover;
	  object-position: center;
	}
	
	/* PENGURUS SRIKANDI */
	.gs_logo_area .swiper-button-next, .gs_logo_area .swiper-button-prev {
		background-color: rgb(164 114 215)!important;
		height: 40px!important;
		width: 40px!important;
		margin-top: -40px!important;
	}
	
	.gs_logo_area .swiper-button-next svg, .gs_logo_area .swiper-button-prev svg {
		fill: #ffffff!important;
		width: 12px!important;
	}
	
	.hero-title {
		font-size: 30px!important;
	}
	
	.section-title {
		font-size: 24px!important;
	}
	
	.swiper-button-prev {
		left: -50px!important;
	}

	.swiper-button-next {
		right: -50px!important;
	}
	
	/* END PENGURUS SRIKANDI */
	
	/* TUJUAN */
	.tujuan-column-icon {
		flex-basis: 90px!important;
	}
	
	.tujuan-icon-group figure {
		max-width: 50px!important;	
	}
	
	.tujuan-title {
		font-size:14px!important;
	}
	.tujuan-desc {
		font-size:12px!important;
	}
	/* END TUJUAN */
	
	.cs-group-program-kami {
		min-height: 350px!important;	
	}
	
	.img-pengurus {
		min-height: 350px!important;
	}
	
	.pilar1-img,
	.pilar2-img,
	.pilar3-img{
		min-height: 200px!important;
	}
	
	
	.mobile-display-none {
		display: none!important;
	}
	
	.mobile-text-center {
		text-align: center!important;	
	}
}

@media (max-width: 495px) {
  	/* HERO BANNER */
	.hero-banner {
		min-height: 200px!important;
		height: auto;
		width: 100%;
	}
	/* END HERO BANNER */
}