:root {
  --rdf-blue: #1c5170;
}

:root {
    --color-black: #1b1b1b;
    --color-black-inactive: #545454;
    --color-black-60: #545454;
    --color-black-20: #d1d1d1;
    --color-black-10: #e8e8e8;
    --color-white: #fff;
    --color-blue-160: #0b202d;
    --color-blue-125: #153d54;
    --color-blue-100: #1c5170;
    --color-blue-60: #7797a9;
    --color-blue-25: #c6d3db;
    --color-blue-15: #dde5ea;
    --color-blue-05: #f4f6f8;
    --color-link-100: #1c5170;
    --color-sky-100: #75b2dd;
    --color-sky-60: #acd1eb;
    --color-sky-20: #e3f0f8;
    --color-sky-10: #f1f7fc;
    --color-raspberry-100: #c41e3a;
    --color-raspberry-60: #dc7889;
    --color-raspberry-20: #f3d2d8;
    --color-raspberry-10: #f9e9eb;
    --color-moss-100: #3a7728;
    --color-moss-60: #89ad7e;
    --color-moss-25: #d8e4d4;
    --color-moss-15: #ebf1ea;
    --color-mandarin-100: #e28c05;
    --color-mandarin-20: #f9e8cd;
    --color-mandarin-10: #fcf3e6;
    --color-plum-100: #512654;
    --color-plum-20: #dcd4dd;
    --color-plum-10: #eee9ee;
    --color-lemon-100: #e0ed44;
    --color-lemon-80: #ebf387;
    --color-lemon-20: #f9fbda;
    --color-lemon-10: #fcfdec;
    --color-keyboard-focus: #d28304;
    --fontSize-56: 5.6rem;
    --fontSize-42: 4.2rem;
    --fontSize-40: 4rem;
    --fontSize-36: 3.6rem;
    --fontSize-35: 3.5rem;
    --fontSize-32: 3.2rem;
    --fontSize-31: 3.1rem;
    --fontSize-30: 3rem;
    --fontSize-29: 2.9rem;
    --fontSize-28: 2.8rem;
    --fontSize-24: 2.4rem;
    --fontSize-22: 2.2rem;
    --fontSize-21: 2.1rem;
    --fontSize-20: 2rem;
    --fontSize-18: 1.8rem;
    --fontSize-17: 1.7rem;
    --fontSize-16: 1.6rem;
    --fontSize-15: 1.5rem;
    --fontSize-14: 1.4rem;
    --fontSize-12: 1.2rem;
    --fontSize-body-sm: var(--fontSize-16);
    --fontSize-body-md: var(--fontSize-18);
    --fontWeight-extrabold: 700;
    --fontWeight-bold: 600;
    --fontWeight-semibold: 550;
    --fontWeight-regular: 400;
    --fontFamily-primary: 'Open Sans','Segoe UI',Tahoma,sans-serif;
    --fontFamily-secondary: 'Open Sans','Segoe UI',Tahoma,sans-serif;
    --fontFamily-mono: 'Courier New',Courier,monospace;
    --grid-column-gap: 4rem;
    --grid-row-gap: 4rem;
    --spacing-1: 1.2rem;
    --spacing-2: 2.4rem;
    --spacing-3: 3.6rem;
    --spacing-4: 4.8rem;
}

html {
    font-size: 62.5%;
}

.breadcrumb {
    margin-bottom: 30px !important;
}
li.active {
    font-size: var(--fontSize-16);
}


h1 {
    font-weight: 500;
    font-size: var(--fontSize-29);
    line-height: 1.17241;
    font-family: var(--fontFamily-primary);
    margin-bottom: 3.4rem !important;
}

@media (min-width: 768px) {
    h1 {
        font-size: var(--fontSize-36);
        letter-spacing: -0.01em;
        line-height: 1.11111;
        margin-bottom: 3.4rem !important;
    }
}

/*h1 {
    font-weight: 600;
    font-size: 34px;
}*/

h2 {
    font-weight: 550 !important;
    font-size: 28px;
}

h3 {
    font-weight: 550 !important;
    font-size: 24px;
}

h4 {
    font-weight: 600;
    font-size: 18px;
}

a {
    color: var(--rdf-blue);
    border-bottom: 2px solid var(--rdf-blue);
    text-decoration: none;
    font-size:16px;
    font-weight: 600;
}

