@charset "utf-8";

/*
Theme Name: Jobbkort
Author: Kjetil Bendiksen / Conta Utvikling AS
Author URI: https://contasystemer.no
Description: Jobbkort.no
Version: 3.0
*/


body {
    background: #fff;
    padding-top: 64px;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.05));
    margin-top: 120px;
    margin-bottom: 0px;
}


.icon-block .material-icons {
    font-size: 48px;
}

/* Top */

.container-header {
    margin: 0 auto;
    max-width: 1192px;
    padding-left: 20px;
    padding-right: 20px;
}

.logo {
    padding-top: 10px;
    height: 35px;
    border: none;
}

.header {
    font-size: 60px;
    font-weight: 200;
}

@media only screen and (max-width: 1085px) {
    .header{
    font-size: 50px;
    }
}

@media only screen and (max-width: 750px) {
    .header{
    font-size: 40px;
    }
}

@media only screen and (max-width: 600px) {
    .header{
        font-size: 20px;
    }
    body{
        padding-top: 56px;
    }
}


/* Nav */


nav {
  background-color: #12304A;
  text-transform: uppercase;
  position: fixed;
  top:0px;
  left: 0;
  right: 0;
  z-index: 99999;
}

#header-logo {
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 10px;
}

.button-collapse {
  color: #fff;
}

a.language-icon {
    height: 55px;
}

.language-icon {
    height: 30px;
    margin-top: 9px;
}
.required{
    color: red;
}

nav ul a:hover {
  color: #fac11b;
}

.dropdown-content li>a, .dropdown-content li>span {
    color: #03a9f4;
}

nav .nav-wrapper {
    display: table;
}

nav ul a {
    font-size: 1rem;
    color: #fff;
    display: block;
    padding: 0 18px;
}

@media only screen and (max-width: 1110px) {
    nav ul a {
    padding: 0 20px;
    }
}


i.right {
    margin-left: 8px;
    margin-top: 24px;
}


.side-nav a{
    color: #fff;
    font-size: 15px;
    padding: 0px 10px;
    padding-right: 0;

}

.side-nav{
    background-color: #12304A;
}

.side-nav li:hover, .side-nav li.active {
        background-color: rgba(0,0,0,0.1);
}

.dropdown-wrap{
    position: relative;
}
.dropdown-content{
    left: 0 !important;
    top: 100% !important;
    background-color: #ebf1f4;
    min-width: 40px;
}
.lang-li .dropdown-button{
    text-transform: capitalize;
}
.lang-li .dropdown-content a{
    text-align: center;
}
.dropdown-wrap img{
    max-width: 24px;
    height: auto;
    margin-bottom: 0;
    margin-right: 4px;
    position: relative;
    top: 3px;
}

/* Front page image banner */


.front-text {
    color: rgba(0,0,0,0.87);
    padding-bottom: 10px;
}

.hero-btn {
    margin: 10px;
}

.banner {
    padding: 170px;
    background: url('img/cleaner-worker.jpg') no-repeat center center;
    background-size: cover;
}

@media screen and (max-width: 960px) {
    .banner {
        padding: 100px;
        
    }
}

@media screen and (max-width: 600px) {
    .banner {
        padding: 10px;
    }
    .blue-grey.lighten-5 {
    
    text-align: center;
    }
}

@media screen and (min-width: 1200px){
.banner {
        padding-top: 247px;
        background-position-y: -40px;
    }
}


@media screen and (min-width: 600px) {
    .section {
        padding: 40px 0;
    }

}

@media only screen and (min-width: 960px) {
    .flow-text {
        font-size: 1.68rem;
        line-height: 40px;
    }
}

.gap-up {
    padding-top: 53px;
}

.button-gap {
    padding-bottom: 10px;
}


@media screen and (min-width: 1170px) {
    img.responsive-img {
    max-width: 90%;
}
}



/* News page*/
.meta-wrapper {
    color: #aaa;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
    font-weight: 300;
}
input[type="submit"]{
    outline: 0;
}


/* Headings */

.single-article-title {
    font-weight: bold;
    font-size: 36px;
}

.single-article-title:after {
    content: '';
    width: 50px;
    height: 3px;
    background: #fac11b;
    display: block;
    position: relative;
    margin-top: 10px;
}


h2 {
    font-size: 38px;
    font-weight: 400;
}

.section-header {
    font-size: 38px;
    font-weight: 400;
}

.section-header-left {
    font-size: 38px;
    font-weight: 400;
}

