/*start of header*/

/*end of header*/

/*start of content*/

body
{
	font-family: "Open Sans",sans-serif !important;
}

/*start of colleage and uni page*/

.news-item-row
{
	padding: 0;
}


.events-item-img-month-day-mhp
{
	padding: 3px 0 4px;
	text-transform: uppercase;
	border-radius: 3px 3px 0 0;
	font-size: 20px;
}

.events-item-img-month-day-mhp span
{
	display: block;
	padding: 3px 0 4px;
	font-size: 30px;
	padding: 3px 0 4px;
}

.events-item-mhp
{
	margin-bottom: 20px;
}

.title-events-mhp, .title-news-mhp
{
	padding-bottom: 15px;
}

.events-item-title-mhp
{
	font-size: 1.2em !important;
	padding: 0;
	line-height: 25px;
	font-weight: bold;
}


.events-item-mhp:hover .with-underline
{
	text-decoration: underline;

}

.events-item-mhp::hover .with-underline
{
	text-decoration: underline;
}

.news-item-mhp:hover .with-underline
{
	text-decoration: underline;

}

.news-item-mhp::hover .with-underline
{
	text-decoration: underline;
}

.news-mhp, .events-mhp, .news-item-mhp, .study-sutech-item-mhp
{    
    padding: 5px;
}

/*end of colleage and uni page*/

/*start of college home page*/

.news-item-title-and-date-mhp
{
	background-color: #fff;
}

.uni-home-main-page .news-item-title-and-date-mhp
{
	padding: 0px;
}

.news-item-image-content-mhp img
{
	width: 100%;
}

.news-mhp
{
	margin-bottom: 0;
}

.news-item-image-mhp
{
	padding: 0 ;

}

.news-item-title-mhp
{
	font-size: 1.3em !important;
	line-height: 25px;
	margin-bottom: 8px;
	font-weight: bold;
}

.news-item-body-mhp
{
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 1.7em;
}

.news-item-date-mhp
{
	padding-left: 10px;
}

