﻿@import url("//fonts.googleapis.com/css?family=Roboto:400,500,700");

/*
=======================================================================
	UU
=======================================================================
*/

#tilinnhold, #tilnavigasjon {
  position: absolute;
  overflow: hidden;
	z-index:99999;
	text-align:center;
	width:100%;
	color:#fff;
	top:-35px;
	font-size:18px;
	-webkit-transition: all 0.3s ease;                  
  -moz-transition: all 0.3s ease;                 
  -o-transition: all 0.3s ease;   
  -ms-transition: all 0.3s ease;          
  transition: all 0.3s ease;
	}

#tilinnhold:focus, #tilnavigasjon:focus {
	height:40px;
	line-height:40px;
	text-align:center;
	width:100%;
	top:0;
	background: #000;
	}


/*
=======================================================================
	Misc & framework
=======================================================================
*/

body {
	font-family:'Roboto', sans-serif;
font-weight: 500;
/*	font-size:18px;*/
	}



/*
=======================================================================
	Site header
=======================================================================
*/

header {position:relative;z-index:999;border-bottom: 1px solid rgba(0,0,0,0.15);}
header > .container {position:relative;}

header div[class*="col-"] {height:100%;}

/*
.header-wrapper {
	padding-top:15px;
	padding-bottom:15px;
	position:relative;
	}
*/


.header-elements {display: table;padding-top:15px;padding-bottom:15px;}
.header-elements .header-element {display: table-cell;vertical-align:middle;}



.site-logo {width:25%;}
.site-logo img {max-width:70%; width:100%}


@media screen and (min-width: 768px) {
/*	.header-wrapper {height:150px;	padding-top:30px;padding-bottom:30px;}*/
/*	
	.header-wrapper .site-logo {height:100%;}
	.header-wrapper .site-logo img {height:100%;max-width:none;}
*/
	}






/*
=======================================================================
	Navigation
=======================================================================
*/

.site-navigation {
	display:none;
	}

.site-navigation {float:right;}

/*
.site-navigation ul {margin:0;padding:0;list-style:none;}
.site-navigation ul li {margin:0 0 0 40px;padding:0;display:inline;}
.site-navigation ul li:first-child {margin-left:0;}
.site-navigation ul li a {font-size:1.5em;color:#828282;font-weight:400;}
*/

.site-navigation ul.sf-menu > li > ul > li:first-child {position:relative;}
.site-navigation ul.sf-menu > li > ul > li:first-child:before {
	content:"";
	position:absolute;top:-10px;left:45px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #58595B;
	}

.site-navigation ul.sf-menu > li > ul > li:first-child:hover:before {
	border-bottom: 10px solid #6f7073;
	}


