@charset "UTF-8";
/* CSS Document */

body {
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #fffff;
    /* display: flex; */
    /* min-height: 100vh; */
    /* flex-direction: column; */
}

h1,h2,h3,h4,h5,h6 {
    font-weight:bold;
    color:#0B1F2C;
    text-transform:uppercase;
}

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

img {display: block;max-width: 100%;}

.pull-left {float:left;}
.pull-right {float:right;}


.transparent {background:inherit !important;}

.container {    
    max-width: 1200px;
    margin:0 20px;
/*    background: rgba(0,0,0,0.15);   */
}

.container.wide {
    max-width: 1980px;
}

.container.max-width-1440 {
    max-width: 1440px;
}

p {
    font-size:22px;
    letter-spacing: 1px;
}

header[role='bryne-no'] {
    background-color: #fff;
}

header[role='bryne-no'] .container {
    height: 50px;
    line-height: 50px;
    font-size: 15px;    
}

header[role='bryne-no'] a {
    text-decoration: none;
    color:#0B1F2C;
    font-family:"Myriad Pro",sans-serif;
}

header[role='bryne-no'] h5 {
    margin:0;    
}

header[role='bryne-no'] h5 a {
    color:#c81719;
    text-transform: uppercase;    
    font-family:"Carrois Gothic","sans-serif";
    font-size: 16px;
}



/** HEADER **/

header[role='header'] {
    background: #fff url(/wp-content/uploads/2016/10/banner_background.jpg) 50% 0 no-repeat; 
    background-size:cover;   
}

header[role='header'] .container.logo-and-cta {
    height:150px;     
    position: relative;    
                
}

header[role='header'] a[role='logo'] {
    position: absolute;
    display:block;        
    top: 50px;  
    z-index:3;
}

header[role='header'] a[role='logo'] img {
    width:730px;
}

header[role='header'] .container.logo-and-cta a.cta {
    
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    font-size:28px;
    width:250px;
    height:60px;
    line-height:60px;
    text-align:center;
    border:2px solid #fff;
    margin:45px 0 0 20px;
    display:inline-block;
    float:right;


}

header[role='header'] button {
    background-color:#0B1F2C;
    border:0;
    color:#fff;
    font-size:40px;
    padding:5px 10px;
    position:absolute;
    right:0px;
    top:10px;
    border-radius:2px;
    display:none;
}

header[role='header'] button:hover {
    background-color: #3C4C56;
}


header[role='header'] nav {
    background-color: #fff;
    height:50px;
}

header[role='header'] nav ul {
    list-style: none;    
    padding: 0;
    margin: 0;
}

header[role='header'] nav[role='navigation'] ul li a {
    margin: 0;
    display: block;
    padding:0 25px;
    font-size: 20px;
    text-decoration: none;
    color:#0B1F2C;
    text-transform: uppercase;
    font-weight:normal;
}

header[role='header'] nav[role='navigation'] ul li a:hover,
header[role='header'] nav[role='navigation'] ul li.selected a {
    /*background-color: #eee;*/
    text-decoration:underline !important;
}




/** ROTATOR **/

section[role='rotator'] {    
    position:relative;
    height:340px;
}

section[role='rotator'] .container.rotator-caption-container {
    position:absolute;
    bottom:0;
    width:100%;
    margin:0 auto;

}

section[role='rotator'] .container.rotator-caption-container .rotator-caption {    
    height:160px;
    background-color:rgba(230,61,17,0.75);
    color:#fff;
    padding:0px 20px 0 20px;       
    line-height:1;
}

section[role='rotator'] .container.rotator-caption-container .rotator-caption .larger {
    font-size:35px;
    padding-top:30px;
    display:block;
}

section[role='rotator'] .container.rotator-caption-container .rotator-caption .smaller {
    font-size:25px;
}

section[role='rotator'] .container.rotator-caption-container .rotator-caption a {
    text-decoration:none;
    color:#fff;
}

section[role='rotator'] .container.rotator-caption-container .rotator-caption a.read-more {

}


section[role='rotator'] .container.panel {
    height:180px;
    margin:0 auto;
    position:relative;
    background-size: cover;

}

section[role='rotator'] .container.panel .rotator-panel-caption {    
    margin:0 auto;
    background-color:rgba(230,61,17,0.75);
    color:#fff;
    position:absolute;
    right:20px;
    bottom:20px;
    line-height:75px;
    padding:0 20px;
}

section[role='rotator-caption'] .container {
    text-align:center;
    margin: 22px auto !important;
}

section[role='rotator-caption'] .container a {
    color:#fff;
    text-decoration:none;
}

section[role='rotator-caption'] .container h1 {
    font-size:64px;
    margin:0;    
    display:block;
    text-transform:uppercase;
    padding-top: 10px;
}

section[role='rotator-caption'] .container h2 {
    margin:10px 0 30px 0;
}

/* Rammen til knapper inngang forside */
section[role='rotator-caption'] .container h2 a{
    font-size:24px;
    font-weight: normal;
    /*text-transform:uppercase;*/
    letter-spacing: 0.02em;
    border:2px solid #fff;
    display:inline-block;
    padding:20px 20px;
    line-height:1.3em;
    margin:0;
}

section[role='rotator-caption'] .container h2 a:after {
    content:"\2192";
    font-weight:100;
    margin-left:10px;
}

section[role='rotator-caption'] .container h2 a:hover {
    opacity:0.7;
}


/** MAIN IMAGE **/
section[role='main-image'] {    
}

section[role='main-image'] .container {
    margin:0 auto;    
}

section[role='main-image'] .container img {
    margin:0 auto;
} 


/** CONTENT **/
section[role='content'] a {
    color: #66af64 !important;
}

section[role='content'] h1 {}
section[role='content'] p {}
section[role='content'] .element.third {float:left;}


/** EVENT **/
section[role='event'] {}
section[role='event'] .container {margin-top:55px;margin-bottom:55px;}
section[role='event'] .container h1 {
    margin:0;
    font-size:50px;
    text-transform:uppercase;
    color:#2d9fa5;
}

section[role='event'] .container .event-by-line {
    margin:10px 0 20px 0;
  border:2px solid #2d9fa54;
  border-width:2px 0;
  line-height:50px;    
  font-size:30px;
  text-transform:uppercase;
}

section[role='event'] .container .event-by-line .time {
    margin-left:20px;    
    padding-left:30px;
}

section[role='event'] .container .event-by-line .location {
    margin-left:20px;    
    padding-left:30px;
    color:#0B1F2C;
}

section[role='event'] .container .event-by-line .location a {
    color:#2d9fa5;
    text-decoration:none;
}

section[role='event'] .container footer[role='event'] {
    margin-top:40px;
    margin-bottom:10px;
}

section[role='event'] .container footer[role='event'] a {
    font-size:40px;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;    
    padding:10px 60px 10px 20px;
    background:#e63d11;
}

/** ARTICLE **/
/** EVENT **/
section[role='article'] {}
section[role='article'] .container {margin-top:55px;margin-bottom:55px;}
section[role='article'] .container h1 {
    margin:0;
    font-size:50px;
    text-transform:uppercase;
    color:#66AF64;
}

section[role='main-image'] img {
    width:100%;
}


/** FULL WIDTH LINK **/
section[role='full-width-link'] {

}

section[role='full-width-link'] a {    
    display:block;    
    text-align:center;
    font-size:25px;
    line-height:60px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    background:#e63d11;    
}

section[role='full-width-link'] a span {    
    padding-right:50px;
}

section[role='full-width-link'] a:hover {
    opacity:0.8;
}



/** NEWS **/


section[role='news'] .container {
    margin-top:55px;
    margin-bottom:55px;
}

section[role='news'] .container h2 {
    color:#0B1F2C;
    font-size: 50px;
    margin:0 0 20px 0;
}

section[role='news'] .container h4 {
    color:#66af64;
    text-transform:uppercase;
    font-size:30px;
    border-bottom:2px solid #66af64;
    margin:0 0 22px 0;
}  

section[role='news'] .container article {        
    text-align: center;
    margin-bottom:20px;
}

section[role='news'] .container article img {
    margin:0 auto;
}

section[role='news'] .container article h3 {
    text-transform: uppercase;
    color:#66af64;
    margin:10px 0 5px 0;
    font-size:25px;
}

section[role='news'] .container article p {
    margin:0 0 10px 0;    
}


section[role='news'] .container article a.read-more {
    color:#66af64;
    border:2px solid #66af64;
    text-decoration: none;        
    padding:5px 15px 5px 15px;
    display: inline-block;
    font-weight:normal;
    font-size:18px;
    text-transform:uppercase;
}

section[role='news'] .container article a.read-more:after {
    content:"\2192";
    font-weight:100;
    margin-left:10px;
}