.section-header:after{
    content: '';
    width: 50px;
    height: 3px;
    background: #fac11b;
    display: block;
    position: relative;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.section-header-left:after{
    content: '';
    width: 50px;
    height: 3px;
    background: #fac11b;
    display: block;
    position: relative;
    margin-top: 15px;
}

@media screen and (max-width: 600px) {
    .section-header-left:after {
        margin-left: auto;
        margin-right: auto;
    }
    
}

h5 {
    font-weight: 400;
    padding-top: 40px;
}

.material-header {
    padding-top: 0px;
    font-size: 24px;
}

h6 {
    font-size: 18px;
    padding: 35px 0 5px;
    font-weight: 400;
}


/* Fonts */

.caption-text{
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 300;
    color: #999;
    font-size: 13px;
    font-style: italic;
}

.sub-text{
    padding-top: 20px;
    font-weight: normal;
    color: #666;
    font-size: 15px;
}



p {
    font-size: 17px;
    color: #222;
    line-height: 26px;
    font-weight: 300;
}

p.italic{
    font-style: italic;
}


.front-banner-text {
    color: #fff;
    font-size: 21px;
    line-height: 36px;
    padding-bottom: 35px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.side-nav li{
    padding: 0 5px
}


@media only screen and (max-width: 750px){
    .front-banner-text {
        display: none
        } 
    
}

@media only screen and (min-width: 660px){
    p {
        font-size: 20px;
        } 
    h2{
        font-size: 34px;
    }
    .read-more-link{
        font-size: 20px;
        } 
    .side-nav a {
        font-size: 17px;
        padding: 0px 12px;
        margin-left: -5px;
        margin-right: -5px;
        letter-spacing: -0.4px;
    }
    li {
        font-size: 20px;
    }
}

@media only screen and (min-width: 993px){
    nav a.mobile-nav-open{
        display: none;
    }
    p {
        font-size: 17px;
        } 

    h2{
        font-size: 28px;
    }

    li {
        font-size: 17px;
    }


    .page-footer .footer-1-col{
        padding-right: 6%;
    }
}



#intro h1 {
    font-size: 52px;
    letter-spacing: -1.2px;
    margin-bottom: 40px;
    text-transform: uppercase;
    line-height: 110%;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.5);
}



@media only screen and (max-width: 1085px) {
    h1{
    font-size: 40px;
    }
}

@media only screen and (max-width: 750px) {
    h1{
    font-size: 32px;
    }
}




h2 {
    text-align: inherit;
    word-spacing: 0px;
    letter-spacing: 0.5px;
    font-size: 28px;
}


h3 strong {
    font-size: 28px;
}

h3 {
    font-size: 24px;
    padding-top: 30px;
}

h4 {
	font-size: 22px;
}

.content-list, .content-list li{
    list-style-type: disc;
}



.intro {
    font-size: 24px;
    color: #222;
    font-weight: 500;
    line-height: 30px;
}


@media only screen and (max-width: 600px) {
    .intro{
    font-size: 20px;
    line-height: 25px;
    
    }
}


.card .card-content p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 170%;
    text-align: justify;
}


/* Buttons */

a.btn-large {
    font-size: 16px;
}

.btn-large {
    height: 56px;
    line-height: 60px;
    border-radius: 28px;
}

.btn-large:hover{   
    background-color: #12304A !important;
}

.btn{
    height: 46px;
    line-height: 48px;
    border-radius: 23px;
}

.btn:hover{
    background-color: #12304A !important;
}

/* Links */

a {
    color: #03a9f4;
    transition: all 0.2s ease;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: initial;
    font-weight: normal;
}

a.header-title:active a.header-title:focus a.header-title:visited {
    color: #fff;
}



p a {
    border-bottom: 1px #03a9f4 dotted;
}

p a:hover {
    border-bottom: 1px #03a9f4 solid;
}


.no-style {
    text-decoration: none;
    color: #333;
    font-weight: 200;
}

.no-style:hover{
    border-bottom: none;
}

.read-more-link a{
    color: #333;
    font-weight: bold;
    margin-bottom: 30px;
}

.read-more-link a:hover{
    color:#ff5400;
    border-bottom: none;
}

.readMore {
    color: #aaa;
    font-weight: 300;
}


nav a:hover {
    color: white;
    border-bottom: none;
}



a.news-link {
    color: #333;
}

a.news-link:hover{
    color: #ff5400;
    border-bottom: none;
}

.news-title {
    color: #333;
    text-transform: uppercase;
}



a.link1:hover, a.link1:active {
    color: #009ae3;
    text-decoration: none;
    border-bottom: 1px dotted;
}

a.link2 {
    color: white;
    text-decoration: none;
    border-bottom: 1px #888 dotted;
}

a.link2:hover, a.link2:active {
    border-bottom: 1px #fff solid;
}

a.link-phone {
    color: white;
    text-decoration: none;
}

a.link-phone:hover, a.link2:active {
    color: white;
    text-decoration: none;
    border-bottom: none;
}



.read-more-link{
    padding-bottom: 30px;
}

.news-thumbnail a:hover {
    border-bottom: none;
    opacity: 0.8;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
}

.article-title {
    color: #2c2c2c;
    letter-spacing: 0.2px;
    word-spacing: 3px;
    font-weight: bold;
}


.single-article-title {
    font-size: 36px;
}

@media only screen and (max-width: 400px) {
    .article-title {
    font-size: 26px;
    }
}

