body {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;  
}

.alert-info {
  background-color: #58a4a1;
  border-color: #6aa2b7;
  color: #103945;
}

.button-primary {
  background: linear-gradient(#a0d0e3, #58a4a1);
  border: 1px solid #6aa2b7;
  color: #fff;
  text-shadow: 0 -1px 0 #6aa2b7;
  box-shadow: inset 0 1px #c4e2ed;
}

.button-primary:hover,
.button-primary:focus {
  background: linear-gradient(#add8e6, #7eb3c6);
  border-color: #5899af;
}

.highlight-box {
  background-color: #58a4a1;
  color:white;
}

.highlight-box a{
    color:white;
}

.main-content .highlight-box h1,
.main-content .highlight-box h2,
.main-content .highlight-box h3,
.highlight-box h1,
.highlight-box h2,
.highlight-box h3,
.main-content .-color-inverted h1,
.main-content .-color-inverted h2,
.main-content .-color-inverted h3 
{
  color:white;  
}

/* Color replacement from original CSS */
h1, h2, h3, h4, h5 {
  color: #004877;
}

.main-content h1,
.main-content h2,
.main-content h3 {
  color: #004877;
  font-weight: 400;  
}

h1, h2, h3, h4, h5 {
  font-family: "Rufina", serif;
  font-weight: 400;
  font-style: normal;  
  
}

.feature-box {
  color: #004877;
  border-color: #004877;
  background-color: #e9f2f9;
}

.header-links a {
    color: #004877;
}

.main-navigation>ul>li>a, .main-navigation>ul>li>strong.active, .main-navigation>ul>li>strong.forward, .main-navigation>ul>li>strong.trail {
    color: #004877;
    font-family: "Roboto", sans-serif;    
}

.main-navigation>ul>li>ul strong.active, .main-navigation>ul>li>ul strong.forward, .main-navigation>ul>li>ul strong.trail {
    color: #58a4a1;
}

.main-navigation > ul > li strong.active,
.main-navigation > ul > li strong.forward,
.main-navigation > ul > li strong.trail,
.main-navigation > ul > li > a.active,
.main-navigation > ul > li > a.forward,
.main-navigation > ul > li > a.trail {
  color: #58a4a1;
}

.main-navigation > ul > li > a:after,
.main-navigation > ul > li > strong.active:after,
.main-navigation > ul > li > strong.forward:after,
.main-navigation > ul > li > strong.trail:after {
  border-bottom: 10px solid #004877;
}

figure .caption, figure figcaption {
    color: #004877;
}

a {
  color: #004877;
}

a.more-link,
.read-more {
  color: #004877;
}

h1.section-title,
h2.section-title {
  color: #004877;
}

.tagline {
  border-bottom: 1px solid #e5e8ee;
  background: #004877;
}

.footer a {
  color: #004877;
}

.woocommerce .star-rating span:before {
  color: #004877;
}



.menu a {
  color: #004877;
}

.main-content blockquote {
  color: #004877;
}

.main-content .highlight-box blockquote {
    color: white 
}

.button, .feature-box-link, .footer-bar button, .footer-bar input[type=submit],
.headline-box-link, .highlight-box-link, button,
input[type=button], input[type=reset], input[type=submit] {
  background: #86bacd;

background: -webkit-linear-gradient(#4f9ea0, #2d6f88);
background: -moz-linear-gradient(#4f9ea0, #2d6f88);
background: -o-linear-gradient(#4f9ea0, #2d6f88);
background: linear-gradient(#4f9ea0, #2d6f88);


  border: 1px solid;
  border-color: #86bacd #4e9597 #004877; /* top | sides | bottom */
  border-radius: 3px;
  color: #fff;
  text-shadow: 0 -1px 0 #004877;
  box-shadow: inset 0 1px #7ec6c3;
}



.button:focus, .button:hover, .feature-box-link:focus, .footer-bar button:focus,
.footer-bar input[type=submit]:focus, .headline-box-link:focus, .highlight-box-link:focus,
button:focus, button:hover, input[type=button]:focus, input[type=button]:hover,
input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:focus,
input[type=submit]:hover {
background: -webkit-linear-gradient(#69b2b3, #4684a0);
background: -moz-linear-gradient(#69b2b3, #4684a0);
background: -o-linear-gradient(#69b2b3, #4684a0);
background: linear-gradient(#69b2b3, #4684a0);
  
}


.button.-quaternary, .feature-box-link.-quaternary, .headline-box-link.-quaternary, button.-quaternary, input[type=submit].-quaternary {
    border-color: #86bacd;
}

.news-footer-item time {
  background: #58a4a1;
}

.page-footer {
    background-color: #000000;
}

.page-footer h3,
.page-footer,
.page-footer p,
.page-footer a
{
    color: #D1EAF4;
}

@media screen and (max-width: 1124px) {
    .header-links.header-name a {
        background-image:url(/files/hovedpineforeningen/template/HPF_logo_horizontal_RGB.png);
    }
}

.sub-navigation ul a.active, .sub-navigation ul strong.active {
    color: #58A4A1;
}