/*
Theme Name: Secret Life of Inventory Podcast
Author: Ashley Allison for Archon Systems
Author URI: https://archonsystems.com/
Version: 1.0
Template: Divi
*/


/*------------------- 
We load fonts with this strategy (instead of all under the same name of 'ZonaPro') for speed optimization.
This way, ONLY the weights/styles used on each page will be loaded for a user, instead of all weights/styles 
and there are less browser rerenders.
-------------------*/
@font-face {
	font-family: 'ZonaPro 400';
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-regular-webfont.woff');
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-regular-webfont.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'ZonaPro 500';
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-semibold-webfont.woff');
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-semibold-webfont.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'ZonaPro 600';
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-bold-webfont.woff');
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-bold-webfont.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'ZonaPro 700';
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-extrabold-webfont.woff');
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-extrabold-webfont.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'ZonaPro 800';
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-black-webfont.woff');
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-black-webfont.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'ZonaPro 900';
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-ultra-webfont.woff');
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-ultra-webfont.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("/wp-content/themes/SecretLifeOfInventory/3rd-party/fonts/fa-regular-400.woff2") format("woff2"), url("/wp-content/themes/SecretLifeOfInventory/3rd-party/fonts/fa-regular-400.ttf") format("truetype");
}

/* Fallbacks for Divi */
@font-face {
	font-family: 'false';
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-black-webfont.woff');
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-black-webfont.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Default';
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-regular-webfont.woff');
	src: url('/wp-content/themes/SecretLifeOfInventory/fonts/zonapro-regular-webfont.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/*-------------------------------------- 
           COLOURS
--------------------------------------*/
.sun-40 {
	color: #FACC81;
}

/*-------------------------------------- 
           TYPOGRAPHY
--------------------------------------*/
body {
	font-family: 'ZonaPro 400';
	font-weight: 400;
}

body #main-content {
	color: #FFF;
}

h1 {
	font-size: 56px !important;
	font-family: 'ZonaPro 800';
	line-height: 1.2;
	font-weight: 400;
	margin-bottom: 24px;
	padding-bottom: 0;
}

h2 {
	font-size: 44px !important;
	font-family: 'ZonaPro 900';
	line-height: 1.2;
	font-weight: 400;
	margin-bottom: 24px;
	padding-bottom: 0;
}

.title-m {
	font-size: 24px !important;
	font-family: 'ZonaPro 800';
	line-height: 1.3;
	font-weight: 400;
}

@media(max-width:767px){
	h1 {
		font-size: 36px !important;
	}
	h2 {
		font-size: 28px !important;
	}
	.title-m {
		font-size: 18px !important;
	}
}


/*====================================
=         EPISODE HEADER LAYOUT      =
====================================*/
.episode-header {
	display: flex;
	gap: 56px;
}

.episode-header-left {
	width: 404px;
	flex-shrink: 0;
}

.episode-header-left img {
	border-radius: 24px;
}

.episode-title {
	font-size: 32px;
	font-family: 'ZonaPro 800';
	line-height: 1.3;
	font-weight: 400;
	margin-bottom: 24px;
	padding-bottom: 0;
	color: #FFF;
}

.episode-header-left .episode-links {
    display: flex;
    height: 48px;
    align-items: center;
	margin-top: 16px;
}

.episode-header-left .episode-links a {
    display: flex;
    align-items: center;
	font-family:'ZonaPro 700';
}

.episode-header-left .episode-links .next {
    margin-left: auto;
}

.episode-header-left .episode-links .next:after,
.episode-header-left .episode-links .prev:before {
   content:"";
	display: inline-block;
	margin-left: 8px;
	background:url(/wp-content/uploads/2025/05/button-arrow-right.svg);
	background-repeat: no-repeat;
	background-position:center;
	width: 20px;
	height: 20px;
}

.episode-header-left .episode-links .prev:before {
	margin-left: 0;
	margin-right: 4px;
	transform:rotate(180deg);
}
@media(max-width:980px){
	.episode-header-left {
		width: 100%;
	}
	.episode-header {
    	flex-wrap: wrap;
	}
}
@media(max-width:767px){
	.episode-title {
		font-size: 22px;
	}
}

/*====================================
=          EPISODE META BADGE        =
====================================*/
.episode-number {
	background: #F7B952;
	display: inline-block;
	padding: 12px 24px 12px 24px;
	line-height: 1;
	border-radius: 70px;
	font-family: 'ZonaPro 700';
	color: #222;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 24px;
	position: relative;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.episode-page .episode-number {
	padding-left: 40px;
}

.episode-page .episode-number::before {
	content: "";
	position: absolute;
	left: 24px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #222;
	/* triangle arrow */
}

/*====================================
=          META LINE ITEMS           =
====================================*/
.episode-meta {
	margin-bottom: 24px;
}

.episode-meta span {
	font-family: 'ZonaPro 700';
	letter-spacing: 2px;
	text-transform: uppercase;
}

.episode-meta .episode-number {
	color: #222;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.episode-meta span:not(:last-child) {
	padding-right: 24px;
	border-right: 1px solid #FFF;
	margin-right: 24px;
}
@media(max-width:767px){
	.episode-meta span.sun-40 {
		display:block;
		border-right: 0;
	}
}


/*====================================
=          SPOTIFY EMBED WRAP        =
====================================*/
.episode-spotify {
	padding: 12px 12px 0;
	background: #2B2B2B;
	border-radius: 16px;
	font-size: 0;
	/* remove default spacing */
	margin-bottom: 24px;
}

/*====================================
=          EPISODE DESCRIPTION        =
====================================*/
.episode-excerpt {
	font-size: 16px;
	color: #FFF;
	line-height: 1.5;
	margin-bottom: 24px;
}

.episode-description-takeaways {
	background: #2B2B2B;
	border-radius: 24px;
	padding: 48px 80px;
	color: #EBEBEB;
	font-size: 18px;
	line-height: 1.5;
	margin-top: 120px;
}

.episode-description {
	margin-bottom: 40px;
}

@media(max-width:980px){
	.episode-description-takeaways {
		padding: 48px 40px;
		margin-top: 64px;
	}
}
@media(max-width:767px){
	.episode-excerpt {
		font-size: 14px;
	}
	.episode-description-takeaways {
		padding: 14px 16px;
	}
}
/*====================================
=          DEFAULT  BUTTONS       =
====================================*/
a.sloi-button,
.sloi-button {
	display: inline-flex;
	border-radius: 8px;
	background: #F7B952;
	color: #222;
	padding: 16px 24px;
	font-size: 14px;
	line-height: 1.5;
	font-family: 'ZonaPro 700';
	margin: 0;
}

.sloi-button.text-only {
	font-family: 'ZonaPro 700';
	padding: 12px 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid transparent;
	background: transparent;
	color: #FFF;
	border-radius: 0px;
}

.sloi-button.text-only:after {
	content: "";
	position: relative;
	width: 20px;
	height: 20px;
	background: url(/wp-content/uploads/2025/05/button-arrow-right.svg);
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 8px;
}

.sloi-button.text-only:hover {
	border-bottom: 1px solid #FFF;
}

.sloi-button.outline-style {
	display: inline-flex;
	background: transparent;
	border: 1px solid #FFF;
	border-radius: 8px;
	color: #FFF;
	padding: 16px 24px;
	font-size: 14px;
	line-height: 1.5;
	font-family: 'ZonaPro 700';
	margin: 0;
}

/*====================================
=          RESOURCE BUTTONS       =
====================================*/
.resource-buttons {
	margin-top: 16px;
	margin-bottom: 40px;
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	gap: 16px;
}

.resource-buttons a {
	display: inline-flex;
	border: 1px solid #FFF;
	border-radius: 8px;
	color: #FFF;
	padding: 16px 24px;
	font-size: 14px;
	line-height: 1.5;
	font-family: 'ZonaPro 700';
	margin: 0;
}

.resource-buttons a:after {
	content: "";
	position: relative;
	width: 20px;
	height: 20px;
	background: url(/wp-content/uploads/2025/05/button-arrow-right.svg);
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 8px;
}

.resource-buttons a.no-outline {
	border: 0;
	padding-left: 0;
}

/*====================================
=          TAKEAWAYS LIST      =
====================================*/


.episode-key-takeaways ul {
	list-style: none;
	padding-left: 0;
	margin-top: 16px;
	line-height: 1.5;
}

.episode-key-takeaways li {
	position: relative;
	padding-left: 32px;
	/* Space for the icon */
	line-height: 1.5;
}

.episode-takeaways li:not(:last-child) {
	margin-bottom: 12px;
}

.episode-key-takeaways li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0.4em;
	width: 20px;
	height: 20px;
	background-image: url('/wp-content/uploads/2025/05/key-takeaway-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
}


.episode-key-takeaways strong {
	font-weight: 400;
	font-family:'ZonaPro 700';
}


/*====================================
=         LATEST EPISODE CARD LAYOUT      =
====================================*/
.episode-card {
	display: flex;
	gap: 56px;
}

.episode-card-left {
	width: 696px;
}

.episode-card-right {
	width: 456px;
}

.episode-card-left img {
	border-radius: 24px;
}

@media(max-width:980px){
	.episode-card {
    	flex-direction: column;
	}
	.episode-card-left, .episode-card-right {
		width: 100%;
	}
	.latest-episode-card a.sloi-button {
		width: 100%;
		justify-content: center;
	}
}

@media(max-width:767px){
	.episode-card {
		gap: 40px;
	}
}
/*====================================
=          YOUTUBE EMBED      =
====================================*/
.youtube-lazy {
	position: relative;
	width: 100%;
	max-width: 100%;
	padding-bottom: 56.25%;
	background: #000;
	cursor: pointer;
	overflow: hidden;
	border-radius: 24px;
}

.youtube-lazy.square {
	padding-bottom: 100%;
}

.youtube-lazy iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.youtube-thumbnail {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.youtube-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	background: url('/wp-content/uploads/2025/06/play-pause.svg') no-repeat center;
	border: none;
	cursor: pointer;
}

/* Overlay styles */
#yt-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(1px);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

#yt-overlay-content {
	position: relative;
	width: 90%;
	max-width: 640px;
}

.yt-overlay-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
}

