/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	This file styles the header of the UU Hemingway Child Theme 
	It contains chunks of CSS taken from UU's Infoglue CSS Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


.header {
	background-position: top center;
	position: relative;
	z-index: 1;
}

a.uu-logo {
	background: #fff;
	position: absolute;
		top: 0;
	z-index: 2;
	width: 150px;
	padding-top: 40px;
	display: block;
}

.header-cover {
	clear: both;
	margin-bottom: 0;
}

.blog-title a {
	color: #000;
	font-size: 2.2rem;
	font-weight: normal;
	letter-spacing: 0.25rem;
	line-height: 3rem;
}

.blog-title a:hover {
 color:#000;
  text-decoration: underline;
}

@media (max-width: 1024px) {
	a.uu-logo {
		width: 120px;
	}
	/*.uu-separated-header*/ .blog-info {
		/*! height: 147px; */
	}
}

@media only screen and (max-width: 1024px) and ( min-width: 767px) {
	.blog-title a {
		font-size: 1.8rem;
	}
}

@media (max-width: 766px) {
		.blog-title a {
		font-size: 1.6rem;
	}
}

@media (max-width: 700px) {
	
}

/* ----------------------------------------------------
		TOP STRIPE
---------------------------------------------------- */
.top-stripe {
	/* background: #000 url('//live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_top-stripe.jpg') top center no-repeat;
	clear: both;
	height: 17px;
	padding-top: 7px;
	position: relative;
	z-index: 101; */
	display: none;
}

/* ----------------------------------------------------
		TOP LINKS
---------------------------------------------------- */
.top-links {
	height: 100%;
	text-align: right;
	z-index: 7;
}

.top-links a {
	color: #fff;
	font-size: 0.75em; /* 12 / 16 */
	text-decoration: none;
}

.top-links a:hover {
	color: #fff;
}

.top-links > a {
	float: right;
}

.top-links .changerLink,
.top-links .login {
	margin-left: 20px;
}

.top-links .login {
	background: transparent url('//live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_top-nav-separator-white.png') 0 0 no-repeat;
	float: right;
	height: 100%;
	padding-left: 20px;
	position: relative;
	z-index: 6;
}

.top-links .login a {
	display: block;
	padding: 0 0 3px 0;
}

.top-links .dropdown {
	z-index: 5;
	position: absolute;
	right: 0;
	background-color: #333;
	clear: right;
	text-align: left;
	padding: 1px;
	visibility: hidden;
	font-size: 1.2em;
	margin: 0;
}

.top-links .login:hover .dropdown,
.top-links .dropdown:hover {
	visibility: visible;
}

.top-links .login:hover > a {
	text-decoration: underline;
}

.top-links .dropdown a {
	margin: 0;
	display: block;
	font-weight: normal;
	padding: 9px 50px 9px 10px;
	border-left: 7px solid #666;
}

.top-links .dropdown a:hover {
	background-color: #fff;
	color: #333;
	text-decoration: none;
	border-color: #bbb;
}

.top-links .dropdown li {
	list-style: none;
}

.top-links a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------
		TOP NAV
---------------------------------------------------- */
.top-nav {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	white-space: nowrap;
}

.top-nav li {
	background: transparent url('//live.webb.uu.se/digitalAssets/207/top-nav-serator-black")') 0 3px no-repeat;
	float: left;
	list-style: none;
	margin-left: 28px;
	padding-left: 28px;
}

.top-nav .first {
	background: none;
	margin-left: 0;
	padding-left: 0;
}

/* Top menu links */
.top-nav a {
	border-bottom: 6px solid transparent;
	color: #000;
	display: block;
	padding-bottom: 7px;
	text-decoration: none;
}

.top-nav a:hover {
	border-bottom: 6px solid #ccc;
}

.top-nav .active a {
	border-bottom: 6px solid #000;
	font-weight: bold;
}

.top-nav.first-level,
.top-nav.second-level {
	display: block;
}

