/*
 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 variables
 */
:root {
	--outline-color: #ff0000;
}

/*
	GENERAL STYLES
*/
/* general typography */

/* Visual Composer ROW Helper classes */

/* Visual Composer Helper classes */

/*
	CONTENT ELEMENTS
*/

/* Header */

/* Logo */

/* Primary Menu */



/*
	THEME CUSTOM TEMPLATES
*/


/* MEDIA QUERIES( can we do without them? )
-------------------------------------------- */
/*
 * GENERAL
 * */
body {
	font-size:1.125rem;
}
body, h1, h2, h3, h4, h5, h6 {
	font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}
h1, h2, h3 {
	font-weight:bold;
}
h1,
.inbusiness_posts-title {font-size:1.5625rem!important;line-height:1.2em;font-weight:normal;}
h2 {font-size:1.375rem;line-height:1.2em;text-transform:uppercase;font-weight:normal;}
blockquote {
	max-width:700px;
	margin:auto;
	padding:2em 0;
	font-style:italic;
	line-height:1.4em;
	position:relative;
}
blockquote:before,
blockquote:after {
	position:absolute;
	left:0;right:0;
	margin:auto;
	width:0;
	display:inline-block;
	font-size:2em;
	font-family:baskerville;
	font-weight:bold;
}
blockquote:before{
	content:'\201D';
	top:0;
}
blockquote:after{
	content:'~';
	bottom:0;
}
blockquote p {}
/*
 * HEADER
 * */
#header {z-index:99999;}
.logo img{
	height:60px;
	min-width:auto;
	margin-left: 20px;
	margin-right: 20px;
}
.logo a {padding:20px 5px; color:#004f71!important;text-decoration:none;}
.logo a:hover, .logo a:focus {color:#004f71!important;}
.logo a img {vertical-align:middle;}
#header  button.menu_btn, .search-form {
	top: 20px!important;
}

header.scrolled,
header.scrolled #headertop,
header.scrolled #headertop .maxpage{
	height:100px;
}
#header.scrolled ~ main#contents{
	padding-top:100px!important;
}
#header.scrolled .logo a {
	padding: 30px 0px 30px;
}
/*
 * MENU
 * */
button.menu_btn {
	padding:1em;
	padding-right:calc(2em + 30px);
	bottom:auto;
	width:auto;
	display:block;
	top:50px;
	text-transform: uppercase;
	font-size: 1.125rem;
	border-radius:0;
	background-image: url(https://tbg2.tbgparkering.no/wp-content/uploads/2019/09/bg-pattern-e1569832876814.png?id=1782) !important;
}
#header.scrolled button.menu_btn { top:20px;}

button.menu_btn span {
	max-width:25px!important;
	position:absolute;
	right:1em;
	left:auto;
	display:inline-block;
	height:4px;
	border-radius:0;
}
button.menu_btn span:nth-child(2),
button.menu_btn span:last-child{
	max-width:20px!important;
	right:calc(1em + 5px);
}
button.menu_btn:hover span:nth-child(2),
button.menu_btn:focus span:nth-child(2),
button.menu_btn:focus-within span:nth-child(2),
button.menu_btn:hover span:last-child,
button.menu_btn:focus span:last-child,
button.menu_btn:focus-within span:last-child{

}
#header #headernav  {
	height:0;
	background-image: url(https://tbg2.tbgparkering.no/wp-content/uploads/2019/09/bg-pattern-e1569832876814.png?id=1782) !important;
}
#header.open #headernav {
	height:auto;
}
#header #primary-nav > div:focus-within,
#header.open #primary-nav{
	overflow:hidden;
}
#header #primary-nav > div:focus-within,
#header.open #primary-nav > div {
	height: auto !important;
	overflow-y: scroll!important;
	background:#004f71;
	background-image: url(https://tbg2.tbgparkering.no/wp-content/uploads/2019/09/bg-pattern-e1569832876814.png?id=1782) !important;
	padding-bottom:4vw!important;
	padding-right:60px;
	width:calc(100vw + 60px);
}
#header.open #primary-nav > div {
	display: flex;
}

#header #primary-nav > div {
	display: none;
}

