/*
 Theme Name:   MEK Child
 Theme URI:    http://mektheme.co.za/
 Description:  MEK Child Theme
 Author:       MEK
 Author URI:   http://mektheme.co.za
 Template:     mektheme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  mek-child-theme
*/


/*******************
  - Use the the main.scss file and related files in the assets/sass
  - The scss files are automatically compiled using the WP SCSS plugin
********************/

/* BASIC SETTINGS */
header#masthead.scrolled a.custom-logo-link img {
  /* width:  50px !important; */
	transition: all .3s ease-in-out !important;
}

.logged-in header#masthead {
	top: 32px !important;
}

header#masthead {
  position: fixed;
  width: 100%;
  z-index: 999;
}

header#masthead.scrolled nav{
	height: 60px !important;
	transition: all .3s ease-in-out !important;
}


/*********************
PADDINGS
**********************/
.padding-xs-top-bottom{
	padding-top:1em !important;
	padding-bottom:1em !important;
}

.padding-sm-top-bottom{
	padding-top:2em !important;
	padding-bottom:2em !important;
}

.padding-md-top-bottom{
	padding-top:4em !important;
	padding-bottom:4em !important;
}

.padding-lg-top-bottom{
	padding-top:6em !important;
	padding-bottom:6em !important;
}

.padding-xlg-top-bottom{
	padding-top:9em !important;
	padding-bottom:9em !important;
}

/* Left right */
.padding-sm-left-right{
	padding-left:2em !important;
	padding-right:2em !important;
}

.padding-md-left-right{
	padding-left:4em !important;
	padding-right:4em !important;
}

.padding-lg-left-right{
	padding-left:6em !important;
	padding-right:6em !important;
}

.padding2-left{
	padding-left:2em !important;
}
.padding2-right{
	padding-right:2em !important;
}

/* All allound */
.padding-sm-all{
	padding:2em !important;
}

.padding-md-all{
	padding:4em !important;
}

.padding-lg-all{
	padding:6em !important;
}

.padded-text {
    padding: 1em 21em;
}

.no-paddings{
	padding: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/*********************
Margins
**********************/

.no-margins{
	margin: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.margin-bottom-sm{
	margin-bottom: 1em !important;
}

.margin-bottom-md{
	margin-bottom: 2em !important;
}

.margin-bottom-lg{
	margin-bottom: 3em !important;
}



/*********************
OFFSETS LEFT
**********************/
.ai-offset-left-sm {
    margin-left: -5vw !important;
}

.ai-offset-left-md {
    margin-left: -10vw !important;
}

.ai-offset-left-lg {
    margin-left: -15vw !important;
}

.ai-offset-left-xlg {
    margin-left: -20vw !important;
}



/*********************
OFFSETS RIGHT
**********************/
.ai-offset-right-sm {
    margin-right: -5vw !important;
}

.ai-offset-right-md {
    margin-right: -10vw !important;
}

.ai-offset-right-lg {
    margin-right: -15vw !important;
}

.ai-offset-right-xlg {
    margin-right: -20vw !important;
}


/*********************
OFFSETS TOP
**********************/
.ai-offset-top-sm {
    margin-top: -5vw !important;
}

.ai-offset-top-md {
    margin-top: -10vw !important;
}

.ai-offset-top-lg {
    margin-top: -15vw !important;
}

.ai-offset-top-xlg {
    margin-top: -20vw !important;
}

/*********************
OFFSETS BOTTOM
**********************/
.ai-offset-bottom-sm {
    margin-bottom: -5vw !important;
}

.ai-offset-bottom-md {
    margin-bottom: -10vw !important;
}

.ai-offset-bottom-lg {
    margin-bottom: -15vw !important;
}

.ai-offset-bottom-xlg {
    margin-bottom: -20vw !important;
}


/*********************
BORDER RADIUS
**********************/
.ai-border-radius-5{
	border-radius: 5px !important;
}

.ai-border-radius-10{
	border-radius: 10px !important;
}

.ai-border-radius-15{
	border-radius: 15px !important;
}

.ai-border-radius-20{
	border-radius: 20px !important;
}


.hidden{
    display:none !important;
}

/* START */



/*********************
/* STYLING */
/*********************/
#slider-row .owl-stage{
	min-width: 100vw;
}

.current-show-post {
    padding: 2rem;
    padding-bottom: 1rem;
    /* border-radius: 15px; */
    min-height: 450px;
    display: flex;
    align-items: end;
	position: relative;
	overflow: hidden;

	background-size: cover !important;
    background-position: center !important;
}

#comments {
    margin: 0px auto;
}

.live-badge {
    position: absolute;
    z-index: 99;
    top: 20px;
    left: 20px;
    background-color: #95201e;
    padding: 5px 18px;
    color: #ffffff;
    border-radius: 18px;
}

