/* -----------------------
 - DuniaKuis Web Main CSS
 -----------------------*/

html {
	max-width:360px;
	margin:auto;
}

body {
	font-family: 'Poppins', sans-serif;
	color: #01c8ff !important;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 700 !important;
}

p {
	font-weight:500 !important;
}

/* Navbar */
.nav-search:focus + .btn-nav-search {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	background-color: white;
	color: black;
}

.nav-search {
	position: absolute;
	top: .75rem;
	left: 3.5rem;
	background-color: white;
	outline: none;
	border: none;
	padding: 0;
	width: 0;
	z-index: 10;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}

.nav-search:focus {
	width: 70%;
	padding: 0 1.325rem 0 0;
}

.expand-right {
	left: auto;
	right: 3.5rem;
}

.expand-right:focus {
	padding: 0 0 0 1.325rem;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	font-weight: bold;
	color: #01c8ff !important;
}

/* colors */
.bg-base {
	background-color: #01c8ff;
}

.text-base {
	color: #01c8ff;
}

.btn-base {
	background-color: #01c8ff;
	color: #fff;
}

/* buttons */
.btn:hover {
	border: 1px solid;
	background-color: #fff;
	color: #01c8ff !important;
}

/* text caption */
.text-caption {
	background-color: #0000007a;
    font-size: .7rem;
    height: 35%;
    overflow-y: hidden;
    width: 100%;
    padding: .1rem .5rem;
    position: absolute;
    bottom: 0;
    color: #fff;
    line-height: 1;
}

/* text caption */
.text-caption2 {
	background-color: #0000007a;
    font-size: .7rem;
    height: 25%;
    overflow-y: hidden;
    width: 100%;
    padding: .1rem .75rem;
    position: absolute;
    bottom: 0;
    color: #fff;
    line-height: 1;
}

/* text caption */
.text-caption-news {
	background-color: #0000007a;
    font-size: .875rem;
    height: 20%;
    overflow-y: hidden;
    width: 100%;
    padding: .25rem;
    position: absolute;
    bottom: 0;
	left: 0;
    color: #fff;
    line-height: 1.15;
}

.p-c1{
	padding: .25rem;
}

/* pagination */
.pagination{
	--bs-pagination-color: #01c8ff !important;
	--bs-pagination-hover-color: #01c8ff !important;
	--bs-pagination-focus-color: #01c8ff !important;
	--bs-pagination-active-bg: #01c8ff !important;
	--bs-pagination-active-border-color: #01c8ff !important;
}

.pagination .page-link{
	border-radius:0 !important;
}

/* text */

.text-tiny{
	font-size: .675rem;
}