/* Theme Name:   Simple UU Child Theme
URI:    http://www.inbusiness.no
Description:  A Child theme for Simple UU by InBusiness AS. Enkelt tema med hovedfokus på Universell Utforming
Author:       Yngve Wikøren Nilsen @InBusiness.no Author
URI:   http://no.linkedin.com/in/ywndotno
Template:     simpleuu
Version:      1.0.0
Tags:         universell-utforming, responsivt, fleksibel, layout-bygger
Text Domain:  simpleuu-child*
//* =Theme customization starts here-------------------------------------------------------------- */
@import url('../simpleuu/style.css');
@import url('fonts/typicons/src/font/typicons.min.css');

body,html{
	font-family:'Museo Sans W01_300','Open Sans', arial,sans-serif; 
	line-height:1.4em;
}
.font-300{
	font-family:'Museo Sans W01_300','Open Sans', arial,sans-serif; 
}
.font-700{
	font-family:'Museo Sans W01_900','Open Sans', arial,sans-serif; 
}
.font-900{
	font-family:'Museo Sans W01_900','Open Sans', arial,sans-serif; 
}
/*
	-------------------------------------------------------
	HEADERS
	-------------------------------------------------------
*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Museo Sans W01_900','Open Sans', arial,sans-serif; 
	font-weight:normal;
	color: #000000;
	margin:0 0 0 0;
	padding:.618em 0;}
	strong,b{
	font-family: 'Museo Sans W01_900','Open Sans', arial,sans-serif; 
	font-weight:normal;
	}
h1, h2, h3, h4, h5, h6 {}
h1{
	font-size:2.128rem;
	line-height:1.2em;}
h2{
	font-size:1.2rem;
	line-height:1.2em;
	padding-bottom:0;}
h3{
	font-size:1rem;
	line-height:1.2em;
	padding-bottom:0;}
h4{
	font-size:1rem;
	line-height:1.2em;
	padding-bottom:0;
	color:black;
	text-decoration:underline;}
h5{
	font-size:1rem;
	line-height:1.2em;
	padding-bottom:0;
	color:black;
	font-weight:normal;}
h6{
	font-size:1rem;
	line-height:1.2em;
	padding-bottom:0;
	color:black;
	font-weight:normal;
	font-style:italic;}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child{margin-top:0;padding-top:0;}
h1 ~ p:first-of-type,
h2 ~ p:first-of-type,
h3 ~ p:first-of-type,
h4 ~ p:first-of-type{margin-top:0;}
aside h1 {
	font-size:1.1em;
	line-height:1.2em;}
/*
	-------------------------------------------------------
	INLINE ELEMENTS
	-------------------------------------------------------
*/
a {
	color: #222222;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-o-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-transition:color .3s ease-in-out;
	-moz-transition:color .3s ease-in-out;
	-o-transition:color .3s ease-in-out;
	-ms-transition:color .3s ease-in-out;
	transition:color .3s ease-in-out;
	text-decoration:none;
}
a:hover{
	color:#333333;
	text-decoration:underline;
	}
nav a{
	color:#000;
	text-decoration:none;}
