/*
Theme Name: Booster
Theme URI: 
Author: Trond Abrahamsen
Author URI: 
Description: This is the common Wordpress theme for ASC
Version: 3.0
License: Copyright (c) 2015-2016 Andoya Space Center. All rights reserved.
License URI: 
Text Domain: booster
Tags:

*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
@import url('css/colorbox.css');

/* ------------------------------------------------------------------ */
/* --- Structure                                                  --- */

    html, body {
        width: 100%;
        margin: 0;
        padding: 0;
        font-family: 'Open Sans', sans-serif;
        min-width: 20em;
        overflow-x: hidden;
        background-color: transparent;
    }
    
    div#pagewrapper {
        min-height: 100%;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        padding: 0;
        /*padding-top: 150px;*/
        background-color: transparent;
        color: black;
        overflow-x: hidden;
        width: 100%;
        z-index: -99999999;
    }
      
    div#reset {
        clear: both;
    }
        
    div.site-content {
        padding-top: 150px !important;
    }

/* ------------------------------------------------------------------ */
/* --- Elements                                                   --- */

    a, img {
	    border: none;
    }

    .screen-reader-text {
        display: none;
    }
	
    a {
        text-decoration: none;
    }
    
	p {
            margin: 0;
            padding: 0;
            margin-bottom: 20px;
            line-height: 1.75em;
	}

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Open Sans', sans-serif;
            color: #000000;
            padding: 0;
            margin: 0;
            margin-top: 20px;
            letter-spacing: -1px;
            font-weight: 100;
	}
	
	h1 {
            font-size: 32px;
            font-weight: 400;
            letter-spacing: normal;
            margin-bottom: .5em;
            line-height: 1.15em;
	}
	
	h2 {
            font-size: 24px;
            font-weight: 600;
            letter-spacing: .025em;
            margin-top: 2em;
            margin-bottom: 2em;            
            line-height: 1.2em;
	}
	
	h3 {
            font-size: 16px;
            font-weight: 600;
            letter-spacing: .025em;
	}
        
        table{
            width: 100%;
            border: 1px solid #dadada;
            border-collapse: collapse;
            background-color: #f7f7f7;
        }
        
        table tr{
            border: 1px solid #dadada;
        }
        
        table tr:first-child {
            background-color: #e7e7e7;
        }
        
        table tr td{
            font-size: .75em;
            padding: .5em !important;
        }

        ol {
            padding: 0;
            padding-left: 1em;
        }
        
        ol li{
            margin-bottom: 1em;
            padding-left: 1em;
        }
        
/* ------------------------------------------------------------------ */
/* --- Header                                                     --- */

    header#masthead {
        padding: 0;
        position: absolute;
        top: 0 !important;
        left: 0 !important;
        right: 0;
        margin: 0 auto;
        height: 125px !important;
        background-color: white;
        width: 100%;
        z-index: 99999999;
        position: fixed;
        align-content: center !important;
    }

    header#masthead .masthead-wrapper {
        margin: 0 auto;
        padding: 0;
        width: 950px;
        background-color: transparent;
    }

    header#masthead .masthead-wrapper div.site-branding,
    header#masthead .masthead-wrapper div.site-navigation{
        display: inline;
    }
    
    header#masthead .masthead-wrapper div.site-branding{
        float: left;
    }
    
    header#masthead .masthead-wrapper div.site-navigation{
        padding-top: 2.5em;
        padding-right: 1.6em;;
        float: right;
    }
    
    header#masthead .masthead-wrapper div.site-branding a img {
        max-width: 500px;
        max-height: 125px;
        height: auto;
    }
    
/* ------------------------------------------------------------------ */
/* --- BOOSTER MAIN MENU                                          --- */

div#booster-main-menu-cover {
    background-color: #3b4953;
    opacity: .75;
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 999999998;
    display: none;
    overflow: hidden;
}

div#booster-main-menu-button {
    display: inline-block;
    width: 6.5em;
    border: none;
    border-radius: 0.2em;
    padding: .5em;
    height: 2.1em;
    line-height: 2.1em;
    vertical-align: middle;
    color: white;
    font-weight: 600;
    background-color: #3b4953;
    margin: 0;
}

div#booster-main-menu-button span{
    display: inline-block;
    background-color: transparent;
    padding-top: .1em;
    float: left;
}

div#booster-main-menu-button img {
    margin-left: 1em;
}

div#booster-main-menu-button:hover, 
div#booster-main-menu-button:hover span {
    background-color: #0d80c6;
    cursor: pointer;
    color: white;
}

div#booster-main-menu-wrapper {
    display: none;
    position: fixed;
    width: 900px;
    left: 50%;
    max-height: 100vh;
    background-color: #3b4953;
    border-radius: .2em;
    z-index: 999999999;
    color: white;
    font-weight: 600;
    overflow: hidden;
    transform: translate(-50%, 5em);
}
    
div#booster-main-menu-wrapper nav{
    max-height: calc( 100vh - 10em) !important;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
}    
    
.main_menu_button_activated {
    background-color: #0d80c6 !important;
    cursor: pointer;
    color: white !important;
}

div#booster-main-menu-wrapper form {
    font-size: 90%;
    margin: 0;
    padding: 1em;
    width: 100%;
}

div#booster-main-menu-wrapper form input[type=search] {
    width: 800px;
    padding: .5em;
    margin: 0;
    margin-right: .5em;
    border: none;
    border-radius: .2em;
    background-color: lightgray;
    font-size: 1.1em;
}

div#booster-main-menu-wrapper form input[type=submit]{
    border: none;
    border-radius: .2em;
    background-color: #0d80c6;
    color: white;
    font-size: 1.1em;
    padding: .5em;
}

div#booster-main-menu-wrapper nav ul {
    display: block !important;
    height: calc( 100% + 10em );
    list-style: none;
    margin: 0;
    padding: 1em;
    font-size: 100%;
    font-weight: bold;
}

div#booster-main-menu-wrapper nav ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
}

div#booster-main-menu-wrapper nav ul li a {
    display: block;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding: .5em;
    margin-bottom: .5em;
}

div#booster-main-menu-wrapper nav ul li a:hover {
    background-color: #0d80c6;
    cursor: pointer;
    border-radius: .2em;
}

div#booster-main-menu-wrapper nav ul li ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 90%;
    font-weight: normal;
}

div#booster-main-menu-wrapper nav ul li ul li {
    padding: .5em;
    display: block;
}

