/* Nav Bar */

.navbar-logo {
  width: 150px;
}

#hero .nav-item .nav-link {
  color: white;
  background: rgba(0,0,0,0.5);
  border-radius: 5px;
  margin: 0 5px;
  font-family: 'Roboto Slab';
  text-transform: uppercase;
}

#hero .nav-item .nav-link:hover {
  background: bisque;
  color: #ff0000;
  transition-duration: .3s;
}

.hero-Home {
  margin-top: -165px;
  background: url("../../assets/img/identity/mjc-cambodia-bw.webp") top / cover no-repeat;
  min-height: 500px;
  padding: 200px 30px 100px;
}

.hero-Landscape {
  margin-top: -165px;
  min-height: 500px;
  padding: 200px 30px 100px;
}

@media (min-width: 768px) {
  .navbar-brand {
    width: 200px;
  }
}

/* Typography */

.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
  font-family: 'Tenor Sans';
}

p {
  font-size: 1rem;
}

.background-dark h3, .background-dark h4 {
  color: #D1B15C;
}

.background-dark h1, .background-dark h2 {
  color: #ECE4D7;
}

.background-dark p {
  color: #ECE4D7;
}

.h5, .h6, h5, h6 {
  font-family: 'Open Sans';
  font-weight: 600;
  text-transform: capitalize;
}

p.aside, h5.aside, h6.aside {
  font-size: .9rem;
}

.figure-caption {
  color: rgba(50,50,50,0.9);
  font-size: .9rem;
  text-align: right;
  padding-right: 5px;
}

@media (max-width: 767.98px) {
  .figure-caption {
    color: rgba(50,50,50,0.9);
    font-size: .75rem;
    text-align: right;
    padding-right: 5px;
  }
}

#about-tools p {
  font-size: .9rem;
  color: var(--bs-gray);
  margin: .5rem 0;
}

@media (max-width: 767.98px) {
  p {
    font-size: .85em;
  }
}

@media (max-width: 767.98px) {
  .lead {
    font-size: 1.1rem;
  }
}

/* Images */

aricle .bleed-40 img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 25px;
  box-shadow: 0 0 25px rgba(0,0,0,0.5);
}

#lightbox-home img {
  border-radius: 5px;
}

article .bleed-40 {
  width: calc(100% + 80px);
  margin-left: -40px;
}

article .bleed-60 {
  width: calc(100% + 119px);
  margin-left: -60px;
}

aricle .bleed-60 img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 25px;
  box-shadow: 0 0 25px rgba(0,0,0,0.5);
}

@media (max-width: 767.98px) {
  article .bleed-60, .bleed-40 {
    width: 100%;
    margin-left: 0;
  }
}

/* Forms */

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

#hp {
  display: none;
}

/* Elements */

.boxshadow {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

blockquote {
  margin: 0 25px;
  border-left: #D1B15C 5px solid;
  padding-left: 10px;
  font-style: italic;
}

/* Backgrounds & Colors */

.clr-site-bg {
  color: #ECE4D7;
}

.clr-teal {
  color: #506372;
}

.clr-orange {
  color: #DA7855;
}

.bg-radial-black {
  background: #000;
  background: radial-gradient(circle, rgb(20,20,20) 0%, rgb(0,0,0) 50%, rgb(33,16,16) 100%);
}

.bg-linear-orange {
  background-image: linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%);
}

/* Footer */

footer {
  background: var(--bs-black);
}

.footer-Newsletter-BG {
  background: #E5E5E7;
}

h6.copyright {
  font-family: monospace;
  letter-spacing: 5px;
  font-weight: 300;
  color: #EBE4D8;
  margin: 20px auto;
  padding-bottom: 40px;
}

@media (max-width: 767.98px) {
  h6.copyright {
    font-family: monospace;
    letter-spacing: 3px;
    font-weight: 300;
    color: #EBE4D8;
    margin: 10px auto;
    padding-bottom: 40px;
    font-size: .9rem;
  }
}