/*
Theme Name: NSSM
Theme URI: http://www.osberget.no/
Author: Magne Grimstad at Osberget AS, Juris Vaiders at RASAMAX SIA
Author URI: http://www.osberget.no/
Description: Norwegian Shipbuilders Wordpress theme
Version: 1.0
Tags: nssm osberget rasamax
Text Domain: nssm
*/
/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

code, kbd, pre, samp {
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

select {
    text-transform: none;
}

button {
    overflow: visible;
}

button, input, select, textarea {
    max-width: 100%;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
    opacity: .5;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0.4375em;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #d1d1d1;
    margin: 0 0 1.75em;
    min-width: inherit;
    padding: 0.875em;
}

fieldset > :last-child {
    margin-bottom: 0;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

optgroup {
    font-weight: bold;
}

/* Hide spinners for number fields */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}

/* Svg height fix */
svg {
    height: auto;
}

/* Fix for iPhone phone number highliting */
a[href^="tel:"]{
    color: inherit !important;
    text-decoration: none;
}


/* Theme css */
body {
    font-family: 'Roboto', sans-serif;    
}

main {
    background: #f7f7f7 url(images/top-two-white-arrows.svg) no-repeat top left;
    padding: 20px 0 40px 0;
}
.three-arrows {
    background: url('images/three-arrows.svg') no-repeat top left;    
}

.content-block {
    position: relative;
    width: 1150px;
    margin: 0 auto;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* One third width */
.one-third-width {
    display: inline-block;
    vertical-align: top;
    width: 330px;
    margin-left: 40px;
}

/* Two thirds width */
.two-thirds-width {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 330px - 40px);
}

/* Three items in a row */
.three-items-row {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3 - 40px);   
    margin-left: 40px;
}

/* No overflow */
.no-overflow {
    overflow: hidden;
}

/* Some classes for margins */
.margin-20-top {
    margin-top: 20px;
}

/* Ratio images */
.ratio-image {
    display: block;
    width: 100%;
}

/* Main */
#main {
    min-height: 0;
    -webkit-transition: min-height 1s;
    -moz-transition: min-height 1s;
    transition: min-height 1s;
}

/* Light gallery */
.light-gallery {
    font-size: 0;
    margin-left: -20px;
}
.light-gallery a {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3 - 20px);
    margin: 20px 0 0 20px;
    position: relative;
    overflow: hidden;    
}
.light-gallery .thumb-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s;
}
.light-gallery .thumb-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(46, 96, 165, .3);
}
.light-gallery a:hover .thumb-image {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
body .lg-backdrop {
    background-color: rgb(46, 96, 165);
}

/* Anchor stop links */
.anchor-stop-link {
    position: absolute;
    z-index: 1;
    top: 0;
}

/* Search form */
#search-form {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .7s ease 0s;
    -moz-transition: height .7s ease 0s;
    transition: height .7s ease 0s;
}
#search-form.open {
    height: 100px;
}
#search-form form {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#search {
    display: inline-block;
    width: 620px;
    max-width: 60%;
    padding: 0;
    font-size: 32px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 0.2px;
    text-align: left;
    color: rgba(46, 96, 165, 1);
    border: none;
    border-bottom: 1px solid rgb(46, 96, 165);
    outline: none;
}
#search::-webkit-input-placeholder {
    color: rgba(46, 96, 165, .5);
}
#search::-moz-placeholder {
    color: rgba(46, 96, 165, .5);
}
#search:-ms-input-placeholder {
    color: rgba(46, 96, 165, .5);
}
#search-submit {
    float: left;
    display: block;
    width: 43px;
    height: 43px;
    padding: 0;
    background: url('images/search-blue.svg') no-repeat center center;
    -webkit-background-size: 17px 20px;
    background-size: 17px 20px;
    border: none;
    outline: none;
}
#search-close-icon {
    float: right;
    width: 43px;
    height: 43px;
    padding: 17px 0px 0px 8px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#search-close-icon > div {
    display: block;
    -webkit-transition: -webkit-transform .5s .2s;
    -moz-transition: -moz-transform .5s .2s;
    -ms-transition: -ms-transform .5s .2s;
    -o-transition: -o-transform .5s .2s;
    transition: transform .5s .2s;
    -moz-transform: translateX(0px) translateY(0px) rotate(45deg);
    -webkit-transform: translateX(0px) translateY(0px) rotate(45deg);
    -o-transform: translateX(0px) translateY(0px) rotate(45deg);
    -ms-transform: translateX(0px) translateY(0px) rotate(45deg);
    transform: translate(0,0px) rotate(45deg);
    width: 17px;
    height: 3px;
    background: rgb(46, 96, 165);
}
#search-close-icon > div:first-child {
    -moz-transform: translateX(0px) translateY(3px) rotate(-45deg);
    -webkit-transform: translateX(0px) translateY(3px) rotate(-45deg);
    -o-transform: translateX(0px) translateY(3px) rotate(-45deg);
    -ms-transform: translateX(0px) translateY(3px) rotate(-45deg);
    transform: translate(0,3px) rotate(-45deg);
}

/* Top of the page */
#header {
    padding: 40px 0 15px 0;
}
#header .content-block {
    font-size: 0;
}
#logo {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
#logo img {
    display: block;
    max-width: 100%;
}
#top-buttons {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}
#top-buttons a {
    display: inline-block;
    margin-left: 10px;
}
#top-buttons a svg,
#top-buttons a img {
    display: block;
    max-width: 100%;
}