#yt-overlay-player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

#yt-overlay-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}


#yt-overlay-close {
	position: absolute;
	top: -88px;
	right: 0px;
	z-index: 10000;
	background: transparent;
	border: 1px solid #FFF;
	font-size: 16px;
	cursor: pointer;
	width: 48px;
	height: 48px;
	color: #FFF;
	border-radius: 8px;
}




/*====================================
=          EPISODE GRID      =
====================================*/
.episode-grid {
	display: flex;
	justify-content: stretch;
	gap: 32px;
	flex-wrap:wrap;
}

.episode-list-card {
	width: calc(33% - 32px);
	min-width: 250px;
	background: #2b2b2b;
	padding: 16px;
	border-radius: 24px;
	border: 1px solid #2b2b2b;
	cursor: pointer;
	text-decoration: none;
	color: #FFF;
	transition:border 0.3s ease;
}

.episode-list-card:hover {
	border-color: #4a4a4a;
}

.episode-list-card .episode-title {
	font-size: 24px;
}

.episode-list-card .text-link {
	font-family: 'ZonaPro 700';
	padding: 12px 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid transparent;
    position: relative;
}

.episode-list-card .text-link:after {
	content: "";
	background: url(/wp-content/uploads/2025/05/button-arrow-right.svg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 8px;
	display: inline-block;
}

.episode-list-card .text-link::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background-color: #fff;
    transition: width 0.3s ease;
}

