/*
Theme Name: Powerhouse theme
Theme URI: http://07interaktiv.no
Description: 
Author: Kenneth R. Svendsen
Author URI: http://07interaktiv.no
Version: 1.0
*/
.w-nav-menu li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #222222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
.w-nav-menu li a{
display: inline-block;
    padding: 20px 20px 30px;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}
@media (max-width: 1300px){
.w-nav-menu li a {
    padding: 20px 10px 30px 10px;
}
}

@media (max-width: 1200px){
.w-nav-menu li a {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-color: #eee;
    color: #333;
    font-weight: 400;
    text-align: left;
    letter-spacing: 1px;
}
}


.hero-empty .hero-text, .hero-empty .hero-heading{

}
.hero-empty{
    background:#000;
}

.project-content p, .project-content h1, .project-content h2, .project-content h3, .project-content h4, .project-content h5, .project-content h6, .project-content li{
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}
.project-content li{
    font-size: 19px;
}
.project-content ul, .project-content ol{
    margin-bottom:25px;
}

.hero-container{
    padding-top:100px;
}

.project-content .img-container, .wp-caption{
    max-width:1200px;
    text-align: center;
    margin:0 auto;
}
.project-content .wp-caption-text{
    max-width:100%;
    text-align:left;
    font-size:17px;
    color:#999;
    padding-left:5px;
}
.project-content img{
    height:auto;
}
.project-content .img-container{
    margin-bottom:25px;
}
@media screen and (min-width:1200px){
.project-content .wp-video{
    margin:0 auto;
    max-width:1200px !important;
}
}
.page-hero{
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center, center;
}
.hero-text p{
    font-size:22px;
}
.hero-text a{
    display: inline-block;
    padding: 16px 50px;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, .5);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}
.hero-text a:hover{
    border-color: #fff;
    background-color: #fff;
    color: #333;
}

.full-width a{
    display: inline-block;
    padding: 16px 60px;
    border: 2px solid #fdcc05;
    background-color: transparent;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    border-color: #fff;
    background-color: transparent;
    color: #fff;
    min-width:200px;
}
.full-width a:hover{
    background-color: #fff;
    color: #333;
}
.full-width p{
    margin-bottom: 40px;
    color: #fff;
    line-height: 34px;
}
.full-width p:first-of-type:before, .split-right p:first-of-type:before{
    content: " ";
    width: 50px;
    height: 2px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #fdcc05;
    display:block;

}
.full-width h2{
    margin-top: 0px;
    margin-left: -110px;
    font-family: Lato, sans-serif;
    color: #fff;
    font-size: 50px;
    line-height: 65px;
    font-weight: 700;
}

.split-right h2{
    max-width: 400px;
    margin-left: -260px;
    font-family: Lato, sans-serif;
    font-size: 50px;
    line-height: 65px;
    font-weight: 700;
}
.split-right a{
        display: inline-block;
    padding: 16px 60px;
    border: 2px solid #fdcc05;
    background-color: transparent;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    min-width:220px;
}
.split-right a:hover{
        border-color: #fdcc05;
    background-color: #fdcc05;
    color: #333;
}
.split-left-image-1{
    max-height:480px;
}
.bear-section{
    margin-top:50px;
}
@media screen and (max-width:1200px){
    .hero{
        height:100% !important;
    }
    .split-right h2{
    margin-left: -110px;
    }
}



@media (max-width: 767px){
        .bear-section .split-left{
            background-size:100% !important;
    }
    .bear-section .split-left .split-left-image-1{
        display:none;
    }
.split-right h2{
    margin-left: -70px;
    font-size: 34px;
    line-height: 45px;
    }
    .full-width h2 {
    font-size: 34px;
    line-height: 45px;
}
    .split-right a, .full-width a {
    padding: 10px 35px;
    min-width:0px;
}

}

@media (max-width: 479px){
.split-right h2 {
    margin-left: -40px;
    font-size: 25px;
    line-height: 35px;
    }
    .full-width h2 {
    margin-left: -60px;
    font-size: 25px;
    line-height: 35px;
}
    .split-right a, .full-width a {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
}
}


.ng-post-thumb img{
    height:200px;
    width:100%;
    object-fit: cover;
}

.mappe-ingress{
    height:100px;
}

.hero-empty{
    height:450px !Important;
    min-height:0px !Important;
}
.hero-empty .hero-heading{
    margin-top:100px;
}

