/**
Theme Name: illumi (Astra Child)
Author: Factors Group
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thc
Template: astra
*/


/* Default blog collection */
/*

--ast-global-color-0: #ffffff; white
--ast-global-color-1: #db2c56; red
--ast-global-color-2: #f7c000; yellow
--ast-global-color-3: #339941; green
--ast-global-color-4: #0b1516; charcoal
--ast-global-color-5: #ffffff; white
--ast-global-color-6: #D1D5DB; gray
--ast-global-color-7: #000000; black
--ast-global-color-8: #7512b2; purple
*/

body.blog .ast-archive-entry-banner .ast-container h1,
body.archive .ast-archive-entry-banner .ast-container h1 {
	font-weight: 700;
	font-size: 2.66666666667rem;
	line-height: 1.25;
	padding-left: 10px;
	border-left: 8px solid var(--ast-global-color-1);
}

/* Default blog filtering */

/* BEGIN: TITLE STYLES */
.title-red h2, 
.title-red .uagb-heading-text,
.title-red .gsection_title {
	border-left: 8px solid #DB2C56;
	padding-left: 10px;
}
.title-green h2, 
.title-green .uagb-heading-text,
.title-green .gsection_title
{
	border-left: 8px solid #339941;
	padding-left: 10px;
}
.title-yellow h2, 
.title-yellow .uagb-heading-text,
.title-yellow .gsection_title
{
	border-left: 8px solid #F7C000;
	padding-left: 10px;
}
.title-purple h2, 
.title-purple .uagb-heading-text,
.title-purple .gsection_title
{
	border-left: 8px solid #47195D;
	padding-left: 10px;
}
.title-teal h2, 
.title-teal .uagb-heading-text,
.title-teal .gsection_title
{
	border-left: 8px solid #247178;
	padding-left: 10px;
}
/* END: TITLE STYLES */

/* Border Overrides */

.border-color-red > * {
	border-color: #DB2C56 !important;
}
.border-color-green > * {
	border-color: #339941 !important;
}
.border-color-yellow > * {
	border-color: #F7C000 !important;
}
.border-color-purple > * {
	border-color: #47195D !important;
}
.border-color-teal > * {
	border-color: #247178 !important;
}

/* BEGIN Utility Style Classes */

/* apply "thc-button-list" to any container with links */
.thc-button-list a {
    font-size: 12px;
    color: var(--ast-global-color-1);
    line-height: 1.5em;
    white-space: nowrap;
    margin: 10px 0.25em 0px 0;
    padding: 0.25em 0.75em;
    border-radius: 1em;
    background: rgb(255, 242, 251);
    transform: all 400ms ease;
}
.thc-button-list a:hover,.thc-button-list a:active  {
    font-size: 12px;
    color: white;
    background: var(--ast-global-color-1);
}
/* END Utility Styles */

.ast-post-filter ul {
	margin-bottom: 40px;
}

.ast-post-filter ul li {
	display: grid;
    row-gap: 24px;
}

.ast-post-filter ul li.ast-post-filter-single:not(.active) {
    color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-1);
	
}

.ast-post-filter .ast-post-filter-single {
	font-size: 16px;
	border-radius: 10px;
	background-color: var(--ast-global-color-4);
	font-weight: 700;
	line-height: 1em;
    padding: 10px 20px;
}
.ast-post-filter ul li.ast-post-filter-single:not(.active):hover {
	background-color: var(--ast-global-color-4);
}

.entry-meta, .content-duration {display: inline-block;}


/* Make the first post wide */
@media (min-width:922px) {
	.ast-row article.post.ast-width-50,
	.ast-row article.post.ast-width-md-66 {
		width: 33.3333333333% !important;
	}
}

/* Glossary and Video template */

body.post-template-video h1.entry-title,
body.single-glossary-terms h1.entry-title {
    font-weight: 700;
	font-size: 1.65rem;
	line-height: 1.25;
	padding-left: 10px;
	border-left: 8px solid #dc2c56;
}

