/*!
Theme Name: bravenewwords
Theme URI: https://futureperfekt.com/
Author: Underscores.me
Author URI: https://futureperfekt.com/
Description: The Official Wordpresss Theme for the Brave New Words Podcast
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bravenewwords
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

bravenewwords is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

h1, h2, h3
{
	margin-top: 0px;
}

img
{
	border: 0px;
}

a
{
	color: #8B108C;
	text-decoration: none;
}

body {
	margin: 0;
	font-family: 'Avenir Next', sans-serif;
	color: #292929;
	padding-top: 200px;
	line-height: 25px;
	font-size: 15px;
}

strong
{
	font-weight: 600;
}

body.page-id-58
{
	padding-top: 0px;
	background: linear-gradient(
    to right,
    #FFF 0%,
    #FFF 50%,
    #FBFBFB 50%,
    #FBFBFB 100%
  );
	padding-bottom: 200px;

}

.clearfix:after
{
	content: "";
	display: table;
	clear: both;
}

/* Splash Page */

.bnw-splash
{
	width: 89%;
	margin: 0px auto;
}

p.timer-title
{
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 30px;
	color: #292929;

}

.shailan_CountdownWidget
{
	font-size: 24px;
	transform: translateX(-6%);
}

.hasCountdown
{
	padding: 0px !important;
}

.countdown_amount
{
	font-size: 32px;
}

.countdown_show4 .countdown_section
{
	font-size: 12px;
}

.bnw-countdown-timer
{
	width: 302px;
	margin-top: 50px;
	text-transform: uppercase;
	margin-left: 5.5%;
	margin-bottom: 50px;
}

.bnw-countdown-timer .countdown_section:last-child .countdown_amount
{
	color: red;
}

.bnw-splash a
{
	color: #8B108C;
	text-decoration: none;
}

.bnw-narrative-logo
{
	width: 49px;
	margin-top: 60px;
	margin-bottom: 0px;
}

.bnw-header-text
{
	font-size: 24px;
	line-height: 36px;
	font-weight: 600;
}

.bnw-narrative-text
{
	font-size: 10px;
	letter-spacing: 0.2px;
	line-height: 1.5em;
}

.bnw-splash .kt-inside-inner-col
{
	max-width: 411px;
}

.bnw-splash-logo
{
	width: 230px;
}

.bnw-splash-book
{
	width: 148px;
	margin-top: 60px;
}

.bnw-splash .kt-gutter-default>.wp-block-kadence-column
{
	margin-right: 240px;
}

.bnw-splash form p
{
	margin-bottom: 30px;
}

.bnw-splash input[type="text"],
.bnw-splash input[type="email"]
{
	-webkit-appearance: none;
	border-style: none;
	background-color: transparent;
	border-bottom: 1px solid #4D4D4D;
	outline: none;
	color: #4D4D4D;
	font-family: 'Avenir Next', sans-serif;
	font-size: 15px;
	width: 100%;
	box-sizing: border-box;
}

.bnw-splash input[type="text"]::placeholder,
.bnw-splash input[type="email"]::placeholder
{
	color: #B0B0B0;
	font-size: 14px;
}

.bnw-splash input[type="submit"]
{
	-webkit-appearance: none;
	border: 1px solid #292929;
	border-radius: 22px;
	font-size: 12px;
	background-color: #FFF;
	padding: 8px 35px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
}

.bnw-splash input[type="submit"]:hover
{
	background-color: #8B108C;
	color: #FFF;
	border: 1px solid #FFF;
}



p
{
	margin-top: 0px;
}

img
{
	width: 100%;
	height: auto;
}

.img-holder img
{
	display: block;
}

header.site-header
{
	width: 100%;
	height: 180px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 20;
	background-color: #FFFF;
	transition: height .2s ease;
}

body.admin-bar header.site-header
{
	top: 32px;
}

header.site-header.smaller
{
	height: 145px; /* original: 100px */
}

header.site-header .site-notice
{
	text-transform: uppercase;
	background-color: #3DA86F;
	color: #FFF;
	text-align: center;
	padding: 10px 0px;
	font-size: 18px;
	letter-spacing: 1px;
}

header.site-header .site-notice p
{
	margin: 0px;
}

header.site-header .wrap
{
	position: relative;
	width: 90%;
	height: 100%;
	max-width: 1200px;
	margin: 0px auto;
}

.nav-switch
{
	display: none;
}

.apple-sub
{
	position: absolute;
	top: 50%; /* original 70%; */
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 100px;
	width: 147px;
}

.site-branding
{
	width: 180px;
	height: auto;
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 1;
}

.main-navigation ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.28px;

}

#site-navigation
{
	position: relative;
	top: 50%; /*  original: 50% */
	transform: translateY(-50%);
}

.main-navigation ul li
{
	display: inline-block;
	margin-right: 68px;
	padding-bottom: 5px;
	position: relative;
}

.main-navigation ul li.current-menu-item,
.main-navigation ul li.current
{

}

.main-navigation ul li:before
{
	height: 2px;
	background-color: #FD02FE;
	width: 0%;
	transition: width .2s ease;
	content: '';
	display: block;
	position: absolute;
	bottom: -2px;
}

.main-navigation ul li.current-menu-item:before,
.main-navigation ul li.current:before
{
	width: 100%;
}