.upcoming-shows-slider .upcoming-show-post{
	padding: 2rem;
    padding-bottom: 1rem;
    border-radius: 15px !important; 
    min-height: 335px;
    display: flex;
    align-items: end;
	position: relative;
	overflow: hidden;
	background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* .upcoming-show-post{

} */

.overlay {
    background: linear-gradient(2deg, rgba(30, 26, 25, 0.9) 1%, rgba(43, 37, 35, 0) 99.96%);
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 0;
    opacity: 1;
}


.show-info {
	z-index: 1;
    color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    /* background-color: #0000008f; */
}


.show-info p{
    margin-bottom: 0px;
}

.show-name {
    font-size: 32px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

.show-date {
    font-size: 12px !important;
    line-height: 15px !important;
}

.show-image img{
	max-width: 100%;
}

.container.desktop {
    background-position: center;
    background-size: cover;
}

#slider-row .owl-item {
    /* min-width: 100%; */
}


.owl-nav {
    position: absolute;
    top: 40%;
    width: 105%;
    left: -2.5%;
}

.owl-nav.disabled {
    display: none;
}

.owl-nav button.owl-next {
    position: absolute;
    right: 0;
}

.owl-nav button {
    border: 2px solid white !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
	background-color: #ffffff;
}


.lineup-filters{
	background-color: #1E1E1E;
	padding: 1rem;
	margin-bottom: 5px;
}

.lineup-filters a,
.filters-container a {
    text-decoration: none;
    padding: 3px 15px;
    color: yellow;
    margin-right: 15px;
	text-transform:capitalize
}

.lineup-filters a.active,
.filters-container a.active {
    border: 1px solid;
    border-radius: 20px;
}

.lineup-filters ul,
.filters-container ul {
    list-style: none;
	padding: 0;
	display: flex;
	margin: 0px;
    flex-wrap: wrap;
}

.lineup-filters ul li::before,
.filters-container ul li::before{
	display: none;
}

.dramas-filters {
    text-align: center;
    margin-bottom: 2rem;
}

.filters-container {
    width: fit-content;
    margin: auto;
}

.lineups-container {
    background-color: #1E1E1E;
	padding: 1rem 0
}


.lineup-image {
    height: 358px;
	background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* .view-lineup a{
	background-color: #95201e;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	color: #ffffff;
} */

.lineup-details {
    font-weight: 300;
}

.theme-bodytext .col-md-4{
    margin-bottom: 15px;
}

.upcoming-lineup{
	background-color: #0A0706;
	align-items: center;
	margin-bottom: 1rem;
}

.lineup-details {
    padding-right: 3rem;
}

.lineup-name {
    font-size: 28px !important;
    font-weight: 600 !important;
    color: yellow;
}

.lineup-info {
    padding: 1rem;
}
  

.lineup-times{
	/* margin-bottom: 2.5rem !important; */
}

.view-lineup {
    margin-top: 1.5rem;
}

.no-posts-found{
    margin-top: 2rem;
}


.presenter-profile {
    display: block;
    margin-bottom: 1.5rem;
    
}

.presenter-profile .presenter-name {
    margin-top: 6px;
    margin-bottom: 25px !important;
}

.presenter-profile img {
    /* max-width: 90%; */
    margin: auto !important;
    display: block;
    border-radius: 20px;
}

.post-container {
    background-color: #4F4F4F;
    border-radius: 10px;
    padding: 10px;
	overflow: hidden;
	color: #ffffff;
    margin-bottom: 1.5rem;
    height: 100%;
    position: relative;
    padding-bottom: 2.5rem;
}

.dark-bg-4 .post-container{
    background-color: #1E1E1E !important;
}

.posts-slider .post-container{
    background-color: #000000 !important;
}

.post-name {
    font-size: 28px !important;
    margin-top: 1rem;
    font-weight: 600 !important;
}

.closing-date {
    font-size: 16px !important;
    font-weight: 300 !important;
}

.post-image {
    height: 16rem;
	background-position: center !important;
	background-size: cover !important;
	border-radius: 10px;
}


.competition-post .post-image {
    height: 12rem;
}

.competition-post .post-name {
    height: 50px;
}

.post-link{
    text-decoration: none;
    display: block;
}

.product-title {
    margin-bottom: 0px !important;
    margin-top: 1rem;
    color: #F59B00 !important;
}

.field_64e6351af97be {
    font-size: 30px;
    margin-bottom: 1rem;
    font-weight: 600;
}

.drama-post {
    margin-bottom: 2rem;
    display: block;
}

.drama-title {
    font-weight: 500;
    margin-top: 1rem;
}

.view-post {
    background-color: #F59B00;
    display: block;
    margin-left: -10px;
    /* margin-bottom: -10px; */
    margin-right: -10px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
	color: #1E1A19;
    position: absolute;
    bottom: 0;
    width: 100%;
}


.date-location {
    display: flex;
}

.location-dec {
    padding-left: 2rem;
}

.event-post .date {
    margin-top: 1rem;
	text-align: center;
}

.event-post .date span{
    display: block;
}

.event-post .month {
    font-size: 20px;
}

.event-post .day {
	font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}

.event-post .time {
    font-size: 20px;
	font-size: 22px;
    font-weight: 700;
}


.podcast-post {
    display: block;
    text-align: center;
	text-decoration: none;
	color: #ffffff;
    margin-bottom: 2rem;
}

.podcast-title {
    font-size: 28px;
    color: #F59B00 !important;
}

.podcast-post img {
    /* max-width: 70%; */
    margin: auto;
    border-radius: 15px;
    margin-bottom: 10px;
}


iframe {
    width: 100%;
}

.post-content iframe {
	width: 100%;
/* 	height:100%; */
	min-height:300px
}
.current-podcast iframe {
    width: 100%;
    height: 400px;
    border-radius: 10px;
}

.podcast-list {
    display: flex;
    align-items: center;
    background-color: #2B2523;
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 10px;
    position: relative;
}

.podcast-list .details{
    width: 70%;
}

.podcast-list .details h6{
    text-wrap: nowrap;
    max-width: 90%;
    overflow: hidden;
}

.podcast-list .details h6::after{
    content: "...";
}

.podcast-list .details h6{
    margin-bottom: 5px;
}
.podcast-list .details p{
    margin-bottom: 0px;
}

a.play-icon {
    padding: 0px 19px;
    background-color: #2B2523;
    border-radius: 6px;
    margin-right: 1rem;
    border: 2px solid #F59B00;
    text-decoration: none;
}

a.play-icon i{
    font-size: 36px;
    color: #F59B00 !important;
}

.podcast-list .more-icons{
    display: flex;
}
.podcast-list .more-icons a{
    background-color: white;
    width: 40px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    margin: 5px;
    border-radius: 50%;
    text-decoration: none;
    color: #2B2523;
}

/* .podcast-list .more-icons a i{
    
} */



.sidebar-search input.search-submit {
    display: none;
}

.sidebar-search label {
    width: 100%;
}

.sidebar-search input.search-field {
    width: 100%;
    background-color: transparent;
    border: 1px solid #F59B00 !important;
    border-radius: 8px;
}

.lineup-shows-tab{
    display: none;
}

.lineup-shows-tab.active{
    display: block;
}

.tv-post a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.accordion-item {
    background-color: transparent !important;
    border: 0px !important;
}

button.accordion-button {
    background-color: transparent !important;
}

img.song-art {
    max-width: 110px;
    border-radius: 15px;
}

#chartsAccordion button.accordion-button {
    overflow: hidden;
    border: 0px !important;
    box-shadow: none !important;
    color: #ffffff;
}


#chartsAccordion .accordion-item{
    margin-bottom: 1rem;
    background-color: #2B2523 !important;
    border-radius: 15px !important;
    margin-left: 6rem;
}