body.single-glossary-terms h1.entry-title,
body.page-template-page-glossary-terms h1.entry-title  {
	color: #222;
	font-family: "Merriweather";
	font-size: 1.95rem !important;
	line-height: 1.25;
	-webkit-hyphens: auto;
	hyphens: auto;
	overflow-wrap: break-word;
	word-break: break-word;
}

/* Glossary Content */

@media only screen and (min-width: 400px) {
	body.single-glossary-terms h1.entry-title,
	body.page-template-page-glossary-terms h1.entry-title  {
		font-size: 2.66666666667rem !important;
	}
}

@media only screen and (min-width: 993px) {
	body.single-glossary-terms #primary {
		margin: 0;
	}
}

@media only screen and (min-width: 1200px) {
	body.post-template-video h1.entry-title {
		margin-top: 1.8rem;
	}
}
.single-glossary-terms header.entry-header  .entry-meta {
	display: none;
}

h2.a-z-heading {
	display: block;
	padding-left: 10px;
	border-left: 8px solid #ccc;
	color: #5d6562;
	line-height: 1.25;
	font-size: 1.4rem;
}

.az-nav ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.az-nav ul li {
    margin-right: 10px;
}

.az-nav ul li a {
    text-decoration: underline;
	text-underline-offset: 15%;
    font-weight: 700;
}
@media (max-width: 768px) {
	.az-nav ul li a {
		padding: .35rem;
	}
}

.terms-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.terms-list li {
    margin-bottom: 10px;
}
.az-nav ul li.disabled {
    color: #ccc;
    cursor: default;
    pointer-events: none;
}

.terms-list li {
	margin-bottom: 0;
}


.terms-list {
    display: grid;
	gap: .75rem;
    grid-template-columns: repeat(1, 1fr);
    list-style: none;
    padding: 0;
	margin-bottom: 3rem;
}

@media (min-width: 768px) {
    .terms-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) and (max-width:1023.5px) {
	.terms-list li:nth-child(odd) {
		margin-right: 1rem;
	}
}

@media (min-width: 1024px) {
    .terms-list {
        grid-template-columns: repeat(3, 1fr);

    }
}

.terms-list li a {
    text-decoration: none;
    display: block;
    padding: 10px;
	line-height: 1.5;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.terms-list li a:hover {
    background-color: #e9e9e9;
}

article.glossary-terms {
	position: relative;
}

a.back-link {
	font-size: .7222222222rem;
	color: #444;
	font-weight: 700;
	font-family: 'Manrope', sans-serif;
/* 	text-underline-offset: 4px; */
}

@media (min-width: 768px) {
	a.back-link {
		position: absolute;
		top: 56px;
		right: 46px;
	}
	article.glossary-terms .entry-header  {
		width: 80%;
	}
}


/* Tabs */

.tab-wrapper {
	background: black;
}
.tabs, .tabs-nav {
    width: 100%;
    max-width: 1200px;
    margin: 1rem auto 0;
}

.tabs-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 1rem auto;
}

.tabs-nav .tab-link {
    font-weight: 700;
}

.tabs-nav .tab-link:before {
	content: "\25B6";
	padding-right: 0.5em;
}

.tabs-nav .tab-link.active {
	display: none;
}

.tabs-content .tab-content {
    display: none;
    padding: 0;
    border: none;
    background-color: #fff;
}

@media (max-width: 1280px) {
	.tabs-nav  {
		margin-left: 8px;
	}
}

/* Active Content */
.tabs-content .tab-content.active {
    display: block;
}


/* Restricted Area */

.restriction-wrapper {
	background-color: #fff;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; 
	max-height: 675px;
	display: grid;
	place-items: center;
	border: 1px solid #e0e0e0;
/* 	background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); */
}

.restriction-inner {
	text-align: center;
	padding: 1rem 2rem;
}

body.single-post div.entry-content .restriction-inner h2.restriction-header {
	margin: 0 0 1rem 0 !important; 
}

