/* 
 Theme Name:     TDN Fluid Child for Divi
 Author:         The Digital Navigator
 Author URI:     https://thedigitalnavigator.com 
 Template:       Divi
 Version:        1.0.14
*/ 
/*
* 
* TABLE OF CONTENT
* 
* 1.0 Html and Body
* 2.0 UI kit 
* 3.0 GravityForms
* 5.0 Footer
* 4.0 WP Simple Pay
* 5.0 WPML
* 
*/

/*
* 
* Section 1.0 Html and Body
* 
*/

/* Global CSS Variables */




/*  Typography Define Css Start  */
@font-face {
   font-family: 'Artifex Hand CF';
   src: url('/wp-content/themes/TDN_Fluid_Child_Divi/fonts/ArtifexHandCF-Regular.woff2') format('woff2'),
        url('/wp-content/themes/TDN_Fluid_Child_Divi/fonts/artifexhandcf-regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Artifex Hand CF';
   src: url('/wp-content/themes/TDN_Fluid_Child_Divi/fonts/artifexhandcf-regularitalic.woff2') format('woff2'),
        url('/wp-content/themes/TDN_Fluid_Child_Divi/fonts/artifexhandcf-regularitalic.woff') format('woff');
   font-weight: 400;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'Artifex Hand CF';
   src: url('/wp-content/themes/TDN_Fluid_Child_Divi/fonts/artifexhandcf-bold.woff2') format('woff2'),
        url('/wp-content/themes/TDN_Fluid_Child_Divi/fonts/artifexhandcf-bold.woff') format('woff');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Artifex Hand CF';
   src: url('/wp-content/themes/TDN_Fluid_Child_Divi/fonts/artifexhandcf-bolditalic.woff2') format('woff2'),
        url('/wp-content/themes/TDN_Fluid_Child_Divi/fonts/artifexhandcf-bolditalic.woff') format('woff');
   font-weight: 700;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'Artifex Hand CF';
   src: url('/wp-content/themes/TDN_Fluid_Child_Divi/fonts/artifexhandcf-heavy.woff2') format('woff2'),
        url('/wp-content/themes/TDN_Fluid_Child_Divi/fonts/artifexhandcf-heavy.woff') format('woff');
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

/*---------- [Html and Body style start] ----------*/
html, body {
    max-width: 100%;
	font-family: 'Artifex Hand CF';
    overflow-x: hidden;
	scroll-behavior: smooth;
}

.et_pb_row_25{
	background:none !important;
}

.custom-vertical-gap {
    display: flex;
    flex-direction: column;
    gap: var(--gvid-6kfjizrteq)
}



/*---------- [Html and Body style end] ----------*/



/* FLOW ENGINE — one-time global rule
   Uses --flow-space which will be set via Divi presets (Default vs Hero). */

.flow :where(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,figure) {
  margin: 0;
  padding:0!important;
}

.flow :where(ul,ol) {
  padding-left: 1.2em;
}

.flow :where(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,figure)
  + :where(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,figure) {
  margin-top: var(--flow-space);
}





/*
* 
* Section 2.0 UI kit
* 
*/
/*---------- [UI KIT style Start] ----------*/


/* Typography CSS Start  */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Artifex Hand CF' !important;
}

/* We can use the divi presets manager and take its variables.

Here's the var values to use:

Step-4 = '--gvid-087ro228vk'
Step-5 = '--gvid-oarl13s7wo'
Step-3 = '--gvid-76jzv24181'
Step-2 = '--gvid-ere24dm206'
Step-1 = '--gvid-axb6bg5fs0'
Step-0 = '--gvid-pppc7i6h5i'
Step--1 = '--gvid-35qlfguegp'
Step--2 = '--gvid-g37kl75jsd'

Now to make it easier to use. I will create a new variable that is readable
*/

:root {
	/* Font sizes */
	--step-4: var(--gvid-087ro228vk);
	--step-5: var(--gvid-oarl13s7wo);
	--step-3: var(--gvid-76jzv24181);
	--step-2: var(--gvid-ere24dm206);
	--step-1: var(--gvid-axb6bg5fs0);
	--step-0: var(--gvid-pppc7i6h5i);
	--step--1: var(--gvid-35qlfguegp);
	--step--2: var(--gvid-g37kl75jsd);
}

:root {
  /* space values */
  --space-3xs: var(--gvid-3z4d0wgkw5);
  --space-2xs: var(--gvid-qy3h58ajn3);
  --space-xs: var(--gvid-rjbpuywnae);
  --space-s: var(--gvid-c4sj47ae6e);
  --space-m: var(--gvid-6kfjizrteq);
  --space-l: var(--gvid-fi35ligy29);
  --space-xl: var(--gvid-fkxeviqr4m);
  --space-2xl: var(--gvid-lmirbw4nx9);
  --space-3xl: var(--gvid-55eei79m73);
}

:root {
  /* Color values */
	--primary-900: #A119F9;
	--secondary-900: #EBD3FB;
	--Nautral-100: #F8F9FA;
	--Red-900: #EE304F;
	--Accent-900: #FFCF41;
	--Black:#0A0A0A;
	--White:#F2F3F4;
	--Gray-White:#F9F9FB;
}

:root {
	  /* Used for row max width instead of 40% */
	--size-fluid-350-650: var(--gvid-yp5c7iy5j1);
	/* Used for row max width instead of 70% */
	--size-fluid-350-950: var(--gvid-2gh1ae1c2b);
	  /* Used for image max-height */
	--size-fluid-350-650: var(--gvid-yp5c7iy5j1);
}


/*-----Image Size with Token-----*/
/*---
:root{
	--img-max-inline: clamp(15rem, 50vw, 100vh);
}
---*/
/*---
.et_pb_image img {
  width: 100%;
  height: auto;
  max-inline-size: var(--img-max-inline, 34rem);
  display: block;
  margin-inline: auto;
}
---*/


#main-content .et_pb_section .et_pb_text ul li::before {
  content: none !important;
}

#main-content .et_pb_section .et_pb_text ul li::before {
    content: circle !important;
}



/* ------- Button - Styling START ----- */
input[type=submit] {
   white-space: normal;
}
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
   border: 1px solid rgba(39,112,236,.4) !important;
   border-radius: 5px !important;
   background: transparent !important;
}

/* =========================================
   Global Button Overrides  >>> You will remove this after you create the button presets.
   ========================================= */
.menu-button {
    background: #FF5733 !important;
    color: #fff !important;
}

.menu-button:hover {
    box-shadow: 0px 5px 30px 5px rgba(215, 20, 57, 0.3) !important;
    border: 2px solid #D71439 !important;
}

.preset--module--divi-button--default_wrapper .preset--module--divi-button--default, .preset--module--divi-button--default_wrapper .preset--module--divi-button--default:hover
{
	padding-top: var(--gvid-et0cf8ucvo) !important;
    padding-right: var(--gvid-97icxvuit3) !important;
    padding-bottom: var(--gvid-et0cf8ucvo) !important;
    padding-left: var(--gvid-97icxvuit3) !important;
}

/*---------- [UI KIT style End] ----------*/


/* ------- Homepage - Styling START ----- */

.podcast-btn {
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap;        /* allows wrapping on mobile */
  gap: 15px;              /* space between buttons */

}

.podcast-btn .et_pb_button {
  flex: 0 0 auto;  /* keep natural button size */
}

/*
* 
* Section 3.0 GravityForm Edits
* We should not have list of CSS for "Home" and "contact us" like we have below, instead we should give them proper names and in the comment we can always mention the page we are using it. Currently the Gform style names below don't make it clear because we use gform1, gform2, etc. which is a specific form. But in GravityForm we can put a CSS Class name which is better, then we can style that class and assign it to the forms.
* 
* 
*/

/* Global Variables for Gravity Forms Will move this above when done */
:root {
	--form-field-bg-color: #FFFFFF;
	--form-field-outline-color: #CED4DA;
	--form-field-gap-y: 23px;
	--form-field-padding: 32px;
}


/* Global Styles for Gravity Forms */
body .gform_wrapper .gform-footer {
	justify-content: center;
	gap: 15px;
}

.gform_wrapper .gform-footer .gf-turnstile-container {
    justify-content: left;
    display: flex;
    flex-direction: row;
}

body .gform_wrapper .gform_body .gform_fields {
	row-gap: var(--form-field-gap-y);
}

body .gform_wrapper .gform_body .gform_fields input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body .gform_wrapper .gform_body .gform_fields select,
body .gform_wrapper .gform_body .gform_fields textarea{
	background: var(--form-field-bg-color) !important; /* We need to set this to important as gravity native styling needs to be overriden */
	outline-color: var(--form-field-outline-color);
	width: 100%;
	padding: 29px 20px;
}