div#booster-main-menu-wrapper nav ul li ul li:hover {
    background-color: #0d80c6;
    cursor: pointer;
    border-radius: .2em;
}

div#booster-main-menu-wrapper nav ul li ul li a{
    display: inline;
    color: lightgray;
    text-decoration: none;
    text-transform: none;
    margin: 0;
}

    
/* ------------------------------------------------------------------ */
/* --- CUSTOM MENUS                                               --- */

div.menu {
    width: 900px;
    overflow: hidden;
    margin: 0 auto !important;
    margin-bottom: 1em !important;
    margin-top: 1em !important;
    text-align: center;     
}

div#booster-custom-menu-title {
    padding: 0;
    margin: 0;
    margin-bottom: 2em;
}

div.menu,
div#booster-custom-menu-wrapper {
    margin: 0;
    padding: 0;
    background-color: transparent;
    margin-bottom: 1em;
}

div.menu ul.custom_menu,
div#booster-custom-menu-wrapper ul.custom_menu {
    list-style: none;
    margin: 0;
    padding: 0;    
}

div.menu ul.custom_menu li,
div#booster-custom-menu-wrapper ul.custom_menu li {
    padding: 0;
    display: inline-block;
}

div.menu ul.custom_menu li a,
div#booster-custom-menu-wrapper ul.custom_menu li a {
    background-color: #3b4953;
    padding: .5em;
    border-radius: .2em;
    color: white;
    text-decoration: none;
    display: block;
    margin-bottom: .5em;    
}

div.menu ul.custom_menu li a:hover,
div.menu ul.custom_menu li.current-menu-item > a,
div#booster-custom-menu-wrapper ul.custom_menu li a:hover,
div#booster-custom-menu-wrapper ul.custom_menu li.current-menu-item > a {
    background-color: #0d80c6;
}

/* ------------------------------------------------------------------ */
/* --- Landing pages                                              --- */

div.tributtons{
    padding: 1em;
    margin: 0;
    width: calc( 100vw - 2em );
}

div.tributton{
    width: calc( ( 100% / 3 ) - 4em );
    display: inline-block;
    margin: 0;
    padding: 2em;
    padding-top: 0em;
    vertical-align: top;
} 

div.tributton h1{
    color: white;
    height: 3em;
}

div.tributton button:hover{
    cursor: pointer;
}