section[role='news'] .container article a.read-more:hover {
    opacity:0.8;
}


/** PROGRAM **/

section[role='program'] {
    background: #e5e4e9;
    background-size:cover;
}

section[role='program'] .container {    
    margin-top:30px;
    margin-bottom:30px;
}

section[role='program'] .container h2 {
    color:#0B1F2C;
    font-size: 2em;
    margin: 0 ;
}

section[role='program'] .container h4 {
    color:#2d9fa5;
    text-transform:uppercase;
    font-size:30px;
    border-bottom:2px solid #2d9fa5;
    margin:0;
}  

section[role='program'] .container article {
    padding-bottom:12px;
    border-bottom:1px solid #addfe4;
    margin-top:12px;

}

section[role='program'] .container article:last-child{
    padding-bottom:12px;
    border-bottom:0px solid #addfe4 !important;
    margin-top:12px;
}

section[role='program'] .container article img {
    width:77px !important;
    height:auto !important;
    float:left;
    margin-right:10px;
}

section[role='program'] .container article p {    
    text-transform: uppercase;
    color:#0B1F2C;
    font-weight:normal;        
    line-height:24px;
    margin:5px 0 0 0;
}

section[role='program'] .container .read-more-container {
    clear:both;
    padding-top:40px;    
}

section[role='program'] .container a.read-more {
    clear:both;    
    padding:0 25px 0 0;    
    text-align:right;
    display:block;
    font-size:18px;
    color:#0B1F2C;
    text-decoration:none;
    background:url(/images/240177.png) 100% 50% no-repeat;
}

section[role='program'] .container a.read-more:hover {
    opacity:0.8;
}

section[role='program'].transparent .container h2 {
    color:#0B1F2C;
}

section[role='program'] .container table {
    width:100%;    
    margin-bottom:20px; 
}

section[role='program'] .container table thead th {
    text-align:left;
    background:#addfe4 url(/images/240165.png) 7px 50% no-repeat;
    line-height:70px;
    padding-left:73px;
    color:#0B1F2C;
    font-size:40px;
    text-transform:uppercase;
    width:100% !important;
}

section[role='program'] .container table tbody tr td {
    font-size:26px;
    text-transform:uppercase;
    color:#2d9fa5;
    font-weight:bold;    
    display:block;
    padding:5px;
     
}

section[role='program'] .container table tbody tr td a {
    color:#2d9fa5;
    text-decoration:none;
    font-weight: bold;
}


section[role='program'] .container table tbody tr:nth-child(2n) td {
    background-color:rgba(214,239,242,0.3) !important;
}

section[role='program'] .container table tbody tr td:first-child {        
    
}

section[role='program'] .container table tbody td img {
    margin-right:30px;
}

section[role='program'] .container table tbody td span.time {
    font-size:24px;
    padding-left:25px;
    color:#0B1F2C;
}

section[role='program'] .container table tbody td span.location {
    font-size:24px;
    font-weight: normal;
    color: #0B1F2C;    
    padding-left:30px;
    line-height:30px;    
    display:inline-block;
}


section[role='program'].transparent .container article p {
    color:#0B1F2C;
}

section[role='program'] .container article p span.time {    
    padding-left:24px;
    margin-left:2px;
    display:none;
}

section[role='program'].transparent .container article p span.time {    
}

section[role='program'] .container article p span.location {
    color:#36354;
    font-weight: normal;
}

section[role='program'].transparent .container article p span.location {
    color:#0B1F2C;
}

section[role='program'] .container article h3 {
    color:#2d9fa5;
    font-size: 26px; 
    text-transform: uppercase;
    margin: 0;
}

section[role='program'] .container article h3 a {
    text-decoration:none;
    color:inherit;
}

/** PAGES **/

section[role='pages'] .container {    
    margin-top:30px;
    margin-bottom:30px;
}


section[role='pages'] .container h4 {
    color:#2d9fa5;
    text-transform:uppercase;
    font-size:30px;
    border-bottom:2px solid #e63d11;
    margin:0;
}  

section[role='pages'] .container article {
    padding-bottom:12px;
    border-bottom:1px solid #fff;
    margin-top:12px;

}

section[role='pages'] .container article img {
    width:77px !important;
    height:auto !important;
    float:left;
    margin-right:10px;
}

section[role='pages'] .container article p {    
    text-transform: uppercase;
    color:#fff;
    font-weight:bold;        
    line-height:20px;
    margin:5px 0 0 0;    
}

section[role='pages'].transparent .container h2 {
    color:#2d9fa5;
}

section[role='pages'].transparent .container article p {
    color:#0B1F2C;
}

section[role='pages'] .container article h3 {
    color:#2d9fa5;
    font-size: 23px; 
    text-transform: uppercase;
    margin: 0;
}

section[role='pages'] .container article h3 a {
    color:inherit;
    text-decoration:none;
}

/** PÅMELDTE **/
td.paameldte {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #0B1F2C;
    border-bottom: 1px solid #0B1F2C;
    }

td {
    font-size: 22px;
    font-weight: normal;
    color: #0B1F2C;
    letter-spacing: 1px;}

/** SOCIAL MEDIAS **/


section[role='social-medias'] .container {
    margin-top:55px;
    margin-bottom:55px;
}



section[role='social-medias'] .container article h3 {
    text-transform: uppercase;
    color:#66AF64;
    margin:20px 0;
    font-size:40px;
    text-align:left;
}

section[role='social-medias'] .container article .fb-page,
section[role='social-medias'] .container article .fb-page span,
section[role='social-medias'] .container article .fb-page span iframe {
    width:100% !important;    
}

.social-media-buttons-container {
    margin-top:2em;
    margin-bottom:2em;
}

@media (max-width: 768px) {
    .social-media-buttons-container{
        overflow:hidden;
    }
}


/** FOOTER **/
footer[role='footer'] {
    /*background: #000 url(/Webdesk/bilde/239898.gif) 100% 0;*/
    background: #0B1F2C !important;
    background-size: cover;
}

footer[role='footer'] .container {
    margin:55px 20px;
}

footer[role='footer'] .container .element:first-child img {
    max-width:90%;
}

footer[role='footer'] .container .element {
    clear:both;    
    margin-bottom:20px;
}

footer[role='footer'] .container .element .element-container {    
    
}

footer[role='footer'] .container .element:nth-child(4n+1) {
    margin-left:0 !important;
    clear:left !important;      
}

footer[role='footer'] .container .element:nth-child(4n) .element-container {
    border:0;
}

footer[role='footer'] .container .element .element-container ul {
    list-style:none;
    margin:0;
    padding:0;    
}

footer[role='footer'] .container .element .element-container ul li {
    list-style:none;
    margin:0;
    padding:0;    
}

footer[role='footer'] .container .element .element-container ul li a {
    color:#fff;
    font-weight:normal;
    font-size:20px;
    line-height: 30px;
    text-transform:uppercase;
    text-decoration:none;
}

footer[role='footer'] .container .element.social-media-links .element-container a {
    display:inline;
    float:left;
    margin-right:10px;
}

#page {
    position:relative;
    background-color:#fff;
}

#page .page-overlay {
    display:none;
    opacity:0;
    -webkit-transition: all 0.15s linear;
      -moz-transition: all 0.15s linear;
      -ms-transition: all 0.15s linear;
      -o-transition: all 0.15s linear;
      transition: all 0.15s linear;
}

#page .page-overlay.visible {
    display:block;
    position:absolute;
    top:0;
    left:0;    
    width:100%;
    height:100%;
    background-color:#fff;
    z-index:2;
    opacity:1;
}

#page .page-overlay.visible table {
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle;
    color:#c81719;
    font-size:75px;
    opacity:0.3;
}

/* ONLY ON DEVICE */