.episode-list-card:hover .text-link::before {
    width: 100%;
}

.episode-poster {
	border-radius: 24px;
	transition:border 0.3s ease;
	border: 1px solid tranparent;
}

.episode-list-card .episode-poster-image {
	transition:all 0.3s ease;
}
.episode-list-card:hover .episode-poster-image {
	transform:scale(1.1);
}
.episode-poster {
  aspect-ratio: 178 / 109;
  width: 100%; 
  overflow:hidden;
}
.episode-list-card:hover .episode-poster{
	border: 1px solid #F7B952
}

.episode-list-card .topic {
	font-family: 'ZonaPro 600';
	background: #4a4a4a;
	display: inline-block;
	padding: 10px;
	border-radius: 8px;
	margin: 24px 0 16px;
}

.episode-meta-header {
	display: flex;
}

.special-guest {
	background: #222;
	display: inline-block;
	padding: 12px;
	border-radius: 8px;
	color: #FACC81;
	margin-left: auto;
	margin-bottom: 24px;
}

.special-guest:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(/wp-content/uploads/2025/06/star.svg);
	margin-right: 4px;
}
@media(max-width:980px){
	.episode-list-card {
		width: 100%;
	}
}
@media(max-width:767px){
	.episode-list-card .episode-title {
		font-size: 18px;
	}
}

