/*
Theme Name: FCC Top News
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Top News Theme
Author: MVP Themes
Author URI: http://themeforest.net/user/mvpthemes
Version: 1.08
Template: topnews1.08
*/

@import url("../topnews1.08/style.css");

@media screen and (max-width: 479px) {
	.featured-multi-sub, .story-contain {
		height: 155px !important;
	}
}

#foot-top{
display:none;
}
#foot-copy{
line-height: 18px;
}
#foot-copy A:hover {
color: #00aeef;
}

/*--------------------------------------------------------------
# Search Results
--------------------------------------------------------------*/

.story-contain {
	background: #474747 !important;
}

.story-contain.no-thumb .story-contain--inner:after, .story-contain.no-thumb .story-contain--inner:before {
  content: '';
  position: absolute;
  top: 33%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: -1; /* TODO FIX: (default 0 or 1) had to hide the shapes as temp fix for link issue */
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.story-contain.no-thumb .story-contain--inner:after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media screen and (max-width: 2000px) {
	.story-contain.no-thumb .story-contain--inner:after, .story-contain.no-thumb .story-contain--inner:before {
		height: 150%;
	}
}
@media screen and (max-width: 1440px) {
	.story-contain.no-thumb .story-contain--inner:after, .story-contain.no-thumb .story-contain--inner:before {
		height: 100%;
	}
}
@media screen and (max-width: 1277px) {
	.story-contain.no-thumb .story-contain--inner:after, .story-contain.no-thumb .story-contain--inner:before {
		height: 230%;
	}
}
@media screen and (max-width: 768px) {
	.story-contain.no-thumb .story-contain--inner:after, .story-contain.no-thumb .story-contain--inner:before {
		height: 70%;
	}
}

@media screen and (max-width: 479px) {
	.story-contain.no-thumb .story-contain--inner:after, .story-contain.no-thumb .story-contain--inner:before {
		height: 200%;
	}
}

@media screen and (max-width: 320px) {
	.story-contain.no-thumb .story-contain--inner:after, .story-contain.no-thumb .story-contain--inner:before {
		height: 150%;
	}
}