/**
 * FerventWord
 *
 * @package   ferventword
 * @author    Jerry Simmons <jerry@ferventsolutions.com>
 * @copyright 2025 Jerry Simmons
 * @license   GPL-2.0+
 **/


/**
 * iPhone 12 Mini: 360 x 780
 * iPhone 12: 390 x 844
 * iPad: 810 x 1080
 * MacBook: 1280 x 800
 *
 * 1280px
 * 1079px
 * 779px
 * 389px
 **/
/*** COLORS ********************************
 *          BOLD     LIGHT    BACKGROUND
 * White:   #F8F8F8  #FFFFFF
 * Red:     #7F1518  #EDDCDD
 * Orange:  #BD4B27  #F1D0C7  #F5E8E4
 * Yellow:  #D77C28  #F7E0C7
 * Green:   #2D5126  #E1E4DE
 * Blue:    #1F2655  #DEDFE7  #EBE8EC
 * Purple:  #522D55  #E5E0E6
 * Black:   #282528  #E0E0DF
 ***/



/*** QUICK NAV ***/
.fwui_podcast_quick_nav {
	display: flex;
	flex-flow: row wrap;
	grid-gap: 10px;
	margin: 0px 0px 40px 0px;
}

body.fwbg .fwui_podcast_quick_nav .podcast_quick_nav_link {
	background-color: var( --fw-blue-light );
	border: solid 1px var( --fw-blue-text );
	border-radius: 4px;
	color: var( --fw-blue-text );
	display: inline-block;
	font-size: 80%;
	padding: 8px 16px;
	text-decoration: none;
}

/*** SECTIONS ***/
.fwui_podcast_section {
	/* Clear The Sticky Header When The Quick Nav Jumps Here */
	scroll-margin-top: 200px;
}
body.fwbg .fwui_heading.podcast_section_heading {
	color: var( --fw-black-text );
	margin-top: 20px;
}

.fwui_row_podcast {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: solid 1px var( --fw-black-rule );
}

.fwui_row_podcast .fwui_row_podcast_column {
	padding: 0px 10px;
}
.fwui_row_podcast .fwui_row_podcast_column:nth-child(1) {
	width: 15% !important;
}
.fwui_row_podcast .fwui_row_podcast_column:nth-child(2) {
	width: 40% !important;
}
.fwui_row_podcast .fwui_row_podcast_column:nth-child(3) {
	width: 45% !important;
}

/*** PODCAST TITLE LINK - the listing's cards link to each podcast's page ***/
body.fwbg .fwui_row_podcast .podcast_page_link {
	color: inherit;
	text-decoration: none;
}
body.fwbg .fwui_row_podcast .podcast_page_link:hover,
body.fwbg .fwui_row_podcast .podcast_page_link:focus-visible {
	color: var( --fw-red-text );
	text-decoration: underline;
}

/*** SINGLE PODCAST PAGE ***/
body.fwbg .fwbg_podcast_back {
	margin: 20px 0px 30px 0px;
}
body.fwbg .fwbg_podcast_back_link {
	color: var( --fw-red-text );
	font-size: 90%;
	text-decoration: none;
}
body.fwbg .fwbg_podcast_back_link:hover,
body.fwbg .fwbg_podcast_back_link:focus-visible {
	text-decoration: underline;
}
/* The card's title is the page's h1 here; keep it the size it is in the listing */
body.fwbg .fwui_row_podcast h1.podcast_title {
	font-size: 26px;
	line-height: 1.3em;
	padding-bottom: 10px;
}
body.fwbg .fwbg_podcast_no_episodes {
	color: var( --fw-black-text-85 );
}

.fwbg_podcast_listen_buttons {
	display: flex;
	flex-flow: row wrap;
	grid-gap: 10px;
}

@media( max-width: 779px ) {
	.fwui_podcast_quick_nav {
		justify-content: center;
	}
	.fwui_row_podcast .fwui_row_podcast_column {
		text-align: center;
	}
	.fwui_row_podcast .fwui_row_podcast_column:nth-child(1) {
		width: 100% !important;
	}
	.fwui_row_podcast .fwui_row_podcast_column:nth-child(1) img {
		width: 150px;
	}
	.fwui_row_podcast .fwui_row_podcast_column:nth-child(2) {
		width: 100% !important;
	}
	.fwui_row_podcast .fwui_row_podcast_column:nth-child(3) {
		width: 100% !important;
	}
	.fwbg_podcast_listen_buttons {
		justify-content: center;
	}
}