/*!
 * RCI v3.0.0
 * For Bootstrap 5.3
 *
 * Copyright 2017 Reality Check, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

/* Brand font for "Reality Check" / "Reality Check, Inc." */
@font-face {
    font-family: 'Arial Rounded MT Bold Web';
    src: url('../fonts/ArialRoundedMTBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Poppins', sans-serif;
    padding-top: 3.5rem;
}
body h1 {
    font-family: 'Nunito', sans-serif;
}
body h2 {
    font-family: 'Nunito', sans-serif;
}
body h3 {
    font-family: 'Nunito', sans-serif;
}
.font-anton {
    font-family: 'Anton', sans-serif;
}
.font-nunito {
    font-family: 'Nunito', sans-serif;
}
.font-poppins {
    font-family: 'Poppins', sans-serif;
}
.font-ubuntu {
    font-family: 'Ubuntu', sans-serif;
}

.rci-date {
    color: #DC3A37;
}
.rci-blog {
    color: #5e0d20;
}

.rci-banner {
    background-color: #DC3A37;
}
.rci-banner-dark {
    background-color: #C11619;
}

.rci-copyright {
    padding-top: 1rem;
    text-align: center;
    color: #fff;
    background-color: #DC3A37;
}

.btn-rci {
    color: #FFFFFF;
    background-color: #BDAD88;
}
.bg-dark {
    background-color: #5e0d20 !important
}

.rci-hero {
    color: #fff;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
}
@media (min-width: 576px) {
    .rci-hero {
        padding: 4rem 2rem;
    }
}

/* Bootstrap 5 underlines every link; the site's links are plain until hovered. */
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a.btn:hover, a.nav-link:hover, a.navbar-brand:hover, a.dropdown-item:hover {
    text-decoration: none;
}
.rci-hero h1 {
    font-family: 'Arial Rounded MT Bold Web', 'Arial Rounded MT Bold', 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 300%;
}
.rci-hero h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 150%;
}

/* https://www.w3schools.com/colors/colors_picker.asp */
.rci-section-light {
    background-color: #f6f4ef;
}
.rci-section-light h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 225%;
    text-align: center;
}

.rci-logo {
    font-family: 'Arial Rounded MT Bold Web', 'Arial Rounded MT Bold', 'Nunito', sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.whatayla-logo {
    font-family: 'Ubuntu', sans-serif;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.bd-footer {
    font-size: 85%;
    text-align: center;
    color: #eee;
    background-color: #938156
}

.bd-footer-heading {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    color: #fff;
}

.bd-footer a {
    font-weight: 500;
    color: #eee;
}

.bd-footer a:focus, .bd-footer a:hover {
    color: #fff;
}

.bd-footer p {
    margin-bottom: 0
}

@media (min-width:576px) {
    .bd-footer {
        text-align: left
    }
}

.bd-footer-links {
    padding-left: 0;
    margin-bottom: 1rem
}

.bd-footer-links li {
    display: block
}

/* Clients logo wall: always fill the content container width, keeping aspect ratio */
.rci-client-wall {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/* Consulting page */
.rci-eyebrow {
  font-family: 'Poppins', sans-serif;
  font-size: .78rem;
  font-weight: bold;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: #938058;
  margin-bottom: .5rem;
}
.rci-banner .rci-eyebrow {
  color: #fbe3d6;
}
.rci-consult-hero h1 {
  line-height: 1.15;
}
.rci-consult-hero h3 {
  max-width: 48rem;
  line-height: 1.5;
}
.btn-rci:hover, .btn-rci:focus {
  color: #fff;
  background-color: #938058;
}
/* matches the client-wall.png background so the image blends in */
.rci-section-wall {
  background-color: #f5f5f5;
}
.rci-consult-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.rci-section-head {
  max-width: 48rem;
  margin-bottom: 2rem;
}
.rci-service {
  margin-bottom: 2rem;
}
.rci-service img {
  margin-bottom: 1rem;
}
.rci-service h2 {
  font-size: 1.6rem;
}
.rci-tags span {
  display: inline-block;
  margin: 0 .35rem .5rem 0;
  padding: .3rem .8rem;
  font-size: .85rem;
  color: #5e0d20;
  background-color: #fff;
  border: 1px solid #BDAD88;
  border-radius: 999px;
}
.rci-steps {
  padding-left: 1.2rem;
}
.rci-steps li {
  margin-bottom: .75rem;
}
.rci-cta {
  padding: 2.5rem;
  background-color: #fff;
  border: 1px solid #BDAD88;
  border-top: 6px solid #DC3A37;
  border-radius: .5rem;
}
@media (max-width: 575px) {
  .rci-hero.rci-consult-hero h1 {
    font-size: 2.1rem;
  }
  .rci-hero.rci-consult-hero h3 {
    font-size: 1.15rem;
  }
  .rci-cta {
    padding: 1.5rem;
  }
}

/* Whole-section link (home page Clients section -> /consulting) */
a.rci-block-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
a.rci-block-link:hover, a.rci-block-link:focus {
  color: inherit;
  text-decoration: none;
}
a.rci-block-link:hover h1, a.rci-block-link:focus h1 {
  color: #DC3A37;
}

/* Contact form */
.rci-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.rci-contact-form label {
  font-weight: 500;
}
.rci-contact-form .form-control:focus,
.rci-contact-form .form-select:focus {
  border-color: #BDAD88;
  box-shadow: 0 0 0 .2rem rgba(189, 173, 136, .35);
}

/* Bootstrap 5.3's .text-muted is a faint translucent body colour; keep the plain grey the site has always used. */
.text-muted {
  color: #868e96 !important;
}