/*-----------------------------------------------------*/
/*                      FONT                           */
/*-----------------------------------------------------*/

@font-face {
    font-family: "Bitter";
    src: url("/fonts/bitter/Bitter-Light.ttf");
    font-display: swap;
    font-weight: 300
}

@font-face {
    font-family: "Bitter";
    src: url("/fonts/bitter/Bitter-LightItalic.ttf");
    font-display: swap;
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Bitter";
    src: url("/fonts/bitter/Bitter-Regular.ttf");
    font-display: swap;
    font-weight: 400
}

@font-face {
    font-family: "Bitter";
    src: url("/fonts/bitter/Bitter-Italic.ttf");
    font-display: swap;
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Bitter";
    src: url("/fonts/bitter/Bitter-Medium.ttf");
    font-display: swap;
    font-weight: 500
}

@font-face {
    font-family: "Bitter";
    src: url("/fonts/bitter/Bitter-MediumItalic.ttf");
    font-display: swap;
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "Bitter";
    src: url("/fonts/bitter/Bitter-SemiBold.ttf");
    font-display: swap;
    font-weight: 600
}

@font-face {
    font-family: "Bitter";
    src: url("/fonts/bitter/Bitter-SemiBoldItalic.ttf");
    font-display: swap;
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Bitter";
    src: url("/fonts/bitter/Bitter-Bold.ttf");
    font-display: swap;
    font-weight: 700
}

@font-face {
    font-family: "Bitter";
    src: url("/fonts/bitter/Bitter-BoldItalic.ttf");
    font-display: swap;
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "KievitOT-Bold";
    src: url("/fonts/kievitOT/KievitOT-Bold.otf");
    font-display: swap;
    font-weight: 700;
    font-style: italic
}

body {
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: Bitter, serif;
}

.card-header{
    background-color:#333 !important;
    clear: both;
}

.card-body p {
    font-family: Bitter, serif;
    text-align: justify;
    font-size: 16px;
    line-height: 21px;
}

.card-footer p {
    /* font-family: "guardianregular";*/
    text-align: justify;
    font-size: 14px;
    line-height: 23px;
}

.frettirbody{
    font-family: "guardianregular";
}

.card-header small {
    font-size: medium;
}

.card-footer small {
    font-size: medium;
}

.card-body {
    background-color: white;
}

.card-footer {
    width: 100%;
    overflow-y: scroll;
    height: 150px;
    background-color: white;
    color: #333;
}

.header-top {
    float: left;
}

.header-actions {
    float: right;
}

.header-actions a{
    color: white;
}

.header-actions a:hover {
    color: #00829a;
}

.dagatal {
    position: relative;
    bottom: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
}

.panel-heading {
    background-color: #00829a;
    border-color: #f9fafb;
    color: #f9fafb;
}

.panel-footer{
    text-align:justify;
}

.panel {
    border-color: #f9fafb;
}

.card-header h4{
    font-weight: bold;
}

.navbar__sub-list li a {
    font-size: large !important;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

#showMe {
    position: relative;
}

.headerFlokkur{
    margin-top:25px;
}

.blur {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

#UtflutningurLinkID {
    fill: white;
}

    #UtflutningurLinkID:hover {
        fill: #ffc000;
    }

#shipID {
    width: 40px;
}


#HagkerfidLinkID {
    fill: white;
}

    #HagkerfidLinkID:hover {
        fill: #ffc000;
    }

#waterID {
    width: 40px;
}

#VinnumarkadurLinkID {
    fill: white;
}

    #VinnumarkadurLinkID:hover {
        fill: #ffc000;
    }

#fishermanID {
    width: 40px;
}

#VeidigjaldLinkID {
    fill: white;
}

    #VeidigjaldLinkID:hover {
        fill: #ffc000;
    }

#UmhverfismalLinkID {
    fill: white;
}

    #UmhverfismalLinkID:hover {
        fill: #ffc000;
    }

#fishID {
    width: 40px;
}

#FiskeldiLinkID {
    fill: white;
}

    #FiskeldiLinkID:hover {
        fill: #ffc000;
    }

#aquacultureID {
    width: 40px;
}