/*
 Theme Name:   InBusiness Child
 Theme URI:    http://www.inbusiness.no
 Description:  A Child theme for InBusiness by InBusiness AS.
 Author:       Yngve Wikøren Nilsen @InBusiness.no
 Author URI:   http://no.linkedin.com/in/ywndotno
 Template:     inbusiness
 Version:      1.0.4
 Tags:         universell-utforming, responsivt, fleksibel, layout-bygger
 Text Domain:  inbusiness-child
*/
/* =Theme customization starts here
-------------------------------------------------------------- */
@import url('../inbusiness/style.css');
:root {
	--blue-highlight: #0097dc;
	--blue-darker: #006293;
	--grey-border: #eee;
}
/*
 * BLOCK STYLES FOR CLASSES
 * */
.wp-block-group.fullwidth {
	position:absolute;
	width:100vw;
	left:0;
	right:0;
}
.wp-block-group.fullwidth .wp-block-group__inner-container {
	margin:auto;
	max-width:1310px;
}
.wp-block-button__link {
	will-change:background-color, color;
	width:100%;
	font-size:.875rem;
	background-color:#f8f8f8!important;
	transition:background-color .25s ease-in-out, color .25s ease-in-out;
}
.wp-block-button__link:hover {
	background-color:var(--grey-border)!important;
}
.temaknapp .wp-block-button__link {
	display:block;
	background-color:var(--blue-highlight)!important;
}
.temaknapp .wp-block-button__link:first-line {
	font-size:1.618rem;
	line-height:1.2em;
}
.temaknapp .wp-block-button__link:hover {
	background-color:var(--grey-border)!important;
	color:black!important;
}
.medlemknapp .wp-block-button__link {
	background-color:var(--blue-darker)!important;
}
.medlemknapp .wp-block-button__link:hover {
	background-color:var(--blue-highlight)!important;
	color:white!important;
}
.ansatte figcaption {
	font-size:1.618em;
}

img[src$=".svg"] {width:100%;}
/*
	GENERAL STYLES
*/
/* general typography */
/* Visual Composer ROW Helper classes */
/* Visual Composer Helper classes */
.whitewrapper > * > * {
	background:white;
}
#main .h2blueline { position:relative;
	font-weight:normal;}
.h2blueline:before {
	content:'';
	position:absolute;
	bottom:100%;
	left:0;
	background: var(--blue-highlight);
	width: 40%;
	height:4px;
}
.h2blueline > span {
	background-color:none!important;
	padding:0 0!important;
}
.imagelink {}
.imagelink figcaption {
	position:absolute;
	right:0;
	transform:translateY(-50%);
	background: var(--blue-highlight);
	color:white;
	padding:1em;
	font-size:1rem!important;
}
.imagebutton {
	will-change: transform;
	position:absolute;
	right:0;
	xmargin-top:-1.5em;
    transform: translateY(-150%) scale(1);
}
.imagebutton:focus-within a,
.imagebutton a:hover{text-decoration:underline!important;}

#main .transformuppercase {text-transform:uppercase;font-weight:400;}
.colorwhite {color:white!important;}
.inbus-news h1 {font-size:1.2rem;line-height:1.618em;}

/*
	CONTENT ELEMENTS
*/
/* Header */
/* Logo */
/* HEader extra */
#headertop .maxpage{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
#headertop .maxpage .logo{
	min-width:275px;
}
#headertop .maxpage #headerextra{
	display:flex;
  align-items: center;
	justify-content:flex-end;
	
}
#headertop .maxpage #headerextra form{
	min-width:275px;
	display:flex;
	position: relative;
	margin-right: 10px;
}
#headertop .maxpage #headerextra form > label {
    width: calc(100%);
	float:none;
}
#headertop .maxpage #headerextra form > label input[type="search"] {
    width: 100%;
    border: 1px solid var(--grey-border);
    padding: 8px 10px;
    background: #f8f8f8;
    color: #000;
}
#headertop .maxpage #headerextra form > input[type="submit"] {
    width: 0%;
    background-color: transparent;
    color: white;
    box-shadow: none;
    border: none;
    background-image: url(gfx/search-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    padding-left: 30px;
    padding-right: 0;
    padding: .5em 0 .5em 3em;
    overflow: hidden;
    position: absolute;
    right: 0;
    height: 25px;
    top: 5px;
}
#headertop .maxpage #headerextra > div button {
	box-shadow:none;
    border: 1px solid var(--grey-border);
    padding: 1em .5em;
    background: var(--blue-highlight);
    color: white;
	margin:0 0px;
	width:150px;
}
/* Primary Menu */
#headernav {
	    display: inline-block;
    width: 100%;
}
#headernav ul {
	padding-top:0;
	margin:auto;
}
#headernav ul li a{
	color:white;
	font-size:1.46em!important;
	font-weight:600;
}
#primary-nav li.current-menu-ancestor > a, #primary-nav li.current_page_ancestor > a, #primary-nav li.current-menu-item > a, #primary-nav li.current_page_item > a {
    color: white;
	/*border*/
}
/*2nd level*/
#primary-nav li.current-menu-ancestor li > a, #primary-nav li.current_page_ancestor li > a, #primary-nav li.current-menu-item li > a, #primary-nav li.current_page_item li > a {
    color: black;
	/*border*/
}
#primary-nav li.current-menu-ancestor li > a:hover, #primary-nav li.current_page_ancestor li:hover > a, #primary-nav li.current-menu-item li:hover > a, #primary-nav li.current_page_item li:hover > a, #primary-nav li li:hover a {
    color: black;
	background:var(--grey-border);
	/*border*/
}
.desktopview #primary-nav ul ul {
	background:white;
	border: 1px solid var(--grey-border);
}
.desktopview #primary-nav ul ul a{
	color:black;
	font-size:1rem!important;
	font-weight:normal!important;
}
button.menu_btn {
	background:var(--blue-highlight);
	top:28px;
	bottom:auto;
}
.mobileview #primary-nav > .menu > ul {
	box-shadow: -5px 5px 10px 0 rgba(0,0,0,.1);
}
.mobileview #primary-nav ul a {
	color:black;
	font-size:1rem!important;
	font-weight:normal;
}
.mobileview #primary-nav ul ul a {
	font-size:.875rem!important;
}
.mobileview #primary-nav ul ul a:before {
	content: ' - ';
	display:inline-block;
}
.mobileview #primary-nav li:hover>a{
	background:var(--grey-border);
}
iframe {
	width:100%!important;
}