/* Main menu */
#top-menu-container {
    margin-top: 30px;
}
.menu-button-container {
    display: inline-block;
    vertical-align: middle;
    width: 73%;    
}
.primary-menu, 
.primary-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.primary-menu li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
    margin-bottom: 10px;
}
#site-navigation > ul:first-child > li:last-child {
    margin-right: 0;
}
.primary-menu .menu-item a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: rgb(46, 96, 165);
    padding: 5px 0;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color .7s;
    -moz-transition: color .7s;
    transition: color .7s;
}
.primary-menu .menu-item a:after {
    content: '';
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgb(215, 95, 89);
    -webkit-transition: width .7s;
    -moz-transition: width .7s;
    transition: width .7s;    
}
.primary-menu .menu-item.current-menu-item > a, 
.primary-menu .menu-item.current-post-ancestor > a, 
.primary-menu .menu-item.current-post-parent > a, 
.primary-menu .menu-item.current-category-parent > a, 
.primary-menu .menu-item > a:hover {
    color: rgb(215, 95, 89);
}
.primary-menu .menu-item.current-menu-item > a:after,
.primary-menu .menu-item.current-post-ancestor > a:after,
.primary-menu .menu-item.current-post-parent > a:after,
.primary-menu .menu-item.current-category-parent > a:after,
.primary-menu .menu-item > a:hover:after {
    width: 80%;    
}

/* "Medlem" category, last shown in menu when user is logged in */
body.logged-in .primary-menu .menu-item-572:last-child a {
    color: #FF6A55;
}

body.logged-in .primary-menu .menu-item-572:last-child a:after {
    background: #FF6A55;
}

/* Top contacts */
#top-contacts {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 27%;
    text-align: right;    
    color: rgb(46, 96, 165);
}
#top-contacts:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 10px;
    left: -87px;
    margin: auto;
    z-index: 1;
    width: 45px;
    height: 1px;
    background: rgb(46, 96, 165);
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
body.logged-in #top-contacts:before {
    left: -45px;
}
#top-contacts .top-link {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    color: rgb(46, 96, 165);
    text-decoration: none;
    margin-left: 22px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;    
}
#top-contacts .top-link:first-child {
    margin-left: 0;
}
#top-telephone {
    background: url('images/phone-icon.svg') no-repeat left center;
    padding-left: 26px;
}
#top-email {
    background: url('images/mail-icon.svg') no-repeat left center;
    padding-left: 36px;
}


/* Frontpage news */
#frontpage-top {
    padding: 20px 0;
    background: #f7f7f7 url('images/top-two-white-arrows.svg') no-repeat top left;
}
#frontpage-top .content-block {
    font-size: 0;
}
#frontpage-top-arrows {
    background: url('images/three-arrows.svg') no-repeat top left;
}
#first-news-image {
    background: #e7e7e7;
    padding: 20px 20px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#first-news-image img {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
#first-news-image-caption {
    font-family: Georgia, serif;
    font-size: 12px;
    color: #000;
    font-style: italic;
    margin: 5px 0;
}
#frontpage-top #first-news-image-caption {
    background: #e7e7e7;
    margin: 0;
    padding: 5px 0;
}

#first-news-content {
    position: relative;
    background: #e7e7e7 url('images/small-grey-arrow-right.svg') no-repeat left 32px;
    padding: 20px;
    margin-bottom: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#frontpage-top #first-news-content {
    background: #e7e7e7 url('images/small-grey-arrow-right.svg') no-repeat left 45px;
    padding: 10px 20px 20px 20px;
}
#frontpage-top #first-news-content .post-info-date {
    font-size: 12px;
    color: rgb(25, 25, 25);
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
}
#frontpage-top #first-news-content .post-info-date .date {
    color: rgba(0, 0, 0, .5);
}
#first-news-title {
    font-family: Georgia, serif;
    font-size: 36px;
    color: rgb(46, 96, 165);
    font-weight: normal;
    margin: 0 0 20px 0;
}
#first-news-title a {
    text-decoration: none;
    color: rgb(46, 96, 165);
}
#first-news-ingress {
    font-family: Georgia, serif;
    font-size: 18px;
    color: rgb(25, 25, 25);
}
#first-news-ingress p {
    margin: 0 0 15px 0;
}
#first-news-ingress a {
    color: rgb(25, 25, 25);
    text-decoration: underline;
}
#first-news-text {
    font-size: 14px;
    color: rgb(25, 25, 25);
}
#first-news-text p {
    margin: 0 0 15px 0;
}
#first-news-text a {
    color: rgb(25, 25, 25);
    text-decoration: underline;
}
#first-news-text .wp-caption {
    width: 100% !important;
}
#first-news-text img,
#first-news-text svg {
    display: block;
    margin: 5px auto;
    max-width: 100%;
    height: auto;
}
#first-news-read-more {
    display: inline-block;
    font-size: 12px;
    color: rgb(46, 96, 165);    
    font-weight: 700;
    text-decoration: none;
    margin-top: 10px;
}

/* Login form */
#custom-login-form-container {
    background: #e7e7e7;
    padding: 20px;
}
#custom-login-form-container.logged-in {
    background: rgb(46, 96, 165);
    padding: 10px 20px 20px 5px;
}
#custom-login-form-title {
    font-size: 14px;
    color: rgb(25, 25, 25);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
