:root {

    /* 1800*/
    --pad: clamp(15px, 10.9vw, 220px);
    --toppad: clamp(30px, 5.7vw, 110px);
    --botpad: clamp(40px, 6.3vw, 120px);

    --boxpad : clamp(15px, 2.6vw, 40px);

    /* colors */
    --white: #FFFFFF;
    --black: #000000;
    --heading: #063068;
    --text: #000031;
    --link: #003897;
    --button: #D72828;
    --primary: #003897;

    /* fonts */
    --font-heading: 'Special Gothic Expanded One', sans-serif;
    --font-body: 'DM Sans', sans-serif;

}

@media (max-width: 1500px){
    :root {
        --pad: clamp(15px, 9vw, 450px);

    }
}

@media (max-width: 1200px){
    :root {
        --pad: clamp(15px, 7vw, 450px);
        --widepad: clamp(15px, 5vw, 130px);
    }
}

@media (max-width: 900px){
    :root {
        --pad: clamp(15px, 5vw, 450px);
    }
}

html {
    scroll-behavior: smooth;
}

body{
    color: var(--text);
    background: var(--white);
    font-family: var(--font-body);
}

.container{
    animation: startopa 0.5s linear forwards;
    animation-direction: alternate;
    opacity: 0;
}

@keyframes startopa {
    from {opacity: 0; }
    to { opacity: 1;}
}

.project-pads{
    padding-left: var(--pad);
    padding-right: var(--pad);   
}

.project-pads-left{
    padding-left: var(--pad);
}

.project-pads-right{
    padding-right: var(--pad);
}

.topbotpad{
    padding-top: var(--toppad);
    padding-bottom: var(--botpad);
}

.toppad{
    padding-top: var(--toppad); 
}

.botpad{
    padding-bottom: var(--botpad);
}


h1, h2, h3, h4, h5, h6{
    font-family: var(--font-heading);
    padding-bottom: 24px;
    font-weight: 400;
}

h1 {
    color: var(--white);
    filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.6));
    font-weight: 400;
    /* line-height napakampi */
}

h2, h3, h4, h5, h6{
    color: var(--heading);

}

h1{
    font-size: var(--font50);
}

h2{
    font-size: var(--font32);
}

h3{
    font-size: var(--font30);
}


h4{
    font-size: var(--font24);
}

h5{
    font-size: var(--font22);
}

h6{
    font-size: var(--font18);
}

p {
    font-size: var(--font18);
    padding-bottom: 1em;
    line-height: 1.35em;
}

a, li{
    font-size: var(--font18);
}

.btn {
    position: relative;
    font-size: var(--font22);
    gap: 15px;
    padding: 0px;
    max-width: fit-content;
    text-align: left;
    display: grid;
    grid-template-columns: max-content min-content;
    margin-bottom: 5px;
    border-bottom: 2px solid transparent;
    font-weight: 600;
    overflow: hidden; 
    z-index: 0;
}

.btn span {
    position: relative;
    z-index: 1;
    align-self: center;
    padding-left: 2px;
}

.btn-primary svg {
    color: var(--white);
    background: var(--primary);
}

.button-svg-box svg {
    color: var(--black);
    background: var(--white);
}

.button-svg-box:hover {
    scale: 1.025;
}

.button-svg-box:hover svg {
    transform: translate(0, 0) !important;
}

.hero-banner-box .btn::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0; 
    height: 100%;
    background-color: #D72828;
    transition: width 0.5s ease;
    z-index: 0;
}

.news-card-read-more::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0; 
    height: 100%;
    background-color: var(--primary);
    transition: width 0.5s ease;
    z-index: 0;
}

.news-card-read-more:hover span {
    color: var(--white) !important;
}

.news-feed-header {
    margin-top: 16px;
}

.news-feed-description {
    padding-bottom: 16px;
}

.verkefni-feed-content .btn-primary::before, .frettir-feed-content .btn-primary::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0; 
    height: 100%;
    background-color: var(--primary);
    transition: width 0.5s ease;
    z-index: 0;
}

.verkefni-feed-content .btn:hover, .frettir-feed-content .btn:hover {
    color: var(--white);
}

.btn:hover::before {
    width: 100%; 
}

.btn:hover {
    cursor: pointer;
}



.btn:hover svg {
    transform: translate(3px, -3px);
}

.btn svg {
    height: var(--font22);
    align-self: center;
    justify-self: center;
    padding: 4px;
}

.text-white {
    color: var(--white);
}

.text-black {
    color: var(--black);
}

.text-heading {
    color: var(--heading);
}

.text-link {
    color: var(--link);
}

.text-button {
    color: var(--button);
}

.text-text {
    color: var(--text);
}

.bg-primary {
    background-color: var(--primary);
}

