/* VLFA — global styles for the Justice template (header, footer, buttons, inner pages).
   Built from design-ref/index.html. Generated by _vlfa-build/vlfa_test.php */
:root{
  --navy:#10224a;--navy-deep:#0b1833;--navy-line:#2a3f70;
  --red:#c0271c;--red-dark:#a11f15;--cream:#f4f2e6;--tint:#f2f4f9;
  --ink:#111;--muted:#575757;--rule:#dfe3ec;
  --serif:"IBM Plex Serif",Lora,Georgia,"Times New Roman",serif;
  --sans:Roboto,"Helvetica Neue",Arial,sans-serif;
  --wrap:1110px;--r:10px;
}
body{color:var(--ink)}
.sppb-color-switcher-modes,.sppb-color-switcher{display:none!important}

/* ---------- buttons ---------- */
.vl-btn{display:inline-flex;align-items:center;gap:12px;background:var(--red);color:#fff!important;font:500 15px/21px var(--sans);padding:13px 20px;border-radius:var(--r);border:1px solid var(--red);transition:background .15s,border-color .15s;text-decoration:none!important}
.vl-btn:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
.vl-btn svg{width:18px;height:18px;flex:none}
.vl-btn--ghost{background:transparent;border-color:rgba(244,242,230,.45);color:var(--cream)!important}
.vl-btn--ghost:hover{background:rgba(244,242,230,.1);border-color:var(--cream)}
.vl-btn--line{background:transparent;color:var(--ink)!important;border-color:#c9cfdc}
.vl-btn--line:hover{background:var(--ink);border-color:var(--ink);color:#fff!important}
.vl-btn--block{width:100%;justify-content:space-between}

/* ---------- header: same box model as design-ref .site-header (flex, 80px, 32px side padding) ---------- */
#sp-header,#sp-header.header-sticky{background:#fff!important;border-bottom:1px solid #eef0f4;box-shadow:none;padding:0!important;height:auto!important;min-height:0!important}
#sp-header:not(.header-sticky){position:relative!important}
#sp-header.header-sticky{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:99;box-shadow:0 6px 24px rgba(16,34,74,.08)}
#sp-header .container-fluid{padding:0 32px!important;max-width:none!important;width:100%}
#sp-header .container-inner,#sp-header .container-inner>.row{margin:0!important;padding:0!important;width:100%}
#sp-header .menu-wrap-inner{display:flex!important;align-items:center;gap:28px;width:100%;height:80px;padding:0!important;margin:0!important}
#sp-header .menu-left-wrap{flex:none;display:flex;align-items:center;width:auto!important;padding:0!important;margin:0!important}
#sp-header .menu-right-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;width:auto!important;padding:0!important;margin:0!important}
#sp-header #sp-logo,#sp-header #sp-menu,#sp-header #menu-right{padding:0!important;margin:0;width:auto;max-width:none;flex:none}
#sp-header #sp-logo.has-border{border:0!important}
#sp-header #sp-logo.has-border:after,#sp-header #sp-logo:after,#sp-header #sp-logo:before{display:none!important}
#sp-header #sp-menu{margin-left:18px!important;flex:0 1 auto;min-width:0}
#sp-header #menu-right{margin-left:auto!important}
/* logo: one fixed height in every state (the template forces height:auto on .header-sticky) */
#sp-header .logo,#sp-header.header-sticky .logo{height:auto!important;display:flex;align-items:center;margin:0;padding:0}
#sp-header .logo a{display:flex;align-items:center}
html body #sp-header .logo .logo-image,html body #sp-header.header-sticky .logo .logo-image{height:48px!important;width:auto!important;max-width:none!important;max-height:none!important}
html body #sp-header .logo .logo-image-phone,html body #sp-header.header-sticky .logo .logo-image-phone{height:40px!important;width:auto!important;max-width:none!important;max-height:none!important}
/* main menu */
#sp-header .sp-megamenu-wrapper,#sp-header .menu-with-offcanvas,#sp-header #sp-menu .sp-column{padding:0!important;margin:0!important}
@media (min-width:992px){#sp-header .sp-megamenu-parent{display:flex!important;gap:4px;margin:0!important;padding:0!important}}
#sp-header .sp-megamenu-parent>li{margin:0!important;padding:0!important}
#sp-header .sp-megamenu-parent>li>a,#sp-header .sp-megamenu-parent>li>span{font:400 16px/80px var(--sans)!important;letter-spacing:.01em;color:var(--ink)!important;padding:0 11px!important;white-space:nowrap}
#sp-header .sp-megamenu-parent>li:hover>a,#sp-header .sp-megamenu-parent>li:hover>span,#sp-header .sp-megamenu-parent>li.active>a,#sp-header .sp-megamenu-parent>li.active>span{color:var(--red)!important}
#sp-header .sp-megamenu-parent>li>a:before,#sp-header .sp-megamenu-parent>li>span:before{display:none!important}
body.ltr #sp-header .sp-megamenu-parent>li.sp-has-child>a:after,body.ltr #sp-header .sp-megamenu-parent>li.sp-has-child>span:after{content:""!important;float:none!important;display:inline-block!important;position:relative!important;top:-3px!important;margin:0 0 0 9px!important;font-size:0!important;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.6;vertical-align:middle}
body.ltr #sp-header .sp-dropdown .sp-dropdown-items .sp-has-child>a:after,body.ltr #sp-header .sp-dropdown .sp-dropdown-items .sp-has-child>span:after{display:none}
#sp-header .sp-dropdown .sp-dropdown-inner{border-radius:var(--r);box-shadow:0 18px 40px rgba(16,34,74,.14);border:1px solid #eef0f4;padding:14px 0}
#sp-header .sp-dropdown li.sp-menu-item>a,#sp-header .sp-dropdown li.sp-menu-item>span{font:400 15px/1.4 var(--sans);color:var(--ink);padding:8px 22px}
#sp-header .sp-dropdown li.sp-menu-item>a:hover,#sp-header .sp-dropdown li.sp-menu-item.active>a{color:var(--red)}
#sp-header .sp-dropdown li.sp-menu-item>span.sp-menu-heading{font:500 13px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--red);padding:10px 22px 6px}
/* right side: language links + "Mínar síður" + burger */
#sp-header .header-modules{gap:0!important;margin:0!important}
#sp-header .search-login:empty,#sp-header .contact-info{display:none!important}
#sp-header .build-modules,#sp-header .build-modules .sp-module,#sp-header .build-modules .sp-module-content{margin:0!important;padding:0!important}
#sp-header .build-modules .sppb-section,#sp-header .build-modules .sppb-row-container,#sp-header .build-modules .sppb-row,#sp-header .build-modules .sppb-row-column,#sp-header .build-modules .sppb-column{padding:0!important;margin:0!important;max-width:none!important;width:auto!important}
.vl-head-tools{display:flex;align-items:center;gap:18px}
.vl-head-tools .lang,.vl-off-tools .lang{display:flex;gap:14px;font-size:14px;white-space:nowrap}
.vl-head-tools .lang a{color:var(--muted)}
.vl-head-tools .lang a:hover{color:var(--ink)}
.vl-head-tools .vl-btn{white-space:nowrap}
#sp-header #offcanvas-toggler{margin:0 0 0 6px!important;width:44px;height:44px;justify-content:center}
#sp-header .burger-icon>span{background:var(--ink)!important}
.vl-off-tools{display:flex;flex-direction:column;gap:18px;margin-top:20px}
.vl-off-tools .lang a{color:var(--muted)}
/* breakpoints follow design-ref (1180 / 960 / 560); the extra 1100 step keeps the bar on one line down to 992 */
@media (max-width:1279.98px){.vl-head-tools .lang{display:none!important}}
@media (max-width:1180px){
  #sp-header .sp-megamenu-parent>li>a,#sp-header .sp-megamenu-parent>li>span{padding:0 8px!important;font-size:15px!important}
}
@media (min-width:992px) and (max-width:1100px){
  #sp-header .container-fluid{padding:0 20px!important}
  #sp-header .menu-wrap-inner,#sp-header .menu-right-wrap{gap:16px}
  #sp-header #sp-menu{margin-left:0!important}
  #sp-header .sp-megamenu-parent{gap:0}
  #sp-header .sp-megamenu-parent>li>a,#sp-header .sp-megamenu-parent>li>span{padding:0 7px!important}
  html body #sp-header .logo .logo-image,html body #sp-header.header-sticky .logo .logo-image{height:42px!important}
  .vl-head-tools .vl-btn{padding:10px 14px;font-size:14px;gap:8px}
}
@media (max-width:991.98px){
  #sp-header .container-fluid{padding:0 16px!important}
  #sp-header .menu-wrap-inner{height:68px}
  #sp-header .header-modules{display:flex!important}
  .vl-head-tools .vl-btn{padding:9px 13px;font-size:14px;gap:8px}
}
@media (max-width:560px){
  .vl-head-tools .vl-btn{padding:9px 11px}
  .vl-head-tools .vl-btn span{display:none}
  html body #sp-header .logo .logo-image-phone,html body #sp-header.header-sticky .logo .logo-image-phone{height:36px!important}
}

/* inner pages: room under the header */
body:not(.itemid-101) #sp-main-body{padding-top:56px;padding-bottom:90px}
body:not(.itemid-101) #sp-main-body .sppb-section:first-child{padding-top:0}
@media (max-width:991px){body:not(.itemid-101) #sp-main-body{padding-top:44px;padding-bottom:60px}}

/* ---------- content typography (migrated news + pages) ---------- */
.view-category .page-header h1,.view-category .page-header h2,.view-article .article-header h1,.view-article .article-header h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-.015em;color:var(--ink)}
.view-article [itemprop=articleBody],.view-article .article-body{font-size:17px;line-height:1.75;color:#222}
.view-article [itemprop=articleBody] img{max-width:100%;height:auto;border-radius:6px}
.view-article .article-full-image img,.view-article .article-intro-image img{border-radius:var(--r)}
.article-list .article .article-header h2 a,.blog .article-header h2 a{color:var(--ink)}
.article-list .article .article-header h2 a:hover,.blog .article-header h2 a:hover{color:var(--red)}
.article-list .article .article-intro-image img,.blog .article-intro-image img{border-radius:var(--r)}
.readmore a,.readmore .btn{color:var(--red)}
.pagination .page-link{color:var(--ink)}
.pagination .active>.page-link,.pagination .page-item.active .page-link{background:var(--red);border-color:var(--red);color:#fff}

/* newsletter block under articles */
.vl-newsletter{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;background:var(--tint);border-radius:var(--r);padding:38px 40px;margin:40px 0 0}
.vl-newsletter .label{font:500 18px/1.1 var(--serif);color:var(--red);margin:0 0 8px}
.vl-newsletter h2{font:400 30px/1.15 var(--serif);margin:0 0 10px;color:var(--ink)}
.vl-newsletter p{color:var(--muted);margin:0}
.vl-news-form{display:flex;border:1px solid #c9cfdc;border-radius:var(--r);overflow:hidden;background:#fff;position:relative}
.vl-news-form input{flex:1;min-width:0;border:0!important;padding:14px 16px;font-size:15px;outline:0;box-shadow:none!important}
.vl-news-form button{border:0;background:var(--red);color:#fff;padding:0 20px;font-weight:500;cursor:pointer}
.vl-news-form button:hover{background:var(--red-dark)}
@media (max-width:767px){.vl-newsletter{grid-template-columns:1fr;padding:28px 22px;gap:22px}}

/* ---------- footer ---------- */
#sp-footer,#sp-bottom{background:var(--navy-deep)!important;color:rgba(255,255,255,.74)}
#sp-bottom{padding:0!important}
#sp-bottom .sppb-section,#sp-bottom .sppb-row-container,#sp-footer .sppb-section{padding:0!important;margin:0!important}
#sp-bottom>.container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
#sp-bottom .container-inner,#sp-bottom .container-inner>.row,#sp-bottom .sppb-row,#sp-bottom .sppb-row-column,#sp-bottom #sp-footer1{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;flex:0 0 100%}
#sp-bottom .sppb-row-container{max-width:none!important;width:100%!important}
#sp-footer>.container{max-width:calc(var(--wrap) + 40px)!important;padding-left:20px!important;padding-right:20px!important}
.foot__in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding:76px 0 60px;width:min(var(--wrap),100% - 40px);margin:0 auto;color:rgba(255,255,255,.74);font-size:16px;line-height:1.55}
.foot__in h2{font:400 20px/1.2 var(--serif)!important;color:#fff;margin:0 0 18px}
.foot__in ul{list-style:none;margin:0!important;padding:0!important}
#sp-bottom .foot__in li,.foot__in li{padding:4px 0!important;margin:0!important;line-height:1.55}
.foot__in a{color:rgba(255,255,255,.74)}
.foot__in li a{display:inline!important;line-height:inherit}
.foot__in .vl-brand{display:flex!important}
.foot__in p{margin-bottom:0}
.foot__in a:hover{color:#fff}
.vl-brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.vl-brand__ico{display:grid;place-items:center;width:60px;height:55px;background:#fff;border-radius:8px;flex:none}
.vl-brand__ico img{width:46px;height:46px}
.vl-brand__txt{font:700 20px/1.04 "Helvetica Neue",Arial,sans-serif;color:#fff;letter-spacing:-.01em}
.foot__about{margin:22px 0 0;max-width:34ch}
.foot__kt,.foot__chair{margin:14px 0 0;font-size:14px}
#sp-footer{border-top:1px solid rgba(255,255,255,.14)}
#sp-footer .container-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 0;font-size:14px;border:0}
#sp-footer .sp-copyright,#sp-footer .sp-copyright span{font-size:14px;color:rgba(255,255,255,.74)}
.vl-footbar{display:flex;gap:26px;flex-wrap:wrap;font-size:14px}
.vl-footbar a{color:rgba(255,255,255,.74)}
.vl-footbar a:hover{color:#fff}
@media (max-width:960px){.foot__in{grid-template-columns:1fr 1fr;gap:40px 28px;padding:56px 0 44px}}
@media (max-width:560px){.foot__in{grid-template-columns:1fr;width:calc(100% - 32px)}#sp-footer>.container{padding-left:16px!important;padding-right:16px!important}.vl-footbar{gap:16px 22px}}

/* ---------- photo galleries ---------- */
.vl-albums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.vl-album{display:block;color:var(--ink)}
.vl-album__ph{display:block;aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;background:var(--tint)}
.vl-album__ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vl-album:hover img{transform:scale(1.04)}
.vl-album h3{font:500 20px/1.25 var(--serif);margin:14px 0 4px;color:var(--ink)}
.vl-album:hover h3{color:var(--red)}
.vl-album span{font-size:14px;color:var(--muted)}
@media (max-width:960px){.vl-albums{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.vl-albums{grid-template-columns:1fr}}
.vl-gallery .sppb-gallery{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0!important;padding:0}
.vl-gallery .sppb-gallery li{margin:0!important;width:auto!important}
.vl-gallery .sppb-gallery li a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:var(--tint)}
.vl-gallery .sppb-gallery img{width:100%!important;height:100%!important;object-fit:cover;transition:transform .4s}
.vl-gallery .sppb-gallery li a:hover img{transform:scale(1.05)}
.vl-crumb{font-size:14px;color:var(--muted);margin:0 0 14px}
.vl-crumb a{color:var(--red)}
.vl-pagehead h1{font:400 clamp(32px,3.6vw,50px)/1.08 var(--serif);letter-spacing:-.015em;margin:0 0 10px}
.vl-pagehead p{color:var(--muted);margin:0 0 34px}

/* ---------- footer bottom bar ---------- */
#sp-footer .container-inner>.row{width:100%;align-items:center}
#sp-footer #sp-footer2,#sp-footer #sp-footer1{display:flex;align-items:center}
#sp-footer .container-inner>.row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 20px;margin:0}
#sp-footer #sp-bottom1,#sp-footer #sp-bottom2{flex:0 0 auto;width:auto;max-width:100%;padding:0}
#sp-footer #sp-bottom1{order:2}#sp-footer #sp-bottom2{order:1;text-align:left}
#sp-footer #sp-bottom3{display:none}
#sp-footer .sppb-section,#sp-footer .sppb-row-container,#sp-footer .sppb-column{padding:0!important;margin:0!important}
#sp-footer .sp-module{margin:0}
/* "Félagið": headings with children -> two-column panel */
#sp-header .sp-dropdown-main:has(.sp-menu-heading){width:500px!important}
#sp-header .sp-dropdown-main:has(.sp-menu-heading)>.sp-dropdown-inner>.sp-dropdown-items{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}
#sp-header .sp-dropdown-main .sp-dropdown-items>li:has(>.sp-menu-heading)>.sp-dropdown-sub{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;width:auto!important;margin:0!important;padding:0!important;left:auto!important;top:auto!important}
#sp-header .sp-dropdown-main .sp-dropdown-items>li:has(>.sp-menu-heading)>.sp-dropdown-sub>.sp-dropdown-inner{box-shadow:none!important;border:0!important;padding:0!important;background:transparent!important}
#sp-header .sp-dropdown li.sp-menu-item>span.sp-menu-heading{display:block;cursor:default}

/* ---------- page header band (title + breadcrumb) – see the block at the end of the file ---------- */
#sp-page-title:not(:has(.sp-page-title)){display:none!important}

/* ---------- category blog (Fréttir / Tilkynningar) as cards ---------- */
.view-category .page-header{margin:0 0 34px;padding-bottom:22px;border-bottom:1px solid var(--ink)}
.view-category .page-header h1,.view-category .page-header h2{margin:0}
.blog .row>[class*=col-]{margin-bottom:46px}
.blog .article{display:flex!important;flex-direction:column!important;height:100%;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.blog .article .article-intro-image{float:none!important;width:100%!important;max-width:none!important;margin:0 0 20px!important}
.blog .article .article-intro-image a{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:var(--r);background:var(--tint)}
.blog .article .article-intro-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog .article:hover .article-intro-image img{transform:scale(1.03)}
.blog .article:not(:has(.article-intro-image))::before{content:"";display:block;aspect-ratio:3/2;border-radius:var(--r);margin:0 0 20px;background:url(/images/vlfa/emblem-white.png) center/64px no-repeat,repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 2px,transparent 2px 9px),linear-gradient(160deg,#1c3470,#10224a);opacity:.95}
.blog .article .article-body{display:flex;flex-direction:column;padding:0!important;width:100%}
.blog .article .article-info{order:-1;margin:0 0 8px}
.blog .article .article-info,.blog .article .article-info *{font:400 14px/1.2 var(--sans)!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important}
.blog .article .article-info span:before{display:none}
.blog .article .article-header h2{font:500 22px/1.25 var(--serif)!important;letter-spacing:-.01em;margin:0 0 10px!important}
.blog .article .article-introtext{font-size:15.5px;line-height:1.6;color:#333}
.blog .article .article-introtext>*:not(:first-child):not(.readmore){display:none}
.blog .article .article-introtext>p:first-child{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.blog .article .article-introtext img,.blog .article .article-introtext iframe{display:none}
.blog .article .readmore{margin-top:14px}
.blog .article .readmore a{display:inline-flex;align-items:center;gap:8px;font:400 15px/1.2 var(--serif)!important;color:var(--ink)!important;background:none!important;border:0!important;border-bottom:1px solid var(--ink)!important;border-radius:0!important;padding:0 0 5px!important}
.blog .article .readmore a:hover{color:var(--red)!important;border-color:var(--red)!important}
.view-category .pagination-wrapper,.view-category .view-category__navigation{margin-top:10px}
.blog .article{justify-content:flex-start!important;align-items:stretch!important}
.blog .article .article-body{justify-content:flex-start!important;margin:0!important}
.blog .article .article-intro-image{align-self:stretch}
.view-article .article-details [itemprop=articleBody]{font-size:17px;line-height:1.75;color:#222;max-width:760px}
.view-article .article-details [itemprop=articleBody] a{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.blog .article .article-intro-image a{position:relative;min-height:0}
.blog .article .article-intro-image img{position:absolute;inset:0}
.blog .article .article-intro-image .badge,.blog .article .featured-article-badge{display:none}
.blog .article .article-intro-image{flex:0 0 auto!important;height:auto!important}

/* ---------- headings inside migrated page text (template h1–h6 are display sizes: 80/56/48/32px) ---------- */
body:not(.itemid-101) #sp-page-builder .sppb-addon-text-block :is(h1,h2,h3,h4,h5,h6),
body:not(.itemid-101) #sp-page-builder .sppb-panel-body :is(h1,h2,h3,h4,h5,h6){font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1.2;margin:0 0 .5em}
body:not(.itemid-101) #sp-page-builder .sppb-addon-text-block h1{font-size:clamp(30px,3.2vw,42px)}
body:not(.itemid-101) #sp-page-builder .sppb-addon-text-block h2{font-size:clamp(26px,2.6vw,34px)}
body:not(.itemid-101) #sp-page-builder .sppb-addon-text-block h3{font-size:clamp(23px,2.2vw,30px)}
body:not(.itemid-101) #sp-page-builder .sppb-addon-text-block h4{font-size:clamp(20px,1.8vw,24px)}
body:not(.itemid-101) #sp-page-builder .sppb-addon-text-block :is(h5,h6),body:not(.itemid-101) #sp-page-builder .sppb-panel-body :is(h1,h2,h3,h4,h5,h6){font-size:19px}

/* ---------- SP Page Builder contact forms ---------- */
.sppb-addon-ajax-contact .sppb-btn,.sppb-addon-ajax-contact button[type=submit]{background:var(--red)!important;border:1px solid var(--red)!important;color:#fff!important;border-radius:var(--r)!important;font:500 15px/21px var(--sans)!important;padding:13px 22px!important;text-transform:none!important;box-shadow:none!important}
.sppb-addon-ajax-contact .sppb-btn:hover,.sppb-addon-ajax-contact button[type=submit]:hover{background:var(--red-dark)!important;border-color:var(--red-dark)!important}
.sppb-addon-ajax-contact .sppb-form-control{border-radius:var(--r);border:1px solid #c9cfdc;padding:12px 14px;background:#fff}
.sppb-addon-ajax-contact .sppb-form-control:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(16,34,74,.12);outline:0}
.sppb-addon-ajax-contact .sppb-form-group{margin-bottom:14px}
.sppb-addon-ajax-contact .g-recaptcha{margin:4px 0 16px}
/* addon titles on inner pages (e.g. "Hafa samband" above contact forms) */
body:not(.itemid-101) #sp-page-builder h2.sppb-addon-title{font-size:clamp(26px,2.6vw,34px)}
body:not(.itemid-101) #sp-page-builder h3.sppb-addon-title{font-size:clamp(23px,2.2vw,30px)}
body:not(.itemid-101) #sp-page-builder h4.sppb-addon-title{font-size:clamp(20px,1.8vw,24px)}
.vl-gallery .sppb-gallery::before,.vl-gallery .sppb-gallery::after{content:none!important;display:none!important}

/* ---------- dropdown menus ---------- */
#sp-header .sp-dropdown.sp-dropdown-main{padding-top:6px!important;width:auto!important;min-width:250px}
#sp-header .sp-dropdown.sp-dropdown-main>.sp-dropdown-inner{border:1px solid #e6e9f0!important;border-top:3px solid var(--red)!important;border-radius:0 0 var(--r) var(--r)!important;box-shadow:0 22px 48px rgba(16,34,74,.16)!important;padding:10px 0!important;background:#fff!important}
#sp-header .sp-dropdown .sp-dropdown-items{margin:0;padding:0}
#sp-header .sp-dropdown li.sp-menu-item{margin:0!important;padding:0!important}
#sp-header .sp-dropdown li.sp-menu-item>a{display:flex!important;align-items:center;gap:10px;white-space:nowrap;font:400 15px/1.35 var(--sans)!important;color:var(--ink)!important;padding:10px 22px 10px 20px!important;background:transparent!important;border-left:3px solid transparent;transition:background .15s,color .15s,border-color .15s}
#sp-header .sp-dropdown li.sp-menu-item>a:hover,#sp-header .sp-dropdown li.sp-menu-item>a:focus-visible{background:var(--tint)!important;color:var(--red)!important;border-left-color:var(--red)}
#sp-header .sp-dropdown li.sp-menu-item.active>a,#sp-header .sp-dropdown li.sp-menu-item.current-item>a{color:var(--red)!important;font-weight:500!important;background:transparent!important;border-left-color:var(--red)}
#sp-header .sp-dropdown li.sp-menu-item>span.sp-menu-heading{padding:12px 22px 6px 23px!important;font:500 12.5px/1.2 var(--sans)!important;letter-spacing:.09em}
/* "Félagið" two-column panel */
#sp-header .sp-dropdown-main:has(.sp-menu-heading){width:520px!important}
#sp-header .sp-dropdown-main:has(.sp-menu-heading)>.sp-dropdown-inner>.sp-dropdown-items{gap:0 4px;padding:4px 0}
#sp-header .sp-dropdown-main:has(.sp-menu-heading)>.sp-dropdown-inner>.sp-dropdown-items>li+li{border-left:1px solid var(--rule)!important}

/* ---------- page header band on inner pages: echoes the home hero (navy, stripes, red bar, angled edge) ---------- */
#sp-page-title{position:relative;background:var(--navy)!important;color:var(--cream);overflow:hidden;padding:0!important;margin:0!important}
#sp-page-title::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(143,166,218,.055) 0 1px,transparent 1px 7px),radial-gradient(90% 140% at 85% 30%,rgba(46,74,140,.6),transparent 60%);pointer-events:none;z-index:0}
#sp-page-title::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(22px,3.4vw,46px);background:#fff;clip-path:polygon(0 100%,50% 0,100% 100%);z-index:3}
#sp-page-title>.row,#sp-page-title #sp-title,#sp-page-title .sp-column{margin:0!important;padding:0!important;position:static}
#sp-page-title .sp-page-title{position:relative;background:none!important;padding:0!important;margin:0!important;min-height:0!important}
#sp-page-title .sp-page-title::before{content:"";position:absolute;top:0;bottom:0;right:max(24px,calc((100% - var(--wrap)) / 2 + 36px));width:clamp(44px,5.2vw,78px);background:var(--red);z-index:1}
#sp-page-title .sp-page-title>.container{position:relative;z-index:2;max-width:calc(var(--wrap) + 30px)!important;padding:48px 15px 96px!important;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:16px;text-align:left}
#sp-page-title .sp-page-title-heading{font:400 clamp(34px,4.2vw,58px)/1.05 var(--serif)!important;letter-spacing:-.015em;color:var(--cream)!important;margin:0!important;padding:0 0 0 0;max-width:min(22ch,calc(100% - 110px));text-wrap:balance;text-transform:none!important}
#sp-page-title .sp-page-title-sub-heading{display:none}
#sp-page-title .mod-breadcrumbs__wrapper{margin:0}
#sp-page-title .breadcrumb{background:none!important;padding:0!important;margin:0!important;border:0!important;font:400 14px/1.4 var(--sans);display:flex;flex-wrap:wrap;gap:4px 0}
#sp-page-title .breadcrumb .mod-breadcrumbs__divider{display:none!important}
#sp-page-title .breadcrumb-item,#sp-page-title .breadcrumb-item span{color:rgba(244,242,230,.66)!important}
#sp-page-title .breadcrumb-item a,#sp-page-title .breadcrumb-item a span{color:rgba(244,242,230,.9)!important;text-decoration:none}
#sp-page-title .breadcrumb-item a:hover span{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
#sp-page-title .breadcrumb-item.active span{color:#e9a59f!important}
#sp-page-title .breadcrumb-item+.breadcrumb-item{padding-left:0!important}
#sp-page-title .breadcrumb-item+.breadcrumb-item::before{content:"›"!important;float:none!important;padding:0 10px!important;color:rgba(244,242,230,.45)!important;font-family:var(--sans)!important}
body:not(.itemid-101) #sp-main-body{padding-top:44px}
@media (max-width:767.98px){
  #sp-page-title .sp-page-title>.container{padding:30px 16px 64px!important;gap:12px}
  #sp-page-title .sp-page-title::before{right:16px;width:32px}
  #sp-page-title .sp-page-title-heading{max-width:calc(100% - 52px)}
  #sp-page-title .breadcrumb{font-size:13px}
  body:not(.itemid-101) #sp-main-body{padding-top:28px}
}
/* lists (Fréttir / Tilkynningar): the band carries the title */
.view-category .page-header{display:none}
#sp-page-title .sp-page-title{mix-blend-mode:normal!important;isolation:isolate}
#sp-page-title .sp-page-title::after{content:none!important;display:none!important}
/* band: angled edge must win over the template's category-page rule; red bar spans the full band */
body #sp-page-title::after{content:""!important;display:block!important;top:auto!important;bottom:-1px!important;height:clamp(22px,3.4vw,46px)!important;background:#fff!important;clip-path:polygon(0 100%,50% 0,100% 100%)!important;z-index:3!important}
#sp-page-title .sp-page-title{position:static!important}
#sp-page-title .sp-page-title>.container{position:relative}
/* article pages: the title is in the band */
.view-article .article-details .article-header{display:none!important}
.view-article .article-details{padding-top:0!important;margin-top:0!important}
body #sp-page-title::after{opacity:1!important;mix-blend-mode:normal!important;filter:none!important}
.view-article #sp-main-body>.container{padding-top:0!important}
.view-article .article-details .article-info{margin-top:0!important}
#sp-page-title .sp-page-title-heading{overflow-wrap:anywhere}
.view-article #sp-page-title .sp-page-title-heading{font-size:clamp(28px,3.5vw,48px)!important;max-width:min(26ch,calc(100% - 110px))}
@media (max-width:767.98px){.view-article #sp-page-title .sp-page-title-heading{max-width:calc(100% - 52px)}}
@media (min-width:768px) and (max-width:1199.98px){#sp-page-title .sp-page-title>.container{padding-left:40px!important;padding-right:40px!important}}
@media (min-width:768px) and (max-width:991.98px){#sp-page-title .sp-page-title>.container{max-width:720px!important;padding-left:15px!important;padding-right:15px!important}}

/* ---------- article page: one centred reading column (date, image, text, prev/next) ---------- */
.view-article .article-details>.article-info,.view-article .article-details>.article-full-image,.view-article .article-details>.article-content-body,.view-article .article-details>.article-author-content,.view-article .article-details>.article-can-edit{width:100%;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.view-article .article-details .article-ratings-social-share:not(:has(a,i,svg,img)){display:none!important}
.view-article .article-details .article-content-body{display:block!important}
.view-article .article-details .article-content-body>div:not(.article-ratings-social-share){width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.view-article .article-details .article-info{margin-bottom:18px!important;font-size:15px;color:var(--muted)}
.view-article .article-details .article-full-image{float:none!important;text-align:center;margin-bottom:30px!important}
.view-article .article-details .article-full-image img{display:inline-block;max-width:100%;height:auto;border-radius:var(--r)}
.view-article .article-details .article-full-image figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.view-article .article-details [itemprop=articleBody]{max-width:none!important}
.view-article .article-details .pagenavigation{margin-top:34px;padding-top:22px;border-top:1px solid var(--rule)}

/* newsletter field: the template zeroes input padding */
.vl-news-form input[type=email],.vl-newsletter .vl-news-form input{padding:14px 18px!important;height:auto!important;line-height:1.3!important;font-size:15px!important}

/* ---------- migrated page addons ---------- */
/* headings in any addon on inner pages (heading/feature/person/flip addons use the template's display sizes) */
body:not(.itemid-101) #sp-page-builder .sppb-addon-heading .sppb-addon-title{font-size:clamp(28px,3vw,40px)!important;font-weight:400;letter-spacing:-.015em}
body:not(.itemid-101) #sp-page-builder .sppb-addon-feature :is(h2,h3,h4).sppb-addon-title,body:not(.itemid-101) #sp-page-builder .sppb-feature-box-title{font-size:clamp(20px,1.9vw,24px)!important}
/* staff cards (person addon): name, red role, no social icons – as on the old site */
#sp-page-builder .sppb-addon-person .sppb-person-name{display:block;font:400 clamp(20px,1.8vw,24px)/1.25 var(--serif)!important;color:var(--ink)!important;margin:0 0 6px}
#sp-page-builder .sppb-addon-person .sppb-person-designation{display:block;font:400 14.5px/1.4 var(--sans)!important;color:var(--red)!important;margin:0 0 10px}
#sp-page-builder .sppb-addon-person .sppb-person-social-icons:not(:has(a[href^="http"])){display:none}
#sp-page-builder .sppb-addon-person .sppb-person-introtext{font-size:15px;line-height:1.6;color:#333}
/* flip cards (Spurt og svarað): text follows the card colour */
#sp-page-builder .threeD-content-inner :is(h1,h2,h3,h4,h5,p,span,i){color:inherit!important}
#sp-page-builder .threeD-content-inner :is(h2,h3){font:500 clamp(24px,2.4vw,32px)/1.2 var(--serif)!important}
#sp-page-builder .threeD-flip-front,#sp-page-builder .threeD-flip-back{color:#fff!important}
/* gallery album titles keep their own size */
#sp-page-builder .vl-album h3{font-size:20px!important}
#sp-page-builder .threeD-content-inner i{font-size:46px!important;margin-bottom:14px;display:inline-block}
#sp-page-builder .sppb-addon-openstreetmap{border-radius:var(--r);overflow:hidden;z-index:0}

/* ---------- tables in migrated pages (amenity lists, rates …): one clean style over the old inline styles ---------- */
body:not(.itemid-101) #sp-page-builder table{border-collapse:collapse!important;border:1px solid #cfd5e2!important;background:#fff!important;max-width:100%!important;height:auto!important;font-size:15px!important;line-height:1.4!important;color:var(--ink)!important;margin-bottom:10px}
body:not(.itemid-101) #sp-page-builder table :is(td,th){border:1px solid #dfe3ec!important;padding:7px 10px!important;vertical-align:middle!important;color:var(--ink)!important;height:auto!important}
body:not(.itemid-101) #sp-page-builder table tr:nth-child(even) td{background:#f7f8fb}
body:not(.itemid-101) #sp-page-builder table :is(td,th) p{margin:0!important;color:inherit!important;font-weight:inherit}
body:not(.itemid-101) #sp-page-builder table :is(td,th):has(> span > strong:only-child),body:not(.itemid-101) #sp-page-builder table :is(td,th):has(> span:only-child){text-align:center!important;width:34px}
/* amenity tables: fill their column */
body:not(.itemid-101) #sp-page-builder table.tablelist,body:not(.itemid-101) #sp-page-builder .sppb-addon-feature table{width:100%!important}

/* ---------- responsive fixes (phones / tablets) ---------- */
/* long URLs and e-mail addresses in migrated text must wrap instead of running off the screen */
body:not(.itemid-101) #sp-page-builder :is(.sppb-addon-content,.sppb-addon-text-block,.sppb-panel-body),.view-article [itemprop=articleBody]{overflow-wrap:break-word}
body:not(.itemid-101) #sp-page-builder :is(.sppb-addon-content,.sppb-addon-text-block,.sppb-panel-body) a,.view-article [itemprop=articleBody] a{overflow-wrap:anywhere}
body:not(.itemid-101) #sp-page-builder :is(.sppb-addon-content,.sppb-addon-text-block) :is(img,iframe,video),.view-article [itemprop=articleBody] :is(img,iframe,video){max-width:100%}
.view-article [itemprop=articleBody] img{height:auto}
/* tablets: news/notice cards two per row instead of one huge card */
@media (min-width:576px) and (max-width:991.98px){
  .blog .row>.col-lg-4,.blog .row>.col-lg-3{flex:0 0 50%;max-width:50%}
}
/* tablets: SPPB stacks every multi-column row below 992px – keep card rows (3–4 columns, or two equal halves) two-up */
@media (min-width:768px) and (max-width:991.98px){
  body:not(.itemid-101) #sp-page-builder .sppb-row:not(:has(>.sppb-col-md-8,>.sppb-col-md-9))>:is(.sppb-col-md-3,.sppb-col-md-4,.sppb-col-md-6){flex:0 0 50%!important;max-width:50%!important}
}
/* phones: list pagination (1–10 + arrows) wraps instead of running off the screen */
.view-category .pagination{flex-wrap:wrap;justify-content:center;row-gap:8px}
@media (max-width:575.98px){.view-category .pagination-wrapper{flex-direction:column;align-items:center;gap:10px}}

/* ---------- mobile menu (off-canvas panel) ---------- */
.offcanvas-menu{background:#fff!important}
.offcanvas-menu>.d-flex:first-child{justify-content:space-between;padding:18px 20px 12px 24px!important;border-bottom:1px solid var(--rule)}
.offcanvas-menu>.d-flex:first-child::before{content:"";width:150px;height:36px;background:url(/images/vlfa/logo.png) left center/contain no-repeat}
.offcanvas-menu .close-offcanvas{position:static!important;width:44px;height:36px;display:flex;align-items:center;justify-content:center;margin:0 -10px 0 auto}
.offcanvas-menu .offcanvas-inner{padding:8px 24px 32px!important}
.offcanvas-menu .offcanvas-inner ul.menu{display:block!important;margin:0 0 26px!important;padding:0!important}
.offcanvas-menu .offcanvas-inner ul.menu li{position:relative;overflow:visible!important;margin:0!important;padding:0!important;font-size:16px!important}
/* top level */
.offcanvas-menu .offcanvas-inner ul.menu>li{border-bottom:1px solid var(--rule)}
.offcanvas-menu .offcanvas-inner ul.menu>li>a,.offcanvas-menu .offcanvas-inner ul.menu>li>span{display:block!important;position:relative;left:0!important;margin:0!important;transform:none!important;padding:15px 48px 15px 0!important;font:500 17px/1.3 var(--sans)!important;color:var(--ink)!important;text-decoration:none}
.offcanvas-menu .offcanvas-inner ul.menu>li.active>a,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent-open>a{color:var(--red)!important}
/* chevron toggler: full-height 48px tap target on the right */
.offcanvas-menu .offcanvas-inner .menu-toggler{position:absolute!important;top:0!important;right:-12px!important;bottom:0;width:48px!important;height:auto!important;padding:0!important;transform:none!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer}
.offcanvas-menu .offcanvas-inner .menu-toggler::before{content:none!important}
.offcanvas-menu .offcanvas-inner .menu-toggler::after{content:""!important;font:0/0 a!important;width:9px;height:9px;border:solid var(--ink);border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)!important;transition:transform .2s,border-color .2s}
.offcanvas-menu .offcanvas-inner .menu-parent-open>a>.menu-toggler::after{transform:translateY(2px) rotate(-135deg)!important;border-color:var(--red)}
/* level 2 */
.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child{margin:0 0 14px 2px!important;padding:2px 0 2px 16px!important;border-left:2px solid var(--rule);font-size:15px!important;list-style:none}
.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child li>a{display:block!important;position:static!important;padding:8px 0!important;margin:0!important;transform:none!important;font:400 15.5px/1.35 var(--sans)!important;color:#333!important}
.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child li.active>a,.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child li.current>a{color:var(--red)!important;font-weight:500!important}
.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child li>a:hover{color:var(--red)!important}
/* headings inside a submenu (Félagið › Upplýsingar / Annað): small label, its links always shown */
.offcanvas-menu .offcanvas-inner ul.menu-child li:has(>span.nav-header)>span.nav-header{display:block!important;padding:12px 0 4px!important;font:600 12px/1.2 var(--sans)!important;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)!important;cursor:default}
.offcanvas-menu .offcanvas-inner ul.menu-child li:has(>span.nav-header)>span.nav-header .menu-toggler{display:none!important}
.offcanvas-menu .offcanvas-inner ul.menu-child li:has(>span.nav-header)>ul.menu-child{display:block!important;border-left:0;padding-left:0!important;margin-bottom:4px!important}
/* panel footer: "Mínar síður" button + language links */
.offcanvas-menu .offcanvas-inner .header-modules:empty{display:none!important}
.offcanvas-menu .sp-module.offcanvas-btn{margin:28px 0 0!important}
.offcanvas-menu .mod-sppagebuilder.offcanvas-btn{margin:0!important}
.offcanvas-menu .offcanvas-btn .sppb-row-container{padding:0!important}

/* ---------- Fréttir archive filter (templates/justice/html/com_content/category/blog.php) ---------- */
.vl-arch{margin:0 0 44px;padding:22px 24px;background:var(--tint);border:1px solid var(--rule);border-radius:var(--r);font-family:var(--sans)}
.vl-arch__bar{display:flex;flex-wrap:wrap;gap:16px 20px;align-items:flex-end}
.vl-arch__field{display:flex;flex-direction:column;gap:6px;margin:0}
.vl-arch__field--grow{flex:1 1 280px}
.vl-arch__lbl{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.vl-arch select,.vl-arch input[type=search]{height:46px!important;padding:0 14px!important;font:inherit;font-size:16px!important;line-height:normal!important;color:var(--ink)!important;background-color:#fff!important;border:1px solid #c9cfdc!important;border-radius:6px!important;box-shadow:none!important}
.vl-arch select{min-width:190px;padding-right:38px!important;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2310224a' stroke-width='2'/%3E%3C/svg%3E") right 14px center/12px no-repeat}
.vl-arch select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2310224a' stroke-width='2'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-size:12px!important;background-repeat:no-repeat!important}
.vl-arch select:focus,.vl-arch input[type=search]:focus{outline:2px solid var(--navy);outline-offset:1px;border-color:var(--navy)}
.vl-arch__search{display:flex}
.vl-arch__search input[type=search]{flex:1;min-width:0;border-radius:6px 0 0 6px!important;border-right:0!important}
.vl-arch__search button{height:46px;padding:0 22px;border:0;border-radius:0 6px 6px 0;background:var(--red);color:#fff;font-weight:700;cursor:pointer}
.vl-arch__search button:hover{background:var(--red-dark)}
.vl-arch__months{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--rule)}
.vl-arch__months a,.vl-arch__months span{display:inline-flex;align-items:baseline;gap:3px;padding:7px 14px;border-radius:99px;font-size:15px;line-height:1.2;text-decoration:none;border:1px solid #c9cfdc;background:#fff;color:var(--navy)}
.vl-arch__months a:hover{border-color:var(--navy);background:var(--navy);color:#fff}
.vl-arch__months a.is-active{background:var(--red);border-color:var(--red);color:#fff}
.vl-arch__months span{color:#a3aabb;background:transparent;border-style:dashed;cursor:default}
.vl-arch__months sup{top:0;font-size:11px;opacity:.7}
.vl-arch__status{margin:16px 0 0;font-size:15px;color:var(--muted)}
.vl-arch__status strong{color:var(--navy)}
.vl-arch__status a{color:var(--red);font-weight:700}
@media (max-width:575px){
  .vl-arch{padding:18px 16px;margin-bottom:32px}
  .vl-arch__field{flex:1 1 100%}
  .vl-arch select{width:100%}
  .vl-arch__months{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
  .vl-arch__months a:first-child{grid-column:1/-1;justify-content:center}
  .vl-arch__months a,.vl-arch__months span{justify-content:center;padding:8px 4px}
}