#custom-login-form-title svg {
    width: 11px;
    padding-left: 5px;
}
#custom-login-form {
    font-size: 0;
}
#custom-login-form #user_login, 
#custom-login-form #user_pass {
    font-size: 12px;
    color: rgb(25, 25, 25);
    display: block;
    width: 100%;
    margin-bottom: 14px;
    border: 1px solid rgb(46, 96, 165);
    background: #fff;
    outline: none;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#custom-login-form #user_pass {
    margin-bottom: 25px;
}
#custom-login-form #user_login::-webkit-input-placeholder,
#custom-login-form #user_pass::-webkit-input-placeholder {
    color: rgba(25, 25, 25, .8);
}
#custom-login-form #user_login::-moz-placeholder,
#custom-login-form #user_pass::-moz-placeholder {
    color: rgba(25, 25, 25, .8);
}
#custom-login-form #user_login:-ms-input-placeholder,
#custom-login-form #user_pass:-ms-input-placeholder {
    color: rgba(25, 25, 25, .8);
}
#custom-login-form .login-username label,
#custom-login-form .login-password label {
    display: none;
}
#custom-login-form #rememberme {
    display: none;
}
#custom-login-form .login-remember label {
    position: relative;
    display: block;
    font-size: 11px;
    color: rgb(25, 25, 25);
    padding-left: 20px;
    cursor: pointer;
}
#custom-login-form .login-remember label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid rgb(46, 96, 165);
    color: rgb(25, 25, 25);
    background: #fff;
}
#custom-login-form #rememberme:checked + label:before {
    content: '\2714';
}
.login-remember {
    display: inline-block;
    vertical-align: bottom;
    width: 50%;
}
.login-submit {
    text-align: right;
    display: inline-block;
    width: 50%;
    vertical-align: bottom;
}
#custom-login-form .login-submit #wp-submit {
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: rgb(46, 96, 165);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 10px 20px;  
}
#custom-login-form-links {
    margin-top: 10px;
}
#custom-login-form-links a {
    font-size: 11px;
    color: rgb(25, 25, 25);
    text-decoration: none;
}
#user-logged-in-message {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0 5px 50px;
    background: url('images/plus-icon.svg') no-repeat left center;
}
#custom-logout-link {
    text-align: right;
    margin-top: 10px;
}
#custom-logout-link a {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

/* Small map (map is removed, only button is left) */
#medlemmer-small-map-container {
    margin-top: 20px;
}
.frontpage-top-right-button {
    display: block;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 14px;
    text-decoration: none;
    background: rgb(46, 96, 165);
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}
.frontpage-top-right-button svg {
    width: 11px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.frontpage-top-right-button span {
    padding-left: 10px;
}

/* Frontpage parallax */
#frontpage-parallax .parallax-window {
    background: rgba(46, 96, 165, .3) url('images/big-transparent-arrow-right.svg') no-repeat left center;
    height: 700px;
    position: relative;
}
#frontpage-parallax .parallax-window .content-block {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#frontpage-parallax-text {
    font-size: 36px;
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}
#frontpage-parallax-text p {
    margin: 0 0 5px 0;
}
#frontpage-parallax-links {
    text-align: center;
}
#frontpage-parallax-links a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: rgb(46, 96, 165);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 10px 20px;
    margin-bottom: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Big news on frontpage */
#frontpage-big-news {
    background: #f7f7f7;
    padding: 40px 0 0 0;
}
#frontpage-big-news-arrows {
    background: url('images/three-arrows.svg') no-repeat top left;   
}
#frontpage-big-news .content-block {
    font-size: 0;
}
.frontpage-big-news-post {
    position: relative;
    background: #e7e7e7;
    margin-bottom: 40px;
}
.frontpage-big-news-image {
    padding: 20px 20px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.frontpage-big-news-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.frontpage-big-news-image-caption {
    font-family: Georgia, serif;
    font-size: 12px;
    color: #000;
    font-style: italic;
    margin: 7px 0 10px 0;    
}
.frontpage-big-news-texts {
    background: url('images/small-grey-arrow-right.svg') no-repeat left 45px;
    padding: 10px 20px 20px 20px;  
}
.frontpage-big-news-texts .post-info-date {
    font-size: 12px;
    color: rgb(25, 25, 25);
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
}
.frontpage-big-news-texts .post-info-date .date {
    color: rgba(0, 0, 0, .5);
}
.frontpage-big-news-title {
    font-family: Georgia, serif;
    font-size: 36px;
    color: rgb(46, 96, 165);
    font-weight: normal;
    margin: 0 0 20px 0;
}
.frontpage-big-news-title a {
    text-decoration: none;
    color: rgb(46, 96, 165);
}
.frontpage-big-news-ingress {
    font-family: Georgia, serif;
    font-size: 18px;
    color: rgb(25, 25, 25);   
}
.frontpage-big-news-ingress p {
    margin: 0 0 15px 0;
}
.frontpage-big-news-ingress a {
    color: rgb(25, 25, 25);
    text-decoration: underline;
}
.frontpage-big-news-text {
    font-size: 14px;
    color: rgb(25, 25, 25);
}
.frontpage-big-news-text p {
    margin: 0 0 15px 0;
}
.frontpage-big-news-text a {
    color: rgb(25, 25, 25);
    text-decoration: underline;
}
.frontpage-big-news-read-more {
    display: inline-block;
    font-size: 12px;
    color: rgb(46, 96, 165);
    font-weight: 700;
    text-decoration: none;
    margin-top: 10px;
}
#frontpage-big-news-skyscraper {
    display: inline-block;
    vertical-align: top;
}

/* Big map on frontpage */
#frontpage-map {
    position: relative;
}
#medlemmer-map {
    height: 900px;
    background: #D1D1D1 url('images/preloader_map.gif') no-repeat center center;
}
#bli-medlem-arrow {
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc((100% - 1070px) / 2);
    width: 246px;
    height: 220px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: url('images/grey-arrow.svg') no-repeat center top;
    padding: 20px 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#bli-medlem-button {
    position: absolute;
    z-index: 1;
    bottom: 50px;
    left: calc((100% - 1070px) / 2);
    display: inline-block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: rgb(46, 96, 165);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 10px 20px;
}