@media only screen and (max-width: 400px) {
    h2.single-article-title,.single .page-title {
    font-size: 34px;
    font-weight: bold;
    }
}

.article-list a{
    color: #333;
}

.article-list a:hover{
    color: #03a9f4;
    border-bottom: none;
}

.footer-links{
    line-height: 30px;
}

.footer-links a{
    color: #cfd8dc;
}

.footer-links a:hover{
    color: #fff;
    border-bottom: 1px #888 dotted;
}


blockquote {
    background: #f2f2f2;
    padding: 20px 20px 0px 20px;
    border-radius: 4px;
    border: 1px solid #eee;
    color: #333;
}

.blockquote2 {
    display: block;
    padding: 20px 35px 0px 79px;
    margin: 0 0 20px;
    position: relative;
    background: #f2f2f2;
    border-radius: 4px;
    border: 1px solid #eee;
    color: #555555;
}

.blockquote2:before{
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 75px;
    font-weight: bold;
    color: #999;
    position: absolute;
    left: 20px;
    top: 0px;
}

.blockquote2:after{
    content: "";
}


@media only screen and (max-width: 600px) {
    
    .blockquote2{
    padding: 50px 20px 0px 20px;
    
    }

    p.quote-text {
    font-size: 17px;
    line-height: 28px;
    }
    
    .profile {
        max-height: 100px;
    }

    .quote-name {
        font-size: 17px;
    }

}


p.quote-text {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
}

.profile {
    max-height: 110px;
    border: 3px solid #fff;
    margin-bottom: 0px;
}

.circle {
    border-radius: 50%;
}

.col.s12.m9.quote-name {
    padding-top: 12px;
}

.work-title {
    color: #777;
    font-size: 17px;
    font-weight: 300;
}

.quote-name {
    color: #333;
    margin-bottom: -2px;
    font-size: 20px;
}

@media only screen and (max-width: 600px) {
    blockquote{
        margin: 10px 0px 30px 0px;
    }
}    



blockquote ul{
    padding-left: 35px;
}

.gap-down{
    padding-bottom: 20px;
}


/* Sidebar */


.news-thumbnail {
    transition: opacity 0.5s;
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: initial;
    transition-delay: initial;
}

.news-thumbnail:hover{
    opacity: 0.85;
}

.flag-link-mobile, #flag-dropdown{
    display: none;
}

.page-footer .row .footer-about-col{
    margin-left: -100%;
}
.page-footer .row .footer-links-col{
    margin-left: 50%;
}
.page-footer ul a,.page-footer ul li{
    font-size: 17px;
    font-weight: 300;
}

@media only screen and (max-width: 992px) {
    #header-logo{
        margin-right: 0;
    }
    aside.sidebar {
    display: none;
    }
    #mobile-nav-ul{
        width: 100%;
        float: none !important;
    }
    #mobile-nav-ul li{
        display: block;
        float: none;
    }

    .mobile-nav-open .zmdi-close, .mobile-nav-open.opened .zmdi-menu{
        display: none;
    }
    .mobile-nav-open.opened .zmdi-close, .mobile-nav-open .zmdi-menu{
        display: block;
    }
    .dropdown-content{
        display: block !important;
        position: relative;
        opacity: 1;
        background-color: transparent;
        box-shadow: none;
    }
    .dropdown-content li a{
        color: #ffffff;
    }
    nav ul a{
        padding: 0 15px;
    }

    .main-header{
        position: relative;
    }

    nav a.mobile-nav-open{
        display: inline-block;
        position: relative;
        top: 10px;
    }
    .flag-link-mobile{
        display: block;
        position: absolute;
        right: 10px;
        top: 8px;
        z-index: 99999;
    }
    .flag-link-mobile i{
        margin-top: 10px;
        font-size: 25px;
    }
    #flag-dropdown img, .flag-link-mobile img{
        width: 35px;
        margin: 0;
    }
    #flag-dropdown{
        display: none;
        position: absolute;
        right: 10px;
        top: 56px;
        background-color: #ebf1f4;
    }
    #flag-dropdown li{
        display: block;
        float: none;
    }
    #flag-dropdown li a{
        line-height: normal;
        display: block;
        padding: 10px 13px;
    }
    .bestill-nav #mobile-nav-ul li{
        display: none;
    }
    .bestill-nav #mobile-nav-ul li:nth-child(1),.bestill-nav #mobile-nav-ul li:nth-child(2) {
      display: block;
    }


    .page-footer .row .footer-about-col,.page-footer .row .footer-links-col{
        margin-left: 0px;
    }
    .page-footer .row .footer-links-col,.page-footer .row  .footer-contact-col{
        margin-bottom: 15px
    }

    .section-header, .section-header-left{
        font-size: 32px;
    }
    #intro h1{
        font-size: 48px;
    }
    .page-template-page-index-pl #intro h1{
        font-size: 44px;
    }
}


.sidebar-sub-title {
    margin-bottom: -10px;
    font-size: 20px;
    font-weight: bold;
}



