.no-scroll {
overflow: hidden!important;
}

.scroll {
overflow: auto!important;
}

.none {
visibility: hidden;
}

.disablebtn {
display: none;
}

.hidden {
display: none;
}
    
.no-ul {
    text-decoration: none;
}

.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.nowrap {
white-space: nowrap;
}

    .logo {
    width: 450px;
    }
    
    .logo-fp {
    width: 200px;
    }

.logo-mobil {
width: 80px;
}

@media screen and (min-width: 800px) {
.logo-mobil, .logo-fpmobil {
display: none;
}
}

@media screen and (max-width: 800px) {
.logo-mobil {
display: block;
}

.logo, .logo-fp {
display: none;
}

.bg-overlay-en {
max-height: 200px;
}

.bg-overlay-no {
max-height: 200px;
}
}

.dis {
top: 0!important;
}

.extra-width {
width: 200px!important;
}

.container {
max-width: 1300px;
}

.navbar {
min-height: 100px;
padding-right: 0;
}

.main-menu {
width: 100%; 
height: 100%;
opacity: 0; 
visibility: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.nav-open .main-menu {
opacity: 1; 
visibility: visible;
background: -moz-linear-gradient(left,  rgba(33, 147, 176, 0.96) 0%, rgba(109, 213, 237, 0.96) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(33, 147, 176, 0.96) 0%,rgba(109, 213, 237, 0.96) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(33, 147, 176, 0.96) 0%,rgba(109, 213, 237, 0.96) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa2989d8', endColorstr='#fa7db9e8',GradientType=1 ); /* IE6-9 */
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.main-menu .nav li a {
color: #000; 
font-size: 3vh; 
font-weight: 600; 
}

.main-menu .nav li a:hover {
color: #fff;
display: inline-block;
text-decoration: solid underline;
}

.main-menu .nav li {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
-moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
-o-animation-timing-function: cubic-bezier(.45,.005,0,1);
animation-timing-function: cubic-bezier(.45,.005,0,1);
}

.nav-open .main-menu .nav li {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform .2s,opacity .2s;
transition: transform .2s,opacity .2s;
}

.nav-button {
position: relative; 
z-index: 1111;  
height: 42px; 
display: block; 
width: 50px; 
padding: 12px; 
cursor: pointer;
}

.nav-button #nav-icon {
width: 24px;
height: 22px;
display: inline-block;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.nav-button #nav-icon::before {
    content: "Meny";
font-style: normal;
text-transform: uppercase;
font-size: 1em;
font-weight: 600;
position: relative;
left: -55px;
top:-4px;
cursor: pointer;
color: #000;
}

.nav-button #nav-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #000;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.nav-button #nav-icon span:nth-child(1) {
top: 0
}

.nav-button #nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
top: 7px
}

.nav-button #nav-icon span:nth-child(4) {
top: 14px
}

.nav-open #nav-icon span:nth-child(1) {
top: 9px;
width: 0;
left: 50%
}

.nav-open #nav-icon span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.nav-open #nav-icon span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.nav-open #nav-icon span:nth-child(4) {
top: 9px;
width: 0;
left: 50%
}

.flex-center {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}

.flex-column {
}

button:focus {
    /* outline: 0; */
}

.sokeboks::-webkit-input-placeholder {
color: #1c5e75!important;
font-weight: 500!important;
}

.sokeboks:-moz-placeholder {
color: #1c5e75!important;
opacity: 1!important;
font-weight: 500!important;
}

.sokeboks::-moz-placeholder {
color: #1c5e75!important;
opacity: 1!important;
font-weight: 500!important;
}

.sokeboks:-ms-input-placeholder {
color: #1c5e75!important;
font-weight: 500!important;
}

.sokstudierplaceholder::-webkit-input-placeholder {
opacity: 0.4!important;
color: #000!important;
font-weight: 400!important;
}

.sokstudierplaceholder:-moz-placeholder {
opacity: 0.4!important;
color: #000!important;
font-weight: 400!important;
}

.sokstudierplaceholder::-moz-placeholder {
opacity: 0.4!important;
color: #000!important;
font-weight: 400!important;
}

.sokstudierplaceholder:-ms-input-placeholder {
opacity: 0.4!important;
color: #000!important;
font-weight: 400!important;
}

.nav-up {
top: -110px;
}

nav {
position: fixed;
width: 100%;
transition: top 0.3s ease-in-out;
z-index: 1050;
background: #fff;
top: 0;
box-shadow: 0 5px 10px rgba(0,0,0,.1); 
}
    
    

.navbar-default {
transition: 0.6s ease;
background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.navbar-default.scrolled {
background: #fff;
}

footer {
margin-top: 0px;
background: #0A2D3A;
min-height: 250px;
color: #fff;
padding: 0 0 5px 0;
}

footer li {
list-style-type: none;
margin-left: 0;
padding: 5px 0 5px 0;
font-size: 1.1em;
}
    
    .footerlinks li span {
    border-bottom: 1px solid #fff;
    }
    
    .footerlinks li span:hover {
    color: rgba(76, 182, 204, 1);
border-bottom: 1px solid rgba(76, 182, 204, 1);
text-decoration: none;
    }

.footerlinks a {
color: #fff!important;
display: inline-block;
line-height: 1.3;
text-decoration: none;
}

.footerlinks a:hover {
    color: #fff;
}


    
    .nav-footer {
    background: #323232;
    font-size: 0.9rem;
    padding-bottom: 20px;
    }
    
    .sub-nav-heading {
    font-weight: 600;
    color: #f3f3f3;
    font-size: 1rem;
    }
    
    .nav-footerlinks a {
    color: #f3f3f3;
    border-bottom: 1px solid #fff;
    display: inline-block;
    text-decoration: none;
    display: inline;
    }
    
    .nav-footerlinks a:hover {
    color: rgba(76, 182, 204, 1);
    border-bottom: 1px solid rgba(76, 182, 204, 1);
    text-decoration: none;
    }
    
    .nav-footerlinks a.active {
    color: rgba(76, 182, 204, 1);
    border-bottom: 1px solid rgba(76, 182, 204, 1);
    text-decoration: none;
    }
    
    .nav-footerlinks a.visited {
    color: #333;
    border-bottom: 1px solid #333;
    display: inline-block;
    text-decoration: none;
    }

.avstand {
margin-top: 30px;
}

.avstand-lang {
margin-top: 60px;
}

.avstand-b {
margin-bottom: 30px;
}

.avstand-b-lang {
margin-bottom: 60px;
}

.search-button {
position: relative; 
z-index: 1111;  
height: 42px; 
display: block; 
width: 50px; 
padding: 12px; 
cursor: pointer;
right: 50px;
}

.search-button #search-icon {
width: 24px;
height: 22px;
display: inline-block;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.search-button #search-icon::before {
    content: "Søk";
font-style: normal;
text-transform: uppercase;
font-size: 1em;
font-weight: 600;
position: relative;
    left: -10px;
top:-4px;
cursor: pointer;
color: #000;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.search-open .search-button #search-icon::before {
opacity: 0;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}