/* Instagram */
.instagram-section {
    background: #e7e7e7;
    padding: 40px 0;
}
.instagram-section-items {
    margin-top: 30px;
    font-size: 0;
    margin-left: -40px;
}
.instagram-section-item {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3 - 40px);
    margin: 0 0 40px 40px;
}
.instagram-section-item img {
    display: block;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.instagram-section-link {
    text-align: right;
}
.instagram-section-link a {
    font-size: 14px;
    color: rgb(25, 25, 25);
    text-transform: uppercase;
    text-decoration: none;
    line-height: 18px;
}
.instagram-section-link svg {
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
}

/* Frontpage small news */
.frontpage-small-news {
    padding: 40px 0 0 0;
}
.frontpage-small-news-items {
    margin-left: -40px;
    font-size: 0; 
}
.small-news-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 2 - 40px);
    margin: 20px 0 0 40px;
    background: #e7e7e7;
    padding: 20px;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}
.small-news-item-image img {
    display: block;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.small-news-item-title {
    font-family: Georgia, serif;
    font-size: 20px;
    color: rgb(25, 25, 25);
    margin: 15px 0 0 0;
    overflow: hidden;
    height: 45px;    
}
.small-news-item-title a {
    text-decoration: none;
    color: rgb(25, 25, 25);
}
.small-news-item-link {
    text-align: right;
    margin-top: 10px;
}
.small-news-item-link a {
    font-size: 14px;
    color: rgb(25, 25, 25);
    text-transform: uppercase;
    text-decoration: none;
    line-height: 18px;
}
.small-news-item-link svg {
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
}

/* Facebook section */
.facebook-section {
    padding: 0 0 40px 0;
}
.facebook-section-items {
    margin-left: -40px;
    font-size: 0; 
}
.facebook-section-items .small-news-item-image {
    position: relative;
}
.facebook-section-items .small-news-item-image:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    width: 40px;
    height: 40px;
    background: url('images/facebook.svg') no-repeat left top;
}

/* Aktuelt post */
.aktuelt-main .content-block {
    font-size: 0;
}
.aktuelt-main .three-arrows {
    background: url('images/three-arrows.svg') no-repeat top left;
}
.aktuelt-main .gallery-container {
    margin-top: 7px;
}

/* Other posts */
.post-right-section-title {
    font-size: 14px;
    color: rgb(25, 25, 25);
    text-transform: uppercase;
    background: #e7e7e7;
    padding: 20px;
}
.post-right-section-title svg {
    width: 11px;
    padding-left: 5px;    
}
.other-posts-item {
    background: #e7e7e7;
    padding: 20px;
    margin-top: 20px;
    position: relative;
}
.other-posts-item-image img {
    display: block;
    max-width: 100%;
}
.other-posts-item-title {
    font-family: Georgia, serif;
    font-size: 25px;
    color: rgb(46, 96, 165);
    font-weight: normal;
    margin: 15px 0 0 0;
}
.other-posts-item-title a {
    color: rgb(46, 96, 165);
    text-decoration: none;
}
.post-right-section .small-news-item-link {
    margin-top: 20px;
}

/* Post info section */
.post-info-section {
    font-size: 12px;
    color: rgb(25, 25, 25);
    border-top: 1px solid rgba(0, 0, 0, .5);
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    padding: 10px 0;
    margin: 5px 0 20px 0;
}
.post-info-share {
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid rgba(0, 0, 0, .5);
    padding-right: 15px;
}
.post-info-share a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 6px;
    text-decoration: none;
}
.post-info-share a:first-child {
    margin-left: 12px;
}
.post-info-date {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
}
.post-info-date .date {
    color: rgba(0, 0, 0, .5);
}

/* Three posts in a row */
.three-posts-in-a-row-container {
    font-size: 0;
    margin-left: -40px;    
}
.three-posts-in-a-row-item {
    padding: 20px;
    background: #e7e7e7;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.three-posts-in-a-row-image img {
    display: block;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.three-posts-in-a-row-date {
    font-size: 10px;
    color: rgb(25, 25, 25);
    margin-top: 5px;
}
.three-posts-in-a-row-date span {
    color: rgba(0, 0, 0, .5);
}
.three-posts-in-a-row-title {
    font-family: Georgia, serif;
    font-size: 24px;
    color: rgb(46, 96, 165);
    margin: 5px 0 0 0;
    overflow: hidden;
    height: 55px;    
}
.three-posts-in-a-row-title a {
    text-decoration: none;
    color: rgb(46, 96, 165);
}

/* Load more aktuelt posts button */
.load-more-aktuelt-posts-container {
    text-align: center;
    margin-top: 50px;
}
.load-more-aktuelt-posts {
    display: inline-block;
    width: 140px;
    max-width: 100%;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    outline: none;
    position: relative;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;     
}
.load-more-aktuelt-posts img {
    background: rgb(46, 96, 165);
}
.load-more-aktuelt-posts span {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Category title */
.category-title {
    font-family: Georgia, serif;
    font-size: 36px;
    color: rgb(46, 96, 165);    
}

/* Medlemmer category */
#medlemmer-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 30px;  
}
#medlemmer-table thead {
    background: #e1e8f2;
    border-bottom: 2px solid rgb(25, 25, 25);
}
#medlemmer-table th {
    font-family: Georgia, serif;
    font-size: 18px;
    color: rgb(46, 96, 165);
    text-align: left;
    border-left: 1px solid rgb(46, 96, 165);
    padding: 10px 4px;
}
#medlemmer-table thead > tr > th:first-child {
    border-left: none;
}
#medlemmer-table th svg {
    float: right;
    margin-top: 6px;
    margin-right: 20px;
}
#medlemmer-table th.th-sortable {
    cursor: pointer;
}
#medlemmer-table th.th-sortable.asc svg {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);    
}
#medlemmer-table tr:nth-child(odd) {
    background: #e7e7e7;
}
#medlemmer-table tr:nth-child(even) {
    background: #e1e8f2;
}
#medlemmer-table td {
    font-size: 14px;
    color: rgb(25, 25, 25);
    border-left: 1px solid rgb(46, 96, 165);
    width: 25%;
    padding: 10px 4px;
    cursor: pointer;
}
#medlemmer-table tbody > tr > td:first-child {
    border-left: none;
}

