/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 11 2025 | 02:52:55 */
/* PODCAST TEMPLATE */

/* Headers */
body.post-type-archive-podcast .podcast-header {
    height: 520px;
    background: url(https://hw.qld.gov.au/wp-content/uploads/2025/02/Podcast-Series-1-2.png) no-repeat right top, radial-gradient(321.56% 138.11% at 98.19% 2.88%, #2A4753 0%, #2A4753 45.83%, #122F45 100%);
}
body.tax-podcast-series .podcast-header {
	height: 520px;
    background: url(https://hw.qld.gov.au/wp-content/uploads/2025/02/Podcast-Series-2-2.png) no-repeat right top, radial-gradient(321.56% 138.11% at 98.19% 2.88%, #9FC5B9 0%, #9EC4BA 32.66%, #687B99 73.42%);
}

body.podcast-template .podcast-header {
    background: url(https://hw.qld.gov.au/wp-content/uploads/2025/02/Podcast-Series-2-2.png) no-repeat right top, radial-gradient(321.56% 138.11% at 98.19% 2.88%, #9FC5B9 0%, #9EC4BA 32.66%, #687B99 73.42%);
}

.podcast-header-backdrop img  {
    display: none;
}
body:not(.podcast-template) .podcast-heading {
    justify-content: flex-end;
    padding-bottom: 75px;
	height: 100% !important;
}

/* General */

:root {
	--container-max-width: 1320px;
	--regular-podcast-font-family: HelveticaNowProDisplayRegular;
	--bold-podcast-font-family: HelveticaNowProDisplayBold;
	--black-podcast-font-family: HelveticaNowProDisplayBlack;
	--podcast-primary-color: #2B4753;
	--gutter-width: 60px;
	--total-gutter-width: calc(2 * var(--gutter-width));
}
body.tax-podcast-series .header, body.tax-podcast-series .subheader, .podcast-template .header, .podcast-template .subheader, .post-type-archive-podcast .header, .post-type-archive-podcast .subheader, .post-type-archive-podcast .header-spacer {
    display: none;
}
.podcast-template .mobile-toggle-holder strong, .tax-podcast-series .mobile-toggle-holder strong {
    color: #fff;
}

.podcast-template .thb-search-holder svg, .tax-podcast-series .thb-search-holder svg {
    fill: #fff;
}

.podcast-template .mobile-toggle span, .tax-podcast-series .mobile-toggle span {
    background: #fff;
}

.podcast-template .series-description, .tax-podcast-series .series-description, .podcast-template .series-episodes, .tax-podcast-series .series-episodes, .podcast-template .podcast-content {
	font-family: var(--regular-podcast-font-family);
}

.podcast-template .series-description b , .tax-podcast-series .series-description b, .podcast-template .series-episodes b, .tax-podcast-series .series-episodes b  {
	font-family: var(--bold-podcast-font-family);
}

.podcast-template .series-description h2, .podcast-template .series-description h3, .tax-podcast-series .series-description h2, .tax-podcast-series .series-description h3, .podcast-template .series-episodes h2, .podcast-template .series-episodes h3, .tax-podcast-series .series-episodes h2, .tax-podcast-series .series-episodes h3, .post-type-archive-podcast .all-podcast-series-container h2  {
	font-family: var(--black-podcast-font-family);
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    background-color: var(--podcast-primary-color);
    padding: 10px 20px;
    width: fit-content;
}

.tax-podcast-series .series-description p:first-child, .podcast-content .podcast-description p:first-of-type {
	font-size: 24px;
	line-height: 34px;
}

.podcast-template .subheader+.header:not(.fixed), .tax-podcast-series .subheader+.header:not(.fixed) {
    /* background: linear-gradient(180deg, rgba(24,46,66,1) 0%, rgba(24,46,66,0) 95%); */
	background: rgba(24,46,66,1);
}

.podcast-template .logoimg.logo-light, .tax-podcast-series .logoimg.logo-light {
    opacity: 1;
}
.podcast-template .logoimg, .tax-podcast-series .logoimg {
    opacity: 0;
}

.podcast-template .header .thb-full-menu>li>a:not(:hover), .tax-podcast-series .header .thb-full-menu>li>a:not(:hover), .podcast-template .header .thb-full-menu.thb-underline>li>a:hover, .tax-podcast-series .header .thb-full-menu.thb-underline>li>a:hover, .podcast-template .header .thb-full-menu.thb-line-marker>li>a:hover, .tax-podcast-series .header .thb-full-menu.thb-line-marker>li>a:hover, .podcast-template .header .thb-full-menu.thb-line-through>li>a:hover, .tax-podcast-series .header .thb-full-menu.thb-line-through>li>a:hover {
    color: #fff;
}

.podcast-template .header-spacer, .tax-podcast-series .header-spacer {
	height: 0px !important;
}

.podcast-template #clinician-nav, .tax-podcast-series #clinician-nav {
	width: calc(var(--container-max-width) + var(--total-gutter-width));
	padding: 0px var(--gutter-width);
	margin: 0 auto;
	display: flex;
    flex-direction: row;
    column-gap: 240px;
    align-items: center;
	height: 80px;
}

.podcast-template .clinician-title, .tax-podcast-series .clinician-title {
	display: flex;
	flex-direction: column;
}

.clinical__nav--logo, .podcast-template .clinician-title h3, .tax-podcast-series .clinician-title h3 {
	margin-bottom: 0px;
	font-family: signika, Sans-serif;
}

.podcast-template .clinician-menu, .tax-podcast-series .clinician-menu {
	display: flex;
	flex-direction: column;
}

.podcast-template .clinician-menu .clinician-nav-list, .tax-podcast-series .clinician-menu .clinician-nav-list {
	display: flex;
	flex-direction: row;
	column-gap: 17px;
	margin-bottom: 0px;
}

.podcast-template .clinician-menu .clinician-nav-list li a, .tax-podcast-series .clinician-menu .clinician-nav-list li a {
	color: #123045;
	font-size: 16px;
    letter-spacing: -1px;
}

.page-template-podcast-header #clinician-nav {
	margin-top: -40px;
}    

.podcast-header {
	height: 540px;
	background: url('https://hw.qld.gov.au/wp-content/uploads/2023/09/Podcast-Series.png') no-repeat right top, linear-gradient(98deg, #79B7BD 0%, #9EC4B8 100.43%);
	font-family: HelveticaNowProDisplayRegular;
}

.podcast-header-backdrop {
	position: absolute;
	left: 0;
	height: 540px;
	z-index: 0;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
	width: 100%;
}

.podcast-header-backdrop img {
	height: 350px;
    width: 100%;
	margin-bottom: -5px;
}

.podcast-heading {
	display: flex;
	z-index: 10;
	position: relative;
	width: calc(var(--container-max-width) + var(--total-gutter-width));
    margin: 0 auto;
    height: 50%;
    flex-direction: column;
    padding-left: 60px;
}

.podcast-heading__line-1 {
	margin-top: 60px;
	padding: 10px;
	background-color: #fff;
	color: var(--podcast-primary-color);
	font-size: 95px;
	line-height: 100%;
	width: fit-content;
	font-weight: 700;
	font-family: HelveticaNowProDisplayBlack;
}

.podcast-heading__line-2 {
	padding: 10px;
	color: #fff;
	font-size: 95px;
	line-height: 100%;
	width: fit-content;
	font-family: HelveticaNowProDisplayBlack;
}

.podcast-details {
	display: flex;
	z-index: 10;
	position: relative;
	width: calc(var(--container-max-width) + var(--total-gutter-width));
	margin: 0 auto;
	height: calc(50% - 60px);
	column-gap: 60px;
	margin-bottom: 60px;
	align-items: end;
	padding: 0px var(--gutter-width);
}

.podcast-details img {
	width: 180px;
	height: 180px;
	border-radius: 100px;
}

.presenter-headshot {
	max-width: 400px;
	max-height: 400px;
}

.podcast-details-episode {
	
}

.podcast-details-episode__episode-number {
	background-color: #fff;
	color: var(--podcast-primary-color);
	padding: 17px 30px;
	font-size: 36px;
	line-height: 36px;
	width: fit-content;
}

.podcast-details-episode__description {
	font-size: 42px;
	line-height: 42px;
}

.podcast-details-episode__description__line-1 {
	color: #fff;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 5px;
	font-family: HelveticaNowProDisplayBold;
}

.podcast-details-episode__description__line-2 {
	color: #BAE4EA;
	font-weight: 400;
}

.podcast-description {
	margin-top: 30px;
}

h4.meet-our-guest {
	font-family: HelveticaNowProDisplayBold;	
}

h5.presenter-name {
	font-family: HelveticaNowProDisplayBold;
	margin-top: 20px;
}

/* ACCORDION STYLES */
/* Accordion container */
.accordion-container {
    width: 100%;
    margin: 20px auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

/* Accordion header */
.accordion-header {
    cursor: pointer;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border: none;
    width: 100%;
    text-align: left;
    outline: none;
    transition: background-color 0.3s;
    font-weight: bold;
}

.accordion-header:hover {
    background-color: #ddd;
}

/* Accordion content container */
.accordion-content {
    display: none; /* hidden by default */
    padding: 15px;
    border-top: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

/* Style for when the accordion is active */
.accordion-header.active {
    background-color: #ddd;
}

.accordion-header.active + .accordion-content {
    display: block; /* show content when active */
}


/* PODCAST SERIES */

.podcast-header-backdrop img {
    height: 250px;
}

.series-header {
    background-color: #f5f5f5;
    padding: 20px;
    text-align: center;
}

.series-header-title {
    font-size: 2em;
    margin-bottom: 20px;
}

.series-feature-image {
    max-width: 600px;
    height: max-content;
    margin-bottom: 20px;
    width: max-content;
}

.series-description, .series-episodes, .podcast-content {
    width: calc(var(--container-max-width) + var(--total-gutter-width));
	padding: 0px var(--gutter-width);
    margin: 60px auto;
}

.series-episodes .episode {
    border-bottom: 1px solid #e5e5e5;
    margin: 60px 0px;
	padding-bottom: 60px;
	display: flex;
    flex-direction: row;
	column-gap: 60px;
}

.episode-title {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 10px;
	font-family: var(--bold-podcast-font-family);
	color: var(--podcast-primary-color);
}

.episode-presenter {
    margin-bottom: 20px;
	font-family: var(--bold-podcast-font-family);
}

.episode-summary {
    margin-bottom: 20px;
}

.episode-image {
    max-width: 600px;
    height: max-content;
    margin-bottom: 20px;
    width: max-content;
}

/* Container for the series description */
.series-description {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

/* Text content - taking up 8 of 12 columns (or about 66%) */
.description-text {
    flex: 0 0 60%;
    max-width: 60%;
	padding-right: 50px;
}

/* Feature image - taking up 4 of 12 columns (or about 33%) */
.feature-image {
    flex: 0 0 40%;
    max-width: 40%;
}

.feature-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* PODCAST ARCHIVE */
.post-type-archive-podcast .podcast-header {
	height: 300px;
    clip-path: border-box;
}
.post-type-archive-podcast .podcast-description {
	color: #fff;
    font-size: 20px;
    width: 900px;
}
.post-type-archive-podcast .podcast-header-backdrop {
	height: 300px;
}
.post-type-archive-podcast .series-description {
    font-family: var(--regular-podcast-font-family);
}
.post-type-archive-podcast .series-description {
    width: calc(var(--container-max-width) + var(--total-gutter-width));
    padding: 0px;
    margin: 0px auto;
}
.post-type-archive-podcast .series-description .description-text p {
	font-size: 18px;
	font-family: HelveticaNowProDisplayRegular;
}
.post-type-archive-podcast .series-description b {
    font-family: var(--bold-podcast-font-family);
    font-size: 32px;
	line-height: 110%;
}
.post-type-archive-podcast .series-cta {
	border: 1px dashed;
    padding: 30px;
    font-size: 20px;
    font-family: HelveticaNowProDisplayBold;
}
.all-podcast-series-container {
	padding: 60px 0px;
	display: flex;
    flex-direction: column;
    gap: 60px;
}
.single-series-block {
	border-bottom: 1px solid #efefef;
}
.series-overview {
	display: flex;
	gap: 30px;
}
.series-overview .series-feature-image {
	width: 600px;
	border-radius: 15px;
    clip-path: border-box;
}
.series-overview .series-content {
	width: calc(100% - 630px);
	padding-bottom: 60px;
}
.series-overview .series-description {
	width: unset;
    padding: unset;
    margin: unset;
}
.series-overview .series-description p {
	color: var(--Secondary-Gentlement-Grey, #214A5E);
	font-family: var(--regular-podcast-font-family);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 28.8px */
}
.series-overview h2.series-title {
	color: var(--Secondary-Gentlement-Grey, #214A5E);
	font-family: var(--bold-podcast-font-family);
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px; /* 112.5% */
	background-color: unset;
    padding: unset;
}
.series-overview .series-episode-count {
	color: #79B7BD;
	font-family: var(--bold-podcast-font-family);
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 33.6px */
}
.series-overview .series-presenters {
	color: var(--Secondary-Gentlement-Grey, #214A5E);
	font-family: var(--bold-podcast-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 22.4px */
}
.all-podcast-series-container .podcast-item {
	border-radius: 15px;
	clip-path: border-box;
}

@media (max-width: 1440px) {
	.all-podcast-series-container {
		padding: 60px 40px;
	}
}

@media (max-width: 767px) {
	.post-type-archive-podcast .podcast-header {
		height: 200px;
	}
	.post-type-archive-podcast .podcast-header-backdrop {
		height: 200px;
	}
	.post-type-archive-podcast .podcast-description {
		font-size: 18px;
		width: 80%;
	}
	.all-podcast-series-container {
		gap: 20px;
		padding: 20px;
	}
	.all-podcast-series-container .feature-image img, .single-series-block {
		width: calc(100% - 40px);
	}
	.post-type-archive-podcast .series-description b {
		font-size: 24px;
	}
	.post-type-archive-podcast .series-description {
		flex-direction: column;
		gap: 20px;
	}
	.post-type-archive-podcast .podcast-heading {
        top: 0%;
    }
	.series-description .description-text {
		max-width: 100%;
	}
	.series-overview {
		flex-direction: column;
		gap: 0px;
	}
	.series-overview .series-feature-image {
		width: 100%;
	}
	.series-overview .series-content {
		width: 100%;
	}
	.series-overview .series-description {
		margin-bottom: 0px !important;
	}
	.all-podcast-series-container .podcast-item {
		flex: 0 0 calc(25% - 10px) !important;
	}
}

/* RESPONSIVE STYLES */

@media (max-width: 1440px) {
	:root {
		--container-max-width: calc(100vw - var(--total-gutter-width));
	}
	.podcast-template #clinician-nav, .tax-podcast-series #clinician-nav {
		width: var(--container-max-width);
		padding: 0px;
		margin: 0 var(--gutter-width);
		column-gap: calc(100vw - 1200px);
	}
	.podcast-template .clinician-menu .clinician-nav-list, .tax-podcast-series .clinician-menu .clinician-nav-list {
		flex-wrap: wrap;
	}
	.podcast-template .clinician-title, .tax-podcast-series .clinician-title {
		width: 220px;
	}
}

@media (max-width: 960px) {
	.podcast-template #clinician-nav, .tax-podcast-series #clinician-nav {
		column-gap: 40px;
	}
	.podcast-header {
		height: 480px;
		background: url('https://hw.qld.gov.au/wp-content/uploads/2023/09/Podcast-Series-Small.png') no-repeat right top, linear-gradient(98deg, #79B7BD 0%, #9EC4B8 100.43%);
		font-family: HelveticaNowProDisplayRegular;
	}
	.podcast-header-backdrop {
		height: 480px;
	}
	.podcast-header-backdrop img {
		height: 250px;
		width: 100%;
	}
	.podcast-heading {
		top: 20%;
	}
	.podcast-heading, .podcast-details {
		width: 100%;
    	padding: 0 40px;
	}
	.podcast-heading__line-1 {
		font-size: 54px;
		line-height: 54px;
		margin-top: 40px;
	}
	.podcast-heading__line-2 {
		font-size: 54px;
		line-height: 54px;
	}
	.podcast-details {
		column-gap: 40px;
		margin-bottom: 40px;
		height: calc(50% - 40px);
	}
	.podcast-details img {
		width: 140px;
		height: 140px;
	}
	.podcast-details-episode__episode-number {
		font-size: 24px;
		line-height: 24px;
	}
	.podcast-details-episode__description {
		font-size: 30px;
		line-height: 30px;
	}
	
	/* PODCAST SERIES MOBILE CSS */
	
	.series-episodes .episode {
		flex-direction: column;
	}
}

@media (max-width: 640px) {
	:root {
		--gutter-width: 20px;
	    --podcast-gradient: radial-gradient(321.56% 138.11% at 98.19% 2.88%, #9FC5B9 0%, #9EC4BA 32.66%, #687B99 73.42%);
	}
	.podcast-template #clinician-nav, .tax-podcast-series #clinician-nav {
		flex-direction: column;
		align-items: flex-start;
		height: 100px;
	}
	.podcast-template .header-spacer, .tax-podcast-series .header-spacer {
		/* height: 100px !important; */
	}
	.podcast-header {
		height: 400px;
		background: url('https://hw.qld.gov.au/wp-content/uploads/2023/09/Podcast-Series-Small.png') no-repeat right top, linear-gradient(98deg, #79B7BD 0%, #9EC4B8 100.43%);
		font-family: HelveticaNowProDisplayRegular;
	}
	.podcast-header, body.tax-podcast-series .podcast-header {
		background: url("https://hw.qld.gov.au/wp-content/uploads/2025/03/Podcast-Series-1.png") no-repeat right top, var(--podcast-gradient) !important;
	 }
	.podcast-header-backdrop {
		height: 400px;
		width: 100%;
	}
	.podcast-header-backdrop img {
		height: 150px;
		width: 100%;
	}
	.tax-podcast-series .podcast-heading {
		top: 0;
	}
	.podcast-heading {
		top: 35%;
	}
	.podcast-heading, .podcast-details {
		width: 100%;
    	padding: 0 20px;
	}
	.podcast-heading__line-1 {
		font-size: 24px;
		line-height: 24px;
		margin-top: 20px;
	}
	.podcast-heading__line-2 {
		font-size: 24px;
		line-height: 24px;
	}
	.podcast-details {
		column-gap: 20px;
		margin-bottom: 20px;
		height: calc(50% - 20px);
	}
	.podcast-details img {
		width: 100px;
		height: 100px;
	}
	.podcast-details-episode__episode-number {
		font-size: 16px;
		line-height: 16px;
		padding: 10px 15px;
	}
	.podcast-details-episode__description {
		font-size: 18px;
		line-height: 18px;
	}
	
	/* PODCAST SERIES MOBILE CSS */
	
	.episode-image {
		max-width: 100%;
	}
	.tax-podcast-series .series-description p:first-child {
		font-size: 20px;
		line-height: 30px;
	}
	.series-episodes .episode {
		margin: 40px 0px;
		padding-bottom: 20px;
	}
	.series-description {
		flex-direction: column;
	}
	.description-text {
		max-width: 100%;
		order: 2;
	}
	.feature-image {
		max-width: 100%;
		order: 1;
		margin-bottom: 40px;
	}
}