@media (max-width: 1024px) {

    .hidden-on-device {display:none !important;}    

    /** HEADER **/

    header[role='header'] {
        height:100px;   
        margin-bottom:15px;
    }
    
    header[role='header'] .container.logo-and-cta a[role='logo'] {
        left:0px;
        top:30px !important;              
        z-index:1;
        max-width:75%;
    }

    header[role='header'] .container.logo-and-cta a[role='logo'] img {
        height:auto;
        max-width:100%;
        width: 550px;
    }

    header[role='header'] .container.logo-and-cta button {  
        font-size:25px;
    }

    header[role='header'] nav {
        height:35px;
        text-align:right;
    }

    header[role='header'] nav a.cta {
        font-size:9px;
        text-decoration:none;
        text-transform:uppercase;
        color:#fff;
        border:1px solid #fff;
        padding:5px;
        margin:7px 0 0 15px;
        display:inline-block;
    }


    header[role='header'] .container.logo-and-cta a[role='logo'],
    header[role='header'] .container.logo-and-cta button,
    header[role='header'] nav[role='navigation'] {
        display:block;
        text-align:left;
        -webkit-transform: translate3d(0px, 0, 0);
        -webkit-transition: -webkit-transform ease-in-out .3s;
        -moz-transform: translate3d(0px, 0, 0);
        -moz-transition: -moz-transform ease-in-out .3s;
        -ms-transform: translate(0px, 0);
        -ms-transition: -ms-transform ease-in-out .3s;
        transform: translate3d(0px, 0, 0);
        transition: transform ease-in-out .3s;
        top: 20px;        
    }

    .device-navigation-toggler {
        z-index:3;        
    }

    header[role='header'] nav[role='navigation'] {
        position: fixed;
        width: 250px;
        top: 0px;
        right: -250px;
        bottom: 0;
        z-index: 20;
        color: #FFF;
        height:100%;
        box-shadow:0 0 10px rgba(0,0,0,0.15); 
        overflow-y: scroll;
        overflow-x: none;
       -webkit-overflow-scrolling: touch;       
    }
    
    header[role='header'] nav[role='navigation'] ul li {
        line-height:50px;
    }

    header[role='header'] nav[role='navigation'] ul li a {
        height:50px;
        position:relative;
        font-size:16px;
    }

    header[role='header'] nav[role='navigation'] ul li a img {
        position:absolute;
        top:10px;
    }

    
    body.device-navigation-opened header[role='header'] .container.logo-and-cta a[role='logo'],
    body.device-navigation-opened header[role='header'] .container.logo-and-cta button,
    body.device-navigation-opened header[role='header'] nav[role='navigation'] {        
         -webkit-transform: translate3d(-250px, 0, 0);
        -webkit-transition: -webkit-transform ease-in-out .3s;
        -moz-transform: translate3d(-250px, 0, 0);
        -moz-transition: -moz-transform ease-in-out .3s;
        -ms-transform: translate(-250px, 0);
        -ms-transition: -ms-transform ease-in-out .3s;
        transform: translate3d(-250px, 0, 0);
        transition: transform ease-in-out .3s;
    }

    section[role='rotator'] {
        height:auto;
    }

   section[role='rotator-caption'] .container h1 {
         font-size:40px;
     }     

     footer[role='footer'] .container .element:first-child img {
        width:300px; 
    }

}

@media (min-width: 768px) {


     /** ROTATOR **/

    section[role='rotator'] { 
        height:450px;   
        position:relative;
    }

    section[role='rotator'] .container.rotator-caption-container {        
        position:relative;
    }

    section[role='rotator'] .container.rotator-caption-container .rotator-caption {
        position:absolute;
        z-index:1;
        height:410px;
        background-color:rgba(230,61,17,0.75);
        color:#fff;        
        padding: 20px;
        max-width:350px;

    }

    section[role='rotator'] .container.rotator-caption-container .rotator-caption .larger {
       font-size:60px;
        margin-top:50px;
        display:block;
    }

    section[role='rotator'] .container.rotator-caption-container .rotator-caption .smaller {
        font-size:30px;
    }


    section[role='rotator'] .container.panel {
        height:450px;
        margin:0 auto;
        position:relative;
        background-size: cover;

    }

    section[role='rotator'] .container.panel .rotator-panel-caption {    
        margin:0 auto;
        background-color:rgba(230,61,17,0.75);
        color:#fff;
        position:absolute;
        right:20px;
        bottom:20px;
        font-size:40px;
        line-height:75px;
        padding:0 20px;
    }

    /* NEWS */

    section[role='news'] .container article h3 {
        font-size:30px;
        color:#66af64;
    }

    section[role='news'] .container article p {
        
    }

    section[role='news'] .container article a.read-more {
        font-size:20px;
        font-weight: normal;
        color: #66af64;
        margin:0 0 25px 0;
        padding:10px 20px 10px 20px;
    }
    
    section[role='news'] .container article {    
        float:left;
        width:32.222222222222%;        
        clear:none;
        margin-right:1.666666666667%;
    }    

    section[role='news'] .container article:nth-child(3n+1) {                
           margin-right:20px;
    }

    /** FULL WIDTH LINK **/
    section[role='full-width-link'] a {
        font-size:50px;
        line-height:130px;
    }


    /** PROGRAM **/

    section[role='program'] .container {    
        margin-top:55px;
        margin-bottom:55px;
    }

    section[role='program'] .container h2 {        
        font-size: 50px;     
        color:#0B1F2C !important;   
        margin: 0 0 30px 0;
    }


    section[role='program'] .container article {
        width: 32.222222222222%;
        float: left;
        margin:20px 0 0 1.666666666667%;
        padding:0;
        border:0;
        clear:inherit;  

    }

    section[role='program'] .container article img {
        width:100% !important;
        float:none;
        margin:0;
    }

    section[role='program'] .container article h3 {
        font-size: 32px;
    }

    section[role='program'] .container article h3 a {
        color:inherit;
        text-decoration:none;
    }

    section[role='program'] .container article p {
                
    }

    section[role='program'] .container article:nth-child(3n+2) {
        margin-left:0;
        clear:left;    
    }


    section[role='program'] .container table {
        width:100%;
        table-layout:fixed;
        margin-bottom:20px;         
    }

    section[role='program'] .container table thead th {
        text-align:left;
        background:#d6eff2 url(/images/240165) 20px 50% no-repeat;
        line-height:70px;
        padding-left:73px;
        color:#0B1F2C;
        font-size:30px;
        text-transform:uppercase;
    }

    section[role='program'] .container table tbody tr td {
        font-size:26px;
        text-transform:uppercase;
        color:#2d9fa5;
        font-weight:bold;
        height:125px;   
        display:table-cell;
        padding:0;
    }

    section[role='program'] .container table tbody tr td a {
        color:#2d9fa5;
        text-decoration:none;
    }


    section[role='program'] .container table tbody tr td:first-child {        

    }

    section[role='program'] .container table tbody td img {
        margin-right:30px;
    }

    section[role='program'] .container table tbody td span.time {
        font-size:24px;        
        padding-left:25px;
        color:#0B1F2C;
        font-weight: normal;
    }

    section[role='program'] .container table tbody td span.location {
        font-size:24px;        
        padding-left:30px;
        line-height:30px;    
        display:inline-block;
    }
    
    
    /** PAGES **/

    section[role='pages'] .container {    
        margin-top:55px;
        margin-bottom:55px;
    }

    section[role='pages'] .container h2 {        
        font-size: 50px;
    }
    
    h1 {
        font-size: 50px;
        }


    section[role='pages'] .container article {
        width: 32.222222222222%;
        float: left;
        margin:20px 0 0 1.666666666667%;
        padding:0;
        border:0;
        clear:inherit;  

    }

    section[role='pages'] .container article img {
        width:100% !important;
        float:none;
        margin:0;
    }

    section[role='pages'] .container article h3 {
        font-size: 35px;
    }

    section[role='pages'] .container article p {
        
    }

    section[role='pages'] .container article:nth-child(3n+2) {
        margin-left:0;
        clear:left;    
    } 
}

@media (max-width: 768px) {
    
    /** EVENT **/
    
    section[role='program'] .container table tbody tr td {
        font-size:20px;
    }
    
    
    section[role='program'] .container table tbody td span.time {
        font-size: 20px;
        font-weight: normal;
        }

    section[role='program'] .container table tbody td span.location {
        font-size: 20px;
        }   
        
        section[role='program'] .container article h3 {
        font-size: 24px;
}
}


