/*
Theme Name: ROUA - Creative Portfolio WordPress Theme
Theme URI: http://demo.stylishthemes.co/roua/
Author: StylishThemes
Author URI: http://stylishthemes.co
Description: Roua is a theme for clean & creative portfolio websites.
Version: 400000000.0.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: diva
Tags: black, blue, white, two-columns, responsive-layout, threaded-comments, translation-ready, custom-menu
*/

.pagination-roua {
    padding-bottom: 45px;
}

.portfolio-single .header-portfolio-single .like span {
    text-align: center;
}

.zilla-likes-postfix {
    margin: 0 !important;
}

section.no-mb .breadcrumb {
    margin-bottom: 0px;
}

.owl-carousel .owl-item img {
    height: auto;
}

.wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor, .aligncenter {}

/*.isotope-item figure {*/
    /*min-height: 450px;*/
/*}*/

.comment-container ul.comments li .comment .left-section img {
    height:auto;
}

.content-portfolio-single > p {
    /*display: inline;*/
}

#main-content img { height:auto; }

.pagination-roua .middle .icon span { background: #dadada; }

.woocommerce > p.cart-empty { min-height: 300px; }

.roua-menu .menu ul li ul {
    position: relative;
    padding-left: 40px;
}
.roua-menu .menu ul li ul:after {
    content: '';
    width: 1px;
    background: #c9c9c9;
    height: 100%;
    top: -5px;
    position: absolute;
    display: block;
    left: 20px;
}
img{width:100%; max-width:100%;}

.roua-menu .menu ul li ul li a {
    font-size: 21px;
    line-height: 30px;
    padding-bottom: 10px;
}
.roua-menu .menu ul li ul li a:after {
    height: 2px;
}
.roua-menu .menu ul li ul li a:hover:after {
    bottom: 10px;
}

.portfolio figure .item-cover-anchor {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.portfolio ul li figure .content .left {
    z-index: 2;
}

.portfolio-single .footer-portfolio-single .social-icons a:hover {
    cursor:pointer;
}

.woocommerce #reviews img.avatar {
    display: none;
}


/*BV EDIT */
.portfolio ul li figure .content .right { text-align: center !important; }

@media (max-width: 1030px) {
 .portfolio ul li figure .content .right, .products .product .content .right {
 margin-top: 0;
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(-50%) !important;
 -moz-transform: translateY(-50%) !important;
 -o-transform: translateY(-50%) !important;
 -ms-transform: translateY(-50%) !important;
 transform: translateY(-50%) !important;
 }
}

.departmentLink {
    color: #1d2c4d!important;
    background-color: #FFF;
    border-radius: 3px;
    padding: 2px 3px 2px 3px;
    text-transform: uppercase;
    font-weight: 700;
}

.departmentHeader {
    color: #fff;
}

.departmentLink:hover {
    background-color: #1d2c4d;
    color: #FFF!important;
}

.staffer-staff-header img {
    /*border-radius: 100px;  */
    margin: 0 auto;
}


/*Invest*/

.testLink {
    -webkit-transition:all 0.2s ease-out;
    transition: all 0.2s ease-out;
    height: 100px;
    width: 45%;
    float: left;
    text-align: center;
    font-size: 18px!important;
    padding-top: 35px;
    outline: 5px #FFF;
    outline-style: solid;
    margin: 5px!important;
    background-color:#1d2c4d;
    color: #fff!important;

}

.testLink:hover {
    background-color:#fff;
    color:#1d2c4d!important;
    padding-top:32px;
    outline: 5px #1d2c4d solid;

}

.testLink.testLinkSmall {
    width:31%!important;
}

.backLink {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.backLink:visited {
    color:#fff;
}

.backLink:hover {
    color: #fff;
    margin-left: 10px;
}

.bvedit a::before{
    color: #fff!important;
}


/* Kontakt */

.pe_office {
    float: left;
    width:28%;
    margin-right:3%;
}

/* Responsive fix BV */
@media screen and (max-width:475px) {
    .pe_office {
        width:100%!important;
    }
    .testLink {
        width:97%!important;
    }
    .testLink.testLinkSmall {
        width:97%!important;
    }
}

.offices {
    margin-bottom:20%;
}

.staffer-staff-header {
    max-width: none;
    margin-right: 15%;
    display:inline-block;
}

.staffer-staff-header img {
    width: 209px!important;
    height:250px!important;
    min-width: 209px!important;
    max-width: none;
    margin-left:-18px;


}

.staff-content {
    margin:20px 20px 20px 0px!important;
}

.staff-content a {
    font-size:12px!important;
}

.staffer-archive-grid li {
    display: block;
    float: left;
    white-space: nowrap;
    margin-right: 2%;
    /* display: inline-block!important; */
    width: 30%!important;
    min-width:250px;
}

.staffer-archive-grid {
    width:100%;

}

/*Test*/

@media (min-width: 900px)
.col-lg-offset-3  {
    margin-left:5%!important;
}

@media (min-width: 900px)
.col-lg-6 {
    width:auto!important;
}


/* Pressrelease Speglat från poep.se 2017 */

#pressRelease {
    position:absolute;
    width: 50%;
    z-index: 99999999999999999999;
    margin-top:-350px;
    margin-left:30px;
    color:#FFF;
    max-height:
}

#pressRelease * {
    color:#FFF!important;
}