div.video-wrapper{
    background-color: transparent;
    width: 100vw;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

video {
    height: 100vh;
    width: 100vw;
    margin: 0 auto !important;
    margin-top: 125px;
    object-fit: cover !important;
}

div.video-overlay-scroll{
    position: relative;
    z-index: 9999999;
    width: 900px;
    top: calc( 90vh - 150px );
    left: calc( 50vw - 450px );
    text-align: center;
    height: 0;
    cursor: pointer;
}

div.video-overlay-text{
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 2em;
    line-height: 2.5em;    
    z-index: 9999999;
    width: 900px;
    top: calc( 50vh - 150px );
    left: calc( 50vw - 450px );
    color: white; 
    text-align: center;
    height: 0;
}

div.parallax-overlay-text{
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 2em;
    line-height: 2.5em;    
    z-index: 9999999;
    width: 900px;
    top: calc( 50vh - 150px );
    left: calc( 25vw - 450px );
    color: white; 
    text-align: center;
    height: 0;
    display: block;
}

.parallax-container{
    min-height: 400px;
    background: transparent;   
    position: relative;
    z-index: 0;
}

.text {
    max-width: 900px;
    padding: 1em;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    line-height: 2em;
    margin: 0 auto;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

.text a:hover{
    text-decoration: none;
    color: #0d80c6;
    pointer: cursor;
}

    div.frontpage div.menu{
        /*margin-top: 1em !important;*/
    }

    div.frontpage {
        background-color: transparent;
        padding: 0;
        padding-bottom: 250px;
        margin: 0 auto;
        width: 100%;
        height: 90%;
        overflow-x: hidden;
        width: 100%;
    }

    div.danger-area-notification {
        position: absolute;
        background-color: #0d80c6;
        padding: 1em;
        width: 900px;
        border-radius: .25em;
        left: 0;
        right: 0;
        top: 10em;
        margin: 0 auto;
        margin-bottom: .5em;        
        color: white;
        z-index: 100 !important;
        line-height: 1.5em;
    }
    
    div.danger-area-notification:hover {
        cursor: pointer;
        background-color: white;
        color: black;
    }
    
    div.headline {
        width: 900px;
        display: block;       
        padding: 0;
        padding-top: 1em;
        padding-bottom: 1em;
        margin: 0 auto;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: normal;
        margin-bottom: .25em;
        line-height: 1.15em;
    }
    
    div.paragraph {
        text-align: left;
        background-color: white;
        color: black;
        background-color: #fff;
        color: #444;
        font-family: Arial;
        font-feature-settings: "'liga' 1";
        font-kerning: auto;
        font-style: normal;
        font-size: 1em;
        font-weight: 400;
        letter-spacing: 0.025em;
        line-height: 1.5em;
        text-align: left;
        text-decoration: none;
        text-transform: none;
        word-spacing: 0.025em;
        width: calc( 100% - 2em );
        padding: 1em;
    }
    
    div.page{
        width: 95%;
        max-width: 900px;
        margin: 0 auto;
    }
    
    div.page > a {
        padding: .25em;
        border-radius: .2em;
        background-color: #6b767d;
        color: white;
        text-decoration: none;
    }

    div.page > a:hover {
        background-color: #0d80c6;
        cursor: pointer;
    }    
    
    div.paragraph p {
        max-width: 30em;
        font-size: 110%;
        line-height: 150%;
        margin: 0 auto;
        background-color: transparent;
    }

    div.buttons {
        max-width: 900px;
        padding: 1em;
        padding-top: 1.5em;
        min-height: 2.5em;
        background-color: white;
        color: white;
        font-size: 1.5em;
        margin: 0 auto;
        text-align: center;
    }

    div.buttons button{
        border: none;
        background-color: #3b4953;
        padding: 0.5em;
        margin: 0.25em;
        font-size: 1em;
        color: white;
        border-radius: 0.15em;
    }

    div.buttons button:hover {
        background-color: #0d80c6;
        cursor: pointer;
    }

    div.posts {
        max-width: 900px;
        width: 100%;
        background-color: white;
        padding: 1em;
        text-align: center;
        margin: 0 auto;
    }

    div.posts h1 {
        padding-left: 1em;
        padding-bottom: 0.5em;
    }

    div.posts article {
        padding: 1em;
        padding-top: 0.25em;
        margin: 0 auto;
        text-align: left;
        background-color: transparent;
    }


    div.posts article:hover,
    div.posts article:hover h1  {
        cursor: pointer;
        background-color: #0d80c6;
        border-radius: .25em;
        color: white;
    }
    
    div.posts article:active,
    div.posts article:active h1  {
        background-color: #0d80c6;
        color: white;
        cursor: pointer;
        border-radius: 0.15em;
    }

    div.posts article h1 {
        padding: 0;
    }

    div.posts article ul.article_view {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    div.posts article li.thumbnail {
        margin: 0;
        padding: 0;
        margin-right: 1em;
        float: left;
        width: 150px;
        height: 150px;
    }

    div.posts article li.article_content {
        margin: 0;
        padding: 0;
        height: 150px;
    }
    
    div.posts article li.article_content p {
        line-height: 1.25em;
    }    

    div.slideshow {
        width: 100%;
        background-color: black;
        background-size: cover;
        background-position: center center;
        padding: 0;
        margin: 0;
        height: 55em;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
    }

    div.slideshow ul.slideshow-data {
        display: none;
    }

    div.slideshow h1 {
        padding: .25em;
        margin: 0 auto;
        font-size: 2.5em;
        font-weight: 400;
        color: white;
        position: relative;
        top: 11.5em;
        max-width: 20em;
        text-shadow: 0px 0px 6px #000000;
    }

    div.slideshow:active h1 {
        background-color: #0d80c6;
        border-radius: 0.15em;
    }
    
    div.image {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        display: block;
        border-radius: .2em;
    }
      
div.image-overlay-text{
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 3em;
    line-height: 1.5em;    
    z-index: 9999999;
    width: 500px;
    top: 150px;
    left: calc( 25vw - 100px );
    color: white; 
    text-align: center;
    height: 0;
}    
    
    div.image a {
        color: white;
        width: 100%;
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
    }    
    
    div.image a.button{
        position: relative;
        display: block;
        padding: .5em;
        border-radius: .2em;
        top: 400px;
        left: calc( 25vw - 100px );
        z-index: 9999999;
        width: 12em;    
        text-decoration: none;
    }
    
    div.image img{
        padding: 0;
        margin: 0 auto;
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        border-radius: .2em;
    }
       
    div.image p {
        position: absolute;
        z-index: 99999999;
        margin: 0;
        top: 80%;
        width: 100%;
    }
    
    div.image p span{
        font-size: 250%;
        font-weight: lighter;
        padding: 1em;
        background-color: #3b4953;
        border-radius: .2em
    }
       
    div.image:hover p span{
        background-color: #0d80c6;
    }
    
    div.spacer {
        height: 200px;
    }
    
/* ------------------------------------------------------------------ */
/* --- Content                                                    --- */



iframe{
    width: 900px !important;
    height: 500px !important;
} 

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

a.news-button {
    background-color: #3b4953;
    color: white;
    padding: .25em;
    border-radius: .25em;
}

p.copyright_notice {
    margin: 0 auto;
    font-size: 75%;
    display: block;
    width: 900px;
    border-top: 1px dotted black;
    padding-top: .5em;
}

/* undersider [shortcode] */

ul.booster-subpages {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.booster-subpages li span.title {
    font-weight: 700;
    font-size: 120%;
    display: block;
    margin-bottom: .5em;
    margin-top: 1em;
}

ul.booster-subpages li span.featured-image img {
    max-height: 150px !important;
    max-width: 150px !important;
}

ul#booster_static_post_gallery {
    display: block !important; 
    list-style: none;
    padding: 0;
    margin: 0;
    margin-right: 1em;
}

ul#booster_static_post_gallery li {
    display: inline-block;
    list-style: none;
    width: 150px;
    height: 112px;
    vertical-align: middle !important;
    border-radius: .25em;
    margin-right: .25em;
    margin-bottom: .25em;
    cursor: pointer;
    background-color: #292929;
    overflow: hidden;
}

ul.booster-subpages li span.description {
    margin: 0;
}


/* contact-us forms */

form.wpcf7-form {
    background-color: #3b4953;
    padding: 1em;
    width: 30em;
    border-radius: .2em;
    float: left;
    margin: 0;
    margin-right: 1em;
    margin-bottom: 1em;
}

form.wpcf7-form input,
form.wpcf7-form textarea{
    background-color: white;
    padding: .5em;
    color: black;
    border: none;
    border-radius: .2em;
    width: 26em;
}

form.wpcf7-form label {
    color: white;
}

form.wpcf7-form input[type="submit"]{
    background-color: #0d80c6;
    width: 5em;
    color: white;
    cursor: pointer;
}

div.wpcf7-response-output {
    border: none;
    padding: .5em;
    background-color: #0d80c6;
    color: white;
    border-radius: .2em;
    width: 29em;
    margin-left: 0;
}

/* articles */

a.news-button {
    background-color: #3b4953;
    color: white;
    padding: .25em;
    border-radius: .25em;
}

a.news-button:hover{
    background-color: #0d80c6;
    cursor: pointer;
}

div#content{
    padding-top: 150px;
    padding-bottom: 25px;
    padding-left: 2em;
    padding-right: 2em;
    width: 95% !important;
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 250px;
}

    div#featured-image {
        margin-top: 1em;
        margin-bottom: 1em;
        height: 30em;
        width: 52.5em;
        background-color: lightgray;
        overflow: hidden;
        pointer-events: none;
    }
    
    div#featured-image img {
        height: auto;
        min-height: 100%;
        width: 100% !important;
    }
    
    .post, .page {
        line-height: 150%;
    }

    .post .entry-header {
		padding: 0;
		margin: 0;
		margin-bottom: 20px;
	}

	.post .entry-title a,
	.page .entry-title a {
		font-size: 20px;
		text-decoration: none;
	}

    .post .entry-title {
		margin: 0;
		padding: 0;
                font-family: sans-serif;
                text-align: left;
	}

    .post .entry-meta {
		font-size: small;
		font-weight: 100;
		margin: 0;
                margin-top: .5em;
                font-style: italic;
		padding: 0;
	}
	
	.post .entry-meta .posted-on a {
		text-decoration: none;
		color: #000000;
	}
	
	.post .entry-meta .posted-on .updated {
		display: none;
	}
	
	.post .entry-excerpt {
		font-weight: 100;
                font-size: 110%;
                width: 100%;
                font-family: sans-serif;
	}
	
	.post .entry-excerpt img {
		float: left;
		padding: 0;
		margin: 0;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	
	.post .entry-content, .page .entry-content {
		font-weight: 300;
                width: 100%;
	}
	
	.post footer.entry-meta {
		position: relative;
		padding: 0;
		margin: 0;
		height: auto;
	}
	
	.post footer.entry-meta a {
		text-decoration: none;
		color: #000000;
	}
	
/* faktaboks in articles */

    div.faktaboks {
        /*border: 1px dotted #0d80c6;*/
        padding: 1em;
        float: right;
        width: 15em;
        overflow: hidden;
        height: fit-content;
        margin-left: .5em;
        font-size: 90%;
        font-family: sans-serif;
        border-radius: .25em;
        color: white;
        background-color: #3b4953;
    }
    
    div.faktaboks button {
        background-color: #6b767d;
    }
    
    div.faktaboks a {
        color: white;
    }
        
/* images in articles */

    ul#booster_post_gallery {
        list-style: none;
        margin: 0;
        margin-bottom: 1em;
        padding: 0;
        max-width: 950px !important;
        overflow-x: hidden;
    }
    
    ul#booster_post_gallery li {
        position: relative;
        display: none;
        width: 900px !important;
        height: 529px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: middle;
        border-radius: .25em;
        overflow-x: hidden;
    }

    li#booster_post_gallery_osd {
        position: absolute !important;
        z-index: 8888888;
        display: inline !important;
        width: 100%;
        height: 30em;
        border-radius: .25em;
        padding: 1em;
    }
    
    span#booster_post_gallery_slides {
        width: fit-content;
        margin: 0 auto;
    }

    span#booster_post_gallery_slides .slide {
        display: inline-block;
        width: 1.5em !important;
        height: 1.5em !important;
        background-size: 50%;
        background-image: url('img/booster-gallery-empty.png');
        background-repeat: no-repeat;
    }
    
    span#booster_post_gallery_slides .current {
        background-image: url('img/booster-gallery-full.png');        
    }    
    
    ul#booster_post_gallery li span.text {
        position: absolute;
        bottom: 0;
        background-color: #000000;
        color: white;
        padding: .5em;
        width: calc( 100% - 1em );
        opacity: .5;
    }

    .alignnone {
        margin: 5px 20px 20px 0;
    }

    .aligncenter,
    div.aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    .alignright {
        float:right;
        margin: 5px 0 20px 20px;
    }

    .alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    .aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    a img.alignnone {
        margin: 5px 20px 20px 0;
    }

    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .wp-caption {
        background: #fff;
        border: 1px solid #f0f0f0;
        max-width: 96%; /* Image does not overflow the content area */
        padding: 5px 3px 10px;
        text-align: center;
		font-weight: 100;
    }

    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }

    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto;
    }

    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px;
    }
	