.bg-secondary {
    background-color: var(--secondary);
}

.bg-white {
    background-color: var(--white);
}

.bg-black {
    background-color: var(--black);
}

/*  */

/* #hero-banner img, .news-single-header-area img {
    max-height: 900px;
} */

.news-single-content-image img {
    max-height: 900px;
    z-index: 10;
}

.news-single-header-area .news-single-content-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.news-single-content-part-1, .news-single-content-part-2 {
    z-index: 10;
}

.hero-banner-box {
    align-content: end;
    z-index: 10;
    max-width: 600px;
}

h2.hero-banner-title {
    font-size: var(--font42);
}

.hero-banner-box .btn svg {
    background: #D72828;
    z-index: 3;
}

.hero-banner-box .btn svg:hover {

}

.hero-banner-text p {
    font-size: var(--font24);
    line-height: 1.25em;
    /* color: #001C40; */
}

.hero-banner-btn {
    padding-left: 4px;
}

.nav-burger-regular {
    background: var(--white) !important;
}

.nav-burger-regular #nav-burger-burgerpart .burger-line {
    background-color: var(--heading);
}

.nav-burger-regular #nav-burger-burgerpart.active .burger-line {
    color: var(--white) !important;
}
/* .hero-banner-text p {
    font-size: var(--font22);
    color: var(--black);
} */

/*  */

#text-and-info-display-banner {
    gap: 40px;
}

.text-and-info-display-banner-box {
    max-width: 450px;
    z-index: 2;
}

.text-and-info-display-banner-info-boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    z-index: 10;
}

.text-and-info-display-banner-info-box-title {
	color: var(--primary);
	font-size: var(--font38);
}

.text-and-info-display-banner-info-box {
    border-color: var(--primary);
}

.text-and-info-display-banner-info-box:nth-child(1) {
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: var(--primary);
    padding-bottom: 16px;
    padding-right: 16px;
}

.text-and-info-display-banner-info-box:nth-child(2) {
    border-bottom: 1px solid;
    border-color: var(--primary);
    padding-bottom: 16px;
    padding-left: 16px;
}

.text-and-info-display-banner-info-box:nth-child(3) {
    border-right: 1px solid;
    border-color: var(--primary);
    padding-top: 16px;
    padding-right: 16px;
}

.text-and-info-display-banner-info-box:nth-child(4) {
    padding-top: 16px;
    padding-left: 16px;
}



/*  */

.image-slider-box {
    max-width: 400px;
}

.image-slider-wrapper {
    overflow: hidden;
    width: 100%;
}

.image-slider-images {
    display: flex;
    width: max-content;
    animation: slide 30s linear infinite;
    z-index: 10;
    position: relative;
}
.image-slider-image {
    flex: 0 0 auto;
    margin-right: 20px;
}

.image-slider-image img {
    display: block;
    height: 300px; /* adjust */
    width: auto;
}


/*  */

#text-grid {
    padding-left: calc(var(--pad) - 40px);
    padding-right: calc(var(--pad) - 40px);
}

.text-grid-box {
	padding: 0px 40px;
	height: calc(100% + 100px);
	transform: translateY(-150px);
	place-content: end;
}

.text-grid-box-variant {
    padding: 0px 40px;
    place-content: end;
}

.text-grid-box:not(:last-child) {
    border-right: 1px solid var(--primary);
    padding-right: 40px;
}

.text-grid-box-variant:not(:last-child) {
    border-right: 1px solid var(--primary);
    padding-right: 40px;
}

.text-grid-title {
    color: var(--primary);
}

/*  */

.news-list {
    display: grid;
    gap: 32px;
    z-index: 10;
    position: relative;
}

@media (min-width: 1600px) {
        .verkefni-desktop-btn {
        display: flex !important;
    }
    .verkefni-mobi-btn {
        display: none !important;
    }
}