.search .search-hero{
    height:119px;
    max-height:119px;
}
.search-field input{
    height:38px;
    width:80%;
    border:0px;
    position:relative;
    top:1px;
    border-radius:4px;
    float:right;
    margin:15px 5px;
    padding-left:10px;  
}
.search-field input:active, .search-field input:focus{
    outline:0px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
}
.search-field button{
    float:right;
    box-shadow:none;
}

.search-active #menu-hovedmeny li,.search-active #menu-engelsk_meny li {
    opacity:0;
}
.search-active #menu-hovedmeny .menu-item-97, .search-active #menu-engelsk_meny .menu-item-171 {
    opacity:1;
    z-index:9999 !Important;
}
.menu-hovedmeny-container, .w-nav-menu, .navbar-container{
    z-index: 99999;
}
.search-field{
    position:absolute;
    top:10px;
    width:80%;
    display:none;
    right:200px;
}
.search-active .search-field{
    display:block;
}
.search h2{
    margin-bottom:30px;
    font-size:30px;
}
h1.search-header{
    font-size:40px;
    line-height:50px;
}
@media screen and (min-width:768px){
    .split-right-inner{
        margin-top:150px;
    }    
}
.w-slider-mask .slide{
    background-attachment: scroll, scroll !Important;
}

.search-active .sk-button{
    background-image: url(/wp-content/themes/powerhouse/images/close.svg) !important;
    background-size:20px !important;
}
.brand{
    max-width:250px;
    margin-top:20px;
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
    .w-nav-menu li a{
        padding: 20px 0px 25px 20px;
        font-size:13px;
    }
}

@media screen and (max-width:1200px){
    .brand{
        margin-top:0px;
        max-width: 200px;
    }
    #menu-hovedmeny, #menu-engelsk_meny{
        margin-top:50px;
    }
    #menu-hovedmeny li, #menu-engelsk_meny li{
        display:block;
        width:100%;
    }
    .w-nav-button.w--open{
        background: #C8C8C8 !important;
    }
    .ng-nav-menu{

    }
    .search-active #menu-hovedmeny li, .search-active #menu-engelsk_meny li{
        opacity:1;
    }
    #menu-hovedmeny, #menu-engelsk_meny{
        margin-top:100px;
    }
    .search-field input{
        border:1px solid #999;
        width:200px;
    }
    .ng-nav-link.sk-button{
        display:none;
    }
    .search-field{
        top:60px;
        right:0px;
        display:block;
    }
    .search-field button{
    background:#c8c8c8;
    color:#FFF;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 99;
    border: 1px solid #999;
    height: 38px;
    padding:10px 10px;
    }
    .hero-text a{
     padding:20px;
        font-size:13px;
    }
    .search .w-col-4{
        padding-left:0px;
        padding-right:0px;
    }
    .search .mappe-content{
        padding-top:50px;
        padding-left:10px;
        padding-right:10px;
    }
    .search-hero{
        max-height:68px !Important;
        padding:0px;
    }
}
@media (max-width: 479px){
.brand {
    max-width: 150px;
    margin-top:10px;
}
}

.ng-footer p{
    margin-top: 10px;
    margin-right:10px;
    margin-bottom: 0px;
    color: #ccc;
    font-size: 18px;
    line-height: 34px;
}
.footer-1 p{
    margin-bottom:36px;
}
.ng-footer a{
    display: block;
    padding-top: 0px;
    padding-bottom: 14px;
    padding-left: 20px;
    background-image: url(/wp-content/themes/powerhouse/images/arrow_1.png);
    background-position: 0px 25%;
    background-size: 10px;
    background-repeat: no-repeat;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}
.ng-footer a:hover{
    background-position:4px 25%;
}
.footer-1 a{
    background-image:none;
}


.kontaktinfo h2{
    
    margin-top: 0px;
    margin-left: -80px;
    font-size: 40px;
    line-height: 50px;
}
.kontaktinfo h2:after{
    content: " ";
    width: 50px;
    height: 2px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #fdcc05;
    display: block;
    margin-left: 80px;
}
.kontaktinfo a{
        display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #999;
    color: #333;
    font-size: 20px;
    text-decoration: none;
}
.kontaktinfo a:first-of-type{
    margin-bottom:25px;
}
@media screen and (max-width:1200px){
    .kontaktinfo h2{
        margin-left: -40px;
    }
    .kontaktinfo h2:after {
        margin-left:40px;
    }
    .search-field{
        width:100%;
        padding-left:15px;
    }
    .search-field input{
        width:100%;
    }
}
@media screen and (max-width:767px){
    .kontaktinfo h2, .kontaktinfo h2:after {
        margin-left:0px;
    }
    .contact-image{
        width:100%;
    }
    .right-text-inner{
        padding-left:10px;
    }
    .split-heading-mappe{
        margin-left:0px;
    }
    h2,h1.search-header{
        font-size:32px;
        line-height:48px;
    }
}