/* post format = gallery */

    .wp-post-gallery-thumbnails {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.wp-post-gallery-thumbnails li {
		float: left;
		margin: 0;
		padding: 0;
		padding-right: 5px;
		padding-bottom: 5px;
	}
	
/* blog loop */

    .blog-loop article{
        padding: .5em;
        background-color: transparent;
        border-radius: .2em;
        min-height: 9.5em;
        cursor: pointer;
    }
    
    .blog-loop article:hover, 
    .blog-loop article:hover .entry-summary, 
    .blog-loop article:hover .entry-title {
        background-color: #0d80c6;
        color: white;
    }
    
    .blog-loop article .attachment-thumbnail {
        border-radius: .2em;
        margin-right: 1em;
        height: 9.3em;
        width: 9.3em;
        float: left;
    }
    
    .blog-loop article .entry-summary {
        max-width: 60em;
    }
    
    .blog-loop article .entry-title {
        margin-bottom: .5em;
    }

	
/* booster slideshow */

    div#booster-slideshow {
		width: 100%;
		padding: 0;
		margin: 0;
	    background-color: #282828;
		overflow: hidden;
		position: relative;
	}
	
	div#booster-slideshow img#booster-slideshow-slide {
		display: block;
		width: 960px;
		max-width: 960px;
		padding: 0;
		margin: 0 auto;
	}
	
	div#booster-slideshow .booster-slideshow-info{
        padding: 10px;
        position: absolute;
		bottom: 0;
	    width: 100%;
	    color: #ffffff;
	    background-color: #080808;
	    opacity:0.8;
        filter:alpha(opacity=80); /* For IE8 and earlier */		
	}
	
	div#booster-slideshow div#booster-slideshow-overskrift {
        bottom: 50px;
	    padding-bottom: 0;
	    padding-top: 1em;
	}
	
	div#booster-slideshow div#booster-slideshow-beskrivelse {
	    bottom: 0;
	    padding-bottom: 10px;
	    padding-top: 0;
	}
	
    #booster-slideshow-overskrift h1 {
	    margin: 0 auto;
		margin-bottom: 10px;
	    width: 920px;
	    overflow: hidden;
		color: #ffffff;
    }
 
    #booster-slideshow-beskrivelse p {
        font-size: 1em;
	    margin: 0 auto;
	    width: 920px;
	    overflow: hidden;
    }

/* comments region */

    div#comments textarea {
		width: 99%;
	}
        
/* table */

table.wp-block-table td{
    /*padding: 1em !important;*/
}

.has-medium-font-size {
    font-size: 110%;
    line-height: 1.75em;
}

/* ------------------------------------------------------------------ */
/* --- Widgets                                                    --- */

    .widget {
		margin-bottom: 10px;
	}

    .widget .widget-title {
        padding: 0;
		margin: 0;
		margin-bottom: 10px;
		color: #000000;
	}
	
	footer .widget .widget-title {	
		color: #ffffff;
		font-size: x-large;
	}

/* ------------------------------------------------------------------ */
/* --- Optional footer widget area                                --- */

div.footer-widget-area {
    bottom: 0;
    width: 900px;
    margin: 0 auto;
    font-size: 75%;
    border-top: 1px dotted black;
    padding: 0;
    padding-top: 1em;
    color: black;
    z-index: 1200;
    position: relative;    
}

.frontpage-area {
    margin-bottom: -5em !important;
}

div.footer-widget-area div.widget{
    width: 293px;
    display: inline-block;
    vertical-align: top;
    padding: 0;

}