/* Medical conditions */

.trail-items li::after {
  content: "\203a";
}

.page-child h3.uagb-heading-text a {
	text-decoration: none;
}

.medical-condition-header {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.25;
	padding-left: 10px;
	border-left: 8px solid #dc2c56;
	margin-bottom: 2rem;
}

.rounded-featured-img {
	overflow: hidden;
	border-radius: 15px;
}
.rounded-featured-img img {
	transform: scale(1);
    transition: transform .5s ease;
}

.wrapper-linked:hover .rounded-featured-img img {
	transform: scale(1.1);
}

.meta-wrapper {
	display: flex;
	row-gap: 0;
    column-gap: 0;
}

.meta-details {
	line-height: 1.25;
	font-size: 14px;
}
.recent-video-publish {
	padding-left: 3px !important;
}

.related-articles-heading, .recent-video-headers {
	padding-top: 0 !important;
}

.related-articles-heading .uagb-heading-text,
.recent-video-headers .uagb-heading-text,
.related-articles-heading .uagb-heading-text > a, 
.recent-video-headers .uagb-heading-text > a {
    font-weight: 700;
	font-size: 1.11111111111rem;
	line-height: 1.23em;
}

.wrapper-linked h3.uagb-heading-text > a {
	color: inherit;
	transition: color 1s linear-gradient;
}

.wrapper-linked:hover h3.uagb-heading-text > a {
	color: var(--ast-global-color-1);
}

.related-article-excerpt {
    line-height: 1.7;
    margin-bottom: 1rem;
    overflow: hidden;
}

@supports (-webkit-line-clamp: 1) {
    .related-article-excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 4;
		line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}

.post-time-subheading > p.uagb-heading-text,
.post-author-subheading > p.uagb-desc-text {
	position: relative;
	padding-left: 24px;
	font-size: 0.8rem;
	line-height: 1.75;
	color: #424242;
}

