@media screen\0 {
	/* IE9 Fix for Hovered Menus since it ignores Visiblity */
	li.sfHover ul.sf-mega, li.sfHover ul.sub-menu, body #progression-studios-header-search-icon.active-search-icon-pro #panel-search-progression, body .activated-class #progression-checkout-basket { opacity:1; display:block; visibility:visible; }
	.progression-masonry-item.opacity-progression .progression-studios-isotope-animation {opacity:1;}
	body #boxed-layout-pro.progression-studios-preloader.progression-preloader-completed { opacity:1; visibility:visible; margin-top:0px; }
	
}

figure {margin: 0;}
del { opacity: 0.8; }
pre{
	display:block;
	margin-top:5px;  
	border:1px solid #e2e2e2;
	padding:15px;
	background:#f5f5f5;
	overflow:auto;
	word-wrap: break-word;
	font-size:14px;
	line-height:1.2;
	margin-bottom:25px;
	color:#606060;
}
code  {
	display:inline;
	border:1px solid #e2e2e2;
	padding:5px;
	background:#f5f5f5;
	overflow:auto;
	word-wrap: break-word;
	font-size:14px;
	line-height:1.2;
	color:#606060;
}
body .gallery-item {
	margin-top:0px;
	position:relative;
	margin-bottom:25px;	
}
body .gallery-item img {
	border:none !important;
}
body .gallery-icon {
	margin-right:10px;
	margin-left:10px;
}
body #content-pro .gallery-caption {
	position:relative;
	padding:10px 10px;
	font-weight:600;
}
.noselect {
	-webkit-touch-callout: none; 
	-webkit-user-select: none;  
	-khtml-user-select: none;  
	-moz-user-select: none;  
	-ms-user-select: none; 
	user-select: none;
}
.google-maps-pin h6 {
	margin-bottom:2px;
}
.screen-reader-text {
	display:none;
}
.wp-caption img {
	margin-bottom:5px;
}
.wp-caption-text {
	line-height:1.4;
	font-size:13px;
	font-weight:600;
}
p.wp-caption-text {
	margin-bottom:10px;
}

/* Gutenberg Specific Styles */
ul.wp-block-gallery li.blocks-gallery-item figure figcaption {
	padding-right:0px ;
	padding-left:0px;
}

blockquote.wp-block-quote p {
	margin-bottom:15px;
}
blockquote.wp-block-quote cite {
	font-size:90%;
	font-style:italic;
	opacity:0.8;
}

ul.wp-block-latest-posts  {
	text-align:left;
}

/* Styling Tombol Download Pink */
.btn-download {
  position: relative;
  display: inline-flex;
  justify-content: center; /* Penting: Horizontal center */
  padding: 12px 30px;      /* Dibuat lebih lebar biar bentuknya lonjong (rectangle) */
  background-color: #ff0063;
  color: white;
  font-family: 'Segoe UI', Arial, sans-serif; /* Font yang lebih bersih */
  font-weight: 700;        /* Lebih bold biar tegas */
  font-size: 14px;         /* Font sedikit dikecilin biar nggak luber */
  letter-spacing: 1px;     /* Sedikit spasi biar elegan */
  text-decoration: none;
	line-height: 1;
  border-radius: 6px;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 6px -1px rgba(255, 0, 99, 0.2);
  min-height: 40px;        /* Menjaga tinggi tetap konsisten */
}


/* Efek Hover */
.btn-download:hover {
  background-color: #ffffff; /* Jadi putih saat hover */
  color: #ff0063;           /* Font jadi pink saat hover */
  border: 2px solid #ff0063; /* Garisnya tetep pink */
  box-shadow: 0 10px 15px -3px rgba(255, 0, 99, 0.4);
  transform: translateY(-2px);
}
.btn-download:hover::after {
  left: 100%;
}

/* Pengaturan Group/Wadah */
.btn-group {
    display: flex;
    gap: 10px; /* Jarak antar tombol */
    width: 100%;
    justify-content: center; /* PENTING: Supaya tombol ngumpul di tengah, gak melebar */
    margin-bottom: 20px;
}

/* Memaksa lebar tombol sama rata */
.btn-group .btn-download {
    flex: 0 1 auto; /* Mengubah dari 1 jadi auto */
    text-align: center;
    padding: 8px 24px; /* Padding ini bikin tombol ramping tapi panjang ke samping */
    min-width: 100px; /* Biar tombol gak kekecilan kalau teksnya pendek */
}