div.footer-widget-area div.widget h2{
    color: black;
    margin: 0;
    margin-bottom: .5em;
    padding: 0;
}

div.footer-widget-area div.widget a{
    color: black;
    text-decoration: none;
    padding: .25em;
    display: inline-block;
}

div.footer-widget-area div.widget a:hover{
    background-color: #0d80c6;
    color: white;
    cursor: pointer;
    border-radius: .25em;
}

div.footer-widget-area div.widget a.nohover:hover {
    background-color: transparent !important;
}


div.footer-widget-area ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

div.footer-widget-area ul li{
    margin-bottom: .5em;
}        

.optional-widget-area {
    margin-bottom: 400px !important;
}

/* ------------------------------------------------------------------ */
/* --- Footer                                                     --- */

div#footer-dekor {
    position: absolute;
    background-image: url('/wp-content/themes/BoosterTheme/img/fjell.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 900px;
    background-position: center bottom;
    height: 250px;
    width: 100% !important;
    bottom: 0 !important;
    padding: 0;
    margin: 0 auto;
    z-index: 1000;
}

div#footer-dekorstripe {
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: 100%;
    background-color: #3b4953;
    height: 60px;
    width: 100%;
    z-index: 500;
}

footer {
    background-color: transparent;
    height: 400px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;   
    z-index: -1000;
}

footer.frontpage {
    clear: both;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 250px;
    background-color: #3b4953;
    background-image: url('/wp-content/themes/booster/img/fjell.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 900px;
}

/* ------------------------------------------------------------------ */
/* --- Contact form                                               --- */

form#contact-form ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 250px;
}

form#contact-form ul li {
    margin-top: 1em;
}

form#contact-form ul li label {
    display: block;
}

form#contact-form ul li input {
    width: 100%;
}

form#contact-form ul li textarea {
    width: 100%;
    height: 10em;
}

/* ------------------------------------------------------------------ */
/* --- Important message                                          --- */

div#important_message {
    padding: 0.5em;
    background-color: #e6e6e6;
}



/* -------------------------------------------------------------------------- */
/* ---                                                                    --- */
/* --- MOBILE DEVICE OVERRIDES                                            --- */
/* ---                                                                    --- */
/* -------------------------------------------------------------------------- */


@media screen and (min-width:769px) and (max-width: 948px) { /* -- large tablets -- */

    /* --- STRUCTURE -------------------------------------------------------- */    
    
    header#masthead .masthead-wrapper{
        width: calc( 100% - 20px ) !important;
    }       

    /* --- OPTIONAL FOOTER WIDGET AREA -------------------------------------- */
    
    div.footer-widget-area {
        width: calc( 100% - 20px ) !important;
    }  
    
    div.footer-widget-area .widget {
        width: 215px !important;
        margin-right: 1em;
        overflow: hidden;
    }
    
    div.footer-widget-area img {
        max-width: 215px !important;
        height: auto;
    }
    
    /* --- MENU ------------------------------------------------------------- */
          
    header#masthead .masthead-wrapper div.site-navigation{
        padding: 0;
        padding-top: 2.5em;
    }
    
    div#booster-main-menu-button span {
        display: none;
    }
    
    div#booster-main-menu-button {
        width: 2.1em;
    }
    
    div#booster-main-menu-button img {
        margin: 0;
    }
    
    div#booster-main-menu-wrapper {
        width: 410px;
    }
    
    div#booster-main-menu-wrapper nav{
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch;
        padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
    }    
    
    div#booster-main-menu-wrapper form input[type=search]{
        width: 335px;
    }
    
    div#booster-main-menu-wrapper nav ul li{
        width: 100%;
    }
    
    div#booster-main-menu-wrapper nav ul li ul li{
        padding: 0;
        padding-top: .5em;
        padding-bottom: .5em;
    }   
    
    /* --- LANDINGPAGES ----------------------------------------------------- */

/*
    div.image-overlay-text,
    div.video-overlay-text {
        top: calc( 50vh - 150px );
    }
    
    div.image a.button {
        top: calc( 80vh - 150px );
    }    
*/    
    div.video-overlay-text {
        left: 1em;
        width: calc( 100vw - 4em);
    }
    
    video{
        transform: none;
    }
    
    div.image img {
        height: 100vh;
        width: auto !important;
        transform: none;
    }   
    
    div.frontpage {
        width: calc( 100vw - 20px );
        overflow: hidden;
        margin: 0 auto;
    }

    div.danger-area-notification {
        width: calc( 100vw - 55px );
    }       
    
    /* image */
    
    div.image{
        width: calc( 100vw - 10px);
    }
      
    div.image img{
        width: calc( 100vw - 10px);
    }
    
    div.image p {
        top: 80%;
    }
    
    /* text */
    
    div.text {
        width: calc( 100vw - 55px ) !important;
        min-width: calc( 100vw - 55px ) !important;
        max-height: fit-content;
        text-align: left;
        padding: 20px;
    } 
    
    div.page{
        width: 95%;
        max-width: 800px;
        margin: 0 auto;
    }    
    
    /* menu */
    div.menu {
        overflow: visible;
        width: calc( 100vw - 2em ) !important;
        left: 0 !important;
    }    

    article video.wp-video-shortcode{
        width: calc( 100% - 2em ) !important;
        height: auto;
        transform: none;
    }
 
    iframe{
        width: 769px !important;
        height: 400px !important;
    }     
    
}



