@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=b6841a72-11fd-4cca-ace4-150b1ac0dea8&fontids=1476020,5225567,5686127,6479065");

@import url("./fonts/univers/stylesheet.css");

@font-face{
  font-family: 'TheW NYC';
  src:url("./Fonts/TheWNYC-Regular-WebS.woff2") format("woff2"),url("./Fonts/TheWNYC-Regular-WebS.woff") format("woff");
}

/*
@font-face{
    font-family:"Avenir LT W05_95 Black";
    src:url("Fonts/5225567/ef5440cb-9db6-4c3a-b4ab-8135481379cd.woff2") format("woff2"),url("Fonts/5225567/6497b0cb-750c-4e79-b974-2d66cef3ac7d.woff") format("woff");
}
@font-face{
    font-family:"Avenir LT W05_65 Medium";
    src:url("Fonts/5686127/35f0ec4c-2566-463d-a1df-744259ac0ce8.woff2") format("woff2"),url("Fonts/5686127/701130ff-a1cd-4706-bd19-b4adff518e62.woff") format("woff");
}
*/

html { -webkit-font-smoothing: antialiased; }

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield!important; }

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.lazy-scroll{ overflow: hidden; overflow-y: auto!important; -webkit-overflow-scrolling: touch; }
.custom-overlay .lazy-scroll{ max-height: calc(100vh - 300px); }