.search-button #search-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #000;
border-radius: 9px;
opacity: 1;
left: -5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.search-button #search-icon span:nth-child(1) {
top: 0;
opacity: 0;
}

.search-button #search-icon span:nth-child(2),
#search-icon span:nth-child(3) {
top: 7px;
opacity: 0;
}

.search-button #search-icon span:nth-child(4) {
top: 14px;
opacity: 0;
}

.search-open #search-icon span:nth-child(1) {
top: 9px;
width: 0;
left: 50%
opacity: 1;
}

.search-open #search-icon span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 1;
}

.search-open #search-icon span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 1;
}

.search-open #search-icon span:nth-child(4) {
top: 9px;
width: 0;
left: 50%;
opacity: 1;
}

.search-menu {
width: 100%; 
height: 100%;
opacity: 0; 
visibility: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.search-open .search-menu {
opacity: 1; 
visibility: visible; 
background: -moz-linear-gradient(left,  rgba(33, 147, 176, 0.96) 0%, rgba(109, 213, 237, 0.96) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(33, 147, 176, 0.96) 0%,rgba(109, 213, 237, 0.96) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(33, 147, 176, 0.96) 0%,rgba(109, 213, 237, 0.96) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa2989d8', endColorstr='#fa7db9e8',GradientType=1 ); /* IE6-9 */
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.search-menu .sokinnhold {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
-moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
-o-animation-timing-function: cubic-bezier(.45,.005,0,1);
animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.search-open .search-menu .sokinnhold {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform .2s,opacity .2s;
transition: transform .2s,opacity .2s;
}

.sokinnhold {
min-width: 300px;
}

.sok input[type="search"] {
width: 100%;
background: rgba(0, 0, 0, 0);
color: #000; 
font-size: 3vh; 
font-weight: 600; 
border: 0px;
outline: none;
padding-bottom: 10px;
padding-right: 50px;
border-bottom: 1px solid black;
border-radius: 0;
}

.sokeknapp {
margin-left: -50px;
width: 50px;
font-size: 3vh;
display:inline-block;
vertical-align: -2px;
cursor: pointer;
}

.globalsok {
color: #000;
}

.studiesok {
color: #262626;
font-size: 2.8vh;
}

.sokstudier input[type="search"] {
width: 100%;
background: #fff;
color: #000; 
font-size: 2.8vh; 
font-weight: 600; 
border: 0px;
padding: 10px 50px 10px 12px;
border-radius: 0;
margin-top: 180px;
-webkit-focus-ring-color: none
}
    

.sokstudierknapp {
margin-left: -55px;
width: 50px;
font-size: 3vh;
display:inline-block;
vertical-align: -2px;
}

@media screen and (min-height: 1300px) {
.sokstudier input[type="search"] {
font-size: 36px!important;
}
.sokstudierknapp i {
font-size: 30px!important;
}
}

@media screen and (max-height: 700px) {
.sokstudier input[type="search"] {
font-size: 22px!important;
}
.sokstudierknapp i {
font-size: 24px!important;
padding-right: 5px;
}
}

@media screen and (max-width: 400px) {
.hovedbilde-lenker li {
font-size: 1.2rem!important;
}
}

.ansatte-button {
position: fixed; 
z-index: 3000;  
height: 42px; 
display: block; 
width: 50px; 
padding: 12px; 
cursor: pointer;
top: 30px;
margin-right: -12px;
}

.ansatte-button #ansatte-icon {
width: 24px;
height: 22px;
display: inline-block;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.ansatte-button #ansatte-icon::before {
font-style: normal;
text-transform: uppercase;
font-size: 1em;
font-weight: 600;
position: relative;
left: -10px;
top:-4px;
cursor: pointer;
color: #000;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.ansatte-open .ansatte-button #ansatte-icon::before {
opacity: 0;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}

.ansatte-button #ansatte-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #000;
border-radius: 9px;
opacity: 1;
left: -5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.ansatte-button #ansatte-icon span:nth-child(1) {
top: 0;
opacity: 0;
}

.ansatte-button #ansatte-icon span:nth-child(2),
#ansatte-icon span:nth-child(3) {
top: 7px;
opacity: 0;
}

.ansatte-button #ansatte-icon span:nth-child(4) {
top: 14px;
opacity: 0;
}

.ansatte-open #ansatte-icon span:nth-child(1) {
top: 9px;
width: 0;
left: 50%
opacity: 1;
}

.ansatte-open #ansatte-icon span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 1;
}

.ansatte-open #ansatte-icon span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 1;
}

.ansatte-open #ansatte-icon span:nth-child(4) {
top: 9px;
width: 0;
left: 50%;
opacity: 1;
}

.ansatte-menu {
width: 100%; 
height: 100%;
opacity: 0; 
visibility: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 2222;
}

.ansatte-open .ansatte-menu {
opacity: 1; 
visibility: visible; 
background: -moz-linear-gradient(left,  rgba(33, 147, 176, 0.96) 0%, rgba(109, 213, 237, 0.96) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(33, 147, 176, 0.96) 0%,rgba(109, 213, 237, 0.96) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(33, 147, 176, 0.96) 0%,rgba(109, 213, 237, 0.96) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa2989d8', endColorstr='#fa7db9e8',GradientType=1 ); /* IE6-9 */
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.ansatte-menu .ansatteinnhold {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
-moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
-o-animation-timing-function: cubic-bezier(.45,.005,0,1);
animation-timing-function: cubic-bezier(.45,.005,0,1);
}

.ansatte-open .ansatte-menu .ansatteinnhold {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform .2s,opacity .2s;
transition: transform .2s,opacity .2s;
}

.ansatteinnhold {
}

.ansatteinnhold li {
list-style-type: none;
}

.ansatte-menu .ansatteinnhold li a {
color: #000; 
font-size: 3vh; 
font-weight: 600; 
}

.ansatte-menu .ansatteinnhold li a:hover{
color: #fff;
display: inline-block;
text-decoration: solid underline;
}

.ansatte-menu .ansatteinnhold li {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
-moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
-o-animation-timing-function: cubic-bezier(.45,.005,0,1);
animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.ansatte-open .ansatte-menu .ansatteinnhold li {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform .2s,opacity .2s;
transition: transform .2s,opacity .2s;
}

.ansatte-link {
cursor: pointer;
}

.studenter-button {
position: fixed; 
z-index: 3000;  
height: 42px; 
display: block; 
width: 50px; 
padding: 12px; 
cursor: pointer;
top: 30px;
margin-right: -12px;
}

.studenter-button #studenter-icon {
width: 24px;
height: 22px;
display: inline-block;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.studenter-button #studenter-icon::before {
font-style: normal;
text-transform: uppercase;
font-size: 1em;
font-weight: 600;
position: relative;
left: -10px;
top:-4px;
cursor: pointer;
color: #000;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}

.studenter-open .studenter-button #studenter-icon::before {
opacity: 0;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}

.studenter-button #studenter-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #000;
border-radius: 9px;
opacity: 1;
left: -5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.studenter-button #studenter-icon span:nth-child(1) {
top: 0;
opacity: 0;
}

.studenter-button #studenter-icon span:nth-child(2),
#studenter-icon span:nth-child(3) {
top: 7px;
opacity: 0;
}

