@charset "utf-8";

/*
  Theme Name: Podcast
  Version: 1.0
  Author: Mindful Creative
  Last Major Update: 2.27.26
*/

@font-face {
    font-family: 'modicablack';
    src: url('/wp-content/themes/mc-podcast/inc/thejoecozzoshow/fonts/modica-webfont.woff2') format('woff2'),
         url('/wp-content/themes/mc-podcast/inc/thejoecozzoshow/fonts/modica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {

  /* ─── Brand Colors ─────────────────────────────── */
  --color-accent:           #2bc4f1;   /* primary blue */
  --color-accent-hover:     #43a5ff;   /* lighter blue on hover */
  --color-accent-active:    #00B5FA;   /* thumbnail border active */

  /* ─── Text ─────────────────────────────────────── */
  --color-text:             #505050;   /* body copy */
  --color-text-light:       #6a6b6d;   /* placeholder text */
  --color-heading:          #505050;   /* headings default */
  --color-link:             #2bc4f1;

  /* ─── UI / Borders ─────────────────────────────── */
  --color-border:           rgba(0,0,0,.10);
  --color-border-light:     rgba(0,0,0,.1);
  --color-border-sidebar:   rgba(0,0,0,.15);

  /* ─── Backgrounds ──────────────────────────────── */
  --color-bg-body:          #FFF;
  --color-bg-header:        #000;
  --color-bg-dark:          #191919;   /* footer, buckets row */
  --color-bg-mobile-nav:    #FFF;
  --color-bg-sub-nav:       #FFF;
  --color-bg-sidebar:       #FFF;
  --color-bg-search-overlay: rgba(0,0,0,.9);
  --color-bg-mobile-overlay: rgba(0,0,0,.85);
  --color-bg-archive-overlay: rgba(0,0,0,.85);
  --color-bg-post-nav:      rgba(0,0,0,.85);

  /* ─── Whites / Overlays ─────────────────────────── */
  --color-white:            #FFF;
  --color-white-faint:      rgba(255,255,255,.1);   /* footer borders */
  --color-white-dim:        rgba(255,255,255,.15);  /* heading.alt border */
  --color-white-mid:        rgba(255,255,255,.2);   /* bucket hover overlay base */

  /* ─── Shadows ───────────────────────────────────── */
  --shadow-subnav:          0 0 7.5px rgba(0,0,0,.05);
  --shadow-message:         0px 0px 125px -35px rgba(0,0,0,1);

  /* ─── Typography ────────────────────────────────── */
  --font-body:              'Roboto', sans-serif;
  --font-display:           'modicablack';           /* logo, headings, buckets */
  --font-size-base:         16px;
  --font-size-nav:          14px;
  --font-size-heading:      20px;
  --font-size-logo:         26px;
  --color-placeholder:      #6a6b6d;
  --opacity-placeholder:    .65;

  /* ─── Buttons ───────────────────────────────────── */
  --btn-radius:             5px;
  --btn-font-size:          15.5px;
  --btn-height:             51px;
  --btn-padding:            14px 30px;

  /* ─── Layout ────────────────────────────────────── */
  --row-max-width:          1140px;
  --container-padding:      0 30px;
  --header-height:          80px;
  --subnav-height:          70px;
  --sidebar-width:          400px;

  /* ─── Carousel Dots ─────────────────────────────── */
  --dot-color:              #FFF;
  --dot-color-active:       #2bc4f1;
  --dot-width:              18px;
  --dot-height:             6px;
  --dot-radius:             2px;

  /* ─── Tag / Archive Pills ───────────────────────── */
  --tag-radius:             2px;
  --tag-font-size:          14px;

  /* ─── Images ────────────────────────────────────── */
  --cover-radius:           5px;

  /* ─── Bucket Backgrounds ─────────────────────────── */
  --bucket-bg-1:            url('/wp-content/themes/mc-podcast/img/become-a-guest.png');
  --bucket-bg-2:            url('/wp-content/themes/mc-podcast/img/show-suggestions.png');
  --bucket-bg-3:            url('/wp-content/themes/mc-podcast/img/advertise-with-us.png');

  /* ─── Intro ─────────────────────────────────────── */
  --intro-blur-image:       url('https://images.pexels.com/photos/597909/pexels-photo-597909.jpeg');
  --intro-bg-overlay:       rgba(0,0,0,.65);

  /* ─── Guest/Mobile Nav Banner ───────────────────── */
  --mobile-bag-bg:          url('/wp-content/themes/mc-podcast/img/guest-menu.png');
  --guests-blur-bg:         url('/wp-content/themes/mc-podcast/img/become-a-guest.png');

}