/*
 Theme Name:   GP 0.1
 Theme URI:    https://generatepress.com
 Description:  taiciken.com GeneratePress child theme
 Author:       taiciken
 Author URI:   https://taiciken.com
 Template:     generatepress
 Version:      0.1
*/



:root {
	--gp-slideout-width: 20rem!important;
}
#wpadminbar #adminbarsearch .adminbar-button{
	display:none!important;
}

.required {
	color: var(--accent)!important;
}

/* ------Back to Top */
a.generate-back-to-top {
	margin-bottom: 60px!important;
	border-radius: var(--radius-m);
}

::-moz-selection { /* Code for Firefox */
  color: var(--bg-surface);
  background: var(--primary);
}

::selection {
  color: var(--bg-surface);
  background: var(--primary);
}

/* /////header */
/* #sticky-navigation {
	background: var(--primary-80);
    backdrop-filter: blur(16px);
} */
.main-navigation, 
header.site-header,
#mobile-header {
	padding: 0px var(--space-l);
}
.main-navigation ul ul li a{
	font-size: 0.9rem!important;
}
header .inside-header {
	padding-top: var(--space-xs);
	padding-right: 0;
	padding-bottom: var(--space-xs);
	padding-left: 0;
}
.navigation-branding,
.navigation-branding .main-title, 
.mobile-header-navigation .site-logo {
	margin-left: 0!important;
}

.main-navigation .main-nav ul li.menu-item-has-children[class*="current-menu-"] > a{
	color: rgb(255 255 255 / 76%)!important;
}


/* //////////submenu efect*/
#site-navigation.main-navigation .inside-navigation,
#sticky-navigation.main-navigation .inside-navigation {
	border-bottom: 1px solid var(--bg-body);
}
#site-navigation.main-navigation ul ul,
#sticky-navigation.main-navigation ul ul{
/* 	box-shadow: none; */
	padding: 10px 10px 10px 25px;
	margin-top: 0.5px;
}
#site-navigation.main-navigation .main-nav ul ul li a,
#sticky-navigation.main-navigation .main-nav ul ul li a{
	padding: 0px 0 0 20px;
	line-height: 35px;
}
.main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul{
	width: 16rem;
}	
.main-navigation .main-nav ul ul li a:before
/* ,.inside-footer-widgets .widget ul li > a:before*/
{ 
		position: absolute;
        content: "";
        top: calc(50% - 2px);
        inset-inline-start: -30px;
        width: 4px;
        height: 4px;
        left: -5px;
        opacity: 0.8;
        border-radius: var(--radius-m);
        background: var(--accent);
        transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), width 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }  
.main-navigation .main-nav ul ul li:hover a:before, #generate-slideout-menu .main-nav ul li[class*="current-menu-"] > a:before
/* , .inside-footer-widgets .widget ul li:hover > a:before  */
{
    width: 17px;
    height: 4px;
    transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), width 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }

.inside-footer-widgets .widget ul li {
	padding-left: 20px;
}

/* //////////header search */
/* .navigation-search input[type="search"], .navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus {
		width: calc(100% - 40px);
		margin: 5px 0px;
		height: 45px;
} */
@media only screen and (min-width: 866px) {
/* 	.inside-navigation {
		height: 70px;
	} */
	.navigation-search.nav-search-active {
		display: flex;
    	justify-content: flex-end;
	}
	.navigation-search input[type="search"]{
		width: 630px;
		margin: 12px 40px 12px 0;
		height: 45px!important;
	}
	.navigation-branding .main-title {
		z-index: 21;
	}
	.main-navigation .menu-bar-item.close-search > a {
	padding-right:0;
	}
	.main-navigation .menu-bar-item.search-item>a {
	padding-right: 0!important;
	padding-left: 20px;
	}
}

.close-search > a,
.gp-icon.pro-close svg{
	color:red!important;
	background: none!important;
}

/* mobile header */
.main-navigation.has-branding .menu-toggle {
	z-index: 21;
}
@media only screen and (max-width: 865px) {
/* 	.main-navigation .main-nav ul li a, */
 .main-navigation .menu-toggle, .main-navigation .mobile-bar-items a, .main-navigation .menu-bar-item > a, .navigation-branding .main-title {
        line-height: 50px!important;
    }
	.main-navigation.has-branding .menu-toggle {
	padding: 0!important;
}
.navigation-search input[type="search"]{
		width: calc(100% - 75px)!important;
	 	margin: 5px 0px; 
	 	height: 41px;
  }
	button.menu-toggle {
		padding-left: 0;
	}
 	.main-navigation ul, .gen-sidebar-nav, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
		display:none;
	} 
	 .main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) { 
		 display: block; 
	}