.post-time-subheading > p.uagb-heading-text::before {
	position: absolute;
	top: 6px;
	left: 0;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23424242" viewBox="0 0 512 512"><path d="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.post-author-subheading p.uagb-desc-text::before {
	position: absolute;
	top: 5px;
	left: 2px;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23424242" viewBox="0 0 384 512"><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.page-parent .entry-title,
.page-child .entry-title,
.single-health-condition h1.uagb-heading-text {
	font-weight: 700;
	font-size: 2.66666666667rem !important;
	line-height: 1.25;
	padding-left: 10px;
	border-left: 8px solid #FFCA28;
	margin-bottom: 4rem;
}


h2.medical-condition-header > a {
	text-decoration: none !important;
	color: var(--ast-global-color-4);
}

.medical-condition-header-sml {
	font-weight: 700;
	font-size: 1.75rem;
}

.ast-breadcrumbs .trail-items a {
	font-weight: 700;
}
.trail-item.trail-end {
	font-weight: 700;
}
.ast-breadcrumbs .trail-items a:hover { 
	color: var(--ast-global-color-4);
}

.medical-conditions {
	margin-bottom: 2rem;
}

.medical-conditions .uagb-loop-container {
	gap: 0 32px;
}

.medical-conditions .uagb-loop-post {
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 1200px) {
	.medical-conditions {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

.medical-conditions .uagb-heading-text a {
	font-size: 1.15rem;
	display: block;
	text-decoration: none;
	color: var(--ast-global-color-4);
	
}


/* Catergories */

.browse-by-categories .uagb-toc__wrap {
    border: none;
    padding: 0;
}

.browse-by-categories .uagb-toc__title {
	display: none;
}

.browse-by-categories ol.uagb-toc__list {
    display: flex;
    margin: 0;
}

.browse-by-categories ol.uagb-toc__list li.uagb-toc__list { 
    list-style-type: none !important;
}

.browse-by-categories .uagb-toc__list-wrap ol li a {
    display: flex;
    color: white;
    margin-right: 8px;
    font-size: 16px;
    border-radius: 10px;
    background-color: var(--ast-global-color-1);
    font-weight: 700;
    line-height: 1;
    padding: 10px 20px;
}

.browse-by-categories .uagb-toc__list-wrap ol li a:hover {
	color: white;
	background-color: var(--ast-global-color-4);
	border-color: var(--ast-global-color-4);
}

/* .post-content.ast-grid-common-col {
}

.ast-blog-featured-section.post-thumb.ast-blog-single-element {
} */

.post-content.ast-grid-common-col .entry-title.ast-blog-single-element{
    margin-left: -23px;
    margin-bottom: 2px;
}

.post-content.ast-grid-common-col .entry-header.ast-blog-single-element.ast-blog-meta-container{
    margin-left: -23px;
    line-height: 1.8;
    margin-bottom: 0;
}
.post-content.ast-grid-common-col .entry-header.ast-blog-single-element.ast-blog-meta-container .content-duration {
    margin-bottom: 0;
}

.ast-blog-single-element.ast-taxonomy-container.cat-links.badge {
    margin-left: -23px;
}

/* Post Type Archives Overrides */
.ast-article-post .post-thumb-img-content  {
	border-radius: 15px;
}

.entry-header {
	font-weight: 400;
}

.content-duration,
.entry-meta, .entry-meta * {
	color: #3b3b3b;
}

.ast-blog-layout-4-grid .ast-article-inner, .ast-blog-layout-5-grid .ast-article-inner, .ast-blog-layout-6-grid .ast-article-inner {
    box-shadow: none;
}

.homepage-posts a.uagb-image-ratio-inherit {
	overflow: hidden;
	border-radius: 15px;
}

.homepage-posts .uagb-post__inner-wrap img {
	transform: scale(1);
    transition: transform .5s ease;
}
.homepage-posts .uagb-post__inner-wrap:hover img,
.homepage-posts .uagb-post__inner-wrap:active img {
	transform: scale(1.1);
}
.homepage-posts .uagb-post__inner-wrap:hover a{
	color: var(--ast-global-color-1);
}
/* 
.homepage-posts  h2.uagb-post__title.uagb-post__text {
	font-size: 1.11111111111rem;
	font-weight: 700;
    line-height: 1.23em;
	margin-bottom: -6px;
    padding-bottom: 0; 
} 
	*/

/* @media (min-width: 992px) {
	.homepage-posts  h2.uagb-post__title.uagb-post__text {
		margin-left: -16px;		 
	}
	.homepage-posts .content-duration {
		margin-left: -16px;
	}
} */

.homepage-posts .uagb-post__inner-wrap {
	background: transparent;
}

.homepage-posts .uagb-post__taxonomy {
    font-size: 0;
}

.homepage-posts .uagb-post__taxonomy {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.homepage-posts .uagb-post__taxonomy a {
	display: inline-block;
	padding: 4px 8px;
    border-radius: 3px;
    font-weight: 400;
	font-size: 0.777777777778rem;
	color: white !important;
    border-color: var(--ast-global-color-1);
    background-color: var(--ast-global-color-1);
	margin-right: 8px;
	margin-bottom: 8px !important;
}
.homepage-posts .content-duration,
.content-duration,
.homepage-posts .post-time-ago,
.post-time-ago {
	font-size: 13px;
	line-height: 1; 
	margin-bottom: 1rem;
}

/* Generalize Related Post Titles */
.ast-related-posts-title {
	font-weight: bold;
}

/* BEGIN Gravity Forms */
.gf_thc-contributor .gfield--type-section {
	border-bottom: 0;
}
.gf_thc-contributor .gsection_title {
	margin-bottom: 0;
	font-weight: 700;
}
/* END Gravity Forms */


/* Related Posts Overrides */
.ast-related-post-content .entry-header .ast-related-post-title a:hover {
    color: var(--ast-global-color-1);
}

.ast-related-post-featured-section img {
    border-radius: 8px;
}

.ast-related-post-content .entry-header .ast-related-post-title {
    margin-bottom: 0.5em; 
}

.ast-related-post-content .entry-meta {
    margin-top: 0em;
}

.ast-related-post-featured-section:hover img {
    transform: scale(1.05)
}
.ast-related-post-featured-section img {
    transition: all 400ms;
}

.thc-related-post-meta-wrapper {
	display: flex;
    justify-content: left;
    flex-direction: row;
    align-items: normal;
    flex-basis: auto;
    align-content:start;
}
.thc-related-post-meta-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.thc-related-post-meta-wrapper .entry-meta {
	margin-left: 0;
	margin-right: 0;
}

/* Count down */
#countdown-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background-image: url("http://thehealthchannel.com/wp-content/uploads/revslider/homepage-header-carousel-backup/pollutions-impact-on-pollinators-16x9-2.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
	flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    background-color: white;
}

#countdown-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
}

#countdown-wrapper {
    font-family: Merriweather, Times, serif;
	padding: 24px;
	text-align: center;
}

#countdown-wrapper h1.coming-soon {
    color: white;
    display: block;
    font-family: Merriweather, Times, serif;
    font-size: 5rem;
    font-weight: 900;
    height: auto;
    line-height: 1.2;
    position: relative;
    z-index: 2; 
}
@media (max-width:600.5px) {
	
	#countdown-wrapper h1.coming-soon {
		 font-size: 2.5rem;
	}
	#countdown {
		font-size: .75rem;
	}
}

