/* AdO & Nordnes Shared CSS styles */
:root{
--primary:#192561;
--secondary:#346dcc;
--dark:#333;
--light:#f6f6f6;
--white:#fff;
--lime:#dbf1e0;
--dark-lime:#39B39A;
--purple-light:#dfe6ec;
}
@font-face {font-family: 'Wigrum Medium';src: url("../font/Wigrum-Medium.fbc09269e77f.otf") format("opentype")}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5,.font-primary{line-height:1.2em;font-family:'Wigrum Medium', Arial, Helvetica, sans-serif;font-weight:normal}
b, strong, .strong { font-weight: 700; }
i.fas, i.far,i.fab, i.fa { min-width: 23px; }
[aria-hidden="true"] { display: none; }
.hamburger { background: transparent; border: 0; outline: 0; cursor: pointer; }
.alert p { margin: 0; }
img {width: initial;height: initial}
.legal {margin-bottom: 60px}
.rich-text ul { list-style: initial; padding: 0 0 1em 1em; }
.rich-text ol li, .rich-text ul li { padding-bottom: 0.5em;}
.img-auto {width:100%;height:auto}
.img-cover {width:100%;height:550px;object-fit:cover;display:block}
.bg-blue-light{background: #c8e3f4}
.bg-blue{background: #2A397D}
.border-blue {border-color:#192561;}
.border-b-1 {border-bottom:1px solid #192561}
.bg-blue-dark {background: #192561}
.txt-blue-dark {color: #192561}
.bg-lime {background: var(--lime)}
.bg-dark-lime {background: var(--dark-lime)}
.bg-green {background: #00829e}
.bg-purple-light {background: var(--purple-light)}
.fill-green {fill: #00829e}
.fill-dark-lime{fill:var(--dark-lime)}
.bg-white-transparent {background: rgba(255,255,255,.75)}
.rich-text > :last-child { margin-bottom: 0; }
.rich-text h2,
.rich-text h3,
.rich-text h4 {margin-bottom: 1em}
.richtext-image {border:10px solid #e2f0fb; box-sizing:border-box;}
.richtext-image.left { width: 50%; height: auto; float: left; margin-right: 20px; }
.richtext-image.right { width: 50%; height: auto; float: right; margin-left: 20px; }
.richtext-image.full-width { width: 100%; height: auto; margin-bottom:20px}
.rich-text a:not(.btn) {color: var(--primary);text-decoration: underline}
.slide figcaption {bottom: 0;left:0;right:0;margin: auto;}
.container-980 {max-width: 980px}
.container-1180 {max-width: 1180px}
.lSAction > a { background-image: none!important; opacity: 1!important; }
a.link { color: var(--primary); text-decoration: underline; }
.txt-lime,a.txt-lime { color: var(--lime); }
.alert td { color: red; }
.logo-nav-top {width: 50px; height: 30px}
.alert.success{background-color:#5cb85c}
.alert.danger{background-color:#d9534f}
.alert.warning{background-color:#f0ad4e}
.alert.info{background-color:#5bc0de}
.alert a {color: #fff;text-decoration:underline}
.gallery-thumbnail:hover {cursor:pointer}
.img-thumb {filter: brightness(100%);transition: all 0.3s ease;}
.img-thumb:hover{filter: brightness(80%)}
.responsive-object {position: relative;}
.responsive-object iframe,
.responsive-object object,
.responsive-object embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.breadcrumbs li a{color:var(--primary)}
.breadcrumbs li:not(:last-child) a:after{content:" \00BB";color:var(--primary);margin:0 8px}
.breadcrumbs li a:hover { text-decoration: underline}
.tags li{margin-right:5px}
.nav-padding {padding:10px 5vw}
.grid-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); grid-auto-rows: minmax(300px, auto); grid-gap: 0; }
.event-image figcaption { bottom: 20px; left: 50%; transform: translateX(-50%) }
.live-app .var-image-banner { height: 48px; width: 79px; }
/* .live-app .var-image { height: 72px; width: 118px; } */
.live-app .var-image { height: 96px; width: 158px; }
.img-80 {width:80px; height:auto}
.img-100 {width:100px; height:auto}
.lang-flag,.lang-flag img {width: 24px;height: 18px; top:26px; right:3vw;}
.accordion-content,
.accordion-section { padding: 10px; }
.accordion-section:not(:last-child) { border-bottom: 1px solid #efefef; }
.accordion-section[aria-expanded="false"]:hover {background: #efefef}
.accordion-section[aria-expanded="true"] { background: #fff8dc82; }
.accordion-header[role="button"] {cursor: pointer;padding: 10px 36px 10px 10px;font-size: 1em;position: relative;line-height: 1.45;}
.accordion-header:after {content: "";position: absolute;right: 10px;width: 1em;height: 1em;background-image: url("arrow_down.c3d75740c5c5.svg");display: block;top: .75em;background-size: contain;}
.accordion-section[aria-expanded="true"] .accordion-header:after { transform: rotate(180deg); }
.accordion-content .rich-text h3,
.accordion-content .rich-text h4,
.accordion-content .rich-text h5 {font-size: 1em}
.input-search-faq { width: 100%; height: 4em; line-height: 4em; padding: .25em 1em; box-sizing: border-box; border: 0; font-size: 1em; }
.table-default td, .table-default th { text-align: center; padding: 10px; font-weight: normal;}
.table-default th {padding: 15px 10px}
.table-default td:first-child, .table-default th:first-child { text-align: left }
.table-default tbody tr:hover { background: var(--light); }
.table-records {width: 100%;margin-bottom: 2em;}
.table-records td, .table-records th { text-align: left; padding: 10px; font-weight: normal;}
.table-records th {padding: 15px 10px}
.table-records td:first-child, .table-records th:first-child { text-align: left }
.table-records tbody tr:hover { background: var(--light); }
/* Records tables: elements shown only on the mobile (<=767px) layout. */
/* Replaces former server-side user-agent sniffing with viewport media queries. */
.records-mob-only { display: none; }
.txt-shadow-primary {text-shadow: 1px 1px 1px var(--primary);}
.txt-shadow-white {text-shadow: 1px 1px 1px var(--white);}
.txt-line-through {text-decoration: line-through;}
img.listing-preview-img{height:150px;width:150px;}
img.listing-preview-img-small{height:100px;width:100px;}

@media screen and (min-width:768px) {
.event-data {padding-left: 5vw; padding-right:5vw; min-width: 360px;bottom: 20px}
.border-container { border: 15px solid #c8e3f4; }
[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }
[data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
[data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; }
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.var-image, .var-item div { width: 100%; }
li.var-item, li.var-item-banner { text-align: center}
}

@media screen and (max-width:767px) {
.live-app .var-item, .live-app .var-item-banner {flex-direction: row; justify-content: start!important; width: 320px; }
.live-app .var-image, .live-app .var-image-banner {height: 56px; width:92px}
.live-app .var-item div, .live-app .var-item-banner div {text-align: left; }
.event-image,.intro-image {order: 1}
.event-desc,.intro-desc {order: 2}
.event-data {bottom:0}
.mob-max-100 {max-width:100px}
.mob-max-70 {max-width:70px}
.richtext-image.left,
.richtext-image.right {width: 100%; float: none; margin: initial}
.table-default td, .table-default th {padding: 15px 5px}
.table-records td, .table-records th {padding: 15px 5px}
.img-cover{height:500px}
.nav-padding { padding: 10px 40px 10px 10px; }
.mob-hidden {display: none;}
/* Mobile records layout: show the Norwegian/International split and drop rows
   that have no Norwegian record from the (Norwegian) main table. */
h4.records-mob-only {display: block;}
table.records-mob-only {display: table;}
.table-records tr.no-norwegian {display: none;}
}