/* Subpage */
.page-cover {
    background: url(img/byggkort-title-image.jpg) no-repeat scroll center 0;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 60px 0;
    text-transform: uppercase;
}


.box{
    background: #f2f2f2;
    padding: 10px 15px 10px 15px;
    border-radius: 4px;
    border: 1px solid #eee;
    color: #333;
    text-shadow: 1px 1px 0 #F0F5F5;
    /* margin: 10px 15px 30px 40px; */
}

img.tilgang {
    border: 15px solid #ddd;
    border-radius: 4px;
}

@media only screen and (max-width: 600px) {
    img.tilgang {
    border: 4px solid #ddd;
    border-radius: 4px;
    }
}






li.check {
    margin: 10px 0;
    background: url(img/check.png) no-repeat left;
    background-position-y: 4px;
    background-size: 16px 14px;
    list-style: none;
    padding-left: 25px;
}

li.check a {
    border-bottom: 1px #03a9f4 dotted;
}

li.check a:hover {
    border-bottom: 1px #03a9f4 solid;
}





/* parallax */

  .parallax-container .section {
    width: 100%;
  }


/* Main article */



#signature {
    width: 280px;
}


.article-column-container ul {
    padding-left: 15px;
}

.article-box {
    font-size: 16px;
}


row .col.s12 {
    width: 100%;
    margin-left: -10px;
}



.grid{
	padding-right: 40px;
}

img{
    height: auto;
    margin-bottom: 20px;
}

.article-img {
    width: 100%;
}


.news-thumbnail.col.s3.left {
    padding: 0px;
    overflow: hidden;
    max-height: 70px;
    max-width: 140px;
}

.news-thumb{
    margin-top: 8px;
}


.latestnews{
	display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
 

.content-sidebar-wrapper {
    margin: 0 auto;
    height: auto;
    max-width: 1192px;
    margin-top: 40px;
}

.article-body {
    display: table-cell;
    vertical-align: top;
}

ul.article-list {
    padding-left: 10px;
    line-height: 46px;
    font-weight: 500;
}


.sidebar-h6 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: -20px;
}

li {
    font-weight: normal;
}

.card .card-content {
    padding: 20px 0;
}

.card {
    position: relative;
    background-color: #fff;
    box-shadow: none;
    height: 475px;
}

.card2{
    height: 315px;
    margin-top: -15px;
}

@media only screen and (max-width: 600px) {
    .card{
    height: 0px;
    }
}

.card-image {
    transition: opacity 0.5s;
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: initial;
    transition-delay: initial;
}

.card-image:hover {
    opacity: 0.85;
}


.article-list li + li{
    border-top: solid 1px rgba(0,0,0,0.07);
}

.article-title-wrapper {
    margin-top: -20px;
}

.left {
    float: left !important;
}





.sidebar-title {
    position: relative;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    padding-top: 0px;
    
}

.sidebar-title span:after {
    content: '';
    width: 50px;
    height: 3px;
    background: #fac11b;
    display: block;
    position: relative;
    margin-top: 10px;
}

.sidebar-title span {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    background: rgba(0,0,0,0.0);
    padding-left: 10px;
}



.widget h3 {

    text-align: left;
}

.widget-top {
    margin-top: -4px;
    padding-right: 12px;
    padding-bottom: 30px;
}

.widget_archive {
    padding-right: 12px;
}



.news-list {
    margin: -10px 0px 0px 0px !important;
}


span.single-post-date {
    color: #aaa;
    font-weight: 300;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

.sidebar>.row:first-child>.col {
    padding: 0;
}




.container.row {
    
    width: 100%;
}


/* Alle nyheter */

.col.s12.m12.l8.news-align {
    margin-top: -14px;
}

/* Single articles */

article span {
    font-weight: 300;
    color: #aaa;
    font-style: italic;
    font-size: 15px;
    margin-top: 44px;
}



/* container */
.container {
    max-width: 1170px;
}

/* Form */

input[type=text]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=email]:focus:not([readonly]), textarea:focus:not([readonly]) {
    border-bottom: 1px solid #03a9f4;
    box-shadow: 0 1px 0 0 #03a9f4;
    font-style: normal;
}

form.wpcf7-form {
    margin-left: -10px;
    margin-right: -10px;
}

.wpcf7 input[type="text"], .wpcf7 textarea {
    color: #333;
    font-size: 17px;
}

span.wpcf7-not-valid-tip {
    margin-top: 0px;
}

.wpcf7-response-output {
    visibility: hidden;
}

input[type="text"], input[type="number"], input[type="email"], textarea {
    /* border-color: #ddd; */
    border: #ddd solid 1px;
    padding-left: 0px;
    border-radius: 4px;
    font-style: normal;
    padding-left: 10px;
}

input[type="text"], input[type="number"], input[type="email"] {
    width: 96.5%;
    padding-left: 10px;
    color: #333;
    font-size: 17px;
    font-weight: 300;
}

