/* --- COMICBOOK.COM BASE STYLES --- */

/*	SASS variables
	@darkBlue: #233870;
	@blue: #256295;
	@brightBlue: #14437e;
	@yellow: #f4df3f;
	@lightGrey: #f7f7f7;
*/

/* background images */
/*body.homepage { background: url(http://media.comicbook.com/uploads1/2015/04/bpchlcthkr5iohacwqjqwu-133153-640x960.png) no-repeat #f7f7f7; background-size: 100%; }*/
@media screen and (min-width: 768px) {
	/*body.homepage { background: url(http://media.comicbook.com/uploads1/2015/04/bpchlcthkr5iohacwqjqwu-133153-1280x1920.png) no-repeat #f7f7f7; background-size: 100%; }*/
}

/* header and nav */
.menu-wrapper { background-color: #233870; }
.small-nav > ul > li.social a { color: #f4df3f; }
.subnav_lst { background-color: #14437e; }
div > .search > .home { background-color: #256da9; }
.nav > div { background-color: #194c85; }
.nav > div > .navsocial_blk { background-color: #256295; }
.nav > div > div > .search { background-color: #1d619a; }
.navsocial_blk > .newsletter > a { background-color: #194c85; }
.nav_lst > li > .opened { background-color: #1d518a; }

.user_nav > span { color: #fff; }
.small-nav .usernav_blk { background-color: #1d518a; }

@media screen and (min-width: 640px) {
	.nav > div > div,
		.nav > div > menu { background-color: #1d619a; }
}
@media screen and (min-width: 768px) {
	.bottom-nav_wpr { background-color: #233870; }
	.full-nav > .large-menu > li > a:hover { background-color: #14437e; }
	.full-nav .navlst_blk .subnav_lst > li > a:hover { background-color: rgba(255,255,255,0.1); }
}

/* links */
.blue { color: #233870; }
a { color: #256295; }
@media screen and (min-width: 600px) {
	.acticle2_cmp > article > h3 > a {
	    color: #0c5ea3;
	}
}

/* inputs */
.btn { background-color: #233870; }
button,
	input[type="submit"] { background-color: #233870; }

/* sidebar headers */
.category_cmp { background-color: #233870; }
@media screen and (min-width: 768px) {
	.sidebar .cmp > header { background-color: #233870; }
}

/* database page */
.database-nav { background-color: #233870; }
.database-nav > li:hover {
    box-shadow: inset 0 -5px 0 0 #f4df3f;
}

/* article page */
.article_pg .main-article { border-top: solid 4px #233870; }
.article-scroll-list > li.active > a { color: #233870; }
.landingstrip-list > li > a > h3 { color: #005695; }
.thumbgallery_blk > .thumbgallery_lst li.active {outline: 5px solid #233870; }

/* galleries and slideshows */
section.content-gallery > div > header .start-slideshow,
	section.content-gallery > div > header .next-slideshow,
	section.photo-gallery > div > header .back-to-article,
	section.content-gallery > div > header .previous-slide,
	section.content-gallery > div > header .next-slide {
	    background-color: #233870; color: #fff; transition: color 150ms ease;
	}
section.content-gallery > div > header .start-slideshow:hover,
	section.content-gallery > div > header .next-slideshow:hover,
	section.photo-gallery > div > header .back-to-article:hover,
	section.content-gallery > div > header .previous-slide:hover,
	section.content-gallery > div > header .next-slide:hover { color: #fff; }
.thumbgallery_blk > .thumbgallery_lst li.active { outline: 5px solid #233870; }

/* movie page */
.movierankreview_blk > div > .ranking_blk > .rank { background-color: #f4df3f; color: #333; }
.movierankreview_blk > .composite_blk > .ranking_blk > a { color: #f4df3f; }
.movierankreview_blk > .composite_blk { background: rgba(219, 203, 25, 0.3) none repeat scroll 0 0; }
.movieinfo_blk > .info_blk > .movietickets > span > span { color: #f4df3f; }
.movierankreview_blk > .starrank_blk > .stars > a:hover { color: #f4df3f; }
.movieinfo_blk > .info_blk > a { color: #f4df3f; }

/* user pages */
.userprofilenav_lst > li > .active,
	.userprofilenav_lst > li > .active:hover { background-color: #233870 }
.shared_lst > li:first-of-type { background-color: #233870; }
.user-options-menu > li > .current { background-color: #233870; }
.shared_lst > li:first-of-type { border: 0; }
.thread_cmp > header { background-color: #233870; }
.socialtab_lst > li > ul > li { color: #233870; }
.socialtab_lst > li > ul > .connect_itm { background-color: #233870; }
.gallery_blk { background-color: #233870; }
.pollicon_blk { background-color: #233870; }
.poll-list > .submit_itm > input { background-color: #233870; }
.answer-list > li .bar { background-color: #233870; }
.answer-list > li .percentage { color: #233870; }
.comment-box { background: #233870; }
.comment-box:before { border-color: #233870 #233870 transparent transparent; }
.comment-box.white:before { color: #233870; }
.comment-box.white { color: #233870; }
div > .search input.gsc-search-button { background-color: #233870;}
.gsc-search-box input.gsc-search-button {  background-color: #233870; }
.socialnav_blk { background-color: #233870; }
.btn.grey { color: #233870; }
.acticle2_cmp { background-color: #233870; }
.newsletterlanding_cmp > header { background-color: #233870; }
.newsletterlanding_cmp > section > p { color: #233870; }
.newsletterlanding_cmp > section > .form_blk > a { color: #233870; }
.reply_lst > .main-topic { border-bottom: solid 3px #233870; }
.spoiler.on:before {  background-color: #233870; }
.soclogin_lst > li > a { color: #334c8f; }
.soclogin_lst.skn3 > li { background-color: #334c8f; }
.usernav_blk > header { background-color: #334c8f; }
.btn:hover { background-color: #294b82; }
@media screen and (min-width: 600px) {
	.acticle2_cmp { background: none; }
}

/* embeds */
.embed > .rating-container > .stars > .icon-star:hover { color: #ccc; text-decoration: none; }
.embed > .rating-container > .stars > .movieyellow,
	.embed > .rating-container > .stars > .starselected { color: #ccc; }