@media (min-width: 350px) {

    #pressRelease * {
        color: #445a7a!important;
    }

    #pressRelease {
        position:relative!important;
        margin-top:0px!important;
    }

    #pressrelease h2 {
        padding-bottom:5px!important;
    }
    #pressRelease p {
        font-size: 11px!important;
    }

}


@media (min-width: 480px) {

    #pressrelease h2 {
        padding-bottom:5px!important;
    }
    #pressRelease p {
        font-size: 18px!important;
    }

}


@media (min-width: 800px) {

    /*#pressRelease {
        margin-top: -265px!important;
    }*/
    #pressRelease h2 {
        padding-bottom:5px!important;
    }

    #pressRelease p {
        font-size: 18px!important;
    }

}


@media (min-width: 1200px) {
    #pressRelease{
        margin-left: 120px;
        width:33%;
        top:50%;
    }


}


.contactHeader {
    display:inline-block!important;
    width:100%!important;
}


/*Image grid fix*/
.layer-media {

    height:200px!important;
    overflow:hidden;
}




.staff-content > h3 {
    padding-top: 0px!important;
}
.entry-content,p,h2,h3{
	opacity:1 !important;
}

header.header{position:absolute !important; padding:0 !important; top:0; max-height:800px !important;}

.open-menu {position:absolute; right:20px; top:20px;}
.open-menu.open {position:absolute; right:10px; top:10px; z-index: 9999999999;color:white !important}
.open-menu.open .icon .top, .open-menu.open .icon .bottom{background-color:white !important;}
.affix{position:absolute !important;}


#pressRelease {position: relative !important; padding:0 !important;}
#pressRelease p {font-size:18px !important; color:black !important;}
#pressRelease h2{margin-left:20px !important; color:black !important;}
#pressRelease h3{color:black !important;}
#pressRelease {width:100% !important; padding:30px; margin:0 !important;}
#pressRelease .entry-content{width:48% !important; float:left !important; display:block !important; padding:20px !important;}

.pageloader{display:none !important;}
#pressRelease .entry-content .date{font-size:11px !important; margin:0 !important; padding:0 !important;}
#pressRelease .entry-content h3{padding-top:4px !important;}
a[data-scroll]{display:none !important;}
.breadcrumb.small-description > div p {font-size:22px; line-height: 150% !important; width:60% !important;}
@media (max-width: 768px) {
#pressRelease .entry-content {width:100% !important}.breadcrumb.small-description > div p {font-size:22px; line-height: 150% !important; width:100% !important;}
}
header.header .logos, .roua-menu .logos {
    width: 140px !important;
    margin:20px;
}
header.header .logos .primary-logo img {
    visibility: visible !important;
    opacity: 1;
    height: auto;
}
.secondary-logo, header.header .logos:after{display:none;}
.video-bg{display:none !important;}

.breadcrumb-fullscreen-parent{max-height:600px !important;}

