#nav_time > ul {
	display: flex;
	gap: 16px;}

	#nav_time > ul > li {
	    width: 100%;
	    display: flex;
	    align-content: stretch;}
		
		#nav_time > ul > li > a {
			background: var(--light-background);
			color: var(--text-color);
			font-weight: bold;
			text-align: center;
			display: flex;
			justify-content: center;
			align-content: center;
			gap: 16px;
			line-height: 32px;
			padding: 16px;
			min-height: 32px;
			width: 100%;}

		#news_day #a_news_day,
		#news_week #a_news_week,
		#news_month #a_news_month {
			background: var(--active-color);}

		#nav_time > ul > li > a:hover,
		#nav_time > ul > li > a:focus,
		#news_day #a_news_day:hover,
		#news_day #a_news_day:focus,
		#news_week #a_news_week:hover,
		#news_week #a_news_week:focus,
		#news_month #a_news_month:hover,
		#news_month #a_news_month:focus {
		    color: var(--inverse-text-color);
			background: var(--main-color-on-hover);}


			@media (max-width: 825px) {
			    #nav_time > ul > li > a {
			        flex-direction: column;
			        gap: 8px;
			        justify-content: space-between;}
			        
				    #nav_time > ul > li > a > img {
				        margin: 0 auto 0 auto;}
			}

			#nav_time > ul > li > a > img {
			    object-fit: none;
  				object-position: 0 0;
  				width: 32px;
  				height: 32px;}
  			
  				#nav_time > ul > li > a:hover > img,
  				#nav_time > ul > li > a:focus > img {
  				    object-position: -32px 0px;}

#content {
    width: 96%;
    display: flex;
    flex-direction: column;
    gap: 16px;}

#content p {
    width: 80%;}

#content .li_category,
#content .li_article_holder{
    margin: auto;
       width: 100%;}
    
.li_category {
		background: var(--secondary-color);
		box-shadow: var(--main-shadow);}

	.h2_news {
	    text-align: center;
		color: var(--text-color);
		padding: 12px 0 0 0;
		margin: 4px;
		font-size: 1.25rem;
		font-weight: bold;}

	.li_article_holder {
	    background: var(--article-main-color);
		text-align: center;}
													
		#content > .li_article_holder > .details_article_holder {
		    box-shadow: var(--main-shadow);}
					
			.details_article_holder > summary {
			    background: var(--secondary-color);
				color: var(--text-color);
				padding: 16px;
				box-shadow: var(--articleholdersummary-shadow);}
			
				.details_article_holder > summary:hover,
				.details_article_holder > summary:focus,
				.details_category > summary:hover,
				.details_category > summary:focus,
				.details_see_more > summary:hover,
				.details_see_more > summary:focus {
				    background: var(--main-color-on-hover);
				    color: var(--inverse-text-color);}
								
				.details_article_holder > summary > h3 {
				    padding: 0;
					margin: 0;
					display: inline;
					font-size: 1.25rem;
					font-family: "Liberation Serif", "Roboto Serif", "Georgia", serif;
					font-weight: normal;}
		
				.img_news {
				    width: 100%;
				    max-width: 600px;
				    height: auto;
				    margin-top: 16px;}
				    
				@media (max-width: 625px) {
				    .img_news {
				        margin-top: 0;}
				}
				
			.a_main_article,
			.a_article {
			    text-align: center;
				display: flex;
				min-height: 64px;
				font-size: 1.1rem;
				align-items: center;
				justify-content: center;
				box-shadow: var(--article-shadow);
				color: var(--text-color);
				background: linear-gradient(to right, var(--link-background) 64px, var(--secondary-color) 64px, var(--secondary-color) 100%);
				box-sizing: border-box;
				padding: 8px;
				padding-left: 72px;
				position: relative;}
													
			.a_main_article {
			    width: 48%;
			    margin: auto;}

			.a_main_article:hover,
			.a_main_article:focus,
			.a_article:hover,
			.a_article:focus {
			    color: var(--inverse-text-color);
			    background: linear-gradient(to right, var(--link-background) 64px, var(--main-color-on-hover) 64px, var(--main-color-on-hover) 100%);}
															
				.a_main_article > img,
				.a_article > img {
				    object-fit: cover;
	  				object-position: 0 0;
	  				width: 64px;
	  				height: 64px;  				
	  				margin: 0px;
	  				position: absolute;
	  				left: 0;}		
				
				/*To make spans 100%*/
				.a_article {
				    height: 100%;}
				.details_article_holder > div {
				    display: flex;}	
								

			/*****Related Articles*****/
			.details_article_holder > h4 {
			    font-family: "Liberation Serif", "Roboto Serif", "Georgia", serif;
				font-size: 1rem;}
				
			.ul_related_articles {
			    padding: 16px 0;
				background: var(--article-secondary-color);
				border-top: 1px solid #888;
				display: flex;
				gap: 16px;
				justify-content: center;
				flex-flow: wrap;}
	
					.li_related_articles {
					    width: 48%;}
								
				/*****See More****/
				.details_see_more {
				    padding-bottom: 16px;
				    background: var(--article-secondary-color);}
									
				    .details_see_more > ul {
				        padding: 16px 0;
					    background: var(--article-main-color);
					    border-top: 1px solid #888;
					    display: flex;
					    justify-content: center; 
					    gap: 16px;
					    flex-flow: wrap;
					    width: 98%;
					    box-shadow: var(--main-shadow);
					    margin-bottom: 16px;}						

				    .details_see_more > summary,
				    .details_category > summary {
				        padding: 16px 2%;
				        text-align: center;}
				        
				    .details_see_more > summary {
				        box-sizing: border-box;
				        box-shadow: var(--main-shadow);
				        margin: auto;
				        width: 98%;
				        background: var(--article-main-color);}

				    .details_category > summary {
				        background: var(--article-main-color);}
		
		@media (max-width: 825px) {
			.a_main_article,
			.li_main_article,
 			.li_related_articles {
 			    width: 96%;}
   		}
		

 /*****News Sources*****/ 				
.nav_news_orgs {
    margin: auto;
	padding: 16px;
	box-sizing: border-box;
	background: var(--light-background);}

	.nav_news_orgs > h2 {
	    width: 100%;
		text-align: center;
		font-weight: bold;
		font-size: 1rem;
		font-family: "Atkinson Hyperlegible", "Verdana", "Tahoma", "Ubuntu", "Roboto", "Lucida Grande", "Cantarell", sans-serif;}	
	
	.ul_news_orgs {
	    display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-flow: wrap;
		padding: 16px;}

		.ul_news_orgs > li,
		.ul_news_orgs > li > ul {
		    display: flex;
			justify-content: center;
			gap: 8px;}
				
		.ul_news_orgs > li {
			align-items: center;
			flex-direction: column;
			min-height: 44px;}
			
			.img_newslogo {
			    display: block;}
				
			.img_newslogo:hover,
			.img_newslogo:focus {
			    position: relative;}
			
			.ul_news_orgs > li > a,
			.ul_news_orgs > li > ul > li {
			    border: 1px solid var(--main-color);
			    overflow: hidden;}
			    				
			.ul_news_orgs > li > a:focus .img_newslogo {
			    position: relative;
			    right: 48px;}



@media (prefers-color-scheme: dark) {
    #nav_time > ul > li > a > img {
        object-position: -32px 0;}
  			
  	#nav_time > ul > li > a:hover > img,
  	#nav_time > ul > li > a:focus > img {
  	    object-position: 0 0;}							
}