nav a:hover{color: #333333;}
a > .hide {
	display: none;
}
/*common*/
.outline {
    outline: 2px solid #137EFF !important;
}
.select {
    position: relative;
	display: inline-block;
	width: 100%;
	background-color: #bbddf4;
	border: none;
	height: 50px;
}
.select select {
    display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 16px 25px;
	font-size: 1rem;
	font-weight:bold;
	outline: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	background-image: none;
	color: #000000;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	max-width: none;
}
.select select::-ms-expand {
    display: none;
}
.select select:hover,
.select select:focus {

}
.select select:disabled {
    opacity: 0.5;
    pointer-events: none;
}
.select__arrow {
    position: absolute;
	top: 22px;
    right: 25px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-style: solid;
	border-width: 5px 6px 0 6px;
    border-color: #222222 transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
    border-top-color: #355b7b;
}
.select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}
.hidden{
	display:none!important;
}
.no-background > *,
.no-background{
	background-image:none!important;
}
.no-shadow > *,
.no-shadow{
	box-shadow:none!important;  
}
div[class*="vc_btn"] > *[class*="color-white"]{
	font-weight:700;
	font-size:1.176rem!important;
	border:none!important;
	color:#222222!important;
}
div[class*="vc_btn"] > *[class*="color-white"]:hover{
	background-color:#ffffff!important;
}
div[class*="-left"] > *[class*="color-white"]{
	text-align:left;
	padding-left:0;
 }
 div[class*="vc_btn"] > *[class*="-style-custom"]{
	font-weight:700;
	font-size:1.176rem!important;
	border:none!important;
	background-image:none!important;
	box-shadow:none!important;
}
/*header-menu*/
.logo img {
    min-width: 200px;
}
#header.sticky{		
	position:fixed;
	top:0;
	z-index:100;
	height:75px;
	min-height:0;
	width:100%;
	background-color:#bbddf4;
	box-shadow:0 1px 5px rgba(0,0,0,0.2);
}
#header.sticky + #contents{
	padding-top:74px;
}
#header.sticky  > .maxpage{	
	position:relative;
	width:100%!important;	
	max-width:none;
}
#header .logo a > img{
	width:auto;
	height:50px;
	position:static;
}
#header .logo a{
	display:inline-block;
	height:50px;
	margin:10px 0 10px 20px;   
}
.mobileview .header-menu-inline #headernav{
	position:relative;
	left:0;
	height:1px;
}
button.menu_btn{
	background-color: transparent;
	position: absolute;
	top: -64px;
}
button.menu_btn span {
	background-color:#231f20;
	-webkit-transition:all .45s ease-in-out;
	-moz-transition:all .45s ease-in-out;
	transition:all .45s ease-in-out;
}
.open button.menu_btn span:nth-child(1){
	width:0;
}
.open button.menu_btn span:nth-child(2){
	-webkit-transform: rotate(45deg) translateY(0px) translateX(0px)!important;
          transform: rotate(45deg) translateY(0px) translateX(0px)!important;
}
.open button.menu_btn span:nth-child(3){
	-webkit-transform: rotate(-45deg) translateY(0px) translateX(0px)!important;
          transform: rotate(-45deg) translateY(0px) translateX(0px)!important;
	}
#primary-nav ul li a::after{
	display:none;
}	
#header.sticky #primary-nav  > h2{
	-webkit-transition: height 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: height 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	position: fixed;
	left: 0;
	right:0;
	width:100%;
	height:0;
	background: #bbddf4;
	z-index: 1000;
	top: 74px;	
	padding:0;
}
#header.sticky.open #primary-nav  > h2{
	height: 100%;
}
#header.sticky .maxpage > * #primary-nav > div > ul{
	position: static;
	list-style-type: none;
	display: -webkit-flex;
	display: flex;
	margin: auto;
}
#header.sticky .maxpage > * #primary-nav > div > ul > li{
	width:33.33%;
	margin:0;
	box-sizing:border-box;
	padding:0 3.1%;
	vertical-align:top;
}
.home .home-menu .vc_btn3-container .vc_btn3.vc_btn3-size-lg,
#header.sticky .maxpage > * #primary-nav > div > ul > li > a{
	display: block;
	background-color: #355b7b;
	padding: 22px 60px 22px 25px;
	font-size: 1.569rem!important;
	text-transform: uppercase;
	color: #ffffff;
	width: 100%;
	font-weight: 100;
	text-decoration: none;
	line-height:1.2em;
	text-align:left;
	max-width:350px;
}
#header.sticky .maxpage > * #primary-nav > div > ul > li  > ul > li a{
	color:#231f20;
	text-decoration: none;
	text-align:left;
	padding:0;
	display:inline-block;
	font-size:1rem;
	font-family:'Museo Sans W01_900','Open Sans', arial,sans-serif; 
}
#header.sticky .maxpage > * #primary-nav > div > ul > li > a:after{
	display: block;
    font-family: typicons;
    font-weight: 100;
    position: absolute;
    content: '\2192';
    width: 1em;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    top: 50%;
	bottom:auto;
    right: 26px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    left: auto;
    background-color: transparent;
    text-align: right;
}
#header.sticky .maxpage > * #primary-nav > div > ul > li  > ul > li{
	padding:0 15px 25px 15px;
	width:100%;
	float:left!important;
}
#header.sticky .maxpage > * #primary-nav > div > ul > li  > ul > li:first-child{
	margin-top:25px;
}
#header.sticky .menu-main-menu-container{
	padding-top: 0;
	overflow: hidden;
	display:block;
	position: absolute;
	top: 54px;
	left: 15px;
	right: 15px;
	z-index:9999;
	height: 0!important;
	width: 0!important;	
	background: #bbddf4;
	-webkit-transition:all .8s ease-in-out;
	-moz-transition:all .8s ease-in-out;
	transition:all .8s ease-in-out;
	opacity:0;
}	
#header.sticky.open .menu-main-menu-container{
	opacity:1;
	height: auto!important;
	width: auto!important;
}
/*content*/
#contents{
	width:100%;
	overflow-x:hidden;
	float:left;
}
#contents:before,
#contents:after{
	display:table;
	content:'';
}
/*footer*/
#footer{
	padding:0;
}
#footer div:empty{
	display:none!important;
}
.home #footer{

}
/*home page*/

