:root {
  --main-color: #BC000D;
  --main-color-on-hover: #BC000D;
  --main-color-transparent: rgba(188, 0, 13, 0.8);
  		
  --secondary-color: #FF8D94;
  
  --active-color: #333;
}

body{background: linear-gradient(to bottom right, rgba(33, 33, 33, 0.66), rgba(255, 255, 255, 0.66));}
				
	#home #a_home,
	#news_day #a_news,
	#news_week #a_news,
	#news_month #a_news,
	#archive #a_archive {
	    color: var(--inverse-text-color);}
					
	#home #a_home > img,
	#news_day #a_news > img,
	#news_week #a_news > img,
	#news_month #a_news > img,
	#archive #a_archive > img {
	    object-position: -32px 0px;}
					
/*Footer*/		
#ul_footer_links > li > a:hover,
#ul_footer_links > li > a:focus {
    color: #222;}


/*Home*/
#div_top_box,
#div_codeberg_box,
#div_fediverse_box{
    color: var(--text-color);
    background: var(--light-background);}
        
	.ul_home > li,
	#ul_codeberg > li,
	#ul_social > li {
	    background: #BD1B25;}	
	        
       .ul_home > li > div > img {
                position: relative;
	            left: -100%;}

	        		        	   	        
/*News*/
#news_day #a_news_day,
#news_week #a_news_week,
#news_month #a_news_month {
    color: var(--inverse-text-color);}
	
#news_day #a_news_day > img,
#news_week #a_news_week > img,
#news_month #a_news_month > img {
    object-position: -32px 0px;}

