@charset "utf-8";
/* CSS Document */

#mod_content {
}
#mod_content .infobox {
	background-color: #CCCCCC;
	font-size: 14px
}
#mod_content .perex {
	font-weight: bold
}

#mod_content .src_img {
	width: 100%;
	margin-right: 15px;
}
#mod_content .src_source {
	color: #141414;
	text-align: center;
	background-color: #CCCCCC;
	font-size: 14px
}
#mod_content .youtube-iframe { height: 315px }	

#mod_content .fb-like {
	margin-bottom: 15px
}
	
#mod_content .content-thumbail {
}
	#mod_content .content-thumbail img { max-width: 50%; }

#mod_content .popup {
	cursor: pointer;
	    -webkit-filter: brightness(100%);
}
#mod_content .popup:hover {
    -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#discussion {
	padding-top: 15px;
	padding-bottom: 15px;
}
	#discussion .card-body { font-size: 14px; }
	#discussion .card-body .avatar {
		width: 50px;
	}
	#discussion .card-body .react {
		display: inline-block;
		background: none;
		border: none;
		padding: 0px;
		margin: 0px;
		color: #141414; /*f0dd00*/
		text-decoration: underline;
		font-style: italic
	}
		#discussion .card-body .react:hover { 
			color: #caba04; 
			text-decoration: underline 
		}

@media only screen and (max-width: 767px){ 
	#mod_content {
	}
	#mod_content table td {
		/*display: block*/
	}
	#mod_content .youtube-iframe { height: calc(100vw/1.77); }	

}