@media (max-width: 400px) {

    .hidden-on-device {display:none !important;}    

    /** HEADER **/

    header[role='header'] {
        height:100px;   
        margin-bottom:15px;
    }
    
    header[role='header'] .container.logo-and-cta a[role='logo'] {
        left:0px;
        top:25px;        
    }

    header[role='header'] .container.logo-and-cta a[role='logo'] img {
        height:auto;
        max-width:90%;
        width: 245px;
    }

    header[role='header'] .container.logo-and-cta button {  
        font-size:25px;
    }

    header[role='header'] nav {
        height:35px;
        text-align:right;
    }

    header[role='header'] nav a.cta {
        font-size:9px;
        text-decoration:none;
        text-transform:uppercase;
        color:#fff;
        border:1px solid #fff;
        padding:5px;
        margin:7px 0 0 15px;
        display:inline-block;
    }


    header[role='header'] .container.logo-and-cta a[role='logo'],
    header[role='header'] .container.logo-and-cta button,
    header[role='header'] nav[role='navigation'] {
        display:block;
        text-align:left;
        -webkit-transform: translate3d(0px, 0, 0);
        -webkit-transition: -webkit-transform ease-in-out .3s;
        -moz-transform: translate3d(0px, 0, 0);
        -moz-transition: -moz-transform ease-in-out .3s;
        -ms-transform: translate(0px, 0);
        -ms-transition: -ms-transform ease-in-out .3s;
        transform: translate3d(0px, 0, 0);
        transition: transform ease-in-out .3s;
        top: 20px;
    }


    header[role='header'] nav[role='navigation'] {
        position: fixed;
        width: 250px;
        top: 0px;
        right: -250px;
        bottom: 0;
        z-index: 20;
        color: #FFF;
        height:100%;
        box-shadow:0 0 10px rgba(0,0,0,0.15); 
        overflow-y: scroll;
        overflow-x: none;
       -webkit-overflow-scrolling: touch;       
    }
    
    header[role='header'] nav[role='navigation'] ul li {
        line-height:50px;
    }

    header[role='header'] nav[role='navigation'] ul li a {
        height:50px;
        position:relative;
        font-size:16px;
    }

    header[role='header'] nav[role='navigation'] ul li a img {
        position:absolute;
        top:10px;
    }

    
    body.device-navigation-opened header[role='header'] .container.logo-and-cta a[role='logo'],
    body.device-navigation-opened header[role='header'] .container.logo-and-cta button,
    body.device-navigation-opened header[role='header'] nav[role='navigation'] {        
         -webkit-transform: translate3d(-250px, 0, 0);
        -webkit-transition: -webkit-transform ease-in-out .3s;
        -moz-transform: translate3d(-250px, 0, 0);
        -moz-transition: -moz-transform ease-in-out .3s;
        -ms-transform: translate(-250px, 0);
        -ms-transition: -ms-transform ease-in-out .3s;
        transform: translate3d(-250px, 0, 0);
        transition: transform ease-in-out .3s;
    }
    
    section[role='article'] .container h1 {
          margin: 0;
          font-size: 40px;
          text-transform: uppercase;
          color: #66af64;
}

    /** ROTATOR **/
    section[role='rotator'] {
        height:auto;
    }

   section[role='rotator-caption'] .container h1 {
         font-size:40px;
     }
     
    section[role='program'] .container .read-more-container {
      clear: both;
      padding-top: 20px;
}
     
     
    section[role='program'] .container a.read-more {
    clear:both;    
    padding:0 25px 0 0;
    margin-bottom:20px;    
    text-align:right;
    display:block;
    font-size:18px;
    color:#0B1F2C;
    text-decoration:none;
    background:url(/images/240177.png) 100% 50% no-repeat;   
}
     
    section[role='event'] .container h1 {
        margin: 0;
        font-size: 30px;
        text-transform: uppercase;
        color: #2d9fa54;
  }
  
  section[role='news'] .container h2 {
     font-size: 2em; 
      }     
  

section[role='program'] .container article h3 {
        font-size: 26px;
    }
  
section[role='program'] .container table tbody tr td {
  font-size: 26px;
}

section[role='event'] .container .event-by-line .time {
        margin-left: 0px;        
        padding-left: 30px;
}

    section[role='event'] .container .event-by-line {
        font-size:22px;
        line-height: 40px;
        }
        
    section[role='event'] .container .event-by-line .location {
    background-size: 20px;
    
}

    section[role='event'] .container .event-by-line .time {
      background-size: 20px;
}

    section[role='program'] .container table thead th {
      text-align: left;
      background: #addfe4;
      line-height: 70px;
      padding-left: 73px;
      color: #0B1F2C;
      font-size: 28px;
      text-transform: uppercase;
      width: 100% !important;
}

     footer[role='footer'] .container .element:first-child img {
        width:300px; 
    }

}

@media (min-width: 1025px) {
        
    .hidden-on-desktop {display:none;}
    
    /** HEADER **/
    header[role='header'] nav[role='navigation'] {        
        height: 60px;

    }

    header[role='header'] nav[role='navigation'] .container {

    }

    header[role='header'] nav[role='navigation'] ul {        
        /*float:right;*/
        margin-left: -20px;
    }

    header[role='header'] nav[role='navigation'] ul li {
        float:left;
        /*border-left:1px solid #000;*/
        line-height: 60px;    
    }

    header[role='header'] nav[role='navigation'] ul li:first-child {
        border-left:0;        
    }    

    header[role='header'] nav[role='navigation'] ul li:first-child a {
        padding:15px 25px 20px 25px;
        
    }

    header[role='header'] nav[role='navigation'] ul li a img {
        pading:10px

    }
    
    /** SOCIAL MEDIAS **/

    section[role='social-medias'] .container article {
        float:left;
        width:32.222222222222%;    
        text-align: center;
        margin-left:1.666666666667%;
    }

    section[role='social-medias'] .container article:nth-child(3n+1) {
        margin-left:0;
        clear:left;
    }

    /** PROGRAM **/

    section[role='program'] .container article {
        width: 23.75%;
        float: left;
        margin:20px 0 0 1.666666666667% !important;
        clear:inherit !important;

    }

    section[role='program'] .container article:nth-child(4n+2) {
        margin-left:0 !important;
        clear:left !important;    
    }
    
    h1
    
    /** PAGES **/

    section[role='pages'] .container article {
        width: 23.75%;
        float: left;
        margin:20px 0 0 1.666666666667% !important;
        clear:inherit !important;

    }

    section[role='pages'] .container article:nth-child(4n+2) {
        margin-left:0 !important;
        clear:left !important;    
    }
    
    /** FOOTER **/

    footer[role='footer'] .container {
        margin:55px auto;
    }

    footer[role='footer'] .container .element {
        width: 23.75%;
        float: left;
        margin:20px 0 0 1.666666666667% !important;
        clear:inherit !important;        
    }


    footer[role='footer'] .container .element .element-container {
        border-right:1px solid #fff;
        height:240px;    
    }

    footer[role='footer'] .container .element:nth-child(4n+1) {
        margin-left:0 !important;
        clear:left !important;      
    }

    footer[role='footer'] .container .element:nth-child(4n) .element-container {
        border:0;
    }

    /** EVENT **/
    section[role='event'] .container .image-container {
        float:left;
        max-width:33%;
    }

    section[role='event'] .container .textual-content-container {
        width:64%;
        float:right;
    }

    /** ARTICLE **/
    section[role='article'] .container .image-container {
        float:left;
        max-width:33%;
    }

    section[role='article'] .container .textual-content-container {
        width:64%;
        float:right;
    }
    
}

@media (min-width: 1200px) {
    .container {
        margin:0 auto;
    }
}


#ss-form {
    width:90%;        
    max-width:480px;  
    padding:20px;
    background:#fafafa;  
}


#ss-form label {    
    font-size:18px;
    display:block;
    line-height:2;
}

#ss-form input {
    display:block;    
    font-size:18px;
    padding:5px 0;
    width:100%;
    line-height:1.5;
    border:1px solid #ccc;
    margin-bottom:0.5em;
}

#ss-form button {
    float:right;
    margin:0;
    background:#75ba73;
    color:#fff;
    border:0;
    padding:10px 20px;
    font-size:20px;
}

#ss-form button:hover {
    opacity:0.9;
}

#ss-form button[disabled]{
    background:#ddd;
}


#participants {
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}

#participants thead {
    font-size:20px;
    text-align:left;
    line-height:2;    
}

#participants thead th {
    border-bottom: 1px solid #444;
}

#participants tbody tr:nth-child(2n) td {
    background:#fafafa;
}

#participants tbody td {
    padding:10px 0;
    font-size:20px;
}



/* LinkedIn */
.IN-widget {
    margin-top:5px !important;
}



/* Påmeldingskjema */
.pamelding form input,
.et_divi_builder #et_builder_outer_content .et_pb_module input[type=text] {
    background:#f7f7f7 !important;
    margin:10px 0 20px 0 !important;
    text-indent:10px !important;
    outline:1px solid #e4e4e4 !important;
    width:100% !important;
    height:49px !important;
}

.pamelding .wpforms-error {
    color:red !important;
}

.pamelding input.wpforms-error {
    outline:1px solid red !important;
}

.pamelding label.wpforms-error {
    font-size:15px !important;
    margin:-10px 0 20px 0 !important;
}

.pamelding button[type='submit'] {
    margin:10px 0 0 0 !important;
    font-size:20px !important;
}





#login-link {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 50px;
    height: 50px;    
}

#login-link:hover {
    background:#f7f7f7;    
}

.admin-bar #login-link {
    top:32px;
}

@charset "UTF-8";
/* CSS Document */

body {
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #fffff;
    /* display: flex; */
    /* min-height: 100vh; */
    /* flex-direction: column; */
}