/*====================================
=         TABS      =
====================================*/
.sloi-tabs-wrapper {
	position: relative;
	margin-bottom: 40px;
}

.sloi-tabs {
	background: #4a4a4a;
	padding: 10px;
	border-radius: 100px;
	display: inline-flex;
	gap: 10px;
}

.sloi-tab-indicator {
	content: " ";
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;
	border-radius: 24px;
	width: 159px;
	backdrop-filter: invert(1);
}

.sloi-tabs span {
	display: inline-block;
	padding: 12px 32px;
	font-size: 16px;
	font-family: 'ZonaPro 800';
	line-height: 24px;
	border-radius: 24px;
	cursor: pointer;
	mix-blend-mode: destination-out;
	background: #222;
	color: #FFF;
    white-space: nowrap;
}

.sloi-tabs-content>div,
.sloi-tabs-content>section {
	display: none;
	opacity: 0;
}

/*====================================
=         SPECIAL GUESTS      =
====================================*/
.episode-special-guest {
	background-color: #2b2b2b;
	background-image: url(/wp-content/uploads/2025/06/pattern.svg);
	background-repeat: no-repeat;
	background-position: bottom left;
	border: 1px solid #4a4a4a;
	padding: 48px 80px;
	border-radius: 80px 24px 24px 24px;
	margin-top: 0px;
	display: flex;
	gap: 80px;
}
.episode-page .episode-special-guest {
	margin-top: 80px;
}
.guest-header {
	min-width: 335px;
}

.guest-avatar {
	margin-left: -60px;
	margin-top: -28px;
}

.guest-name {
	margin-bottom: 8px;
}

.guest-name span {
	display: block;
	color: #FACC81;
	font-size: 20px;
	font-family: 'ZonaPro 800';
	margin-top: 24px;
	margin-left: 28px;
}

.guest-name span:before {
	content: "";
	width: 12px;
	height: 18px;
	background: #FACC81;
	transform: matrix(1, 0, 0, -1, 0, 0);
}

