/*
Theme Name: LiSTNR
Author: Zibs
Description: Base theme used for LiSTNR
Version: 2.0.3
*/
html{
	background: #000000
}
body{
	font-family: Inter, Lato, Helvetica, Arial, sans-serif;
	font-weight: 300;
	background: #FFF;
	color:#333;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{
	font-family: Jost, Inter, Lato, Helvetica, Arial, sans-serif;
	font-weight: 700;
	width: 100%;
}
strong{
	font-weight: 700
}
h1.heading{
	font-size: 22px;
	font-weight: 500;
}
.fs-7{
	font-size: 0.8rem;
}
.row-category{
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
.row-category a{
	color: #121001;
}
.row-category a:hover{
	color: #121001;
	text-decoration: none;
	background: #89dcbb;
}
.breadcrumb{
	font-size: 14px;
}
.breadcrumb, .breadcrumb a{
	color: #9aa1a6;
}
.title{
	position: relative;
}
.title:after{
	content: "";
	width: 120px;
	height: 2px;
	background: #333;
	position: absolute;
	left: 50%;
	bottom: -8px;
	margin-left: -60px;
}
.line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
a{
	color:#1d7c63
}
a:hover{
	color:#009970
}

/* Colours */
.bg-black{
	background: #121001
}
.bg-black a:not(.btn){
	color:#FFF;
}
.bg-black a:hover:not(.btn){
	color:#81E4BD;
}
.text-black{
	color: #121001;
}
.bg-grey, .bg-grey:before{
	background: #f4f5f6;
}
.bg-mint{
	background: #81e4bd;
}
.text-mint {
	color: #81e4bd
}
.bg-cream{
	background: #F4F0E4;
}
.bg-lobster{
	background: #ff6b6b;
}
.bg-orange{
	background: #E65724;
	color:#ffffff;
}
.bg-yellow{
	background: #FDD800;
}
.bg-light-blue{
	background: #9DD4E9;
}
.bg-blue {
	background: #007fe2
}
.text-blue {
	color: #007fe2
}
.bg-navy {
	background: #002d4b
}
.text-navy {
	color: #002d4b
}

/* Buttons */
.btn{
	padding: 20px 30px;
	border-radius: 10px;
	letter-spacing: 0.75px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}
.btn-primary{
	background: #81E4BC;
	color:#000;
	border:none;
}
.btn-primary:hover{
	background: #07936d;
	color:#FFF;
}
.btn-primary:after{
	font-family: "Material Symbols Outlined";
	content:"arrow_forward_ios";
	vertical-align: bottom;
	padding-left:10px;
}
.btn:active, .btn:focus-visible{
	background: transparent!important;
	box-shadow: none;
}
.btn a{
	text-decoration: none;
}
.btn-small{
	padding: 10px 14px;
}
.btn-toolbar .dropdown-menu .dropdown-item{
	color:#FFF;
}

/* Card Styles */
.card-style-1{
	background-color: #81E4BC;
}
.card-style-1 .btn-primary{
	background-color: #252528;
	color:#fff;
}
.card-style-1 .btn-primary:hover{
	background-color: #000;
}
.card-style-2{
	background-color: #252528;
	color: #F4F0E4;
}
.card-style-3{
	background-color: #F4F0E4;
}

/* Guternburg */
@media(max-width: 782px){
	.wp-block-columns.has-2-columns{
		display:block
	}
	.wp-block-columns.has-2-columns .wp-block-column:nth-child(odd){
		margin-right:0
	}
	.wp-block-columns.has-2-columns .wp-block-column:not(:first-child),
	.wp-block-columns.has-2-columns .wp-block-column:nth-child(2n){
		margin-left:0
	}
}
@media(max-width: 992px){
	.wp-block-columns.has-3-columns,
	.wp-block-columns.has-5-columns{
		display:block
	}
	.wp-block-columns.has-3-columns .wp-block-column:nth-child(odd),
	.wp-block-columns.has-3-columns .wp-block-column:not(:last-child),
	.wp-block-columns.has-5-columns .wp-block-column:nth-child(odd),
	.wp-block-columns.has-5-columns .wp-block-column:not(:last-child){
		margin-right:0
	}
	.wp-block-columns.has-3-columns .wp-block-column:not(:first-child),
	.wp-block-columns.has-3-columns .wp-block-column:nth-child(2n),
	.wp-block-columns.has-5-columns .wp-block-column:not(:first-child),
	.wp-block-columns.has-5-columns .wp-block-column:nth-child(2n){
		margin-left:0
	}
}
@media(min-width: 992px){
	.no-margin-bottom .wp-block-column{
		margin-bottom:0;
	}
}
.wp-block-button .wp-block-button__link{
	background-color: #82E4BD;
	color:#333;
	border-radius: 10px;
	padding: 20px 30px;
	transition: all .15s ease-in-out;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.75px
}
.wp-block-button .wp-block-button__link:after{
	content:">";
	padding-left:16px;
}
.wp-block-button .wp-block-button__link:hover{
	background: #07936d;
	color:#fff;
	text-decoration: none;
}

/* Resposnsive Video */
.zibs_video{
	position:relative;
	display:block;
	max-width:1080px;
	margin: 0 auto
}
.zibs_video div{
	padding-top:56.25%
}
.zibs_video iframe{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	border:0
}

/* Footer */
footer a{
	color:rgba(255,255,255,0.8);
}
footer a:hover{
	color:#fff;
}
footer #secondary-menu a{
	font-weight: 900;
}