@media (max-width: 1600px) {
    .verkefni-mobi-btn {
        display: flex !important;
    }
    .verkefni-desktop-btn {
        display: none !important;
    }
    .text-and-iframe-area-title {
        padding-right: 0px !important;
    }
    .frettir-card-excerpt {
        color: var(--black) !important;
    }
    /* .news-card-content-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0px !important;    
    } */
    .news-card {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    .news-card.verkefni-card {
        display: flex !important;
        flex-direction: column !important;
    }

    .news-card-meta, .news-card-title, .news-card-excerpt, .news-card-readmore {
        padding: 8px 20px !important;
    }

    .solutorg-card-title-wrapper {
        background: var(--primary);
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: space-between;
    }
    

    .verkefni-card .verkefni-card-content-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        background: none !important;
        display: flex;
        backdrop-filter: none;
        padding: 60px 0px 30px 0px;
        /* justify-content: center; */
        width: 100% !important;
        flex-direction: column;
    }

    .verkefni-card-readmore {
        padding: 0px 0px 16px 0px !important;
        margin: 0px !important;
    }

    .verkefni-card-content-wrapper {
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: none !important;
        width: calc(100% - 40px) !important;
        gap: 0px !important;
    }

    .verkefni-card-readmore, .solutorg-card-readmore  {
        position: relative !important;
        transform: translateY(0) translateX(0) !important;
        margin: 12px;
    }


    .news-single-content-point-and-value-main, .news-single-content-point-and-value-main-solutorg {
    display: flex; 
    justify-content: space-between;
    }

    .solutorg-version {
        background: #003897 !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: calc(100% - 60px) !important;
        display: flex;
        flex-direction: column;
        padding: 80px 0px 0px 0px;
        justify-content: center;
    }

    .solutorg-card-title-wrapper {
        min-height: auto !important;
    }

    .verkefni-card-meta, .news-single-content-value-main p, .news-single-content-point p, .verkefni-card-readmore {
        color: var(--text) !important;
    }

    .verkefni-card-title {
        color: var(--heading) !important;
        padding: 16px 0px 0px 0px !important;
    }

    .news-single-content-point-and-value-main {
        color: var(--black) !important;
        border-color: var(--black) !important;
    }

    .verkefni-card-readmore svg {
        fill: var(--black) !important;
    }

    /* .verkefni-card-title-wrapper {
        background: var(--primary);
    } */
    
}

.news-card-img {
    aspect-ratio: 3 / 2;
    height: auto;
    object-fit: cover;
    width: 100%;
    min-height: 100%;
}

.news-card-content {
    display: grid;
    height: 100%;     
    align-content: end;  
}

.news-card-excerpt {
    padding-bottom: 16px;
    font-size: var(--font17);
}

.news-card-content-wrapper {
    display: grid;
    padding: 20px 35px;
    background: #0e4db9a1;
    max-width: 65%;
    min-height: 0px;
    color: var(--white);
    transition: max-width 800ms cubic-bezier(.4,0,.2,1),
    min-height 800ms cubic-bezier(.4,0,.2,1);
    gap: 6px;
    backdrop-filter: blur(12px);
}

.news-card-content-wrapper:hover {
    /* min-height: calc(100% - 40px); */
}

.news-card-content-wrapper.first-two {
        align-self: end;   
        align-content: end;
}

.news-card-content-wrapper.last-two {
    align-self: start;   
    align-content: start; 
}

.news-single-full-content, .news-single-content-wrapper {
    gap: 36px;
}


.news-card-content-wrapper.odd {
    justify-self: end;
        align-self: end;
    align-content: end;
}

.news-card-content-wrapper.even {
    justify-self: start;
        align-self: end;
    align-content: end;
}



.news-card-title {
    text-decoration: none;
    color: var(--white);
    font-weight: 400;
    padding-bottom: 0px;
}

.news-card-meta {
    padding-bottom: 10px;
}

.verkefni-feed-header {
    z-index: 10;
    position: relative;
}

.news-single-header-content {
    place-content: end;
    align-self: end;
    background: transparent linear-gradient(90deg, #063068 0%, #06306800 100%) 0% 0% no-repeat padding-box;
    min-height: 150px;
}
.news-single-card-media {
    max-width: 500px;
}

.news-single-content-point-and-value {
    font-weight: 700;
    color: var(--primary);
    text-transform: uppercase;
    border-bottom: 1px solid var(--primary);
}

.news-single-content-point-and-value-main, .news-single-content-point-and-value-main-solutorg {
    font-weight: 700;
    color: var(--white);
    border-bottom: 1px solid var(--white);
    max-width: 450px;
}

.news-single-content-point-and-value-main h6, .news-single-content-point-and-value-main-solutorg h6 {
    color: var(--white);
    font-weight: 400;
    padding: 0;
}

.verkefni-card-meta {
    color: var(--white);
    padding-bottom: 12px;
    max-width: 450px;
}

.solutorg-card-meta {
    color: var(--white);
    padding-bottom: 12px;
    max-width: 450px;
}

.verkefni-card-meta p {
    line-height: 1.35em;
    font-size: var(--font17);
}

.main-point-number-1 {
}

.point-number-1 {
    border-top: 1px solid var(--primary);
}

.news-single-content-value {
    padding-left: 10px;
    border-left: 1px solid var(--primary);
    text-align: end;
    align-content: center;
}

.news-single-content-point h6, .news-single-content-value h6, .news-single-content-point-solutorg h6, .news-single-content-value-solutorg h6 {
    padding: 10px;
}

.news-single-content-value-main, .news-single-content-value-main-solutorg {
    padding-left: 10px;
    text-align: end;
    align-content: center;
}

.news-single-gallery-images {
	gap: 32px;
	z-index: 10000;
	position: relative;
}

.news-single-gallery-image img {
    aspect-ratio: 3 / 2;
}

.news-single-content-value-main p, .news-single-content-point p, .news-single-content-value-main-solutorg p, .news-single-content-point-solutorg p {
    padding: 8px 0px;
    text-transform: uppercase;
}

.news-single-content-point, .news-single-content-point-solutorg {
    align-content: center;
}


.news-single-card-description {
    max-width: 600px;
}

.news-single-card-meta {
    padding-bottom: 12px;
}



/*  */

.news-single-iframe-area {
    gap: 32px;
}

.news-single-iframe-wrapper iframe {
    width: 100%;
    height: 400px;
    border: 0;
}

/*  */

.solutorg-single-full-content {
    gap: 60px;
}

.solutorg-single-full-content-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 10px;
}