.guest-title {
	font-size: 18px;
	margin-left: 28px;
	background: #222;
	border-radius: 8px;
	padding: 8px 12px 8px 12px;
	line-height: 1.5;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.guest-bio {
	font-size: 18px;
}

.guest-socials {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.guest-socials a img {
	width: 24px;
	height: auto;
}

.guest-socials a {
	width: 40px;
	height: 40px;
	justify-content: center;
	align-content: center;
	display: flex;
}

.guest-content-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 24px;
	flex-wrap:wrap;
}
@media(max-width:980px){
	section.episode-special-guest {
		flex-wrap: wrap;
        padding: 24px 16px;
	}
	.guest-avatar {
		margin-left: 0;
		margin-top: 0;
	}
}
@media(max-width:767px){
	.guest-title, .guest-name span {
		margin-left: 0;
	}
}
/*====================================
=         SPECIAL GUESTS PAGE       =
====================================*/
.host-blocks .episode-special-guest {
	border-radius: 24px 80px 24px 24px;
	background-image:none;
}
.host-blocks .guest-header {
    background: #222;
    padding: 24px 24px 32px 24px;
    border-radius: 24px 80px 24px 24px;
}
.host-blocks .guest-title {
    background: #2b2b2b;
	margin-left: 24px;
}
.host-blocks .guest-name span {
    background-image: url(/wp-content/uploads/2025/06/icon.svg);
    background-repeat: no-repeat;
    margin-left: 0;
    padding-left: 24px;
    background-size: contain;
    background-position: top -3px left;
}
.host-blocks .guest-location {
    color: #FACC81;
    text-transform: uppercase;
    font-family: 'ZonaPro 700';
    margin: 8px 0 0 24px;
}
.guest-expertise {
    background: #222;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}
.guest-expertise span {
    font-size: 20px;
    font-family: 'ZonaPro 800';
    margin-bottom: -12px;
}
.host-blocks .guest-content-footer {
	margin-top: auto;
}
.host-blocks .guest-content {
    display: flex;
    flex-direction: column;
}

/*====================================
=         YOUTUBE HIGHLIGHTS CAROUSEL      =
====================================*/
.episode-highlights {
	margin-top: 80px;
	text-align: center;
}

.highlight-carousel {
	overflow: hidden;
}

.highlight-track {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
}

.highlight-slide {
	flex: 0 0 calc((100% - 48px) / 3);
	/* 3 slides per row with 24px gap */
	aspect-ratio: 345 / 194.1;
	background: #000;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	overflow: hidden;
	background: #343434;
	border-radius: 16px;
	padding: 12px;
	position: relative;
}

.highlight-slide img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.highlight-play-button {
	position: absolute;
	background: url(/wp-content/uploads/2025/06/play-pause.svg);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	filter: invert(1);
}

.highlight-slide img {
	width: 100%;
	border-radius: 12px;
	display: block;
}

.highlight-title {
	margin-top: 10px;
	font-size: 16px;
	text-align: center;
	color: white;
}

.highlight-indicators {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 16px;
}

.highlight-indicators .dot {
	width: 10px;
	height: 10px;
	background: #999;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.2s ease;
}

.highlight-indicators .dot.active {
	background: white;
}


.highlight-nav {
	margin-top: 32px;
	text-align: center;
	display: flex;
	justify-content: center;
	gap: 40px;
}

.highlight-nav button {
	background: transparent;
	border: 1px solid #FFF;
	background-image: url(/wp-content/uploads/2025/05/button-arrow-right.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	cursor: pointer;
}

button.highlight-prev {
	transform: rotate(180deg);
}
@media (max-width: 767px) {
  .highlight-track {
    flex-wrap: wrap; /* stack items */
    flex-direction: column;
    gap: 24px;
  }

  .highlight-slide {
    flex: 0 0 auto; /* allow vertical stacking */
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
  }

  .highlight-carousel {
    overflow: hidden;
  }
}


/*====================================
=         OUR HOSTS      =
====================================*/
.host-blocks {
	display: flex;
	justify-content: center;
	gap: 40px;
	margin-bottom: 40px;
    flex-wrap: wrap;
}

.host-block {
	display: flex;
	justify-content: flex-start;
	gap: 24px;
}

.host-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.host-name {
	color: #F7B952;
	font-family: 'ZonaPro 800';
	font-size: 20px;
	line-height: 1.4;
	margin-top: 8px;
}

.host-title {
	margin-bottom: 8px;
}

.host-blocks.large {
	gap: 56px;
}

.host-blocks.large .host-block {
	background: #2b2b2b;
	border: 1px solid #4a4a4a;
	border-radius: 2px 80px 24px 24px;
	padding: 40px 48px;
	flex-direction: column;
    width: calc(50% - 28px);
}
.host-blocks.large .host-block:nth-child(2) {
	border-radius: 80px 2px 24px 24px;
}

.host-block-header {
	background: #222;
	border-radius: 24px 64px 24px 24px;
	padding: 24px;
}
.host-blocks.large .host-block:nth-child(2) .host-block-header {
	border-radius: 64px 24px 24px 24px;
}
.host-block-header img {
	width: 100%;
}

.host-blocks.large .host-name {
	font-size: 32px;
	padding-left: 48px;
	margin-bottom: 12px;
}

.host-blocks.large .host-title {
	display: inline-block;
	background: #2b2b2b;
	color: #FFF;
	padding: 8px 12px;
	border-radius: 8px;
	margin-left: 48px;
}

.host-blocks.large .host-info {
	display: flex;
	flex-direction: row;
	margin-top: 16px;
}

.host-blocks.large .title-m {
	margin-bottom: 16px;
}

.host-blocks.large .host-name {
	background-image: url(/wp-content/uploads/2025/06/icon.svg);
	background-repeat: no-repeat;
}
@media(max-width:980px){
	.host-blocks {
		flex-wrap:wrap;
	}
	.host-blocks.large .host-block,
	.host-blocks .host-block {
		width:100%;
        padding: 24px 16px;
	}
	.host-block-header img{
		width:100%;
	}
}
@media(max-width:767px){
	.host-blocks.large .host-block,
	.host-blocks.large .host-block-header {
		padding: 24px 16px;
	}
}
/*====================================
=         ACCORDION      =
====================================*/
.et_pb_toggle_title:before {
	content: "";
	height: 24px;
	width: 24px;
	background: url(/wp-content/uploads/2025/06/plus.svg);
	background-position: center;
	top: 8px;
}

/*====================================
=         FREE RESOURCES      =
====================================*/
.free-resources {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.free-resources a.resource {
    border-radius: 24px;
    background: #2b2b2b;
}
.free-resources .resource-pair,
.free-resources > .resource {
    width: 48%;
    width: calc(50% - 12px);
}
.free-resources .resource-pair {
	display:flex;
	flex-direction:column;
	gap:24px;
    justify-content: space-between;
}
.free-resources .resource.mini {
	display:flex;
    padding: 12px 0;
}
.free-resources .resource.mini .featured-image {
	margin-left: 24px;
	margin-top: 24px;
	width:200px;
	flex-shrink:0;
}
.resource-footer {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
}
.resource-type {
    font-family: 'ZonaPro 600';
    background: #4a4a4a;
    padding: 10px 12px;
    border-radius: 8px;
}
.resource-title {
    font-family: 'ZonaPro 800';
    font-size: 24px;
    line-height: 1.3;
    margin-top: 4px;
}
.resource.mini .resource-title {
    margin-bottom: 12px;
}
@media(max-width:1050px){
	.free-resources a.resource, .free-resources a.resource img, .free-resources .resource-pair {
		width: 100%;
	}
}
/*====================================
=          MENU    =
====================================*/
.et_pb_menu .et-menu>li a {
	padding: 16px 21px 16px !important;
    border-radius: 100px;
}
body .et-menu .menu-item-has-children>a:first-child:after {
    top: 15px;
    right: 4px;
}
.et_pb_menu .et-menu>li {
	padding: 0 !important;
}
ul#menu-main-menu > li:hover > a {
    background: #FFF;
    color: #222 !important;
	opacity: 1 !important;
}
.et_pb_menu .et-menu>li.current-menu-item:not(.et_pb_menu_page_id-289) a {
    border: 1px solid;
}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu {
    border: 0;
    background-color: #343434 !important;
    border-radius: 8px;
    padding: 24px 16px;
    width: 284px;
    right: 0;
    left: inherit;
}
#page-container #main-menu.et_pb_menu--without-logo .et_pb_menu__menu nav ul.sub-menu li {
    width: 100%;
    padding: 0;
}
#page-container #main-menu.et_pb_menu--without-logo .et_pb_menu__menu nav ul.sub-menu li a {
    border-radius: 4px;
    font-family: 'ZonaPro 600';
	font-size: 14px;
	text-transform: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	width:100%;
    padding: 6px !important;
}
#page-container #main-menu.et_pb_menu--without-logo .et_pb_menu__menu nav ul.sub-menu li:hover a {    
	background-color: #4A4A4A !important;
	opacity: 1 !important;
}
li.link-youtube a:before,
li.link-apple a:before,
li.link-spotify a:before,
li.link-buzzsprout a:before,
li.link-audible a:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
	margin-right: 12px;
}
li.link-youtube a:after,
li.link-apple a:after,
li.link-spotify a:after,
li.link-buzzsprout a:after,
li.link-audible a:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(https://secretlifeofinventory.inflowstaging.com/wp-content/uploads/2025/07/arrow-up-right-from-square.svg);
    background-position: center;
    background-repeat: no-repeat;
	margin-left: auto;
	opacity: 0;
	transition: opacity 0.3s ease;
}
li.link-youtube:hover a:after,
li.link-apple:hover a:after,
li.link-spotify:hover a:after,
li.link-buzzsprout:hover a:after,
li.link-audible:hover a:after {
	opacity: 1;
}
li.link-youtube a:before {
    background-image: url(https://secretlifeofinventory.inflowstaging.com/wp-content/uploads/2025/05/YT.svg);
} 
li.link-apple a:before {
	background-image:url(https://secretlifeofinventory.inflowstaging.com/wp-content/uploads/2025/05/apple-podcast.svg);
}
li.link-spotify a:before {
	background-image:url(https://secretlifeofinventory.inflowstaging.com/wp-content/uploads/2025/05/spotify.svg);
}
li.link-buzzsprout a:before {
	background-image:url(https://secretlifeofinventory.inflowstaging.com/wp-content/uploads/2025/05/buzzsprout.svg);
}
li.link-audible a:before {
	background-image:url(https://secretlifeofinventory.inflowstaging.com/wp-content/uploads/2025/05/audible.svg);
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.sloi-button a {
    text-transform: none;
    color: #222 !important;
    letter-spacing: 0px;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.sloi-button a:hover {
	background:transparent !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.sloi-button:hover  {
	background:#FFF !important;
}
.et_pb_menu .et-menu>li.sloi-button.current-menu-item:not(.et_pb_menu_page_id-289) a {
	border: none;
    color: #222 !important;
}
.et_pb_menu .et-menu>li.sloi-button {
    margin-left: 16px;
}
/*====================================
=         MOBILE MENU    =
====================================*/
ul#mobile_menu1 {
    width: 100vw;
    right: -40px;
    left: inherit;
    top: 48px;
    border-top: 0;
    background: #222 !important;
    z-index: 10;
    padding-bottom: 80px;
	padding-top: 40px;
	text-align: center;
}
.mobile_nav.opened:before {
    content: "";
    position: fixed;
    top: 132px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(1px);
	z-index:0;
}
ul#mobile_menu1 > li {
    width: 520px;
    max-width: 100%;
    margin: auto;
    border-bottom: 1px solid #4a4a4a;
	text-align: left;
}
ul#mobile_menu1 > li.sloi-button a {
    background: #F7B952;
    border-radius: 8px;
    padding: 16px 24px !important;
}
ul#mobile_menu1 > li.sloi-button {
    background: transparent;
    padding: 16px 0;
}

ul#mobile_menu1 > li:not(.menu-item-has-children) a:before {
	content: "";
	width: 12px;
	height: 18px;
    background: url(/wp-content/uploads/2025/06/episodes.svg);
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
    left: 0;
    background-size: contain;
    top: calc(50% - 9px);
}
ul#mobile_menu1 > li.sloi-button a:before {
	content: none;
}
.et_mobile_menu li a {
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 2px;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
	position: relative;
}
.et_mobile_menu .menu-item-has-children>a {
   font-weight: 400;
   background-color:transparent;
    padding-left: 0 !important;
}
#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul,
.et_mobile_menu li li{
	padding: 0;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.menu-item-has-children ul a {
    font-family: 'ZonaPro 400';
    text-transform: none;
    padding: 12px 0 !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #4A4A4A;
    line-height: 1;
    font-size: 18px;
}
#mobile_menu1 li.link-youtube a:after, #mobile_menu1 li.link-apple a:after, #mobile_menu1 li.link-spotify a:after, #mobile_menu1 li.link-buzzsprout a:after, #mobile_menu1 li.link-audible a:after {
	opacity: 1;
}
@media(max-width:980px){
	.et_pb_row_0_tb_header .et_pb_column {
		margin-bottom: 0;
	}
}
@media(max-width:767px){
	ul#mobile_menu1 { 
		right: -24px;
		padding-left: 24px;
		padding-right: 24px;
	}
	.et_pb_menu_0_tb_header.et_pb_menu ul li a {
		padding-left: 0;
	}
	ul#mobile_menu1>li:not(.menu-item-has-children) a:before {
		content: none;
	}
    ul#mobile_menu1>li> a {
        padding: 12px 0 !important;
        font-size: 20px;
    }
}