.home .home-menu {
	background-position:top center!important;
	margin-left: -7.5px!important;
    margin-right: -7.5px!important;
}
.home .home-menu  > .vc_column_container{
	padding-left: 0;
	padding-right: 0;
}
.home .home-menu  > .vc_column_container > .vc_column-inner {
	padding-left: 0;
	padding-right: 0;
	padding-top: 53px;
}
.home .home-menu  > .vc_column_container > .vc_column-inner  > .wpb_wrapper{
	padding: 0 9%;
	width: 100%;
}
.home .home-menu .vc_btn3-container.vc_btn3-inline{
	margin-bottom:0;
	width:100%;
	text-align:left;
}
.home .home-menu ul.menu{
	list-style-type:none;
	margin:0;
	padding-top:10px;
}
.home .home-menu .vc_btn3-container .vc_btn3.vc_btn3-size-lg .vc_btn3-icon {
    font-size: 1em;
    height: 1em;
    line-height: 1em;
}
.home .home-menu .vc_btn3-container .vc_btn3.vc_btn3-size-lg .vc_btn3-icon:before{
	font-size: 1em;
    text-align: right;
    font-family: arial;
    content: '';
	background-image: url(gfx/arrow.svg);
	background-repeat:no-repeat;
	background-position:left center;
}
#header.sticky .maxpage > * #primary-nav > div > ul > li > a b,
.home .home-menu .vc_btn3-inline b{
	font-family:'Museo Sans W01_900','Open Sans', arial,sans-serif; 
}
.home .home-menu > div ul.menu > li  {
	display:inline-block;
	margin:7px 5px 0px 0;
	padding:0;
}
.home .home-menu > div ul.menu > li a{
	display:inline-block;
	padding:7px 12px;
	font-size:1.176rem;
	font-size:1.0rem;
	background-color:#f0faff;
	color:#231f20;
	text-decoration: none;
}
/*events*/
.event-search-form-container{
	display: -webkit-flex;
    display: flex;
	width:100%;
	margin-bottom:2rem;
}
.event-search-form-header{
	margin-bottom:15px;
}
.event-search-form-container .event-search-col-2,
.event-search-form-container .event-search-col-1{
	width:40%;
	padding-right:15px;
}
.event-search-form-container .event-search-col-2 select{
	text-transform:capitalize;
}
.event-search-form-container .event-search-col-3{
	width:20%;
}
.event-search-form-container .event-search-col-3 input{
	background-color: #355b7b;
	padding: 16px 15px;
	border: 0;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	font-size:16px;
	border-radius: 0;
	font-weight:100;
	color:#ffffff;
  -webkit-appearance: none;
}
/*page*/
.page_description_sidebars {
	display: -webkit-flex;
    display: flex;
	
}
.page_description_sidebars > p{
	width:60%;
	color:#ffffff;
	font-size:1.098rem;
	line-height:1.4em;
}
.page_description_sidebars  .h2{
	color:#ffffff;
	width:40%;
	font-size:2.667rem;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:15px;
}
.subpages-list .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.page-item-inner{
	background-color:#f0faff;
	height:100%;
}
.page-item-inner .page-thumbnail{
	background-color:#355b7b;
	line-height:1px;
	text-align:center;
}
.page-item-inner .page-thumbnail img{
	max-width:1920px;
	width:100%;
}
.page-item-inner .page-excerpt{
	padding:20px;
}
.page-item-inner .page-headline{
	margin:0 0 15px 0;
	max-height:2.8em;
	overflow:hidden;
}
.page-item-inner .page-headline + p{
	max-height:4.2em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.page-item-inner .read-more{
	margin-top:15px;
	display:inline-block;
}
.page-item-inner .read-more .arrow{
	font-family:'Museo Sans W01_300','Open Sans', arial,sans-serif; 
}
.breadcrumb_last{
	font-weight:700;
	font-family:'Museo Sans W01_700','Open Sans', arial,sans-serif; 
}
.banner-row{
	height: 39vw;
	max-height:400px;
	min-height:200px;
}
.banner-row p,
.banner-row div{
	position:relative;
	height:100%;
	margin-top:0!important;
	margin-bottom:0!important;
	padding-top:0!important;
	padding-bottom:0!important;
}
.banner-row .logo-overlay-banner{
	height: 168%;
	max-height: 670px;
	width: auto;
	position: absolute;
	left: -168px;
	top: -140px;
}
.banner-row .wpb_wrapper{
	background-image:url('gfx/OsSentrum_logo_icon_color.svg');
	background-repeat: no-repeat;
	background-size: 670px 169%;
	background-position: -164px center;
}
.overlay-logo > div{
	position:relative;
	overflow:hidden;
}
.overlay-logo > div:after{
	background-image: url(gfx/OsSentrum_logo_icon_color.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    height: 30vw;
    width: 100%;
    display: block;
    position: absolute;
    bottom: calc(63px + -7%);
	left: -25%;
    content: '';
    z-index: 2;
}
.overlay-logo > div >.wpb_wrapper {
    position:relative;
	z-index:3;
}
.filter_keyword_sidebars{
	padding:14px 25px;
	background-color:#bbddf4;
	width:100%;
}
.filter_keyword_sidebars .select-box{
	display:none;
	width:100%;
}
.filter_keyword_sidebars .select-box label{
	margin-bottom:10px;
}
.filter_keyword_sidebars .select-box .select{
	background-color:#ffffff;
}
.filter-list{
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
}

.filter-list  li{
	display:inline-block;
	font-weight:700;
	font-family:'Museo Sans W01_700','Open Sans', arial,sans-serif; 
	margin-left:30px;
}
.filter-list  li:first-child{
	margin-left:0px;
}
.filter-list  li,
.filter-list  li a{
	font-size:1rem;
}
.filter-list  li.current ,
.filter-list  li.current *{
	font-weight:100;
	font-family:'Museo Sans W01_300','Open Sans', arial,sans-serif; 
}
.vc_grid.vc_row.vc_grid-gutter-30px + .vc_grid.vc_row.vc_grid-gutter-30px{
	margin-top:30px;
}
.wpb_gmaps_widget .wpb_wrapper{
	padding:0;
}
.footer-fixed-row{
	position:fixed!important;
	margin:0!important;
	z-index:1000;
	left:0!important;
	right:0!important;
	background-color:#ffffff;
	bottom:0;
}
.footer-fixed-row .vc_column_container > .vc_column-inner {
    padding: 20px 0px!important;
}
.footer-fixed-row .vc_column_container > .vc_column-inner .wpb_content_element{
	margin:0;
}
a.is_block{
	display:block;
}
a.is_block:hover{
	text-decoration:none;
}
@media (min-width: 768px){
	.vc_col-sm-4.page-item {
		width:33.3%;
	}
}
/*smalless 1024*/
@media screen and (max-width:1024px){
	.banner-row .logo-overlay-banner{
		left: -16vw;
		top: -13vw;
	}
	.banner-row .wpb_wrapper{
		background-position:-17vw center;   
		background-size: 65vw 169%;
	}
	
}
@media screen and (max-width:768px){
	.subpages-list .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
		display: block;	
	}
	.page-item-inner .page-headline,
	.page-item-inner .page-headline + p{
		max-height:none;
	}
	.home #footer{
		position:static;
	}
	.overlay-logo > div:after {
		background-size: 70vw;
		background-position: 0 0;
		height: 61vw;
		width: 90%;
		bottom: -9%;
		left: -22%;
	}
	#footer-socket,
	.vc_column_container > .vc_column-inner{padding-left:15px;padding-right:15px}
}
@media screen and (max-width:620px){
	.filter_keyword_sidebars .select-box{
		display:inline-block;
	}
	.filter_keyword_sidebars ul{
		display:none;
	}
	#header.sticky .menu-main-menu-container{
			overflow-y:auto;	
			top:0px;
			position:relative;
			left:0;
			padding:15px;
			width:100%!important;
	}	
	#header.sticky #primary-nav > .screen-reader-text{
		display:none;
	}
	#header.sticky.open .menu-main-menu-container{
		height:calc(98vh - 54px)!important;
	}
	.header-menu-inline .maxpage > * #primary-nav > div *{
		height:auto;
	}
	#header.sticky .maxpage > * #primary-nav > div > ul{
		display:block;
		width:100%;
	}
	#header.sticky .maxpage > * #primary-nav > div > ul > li > a{
		font-size:1.1rem;
		width:100%;
	}
	#header.sticky .maxpage > * #primary-nav > div > ul > li > ul > li a{
		font-size:1rem;
	}
	.mobileview #header.sticky  #primary-nav.inline ul li{
		clear:both;
		float:left;
		width:100%;
		display:block;
	}
	#header.sticky .maxpage > * #primary-nav > div > ul > li{
		padding-left:0;
	}
	.wpb_wrapper .page_description_sidebars{
		display:block;		
	}
	.wpb_wrapper .page_description_sidebars > *{
		width:100%;
	}
	.banner-row .logo-overlay-banner{
		left: -91px;
		top: -68px;
	}
	.banner-row .wpb_wrapper{
		background-position:-100px center;   
		background-size: 370px 169%;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width:740px) and (max-height:740px){
	.footer-fixed-row{
		position:static!important;
	}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 740px) {
	.footer-fixed-row{
		position:static!important;
	}
} 
/* landscape----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 740px)
and (orientation : landscape) {
	.footer-fixed-row{
			position:static!important;
		}
}
 
/* portrait----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 740px)
and (orientation : portrait) {
	.footer-fixed-row{
		position:static!important;
	}
}
/*
Du kan legge til din egen CSS her.

Klikk hjelp-ikonet over for å lære mer.
*/

