﻿/* BOOTSTRAP OVERRIDES */
.container-fluid {
    padding:0px;
}

.navbar {
    margin-bottom:0px;
    border-radius:0px;
}

.navbar-collapse {
    padding:0px;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
}

.img-responsive.full-width {
    width:100%;
}

/* GLOBAL*/
body{
    font-family: 'Raleway', sans-serif;
    font-size:16px;
}

.oxygen {
    font-family: 'Oxygen', sans-serif;
}

/* HEADER */
header{
    padding-top:10px;
    position:relative;
}

header .home-link {
    float: left;
    margin-bottom: -30px;
}

header .navbar{
    min-height:initial;
}

header .navbar-nav{
    float:right;
    margin:0 0 15px 0;
}

header .navbar-toggle {
    color:#4d4d4d;
}

header .navbar-toggle .icon-bar {
    background-color:#4d4d4d;
}

header .navbar-nav a
{
    font-size:20px;
    padding:10px 3px 10px;
    margin:0px;
    border-bottom:5px solid transparent;
    margin-left:40px;
    text-transform:uppercase;
    color:#4d4d4d;
}

header .navbar-nav a.selected,
header .navbar-nav a:hover{
    border-bottom:5px solid #950148;
}

header .navbar-nav a.highlight{
    border-bottom:none;
    background-color:#950148;
    color:#fff;
    box-shadow:0 3px 6px 0 rgba(0,0,0,0.36);
    padding:10px 15px;
    border-radius:10px;
}

header .navbar-nav a.highlight.selected{
    border-bottom:none;
}

.body-content {
    min-height:400px;
}

.body-content a {
    color: #333;
}


/* PAGES */
.headline-background {
    background-color:#4d4d4d;
    color:#fff;
    padding-top:60px;
    padding-bottom:60px;
    margin-bottom:35px;
}

.headline-background h1 {
    font-size:36px;
    margin:0px;
    padding:0px;
    font-family: 'Oxygen', sans-serif;
    font-weight:300;
}

.pagetype-1 .large-image{
    margin-bottom:35px;
}

.pagetype-1 article {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;

    font-size:18px;
}

.pagetype-1 .selling-points-row {
    margin-top:60px;
}

.pagetype-1 .selling-points-row .selling-point {
    text-align:center;
}

.pagetype-1 .selling-points-row .selling-point .image {
    display:block;
    margin:auto;
    margin-bottom:15px;
}

.pagetype-1 .selling-points-row .selling-point .headline {
    font-size:24px;
    margin-bottom:15px;
}

.pagetype-1 .selling-points-row .selling-point .text {
    line-height:1.22em;
}

.testimonials-row,
.contact-form-row {
    background-color:#fcfcfc;
    padding-top:30px;
    padding-bottom:30px;
    box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);
    margin-top:60px;
}

.testimonials-header h2,
.contact-form-header h2
{
    font-size:28px;
    font-weight:normal;
    color:#666666;
    margin:0px;
    padding:0px;
}

#testimonialCarousel .carousel-control.left,
#testimonialCarousel .carousel-control.right {
    background-image:none;
}

#testimonialCarousel .carousel-control{
    width:5%;
}

#testimonialCarousel .carousel-control .chevron-left,
#testimonialCarousel .carousel-control .chevron-right{
    display:block;
    width:45px;
    height:58px;
    position:absolute;
    top:50%;
    margin-top:-27px;
}


#testimonialCarousel .carousel-control .chevron-left {
    background-image: url('/Resources/pil-venstre.png');
    left:0px;
}

#testimonialCarousel .carousel-control .chevron-right {
    background-image: url('/Resources/pil-hojre.png');
    right:0px;
}

.testimonial
{
    color:#95989a;
    font-size:20px;
    position:relative;
}

.pagetype-1 .testimonial {
    padding-left:100px;
    padding-right:100px;
    margin-top:40px;
    margin-bottom:20px;
}

.testimonial .quote .text {
    font-size:16px;
    font-family: 'Open Sans', sans-serif;
    font-style:italic;
}

.pagetype-300 .testimonial {
    margin-bottom:60px;
    font-size:18px;
}

.testimonial .testimonial-information
{
    min-height:250px;
}

.testimonial .quote {
    position:relative;
}
.testimonial .quote .text {
    display:block;
}
.testimonial .quote  .fa-quote-left {
    position:absolute;
    top:0px;
    left:-25px;
}
.testimonial .quote  .fa-quote-right {
    position:absolute;
    bottom:-5px;
    right:-20px;
}

.pagetype-300 .quote  .fa-quote-right{
    right:-20px;
}

.testimonial .name{
    color:#000;
    font-size:18px;
    margin-top:20px;
}

.testimonial .jobtitle{
    font-size:18px;
}

.testimonial .company{
    font-size:18px;
}