ul.section-content {
	list-style: none;
}
.section-content {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}
.time-wrap {
    margin: 10px;
}
.time {
    font-size: 2.5em;
    font-weight: bold;
    display: block;
}
.unit {
    font-size: 1.2em;
    color: #fff;
}

ul#countdown {
    display: flex;
    list-style: none;
    justify-content: center;
    align-items: center;
    margin: 0;
    z-index: 2;
}

li.time-wrap {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-right: 12px;
    color: white;
}

/* Featured Category and search results same as Slider Rev */
.main-category-wrapper {
    display: inline-block;
}

a.main-category-link {
    color: #db2c56;
    background: #fff2fb;
    padding: 2px 7px;
    border-radius: 15px;
    margin-right: 6px;
	font-size:.75rem;
}

header.entry-header.ast-blog-single-element.ast-blog-meta-container {
    margin-top: 10px;
}

/* Video Sidebar Hook */
span.sidebar-video-title {
	margin-top: .75rem;
	margin-bottom: 1rem;
	font-weight: 700;
	line-height: 1.25;
	padding-left: 10px;
	border-left: 8px solid var(--ast-global-color-2);
	font-size: 1.45rem;
    display: block;
}

.thc-sidebar-articles:hover .uagb-heading-text a {
	color: var(--ast-global-color-1);
}

.sidebar-img {
	overflow: hidden;
	border-radius: 15px;
}
.sidebar-img img {
	transform: scale(1);
    transition: transform .5s ease;
	width: 100%;
    height: auto;
    object-fit: cover;
	aspect-ratio: 16 / 9;
}

.sidebar-img:hover img,
.sidebar-img:active img {
	transform: scale(1.1);
}

.video-sidebar-title .uagb-heading-text {
	line-height: 1.25 !important;
}
.video-sidebar-meta {
	font-size: 13px;
}

/* Expert Social Media*/

.social-links {
    list-style-type: none;
    padding: 0;
	display: flex;
    justify-content: center;
	margin-top: 0 !important;
}

.social-links li {
    display: inline-block;
}

.social-links {
    list-style: none; 
    display: flex; 
    gap: 15px;
}

.social-links li {
    display: inline-block;
}

.social-links a {
    display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	padding: 10px;
    align-items: center;
    text-decoration: none;
    color: #fff;
	background-color: var(--ast-global-color-1);
}