textarea {
    height: 200px;
    padding: 10px;
}
div.wpcf7 .ajax-loader{
    vertical-align: super !important;
}
i.wpcf7-form-control.wpcf7-submit.btn{
    padding: 0;
}
i.wpcf7-form-control.wpcf7-submit.btn input{
    padding: 15px 30px;
}


span .wpcf7-not-valid {
    border: 1px solid #ff0000;
}

div.wpcf7-validation-errors {
   background: #ffe2e2 ;
   border: 2px solid #ff0000 !important;
   color: #C10000 ;
}

div.wpcf7-response-output {
   margin: 2em 0;
   padding: 15px;
   border-radius: 5px;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;    
}

/* Footer */


footer.page-footer {
  background-color: #0b2740;
  margin: 0;
}


.footer-header {
    padding-top: 10px;
    font-size: 24px;
}

.footer-header:after {
    content: '';
    width: 50px;
    height: 3px;
    background: #fac11b;
    display: block;
    position: relative;
    margin-top: 10px;
}

/* Colors */
.blue-normal{
  background-color: #12304A;
}

.blue-active{
  color: #0b314f;
}

footer.page-footer .footer-copyright {
    background-color: #0b2338;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.8);

}

@media only screen and (max-width: 600px) {
    footer.page-footer .footer-copyright {
    height: 70px;
    padding-top: 10px;
    line-height: 27px;
    }
}

.footer-title {
    position: relative;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 400;
    text-align: left;
}

.footer-title:before {
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    border-bottom: 6px solid #cfd8dc;
}

.footer-title span {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    background: #263238;
}

@media only screen and (max-width: 992px) {
.gap.col.l4.s12{
    padding-bottom: 30px;
    }
}

.copyright-footer{
    font-weight: bold;
}


.container-footer {
    margin: 0 auto;
    height: auto;
    max-width: 1170px;
    margin-bottom: 26px;
}

.col.l6.cookie {
    text-align: right;
}

@media only screen and (max-width: 600px) {
    .col.l6.cookie {
        text-align: center;
    }
    .col.l6.copyright {
    text-align: center;
}
}



@media only screen and (max-width: 992px) {
    .container-footer{
    padding: 10px;
    margin-bottom: 10px;
    }
}

@media only screen and (max-width: 992px) {
    .page-footer.footer-title {
    margin-top: 40px;
    }
}

/** New Bestill page **/
#order-form-main-wrap{
    overflow: hidden;
}
#order-form-inner-wrap{
    max-width: 660px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
#order-form-inner-wrap .article-column-wrapper{
    padding-left: 0;
    padding-right: 0;
}
.tabs-link-wrap{
    padding-top: 35px;
    overflow: hidden;
    display: inline-block;
}
.tabs-link-wrap a{
    font-size: 16px;
    color: #777777;
    display: inline-block;
    padding: 0 27px;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}
.tabs-link-wrap a:hover, .tabs-link-wrap a.active{
    color: #222222;
    padding-bottom: 8px;
    border-bottom: 3px solid #03a9f4;
}
.tabs-link-wrap.byggekort-tabs a:hover, .tabs-link-wrap.byggekort-tabs a.active{
    border-bottom: 3px solid #00bfa5;
}
#bestill-form-wrap form{
    background-color: #f2f2f2;
    margin-top: 35px;
    padding: 0 30px;
    border-radius: 5px;
    padding-bottom: 36px;
    margin-bottom: 30px;
}
#bestill-form-wrap .form-title{
    margin-top: 0;
    padding-top: 47px;
    font-size: 26px;
    color: #222222;
}
#bestill-form-wrap .form-title.small{
    padding-top: 40px;
}
#bestill-form-wrap input[type=text], #bestill-form-wrap input[type=number], #bestill-form-wrap input[type=email], #bestill-form-wrap textarea{
    background-color: #fff;
    border-color: #aaaaaa;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-left: 10px;
}
#bestill-form-wrap input.error{
    border:1px solid #f00;
}
#bestill-form-wrap .error-shown input[type=text], #bestill-form-wrap .error-shown input[type=number], #bestill-form-wrap .error-shown input[type=email], #bestill-form-wrap .error-shown textarea{
    margin-bottom: 10px;
    border:1px solid #f00;
}
#bestill-form-wrap .form-group .error-wrap, .form-group .file-error{
    font-size: 16px;
    color: #f00;
    margin: 0;
    padding-bottom: 8px;
    display: none;
}
.form-group .file-error.show{
    display: block;
}
#bestill-form-wrap .form-group.upload-image-info-wrap .error-wrap{
    padding-bottom: 0;
}
#bestill-form-wrap .error-shown .error-wrap{
    display: block;
}
#bestill-form-wrap .form-group label{
    font-size: 16px;
    color: #222222;
    margin-bottom: 3px;
    display: block;
}
#bestill-form-wrap .form-group .image-upload-wrap{
    position: relative;
}
#bestill-form-wrap .form-group .image-upload-wrap label{
    position: relative;
    width: 100%;
    color: #777777;
    font-size: 14px;
    padding: 15px 5px;
    box-sizing: border-box;
    text-align: center;
    border: 2px dashed #aaaaaa;
    cursor: pointer;
}
#bestill-form-wrap .form-group .image-upload-wrap label .hide-on-small-only{
    color: #777777;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