.main-navigation.scrolled ul li.current-menu-item
{
	border-bottom: 0px;
}

.main-navigation.scrolled ul li.current-menu-item:before
{
	width: 0%;
}

.hide-current .main-navigation ul li.current-menu-item
{
	border-bottom: 2px solid transparent;
}

.main-navigation ul li:last-child
{
	margin-right: 0px;
}

.main-navigation ul li a
{
	color: #292929;
	text-decoration: none;

}

#content
{
	max-width: 1200px;
	width: 90%;
	margin: 0px auto;
}

.home-main-image
{
	margin-top: 125px;
	position: relative;
	width: 100%;
}

.home-main-image .wrap
{
	max-width: 800px;
	position: relative;
	margin: 0px auto;
}

.home-page-logo
{
	max-width: 494px;
	margin: 0px auto;
	overflow: hidden;
	height: 0px;
	padding-bottom: 61.55%;
	position: relative;
}

.home-page-logo img
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0px;
	z-index: 2;
}

.float-in
{
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	opacity: 0;

	-webkit-transition: transform 1.5s ease,opacity 1.5s ease;
	-moz-transition: transform 1.5s ease,opacity 1.5s ease;
	-o-transition: transform 1.5s ease,opacity 1.5s ease;
	transition: transform 1.5s ease,opacity 1.5s ease;
	z-index: 1;

	position: absolute;

}

.home-main-image.visible .float-in
{
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.float-in.f1
{
	width: 189px;
	top: -20px;
	left: 40px;
	z-index: 3;
}

.float-in.f2
{
	width: 189px;
	top: 0px;
	right: 100px;
	transition-delay: .25s;
	z-index: 3;
}

.float-in.f3
{
	width: 252px;
	top: 372px;
	left: 60px;
	transition-delay: .45s;
	z-index: 3;
}

.float-in.f4
{
	width: 254px;
	right: 180px;
	top: 400px;
	transition-delay: .65s;
	z-index: 3;
}

.float-in.f5
{
	width: 153px;
	right: 40px;
	top: 200px;
	transition-delay: .85s;
	z-index: 3;

}

.homepage-main .entry-content
{

	margin: 0pc auto;
	width: 100%;
	max-width: 1060px;
}

.home-about-text
{
	width: 90%;
	line-height: 27px;
	font-size: 18px;
	letter-spacing: 0.2px;
	margin-top: 150px;
	font-weight: 400;
}

.home-about-text h2,
.home-about-section h2
{
	color: #184848;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.home-about-section
{
	width: 100%;
	max-width: 900px;
	font-size: 15px;
	letter-spacing: 0.2px;
	line-height: 25px;
}

.home-about-section a,
.home-about-text a
{
	font-weight: 600;
	position: relative;
}

.home-about-section a::before,
.home-about-text a::before
{
	height: 2px;
	background-color: #8B108C;
	width: 0%;
	transition: width .2s ease;
	content: '';
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0px;
}

.home-about-section a:hover::before,
.home-about-text a:hover::before
{
	width: 100%;
}

.home-about-text .bnw-no-underline a::before
{
	display: none;
}

.wonder-logo
{
	width: 180px;
}

.bnw-about-wonder img
{
	vertical-align: middle;
	margin-left: 10px;
}

.bnw-about-wonder a::before
{
	display: none;
}

.home-about-section .inner-column-1 .kt-inside-inner-col
{
	width: 260px;
}

.home-about-section .inner-column-2 .kt-inside-inner-col
{
	padding-top: 20px;

}

.bnw-home-trailer h2
{
	margin: 0px;
	position: absolute;
	left: 49px;
	top: 30px;
	text-transform: none;
	line-height: 1em;
	letter-spacing: .2px;
	color: #292929;
	font-weight: 400;
}

.bnw-about-trailer h2
{
    top: 22px;
}


.bnw-home-trailer .kt-row-column-wrap
{
	/*padding-top: 10px;*/
	padding-top: 15px;
}

.kt-gutter-default>.wp-block-kadence-column
{
	margin-right: 80px;
}

.episodes-holder
{
	width: 100%;
	max-width: 1060px;
	margin: 100px auto 70px auto;
	position: relative;
}

.goto-season
{
	clear: both;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	text-align: right;
}

.goto-season a
{
	color: #000;
	transition: color .1s linear;
}

.goto-season a:after
{
	display: inline-block;
	position: relative;
	content: '';
	background-image: url('/wp-content/themes/bravenewwords/images/arrow.svg');
	background-size: 100% auto;
	background-position: center center;
	width: 22px;
	height: 22px;
	vertical-align: top;
	margin-left: 17px;
	transform: translateX(0px);
	transition: transform .2s ease;
}

.goto-season a:hover
{
	color: #8B108C;
}

.goto-season a:hover:after
{
	transform: translateX(10px);
}

.episodes-holder .wrap
{
	position: relative;
	min-height: 500px
}

.episodes-holder .inner
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	/*clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%);*/
	transition: all .25s ease;

}

.episodes-holder .inner .credits
{
	font-size: 12px;
}

.episodes-holder .inner .credits a
{
	color: #000;
}

.episodes-holder .inner .credits a:hover
{
	color: #8B108C;
}

.episodes-holder .inner .credits img
{
	width: 18px;
	height: auto;
	vertical-align: text-bottom;
	margin-right: 5px;
}

.episodes-holder .inner.selected
{
	opacity: 1;
	pointer-events: visible;
	/*clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);*/
}

.episodes-holder .inner .holder
{

	transition: opacity .25s ease;
}

.episodes-holder .inner.selected .holder
{
	transition: all .25s ease;

}

.episodes-holder .inner.season-1 .holder
{
	clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%);
	transition: all .25s ease;
}