body .gform_wrapper.newsletter-form_wrapper .gform_body .gform_fields input[type="email"] {
	padding: var(--form-field-padding);
	font-size: var(--step-0);
	font-family: var(--et_global_body_font);
	padding: 29px 20px;
}

body .et_pb_section .et_pb_row .gform_wrapper .gform_body .gform_fields {
	row-gap: var(--gvid-6kfjizrteq);
}

body .et_pb_section .et_pb_row .gform_wrapper .gform_body .gform_fields select:invalid {
	color: var(--gcid-body-color);
}


body .gform-theme--framework .gform-field-label {
	font-size: var(--step--2);
}

body .gform-theme--foundation #field_submit {
	row-gap: var(--form-field-gap-y);
}


body .gform_wrapper .gform_footer  input[type="submit"],
body .gform_wrapper .gform_body .gfield--type-submit  input[type="submit"]{
	background-color: var(--gcid-3dwelf2q9t) !important; /* We need to set this to important as gravity native styling needs to be overriden */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: var(--step-0) !important;
    letter-spacing: 0px !important;
    line-height: 2.63em !important; !important;
    border-top-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-top-right-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-right-radius: var(--gvid-rmww0b0xcy) !important;
    border-width: 0px;
    border-color: #333;
    border-style: solid;
    transition-property: background-color, border-bottom-left-radius, border-bottom-right-radius, border-top-left-radius, border-top-right-radius, border-width;
    transition-duration: 300ms;
    transition-timing-function: ease;
    transition-delay: 0ms;
}

body .gform_wrapper .gform_footer input[type="submit"]:hover,
body .gform_wrapper .gform_body .gfield--type-submit input[type="submit"]:hover{
	background-color: var(--gcid-0vim1bx9i3);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-width: 0px;
    border-color: #333;
    border-style: solid;
}

.gform_next_button
{
	
	background-color: var(--gcid-3dwelf2q9t) !important; /* We need to set this to important as gravity native styling needs to be overriden */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: var(--step-0) !important;
    letter-spacing: 0px !important;
    line-height: 2.63em !important; !important;
    border-top-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-top-right-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-right-radius: var(--gvid-rmww0b0xcy) !important;
    border-width: 0px;
    border-color: #333;
    border-style: solid;
    transition-property: background-color, border-bottom-left-radius, border-bottom-right-radius, border-top-left-radius, border-top-right-radius, border-width;
    transition-duration: 300ms;
    transition-timing-function: ease;
    transition-delay: 0ms;
}

.gform_previous_button
{
	
	background-color: var(--gcid-1yjtbe30w8) !important; /* We need to set this to important as gravity native styling needs to be overriden */
	color: var(--gcid-gnsm78dq5u) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: var(--step-0) !important;
    letter-spacing: 0px !important;
    line-height: 2.63em !important; !important;
    border-top-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-top-right-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-right-radius: var(--gvid-rmww0b0xcy) !important;
    border-width: 0px !important;
    border-color: #333;
    border-style: solid;
    transition-property: background-color, border-bottom-left-radius, border-bottom-right-radius, border-top-left-radius, border-top-right-radius, border-width;
    transition-duration: 300ms;
    transition-timing-function: ease;
    transition-delay: 0ms;
}

#gform_submit_button_3
{
	
	background-color: var(--gcid-3dwelf2q9t) !important; /* We need to set this to important as gravity native styling needs to be overriden */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: var(--step-0) !important;
    letter-spacing: 0px !important;
    line-height: 2.63em !important; !important;
    border-top-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-top-right-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-right-radius: var(--gvid-rmww0b0xcy) !important;
    border-width: 0px;
    border-color: #333;
    border-style: solid;
    transition-property: background-color, border-bottom-left-radius, border-bottom-right-radius, border-top-left-radius, border-top-right-radius, border-width;
    transition-duration: 300ms;
    transition-timing-function: ease;
    transition-delay: 0ms;
}

#gform_submit_button_3:hover {
   background-color: var(--gcid-3dwelf2q9t) !important;
}



.gf_progressbar .percentbar_blue
{
	background-color: var(--gcid-3dwelf2q9t) !important;
}

/* Newsletter form CSS */

.newsletter-form .gform_fields #field_submit {
	grid-column: 1 / 6;
}

.newsletter-form .gform_fields .gfield--type-consent {
	 grid-column: span 12;
}

body .gform_wrapper .newsletter-form .gform-footer.top_label{
	display: flex;
    justify-content: flex-start;
}
	



/*
* 
* Section 3.0 GravityForm Edits END
*
* 
* 
*/


/*
* 
* 
* Section 4. Footer Start
*
* 
* 
*/

.footer-link{
	color:#000000;
	font-size:15px;
}
.footer-link a{
	color:#000000;
}
.footer-link a:hover{
	color:#a119f9;
}