.pagetype-1 .testimonial .image {
    float:right;
}

.pagetype-300 .testimonial .image {
    margin:auto;
    margin-top:15px;
}

.employee {
    text-align:center;
    margin-bottom:45px;
}

.employee .image-container {
  position:relative;
  margin:0 auto;
  width:100%;
  height:191px;
}

.employee .image-container::after{
    display:block;
    content: " ";
    clear:both;
}

.employee .image-container img {
    width:191px;
    height:191px;
    position:absolute;
    left:50%;
    margin-left:-95px;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.employee:hover .image-container img.top{
  opacity:0;
}

.employee .name {
    font-size:24px;
    color:#0d0d0d;
    margin-top:20px;
}

.employee .jobtitle {
    color:#666666;
    font-size:18px;
    font-weight:300;
    height:25px;
}

.employee .description {
    height:50px;
    max-height:50px;
    color:#444444;
    font-weight:300;
}

.employee .fa {
    font-size:34px;
    margin-bottom:-5px;
    margin-right:10px;
}

.employee .email,
.employee .linkedin,
.employee .phone,
.employee .mobile {
    height:41px;
    overflow:hidden;
}

.employee .mobile {
    margin-bottom:10px;
}

.employee  span,
.employee  a{
    font-size:18px;
    line-height:36px;
    color:#444;
    display:block;
}

.content-block {
    margin-bottom:35px;
    font-size:18px;
}

.content-block h2 {
    margin:0px;
    padding:0px;
    font-size:18px;
}

.content-block a,
.content-block a:hover,
.content-block a:focus,
.content-block a:active{
    color:#333;
}

form {
    margin-top:30px;
}

    form.no-margin-top{
        margin-top:0px;
    }

    form .error-text {
        color: red;
    }

    form .textarea-container {
        position: relative;
    }

form .textarea-container .fa-quote-left,
form .textarea-container .fa-quote-right
{
    color:#9a9a9a;
}

form .textarea-container .fa-quote-left{
    position:absolute;
    top:0px;
    left:-20px;
}

form .textarea-container .fa-quote-right{
    position:absolute;
    bottom:0px;
    right:-20px;
}
form .textarea-container textarea{
    border:1px solid #cdcdcd;
    width:100%;
    height:148px;
    box-sizing:border-box;
    padding:10px;
}

    form input[type=file] {
        margin-bottom: 8px;
    }

    form input[type=text],
    form input[type=password],
    form input[type=email],
    form textarea,
    form select{
        width: 100%;
        border: 1px solid #cdcdcd;
        margin-bottom: 8px;
        box-sizing: border-box;
        padding: 5px 10px;
        height: 44px;
        font-size: 20px;
    }

        form textarea{
            height:150px;
        }

        form button.submit-button {
            background-color: #950148;
            border: 1px solid #950148;
            color: #fff;
            width: 100%;
            border: none;
            text-align: left;
            padding: 5px 10px;
            height: 55px;
            font-size: 20px;
            font-weight: 300;
        }

#applicationform
{
    padding-bottom:50px;
}

/* FOOTER */
footer .footer-top {
    background-color: #5c5c5c;
    color: #fff;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: normal;
}

footer .footer-top .title {
    min-height:50px;
}

footer .footer-top .logo-image {
    margin-bottom:15px;
}

footer .footer-top .logo-text {
    display:block;
    margin-bottom:15px;
    font-size:18px;
}

footer .bottom-footer{
    padding-top:50px;
    padding-bottom:50px;
    box-shadow:0 3px 6px 0 rgba(0,0,0,1.0);
    background-color:#950148;
    color:#fff;
    margin-bottom:10px;
    font-size:18px;
    margin-top:15px;
}


/* MEDIA OVERRIDES */
@media (min-width: 992px) and (max-width: 1199px)
{
    header .navbar-nav a {
        margin-left:30px;
    }

    header .home-link {
        float: none;
    }

        header .home-link img {
            max-height: 100px;
        }
}

@media (max-width: 991px)
{
    .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom:10px;
  }
  .collapse.in{
      display:block !important;
  }
}

@media (max-width: 767px) {
    header .navbar-nav {
        float:none;
    }

    header .navbar-nav a{
        margin-left:0;
        margin-bottom:10px;
    }

    .logo-column {
        margin-bottom:30px;
    }

    .pagetype-1 article {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    .selling-point {
        margin-bottom:45px;
    }

    .textarea-container .fa-quote-left,
    .textarea-container .fa-quote-right{
        display:none;
    }
}

/* EXTRANET */
.extranet-navbar .btn-default.selected {
    background-color:#950148;
    color:#fff;
}

form h2{
    margin-top:0px;
}

.posts h3 {
    display:inline-block;
}


a.btn-danger{
    color:#fff;
}