a::after {
   /* font-family: "Font Awesome 6 Free";*/
    position: absolute; /* Prevent underline of arrow */
    padding-left:5px; /* Add a little space between text and arrow */
    margin-right:4px;
    font-size:16px;
    content: '\276F'; /* Unicode hex for » */
    color: var(--rdf-blue);
    /*padding-bottom:20px;*/
    vertical-align:middle;
    margin-bottom:20px;
}

a.no-after:after{content:none;}

.text-13 {
    font-size:13px
}

.text-14 {
    font-size: 14px !important;
}

.text-16 {
    font-size: 16px !important;
}

.text-18 {
    font-size: 18px !important;
}

.text-21 {
    font-size: 21px !important;
}

.text-24 {
    font-size: 24px !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-640 {
    font-weight: 640 !important;
}

.nav-link {
    color: var(--rdf-blue) !important;
}
.nav-link:hover {
    color: var(--rdf-blue) !important;
}
.arrow-link {
    font-weight: 600;
    font-size: 21px;
}

.arrow-link-16 {
    font-weight: 600;
    font-size: 16px;
}

.arrow-link::after {
    /*font-family: "Font Awesome 6 Free"; *//* Ange rätt font */
    content: "\276F"; /* Ange Unicode-koden för den önskade ikonen */
    margin-left: 5px; /* Justera avståndet mellan länktexten och ikonen */
    color: var(--rdf-blue);
    text-decoration: none;
    margin-top:7px;
}

.arrow-link-16::after {
    /*font-family: "Font Awesome 6 Free";*/ /* Ange rätt font */
    content: "\276F"; /* Ange Unicode-koden för den önskade ikonen */
    margin-left: 5px; /* Justera avståndet mellan länktexten och ikonen */
    color: var(--rdf-blue);
    text-decoration: none;
}

.arrow-link-direct {
    font-weight: 640;
    font-size: 24px;
}

.arrow-link-direct::after {
    /*font-family: "Font Awesome 6 Free";*/ /* Ange rätt font */
    content: "\276F"; /* Ange Unicode-koden för den önskade ikonen */
    margin-left: 5px; /* Justera avståndet mellan länktexten och ikonen */
    color: var(--rdf-blue);
    text-decoration: none;
    margin-top:10px;
}

a:hover {
    color: var(--rdf-blue);
}

a.arrow:hover {
    text-decoration: none !important;
}

.divider-bold {
    border:2px solid #F4F4F4;
}

.link-no-underline {
    color: var(--rdf-blue);
    border-bottom: none;
    text-decoration: none;
}

a.link-no-underline:hover {
   text-decoration: underline;
}

a.menu-link {
    color: var(--rdf-blue);
    border-bottom: 0px;
    text-decoration: none;
    font-weight:550;
}

a.menu-link:hover {
    border-bottom: 2px solid var(--rdf-blue);
    text-decoration: none;
}

p.ingress {
    font-size: var(--fontSize-17);
    font-family: var(--fontFamily-primary);
    font-weight: var(--fontWeight-semibold);
    color: #1B1B1B;
    line-height: 1.70588;
    padding-bottom:20px;
    padding-top: 20px;
}

p.ingress.article {
    font-size: var(--fontSize-17);
    font-family: var(--fontFamily-primary);
    font-weight: var(--fontWeight-semibold);
    color: #1B1B1B;
    line-height: 1.70588;
    padding-bottom:0px;
    padding-top: 20px;
}

@media (min-width: 768px) {
    p.ingress {
        font-size: var(--fontSize-20);
        padding-bottom:20px;
        padding-top: 20px;
    }
}
/*p.ingress {
    font-size: 18px;
    font-weight: 600;
}*/

.photo-text {
    font-size: 12px;
}
.category {
    color: white;  
    background-color: var(--rdf-blue);
}

.category:hover {
    opacity: 0.8;
}

.container-img {
    width: 100%; /* Bredden på din div */
    position: relative;
    overflow: hidden; /* Döljer eventuellt överskott av bilden som går utanför div */
    border-radius: 4px 4px 0px 0px;
}

.image {
    width: 100%;
    object-fit: contain; /* Behåller bildens proportioner och täcker hela området cover, contain, scale-down */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.jumbotron {
    padding: 2rem !important; 
    margin-bottom: 0 !important;
}

.text-container {
    position: relative;
    display: inline-block;
   
}

.text-container::after {
    content: '';
    display: inline-block;
    width: 0.5rem; /* Justera storleken på cirkeln efter behov */
    height: 0.5rem; /* Ska vara samma som bredden för en rund cirkel */
    border-radius: 100%; /* Gör den till en rund cirkel */
    background-color:var(--rdf-blue);
    vertical-align: middle; /* Centrera vertikalt i förhållande till texten */
    margin-left:6px;
    margin-bottom:2px;
}

 .tox .tox-editor-header {
        display:none !important;
}

button.special:focus {
  outline: none;
}

/*ul li {
  margin: 0;
  padding: 0; 
}*/

ul li::marker {
    color: var(--rdf-blue) !important; /* Ändrar färgen */
    font-size: var(--fontSize-16);
}

ul li {
    font-size: var(--fontSize-16);
    padding-top:15px;
}

ul.navbar-nav li {
    padding-top: 2px;
}

ul {
   list-style-position: inside !important;
   padding-left: 30px !important;
}


p + ul {
    margin-top:-20px !important;
}

.MsoNormal {
    margin-bottom: 30px !important;
}

ul.no-indent {
    margin-left: -30px !important;
}

.fa-chevron-right {
    font-size: 10px !important;
}

.logo {
    width: 184px;
}

.header-line {
    border-top:5px solid #0b202d;
}

.row {
    --bs-gutter-x:0px !important;
}

.logoutBtn {
    color: var(--rdf-blue);
}

.logoutBtn:hover {
    text-decoration:underline;
}

.input {
    background-color:red !important;
}

.menuarrow:hover {
    color: black !important;
    font-size:1.1em;
}

.btn.narrow {
    padding: 5px !important;
    color:#1C5170;
}

p {
    margin-bottom: 3.4rem !important;
    font-size:18px;
}

.m-top-20 {
    margin-top: 20px;
}

.p-top-20 {
    padding-top: 20px;
}

.m-bottom-20 {
    margin-bottom: 20px;
}

.m-top-31 {
    margin-top: 31px;
}

.width-20 {
    width: 20px;
}

.width-500 {
    width: 500px;
}

.h-72 {
    height: 72px;
}
.color-blue {
    color: var(--rdf-blue);
}

.border-bottom-light {
    border-bottom:1px solid #F2F2F2;
}
.list-style-none {
    list-style-type:none;
}

.embed-video {
     aspect-ratio:16/9;
     border-radius:4px 4px 0px 0px;
}

.live-video {
    background-color:#C41E3A;
    width:100%;
    color:white;
    font-size:11px;
}


.hr-gray {
     background-color: #4E6A7B;
}

.display-grid {
    display: grid;
}

.p-top-20 {
    padding-top: 20px;
}

.p-bottom-10 {
    padding-bottom:10px;
}

.min-width-300 {
    min-widht: 300px;   
}

p.mt-3.text-16.rollpuff {
    margin-top: -30px !important;
}

p + p {
    margin-top:-20px !important;
}

.chevron {
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 0.25em solid #333;
    border-radius: 50%;
    text-align: center;
    color:white;
    background-color:black;
}

.chevron::after {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	/*left: 0.15em;*/
	position: relative;
	top: 0.1em;
	transform: rotate(-45deg);
	vertical-align: middle;
	width: 0.45em;
	margin-bottom:4px;
}

.chevron.bottom:after {
	top:-1;
	margin-bottom:4px;
	transform: rotate(135deg);
	
}

.chevron-simple {
    /*display: inline-block;*/
    width: 1em;
    height: 1em;
    text-align: center;
    color:white;
}

.chevron-simple::after {
	border-style: solid;
	border-width: 0.2em 0.2em 0 0;
	content: '';
	display: inline-block;
	height: 0.65em;
	/*left: 0.15em;*/
	position: relative;
	top: 0.1em;
	transform: rotate(-45deg);
	vertical-align: middle;
	width: 0.65em;
	margin-bottom:6px;
}

.chevron-simple.bottom:after {
	top:-1;
	margin-bottom:4px;
	transform: rotate(135deg);
	
}

.chevron-simple.right:after {
	left: 0;
	transform: rotate(45deg);
}

.MsoListParagraph {
    font-size: var(--fontSize-16);
}

a[href^="tel:"] {
    color: #FFF; /* Ändra till önskad färg */
    text-decoration: none; /* Tar bort understrykning om det behövs */
    border: none;
}

a[href^="tel:"]::after {
    content: '';
}