h1,h2,h3,h4,h5,h6 {
    font-weight:bold;
    color:#0B1F2C;
    text-transform:uppercase;
}

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

img {display: block;max-width: 100%;}

.pull-left {float:left;}
.pull-right {float:right;}


.transparent {background:inherit !important;}

.container {    
    max-width: 1200px;
    margin:0 20px;
/*    background: rgba(0,0,0,0.15);   */
}

.container.wide {
    max-width: 1980px;
}

.container.max-width-1440 {
    max-width: 1440px;
}

p {
    font-size:22px;
    letter-spacing: 1px;
}

header[role='bryne-no'] {
    background-color: #fff;
}

header[role='bryne-no'] .container {
    height: 50px;
    line-height: 50px;
    font-size: 15px;    
}

header[role='bryne-no'] a {
    text-decoration: none;
    color:#0B1F2C;
    font-family:"Myriad Pro",sans-serif;
}

header[role='bryne-no'] h5 {
    margin:0;    
}

header[role='bryne-no'] h5 a {
    color:#c81719;
    text-transform: uppercase;    
    font-family:"Carrois Gothic","sans-serif";
    font-size: 16px;
}



/** HEADER **/

header[role='header'] {
    background: #fff url(/wp-content/uploads/2016/10/banner_background.jpg) 50% 0 no-repeat; 
    background-size:cover;   
}

header[role='header'] .container.logo-and-cta {
    height:150px;     
    position: relative;    
                
}

header[role='header'] a[role='logo'] {
    position: absolute;
    display:block;        
    top: 50px;  
    z-index:3;
}

header[role='header'] a[role='logo'] img {
    width:730px;
}

header[role='header'] .container.logo-and-cta a.cta {
    
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    font-size:28px;
    width:250px;
    height:60px;
    line-height:60px;
    text-align:center;
    border:2px solid #fff;
    margin:45px 0 0 20px;
    display:inline-block;
    float:right;


}

header[role='header'] button {
    background-color:#0B1F2C;
    border:0;
    color:#fff;
    font-size:40px;
    padding:5px 10px;
    position:absolute;
    right:0px;
    top:10px;
    border-radius:2px;
    display:none;
}

header[role='header'] button:hover {
    background-color: #3C4C56;
}


header[role='header'] nav {
    background-color: #fff;
    height:50px;
}

header[role='header'] nav ul {
    list-style: none;    
    padding: 0;
    margin: 0;
}

header[role='header'] nav[role='navigation'] ul li a {
    margin: 0;
    display: block;
    padding:0 25px;
    font-size: 20px;
    text-decoration: none;
    color:#0B1F2C;
    text-transform: uppercase;
    font-weight:normal;
}

header[role='header'] nav[role='navigation'] ul li a:hover,
header[role='header'] nav[role='navigation'] ul li.selected a {
    /*background-color: #eee;*/
    text-decoration:underline !important;
}




/** ROTATOR **/

section[role='rotator'] {    
    position:relative;
    height:340px;
}

section[role='rotator'] .container.rotator-caption-container {
    position:absolute;
    bottom:0;
    width:100%;
    margin:0 auto;

}

section[role='rotator'] .container.rotator-caption-container .rotator-caption {    
    height:160px;
    background-color:rgba(230,61,17,0.75);
    color:#fff;
    padding:0px 20px 0 20px;       
    line-height:1;
}

section[role='rotator'] .container.rotator-caption-container .rotator-caption .larger {
    font-size:35px;
    padding-top:30px;
    display:block;
}

section[role='rotator'] .container.rotator-caption-container .rotator-caption .smaller {
    font-size:25px;
}

section[role='rotator'] .container.rotator-caption-container .rotator-caption a {
    text-decoration:none;
    color:#fff;
}

section[role='rotator'] .container.rotator-caption-container .rotator-caption a.read-more {

}


section[role='rotator'] .container.panel {
    height:180px;
    margin:0 auto;
    position:relative;
    background-size: cover;

}

section[role='rotator'] .container.panel .rotator-panel-caption {    
    margin:0 auto;
    background-color:rgba(230,61,17,0.75);
    color:#fff;
    position:absolute;
    right:20px;
    bottom:20px;
    line-height:75px;
    padding:0 20px;
}

section[role='rotator-caption'] .container {
    text-align:center;
    margin: 22px auto !important;
}

section[role='rotator-caption'] .container a {
    color:#fff;
    text-decoration:none;
}

section[role='rotator-caption'] .container h1 {
    font-size:64px;
    margin:0;    
    display:block;
    text-transform:uppercase;
    padding-top: 10px;
}

section[role='rotator-caption'] .container h2 {
    margin:10px 0 30px 0;
}

/* Rammen til knapper inngang forside */
section[role='rotator-caption'] .container h2 a{
    font-size:24px;
    font-weight: normal;
    /*text-transform:uppercase;*/
    letter-spacing: 0.02em;
    border:2px solid #fff;
    display:inline-block;
    padding:20px 20px;
    line-height:1.3em;
    margin:0;
}

section[role='rotator-caption'] .container h2 a:after {
    content:"\2192";
    font-weight:100;
    margin-left:10px;
}

section[role='rotator-caption'] .container h2 a:hover {
    opacity:0.7;
}


/** MAIN IMAGE **/
section[role='main-image'] {    
}

section[role='main-image'] .container {
    margin:0 auto;    
}

section[role='main-image'] .container img {
    margin:0 auto;
} 


/** CONTENT **/
section[role='content'] a {
    color: #66af64 !important;
}

section[role='content'] h1 {}
section[role='content'] p {}
section[role='content'] .element.third {float:left;}


/** EVENT **/
section[role='event'] {}
section[role='event'] .container {margin-top:55px;margin-bottom:55px;}
section[role='event'] .container h1 {
    margin:0;
    font-size:50px;
    text-transform:uppercase;
    color:#2d9fa5;
}

section[role='event'] .container .event-by-line {
    margin:10px 0 20px 0;
  border:2px solid #2d9fa54;
  border-width:2px 0;
  line-height:50px;    
  font-size:30px;
  text-transform:uppercase;
}

section[role='event'] .container .event-by-line .time {
    margin-left:20px;    
    padding-left:30px;
}

section[role='event'] .container .event-by-line .location {
    margin-left:20px;    
    padding-left:30px;
    color:#0B1F2C;
}

section[role='event'] .container .event-by-line .location a {
    color:#2d9fa5;
    text-decoration:none;
}

section[role='event'] .container footer[role='event'] {
    margin-top:40px;
    margin-bottom:10px;
}

section[role='event'] .container footer[role='event'] a {
    font-size:40px;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;    
    padding:10px 60px 10px 20px;
    background:#e63d11;
}

/** ARTICLE **/
/** EVENT **/
section[role='article'] {}
section[role='article'] .container {margin-top:55px;margin-bottom:55px;}
section[role='article'] .container h1 {
    margin:0;
    font-size:50px;
    text-transform:uppercase;
    color:#66AF64;
}

section[role='main-image'] img {
    width:100%;
}


/** FULL WIDTH LINK **/
section[role='full-width-link'] {

}

section[role='full-width-link'] a {    
    display:block;    
    text-align:center;
    font-size:25px;
    line-height:60px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    background:#e63d11;    
}

section[role='full-width-link'] a span {    
    padding-right:50px;
}

section[role='full-width-link'] a:hover {
    opacity:0.8;
}



/** NEWS **/


section[role='news'] .container {
    margin-top:55px;
    margin-bottom:55px;
}

section[role='news'] .container h2 {
    color:#0B1F2C;
    font-size: 50px;
    margin:0 0 20px 0;
}

section[role='news'] .container h4 {
    color:#66af64;
    text-transform:uppercase;
    font-size:30px;
    border-bottom:2px solid #66af64;
    margin:0 0 22px 0;
}  

section[role='news'] .container article {        
    text-align: center;
    margin-bottom:20px;
}

section[role='news'] .container article img {
    margin:0 auto;
}

section[role='news'] .container article h3 {
    text-transform: uppercase;
    color:#66af64;
    margin:10px 0 5px 0;
    font-size:25px;
}

section[role='news'] .container article p {
    margin:0 0 10px 0;    
}


section[role='news'] .container article a.read-more {
    color:#66af64;
    border:2px solid #66af64;
    text-decoration: none;        
    padding:5px 15px 5px 15px;
    display: inline-block;
    font-weight:normal;
    font-size:18px;
    text-transform:uppercase;
}

section[role='news'] .container article a.read-more:after {
    content:"\2192";
    font-weight:100;
    margin-left:10px;
}

section[role='news'] .container article a.read-more:hover {
    opacity:0.8;
}


/** PROGRAM **/

section[role='program'] {
    background: #e5e4e9;
    background-size:cover;
}

