/* Styles for the project page. */
/* Title */
.project-title {
  font-family: "Roboto Condensed", sans-serif;
  color: #33373D;
  font-weight: 700;
  font-size: 64px;
  margin-top: 52px;
  margin-bottom: 0px;
  letter-spacing: -0.007em;
  line-height: 1.03em;
}

/* Section headings */
.page-node-type-project h2 {
  font-family: "Roboto Condensed", sans-serif;
  color: #33373D;
  font-weight: bold;
  margin-top: 37px;
  margin-bottom: 17px;
}

.field--name-field-related-articles h2 {
  margin-bottom: 50px;
}

/* Status line */
.project-status-summary-element {
  margin-top: 28px;
}

.project-status {
  font-size: 19px;
}

.project-icon-bullet {
  display: inline-block;
  width: 15px;
  margin-right: 3px;
  height: 15px;
  border-radius: 10px;
  background-color: #aaaaaa;
}
.project-icon-bullet.color-aqua {
  background-color: rgb(80, 175, 222);
}
.project-icon-bullet.color-green {
  background-color: rgb(76, 156, 142);
}
.project-icon-bullet.color-yellow {
  background-color: rgb(221, 202, 88);
}
.project-icon-bullet.color-magenta {
  background-color: rgb(183, 97, 166);
}

.project-updated {
  font-size: 70%;
  margin-left: 5px;
  color: #a0a0a0;
}

/* Attributes tables */
.project-attributes-table {
  margin-top: 28px;
}

table.project-table {
  width: 66.66%;
  margin-top: 1em;
}

.project-table tr:first-of-type td {
  border-top: none;
}
.project-table tr td:first-child {
  font-weight: bold;
  padding-left: 0;
}

.project-companies-table a.add-company-link {
  background-color: black;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 15px;
  margin: 40px 0 0;
  width: 315px;
  text-align: center;
  transition: all 250ms ease-out;
}
.project-companies-table a.add-company-link::before {
  background-color: white;
  border-radius: 100%;
  color: #000;
  content: "+";
  display: inline-block;
  height: 20px;
  margin-right: 11px;
  line-height: 16px;
  text-align: center;
  transition: all 250ms ease-out;
  text-decoration: none;
  width: 20px;
}
.project-companies-table a.add-company-link:hover {
  background-color: #08B2E3;
  color: #fff;
  text-decoration: none;
}
.project-companies-table a.add-company-link:hover::before {
  color: #08B2E3;
}

/* Project Location */
.block-urbanize-project-location h2 {
  margin-bottom: 10px;
}
.block-urbanize-project-location .project-address {
  margin-bottom: 16px;
}

/* Ad Slots */
.region-sidebar > .block-urbanize-ad-slot {
  margin-top: 60px;
}
.region-sidebar > .block-urbanize-ad-slot .ad-label {
  width: 300px;
}

/* Mobile */
@media (max-width: 767px) {
  h1.project-title {
    font-size: 50px;
  }
}
@media (max-width: 400px) {
  h1.project-title {
    font-size: 40px;
  }
}