/* -------------------------------------------------------------------------- */
@media screen and (min-width: 601px) and (max-width:768px) { /* -- tablets -- */
/* -------------------------------------------------------------------------- */    



    /* --- CONTENT ---------------------------------------------------------- */
    
    /* contact-us forms */

    form.wpcf7-form {
        padding: 1em;
        width: calc( 100% - 30px );
        float: none;
        margin: 0;
        margin-right: 0;
        margin-bottom: 1em;
    }

    form.wpcf7-form input,
    form.wpcf7-form textarea{
        width: 90%;
    }

    form.wpcf7-form input[type="submit"]{
        background-color: #0d80c6;
        width: 5em;
        color: white;
    }

    div.wpcf7-response-output {
        width: 90%;
    }     
    
    /* --- STRUCTURE -------------------------------------------------------- */
         
    div#content {
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 150px !important;
    }
    
    header#masthead .masthead-wrapper{
        width: calc( 100% - 20px ) !important;
    }       
    
    /* --- MENU ------------------------------------------------------------- */
      
    header#masthead .masthead-wrapper div.site-navigation{
        padding: 0;
        padding-top: 2.5em;
    }
    
    div#booster-main-menu-button span {
        display: none;
    }
    
    div#booster-main-menu-button {
        width: 2.1em;
    }
    
    div#booster-main-menu-button img {
        margin: 0;
    }
    
    div#booster-main-menu-wrapper {
        width: 410px;
    }
    
    div#booster-main-menu-wrapper nav{
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch;
        padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
    }    
    
    div#booster-main-menu-wrapper form input[type=search]{
        width: 335px;
    }
    
    div#booster-main-menu-wrapper nav ul li{
        width: 100%;
    }
    
    div#booster-main-menu-wrapper nav ul li ul li{
        padding: 0;
        padding-top: .5em;
        padding-bottom: .5em;
    }       

    /* --- OPTIONAL FOOTER WIDGET AREA -------------------------------------- */
    
    div.footer-widget-area {
        width: calc( 100% - 20px ) !important;
    }

    div.footer-widget-area div.widget{
        width: 180px;
        display: inline-block;
        margin-bottom: 0;
        margin-right: 1em;
        padding: 0;
        overflow: hidden;
    }     
    
    div.footer-widget-area img{
        max-width: 180px !important;
        height: auto;
    }
    
    .with-widget-area{
        height: 400px !important;
    }
    
    .optional-widget-area{
        margin-bottom: 400px !important;
    }    
    
    .copyright_notice {
        width: calc( 100vw - 2em ) !important;
    }
    
    /* --- LANDINGPAGES ----------------------------------------------------- */

div.image-overlay-text,
div.video-overlay-text {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 2em;
    line-height: 2.5em;
    z-index: 9999999;
    width: calc( 100% - 2em);
    top: calc( 50vh - 150px );
    left: auto;
    color: white;
    text-align: center;
    height: 0;
}   
    div.image a.button {
  /*      top: calc( 80vh - 150px );*/
        left: 5.5em;
    }
    
    div.tributton {
        width: calc( 100% - 2em );
        display: block;
    }
    
    video{
        transform: none;
    }
    
    div.image img {
        height: 100vh;
        width: auto;
        transform: none;
    }
     
    div.frontpage {
        width: calc( 100vw - 20px );
        overflow: hidden;
        margin: 0 auto;
    }

    div.danger-area-notification {
        width: calc( 100vw - 60px );
        top: 10em;
        line-height: 1.5em;
    }     
        
    /* posts */
    
    div.posts {
        max-width: 720px !important;
    }
    
    /* buttons */

    div.buttons {
        width: 100%;
        display: block;
        height: auto;
        padding: 0;
        padding-top: .25em;
        margin: 0 auto;
        text-align: center;
    }
   
    div.buttons button{
        display: inline-block;
        padding: 0.5em;
        margin: 0.25em;
        font-size: 1em;
        width: 95%;
    }
        
    /* text */
    
    div.text {
        width: calc( 100vw - 55px ) !important;
        max-height: fit-content;
        text-align: left;
        padding: 20px;
        min-width: calc( 100vw - 55px ) !important;
    }  
    
    /* slideshow */
    
    div.slideshow{
        height: 30em;
    }    

    div.slideshow h1 {
        top: 10em;
        font-size: 2em;
    }
        
    /* nexus */
        
    ul#nexus_event_grid {
        width: 8em;
        margin: .4em;  
    } 
    
    /* menu */
    div.menu {
        overflow: visible;
        width: calc( 100vw - 2em ) !important;
        left: 0 !important;
    }
       
article video.wp-video-shortcode{
    width: calc( 100vh - 2em ) !important;
    height: auto;
    transform: none;
}

    iframe{
        width: 500px !important;
        height: 300px !important;
    } 

}




/* ------------------------------------------------------------------------------------- */
@media screen and ( min-width: 435px ) and ( max-width: 600px ) { /* -- mobile phones -- */
/* ------------------------------------------------------------------------------------- */


    
    /* --- STRUCTURE -------------------------------------------------------- */
          
    div#content {
        margin: 0 auto;
        min-width: 290px !important;
        width: 400px !important;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 725px !important;
        padding-top: 100px !important;
    }

    header#masthead{
        height: 100px !important;
    }
    
    header#masthead .masthead-wrapper{
        width: calc( 100% - 20px ) !important;
    }    
    
    /* --- BRANDING --------------------------------------------------------- */
    div.site-branding a img{
        max-width: 75% !important;
    }
    
    /* --- MENU ------------------------------------------------------------- */
    
    header#masthead .masthead-wrapper div.site-navigation{
        padding: 0;
        padding-top: 1em;
        position: absolute;
        right: 1em;        
    }
    
    div#booster-main-menu-button span {
        display: none;
    }
    
    div#booster-main-menu-button {
        width: 2.1em;
    }
    
    div#booster-main-menu-button img {
        margin: 0;
    }
    
    div#booster-main-menu-wrapper {
        width: 410px;
    }
    
    div#booster-main-menu-wrapper nav{
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch;
        padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
    }    
    
    div#booster-main-menu-wrapper form input[type=search]{
        width: 335px;
    }
    
    div#booster-main-menu-wrapper nav ul li{
        width: 100%;
    }
    
    div#booster-main-menu-wrapper nav ul li ul li{
        padding: 0;
        padding-top: .5em;
        padding-bottom: .5em;
    }    

    /* --- OPTIONAL FOOTER WIDGET AREA -------------------------------------- */
    
    div.footer-widget-area {
        width: 410px;
    }

    div.footer-widget-area div.widget{
        width: 410px;
        display: block;
        margin-bottom: 2em;
        padding: 1em;
    }  
       
    .with-widget-area{
        height: 725px !important;
    }
    
    .optional-widget-area{
        margin-bottom: 645px !important;
    }
    
    .copyright_notice {
        width: calc( 100vw - 2em ) !important;
    }
    
    /* --- SAREPTA ---------------------------------------------------------- */
    
    div#booster-sarepta-menu-wrapper{
        width: calc( 100% - 2em );
        display: block;
        float: none;
        margin: 0;
    }
    
    span.sarepta_content article h1 {
        text-align: left;
    }
        
    /* --- CONTENT ---------------------------------------------------------- */

    /* contact-us forms */

    form.wpcf7-form {
        padding: 1em;
        width: calc( 100% - 30px );
        float: none;
        margin: 0;
        margin-right: 0;
        margin-bottom: 1em;
    }

    form.wpcf7-form input,
    form.wpcf7-form textarea{
        width: 90%;
    }

    form.wpcf7-form input[type="submit"]{
        background-color: #0d80c6;
        width: 5em;
        color: white;
    }

    div.wpcf7-response-output {
        width: 90%;
    }  
    
    /* blog loop */
      
    .blog-loop article .attachment-thumbnail {
        border-radius: .2em;
        margin-right: 1em;
        height: 6.3em;
        width: 6.3em;
        float: left;
    }
    
    .blog-loop article .entry-summary {
        width: 21em;
        background-color: transparent;
    }
  
    /* articles */
    
    .post .entry-excerpt img {
        float: none;
        padding: 0;
        margin: 0;
        margin-right: 20px;
        margin-bottom: 10px;
        width: 95%;
        height: auto;
    }

    .post .entry-excerpt p{
        float: none;
        padding: 0;
        margin: 0;
        width: 95%; 
        line-height: 1.5em;
        font-weight: 600;
        margin-bottom: 1em;
    }
    
    .post .entry-content {
        width: 95% !important;
        line-height: 1.5em;
    }
       
    /* faktaboks in articles */
    
    div.faktaboks {
        width: calc( 100% - 30px ) !important;
        float: none;
        margin: 0;
    }
    
    /* images in articles */
    
    ul#booster_post_gallery {
        max-width: 100% !important;
        height: 20em; 
        overflow: hidden !important;
    }
    
    ul#booster_post_gallery li {
        width: 100% !important;
        background-size: auto 20em;
        background-position: top center;
    }
    
    /* nexus */
        
    div#nexus_event p {
        padding-right: 10px;
    }
    
    h1.entry-title{
       /*text-align: center;*/
    }   
             
    
    /* --- FRONTPAGE -------------------------------------------------------- */

