/*
Theme Name:     Roogan Child
Theme URI:      https://mekshq.com/theme/roogan/
Description:    Child theme for Roogan WordPress theme
Author:         meks
Author URI:     https://mekshq.com
Template:       roogan
Version:        0.1.0
*/

html{
	scroll-behavior: smooth;
}

.display-none{
	display: none;
}

.container-full-width{
	width: 100%;
	overflow: hidden;
}

/* Hide mobile menu */
.roogan-hamburger{
	display: none !important;
}

.roogan-button{
	border-radius: 100px;
	font-size: 16px;
	font-weight: 500;
}

.entry-header .roogan-button{
	color: #fff !important;
	text-transform: initial;
}

.roogan-site-branding{
	width: 100%;
	max-width: 150px;
}

.roogan-elementor [class*=col-]{
	padding-left: 10px;
	padding-right: 10px;
}

.home-section-card{
	height: calc(420px + 5vw);
}

.home-section-card .elementor-widget-wrap{
	filter: grayscale(.7);
	transition: all .3s;
}

.home-section-card:hover .elementor-widget-wrap{
	filter: grayscale(0);
}

.home-section-card .elementor-element{
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

.home-section-card .elementor-element a{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.home-section-card[class*=col-]{
	padding: 0;
}

.home-section-card .elementor-element:last-of-type{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 45px;
}

.section-content-episodes .section-title:after{
	background: #dfc25e;;
	opacity: .75;
}

.section-content-episodes .entry-category a{
	color: #222;
}

@media (max-width: 988px){
	.container {
		max-width: 100%;
	}
}