#primary-nav > div > ul{
	display:flex;
	flex-wrap: wrap;
	/*justify-content:space-evenly; */
	width:100%;
	max-width:1299px;
	margin:auto;
	padding:4vw 20px;
	height:100%;
}
#primary-nav > div > ul > li {
	width:33.333%;
	min-width:200px;
	text-align:left!important;
}
#primary-nav > div > ul > li > a {
	text-align:left!important;
	text-transform:uppercase;
	padding-left:0;
	font-size:1.375rem;
	margin-bottom: 5px;
	margin-top: 5px;
}
#primary-nav > div > ul > li > a:after {content:'';
	position:absolute;
	bottom:0;
	left:0;
	height:2px;
	width:33.333%;
	background:rgba(255,255,255,.3);
}

#primary-nav > div > ul > li > ul{
	transform:none!important;
	display:block;
	overflow:visible;
	max-width:300px;
	max-height:none;
	position:relative ;
	background-color:transparent;
	/*margin-bottom:60px!important;*/
	padding-top:1em !important;
}

.mobileview .open#header #primary-nav ul li{
	float:left;
}
#primary-nav > div > ul > li > ul > li{
	display:block;
	width:100%;
	text-align:center;
	background:none;
	border-top:1px solid rgba(255,255,255,.3);
	max-width:calc(100% - 20px);
	float: left !important;
	clear: both;
}
#primary-nav > div > ul > li > .sub-menu > li:last-child {
	margin-bottom: 60px;
}

#primary-nav > div > ul > li > ul > li:first-child{
	border-top:none;
}
#primary-nav > div > ul > li > ul > li:last-child{
	border-bottom:1px solid rgba(255,255,255,.3);
}
#primary-nav > div > ul > li > ul > li a{
	display:block;
	padding-left:0;
	text-transform:none!important;
	font-size:1.125rem;
}
#primary-nav ul ul {
	top: 0;
}
/*
 * MAIN
 * */
#contents {min-height:auto;}
.blog #main {
	padding-top:8vw;
	padding-bottom:4vw;
}
.contentmenu * {
	color:white;
}
.contentmenu .widgettitle {
	position:relative;
	padding:.309em 0;
	text-transform:uppercase;
	font-weight:normal;
}
.contentmenu .widgettitle:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	height:2px;
	width:33.333%;
	max-width:70px;
	background:rgba(255,255,255,.3);
}
.contentmenu ul {
	list-style:none;
}
.contentmenu ul li {
	margin-left:0;
	border-bottom:1px solid rgba(255,255,255,.3);
	padding:.5em 0;
	max-width:300px;
}
.contentmenu ul ul { display:none; }
.contentmenu ul li a {
	text-decoration:none;
}
/* BUTTON SCROLL */
.row-link {
	overflow:visible!important;
}
.btnscroll {
}
.btnscroll a {
	position:relative!important;
	padding:0!important;
	background:none!important;
	border:none!important;
	padding-bottom:100px!important;
	color:white!important;
	font-style:italic;
	font-size:1.125rem!important;
}
.btnscroll a i {
	position:absolute!important;
	left:0!important;
	right:0!important;
	top:2em!important;
	bottom:0!important;
	z-index:9999!important;
	height:28px!important;
	width:28px!important;
	margin:auto!important;
	padding:1em!important;
	font-size:1.618em!important;
	font-weight:bold;
	border-radius:100%;
	background:#5A96B1;
}
.btnscroll a i:before {
	display:inline-block!important;
	transform:translate(-50%,-46%);
}
/* CUSTOM SHORTCODE IMAGELINK */
.inbusiness_imagelink {
	position:relative;
	height:0;
	padding-bottom:61.8%;
	display:block;
	overflow:hidden;
}
.inbusiness_imagelink img {
	width: 100%;
}