.ng-footer-text-icon{
    padding:0px !important;
    padding-top:12px !important;
}
.ng-footer-text-icon svg{
    height:1.2em !important;
    width:1.2em !important;
}
.search-results .ng-post-heading{
    height:50px;
}

.project-next p{
    color: #fdcc05;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: none;
}
.project-next h2, .project-next h1, .project-next h3{
        margin-bottom: 40px;
    font-family: Lato, sans-serif;
    color: #fff;
    font-size: 50px;
    line-height: 65px;
}
.project-next a{
    display: inline-block;
    padding: 16px 60px;
    border: 2px solid #fdcc05;
    background-color: transparent;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    border-color: #fff;
    background-color: transparent;
    color: #fff;
}
.project-next a:hover{
    background-color: #fff;
    color: #333;
}

.current-menu-item a{
border-bottom-color: #fdcc05 !important;
}
.ng-menu-icon{
    position:relative;
    top:5px;
}

@media screen and (max-width: 350px){
    .ng-footer a{
        font-size:11px;
        padding-left:15px;
    }
}
@media screen and (min-width: 480px){
    .ng-menu-icon{
    position:relative;
    top:10px;
}
}
.partner-section-2 img{
    max-width:80% !important;
}
.outerWrap {
  max-width:1170px; 
  margin-left:auto;
  margin-right:auto;
}
.videoWrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 54.25%;
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.menu-item-97 a, .menu-item-171 a{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
    padding: 5px 45px 5px 40px !Important;
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    border-bottom-width: 0px;
    background-image: url(/wp-content/themes/powerhouse/images/search.svg) !important;
    background-position: 100% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
}
.w-nav-menu{
    overflow:hidden;
}
.project-content{
    min-height:500px;
}

.lang-item, .lang-item a:hover{
    border:none;
}
.lang-item a, .lang-item{
    padding-bottom:0px;
    border-bottom:0px !important;
    border-color:transparent !important;
}

.gallery-caption{
    position:
}
.project-content .wp-video{
    max-width:100%;
}

@media (min-width: 768px){
#gallery-captions {
    max-width: 82.3vw;
    max-height: 84vh;
    margin:0 auto;
    z-index:99999999999999 !Important;
    position:fixed;
    top:80%;
    color:#FFF;
}
    
#gallery-captions{
        display:none;
}
.gallery-caption{
        display:none;
}
    
    
    
/* Flowchart */
.flowchart{
    max-width:970px;
    margin:0 auto;
}
    .flowchart .boks{
        width:30%;
        display:inline-block;
        margin-right:3%;
        padding:15px;
        vertical-align: top;
        border: 1px solid #000;
        margin-bottom:15px;
        opacity:0;
    }
    .flowchart .boks p{
        margin-bottom:0px;
        line-height:25px;
        font-size:17px !important;
    }
    .flowchart .boks li{
        font-size:16px;
    }
    .flowchart .boks ul{
        padding-left:20px;
    }
    .flowchart .boks h2{
        font-size:22px;
        line-height: 30px;
        margin-top:0px;
    }
    .flowchart .boks span{
        font-size:19px !important;
        bottom:10px;
        margin-right:5px;
        display:inline-block;
        max-width:30px;
        right:5px;
        background:#000;
        color:#FFF;
        border-radius:50%;
        height:30px
        width:30px;
        min-width:30px;
        text-align:center;
        line-height: 30px;
    }
    
    
    .mappe-content .ng-post-list-4-wrapper .rkaia{
        background-position:right !Important;
    }
    
    .project-content table{
        max-width:700px;
        margin:0 auto;
    }
    .project-content table td{
        border: 1px solid #000;
        padding:10px;
    }
    .project-content p:last-of-type{
        margin-bottom:10px;
    }
    
    .flowchart-head{
        max-width:970px !important;
        margin-bottom:25px !important;
        font-size:35px !important;
        line-height:48px !Important;
    }
    #workshop-null{
        padding-top:25px;
        margin:0 auto;
        text-align:left;
    }
    #workshop-null h2, #workshop-null h3, #workshop-null p{
        text-align:left !Important;
            max-width:970px !Important;
    }
    .home .section-1 .full-width-text-wrapper{
        float:right;
    }
    .section-1 .split-right{
        position:relative;
        bottom:100px;
    }
    .section-1 .split-right h2  {
        background-color: hsla(0, 0%, 100%, .40) !Important;
        padding:20px !important;
        max-width:570px !important;
        
        
    }
    .section-1 .split-left{
        background-size: 125%, cover !important;
        background-position:center center !Important;
    }
}