.social-links svg {
    width: 18px;
    height: auto; 
    fill: #fff; 
}

/* Footer Social Media */
.site-footer-primary-section-4.site-footer-section.site-footer-section-4 .footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner {
	display: block;
}

/* hide margin bottom on homepage footer */
.home .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    margin-top: 0 !important;
}

/* about us team prefix */
span.uagb-team__prefix {
    line-height: 1.5 !important;
    display: block;
	margin-top: 12px;
}

/* Footer Social Media Links */

.social-media-icons-section {
	text-align: center;
}

@media (min-width:1024px) {
	.social-media-icons-section {
		text-align: right;
	}
}

.social-media-icons-section .list-inline {
	padding-left: 0;
	list-style: none;
	box-sizing: content-box;
}

.social-media-icons-section .list-inline-item {
	display: inline-block;
}

.social-media-icons-section .list-inline-item:not(:last-child) {
	margin-right: .5rem;
}

.social-media-icons-section a.social-media-icons-link {
	padding: 12px;
	background-color: #db2c56;
	display: flex;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	box-sizing: content-box;
}

.social-media-icons-section span.social-media-wrapper {
	width: 20px;
}

.social-media-icons-section .social-media-icon {
	width: 20px;
	height: 20px;
	font-size: 20px;
	overflow: hidden;
}

.social-media-icons-section svg {
	fill: #fff;
	width: 20px;
	height: 20px;
}

.visually-hidden-focusable {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.me-0 {
	margin-bottom: 0 !important;
}
.pointer-cursor {
	cursor: pointer !important;
}

#tdn-content h5 a {
	text-decoration: none !important;
}
#tdn-content .tdn-content-block:hover .tdn-post-title h5.uagb-heading-text a {
	color: var(--ast-global-color-1) !important;
}

#tdn-content .tdn-content-block .tdn-featured-img {
	object-fit: cover;
	overflow: hidden;
	border-radius: 15px;
}
@media (min-width:990px) {
	#tdn-content .tdn-content-block .tdn-featured-img {
		width: 70%;
	}
}

#tdn-content .tdn-content-block .tdn-featured-img img {
	transform: scale(1);
    transition: transform .5s ease;
}

#tdn-content .tdn-content-block:hover .tdn-featured-img img {
	transform: scale(1.1);
}

#tdn-background {
	background-size: cover;
    background-position-y: 0;
	background-position-x: 0;
	
}

@media (max-width:767px) {
	#tdn-background {
		background-image: none;
	}
	
}

@media (min-width:990px) {
	#tdn-background {
		background-size: cover;
	}
}

@media (min-width:1800px) {
	#tdn-background {
		background-position-x: right;
	}
}

@media (min-width:1800px) {
	#tdn-background {
	background-size: 80%;
	
	}
}

/* css gradient for The Daily News mobile */
.tdn-mobile-hero-wrapper {
	position: relative;
}
.tdn-mobile-hero-wrapper::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.25115983893557425) 26%, rgba(0,0,0,0) 42%);
	z-index: 2000;
}

/* YouTube Shorts */
.hide-modal {
	display: none !important;
  }
  
/* Fullscreen modal styling */

#youtubeModal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.75);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.shortPlayerContainer {
	position: relative;
	z-index: 9999;
}

.shorts-responsive-wrapper {
	width: 90vw;
	max-width: 400px;
	aspect-ratio: 9 / 16;
	position: relative;
}

.shorts-responsive-wrapper iframe {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	border: none;
	position: absolute;
	top: 0;
	left: 0;
}

#youtubeModal .close-modal {
	position: absolute;
	top: -1.5rem;
	right: -1.5rem;
	cursor: pointer;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s ease;
}

#youtubeModal .close-modal:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

#youtubeModal .close-modal svg {
	fill: white;
	width: 1.2rem;
	height: 1.2rem;
}

@media (max-width: 768px) {
	body.modal-open {
	  overflow: auto !important; /* Allow scrolling on mobile */
	}
  }