/*
* 
*-----Header Styling------*
* 
* 
*/
.navmain-menu-custom.et_pb_module {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.navmain-menu-custom .et-menu {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important; /* prevent items from wrapping */
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.navmain-menu-custom .et-menu li {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap; /* keep text on one line */
    flex-shrink: 1 !important;
}

.navmain-menu-custom .et-menu li a {
    display: flex !important;
    align-items: center !important;
}

/* Desktop & tablet last menu item button */
.navmain-menu-custom .et-menu li:last-child a {
    background: #A119F9 !important;
    color: #F2F3F4 !important;
    padding: 20px 35px !important;
    margin-left: 15px !important; /* space from previous menu item */
    font-family: 'Artifex Hand CF', sans-serif !important;
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    border: 0 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: max-content !important;
    cursor: pointer !important;
    transition: all 0.25s ease-in-out !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important; /* button stays full size */
}

@media (min-width: 981px) and (max-width: 1660px) {
    .navmain-menu-custom .et-menu {
        flex-wrap: nowrap !important; /* keep one row */
        justify-content: flex-start !important;
        min-width: 0 !important;
    }

    .navmain-menu-custom .et-menu li {
        flex-shrink: 1 !important; /* allow shrinking for non-button items */
    }

    .navmain-menu-custom .et-menu li:last-child a {
        padding: 15px 25px !important; /* slightly smaller button */
        flex-shrink: 0 !important;     /* button does not shrink */
    }
}

/* Hide hamburger on desktop */
.navmain-menu-custom .et_mobile_nav_menu {
    display: none !important;
}

/* Mobile hamburger alignment and fixed-width dropdown */
@media (max-width: 980px) {
    .navmain-menu-custom.et_pb_module {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        width: 100% !important;
        flex: 1 1 auto !important;
        position: relative !important;
    }

    .navmain-menu-custom .et_mobile_nav_menu {
        display: flex !important;
        justify-content: flex-end !important;
        width: auto !important;
    }

    .navmain-menu-custom .mobile_nav {
        display: flex !important;
        justify-content: flex-end !important;
        width: auto !important;
    }

    .navmain-menu-custom .mobile_menu_bar {
        margin-right: 0 !important;
    }

    /* Fixed-width mobile dropdown aligned under hamburger */
    .navmain-menu-custom .et_mobile_menu {
        width: 250px !important;
        max-width: 250px !important;
        min-width: 250px !important;
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        z-index: 9999 !important;
    }

    .navmain-menu-custom .et_mobile_menu li a {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Mobile last menu item button styling */
    .navmain-menu-custom .et_mobile_menu li:last-child a {
        background: #A119F9 !important;
        color: #F2F3F4 !important;
        padding: 15px 20px !important;
        margin: 10px !important; /* space from previous dropdown item */
        font-family: 'Artifex Hand CF', sans-serif !important;
        font-size: 18px !important;
        line-height: 22px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        border-radius: 10px !important;
        border: 0 !important;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        width: 90% !important;
        cursor: pointer !important;
        transition: all 0.25s ease-in-out !important;
        white-space: nowrap !important;
    }
	
	.nav-search-icon-wrapper {
		display: none;
	}
}

/* Small mobile adjustments for 480px */
@media (max-width: 480px) {
    .navmain-menu-custom .et-menu {
        flex-wrap: nowrap !important;
        overflow-x: hidden; /* prevent scroll */
    }

    .navmain-menu-custom .et-menu li {
        flex-shrink: 1 !important;
    }

    .navmain-menu-custom .et-menu li a {
        padding: 10px 15px !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .navmain-menu-custom .et-menu li:last-child a {
        padding: 12px 18px !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    /* Fixed-width mobile dropdown aligned under hamburger */
    .navmain-menu-custom .et_mobile_menu {
        width: 250px !important;
        max-width: 250px !important;
        min-width: 250px !important;
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        z-index: 9999 !important;
    }

    .navmain-menu-custom .et_mobile_menu li a {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .navmain-menu-custom .et_mobile_menu li:last-child a {
        padding: 12px 18px !important;
        font-size: 16px !important;
    }
}
/*---------------------------
 Style for Sub-Menu
 ----------------------------*/
.nav li ul
{
	width: 300px !important;
}

.et-menu li li a
{
	width: 260px !important;
}

.et-menu li li a:hover
{
	background-color:var(--gcid-3dwelf2q9t) !important;
	color: var(--White) !important;
}


/*---------- Accordion Style Start ---------*/
.accordion {
  max-width: 800px;
  margin: auto;
  font-family: serif;
}

.accordion-item {
  border-bottom: 1px solid #d47bff;
}

.accordion-header {
  width: 100%;
  background: none;
  border: none;
  padding: 20px 0 10px 0;
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--et_global_heading_font);
  font-variant: small-caps;
  font-size: var(--gvid-axb6bg5fs0)!important;
  letter-spacing: var(--gvid-6o52hvsi2x);
  line-height: var(--gvid-mn61oln405);
  font-weight: 900;
  cursor: pointer;
  text-align: left;
}

.accordion-header .icon {
  font-size: 60px !important;
  line-height: 70%!important;
  font-weight: 400 !important;
  color: #EE304F;
  width: 28px;
}

.accordion-content {
  display: none;
  padding: 0 0 20px 40px;
  font-family: 'Artifex Hand CF', sans-serif !important;
  font-size: 18px !important;
  line-height: 140%;
  color: #212529;
}

.accordion-item.active .accordion-content {
  display: block;
}

/*---------- Accordion Style End ---------*/




/*---------------  Button Old Style


.et_pb_button.button-cta-figma,
.et_pb_button.button-primary-figma,
.et_pb_button.button-secondary-figma,
.et_pb_button.button-tertiary-figma {
    padding: 20px 35px !important;
    font-family: 'Artifex Hand CF', sans-serif !important;
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
	border: 0px;
	width: max-content;
}


.et_pb_button.button-primary-figma {
    background: #A119F9 !important;
    color:#F2F3F4 !important;
}



.et_pb_button.button-secondary-figma {
    background: #121212 !important;
    color: #F2F3F4 !important;
}


.et_pb_button.button-tertiary-figma {
    background: #F2F3F4 !important;
    color: #A119F9 !important;
}

a.et_pb_button.et_pb_button_0_tb_header.button-cta-figma.small {
   padding: .1em 1.25em !important;
   width: auto;
   border-radius: 5px !important;
}

-------*/

.custom-icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/*-------List Icon Color----------- */

/* Primary 900 */
.Primary900 .fa-li i {
  color: var(--primary-900)!important;
}
.Nautral-100 .fa-li i {
  color: var(--Nautral-100)!important;
}
.Red-900 .fa-li i {
  color: var(--Red-900)!important;
}

/*-------List Icon Color End----------- */

.gf-turnstile-container {
	overflow: unset;
}
/*
* 
* Section 5.0 WP Simple Pay Start
*
* 
* 
*/


.simpay-embedded-form-wrap .simpay-field-wrap input[type]:not([type=radio]):not([type=checkbox]) {
	height: var(--space-l); 
	font-size: var(--step-0); 
	width: 90%; 
	background-color: var(--gcid-8cj2uc6lue) !important; 
	color: var(--gcid-14ce8enzep) !important;
}

.simpay-embedded-form-wrap .simpay-field-wrap input[type="checkbox"] {
	height: var(--space-l); 
	width: var(--space-l);
	margin-right: var(--space-s);
}

.simpay-btn.simpay-checkout-btn {
    padding: var(--space-xs) var(--space-2xl);
    background-color: var(--primary-900);
    border: none !important;
    color: #f9f9fb !important;
    border-radius: var(--gvid-rmww0b0xcy);
    font-size: var(--step-0);
    
}

}
/*
* 
* Section 6.0 WPML
*
* 
* 
*/

/* WMPL Fix Downward Carrot Placement and Remove Border */
#menu-main-menu li.wpml-ls-item a {
	border: 0 !important;
}

#menu-main-menu li.wpml-ls-item a:after {
	left: 50px !important;
}

body #field_8_3 {
	order: unset;
}

.chosen-container .chosen-search {
	display: none !important;
}



.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li
{
	width: 100% !important;
	margin-top: 4px !important;
}

.step-2, .step-3 {
  display: none;
}




/*--------- EPISODE CARD STYLE START ------------------*/
.episode-card {
}

.episode-card .title {
  font-family: var(--et_global_heading_font);
  font-size: var(--gvid-axb6bg5fs0);
  font-weight: 700;
   font-style: normal;
letter-spacing: var(--gvid-gfuqwjtg8y);
line-height: var(--gvid-mn61oln405);
font-variant: small-caps;
color: var(--gcid-heading-color) !important;
  margin-top: 0;
  margin-bottom: 10px;
}

.episode-card .meta {
  display: flex;
  align-items: center;
  gap: 30px;
  font-family: var(--et_global_body_font);
  color: #6C757D;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 15px;
 
}

.episode-card .author-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.episode-card .date-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.episode-card .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.episode-card .calendar-icon {
  width: 20px;
  height: 20px;
  color: #9ca3af;
}
.episode-card .date
{
  margin:0px !important;
}
.episode-card .excerpt {
font-family: var(--et_global_body_font);
font-style: italic;
font-size: var(--gvid-pppc7i6h5i);
font-weight: 400;
Color: var(--gcid-14ce8enzep);
line-height: var(--gvid-uwvjtuvtgg);
margin-bottom:10px
}

.episode-card .listen-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #b200ff;
  text-decoration: none;
  font-family: var(--et_global_body_font);
  font-style: italic;
  font-size: var(--gvid-pppc7i6h5i);
}

.episode-card .link-text {
  text-decoration: underline;
  text-underline-offset: 4px;
}

/*--------- EPISODE CARD STYLE END ------------------*/


/*--------- NAV SEARCH BAR START ------------------*/
.desktop-search-btn {
	cursor: pointer;
}

.desktop-search {
	display: block !important;
	position: absolute;
	top: 70px;
	right: 0px;
	border-top-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-top-right-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-right-radius: var(--gvid-rmww0b0xcy) !important;
}

.desktop-search.hide {
  display: none !important;
}

.desktop-search input[type=text] {
	height: 100% !important;
}

.mobile-search {
  display: none;
}

/* Mobile */
@media (max-width: 980px) {
  .desktop-search {
    display: none !important;
  }
  .mobile-search {
    display: block;
    padding: 10px 15px;
    background: #fff;
  }
}

.mobile-menu-with-search, .new-mobile-menu {
	float: right !important;
    margin-right: 5% !important;
    background-color: white !important;
	max-width: 350px;
	width: 90%;
	position: absolute;
	right: 0;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    width: 100% !important;
    margin-top: 4px !important;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
    background: transparent;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
	color: var(--gcid-o82e5zxhd8);
    font-size: var(--gvid-pppc7i6h5i);
    line-height: var(--gvid-s1c0gwa0mv);
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .03);
    padding: 10px 5%;
    display: block;
}

.et_pb_search_1_tb_header {
	border: 0 !important;
}

.et_pb_search_1_tb_header input.et_pb_s,
.et_pb_search_1_tb_header input.et_pb_searchsubmit,
.et_pb_search_0_tb_header input.et_pb_searchsubmit {
/* 	height: 38px !important; */
	height: 100% !important;
    padding: var(--gvid-et0cf8ucvo) !important;
}

.et_pb_search_1_tb_header input.et_pb_s {
	width: 70% !important;
    margin-right: 6px;
/* 	padding: 0.715em !important; */
}

.et_pb_search_0_tb_header input.et_pb_s {
	margin-right: 6px;
/* 	padding: 0.715em !important; */
}

.et_pb_search_0_tb_header form.et_pb_searchform {
	display: flex !important;
    flex-direction: row;
    min-width: 300px;
    justify-content: end;
	padding: 5px;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.et_pb_search_0_tb_header form.et_pb_searchform > div {
	width: 100%;
	display: flex;
}

.et_pb_search_0_tb_header input.et_pb_s {
	flex: 1;
	border: 1px solid var(--primary-900) !important;
}

.et_pb_search_1_tb_header input.et_pb_searchsubmit,
.et_pb_search_0_tb_header input.et_pb_searchsubmit {
	border: 1px solid rgb(39 112 236 / .4) !important;
    border-radius: 5px !important;
	background-color: var(--Nautral-100) !important;
	padding: var(--gvid-et0cf8ucvo) !important;
/* 	padding: 0.715em !important; */
	
	/* CTA button props */
	background-color: var(--gcid-1s3w44psff) !important;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--gcid-gnsm78dq5u) !important;
    font-size: 14px !important;
    letter-spacing: 0px !important;
    line-height: normal !important;
    border-top-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-top-right-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-left-radius: var(--gvid-rmww0b0xcy) !important;
    border-bottom-right-radius: var(--gvid-rmww0b0xcy) !important;
    border-width: 0px !important;
}