.project-next h2{
    padding-top:50px !Important;
}

@media screen and (max-width:1200px){
.front-hero{
    background-image: url("/wp-content/uploads/2019/10/2011113_OS_N23-1.jpg") !important;
    background-size: cover !Important;
}
    .partner-section-2 img{
        max-width:150px !important;
    }
    .partner-section-2 a{
        margin:0 auto;
    }
    .partner-link-2{
        display:none;
    }
}

@media screen and (max-width:991px){
    .hero-text p{
        font-size:19px;
    }
}
#menu-hovedmeny{
    margin-bottom: 0px;
}

.project-content, .contact-section-2{
    min-height:1000px;
}

.mappe-content .right-text-inner{
    width:100%;
}

@media screen and (max-width: 1250px) and (min-width: 1200px){
    .w-nav-menu li a{
        padding: 20px 0px 25px 20px;
        font-size:12px;
    }
}

.hero-container{
    min-height:500px;
}

.project-content .button, .contact-section-2 .button{
    margin-top:0px;
    display: inline-block;
    padding: 16px 60px;
    border: 2px solid #fdcc05;
    background-color: transparent;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 220px;
}
.contact-section-2 .button{
    margin-top:25px;
}
.project-content .button:hover, .contact-section-2 .button:hover{
    border-color: #fdcc05;
    background-color: #fdcc05;
    color: #333;
}

.section-2 .split-left{
    background-size:100% !important;
}

.section-2 .split-right h2, .split-right h2 {
    background-color: hsla(0, 0%, 100%, .40) !Important;
    padding: 20px !important;
    max-width: 570px !important;
}

.bear-section{
    margin-top: 50px;
    margin-bottom: 50px;
}
.utkast .section-3 .split-left{
    background-size:cover;
}

.utkast .section-3 .split-right .split-right-inner{
    margin-top:50px;
}
.utkast .hero-text a{
    display: inline;
    float: left;
    width: 40%;
    margin-right: 5%;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 15px;
}
.utkast .hero-text a:nth-child(2){
    
}
.utkast .hero-container{
    max-width:770px;
}
iframe{
    max-width:1200px;
    margin:0 auto;
}
.videoWrapper iframe{
 
}
.videoWrapper{
    padding-bottom:0px !important;
}
@media screen and (max-width:767px){
    .utkast .split-right h1{
        font-size:34px;
        line-height:45px;
    }
    .utkast .hero-text a{
    display: block;
    float: left;
    width: 80%;
    margin-right: 5%;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 14px;
    margin-bottom:25px;
}
    .bear-section p, .full-width p{
        font-size:14px;
        line-height:25px !important;
    }
    .full-width-text-wrapper {
    margin-right: 10px;
    margin-left: 48px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    float: left;
    }
    .split-right-inner{
        padding-left:20px !Important;
    }
    .full-width h2{
        margin-left:-40px !Important;
    }
    
}


.project-content .logo{
    max-width:700px;
    margin:0 auto;
    border-top:1px solid #dadada;
    padding:30px;

    padding-left:0px;
}
.project-content .logo img{
    width:75px;
    height:75px;
    margin-right: 15px;
    display:inline;
    float:left;
}
.project-content .logo .text{
    float:left;
    text-align:left;
}
.project-content .logo a{
    color:#000;
    text-decoration: none;
}
.project-content .logo a span{
    text-decoration: underline;
}
.project-content .logo h5{
  margin-bottom:0px;  
}
.project-content .logo .text h2{
    margin-top:0px;
}
.project-content .logo .text span{
    font-weight:bold;
    text-decoration: underline;
}

.project-content .logo img{
display:block;
height:auto;
    width:100%;
    max-width: 500px;
    margin:0 auto;
    float:none;
}
.project-content .logo .text{
    float:none;
    display:block;
    text-align:center;
    with:100%;
}
.project-content .logoliste{
    margin-top:50px;
}

@media (max-width: 1200px){
    .hero {
    height: auto;
    background-image: url(../powerhouse/images/visningssenter.jpg) !important;
    background-size: cover;
    }
    .front-hero{
    background-image: url("/wp-content/uploads/2019/10/2011113_OS_N23-1.jpg") !important;
    background-size: cover !Important;
}
}