.a_main_article,
.a_article,
.a_news {
    --link-background: #FFF;}
		        
.a_Toronto_Star {--link-background: #176FC1;}
.a_Globe_and_Mail {--link-background: #CF1E21;}
.a_Yellowknifer {--link-background: #30333A;}
.a_The_Tyee {--link-background: #FED000;}
				
.ul_news_orgs {
	gap: 24px;}		
	
	.img_newslogo {
		    width: 128px;
		    height: 64px;}
		    	    
		 .img_newslogo:hover,
		.img_newslogo:focus {
			right: 64px;}
			
		.ul_news_orgs > li > a,
		.ul_news_orgs > li > ul > li {
		    width: 64px;}  
	

/*Archive*/
.ul_2025 #li_2025 > a, .ul_2026 #li_2026 > a, .ul_2027 #li_2027 > a, .ul_2028 #li_2028 > a, .ul_2029 #li_2029 > a, .ul_2030 #li_2030 > a, .ul_2031 #li_2031 > a, .ul_2032 #li_2032 > a, .ul_2033 #li_2033 > a, .ul_2034 #li_2034 > a, .ul_2035 #li_2035 > a, .ul_2036 #li_2036 > a,
.ul_January #li_January > a, .ul_February #li_February > a, .ul_March #li_March > a, .ul_April #li_April > a, .ul_May #li_May > a, .ul_June #li_June > a, .ul_July #li_July > a, .ul_August #li_August > a, .ul_September #li_September > a, .ul_October #li_October > a, .ul_November #li_November > a, .ul_December #li_December > a,
.ul_days #li_days > a, .ul_topics #li_topics > a,
.ul_1 #li_1 > a, .ul_2 #li_2 > a, .ul_3 #li_3 > a, .ul_4 #li_4 > a, .ul_5 #li_5 > a, .ul_6 #li_6 > a, .ul_7 #li_7 > a, .ul_8 #li_8 > a, .ul_9 #li_9 > a, .ul_10 #li_10 > a, .ul_11 #li_11 > a, .ul_12 #li_12 > a, .ul_13 #li_13 > a, .ul_14 #li_14 > a, .ul_15 #li_15 > a, .ul_16 #li_16 > a, .ul_17 #li_17 > a, .ul_18 #li_18 > a, .ul_19 #li_19 > a, .ul_20 #li_20 > a, .ul_21 #li_21 > a, .ul_22 #li_22 > a, .ul_23 #li_23 > a, .ul_24 #li_24 > a, .ul_25 #li_25 > a, .ul_26 #li_26 > a, .ul_27 #li_27 > a, .ul_28 #li_28 > a, .ul_29 #li_29 > a, .ul_30 #li_30 > a, .ul_31 #li_31 > a {
    color: var(--inverse-text-color);}
       
/*Dark Mode*/
@media (prefers-color-scheme: dark) {
    /*Footer*/
	:root{
		--main-color: #BD313B;
		--main-color-on-hover: #ff8d94;
		--main-color-transparent: rgba(188, 0, 13, 0.8);
		
		--secondary-color: #BD313B;
		
		--active-color: #BD313B;
  		--inverse-text-color: #222;
    }

	body {
	    background: #121212;}
						            										
	#home #a_home,
	#news_day #a_news,
	#news_week #a_news,
	#news_month #a_news,
	#archive #a_archive {
	    color: var(--text-color);}

	#home #a_home:hover,
	#home #a_home:focus,
	#news_day #a_news:hover,
	#news_day #a_news:focus,
	#news_week #a_news:hover,
	#news_week #a_news:focus,
	#news_month #a_news:hover,
	#news_month #a_news:focus,
	#archive #a_archive:hover,
	#archive #a_archive:focus {
		border: 2px solid var(--main-color-on-hover);}
		
	#home #a_home:hover > img,
	#news_day #a_news:hover > img,
	#news_week #a_news:hover > img,
	#news_month #a_news:hover > img,
	#archive #a_archive:hover > img {
	    object-position: 0px 0px;}
	    		    
    .ul_home > li > p > a:hover,
    .ul_home > li > p > a:focus,
    #ul_codeberg > li > p > a:hover,
    #ul_codeberg > li > p > a:focus {
        color: var(--inverse-text-color);}
        
    /*News*/
	#news_day #a_news_day,
	#news_week #a_news_week,
	#news_month #a_news_month {
	    color: var(--text-color);}
	    
	/*Archive*/
.ul_2025 #li_2025 > a, .ul_2026 #li_2026 > a, .ul_2027 #li_2027 > a, .ul_2028 #li_2028 > a, .ul_2029 #li_2029 > a, .ul_2030 #li_2030 > a, .ul_2031 #li_2031 > a, .ul_2032 #li_2032 > a, .ul_2033 #li_2033 > a, .ul_2034 #li_2034 > a, .ul_2035 #li_2035 > a, .ul_2036 #li_2036 > a,
.ul_January #li_January > a, .ul_February #li_February > a, .ul_March #li_March > a, .ul_April #li_April > a, .ul_May #li_May > a, .ul_June #li_June > a, .ul_July #li_July > a, .ul_August #li_August > a, .ul_September #li_September > a, .ul_October #li_October > a, .ul_November #li_November > a, .ul_December #li_December > a,
.ul_days #li_days > a, .ul_topics #li_topics > a,
.ul_1 #li_1 > a, .ul_2 #li_2 > a, .ul_3 #li_3 > a, .ul_4 #li_4 > a, .ul_5 #li_5 > a, .ul_6 #li_6 > a, .ul_7 #li_7 > a, .ul_8 #li_8 > a, .ul_9 #li_9 > a, .ul_10 #li_10 > a, .ul_11 #li_11 > a, .ul_12 #li_12 > a, .ul_13 #li_13 > a, .ul_14 #li_14 > a, .ul_15 #li_15 > a, .ul_16 #li_16 > a, .ul_17 #li_17 > a, .ul_18 #li_18 > a, .ul_19 #li_19 > a, .ul_20 #li_20 > a, .ul_21 #li_21 > a, .ul_22 #li_22 > a, .ul_23 #li_23 > a, .ul_24 #li_24 > a, .ul_25 #li_25 > a, .ul_26 #li_26 > a, .ul_27 #li_27 > a, .ul_28 #li_28 > a, .ul_29 #li_29 > a, .ul_30 #li_30 > a, .ul_31 #li_31 > a {
    color: var(--text-color);}
    
    #div_archive > ul > li > a:hover,
    #div_archive > ul > li > a:focus,     
    .ul_years > li > a:hover,
    .ul_years > li > a:focus,
    #ul_months > li > a:hover,
    #ul_months > li > a:focus,
    #ul_days > li > a:hover,
    #ul_days > li > a:focus,
    #ul_topics > li > a:hover,
    #ul_topics > li > a:focus,
    #ul_type > li > a:hover,
    #ul_type > li > a:focus {
        color: var(--inverse-text-color);}
}