.preline{ white-space: pre-line; }
.forcewrap {
    -ms-word-break: break-all;
    word-break: break-all;

 /* Non standard for webkit */
     word-break: break-word;

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

video { width: 100% !important; height: auto !important; }

input[type=text],
input[type=email],
input[type=number],
input[type=password],
textarea,
select {
    -webkit-appearance: none; width: 100%; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0px;
    padding: 0 15px; height: 40px; background-color: #F6F6F6; border: 1px solid #01306D;
}

textarea { resize: none; height: auto; padding-top: 15px; padding-bottom: 15px; display: block; }

/*
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
select:focus,
textarea:focus{ box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); }
*/

select::-ms-expand {  display: none; }
input[type=email]::-ms-clear,
input[type=text]::-ms-clear { display: none; }

form .alert{ border: 1px solid rgba(210,15,20,0.5)!important; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); background-color: #FAF6F6!important; color: #D20F14; }
form .valid{ border: 1px solid rgba(15,210,88,0.5); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); background-color: #ECFFF3!important; }

form .field{ margin-bottom: 15px; }
form .field > label{ display: block; margin-bottom: 7px; }
form .field label > em{ color: #D20F14!important; }

.select { position: relative; }
.select select { position: relative; z-index: 2; width: 100%; background: none!important; }
.select:after {
    content: ""; display: block; position: absolute; top: 50%; right: 20px; line-height: 0; z-index: 1; background: url(chevron-down.svg) center center no-repeat;
    width: 18px; height: 18px; background-size: contain; margin-top: -9px;
}
.select { width: 100%; }


.ease{ transition: all 0.3s ease; }
.multiply{ mix-blend-mode: multiply; }

body.fixed{ overflow: hidden; }

.left{ float: left; }
.right{ float: right; }
.clear{ clear: both ;}
.alignright{ text-align: right; }
.alignleft{ text-align: left; }
.cursor{ cursor: pointer; }
.center{ text-align: center; }
.abscenter{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.relative{ position:relative; } 
.ucase{ text-transform: uppercase; }
.capitalize{ text-transform: capitalize; }

img, svg, iframe, picture{ vertical-align: middle; }

article ul li{ padding-left: 15px; }
article ul li + li{ margin-top: 10px; }
article ul li:before { content:"•"; font-family: arial; font-size:15px; display: block; position: absolute; top: 0; left: 0; }

ol{ margin-left: 17px; }
ol li{ margin-bottom: 17px; }

table{ border-collapse: collapse; }
table td, table th{ padding: 0; }

.radio-list .radio{ margin-bottom: 15px; }
.radio-list .radio:last-child{ margin: 0; }

.radio label{ cursor: pointer; padding-left: 30px; position: relative; line-height: 22px; display: inline-block; }
.radio input{ display: none; }
.radio input + label:before{
    content: ""; display: block; height: 22px; width: 22px; background-color: #fff; cursor: pointer; position: absolute; top: -1px; left: 0;
    border-radius: 50%; border: 1px solid rgba(77,77,77,0.5);
}
.radio input:checked  + label:after{
    content: ""; display: block; width: 14px; height: 14px; background-color: #368A4D; border-radius: 50%; position: absolute; top: 3px; left: 4px;
}

.checkbox label:before,
.radio label:before { display: inline-block; }

.checkbox label{ cursor: pointer; padding-left: 30px; position: relative; line-height: 22px; display: inline-block; }
.checkbox input{ display: none; }
.checkbox input + label:before{
    content: ""; display: block; height: 22px; width: 22px; background-color: #fff; cursor: pointer; position: absolute; top: -1px; left: 0;
    border: 1px solid rgba(77,77,77,0.3); border-radius: 2px;
}
.checkbox input:checked  + label:before{ background-color: #368A4D; }
.checkbox input:checked  + label:after{
	content: "";
    display: block;
    width: 7px;
    height: 14px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 8px;
    top: 2px;
}

.checkbox-list .checkbox{ margin-bottom: 15px; }
.checkbox-list .checkbox:last-child{ margin: 0; }

.checkbox label a{ border-bottom: 1px solid #aaa; }

.dd{ display: block; position: relative; color: inherit; z-index: 3; text-align: left!important; }
.dd.clicked{ z-index: 4; }
.dd > label{
    cursor: pointer; line-height: 48px; display: block; color: inherit; padding: 0 15px 0 20px; border: 1px solid #01306D; 
    position: relative; background-color: #fffff3;
}
.dd.clicked > ul,
.dd.clicked > label{ box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); }
.dd > label + input[type=hidden]{ display: none; }
.dd > label em{ display: none!important; }
.dd > label::after{
    content: ""; display: block; position: absolute; top: calc(50% - 5px); right: 15px; width: 18px; height: 10px;
    background: url(chevron-down.svg) no-repeat; background-size: 18px auto; transition: all .2s ease;
}
.dd.clicked > label::after{ transform: rotate(180deg); }
.dd > label.alert{ color: #D20F14; }
.dd > label.alert::after{ background: url(chevron-down.svg); background-size: cover; }
.dd > ul{
    position: absolute; z-index: -1; width: 100%; top: 100%; background-color: #fffff3; display: none; border: 1px solid #01306D;
    border-top: none; max-height: 360px; overflow: auto; padding: 10px 0;
}
.dd > ul li{ padding: 10px 20px;  background: rgba(246,246,246,.15); }
.dd > ul li + li{}
.dd > ul li:hover{ cursor: pointer; }
.dd > ul li.True{  }

section.events div.dd{ width: 303px; margin-bottom: 1rem; }
section.events div.dd{ text-transform: uppercase; }

section.events div.dd li.True{ display: none; }

a.x,
span.x{ width: 32px; height: 32px; position: absolute; right: 0; display: block; background: url(white-x.svg) no-repeat; background-size: contain; top: -25px; cursor: pointer; }

.fs-video .container{ position: relative; }
.fs-video .container span.x{ top: -35px; right: 15px; z-index: 2; }

form .disabled{ position: relative; z-index: 1; display: block; }
form .disabled:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
form .disabled *{ opacity: 0.5; }

form .placeholder{ position: relative; z-index: 1; background: #fff; }
form .placeholder label{ position: absolute; top: 13px; color: #000; opacity: .6; font-size: inherit; left: 15px; transition: all 0.1s ease; line-height: 1em; z-index: -1; margin: 0; }
form .placeholder input[type=text],
form .placeholder input[type=number],
form .placeholder input[type=email],
form .placeholder textarea,
form .placeholder div.fake-input,
form .placeholder select{ background: none; border: 1px solid #efefef; border-radius: 3px; font-size: 18px; color: #000; height: 52px; }
form .placeholder { position: relative; }
form .placeholder label.active,
form .placeholder label.sticky,
form .placeholder input[type=text]:focus + label,
form .placeholder input[type=email]:focus + label,
form .placeholder input[type=number]:focus + label,
form .placeholder input[type=password]:focus + label,
form .placeholder textarea:focus + label{ top: 7px; font-size: 12px; z-index: 3; }

form .placeholder label.active::after,
form .placeholder label.sticky::after,
form .placeholder input:focus + label::after,
form .placeholder textarea:focus + label:after{ content: ""; display: block; position: absolute; bottom: calc(50% - 1px); left: -3px; width: calc(100% + 6px); height: 1px; background-color: #eae9e7; z-index: -1; }

form .placeholder .alert + label{ z-index: 2; }

div.placeholder > :not(label) { padding-top: 12px!important; line-height: 1; }
div.placeholder  > textarea{ padding-top: 22px!important; line-height: 1; }

div.spinners-wrapper{ position: relative; z-index: 1; display: inline-block; width: 150px; vertical-align: top; }
div.spinners-wrapper {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

div.spinners{ position: absolute; top: 0; right: 10px; height: 100%; width: 30px; z-index: 2; }
div.spinners a{ display: block; position: absolute; right: 0; width: 30px; height: 30px; background: url(chevron-down.svg) center center; background-size: 24px 24px; }
div.spinners a:first-child{ top: 0; transform: rotate(180deg); }
div.spinners a:last-child{ bottom: 0;  }

.mb-default{ margin-bottom: 1em; }
.mb-default2x{ margin-bottom: 2em; }
.mb-default3x{ margin-bottom: 3em; }	
.mb-default4x{ margin-bottom: 4em; }

.video-frame { overflow: hidden; padding-top: 56.25%; position: relative; }
.video-frame iframe,
.video-frame video { border: 0; position: absolute; width: 100%; height: 100%; object-fit: cover; }
.video-frame-4x3 { padding-top: 75%; }

.overlay-box{ max-width: 100%; }
.custom-overlay{ max-width: 100%; width: 630px; }
.custom-overlay .header { border-bottom: 1px solid #eee; padding: 50px 30px 30px 30px; margin: 0; }
.custom-overlay h2 + p{ margin-top: 1rem; }
.custom-overlay .content .field{ position: relative; }
.custom-overlay .content{ padding: 30px 100px; min-width: 420px; }
.custom-overlay .footer{ border-top: 1px solid #eee; padding: 30px; background: rgba(246,246,246,.75); border-radius: 0 0 3px 3px; overflow: hidden; }
.custom-overlay .footer a.button + a.button{ margin-left: 10px; }
.custom-overlay  > div.lazy-scroll { max-height: calc(100vh - 100px); }

section.banner button.play{ width: 100%; height: 100%; border: none; }
div.image > button.play{ border: none; }

div.image > button.play::after { width: 60px; height: 60px; border: 2px solid #fff; }

section.banner button.play::before,
section.banner button.play::after{ display: none; }

section.banner div.video-frame button.play::before,
section.banner div.video-frame button.play::after{ display: block; }

button.play{
    padding: 0;
    background: none;
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    display: block;
    border: 4px solid #fff;
    border-radius: 50%;
}

/*
button.play:hover::after{ background: rgba(0,130,49,.6); }
*/
button.play::after{
  position: absolute;
  top: 0;
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  border: 4px solid #fff;
  border-radius: 50%;
  transition: all .2s ease;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
}
button.play::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #fff;
  margin: 0 auto;
  position: absolute;
  left: calc(50% - 7px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

aside.ipcheck-wrapper{ position: fixed; bottom: 0; background-color: #fff; font-size: 10px; }
aside.ipcheck-wrapper > h3{ background-color: #ff9900; font-size: 10px; margin: 0; color: #fff; padding: 5px 10px; }
aside.ipcheck-wrapper > div{ padding: 5px 10px; }
aside.ipcheck-wrapper > div + div{ border-top: 1px solid #eee; }

section, article{ margin-bottom: 60px; }

main.PageNotFound section.banner.hero picture{ padding-bottom: 100vh!important; }
main.PageNotFound  section.banner.hero picture img { min-height: 100%; width: auto; }
main.PageNotFound section{ margin-bottom: 0; max-height: 100vh; overflow: hidden; }
main.PageNotFound section.banner.hero div.wrapper { height: 50%; }
main.PageNotFound section.banner.hero div.wrapper div.content{ height: 100%; }
main.PageNotFound section.banner.hero div.wrapper div.content .arrow{ font-size: 32px; }

main.PageNotFound section.banner.hero a > span.arrow,
main.PageNotFound section.banner.hero span.arrow > a{ background: url(arrow-right-white.svg) center right no-repeat; }

section.content{ margin-bottom: 0!important; }

/*
div.description{ padding: 0 min(max(16px, 2vw), 50px); }
*/

div.description a{ color: var(--linkColor); }

div.description div.links{ text-align: right; margin-top: 2rem; }
div.description div.links p + p{ margin-top: 0!important; }

article.v1 div.image{ position: relative; margin-bottom: 2rem; }
article.v1 div.image.fade{ margin-bottom: 0;}

article.v1 div.image.fade::after{ content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1;
  background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(222,214,208,1) 100%);
}

article.v1 div.image.fade + div.description{
    margin-top: -3rem;
    position: relative;
    z-index: 2;
}

article.v1 div.description h2{ margin-bottom: 1rem; }

footer{ padding: 36px 0; font-size: 14px; background-color: var(--dark-green); color: var(--primary); }

footer div.adaptive{ position: absolute; }

footer div.privacypolicy span + span{ margin-left: 30px; display: inline-block; }

footer div.logos{ margin-top: 2rem; }
footer div.logos svg{ height: 40px; }

footer div.logos svg#folkeuni + div { margin-top: 5px;margin-left: 62px; }
footer div.logos svg#dgb-logo + div { margin-top: 5px;text-align: right; }


span.toggleAudio{ position: absolute; z-index: 2; bottom: 40px; right: 40px; cursor: pointer; width: 40px; height: 40px; background: url(volume_off.svg) center center; background-size: contain; }
span.toggleAudio.muted{ background: url(volume_up.svg) center center; }


@media (min-device-width: 1024px){

section.banner.hero div.wrapper a:hover::after{ height: 48px; background-color: #FFBF0D; color: #fff;  width: calc(100% + 26px); left: -13px;  }
  div.link a:hover::after{ height: 48px; background-color: #FFBF0D; color: #fff;  width: calc(100% + 26px); left: -13px; }


}

@media (max-width: 767px){
  div.description{ 
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (max-width: 575px){

  .custom-overlay .content { padding: 30px; min-width: 0; }
  .custom-overlay .buttons { padding: 20px; }

  section, article{ margin-bottom: 40px; }
  
  section.hero + article,
  section.hero + section.program { z-index: 2; position: relative; }  

  footer div.adaptive { position: relative; margin-bottom: 20px; }
  footer div.privacypolicy{ margin-top: 20px; }
  footer div.privacypolicy span{ display: block; margin-left: 0!important; }
  

  footer div.logos svg#folkeuni + div { padding-bottom: 2rem; }
  footer div.logos svg#dgb-logo + div { margin-left: 62px; text-align: left; }

}