.et_pb_search_1_tb_header .et_pb_searchform input.et_pb_searchsubmit {
    line-height: normal !important;
}

@media (max-width: 760px) {
  .join-now-btn {
    display: none;
  }
}

@media (max-width: 980px) {
  .nav-menu {
    display: none;
  }
}

@media (min-width: 981px) {
  .mobile-logo, .mobile-menu-icon, .mobile-menu-with-search, .new-mobile-menu {
    display: none !important;
  }
}
/*--------- NAV SEARCH BAR END ------------------*/


/*--------- NEW MENU START ------------------*/
.new-mobile-menu .et-menu .menu-item-has-children>a:first-child:after {
	top: 8px !important;
}

@media (max-width: 980px) {
  .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header.join-now-btn {
    display: none !important;
  }
	
  .new-desktop-menu .nav-language-switcher {
	width: 86px !important;
  }
	
	.new-desktop-menu .et_pb_row_0_tb_header .et_pb_column_0_tb_header {
		display: none !important;
	}

	.new-desktop-menu .nav-language-switcher .wpml-ls-legacy-dropdown>ul,
	.new-desktop-menu .nav-language-switcher .wpml-ls-legacy-dropdown>ul>li,
	.new-desktop-menu .nav-language-switcher .wpml-ls-legacy-dropdown>ul>li>a {
		padding: 0 !important;
		border: none !important;
    	background-color: var(--Gray-White) !important;
	}
	
	.new-desktop-menu .nav-language-switcher .wpml-ls-legacy-dropdown>ul>li>a {
		padding: 10px !important;
    	margin-bottom: 5px !important;
	}
	
	.new-mobile-menu .wpml-ls-item {
		display: none !important;
	}
	
	.new-mobile-menu .et_pb_menu_1_tb_header .et_pb_menu__wrap{
		justify-content: flex-start !important;
	}
	
	.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
		margin: 5px 0 0 5px;
    	position: static !important;
	}

	.new-mobile-menu.et_pb_section {
		border-width: 3px !important;
		border-color: rgba(255, 255, 255, 0) !important;
		border-style: solid !important;
		border-top-color: var(--gcid-primary-color) !important;
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1) !important;
		z-index: 10 !important;	
	}
	
	.new-mobile-menu.et_pb_section_4_tb_header .et_pb_row_5_tb_header,
	.new-mobile-menu.et_pb_section_1_tb_header .et_pb_row_2_tb_header {
		padding: 0 !important;
	}
	
	.new-mobile-menu .et_pb_row_5_tb_header .et_pb_column_7_tb_header .et_pb_menu_4_tb_header .et_pb_menu__wrap {
		justify-content: flex-start !important;
	}
}

@media (min-width: 981px) {
	.new-desktop-menu .nav-language-switcher {
		display: none !important;
	}
}

/*--------- NEW MENU END ------------------*/


/* MOAT Footer section fixes */

@media (min-width:600px) and (max-width: 768px) {
	footer .et_pb_section_1_tb_footer .et_pb_row_1_tb_footer {
		display: grid;
    	grid-template-columns: 1fr 1fr;
	}
	
	footer .et_pb_section_1_tb_footer .et_pb_row_1_tb_footer .et_pb_column {
		width: 100% !important;
	}
}


/* Moat Recent Podcasts section */
/* Search bar widget only */
.moat-episode-search-widget {
  position: relative;
  max-width: 720px;
  margin: 0 auto 45px;
  z-index: 30;
}

.moat-episode-search-field-wrap {
  position: relative;
}

.moat-episode-search-input {
  width: 100%;
  height: 58px;
  padding: 0 82px 0 22px;
  border: 1px solid #545454;
  border-radius: 8px;
  background: #fff;
  color: #111;
  font-size: 18px;
  line-height: 1;
  box-shadow: none;
}

.moat-episode-search-input:focus {
  outline: none;
  border-color: #a600ff;
  box-shadow: 0 0 0 3px rgba(166, 0, 255, 0.15);
}

.moat-episode-search-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #5b6270;
  font-size: 28px;
  pointer-events: none;
}

.moat-episode-search-clear {
  position: absolute;
  right: 52px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #111;
  font-size: 24px;
  cursor: pointer;
  display: none;
}

.moat-episode-search-input:not(:placeholder-shown) + .moat-episode-search-clear {
  display: block;
}

/* Search overlay results */
.moat-episode-search-overlay {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 10px);
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 10px;
  box-shadow: 0 18px 45px rgba(17, 17, 17, 0.18);
  overflow: hidden;
  z-index: 9999;
}

.moat-episode-search-overlay.is-visible {
  display: block;
}

.moat-search-results-list {
  display: flex;
  flex-direction: column;
}

.moat-search-result-item {
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}

.moat-search-result-item:last-child {
  border-bottom: 0;
}

.moat-search-result-link {
  display: block;
  padding: 20px 26px;
  text-decoration: none;
  color: #111;
  background: #fff;
  transition: background 0.2s ease;
}

.moat-search-result-link:hover {
  background: #f6ecff;
}

.moat-search-result-title {
  display: block;
  font-size: 21px;
  line-height: 1.25;
  font-weight: 700;
  color: #111;
  margin-bottom: 8px;
}

.moat-search-result-excerpt {
  display: block;
  font-size: 16px;
  line-height: 1.4;
  color: #404040;
  margin-bottom: 8px;
}

.moat-search-result-meta {
  display: block;
  font-size: 14px;
  color: #747b87;
}

.moat-search-loading,
.moat-search-no-results {
  padding: 22px 26px;
  color: #111;
  font-size: 16px;
}

/* Make the search area sit above later sections */
.moat-search-layer {
  position: relative !important;
  z-index: 9999 !important;
  overflow: visible !important;
}

.moat-search-layer .et_pb_row,
.moat-search-layer .et_pb_column,
.moat-search-layer .et_pb_module,
.moat-search-layer .et_pb_code,
.moat-search-layer .et_pb_code_inner {
  position: relative !important;
  z-index: 9999 !important;
  overflow: visible !important;
}

/* Search widget and overlay */
.moat-episode-search-widget {
  position: relative !important;
  z-index: 10000 !important;
}

.moat-episode-search-overlay {
  z-index: 10001 !important;
  max-height: 420px;
  overflow-y: auto;
}

/* Keep related episode cards below the search overlay */
.moat-related-layer {
  position: relative !important;
  z-index: 1 !important;
}

/* Related episodes widget only */
.moat-related-episodes-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  max-width: 960px;
  margin: 0 auto;
}

.moat-related-episode-card {
  background: #f7f7f7;
  border-radius: 14px;
  padding: 28px;
  box-shadow: none;
}

.moat-related-episode-title {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 18px;
}

.moat-related-episode-title a {
  color: #111;
  text-decoration: none;
}

.moat-related-episode-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  color: #6d7280;
  font-size: 15px;
  margin-bottom: 20px;
}

.moat-related-avatar img {
  display: block;
  border-radius: 50%;
}

.moat-related-excerpt {
  font-size: 18px;
  line-height: 1.45;
  font-style: italic;
  color: #111;
  margin-bottom: 20px;
}

.moat-related-listen {
  color: #a600ff;
  font-size: 18px;
  font-style: italic;
  text-decoration: underline;
}

.moat-related-empty {
  text-align: center;
  font-size: 18px;
}

@media (max-width: 767px) {
  .moat-episode-search-widget {
    max-width: 100%;
  }

  .moat-episode-search-input {
    height: 54px;
    font-size: 16px;
  }

  .moat-episode-search-overlay {
    top: calc(100% + 8px);
  }

  .moat-search-result-link {
    padding: 18px 20px;
  }

  .moat-search-result-title {
    font-size: 19px;
  }

  .moat-related-episodes-grid {
    grid-template-columns: 1fr;
  }

  .moat-related-episode-card {
    padding: 22px;
  }
}


/* Podcast video rounded corners */
.moat-podcast-video {
  width: 1150px;
  max-width: 100%;
/*   height: 651px; */
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px !important;
  overflow: hidden !important;
  position: relative;
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.moat-podcast-video iframe,
.moat-podcast-video video,
.moat-podcast-video embed,
.moat-podcast-video object {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 15px !important;
  display: block !important;
}

/* Also force the Divi code wrapper to respect clipping */
.moat-podcast-video .wp-embed-responsive,
.et_pb_code_inner .moat-podcast-video {
  border-radius: 15px !important;
  overflow: hidden !important;
}

@media (max-width: 1150px) {
  .moat-podcast-video {
    width: 100%;
    height: auto;
    aspect-ratio: 1150 / 651;
  }

  .moat-podcast-video iframe,
  .moat-podcast-video video {
    height: 100% !important;
  }
}


/* MOAT PODCAST TITLE */
/* Episode number + title row */
.moat-episode-heading-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
/*   width: 90% !important; */
  max-width: 1150px !important;
/*   margin-left: auto !important; */
  margin-right: auto !important;
  overflow: visible !important;
}