.solutorg-single-full-content-row:not(:first-child) {
    border-top: 1px solid var(--primary);
}

.solutorg-single-full-content-row.row-even {
}

.solutorg-single-full-content-rows {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.solutorg-single-gallery-area {
    grid-column: span 2;
}

/*  */

#verkefni-feed, #solutorg-feed {
    padding-top: calc(var(--toppad) + var(--toppad));
}

.verkefni-list {
    gap: 40px;
}

.verkefni-card-img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
    height: 100%;
}

.verkefni-feed-filters, .solutorg-feed-filters {
    gap: 28px;
    display: flex;
    padding-bottom: 16px;
}

.verkefni-feed-filters a, .solutorg-feed-filters a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    color: var(--text);
    border-bottom: 1px solid transparent;
}

.verkefni-feed-filters a:hover, .solutorg-feed-filters a:hover, .verkefni-feed-filters a.active, .solutorg-feed-filters a.active {
    border-bottom: 1px solid red;
}

.solutorg-card-title-wrapper {
    min-height: 600px;
}

/*  */

.verkefni-card .verkefni-card-content-wrapper {
    visibility: hidden;
    opacity: 0;
}

.verkefni-card:hover .verkefni-card-content-wrapper {
    visibility: visible;
    opacity: 1;
}

.solutorg-card .news-card-img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3/2;
    height: 100%;
}

.verkefni-card-title {
    padding: 20px 30px;
    height: max-content;
    z-index: 2;
    color: var(--white);
    font-weight: 400;
    position: absolute;
}

.solutorg-card-title {
    padding: 20px 30px;
    height: max-content;
    z-index: 2;
    color: var(--white);
    font-weight: 400;
    position: absolute;
}

.verkefni-card-content-wrapper {
    display: grid;
    height: calc(100% - 100px);
    grid-template-rows: max-content 1fr;
    padding: 20px 30px;
    padding-top: 80px;
    background: #3c75d7ba;
    width: 50%;
    backdrop-filter: blur(12px);
}

.solutorg-version {
    background: #003897 !important;
        visibility: visible !important;
    opacity: 1 !important;
    width: calc(100% - 60px) !important;
    grid-template-columns: 1fr !important;
}

.verkefni-card-readmore, .solutorg-card-readmore {
    color: var(--white);
    font-weight: 700;
    margin-top: -20px;
    padding: 20px 15px;
    z-index: 3;
    height: max-content;
    position: absolute;
    transform: translateY(-58px) translateX(14px);
}

.news-card-readmore {
    padding: 0px;
}

.verkefni-card-readmore:hover, .news-card-readmore:hover, .solutorg-card-readmore:hover {
    cursor: pointer;
}

.verkefni-card-readmore::before {

}


.hero-buttons {
    gap: 36px;
    display: flex;
    margin-top: 24px;
    border-top: 1px solid white;
    padding-top: 24px;
    padding-bottom: 48px;
}

.hero-button {
    color: white;
    text-transform: uppercase;
}



.page-numbers {
    background: var(--white);
    font-size: var(--font26);
    font-weight: 900;
    width: 32px;
    height: 32px;
    text-align: center;
    border: 3px solid var(--link);
    color: var(--link);
    text-decoration: none;
    user-select: none;
    webkit-user-select: none;
    place-content: center;
    align-content: center;
}

.current {
    background: var(--link);
    color: var(--white);
}

.verkefni-pagination {
    display: flex;
    gap: 8px;
}

.solutorg-pagination {
    padding-top: 30px;
    display: flex;
    gap: 8px;
    z-index: 10;
    position: relative;
}


.news-single-team-member {
    display: grid;
    gap: 60px;
    grid-template-columns: 1fr 5fr;
    padding-top: 60px;
}