.episodes-holder .inner.season-1.selected .holder
{
	clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);
}

.episodes-holder h3
{
	color: #184848;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.episodes-holder h3 .black-text
{
	color: #000;
}

.episodes-holder h3 a
{
	color: #979797;
}

.episodes-holder h3 a.selected
{
	color: #184848;
}

.episode
{
	width: 32.1%;
	float: left;
	margin-right: 1.85%;
	margin-bottom: 1.85%;
	position: relative;
}

.bnw-episode-label
{
	position: absolute;
	top: 0px;
	left: -4px;
	border-radius: 4px;
	background-color: #C2FF3F;
	color: #000;
	text-align: center;
	font-family: Avenir;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 1em;
	z-index: 1;
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, .3);
	padding: 4px 20px 3px 20px;
	box-sizing: border-box;
}

.episode:nth-child(3n)
{
	margin-right: 0px;
}

.episode .img-holder
{
	position: relative;
	overflow: hidden;
	height: 0px;
	padding-bottom: 66%;
}

.episode-info
{
	color: #FFF;
	font-size: 14px;
	letter-spacing: 0.2px;
	line-height: 21px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60%;
	height: 100%;
	box-sizing: border-box;
	padding: 6% 11% 6% 6%;
	overflow: hidden;
}



.episode-info-bg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #8B108C;
	transform: skewX(-15deg);
	transform-origin: top left;
}

.season-2 .episode-info-bg
{
	background-color: #3DA86F;
}

.season-3 .episode-info-bg
{
	background-color: #0d6f88;
	/* alt season 3 color: #184848 */
}

.episode-info a
{
	position: relative;
	text-decoration: none;
	color: #FFF;
}