section[role='program'] .container {    
    margin-top:30px;
    margin-bottom:30px;
}

section[role='program'] .container h2 {
    color:#0B1F2C;
    font-size: 2em;
    margin: 0 ;
}

section[role='program'] .container h4 {
    color:#2d9fa5;
    text-transform:uppercase;
    font-size:30px;
    border-bottom:2px solid #2d9fa5;
    margin:0;
}  

section[role='program'] .container article {
    padding-bottom:12px;
    border-bottom:1px solid #addfe4;
    margin-top:12px;

}

section[role='program'] .container article:last-child{
    padding-bottom:12px;
    border-bottom:0px solid #addfe4 !important;
    margin-top:12px;
}

section[role='program'] .container article img {
    width:77px !important;
    height:auto !important;
    float:left;
    margin-right:10px;
}

section[role='program'] .container article p {    
    text-transform: uppercase;
    color:#0B1F2C;
    font-weight:normal;        
    line-height:24px;
    margin:5px 0 0 0;
}

section[role='program'] .container .read-more-container {
    clear:both;
    padding-top:40px;    
}

section[role='program'] .container a.read-more {
    clear:both;    
    padding:0 25px 0 0;    
    text-align:right;
    display:block;
    font-size:18px;
    color:#0B1F2C;
    text-decoration:none;
    background:url(/images/240177.png) 100% 50% no-repeat;
}

section[role='program'] .container a.read-more:hover {
    opacity:0.8;
}

section[role='program'].transparent .container h2 {
    color:#0B1F2C;
}

section[role='program'] .container table {
    width:100%;    
    margin-bottom:20px; 
}

section[role='program'] .container table thead th {
    text-align:left;
    background:#addfe4 url(/images/240165.png) 7px 50% no-repeat;
    line-height:70px;
    padding-left:73px;
    color:#0B1F2C;
    font-size:40px;
    text-transform:uppercase;
    width:100% !important;
}

section[role='program'] .container table tbody tr td {
    font-size:26px;
    text-transform:uppercase;
    color:#2d9fa5;
    font-weight:bold;    
    display:block;
    padding:5px;
     
}

section[role='program'] .container table tbody tr td a {
    color:#2d9fa5;
    text-decoration:none;
    font-weight: bold;
}


section[role='program'] .container table tbody tr:nth-child(2n) td {
    background-color:rgba(214,239,242,0.3) !important;
}

section[role='program'] .container table tbody tr td:first-child {        
    
}

section[role='program'] .container table tbody td img {
    margin-right:30px;
}

section[role='program'] .container table tbody td span.time {
    font-size:24px;
    padding-left:25px;
    color:#0B1F2C;
}

section[role='program'] .container table tbody td span.location {
    font-size:24px;
    font-weight: normal;
    color: #0B1F2C;    
    padding-left:30px;
    line-height:30px;    
    display:inline-block;
}


section[role='program'].transparent .container article p {
    color:#0B1F2C;
}

section[role='program'] .container article p span.time {    
    padding-left:24px;
    margin-left:2px;
    display:none;
}

section[role='program'].transparent .container article p span.time {    
}

section[role='program'] .container article p span.location {
    color:#36354;
    font-weight: normal;
}

section[role='program'].transparent .container article p span.location {
    color:#0B1F2C;
}

section[role='program'] .container article h3 {
    color:#2d9fa5;
    font-size: 26px; 
    text-transform: uppercase;
    margin: 0;
}

section[role='program'] .container article h3 a {
    text-decoration:none;
    color:inherit;
}

/** PAGES **/

section[role='pages'] .container {    
    margin-top:30px;
    margin-bottom:30px;
}


section[role='pages'] .container h4 {
    color:#2d9fa5;
    text-transform:uppercase;
    font-size:30px;
    border-bottom:2px solid #e63d11;
    margin:0;
}  

section[role='pages'] .container article {
    padding-bottom:12px;
    border-bottom:1px solid #fff;
    margin-top:12px;

}

section[role='pages'] .container article img {
    width:77px !important;
    height:auto !important;
    float:left;
    margin-right:10px;
}

section[role='pages'] .container article p {    
    text-transform: uppercase;
    color:#fff;
    font-weight:bold;        
    line-height:20px;
    margin:5px 0 0 0;    
}

section[role='pages'].transparent .container h2 {
    color:#2d9fa5;
}

section[role='pages'].transparent .container article p {
    color:#0B1F2C;
}

section[role='pages'] .container article h3 {
    color:#2d9fa5;
    font-size: 23px; 
    text-transform: uppercase;
    margin: 0;
}

section[role='pages'] .container article h3 a {
    color:inherit;
    text-decoration:none;
}

/** PÅMELDTE **/
td.paameldte {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #0B1F2C;
    border-bottom: 1px solid #0B1F2C;
    }

td {
    font-size: 22px;
    font-weight: normal;
    color: #0B1F2C;
    letter-spacing: 1px;}

/** SOCIAL MEDIAS **/


section[role='social-medias'] .container {
    margin-top:55px;
    margin-bottom:55px;
}



section[role='social-medias'] .container article h3 {
    text-transform: uppercase;
    color:#66AF64;
    margin:20px 0;
    font-size:40px;
    text-align:left;
}

section[role='social-medias'] .container article .fb-page,
section[role='social-medias'] .container article .fb-page span,
section[role='social-medias'] .container article .fb-page span iframe {
    width:100% !important;    
}

.social-media-buttons-container {
    margin-top:2em;
    margin-bottom:2em;
}

@media (max-width: 768px) {
    .social-media-buttons-container{
        overflow:hidden;
    }
}


/** FOOTER **/
footer[role='footer'] {
    /*background: #000 url(/Webdesk/bilde/239898.gif) 100% 0;*/
    background: #0B1F2C !important;
    background-size: cover;
}

footer[role='footer'] .container {
    margin:55px 20px;
}

footer[role='footer'] .container .element:first-child img {
    max-width:90%;
}

footer[role='footer'] .container .element {
    clear:both;    
    margin-bottom:20px;
}

footer[role='footer'] .container .element .element-container {    
    
}

footer[role='footer'] .container .element:nth-child(4n+1) {
    margin-left:0 !important;
    clear:left !important;      
}

footer[role='footer'] .container .element:nth-child(4n) .element-container {
    border:0;
}

footer[role='footer'] .container .element .element-container ul {
    list-style:none;
    margin:0;
    padding:0;    
}

footer[role='footer'] .container .element .element-container ul li {
    list-style:none;
    margin:0;
    padding:0;    
}

footer[role='footer'] .container .element .element-container ul li a {
    color:#fff;
    font-weight:normal;
    font-size:20px;
    line-height: 30px;
    text-transform:uppercase;
    text-decoration:none;
}

footer[role='footer'] .container .element.social-media-links .element-container a {
    display:inline;
    float:left;
    margin-right:10px;
}

#page {
    position:relative;
    background-color:#fff;
}

#page .page-overlay {
    display:none;
    opacity:0;
    -webkit-transition: all 0.15s linear;
      -moz-transition: all 0.15s linear;
      -ms-transition: all 0.15s linear;
      -o-transition: all 0.15s linear;
      transition: all 0.15s linear;
}

#page .page-overlay.visible {
    display:block;
    position:absolute;
    top:0;
    left:0;    
    width:100%;
    height:100%;
    background-color:#fff;
    z-index:2;
    opacity:1;
}

#page .page-overlay.visible table {
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle;
    color:#c81719;
    font-size:75px;
    opacity:0.3;
}

/* ONLY ON DEVICE */