.news-single-team-member:first-child {
    padding-top: 0px;
}

.news-single-team-member-info {
        display: grid;
    gap: 60px;
}

.news-single-team-member-image {
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
    width: 100%;
    align-content: center;
    min-width: 150px;
}

.news-single-team-member-content {
    border-right: 1px solid var(--primary);
    padding-right: 30px;
}

.news-single-team-member-person img {
    aspect-ratio: 3/4;
    height: auto;
    object-fit: cover;
    width: 100%;
}

.news-single-team-member-person-name {
    padding-bottom: 4px;
    padding-top: 10px;
}

.news-single-team-description, .news-single-gallery-description {
    max-width: 600px;
    padding-bottom: 60px;
}

.wrapper-left {
    gap: 160px;
    grid-template-columns: 1fr 2fr;
}

.wrapper-right {
    gap: 160px;
    grid-template-columns: 2fr 1fr;
}
/*  */

@media (max-width: 1050px) {

    #text-grid {
        grid-template-columns: 1fr;
        padding-left: var(--pad);
        padding-right: var(--pad);
    }

    .text-grid-box {
        padding: 0px;
        transform: translateY(0px);
        height: auto;
    }

    .text-grid-box:not(:last-child) {
        border-right: none;
        padding-right: 0px;
        border-bottom: 1px solid var(--primary);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .wrapper-left, .wrapper-right {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .news-single-team-member {
        grid-template-columns: 1fr;
    }

    .news-single-team-member-image {
        max-width: 150px;
        justify-self: start;
    }

    .news-single-team-member-content {
        border-right: 1px solid transparent;
        padding-right: 0px;
        border-bottom: 1px solid var(--primary);
        display: flex;
        align-items: center;
        gap: 24px;
    }

    #text-and-info-display-banner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .news-single-team-member-info {
        grid-template-columns: 1fr 1fr !important;
        gap: 32px !important;
    }

    h3.news-single-team-member-name {
        padding: 0 !important;
    }

    .text-and-info-display-banner-box {
        max-width: 100%;
    }

    .footer-parts-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px !important;
    }

    .footer-certificates-wrapper {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .footer-part-3 {
        
        grid-column: unset !important;
    }

    .footer-certificates-wrapper img {
       max-height: unset !important;
        width: 100% !important;
        height: 100% !important;
    }


    .footer-certificates-wrapper {
        padding-bottom: 24px;
    }



}


/*  */

@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

#iframe-area {
    overflow: hidden;
}

.iframe-area-content iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* .verkefni-card-title,
.news-single-content-point p,
.news-single-content-value-main p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verkefni-card-meta {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
} */

/* --- SLIDER CONTAINER --- */
.j2-mySlides-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 600px;
  margin: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background: #000; */
}

/* --- EACH SLIDE --- */
.j2-mySlides-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateX(0);
  transition: opacity 0.6s ease, transform 0.6s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.j2-mySlides-slide.active {
  opacity: 1;
  z-index: 3;
  transform: translateX(0);
}

.j2-mySlides-slide.prev-slide {
  opacity: 0.6;
  z-index: 2;
  transform: translateX(-100%);
}

.j2-mySlides-slide.next-slide {
  opacity: 0.6;
  z-index: 2;
  transform: translateX(100%);
}

/* --- IMAGES --- */
.j2-mySlides-slide img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 6px;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

/* --- NAVIGATION BUTTONS --- */
.prev-fixed, .next-fixed {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 12px 18px;
    font-size: 24px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background-color: rgba(233, 127, 33, 0.8);
    transition: background-color 0.3s ease;
    z-index: 10;
    user-select: none;
    display: none;
}

.prev-fixed {
  left: 0px;
}

.next-fixed {
  right: 0px;
}

.prev-fixed:hover,
.next-fixed:hover {
  background-color: #e97f21;
}

.gallery-item-wrapper {
    height: 100%;
}

.gallery-item-texts {
    z-index: 5;
    background: #ff5210b8;
    height: fit-content;
    max-width: 400px;
    width: fit-content;
    padding: 24px;
    color: #fff;
    position: absolute;
}

.gallery-item-texts-left {
    left: 0;
    top: 10%;
}

.gallery-item-texts-right {
    right: 0;
    bottom: 10%;
}

.gallery-item-description p {
    padding-bottom: 0 !important;
}

.gallery-item-texts-mobile {
    display: none;
}

.verkefni-card-read-more {
    margin-top: 20px;
    padding-left: 4px;
}