.episode-info a.bnw-bg-link
{
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.episode-info span.preview-title
{
	position: relative;
}

span.not-available
{
	border-radius: 5px;
	background-color: #FC3812;
	color: #FFF;

  font-size: 12px;
	padding: 6px 32px;
	white-space: nowrap;
}

a.bnw-preview-link
{
	position: absolute;
  bottom: 30px;
  left: 22px;
}

.episode-info .btn
{
	border-radius: 22px;
	border: 1px solid #FFFFFF;
	padding: 2px 20px 1px 20px;
	position: absolute;
	bottom: 30px;
	left: 22px;
	font-size: 12px;
	transition: all .2s ease;
}

.episode-info .btn:hover
{
	background-color: #fd02fe;
	border: 1px solid #fd02fe;
}

.season-2 .episode-info .btn:hover
{
	background-color: #343432;
	border: 1px solid #343432;
}

.season-3 .episode-info .btn:hover
{
	background-color: #184848;
	border: 1px solid #184848;
}

.categories-header
{
	width: 100%;
	max-width: 1066px;
	margin: 100px auto 0px auto;
}

.podcast-photo
{
	margin-bottom: 100px;
}

.podcast-description
{
	width: 100%;
	max-width: 513px;
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	text-align: center;
	margin: 0px auto;
}

.podcast-description h1
{
	color: #184848;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.archive-control-area-after,
.episodes-after
{
	max-width: 820px;
	margin: 0px auto 90px auto;
	text-align: center;
}

.archive-control-area-after h3,
.episodes-after h3
{
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	margin-bottom: 30px;
	margin-top: 0px;
	font-weight: 600;
}

.archive-control-area-after ul,
.episodes-after ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.archive-control-area-after ul li,
.episodes-after ul li
{
	display: inline-block;
	width: 35px;
	margin-right: 25px;
}

.archive-control-area-after ul li:last-child,
.episodes-after ul li:last-child
{
	margin-right: 0px;
}

.episode-image,
.bnw-episode-player
{
	max-width: 990px;
	margin: 0px auto;
}

.bnw-lang-switcher
{
	max-width: 990px;
	margin: -80px auto 100px auto;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 14px;
}

.bnw-lang-switcher a
{
	color: #979797;
}

.bnw-lang-switcher a.selected,
.bnw-lang-switcher span.selected
{
	color: #184848;
}

.episode-image-holder
{
	width: 100%;
	height: 0px;
	overflow: hidden;
	padding-bottom: 52.5%;
}

.episode-image img
{
	display: block;
}

.bnw-episode-player
{
	margin-bottom: 100px;
	/*background-color: #D8D8D8;*/
	position: relative;
}

.bnw-episode-player h2
{
	font-weight: 600;
	letter-spacing: 0.2px;
	font-size: 15px;
	margin: 0px;
	position: absolute;
	top: 4px;
	left: 101px;
	z-index: 4;
}

.bnw-episode-player.no-player
{
	margin-bottom: 0px;

}

.bnw-episode-player.no-player h2
{
	left: 0px;
	display: none;
}

.bnw-availablility
{
	max-width: 787px;
	text-align: center;
	margin: 60px auto 100px auto;
	font-size: 15px;
}

.bnw-availablility h2
{
	font-size: 15px;
	font-weight: normal;
	margin-top: 4px;
}

.bnw-availablility span
{
	font-size: 18px;
	font-weight: 600;
}

.bnw-episode-excerpt
{
	max-width: 513px;
	margin: 0px auto 55px auto;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
}

.bnw-episode-excerpt .kt-row-column-wrap
{
	padding: 0px 0px;
}

.podcast-content
{
	width: 100%;
	margin: 0px auto;
}

.bnw-episode-excerpt,
.bnw-ep-interviewees,
.bnw-single-ep-text
{
	max-width: 787px;
	margin: 0px auto;
}



.bnw-episode-masonry
{
	max-width: 1060px;
	margin: 100px auto 0px auto;
}

.bnw-episode-below-masonry
{
	max-width: 1060px;
	margin: 0px auto 0px auto;
	text-align: center;
}

.bnw-episode-masonry figcaption,
.bnw-episode-below-masonry figcaption
{
	font-size: 10px !important;
	line-height: 1.3em !important;
	text-align: left;
	margin: 0px;
  	padding: 8px 5px 14px 0;
}

.kb-gallery-caption-style-below .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption
{
	background-color: transparent !important;
	color: #000 !important;
	padding: 0px 5px 5px 0px !important;
	text-align: left !important;
	font-weight: normal;
	font-size: 10px !important;
}

.podcast-content a
{
	color: #8B108C;
	font-weight: 600;
	text-decoration: none;
	position: relative;

	background-image: linear-gradient(#8B108C, #8B108C);
  background-position: 0 100%;
  background-repeat: no-repeat,no-repeat;
  background-size: 0% 2px;
	transition: all .3s ease;

}

.podcast-content a:hover
{

}

/*.podcast-content a::before {
  height: 2px;
  background-color: #8B108C;
  width: 0%;
  transition: width .2s ease;
  content: '';
  display: block;
  position: absolute;
  bottom: -2px;
	left: 0px;
}

.podcast-content a:hover::before {
	width: 100%;
}*/

.bnw-award
{
	text-align: center;
	width: 100%;
	max-width: 300px;
	margin: 0px auto 100px auto;
	line-height: 21px;
}

.podcast-content .bnw-award a::before
{
	display: none;
}

.bnw-award figure
{
	width: 90px;
	margin: 0px auto 10px auto;
}

.podcast-header
{
	text-align: center;
}

.podcast-header h2
{
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #184848;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
}

.podcast-text
{
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.2px;
	margin-bottom: 60px;
}

.bnw-ep-interviewees
{
	border-width: 1px 0px;
	border-color: #FD02FE;
	border-style: solid;
	padding: 90px 0px;
	margin-bottom: 132px;
	margin-top: 60px;

}

.bnw-interview-wrap
{
	border-width: 1px 0px;
	border-color: #FD02FE;
	border-style: solid;
	padding: 90px 0px 75px 0px;
	max-width: 787px;
	margin: 60px auto 132px auto;
	font-size: 14px;
	line-height: 1.7em;
}

.bnw-interview-wrap h2
{
	color: #184848;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
}

.bnw-interview-wrap .wp-block-columns
{
	padding: 24px 0px;
}

.bnw-interview-wrap > .kt-row-layout-inner > .kt-row-column-wrap > .inner-column-1 > .kt-inside-inner-col > .wp-block-kadence-rowlayout
{
	margin-bottom: 60px;
}

.bnw-interview-wrap > .kt-row-layout-inner > .kt-row-column-wrap > .inner-column-1 > .kt-inside-inner-col > .wp-block-kadence-rowlayout:last-child
{
	margin-bottom: 0px;
}

.bnw-ep-interviewees .wp-block-image,
.bnw-interview-wrap .wp-block-image
{
	max-width: 80%;
}

.bnw-interview-wrap figcaption
{
	text-align: center;
}

.bnw-episode-content
{
	max-width: 1060px;
	margin: 0px auto;
}

.bnw-episode-content .kt-row-column-wrap
{
	padding-bottom: 0px;
}

.bnw-episode-content.bnw-video-block
{
	margin-top: 100px;
}

.bnw-episode-content.image-content
{
	margin-top: 100px;
	margin-bottom: 60px;
}

.bnw-episode-content .wp-block-embed-vimeo
{
	margin: 0px;
}

.bnw-episode-content iframe
{
	width: 100%;
}

.bnw-other-iframe
{
	position: relative;
	overflow: hidden;
	padding-bottom: 56.25%;
}

.bnw-other-iframe iframe
{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
}

figcaption
{
	margin-top: .5em;
}

.bnw-episode-content.bnw-youtube
{
	margin-bottom: 30px;
}

.bnw-episode-content.bnw-youtube:last-child
{
	margin-bottom: 0px;
}

.bnw-youtube > .wp-block-embed__wrapper
{
	padding-bottom: 56.25%;
	position: relative;
	height: 0px;
	overflow: hidden;
}

.bnw-youtube > .wp-block-embed__wrapper iframe
{
	position: absolute;
	width:100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.bnw-episode-content.bnw-youtube iframe
{
	height: 597px;
}

.bnw-vimeo .wp-block-embed__wrapper
{
	width: 100%;
	height: 0px;
	padding-bottom: 56.25%;
}

.bnw-vimeo figcaption
{
	font-size: 14px;
	line-height: 1.4em;
}

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

.bnw-episode-content.bnw-video-block figcaption
{
	font-size: 14px;
	line-height: 1.3em;
	text-align: left;
	margin-bottom: 0px;
}

.bnw-height600
{
	width: 600px;
	margin: 0px auto;
}


.wp-block-blockgallery-masonry figcaption,
.blockgallery .blockgallery--item figcaption
{
	position: relative !important;
	bottom: auto;
	opacity: 1;
	text-align: left;
	background: none;
	margin: 10px 0px 0px 0px !important;
	padding: 0px 0px 0px !important;
	color: #4D4D4D;
	font-size: 12px;
	font-family: "Avenir Next";
	line-height: 1.3em;
}

.more-episodes
{
	width: 100%;
	margin: 100px auto 70px auto;
}

.more-episodes h3
{
	text-align: center;
	font-size: 15px;
	letter-spacing: 2px;
	font-weight: 600;
}


.site-footer
{
	background-color: #000;
	padding: 80px 0px 0px 0px;
	color: #FFF;
}

.site-footer a:hover

.site-footer h3
{
	font-size: 24px;
	font-weight: 600;
	margin-top: 0px;
}

h3.contact-heading
{
	margin-bottom: 98px;
	line-height: 36px;
}

.site-footer .wrap
{
	width: 90%;
	max-width: 1060px;
	margin: 0px auto;
	padding-top: 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.site-footer .wrap.new-season
{
	padding-top: 88px;
	padding-bottom: 50px;
}

.site-footer .half
{
	width: 35%;
	margin-right: 20%;
	/*float: left;*/
}

.site-footer .half.bnw-flex
{
	display: flex;
}

h3.list-heading
{
	margin-top: 0em;
}

#mc-embedded-subscribe-form
{
	position: relative;
}

#mc-embedded-subscribe-form span.error
{
	font-size: 14px;
	color: red;
	padding-top: 10px;
	display: inline-block;
}

.bnw-verification
{
	display: none;
}

.bnw-sub-conf
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: opacity .25s linear;
}

.bnw-sub-conf.visible
{
	opacity: 1;
}

#contact-form p,
#mc-embedded-subscribe-form p
{
	margin-bottom: 2em;
}

.site-footer .half:last-child
{
	margin-right: 0px;
}

.site-footer input[type="text"],
.site-footer input[type="email"],
.site-footer textarea
{
	-webkit-appearance: none;
	border-style: none;
	background-color: transparent;
	border-bottom: 1px solid #232323;
	outline: none;
	color: #FFF;
	font-family: 'Avenir Next', sans-serif;
	font-size: 15px;
	width: 100%;
	padding-left: 0px;
}

.site-footer textarea
{
	height: 75px;
}

.site-footer input[type="submit"]
{
	-webkit-appearance: none;
	border-radius: 22px;
	border: 1px solid #FFF;
	background-color: #000;
	color: #FFF;
	padding: 7px 20px 8px 20px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Avenir Next', sans-serif;
	transition: all .2s ease;
}

.site-footer input[type="submit"]:hover
{
	background-color: #FD02FE;
	border: 1px solid #FD02FE;
}

.footer-note
{
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.2px;
	margin-top: 0px;
}

.footer-note p:last-child
{
	margin-bottom: 0px;
}

.footer-note a.highlighted
{
	color: #184848;
}

.footer-note.no-margin
{
	margin-top: 20px;
}

.footer-note.theme-credit
{
	margin-top: 20px;
}

.site-footer .wrap.new-season .footer-note.theme-credit
{
	margin-top: 0px;
}

.footer-note img.img-inline
{
	width: 18px;
	height: auto;
	vertical-align: text-bottom;
	margin-right: 5px;
}

.display-at-end
{
	display: flex;
	align-items: flex-end;
}

.display-at-end p
{
	margin: 0px;
}

.footer-note a
{
	color: #000;
	text-decoration: none;
}

.footer-note a:hover
{
	color: #8B108C;
}

.bnw-col
{
	float: left;
	width: 80%;
}

.bnw-col.ni
{
	width: 17%;
	margin-right: 3%;
}

.bnw-share-holder
{
	text-align: center;
	margin-top: 85px;
}

ul.bnw-social
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.bnw-social:before
{
	content: 'Share: ';
	display: inline-block;
	margin-right: 21px;
}

.es ul.bnw-social:before
{
	content: 'Comparte: ';
}

ul.bnw-social li
{
	display: inline-block;
	margin-right: 21px;
}

.podcast-content .bnw-social a::before,
.podcast-content .bnw-social a:hover::before
{
	display: none;
}

.site-footer .bnw-social:before
{
	display: none;
}

.site-footer ul.bnw-social
{
	margin-top: 60px;
}

.site-footer ul.bnw-social li
{
	width: 24px;
	font-size: 19px;
	margin-right: 40px;
}

.site-footer .bnw-social a
{
	color: #FFF;
	transition: .2s color ease;
}

.site-footer .bnw-social a:hover
{
	color: #8B108C;
}

.white-bg,
.site-footer .credits
{
	background-color: #FFF;
	color: #000;
	padding: 0px 0px 50px 0px;
	margin-top: 120px;
}

.ni-logo
{
	width: 85px;
	margin-bottom: 10px;
}

.podcast-text .bnw-vid-caption
{
	font-size: 14px;
	line-height: 1.4em;
	margin-top: 1em;
	text-align: center;
}

/* MP3 Player */

.audio-player,
.audio-player div,
.audio-player h1,
.audio-player a,
.audio-player img,
.audio-player span,
.audio-player button {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

div.audio-player {
    position: relative;
    width: 100%;
    height: 65px;
 		background-color: #D8D8D8;
    box-sizing: border-box;
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body
{
	background-color: #F8F8F8 !important;
	height: 65px !important;
}

.mejs-button.mejs-playpause-button
{
	height: 38px !important;
	width: 38px !important;
}

.mejs-button.mejs-playpause-button>button
{
	background: transparent url('/wp-content/themes/bravenewwords/images/play-sprite.svg') !important;
	background-repeat: no-repeat !important;
	background-size: 76px auto !important;
	height: 38px !important;
	width: 38px !important;
	background-position: 0px 0px !important;
}

.mejs-button.mejs-playpause-button.mejs-pause>button
{
	background-position: -39px 0px !important;

}

.mejs-controls .mejs-time-rail .mejs-time-current
{
	background: #FD02FE !important;
}

.mejs-time-buffering, .mejs-time-current, .mejs-time-float, .mejs-time-float-corner, .mejs-time-float-current, .mejs-time-hovered, .mejs-time-loaded, .mejs-time-marker, .mejs-time-total
{
	height: 5px !important;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded
{
	background: #979797 !important;
}

.mejs-time-rail
{
	height: 5px !important;
	margin: 0px !important;
	padding-top: 0px!important;
	position: absolute !important;
	width: 100% !important;
	bottom: 0px !important;
	left: 0px !important;
}

.mejs-time-float
{
	display: none !important;
}

.mejs-time-total
{
	margin: 0px !important;
}

.mejs-currenttime-container
{
	position: absolute !important;
	left: 95px !important;
	top: 19px !important;
	color: #292929 !important;
	height: auto !important;
	font-size: 14px !important;
}

.mejs-currenttime-container:after
{
	content: '/' !important;
	display: inline-block;
	margin-left: 5px;
}

.mejs-duration-container
{
	position: absolute !important;
	left: 136px !important;
	top: 19px !important;
	color: #292929 !important;
	margin-left: 6px !important;
	height: auto !important;
	font-size: 14px !important;
}

.mejs-volume-button,
.mejs-horizontal-volume-slider
{
	display: none !important;
}

/* end MP3 Player */

/* Home page MP3 Player */

.home-about-text .mejs-container,
.home-about-text .mejs-container .mejs-controls,
.home-about-text .mejs-embed,
.home-about-text .mejs-embed body
{
	background-color: transparent !important;
}

.home-about-text .mejs-container .mejs-controls
{
	padding-left: 0px !important;
}

.home-about-text .mejs-button.mejs-playpause-button>button
{
	margin: 10px 0px 0px 0px !important;
}

.home-about-text .mejs-time-rail
{
	position: absolute !important;
	top: 0px !important;
	left: 0px !important;
}

.home-about-text .mejs-currenttime-container,
.home-about-text .mejs-duration-container
{
	display: none !important;
}

.bnw-press-kit
{
	margin-top: 40px;
	font-size: 10px;
}

.bnw-press-kit a
{
	color: #292929;
}

.bnw-press-kit a:hover
{
	color: #8B108C;
}

.error-404
{
	min-height: 400px;
	margin-top: 60px;
	text-align: center;
}

.error-404 h1
{
	color: #184848;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}



/**
 * Grid
 */
#grid{

    /* Dimensions - same width as your grid with gutters */
    width: 1200px;

    /* Grid (left-aligned)
    position: absolute;
    top: 0;
    left: 0;
    */

    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;

}

/**
 * Vertical grid lines
 *
 * Set the column width taking the borders into consideration,
 * and use margins to set column gutters.
 */
#grid div.vert{

    width: 66px;
    border: solid #CDCDCD;
    border-width: 0 1px;
    margin-right: 33px;
		background-color: #CDCDCD;

}

#grid div.vert.first-line{

    margin-left: 0px;

}


/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
#grid div.horiz{

    /* 20px line height */
    height: 19px;
    border-bottom: 1px dotted darkgray;
    margin: 0;
    padding: 0;

}

/**
* Classes for multiple grids
*
* When using more than one grid, remember to set the numberOfGrids
* option in the hashgrid.js file.
*/
#grid.grid-1 div.vert{

    /* Vertical grid line colour for grid 1 */
    border-color: #CDCDCD;

}
#grid.grid-2{

    /* Adjustments */
    padding: 0 160px;
    width: 660px;

}
#grid.grid-2 div.vert{

    /* Vertical grid line colour for grid 2 */
    border-color: crimson;

}



@media (min-width: 400px) {
    .has-no-alignment .has-grid-lrg .blockgallery--item {
        width: 100%
    }
}

@media (min-width: 798px) {
	.has-no-alignment .has-grid-lrg .blockgallery--item {
			width: 33.33333%
	}
}

@media all and (min-width: 768px) and (max-width: 900px) {

	.has-no-alignment .has-grid-lrg .blockgallery--item {
			width: 33.33333%
	}

	.main-navigation ul
	{
		margin-left: 30px;
		font-size: 14px;

	}

	.main-navigation ul li
	{
		margin-right: 30px;
	}

	.apple-sub
	{
		top: 50%;
		right: 0px;
		width: 100px;
	}

	.episode
	{
		width: 48%;
	}

	.episode:nth-child(3n)
	{
		margin-right: 1.85%;
	}

	.episode:nth-child(2n)
	{
		margin-right: 0px;
	}

}

@media all and (max-width: 1100px) {
	.site-branding
	{
		width: 180px;
	}

	.apple-sub
	{
		right: 0px;
	}
}

@media all and (min-width: 900px) and (max-width: 1024px) {

	.main-navigation ul
	{
		margin-left: 20px;
		font-size: 14px;

	}

	.main-navigation ul li
	{
		margin-right: 48px;
	}

	.apple-sub
	{
		top: 50%; /* 67%; */
		right: 50px;
		width: 107px;
	}

}


@media all and (max-width: 767px) {

	.site-footer input[type="text"],
	.site-footer input[type="email"],
	.site-footer textarea
	{
		font-size: 16px;
	}

	header.site-header
	{

		height: 96px;
	}

	header.site-header .wrap
	{
		width: 100%;
	}

	header.site-header.smaller
	{
		height: 96px;
	}


	body.admin-bar header.site-header
	{
		padding-top: 50px;
	}

	#content
	{
		width: 100%;
		padding: 0px 20px;
		box-sizing: border-box;
	}

	 body.page-id-58 #content
	 {
		 padding: 0px 0px;
	 }

	.site-branding
	{
		width: 102px;
		top: 0px;
		z-index: 101;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.site-branding img
	{
		display: block;
	}

	.nav-switch
	{
		display: block;
		position: absolute;
		top: 18px;
		right: 20px;
		width: 25px;
		height: 25px;
	}

	.bar {
		background-color: #757578;
		width: 25px;
		height: 1px;
		border-radius: 0px;
		right: 0px;
		top: 0px;

		position: absolute;
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}

	.bar.first {
		opacity: 1;
	}

	.first.active {
		opacity: 1;
		margin-top: 10px;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.2s ease-out;
		/* -webkit-transition-delay: .4s; */
	}

	.second {
		margin-top: 8px;
	}

	.second.active {
		opacity: 0;
		margin-top: 10px;
	}

	.third {
		margin-top: 16px;
	}

	.third.active {
		margin-top: 10px;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 0.2s ease-out;
		/* -webkit-transition-delay: .4s; */
	}

	body.page-id-58
	{
		padding-top: 0px;
		background: linear-gradient(
	    to right,
	    #FFF 0%,
	    #FFF 50%,
	    #FFF 50%,
	    #FFF 100%
	  );

		padding-bottom: 0px;
	}

	nav#site-navigation {
		position: fixed;
		top: 100px;
		left: 0px;
		width: 100%;
		height: calc(100% - 100px);
		margin: 0px;
		box-sizing: border-box;
		z-index: 100;
		opacity: 0;

		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-o-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);

		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		background-color: #FFF;
	}

	nav#site-navigation.visible
	{
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}


	nav#site-navigation ul#primary-menu{
		padding: 0px;
		margin: 0px;
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	nav#site-navigation ul#primary-menu li
	{
		display: block;
		width: 100%;
		text-align: center;
		margin: 0px 0px 60px 0px;
	}

	.main-navigation ul li:before
	{
		display: none;
	}

	.main-navigation ul li a
	{
		position: relative;

	}

	.main-navigation ul li a:before
	{
		height: 2px;
		background-color: #FD02FE;
		width: 0%;
		transition: width .2s ease;
		content: '';
		display: block;
		position: absolute;
		bottom: -2px;
		left: 0px;
	}

	.main-navigation ul li.current-menu-item a:before,
	.main-navigation ul li.current a:before
	{
		width: 100%;
	}

	.main-navigation ul li.current-menu-item
	{
		border-bottom: 0px;
	}

	.main-navigation ul li.current-menu-item a
	{
		/*border-bottom: 2px solid #FD02FE;*/
		padding-bottom: 6px;
	}

	header.site-header .site-notice
	{
		font-size: 15px;
	}

	.apple-sub {
		position: absolute;
		top: 13px;
		right: 70px;
		width: 100px;
		font-size: 12px;
		line-height: 13px;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}


	.home-main-image
	{
		margin-top: 0px;
		margin-bottom: 120px;
	}

	.home-page-logo
	{
		padding-bottom: 64.5%;
		width: 64.5%;
	}

	.archive-control-area-after ul li, .episodes-after ul li
	{
		margin-bottom: 25px;
		width: 22px;
		margin-right: 10px;
	}

	.episodes-holder .inner
	{
		/*position: relative;*/
		height: auto;
	}

	.episode
	{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.episode:last-child
	{
		margin-bottom: 0px;
	}

	body.single .episode:last-child
	{
		margin-bottom: 20px;
	}

	.home-main-image .wrap
	{
		width: 100%;
	}

	.float-in.f1
	{
		width: 75px;
		top: -15px;
		left: 30px;
	}

	.float-in.f2
	{
		width: 95px;
		top: 0px;
		right: 40px;
		transition-delay: .25s;
	}

	.float-in.f3
	{
		width: 110px;
		top: auto;
		bottom: -20px;
		left: 0px;
		transition-delay: .45s;
	}

	.float-in.f4
	{
		width: 106px;
		right: 20px;
		top: auto;
		bottom: -40px;
		transition-delay: .65s;
	}

	.float-in.f5
	{
		width: 68px;
		right: 0px;
		top: 130px;
		transition-delay: .85s;
	}

	.home-about-text
	{
		margin-top: 0px;
		width: 100%;
	}

	.home-about-text .kt-row-column-wrap
	{
		padding: 0px;
	}

	.home-about-text h2
	{
		margin-top: 0px;
	}

	.bnw-home-trailer .kt-row-column-wrap
	{
		padding: 0px;
	}

	.bnw-home-trailer h2
	{
		top: 20px;
	}

	.home-about-section
	{
		width: 100%;
		margin-top: 20px;
	}

	.home-about-section h2
	{
		margin-top: 0px;
	}

	.home-about-section .wp-block-image
	{
		width: 138px;
		margin: 0px;
	}

	.home-about-section .inner-column-1,
	.home-about-section .kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column
	{
		margin-bottom: 25px;
	}

	.home-about-section .inner-column-2 .kt-inside-inner-col
	{
		padding-top: 0px;
	}


	.bnw-splash
	{
		width: 100%;
	}

	.bnw-splash .inner-column-2
	{
		background-color: #FBFBFB;
		padding-bottom: 100px;

	}

	.bnw-splash .kt-gutter-default>.wp-block-kadence-column
	{
		margin-right: auto;
	}

	.bnw-splash .kt-inside-inner-col
	{
		width: 100%;
		margin: 0px;
		padding: 0px 30px;
		box-sizing: border-box;
	}

	.bnw-splash .kt-row-column-wrap
	{
		padding-bottom: 0px;
	}

	.site-footer
	{
		padding-top: 40px;
	}

	.site-footer .half
	{
		width: 100%;
		flex-basis: 100%;
		margin-right: 0%;
		float: none;
		margin-bottom: 20px;
	}

	.site-footer .half.bnw-sign-up
	{
		margin-bottom: 90px;
	}

	.bnw-episode-player h2
	{
		left: 72px;
		font-size: 12px;
	}

	.mejs-currenttime-container
	{
			left: 65px !important;

	}

	.mejs-duration-container
	{
		left: 106px !important;
	}

	.categories-header
	{
		margin-top: 0px;
	}

	.footer-note
	{
		margin-top: 20px;
	}

	.footer-note.no-margin
	{
		padding-top: 40px;
	}

	.footer-note.theme-credit
	{
		margin-top: 17px;
	}

	.footer-note.no-margin.display-at-end
	{
		padding-top: 0px;
		margin-top: 0px;
	}

	.bnw-interview-wrap .wp-block-image
	{
		max-width: 138px;
	}

	.bnw-interview-wrap h3
	{
		margin-top: 0px;
	}

	.bnw-episode-masonry
	{
		margin: 0px auto 0px auto;
	}

	.kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption
	{
		line-height: 16px !important;
	}

	.episodes-holder
	{
		margin: 50px auto 70px auto;
	}

	.more-episodes
	{
		margin: 100px auto 100px auto;
	}

	.bnw-interview-wrap
	{
		padding: 75px 0px 0px 0px;
		margin: 65px auto 75px auto;
	}

	.bnw-interview-wrap h2
	{
		margin-bottom: 55px;
	}

	.podcast-text .kt-row-column-wrap
	{
		padding: 0px;
	}

	.bnw-interview-wrap > .kt-row-layout-inner > .kt-row-column-wrap > .inner-column-1 > .kt-inside-inner-col > .wp-block-kadence-rowlayout:last-child
	{
		margin-bottom: 55px;
	}

	.bnw-youtube figcaption,
	.podcast-text .bnw-vid-caption,
	.bnw-episode-content figcaption
	{
		line-height: 1.5em;
	}

	.bnw-interview-wrap .wp-block-image figcaption
	{
		line-height: 1.5em;
	}

	.kt-gutter-default > .wp-block-kadence-column
	{
		margin-right: 0px;
	}

	.bnw-episode-player h2
	{
		position: relative;
		line-height: 1.3em;
		left: 0px;
		margin-bottom: 10px;
	}

	.mejs-currenttime-container,
	.mejs-duration-container
	{
		padding-top: 6px !important;
	}

	.bnw-episode-masonry.wp-container-core-group-is-layout-6be84c55,
	.bnw-episode-below-masonry.wp-container-core-group-is-layout-6be84c55
	{
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	.bnw-episode-masonry.wp-container-core-group-is-layout-cf068345,
	.bnw-episode-below-masonry.wp-container-core-group-is-layout-cf068345
	{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

}