/* Medlemmer post */
#medlemmer-post-container {
    margin-top: 45px;
    font-size: 0;
}
.medlemmer-post {
    position: relative;
    background: #e7e7e7;
}
.medlemmer-post-right {
    position: relative;
    background: #e7e7e7;
}
.medlemmer-post-logo-container {
    margin-bottom: 25px;
    padding: 20px 20px 0 20px;
}
.medlemmer-post-logo-container > div {
    background: #fff;
}
.medlemmer-post-logo {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    -webkit-box-sizing: border-box;       
    -moz-box-sizing: border-box;       
    box-sizing: border-box;       
}
.medlemmer-post-right-texts {
    font-size: 12px;
    color: rgb(25, 25, 25);
    margin-bottom: 20px;
    padding: 5px 20px 0 20px;
    background: url(images/small-grey-arrow-right.svg) no-repeat left 3px;
}
.medlemmer-post-right-texts p {
    margin: 0;
}
.medlemmer-post-right-texts a {
    color: rgb(25, 25, 25);
}
.medlemmer-post-right-www {
    padding: 0 20px 20px 20px;
}
.medlemmer-post-right-www a {
    font-size: 12px;
    text-decoration: none;
    color: rgb(46, 96, 165);
    font-weight: 700;
}

/* Contacts category */
.contacts-main {
    padding-bottom: 0;
}
.contacts-main .content-block {
    font-size: 0;
}
.contact-info-block {
    background: #e7e7e7 url('images/light-grey-arrow-down.svg') no-repeat 90% top;
    padding-bottom: 55px;
    position: relative;
}
.contact-info-block .category-title {
    background: url('images/small-grey-arrow-right.svg') no-repeat left 32px;
    padding: 20px 20px 0 20px;
}
.contact-info-address {
    font-size: 14px;
    color: rgb(25, 25, 25);
    padding: 0 20px;
    margin-top: 20px;
}
#contacts-company-name {
    text-transform: uppercase;
}
.contact-info-email-phone {
    margin-top: 15px;
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contact-info-email-phone a {
    font-size: 14px;
    color: rgb(25, 25, 25);
    display: inline-block;
    float: left;
    clear: both;    
    text-decoration: none;
    padding: 5px 0 5px 40px;
}
#contacts-telephone {
    background: url('images/phone-icon.svg') no-repeat left center;
}
#contacts-email {
    color: rgb(46, 96, 165);
    background: url('images/mail-icon.svg') no-repeat left center;
}

/* Employees */
.contact-persons-container {
    background: #e7e7e7;
    padding: 20px 20px 0px 20px;
    font-size: 0;
    margin-top: 40px;
    margin-left: -40px;  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.employees-item {
    position: relative;
    width: calc(100% / 2 - 40px);
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 40px 40px;
}
.employees-item-image img {
    display: block;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('images/black-man.jpg');
}
.employees-item-title {
    font-size: 14px;
    font-weight: normal;
    color: rgb(25, 25, 25);
    text-transform: uppercase;
    margin: 30px 0 0 0;
}
.employees-item-position {
    font-size: 14px;
    color: rgb(25, 25, 25);
    margin-bottom: 5px;
}
.employees-item-telephone {
    display: inline-block;
    font-size: 14px;
    color: rgb(25, 25, 25);
    text-decoration: none;
    padding: 5px 0 5px 40px;    
    background: url('images/phone-icon.svg') no-repeat left center;
}
.employees-item-email {
    display: inline-block;
    font-size: 14px;
    color: rgb(46, 96, 165);
    text-decoration: none;
    padding: 5px 0 5px 40px;    
    background: url('images/mail-icon.svg') no-repeat left center;
}

/* About us block in contacts */
.om-oss-info-block {
    margin: 40px 0;
}
.om-oss-info-item {
    background: #e7e7e7;
    position: relative;
}
.om-oss-info-item .category-title {
    background: url('images/small-grey-arrow-right.svg') no-repeat left 32px;
    padding: 20px 20px 15px 20px;    
}
.om-oss-info-item-ingress {
    font-family: Georgia, serif;
    font-size: 18px;
    color: rgb(25, 25, 25);
    padding: 0 20px 5px 20px;
}
.om-oss-info-item-ingress p {
    margin: 0 0 15px 0;
}
.om-oss-info-item-ingress a {
    color: rgb(25, 25, 25);
    text-decoration: underline;
}
.om-oss-info-item-text {
    font-size: 12px;
    color: rgb(25, 25, 25);
    padding: 0 20px 10px 20px;
}
.om-oss-info-item-text p {
    margin: 0 0 15px 0;
}
.om-oss-info-item-text a {
    color: rgb(25, 25, 25);
    text-decoration: underline;
}

/* Media info block */
.media-info-item {
    position: relative;
    margin-bottom: 40px;
}
.media-info-item-image {
    height: 256px;
    position: relative;
    background: #fff;
    padding: 20px;
    -webkit-box-sizing: border-box;    
    -moz-box-sizing: border-box;    
    box-sizing: border-box;
}
.media-info-item-image img {
    display: block;
    max-width: calc(100% - 40px);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
}
.media-info-item .category-title {
    margin-top: 32px;
    margin-bottom: 20px;
}
.media-info-item-ingress {
    font-size: 12px;
    color: rgb(25, 25, 25);
}
.media-info-item-ingress p {
    margin: 0 0 15px 0;
}
.media-info-item-ingress a {
    text-decoration: underline;
    color: rgb(25, 25, 25);
}
.media-info-item-text {
    font-size: 12px;
    color: rgb(25, 25, 25);
}
.media-info-item-text p {
    margin: 0 0 15px 0;
}
.media-info-item-text a {
    text-decoration: underline;
    color: rgb(25, 25, 25);
}
.media-info-item-attachments-title {
    font-size: 12px;
    color: rgb(25, 25, 25);
    text-transform: uppercase;   
}
.media-info-item-attachment a {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: rgb(25, 25, 25);    
    text-decoration: none;
}

/* Contacts map */
#contacts-map {
    height: 460px;
    background: #D1D1D1 url('images/preloader_map.gif') no-repeat center center;
}
#contacts-map .placeHeading {
    font-family: Georgia, serif;
    font-size: 15px;
    color: rgb(46, 96, 165);
}
#contacts-map .placeAddress {
    font-size: 15px;
    color: rgb(25, 25, 25);
    margin-top: 5px;
}