@media (max-width: 900px) {
    .foundation-area-box {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important; 
    }
    .foundation-area-box.foundation-right {
        flex-direction: column-reverse !important;
    }
    .foundation-area-full-content {
        display: flex !important;
        flex-direction: column-reverse !important;
        gap: 0px !important;
        grid-row: 2 !important;
    }
    .foundation-area-year h2 {
        padding: 16px 0px 32px 0px !important;
    }
    .foundation-area-center-v2 {
        background: #3c75d7ba;
    }
    .foundation-area-full-title {
        padding: 16px !important;
    }
    .verkefni-card-read-more {
        padding: 2px;
    }
    
    .news-card-content-wrapper {
        max-width: 100% !important;
        padding: 16px 10px !important;               
    }
    .news-card-img {
        height: 100% !important;
    }
    .footer-line-holder {
        grid-template-columns: 1fr 1fr;
    }
    .foundation-area-center-mobi {
        display: block !important;
        text-align: center;
        place-items: center;
        justify-items: center;
        display: grid;
        grid-template-rows: max-content 1fr;
    }
    .foundation-area-center, .foundation-area-center-v2 {
        display: none !important;
    }
    .foundation-area-image {
        grid-row: 2 !important;
    }
    .foundation-area-image img {
        min-height: 100%;
    }
}

@media (max-width: 700px) {
    .gallery-item-texts {
        display: none;
    }
    .gallery-item-texts-mobile {
        display: block;
    }
    .j2-mySlides-slide {

    }
    /* .gallery-item-texts-mobile {
        display: block;
        z-index: 6;
        background: #ff5210b8;
        color: #fff;
        justify-items: center;
        align-content: center;
        padding: 16px;
    } */
    .news-single-content-point-and-value {
        grid-template-columns: 1fr 1fr !important;
    }

    #text-and-image-area, #text-and-video-area, #text-and-iframe-area {
        grid-template-columns: 1fr !important;
    }
    .video-area-left .text-and-video-area-box, .image-area-right .text-and-image-area-box {
        order: 2;
    }
    .video-area-left .text-and-video-area-title, .image-area-right .text-and-image-area-title {
        order: 1;
    }
    .video-area-right .text-and-video-area-box, .image-area-left .text-and-image-area-box {
        order: 1;
    }
    .video-area-right .text-and-video-area-title, .image-area-left .text-and-image-area-title {
        order: 2;
    }
    .personell-grid-area-box {
        grid-template-columns: 1fr 1fr !important;
        gap: 32px !important;
    }

    .news-single-full-content {
        grid-template-columns: 1fr !important;
    }

    .news-single-frettir-content {
        border-right: 0px !important;
        padding-right: 0px !important;
    }
    
}

/* --- LIGHTBOX --- */
.j2-mySlides-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 9999;
}

.j2-mySlides-lightbox-content {
  max-width: 90%;
  max-height: 90%;
  border-radius: 8px;
}

.j2-mySlides-lightbox .close {
  position: absolute;
  top: 30px;
  right: 40px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10000;
}

/* --- RESPONSIVE --- */
@media (max-width: 600px) {
  /* .j2-mySlides-container {
    height: auto;
  } */

  .prev-fixed,
  .next-fixed {
    padding: 8px 12px;
    font-size: 20px;
  }
  
  .footer-parts-wrapper {
    display: block;
  }

    .hero-banner-box, .news-single-header-content {
        grid-row: 2;
        background: var(--heading);
    }

    .hero-banner-title {
        font-size: var(--font32);
    }

    h2.hero-banner-title, h3.hero-banner-title, .hero-banner-text, .hero-banner-btn {
        color: var(--white);
    }

    .text-and-info-display-banner-info-boxes {
        grid-template-columns: 1fr;
    }

    .text-and-info-display-banner-info-box:nth-child(1) {
        border-right: none;
    }

    .text-and-info-display-banner-info-box:nth-child(3) {
        border-right: none;
    }

    .text-and-info-display-banner-info-box:nth-child(4) {
        border-top: 1px solid var(--primary);
    }

    .verkefni-card-content-wrapper {
        padding: 24px;
    }

    .verkefni-card .verkefni-card-content-wrapper {
        width: calc(100%) !important;
    }

    .verkefni-card-content-wrapper {
        padding: 60px 20px 20px 20px;
        grid-template-columns: 1fr !important;
    }

    .solutorg-card-title {
        padding: 20px 20px !important;
    }

     .news-card-title {
        padding: 10px 20px !important;
    }

    .verkefni-card-readmore, .solutorg-card-readmore {
        padding: 20px 8px;
    }

    .footer-bottom-left, .footer-bottom-right {
        width: fit-content;
    }
    .footer-bottom-right {
        justify-self: right;
    }

    .footer-part-2, .footer-part-3, .footer-part-4 {
        padding-top: 16px;
    }

    .text-and-info-display-banner-info-box {
        padding: 20px 0px;
    }

    .verkefni-card-title {
        padding: 20px 20px;
    }

    .verkefni-card-content-wrapper {
        gap: 0px !important;
    }


}

