/*
Theme Name: Mies Child
Theme URI: http://pixelgrade.com/demos/mies
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: mies
Description: MIES is a front line parallax Architecture WordPress Theme prized for allowing you to present your activity within a delightful and captivating experience. It's perfect for a full range of presentations and portfolio projects of designers, architects or photographers.
License: Themeforest Split Licence
License URI: -
Text Domain: mies_txtd
Domain Path: /languages/
Tags: white, light, dark, responsive-layout, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, translation-ready
*/

/* Add your custom CSS rules that overwrite the ones in the main Mies theme here */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: hive' line. */

body{
  background: #cec7b5 !important;
}

.top_header_eff{
  background: #cec7b5 !important;
}


blockquote:before {
  font-family: 'Playfair Display', serif;
}

address {
  font-family: 'Playfair Display', serif;
}

.masonry__item-meta * {
  font-family: 'Playfair Display', serif;
}

#post-618 img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  width: 120px;
}

#post-792 img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  width: 120px;
}

#post-1241 img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  width: 120px;
}

#post-1258 img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  width: 120px;
}

#post-669-title li{
  font-size: 15px;
}

.hero__btn{
	display: none;
}

.arrow--down{
  display: none;
}

.content--portfolio-archive .btn{
  display: none;
}

#menu-item-716 ul li{
	font-size: 15px;
}

#menu-item-1279 ul li{
  font-size: 15px;
}

.hero__content ul{
	list-style:none;
}

@media screen and (min-width: 992px) {
  .lingue{
    position: absolute;
    right: 120px;
    top: 59px;
  }
}

@media screen and (max-width: 992px) {
  .lingue{
    position: absolute;
    right: 60px;
    top: 18px;
  }

  .hero.full-height{
    height: 50%;
  }

  /*.sub-menu li a{
    color:#000 !important;
  }*/

  .gallery-columns-4 .gallery-item{
    width: 100%;
  }

  .site-logo-img{
    max-height: 70px !important;
  }

  #post-669-title .hero__content-wrap,
  #post-706-title .hero__content-wrap,
  #post-709-title .hero__content-wrap,
  #post-714-title .hero__content-wrap,
  #post-1130-title .hero__content-wrap,
  #post-1138-title .hero__content-wrap,
  #post-1135-title .hero__content-wrap,
  #post-1132-title .hero__content-wrap
  {
    margin-top: 100px;
  }

  #post-618-title,#post-565-title,#post-3-title,#post-890-title,#post-1333-title,#post-1263-title{
    margin-top: 100px;
  }

  .hero__bg img{
    width: 150% !important;
    top:0 !important;
    min-height: 0;
  }
}



.lingue li{
  display: inline;
}

.lingue .lang-item-36{
  margin-right: 10px;
}

.lingue li a{
  text-transform: uppercase;
  font-size: 18px;
  line-height: 17px;
}

.lingue li a:hover{
  color: #fff !important;
}


.gmap__marker__img{
  width: 20px;
}

.gmap__marker__btn{
  padding: 4px 25px 4px 30px;
  font-size: 10px;
}

.copyright{
  color:#fff;
  text-align:center;
  padding:30px;
  background: #171617;
  font-size: 12px;
}


.menu--main-menu .sub-menu{
  background-color: #000;
}

.menu--main-menu .current_page_item a:hover{
  color: #000 !important;
}

#menu-main-menu li a:hover{
  color:  #000;
}

.menu--main-menu .sub-menu a{
  color: #fff !important;
}

.sub-menu li:hover{
  background-color: transparent;
}

.menu--main-menu .sub-menu a:hover{
  color: #fff !important;
  
}

.lingue{
  display: none;
}

@media screen and (min-width: 992px) {

  .js-hero-bg{
    top: 90px !important;
  }

  .top_header_eff{
    background: #fff;
    width: 100%;
    height: 20px;
    padding: 10px 0 0 40px;
  }

  .logo, .navigation{
    top: 50px !important;
  }

  .content{
    margin-top: 140px !important;
  }

}

.entry-content a, article.page a{
  border: 0;
  color: #000;
}