.college-home-page .news-item-mhp:hover img
{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.college-home-page .news-item-mhp::hover img
{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}


/*end of college home page*/

/*start of uni home page*/

.title-mhp
{
	background-color: #337ab7;
	padding: 10px;
	color: #fff !important;
}

.title-mhp span a
{
	color: #fff !important;
}

.news-item-mhp
{
	margin-bottom: 20px;
}

.events-item-title-and-date-mhp
{
	padding-right: 1px;
}

.events-item-img-mhp
{
	padding: 0;
}

@media screen and (max-width: 768px)
{

	.news-item-image-mhp img
	{
		width: 100%;
		height: auto;
	}
}

@media screen and  (min-width: 768px)
{

	.news-item-image-mhp img
	{
		width: 100%;
	}
}

.uni-home-main-page .study-sutech-item-mhp img
{
	width: 100%;
}

.uni-home-main-page .news-item-mhp:hover img, .uni-home-main-page .study-sutech-item-image-mhp:hover img
{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.uni-home-main-page .news-item-mhp::hover img, .uni-home-main-page .study-sutech-item-image-mhp::hover img
{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.study-sutech-item-image-mhp
{
	position: relative;
}

.study-sutech-item-title-mhp
{
	padding: 10px;
}

.study-sutech-item-title-mhp h3
{
	font-size: 20px;
	margin: 0;
}

.study-sutech-item-mhp
{
	padding-bottom: 20px;
}

.study-item-row 
{
	padding: 0;
}
/*end of uni home page*/

/*start of profile page*/

.profile-page
{
	overflow: hidden;
}

.profile-page .tab-content
{
	border: 2px solid #ddd;
	padding: 20px;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #fff;
}

.profile-page .nav-pills .active a
{
	border: 2px solid #ddd;
}

.first-part-info
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.third-part-info
{
	padding-bottom: 10px;
}


.user-avatar img
{
	width: 100%;
	height: auto;
}

.profile-page .nav > li:not(.active) > a	
{
	border: 1px solid #fff;
}

.all-user-info p 
{
	margin: 0 0 20px;
	line-height: 1.5;
}

.all-user-info 
{
	margin: 0 auto;
}


.all-user-info .first-row, .all-user-info .first-row .user-avatar
{
	padding-left: 0;
}

.user-avatar
{
	width: 100%;
}
.all-user-info .first-row
{
	padding-bottom: 20px;
}

.glyphicon-envelope, .glyphicon-link
{
	font-size: 25px;
	padding: 5px;
	vertical-align: middle;
}

.profile-page #publications li
{
	margin-bottom: 20px;
	padding: 7px;
}

.profile-page #publications ol li:hover, .profile-page #publications ul li:hover
{
	background-color: #EAEAEA;
}

/*end of profile page*/

/*start of the event calendar page*/
#tribe-events-content a:hover 
{
	text-decoration: underline;
}

#tribe-events-content a::hover 
{
	text-decoration: underline;
}

/*end of the event calendar page*/

/*start of slide show part*/
.my-slide-show .carousel-inner > .item > img,
.carousel-inner > .item > a > img
{
	width: 100%;
	margin: auto;
}


@media (max-width : 319px) {
	

	.my-slide-show h3
	{
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 3px;
		margin-top: 3px;

	}

	.my-slide-show p
	{
		font-size: .7em;
		line-height: 1.3em;
	}

	.my-slide-show .carousel-caption
	{
	}

}

@media (min-width : 320px) and (max-width: 479px){
	
	.my-slide-show h3
	{
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 3px;
		margin-top: 3px;

	}

	.my-slide-show p
	{
		font-size: .7em;
		line-height: 1.3em;
	}

	.my-slide-show .carousel-caption
	{
	}

}

@media (min-width : 480px) and (max-width: 767px) {
	

	.my-slide-show h3
	{
		font-size: 1.5em;
		line-height: 2em;
		margin-bottom: 3px;
		margin-top: 3px;
	}

	.my-slide-show p
	{
		font-size: 1em;
		line-height: 1.3em;
	}

	.my-slide-show .carousel-caption
	{
	}


}
/*
@media (min-width : 768px) and (max-width: 991px){
	my-slide-show .carousel-inner > .item > img,
	.carousel-inner > .item > a > img
	{
		height: 400px;
	}

	.my-slide-show h3
	{
		font-size: 1.7em;
		line-height: 2em;
		margin-bottom: 10px;
		margin-top: 20px;

	}

	.my-slide-show p
	{
		font-size: 1.2em;
		line-height: 1.3em;
	}

	.my-slide-show .carousel-caption
	{
		height: initial;
	}

}

@media (min-width : 992px) and (max-width: 1199px) {
	my-slide-show .carousel-inner > .item > img,
	.carousel-inner > .item > a > img
	{
		height: 550px;
	}

	.my-slide-show h3
	{
		font-size: 1.8em;
		line-height: 2em;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.my-slide-show p
	{
		font-size: 1.1em;
		line-height: 1.3em;
	}

	.my-slide-show .carousel-caption
	{
		height: initial;
	}

}

@media (min-width : 1200px) {
	my-slide-show .carousel-inner > .item > img,
	.carousel-inner > .item > a > img
	{
		height: 650px;
	}

	.my-slide-show h3
	{
		font-size: 2em;
		line-height: 1em;
		margin-bottom: 10px;
	}

	.my-slide-show p
	{
		font-size: 1.3em;
		line-height: 1.3em;
	}

	.my-slide-show .carousel-caption
	{
		height: initial;
	}

}
*/

.my-slide-show a:hover
{
	text-decoration: none;
}

.my-slide-show a::hover
{
	text-decoration: none;
}

.my-slide-show .carousel-caption
{
	background-color: #1d4a81;
	opacity: .9;
	text-align: left;
	padding: 0 30px 30px 30px;
	text-shadow: none;
	left:20px;
}

.my-slide-show .carousel-caption h3
{
	font-weight: bold;
}



.my-slide-show .glyphicon-chevron-right, .my-slide-show .glyphicon-chevron-left
{
	border-radius: 100%;
	font-size: 50px;

}

/*for small device*/
.my-slide-show  #myCarousel
{
	margin-bottom: 50px;
}

.my-slide-show .carousel-indicators {
	display: inline-block;
	bottom:-50px !important;
}

.my-slide-show .carousel-indicators li {
	width: 20px;
	height: 20px;
	border: 1px solid #337ab7;

}

.my-slide-show .carousel-indicators .active {
	width: 20px;
	height: 20px;
	background-color: #337ab7

}

@media screen and (max-width: 726px)
{
	.my-slide-show .carousel-caption
	{
		bottom: 0;
		position: relative;
		left: 0;
		padding: 10px;
		width: 100%;
	}
}

.my-post-slider
{
	margin-bottom: 15px; 
}
/*end of slide show part*/

/*start of administration page*/

.administration_page .administration-item
{
	padding: 10px;
	overflow: hidden;
}

/*end of administration page*/


/*start of faculty page*/
.faculty-list-page .second-part-info
{
	font-size: 18px;
}

/*start of faculty page*/

/*start of general part*/
.all-user-name
{
	text-transform: capitalize;
}

.capitalize-form
{
	text-transform: capitalize;
}

.with-hover:hover
{
	background-color: #ddd;
	overflow: hidden;
}

.with-hover::hover
{
	background-color: #ddd;
	overflow: hidden;
}
/*end of general part*/
/*end of content*/


/*start of background color*/

/*blue header color= #337ab7, gray header color = #343434*/

.events-item-img-month-day-mhp span
{
	background-color: #337ab7;
}

.events-item-img-month-day-mhp, .profile-page .nav > li:not(.active) > a, .study-sutech-item-title-mhp
{
	background-color: #343434;
}

.profile-page .nav > li:not(.active) > a:hover
{
	background-color: #ddd;
}

/*end of background color*/

/*start of text color*/

.glyphicon-envelope, .glyphicon-link
{
	color: #337ab7;
}

.college-home-page *
{
	color: #343434;
}

.uni-home-main-page *
{
	color: #343434;
}

.events-item-img-month-day-mhp *, .profile-page .nav > li:not(.active) > a, .study-sutech-item-title-mhp h3 
{
	color: #fff;
}

.profile-page .nav > li::not(.active) > a::hover
{
	color: #000;
}

.profile-page .nav > li:not(.active) > a:hover
{
	color: #000;
}

.news-item-mhp:hover .news-item-title-mhp, .events-item-mhp:hover .events-item-title-mhp
{
	color: #337ab7;
}

.news-item-mhp:hover .news-item-title-mhp, .events-item-mhp::hover .events-item-title-mhp
{
	color: #337ab7;
}


/*start of text color*/