.logos{display:none !important;}
.logotype{
    height:115px !important;
    width:150px !important;
    position: absolute;
    top:20px;
    left:20px;
    z-index: 9999999;
}
.menu-is-open .logotype{display:none;}
@media (min-width: 768px) {
    .logotype{
        height:115px !important;
        width:150px !important;
        position: absolute;
        top:30px;
        left:40px;
        z-index: 9999999;
    }
}
.roua-menu{background:#1f2b4c;}
.roua-menu .menu ul li a {
    color:white !important;
    font-size:22px !important;
    line-height:200% !important;
}
.roua-menu .menu ul li.no-hovered a {color:white;}
ul.staffer-archive-grid h3.staffer-staff-title, ul.staffer-archive-grid em{text-align:left !important;}
.staffer-archive-grid li{overflow: hidden;}
.staff-content img{max-width:100%; width:100%;}


ul.staffer-archive-grid li{
    flex:initial !important;
    display: initial !important;
    width:100% !important;
    margin-right:0 !important;
    min-width:auto !important;
}
.staff-content {
     margin: 0 0 20px 0px!important;
}
@media (min-width: 768px) {
 ul.staffer-archive-grid li{
    flex:initial !important;
    display: initial !important;
    width:20% !important;
    min-width:auto !important;
}
}
@media (min-width: 768px) {
    .g-1200{padding:40px;}
}
.menu{margin-top:70px !important;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 130% !important;}


@media (max-width: 768px) {.home .portfolio{display:none;}}

.listning p{display:none !important;}
.listning p:first-child{display:block !important;}
.listning .post-grid .grid-items {text-align:left !important;}
.listning .post-grid .grid-items .item {text-align:left !important; width:100% !important; margin:0 !important; padding:10px !important;}
.skin.flat .layer-content {padding:0 !important}
.listning .post-grid .element_0, .listning .post-grid .content{padding:0 !important;}
.listning .post-grid .element_0, .listning .post-grid .layer-content{padding:7px 0 !important;}

@media (min-width: 768px) {
    .listning .post-grid .grid-items .item {width:50% !important;}
}
@media (min-width: 1000px) {
    .listning .post-grid .grid-items .item {width:25% !important;}
}


    .testLink.testLinkSmall{
        width:90% !important;

}
.pagination-roua{DISPLAY:NONE;}

/*Nyheter*/
.header-container{
  position: relative
}
.header-container h1{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1000px) {
  .header-container h1{
    max-width:60%;
  }
}
.nyheter-grid{margin:0 20px;}
.nyheter-grid .grid-item .inner *{margin:0;padding:0;}
.nyhet *{margin:0;padding:0;}
.nyheter-grid .grid-item .inner h2{
 text-transform: none;
 margin-bottom:10px;
}
.nyheter-grid .grid-item .inner a{
  display: inline-block;
  margin-top:20px;
  padding:7px 15px;
  color:black;
}
.nyheter-grid .grid-item .inner p, .nyhtet p{line-height: 160%;}
.nyheter-grid .grid-item .inner a:hover{
  color:black;
  background:white;
  border:2px solid black;
}
.nyheter-grid .grid-item .inner .date, .nyhet .date{
  font-size:14px;
}
.nyhet .nyhet-btn{display:inline-block; margin-top:40px; font-size:18px;}
.nyhet h1.news-headline{text-transform: none; margin-bottom:20px;}
.nyheter-grid .grid-item .inner{
  padding:20px;
  margin:10px;
  background:#F0F0F0;
}
.nyheter-grid .grid-item{
  width:100%;
  float:left;
}
@media (min-width: 768px) {
  .nyheter-grid .grid-item{
    width:50%;
  }
}
@media (min-width: 1200px) {
  .nyheter-grid .grid-item{
    width:33.33333333333%;
  }
}
/* Form styles */
.form-container h2{
  margin-bottom:10px;
}
.form-container {
width:100%;
max-width: 100%;
margin-top:30px;
padding:25px !important;
background:white;
border-radius:6px!important;

}

.my-notify-error{
  color:red;
}
.my-notify-error .ng-binding{
  margin-bottom: 7px;
  margin-left:10px;
}
.my-notify-error .ng-binding:before{
  content:"* ";

}
.col-left,.col-right{
  width:100%;
}

@media (min-width:1000px) {
  .col-left{
    width:50%;
    float:left;
    margin-top:10px;
  }
  .col-right{
    width:50%;
    float:right;
    margin-top:10px;
  }
}

.form-container h2{
  margin-bottom:10px;
}
.form-container {
width:100%;
max-width: 100%;
margin-top:30px;
padding:25px !important;
background:white;
border-radius:6px!important;

}
form{
  font-family: Helvetica, sans-serif;
  font-size:18px;
  max-width:90%;
}
form input, form textarea, .my-notify-error{
  font-weight: 300 !important;  
  font-family: Helvetica, sans-serif !important;
  font-size:18px !important;
  padding:0px !important;
  text-transform: initial !important;
}
form input{
  height:30px; 
}
form input,form input:active,form input:focus,form textarea,form textarea:active,form textarea:focus{
  width:100% !important;
  border:1px solid #ccc !important;
  padding:10px !important;
}
form label{margin-bottom:5px !important; display:block; font-weight: 500 !important; line-height: 1.3;}

form label[for=agree]{
  margin-bottom: 20px !important;
  font-size: 10px;
  font-weight: 500;
  width: 90%;
}
form input[type=checkbox],form input[type=radio]{
  display: inline-block;
    float: left;
    width: initial !important;
    line-height: 1;
    margin: 0;
    padding: 0;
    height: initial;
    margin-right:10px;
    position: relative;
  top:4px;
}
form input, form input:active, form input:focus, form textarea, form textarea:active, form textarea:focus {
  padding:0 !important;
}
#phone2, #phone,#coapplication,#message,#maxRent{margin-bottom:20px;}
form .padding{padding:20px;}
.form-example{padding-bottom:0;display:block;}
label[for=noRooms1],label[for=noRooms2],label[for=noRooms3],label[for=noRooms4],label[for=noRooms5],label[for=ConfirmMail]{
  display:block;
}
label[for=ConfirmMail], label[for=coapplication]{
  display:inline-block;
}
form label[for=message]{
  margin-top:20px;
}
form textarea{
  height:200px;
}

form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
  font-size:18px;
  font-style: italic;
  font-weight: 500;
  font-family: "helvetica", sans-serif !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing: 0.01em !important;
}
form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #666;
  font-size:18px;
  font-style: italic;
  font-weight: 500;
  font-family: "helvetica", sans-serif !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing: 0.01em !important;
}
form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #666;
  font-size:18px;
  font-style: italic;
  font-weight: 500;
  font-family: "helvetica", sans-serif !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing: 0.01em !important;
}
form textarea:-moz-placeholder { /* Firefox 18- */
  color: #666;
  font-size:18px;
  font-style: italic;
  font-weight: 500;
  font-family: "helvetica", sans-serif !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing: 0.01em !important;
}

