/*

 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');
body {
	background: #ebebeb;
}

h1, h2, h3, h4, h5, h6 {
}

h1, h2, h3, h4, h5, h6, blockquote {
}

.logo {
	xmax-width: calc(100% - 160px);
	margin: 0px 80px 0 40px!important;
	padding: 0;
	font-weight: bold;
	text-align:center;
	-webkit-transform: translateY(15%);
	-moz-transform: translateY(15%);
	transform: translateY(15%);
	z-index:1000;
	position:relative;
}

.logo a {
	display: inline-block;
}

.logo svg {
	width: 100%;
	max-width: 240px;
}
header{
	border-bottom:10px solid #ca5030;}

header .menu{
	display:block;}
header.open .menu {
	margin:0;
	display:block;}

/*
body:not(.home) > *{
	width:calc(100% - 250px);
	margin-left:250px;}
	*/
body:not(.home) header .menu {
	display:inline-block;
	top:10px;
	left:0;
	height:100%;
	width:250px;}
	




body > #footerwidgets h1 {color:white;}
body > footer {font-size:.618em;}
@media only screen and (min-width: 768px) {
.wpb_column .vc_column-inner .wpb_wrapper{}
/*.wpb_column .vc_column-inner .wpb_wrapper{max-width:400px;}*/
.wpb_column:first-child .vc_column-inner .wpb_wrapper{margin-left:auto;}
}
button.menu_btn{
	background:#503946;
	top:30px;
	right:30px!important;}
@media all and (min-width: 800px){
	button.menu_btn{display:inline-block;}
}
@media all and (max-width: 380px){
	.open button.menu_btn {
		left: calc(100% - 80px);}
}
nav#navigation {
	margin:0;}
.menu {
	position:absolute;
	z-index:1000;
	top:80px;
	background:white;}

.inbus-slide-content{
	left:0;
	right:0;
	padding:0 0 0 0%!important;
	xpadding-left:calc(50% + 30px) !important;}
.inbus-slide-content > h1{ display:none;}
.inbus-slide-content > *{
	color:#4f3744!important;
	xmax-width:800px;
	box-sizing:border-box;}
.inbus-slideshow #inbus-slideshow-slide1:checked ~ #inbus-slideshow-active label:nth-child(1), .inbus-slideshow #inbus-slideshow-slide2:checked ~ #inbus-slideshow-active label:nth-child(2), .inbus-slideshow #inbus-slideshow-slide3:checked ~ #inbus-slideshow-active label:nth-child(3), .inbus-slideshow #inbus-slideshow-slide4:checked ~ #inbus-slideshow-active label:nth-child(4), .inbus-slideshow #inbus-slideshow-slide5:checked ~ #inbus-slideshow-active label:nth-child(5), .inbus-slideshow #inbus-slideshow-slide6:checked ~ #inbus-slideshow-active label:nth-child(6), .inbus-slideshow #inbus-slideshow-slide7:checked ~ #inbus-slideshow-active label:nth-child(7), .inbus-slideshow #inbus-slideshow-slide8:checked ~ #inbus-slideshow-active label:nth-child(8), .inbus-slideshow #inbus-slideshow-slide9:checked ~ #inbus-slideshow-active label:nth-child(9), .inbus-slideshow #inbus-slideshow-slide10:checked ~ #inbus-slideshow-active label:nth-child(10){background-color:#4f3744;}
.custom-button {
    bottom: 200px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
}
/* .custom-button-row{
	top: 200px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
} */
.button-wrap{
	 display: inline-block;
	  margin:0 35px;
}
.custom-button-link {
    border-radius: 85px !important;
    height: 170px;
    line-height: 6em;
    text-align: center;
    vertical-align: middle;
    width: 170px;
    background:#EB6026;
    display: table-cell;
  	color:#FFF;
  	font-size:130%;
}
.custom-button-link a{
	color:#FFF;
	text-decoration:none;
	font-size:130%;
}
#wrapper-mainmenu{
	position:absolute;
	left:-250px;
	width:250px;
	transition: left 0.45s ease-in-out 0s;
}


#header.open #wrapper-mainmenu{
	left:0;
}
header .menu{
	padding:20px;
	top:10px;
	box-sizing: border-box;
	position:relative; 
	width:250px;
}
li > .sub-menu {
	padding-left:20px;
}
body:not(.home) #contents {
	padding-top:100px;
}
nav#navigation ul li.current-menu-item a {
    color: #000;
}
nav#navigation ul li.current-menu-item > a {
    color: #c12f2e;
}
@media only screen and (min-width: 1025px) and (max-width:1600px) {
	.custom-button{
    	bottom: 150px;
	}
	.custom-button-link {
	    font-size: 100%;
	    height: 120px;
	    width: 120px;
	}
}
@media only screen and (min-width: 980px) and (max-width:1024px) {
	.custom-button {
    	bottom: 100px;
	}
	.custom-button-link {
	    font-size: 75%;
	    height: 100px;
	    width: 100px;
	}
	.inbus-slideshow .inbus-slide-content {
	    font-size: 1em;
	}
}
@media only screen and (min-width: 768px) and (max-width:979px) {
	.custom-button{
    	bottom: 100px;
	}
	.custom-button-link {
	    font-size: 75%;
	    height: 100px;
	    width: 100px;
	}
	.inbus-slideshow .inbus-slide-content {
	    font-size: 0.8em;
	    top:40%;
	}
}
@media only screen and (max-width: 767px) {
	.custom-button {
    	position:inherit;
	}
	.custom-button-row {
	    left: 0;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    top: 100px !important;
	}
	.custom-button-link {
	    font-size: 75%;
	    height: 100px;
	    width: 100px;
	}
	.inbus-slideshow .inbus-slide-content {
	    font-size: 1em;
	    top:40%;
	}
	.wpb_text_column{
		padding:0 15px;
	}
	body > section#footerwidgets {
	    padding: 2rem 15px;
	}
	body > footer {
	    padding: 1em 15px;
	}
	body:not(.home) #contents {
		padding-top:50px;
	}
}
@media only screen and (max-width: 667px) {
	
	.custom-button-link {
	    font-size: 75%;
	    height: 100px;
	    width: 100px;
	}
	
}
@media only screen and (max-width: 530px) {
	
	.custom-button-link {
	    font-size: 10px;
	    height: 70px;
	    width: 70px;
	}
	.button-wrap {
		margin:0 15px;
	}
}
@media only screen and (max-width: 380px) {
	
	.inbus-slideshow .inbus-slide-content {
	    font-size: 0.8em;
	}
}
@media only screen and (min-width: 800px) {}
@media only screen and (min-width: 1200px) {}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 800px) {}