@media (max-width: 450px) {
    .footer-certificates-wrapper {
        justify-content: center;
    }
            .news-single-team-member-info {
        grid-template-columns: 1fr !important;
    }
}

.j2-mySlides-dots {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  z-index: 5;
}

.j2-mySlides-dots .dot {
    height: 30px;
    width: 30px;
    margin: 0 6px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.j2-mySlides-dots .dot.active {
  background-color: rgba(233, 127, 33, 0.9);
}




.header-and-text-area-title {
    color: var(--heading);
    filter: none !important;
    z-index: 10;
    position: relative;
}

.header-and-text-area-text {
    z-index: 10;
    position: relative;
}

.header-and-text-area-box {
    max-width: 1000px;
    z-index: 10;
    position: relative;
}


#text-and-image-area {
    z-index: 10;
    position: relative;
    grid-template-columns: 35% 1fr;
    gap: 60px;
}

.image-area-left {
    grid-template-columns: 1fr 35% !important;
}


#text-and-video-area {
    z-index: 10;
    position: relative;
    grid-template-columns: 35% 1fr;
    gap: 60px;
}

.video-area-left {
    grid-template-columns: 1fr 35% !important;
}

.text-and-video-area-video iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}

#text-and-iframe-area {
    z-index: 10;
    position: relative;
    grid-template-columns: 35% 1fr;
    gap: 60px;
}

.iframe-area-left {
    grid-template-columns: 1fr 35% !important;
}

.text-and-iframe-area-title {
    padding-right: 100px;
}

.text-and-iframe-area-iframe iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}

