/*

Theme name: 	LNU Faculty Law
Description: 	A theme for law.lnu.edu.ua
Version: 		1.0
Author:			Відділ інформаційного забезпечення
Author URI:		http://dis.lnu.edu.ua/
Template: 		lnu-faculty

*/

/* = Site Header
---------------------------------------------------- */

.site-header .site-logo{
	background-image: url(lib/images/logo.png);
	height: 149px;
	width: 140px;
}

/* mobile nav */

.mobile-navigation li.blue > a { background-color: #00acff; }
.mobile-navigation li.brown > a { background-color: #cea76c; }
.mobile-navigation li.orange > a { background-color: #ff7f00; }
.mobile-navigation li.red > a { background-color: #ff2b00; }
.mobile-navigation li.yellow > a { background-color: #ffd500; }

/* news */

.site-header .news h4 a{
	background-color: #ff2b00;
	color: #000;
	padding: 0px 14px;
}
.site-header .news ul li {
	padding: 5px 10px;
	width: 100%;
	max-width: 285px;
}
.site-header .news li.first { background-color: #00acff; }
.site-header .news li.second { background-color: #ffd500; }
.site-header .news li.third { background-color: #ff7f00; }
.site-header .news li.fourth {background-color: #cea76c; }
.site-header .news li.fifth {background-color: #e3e4ff}

/* section nav */

.site-header .section-menu h4.blue a { background-color: #00acff; color: #020414; }
.site-header .section-menu h4.brown a { background-color: #cea76c; color: #020414; }
.site-header .section-menu h4.orange a { background-color: #ff7f00; color: #000; }
.site-header .section-menu h4.red a { background-color: #ff2b00; color: #333; }
.site-header .section-menu h4.yellow a { background-color: #ffd500; color: #000; }

/* = Site Navigation
---------------------------------------------------- */

.site-navigation li.blue { border-color: #00acff; }
.site-navigation li.brown { border-color: #cea76c; }
.site-navigation li.orange { border-color: #ff7f00; }
.site-navigation li.red { border-color: #ff2b00; }
.site-navigation li.yellow { border-color: #ffd500; }

.site-navigation li.blue > a { background-color: #00acff; color: #020414; }
.site-navigation li.brown > a { background-color: #cea76c; color: #020414; }
.site-navigation li.orange > a { background-color: #ff7f00; color: #000; }
.site-navigation li.red > a { background-color: #ff2b00; color: #333; }
.site-navigation li.yellow > a { background-color: #ffd500; color: #000; }

/* = Breadcrumbs
---------------------------------------------------- */

.breadcrumbs.blue { background-color: #00acff; }
.breadcrumbs.brown { background-color: #cea76c; }
.breadcrumbs.orange { background-color: #ff7f00; }
.breadcrumbs.red { background-color: #ff2b00; }
.breadcrumbs.yellow { background-color: #ffd500; }

/* = Site Footer
---------------------------------------------------- */

.site-footer .site-logo{
	background-image: url(lib/images/logo-small.png);
	height: 113px;
	width: 106px;
}

/********************************   media *******************************/
@media only screen and (max-width: 767px) {
	.site-header .news ul li.first,
	.site-header .news ul li.second, 
	.site-header .news ul li.third,
	.site-header .news li.fourth ,
	.site-header .news li.fifth {
		background-color: #f3f3f3;
		max-width: 300px;
		margin: 0 auto;
		padding: 10px 20px;
	    margin-bottom: 2px;
	    border-radius: 0;
	    box-shadow: none;
	}
	.site-header .news ul li.first .date,
	.site-header .news ul li.second .date, 
	.site-header .news ul li.third .date,
	.site-header .news li.fourth .date,
	.site-header .news li.fifth .date
	{
	    color: #8d8d8d;
	}
	.site-header .news ul li.first a,
	.site-header .news ul li.second a, 
	.site-header .news ul li.third a,
	.site-header .news li.fourth a,
	.site-header .news li.fifth a
	.main-content .content.home > div {
	float:none!important;
	display: block!important; 
	width: 100%!important; 
	max-width: 300px!important; 
	margin: 0 auto 10px!important; 
	}
}