/* ==================== INTER FONT (LOCAL) ==================== */

@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter24pt-Regular.woff2') format('woff2'),
       url('/assets/fonts/Inter24pt-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter24pt-Bold.woff2') format('woff2'),
       url('/assets/fonts/Inter24pt-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Basfont för hela sidan */
body {
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    font-weight: 400; /* normal text */
    color: #212529;   /* standard textfärg */
}

/* Rubriker fetstilade */
h1, h2, h3, h4, h5, h6{
    font-weight: 700; /* fetstil */
}

/* Rubriker color */
h1, h2, h3, h4, h5, h6{
    color: #7a0000;   /* valfri rubrikfärg */
}

#site-name a {
    font-size: 38px;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 10px;
    color: #444444;
    display: block;
    text-align:center;
}


a.navbar-brand{color:#7a0000;font-weight:700;}

/* Home page: increase container width on large screens */
@media (min-width: 992px) {
    body.home .container {
        max-width: 95% !important;
    }
}

body.home nav.navbar {max-width:1320px!important}

html {
    box-sizing: border-box;

}

body {
    position: relative; /* keep for footer */
    margin: 0;
    padding-bottom: 15rem; /* space for footer */
}

#right-column h2{
font-size:1.5rem}


/* Text-theme should be same as the above color */

.text-theme {
color:#7a0000!important;
}


/* Länkar */
a {
    color: #7a0000; 
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Stark text */
strong {
    font-weight: 700;
}


th,thead td{

          font-weight:900;
}

 th a,thead td am th a,thead td a:visited{

     font-weight:900;
}




/* Card */

  .card-shadow {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25); /* horizontal, vertical, blur, color */
    transition: transform 0.2s, box-shadow 0.2s; /* optional for hover effect */
  }

  /* Optional: make the shadow grow on hover */
  .card-shadow:hover {
    transform: translateY(-2px);
    box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.35);
  }
  div.card img{
	padding:1rem;
   }

/* Rubriker fetstilade */
.card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700; /* fetstil */
}

.card-body p strong{
color:; 
}
.card-body h2,.card-body h3{
font-size:1.25rem
}

.help-link {
    font-size: 0.9em;
    font-style: italic;
    color: #7a0000;           /* your brand color */
    white-space: nowrap;
}

.help-link:hover {
    text-decoration: underline!important;
}