/* CSS Document */
.ccsonewsrow {
	/*margin: 0.5rem 0;*/
	min-height: 150px;
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}
.ccsonews {
	height: 105px;
	margin-bottom: 0.5rem;
}
.badge-container {
	width: 100px;
	height: 100px;
	position: relative;
	margin: 0;
	text-align: center;
}
.badge-img {
	width: 100%;
	height: 100%;
	background-color: var(--bs-dark);
	background-image: var(--bs-gradient);
	padding: 0.2rem;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 3px solid var(--bg-wht);
}
.badge-img img {
	width: 100%;
	max-width: 100px;
	background-color: #000;
	background-image: var(--bs-gradient);
	margin: 0 auto;
	padding: 0.25rem;
	border-radius: 50%;
	border: 2px solid var(--bg-ylw);
	display: flex;
	filter: drop-shadow(0px 0.2rem 0.125rem rgba(60 60 60 / 35%));
	-webkit-filter: drop-shadow(0px 0.2rem 0.125rem rgba(60 60 60 / 35%));
}
.badge-txt-cntr {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.5rem;
	color: var(--bg-pdf);
	letter-spacing: 0.10rem;
	font-weight: bold;
	filter: drop-shadow(0px 0.2rem 0.15rem rgba(60 60 60 / 75%));
	-webkit-filter: drop-shadow(0px 0.2rem 0.15rem rgba(60 60 60 / 75%));
	text-shadow: 1px 1px 0 var(--bg-ylw), 1px -1px 0 var(--bg-ylw), -1px 1px 0 var(--bg-ylw), -1px -1px 0 var(--bg-ylw), 1px 0px 0 var(--bg-ylw), 0px 1px 0 var(--bg-ylw), -1px 0px 0 var(--bg-ylw), 0px -1px 0 var(--bg-ylw) !important;
}
.badge-txt-btm {
	width: 100%;
	background: transparent;
	position: absolute;
	left: 50%;
	bottom: -36%;
	transform: translate(-50%, -50%);
	font-size: 1.5rem;
	color: var(--bg-pdf);
	letter-spacing: 0.10rem;
	font-weight: bold;
	filter: drop-shadow(0px 0.2rem 0.15rem rgba(60 60 60 / 75%));
	-webkit-filter: drop-shadow(0px 0.2rem 0.15rem rgba(60 60 60 / 75%));
	text-shadow: 1px 1px 0 var(--bg-wht), 1px -1px 0 var(--bg-wht), -1px 1px 0 var(--bg-wht), -1px -1px 0 var(--bg-wht), 1px 0px 0 var(--bg-wht), 0px 1px 0 var(--bg-wht), -1px 0px 0 var(--bg-wht), 0px -1px 0 var(--bg-wht) !important;
}
#twitter-feed, .twitter-article {
	min-height: 90px;
}
#loading-container {margin-left: 0.75rem;}
#loading-container img {
	width: 50px;
	height: 50px;
	padding: 2px;
	filter: drop-shadow(0px 5px 4px rgba(60 60 60 / 55%));
	-webkit-filter: drop-shadow(0px 5px 4px rgba(60 60 60 / 55%));
	border: 2px dashed var(--bg-gry);
	border-radius: 50rem;
	box-shadow: 0px 0px 0px 1px var(--bg-gry) !important;
}
@media (min-width: 576px) and (max-width: 1250px) {
	.ccsonewsrow {min-height: 175px !important;}
}
@media (min-width: 0px) and (max-width: 575px) {
	.ccsonewsrow {min-height: 300px !important;}
	#twitter-feed {min-height: 150px !important;
}
}
/*
img { border:none; }  
#loading-container { padding:0px 0px 0px 0px; text-align:center; }  
#twitter-feed { width:100%; margin:auto; font-family: Arial, Helvetica, sans-serif; margin-top:0px; padding:0px; min-height:32px; overflow:auto; 
*/	

/*------ TWEAK THE BELOW IF YOU WANT TWEETS TO FADE DOWN --- */ 

/*height:90px; overflow:hidden;*/ } 
/*
#twitter-feed h1 { color:#5F5F5F; margin:0px; padding:9px 0px 9px 0px; font-size:18px; font-weight:lighter; }  
#twitter-header { background-color:#FFF; position:relative; z-index:2; }  
.twitter-article, #loading-container { width:92%; float:left;}  
.twitter-pic { position:absolute; }  
.twitter-pic img { float:left; border-radius:7px; border:none; } 
*/

/* -------- TEXT STYLING ------*/ 
/*
.twitter-text { width:100%; float:left; font-size:12px; padding-left:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }  
.twitter-text p { margin:0px; line-height:14px; }  
.twitter-text a, h1 a { color: #00acee; text-decoration: none; } 
.twitter-text a:hover, h1 a:hover { text-decoration: underline; color: #00acee; } 
.tweet-time { font-size:12px; color:#878787; float:right; } 
.tweet-time a, .tweet-time a:hover { color:#878787; }  
.tweetprofilelink a { color:#444; } 
.tweetprofilelink a:hover { color:#444; } 
*/

/* -------- FEED ACTIONS ------*/  
/*
#twitter-actions { width:75px; float:right; margin-right:5px; margin-top:3px; display:none; } 
.intent { width:25px; height:16px; float:left; } 
.intent a{ width:25px; height:16px; display:block; background-image:url("../../../../twitter-feed/images/tweet-actions.png"); float:left; }  
.intent a:hover{ background-position:-25px 0px; } #intent-retweet a{ background-position:0px -17px; }  
#intent-retweet a:hover{ background-position:-25px -17px; } #intent-fave a{ background-position:0px -36px; }  
#intent-fave a:hover{ background-position:-25px -36px; }  
*/
/* -------- RETWEET INDICATOR ------*/ 
/*
#retweet-indicator { width:14px; height:10px; background-image:url("../../../../twitter-feed/images/tweet-actions.png"); background-position:-5px -54px; margin-top:3px; float:left; } 
.backlink { font-size:11px; text-align:center; } 
.backlink a { color:#aaa; }
*/
/*****************************************************/
/****************Styles for SMARTPHONE****************/
/*****************************************************/
/*
@media only screen and (max-width : 800px) {

#twitter-feed{
	min-height:52px;
}
}
@media only screen and (max-width : 600px) {

#twitter-feed{
	min-height:64px;
}
}

@media only screen and (max-width : 480px) {

#twitter-feed{
	min-height:74px;
}
}

@media only screen and (max-width : 320px) {

#twitter-feed{
	min-height:78px;
}
}
*/