form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
  font-size:18px;
  font-style: italic;
  font-weight: 500;
  font-family: "helvetica", sans-serif !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing: 0.01em !important;
}
form input::-moz-placeholder { /* Firefox 19+ */
  color: #666;
  font-size:18px;
  font-style: italic;
  font-weight: 500;
  font-family: "helvetica", sans-serif !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing: 0.01em !important;
}
form input:-ms-input-placeholder { /* IE 10+ */
  color: #666;
  font-size:18px;
  font-style: italic;
  font-weight: 500;
  font-family: "helvetica", sans-serif !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing: 0.01em !important;
}
form input:-moz-placeholder { /* Firefox 18- */
  color: #666;
  font-size:18px;
  font-style: italic;
  font-weight: 500;
  font-family: "helvetica", sans-serif !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing: 0.01em !important;
}

form input[type="file"]{border:none !important;}

form button, form input[type=submit], form input[type=button]{
  background:white;
  border:1px solid #333;
  padding:12px 20px !important;
  font-weight: 700 !important;
  font-size:18px;
  margin-top:20px;
  

}
form button:hover, form input[type=submit]:hover, form input[type=button]:hover{
  color:white;
  background:#333;
}

form input[type=submit], form input[type=button]{height:initial;}

.form-control, input[type=text], input[type=tel], input[type=email], input[type=password], textarea, .post-password-form input[type=password], .cart-collaterals .input-text, .create-account .input-text, .login .input-text {
  text-transform: initial;
}

select {
   background: transparent;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}
/*End form styles*/

.large-btn-container{
  
  text-align: center;
}
.large-btn{
  display:inline-block;
  width:300px;
  background:#1d2c4d;
  color:white;

  font-size: 22px;
  padding:40px 60px;
  margin-bottom:20px;
}
@media (min-width: 768px) {
  .large-btn:nth-child(odd){
    margin-left:40px;
  }
}
.large-btn:hover{
  color:white;
}
div[role=alert]{
  color: #333;
  font-style: italic;
  padding: 20px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
  border:none !important;
  padding:0 !important;
}

.buttons-wrap{padding:20px 0 !important;}

form > h2{display:none;}