/*==========================================
WCFCourier Style - Home Page
Last edit: 05/07/2015 - Chris Koop
==========================================*/

/* Uniform width, height for carousel items */
/* Works in IE */
.centerpiece.tabbed .image {
    display: inline-block;
    background-color: #333;
    border: 1px solid #333;
    height: 300px;
    width: 380px;
    line-height: 295px;
    text-align: center;
}

.centerpiece.tabbed .image img {
    display: inline-block;
    max-height: 350px;
    max-width: 380px;
    width: auto;
    vertical-align: middle;
}

/* OLD */
/* Uniform width, height for carousel items */
/* Doesn't work in IE */
/* .centerpiece.tabbed .image img {
    max-height: 350px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 380px;
}

.centerpiece.tabbed .image {
    background-color: #333;
    border: 1px solid #333;
} */


/* Add space between hot topics and pencil ad */
.hot-topics-container {
    padding-top: 5px;
}


/* Featured breaking banner */
.featured_news_banner #breaking-news {
    background: #555;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.featured_news_banner #breaking-news .breaking-label {
    border-right: 1px solid #FFF;
    background: #6D0101;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#333), to(#444));
    background-image: -moz-linear-gradient(top, #333, #444);
    background-image: -ms-linear-gradient(top, #333, #444);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #444));
    background-image: -webkit-linear-gradient(top, #333, #444);
    background-image: -o-linear-gradient(top, #333, #444);
    background-image: linear-gradient(top, #333, #444);
}


/* Smoothness for links */
a {
    transition: all 0.2s ease-out; 
}

/* But no smoothness for these links */
#main-navigation li#home a, .tc-slider a, .more, .slider-nav a, .addthis_counter a {
    transition: all 0s ease-out; 
}

/* Remove radius around main nav */
.round4-top {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Centerpiece changes */
.centerpiece .centerpiece-nav li a {
    color: #324a5e;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #FFF;
    border-radius: 0px;
    transition: all 0s ease-out;
    transition: background-color 0.2s ease;
}

.centerpiece .centerpiece-nav li a:hover {
    color: #324a5e;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #FFF;
    border-radius: 0px;
    background: #d2d2d2;
}

.centerpiece-nav.tabs>li.active>a {
    border-bottom: 0px;
    border-top: 1px solid #324a5e;
    color: #333;
    transition: background-color 0s ease;
}

.centerpiece-nav.tabs>li.active>a:hover {
    filter: none;
    background: transparent url('http://bloximages.chicago2.vip.townnews.com/wcfcourier.com/content/tncms/live/components/lee_core_2/resources/images/arrow-down.png') bottom center no-repeat;
    padding-bottom: 12px;
    background-size: 135% 15px;
}

.centerpiece.tabbed .viewport {
    margin-top: 32px;
}


/* Make the homepage block headers stand out */
.homepage-blocks h3, .homepage-blocks-calendar h3 {
    border-top: 5px double #324a5e;
    font-size: 24px;
}

.homepage-blocks h3 {
    color: #324a5e;
    padding: 10px 10px 10px 5px;
}

/* What's New box */
.whats-new {
    margin-top: 25px;
}

.whats-new h3 {
    color: #333;
}

.homepage-blocks-calendar h3 {
    padding: 10px 10px 10px 75px;
}

.homepage-blocks h3 a, .homepage-blocks-calendar h3 a, .homepage-rail h3 a {
    color: #324a5e;
}


.homepage-blocks .title-links a, .homepage-rail .title-links a {
    color: #324a5e;
    font-weight: bold;
}

.story-bucket .title-links, .homepage-rail .title-links {
    margin-top: -42px;
}

.homepage-blocks h3 a:hover, .homepage-rail h3 a:hover {
    color: #000;
}

.homepage-blocks .title-links a:hover {
    color: #000;
}


/* Homepage rail tweaks */
.homepage-rail h3, #follow-us .slim h3 {
    clear: both;
    color: #333;
    padding: 10px 10px 10px 5px;
    font-size: 18px;
    border-top: 2px solid #324a5e;
    background-color: #FFF;
    line-height: 20px;
}

#follow-us .slim h3 {
    border-bottom: 1px solid #e0e0e0;
}

#follow-us .well-caption > a:hover {
    background-color: #324a5e;
}

.rightstory .index-list-container :first-child {
    border-top: 0
}

.rightstory .index-list-item {
    padding-top: 0;
}

.dark-gradient {
    background-image: none;
}

/* Prevent image in highlight box from being too long */
.highlight_box .index-list-container .index-list-item img {
    max-height: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

/* Prevent images in story buckets from being too long */
.story-bucket .feature .index-image img {
    max-height: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.story-bucket .feature .index-image {
    border: 1px solid #E0E0E0;
    background-color: #363636;
}

/* Change serif text because it's hard to read */
.serif {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Change text in related box */
.asset aside .box a {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*Hide image titles on gallery pages*/
#blox-gallery-caption h1 {
    display: none;
}

/*Padding for breaking news ticker*/
#tncms-region-breaking-news-ticker {
    padding-top: 5px;
}

/*Facebook Fix*/
.at300b:hover {opacity: 1;}

/* #rightstory font size reduction */
.rightstory .excerpt {
font-size: 12px;
}

/* Main bg color */
body { background:url('http://wcfcourier.com/app/images/bg-image.jpg') repeat-x #d8d8d8;}

/* BG after leader/top nav 
.main-wrapper-container{ background: url('http://wcfcourier.com/app/images/bg-image.jpg') repeat-x; }*/

/* main content bg */
.main-body { background: #fff; }

/* default href */
a { color: #547c9d; }
a:hover { color: #333333; }

/* weather */
#site-weather { color: #666; }
#site-weather .sponsored { color: #999; }

/* top leaderboard bg */
.top-leader-wrapper { background: #333; }

/* top navigation */
.top-nav-wrapper { 
    color: #fff;
    background: #555;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#5b5b5b), to(#555));
    background-image: -moz-linear-gradient(top, #5b5b5b, #555);
    background-image: -ms-linear-gradient(top, #5b5b5b, #555);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #555));
    background-image: -webkit-linear-gradient(top, #5b5b5b, #555);
    background-image: -o-linear-gradient(top, #5b5b5b, #555);
    background-image: linear-gradient(top, #5b5b5b, #555);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5b5b', endColorstr='#555555', GradientType=0);
    z-index:5;
    width: 100%;
    margin: auto;
}
/* top nav links */
.top-nav-container a.parent { color: #ccc; }
.top-nav-container a.parent:hover { color: #eee; }

/* search */
/* expand color */
#search-dropdown a.parent { color: #666; }
/* search button */
#search-button { background-color: #666; }
#search-button:hover { background-color: #222; }
/* advanced search | color */
.adv-search span { color: #ddd; }

/* main navigation */
#main-navigation,
#scroll-nav-container {
    background: #a1b2c0; 
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#344e64), to(#4a6f8d));
    background-image: -moz-linear-gradient(top, #344e64, #4a6f8d);
    background-image: -ms-linear-gradient(top, #344e64, #4a6f8d);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #344e64), color-stop(100%, #4a6f8d));
    background-image: -webkit-linear-gradient(top, #344e64, #4a6f8d);
    background-image: -o-linear-gradient(top, #344e64, #4a6f8d);
    background-image: linear-gradient(top, #344e64, #4a6f8d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#344e64', endColorstr='#4a6f8d', GradientType=0);
}

#scroll-nav-container {
    height: 44px;
}


/* Get the home button looking right */
#main-navigation li#home a {
    background-position: 7px 12px;
}

#main-navigation li#home a:hover {
    background-position: 7px -19px;
}

/* link style */
#main-navigation li a.parent { 
    color: #fff; 
    border-left: 1px solid #a1b2c0; 
    border-right: 1px solid #333;
}

#main-navigation li a.parent:hover { background-color: #344e64; border-bottom: 2px solid #344e64;}

#main-navigation li a.parent {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
}

/* unselected styles */
#main-navigation li a.parent { 
    border-top: 2px solid #344e64;
    border-bottom: 2px solid #4a6f8d;
}

.menu-dropdown, .dropdown-menu {
    top: 44px;
}

/* selected styles */
#main-navigation li a.parent.selected { 
    background: #fff; 
    color: #000; 
    border-top: 2px solid #344e64;
    border-bottom: 2px solid #FFFFFF;
}



/* classified navigation */
#main-navigation ul{ width: 100%; margin-right:0; }
/* 
#get-it-nav, #jobs-nav, #homes-nav, #classifieds-nav, #cars-nav {background:#ffda21;}
#get-it-nav {  background-color: #9ec939; }
#cars-nav {background:#333333; padding-right:5px; border-right:0px;}

#main-navigation li#get-it-nav a, #main-navigation li#jobs-nav a, #main-navigation li#homes-nav a, #main-navigation li#classifieds-nav a {color: black; text-shadow: 0 0px 0px rgba(0, 0, 0, 0);}
#main-navigation li#cars-nav a {color:white; text-shadow: 0 0px 0px rgba(0, 0, 0, 0); border-right:0px;}

#main-navigation li#jobs-nav a:hover, #main-navigation li#homes-nav a:hover, #main-navigation li#classifieds-nav a:hover {background: #d4b000;}
#main-navigation li#get-it-nav a:hover {background:#708f27;}
#main-navigation li#cars-nav a:hover {color:#FFFFFF; background:#333333; border-bottom: 2px solid #FFF; border-right:0px;}

#main-navigation li#jobs-nav a.parent.selected, #main-navigation li#homes-nav a.parent.selected, #main-navigation li#classifieds-nav a.parent.selected {background:#fff; color:#000; border-top: 2px solid #ffda21;}
#main-navigation li#get-it-nav a.parent.selected {background: #fff; color: #000; border-top: 2px solid #9ec939;}
#main-navigation li#cars-nav a.parent.selected {background:#fff; color: #000; border-top:2px solid #333333; border-right:0px;}
*/

/* Border
#main-navigation li#jobs-nav a.parent, #main-navigation li#homes-nav a.parent, #main-navigation li#classifieds-nav a.parent {
    border-top: 2px solid #ffda21;
    border-bottom: 2px solid #ffda21;
}
#main-navigation li#get-it-nav a.parent {border-top: 2px solid #9ec939; border-bottom: 2px solid #9ec939;}

#main-navigation li#cars-nav a.parent {border-bottom: 0px solid #333; border-right:0px;}
#main-navigation li#cars-nav {border-bottom: 2px solid #333; border-right:0px;}
*/
/* Hover 
#main-navigation li#jobs-nav a:hover, #main-navigation li#homes-nav a:hover, #main-navigation li#classifieds-nav a:hover {
    background: #d4b000;
    border-top: 2px solid #d4b000;
    border-bottom: 2px solid #d4b000;
}
#main-navigation li#get-it-nav a:hover {
    background:#708f27;
    border-top: 2px solid #708f27;
    border-bottom: 2px solid #708f27;
}
#main-navigation li#cars-nav a:hover {color:#FFFFFF; background:#333333; border-right:0px;}
*/
/* Selected 
#main-navigation li#jobs-nav a.parent.selected, #main-navigation li#homes-nav a.parent.selected, #main-navigation li#classifieds-nav a.parent.selected {
    background:#fff;
    color:#000;
    border-top: 2px solid #ffda21;
    border-bottom: 2px solid #FFFFFF;
}

#main-navigation li#get-it-nav a.parent.selected {background: #fff; color: #000; border-top: 2px solid #9ec939; border-bottom: 2px solid #FFFFFF;}
#main-navigation li#cars-nav a.parent.selected {background:#fff; color: #000; border-top: 2px solid #333333; border-bottom: 2px solid #FFF;; border-right:0px;}
*/
/* simple dropdown styles */
#main-navigation li ul.subnav.no-media a:hover { 
    background: #eee; 
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eee));
    background-image: -moz-linear-gradient(top, #f7f7f7, #eee);
    background-image: -ms-linear-gradient(top, #f7f7f7, #eee);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #eee);
    background-image: -o-linear-gradient(top, #f7f7f7, #eee);
    background-image: linear-gradient(top, #f7f7f7, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eeeeee', GradientType=0);
}

/*
#main-navigation li#cars-nav ul.subnav.no-media a:hover, #main-navigation li#jobs-nav ul.subnav.no-media a:hover, #main-navigation li#homes-nav ul.subnav.no-media a:hover, #main-navigation li#classifieds-nav ul.subnav.no-media a:hover, #main-navigation li#get-it-nav ul.subnav.no-media a:hover { 
    background: #eee; 
    color:#000000;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eee));
    background-image: -moz-linear-gradient(top, #f7f7f7, #eee);
    background-image: -ms-linear-gradient(top, #f7f7f7, #eee);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #eee);
    background-image: -o-linear-gradient(top, #f7f7f7, #eee);
    background-image: linear-gradient(top, #f7f7f7, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eeeeee', GradientType=0);
}
#main-navigation li#cars-nav ul.subnav.no-media a, #main-navigation li#jobs-nav ul.subnav.no-media a, #main-navigation li#homes-nav ul.subnav.no-media a, #main-navigation li#classifieds-nav ul.subnav.no-media a, #main-navigation li#get-it-nav ul.subnav.no-media a { 
    background: #ffffff; 
    color:#000000;
}
*/

/* footer */
#site-footer {  color: #fff;  }
#footer-navigation { background: #222;  }
#site-footer a { color: #aaa; }
#site-footer h5 { color: #fff; }
#site-footer ul { border-bottom: 1px dotted #444; }
#site-copyright {  background: #000; }


/* submit button */
.btn.primary {
    background: #333; 
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#666), to(#444));
    background-image: -moz-linear-gradient(top, #666, #444);
    background-image: -ms-linear-gradient(top, #666, #444);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #444));
    background-image: -webkit-linear-gradient(top, #666, #444);
    background-image: -o-linear-gradient(top, #666, #444);
    background-image: linear-gradient(top, #666, #444);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444', GradientType=0);
}

/* Todays Deal HP block */
.dealWidget {background:#fafce3; font-family:Arial, Helvetica, sans-serif;}
.dealBar a {display:block; height:100%; background:url(http://wcfcourier.com/app/todays-deals/graphics/TodaysDeal_logo-300.jpg) no-repeat #ffffff;}
.dealBar {width:100%; height:85px; overflow:hidden;}
.dealBody {padding:0 5px 5px;}
/* Todays Deal HP block */

.bull-list { margin: 0; }
.bull-list li { border-bottom: 1px solid #ddd; }
.bull-list li:first-child{ border-top: 1px solid #ddd; }
.bull-list li a { display: block; padding: 5px; }
ul.bull-list { list-style: none !important; }

.labelsimple { float: right; padding: 0 0 0 5px; margin: 6px 0 0 0; font-weight: bold; font-size: 11px; }

.highlight_box { margin: 5px 0 25px 0; background-color: rgba(176, 196, 222, 0.1); border-bottom: 1px solid #ddd; padding: 0 5px 0 5px; }

.centerpiece p.byline { display: none; }

.top-nav-container a.parent:hover { color: #eee; }

.cal-search-container {
    background-color: #547C9D;
}

.cal-search label {
    width: 140px;
}

.topbar div > ul a, .nav a {
    padding: 10px 5px 11px 6px;
}

#hot-topics .topic-label {
    background: #B22222;
}

/* navigation ad */
#site-header{ position:relative; }
.navigation-ad{ width: 55px; height:30px; position:absolute; right:5px; bottom:5px;}


/*=======================================
- Mobile Touch Styles
=======================================*/

#mt #mobile-header .button,
#mt .mobile-navigation { background-color: #344E64 !important; }
#mt #mobile-footer { background-color: #cccccc !important; text-align: center !important; }
#mt #mobile-footer > div { margin: 0 auto !important; }

/*TileAds Styles*/
#div-gpt-ad-tile_one {float:left; width:120px; margin:10px 15px;}
#div-gpt-ad-tile_two {float:left; width:120px; margin:10px 15px;}