/* Top menu links in second level */
.top-nav.second-level {
	float: right;
}

.top-nav.second-level a,
.top-nav.second-level a:hover,
.top-nav.second-level .active a {
	border-bottom-width: 3px;
}

.top-nav.second-level {
	margin-top: 3px;
}

.top-nav.second-level li {
	background-position: 0 1px;
	font-size: 0.75em;
	margin-left: 20px;
	padding-left: 20px;
}

/* ----------------------------------------------------------------------
	Central navigation above the top stripe (black background)
	- Used by centralised sites in mobile 
	- Used by not centralised sites in desktop and mobile
---------------------------------------------------------------------- */
.top-nav-dark {
	background: #000;
	border-bottom: 1px solid #fff;
	display: none;
}

.top-nav-dark .top-nav li {
	background: transparent url('//live.webb.uu.se/digitalAssets/207/c_207717-l_3-k_top-nav-separator-white.png') 0 2px no-repeat;
}

.top-nav-dark .top-nav li.first {
	background: none;
}

.top-nav-dark .top-nav.first-level li {
	padding-bottom: 15px;
}

.top-nav-dark .top-nav a {
	color: #FFF;
}

.top-nav-dark .top-nav a:hover {
	border-bottom-color: #FFF;
}

/* Link to the Uppsala university start page */
.top-nav-uu-link-wrap {
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
	padding: 20px 0;
}	

.top-nav-uu-link {
	color: #AAA;
	font-size: 1.25em;
	text-decoration: none;
}

/* ----------------------------------------------------------------------
	Button to show the central menu in not centralised sites
---------------------------------------------------------------------- */
.central-nav-icon {
	float: right;
	margin-top: -8px;
	width: 37px;
	z-index: 120;
}

.central-nav-icon:hover {
	cursor: pointer;
}

/* Place the up-icon on top of the down-icon */
.central-nav-icon.up {
	position: relative;
		right: -37px;
}

.central-nav-icon.up,
.central-nav-icon.down.menu-visible {
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-in-out ;
	-moz-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}

.central-nav-icon.down,
.central-nav-icon.up.menu-visible {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: opacity 0.25s ease-in-out ;
	-moz-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}


/*
	The CSS bellow is related to the temporary fix to allow two different kinds of header styling. 
	Read the Instructions in plugin/uu-custom-header/uu-custom-header.php
*/

/* Custom header */
.uu-separated-header .header {
	margin: 0 auto 0 auto;
	padding: 0 0 36px 0;
	border-bottom: 2px solid #e5e5e5;
	background-image: none !important;
}

/*.uu-separated-header*/ .header-inner.section-inner {
	background-color: transparent; 
	display: block;
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
}


.uu-separated-header .blog-info {
	background-color: transparent; 
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: left;
	max-width: 86%;
	bottom: 0;
}

.uu-separated-header .blog-description, 
.uu-separated-header .blog-title {
	display: inline-block;
	width: auto;
}

@media (min-width: 1025px) {
	.uu-separated-header .header-inner.section-inner {
		padding: 0 0 0 225px;
	  height: 177px;
	}
}

@media (max-width: 1024px) {
	.uu-separated-header .header-inner.section-inner {
		padding: 0 0 0 180px;
	  height: 152px;
	}
}

@media (max-width: 700px) {
	.uu-separated-header .header-inner.section-inner {
		padding: 0 0 0 10px;
		height: auto;
	}
	.uu-separated-header .blog-info {
		position: relative;
	} */
}

.uu-separated-header .blog-description {
	color: #aaa;
}

.uu-separated-header .blog-description::before {
	content: "\2013";
	background-color: transparent;
	display: inline-block;
	height: auto;
	margin: 0 5px;
	width: auto;
}

@media (max-width: 700px) {
	.uu-separated-header .blog-info {
		margin: 0; 
		padding: 12px 0; 
	}

	.uu-separated-header .header {
		margin: 0;
		padding: 170px 0 0 0;
	}

	.uu-separated-header .blog-title {
		display: block;
	}
}