#bestill-form-wrap .form-group .image-upload-wrap label.active .hide-on-small-only{
    color: #ffffff;
}
/* hide "Slipp fil her eller" for the IE because drag drop on file doesn't work in IE */
    /* IE10+ & Microsoft Edge */
    _:-ms-lang(x), #bestill-form-wrap .form-group .image-upload-wrap label .hide-on-small-only{ display: none; }
    /* IE9, IE10 */
    @media screen and (min-width:0\0) {
        #bestill-form-wrap .form-group .image-upload-wrap label .hide-on-small-only{ display: none; }
    }
    /* IE6, IE7, IE8, but also IE9 in some cases :( */
    #bestill-form-wrap .form-group .image-upload-wrap label .hide-on-small-only { display: none\9; }
/* End hide "Slipp fil her eller" for the IE because drag drop on file doesn't work in IE */

#bestill-form-wrap .image-upload-wrap .btn{
    margin-top: 0;
    font-size: 14px;
    color: #555555;
    font-style: normal;
    font-weight: 400;
    margin-left: 8px;
    line-height: 43px;
}
.image-upload-wrap input[type=file]{
    z-index: 999;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: transparent;
    text-indent: -99999px;
    cursor: pointer;
    outline: 0;
    background-color: transparent;
    border: 0;
}
.image-upload-wrap input[type=file].dropping{
    background-color: #0073aa;
    border:2px dashed #ffffff;
}
.image-upload-wrap span{
    position: relative;
    z-index: 99999;
}
#bestill-form-wrap .image-upload-preview{
    border: 2px dashed #aaaaaa;
    padding: 13px 23px;
    display: none;
    position: relative;
    min-height: 110px;
}
#bestill-form-wrap .form-group .image-upload-preview label{
    position: absolute;
    right: 17px;
    top: 16px;
    margin: 0;
    color: #555555;
    font-size: 14px;
}
#bestill-form-wrap .form-group .image-upload-preview p{
    position: absolute;
    bottom: 12px;
    right: 21px;
    margin: 0;
    font-size: 14px;
}
#bestill-form-wrap .image-upload-preview img{
    height: auto;
    width: auto;
    max-width: 385px;
    margin-bottom: 0;
    max-height: 120px;
}
.image-preview{
    max-width: 80%;
    display: inline-block;
}
.image-preview .file-info{
    margin: 0;
    color: #555555;
    font-size: 14px;
}
#bestill-form-wrap .upload-image-info-wrap{
    padding-bottom: 48px;
}
.image-info-list, .image-info-list li{
    list-style-type: disc;
}
#bestill-form-wrap .image-info-list{
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 12px;
}
.image-info-list li{
    font-size: 16px;
    color: #222222;
    font-weight: 300;
}
#bestill-form-wrap .price-wrap{
    font-size: 16px;
    font-weight: 700;
    color: #222222;
    padding-top: 0px;
    padding-bottom: 24px;
}
#bestill-form-wrap .btn-wraps .col{
    padding: 0;
}
#bestill-form-wrap  .btn-wraps p{
    font-size: 14px;
    color: #222222;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 400;
}
#bestill-form-wrap .btn{
    box-shadow: none;
    text-transform: none;
    font-size: 16px;
    border: 1px solid #00bfa5;
    background-color: #00bfa5;
}
#bestill-form-wrap .btn.with-loader span{
    font-size: 16px;
    font-style: normal;
    text-align: center;
    color: #fff;
    margin: 0;
    letter-spacing: .5px;
    font-weight: 400;
}
#bestill-form-wrap .btn.with-loader{
    width: auto;
    box-sizing: border-box;
}
#bestill-form-wrap  .btn.white{
    color: #555555;
    border: 1px solid #c4c4c4;
    margin-right: 10px;
}
#bestill-form-wrap .btn.light-blue.lighten-1{
    border: 1px solid #29b6f6 ;
}
#bestill-form-wrap .btn:hover{
    border: 1px solid #12304A;
}
#bestill-form-wrap .btn.light-blue.lighten-1:hover{
    border: 1px solid #12304A ;
}
#bestill-form-wrap  .btn.white:hover{
    color: white;
}
#org-dynamic-address, #org-dynamic-address span, #org-static-info, #org-static-info span{
    font-size: 18px;
    line-height: 26px;
    color: #777777;
    font-weight: 400;
    font-style: normal;
}
#org-static-info {
    padding-bottom: 20px;
}
#annen-leveringsadresse, #annen-leveringsadresse-deli{
    font-size: 16px;
}
#annen-leveringsadresse-deli{
    display: none;
}
#annen-leveringsadresse-info-wrap{
    padding-top: 6px;
}
.block-hidden{
    display: none;
}
ul.company {
    max-width: 600px;
    position: relative;
    bottom: 12px;
    margin-left: 56px;
    padding-left: 10px;
    list-style: none;
    background: #fff;
    z-index: 999;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    top: -1512px;
    left: 144px;
    box-sizing: border-box;
    box-shadow: 0 4px 5px #ccc;
}
ul.company li{
    cursor: pointer;
}
ul.company .ui-state-focus{
    font-weight: 600;
}
span.ui-helper-hidden-accessible{
    display: none;
}
#bestill-form-wrap .card-panel{
    background-color: #e1f3de;
    position: relative;
    transition: all 0.2s;
}
#bestill-form-wrap .card-panel.error{
    background-color: #f2dede;
}
#bestill-form-wrap .card-panel .black-text{
    color: #222222;
    font-size: 16px;
}
#bestill-form-wrap .card-panel .black-text h5{
    font-size: 26px;
    padding-top: 16px;
}
#bestill-form-wrap .card-panel .black-text p{
    margin-bottom: 0;
}
#bestill-form-wrap .card-panel #close-ico{
    position: absolute;
    top: 17px;
    right: 15px;
    margin: 0;
    cursor: pointer;
    font-style: normal;
    font-size: 18px;
}
#personnummerDiv{
    padding-bottom: 15px;
}
input[type=text], input[type=number], input[type=email]{
    transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.spinner-white, .spinner-white-only {
    border-color: #ffffff
}
button .preloader-wrapper{
    width: 28px;
    height: 28px;
}
button .preloader-wrapper, button.show-spinner span{
    display: none;
}
button.show-spinner .preloader-wrapper{
    display: inline-block;
}
button.show-spinner{
    padding-top: 8px;
}
#bestill-form-wrap .btn:disabled{
    background-color: #00bfa5 !important;
}
#bestill-form-wrap .btn.light-blue.lighten-1:disabled{
    background-color: #29b6f6 !important;
}
.wpcf7-form label{
    font-size: 16px;
    color: #222222;
    margin-bottom: 3px;
    display: block;
    font-weight: 400;
}
nav .mobile-nav-open i{
    font-size: 2.7rem;
}