div.image-overlay-text,
div.video-overlay-text {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 2em;
    line-height: 2.5em;
    z-index: 9999999;
    width: calc( 100% - 2em);
    top: calc( 50vh - 150px );
    left: auto;
    color: white;
    text-align: center;
    height: 0;
}    
    
/*
    div.image-overlay-text,
    div.video-overlay-text {
        top: calc( 50vh - 150px );
    }
  */  
    div.image a.button {
    /*    top: calc( 80vh - 150px );*/
        left: 5.5em;
    }
    
    div.tributton {
        width: calc( 100% - 2em );
        display: block;
    }
    
    video{
        transform: none;
    }
    
    div.image img {
        height: 100vh;
        width: auto;
    }
    
    div.frontpage {
        width: calc( 100vw - 20px );
        overflow: hidden;
        margin: 0 auto;
    }

    div.danger-area-notification {
        width: calc( 100vw - 60px );
        top: 7.5em;
        line-height: 1.5em;
    }    
    
    /* menu */
    div.menu {
        overflow: visible;
        width: calc( 100vw - 2em ) !important;
    }
       
    /* headline */
    div.headline {
        width: calc( 100vw - 2em ) !important;
    }
    
   
    /* page */   
    div.page{
        width: calc( 100vw - 2em ) !important;
        transform: none !important;
        margin: 0 auto !important;
    } 
    
    /* buttons */
    div.buttons {
        width: 100%;
        display: block;
        height: auto;
        padding: 0;
        padding-top: .25em;
        margin: 0 auto;
        text-align: center;
    }
   
    div.buttons button{
        display: inline-block;
        padding: 0.5em;
        margin: 0.25em;
        font-size: 1em;
        width: 95%;
    }
        
    /* menu */
    div.menu {
        overflow: visible;
        width: calc( 100vw - 2em ) !important;
        left: 0 !important;
    }
       
    /* headline */
    div.headline {
        width: calc( 100vw - 2em ) !important;
    }
    
    /* text */
    div.text {
        width: calc( 100vw - 4em ) !important;
        min-width: calc( 100vw - 4em ) !important;
        max-height: fit-content;
        text-align: left;
        padding: 20px;
        font-size: 1.1em;
        line-height: 1.5em;
        text-align: justify;
    }   
    
    /* page */
    
    div.page{
        width: calc( 100vw - 2em ) !important;
        transform: none !important;
        margin: 0 auto !important;
    }    
    
    /* posts */
    
    div.posts {
        display: block;
        padding: 0;
        margin: 0;
        padding-bottom: 1em;
        text-align: left;
        height: auto;
    }
    
    div.posts article {
        padding: 0.5em;
        margin: 0;
    }

    div.posts article h1{
        font-size: 1.25em;
    }
    
    div.posts article li.thumbnail {
        margin: 0;
        padding: 0;
        margin-right: 1em;
        float: left;
        width: 75px !important;
        height: 75px !important;
    }

    div.posts article li.thumbnail img {
        width: 75px !important;
        height: 75px !important;
    }    
    
    div.posts article li.article_content {    
        height: fit-content !important;
    }
    
    /* slideshow */
        
    div.slideshow{
        height: 20em;
    }    

    div.slideshow h1 {
        top: 10em;
        font-size: 1.5em;
    }    
    
    /* nexus */
        
    ul#nexus_event_grid {
        width: 7.5em;
        margin: .25em;  
    } 
    
    div#nexus-annual-plan{
        width: 400px !important; 
        margin: 0 auto;
    } 

    div#nexus-annual-plan > h1{
        text-align: center;
    } 
    
    h1.entry-title{
        /*text-align: center;*/
    }    

article video.wp-video-shortcode{
    width: calc( 100vh - 2em ) !important;
    height: auto;
    transform: none;
}

    iframe{
        width: 400px !important;
        height: 300px !important;
    } 

}

