:root {
--color-primary: #8942FE;
--color-secondary: #1F1F25;
--color-blue: #0b4df5;
--color-sky: #82b440;
--color-body: #5D666F;
--color-heading-1: #1C2539;
--color-title: #141416;
--color-heading-dark: #141416;
--transition: .3s;
--bg-dark-1: #1E1E20;
--color-white: #fff;
--color-border: #DDD8F9;
--border-width: 1px;
--radius: 10px;
--color-success: #3EB75E;
--color-danger: #FF0003;
--color-warning: #FF8F3C;
--color-info: #1BA2DB;
--color-facebook: #3B5997;
--color-twitter: #1BA1F2;
--color-youtube: #ED4141;
--color-linkedin: #0077B5;
--color-pinterest: #E60022;
--color-instagram: #C231A1;
--color-vimeo: #00ADEF;
--color-twitch: #6441A3;
--color-discord: #7289da;
--p-light: 300;
--p-regular: 400;
--p-medium: 500;
--p-semi-bold: 600;
--p-bold: 700;
--p-extra-bold: 800;
--p-black: 900;
--s-light: 300;
--s-regular: 400;
--s-medium: 500;
--s-semi-bold: 600;
--s-bold: 700;
--s-extra-bold: 800;
--s-black: 900;
--transition: 0.3s;
--font-primary: "Red Hat Display", serif;
--font-secondary: "DM Sans", serif;
--font-3: "fontawesome";
--font-size-b1: 16px;
--font-size-b2: 15px;
--font-size-b3: 22px;
--line-height-b1: 26px;
--line-height-b2: 26px;
--line-height-b3: 1.7;
--h1: 60px;
--h2: 48px;
--h3: 30px;
--h4: 26px;
--h5: 24px;
--h6: 18px;
}

.myicon {
	color: #9f69f9;
}

/* Default tanpa margin di mobile */
.footer-one-single-wized {
	margin-left: 0;
}

/* Kasih margin kiri mulai ukuran layar lg (>= 992px) */
@media (min-width: 992px) {
	.footer-one-single-wized {
		margin-left: 80px; /* bisa ganti sesuai kebutuhan */ !important;
	}
}

.link-address {
	display: inline-block;   /* biar bisa diatur width */
	width: 180px;            /* atur panjang maksimal link */
	word-wrap: break-word;   /* biar teks panjang otomatis turun */
	white-space: normal;     /* teks boleh pindah baris */
}

pre.disc {
	margin: 0;        /* hilangkan margin */
	padding: 0;       /* opsional, kalau mau tanpa padding */
	white-space: pre-wrap; /* biar teks tetap wrap kalau panjang */
}

.navlink {
	color: #8942FE !important;
}

.thumb-square {
	width: 100%;
	max-width: 60px;    /* batas lebar maksimum */
	aspect-ratio: 1 / 1; /* tinggi otomatis sama dengan lebar */
	object-fit: cover;   /* menjaga proporsi gambar */
	border-radius: 10px; /* opsional */
	display: block;
}

.mypagination.custom-pagination {
	display: inline-block;
	margin-top: 20px;
	padding-left: 0;
	list-style: none;
	background-color: transparent;
}
.mypagination.custom-pagination li {
	display: inline;
	margin-right: 10px;
}
.mypagination.custom-pagination li a,
.mypagination.custom-pagination li span {
	color: var(--color-title);
	text-decoration: none;
	border-radius: 15px;
	padding: 10px;
	background-color: white;
	font-weight: 700;
	border: 1px solid var(--color-border);
}

.mypagination.custom-pagination li a:hover,
.mypagination.custom-pagination li span:hover {
	background-color: var(--color-primary);
	color: #fff;
	font-weight: 700;
	width: 40px;
	height: 40px;
}
.mypagination.custom-pagination .active span {
	background-color: var(--color-primary);
	color: #fff;
	padding: 10px;
	border-color: white;
}
.mypagination.custom-pagination .disabled span {
	color: white;
	padding: 10px;
	background-color: #EBEBEB;
	border-color: #EBEBEB;
}

.myvideo-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	padding-top: 56.25%; /* Rasio 16:9 */
}
.myvideo-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}