@media (max-width: 600px) {
    .text-and-info-display-banner-info-box {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .footer-certificates-wrapper {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
    }
}

.personell-grid-area-title {
    padding-bottom: 36px;
    z-index: 10;
    position: relative;
    max-width: 600px;
}

.personell-grid-area-box {
    z-index: 10;
    position: relative;
}

.personell-grid-area-person {
    padding: 36px;
    border-bottom: 1px solid var(--link);
}

.personell-grid-area-name h5 {
    padding-bottom: 2px !important;
    padding: 16px 0px !important;
    color: var(--primary);
}

.personell-grid-area-image img {
    aspect-ratio: 2/3;
}

.frettir-card-excerpt {
    gap: 16px;
    display: grid;
    color: var(--white);
}

.foundation-area-box {
    display: grid;
    grid-template-columns: 40% 1fr 40%;
    padding-top: 60px;
    padding-bottom: 60px;
    gap: 60px;
    z-index: 10;
    position: relative;
}


.foundation-area-full {
    z-index: 10;
    position: relative;
}


.foundation-area-full-content .foundation-area-year {
	text-align: center;
	padding-top: 24px;
}

.foundation-area-full-content .foundation-area-year h2 {
    color: var(--white);
}

.foundation-area-full-title h2  {
    color: var(--white);
}

.foundation-area-full-content {
	display: grid;
	grid-template-columns: 1fr max-content 1fr;
	gap: 60px;
}

.foundation-area-full-title {
    background: #3c75d7ba;
    padding: 32px 48px;
    /* max-width: 600px; */
    color: var(--white);
    height: max-content;
}

.foundation-area-center {
	text-align: center;
	place-items: center;
	justify-items: center;
	display: grid;
	grid-template-rows: max-content 1fr;
}
.foundation-area-center-v2 {
    padding-bottom: 24px;
	text-align: center;
	place-items: center;
	justify-items: center;
	display: grid;
	grid-template-rows: max-content 1fr;
}

.foundation-area-center-mobi {
    display: none;
}

.foundation-area-line {
    height: 100%;
    width: 1px;
    background: var(--primary);
    z-index: 10;
    position: relative;
}

.foundation-area-center-v2 .foundation-area-line {
    position: relative;
}

.news-single-team-members {
	margin-bottom: 60px;
}

.news-single-gallery-image img {
    width: 100%;
    object-fit: cover;
}

.news-recent-posts-content {
    display: grid;
    gap: 20px;
}

.news-single-frettir-content {
    border-right: 1px solid var(--primary);
    padding-right: 20px;
}

.news-recent-post-card-title {
    color: var(--white);
    padding-bottom: 8px;
}

.news-recent-post-card-meta {
    padding-bottom: 8px;
}

.news-recent-post-card-content-wrapper {
    padding: 32px;
    color: var(--white);
    font-size: var(--font14);
    background: #0e4db9a1;
    backdrop-filter: blur(12px);
    place-self: end;
}

.ibudir-chooser-panel {
    display: block;
    z-index: 10;
    position: relative;
}

.ibudir-gallery-grid {
	gap: 24px;
	margin-top: 12px;
}

.ibudir-chooser-tabs {
	display: flex;
	gap: 2rem;
	margin-bottom: 2rem;
	border-bottom: 2px solid #eee;
	z-index: 10;
	position: relative;
}

.ibudir-chooser-title {
    padding-left: var(--boxpad);
    padding-right: var(--boxpad);
}

.ibudir-tab-btn {
    background: none;
    border: none;
    font-size: 1.1rem;
    padding: 0.5rem 1.5rem;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: border 0.2s;
    font-weight: 700;
    font-family: var(--font-body);
}

.ibudir-tab-btn.active {
    border-bottom: 3px solid var(--primary);
    color: var(--primary);
    font-weight: bold;
}
.ibudir-chooser-panel {
    margin-top: 2rem;
}
.ibudir-chooser-panel-mainrow {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0;
    border-radius: 18px 18px 0 0;
    overflow: hidden;
    margin-bottom: 12px;
}
.ibudir-chooser-panel-desc {
    padding: var(--boxpad);
    background: #EAE6E2;
    border-radius: 18px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100%;
}
.ibudir-chooser-panel-mainimg {
    background: #fff;
    align-items: stretch;
    justify-content: stretch;
    border-radius: 0 18px 0 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.ibudir-chooser-panel-mainimg img.mainimg,
.ibudir-chooser-panel-mainimg .mainimg-video-wrap {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
    border-radius: 0 18px 0 0;
    display: block;
}
.mainimg-video-wrap {
    width: 100%;
    aspect-ratio: 16/9;
    position: relative;
    background: #000;
}
.mainimg-video {
    width: 100%;
    height: 100%;
    border: none;
    aspect-ratio: 16/9;
    display: block;
}
.ibudir-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.ibudir-gallery-grid img {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    border-radius: 12px;
    background: #fff;
}
@media (max-width: 900px) {
    .ibudir-chooser-panel-mainrow {
        grid-template-columns: 1fr;
        border-radius: 18px 18px 0 0;
    }
    .ibudir-chooser-panel-desc,
    .ibudir-chooser-panel-mainimg img.mainimg,
    .mainimg-video-wrap {
        border-radius: 18px 18px 0 0;
    }
}

footer {
    background: var(--primary);
    color: var(--white);
    gap: 64px;
    z-index: 100;
    position: relative;
}

.footer-bottom {
    
    background: var(--primary);
    color: var(--white);
}

.footer-parts-wrapper.col-4 {
    gap: clamp(50px, 1vw, 150px);
}

.footer-bottom-right {
    text-align: end;
}
.footer-line-holder {
    display: grid;
    gap: 64px;
    border-top: 1px solid var(--white);
    padding-top: 12px;
    z-index: 2;
    position: relative;
}

.footer-image img {
    height: 40px;
    width: max-content;
    padding-bottom: 20px;
}

.footer-part-1-title, .footer-part-2-title, .footer-part-3-title, .footer-part-4-title {
    color: var(--white);
    font-weight: 400;
    height: 30px;
}

.footer-menu ul .page_item a {
    color: var(--white);
    text-decoration: none;
}

.footer-part-3 {
    grid-column: span 2;
}

.footer-part-3-textarea h1, .footer-part-3-textarea h2, .footer-part-3-textarea h3, .footer-part-3-textarea h4, .footer-part-3-textarea h5, .footer-part-3-textarea h6 {
    color: var(--white);
}

.footer-certificates-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-certificates-wrapper img {
	height: auto;
	width: 150px;
}

.footer-part-1, .footer-part-2, .footer-part-3, .footer-part-4 {
    position: relative;
    z-index: 100;
}

.footer-part-2, .footer-part-3, .footer-part-4 {
    
}

.socials {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 20px 0px 30px 0px;
}

.some:hover, .footer-certificates-wrapper img:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
}

 #banner-imagevideo .videoswapframe, div#banner-imagevideo {
    aspect-ratio: 16/9;
    width: 100%;
}

#banner-imagevideo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 16 / 9;
}

.prev, .next {
    display: none;
}

.ajax-loaded-visible {
    visibility: visible !important;
    opacity: 1 !important;
    transition: opacity 0.5s ease;
}

#text-grid {
    z-index: 1000;
    position: relative;
}

#menu-footer-new {
    margin-top: 4px;
}

#menu-footer-new .menu-item {
    margin-bottom: 6px !important;
    border-bottom: 1px solid transparent;
    width: fit-content;
}

#menu-footer-new .menu-item a {
    color: var(--white) !important;
    text-decoration: none;
}

#menu-footer-new .menu-item:hover {
    border-bottom: 1px solid var(--white);
}