/* Material Icons */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Cards */
.card{
	transition: all .2s ease-in-out;
	background: transparent;
	border: none;
}
.card:hover{
	border-color:#ccc;
}
.border-hover:hover{
	border-color:#fff;
}
.card-link{
	color: #121001;
	transition: all .2s ease-in-out
}
.card-title{
	color:#121001;
	font-size: 14px;
	font-weight: 600;
}
.card a{
	color:#121001;
	text-decoration: none
}
.card a:hover{
	text-decoration: none
}
.card .btn{
	background:none;
	padding:0;
}
.card a:hover .card-link{
	margin-left: 4px
}
.card-text{
	font-size:14px
}
.img-responsive {
	display: block;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
/* Navbar */
#primary-menu{
	font-size: 16px
}
#primary-menu .nav-link{
	color:#FFF;
	font-weight: 600;
	letter-spacing: 1px;
}
#primary-menu .nav-link:hover, #primary-menu .nav-link.active{
	color:rgb(129, 228, 189);
}
#primary-menu .current-menu-parent .nav-link{
	color:#FFF;
}
.dropdown-menu{
	border:none;
	background: #000;
}
.dropdown-item{
	font-weight: 600;
	font-size: 16px;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active{
	background: transparent;
	color:rgb(129, 228, 189);
}
.navbar-toggler{
	border:none;
	padding-left:1.5rem;
	padding-right:0;
}
.navbar-toggler:focus{
	box-shadow: none;
}
.navbar-blur{
	backdrop-filter: blur(12px) brightness(55%);
	-webkit-backdrop-filter: blur(12px) brightness(55%);
}
.navbar-padding{
	margin-top:56px;
}
nav.navbar-secondary{
	border-bottom: 1px solid #dee2e6;
	margin-bottom: 1.5rem;
}
nav.navbar-secondary .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
	text-decoration: none;
	padding: 10px;
	color:#1d7c63
}
nav.navbar-secondary .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover{
	color:#009970
}
nav.navbar-secondary .current-menu-item a{
	font-weight: 700;
}
.navbar_buttons li, .navbar_buttons a{
	display: block;
}
@media(min-width: 782px){
	.navbar_buttons li{
		display:inline-block;
	}
}
.logged-in .navbar{
	top:32px;
}
/* Homepage Video */
.video-header{
	position: relative;
	height:100vh;
}
.video-header video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
}
.video-header .video-content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	display: grid;
	align-content: center;
	height: 100vh;
	color:#ffffff !important;
	background-color: rgba(0,0,0,0.75);
}
.video-header .btn{
	width:fit-content;
	margin:0 auto;
}
.video-header.video-header_50vh, .video-header.video-header_50vh .video-content, .video-header.video-header_50vh video{
	height:50vh
}

/* Swiper */
.swiper {
	width: 100%;
	height: 100%;
}
.swiper-slide{
	width: 250px
}
@media(min-width: 782px){
	.swiper-slide{
		width: 325px
	}
}
.swiper-navigate{
	color: #000;
}
.swiper-button-disabled{
	opacity:0.8
}
.navbar .btn, .video-header .btn, .rail .btn{
	padding:10px 14px;
}
.rail-podcasts .swiper-slide,
.rail-shows .swiper-slide{
	width: 183px;
}
.rail-live-schedule .swiper-slide{
	width: 290px;
}
@media(min-width: 782px){
	.rail-live-schedule .swiper-slide{
		width: 325px;
	}
}

/* Forms */
.form-group{
	font-size: 16px
}
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=number],
.form-group select,
.form-group textarea{
	border-radius: 0;
	background:#fbfbfb;
	height:40px;
	width:100%;
	padding: .375rem .75rem;
	-webkit-appearance:none;
	-moz-appearance:none;
}
.form-group textarea{
	height: 120px
}
.form-group select{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: right center;
	border-color: #ced4da;
}
.form-group input[type=text]:focus,
.form-group input[type=email]:focus,
.form-group input[type=number]:focus,
.form-group textarea:focus{
	background:#FFF;
	outline: none;
	box-shadow: none;
}
.form-control:focus{
	border-color: #82e4bd;
}