/* MAIN CONTENT */
#main {
	padding-right:50px;
}
#main h1 {
	font-size:1.333em;
	font-weight:600;
	display:flex;
	justify-content:space-between;
}
#main h1:after {
	content:"";
	height:1px;
	background: var(--grey-border);
	width:auto;
	display:inline-block;
	flex:1;
	margin:15px;
}
#main h2 {
	font-size:1.2em;
	font-weight:600;
}


/* PAGE MENU BOTTOM */
#menu-sidemeny {
	list-style:none;
	display:flex;
	justify-content:space-between;
	margin-bottom:50px;
}
#menu-sidemeny li {
	margin-left:0;
	text-align:center;
}

/* SIDEBAR RIGHT */
.sidebar-right {
	border-left:1px solid var(--grey-border);
	padding-left:50px;
	min-height:100vh;
}
.sidebar aside {
	margin-bottom:50px;
}
.sidebar aside .widget-title {
	font-size:1.1rem!important;
	text-transform:uppercase;
	font-weight:600;
}
/* WIDGET SEARCH */
.widget_search {}
.widget_search form {
	display:flex;
}
.widget_search label {
	width:90%;
}
.widget_search label input[type="search"]{
	width:100%;
	border:1px solid var(--grey-border);
	padding:1em .5em;
	background:#f8f8f8;
	color:var(--blue-highlight);
}
.widget_search input[type="submit"] {
	width:0%;
	background-color:var(--blue-highlight);
	color:white;
	box-shadow:none;
	border:none;
	background-image:url("gfx/icon-search.svg");
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	padding-left:30px;
	padding-right:0;
	padding:.5em 0 .5em 3em;
	overflow:hidden;
}

.widget_recent_entries {}
.widget_recent_entries ul{
	list-style:none;
	padding-top:0;
}
.widget_recent_entries li{
	margin-left:0;
	border-bottom:2px solid var(--grey-border);
	font-size:.85em;
	line-height:1.2em!important;
}
.widget_recent_entries li a{
	display:block;
	font-style:italic;
	padding: .5em 0;}

.widget_recent_entries li:first-child a{
	padding-top:0;
}
/* SHORTCODE: inbusiness_breadcrumbs */
.inbusiness_bc {
	padding:.5em 0 1em 0;
	text-align:right;
	position:relative;
	margin-bottom:50px;
}
.inbusiness_bc:after {
	content:'';
	height:1px;
	background:var(--grey-border);
	width:200vw;
	position:absolute;
	bottom:0;
	left:-50%;
}
/* SHORTCODE: inbusiness_posts */
.inbusiness_posts_wrapper .wpb_wrapper {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.inbusiness_posts {
	width:calc(33.333% - 20px);
	margin:5px;
	display:block;
	margin-bottom:30px!important;
}
.inbusiness_posts a {
	color:black;
}
.inbusiness_posts .inbusiness_posts-title{
	font-size:1.2em!important;
	font-weight:600;
}
.inbusiness_posts .inbusiness_posts-excerpt {
	font-size:1em!important;
}
.inbusiness_posts a figure img {
	will-change:transform;
	transition:transform .25s ease-in-out;
}
.inbusiness_posts a figure {
	overflow:hidden;
	margin-bottom:1rem;
}
.inbusiness_posts a:hover {
	color:black!important;
}
.inbusiness_posts a:hover .inbusiness_posts-title{
	text-decoration:underline;
}
.inbusiness_posts a:hover figure img {
	transform:scale(1.1);
	transition:transform .25s ease-in-out;
}

#menu-sidemeny {
	
}
#menu-sidemeny li{
	
}
#menu-sidemeny li a{
	display:block;
}
#menu-sidemeny li a i{
width: 100%;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
	height:auto!important;
}
#menu-sidemeny li a i:before {
	    display: inline-block;
    border: 4px solid;
    border-radius: 100%;
    width: 2em;
    height: 2em!important;
    vertical-align: middle;
    line-height: 2em;
    text-decoration: none;
	margin-right:0!important;
}


