/* Custom Global style CSS
by Bobby Fajar Christian @bobbyfajarc
Started in 2024 */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* Les gauurr */
@import '../vendor/bootstrap.min.css';
@import '../vendor/owl.carousel.min.css';
@import '../vendor/ticker-style.css';
@import '../vendor/elegant-icons.css';
@import '../vendor/slick.css';
@import '../vendor/slicknav.css';
@import '../vendor/animate.min.css';
@import '../vendor/nice-select.css';
@import '../vendor/perfect-scrollbar.css';
@import '../style.css';
@import '../widgets.css';
@import '../dark.css';
@import '../responsive.css';

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("https://cdn.jsdelivr.net/npm/lightgallery/css/lightgallery.min.css");
@import url('https://cdn.jsdelivr.net/npm/plyr/dist/plyr.min.css');
@import url('https://cdn.jsdelivr.net/npm/remixicon/fonts/remixicon.min.css');
@import url('https://cdn.jsdelivr.net/npm/select2/dist/css/select2.min.css');
@import url('https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css');
@import url('https://cdn.jsdelivr.net/npm/selectize@0.12.6/dist/css/selectize.default.min.css');

.bobby {
	display: block;
}

/* Custom Scrollbar Kemendag Family*/
::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: #8C90A6;
	border-radius: 20px;
	border: 3px solid transparent;
	background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--primary);
	background: linear-gradient(57deg, var(--bs-primary) 0%, var(--bs-success) 100%);
}

/* Font Weight */
.fw-100 {
	font-weight: 100 !important;
}

.fw-200 {
	font-weight: 200 !important;
}

.fw-300 {
	font-weight: 300 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

/* Google Translate Widget */
.othermenu .right p,
#google_translate_element1 select {
	font-size: 14px;
	letter-spacing: 0.048vw;
	font-weight: 500;
}

#google_translate_element1 select {
	background: none;
	color: #fff;
	font-weight: 400;
	width: 160px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#google_translate_element1 .goog-te-gadget {
	font-family: inherit;
	font-size: 0px;
}

#google_translate_element1 .goog-te-gadget>span {
	display: none;
}

.select2,
.select2 span,
.select2-results li,
.select2-results span {
	position: relative;
	color: #020202;
	font-size: 0.8rem;
	letter-spacing: 0.032vw;
	text-align: left;
}

.select2-results span {
	display: block;
	padding: 0px 0px 0px 30px;
}

.select2-container .select2-selection--single .select2-selection__rendered span {
	padding-left: 30px;
}

.select2 .img-flag,
.select2-results .img-flag {
	position: absolute;
	top: 0px;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.select2-selection.select2-selection--single {
	background: var(--color-light2);
	border: none;
}

.goog-te-gadget .goog-te-combo {
	padding: 8px !important;
	border-radius: 8px !important;
	margin-bottom: 8px !important;
	margin: 0 !important;
	border: solid 1px var(--color-dark);
	color: var(--color-dark);
}

.select2-container--default .select2-selection--single {
	border-radius: 8px !important;
}

body>.skiptranslate,
body>.skiptranslate~div {
	display: none !important;
}

body {
	top: 0 !important;
}

.new-espagination>.active>a,
.new-espagination>.active>span,
.new-espagination>.active>a:hover,
.new-espagination>.active>span:hover,
.new-espagination>.active>a:focus,
.new-espagination>.active>span:focus {
	width: 30px;
	height: 30px;
	color: var(--bs-light) !important;
	background-color: var(--bs-primary) !important;
	z-index: 3;
	cursor: default;
	border-color: var(--bs-primary) !important;
}

footer {
	position: relative;
	overflow: visible;
	/* Change this to visible */
	z-index: 3 !important;
}

.footer-background {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../../../../brand/logo-kemendag-gradient.svg) no-repeat right top;
	background-size: contain;
	z-index: 1;
	/* Keep this lower than footer */
	opacity: 0.5;
	pointer-events: none;
	/* Disable pointer events on background */
}

/* Features */
.feature-icon {
	width: 4rem;
	height: 4rem;
	border-radius: .75rem;
}

.icon-square {
	width: 3rem;
	height: 3rem;
	border-radius: .75rem;
}

.text-shadow-1 {
	text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
}

.text-shadow-2 {
	text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
}

.text-shadow-3 {
	text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25);
}

.card-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.feature-icon-small {
	width: 3rem;
	height: 3rem;
}

.bg-none {
	background: none !important;
}