/*!
* Start Bootstrap - Half Slider (https://startbootstrap.com/template-overviews/half-slider)
* Copyright 2013-2017 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-half-slider/blob/master/LICENSE)
*/
body {
	font-family: 'Titillium Web', sans-serif;
	overflow-x: hidden; overflow-y: auto;
	background-color: #F4F2ED;
	
	
	
}

:root {
	    --colorPrimary: #004D84;  
	/*--colorPrimary: #1b5e20; */
	--colorAccent: #C8883A;
	--colorSecondary: #F9A825;
	
}

.nav-active-mod{
	color: #ff0000;
}


.new-highlights-section{
	
	
}

.highlights{
	
	
}

.top-nav-span {
	font-weight: bold;
}
.highlights .highlights-container{
	max-height: 400px !important;
	widows: 100% !important;
	overflow-y: auto;
	overflow-x:hidden;
	
}

.hightlight-details{
	/* display: block; */
	font-size: 1.3rem;
}

.highlights .horizontal-line{
	border-bottom: 3px solid var(--colorAccent);
	width:30%;
	display: block;
	float: left;
	
	
}


.highlights > h3{
	color: white;
	text-align: left;
}

.highlights-item{
	margin-top: 1rem;
	margin-right: 2rem;
}
.highlights-item img{
	width:100%;
	height: 100%;
}
.highlights-head{
	color: white;
	
}
.highlights-item h2{
	font-size:18px;
	padding:0;
}


.highlights-item p {
	font-size: 14px;
	margin-top:-5px;
	color: #8d8d8d;
	color:var(--colorAccent);
	font-style: italic;
	padding:0;
	
}
.bold{
	font-weight: bold;
}


.an .horizontal-line{
	border-bottom: 3px solid var(--colorAccent);
	width:30%;
	display: block;
	float: left;
	
	
}


.an{
	
}

.an .an-container{
	max-height: 400px !important;
	widows: 100% !important;
	overflow-y: auto;
	overflow-x:hidden;
	
}

#style-15::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}

#style-15::-webkit-scrollbar
{
	width: 7px;
	
	background-color: #F5F5F5;
}

#style-15::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,
	40% 0%,
	75% 84%,
	from(rgb(170, 91, 17)),
	to(rgb(117, 95, 74)),
	color-stop(.6,#D68437))
}

.an > h3{
	color: white;
	text-align: left;
	
}
.an-item{
	margin-top: 1.2rem;
	
	
	
}
.an-item .title{
	font-size: 1rem;
	color: white;
	display: inline-block;;
	
}

.more-info{
	border: 1px solid white;
	font-size: 0.8rem;
	display: inline;
	
	color: white !important;	
}

.more-info:hover{
	
	border: none;
	background-color: var(--colorAccent);
	cursor: pointer;
	color: white;
}

.more-info a{
	color:white;
	font-style: italic !important;
}

.more-info a:hover{
	color: white;
}



.back-hover{
	
	background-size: cover;
	background-attachment: fixed;
	
	
}

.shortcuts{
	
	
	
}

.shortcut a{
	color: black !important;
}
.shortcut a:hover{
	color: black !important;
}
.shortcut-overlay{
	background-color: 	rgba(251, 192, 45, 0.5);
}