/* Default category */
.default-category-article {
    position: relative;
    margin-top: 40px;
}
.content-block .default-category-article:first-child {
    margin-top: 0;
}
.default-category-article h1,
.default-category-article h2 {
    font-family: Georgia, serif;
    font-size: 36px;
    color: rgb(46, 96, 165);
    font-weight: normal;
    margin: 0 0 20px 0;
}
.default-category-article-image {
    background: #e7e7e7;
}
.default-category-article-image img {
    display: block;
    max-width: 100%;
    margin: 0 auto;    
}
.default-category-article-image-caption {
    font-family: Georgia, serif;
    font-size: 12px;
    color: #000;
    font-style: italic;
    padding: 7px 20px 10px 20px;    
}
.default-category-article-texts {
    background: #e7e7e7 url('images/small-grey-arrow-right.svg') no-repeat left 32px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.default-category-article-ingress {
    font-family: Georgia, serif;
    font-size: 18px;
    color: rgb(25, 25, 25);
}
.default-category-article-ingress p {
    margin: 0 0 15px 0;
}
.default-category-article-ingress a {
    color: rgb(25, 25, 25);
    text-decoration: underline; 
}
.default-category-article-text {
    font-size: 14px;
    color: rgb(25, 25, 25);
    margin-top: 20px;
}
.default-category-article-text p {
    margin: 0 0 15px 0;
}
.default-category-article-text a {
    color: rgb(25, 25, 25);
    text-decoration: underline; 
}
.default-category-article-read-more {
    display: inline-block;
    font-size: 12px;
    color: rgb(46, 96, 165);
    font-weight: 700;
    text-decoration: none;
    margin-top: 10px;    
}

/* Medlem aktuelt */
.medlem-aktuelt #first-news-image,
.medlem-aktuelt .frontpage-big-news-image,
.medlem-aktuelt .small-news-item-image,
.medlem-aktuelt-overview-main .three-posts-in-a-row-image {
    position: relative;
}
.medlem-aktuelt #first-news-image:after,
.medlem-aktuelt .frontpage-big-news-image:after,
.medlem-aktuelt .small-news-item-image:after,
.medlem-aktuelt-overview-main .three-posts-in-a-row-image:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 1;
    background: url('images/plus-icon.svg') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.medlem-aktuelt .frontpage-big-news-image:after {
    top: 45px;
    left: 45px;
}
.category-medlem .frontpage-small-news {
    padding-bottom: 40px;
}

/* Medlem aktuelt attachments */
#medlem-aktuelt-attachments {
    background: #D0DAE8;
    margin-top: 40px;
    padding: 20px;
}
#medlem-aktuelt-attachments-text {
    font-size: 12px;
    color: rgb(46, 96, 165);
    margin-bottom: 25px;
}
.medlem-aktuelt-attachment a {
    display: inline-block;
    font-size: 12px;
    color: rgb(46, 96, 165);
    text-decoration: none;
    padding-left: 25px;
    padding: 5px 0 5px 25px;    
    background: url('images/small-blue-arrow-right.svg') no-repeat left center;
}

/* Blog */
#blog-section {
    background: #EBEBEB;
    padding: 40px 0;
}
#blog-section .content-block {
    font-size: 0;
}
.blog-section-title {
    background: url('images/plus-icon.svg') no-repeat left center;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    font-size: 24px;
    color: rgb(46, 96, 165);
    padding-left: 40px;
}
.blog-item {
    background: #DADADA;
    padding: 20px;
    margin-top: 40px;
}
.blog-item-content {
    background: #fff;
    padding: 20px;
    font-size: 0;
}
.blog-item-info {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}
.blog-item-info .date {
    font-weight: normal;
    color: rgba(0, 0, 0, .5);
}
.blog-item-image {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    margin-top: 4px;
}
.blog-item-image img {
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
.blog-item-ingress {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 140px);
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.blog-item.no-image .blog-item-ingress {
    width: 100%;
    padding-left: 0;
}
.blog-item-ingress {
    font-size: 17px;
    color: rgb(25, 25, 25);
}
.blog-item-ingress p {
    margin: 15px 0 0 0;
}
.blog-item-ingress > p:first-child {
    margin-top: 0;
}
.blog-item-ingress a {
    color: rgb(25, 25, 25);
    text-decoration: none;   
}
.blog-item-ingress .blog-item-read-more {
    color: rgb(46, 96, 165);
}
.other-blogs-link {
    text-align: right;
    margin-top: 20px;   
}
.other-blogs-link a {
    font-size: 14px;
    color: rgb(25, 25, 25);
    text-transform: uppercase;
    text-decoration: none;
    line-height: 18px;    
}
.other-blogs-link svg {
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
}

/* Banners */
.banner-top {
    position: relative;
}
.banner-top-title {
    font-size: 10px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.banner-top-image img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.banner-middle {
    position: relative;
}
.banner-middle-title {
    font-size: 10px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.banner-middle-image img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/* Page not found */
.err-404-article {
    padding: 20px;
    background: #e7e7e7 url('images/small-grey-arrow-right.svg') no-repeat left 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.err-404-article h1 {
    font-family: Georgia, serif;
    font-size: 36px;
    color: rgb(46, 96, 165);
    font-weight: normal;
    margin: 0;
}

/* Footer */
#footer {
    background: rgb(46, 96, 165) url('images/footer-arrows.svg') no-repeat left top;
    padding: 80px 0 40px 0;
}
#footer .content-block {
    font-size: 0;
}
.footer-block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3);
    padding: 0 55px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#footer-logo {
    display: block;
    max-width: 100%;
}
#footer-address {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
}
#footer-company-name {
    text-transform: uppercase;
}
#footer-address span {
    white-space: nowrap;
}
#footer-telephone {
    display: inline-block;
    float: left;
    clear: both;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: url('images/phone-white.svg') no-repeat left center;
    padding-left: 26px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#footer-email {
    display: inline-block;
    float: left;
    clear: both;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: url('images/mail-white.svg') no-repeat left center;
    padding-left: 36px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#footer-navigation-title {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.footer-navigation, 
