/*======================= START CSS for section 1  =======================*/

/*======================= END CSS for section 1 =======================*/

/*======================= START QC Sidebars Layout ======================= */
.dv2-layout-scl.dv2-hotlive-ctn {
	margin-top: 10px;
}

.qc-layout-wrapper {
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	margin: 0 auto;
}

.qc-sidebar {
	width: var(--qc-sidebar-width, 130px);
	flex: 0 0 var(--qc-sidebar-width, 130px);
	align-self: stretch;
}

.qc-sidebar-sticky {
	position: sticky;
	top: var(--qc-sticky-top, calc(var(--flatsome-scroll-padding-top, 145px) + 15px));
	width: 100%;
	z-index: 5;
	margin-top: 20px;
}

.qc-sidebar img,
.qc-sidebar iframe {
	display: block;
	max-width: 100%;
	height: auto;
}

.qc-main-content {
	flex: 0 1 var(--qc-site-width, 1230px);
	max-width: min(var(--qc-site-width, 1230px), calc(100% - (var(--qc-sidebar-width, 130px) * 2)));
	min-width: 0;
	width: 100%;
}

@media screen and (max-width: 849px) {
	.qc-layout-wrapper {
		display: block;
	}

	.qc-sidebar {
		display: none !important;
	}

	.qc-main-content {
		max-width: 100%;
	}
}
/*======================= END QC Sidebars Layout ======================= */

/*======================= START CSS for Read More Feature  =======================*/
#content .gwd_notification {
		display: flex;
		align-items: center;
		background-color: #fdf2f2;
		border: 1px solid #ffcccc;
		border-radius: 4px;
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
		font-family: Arial, sans-serif;
		font-size: 14px;
		color: #333;
		overflow: hidden;
		position: relative;
		padding: 0;
		height: auto;
		background: transparent;
		color: white;
		border: unset;
		margin: 0;
}
.dv2-layout-scl.dv2-home-featured-streaming-ctn .dv2-living-room .dv2-video-inner .dv2-marquee-container .dv2-marquee-box, .dv2-layout-scl.dv2-streaming-ctn .dv2-living-room .dv2-video-inner .dv2-marquee-container .dv2-marquee-box {
    animation: unset !important;
}
.k-readmore-box {
    overflow: hidden;
    position: relative;
}
.devvn_readmore_flatsome {
    text-align: center;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    background: #9F1919; /* Update background for new color */
    padding-bottom: 10px;
}
.devvn_readmore_flatsome:before {
    height: 55px;
    margin-top: -45px;
    content: "";
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #9F1919 100%); /* Update background for new color */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #9F1919 100%); /* Update background for new color */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#9F1919 100%); /* Update background for new color */
    display: block;
}
.devvn_readmore_flatsome span {
    color: var(--color--2);
    display: block;
    font-weight: bold;
}
.devvn_readmore_flatsome span:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #fbc53c;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

/* Another preset for readmore button */
.k-readmore-box-light .devvn_readmore_flatsome {background: rgb(220, 220, 220);}
.k-readmore-box-light .devvn_readmore_flatsome:before {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgb(220, 220, 220) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgb(220, 220, 220) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgb(220, 220, 220) 100%);
}
.k-readmore-box-light .devvn_readmore_flatsome span:after {border-top-color: black;}
/*======================= END CSS for Read More Feature  =======================*/

/*************** CSS for Tablet ***************/
@media only screen and (max-width: 849px) {
    body #main .home-section-main {
			padding: 0;
	}
}

/*************** CSS for mobile ***************/
@media only screen and (max-width: 549px) {

}