/*
Theme Name: UKA
Theme URI: http://blindernuka.no
Author: Vegard Andersen
Author URI: http://github.com/vegarda
Description: UKA på Blindern
Version: 2.0
Text Domain: uka
*/


@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');


html{
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-weight: 300;
	font-size: 16px;
	height: 100%;
}

html.no-js{
    margin-top: 0px !important;
}

body{
	height: 100%;
}

body.single .entry-content,
body.post .entry-content,
body.page .entry-content{
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	line-height: 1.25em;
}

body.single .entry-content a,
body.post .entry-content a,
body.page .entry-content a{
	text-decoration: underline;
}

a,
a:visited,
a:hover,
a:link,
a:active{
	/*color: inherit;*/
}

/****************
SCROLLBAR
*************/
body::-webkit-scrollbar {
	width: 1em;
}
 
body::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0);
}
 
body::-webkit-scrollbar-thumb {
	background-color: #fcfcfc;
}



a{
	text-decoration: none;
}

a img{
	display: block;
}

h1{
	font-size: 3em;
	font-weight: bold;
	margin: 0;
}

h2{
	font-size: 2em;
	font-weight: bold;
}

h3{
	font-size: 1.5em;
	font-weight: bold;
}

h4{
	font-size: 1.5em;
}



#page{
	/*overflow: auto;*/
}

.site-inner{

}



/*******************
HEADER
********/



/*******************
NAV
********/

nav#site-navigation{
	position: absolute;
	bottom: 0;
}

nav#site-navigation{
	text-align: end;
	width: 100%;
	height: 3em;
	z-index: 1000;
	box-shadow: 0em 0em 1em 0em rgba(0, 0, 0, 1);
}

nav#site-navigation .hamburger{
	display: none;
}

nav#site-navigation li.menu-item{
}

ul.menu, 
ul.sub-menu, 
li.menu-item{
	z-index: 10;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu a{
	padding: 0 1em;
	display: inline-block;
	font-weight: lighter;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 2;
	white-space: nowrap;
}

nav#site-navigation li.menu-item-has-children{
	position: relative;
}

nav#site-navigation ul#menu-main-menu{
	flex-direction: row;
}

nav#site-navigation li.menu-item-has-children ul.sub-menu{
	display: none;
	position: absolute;
	bottom: 100%;
    right: 0;
}

nav#site-navigation li.menu-item-has-children:hover ul.sub-menu{
	display: flex;
	flex-direction: column-reverse;
}

nav#site-navigation.nav-fixed li.menu-item-has-children:hover ul.sub-menu{
	
}

nav#site-navigation.dropdown li.menu-item-has-children:hover ul.sub-menu{
	flex-direction: column;
	bottom: initial;
}

nav#site-navigation.nav-fixed{
	position: fixed;
	top: 0;
}

/*******************
MAIN
********/


/**********
HOME
********/



section#home{
	height: 100vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

section#home aside.widget-area{
	/*width: 350px;*/
}
section#home aside.widget-area section.widget{
	margin: 2em;
}

section#home aside#home-top-left{
	position: absolute;
    top: 0;
    left: 0;
}

section#home aside#home-top-right{
	position: absolute;
    top: 0;
    right: 0;
}

section#home aside#home-bottom-left{
	position: absolute;
    bottom: 3em;
    left: 0;
}

section#home aside#home-bottom-right{
	position: absolute;
    bottom: 3em;
    right: 0;
}


/*******************
MAIN
********/
main#page{
	min-height: 100%;
	margin-bottom: -12em;
}

main#page:after{
	content: "";
	display: block;
	height: 12em; 
}

/*******************
SIDEBAR
********/


/*******************
FOOTER
********/

footer{

}


footer.site-footer{
	position: relative;
	margin-top: -12em; /* negative value of footer height */
	min-height: 12em;
	clear: both;
	background-color: #e73b3c;
	color: #0c0e1f;
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

footer.site-footer .credits{
	font-size: 0.75em;
}

footer .logo{
	self-align: center;
}

/*******************
PAGE NAVIGATION
********/

.page-numbers {
	font-weight: bold;
    padding: 0.5em;
    display: inline-block;
    display: inline-flex;
}

/*******************
WIDGETS
********/

.widget{
}

.widget-row{
}

.widget-item{
}


/*******************
SOCIAL ICON WIDGET
********/



/*******************
INSTAGRAM WIDGET
********/


/*******************
FRAMEWORK
********/

.flex{
	display: flex;
	flex-basis: 100%;
}

.center{
	justify-content: center;
}

.space-around{
	justify-content: space-around;
}

.space-between{
	justify-content: space-between;
}

.translucent{
	background-color: rgba(255,255,255,0.95);
}

.opaque{
	background-color: rgba(255,255,255,0.95);
}

.transparent{
	background-color: rgba(0,0,0,0);
}

.container{
	margin: 0 auto;
}

.container-fluid{
	width: 100%;
}

.row{
	padding: 0 0.5em;
}

.column{
	margin: 0 0.5em;
}


/*******************
RESPONSIVE
********/

@media (max-width: 600px){
	main#page{
		margin-top: 2em;
	}
	
	nav{
	}
	nav#site-navigation:hover{
		width: 100%;
	}
	nav#site-navigation:hover ul.menu{
		display: block;
	}
	nav#site-navigation ul.menu{
		display: none;
	}
	nav#site-navigation{
		position: fixed;
		top: 0;
		right: 0;
		bottom: initial;
		text-align: left;
		height: auto;
		width: auto;
	}
	nav#site-navigation .hamburger{
		display: block;
		padding: 0.5em;
		font-size: 2em;
	}
	nav#site-navigation ul#menu-main-menu {
		flex-direction: column;
	}
	nav#site-navigation li.menu-item-has-children ul.sub-menu {
		display: block;
		position: initial;
		bottom: initial;
		right: initial;
		padding-left: 1em;
	}
	html{
		font-size: 12px;
	}
	body{
		height: auto;
	}
	section#home{
		min-height: 200vh;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	section#news article.post {
		height: 16em;
	}
	section#home aside#home-top-left{
		position: initial;
	}
	section#home aside#home-top-right{
		position: initial;
	}
	section#home aside#home-bottom-left{
		position: initial;
	}
	section#home aside#home-bottom-right{
		position: initial;
	}
	section#home aside.widget-area{
		width: 100%;
	}
	footer.site-footer{
		margin-bottom: 0;
	}
	section#articles article {
		width: 100%;
	}
}


/*******************
WP FIX
********/

.screen-reader-text{
	/*display: none;*/
}

img.size-thumbnail{
	max-width: 25%;
	height: auto;
}

img.size-medium{
	max-width: 33%;
	height: auto;
}

img.size-large{
	width: 100%;
	height: auto;
}

body article img{
	max-width: 100%;
	height: auto;
}





