/*
Theme Name: UoE official blog theme
Template: sparkling

Note: Lots of !important statements being used to maintain University style consistency and prevent users from setting their own styles via theme options
*/



body{
	font: 14px/22px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#252a2f
}
h1, h2, h3, h4, h5, h6{
	font-family:'Droid Sans', sans-serif;
	color:#252a2f;
	text-transform: inherit !important;
}


/* header styles */
.navbar-default .navbar-nav > li > a{text-transform: inherit;font-size: inherit;}
#logo{padding:20px 0 20px 15px;display: inline-block;background: #fff;float:left}
#logo a:hover{text-decoration:none}
#logo-text {
    font-size: 24px;
	line-height: 28px;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
	background-color: rgba(255, 255, 255, 0.60);
	padding:10px;
	padding-bottom:0;
	color:#231f20 !important;
}
.navbar-default .navbar-nav > li > a{line-height:inherit}
/*#headerimage #logo{background: url(images/logo-bg.png) no-repeat;}*/
#menu-top-menu .navbar-nav > li > a{padding-top:0 !important}
.nav.navbar-nav {
    float: left;
}
.navbar{min-height: inherit;}
.navbar-nav > li {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.navbar-nav > li > a{padding:0px}
.navbar .container{padding-left:0}
.navbar-default .navbar-nav .open .dropdown-menu > li > a, .dropdown-menu > li > a{
	padding-top: 10px;
    padding-bottom: 10px;
}
.dropdown-menu{    border-radius: 0px;}
.single-featured:hover {
    opacity: 1;
}
/* /header styles */













button, .button {text-transform: inherit;}

.entry-content{
	color: #252a2f !important;
	font: 14px/22px 'Open Sans', Arial, Helvetica, sans-serif  !important;
}
.main-content-area a{color: #337ab7 !important}
.main-content-area a:hover {
    color: #2284e1 !important;
    text-decoration: underline;
}
.btn.btn-default, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	color: #FFF !important;
    text-transform: inherit
	}
.btn.btn-default.read-more{    font-size: inherit;}



.btn-default, .label-default, .flex-caption h2, .btn.btn-default.read-more, button, .navigation .wp-pagenavi-pagination span.current, .navigation .wp-pagenavi-pagination a:hover, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}
.btn-default:hover, .label-default[href]:hover, .tagcloud a:hover, button, .main-content [class*="navigation"] a:hover, .label-default[href]:focus, #infinite-handle span:hover, .btn.btn-default.read-more:hover, .btn-default:hover, .scroll-to-top:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .site-main [class*="navigation"] a:hover, .more-link:hover, #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover, .cfa-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background-color: #2284e1 !important;
    border-color: #2284e1 !important;

}

a.more-link, a.more-link:hover{color:#fff !important;} 

.post-inner-content{border-top:1px solid #dadada;border-radius: 4px;}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > .caret, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #c3c3c3;
}


.flex-caption h2 {
    background: #337ab7 !important;
}

#sublogo{margin-left:25px;height:60px;width:auto}

#logobg{    height: 122px;}























/* footer styles */
/*
#footer-area, .site-info{
color: #999 !important;
}
#footer-area a {
    color: #DADADA !important;
}
#colophon {
    background-color: #252a2f !important;
}
*/
/* /footer styles */




/* RESPONSIVE STYLES */

/* Large Devices Styles Starts */
@media (min-width: 1200px) {

}
@media (min-width: 992px) {

}

/* Small Devices Styles Starts */
@media (min-width: 768px) and (max-width: 991px) {	

}



/* Extra Small Devices Styles Starts */
@media (max-width: 767px) {
	.sr-only {
		position: static;
	}
	.navbar-nav > li {
		border-right: none;
	}
}


 /* Extra Small Devices, Phones */ 
@media only screen and (max-width : 610px) {
	.nav.navbar-nav{
    	width: 100%;
	}
	.navbar-nav {
		margin: 0;
	}
}