/* 	.main-navigation.sticky-navigation-transition .main-nav > ul > li > a, .sticky-navigation-transition .menu-toggle, .sticky-navigation-transition .navigation-branding .main-title {
        line-height: 50px;
    } */
}
/* =slide-out */
#generate-slideout-menu {
	padding: 0;
}
#generate-slideout-menu .main-nav ul li.nav-button.action a {
  margin: 45px 20px 0 20px;
	text-align:center;
}
#generate-slideout-menu.main-navigation ul ul {
	border-bottom: 1px solid rgb(255 255 255 / 27%);
	padding: 0px 25px;
	border-radius: 0;
	box-shadow:none;
	}
.slideout-overlay {
    backdrop-filter: blur(3px);
}
/*end*/

/* /////////Articles */
@media print, screen and (min-width: 64em) {
    .margin-bottom-5rem:before {
        position: absolute;
        top: 10.5rem;
        left:-1.5rem;
        background: url(https://taiciken.com/wp-content/uploads/accent-dots.svg) no-repeat 0 0;
        background-image: url(https://taiciken.com/wp-content/uploads/accent-dots.svg);
        background-position-x: 0px;
        background-position-y: 0px;
			opacity: 1;
        background-size: initial;
        background-repeat: no-repeat;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
        -webkit-background-size: 15rem 31.5rem;
        background-size: 15rem 31.5rem;
        width: 15rem;
        height: 10rem;
        content: "";
    }
}
body.blog.paged .paged.none {
	display:none;
}
/* //////////end */
/* Page Pagination */
.paging-navigation {
    margin: 0;
    background: none!important;
    text-align: center;
    font-size: 14px;
    padding: var(--space-2xl) 0!important;
}
.nav-links {
	display:flex;
	gap:10px;
	justify-content: center;
}
.paging-navigation span, 
.paging-navigation a {
	padding: 5px 10px !important;
	color: var(--primary)!important;
	border-radius: 50px;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.paging-navigation a:hover {
	text-decoration:none;
	border: 1.5px solid var(--primary-50);;
}
.paging-navigation span.current {
    border: 2px solid var(--primary);
}

.container.grid-container {
    width: auto;
    padding-left: 0;
    padding-right: 0;
}
a.prev,
a.next,
a.prev span,
a.next span {
    display: none;
}
/* //////////end */
/* /////search page */
.search h1.page-title {
	max-width: 1170px;
	margin: var(--space-m) var(--space-xl);
	font-size: var(--text-2xl);
    border-bottom: 1px solid #f1f1f1;
    display: flex;
	font-weight:normal;
    padding-bottom: 15px;
}
.search h1.page-title span{
	margin-left: 10px;
	color: var(--primary);
    font-weight: bold;
    border-bottom: 2px solid var(--primary);
}
.search h1.page-title:after {
    display: none;
}
/* .search h2 a, .archive h2 a, .blog h2 a {
	color: var(--primary);
} */
.load-more {
        display: block;
        text-align: center;
        margin-top: var(--space-2xl)!important;
        margin-bottom: var(--space-2xl)!important;
    }
.load-more a {
	margin: 0 0 0 20px;
 	background-color: var(--accent);
  	border: 1.5px solid transparent;
 	color: var(--text-title);
	font-weight: 600;
  	line-height: 45px;
  	transition: all 0.25s ease-in-out!important;
	box-shadow: var(--shadow-m);
	display: inline-flex;
	justify-content: center;
	padding: 0px 20px !important;
	border-radius: var(--radius-m)
}
.load-more a:hover {
	background-color: var(--dark);
   color: var(--white);
	border-bottom: 1.5px solid var(--accent);
   transform: translateY(-0.2rem)!important;
}
/* ////end */
/* ////////gutenberg-core */
ul.wp-block-social-links {
	margin-bottom: 0;
}
.wp-block-social-links .wp-block-social-link.wp-social-link {
	border-radius: var(--radius-2xl);
}
:root :where(.wp-block-social-links .wp-social-link a) {
    padding: 0.5em;
}
ol, ul, .dynamic-entry-content ul, .dynamic-entry-content ol {
    margin: 0 0 1.5em 1.5rem;
}
.wp-block-list li {
	margin-bottom: 0.75em;
}
.wp-block-preformatted{
	background: var(--bg-dark);
}
.wp-block-search__button.has-icon{
	border-radius:var(--radius-m)!important;
}

.breadcrumb li.breadcrumb-item.active {
	display:block;
}
.wp-block-post-comments-form .comment-reply-title {
	margin-bottom: 20px;
}
.wp-block-image {
	margin-bottom: 30px;
}
/* ////////////fluent-forms */
select,  input{
    -webkit-appearance: none;
    -moz-appearance: none;
}

select:not([multiple]):not([size]) {
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%22169%20177%2010%205%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23d4d1d0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M174%20182l5-5h-10%22%2F%3E%3C%2Fsvg%3E);
    background-position: right 15px center;
    background-repeat: no-repeat;
/*     background-size: 10px 5px;
    -webkit-padding-end: 30px;
    padding-inline-end: 30px; */
}
select:not([multiple]):not([size]):focus {
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%22169%20177%2010%205%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23334155%22%20fill-rule%3D%22evenodd%22%20d%3D%22M174%20182l5-5h-10%22%2F%3E%3C%2Fsvg%3E);
}

input[type='radio'] {
				-webkit-appearance: none;
    -moz-appearance: none;
	height: clamp(1.09375rem, 1.079rem + 0.0629vw, 1.125rem);
	width:  clamp(1.09375rem, 1.079rem + 0.0629vw, 1.125rem);
	margin-right: 4px!important;
}
input[type='radio']:checked:after {
	width:  clamp(1.09375rem, 1.079rem + 0.0629vw, 1.125rem);
  height:  clamp(1.09375rem, 1.079rem + 0.0629vw, 1.125rem);
  border-radius: 50%;
  position: relative;
  background-color: var(--accent);
  content: '';
  display: inline-block;
  visibility: visible;
  border: 4px solid var(--background);
	box-shadow: 0 0 1.3px 1.3px white;
    }

.iti__country-name{
	color: var(text-body);
}

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

.fluentform .ff-el-help-message {
	color: #888888!important;
}
/* ////////////end */



/* /////input form */
.site-content input[type=email], 
.site-content  input[type=number], 
.site-content input[type=password], 
.site-content input[type=search], 
.site-content input[type=tel],
.site-content input[type=text], 
.site-content input[type=url], 
.site-content select, textarea {
    border-radius: var(--radius-m)!important;
	color: var(--secondary-80)!important;
}

/* ////focus-visibility */
@media screen and (min-width: 900px) { :focus{
	outline: 1.5px dashed var(--primary-l-5)!important;
	outline-offset: 1.5px!important;
	}
}

:focus-visible{
	outline: 1.5px dashed var(--primary-l-5)!important;
	outline-offset: 1.5px!important;
}
.main-navigation .main-nav ul li.nav-button.action a:focus,
.main-navigation .main-nav ul li.nav-button.action a:focus-visible {
	outline: 1.5px dashed var(--primary-l-3)!important;
	outline-offset: 1.5px!important;
	background: var(--dark)!important;	
    color: var(--white)!important;
	border-bottom: 1.5px solid var(--accent);
}
.navigation-search input[type="search"]:focus,
.navigation-search input[type="search"]:focus-visible{
	background-color: white;
	color: var(--primary);
}

/* ======Dunia link */
a {
	color:inherit;
}
a:hover{
	color: var(--accent);
	text-decoration: none!important;
} 
.wp-block-comments a{
	color: var(--accent);
}

.single .dynamic-entry-content p a {
	text-decoration: underline var(--accent) 2px;
}
.gb-highlight{
	color:inherit;
	  position: relative;
  text-decoration: none; /* Menghilangkan underline default */
}
.gb-highlight a:hover{
	color: inherit;	
}
.gb-highlight::before {
  content: '';
  position: absolute;
  bottom: -1px;
  width: 100%; /* Awalnya tidak ada garis bawah */
  height: 2px;
  background-color: var(--primary);
}
.gb-highlight::after {
  content: '';
  position: absolute;
  left: 0; /* Mulai dari kiri */
  bottom: -1px;
  width: 100%; /* Garis bawah akan penuh */
  height: 2px;
  background-color: var(--accent);
  transform: scaleX(1); /* Garis bawah tidak terlihat awalnya */
  transform-origin: left; /* Mulai transformasi dari kiri */
  transition: transform 0.3s ease; /* Animasi transformasi */
}
.gb-highlight:hover::after {
  transform: scaleX(0); /* Garis bawah akan muncul dari kiri ke kanan */
  transform-origin: right; /* Mulai transformasi dari kiri */	
}

/* TOC */
#ez-toc-container {
    background: var(--light);
    border: 1px solid var(--white);
    border-radius: var(--radius-m);
    box-shadow: none;
    padding: 25px;
    width: 100%;
    margin-bottom: 40px;
}
div#ez-toc-container p.ez-toc-title {
    font-weight: bold;
	color: var(--primary);
}
#ez-toc-container ul {
    margin-top: 10px;
    padding-left: 18px;
}
div#ez-toc-container ul li {
    font-size: 100%;
    list-style: circle;
    overflow: visible;
    padding: 2px 0;
}
.ez-toc-counter nav ul li a::before{
	display:none!important;
}
#ez-toc-container a {
    color: var(--primary)!Important;
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
    font-weight: normal!important;
}
#ez-toc-container ul.ez-toc-list-level-3 {
    margin-top: 5px;
}
#ez-toc-container ul.ez-toc-list-level-3 {
    margin-left: 0;
}
#ez-toc-container ul.ez-toc-list-level-3 li a {
    font-weight: normal!important;
}
#ez-toc-container label.cssicon {
    border: none;
    margin-top: -5px;
}
#ez-toc-container .ez-toc-icon-toggle-span {
	background-color: var(--primary);
}



