/*
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. */


/*
@media all and (max-width: 900px) {}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {}
@media screen and (max-width: 782px) {}
@media not screen and (max-width: 75em) {}
@media screen and (-webkit-min-device-pixel-ratio: 0) {}
@media not screen and (min-width: 321px) {}
*/


/*make the menu more visible on the contact page*/

.hero.hero--map {
  pointer-events: all !important;
  display: block !important;
}
#mapFilter {
  z-index: 100;
  position: absolute;
  margin-top: 10.7%;
  margin-left: 58px;
  background-color: #c0c0c0;
}
#filterSelection {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
#mapFilter h3 {
  margin-bottom: 5px;
}

.map-info-window h6 {
  margin-bottom: 8px;
    border-bottom: 1px solid black;
}

.map-info-window p {
  text-align: left;
}
.map-info-window a {
  text-decoration: underline;
  text-decoration-color: blue;
}

/*make the menu more visible on the map page*/
/*header#post-1152-title {
    box-shadow: inset -30px 130px 130px -30px rgba(255, 255, 255, 0.8);
}*/

/* modify the background of the navigation for the project map page */

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

body.page-id-1152  div.navigation.clearfix {
    background-color: rgba(255, 255, 255, 0.91);
    height: 31px;
    width: 490px;
    border-radius: 10px;
    padding: 6px;
  }
  body.page-id-1152 .header .menu--horizontal .menu-item-has-children:hover > .sub-menu {
    background-color: rgba(255, 255, 255, 0.91);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 5px;
    margin-left: -6px;
    padding-left: 6px;
  }

  body.page-id-1152   .header.header--inverse-important div.navigation.clearfix {
    background: none;
  }


}

@media screen and (max-width:799px) {

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

  .item--is-adopted {
    display:none;
  }

  body.page-id-1152  div.navigation.clearfix {
      background-color: rgb(255, 255, 255);
      height: 31px;
      width: 39px;
      border-radius: 6px;
      padding: 6px;
    }

    body.page-id-1152   .header.header--inverse-important div.navigation.clearfix {
      background: none;
      }
}

@media screen and (max-width:640px) {
  .site-logo--image img {
    max-height: 30px !important;
  }
}

@media screen and (max-width:320px) {
  .site-logo--image img {
    max-height: 26px !important;
  }
}

/*modify main menu appearance */

 div.navigation .menu--horizontal,
 .menu--main a {
	 font-weight: 600;
	 font-size: 13px;
	 font-size: 0.80588rem;
	 padding-right: 19px;
	 padding-right: 1.17647rem;
	 position: relative;
}

ul.masonry__item-meta li {
		font-family: "lato", sans-serif;
		font-style: normal;
		text-transform: uppercase;
}

.navigation__links a:hover::after {
    right: 20px;
    right: 1.1rem;
}

body.page-id-118 div.hero__description {
  margin-top: 36%;
/*color: red;
background-color: black;*/
}

/*modify the arrow down on all project hero*/
.hero--shadowed .svg-arrow path, .hero--dark .svg-arrow path {
    fill: white;
}
/*end modify down arrow on all project heros*/

/*modify front page text*/
body.page-id-118 .narrow, blockquote {
    max-width: 43em;
}

body.page-id-118 blockquote, .intro {
    font-size: 20px;
    font-size: 1.2rem;
}

body.page-id-118 .hero__caption {
    color: white;
}

/*modify front page text on mobile devices*/
@media screen and (max-width:640px) {

  body.page-id-118 blockquote, .intro {
      font-size: 15px;
      font-size: 1rem;
  }
}

/*end modify front page text*/

/*modify map on portfolio archive*/