/* Override Divi column widths inside this row */
.moat-episode-heading-row .et_pb_column {
  float: none !important;
  margin-right: 0 !important;
}

.moat-episode-heading-row .et_pb_column:first-child {
  width: auto !important;
  flex: 0 0 auto !important;
}

.moat-episode-heading-row .et_pb_column:last-child {
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Podcast number */
.moat-episode-number,
.moat-episode-number h1,
.moat-episode-number .et_pb_module_heading {
  white-space: nowrap !important;
}

/* Podcast title */
.moat-episode-title,
.moat-episode-title h1,
.moat-episode-title .et_pb_module_heading {
/*   max-width: 90% !important; */
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.moat-episode-title,
.moat-episode-title .et_pb_text,
.moat-episode-title .et_pb_text .et_pb_text_inner,
.moat-episode-title .et_pb_text .et_pb_text_inner h1,
.moat-episode-title .et_pb_text .et_pb_text_inner h4,
.moat-episode-heading-row,
.moat-episode-heading-row .et_pb_text,
.moat-episode-heading-row .et_pb_text .et_pb_text_inner,
.moat-episode-heading-row .et_pb_text .et_pb_text_inner h1,
.moat-episode-heading-row .et_pb_text .et_pb_text_inner h4 {
  display: inline !important;
}

body.single-episodes h2,
body.single-episodes h3,
body.single-episodes h4,
body.single-episodes h5 {
	padding: 0 !important;
}

.recent-episode-desc,
.recent-episode-desc .et_pb_text_inner,
.recent-episode-desc .et_pb_text_inner p {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  line-height: 1.45em !important;
  max-height: calc(1.45em * 3) !important;
} 


@media (max-width: 768px) {
	.about-guest-row {
		flex-direction: column !important;
	}
	
	.about-guest-row .et_pb_column {
		width: 100% !important;
	}
	
	.podcasts-search-bar {
		width: 80% !important;
	}

	.recent-episode-card {
		width: 80% !important;
	}
}

@media (max-width: 500px) {
	.recent-episode-card {
		width: unset !important;
	}
}

.moat-episode-highlights ul li > span {
	inset-inline-start: calc(-1 * var(--fa-li-width, 10px));
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 10px);
    line-height: inherit;
}

.podcast-transcript-toggle.et_pb_toggle h5 {
	margin-left: 28px !important;
}

.podcast-transcript-toggle.et_pb_toggle .et_pb_toggle_title:before {
    right: auto !important;
    left: -28px !important;
    font-size: 24px;
}

/* MOAT custom breadcrumbs using Text module */
.moat-custom-breadcrumbs p {
  font-size: var(--step--1);
}

.moat-custom-breadcrumbs a {
  text-decoration: none !important;
}

.moat-custom-breadcrumbs .moat-breadcrumb-sep {
  color: var(--primary-900) !important;
  margin: 0 5px;
}
    

/*--------- CUSTOM AUDIO PLAYER INTEGRATION START ------------------*/

.moat-audio-block,
.moat-audio-section {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 28px 16px;
}

.moat-player-heading {
  margin: 0 0 28px;
  text-align: center;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #070707;
}

/* Main compact player */
.moat-player {
  --moat-purple: #a914ff;
  --moat-purple-2: #9412f5;
  --moat-yellow: #ffd13d;
  --moat-yellow-hover: #f3bd1f;
  --moat-white: #ffffff;
  --moat-soft-white: rgba(255, 255, 255, 0.75);
  --moat-icon-bg: rgba(255, 255, 255, 0.2);

  position: relative;
  width: 100%;
  max-width: 1024px;
  min-height: 136px;
  height: auto;
  margin: 0 auto;
  padding: 8px 14px 8px 8px;

  display: flex;
  gap: 25px;

  color: #fff;
  background: linear-gradient(
    120deg,
    var(--moat-purple),
    var(--moat-purple-2)
  );
  border-radius: 7px;
  box-shadow: 0 28px 70px rgba(107, 0, 180, 0.22);
  overflow: visible;
}

.moat-player,
.moat-player * {
  box-sizing: border-box;
}

/* Cover */
.moat-cover-wrap {
  position: relative;
  width: 120px;
  height: 120px;
  flex: 0 0 120px;
}

.moat-cover {
  display: block;
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.2);
}

/* Center area */
.moat-player-main {
  flex: 1;
  min-width: 0;
  display: flex;
  gap: 15px;
  flex-direction: column;
}

.moat-title-row {
  display: flex;
  justify-content: space-between;
  height: 32px;
  min-width: 0;
}

.moat-title-row > div,
.moat-title-wrap {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.moat-track-title {
  width: 100%;
  max-width: 620px;
  min-width: 0;
  margin: 10px 0 0;
  height: 29px;

  color: #fff;
  font-size: 22px;
  line-height: 1.06;
  letter-spacing: 0.035em;
  text-transform: uppercase;

  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.moat-track-meta {
  margin: 5px 0 0;
  color: var(--moat-soft-white);
  font-size: 13px;
  line-height: 1.2;
}

/* CTA buttons */
.moat-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 32px;
  padding: 8px 18px;
  border: 0;
  border-radius: 9px;

  background: var(--moat-yellow);
  color: #111;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.moat-btn:hover {
  background: var(--moat-yellow-hover);
  color: #111;
}

.moat-newsletter-btn {
  min-width: 142px;
}

/* Time and progress */
.moat-time-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;

  color: #eee0f8;
  font-size: 12.3px;
  font-weight: 700;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
  line-height: 140%;
}

.moat-time-row span {
  white-space: nowrap;
}

.moat-progress {
  width: 100%;
  height: 4px;
  margin: 0;
  display: block;

  appearance: none;
  -webkit-appearance: none;
  background-color: #b95af7;
  cursor: pointer;
}

.moat-progress::-webkit-slider-runnable-track {
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    #ffffff var(--moat-progress, 0%),
    rgba(255, 255, 255, 0.38) var(--moat-progress, 0%)
  );
}

.moat-progress::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 0;
  height: 0;
}

.moat-progress::-moz-range-track {
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.38);
}

.moat-progress::-moz-range-progress {
  height: 3px;
  border-radius: 999px;
  background: #fff;
}

.moat-progress::-moz-range-thumb {
  width: 0;
  height: 0;
  border: 0;
}

/* Controls */
.moat-controls-wrapper {
  display: flex;
  gap: 23px;
  align-items: center;
  min-width: 0;
}

.play-btn {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.controls-right {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.controls-right .moat-controls-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.controls-right .moat-controls-row .controls-section,
.controls-right .moat-controls-row .moat-action-links {
  display: flex;
  align-items: center;
}

.controls-right .moat-controls-row .controls-section {
  gap: 4px;
  min-width: 0;
}

.controls-right .moat-controls-row .moat-action-links {
  gap: 8px;
  flex: 0 0 auto;
}

.moat-play-btn {
  width: 45px;
  height: 45px;
  min-width: 45px;
  min-height: 45px;
  max-width: 45px;
  max-height: 45px;
  aspect-ratio: 1 / 1;
  flex: 0 0 45px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  border: 3px solid #c170f7;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--moat-purple-2);

  font-size: 17px;
  line-height: 1;
  cursor: pointer;
  transition:
    transform 0.16s ease,
    background 0.16s ease;
}

.moat-play-btn:hover {
  transform: scale(1.04);
  background: #fff;
}

.moat-play-btn i {
  display: block;
  font-size: 17px;
  line-height: 1;
  transform: translateX(1px);
}

.moat-control-btn {
  height: 30px;
  min-width: 28px;
  padding: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 0;
  background: transparent;
  color: #dab2f5;

  font-size: 19px;
  line-height: 1;
  cursor: pointer;
}

.moat-control-btn span {
  font-size: 12px;
  font-weight: 700;
}

.moat-control-btn i {
  line-height: 1;
}

.moat-speed {
  height: 25px;
  min-width: 58px;
  padding: 0 7px;

  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 4px;
  background: transparent;
  color: #dab2f5;

  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}

.moat-speed option {
  color: #111;
}

.moat-volume-btn {
  color: #f9f9fb;
}

.moat-volume {
  width: 80px;
  height: 4px;

  appearance: none;
  -webkit-appearance: none;
  background: rgba(255, 255, 255, 0.36);
  color: #f9f9fb;
  border-radius: 999px;
  cursor: pointer;
}

.moat-volume::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: #fff;
}

.moat-volume::-moz-range-thumb {
  width: 11px;
  height: 11px;
  border: 0;
  border-radius: 999px;
  background: #fff;
}

.moat-icon-btn {
  width: 24px;
  height: 24px;
  min-width: 24px;
  flex: 0 0 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--moat-icon-bg);
  color: #fff;
  text-decoration: none;

  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.moat-icon-btn i {
  line-height: 1;
}

.moat-subscribe-btn {
  min-height: 24px;
  padding-block: 6px;
}

.muted-btn {
  color: #dab2f5;
}

.moat-icon-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
}

