/* MEDIA QUERIES */
@media all and (max-width: 1030px) {
	.redbutton {
		padding: 8px 16px 8px 16px;
		line-height: 1.0;
		border: unset;
		border-radius: 3px;
		color: white;
		margin-top: 3px;
	
		font-weight: 400;
	    font-family: var(--bodytext);
	    text-transform:  uppercase;
	    font-size: 14px;
	}

}


@media all and (max-width: 868px) {
	
	.bigMenu.inverseheader {
		display: none;
	}
	
		
	.blackheader {
		display: flex;
		position: relative;
    flex-direction: row;
    gap: 0px;
    font-family: var(--bodytext);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0;
    border-bottom: unset;
    border-collapse: unset;
    line-height: 30px;
    z-index: 1;
    left: 0;
    background-color: rgba(0, 0, 0, 1);
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-top: 0;
		}
	
	.columns {
		display: flex;
		flex-direction: row;
		gap: 10px;
		flex-wrap: wrap;
	}
	
	.columns .callout {
		width: 95%;
	}

	.padded {
		margin: 0; padding: 0;
		}
	.mobileOnly {
		display: flex;
	}
	.desktopOnly {
		display: none;
	}
	.bigMenu.inverseheader {
	    font-size: 12px;
        flex-wrap: wrap;
	}
	
	.intro {
		font-size: 23px;
	}
	.episodeWrapper {
		display: flex;
		flex-direction: column;
		width: 100%;
		border-bottom: solid 1px #333;
		margin-bottom: 30px;
		gap: 20px;
	}
	.episodeImage {
		max-width: 200px;
		width: 100%;
		aspect-ratio: 1/1;
		overflow: hidden;
		flex: 0 0 100%;
	}
	.episodeImage img {
		width: 100%;
	}
	.episodeDetail {
		flex-grow: 1;
	}
	
	
	
}

@media all and (max-width: 722px) {
	.podIntro {
			flex-direction: column;
		}
}