@media (max-width: 1024px) {

    .hidden-on-device {display:none !important;}    

    /** HEADER **/

    header[role='header'] {
        height:100px;   
        margin-bottom:15px;
    }
    
    header[role='header'] .container.logo-and-cta a[role='logo'] {
        left:0px;
        top:30px !important;              
        z-index:1;
        max-width:75%;
    }

    header[role='header'] .container.logo-and-cta a[role='logo'] img {
        height:auto;
        max-width:100%;
        width: 550px;
    }

    header[role='header'] .container.logo-and-cta button {  
        font-size:25px;
    }

    header[role='header'] nav {
        height:35px;
        text-align:right;
    }

    header[role='header'] nav a.cta {
        font-size:9px;
        text-decoration:none;
        text-transform:uppercase;
        color:#fff;
        border:1px solid #fff;
        padding:5px;
        margin:7px 0 0 15px;
        display:inline-block;
    }


    header[role='header'] .container.logo-and-cta a[role='logo'],
    header[role='header'] .container.logo-and-cta button,
    header[role='header'] nav[role='navigation'] {
        display:block;
        text-align:left;
        -webkit-transform: translate3d(0px, 0, 0);
        -webkit-transition: -webkit-transform ease-in-out .3s;
        -moz-transform: translate3d(0px, 0, 0);
        -moz-transition: -moz-transform ease-in-out .3s;
        -ms-transform: translate(0px, 0);
        -ms-transition: -ms-transform ease-in-out .3s;
        transform: translate3d(0px, 0, 0);
        transition: transform ease-in-out .3s;
        top: 20px;        
    }

    .device-navigation-toggler {
        z-index:3;        
    }

    header[role='header'] nav[role='navigation'] {
        position: fixed;
        width: 250px;
        top: 0px;
        right: -250px;
        bottom: 0;
        z-index: 20;
        color: #FFF;
        height:100%;
        box-shadow:0 0 10px rgba(0,0,0,0.15); 
        overflow-y: scroll;
        overflow-x: none;
       -webkit-overflow-scrolling: touch;       
    }
    
    header[role='header'] nav[role='navigation'] ul li {
        line-height:50px;
    }

    header[role='header'] nav[role='navigation'] ul li a {
        height:50px;
        position:relative;
        font-size:16px;
    }

    header[role='header'] nav[role='navigation'] ul li a img {
        position:absolute;
        top:10px;
    }

    
    body.device-navigation-opened header[role='header'] .container.logo-and-cta a[role='logo'],
    body.device-navigation-opened header[role='header'] .container.logo-and-cta button,
    body.device-navigation-opened header[role='header'] nav[role='navigation'] {        
         -webkit-transform: translate3d(-250px, 0, 0);
        -webkit-transition: -webkit-transform ease-in-out .3s;
        -moz-transform: translate3d(-250px, 0, 0);
        -moz-transition: -moz-transform ease-in-out .3s;
        -ms-transform: translate(-250px, 0);
        -ms-transition: -ms-transform ease-in-out .3s;
        transform: translate3d(-250px, 0, 0);
        transition: transform ease-in-out .3s;
    }

    section[role='rotator'] {
        height:auto;
    }

   section[role='rotator-caption'] .container h1 {
         font-size:40px;
     }     

     footer[role='footer'] .container .element:first-child img {
        width:300px; 
    }

}

@media (min-width: 768px) {


     /** ROTATOR **/

    section[role='rotator'] { 
        height:450px;   
        position:relative;
    }

    section[role='rotator'] .container.rotator-caption-container {        
        position:relative;
    }

    section[role='rotator'] .container.rotator-caption-container .rotator-caption {
        position:absolute;
        z-index:1;
        height:410px;
        background-color:rgba(230,61,17,0.75);
        color:#fff;        
        padding: 20px;
        max-width:350px;

    }

    section[role='rotator'] .container.rotator-caption-container .rotator-caption .larger {
       font-size:60px;
        margin-top:50px;
        display:block;
    }

    section[role='rotator'] .container.rotator-caption-container .rotator-caption .smaller {
        font-size:30px;
    }


    section[role='rotator'] .container.panel {
        height:450px;
        margin:0 auto;
        position:relative;
        background-size: cover;

    }

    section[role='rotator'] .container.panel .rotator-panel-caption {    
        margin:0 auto;
        background-color:rgba(230,61,17,0.75);
        color:#fff;
        position:absolute;
        right:20px;
        bottom:20px;
        font-size:40px;
        line-height:75px;
        padding:0 20px;
    }

    /* NEWS */

    section[role='news'] .container article h3 {
        font-size:30px;
        color:#66af64;
    }

    section[role='news'] .container article p {
        
    }

    section[role='news'] .container article a.read-more {
        font-size:20px;
        font-weight: normal;
        color: #66af64;
        margin:0 0 25px 0;
        padding:10px 20px 10px 20px;
    }
    
    section[role='news'] .container article {    
        float:left;
        width:32.222222222222%;        
        clear:none;
        margin-right:1.666666666667%;
    }    

    section[role='news'] .container article:nth-child(3n+1) {                
           margin-right:20px;
    }

    /** FULL WIDTH LINK **/
    section[role='full-width-link'] a {
        font-size:50px;
        line-height:130px;
    }


    /** PROGRAM **/

    section[role='program'] .container {    
        margin-top:55px;
        margin-bottom:55px;
    }

    section[role='program'] .container h2 {        
        font-size: 50px;     
        color:#0B1F2C !important;   
        margin: 0 0 30px 0;
    }


    section[role='program'] .container article {
        width: 32.222222222222%;
        float: left;
        margin:20px 0 0 1.666666666667%;
        padding:0;
        border:0;
        clear:inherit;  

    }

    section[role='program'] .container article img {
        width:100% !important;
        float:none;
        margin:0;
    }

    section[role='program'] .container article h3 {
        font-size: 32px;
    }

    section[role='program'] .container article h3 a {
        color:inherit;
        text-decoration:none;
    }

    section[role='program'] .container article p {
                
    }

    section[role='program'] .container article:nth-child(3n+2) {
        margin-left:0;
        clear:left;    
    }


    section[role='program'] .container table {
        width:100%;
        table-layout:fixed;
        margin-bottom:20px;         
    }

    section[role='program'] .container table thead th {
        text-align:left;
        background:#d6eff2 url(/images/240165) 20px 50% no-repeat;
        line-height:70px;
        padding-left:73px;
        color:#0B1F2C;
        font-size:30px;
        text-transform:uppercase;
    }

    section[role='program'] .container table tbody tr td {
        font-size:26px;
        text-transform:uppercase;
        color:#2d9fa5;
        font-weight:bold;
        height:125px;   
        display:table-cell;
        padding:0;
    }

    section[role='program'] .container table tbody tr td a {
        color:#2d9fa5;
        text-decoration:none;
    }


    section[role='program'] .container table tbody tr td:first-child {        

    }

    section[role='program'] .container table tbody td img {
        margin-right:30px;
    }

    section[role='program'] .container table tbody td span.time {
        font-size:24px;        
        padding-left:25px;
        color:#0B1F2C;
        font-weight: normal;
    }

    section[role='program'] .container table tbody td span.location {
        font-size:24px;        
        padding-left:30px;
        line-height:30px;    
        display:inline-block;
    }
    
    
    /** PAGES **/

    section[role='pages'] .container {    
        margin-top:55px;
        margin-bottom:55px;
    }

    section[role='pages'] .container h2 {        
        font-size: 50px;
    }
    
    h1 {
        font-size: 50px;
        }


    section[role='pages'] .container article {
        width: 32.222222222222%;
        float: left;
        margin:20px 0 0 1.666666666667%;
        padding:0;
        border:0;
        clear:inherit;  

    }

    section[role='pages'] .container article img {
        width:100% !important;
        float:none;
        margin:0;
    }

    section[role='pages'] .container article h3 {
        font-size: 35px;
    }

    section[role='pages'] .container article p {
        
    }

    section[role='pages'] .container article:nth-child(3n+2) {
        margin-left:0;
        clear:left;    
    } 
}

@media (max-width: 768px) {
    
    /** EVENT **/
    
    section[role='program'] .container table tbody tr td {
        font-size:20px;
    }
    
    
    section[role='program'] .container table tbody td span.time {
        font-size: 20px;
        font-weight: normal;
        }

    section[role='program'] .container table tbody td span.location {
        font-size: 20px;
        }   
        
        section[role='program'] .container article h3 {
        font-size: 24px;
}
}