@media only screen and (max-width: 690px) {
    #order-form-inner-wrap{
        padding: 0 20px;
    }
    #bestill-form-wrap .image-upload-preview img{
        max-width: 100%;
    }
}
@media only screen and (max-width: 640px) {
    #bestill-form-wrap .form-title.small{
        padding-top: 20px;
    }   
    #bestill-form-wrap .image-info-list{
        list-style-position: outside;
        margin-left: 13px;
    }
    #bestill-form-wrap .upload-image-info-wrap{
        padding-bottom: 38px;
    }
    .page-template-page-bestill-nett .main-row{
        margin-bottom: 0;
    } 
    #bestill-form-wrap form{
        padding:0;
        background-color: #fff;
    }
    #bestill-form-wrap .form-title{
        padding-top: 35px;
    }
    .image-preview{
        width: 100%;
        max-width: 100%;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    #bestill-form-wrap .form-group .image-upload-preview label{
        position: relative;
        top: auto;
        right: auto;
        max-width: 156px;
        margin: 0 auto;
        margin-top: 20px;
    }
    #bestill-form-wrap .form-group .image-upload-preview p{
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
        margin-top: 20px;
    }
    .page .article-column-container p img{
        width: 100%;
    }
    .page .article-column-container p img.act-img{
        width: auto;
    }
    .page-template-page-index-en .banner a.btn-large,
    .page-template-page-index-pl .banner a.btn-large{
        margin-left: 0;
        margin-right: 0;
        padding: 0 6%;
        font-size: 14px;
    }
    .page article .btn{
        font-size: 14px;
        padding: 0px 4%;
    }
}
@media only screen and (max-width: 460px) {
    #bestill-form-wrap .btn-wraps .btn{
        width: 100%;
        display: block;
        float: none !important;
        margin: 0;
        height: 54px;
        line-height: 56px;
    }
    #bestill-form-wrap .btn-wraps .col.right{
        padding-top: 50px;
    }
    .tabs-link-wrap a{
        padding: 0 20px; 
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 360px) {
    .tabs-link-wrap a{
        padding: 0 10px; 
        padding-bottom: 10px;
    }   
}