/* Splide Js - Pagination Static Position */
.dotbottom .splide__pagination {
	position:static;
	margin:10px 0;
}
.dotbottom .splide__pagination__page.is-active {
	background: var(--accent);
}
.splide.autoscroll{
	padding-top; 10px;
	padding-bottom; 10px;
}

/* Project Tab */
.page-id-5 .tab-content.active p.empty{
	color: var(--light);
}
/*  .continent-tabs-nav {
	display:flex;
	gap: .5rem;
	flex-wrap:nowrap;
	justify-content:center;
} */
@media (min-width: 700px) {
	.continent-tabs-nav {
	justify-content:center;
	}
}
.continent-tabs-nav {
	z-index: 1;
	margin:0 calc(var(--space-l) * -1) var(--space-xl);
	padding-left: var(--space-l);
	gap: .5rem;
	display: flex; /* atau bisa juga pakai inline-flex */
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch; /* agar smooth di iOS */
	scrollbar-width: none; /* sembunyikan scrollbar di Firefox */
}
.continent-tabs-nav::-webkit-scrollbar {
  display: none; /* sembunyikan scrollbar di Chrome/Safari */
}
.tab-item {
  flex: 0 0 auto; /* biar item tidak mengecil dan tetap dalam 1 baris */
  padding: 10px 15px;
  cursor: pointer;
}
.continent-tabs-nav li {
	list-style:none;
	color:var(--light);
	background:var(--dark);
	border-radius:50px;
	font-weight:600;
	font-size: 15px;
	line-height: 1em;
	padding:10px 25px;
	cursor:pointer;
	position:relative;
}
.continent-tabs-nav li:hover,
.continent-tabs-nav li.active {
	color:var(--dark);
	background:var(--light);
	transition: all 0.3s ease 0s;
}
.continent-tabs-content {
	margin-top:25px;
}
.countries-list {
	list-style:none;
	display:grid;
	margin:0;
/* 	row-gap: var(--space-l); */
	gap: var(--space-xl);
	grid-template-columns: repeat(auto-fit,minmax(20rem, 1fr));
}
@media (min-width: 1024px) {
	.countries-list {
	grid-template-columns: repeat(auto-fit,minmax(28rem, 1fr));
	}
}

.countries-list .country-item {
	border-radius:var(--radius-m);	
	list-style:none;
	margin-bottom: var(--space-xl);
}
.countries-list .country-item a.hover-zoom_bg {
	list-style:none;
	aspect-ratio: 1.5;
    background-blend-mode: normal;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: auto;
    min-width: 100%;
	border-radius:var(--radius-m);	
  	position: relative;
  	display: block;
  	overflow: hidden;
}
.countries-list .country-item a.hover-zoom_bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease;
  transform: scale(1);
  z-index: 0;
}
.countries-list .country-item a.hover-zoom_bg:hover::before {
  transform: scale(1.05); /* Zoom saat hover */
}
.countries-list .country-item a:hover {
	color:var(--accent);
}
.countries-list .country-item a img {}

.countries-list .country-item h3 {
	list-style:none;
	color: var(--primary);
    font-size: Var(--text-xl);
    margin-bottom: 25px;
    margin-top: 25px;
}
.countries-list .country-item .post-date {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}
.countries-list .country-item .term-details {
	display: flex;
    justify-content: space-between;
    padding-top: 25px;
    border-top: 1px solid var(--dark);
}

/*======== animasi */
.img-reveal, .box-reveal
{
	opacity: 0;
}