/* Panels */
.moat-panel {
  width: min(100%, 720px);
  margin: 14px auto 0;
  padding: 16px;
  border-radius: 14px;
  background: #171717;
  color: #fff;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.3);
}

.moat-panel[hidden] {
  display: none !important;
}

.moat-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.moat-panel-header button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  cursor: pointer;
}

.moat-share-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.moat-share-grid button {
  border: 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 11px;
  cursor: pointer;
}

.moat-embed-code {
  width: 100%;
  min-height: 100px;
  margin-bottom: 12px;
  padding: 12px;
  border: 0;
  border-radius: 10px;
  background: #0f0f0f;
  color: #fff;
  resize: vertical;
}

.moat-player-status {
  min-height: 18px;
  margin: 10px auto 0;
  color: #222;
  font-size: 13px;
  text-align: center;
}

/* Focus states */
.moat-player button:focus-visible,
.moat-player a:focus-visible,
.moat-player input:focus-visible,
.moat-player select:focus-visible,
.moat-panel button:focus-visible,
.moat-panel textarea:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

/* ==============================================================
   MOAT AUDIO PLAYER - TABLET AND MOBILE
   ============================================================== */

@media (max-width: 768px) {
  .moat-audio-block,
  .moat-audio-section {
    width: 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  #moat-audio-player.moat-player {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: block !important;
    position: relative !important;

    padding: 12px !important;
    border-radius: 12px !important;
    overflow: hidden !important;

    background: linear-gradient(120deg, #b219ff 0%, #9612f5 100%) !important;
    box-shadow: none !important;
  }

  #moat-audio-player,
  #moat-audio-player * {
    box-sizing: border-box;
  }

  /* Hide desktop-only pieces on mobile */
  #moat-audio-player .moat-cover-wrap,
  #moat-audio-player .moat-cover,
  #moat-audio-player .moat-host-badge,
  #moat-audio-player .moat-desktop-cta,
  #moat-audio-player .moat-volume,
  #moat-audio-player .moat-playlist-trigger {
    display: none !important;
  }

  #moat-audio-player .moat-player-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;

    overflow: hidden !important;
  }

  #moat-audio-player .moat-title-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: block !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }

  #moat-audio-player .moat-title-row > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  #moat-audio-player .moat-track-title {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    font-size: 18px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.055em !important;
  }

  #moat-audio-player .moat-controls-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #moat-audio-player .play-btn {
    grid-column: 1 !important;
    align-self: center !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }

  #moat-audio-player .controls-right {
    grid-column: 2 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: grid !important;
    grid-template-rows: auto auto auto !important;
    row-gap: 5px !important;

    overflow: visible !important;
  }

  #moat-audio-player .moat-time-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;

    overflow: hidden !important;
  }

  #moat-audio-player .moat-time-row span {
    display: block !important;
    min-width: 0 !important;
    max-width: 50% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  #moat-audio-player .moat-progress {
    width: 100% !important;
    max-width: 100% !important;
    height: 8px !important;

    display: block !important;
    margin: 0 !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    background: transparent !important;
  }

  #moat-audio-player .moat-progress::-webkit-slider-runnable-track {
    height: 5px !important;
    border-radius: 999px !important;
    background: linear-gradient(
      90deg,
      #ffffff var(--moat-progress, 0%),
      rgba(255, 255, 255, 0.3) var(--moat-progress, 0%)
    ) !important;
  }

  #moat-audio-player .moat-progress::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  #moat-audio-player .moat-progress::-moz-range-track {
    height: 5px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.3) !important;
  }

  #moat-audio-player .moat-progress::-moz-range-progress {
    height: 5px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
  }

  #moat-audio-player .moat-progress::-moz-range-thumb {
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
  }

  /*
    Mobile controls:
    Row 1 = playback controls
    Row 2 = subscribe/download/share/embed
    This keeps share + embed available without crushing the play button.
  */
  #moat-audio-player .moat-controls-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    row-gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  #moat-audio-player .controls-section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;

    overflow: hidden !important;
  }

  #moat-audio-player .moat-action-links {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #moat-audio-player .moat-play-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    border: 5px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 999px !important;

    font-size: 16px !important;
    line-height: 1 !important;
    transform: none !important;
  }

  #moat-audio-player .moat-play-btn:hover {
    transform: none !important;
  }

  #moat-audio-player .moat-play-btn i {
    display: block !important;
    font-size: 16px !important;
    line-height: 1 !important;
    transform: translateX(1px) !important;
  }

  #moat-audio-player .moat-control-btn {
    width: 22px !important;
    height: 24px !important;
    min-width: 22px !important;
    flex: 0 0 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;

    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  #moat-audio-player .moat-control-btn i {
    font-size: 14px !important;
    line-height: 1 !important;
  }

  #moat-audio-player .moat-speed {
    width: 45px !important;
    min-width: 45px !important;
    height: 24px !important;
    flex: 0 0 45px !important;

    padding: 0 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 4px !important;

    background: transparent !important;
    color: #ffffff !important;

    font-size: 10px !important;
    line-height: 1 !important;
  }

  #moat-audio-player .moat-speed option {
    color: #111111 !important;
  }

  #moat-audio-player .moat-subscribe-btn {
    width: auto !important;
    min-width: 70px !important;
    height: 28px !important;
    min-height: 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 8px !important;
    border-radius: 9px !important;

    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  #moat-audio-player .moat-icon-btn,
  #moat-audio-player [data-moat-share],
  #moat-audio-player [data-moat-embed],
  #moat-audio-player button.moat-icon-btn.embed-btn {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    flex: 0 0 27px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    border-radius: 999px !important;

    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;

    font-size: 12px !important;
    line-height: 1 !important;
  }

  #moat-audio-player .moat-icon-btn i {
    font-size: 12px !important;
    line-height: 1 !important;
  }

  #moat-audio-player button.moat-control-btn.moat-playlist-trigger {
    display: none !important;
  }
}

/* Extra-tight mobile fallback */
@media (max-width: 390px) {
  .moat-audio-block,
  .moat-audio-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  #moat-audio-player.moat-player {
    padding: 11px 10px !important;
  }

  #moat-audio-player .moat-track-title {
    font-size: 14px !important;
  }

  #moat-audio-player .moat-controls-wrapper {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    column-gap: 8px !important;
  }

  #moat-audio-player .play-btn {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }

  #moat-audio-player .moat-play-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    flex-basis: 38px !important;
    border-width: 4px !important;
  }

  #moat-audio-player .moat-play-btn i {
    font-size: 14px !important;
  }

  #moat-audio-player .moat-time-row {
    font-size: 14px !important;
  }

  #moat-audio-player .controls-section {
    gap: 4px !important;
  }

  #moat-audio-player .moat-control-btn {
    width: 19px !important;
    min-width: 19px !important;
    flex-basis: 19px !important;
  }

  #moat-audio-player .moat-control-btn i {
    font-size: 12px !important;
  }

  #moat-audio-player .moat-speed {
    width: 40px !important;
    min-width: 40px !important;
    flex-basis: 40px !important;
    font-size: 9px !important;
  }

  #moat-audio-player .moat-volume-btn {
    display: none !important;
  }

  #moat-audio-player .moat-action-links {
    gap: 4px !important;
  }

  #moat-audio-player .moat-subscribe-btn {
    min-width: 62px !important;
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 6px !important;
    font-size: 8.5px !important;
  }

  #moat-audio-player .moat-icon-btn,
  #moat-audio-player [data-moat-share],
  #moat-audio-player [data-moat-embed],
  #moat-audio-player button.moat-icon-btn.embed-btn {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    flex-basis: 25px !important;
    display: flex !important;
  }

  #moat-audio-player .moat-icon-btn i {
    font-size: 11px !important;
  }
}

/* =========================================================
   MOAT STICKY FOOTER PLAYER
   Uses same AmplitudeJS instance as the primary player
   ========================================================= */

body.moat-has-sticky-player {
  padding-bottom: 86px;
}

#moat-sticky-player[hidden] {
  display: none !important;
}

.moat-sticky-player {
  --moat-sticky-purple: #a914ff;
  --moat-sticky-purple-2: #9412f5;
  --moat-sticky-white: #ffffff;
  --moat-sticky-soft: rgba(255, 255, 255, 0.72);
  --moat-sticky-muted: rgba(255, 255, 255, 0.38);

  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;

  width: 100%;
  background: linear-gradient(
    90deg,
    var(--moat-sticky-purple),
    var(--moat-sticky-purple-2)
  );
  color: var(--moat-sticky-white);
  box-shadow: 0 -14px 42px rgba(64, 0, 120, 0.24);
}