.inbusiness_imagelink_wrap {
	position:absolute;
	top:100%;
	width:100%;
	text-align:center;
	display:inline-block;
	background:rgba(255,255,255,.8);
	transition:transform .15s ease-in-out;
	transform:translate(0, -3rem);
}
.inbusiness_imagelink_title {
	padding:.2rem .2rem 1rem .2rem!important;
	font-size:1.25rem!important;
	font-weight:bold;
	line-height:2rem;
	height:2rem;
	box-sizing:content-box;
	overflow:hidden;
	text-transform:uppercase;
	position:relative;
}
.inbusiness_imagelink_title:after {
	content: '❱';
	transform:rotate(90deg);
	position:absolute;
	top:calc(100% - 1.5em);
	left:0;right:0;
	margin:auto;
	font-size:1em;
}
.inbusiness_imagelink_text {
	padding:1em!important;
	color:#007192;
	text-align:left;
	line-height:1.2em;
	font-size:.875em;
}
.inbusiness_imagelink_title,
.inbusiness_imagelink_text {
	transition:transform .15s ease-in-out;
}
.inbusiness_imagelink:hover > .inbusiness_imagelink_wrap,
.inbusiness_imagelink:focus > .inbusiness_imagelink_wrap {
	transform:translate(0, -100%);
}

/* INBUSINESS POSTS */
.inbusiness_posts .inbusiness_posts-meta {display:none;}
.inbusiness_posts-title {
	margin-top: 1em!important;
	height: 2.4em!important;
	overflow: hidden;
	margin-bottom: .5em;
	padding-bottom: 0;
}
/*
 * FOOTER
 * */
#footer-widgets {
	margin-top:30px;
	margin-bottom:30px;
}
#footer-widgets aside {
	margin-bottom:30px;
}
#footer-widgets h1 {
	text-transform:uppercase;
	font-size:1.125rem!important;
	font-weight:bold;
}
/*
 * SOCKET
 * */
#footer-socket {
	background:#26586C;
	position:relative;
}
#footer-socket:before {
	content:'';
	position:absolute;
	z-index:1;
	left:-100vw;
	right:-100vw;
	margin:auto;
	top:0;
	height:100%;
	width:100vw;
	background:#26586C;
}
#footer-socket > * {
	position:relative;
	z-index:2;
}
#footer-socket *{
	color:white!important;
	font-weight:300;
	letter-spacing:1px;
}
.tpg-shortcode-locations .filter form,
.tpg-shortcode-locations .filter .show-filter,
.tpg-shortcode-locations .filter .hide-filter {
	background-color:#e6edf1;
}
.mobileview #header.open #primary-nav > div{
	height: auto;
}
@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 900px) {
	#footer [data-columns="3"] > * {width:100%;}
}

@media only screen and (max-width: 600px) {
	#header .logo img {
		height: auto!important;
		height: calc(100px - 40px)!important;
		margin-right:10px;
	}
	.logo a span {font-size:.618em;}
	#contents {
		padding-top: 80px!important;
	}
	#header button.menu_btn {
		top: 20px;
	}
	#header .search-form {
		top:20px;
	}
}
@media only screen and (max-width:480px) {
	button.menu_btn:before {
		display:none;
	}
	button.menu_btn {
		padding:0;
		padding-right: calc(2em + 30px);
	}
	#primary-nav > div > ul > li {
		width:100%;
	}
}

.vc_btn3.vc_btn3-style-modern {
	background-image: none !important;
	background: #005C8A !important;
	border-color: #005C8A !important;
}

.home .vc_btn3.vc_btn3-style-modern {
	background-image: none !important;
	background: transparent !important;
	border-color: transparent !important;
}

.vc_custom_1574675670923.hide {
	display: none;
}

@media only screen and (max-width: 500px ) {
	.search-form .search-submit {
		right: -35px !important;
	}
	#header button.menu_btn {
		right: 65px;
		padding-right: calc(2em + 20px) !important;
		font-size: 0.8rem !important;
		padding-left: 5px !important;
	}
	.logo a {
		padding: 30px 0px 10px;
	}
	#header .logo img {
		height: 40px !important;
		margin-left: 10px !important;
		margin-right: 10px;
	}
	.logo a span {
		font-size: .5em;
	}


}

@media only screen and (max-width: 640px ) {
	.mobileview #header.open #primary-nav > div {
		position: fixed;
		height: 100% !important;
		overflow: auto;
	}
	#primary-nav > div > ul {
		height: auto;
		padding-bottom: 110px;
	}
}

#cookiebanner {
	top: auto !important;
}

.vc_tta.vc_general .vc_tta-panel-title>a:focus {
	outline: 2px solid #ff0000 !important;
}

.search-field {
	color: #4D565C !important;
}
.search-field::placeholder {
	color: #4D565C;
}

ul li {
	color: #134E7C;
}