/* FOOTER */
#footer {
	padding-left:0;
	padding-right:0;
}
#footer aside {
	margin-bottom:50px;
}
#footer .widgettitle,
#footer h2{
	text-transform:uppercase;
	font-weight:600;
	font-size:1.1em;
	color:black;
}
#footer .menu {
	list-style:none;
	padding:0;
}
#footer .menu li{
	margin-left:0;
	margin-bottom:.8em;
}
#footer .menu li a{
	color:black;
	text-decoration:none;
	font-weight:600;
}
#footer .menu li a:hover{
	text-decoration:underline;
}
/* SOCKET */
#footer-socket {
	font-size:.875em!important;
	background:black;
	color:white!important;
}
#footer-socket p{
	font-size:.75em!important;
	padding:0;
}
/*
	THEME CUSTOM TEMPLATES
*/
/*
 * Blog
 */
body.blog #main ul li {
	display:flex;
	gap: 40px;
	margin-bottom:40px;
	margin-left:0;
} 
body.blog #main ul li figure{
	width:33%!important;
	max-width: 200px!important;
	float:none!important;
} 
body.blog #main ul li figure{
	width:33%;
	max-width: 200px;
} 
body.blog #main ul li > div{
	width:calc(100% - 33%);
} 
body.blog #main ul li > div .post-date{
	font-style:italic;
} 
body.blog #main ul li > div .post-date::first-letter{
	text-transform:uppercase;
} 

body.blog .paging ul {
	display:flex;
	list-style:none;
}
body.blog .paging li {
	margin-left:0!important;
	width:auto;
}
body.blog .paging li > * {
	border-radius:100%;
	border:1px solid #f4f4f4;
	margin:0!important;
	text-align:center;
	padding:.5em;
	width:2em;
	display:block;
	background-color:#006293;
	background-color:#f8f8f8;
	color:black;
    border-radius: 3em;
    line-height: 2em;
    width: 3em;
    padding: 0.5em;
    display: inline-block;
    box-sizing: border-box;
}
body.blog .paging li > span {
	background-color:#006293;
	color:white;
}
body.blog .paging li > a:hover {
	background-color:white;
	color:black!important;
}
/*
	PLUGIN AddRotate
*/
#main .inbusinessads h1 {
	font-size: .875rem;
	font-weight:normal;
	padding-bottom:0;
	line-height:1em;
	text-transform:uppercase;
}
#main .inbusinessads h1:after {display:none;}
/* Main menu 	*/
#headernav {
	height: 50px;
}
.desktopview #primary-nav ul li a{
	padding:15px 10px;
}
#headertop .maxpage #headerextra > div button#memberbtn {
	background: #000;
}
#headertop .maxpage #headerextra > div button#memberbtn {
	background-image: url(//www.spondylitten.no/wp-content/themes/enfold-child/imgs/arrow.png);
	background-color:#000;
	background-repeat: no-repeat;
	background-position: right 5px center;
	clear: both;
	padding: 8px 20px;
	border-radius: 5px;
	width: 100%;
	text-align: left;
	color:#ffffff;
    border: none;
}

/* Search result page */
.search-content-header {	
	position: relative;
}
.search-content-header .entry-title{
	padding-left: 60px;
}
.search-result-counter{
	float: left;
	position: absolute;
	padding: 10px;
	left: 0;
	height: 44px;
	width: 44px;
	border-radius: 100px;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
	background-color: #f8f8f8;
	top: 1px;
	text-align: center;
	line-height: 24px;
}
.search-content {
	padding: 10px 0 10px 60px;
}
.search-content-header .post-meta-infos{
	color: #006293;
	text-align: center;
}

/* slider */
.inbusiness_slideshow button{
	box-shadow: none;
}
/* MEDIA QUERIES( can we do without them? )
-------------------------------------------- */
@media only screen and (max-width: 1410px) {
	.maxpage {
		max-width:90%!important;
	}
	
	.inbusiness_posts {
		width:calc(50% - 20px);
		margin:5px;
	}
	/* footer */
	#footer-widgets [data-columns] > *{
		width:25%!important;
	}
}
@media only screen and (max-width: 1200px) {
[data-columns="4"] > *:nth-child(3n) {
    clear: none;
}
}
@media only screen and (max-width: 900px) {
	#headertop .maxpage #headerextra {
		width:100%;
		display: flex;
    flex-wrap: wrap;
		justify-content:space-around;
	}
	.sidebar-right {
		display:none;
	}
	#main {
    padding-right: 15px!important;
		width:100%!important;
}
}
@media only screen and (max-width: 768px) {
	/* footer */
	#footer-widgets [data-columns] > *{
		width:100%!important;
	}
}
@media only screen and (max-width: 600px) {	
	.inbusiness_posts {
		width:100%;
	}
}
ul.mcq-questions-list li.questions-single ul.ans-list li.ans-single > label{
  float: none;
}