/* div.gmap__marker--all-proj__undefined div.gmap__marker__btn {
  display: none;
}

div.gmap__marker--all-proj__undefined img.gmap__marker__img {
  display: block;
  left: 1.1rem;
  top: 3rem;
  width: 0.7rem;
}

div.gmap__marker--all-proj__featured div.gmap__marker__btn {
  font-size: 0.6rem;
  border-radius: 15px;
  padding: .3rem .5rem .3rem 2rem;
  position: relative;
  left: .5rem;
  top: 2.4rem;
}

div.gmap__marker--all-proj__featured img.gmap__marker__img {
  left: .6rem;
  top: 1.3rem;
  width: 0.7rem;
}

div.gmap__marker--all-proj__featured div.gmap__marker__btn a:hover {
  color: #0085c1;
}

.gmap__marker__btn {
	min-width: 8rem;
} */

img.gmap__marker__img {
  width: 0.7rem;
}

/* this part isn't working yet */
div.gmap__marker div.gmap__marker--all-proj__undefined img.gmap__marker__img {
  opacity: 0.5;
}
/* not working end */

.gmap__marker__btn {
  display: block;
  min-width: 8rem;
  font-size: 0.6rem;
  border-radius: 9px;
  padding: 0.35rem;
  position: relative;
  left: .5rem;
  top: 2.4rem;
  /* hide the blocks when not on hovering and apply a transition to full opacity */
  opacity: 0.0;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -ms-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;
}

.gmap__marker__btn:hover {
  opacity: 1.0;
  z-index: 100;
}

.hero--map {
  clear: both;
}

a.project--link-dark {
  color:#afafaf;
}

a:hover.project--link-dark {
  color:#000;
}


/*profile page specific*/

.profile--staff-names {
  margin: -1.6rem 0 0 0;
  padding: 0 0 0 0;
  font-family: lato, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .7rem;
  letter-spacing: .09rem;
}

/* .profile--staff-info {
  line-height: .6rem;
} */

.profile--headshots-associates {
  height: 240px;
}

.profile--associates-text-block {
  margin: 4rem auto;
  width: 212px;
}

.profile--staff-text-block {
  margin: 3rem 0rem 2rem 2.2rem;
  width: 212px;
}


.profile--headshots {
  height: 170px;
}

.profile--no-headshot {
  margin-top: 80px;
}

.profile--spacer {
  height: 4rem;
}

/*center headshots on mobile devices*/

@media screen and (max-width:799px) {

  .profile--headshots-associates {
    height: 240px;
  }

  .pixcode--grid  {
    text-align: center;
  }
  .profile--headshots {
    margin: 0rem auto -1rem;
    height: 240px;
    width:  212px;
  }
  .profile--staff-names {
    margin: 0 auto;
  }
}

body.page-id-79 .entry-content a, article.page a {
    border-bottom: none;
  }

@media screen and (min-width:800px) {
  .world-class-clients__txt {
    font-size: 20px;
  }
}

/*the captcha on the contact us page needs a margin at top */

#contact-us--captcha {
  margin-top: 1rem;
}


/* @media not screen and (min-width: 800px) {
	.profile--headshots {
		color;
		line-height: 1.7;
	}
*/
/*modify footer appearance*/

.footer {
  margin-bottom: -3rem;
}

.footer .widget_nav_menu {
	font-weight: 600;
	font-size: 13px;
	font-size: 0.80588rem;
}

.footer .menu--horizontal,
.footer a {
	color: #000;
	text-transform: uppercase;
}

.footer div.textwidget h4 {
		color: #000;
		font-family: "lato", sans-serif;
		font-weight: 600;
		font-size: 13px;
		font-size: 0.80588rem;
		letter-spacing: 0.06rem;
}

.footer div#recent-posts-2 h3 {
  margin-bottom: 0;
}

.footer div#recent-posts-2 li {
  list-style-type: none;
  margin-bottom: 0;
  margin-top: .08rem;
  font-size: .7rem;
  font-weight: 400;
}

.footer div#recent-posts-2 a:hover, .footer div#nav_menu-5 a:hover {
    border-bottom: 2px solid currentColor;
  }


.footer h3 {
  color: #000;
}

.footer--copyright p {
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 10px;
}

/*@media (min-width: 800px) {

footer div#text-2 {
	padding-right: 20px;
	width: 20%;
}

footer div#text-3 {
	padding-left: 0;
}

div#nav_menu-3 {
	padding-left: 0px;
	margin-left: -10px;
}
}*/