.site-navigation ul.sf-menu > li > a {font-size:1em;color:#828282;font-weight:400;}
.site-navigation ul.sf-menu > li:hover > a {color:#000;}
.site-navigation ul.sf-menu li a.sf-with-ul:after {
	font-family: FontAwesome;
	content: "\f107";
	padding-left: 10px;
	}

.site-navigation  ul.sf-menu li li a.sf-with-ul:after {
	font-family: FontAwesome;
	content: "\f105";
	padding-left: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

.site-navigation  ul.sf-menu li li:hover a.sf-with-ul:after {
	padding-left: 20px;
	}

.site-navigation  ul.sf-menu li li:hover {
	background:#6f7073;
	}


@media screen and (min-width: 768px) {
	.site-navigation {display:block;margin-right:50px;}
	}
	
@media screen and (min-width: 991px) {
	.site-navigation ul.sf-menu > li > a {font-size:1.1em;}
	}

@media screen and (min-width: 1200px) {
	/*.site-navigation ul.sf-menu > li > a {font-size:1.5em;}*/ /*Sett �nsket font-st�rrelse for menyen i bred modus*/
	.sf-menu a {padding: .75em 1em;}
	}






/*
=======================================================================
	Site header search
=======================================================================
*/


.btn-site-search {
	position:absolute;top:50%;right:50px;margin-top:-25px;
	background: url(../images/icon-search.png);
	width: 50px;
	height: 50px;
	display:inline-block;
	}

.wrapper-site-search-outer {display:none;padding-bottom:10px;}
.wrapper-site-search {display:table;height:100%;width:100%;}
.wrapper-site-search-inner {display:table-cell;vertical-align:middle;}

.site-search {
	width:100%;
	padding:0;
	border: 0;
	margin-top:0;
	margin-bottom:0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	border: 1px solid rgba(0, 0, 0, 0.3);
	}
	
.site-search div {
	box-sizing: border-box;
	width: 100%;
	display: table-cell;
	}

.site-search input[type=text] {
	height: 45px;
	line-height:50px;
	width: 100%;
	padding: 0 20px;
	float:left;
	margin: 0;
	border: 0;
	color: #000;
	font-size: 1em;
	font-weight:100;
	background: #fff;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	}

.site-search input[type=text]:focus {outline:0;}

.site-search button {
	float:left;
	width: 45px;
	height: 45px;
	border: 0;
	background: url(../images/icon-search.png) no-repeat #fff;;
	color: #bfbfbf;
	cursor: pointer;
	font-size: 1.4em;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	opacity:0.8;
	}

.site-search button:hover {
	opacity:1;
	}
	

@media screen and (min-width: 768px) {
/*	.btn-site-search {display:none;}*/

.btn-site-search {
	right:15px;
	}

/*	.wrapper-site-search {position:absolute;top:50px;right:15px;width:230px;display:table;padding-top:0;z-index:9999;}*/
	}

@media screen and (min-width: 1200px) {
	/*.wrapper-site-search {width:350px;}*/ /*Sett �nsket bredde p� s�kefeltet*/
	}


/*
=======================================================================
	Search filter
=======================================================================
*/


.section-search input[type="checkbox"] {margin-right:10px;}



/*
=======================================================================
	Fast food
=======================================================================
*/

/*
.hamburger-wrapper {display:table;float:right;	width: 50px;height: 100%;background: yellow;}
.hamburger-wrapper-inner {display:table-cell;vertical-align:middle;}
*/

.c-hamburger {
  display: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 40px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
	background:none;
	z-index:999999;
	}

.c-hamburger:focus {
  outline: none;
	}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 17px;
  left: 0;
  right: 0;
  height: 4px;
	}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
	}

.c-hamburger span::before {
  top: -10px;
	}

.c-hamburger span::after {
  bottom: -10px;
	}

/*
.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
	}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
	}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
	}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
	}

.c-hamburger--htx.is-active span {
  background: none;
	}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
	}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
	}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
	}
*/


header .c-hamburger {
  position: absolute;
	top:50%;
	margin-top:-20px;
	right:15px;
	}

header .c-hamburger span {background: #000;}
header .c-hamburger span::before,
header .c-hamburger span::after {
  background-color: #000;
	}


@media (max-width:767px) {
	.c-hamburger {display:block;}
	}






/*
=======================================================================
	Site hero
=======================================================================
*/


.hero {
	height:300px;
	display:table;
	width:100%;
	position:relative;
	}
/*
.hero::before {
	background: rgba(0, 0, 0, 0.55);
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	}
*/

.hero-content {
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	text-align:center;
	position:relative;
	z-index:99;
	}

.hero-content h2 {
	font-weight:100;
	font-size:1.8em;
	}

@media (min-width:768px) {
	.hero {height:400px;}
	.hero-content h2 {font-size:2.4em;}
	}

@media (min-width:1200px) {
	.hero {height:500px;}
	.hero-content h2 {font-size:3em;}
	}



/*
=======================================================================
	Front page social
=======================================================================
*/

.front-page-social {
	text-align:center;
	}
	
.front-page-social a {
	font-size:1.3em;
	text-decoration:none;
	line-height:45px;
	position:relative;
	padding-left:60px;
	}

.front-page-social a:hover {
	text-decoration:underline;
	}

.front-page-social a[class*="-facebook"]:before {
	position:absolute;
	top:-10px;
	left:0;
	font-family: FontAwesome;
	content: "\f09a";
	margin-right:10px;
	border-radius: 505px;
	display: block;
	width: 45px;
	height: 45px;
	line-height:45px;
	float:left;
	}

.front-page-social a[class*="fribu"] {color: #f7941e;}
.front-page-social a[class*="speideren"] {color: #5f6708;}

.front-page-social a[class*="fribu"]:before {border: 1px solid #f7941e;}
.front-page-social a[class*="speideren"]:before {border: 1px solid #5f6708;}


@media (max-width:767px) {
	.front-page-social div[class*="col-"] {margin-bottom:30px;}
	.front-page-social div[class*="col-"]:last-child {margin-bottom:0;}
	}



/*
=======================================================================
	Front page partners
=======================================================================
*/

.front-page-partners h2 {font-size:1.1em;font-weight:400;color: #999;margin-bottom:50px!important;}
.front-page-partners {border-top: 1px solid rgba(0,0,0,0.15);display:none;}


/*
=======================================================================
	Site footer
=======================================================================
*/



.site-footer {
	background-color: #1a1a1a;
	color: #C5C5C5;
/*	padding: 15px 0 15px 0;*/
	}

/*
.site-footer p {
	opacity:0.6;
	}
*/	

.footer-section a {
	color:#fff;
	opacity:1;
	text-decoration:underline;
	}

.footer-section p:last-of-type {
	margin:0;padding:0;
	}

.footer-section h2 {
	font-weight:200;
	opacity:1;
	margin:0 0 7px 0;
	}

@media (min-width:768px) {
/*
	.site-footer {
		padding: 60px 0 100px 0;
		min-height:350px;
		}
*/		

	.footer-section h2 {
		font-weight:200;
		opacity:1;
		margin:0 0 15px 0;
		}
		
	}


/*
=======================================================================
	Site sub footer
=======================================================================
*/

.sub-footer {
	padding:30px 0;
	background: #171717;
	}

.sub-footer,
.sub-footer a {
	color:#b5b5b5
	}


@media (min-width:768px) {
.sub-footer .copyright {float:left;}
.sub-footer .credits {float:right;}
	}

