/*
Theme Name:   Bright News Child
Theme URI:    http://example.com/bright-news-child
Description:  A child theme of Bright News
Author:       Your Name
Author URI:   http://example.com
Template:     bright-news
Version:      1.0.0
*/

/* Add your custom styles below */

:root {
	--primary-color: #04bccc;
	--color-text:#393E46;
	--grey-text: #7F8487;
	--background-color:#fff;
	--foreground-color:#212121;
	--text-color-normal:#ffff;
	--header-color: #ef4450;
	--font-heading: "roboto";
	--font-main: "roboto";
	--font-xsmall: clamp(0.7rem, 0.13vw + 0.62rem, 0.79rem);
	--font-small: clamp(0.8rem, 0.17vw + 0.76rem, 0.89rem);
	--font-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
	--font-normal: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem);
	--font-large: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);
	--font-xlarge: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);
	--font-xxlarge: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
	--font-xxxlarge: clamp(3.05rem, 3.54vw + 2.17rem, 5rem);
}

	.section-wrapper {
		max-width: 1420px;
		margin: 0 auto;
		width: 100%;
		padding: 0px 0px;
		}


		
	.bright-news-navigation-container {
		margin: 20px;
		}
		
	@media (max-width: 991px) {
    .bright-news-navigation .bright-news-navigation-container {
        margin: 0px 20px;
        min-height: 70px;
        justify-content: space-between;
    }
	
	.section-wrapper.bright-news-container-wrapper {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px;
		}

		.post-tags .tag {
			display: inline-block;
			color: #000;
			padding: 10px 10px;
			padding-top: 12px;
			margin: 5px;
			border-radius: 15px;
			font-size: 1.2em;
			line-height: 1;
			outline: 2px solid #000;
			text-decoration: none;
			font-family: 'Arial', sans-serif; /* Ensure a font that supports emojis */
		}
		
		a:visited {
			color: #58294c;
		}