.footer-navigation ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.footer-navigation li {
    display: inline-block;
    float: left;
    clear: both;
    margin-bottom: 15px; 
}
.footer-navigation .menu-item a {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 0;
}
.footer-navigation .menu-item a:after {
    content: '';
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: width .7s;
    -moz-transition: width .7s;
    transition: width .7s;    
}
.footer-navigation .menu-item.current-menu-item > a:after,
.footer-navigation .menu-item.current-post-ancestor > a:after,
.footer-navigation .menu-item.current-post-parent > a:after,
.footer-navigation .menu-item.current-category-parent > a:after,
.footer-navigation .menu-item > a:hover:after {
    width: 80%;    
}

/* Navigation in main */
.navigation-in-main {
    margin-bottom: 20px;    
}
.navigation-in-main a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: rgb(46, 96, 165);
    padding: 5px 0;
    margin-right: 35px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color .7s;
    -moz-transition: color .7s;
    transition: color .7s;
}
.navigation-in-main a:after {
    content: '';
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgb(215, 95, 89);
    -webkit-transition: width .7s;
    -moz-transition: width .7s;
    transition: width .7s;    
}
.navigation-in-main a:hover {
    color: rgb(215, 95, 89);
}
.navigation-in-main a:hover:after {
    width: 80%;
}

/* Search */
.search-main .default-category-article {
    min-height: 70px;
}
.search-article h2 a {
    font-size: 24px;
    color: rgb(46, 96, 165);
    font-weight: normal;
    margin: 0 0 20px 0;
    text-decoration: underline;
}
.search-article .article-text {
    font-size: 14px;
    color: rgb(25, 25, 25);
}

/* Go to top button */
#go-to-top {
    cursor: pointer;
    position: fixed;
    z-index: 3;
    bottom: 20px;
    right: -60px;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#go-to-top.active {
    right: 27px;
    opacity: 1;
}

/* New banner system */
.banner-item {
    position: relative;
    margin-bottom: 20px;
}
.banner-item img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.banner-item iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}


/* Mobile menu fixes for desktop view */
#menu-checkbox {
    display: none;
}
#top-menu-container nav input[type="checkbox"],
#top-menu-container nav label {
    display: none;
}

/* Mobile view */
@media screen and (max-width:1150px) {
    /* Prevent font scaling in landscape */
    html {
        -webkit-text-size-adjust: 100%;
    }
    /* Fix for iPhone phone number highliting */
    a[href^="tel:"]{
        color:inherit !important;
        text-decoration:none;
    }

    /* Content block */
    .content-block {
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Three arrows */
    #frontpage-top-arrows,
    .three-arrows {
        background: none;
    }

    /* Main */
    #frontpage-top,
    main {
        background-image: none;
    }

    /* Mobile menu */
    #top-menu-container {
        position: relative;
    }
    .menu-button-container {
        width: 40px;
    }
    #menu-button {
        display: block;
        width: 100%;
        cursor: pointer;
    }
    #menu-button > div {
        height: 5px;
        background: rgb(46, 96, 165);
        margin-bottom: 7px;
        -webkit-transition: -webkit-transform .5s;
        -moz-transition: -moz-transform .5s;
        -o-transition: -o-transform .5s;
        transition: transform .5s;
    }
    #menu-button > div:nth-child(1) {
        -ms-transform-origin: 0 4px; /* IE 9 */
        -webkit-transform-origin: 0 4px; /* Chrome, Safari, Opera */
        transform-origin: 0 4px;
    }
    #menu-checkbox:checked + #menu-button > div:nth-child(1) {
        -ms-transform: translate(0,-2px) rotate(45deg); /* IE 9 */
        -webkit-transform: translate(0,-2px) rotate(45deg); /* Chrome, Safari, Opera */
        transform: translate(0,-2px) rotate(45deg);
    }
    #menu-checkbox:checked + #menu-button > div:nth-child(2) {
        opacity: 0;
    }
    #menu-button > div:nth-child(3) {
        -ms-transform-origin: 0 0; /* IE 9 */
        -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
        transform-origin: 0 0;
    }
    #menu-checkbox:checked + #menu-button > div:nth-child(3) {
        -ms-transform: translate(0,3px) rotate(-45deg); /* IE 9 */
        -webkit-transform: translate(0,3px) rotate(-45deg); /* Chrome, Safari, Opera */
        transform: translate(0,3px) rotate(-45deg);
    }
    #site-navigation,
    .primary-menu ul,
    .primary-menu li ul {
        display: block;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s cubic-bezier(0, 1, 0, 1);
    }
    #site-navigation {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 100%;
        width: 100%;
        background: rgb(46, 96, 165);
    }
    .primary-menu {
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #menu-checkbox:checked ~ nav#site-navigation {
        max-height: 1000px;
        transition: max-height .5s  cubic-bezier(1, 0, 1, 0);
    }
    .primary-menu li {
        display: block;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .primary-menu > li:first-child {
        margin-top: 0;
    }
    .primary-menu li + li {
        margin-left: 0;
    }
    .primary-menu .menu-item a {
        color: #fff;
    }
    .primary-menu .menu-item a:after {
        display: none;
    }

    /* Top contacts */
    #top-contacts {
        width: calc(100% - 40px);
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #top-contacts:before {
        display: none;
    }

    /* Big map */
    #bli-medlem-arrow {
        left: 20px;
    }
    #bli-medlem-button {
        left: 20px;
    }

    /* Go to top button */
    #go-to-top.active {
        right: 20px;
    }
}