.moat-sticky-player,
.moat-sticky-player * {
  box-sizing: border-box;
}

.moat-sticky-inner {
  width: 100%;
  min-height: 72px;

  display: grid;
  grid-template-columns:
    minmax(220px, 390px)
    42px
    minmax(190px, 260px)
    minmax(280px, 1fr)
    42px;
  align-items: center;
  gap: 18px;

  padding: 10px 28px;
}

.moat-sticky-left {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 14px;
}

.moat-sticky-cover {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;

  display: block;
  object-fit: cover;
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.25);
}

.moat-sticky-meta {
  min-width: 0;
}

.moat-sticky-title {
  max-width: 100%;

  color: #ffffff;
  font-size: 16px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: 0.045em;
  text-transform: uppercase;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.moat-sticky-artist {
  margin-top: 4px;

  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  line-height: 1.1;
  font-style: italic;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.moat-sticky-icon-btn,
.moat-sticky-control,
.moat-sticky-play,
.moat-sticky-volume {
  border: 0;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  line-height: 1;
  padding: 0;
}

.moat-sticky-icon-btn {
  width: 36px;
  height: 36px;

  display: grid;
  place-items: center;

  font-size: 23px;
}

.moat-sticky-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  min-width: 0;
}

.moat-sticky-control {
  width: 28px;
  height: 36px;

  display: grid;
  place-items: center;

  font-size: 25px;
}

.moat-sticky-play {
  width: 38px;
  height: 38px;

  display: grid;
  place-items: center;

  font-size: 30px;
}

.moat-sticky-muted {
  color: rgba(255, 255, 255, 0.42);
}

.moat-sticky-active {
  color: #ffffff;
}

.moat-sticky-progress-area {
  min-width: 0;

  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}

.moat-sticky-time {
  color: #ffffff;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.moat-sticky-wave {
  position: relative;
  min-width: 0;
  height: 44px;

  display: flex;
  align-items: center;
}

.moat-sticky-wave-bars {
  width: 100%;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;

  overflow: hidden;
}

.moat-sticky-wave-bars span {
  width: 3px;
  min-width: 3px;
  height: var(--bar-height, 12px);

  border-radius: 999px;
  background: rgba(255, 255, 255, 0.48);
  transition: background 0.15s ease, opacity 0.15s ease;
}

.moat-sticky-wave-bars span.is-played {
  background: rgba(255, 255, 255, 0.98);
}

.moat-sticky-progress {
  position: absolute;
  inset: 0;
  z-index: 2;

  width: 100%;
  height: 100%;

  opacity: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.moat-sticky-progress::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1px;
  height: 44px;
}

.moat-sticky-progress::-moz-range-thumb {
  width: 1px;
  height: 44px;
  border: 0;
}

.moat-sticky-volume {
  width: 38px;
  height: 38px;

  display: grid;
  place-items: center;

  font-size: 27px;
}

.moat-sticky-player button:focus-visible,
.moat-sticky-player input:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}

/* Hide Shuffle and Repeat buttons for podcasts */
.moat-sticky-control[data-moat-sticky-shuffle],
.moat-sticky-control[data-moat-sticky-repeat] {
  display: none;
}

/* Tablet sticky */
@media (max-width: 1100px) {
  .moat-sticky-inner {
    grid-template-columns:
      minmax(180px, 320px)
      34px
      minmax(170px, 230px)
      minmax(220px, 1fr)
      34px;
    gap: 12px;
    padding: 10px 18px;
  }

  .moat-sticky-controls {
    gap: 12px;
  }

  .moat-sticky-wave-bars {
    gap: 3px;
  }

  .moat-sticky-wave-bars span {
    width: 2px;
    min-width: 2px;
  }
}

/* Mobile sticky mini-player */
@media (max-width: 768px) {
  body.moat-has-sticky-player {
    padding-bottom: 78px;
  }

  .moat-sticky-inner {
    min-height: 68px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 10px;
    padding: 9px 12px;
  }

  .moat-sticky-cover {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }

  .moat-sticky-title {
    font-size: 13px;
  }

  .moat-sticky-artist {
    font-size: 12px;
  }

  .moat-sticky-icon-btn,
  .moat-sticky-control[data-moat-sticky-prev],
  .moat-sticky-control[data-moat-sticky-next],
  .moat-sticky-control[data-moat-sticky-shuffle],
  .moat-sticky-control[data-moat-sticky-repeat],
  .moat-sticky-progress-area {
    display: none;
  }

  .moat-sticky-controls {
    gap: 0;
  }

  .moat-sticky-play {
    width: 42px;
    height: 42px;
    font-size: 30px;
  }

  .moat-sticky-volume {
    width: 36px;
    height: 36px;
    font-size: 23px;
  }
}

/* Sticky visibility state */
#moat-sticky-player.moat-sticky-player {
  transform: translate3d(0, 110%, 0);
  opacity: 0;
  pointer-events: none;
  transition:
    transform 180ms ease,
    opacity 180ms ease;
  will-change: transform, opacity;
}

#moat-sticky-player.moat-sticky-player.is-visible {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
  #moat-sticky-player.moat-sticky-player {
    transition: none;
  }
}

/* =========================================================
   MOAT ARCHIVE PODCAST PLAYER
   Designed for right-side Episodes hero column
   ========================================================= */

.moat-archive-player {
  --moat-purple: #a914ff;
  --moat-purple-dark: #9512f3;
  --moat-purple-soft: #cb79f5;
  --moat-yellow: #ffd13f;
  --moat-list-bg: #fbfaff;
  --moat-active-bg: #f1ecf5;
  --moat-heading-bg: #eee0f7;
  --moat-text: #211b24;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 8px;
  background: var(--moat-list-bg);
  color: var(--moat-text);
  container-type: inline-size;
}

.moat-archive-player,
.moat-archive-player * {
  box-sizing: border-box;
}


/* =========================================================
   PURPLE PLAYER AREA
   ========================================================= */

.moat-archive-now {
  display: grid;
  grid-template-columns: 122px minmax(0, 1fr);
  align-items: stretch;
  gap: 15px;
  min-height: 148px;
  padding: 13px 14px;
  background: linear-gradient(
    115deg,
    #b41aff 0%,
    #a611ff 52%,
    #9711f2 100%
  );
  color: #fff;
}


/* Cover */

.moat-archive-cover-wrap {
  width: 122px;
  height: 122px;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(70, 0, 100, .24);
}

.moat-archive-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}


/* Right side */

.moat-archive-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
}


/* Title line */

.moat-archive-heading {
  min-width: 0;
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
}

.moat-archive-main-play {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 4px solid rgba(255,255,255,.7);
  border-radius: 999px;
  background: #fff;
  color: var(--moat-purple);
  font-size: 12px;
  cursor: pointer;
}

.moat-archive-main-play i {
  transform: translateX(1px);
}

.moat-archive-heading-text {
  min-width: 0;
}

.moat-archive-brand {
  margin: 0 0 2px;
  color: rgba(255,255,255,.9);
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.moat-archive-title {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.moat-archive-current {
  color: #fff;
  font-size: 9px;
  line-height: 1;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}


/* =========================================================
   WAVEFORM
   ========================================================= */

.moat-archive-wave {
  position: relative;
  min-width: 0;
  height: 43px;
  margin: 4px 0 2px;
  display: flex;
  align-items: center;
}

.moat-archive-wave-bars {
  width: 100%;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2px;
  overflow: hidden;
}

.moat-archive-wave-bars span {
  width: 2px;
  min-width: 2px;
  height: var(--moat-archive-bar-height, 8px);
  max-height: 34px;
  border-radius: 99px;
  background: rgba(255,255,255,.42);
}

.moat-archive-wave-bars span.is-played {
  background: rgba(255,255,255,.97);
}

.moat-archive-progress {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}


/* =========================================================
   BOTTOM PLAYER CONTROLS
   ========================================================= */

.moat-archive-controls {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
}

.moat-archive-playback-controls,
.moat-archive-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.moat-archive-control {
  width: 20px;
  height: 22px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.92);
  font-size: 11px;
  cursor: pointer;
}

.moat-archive-speed {
  width: 40px;
  height: 21px;
  padding: 0 4px;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 3px;
  background: transparent;
  color: #fff;
  font-size: 8px;
  line-height: 1;
}

.moat-archive-speed option {
  color: #111;
}

.moat-archive-subscribe {
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 7px;
  background: var(--moat-yellow);
  color: #171217 !important;
  font-size: 8px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none !important;
}

.moat-archive-action {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.2);
  color: #fff !important;
  font-size: 9px;
  text-decoration: none !important;
  cursor: pointer;
}


