/*

	THEME:	InBusiness AS

	AUTHOR:	Yngve Wikøren Nilsen @InBusiness

	WHAT:	General typography styles

*/

/*

	-------------------------------------------------------

	GENERAL

	-------------------------------------------------------

*/

:focus{outline: 2px solid #ff0000}



body {

	font: 1em/1.618em Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #52585c;

}

/*

	-------------------------------------------------------

	HEADERS

	-------------------------------------------------------

*/

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

	font-family: "Open Sans", sans-serif;

	font-weight:normal;

	color: #000000;

	margin:.618em 0 0 0;

	padding:.618em 0;}

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

h1{

	font-size:1.618rem;

	line-height:1.618em;}

h2{

	font-size:1.2rem;

	line-height:1.618em;

	padding-bottom:0;}

h3{

	font-size:1rem;

	line-height:1.618em;

	padding-bottom:0;}

h4{

	font-size:1rem;

	line-height:1.618em;

	padding-bottom:0;

	text-decoration:underline;}

h5{

	font-size:1rem;

	line-height:1.2em;

	padding-bottom:0;

	font-weight:normal;}

h6{

	font-size:1em;

	line-height:1.618em;

	padding-bottom:0;

	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;}

/*

	-------------------------------------------------------

	BLOCK LEVEL ELEMENTS

	-------------------------------------------------------

*/

p{}

p + p {margin-top:.618em;}

p:first-child{margin-top:0;}

blockquote{

	font-size:1.3em;

	line-height:1.2em;}

/*

	-------------------------------------------------------

	FORM ELEMENTS

	-------------------------------------------------------

*/

input[type="submit"],button{

	border:1px solid #ccc;

	background:#eee;

	border-radius:4px;

	padding:.5em 1em;

	cursor:pointer;

	box-shadow: inset 0 0 10px 0 rgba(0,0,0,.1);

	-webkit-transition:all .35s ease-in-out;

	-moz-transition:all .35s ease-in-out;

	-o-transition:all .35s ease-in-out;

	transition:all .35s ease-in-out;}

input[type="submit"]:hover,button:hover{

	box-shadow: none;}

/*Remove button padding in FF*/

input::-moz-focus-inner { border: 0; padding: 0; }

button::-moz-focus-inner { border: 0; padding: 0; }

input[type=text], textarea {

	/*font-family: "Lato", Georgia;*/

	/*font-family: "myriad-pro-condensed",sans-serif;*/

	/*font-family: "myriad-pro",sans-serif;

	font-size: 14px;*/

	font: .875em  "Open Sans", sans-serif;

	color: #6d7a83;

}

label{

	float:left;

	display:inline-block;

	width:25%;}

label + *{

	box-sizing:border-box;

	display:inline-block;

	width:75%;

	max-width: 300px;}

input[type="radio"]{

	float:none;

	width:auto;

	margin-right:.5em;

	margin-left:.5em;

}

input[type="radio"] + label {

	float:none;

}

/*

	-------------------------------------------------------

	TABLE ELEMENTS

	-------------------------------------------------------

*/

.js-tbl-wrap {

	max-width:100%;

	max-height:50vh;

	overflow:auto;

}

table{

	margin:.5em 0;

	border-collapse:collapse;

	font-size:.875rem;

	}

table tr{}

table tr:nth-child(odd){

	background:white;}

table tr:nth-child(even){

	background:#ebebeb;}

table th, table td{

	border:1px solid #636363;

	padding:.2em .5em;}

table th{}

table td{}

table thead{}

table thead tr{ background:#ebebeb!important;}

table tbody{}

table tfooter{}

/*

	-------------------------------------------------------

	LIST ELEMENTS

	-------------------------------------------------------

*/

ul,ol,dl{

	padding:1em 0;}

ul ul,ol ol,dl dl{

	padding:0 0;}

ul li,ol li,dl dl{

	margin-left:20px;}

/*

	-------------------------------------------------------

	INLINE ELEMENTS

	-------------------------------------------------------

*/

a {

	color: #c12f2e;

	-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;

}

a:hover{

	color:#c12f2e;}

nav a{

	color:#000;

	text-decoration:none;}

nav a:hover{color: #c12f2e;}

a > .hide {

	display: none;

}

img {

	border: none;

	max-width:100%;

	height:auto;

}

/*figure:not(.vc_figure) {

	position:relative;

	width:100%;

	height:0;

	padding-bottom:61.8%;

	background-color:#ebebeb;

	overflow:hidden;

}

figure:not(.vc_figure) .nothumbnail{ }

figure:not(.vc_figure) img{

	position:absolute;

	right:0;bottom:0;top:0;left:0;

	margin:auto; }

figure:not(.vc_figure) figcaption {

	position:absolute;

	bottom: 2px;

	right:2px;

	color:white;

	font-size:8px;

	line-height:1em;}*/