/* CSS Document */

body {
  padding-top: 60px;
}

/* -------------------------------------------------------------------------- */

#mainNav {
  background-color: #222222;
  padding-top: 0;
  padding-bottom: 0;
}

#mainNav.navbar-shrink .navbar-brand {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
}

#mainNav .navbar-brand img.logo {
  height: 50px;
  background-color: #FFFFFF;
  padding: 0 3px 0 0;
}

/* -------------------------------------------------------------------------- */

section {
  padding: 40px 0;
}

section#portfolio {
  padding-bottom: 10px;
}

section h3.section-subheading {
  margin-bottom: 50px;
}

#portfolio .portfolio-item.clicked .portfolio-caption {
  background-color: #ECEDEE;
}

@media (min-width: 576px) {

  #portfolio .portfolio-item .portfolio-caption h4 {
    height: 2.2em;
    overflow: hidden;
  }
  
  #portfolio .portfolio-item .portfolio-caption p {
    height: 3.5em;
    overflow: hidden;
  }
  
}
  
/* -------------------------------------------------------------------------- */

.portfolio-modal .modal-content h2 {
  font-size: 2em;
}

.portfolio-modal .modal-content p.item-intro {
  font-size: 1.2em;
}

dl.item_properties,
dl.item_properties dt,
dl.item_properties dd {
  margin: 0;
  padding: 0;
  text-align: left;
}

dl.item_properties dt,
dl.item_properties dd {
  float: none;
  width: 100%;
  margin-left: 0;
}

dl.item_properties dd {
  text-align: justify;
}

dl.item_properties dt.important span.content,
dl.item_properties dd.important span.content {
  font-size: 1.3em;
}

ul.item_properties {
  margin: 0.2em 0;
  padding: 0.2em 0;
  border-color: #212529;
  border-style: solid;
  border-width: 1px 0;
  text-align: justify;
}

ul.item_properties li {
  display: block;
}

@media (min-width: 768px) {
    
  dl.item_properties dt {
    float: left;
    width: 8em;
    font-weight: bold;
  }
  
  dl.item_properties dd {
    margin: 0 0 0.2em 8em;
    width: auto;
  }        

  ul.item_properties {
    list-style-type: none;
  }
  
  ul.item_properties li {
    display: inline;
    margin: 0 0.5em 0 0;
    padding: 0;
  }
  
}

@media (max-width: 575px) {

  .property-gallery .col-xs-6 {
  	-ms-flex: 0 0 50%;
  	flex: 0 0 50%;
  	max-width: 50%;
  }

}
  
.modal-body button.btn {
  margin-right: 5px;
  margin-bottom: 5px;  
}

/* -------------------------------------------------------------------------- */

.mfp-bg {
  z-index: 2042;
}

.mfp-wrap {
  z-index: 2043;
}

/* -------------------------------------------------------------------------- */

a.btn.contact {
  background-color: #f0f0f0;
  color: #212529;
  margin-right: 5px;
  margin-bottom: 5px;
}

span.more_text span.show {
  cursor: pointer;
  background-color: #f0f0f0;
  color: #212529;
  border-width: 0;
  margin: 0;
  padding: 0.3em;
  vertical-align: middle;
  font-size: 1em;
  margin: 0 0.1em 0.1em 0;
  border-radius: 6px;
  display: inline-block;
}

/* -------------------------------------------------------------------------- */

#settings .btn-group .btn,
#settings .btn-group-vertical .btn {
  text-transform: none;
  font-weight: normal;
  border-color: #868e96;
  background-color: transparent;
  color: #868e96;
}

#settings .btn-group .btn.active,
#settings .btn-group-vertical .btn.active {
  border-color: #fec503;
  background-color: #fec503;
  font-weight: bold;
  color: #FFFFFF;
}