.shortcut-item{
	background-color: white;	
	-webkit-box-shadow: 0px 1px 5px 0px rgba(168,168,168,1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(168,168,168,1);
	box-shadow: 0px 1px 5px 0px rgba(168,168,168,1);
	
	display: table;
	height: 300px;
	
	
	
}

.welcome-note{
	
	
	
}


.welcome-note img {
	border-radius: 50%;
	border: 2px solid var(--colorSecondary);
	width: 70%;
	height:70%;
}
.welcome-note p{
	margin-top:20px; 
	font-size:1.3rem
}




/* .welcome-note .d-message{
	background-color:white;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	border-bottom: 2px solid var(--colorAccent);
	transition: 0.3s;
}

.welcome-note .d-message:hover{

	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

}
.welcome-note .d-message img {
	
	border-radius:50%; 
	border: 2px solid var(--colorAccent);
	margin:0 auto;
	width:100px; 
	height:100px;	
}
.welcome-note .d-message p{
	font-size:1.3rem;
	text-align: left;
	margin-top: 15px;
	
	
} */

/* .welcome-note .v-message{
	background-color:#ff8d00;
}
.welcome-note .v-message img {
	
	border-radius:50%; 
	
	margin:0 auto;
	width:100px; 
	height:100px;	
}
.welcome-note .v-message p{
	font-size:1.1rem;
	text-align: left;
	margin-top: 15px;
	
	
}

.welcome-note .m-message{
	background-color:#FFDE03;
}
.welcome-note .m-message img {
	
	border-radius:50%; 
	margin:0 auto;
	width:100px; 
	height:100px;	
}
.welcome-note .m-message p{
	font-size:1.1rem;
	text-align: left;
	margin-top: 15px;
	
	
}
 */



.inner-welcome-note img {
	width: 300px;
	height: 300px;
}


.shortcut-item h3{
	
	display: table-header-group;
	text-align: center;
	
	
}

.shortcut-item p{
	
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	
	
	
}
.shortcut-item img{
	display: table-cell;
	vertical-align: middle;
	
	
}

.shortcut-item button{
	
	
	vertical-align: middle;
}
.shortcut-water-mark{
	background-color: rgba(0, 0, 0, 0.7) ;	
}






.no-padding{
	padding:0;
}


@media (max-width: 576px) {
	.navbar-brand img {
		max-width: 120px
	}
}


.animation-fade-in-up{
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


.carousel-item {
	/*height: 80vh;*/
	/*min-height: 300px;*/
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.carousel-item>img{
	/*height: 80vh;*/
	width: 100%;
}

.carousel-water-mark{
	background-color: rgba(0, 0, 0, 0.3) ;	
	width:100%; 
	height:82vh;
	position:absolute; 
	top:0;
}
a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
a.active, a:active, a:focus, a:hover {
	outline: none;
	text-decoration: none;
	color: var(--colorAccent)
}




/*.dropdown-menu li:hover{
	background-color: var(--colorAccent);
	
}*/

.carousel-caption{
	
	top:40%;
	text-align: left;
	left: 10%;
	
}
.carousel-heading-paragraph{
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	margin-top:10px;
	background-color: rgba(0, 0, 0, 0.5) ;	
	border: 2px solid var(--colorAccent);
	font-size:1.5vw;
	max-width: 50%;
	
}
.carousel-heading{
	/* background-color: var(--colorPrimary); */
	background-color: rgba(0, 0, 0, 0.5) ;	
	box-shadow: 5px 5px  var(--colorAccent); 
	/* border-bottom: 10px solid var(--colorAccent); */
	font-size: 2.5vw;
	max-width: 50%;
	display: inline-block;
	padding: 10px;
}




.animation-fade-up{
	animation: animationFrames ease-in 1s;
	animation-iteration-count: 1;
	transform-origin: 50% 0%;
	animation-fill-mode:forwards; /*when the spec is finished*/
	-webkit-animation: animationFrames ease-in 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 0%;
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
	-moz-animation: animationFrames ease-in 1s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 0%;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: animationFrames ease-in 1s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 0%;
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-ms-animation: animationFrames ease-in 1s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 0%;
	-ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
	0% {
		opacity:0;
		transform:  translate(0px,70px)  ;
	}
	100% {
		opacity:1;
		transform:  translate(0px,0px)  ;
	}
}

@-moz-keyframes animationFrames{
	0% {
		opacity:0;
		-moz-transform:  translate(0px,70px)  ;
	}
	100% {
		opacity:1;
		-moz-transform:  translate(0px,0px)  ;
	}
}

@-webkit-keyframes animationFrames {
	0% {
		opacity:0;
		-webkit-transform:  translate(0px,70px)  ;
	}
	100% {
		opacity:1;
		-webkit-transform:  translate(0px,0px)  ;
	}
}

@-o-keyframes animationFrames {
	0% {
		opacity:0;
		-o-transform:  translate(0px,70px)  ;
	}
	100% {
		opacity:1;
		-o-transform:  translate(0px,0px)  ;
	}
}

@-ms-keyframes animationFrames {
	0% {
		opacity:0;
		-ms-transform:  translate(0px,70px)  ;
	}
	100% {
		opacity:1;
		-ms-transform:  translate(0px,0px)  ;
	}
}
/* Top Nav bar  */
.kicsit-nav{
	/* -webkit-box-shadow: 0px 1px 5px 0px rgba(168,168,168,1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(168,168,168,1);
	box-shadow: 0px 1px 5px 0px rgba(168,168,168,1); */
	border-bottom: 3px solid var(--colorAccent);
	
}

.logo-text{
	margin: auto;
	display: inline;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 3rem;
	font-family: "Bauhaus 93";
	color: var(--colorPrimary);
}
.kicsit-nav .nav-link {
	color: #202428;
}

.kicsit-nav .container {
	position: relative;
}

.kicsit-nav .navbar {
	position: static;
}
.top-nav-icon a{
	color:white !important;
    font-size: 0.8rem;
	
}
.top-nav-icon span{
	font-size: 0.8rem;
}
.top-nav-icon a:hover{
	color:var(--colorAccent) !important;
}
/*.affiliated a{*/
/*	font-size: 1.1rem;*/
/*}*/


@media (min-width: 992px) {
	.nav-item {
		margin-left: 10px;
	}
}


.nav-down-arrow{
	background-image: url('../images/icon/arrow-left.png');
}

span.prev-slide {
	padding:20px;
	background-image: url('../images/icon/arrow-left.png');
	
}
span.next-slide	 {
	padding:20px;
	background-image: url('../images/icon/arrow-right.png');
	
}
/* nav bar menu sizes*/
a.top-menu-heading{
	font-size:1rem;
	color:#000000 !important;
	
	
}
a.top-menu-heading:hover{
	/* color:#FFF !important; */
	/* background-color:var(--colorPrimary) !important; */
}
a.nav-active{
	font-weight: bold;
	color:var(--colorAccent) !important;
}

.campus-life > div{
	padding: 10px;
}

.inside-padding div{
	padding:5px;
}



/*span.dot:hover {
	
	background-color:rgba(0, 0, 0, 1.0);
	background-image: url('../resources/images/icon/arrow-left.png');
	border-radius: 50%;
	display: inline-block;
}*/



.nav-item-has-dropdown {
	position: relative
}

.nav-item-has-dropdown .dropdown-menu {
	border-bottom: 4px solid var(--colorPrimary);
	border-top: 4px solid var(--colorPrimary);
}

.nav-item-has-large-menu {
	position: static;
}



.nav-item-has-large-menu .dropdown-menu {
	border-top: 4px solid var(--colorPrimary);
	border-bottom: 4px solid var(--colorPrimary);
	
}

.dropdown-menu__inner {
	padding: 0.3125rem 1.875rem
}

.dropdown-menu .dropdown-menu {
	left: 100%;
	top: -1000px;
	-webkit-transform: translate3d(0, 10px, 0) scale(0.98);
	transform: translate3d(0, 10px, 0) scale(0.98)
}

.dropdown-menu .nav-item-has-dropdown:hover > .dropdown-menu {
	top: 0 !important
}

@media (min-width: 992px) {
	.navbar-expand-lg .dropdown-menu, .navbar-expand-md .dropdown-menu, .navbar-expand-xl .dropdown-menu {
		display: block;
		top: -10000px;
		-webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
		transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
		-o-transition: transform 0.2s ease-out, opacity 0.2s ease-out;
		transition: transform 0.2s ease-out, opacity 0.2s ease-out;
		transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
		opacity: 0;
		-webkit-transform: translate3d(0, 10px, 0) scale(0.98);
		transform: translate3d(0, 10px, 0) scale(0.98);
		margin-top: 0;
		min-width: 220px
	}
}

.nav-item-has-dropdown:hover, .nav-item-has-large-menu:hover {
	color: #00CB54
}

.nav-item-has-dropdown:hover > .dropdown-menu, .nav-item-has-large-menu:hover > .dropdown-menu {
	opacity: 1;
	top: 90%;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1)
}

.nav-item-has-large-menu .dropdown-menu {
	width: 50%;
	left: 30%;
}




@media (min-width: 992px) {
	.navbar-expand-lg .kicsit-nav__navbar .nav-link, .navbar-expand-md .kicsit-nav__navbar .nav-link, .navbar-expand-xl .kicsit-nav__navbar .nav-link {
		padding-top: 1.875rem;
		padding-bottom: 1.875rem
	}
}
.navbar-expand-lg .kicsit-nav-link, .navbar-expand-md .kicsit-nav-link, .navbar-expand-xl .kicsit-nav-link {
	display: block;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem
}

.kicsit-nav-link.dropdown-toggle:after {
	position: absolute;
	right: 30px
}

@media (min-width: 992px) {
	.kicsit-nav-link.dropdown-toggle:after {
		content: "\e649"
	}
}



/** Header for split menu*/ 
.li-header{
	border-bottom:1px solid var(--colorAccent);
	
	margin:2px;
	font-weight:bold;
}

.horizontal-line{
	border-bottom: 3px solid var(--colorAccent);
	width:10%;
	margin:auto;
	
	
}
.primary-background{
	background-color:var(--colorAccent);
}


.animation-top{
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
.animation-top:hover{
	-webkit-transform:translateY(-20px);
	-ms-transform:translateY(-20px);
	transform:translateY(-20px);
	cursor: pointer;
}





.campus-container{
	height: 55vh;
	
}

.campus-image {
	width: 100%;
	height: 100%;
}
.video:hover{
	cursor:pointer;
	width: 100%;
	height: 100%;
}
.video-item{
	width: 100%;
	height: 100%;
	
}


.flex-container{
	display: flex;
	align-items: stretch;
	background-color: #f1f1f1;
}

.flex-container > div{
	
	width: 200px;
	
	
	
	font-size: 30px;
}
.flex-container img{
	width: 100%;
	height: 100%;
}

.footer-item > p{
	color: white;
	text-align: left;
	
}
.footer-item > h3{
	color: white;
	text-align: left;
}

.footer-item .horizontal-line{
	border-bottom: 3px solid var(--colorAccent);
	width:30%;
	display: block;
	float: left;
	
	
}



.breadcrumb-container{
	width:100%;
	height: 30vh;
	background-size: 100%;
	background-repeat: round;
	
	background-blend-mode: darken;
	
}

.breadcrumb-container img {
	width: 100%;
	height: 30vh;
	position: absolute;
	
}

.breadcrumb-container .water-mark{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	
	
	
	
}

.breadcrumb { 
	list-style: none; 
	overflow: hidden; 
	
	margin-top:50px;
	font: 18px Helvetica, Arial, Sans-Serif;
	padding: 0;
}
.breadcrumb li { 
	float: left; 
}
.breadcrumb li a {
	color: white;
	text-decoration: none; 
	padding: 10px 0 10px 55px;
	background: brown; /* fallback color */
	background: var(--colorAccent);
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid var(--colorAccent);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
.breadcrumb li:first-child a {
	padding-left: 10px;
	
}

.breadcrumb li:last-child a {
	background: transparent !important;
	color: black;
	pointer-events: none;
	cursor: default;
	padding-right: 10px;
}
.breadcrumb li:last-child a:after { border: 0; }
.breadcrumb li a:hover { background: var(--colorSecondary) }
.breadcrumb li a:hover:after { border-left-color: var(--colorSecondary) !important; }


.full-horizontal-line{
	border-bottom: 3px solid var(--colorAccent);
	width:100%;
}
.bog  h4{
	background-color:#eee !important;
	padding-left:20px !important; 
	width:100% !important;
}

.bg-primary{
	background-color: var(--colorPrimary) !important;
}

.bg-accent {
	background-color: var(--colorAccent) !important;
}

/* Css for Campus Life Cards style */
.cards {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.cards img {
	margin: 1px;
	border: 0px solid var(--colorAccent);
	box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.5); 
	max-width: 16vw;
}

.cards img:hover{
	
	cursor: pointer;
	transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
/* End here Campus Life Cards Style */
.scheme-item{
	margin-top: 10px;
	
}

.scheme-item p{
	font-weight: bold;
	font-size:1.2rem;
}


.scheme-item  table  thead tr{
	background-color: var(--colorPrimary);
	color: white;
}
.grading-item{
	margin-top: 10px;
}

.fee-structure  h4{
	display:block !important;
	font-weight: bold;
	width:100% !important;
	
	
}
.fee-structure p{
	display:block !important;
	width:100% !important;
	
	
}
.faculty {
	width: 100%;
}
.faculty h4{
	display:block !important;
	width:100% !important;
	
	
}
.faculty img{
	width: 100%;
	height: 200px;
	
	border-radius: 10%;
}

.card{
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);	
	border: 0px solid var(--colorPrimary);
	margin: 1px;
	text-align: center;
	height: 300px;
	background-color: var(--colorPrimary);
	padding: 0 !important
	
	
}

.card img{
	
	width: 130px;
	height: 130px;
	border: 2px solid white;
	border-radius: 50%;
}

.card-body
{
	background-color: white;
	color: black;
	
}

.card-center{
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.card-details span
{
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: white;
	text-align: center;
	border: 1px solid white;
	margin-left: 15px;
	margin-right: 15px;
}

.card-details:hover span{
	cursor: pointer;
	background-color: var(--colorAccent);
	
}

.faculty-title{
	display: block;
	font-size: 1.4rem;
	
}
.faculty-body{
	display: block;
	font-size: 0.9rem;
}

.btn-message{
	background-color: var(--colorAccent) !important;
}

.download-li{
	text-decoration: underline;
}
/* Error page Css  */
.error-404{
	text-align: center;
	
}
.error-404 h1{
	font-size:7rem;
	display: block;
	color: red;
	width: 100%;
	text-align: center;
}

.error-404 div{
	display: inline-block;
	width: 100%;
	margin-top: 30px;
}
.error-404 span{
	
	padding: 10px;
	border: 2px solid black;	
	
}

.error-404 span:hover{
	cursor: pointer;
	border: 2px solid var(--colorAccent);
	color: var(--colorAccent);	
}

/* Footer = */
.footer{
	background-image: url('../images/logo/Logo.png');
	background-repeat: no-repeat;
	background-position-x:4%;
	background-position-y: 30%;
	background-size: 15%
	
}
.footer-water-mark{
	background-color: rgba(0, 0, 0, 0.8) ;	
}

/** Custom Style sheet for Modal **/ 

/* .modal-window {
	display: none;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.50);
	width: 100%;
	height: 100%;
	
	top: -150px;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: all 10s;
	z-index: 1030;
	-moz-transition: all 10s;
	transition: all 10s;
} */


.modal-window {
	display: none;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.80);
	width: 100%;
	
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: all 10s;
	z-index: 1030;
	-moz-transition: all 10s;
	transition: all 10s;
}


/* .modal-window>div {
	width: 80%;
	height: 95%;
	
	position: relative;
	margin: 10% auto;
	padding: 2rem;
	background: #fff;
	color: #444;
} */

.modal-window>div {
	width: 80%;
	border-left: 50px solid var(--colorSecondary);
	border-radius: 10px;

	
	position: relative;
	margin: 10% auto;
	padding: 2rem;
	background: #fff;
	color: #444;
}

.modal-window img{
	width: 100%;
	height: 90%;
}

.modal-window header {
	font-weight: bold;
}

.modal-close {
	color: #aaa;
	line-height: 50px;
	font-size: 80%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 70px;
	text-decoration: none;
}



.modal-close:hover {
	color: #000;
}

.modal-window h1 {
	color:black; 
	margin: 0 0 15px;
	font-size: 1.8vw;
	width: 100%;
	color:#f44336;
	display: block !important;
	
}

.modal-window p{
	display: block;
	margin-top:30px;
	color:black; 
	font-size: 1.5vw;
	
}

.upcoming-events{
	/* background-color: #8d8d8d; */
	
}

.event-item{
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	border-bottom: 4px solid var(--colorSecondary);
	background-color:#212121;
	margin-top: 60px;
	text-align: center;
	height: 350px;
	padding: 10px 25px;
	
	margin-top: 60px;
}



.event-item .event-icon{
	/* background-color:var(--colorPrimary); */
	/* border-radius: 50%; */
	display: table;
	height: 100px;
	margin: 0 auto;
	width: 100px;
	margin-top: -61px;
	
	
}



.event-item .event-icon span{
	display: block;	
	width: 100%;
	height: 50%;
	
	font-size: 1.1rem;
	font-weight: normal;
	color: white;	
	
	
}

.event-date-span-day{
	
	border-top-left-radius: 50px;
	padding: 10px;
	border-top-right-radius: 50px;
	background-color: var(--colorPrimary);
}
.event-date-span-month{
	border-top:1px solid white;
	border-bottom-left-radius: 50px;
	padding: 5px;
	border-bottom-right-radius: 50px;
	background-color: var(--colorAccent);
}
.event-item .event-title{
	color: white;
	font-weight: bold;
	height: 50px;
	font-size: 1.2rem;
	text-align: left;
	background-color:#212121
	
	
}

.event-item .event-title  .title{
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	margin-top:10px; 
	-webkit-box-orient: vertical;  
	overflow: hidden;
	
	
} 


.event-item:hover{
	cursor: pointer;
}

.event-item .event-body{
	
	color: black;
	display: -webkit-box !important;
	-webkit-line-clamp: 4;
	margin-top: 10px;
	color: #f5f5f5;
	
	-webkit-box-orient: vertical;  
	overflow: hidden;
	font-size: 1.1rem;
	
}

.event-item .event-body > p{
	margin: 0px !important;
	text-align: left;
	
}


/* Time widget style start here */
.date{
	
	
}
time.icon
{
	
	font-size: 1em; /* change icon size */
	display: none;
	position: relative;
	width: 7em;
	height: 7em;
	background-color: #fff;
	margin: 0.9em auto;
	border-radius: 0.6em;
	box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform: rotate(0deg) skewY(0deg);
	-webkit-transform-origin: 50% 10%;
	transform-origin: 50% 10%;
	
	
}

time.icon *
{
	display: block;
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}

time.icon strong
{
	position: absolute;
	top: 0;
	font-size: 1.2em;
	padding: 0.4em 0;
	color: #fff;
	background-color: #fd9f1b;
	border-bottom: 1px dashed #f37302;
	box-shadow: 0 2px 0 #fd9f1b;
}


time.icon span
{
	width: 100%;
	font-size: 2.8em;
	letter-spacing: -0.05em;
	padding-top: 0.8em;
	color: #2f2f2f;
}

/* time widget end here */

.event-item:hover .event-icon
{
	animation: flip-horizontal-bottom 0.2s cubic-bezier(0.455, 0.030, 0.515, 0.955)
}


@keyframes flip-horizontal-bottom {
	0% {
		transform: rotateX(0);
	}
	100% {
		transform: rotateX(-180deg);
	}
}



.news{
	
}

.news-item{
	height: 430px;
	-webkit-box-shadow: 0 2px 20px -5px rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 20px -5px rgba(0, 0, 0, 0.07);
	
	border-bottom: 2px solid var(--colorSecondary);
	background: #fff;
	/* background-color: #F4F2ED; */
}

.news-item .news-image img{
	width: 100%;
	height: 240px;
}

.news-item .news-body{
	padding: 10px;
}

.news-item .news-body  .news-title{
	font-size: 1.1rem;
	font-weight: bold;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;  
	overflow: hidden;

}
.news-item .news-body  .news-description{

	display: -webkit-box !important;
	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;  
	overflow: hidden;
}