@media screen and (max-width:900px) {
    /* Inline blocks of content */
    .two-thirds-width {
        width: calc(100% - 250px - 20px);
    }
    .one-third-width {
        width: 250px;
        margin-left: 20px;
    }

    /* Frontpage parallax */
    #frontpage-parallax .parallax-window {
        height: 500px;
    }

    /* Big map on frontpage */
    #medlemmer-map {
        height: 500px;
    }

    /* Instagram section */
    .instagram-section-items {
        margin-left: -20px;
    }
    .instagram-section-item {
        width: calc(100% / 3 - 20px);
        margin: 0 0 20px 20px;
    }

    /* Aktuelt overview */
    .three-posts-in-a-row-item {
        width: calc(100% / 2 - 40px);
    }

    /* Footer */
    #footer {
        padding: 40px 0;
    }
    .footer-block {
        width: 50%;
        padding: 0 20px;
    }
    .footer-menu-block {
        display: none;
    }
}

@media screen and (max-width:780px) {
    /* Inline blocks of content */
    .two-thirds-width {
        width: 100%;
    }
    .one-third-width {
        width: 100%;
        margin-left: 0;
    }

    /* Skyscrper is useless on small screens */
    #frontpage-big-news-skyscraper {
        display: none;
    }

    /* Frontpage parallax */
    #frontpage-parallax .parallax-window {
        height: 400px;
    }

   /* Big map on frontpage */
    #medlemmer-map {
        height: 400px;
    }
    #bli-medlem-arrow {
        display: none;
    }

    /* Contacts map */
    #contacts-map {
        height: 400px;
    }

    /* Vare medlemmer table */
    #medlemmer-table thead {
        display: none;
    }
    #medlemmer-table tr {
        display: block;
        padding: 20px 0;
    }
    #medlemmer-table td {
        border-left: none;
        display: block;
        width: 100%;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #medlemmer-post-container {
        margin-top: 20px;
    }
    .medlemmer-post-right {
        max-width: 330px;
        margin-top: 20px;
    }

    /* Login form container */
    #custom-login-form-container {
        margin-top: 20px;
    }

    /* Medlem attachments */
    #medlem-aktuelt-attachments {
        margin-top: 20px;
    }

    /* Footer */
    .footer-block {
        width: 100%;
        padding: 0;
        margin: 20px 0;       
    } 
}

@media screen and (max-width:650px) {
    /* Small news on frontpage */
    .frontpage-small-news-items,
    .facebook-section-items {
        margin-left: -20px;
    }
    .small-news-item {
        width: calc(100% / 2 - 20px);
        margin: 20px 0 0 20px;
    }

    /* Contact persons */
    .contact-persons-container {
        margin-left: -20px;
    }
    .employees-item {
        width: calc(100% / 2 - 20px);
        margin: 0px 0px 40px 20px;
    }

    /* Blog item */
    .blog-item-image {
        width: 120px;
    }
    .blog-item-ingress {
        width: calc(100% - 120px);
    }

    /* Aktuelt overview */
    .three-posts-in-a-row-container {
        margin-left: 0;
    }
    .three-posts-in-a-row-item {
        width: 100%;
        margin-left: 0;
    }    
}

@media screen and (max-width:500px) {
    .instagram-section-item {
        width: calc(100% / 2 - 20px);
        margin: 0 0 20px 20px;
    }

    /* Small news on frontpage */
    .frontpage-small-news-items,
    .facebook-section-items {
        margin-left: 0;
    }
    .small-news-item {
        width: 100%;
        margin: 20px 0 0 0;
    }

    /* One article */
    .post-info-share {
        border-right: none;
    }
    .post-info-section .post-info-date {
        display: block;
        padding-left: 0;
        margin-top: 10px;        
    }

    /* Contact persons */
    .contact-persons-container {
        margin-left: 0;
    }
    .employees-item {
        width: 100%;
        margin-left: 0;
    }

    /* Blog item */
    .blog-item-image {
        width: 100px;
    }
    .blog-item-ingress {
        width: calc(100% - 100px);
    }
}

@media screen and (max-width:413px) {
    /* Top buttons */
    #top-buttons a {
        width: 25px;
    }

    /* Instagram section */
    .instagram-section-items {
        margin-left: 0;
    }
    .instagram-section-item {
        width: 100%;
        margin: 0 0 20px 0;
    }

    /* Map link */
    #bli-medlem-button {
        bottom: 20px;
    }

    /* Category titles */
    .category-title {
        font-size: 25px;
    }

    /* Blog item */
    .blog-item-image {
        width: 100%;
    }
    .blog-item-ingress {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
}

/* Cookie */
.nssm-cookie-warning {
    position: fixed;
    width: 100%;
    padding: 5px;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    color: black;
    font-size: 14px;
    box-shadow: 0px 0px 3px black;
}

.nssm-cookie-warning a {
    color: #2e60a5;
    margin-right: 10px;
}

.nssm-cookie-warning button {
    border: none;
    background: #2e60a5;
    border-radius: 3px;
    color: white;
    font-size: 12px;
    padding: 3px 10px;
    text-transform: uppercase;
}