/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* =========================================================
   ORANGE DOT AUDIO - SITE DESIGN SYSTEM
   ========================================================= */

:root {
  --oda-orange: #f36c21;
  --oda-charcoal: #222222;
  --oda-cream: #f4ebdd;
  --oda-text: #444444;
  --oda-muted: #666666;

  --oda-content-width: 980px;
  --oda-copy-width: 880px;

  --oda-section-space: 5rem;
  --oda-section-space-tight: 3.5rem;
}


/* ---------- SECTION SPACING ---------- */

.oda-section {
  padding-top: var(--oda-section-space) !important;
  padding-bottom: var(--oda-section-space) !important;
}

.oda-section-tight {
  padding-top: var(--oda-section-space-tight) !important;
  padding-bottom: var(--oda-section-space-tight) !important;
}


/* ---------- SECTION BACKGROUNDS ---------- */

.oda-cream {
  background-color: var(--oda-cream) !important;
}

.oda-dark {
  background-color: var(--oda-charcoal) !important;
}

.oda-white {
  background-color: #ffffff !important;
}


/* ---------- CONTENT WIDTH ---------- */

.oda-content {
  max-width: var(--oda-content-width);
  margin-left: auto;
  margin-right: auto;
}

.oda-copy {
  max-width: var(--oda-copy-width);
  margin-left: auto;
  margin-right: auto;
}

.oda-center {
  text-align: center;
}


/* ---------- EYEBROW / SMALL ORANGE LABEL ---------- */

.oda-eyebrow {
  margin: 0 0 1rem;
  color: var(--oda-orange);
  font-size: 0.78rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}


/* ---------- HEADINGS ---------- */

.oda-section-title {
  margin: 0 0 1.5rem;
}

.oda-card-title {
  margin: 0 0 0.65rem;
}


/* ---------- BODY COPY ---------- */

.oda-copy p {
  margin: 0 0 1.25em;
}

.oda-copy p:last-child {
  margin-bottom: 0;
}

.oda-card-copy {
  margin: 0;
  color: var(--oda-muted);
}


/* ---------- DARK SECTIONS ---------- */

.oda-dark .oda-section-title,
.oda-dark h2,
.oda-dark h3 {
  color: #ffffff;
}

.oda-dark .oda-copy,
.oda-dark .oda-copy p,
.oda-dark .oda-card-copy {
  color: #dddddd;
}


/* ---------- MOBILE ---------- */

@media only screen and (max-width: 690px) {
  .oda-section {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .oda-section-tight {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

/* =========================================================
   ORANGE DOT AUDIO - TYPOGRAPHY SYSTEM
   ========================================================= */

/* Standard body copy used inside our custom sections */
.oda-copy,
.oda-copy p {
    font-size: 1.125rem;
    line-height: 1.7;
}

/* Large section headings */
.oda-section-title {
    margin: 0 0 1.5rem;
    font-size: clamp(2.35rem, 3.5vw, 3rem);
    line-height: 1.1;
    font-weight: 700;
}

/* Card / capability headings */
.oda-card-title {
    margin: 0 0 0.75rem;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600;
}

/* Card descriptions */
.oda-card-copy {
    margin: 0;
    font-size: 1.0625rem;
    line-height: 1.65;
    color: var(--oda-muted);
}

/* Optional larger introductory paragraph */
.oda-lead {
    font-size: 1.25rem;
    line-height: 1.65;
}

/* Orange section label */
.oda-eyebrow {
    margin: 0 0 1rem;
    color: var(--oda-orange);
    font-size: 0.78rem;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

/* Dark-section corrections */
.oda-dark .oda-copy,
.oda-dark .oda-copy p,
.oda-dark .oda-card-copy,
.oda-dark .oda-lead {
    color: #dddddd;
}

.oda-dark .oda-section-title,
.oda-dark .oda-card-title {
    color: #ffffff;
}

/* Mobile */
@media only screen and (max-width: 690px) {
    .oda-copy,
    .oda-copy p {
        font-size: 1rem;
        line-height: 1.65;
    }

    .oda-section-title {
        font-size: 2.15rem;
    }

    .oda-card-title {
        font-size: 1.35rem;
    }

    .oda-card-copy {
        font-size: 1rem;
    }

    .oda-lead {
        font-size: 1.1rem;
    }
}
/* Full-width split sections */
.oda-split {
  width: 100%;
}

.oda-split .wpb_column {
  padding-left: 3%;
  padding-right: 3%;
}
/* Orange Dot playback ratings */

.oda-rating {
    text-align: center;
}

.oda-rating-dots {
    margin-bottom: 1rem;
    color: var(--oda-orange);
    font-size: 1.65rem;
    line-height: 1;
    letter-spacing: 0.15em;
    white-space: nowrap;
}

.oda-rating h3 {
    margin-bottom: 0.65rem;
}

.oda-rating p {
    margin: 0 auto;
    max-width: 340px;
}