#chartsAccordion .song-details span {
    display: block;
}

#chartsAccordion .song-details span {
    display: block;
    margin-right: 2rem;
    margin-left: 1.5rem;
}

#chartsAccordion .song-details {
    width: 73%;
}

#chartsAccordion span.title {
    font-size: 26px;
    color: #ffffff;
    font-weight: 600;
}

#chartsAccordion span.artist-name {
    color: #A8A8A8;
    font-size: 22px;
    font-weight: 300;
}

#chartsAccordion iframe{
    border-radius: 15px !important;
}
#chartsAccordion .like-btn,
#chartsAccordion .accordion-button::after {
    text-decoration: none;
    color: black;
    background-color: #ffffff;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-position: center;
}

#chartsAccordion .like-btn {
    position: absolute;
    right: 5rem;
}

#chartsAccordion .accordion-header {
    display: flex;
    align-items: center;
}


#chartsAccordion .chart_number {
    font-size: 64px;
    margin-right: 1.5rem;
    color: #4F4F4F;
    font-weight: 600;
    position: absolute;
    left: 0.5rem;
}


.related-posts button.owl-next {
    margin-right: -3rem;
}

.theme-button {
    z-index: 10;
    position: relative;
}

.theme-vc-element{
    z-index: 10;
    position: relative;
}


.player-container {
    position: fixed;
    z-index: 99999;
    bottom: 0;
    width: 100vw;
}

.player-container.fixed {
    position: fixed;
}

/* .site-footer .ai-footer-copyright {
    margin-bottom: 5.5rem;
} */

.wpb_video_widget {
    margin-bottom: 0px !important;
}

#ukhozi-tv .wpb_video_widget iframe {
    height: 103%;
    top: -5px;
}

.event-post .post-name {
    height: 74px;
    overflow: hidden;
}

#btn-listen-live-nav{
    display:none;
    transition: all .2s ease-in-out;
}

#navbarNav #btn-listen-live-nav{
    display: block !important;
}

.mek-widget img {
    width: 100%;
    height: auto !important;
}