@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:500,700,800&display=swap');
@import url("https://use.typekit.net/msc8ves.css");

html,body {
	width: 100%;
	max-width: 740px;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'azo-sans-web', sans-serif;
	font-weight: 400;
}

h1,h2,h3,h4,h5,.nav-link {
     font-family: 'Saira Semi Condensed', sans-serif;
     font-weight:600;
     text-transform:uppercase;
    
}

::-moz-selection { background: rgba(222,136,73,.6); }
::selection { background: rgba(222,136,73,.6); }

h1 {
    font-size:2.2rem;
}

h2 {
    font-size:1.6rem;
}

h3{
    font-size:1.6rem;
}

h4 {
    font-size:1.25rem;
    margin-bottom:1rem;
    
}

#tinymce{
    line-height: 1.2;
}

#tinymce .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
	text-decoration: none;
}

/** ############################# COLORS START #############################
Bytt alle farger ved å bruke Find and replace på følgende verdier:
body:		#212529
primary:	38,143,255,1	primary (darker):	34,124,219
secondary:	130,138,145		secondary (darker):	52,58,63
success:	72,180,97		success (darker):	57,143,77
danger:		225,83,97		danger (darker):	172,62,73
warning:	222,170,12		warning (darker):	184,133,5
info:		58,176,195		info (darker):		4,97,114
light:		228,229,230		light (darker):		196,197,199
dark:		82,88,93		dark (darker):		0,0,0
**/
.body {							color: #212529;}
.text-body {					color: #212529!important;}

a, .btn-link {					color: 					rgb(250,143,65); transition:0.15s;}
a:hover { 						color: 					rgb(65,71,91); text-decoration:none;}
.text-primary {					color: 					rgb(250,143,65)!important;}
a.text-primary:hover {			color: 					rgb(34,124,219)!important;}
.bg-primary {					background-color:		rgb(65,71,91)!important;}
.btn-primary,
.btn-outline-primary:hover {	background-color:		rgb(222,136,73);				border-color: 	rgb(222,136,73);	color: #fff; border-radius:0; text-transform:uppercase; font-family: 'Saira Semi Condensed', sans-serif; padding: .75rem 1.1rem; font-size:0.9rem; font-weight:600;} 
.btn-outline-primary {			border-color:			rgb(38,143,255);				color: 			rgb(38,143,255);}
.btn-primary:hover {			background-color:		rgb(188,122,74);				border-color: 	rgb(188,122,74);	color: #fff;}
.btn-primary:focus { 			box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5); }

.text-secondary {				color: 					rgb(250,143,65)!important;}
a.text-secondary:hover {		color: 					rgb(52,58,63)!important;}
.bg-secondary {					background-color:		rgb(130,138,145)!important;}
.btn-secondary,
.btn-outline-secondary:hover {	background-color: 		rgb(65,71,91);				border-color: 	rgb(65,71,91);	color: #fff; border-radius: 0; padding: .75rem 1.1rem;}
.btn-outline-secondary {		border-color:			rgb(130,138,145);				color: 			rgb(130,138,145);}
.btn-secondary:hover {			background-color:		rgb(52,58,63);					border-color: 	rgb(52,58,63);		color: #fff;}
.btn-secondary:focus { 			box-shadow: 0 0 0 0.2rem rgba(130,138,145,.5); }

.text-success {					color: 					rgb(72,180,97)!important;}
a.text-success:hover {			color: 					rgb(57,143,77)!important;}
.bg-success {					background-color:		rgb(72,180,97)!important;}
.btn-success,
.btn-outline-success:hover {	background-color:		rgb(72,180,97);					border-color: 	rgb(72,180,97);		color: #fff;}
.btn-outline-success {			border-color: 			rgb(72,180,97);					color: 			rgb(72,180,97);}
.btn-success:hover {			background-color:		rgb(57,143,77);					border-color: 	rgb(57,143,77);		color: #fff;}
.btn-success:focus { 			box-shadow: 0 0 0 0.2rem rgba(72,180,97,.5); }

.text-danger {					color: 					rgb(225,83,97)!important;}
a.text-danger:hover {			color: 					rgb(172,62,73)!important;}
.bg-danger {					background-color:		rgb(225,83,97)!important;}
.btn-danger,
.btn-outline-danger:hover {		background-color:		rgb(225,83,97);					border-color: 	rgb(225,83,97);		color: #fff;}
.btn-outline-danger {			border-color: 			rgb(225,83,97);					color: 			rgb(225,83,97);}
.btn-danger:hover {				background-color:		rgb(172,62,73);					border-color: 	rgb(172,62,73);		color: #fff;}
.btn-danger:focus { 			box-shadow: 0 0 0 0.2rem rgba(225,83,97,.5); }

.text-warning {					color: 					rgb(222,170,12)!important;}
a.text-warning:hover {			color: 					rgb(184,133,5)!important;}
.bg-warning {					background-color:		rgb(222,170,12)!important;}
.btn-warning,
.btn-outline-warning:hover {	background-color:		rgb(222,170,12);				border-color: 	rgb(222,170,12);	color: #212529;}
.btn-outline-warning {			border-color: 			rgb(222,170,12);				color: 			rgb(222,170,12);}
.btn-warning:hover {			background-color:		rgb(184,133,5);					border-color: 	rgb(184,133,5);		color: #212529;}
.btn-warning:focus { 			box-shadow: 0 0 0 0.2rem rgba(222,170,12,.5); }

.text-info {					color: 					rgb(58,176,195)!important;}
a.text-info:hover {				color: 					rgb(4,97,114)!important;}
.bg-info {						background-color:		rgb(58,176,195)!important;}
.btn-info,
.btn-outline-info:hover {		background-color:		rgb(58,176,195);				border-color: 	rgb(58,176,195);	color: #fff;}
.btn-outline-info {				border-color: 			rgb(58,176,195);				color: 			rgb(58,176,195);}
.btn-info:hover {				background-color:		rgb(4,97,114);					border-color: 	rgb(4,97,114);		color: #fff;}
.btn-info:focus { 				box-shadow: 0 0 0 0.2rem rgba(58,176,195,.5); }

.text-light {					color: 					rgb(255,255,255)!important;}
a.text-light:hover {			color: 					rgb(196,197,199)!important;}
.bg-light {						background-color:		rgb(255,255,255)!important;}
.btn-light,
.btn-outline-light:hover {		background-color:		rgb(228,229,230);				border-color: 	rgb(228,229,230);	color: #212529;}
.btn-outline-light {			border-color: 			rgb(228,229,230);				color: 			rgb(228,229,230);}
.btn-light:hover {				background-color:		rgb(196,197,199);				border-color: 	rgb(196,197,199);	color: #212529;}
.btn-light:focus { 				box-shadow: 0 0 0 0.2rem rgba(196,197,199,.5); }

.text-dark {					color: 					rgb(82,88,93)!important;}
a.text-dark:hover {				color: 					rgb(0,0,0)!important;}
.bg-dark {						background-color:		rgb(82,88,93)!important;}
.btn-dark,
.btn-outline-dark:hover {		background-color:		rgb(82,88,93);					border-color: 	rgb(82,88,93);		color: #fff;}
.btn-outline-dark {				border-color: 			rgb(82,88,93);					color: 			rgb(82,88,93);}
.btn-dark:hover {				background-color:		rgb(0,0,0);						border-color: 	rgb(0,0,0);			color: #fff;}
.btn-dark:focus { 				box-shadow: 0 0 0 0.2rem rgba(82,88,93,.5); }

.introtext {
	font-size: 1.2em;
}
table {
	font-size: .8em;
}
table thead td {
	font-weight: 700;
}
table td {
	padding: .5rem;
	border: 1px solid rgb(228,229,230);
}
table tbody tr:nth-child(even) td {
	background-color: rgb(228,229,230,.5);
}
table tfoot td {
	font-style: italic;
}

/** ################################################## MEDIA QUERIES ################################################## **/



html,body {	font-size: 14px; }

/** Small devices (landscape phones, 576px and up) **/
/** Bootstrap: -sm **/
@media (min-width: 576px) {
	html,body {	font-size: 15px; }
}

/** Medium devices (tablets, 768px and up) **/
/** Bootstrap: -md **/
@media (min-width: 768px) {
	html,body {	font-size: 16px; }
}

/** Large devices (desktops, 992px and up) **/
/** Bootstrap: -lg **/
@media (min-width: 992px) {
	html,body {	font-size: 17px; }
}

/** Extra large devices (large desktops, 1200px and up) **/
/** Bootstrap: -xl **/
@media (min-width: 1200px) {
	html,body {	font-size: 18px; }
}

/** HD devices (extra large desktops, 1540px and up) **/
@media (min-width: 1540px) {
}