/* content padding */
.vc_column_container {
    padding-left: 30px;
    padding-right: 30px;
}


/* fix content h1 */
#contents h1:first-of-type {
	font-family:'Museo Sans W01_300','Open Sans', arial,sans-serif!important;
	text-transform:uppercase;
	font-size:2.5rem}


/*set hover transition primary menu */
 #header.sticky .maxpage > * #primary-nav > div > ul > li > a{
-moz-transition:all .35s ease-in-out;
-ms-transition:all .35s ease-in-out;
-o-transition:all .35s ease-in-out;
transition:all .35s ease-in-out;}

/* set hovereffect big menu buttons */
.home .home-menu .vc_btn3-container .vc_btn3.vc_btn3-size-lg:hover, #header.sticky .maxpage > * #primary-nav > div > ul > li > a:hover {
	background-color:#244560!important;}

/* set transition home custom menues */
.home .home-menu > div ul.menu > li a{
	-webkit-transition:all .35s ease-in-out;
-moz-transition:all .35s ease-in-out;
-ms-transition:all .35s ease-in-out;
-o-transition:all .35s ease-in-out;
transition:all .35s ease-in-out;}

/* set home custom menu hover effect*/
.home .home-menu > div ul.menu > li a:hover {
	background-color:#bbddf4;}

/* set box transitions */
.is_block .page-item-inner{
	-webkit-transition:all .35s ease-in-out;
-moz-transition:all .35s ease-in-out;
-ms-transition:all .35s ease-in-out;
-o-transition:all .35s ease-in-out;
transition:all .35s ease-in-out;}

/* set home custom menu hover effect*/
.is_block:hover .page-item-inner {
	background-color:#bbddf4;}

.page-item-inner .page-thumbnail {
	overflow:hidden;}
.is_block .page-item-inner .page-thumbnail img{
-moz-transition:all .35s ease-in-out;
-ms-transition:all .35s ease-in-out;
-o-transition:all .35s ease-in-out;
transition:all .35s ease-in-out;}
.is_block:hover .page-item-inner .page-thumbnail img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);}