/* ----------------------------------------------------
		STYLING OF SPECIFIC SITES 
---------------------------------------------------- */

/* For Rektorsbloggen we want to position the header photo more specific than other blogs */
.uu-separated-header .header, /* <--- This selector should be removed when Rektorsbloggen has been launched. Verify that only the selector bellow is needed */
.rektorsbloggen-uu-se .header {
	background-position: right 25%; 
}

@media (max-width: 700px) {
	.uu-separated-header .header, /* <--- This selector should be removed when Rektorsbloggen has been launched. Verify that only the selector bellow is needed */
	.rektorsbloggen-uu-se .header {
		background-position: right top;
	}
}



/* Gammalt som kan troligtvis kan tas bort. Stylar den nu borttagna IG-topmenyn


@media only screen and (max-width: 1024px) {
	header .top-nav li,
	header .top-nav.second-level li,
	.top-links .login {
		margin-left: 15px;
		padding-left: 15px;
	}
	
	Central navigation with dark background

	.top-nav-dark .top-nav.second-level {
		background: #333;
		float: none;
		margin-bottom: 20px;
		margin-left: -2.5%;
		padding-top: 7px;
		width: 105%;
	}
	
	.top-nav-dark .top-nav.second-level li.first{
		margin-left: 0;
		padding-left: 2.5%;
	}
	
	Link to the Uppsala university start page
	.top-nav-uu-link-wrap {
		border-bottom: none;
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 766px) { 
	.top-nav-wrap {
		margin: 0;
		width: 103% !important;
			max-width: 103% !important;
	}
	
	.top-nav {
		padding-left: 2.5%;
		width: 100%;
	}
	
	Change top stripe image
	.top-stripe {
		background: #000 url('//live.webb.uu.se/digitalAssets/207/207717_3top-stripe-mobile.jpg') top center no-repeat;
		height: 18px;
		width: 100%;
		background-size: 747px;
	}
	
  Icon to show the central menu
	.central-nav-icon {
		width: 44px;
	}
	
	.central-nav-icon.up {
		position: relative;
			right: -44px;
	}
	
	Top menu links
	.top-nav.first-level,
	.top-nav.second-level {
		float: none;
	}
	
	.top-nav .active a,
	.top-nav a:hover,
	.top-stripe .top-nav .active a, 
	.top-stripe .top-nav a:hover {
		border-bottom: 1px solid #CCC;
	}
	
	Top menu links: first level
	.top-nav.first-level {
		margin: 0;
	}

	.top-nav.first-level li {
		background: none;
		border: none;
		float: none;
		height: auto;
		margin: 0;
		padding-left: 0;
	}
	
	.top-nav.first-level a {
		border: none;
		width: 100%;
		border-bottom: 1px solid #CCC;
		display: block;
		font-size: 0.875em;
		padding: 18px;
		text-decoration: none;
	}
	
  Top menu links: second level
	.top-nav.second-level li {
		margin: 10px 0 0 10px;
		padding: 0 0 0 10px;
	}
	
	.top-nav-wrap {
		padding: 0;
	}
	
	----------------------------------------------------------------------
		Central navigation above the top stripe (black background)
		- Used by centralised sites in mobile 
		- Used by not centralised sites in desktop and mobile
	----------------------------------------------------------------------
	.top-nav-dark {
		border-bottom: none;
		margin-left: -2.5%;
		padding: 0;
	}
	
	.top-nav-dark .top-nav.first-level li {
		padding-bottom: 0;
	}
	
	
	.top-nav-dark .top-nav.second-level {
		margin: 0;
		padding-top: 0;
		width: 100%;
	}
	
	.top-nav-dark .top-nav.second-level li.first {
		padding-left: 18px;
	}
	
	Link to the Uppsala university start page
	.top-nav-uu-link-wrap {
		margin-left: 3%;
		padding: 18px;
	}
} */