.studenter-button #studenter-icon span:nth-child(4) {
top: 14px;
opacity: 0;
}

.studenter-open #studenter-icon span:nth-child(1) {
top: 9px;
width: 0;
left: 50%
opacity: 1;
}

.studenter-open #studenter-icon span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 1;
}

.studenter-open #studenter-icon span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 1;
}

.studenter-open #studenter-icon span:nth-child(4) {
top: 9px;
width: 0;
left: 50%;
opacity: 1;
}

.studenter-menu {
width: 100%; 
height: 100%;
opacity: 0; 
visibility: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 2222;
}
.studenter-open .studenter-menu {
opacity: 1; 
visibility: visible; 
background: -moz-linear-gradient(left,  rgba(33, 147, 176, 0.96) 0%, rgba(109, 213, 237, 0.96) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(33, 147, 176, 0.96) 0%,rgba(109, 213, 237, 0.96) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(33, 147, 176, 0.96) 0%,rgba(109, 213, 237, 0.96) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa2989d8', endColorstr='#fa7db9e8',GradientType=1 ); /* IE6-9 */
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.studenter-menu .studenterinnhold {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
-moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
-o-animation-timing-function: cubic-bezier(.45,.005,0,1);
animation-timing-function: cubic-bezier(.45,.005,0,1);
}

.studenter-open .studenter-menu .studenterinnhold {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform .2s,opacity .2s;
transition: transform .2s,opacity .2s;
}

.studenterinnhold {
}

.studenterinnhold li {
list-style-type: none;
}

.studenter-menu .studenterinnhold li a {
color: #000; 
font-size: 3vh; 
font-weight: 600; 
}

.studenter-menu .studenterinnhold li a:hover{
color: #fff;
display: inline-block;
text-decoration: solid underline;
}

.studenter-menu .studenterinnhold li {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
-moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
-o-animation-timing-function: cubic-bezier(.45,.005,0,1);
animation-timing-function: cubic-bezier(.45,.005,0,1);
}

.studenter-open .studenter-menu .studenterinnhold li {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform .2s,opacity .2s;
transition: transform .2s,opacity .2s;
}

.studenter-link {
cursor: pointer;
}

.btn {
background-color: none!important;
border-color: none!important;
    /* color: #000!important; */
}

.btn:hover {
background-color: none!important;
}

.mindre {
font-size: 2.5vh;
line-height: 0.8;
}

.maxheight {
height: 80%;
}

ul.social-network {
list-style: none;
display: inline;
margin-left:0 !important;
}

ul.social-network li {
display: inline;
margin: 0 10px 0 -7px;
}

.social-network a.icoFacebook:hover {
background-color: #3B5998;
}
    
.social-network a.icoTikTok:hover {
background-color: #fb0653;
}

.social-network a.icoTwitter:hover {
background-color: #33ccff;
}

.social-network a.icoYoutube:hover {
background-color: #BD3518;
}

.social-network a.icoInstagram:hover {
background-color: #962fbf;
}

.social-network a.icoLinkedin:hover {
background-color: #2f72ab;
}

.social-circle li a {
display: inline-block;
position: relative;
margin: 0 auto 0 auto;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
width: 42px;
height: 42px;
font-size: 20px;
background-color: #616e81;
}

.social-circle li i {
margin: 0;
line-height: 43px;
text-align: center;
}

.social-circle i {
color: #fff;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
    
.globalsokeknapp {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}.hovedbilde-lenker li {
    list-style-type: none;
    padding: 5px 0 5px 0;
    font-size: 1.4rem;
    color: #fff;
    margin-left: -40px;
    display: block;
    text-shadow: 0px 0px 20px #000000;
}

.hovedbilde-lenker li i {
    padding: 0 0 0 12px;
    font-size: 1rem;
}

.hovedbilde-lenker li a {
    color: #fff;
}

.hovedbilde-lenker li a:hover {
    color: #fff;
    text-decoration: underline;
}

.moving-left i {
    position: relative;
    transition: transform 0.3s ease;
    transform: translateX(0px);
}

.moving-left:hover i {
    transform: translateX(8px);
}

.alle a {
    color: #000;
}

.alle a:hover {
    text-decoration: underline;
}

.luft {
    margin-right: 10px;
}

i[class^="fas"]:before {
    display: inline-block;
    text-decoration: none;
}

.ui-menu .ui-menu-item-wrapper {
    font-size: 1.3em;
}

.tittelniva {
    color: #000; 
    font-size: 3vh; 
    font-weight: 600; 
    padding-bottom: 20px;
    border-bottom: 0.3vh solid rgba(0,0,0,.7);
    margin-bottom: 20px;
    width: 80%;
}

.tittelniva-over {
    color: #000; 
    font-size: 3vh; 
    font-weight: 600; 
    margin-bottom: 20px;
    border-bottom: 0.3vh solid rgba(0,0,0,.7);
    padding-top: 20px;
    width: 80%;
}

.bg-image-full {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 400px;
}

.bg-image-full-portrait {
    background: no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 500px;
}

.featured {
    height: 600px;
}

.opague {
    color: #fff;
    opacity: 0.5;
}

.bg-overlay-no-mohn {
    background: url("/Content/662513/cache=1578992493000/MohnBannerBG_2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 350px;
}

.graa {
    background: #eee;
}

h2 {
    margin-top: 15px!important;
    font-size: 1.8rem!important;
}

.boxlink {
    display: block;
    color: #000;
    cursor: pointer;
}

.boxlink:hover,
    .boxlink:hover h2 {
        color: rgba(33, 147, 176);
        text-decoration: none;
    }

.ingress {
    color: #505050;
    font-size: 1.05rem;
}

.metadata {
    color: #000;
}

.lysboks {
    background: #fff;
    opacity: 0.8;
    width: 75%;
    padding: 15px;
    margin-top: 200px;
}

.lysboks-portrait {
    background: #fff;
    opacity: 0.7;
    width: 75%;
    padding: 15px;
    margin-top: 250px;
    float: right;
}

.lysboks .ingress {
    color: #000;
}

.extra-margins {
    margin: 0 1rem 0 1rem!important;
}

.extra-margins-links {
    margin: 0 2rem 0 1rem!important;
}

.extra-margins-ls {
    margin: 0 0.25rem 0.25rem!important;
}

.less-margins {
    margin: 0 -1rem 0 -1rem;
}

.extra-padding {
    padding: 0 -1rem 0 -1rem;
}

.nyhetspadding {
    padding: 30px;
}

.center-cropped {
    object-fit: cover;
    object-position: center;
    height: 250px;
    width: 100%;
    margin-bottom: 0px;
}

@media screen and (max-width: 1199px) {
    .center-cropped {
        height: 180px;
    }
    
    .event-tittel {
        font-size: 1.15rem;
        letter-spacing: -0.2px;
    }
}

.sokeknappstudier {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}a {
    color:#005E7A;
}

a:hover, a:focus {
    color:#005E7A
}

div#maincontent div.col-md-8 a, div#maincontent div.col-md-7 a, div.col-md-5 a, main a, ingress a, p.main-text a, div#maincontent div.col-lg-8 a {
    text-decoration:underline
}

div#maincontent div.col-md-8 a.btn, div#maincontent div.col-md-7 a.btn, div.col-md-7 a.btn, main a.btn, main a button, div#maincontent div.col-lg-8 a.btn {
    text-decoration:none !important
}

.pops { border-bottom: 2px dotted gray; cursor:pointer }
.pops:hover { color:black; text-decoration:none }
body {
  font-family: "Open Sans", sans-serif;
}


hr {
margin-top: 2rem;
margin-bottom: 2rem
}

caption { caption-side:top; font-weight:bold }

.pe-none {
pointer-events:none
}

.padding-top {
padding-top: 90px;
}

.paddingBunn {
margin-bottom:15px;
}

.bunnmarginminus {
margin-bottom: -65px;
}

.padding-top20 {
padding-top: 20px;
}

.padding-top120 {
padding-top: 120px;
}

.padding-top150 {
padding-top: 150px;
}

.padding-bottom {
padding-bottom: 90px;
}

.divide40 {
padding-top: 40px;
}

.divide30 {
padding-top: 30px;
}

.divide20 {
padding-top: 20px;
}


.gray {
background-color:#efefef;
}

.pull-left {
float: left;
}

.pull-right {
float: right;
}

.bannerBG {
background-color: #3c8ab1;
}

.badge {
display: inline-block;
padding: 7px;
font-size: 0.8em;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
margin-top:5px;
margin-bottom:5px;

}

.badge a{
color:#fff !important;
}



.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0rem !important; 
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

::placeholder  {
color:#969595 !important;
font-weight:100;
}

select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
background-position: 98% 50%;
background-repeat: no-repeat;
margin-bottom:10px;

}



.form-control-lg {
display: block;
width:100%;
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.6;
border-radius: 0.3rem;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0rem !important; 
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.breadcrumb-item.active {
color: #000;
}


/*Tilknyttede enheter */

.under { font-size:1em; margin-bottom:5px; margin-top:5px; margin-left:10px; }
.pilopp:after { 
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f151";
margin-left:5px; display:inline-block; width:20px; 
}
span.firstletter { display:inline-block; }
span.firstletter::first-letter { text-transform:uppercase; }


/*Tilknyttede enheter */



/* Responsive embed av iFrame/Youtube osv */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

ingress {
font-size:1.4rem;
margin:2rem 0;
line-height:1.5 !important;
display:block;
}

ingress p {
line-height:inherit !important;
}

.center-cropped-gallery {
object-fit: cover;
object-position: center;
height: 150px;
width: 100%;
margin-bottom: 30px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
}

.center-cropped-gallery:hover { 
opacity: 0.8;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
}

#skip {
z-index: 9999999;
position: absolute;
padding: 10px;
background: #fff;
}

code { color:#cb333b }

.carousel-control-prev:focus, .carousel-control-next:focus { outline:solid }@media (max-width: 575.98px) { 
    
    .studentintervju {
        background-color:#efefef;
        
        min-height:320px !important;
        overflow: hidden;
        /*border-bottom:1px solid #ccc;*/
        margin-bottom:20px !important;
    }
    
    .studentintervjuIMG {
        
        height: 300px !important;
        object-fit: cover;
        
    }
    
}

.studentintervju a img {
    width:100%;
}

.studentintervju a:hover img {
    
}

.blistudenttekst {
    color: black;
    height: 45px;
    font-weight: 100;
    
}

.studentintervju {
    background-color:#efefef;
    min-height:350px;
    overflow: hidden;
    /*border-bottom:1px solid #ccc;*/
    padding-bottom
}

.studentintervju2 {
    background-color:#fff !important;
    
}

.studentintervjuIMG {
    
    height: 200px;
    object-fit: cover;
    
}

/* tester å fjerne
.card {
    border-radius: 0px !important;
}
*/


div.bildeBoksText { 
    /*setting alpha = 0.1*/ 
    background: rgba(251, 251, 251, 0.6);
    margin-top: 450px;
    text-align:left;
    text-transform: uppercase;
    font-size:1.6em;
    line-height:1.6em;
    color:#000;
    padding-left:10px;
    padding-top:2px;
    padding-bottom:0px;
    text-align:center;
} 

div.bildeBoksText a{ 
    color:#000;
} 

div.bildeBoksText a:hover{ 
    color:#000;
} 

.boksText {
    padding: 15% 0;
    text-align:center;
    text-transform: uppercase;
    font-size:1.4em;
    
}

.boksText2 {
    padding: 55px 0;
    text-align:center;
    text-transform: uppercase;
    font-size:1.4em;
}

.boksText3 {
    padding: 75px 0;
    text-align:center;
    text-transform: uppercase;
    font-size:1.4em;
}

.blaaBoks a {
    color:#fff; 
}

.blaaBoks a:hover{
    color:#007396 !important; 
}

.blaaBoksBolig a {
    color:#fff; 
}

.blaaBoksBolig a:hover{
    color:#007396 !important; 
}



.blaaBoks {
    background-color:#007396;
    color:#fff;
    width:100%;
    border-bottom:4px solid #fff;
    border-right:4px solid #fff;
    cursor:pointer
}

.blaaBoksBolig {
    background-color:#007396;
    color:#fff;
    max-height:200px;
    width:100%;
    border-bottom:4px solid #fff;
    border-right:4px solid #fff;
}

.blaaBoksBG {
    background-image: url("https://uit.no/Content/650956/cache=1571830073000/GrafiskElement_1.png") ;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    
}

.enhetsboks {
    color:#fff;
    width:100%;
    border-right:4px solid #fff;
    cursor:pointer;
    height:250px;
    padding:20px
}

.bg_blaa {
    background-color:#003349;
}
.bg_rod {
    background-color:#cb333b !important;
}

.skra_front {
    background-color: #007396;
    color:white;
    background-image: url("/ressurs/uit/2020web/profil/skrastilling_hvit.png") ;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto;
}

.skra_front p {
    color:white;
}

.skra_front .modal, .skra_front .modal p {
    color:black;
}

.skra_front a {
}



.bildeBoks {
    
    color:#fff;
    min-height: 100px;
    max-height:616px;
    
    
    text-align:center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom:4px solid #fff;
}


/* NYE BLÅ SKRÅMOTIV-KNAPPER */

.skraKnapp {
    display:block;
    border:none;
    width:100%;
    background: #007396 url("/ressurs/uit/2020web/profil/skrastilling_hvit.png") center right/auto no-repeat;
    color:white !important;
    text-align:center;
    font-size:1.4em;
    text-transform:uppercase;
    padding:20px;
    margin-bottom:20px;
    text-decoration:none;
}

.skraKnapp:hover {
    color:white !important;
    background-color: gray;
    text-decoration:none;
    cursor:pointer;
}

.skraKnapp p {
    margin: 0;
    position: relative;
    top: 50%;
    transform: translate(0%, -50%);
}

.h-150 {
    height:150px;
}

.uith-120 {
height:120px;
}




@media (max-width: 575.98px) { 

 

    
    .bg {
        /* The image used */
        
        min-height:300px;
        background-position: center center;
        background-repeat: no-repeat;
        
        background-size: cover;
    }
    
    .bildeBoks {
        
        color:#fff;
        max-height:200px;
        text-align:center;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        border-bottom:4px solid #fff;
    }
    
    div.bildeBoksText { 
        
        margin-top: 60% !important;
        font-size:1.3em !important;
        line-height:1.3em !important;
        
    } 
    
    .text {
        background-color:#007396;
        color:#fff;
        padding-top:15px !important;
        padding-bottom:10px !important;
    }
    
    
    
    .bildeBoks {
        min-height:350px !important;
    }
    
    .boksText {
        padding: 10% 0 !important;
        padding-top:17% !important;
        text-align:center;
        text-transform: uppercase;
        font-size:1.1em !important;
        
    }
    
    .boksText2 {
        padding: 30px 0 !important;
        
        text-align:center;
        text-transform: uppercase;
        font-size:1.1em !important;
    }
    
    .boksText3 {
        padding: 0px 0 !important;
        padding-top:35px !important;
        text-align:center;
        text-transform: uppercase;
        font-size:1.1em !important;
    }
    
    .blaaBoks {
        min-height:100px !important;
    }
    
    .paddingNed{
        padding-bottom: 20px;
    }
    
    .btn {
        background-color: none!important;
        border-color: none!important;
    }
    
}/* Stiler for bruk av bilder fra content studio (bildearkivet) */

figure {
    background-color:none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    padding-bottom:5px;
}

figure.figright img, figure.figright figcaption {
    float:right;
    margin-left:25px;
    clear: right;
    display:block;
    height: auto;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

figure.figleft img, figure.figleft figcaption {
    float:left;
    margin-right:25px;
    clear: left;
    display:block;
    height: auto;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

figure.figmiddle img, figure.figmiddle figcaption {
    float:none;
    margin-left:auto;
    margin-right:auto;
    clear:both;
    display:block;
    height: auto;
}

figure.fignone img, figure.fignone figcaption {
    float:none;
    margin-left:auto;
    margin-right:auto;
    clear:both;
    display:block;
    height: auto;
}

figure.fig img, figure.fig figcaption {
    float:none;
    margin-left:auto;
    margin-right:auto;
    clear:both;
    display:block;
    height: auto;
}

figcaption {
    font-size:0.9em;
    padding-top:5px;
    color:#464646;
    font-style:italic;
    border-bottom:#b6b6b6 solid 1px;
    padding-bottom:5px;
    margin-bottom:15px;
}

figcaption cite {
    font-style:italic;
}


figure.bredde100 img, figure.bredde100 figcaption {
    width:100%;
}

figure.bredde75 img, figure.bredde75 figcaption {
    width:75%;
}

figure.bredde50 img, figure.bredde50 figcaption {
    width:50%;
}

figure.bredde25 img, figure.bredde25 figcaption {
    width:25%;
}

figure.bredde12 img, figure.bredde12 figcaption {
    width:12%;
}


.figright::before, .figleft::before {
    content: "\f0fe";
    font-family: "Font Awesome 5 Pro";
    font-size: 1.1em !important;
    color:#000 !important;
    z-index:99;
    opacity: 0.5;
    position: absolute;
    padding:10px;
    background: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    padding: 1px;
    margin-top:20px;
}


.figleft::before {
    left:0px;
    margin-left:25px;    
}

.figright::before {
    right:0px;
    margin-right:25px;    
}


.figright.clicked img, .figleft.clicked img {
    width : 100%;
    max-width: 100% !important;
    height : auto;
    padding-bottom:5px;
    padding-left:0px !important;
}


.figright.clicked figcaption {
    width : 100%;
/*max-width: 750px !important;*/
    height : auto;
    margin-bottom:20px;
}

.figleft.clicked figcaption {
    width : 100%;
    max-width: 750px !important;
    height : auto;
    margin-bottom:20px;
}

.figright.clicked::before {
    content: "\f146";
font-family: "Font Awesome 5 Pro";
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


.figleft.clicked::before {
    content: "\f146";
font-family: "Font Awesome 5 Pro";
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.undefined::before {
content: "";
font-family: "Font Awesome 5 Pro";
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
opacity:0;
}

.figright.noresize::before, .figleft.noresize::before  {
    content:none;
}

.img-responsive {
    max-width: 100%;
height: auto;
}

@media screen and (max-width: 480px){
    
    figure.bredde50 img, figure.bredde50 figcaption {
        width:100%;
    }
    
    figure.bredde25 img, figure.bredde25 figcaption {
        width:100%;
    }
    
    .figright::before {
        content: none !important;
        
    }
    
    .figleft::before {
        content: none !important;
        
    }
    
    
    h1.op-extra-large {
        font-size: 1.0em !important;
        line-height: 20px !important;
        margin: 0 0 5px 0 !important;
    }
    cite, figcaption{ 
        font-size: 0.9em !important;
    }
    
    
}


.btn {
    white-space:inherit !important;
    text-align:left;
}

/* Prøver å fjerne
.card {
    border-radius: 0rem !important;
    border: 0px solid #fff !important;
}


.card-header {
    padding:0;
    margin-bottom: 0;
    background-color: #ebebeb;
    border-bottom: 10px solid #fff;
    
}
*/
.btn-link {
    color:#000 !important;
}

/* .card-body {
    padding-left: 0rem;
}
*/

.card h5 { font-size:1.1rem !important }
a.btn-info, a.btn-dark {color:white !important }

.blueAccIcon {
    background-color:#007396;
    padding:15px;
    color:#fff;
    margin-right:15px;
    margin-left:-13px;
    margin-top: -7px;
    margin-bottom: -7px;
}


.mb-0{
    color:#000;
    font-weight:400;
    font-size:1.1em;
}

.fa-2x {
    font-size: 1.2em;
    padding-top:9px;
}

.blueAccIcon {
    background-color:#007396;
    padding:15px;
    color:#fff;
    margin-right:15px;
    margin-left:-13px;
    margin-top: -7px;
    margin-bottom: -7px;
}


[data-toggle="collapse"] .fa:before {  
    content: "\f057";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f067";
}





@media (max-width: 575.98px) { 
    
    .blueAccIcon {
        background-color:#007396;
        padding:5px;
        color:#fff;
        margin-right:10px;
        /*margin-left:-20px;*/
        margin-top: -25px !important;
        margin-bottom: -12px;
    }
    
    .mb-0 {
        font-weight:400;
        font-size:1em !important;
        padding:15px !important;
    }
    
}.embed-container iframe, .embed-container object, .embed-container embed {
  border: 0px !important;
}


@media (max-width: 575.98px) {
.embed-container_vertical {
  padding-bottom: 175% !important;
}

}

.bg {
    /* The image used */
    
    margin-top:75px;
    background-position: center center;
    background-repeat: no-repeat;
    
    background-size: cover;
}


.white {
    color:#fff !important;
}


.bannerBG {
    background-color:#007396;
}

.uitblaa {
    color:#007396;
}

.text {
    color:#fff;
    padding-top:150px;
    padding-bottom:50px;
}

.btn-rod {
    margin-bottom: 3px;
    background-color: #cb333b;
    color: #fff !important;
    border: 1px solid #fff;
}

.btn {
    background-color: none!important;
    border-color: none!important;
}

.facts {
    background-color: #fff!important;
    padding-top:10px;
    padding-left:15px;
    padding-bottom:10px;
    padding-right:15px;
    color: #000!important;
}

.spanFacts {
    
    font-size: 1.2em;
    
    text-transform: uppercase;
    font-weight: 800;
    color: #007396;
}

.list {
    margin-bottom: 3px;
    border-bottom: 1px solid #fff; 
}



.studiested {
    font-size: 1.2em;
    padding-left:15px;
    text-transform: uppercase;
    font-weight:800;
    color: #007396;
}

.studiestedText {
    color: #000;
    font-size:1em;
    font-weight:600;
    padding-left:15px
}

.studiestedBy {
    font-size: 1em;
    padding-left:15px;
    text-transform: uppercase;
    font-weight:600;
}




[data-toggle="collapse"] .fa:before {  
    content: "\f068";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f067";
}




.paddingBunn {
    margin-bottom:15px;
}


.card-img-top {
    border-radius: 0px;
}

.andrestudierBilde {
    width:100%; /*container-width*/
    overflow:hidden; /*hide bounds of image */
    margin:0;   /*reset margin of figure tag*/
    max-height:200px;
}

.andrestudierBilde img {
    display:block; /*remove inline-block spaces*/
    width:100%; /*make image streatch*/
    min-height: 250px;
}

.andrestudierBG{
    padding:15px;
    background-color:#fff;
    min-height: 230px;
    
}

.andrestudierBGlow{
    padding:15px;
    background-color:#fff;
    min-height: 130px;
    
}

.andrestudier_card-text{
    padding:15px;
    color:#000;
}

.andrestudierTitle{
    padding-left:15px;padding-right:15px;
    color:#007396;
    font-size:1.3em;
    font-weight:600;
    display: block;
}



.kontaktPerson {
    max-height:150px;
    border:1px solid #ccc;
}

.kontaktperson {
    background-color:#fff;
    padding-left:15px;
    /*border-bottom:1px solid #ccc;*/
}

.laerer {
    background-color:#ebebeb;
    padding-left:15px;
    border:5px solid #fff;
    
}

.list-group-item {
    margin-bottom: 5px !important;
}

.media {
    padding-bottom:20px;  
}




.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
    margin-bottom: 1rem;
    list-style: none;
    background-color: inherit;
    border-radius: 0px;
    margin-top:-20px;
}





.studieplan thead {
    display: table-header-group;
    vertical-align: middle;
    background-color: #007396;
    color: #fff;
    font-weight:600;
    
}


tr.studieplan_define_columns td {
border-right-color:white;
border-top-color:white;
border-left-color:white;
padding:0;
}



@media (max-width: 575.98px) { 
    
}.blockquote-footer {
        display: block;
        font-size: 100%;
        color: #282828;
        float: right;
        margin-top: -10px !important;
        font-style: italic;
    }


.studievalg {
        padding-bottom:50px;
    }
    
    .sok h1 {
        color: #fff;
        text-transform: uppercase;
    }
    
    .whiteLink {
        color: #fff;
        padding-top:5px;
        
    }
    

    
    .whiteLink a {
        color: #fff;
        padding-top:5px;
        text-transform: uppercase;
    }
    
    .whiteLink a:hover {
        color: #000;
    }

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007396;
    border-color: #007396;
}

.enhetKnapp {
    background-color: #007396 !important;
    color: #fff !important;
    margin-bottom: 5px;
    border: 0px;
    padding: 25px;
}

 a:hover .enhetKnapp{
        background-color:#ccc !important;
        color:#000 !important;
        border:0px;
    }

.enhetKnapp:hover{
        background-color:#ccc !important;
        color:#000 !important;
        border:0px;
    }




/* Vertival video embed */

 .verticalVideoH {
        margin-left:20px;
        margin-bottom:15px;
        width: 465px; 
        height: 700px;
    }
    
      .verticalVideoL {
        margin-right:20px;
        width: 465px; 
        height: 700px;
        margin-bottom:15px;
    }
    
    @media (max-width: 575.98px) { 
    
        .verticalVideoH {
        margin-left:0px;
        width: 100%; 
        height: 485px;
    }
    
      .verticalVideoL {
        margin-right:0px;
        width: 100%; 
        height: 485px;
    }
        
    }

/* Vertival video embed */

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #f2a900;
    color:black;
}
    
    .nav-tabs .nav-item {
    margin-bottom: -1px;
    padding: 3px;
}
    .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}
    
    .nav-tabs .nav-link {
        border-top: 1px solid #808080;
        border-left: 1px solid #808080;
        border-right: 1px solid #808080;
        border-top-left-radius: 0rem;
        border-top-right-radius: 0rem;
        
    }
   
    .nav-tabs .nav-item a:hover {
       background-color: #eee !important;
        border-top: 1px solid #808080;
        border-left: 1px solid #808080;
        border-right: 1px solid #808080;
        border-bottom: 2px solid #f2a900;
    }
    
    .nav-tabs .nav-item a {
       text-decoration: none !important;
        border-top: 1px solid #808080;
        border-left: 1px solid #808080;
        border-right: 1px solid #808080;
        border-bottom: 2px solid #808080;
color:#007396 !important
    }
    
     .nav-tabs .nav-link.active {
       border-bottom: 2px solid #f2a900;
        border-top: 1px solid #808080;
        border-left: 1px solid #808080;
        border-right: 1px solid #808080;
    }.calicon {
    border-radius:5px;
    width:80px;
    text-align:center;
    font-size:.8rem;
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

.calicon .ringcontainer {
    position:relative;
    font-size.5em;
    line-height:15px;
    top:8px;
}

.calicon .rings {
    background: rgb(182,182,182);
    background: linear-gradient(90deg, rgba(182,182,182,1) 0%, rgba(255,255,255,1) 50%, rgba(182,182,182,1) 100%);
    border-radius:5px;
    width:10px;
    display:inline-block;
}

.calicon .month {
    background-color:#cb333b;
    padding:4px 0px 3px 0px;
    color:white;
}

.calicon .day, .calicon .daysmall {
    background-color:#e4e4e4;
    font-weight:600;
    padding:0px 5px;
    height:50px
}

.calicon .day {
    font-size:1.8rem;
}

.calicon .daysmall {
    font-size:1.1rem;
    padding-top:14px;
    line-height: 1;
}

.calicon .mindrepaddingtop {
    padding-top:5px!important;
}

.daysmalldash {
    font-size:1.1rem!important;
    padding-top:15px!important;
}

.datopil {
    padding: 0 0 0 6px;
}

.datopilvenstre {
    padding: 0 5px 0 5px;
}

.btn-info {
    background-color: #007396 !important;
    border-color: #007396 !important;
}

.btn-info:hover {
    background-color: #003349 !important;
    border-color: #003349 !important;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    background-color: #003349 !important;
    border-color: #003349 !important;
}

.btn-secondary {
color:white !important
}

.btn-primary {
background-color:#007396;
}

.btn-danger {
background-color:#cb333b;
}

.btn-uitmain {
color: #fff;
background-color: #003349;
border-color: #003349;
}

.btn-uitblue {
color: #fff;
background-color: #007396;
border-color: #007396;
}

.btn-uitlightblue {
color: #000;
background-color: #59BEC9;
border-color: #59BEC9;
}

.btn-uitlightgray {
color: #000;
background-color: #e4e4e4;
border-color: #e4e4e4;
}

.btn-uitred {
color: #fff;
background-color: #CB333B;
border-color: #CB333B;
}

.btn-uitorange {
color: #000;
background-color: #F2A900;
border-color: #F2A900;
}

.btn-uitmain:hover, .btn-uitblue:hover, .btn-uitlightblue:hover, .btn-uitred:hover, .btn-uitorange:hover {
color: #fff;
background-color: gray;
}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height:1.5
}

h2 {
    line-height: 1.3;
}

h3, .h3 {
    font-size:1.5rem !important
}

/* Banner-titles */ 

header.mastuten {
    height:25vh;
    color:white;
    text-align:center;
    display: flex;
    justify-content: center;
    align-items: center;
}

header.masthead {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bannerContent h1, .bannerContent h2 {
    font-weight:200
}

h1.bannerTitle {
    font-size:3vw !important
}

h1.bannerTitle.bigger {
    font-size:4vw !important
}

h2.bannerSubTitle {
    font-size:1.7vw !important
}

h2.bannerSubTitle.bigger {
    font-size:2vw !important
}

@media (max-width: 768px) {
    h1 { font-size:1.8em }

    h1.bannerTitle {
        font-size:6vw !important
    }
    h1.bannerTitle.bigger {
        font-size:7vw !important
    }
    h2.bannerSubTitle {
        font-size:3.5vw !important
    }
    h2.bannerSubTitle.bigger {
        font-size:5vw !important
    }
}/* Første paragraph i en tekst, f.eks fra iknowbook-kapittel */

.firstp p:first-child {
    font-size: 1.3rem;
    margin: 2rem 0;
    line-height: 1.5 !important;
}
.undersak{
    border:1px solid #ccc;
    padding:15px;
    background-color:#f7f7f7;
}

div.faktaboks {
    float:right;
    width:33%;
    background-color:#e4e4e4;
    padding:15px;
    margin-left:20px;
}

div.faktaboks a {
color:black;
text-decoration:underline
}

div.faktaboksFull {
    background-color:#e4e4e4;
    padding:15px;
}

@media (max-width: 480px) {
    div.faktaboks {
        width:100%;
        background-color:#e4e4e4;
        padding:15px;
        margin:20px 0px;
    }
    
}

.faktaboks, .faktaboksFull {
    background-color: #ededed;
    border-bottom: 2px solid #f2a900;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 1em;
}

.faktaboksH {
    background-color: #ededed;
    border-bottom: 2px solid #f2a900;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 1em;
    width:50%;
    margin-left:10px;
    float:right;
}

.faktaboksV {
    background-color: #ededed;
    border-bottom: 2px solid #f2a900;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 1em;
    width:50%;
    margin-right:10px;
    float:left;
}

.faktaboks h4 {
    font-size:1.2em;
    font-weight:600;
    line-height:1.2em;
}

.faktaboksHvit {
    background-color:#fff;
    border-left:3px solid #f2a900;
    padding:15px;
    margin-bottom:20px;
}

.faktaboksHvit h4 {
    font-size:1.2em;
    font-weight:600;
    line-height:1.2em;
}


.module {
  font-size: 1rem !important;
  line-height: 1.5;
}


.module .collapse:not(.show) {
  display: block;
  height: 2.7rem;
  overflow: hidden;
}

.module .collapsing {
  height: 2.7rem;
}



    .module a {
            margin-bottom: -10px;
        text-decoration: none !important;
        color:#fff !important;
padding-top:15px;
    }

.module p a {
            margin-bottom: -10px;
        text-decoration: underline !important;
        color:blue !important;
    }

.module p a:hover {
            margin-bottom: -10px;
        text-decoration: none !important;
        color:red !important;
    }

.module li a{
        color:blue !important;
        text-decoration: underline !important;
}

.module li a:hover{
        color:red !important;
        text-decoration: none !important;
}


.module li a:not(.collapsed)::after {
        content: '';
        color:#000;
        padding:0px;
        text-decoration: none !important;
}



    
.module a.collapsed::after {
  content: '+ Vis mer';
        background-color: #003349;
        padding:6px;
        text-decoration: none !important; 
}

.module a:not(.collapsed)::after {
  content: '- Vis mindre';
        background-color: #003349;
        padding:6px;
        text-decoration: none !important;
}





.module p a.collapsed::after {
  content: '';
        background-color: #003349;
        padding:0px;
        text-decoration: none !important;
        
}

.module p a:not(.collapsed)::after {
  content: '';
        background-color: #003349;
        padding:0px;
        text-decoration: none !important;
}
    
    div.faktaboksCollapse {
    float: none !important;
    width: 100% !important;
    background-color: #59bec940;
    padding: 10px !important;
    margin-left: 0px !important;
        margin-bottom: 20px;
        border-bottom: 2px solid #003349 ;   
}

.faktaboksCollapseH {
    width: 50% !important;
float:right !important;
    background-color: #59bec940;
    padding: 10px !important;
    margin-left: 0px !important;
        margin-bottom: 20px;
        border-bottom: 2px solid #003349 ;
display:block;
clear:right;
margin-left:25px;
}

.faktaboksCollapseV {
    width: 50% !important;
float:left !important;
    background-color: #59bec940;
    padding: 10px !important;
    margin-left: 0px !important;
        margin-bottom: 20px;
        border-bottom: 2px solid #003349 ;
display:block;
clear:left;
margin-right:25px;
}

.faktaboksCollapse h4 {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.2em;
}   

.faktaboksCollapseH h4 {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.2em;
}  

.faktaboksCollapseV h4 {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.2em;
}  

@media (max-width: 768px) {
    
    .faktaboksH {
        
        width:100%;
        margin-left:0px;
        float:none;
    }
    
    .faktaboksV {
        
        width:100%;
        margin-right:0px;
        float:none;
    }
    
}


/* Næringslivsmentorer */
	  
.nlm { padding: 30px }
.nlm img { width: 100% }
.nlm .mentor { font-weight: 600; font-size: 1.1em; margin-top:8px; }

.nlm p:first-of-type { font-size:0.9em; margin-top:4px; font-weight:400 }
.nlm p:not(:first-of-type) { font-size:0.9em; margin-top:-15px }
	  
/* eda */
.trekkspill button.trekkspilltittel {
    background: none;
    color: inherit;
    border: inherit;
    cursor: pointer;
    text-align: left;
    width: 100%;
}

button.trekkspilltittel {
  cursor: pointer;
  display: block;
  font-size: 1.4em;
  color: #333;
  font-weight: 400;
  padding: 15px 25px 15px 25px;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


button.trekkspilltittel::after {
  content: '\f078';
  float: right;
  margin-left: 5px;
  font-family: 'Font Awesome 5 Pro';
}

button.trekkspillaktiv::after {
  content: "\f077";
}

.trekkspillinnhold {
  display: none;
  padding: 15px 25px 15px 25px;
  border-bottom: 1px solid #ccc;
}

.trekkspillinnhold p {
  font-size: 1.1em!important;
  line-height: 1.7!important;
}

button.trekkspillhover, button.trekkspillaktiv {
  background-color: rgba(76, 182, 204);
  color: #fff;
}

/* Kommentert ut 16.11.2022
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}
*/.badge-info {
    background-color: #147F90 !important;
}

.badge-success {
    background-color: #218739 !important;
}

.carousel-control-next, .carousel-control-prev {
    opacity:1 !important;
    width:10% !important
}

.carousel-control-next i, .carousel-control-prev i {
    font-size:2em;
    color:gray;
}

.carousel-control-next:hover i, .carousel-control-prev:hover i {
    color:black;
}

.slider {border:1px solid #ccc;     }
#visSlider { border:1px solid #ccc; }

.shadowlink {
    background-color:white;
    display:flex;
    flex-direction:column;
    margin-bottom:30px;
    align-items: center;
    justify-content: center;
    box-shadow:3px 3px 8px lightslategray;
    text-align:center;
    padding:0px 20px;
    text-decoration:none;
}

.shadowlink:hover, a.shadowlink:hover {
    background-color:gray;
    text-decoration:none;
    color:white !important;
}

tit, .shadowlink tit {
    font-size:1.4em;
    font-weight:300
}

.shadowlink under {
    font-size:0.95em;
    font-weight:200
}

.shadowlink i {
    margin-bottom:10px;
    font-size:1.6em;
}

.mh-150 {
    min-height:150px;
}

.mh-125 {
    min-height:125px;
}

.mh-100 {
    min-height:100px;
}

.mh-75 {
    min-height:75px;
}

.shadowlink.chosen {
    background-color:gray;
}

.bl > .nav-tabs .nav-link.active {
    border-bottom:2px solid #007396;
}

.bl .nav-tabs .nav-item a:hover {
    border-bottom:2px solid #007396;
}

div.fsemneparagraph {
    margin-bottom:20px;
}

div.fsemneoverskrift, span.fsemneoverskrift {
    font-weight:bold;
    font-size:1.2em;
}

list  {
    display: block;
    list-style-type: disc;
    margin-block-start: 0.7em;
    margin-block-end: 0.7em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}

list listitem {
    display:list-item;
}

div.fsoverskriftnavn, span.fsoverskriftnavn {
    display:inline-block;
    font-size:1.3em;
    font-weight:bold
}

table.fsemneimagetableleft {
    display:none;
}

table.undervisningsinfo {
    width:100%
}

table.undervisningsinfo td {
    padding:20px;
    border:1px solid silver
}

personrolle, tittelprefix {
    display:inline-block;
    margin-right:5px;
}.logosamling .row {
    margin:0;
}

.logosamling .logo-wrapper {
    height:200px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    border:solid 1px #eee;
}

.logosamling .logo-wrapper img {
    max-height:100px;
    max-width:100%;
}