/* Form.IO - defaults */
.form-formio{
	font-size: 14px;
}
.form-formio .row{
	margin-bottom: 1em;
}
.form-formio .formio-loader{
	min-height: 100px!important;
}
.form-formio .loader{
	border-top-color: #777;
}
.form-formio .card a{
	text-decoration: underline;
}
.form-formio .border{
	border:none!important;
}
.form-formio .card-header{
	border:none;
	background:none
}
.form-formio .card-header .card-title{
	font-size: 16px;
}
.form-formio .form-group label{
	font-size:14px;
}
.form-formio .form-group input[type=text], 
.form-formio .form-group input[type=email], 
.form-formio .form-group input[type=number], 
.form-formio .form-group select, 
.form-formio .form-group textarea{
	background-color: rgba(0,0,0,.05);
	border: none;
	border-radius: 4px!important;
}
.form-formio .form-group input[type=text]:focus,
.form-formio .form-group input[type=email]:focus, 
.form-formio .form-group input[type=number]:focus, 
.form-formio .form-group select:focus, 
.form-formio .form-group textarea:focus{
	color:#111;
	background-color: #FFF
/*	background-color: rgba(0,0,0,.02);*/
}
.form-formio .selection{
	background-color: rgba(0,0,0,.05);
	border: none;
	height:40px;
	width:100%;
	padding: .375rem .75rem;
	-webkit-appearance:none;
	-moz-appearance:none;
}
.form-formio .choices__list--dropdown{
	color:#111;
}
.form-formio .choices__list--single{
	color: #fff;
}
.form-formio .input-group-append{
	display: none;
}
.form-formio .formio-component-button{
	text-align: center;
}
.form-formio .card .btn{
	padding:20px 30px
}
.form-formio .formio-error-wrapper{
	background: transparent;
	color:red;
}
.form-formio .formio-error-wrapper,
.form-formio .formio-warning-wrapper{
	padding: 0;
}
.form-formio .formio-component-button .has-error,
.form-formio .formio-component-select.formio-error-wrapper .formio-errors{
	display: none;
}
.form-formio .alert {
	background: transparent; 
	color: #333; 
	border: none;
}
.form-formio .alert span[role=link]{
	text-decoration: none;
}
.form-formio .alert span[role=link]:hover{
	text-decoration: underline;
}
.form-formio .formio-component-checkbox{
	padding-left: 16px;
	padding-right: 16px;
}
.form-formio .formio-component-button{
	margin-top: 30px;
}
.form-formio h4{
	font-size: 16px;
	font-family: Inter, Lato, Helvetica, Arial, sans-serif;
}
.has-success .help-block{
	display: inline-block;
	margin-top: 14px;
}
.has-success .help-block:before{
	content: '';
}

/* Contact Form 7 */
.wpcf7 form .wpcf7-response-output{
	color: rgb(220, 50, 50);
	border: none !important;
	margin: 0 0 24px;
	padding: 0;
	text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output:before{
	content: "warning";
	font-family: "Material Symbols Outlined";
	vertical-align: bottom;
	padding-right:4px;
}
.wpcf7 form.sent .wpcf7-response-output{
	color: #159722;
}
.wpcf7 form.sent .wpcf7-response-output:before{
	content: "check_circle";
	font-family: "Material Symbols Outlined";
	vertical-align: bottom;
	padding-right:4px;
}
.wpcf7-spinner{
	margin: 10px auto;
	display: block;
}

/* WIP */
.img-profile{
	width:200px;
	height:200px;
}
.list-group-item {
	border-color:rgba(255,255,255,.2)!important
}
.list-group-item a{
	color:#fff;
	text-decoration:none
}
@media(min-width:1200px){
	.container-max{
		max-width: 1140px;
	}
	.w-xl-50{
		max-width: 50vw;
	}
}
.home .container-fluid > p,
.home .container-fluid > blockquote{
	max-width: 1000px;
	margin: 0 auto 1rem;
}
.wp-block-lazyblock-featured-content{
	overflow-x: hidden;
}
.accordion h2{
	font-family: Inter, Lato, Helvetica, Arial, sans-serif;
}
.accordion-button:focus{
	box-shadow: none;
}
.accordion-button:not(.collapsed){
	color:#000;
}
.accordion-button:not(.collapsed)::after{
	background-image: var(--bs-accordion-btn-icon);
}
.text-truncate-ml-2{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.grecaptcha-badge{
	display:none
}
.alert-warning{
	background: #EE9500;
	color: #141416;
}