/*Blog page*/
@media only screen and (min-width: 993px) {
    .blog-entries{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content:space-between;

    }
    .blog-entries.row .col.l6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .blog-entries.row .col.l6:nth-child(odd) {
        padding-left: 15px;
    }
    .blog-entries.row .col.l6:nth-child(even) {
        padding-right: 15px;
    }
}
.blog-entries .entry{
    padding-bottom: 50px;
}
.blog-entries .entry-title{
    padding-top: 14px;
    margin-top: 0;
    font-weight: bold;
    font-size: 32px;
    color: #222222;
    border-bottom: 2px solid transparent;
    margin-bottom: 10px;
}
.blog-entries .l6 .entry-title{
    font-size: 20px;
}
.blog-entries .entry-excerpt, .blog-entries .entry-excerpt p{
    color: #222222;
    font-weight: 400;
    font-size: 17px;
    margin: 0;
}
.blog-entries a:hover{
    opacity: 0.9;
}
.blog-entries .entry-img{
    width: 100%;
    margin: 0;
}
#older-news-btn-wrap{
    padding-bottom: 65px;
    padding-top: 20px;
}
.btn-transparent{
    background-color: transparent;
    color: #222;
    font-weight: 600;
    padding: 0 4rem;
    font-size: 15px;
    box-shadow: none;
    border: 1px solid #222222;

}
.btn-transparent:hover{
    color: #ffffff;
}
.btn-transparent.not-active{
    background-color: transparent !important;
    color: #222222;
    box-shadow: none;
    cursor: default;
}
.single .img-thumb img{
    width: 100%;
    height: auto;
}
.single-article-wrap{
    color: #222222;
}
.page-title{
    font-size: 48px;
    font-weight: 700;
    color: #222222;
    margin-top: 24px;
}
.author-info .author{
    padding-top: 4px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}
.news-date{
    font-weight: 400;
    font-size: 14px;
}
.author-info{
    padding-bottom: 37px;
}
.order-li.dropdown-wrap{
    height: 64px;
}
nav ul .order-li.dropdown-wrap:hover,nav ul .order-li.dropdown-wrap.active{
    background-color: transparent;
}
.order-li .dropdown-content{
    width: 167% !important;
}
.order-li.dropdown-wrap a.dropdown-button{
    line-height: normal;
    height: auto;
    background-color: #ffffff;
    border-radius: 50px;
    color: #12304A;
    position: relative;
    padding: 8px 16px;
    text-align: center;
    top: 14px;
}
.order-li.dropdown-wrap a.dropdown-button:hover, .order-li.dropdown-wrap a.dropdown-button.active{
    color: #03a9f4;
}

.order-li a.dropdown-button i.right{
    margin-top: 2px;
}
aside.sidebar.right{
    padding-top:32px;
}
.sidebar .row{
    background-color: #f2f2f2;
}
.sidebar .row .widget_archive{
    padding-left: 15px;
    padding-top: 11px;
}
.sidebar .row .widget_archive a{
    color: #03a9f4;
    border-bottom: 1px solid transparent;
}
.sidebar .row .widget_archive a:hover{
    border-bottom: 1px solid #03a9f4;
}
#related-news{
    padding-bottom: 25px;
    margin-top: 0px;
}
#related-news img{
    width: 100%;
    height: auto;
}
#related-news h3{
    font-size: 24px;
    font-weight: 700;
    color: #222222;
    margin-top: 32px;
    margin-bottom: 32px;
}
#related-news h4{
    color: #222222;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
}

.page-template-page-blog h1.single-article-title{
    margin-top: 27px;
    margin-bottom: 40px;
}

#bestill-btns-wrap{
    background-color: #f2f2f2;
    padding-top: 40px;
    text-align: center;
}
#bestill-btns-wrap a{
    margin: 0 30px;
    margin-bottom: 40px;
}

@media screen and (max-width: 992px){
    .blog-entries .entry-title{
        font-size: 20px;
    }
    .blog-entries .entry{
        padding-bottom: 40px;
    }
    #related-news img{
        margin-bottom: 10px;
    }
    #related-news h4{
        margin-bottom: 20px;
    }
}
@media screen and (max-width:480px)  {
    #bestill-btns-wrap{
        padding-bottom: 20px;
    }
    #bestill-btns-wrap a{
        font-size: 3.5vw;
        margin: 0;
        display: block;
        margin-bottom: 20px;
    }
}
@media screen and (max-height: 520px){
    #mobile-nav-ul{
        position: absolute;
        width: 100%;
        height: 85vh;
        padding-left: 3%;
        left: 0;
        top: 98%;
        background-color: #12304A;
        overflow: scroll;
        padding-bottom: 5vh;
    }
}
figure {
	margin: 0px;
}

.banner {
  position: relative;
  color: #fff;
  padding-top: 5rem; /* flytter hero-innholdet oppover */
  padding-bottom: 6rem;
}


.banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.12);
}

/* Frostet boks, men plassert høyere */
.banner-content {
  position: relative;
  max-width: 640px;
  margin: 2rem auto 0; /* flytter boksen opp */
  padding: 2rem 2rem;
  background: rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(6px);
  border-radius: 14px;
  text-align: center;
}

.banner-title {
  margin-bottom: 1.2rem;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.2;
}

.banner-lead {
  margin-bottom: 2rem;
  font-size: 1.1rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.9);
}

.hero-btn {
  background-color: #00c795;
  padding: 0 3rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 1.15rem;
  text-transform: none;
}

.banner-tags {
  margin-top: 1rem;
  font-size: 0.95rem;
  opacity: 0.9;
}