@font-face {
  font-family: Mulish;
  src: url("../vendor/font/mulish/static/Mulish-Regular.ttf");
}

body
{
	font-family: 'Mulish';
}

.text-limit 
{
    overflow: hidden;
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.cursor-pointer
{
	cursor: pointer;
}


.navbar-brand img
{
	height:50px;
}

.nav-link
{
	color: #000;
	font-weight: 600;
}

.nav-item:hover .nav-link
{
	color: #2B5EA8;
}

.nav-item{
    padding:10px 20px;
	transition: 0.5s; 
}

.nav-item:after{
    content: "";
    display:block;
    border-bottom:3px solid transparent;
	transition: 0.5s; 
	width:10%;
}

.nav-item:hover:after{
    content: "";
    display:block;
    width:50%;
    border-bottom:3px solid #2B5EA8;
	transition: 0.5s; 
}

@media only screen and (min-width: 991px) {
	.nav-item:after{
		margin:0 auto;
	}

	.nav-item:hover:after{
		margin:0 auto;
	}
}

.nav-cntcts a
{
	background: #008B3D; color:white;
	border-radius:5px;
	padding-left:20px !important;
	padding-right:20px !important;
	transition: 0.5s; 
}

.nav-cntcts:after{
    border:none;
}

.nav-cntcts:hover:after
{
	border:none;
}
.nav-cntcts:hover .nav-link
{
	color: #fff;
	background: #2B5EA8;
}

.bg-shape-footer
{
	background-image: url("../lib/image_footer.png"); /* The image used */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
}

.btn-medsos-footer
{
	font-size:24px; 
	color:#095d7f; 
	margin-right:5px; 
	border-radius:50%; 
	width:50px;
	height:50px;
	border:none; 
	background:white;
	text-decoration: none; 
}

.link-footer
{
	color:white;
	text-decoration:none;
}

.link-footer:hover
{
	text-decoration:underline;
}

.carousel-item{
	border-radius:25px;
	overflow:hidden;
}

.carousel-caption {
	bottom: 25%;
}

@media only screen and (max-width: 991px) {
	.carousel-caption {
		bottom: 0;
	}
}


/* START CSS Home - VISI MISI */

.bg-shape-visi
{
	background-image: url("../lib/02_visi/02.jpg"); /* The image used */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */

	min-height:300px;
}

/* END CSS Home - VISI MISI */

/* START CSS Home - Subject Matters Expert */

.bg-gradasi-blu
{
	background: linear-gradient(to bottom, #2b5ea8, #003d93);

	min-height:300px;
}

/* END CSS Home - Subject Matters Expert */