/* --------------------------------------------------------------- */
@media screen and (max-width:434px) { /* -- small mobile phones -- */
/* --------------------------------------------------------------- */



    /* --- STRUCTURE -------------------------------------------------------- */
  
    div#content {
        margin: 0 auto;
        min-width: 290px !important;
        width: 290px !important;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 600px;
        padding-top: 100px !important;
    }
    
    header#masthead{
        height: 100px !important;
    }
    
    header#masthead .masthead-wrapper{
        width: 320px;
    }
    
    /* --- BRANDING --------------------------------------------------------- */
    div.site-branding a img{
        max-width: 75%!important;
    }
    
    /* --- MENU ------------------------------------------------------------- */
   
    header#masthead .masthead-wrapper div.site-navigation{
        padding: 0;
        padding-top: 1em;
        position: absolute;
        right: 1em;          
    }
    
    div#booster-main-menu-button span {
        display: none;
    }
    
    div#booster-main-menu-button {
        width: 2.1em;
    }
    
    div#booster-main-menu-button img {
        margin: 0;
    }
    
    div#booster-main-menu-wrapper {
        width: 320px;
        overflow: hidden;
        transform: translate(-50%, 5em);        
        max-height: calc( 100vh - 5em ) !important;
    }
    
    div#booster-main-menu-wrapper form input[type=search]{
        width: 235px;
    }
  
    div#booster-main-menu-wrapper nav ul li{
        width: 100%;
    }
    
    div#booster-main-menu-wrapper nav ul li ul li{
        padding: 0;
        padding-top: .5em;
        padding-bottom: .5em;
    }
    
    /* --- OPTIONAL FOOTER WIDGET AREA -------------------------------------- */
    
    div.footer-widget-area {
        width: 320px;
    }

    div.footer-widget-area div.widget{
        width: 320px;
        display: block;
        margin-bottom: 2em;
        padding: 1em;
    }    
       
    .with-widget-area{
        height: 725px !important;
    }
    
    .optional-widget-area{
        margin-bottom: 725px !important;
    }
    
    .copyright_notice {
        width: calc( 100vw - 2em ) !important;
    }
    
    /* --- CONTENT ---------------------------------------------------------- */

    /* tables */
    
    /*
    td {
        display:block; 
        box-sizing:border-box;
        clear:both;
        width: 100% !important;
    }*/
    
    /* contact-us forms */

    form.wpcf7-form {
        padding: 1em;
        width: calc( 100% - 20px );
        float: none;
        margin: 0;
        margin-right: 0;
        margin-bottom: 1em;
    }

    form.wpcf7-form input,
    form.wpcf7-form textarea{
        width: 90%;
    }

    form.wpcf7-form input[type="submit"]{
        background-color: #0d80c6;
        width: 5em;
        color: white;
    }

    div.wpcf7-response-output {
        width: 90%;
    }    
    
    /* images in articles */
    
    ul#booster_post_gallery {
        max-width: 100% !important;
        height: 20em; 
        overflow: hidden !important;
    }
       
    ul#booster_post_gallery li {
        width: 100% !important;
        background-size: auto 20em;
        background-position: top center;
    }
    
    ul#booster_post_gallery li span.text {
        position: absolute;
        bottom: -20px;
        background-color: #000000;
        color: white;
        padding: .5em;
        width: calc( 100% - 1em );
        opacity: .5;
    }
    
    /* faktaboks in articles */
    
    div.faktaboks {
        width: calc( 100% - 20px ) !important;
        float: none;
        margin: 0;
    }   
    
    /* --- LANDINGPAGE ------------------------------------------------------ */

    
div.tributton {
    width: calc( 100% - 4em );
    display: block;
}    
div.image-overlay-text,
div.video-overlay-text {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 2em;
    line-height: 2.5em;
    z-index: 9999999;
    width: calc( 100% - 2em);
    top: calc( 50vh - 150px );
    left: auto;
    color: white;
    text-align: center;
    height: 0;
} 

    div.video-overlay-scroll{
        display: none;
    }
    
    div.image a.button {
        top: 80vh;
        left: 1em;
    }
    
    div.tributton {
        width: calc( 100% - 2em );
        display: block;
    }
    
    video{
        transform: none;
    }
  
    div.image img {
        height: 100vh;
        width: auto;
    }

    
    div.frontpage {
        width: calc( 100vw - 20px );
        overflow: hidden;
        margin: 0 auto;
        padding-bottom: 0;
    }
    
    div.danger-area-notification {
        width: calc( 100vw - 60px );
        top: 7.5em;
        line-height: 1.5em;
    }    
    
    /* buttons */

    div.buttons {
        width: 100%;
        display: block;
        padding: 0;
        padding-top: .25em;
        margin: 0 auto;
        text-align: center;
    }
   
    div.buttons button{
        display: inline-block;
        padding: 0.5em;
        margin: 0.25em;
        font-size: 1em;
        width: 95%;
    }
    
    /* slideshow */
        
    div.slideshow{
        height: 20em;
    }    

    div.slideshow h1 {
        top: 11.5em;
        font-size: 1.25em;
        max-width: 95%;
    } 
    
    /* image */
      
    div.image p {
        font-size: 50%;
        top: 70%;
    }
    
    /* menu */
    div.menu {
        overflow: visible;
        width: calc( 100vw - 2em ) !important;
        left: 0 !important;
    }
    
    div.menu ul.custom_menu li {
        width: calc( 100vw - 2em ) !important;
    }
    
    /* headline */
    div.headline {
        width: calc( 100vw - 2em ) !important;
    }
    
    /* text */
    div.text {
        width: calc( 100vw - 4em ) !important;
        min-width: calc( 100vw - 4em ) !important;
        max-height: fit-content;
        text-align: left;
        padding: 20px;
        font-size: 1.1em;
        line-height: 1.5em;
        text-align: justify;
    }   
    
    /* page */
    
    div.page{
        width: calc( 100vw - 2em ) !important;
        transform: none !important;
        margin: 0 !important;
        margin-bottom: 1em !important;
    }
    
    /* posts */
    
    div.posts {
        display: block;
        padding: 0;
        margin: 0;
        padding-bottom: 1em;
        text-align: left;
        height: auto;
    }
    
    div.posts article {
        padding: 0.5em;
        margin: 0;
    }
    
    div.posts article h1{
        font-size: 1.1em;
    }
      
    div.posts article li.thumbnail {
        margin: 0;
        padding: 0;
        margin-right: 1em;
        float: left;
        width: 75px !important;
        height: 75px !important;
    }

    div.posts article li.thumbnail img {
        width: 75px !important;
        height: 75px !important;
    }    
    
    div.posts article li.article_content {    
        height: fit-content !important;
    }
    
    /* nexus */
        
    ul#nexus_event_grid {
        width: 7.5em;
        margin: .25em;  
    }    
    
    div#nexus-annual-plan{
        width: 260px !important; 
        margin: 0 auto;
    }
    
    div#nexus-annual-plan > h1{
        text-align: center;
    } 
    
    h1.entry-title{
        /*text-align: center;*/
    }    
    
article video.wp-video-shortcode{
    width: calc( 100vh - 2em ) !important;
    height: auto;
    transform: none;
}    

 
    iframe{
        width: 300px !important;
        height: 300px !important;
    }    

}