@import url("https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300;0,500;1,300;1,500&family=Merriweather:ital,wght@0,300;0,700;1,300;1,700&display=swap");
html,
body {
  width: 100%;
  max-width: 740px;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Merriweather", sans-serif;
  font-weight:600;
}
h3 {
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
  line-height: 1.9rem;
}

.merriweather-top {
    font-family: "Merriweather", sans-serif;
    font-size:90%;
    font-weight:600;
}

h1,
.h1 {
  font-weight: bold;
  font-size:2.5rem;
}
#tinymce .btn {
  display: inline-block;
  font-weight: 300;
  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: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-decoration: none;
}

.bg-cream {
  background-color: #eef4f0;
}
small {
  font-weight: inherit;
  font-size: 90%;
}
.font-secondary {
  font-family: "Merriweather", serif;
}
.btn {
  padding: 13px 45px;
  border-radius: 0;
  font-family: "Merriweather", serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 90%;
}
p {
  line-height: 1.7;
}

.article-content a{
  color:var(--danger)!important;
  text-decoration:none;
}
/** ############################# COLORS START #############################
Bytt alle farger ved å bruke Find and replace på følgende verdier:
body:		#212529
primary:	0,70,107,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: var(--danger)!important;
}
a:hover {
  color: rgb(34, 124, 219);
}
.text-primary {
  color: rgb(0, 70, 107) !important;
}
a.text-primary:hover {
  color: rgb(34, 124, 219) !important;
}
.bg-primary {
  background-color: rgb(0, 70, 107) !important;
}
.btn-primary,
.btn-outline-primary:hover {
  background-color: rgb(0, 70, 107);
  border-color: rgb(0, 70, 107);
  color: #fff!important;
}
.btn-outline-primary {
  border-color: rgb(0, 70, 107);
  color: rgb(0, 70, 107);
}
.btn-primary:hover {
  background-color: rgb(34, 124, 219);
  border-color: rgb(34, 124, 219);
  color: #fff;
}
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 70, 107, 0.5);
}

.text-secondary {
  color: rgb(130, 138, 145) !important;
}
a.text-secondary:hover {
  color: rgb(52, 58, 63) !important;
}
.bg-secondary {
  background-color: rgb(130, 138, 145) !important;
}
.btn-white {
  background: #fff;
}
.btn-secondary,
.btn-outline-secondary:hover {
  background-color: rgb(199, 80, 72);
  border-color: rgb(199, 80, 72);
  color: #fff!important;
}
.btn-outline-secondary {
  border-color: rgb(199, 80, 72);
  color: #fff;
}
.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, 0.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, 0.5);
}

.text-danger {
  color: rgb(225, 83, 97) !important;
}
a.text-danger:hover {
  color: rgb(172, 62, 73) !important;
}
.bg-danger {
  background-color: rgb(199, 80, 72) !important;
}
.btn-danger,
.btn-outline-danger:hover {
  background-color: rgb(199, 80, 72);
  border-color: rgb(225, 83, 97);
  color: #fff!important;
}
.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, 0.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, 0.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, 0.5);
}

.text-light {
  color: rgb(228, 229, 230) !important;
}
a.text-light:hover {
  color: rgb(196, 197, 199) !important;
}
.bg-light {
  background-color: rgb(228, 229, 230) !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, 0.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, 0.5);
}

.introtext {
  font-size: 1.2em;
}
table {
  font-size: 0.8em;
}
table thead td {
  font-weight: 700;
}
table td {
  padding: 0.5rem;
  border: 1px solid rgb(228, 229, 230);
}
table tbody tr:nth-child(even) td {
  background-color: rgb(228, 229, 230, 0.5);
}
table tfoot td {
  font-style: italic;
}
.bg-teal {
  background:#EEF4F0;
}
/** ################################################## 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: 18px;
  }
  h1,
  .h1 {
    font-size: 2.5rem;
    font-weight: bold;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
}

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

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