@import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@300;400&family=Teko:wght@300;400&display=swap');


/* MAKES ARTICLE PAGE WIDER */

#contentbox-outer,
#contentbox-outer-nosb
		{
		max-width: 1150px;
		}

#contentbox	{
		width: 100%;
		float: left;
		margin-right: -320px;
		}

#left-content 	{ margin-right: 320px; }

.SB-width	{ width: 320px; }



/* HIDES SOCIAL LINKS !!!!!! */

.side-social	{ display: none; }



.title-article		{ color: #000000; font: 36px "Teko", arial, sans-serif; font-weight: 400; letter-spacing: 0px; line-height: normal; }

.subtitle-article	{ color: #889999; font: 20px "Teko", arial, sans-serif; font-weight: 400; letter-spacing: 0px; line-height: normal; }

.subtitle2-article	{ color: #000000; font: 30px "Teko", arial, sans-serif; font-weight: 400; letter-spacing: 0px; line-height: normal; }

.img-art	{
		width: 100%;
		max-width: 350px;
		height: auto;
		}

.img-float-left		{ float: left; margin: 5px 12px 5px 0px; }

.img-float-right	{ float: right; margin: 5px 0px 5px 12px; }

/* ARTICLE LINKS */

a.more-link:link, 
a.more-link:visited, 
a.more-link:active 	{ color: #8C9099; text-decoration: none; font-weight: 300; }

a.more-link:hover 	{ color: #0099FF; text-decoration: none; font-weight: 300; }

.nextprev-box	{
		font-size: 0px;
		text-align: center;
		border: solid #000000;
		border-width: 3px 0px 1px 0px;
		}

a.more-link	{
		color: #8C9099;
		font: 24px "Teko", arial, sans-serif;
		font-weight: 400;
		letter-spacing: 3px;
		width: 100%;
		max-width: 210px;
		display: inline-block;
		padding: 10px;
		border: solid #000000;
		border-width: 0px;
		}

a.more-link span {
		color: #000000;
		}

a.ml-left	{ border-right: 1px dotted #000000; }

.more-link div	{
		color: #000000;
		font: 18px "Teko", arial, sans-serif;
		letter-spacing: 0px;
		font-weight: 400;
		}

a.more-link2	{
		font: 26px "Teko", arial, sans-serif;
		display: inline-block;
		padding-top: 15px;
		}

a.more-link2:link, 
a.more-link2:visited, 
a.more-link2:active 	{ color: #8C9099; text-decoration: none; font-weight: 300; }

a.more-link2:hover 	{ color: #0099FF; text-decoration: none; font-weight: 300; }




.sidebar-articles	{
			font-size: 0.90em;
			line-height: normal;
			border: #999999 1px solid;
			padding: 15px;
			}

.sidebar-title-art	{
		color: #000000;
		font: 30px "Teko", arial, sans-serif;
		font-weight: 400;
		line-height: normal;
		}




/***************
START Media Queries #1 WHEN PAGE WIDTH LESS THAN 840 IS ACTIVE (FOR TABLET)
***************/
@media handheld and (max-width: 840px),
   screen and (max-device-width: 840px),
   screen and (max-width: 840px) 
	{


a.more-link:link, 
a.more-link:visited, 
a.more-link:active {
		color: #000000;
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 0px;
		max-width: 135px;
		padding: 10px 2px 10px 2px;
		}

.more-link div	{ display: none; }

#contentbox	{
		margin-right: -270px;
		}

#left-content 	{ margin-right: 270px; }

.SB-width	{ width: 270px; }



	}
/***************
END Media Queries #1
***************/