@media (max-width: 400px) {

    .hidden-on-device {display:none !important;}    

    /** HEADER **/

    header[role='header'] {
        height:100px;   
        margin-bottom:15px;
    }
    
    header[role='header'] .container.logo-and-cta a[role='logo'] {
        left:0px;
        top:25px;        
    }

    header[role='header'] .container.logo-and-cta a[role='logo'] img {
        height:auto;
        max-width:90%;
        width: 245px;
    }

    header[role='header'] .container.logo-and-cta button {  
        font-size:25px;
    }

    header[role='header'] nav {
        height:35px;
        text-align:right;
    }

    header[role='header'] nav a.cta {
        font-size:9px;
        text-decoration:none;
        text-transform:uppercase;
        color:#fff;
        border:1px solid #fff;
        padding:5px;
        margin:7px 0 0 15px;
        display:inline-block;
    }


    header[role='header'] .container.logo-and-cta a[role='logo'],
    header[role='header'] .container.logo-and-cta button,
    header[role='header'] nav[role='navigation'] {
        display:block;
        text-align:left;
        -webkit-transform: translate3d(0px, 0, 0);
        -webkit-transition: -webkit-transform ease-in-out .3s;
        -moz-transform: translate3d(0px, 0, 0);
        -moz-transition: -moz-transform ease-in-out .3s;
        -ms-transform: translate(0px, 0);
        -ms-transition: -ms-transform ease-in-out .3s;
        transform: translate3d(0px, 0, 0);
        transition: transform ease-in-out .3s;
        top: 20px;
    }


    header[role='header'] nav[role='navigation'] {
        position: fixed;
        width: 250px;
        top: 0px;
        right: -250px;
        bottom: 0;
        z-index: 20;
        color: #FFF;
        height:100%;
        box-shadow:0 0 10px rgba(0,0,0,0.15); 
        overflow-y: scroll;
        overflow-x: none;
       -webkit-overflow-scrolling: touch;       
    }
    
    header[role='header'] nav[role='navigation'] ul li {
        line-height:50px;
    }

    header[role='header'] nav[role='navigation'] ul li a {
        height:50px;
        position:relative;
        font-size:16px;
    }

    header[role='header'] nav[role='navigation'] ul li a img {
        position:absolute;
        top:10px;
    }

    
    body.device-navigation-opened header[role='header'] .container.logo-and-cta a[role='logo'],
    body.device-navigation-opened header[role='header'] .container.logo-and-cta button,
    body.device-navigation-opened header[role='header'] nav[role='navigation'] {        
         -webkit-transform: translate3d(-250px, 0, 0);
        -webkit-transition: -webkit-transform ease-in-out .3s;
        -moz-transform: translate3d(-250px, 0, 0);
        -moz-transition: -moz-transform ease-in-out .3s;
        -ms-transform: translate(-250px, 0);
        -ms-transition: -ms-transform ease-in-out .3s;
        transform: translate3d(-250px, 0, 0);
        transition: transform ease-in-out .3s;
    }
    
    section[role='article'] .container h1 {
          margin: 0;
          font-size: 40px;
          text-transform: uppercase;
          color: #66af64;
}

    /** ROTATOR **/
    section[role='rotator'] {
        height:auto;
    }

   section[role='rotator-caption'] .container h1 {
         font-size:40px;
     }
     
    section[role='program'] .container .read-more-container {
      clear: both;
      padding-top: 20px;
}
     
     
    section[role='program'] .container a.read-more {
    clear:both;    
    padding:0 25px 0 0;
    margin-bottom:20px;    
    text-align:right;
    display:block;
    font-size:18px;
    color:#0B1F2C;
    text-decoration:none;
    background:url(/images/240177.png) 100% 50% no-repeat;   
}
     
    section[role='event'] .container h1 {
        margin: 0;
        font-size: 30px;
        text-transform: uppercase;
        color: #2d9fa54;
  }
  
  section[role='news'] .container h2 {
     font-size: 2em; 
      }     
  

section[role='program'] .container article h3 {
        font-size: 26px;
    }
  
section[role='program'] .container table tbody tr td {
  font-size: 26px;
}

section[role='event'] .container .event-by-line .time {
        margin-left: 0px;        
        padding-left: 30px;
}

    section[role='event'] .container .event-by-line {
        font-size:22px;
        line-height: 40px;
        }
        
    section[role='event'] .container .event-by-line .location {
    background-size: 20px;
    
}

    section[role='event'] .container .event-by-line .time {
      background-size: 20px;
}

    section[role='program'] .container table thead th {
      text-align: left;
      background: #addfe4;
      line-height: 70px;
      padding-left: 73px;
      color: #0B1F2C;
      font-size: 28px;
      text-transform: uppercase;
      width: 100% !important;
}

     footer[role='footer'] .container .element:first-child img {
        width:300px; 
    }

}

@media (min-width: 1025px) {
        
    .hidden-on-desktop {display:none;}
    
    /** HEADER **/
    header[role='header'] nav[role='navigation'] {        
        height: 60px;

    }

    header[role='header'] nav[role='navigation'] .container {

    }

    header[role='header'] nav[role='navigation'] ul {        
        /*float:right;*/
        margin-left: -20px;
    }

    header[role='header'] nav[role='navigation'] ul li {
        float:left;
        /*border-left:1px solid #000;*/
        line-height: 60px;    
    }

    header[role='header'] nav[role='navigation'] ul li:first-child {
        border-left:0;        
    }    

    header[role='header'] nav[role='navigation'] ul li:first-child a {
        padding:15px 25px 20px 25px;
        
    }

    header[role='header'] nav[role='navigation'] ul li a img {
        pading:10px

    }
    
    /** SOCIAL MEDIAS **/

    section[role='social-medias'] .container article {
        float:left;
        width:32.222222222222%;    
        text-align: center;
        margin-left:1.666666666667%;
    }

    section[role='social-medias'] .container article:nth-child(3n+1) {
        margin-left:0;
        clear:left;
    }

    /** PROGRAM **/

    section[role='program'] .container article {
        width: 23.75%;
        float: left;
        margin:20px 0 0 1.666666666667% !important;
        clear:inherit !important;

    }

    section[role='program'] .container article:nth-child(4n+2) {
        margin-left:0 !important;
        clear:left !important;    
    }
    
    h1
    
    /** PAGES **/

    section[role='pages'] .container article {
        width: 23.75%;
        float: left;
        margin:20px 0 0 1.666666666667% !important;
        clear:inherit !important;

    }

    section[role='pages'] .container article:nth-child(4n+2) {
        margin-left:0 !important;
        clear:left !important;    
    }
    
    /** FOOTER **/

    footer[role='footer'] .container {
        margin:55px auto;
    }

    footer[role='footer'] .container .element {
        width: 23.75%;
        float: left;
        margin:20px 0 0 1.666666666667% !important;
        clear:inherit !important;        
    }


    footer[role='footer'] .container .element .element-container {
        border-right:1px solid #fff;
        height:240px;    
    }

    footer[role='footer'] .container .element:nth-child(4n+1) {
        margin-left:0 !important;
        clear:left !important;      
    }

    footer[role='footer'] .container .element:nth-child(4n) .element-container {
        border:0;
    }

    /** EVENT **/
    section[role='event'] .container .image-container {
        float:left;
        max-width:33%;
    }

    section[role='event'] .container .textual-content-container {
        width:64%;
        float:right;
    }

    /** ARTICLE **/
    section[role='article'] .container .image-container {
        float:left;
        max-width:33%;
    }

    section[role='article'] .container .textual-content-container {
        width:64%;
        float:right;
    }
    
}

@media (min-width: 1200px) {
    .container {
        margin:0 auto;
    }
}


#ss-form {
    width:90%;        
    max-width:480px;  
    padding:20px;
    background:#fafafa;  
}


#ss-form label {    
    font-size:18px;
    display:block;
    line-height:2;
}

#ss-form input {
    display:block;    
    font-size:18px;
    padding:5px 0;
    width:100%;
    line-height:1.5;
    border:1px solid #ccc;
    margin-bottom:0.5em;
}

#ss-form button {
    float:right;
    margin:0;
    background:#75ba73;
    color:#fff;
    border:0;
    padding:10px 20px;
    font-size:20px;
}

#ss-form button:hover {
    opacity:0.9;
}

#ss-form button[disabled]{
    background:#ddd;
}


#participants {
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}

#participants thead {
    font-size:20px;
    text-align:left;
    line-height:2;    
}

#participants thead th {
    border-bottom: 1px solid #444;
}

#participants tbody tr:nth-child(2n) td {
    background:#fafafa;
}

#participants tbody td {
    padding:10px 0;
    font-size:20px;
}



/* LinkedIn */
.IN-widget {
    margin-top:5px !important;
}



/* Påmeldingskjema */
.pamelding input {
    background:#f7f7f7 !important;
    margin:10px 0 20px 0 !important;
    text-indent:20px !important;
    outline:1px solid #e4e4e4 !important;
}

.pamelding .wpforms-error {
    color:red !important;
}

.pamelding input.wpforms-error {
    outline:1px solid red !important;
}

.pamelding label.wpforms-error {
    font-size:15px !important;
    margin:-10px 0 20px 0 !important;
}

.pamelding button[type='submit'] {
    margin:10px 0 0 0 !important;
    font-size:20px !important;
}





#login-link {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 50px;
    height: 50px;    
}

#login-link:hover {
    background:#f7f7f7;    
}

.admin-bar #login-link {
    top:32px;
}


th[role=columnheader]:not(.no-sort) {
	cursor: pointer;
}

th[role=columnheader]:not(.no-sort):after {
	content: '';
    float:right;
    margin:20px 20px 0 5px;
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: #404040 transparent;
	visibility: hidden;
	opacity: 0;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

th[aria-sort=ascending]:not(.no-sort):after {
	border-bottom: none;
	border-width: 4px 4px 0;
}

th[aria-sort]:not(.no-sort):after {
	visibility: visible;
	opacity: 0.4;
}

th[role=columnheader]:not(.no-sort):hover:after {
	visibility: visible;
	opacity: 1;
}