/* =========================================================
   MORE EPISODES TITLE
   ========================================================= */

.moat-archive-list-heading {
  min-height: 43px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background: var(--moat-heading-bg);
  color: #29202c;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .03em;
}


/* =========================================================
   PLAYLIST
   ========================================================= */

.moat-archive-list {
  max-height: 220px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px 13px 5px;
  background: var(--moat-list-bg);
}

.moat-archive-row {
  width: 100%;
  min-height: 30px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 45px 39px;
  align-items: center;
  gap: 5px;
  padding: 3px 5px;
  border-radius: 7px;
}

.moat-archive-row.is-active {
  background: var(--moat-active-bg);
}

.moat-archive-row-play {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #ca76f2;
  color: #fff;
  font-size: 7px;
  cursor: pointer;
}

.moat-archive-row-play i {
  transform: translateX(.5px);
}

.moat-archive-row-title {
  min-width: 0;
  color: #2d2630 !important;
  font-size: 9px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: .03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none !important;
}

.moat-archive-row.is-active .moat-archive-row-title {
  font-weight: 800;
}

.moat-archive-row-duration {
  color: #514b54;
  font-size: 8px;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
}

.moat-archive-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
}

.moat-archive-row-action {
  width: 17px;
  height: 19px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--moat-purple) !important;
  font-size: 9px;
  cursor: pointer;
  text-decoration: none !important;
}


/* subtle scrollbar */

.moat-archive-list::-webkit-scrollbar {
  width: 5px;
}

.moat-archive-list::-webkit-scrollbar-thumb {
  border-radius: 99px;
  background: rgba(169,20,255,.25);
}


/* =========================================================
   SUBSCRIBE WITH
   ========================================================= */

.moat-archive-platform-section {
  padding: 10px 14px 14px;
  background: var(--moat-list-bg);
  text-align: center;
}

.moat-archive-platform-title {
  margin-bottom: 8px;
  color: #201a22;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
}

.moat-archive-platforms {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

.moat-platform-btn {
  min-height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 9px;
  border-radius: 5px;
  background: var(--moat-yellow);
  color: #161216 !important;
  font-size: 8px;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none !important;
}

.moat-platform-btn i {
  font-size: 10px;
}


/* =========================================================
   SMALLER CONTAINER / MOBILE
   ========================================================= */

@container (max-width: 470px) {

  .moat-archive-now {
    grid-template-columns: 94px minmax(0, 1fr);
    gap: 11px;
    min-height: 122px;
    padding: 11px;
  }

  .moat-archive-cover-wrap {
    width: 94px;
    height: 94px;
  }

  .moat-archive-heading {
    grid-template-columns: 29px minmax(0,1fr);
    gap: 6px;
  }

  .moat-archive-main-play {
    width: 28px;
    height: 28px;
    border-width: 3px;
    font-size: 9px;
  }

  .moat-archive-current {
    display: none;
  }

  .moat-archive-title {
    font-size: 12px !important;
  }

  .moat-archive-brand {
    font-size: 7px;
  }

  .moat-archive-wave {
    height: 32px;
    margin: 2px 0;
  }

  .moat-archive-wave-bars {
    height: 29px;
  }

  .moat-archive-wave-bars span {
    max-height: 26px;
  }

  .moat-archive-subscribe {
    padding: 0 7px;
    font-size: 7px;
  }

  .moat-archive-row {
    grid-template-columns: 24px minmax(0,1fr) 34px;
  }

  .moat-archive-row-duration {
    display: none;
  }
}

/* =========================================================
   MOAT ARCHIVE - SMALL UI IMPROVEMENTS
   ========================================================= */

/* More Episodes + sort control */

.moat-archive-list-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.moat-archive-sort {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--moat-purple);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
}

.moat-archive-sort:hover {
  background: rgba(169, 20, 255, 0.08);
}

.moat-archive-sort i {
  display: block;
  line-height: 1;
}


/* Entire episode row is playable */

.moat-archive-row {
  cursor: pointer;
}

.moat-archive-row:hover {
  background: rgba(169, 20, 255, 0.045);
}

.moat-archive-row.is-active:hover {
  background: var(--moat-active-bg);
}


/* Episode title is no longer an anchor */

.moat-archive-row-title {
  cursor: pointer;
}


/* Allow 3 action icons:
   external/open + download + share */

.moat-archive-row {
  grid-template-columns: 26px minmax(0, 1fr) 45px 58px;
}

.moat-archive-row-actions {
  gap: 2px;
}


/* Open icon */

.moat-archive-row-open {
  font-size: 8px;
}


/* =========================================================
   FIX PLAY / PAUSE ICON CENTERING
   ========================================================= */

.moat-archive-main-play,
.moat-archive-row-play {
  display: flex;
  align-items: center;
  justify-content: center;
}

.moat-archive-main-play i,
.moat-archive-row-play i {
  display: block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  text-align: center;
  margin: 0;
  padding: 0;
}

/*
 * Only the triangular play icon needs the tiny
 * optical adjustment.
 */

.moat-archive-main-play i.fa-play {
  transform: translateX(1px);
}

.moat-archive-row-play i.fa-play {
  transform: translateX(0.5px);
}

/*
 * Pause must stay perfectly centered.
 */

.moat-archive-main-play i.fa-pause,
.moat-archive-row-play i.fa-pause {
  transform: none !important;
}


/* Smaller container */

@container (max-width: 470px) {
  .moat-archive-row {
    grid-template-columns: 24px minmax(0, 1fr) 51px;
  }

  .moat-archive-row-duration {
    display: none;
  }
}

/* =========================================================
   MOAT ARCHIVE - PREMIUM POLISH
   ========================================================= */

.moat-archive-player {
  border: 1px solid rgba(169, 20, 255, 0.05);
  box-shadow:
    0 4px 12px rgba(28, 12, 46, 0.05),
    0 1px 3px rgba(28, 12, 46, 0.03);
}

/* Slightly cleaner purple player surface */
.moat-archive-now {
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.08);
}

/* Give the cover a bit more card-like polish */
.moat-archive-cover-wrap {
  box-shadow:
    0 6px 14px rgba(34, 10, 52, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

/* Make the list block feel slightly layered */
.moat-archive-list {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}

/* Softer, more premium row hover */
.moat-archive-row {
  transition:
    background-color 0.18s ease,
    transform 0.18s ease;
}

.moat-archive-row:hover {
  background: rgba(169, 20, 255, 0.05);
  transform: translateY(-1px);
}

.moat-archive-row.is-active {
  box-shadow: inset 0 0 0 1px rgba(169, 20, 255, 0.06);
}

/* Buttons feel slightly more premium */
.moat-archive-subscribe,
.moat-platform-btn {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.moat-archive-action,
.moat-archive-row-play,
.moat-archive-main-play {
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    background-color 0.16s ease;
}

.moat-archive-main-play:hover,
.moat-archive-row-play:hover,
.moat-archive-action:hover {
  transform: translateY(-1px);
}

/* Slightly better definition for the top header bar */
.moat-archive-list-heading {
  border-top: 1px solid rgba(255,255,255,0.22);
  border-bottom: 1px solid rgba(60, 20, 80, 0.04);
}

/* Keep it subtle on smaller screens */
@container (max-width: 470px) {
  .moat-archive-player {
    box-shadow:
      0 8px 20px rgba(28, 12, 46, 0.08),
      0 2px 8px rgba(28, 12, 46, 0.05);
  }
}

/*--------- CUSTOM AUDIO PLAYER INTEGRATION END ------------------*/

/* Podcast form */
@media (max-width: 768px) {
	#podcast-form.et_pb_section_1.et_pb_section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/*
 * Hide Download Monitor's spinner and percentage
 * only on this Divi download button.
 */
.moat-silent-download .dlm-xhr-loading-gif,
.moat-silent-download .dlm-xhr-progress {
  display: none !important;
}

/*
 * Keep the button disabled and waiting while download is in progress.
 */
.moat-silent-download.dlm-download-started {
  opacity: 0.6 !important;
  cursor: wait !important;
}


body .gform_wrapper select.gfield_select {
    color: #222 !important;
    -webkit-text-fill-color: #222 !important;

    height: 60px !important;
    min-height: 60px !important;

    padding: 0 45px 0 20px !important;

    display: flex;
    align-items: center;

    font-size: 16px !important;
    background-color: #fff !important;
}

/* Only Gravity Form field 36 */
#gform_wrapper_11 #field_11_36 select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 14px !important;

    padding-right: 48px !important;
    cursor: pointer;
}

/* Make podcast episodes title to show in 2 lines max inside recent episodes cards */
.recent-episode-card .recent-episode-title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 100% !important;
	line-height: 1.4em !important;
	max-height: calc(1.4em * 2) !important;
}

.recent-episode-card .moat-episode-title.recent-episode-title {
	max-height: unset !important;
}