/*
Theme Name: Newsday
Theme URI: http://newsday.co.tt;
Description: This is a theme for the Newsday website.
Author: Dexter Banfield
Author URI: http://www.dexterbanfield.com
Version: 1
*/

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

/*****************************************/
/* FONTS */
/*****************************************/

@font-face {
    font-family: Decalotype-Light;
    src: url(fonts/Decalotype-Light.woff);
}

@font-face {
    font-family: Decalotype-Regular;
    src: url(fonts/Decalotype-Regular.woff);
}


@font-face {
    font-family: Decalotype-Medium;
    src: url(fonts/Decalotype-Medium.woff);
}

@font-face {
    font-family: Decalotype-Bold;
    src: url(fonts/Decalotype-Bold.woff);
}

@font-face {
    font-family: Decalotype-SemiBold;
    src: url(fonts/Decalotype-SemiBold.woff);
}

/*****************************************/
/* CSS RESET */
/*****************************************/

*,
*:before,
*:after,
*:hover,
*:active,
*:focus {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, 
body {
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}

body {
	margin-top: -50px;
}

img {
	border: 0;
}

input,
button {
	background: transparent;
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	cursor: pointer;
}

a {
	color: #F50019;
}

a:hover {
	color: #D8001F;
}

.alignleft {
	float: left;
	padding: 0 20px 20px 0;	
}

.alignright {
	float: right;
	padding: 0 0 20px 20px;	
}

.aligncenter {
	text-align: center;
	margin: 0 auto;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
 
.clearfix:after {
  clear: both;
}
 
.clearfix {
  zoom: 1; /* for IE 6 and 7 */
}

/*****************************************/
/* ROADBLOCK */
/*****************************************/

.fancybox-wrap {
	width: 50% !important;
	height: auto !important;
	z-index: 1000400 !important;
}

.fancybox-inner {
	width: 100% !important;
	height: auto !important;
}

@media all and (max-width: 768px) {
    
    .fancybox-wrap {
	   	width: 70% !important;
	} 

	.fancybox-inner {
		font-size: 14px !important;
	}
    
}

/*****************************************/
/* COMMON */
/*****************************************/

/* container */

.container {
	margin: 0 auto;
	width: 100%;
	max-width: 1260px;
}

span.hide {
	display: none;
}

/*****************************************/
/* ADD THIS */
/*****************************************/

.at4-share .at4-share-count-anchor {
	padding-bottom: 0 !important
}

.at4-share .at4-share-count, 
.at4-share .at4-share-count-container {
	display: none !important;
}

.at-share-dock .at4-count {
	display: none !important;
}

/*****************************************/
/* ADVERTISING */
/*****************************************/

.newsday-display-ad-space {
	padding: 20px;
	width: 100%;
	text-align: center;
}

.newsday-display-ad {
	margin: 0 auto;
	display: none;
}

.leaderboard-display-ad img,
.medium-rectangle-display-ad img,
.half-page-display-ad img {
	width: 100%;
	height: auto;
}

.leaderboard-display-ad img {
	margin-top: 20px;
	max-width: 728px;
}

.medium-rectangle-display-ad img,
.half-page-display-ad img {
	max-width: 300px;
}

/* centered ad space between article grids */

.ad-space-centred {
	padding: 10px;
	width: 100%;
}

.ad-space-centered ins {
	margin: 0 auto;
	display: block !important;
}

/* ad space floated left */

.ad-space-floated-left {
	margin: 0 20px 20px 0;
	clear: left;
	float: left;
}

/* ad space floated left in article grid */

.article-blocks .ad-space-floated-left {
	margin: 0 20px 20px 20px;
	clear: left;
	float: left;
}

/* ad space floated right */

.ad-space-floated-right {
	margin: 0 0 20px 20px;
	clear: right;
	float: right;
}

/* ad space for mobile only */

.mobile-only-ad {
	display: none;
}

/* large mobile ad space */
.large-mobile-ad {
	margin: 0 0 20px 0;
	clear: both;
	height: 100px;
	display: none;
}

.medium-rectangle-mobile {
	clear: both;
	height: 250px;
	background: url(images/ads/320x100-lisa-communications-large-mobile.jpg);
}

/* medium rectangle ad space */

.medium-rectangle {
	width: 300px !important;
	height: 250px !important;
}

/* half page ad space */

.half-page {
	width: 300px !important;
	height: 600px !important;
}

/* leaderboard ad space */

.leaderboard {
	padding: 20px;
}

.leaderboard ins {
	width: 728px !important;
	height: 90px !important;
}

/* sticky ad */

.sticky-ad {
	position: fixed;
	margin: 0 0 0 310px;
	left: 50%;
}

/* sticky ad bottom */

.sticky-ad-bottom {
	position: absolute;
	margin: 0 0 0 250px;
	left: 50%;
	bottom: 0;
}

/*****************************************/
/* ADD THIS */
/*****************************************/

.atss-right {
	top: 25% !important;
	left: 50% !important;
	margin: 0 0 0 630px !important;
}

/*****************************************/
/* TOP BAR */
/*****************************************/

#top-bar {
	margin: 0 auto;
	width: 100%;
	background: #c0011b;
}

/*****************************************/
/* TOP LEFT MENU */
/*****************************************/

#top-left-menu,
#top-left-menu ul,
#top-left-menu ul li,
#top-left-menu ul li a  {
	float: left;
}

#top-left-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#top-left-menu ul li a {
	padding: 10px 15px;
	font-family: Decalotype-Medium;
	font-size: 16px;
	color: #fff;
	background: #222323;
	text-decoration: none;
}

/*****************************************/
/* SOCIAL ICONS */
/*****************************************/

#social-icons {
	float: right;
	padding: 0 15px;
	font-family: Decalotype-Medium;
	font-size: 16px;
	color: #fff;
	background: #154381;
}

#social-icons a {
	padding: 8px 5px;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

/*****************************************/
/* LOGO BAR */
/*****************************************/

#logo-bar {
	margin: 0 auto;
	width: 100%;
	height: 120px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dc001f+0,d1011e+100 */
	background: #dc001f; /* Old browsers */
	background: -moz-linear-gradient(top, #dc001f 0%, #d1011e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dc001f 0%,#d1011e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dc001f 0%,#d1011e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc001f', endColorstr='#d1011e',GradientType=0 ); /* IE6-9 */
}

#under-logo-bar {
	margin: 0 auto;
	width: 100%;
	height: 100px;
	border-top: 1px solid #e57382;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0011e+0,c8021d+100 */
	background: #d0011e; /* Old browsers */
	background: -moz-linear-gradient(top, #d0011e 0%, #c8021d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d0011e 0%,#c8021d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d0011e 0%,#c8021d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0011e', endColorstr='#c8021d',GradientType=0 ); /* IE6-9 */
}

/* N Touch / today's date / today's paper / today's weather */

#n-touch,
#todays-date,
#todays-paper,
#weather {
	margin: 40px 0 0 20px;
	float: left;
	font-family: Decalotype-Medium;
	font-size: 17px;
	color: #fff;
}

/* N Touch */

#n-touch {
	margin: 25px 0 0 60px;
}

/* today's date */

#todays-date b {
	font-family: Decalotype-Bold;
	font-size: 20px;
}

/* today's paper */

#todays-paper {
	margin-top: 43px;
}

#todays-paper a {
	color: #fff;
	text-decoration: none;
}

/* today's weather */

#weather img {
	width: 20px;
	height: 20px;
}

#weather a {
	color: #fff;
	text-decoration: none;
}

/* Newsday logo in header */

#logo-bar .newsday-logo {
	padding-top: 20px;
	margin: 0 auto;
	width: 516px;
}

/*****************************************/
/* SEARCH */
/*****************************************/

#searchform {
	margin: 40px 0 0 0;
	float: right;
}

#s {
    padding: 5px 5px 5px 10px;
    float: left;
    width: 420px;
    height: 40px;
    background-color: #fff;
    font-size: 15px;
}

#searchform button {
	margin: 0 60px 0 0;
    float: left;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #0c3667;
}

#searchform button i {
	font-size: 20px;
}

/* search button for smaller width screens*/

#searchform-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 160px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e0016+0,cf011e+100 */
	background: #9e0016; /* Old browsers */
	background: -moz-linear-gradient(top, #9e0016 0%, #cf011e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #9e0016 0%,#cf011e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #9e0016 0%,#cf011e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0016', endColorstr='#cf011e',GradientType=0 ); /* IE6-9 */
	display: none;
}

#close-search {
	position: absolute;
	top: 10px;
	left: 50%;
	margin: 0 0 0 140px;
	display: none;
}

#close-search .fa-window-close {
	font-size: 20px;
	color: #fff;
}

#searchbutton {
	display: none;
}

p.search-results {
	font-size: 20px;
	text-align: center;
}

p.search-our-archives {
	text-align: center;
	font-size: 24px;
}

#redirect-to-archives {
	display: none;
}

.loader {
	margin: 0 auto;
	border: 6px solid #ddd;
	border-radius: 50%;
	border-top: 6px solid #333;
	width: 60px;
	height: 60px;
	-webkit-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*****************************************/
/* SEARCH AND CATEGORY PAGE NAVIGATION */
/*****************************************/

.navigation.pagination {
	clear: both;
	margin: 0 0 20px 0;
	text-align: center;
}

h2.screen-reader-text {
	display: none;
}

.nav-links {
	text-align: center;
}

.nav-links span.page-numbers.current,
.nav-links a.page-numbers {
	padding: 5px 10px;
	font-family: Decalotype-Medium;
	font-size: 20px;
	color: #fff;
	background: #272224;
	text-align: center;
	display: inline-block;
}

.nav-links a.page-numbers {
	color: #272224;
	background: #efefef;
}

/*****************************************/
/* MAIN CONTENT */
/*****************************************/

#main-content {
	margin: -100px auto 0 auto;
	width: 100%;
	max-width: 1260px;
}

/*****************************************/
/* MAIN MENU */
/*****************************************/

.ubermenu.ubermenu-main {
	margin-bottom: 55px !important;
}

/* top level menu items */

.ubermenu-item-level-0.ubermenu-active {
	background: #a10318 !important;
}

.ubermenu-item-level-0 .ubermenu-target {
	/*padding: 15px 41px !important;*/
	/*padding: 15px 59px !important;*/
	padding: 15px 45px !important;
}

.ubermenu-item-level-0 .ubermenu-target:after {
	display: none !important;
}

/* all sections */

.ubermenu-item-level-0 .ubermenu-target.all-sections {
	padding: 15px 49px !important;
}

.all-sections .ubermenu-item-level-2 .ubermenu-target {
	padding: 5px 20px !important;
}

.ubermenu-item-level-0 .ubermenu-item-level-1 .ubermenu-target:after,
.ubermenu-item-level-0 .ubermenu-item-level-2 .ubermenu-target:after {
	display: block !important;
}

/* padding for menu items other than top level menu items */

.ubermenu-item-level-1 .ubermenu-target,
.ubermenu-item-level-2 .ubermenu-target,
.ubermenu-item-level-3 .ubermenu-target {
	padding: 15px 20px !important;
}

/* make submenu appear over just in */

.ubermenu, 
.ubermenu .ubermenu-column, 
.ubermenu .ubermenu-divider, 
.ubermenu .ubermenu-item, 
.ubermenu .ubermenu-nav, 
.ubermenu .ubermenu-retractor, 
.ubermenu .ubermenu-row, 
.ubermenu .ubermenu-search, 
.ubermenu .ubermenu-search-input, 
.ubermenu .ubermenu-search-submit, 
.ubermenu .ubermenu-submenu, 
.ubermenu .ubermenu-submenu-footer, 
.ubermenu .ubermenu-tabs, 
.ubermenu .ubermenu-tabs-panels, 
.ubermenu .ubermenu-target, 
.ubermenu-responsive-toggle {
	z-index: 200 !important;
}

/* submenu */

.ubermenu .ubermenu-submenu-align-full_width {
	background: #efebea !important;
}

/* close button for dropdown menus on mobile screens */

.ubermenu .ubermenu-retractor {
	color: #444444;
	background: rgba(0,0,0,0.1) !important;
	display: none !important;
}

/* mega menus */

.ubermenu .ubermenu-submenu-align-full_width .ubermenu-item-level-1 .ubermenu-target {
	color: #000000 !important;
}

.ubermenu .ubermenu-submenu-align-full_width .ubermenu-item-level-1 .ubermenu-target:hover {
	color: #245c7f !important;
}

.ubermenu .ubermenu-submenu .ubermenu-column-auto {
	min-width: auto !important;
}

.ubermenu-item-has-children.ubermenu-item-level-1 .ubermenu-target  {
	font-size: 20px !important;
	font-weight: bold !important;
}

.ubermenu-item-has-children.ubermenu-item-level-1 .ubermenu-item-level-2 .ubermenu-target  {
	font-size: 17px !important;
	font-weight: normal !important;
}

/* tabs */

.ubermenu .ubermenu-tabs {
	background: #efebea !important;
}

.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group {
	border-color: #e2dedd !important;
}

.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group .ubermenu-target {
	font-family: Decalotype-Medium !important;
	font-size: 19px !important;
	color: #000000 !important;
}

.ubermenu.ubermenu-main .ubermenu-tab.ubermenu-active > .ubermenu-target { 
	color: #fff !important; 
}

.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group .ubermenu-target:hover {
	color: #fff !important;
}

.ubermenu .ubermenu-tab-content-panel .ubermenu-retractor {
	display: none !important;
}

.ubermenu .ubermenu-custom-content-padded {
	float: left;
	width: 100% !important;
}

.ubermenu .ubermenu-tab-content-panel .ubermenu-column-auto {
	width: 100% !important;
}

/* tab articles */

.ubermenu-custom-content {
	width: 100%;
	height: 100%;
}

.ubermenu-article-link {
	float: left;
	width: 25%;
	height: 100%;
}

.ubermenu-article-link header,
.ubermenu-article-link p {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	text-decoration: none;
	font-size: 13px;
	color: #000000;
}

.ubermenu-article-link p {
	padding: 5px 0 0 0;
}

.ubermenu-article-link header {
	margin: 0 0 5px 0;
	font-family: Decalotype-Medium;
	font-size: 19px;
	color: #245c7f;
	height: 40px;
	overflow: hidden;	
}

.ubermenu-article {
	padding: 0 20px 0 0;
}

.ubermenu-article .article-featured-image {
	clear: both;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	width: 100%;
	height: 140px;
	background-size: cover;
	background-position: center center;
	display: block;
}

/* sports columns */

/*.all-sections .ubermenu-submenu .ubermenu-column-auto.sports{
	width: 25% !important;
}

.sports .ubermenu-submenu-type-stack {
	padding-top: 0 !important;
	width: 100% !important;
}*/

.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column-auto.ubermenu-item-type-column {
	clear: none !important;
	float: left !important;
	width: 50% !important;
}

.ubermenu .ubermenu-submenu-type-stack .ubermenu-target {
	padding-left: 20px !important;
	padding-right: 0 !important;
	width: 140px !important;
	display: inline-block;
}

/* all sections */

.ubermenu-main .ubermenu-submenu-drop {
	position: relative;
	z-index: 99999 !important;
}

.all-sections .ubermenu-submenu .ubermenu-column-auto {
	width: 12.5% !important;
}

/* features */

.features .ubermenu-submenu .ubermenu-column-auto {
	width: 100% !important;
}

.all-sections .features .ubermenu-target {
	font-size: 20px !important;
	font-weight: bold !important;
}

/*****************************************/
/* STICKY PAGE HEADER */
/*****************************************/
	
#sticky-page-header-bar {
	position: fixed;
	top: 0;
	width: 100%;
	height: 55px;
	background: #D3011E !important;
	z-index: 101;
	display: none;
}

#sticky-page-header-bar .newsday-logo {
	position: relative;
	float: left;
	padding: 0;
	margin: 15px 0 0 10px;
	width: 150px;
	height: auto;
	z-index: 200;
}

.sticky {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	background: #D3011E !important;
}

/*****************************************/
/* YOU ARE READING */
/*****************************************/

#you-are-reading-header,
#you-are-reading-footer {
	padding: 15px 30px;
	font-family: Decalotype-Regular;
	font-size: 13px;
	color: #0c3667;
	background: #efefef;
}

#you-are-reading-header a,
#you-are-reading-footer a {
	font-family: Decalotype-SemiBold;
	font-size: 17px;
	color: #0c3667;
	text-decoration: none;
}

#you-are-reading-header {
	position: fixed;
	top: 55px;
    padding: 15px 30px;
    width: 100%;
	box-shadow:0 0 20px rgba(0,0,0, .8);
	text-align: center;
	z-index: 100;
	display: none;
}

/*****************************************/
/* JUST IN */
/*****************************************/

#just-in-bar {
	position: relative;
	top: 265px;
	margin: 0 auto;
	padding: 10px;
	width: 1260px;
	height: 50px;
	background: #f50019;
	z-index: 100;
}

.bottom {
	position: fixed !important;
	top: auto !important;
	left: 0 !important;
	bottom: 0;
	width: 100% !important;
	max-width: 100% !important;
}

#just-in {
	margin: 0 auto;
	width: 100%;
	max-width: 970px;
}

#just-in header {
	float: left;
	padding: 5px;
	width: 60px;
	font-family: Decalotype-Bold;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: #d50014;
}

#just-in .story,
#just-in .go-to-story {
	float: left;
	margin: 4px 0 0 20px;
	font-family: Decalotype-SemiBold;
	font-size: 17px;
	color: #fff;
}

#just-in .go-to-story {
	float: right;
}

#just-in a.story-button {
	display: none;
}

#just-in a.story {
	text-decoration: none;
	display: none;
}

/*****************************************/
/* BREAKING STORY */
/*****************************************/

.breaking-story {
	position: relative;
	top: -5px;
	width: 100%;
	height: 480px;
	background-size: cover;
	background-position: top center;
}

/*****************************************/
/* ARTICLE GRID */
/*****************************************/

.article-grid {
	padding: 20px 20px 20px 0;
	background: #fff;
	min-height: 500px;
}

.article-grid a,
.article-block a,
#article-block a {
	text-decoration: none
}

.article-grid-no-header {
	padding: 80px 20px 20px 0;
}

/*****************************************/
/* CATEGORY PAGES */
/*****************************************/

#category-subcategories {
	padding: 10px;
	background :#fff;
	font-family: Decalotype-SemiBold;
	font-size: 17px;
	text-align: center;
	display: none;
}

#category-subcategories a {
	font-family: Decalotype-Regular;
	font-size: 17px;
	color: #235D7F;
	text-decoration: none;
}

/*****************************************/
/* CATEGORY HEADERS */
/*****************************************/

.breaking-story .header,
.article-grid .category-header,
#article-block .category-header {
	padding: 10px 20px 10px 50px;
	width: 450px;
	height: 60px;
	font-family: Decalotype-SemiBold;
	font-size: 34px;
	color: #fff;
	-webkit-transform: rotate(90deg) translate(0, -60px);
	-webkit-transform-origin: 0% 0%;
	-moz-transform: rotate(90deg) translate(0, -60px);
	-moz-transform-origin: 0% 0%;
	-o-transform: rotate(90deg) translate(0, -60px);
	-o-transform-origin: 0% 0%;
	-ms-transform: rotate(90deg) translate(0, -60px);
	-ms-transform-origin: 0% 0%;
	transform: rotate(90deg) translate(0, -60px);
	transform-origin: 0% 0%;
}

#article-block .category-header {
	-webkit-transform: rotate(90deg) translate(80px, -60px);
	-webkit-transform-origin: 0% 0%;
	-moz-transform: rotate(90deg) translate(80px, -60px);
	-moz-transform-origin: 0% 0%;
	-o-transform: rotate(90deg) translate(80px, -60px);
	-o-transform-origin: 0% 0%;
	-ms-transform: rotate(90deg) translate(80px, -60px);
	-ms-transform-origin: 0% 0%;
	transform: rotate(90deg) translate(80px, -60px);
	transform-origin: 0% 0%;
}

#article-block .category-header button,
.article-grid .category-header button {
	float: right;
}

#article-block .category-header button span,
.article-grid .category-header button span {
	float: left;
	margin: 10px 0 0 0;
	font-family: Decalotype-Medium;
	font-size: 17px;
	color: #fff;
	display: inline-block;
}

#article-block .category-header button i,
.article-grid .category-header button i {
	float: left;
	margin: 10px 0 0 10px;
	font-size: 24px;
	color: #fff;
	display: inline-block;
}

/* breaking story header */

.breaking-story .header {
	width: 350px;
	background: #f70019;
}

/*****************************************/
/* FRONT PAGE OF NEWSPAPER */
/*****************************************/

#newsday-front-page {
	margin: 0 0 15px 20px;
	float: left;
	width: 300px;
	height: 250px;
	text-align: center;
	background: #EFEFEF;
}

#newsday-front-page img {
	margin: 10px 0 0 0;
	width: auto;
	height: 230px;
	border: 1px solid #888;
}


/*****************************************/
/* ARTICLE GRID - ARTICLE BLOCKS */
/*****************************************/

.article-blocks {
	float: left;
	margin: -60px 0 0 0;
	padding-left: 80px;
	width: 100%;
	min-height: 500px;
	background: #fff;
}

.article-grid .article-blocks .col-1-3,
.article-grid .article-blocks .col-2-3,
.article-grid .article-blocks .col-3-3 {
	float: left;
	width: 33.3%;
}

.article-blocks .primary-article-container,
.article-blocks .secondary-article-container,
.article-blocks .tertiary-article-container,
.article-blocks .no-image-article-container,
.article-blocks .no-image-article-portrait-container,
.article-blocks .article-container {
	padding: 0 0 15px 15px;
	float: left;
}

/* article grid - primary article container */

.article-blocks .primary-article-container {
	width: 100%;
	height: 530px;
}

/* article grid - secondary article container */

.article-blocks .secondary-article-container {
	width: 100%;
	height: 265px;
}

/* article grid - tertiary article container */

.article-blocks .tertiary-article-container {
	width: 50%;
	height: 265px;
}

/* article grid - no image article container */

.article-blocks .no-image-article-container {
	width: 100%;
	height: 140px;
}

/* article grid - no image article portrait container */

.article-blocks .no-image-article-portrait-container {
	width: 50%;
	height: 265px;
}

/* article grid - article container for search and top level category pages */

.article-blocks .article-container {
	width: 16.6%;
	height: 265px;
}

/* article grid - article blocks */

.article-blocks .primary-article-container .article-block,
.article-blocks .secondary-article-container .article-block,
.article-blocks .tertiary-article-container .article-block,
.article-blocks .no-image-article-container .article-block, 
.article-blocks .no-image-article-portrait-container .article-block,
.article-blocks .article-container .article-block {
	width: 100%;
	height: 100%;
	background: #efefef;
	overflow: hidden;
}

/***************************************************/
/* ARTICLE GRID - ARTICLE BLOCKS - ARTICLE IMAGES */
/***************************************************/

.article-blocks .primary-article-container .article-block .article-image,
.article-blocks .secondary-article-container .article-block .article-image,
.article-blocks .tertiary-article-container .article-block .article-image,
.article-blocks .article-container .article-block .article-image {
	width: 100%;
	height: 50%;
	background-size: cover;
	background-position: center center;
}

.article-blocks .secondary-article-container .article-block .article-image {
	float: left;
	width: 50%;
	height: 100%;
}

/***************************************************/
/* ARTICLE GRID - ARTICLE BLOCKS - ARTICLE TEXT */
/***************************************************/

/* breaking story article block */

.breaking-story .article-block {
	margin: 40px 40px 0 0;
	float: right;
	width: 40%;
	height: 300px;
	background: #282224;
}

.breaking-story .article-block .article-text {
	padding: 20px 40px;
}

/* article blocks */

.article-blocks .primary-article-container .article-block .article-text,
.article-blocks .secondary-article-container .article-block .article-text,
.article-blocks .tertiary-article-container .article-block .article-text,
.article-blocks .no-image-article-container .article-block .article-text, 
.article-blocks .no-image-article-portrait-container .article-block .article-text,
.article-blocks .article-container .article-block .article-text {
	padding: 10px;
}

.article-blocks .secondary-article-container .article-block .article-text {
	float: left;
	width: 50%;
	height: 100%;
}

.article-blocks .secondary-article-container .article-block .article-text.no-image {
	width: 100%;
}

/* article grid - category/tag */

.article-blocks .primary-article-container .article-block .article-text .category-tag,
.article-blocks .secondary-article-container .article-block .article-text .category-tag,
.article-blocks .tertiary-article-container .article-block .article-text .category-tag,
.article-blocks .no-image-article-container .article-block .article-text .category-tag,
.article-blocks .no-image-article-portrait-container .article-block .article-text .category-tag,
.article-blocks .article-container .article-block .article-text .category-tag,
.breaking-story .article-block .article-text .category-tag {
	padding: 0 0 10px 0;
	font-family: Decalotype-Regular;
	font-size: 17px;
	border-bottom: 1px solid #000000;
}

/* article grid - article title */

.article-blocks .primary-article-container .article-block .article-text h2,
.article-blocks .secondary-article-container .article-block .article-text h2,
.article-blocks .tertiary-article-container .article-block .article-text h2,
.article-blocks .no-image-article-container .article-block .article-text h2,
.article-blocks .no-image-article-portrait-container .article-block .article-text h2,
.article-blocks .article-container .article-block .article-text h2,
.breaking-story .article-block .article-text h2 {
	margin: 5px 0 0 0;
	padding: 0;
	font-family: Decalotype-Medium;
	font-size: 24px;
}

.article-blocks .primary-article-container .article-block .article-text h2 a,
.article-blocks .secondary-article-container .article-block .article-text h2 a,
.article-blocks .tertiary-article-container .article-block .article-text h2 a,
.article-blocks .no-image-article-container .article-block .article-text h2 a,
.article-blocks .no-image-article-portrait-container .article-block .article-text h2 a,
.article-blocks .article-container .article-block .article-text h2 a {
	color: #000000;
}

.breaking-story .article-block .article-text h2 {
	font-size: 40px;
}

.article-blocks .secondary-article-container .article-block .article-text h2 {
	font-size: 20px;
}

.article-blocks .tertiary-article-container .article-block .article-text h2,
.article-blocks .no-image-article-container .article-block .article-text h2,
.article-blocks .no-image-article-portrait-container .article-block .article-text h2,
.article-blocks .article-container .article-block .article-text h2 {
	font-size: 16px;
}

/* article grid - article summary */

.article-blocks .primary-article-container .article-block .article-text p,
.article-blocks .secondary-article-container .article-block .article-text p,
.article-blocks .tertiary-article-container .article-block .article-text p,
.article-blocks .no-image-article-container .article-block .article-text p,
.article-blocks .article-container .article-block .article-text p,
.breaking-story .article-block .article-text p {
	margin: 10px 0 0 0;
	padding: 0;
	font-family: Decalotype-Regular;
	font-size: 13px;
}

/* article grid - featured article */

.article-blocks .featured-article .article-block .article-text .category-tag,
.article-blocks .featured-article .article-block .article-text .category-tag a,
.article-blocks .featured-article .article-block .article-text h2,
.article-blocks .featured-article .article-block .article-text h2 a,
.article-blocks .featured-article .article-block .article-text p,

/* breaking story */

.breaking-story .article-block .article-text .category-tag,
.breaking-story .article-block .article-text .category-tag a,
.breaking-story .article-block .article-text h2,
.breaking-story .article-block .article-text h2 a,
.breaking-story .article-block .article-text p  {
	color: #fff !important;
}

.breaking-story .article-block .article-text p  {
	font-size: 17px;
}

/* article grid - featured article category / tag bottom border */

.article-blocks .featured-article .article-block .article-text .category-tag,

/* breaking story category / tag bottom border */

.breaking-story .article-block .article-text .category-tag {
	border-bottom: 1px solid rgba(255,255,255,.5);
}

/*****************************************/
/* ARTICLE PAGE */
/*****************************************/

/* individual article block */

#article-block {
	background: #fff;
}

.article {
	position: relative;
	margin: -40px 0 0 60px;
	padding: 0 80px 0 0;
	width: 100%;
	display: inline-block;
}

/* individual article content */

.article-content {
	padding: 0 0 0 60px;
	float: left;
	width: 68%;
	min-height: 600px;
}

.article-content img {
	width: 100%;
	height: auto;
}

/* at a glance */

.at-a-glance,
.budget-at-a-glance {
	clear: both;
	float: left;
	margin: 0 0 20px 0;
	padding: 20px;
	width: 100%;
	color: #fff;
	background: #235d7f;
}

.at-a-glance header,
.budget-at-a-glance header {
	padding: 0 20px 20px 20px;
	font-family: Decalotype-Medium;
	font-size: 29px;
	border-bottom: 1px solid #ececec;
}

.at-a-glance ul,
.budget-at-a-glance ul {
	margin: 20px 0;
	padding: 0;
	list-style: square;
}

.at-a-glance ul li,
.budget-at-a-glance ul li,
.at-a-glance p,
.budget-at-a-glance p {
	font-family: Decalotype-Regular !important;
	font-size: 14px !important;
	color: #fff !important;
}

.at-a-glance p,
.budget-at-a-glance p {
	padding: 0 20px 0 20px !important;
}

.at-a-glance ul li,
.budget-at-a-glance ul li {
	margin: 0 0 10px 20px;
	padding: 0 0 0 10px;
	clear: both;
	float: left;
}

/* individual article meta - date/time and author */

.article-meta,
.date-time,
.article-author,
.article-author a {
	font-family: Decalotype-Regular;
	font-size: 13px;
	font-style: normal;
	color: #0c3667;
	display: inline-block;
}

.article-author,
.article-author a {
	font-size: 17px;
}

.article-author {
	padding-left: 10px;
}

/* individual article header */

.article-content h1,
#content h1 {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: Decalotype-Semibold;
	font-size: 46px;
	color: #0c3667;
}

.article-content h2,
.article-content h2 p {
	margin: 0;
	font-family: Decalotype-Semibold;
	font-size: 25px;
	font-weight: bold;
	color: #272224;
}

/* individual article featured image */

#article-featured-image-full-width {
	display: none;
}

figure.article-featured-image,
figure.wp-caption {
	margin: 20px 0 0 0;
	padding: 0;
	width: 100% !important;
	display: inline-block;
}

figure.article-featured-image img,
figure.wp-caption img {
	width: 100%;
	height: auto;
	display: block;
}

figure.article-featured-image figcaption,
figure.wp-caption figcaption {
	padding: 10px;
	font-family: Decalotype-Regular;
	font-size: 13px;
	background: #efefef;
}

/* individual article paragraph */

.article-content p {
	font-family: Georgia;
	font-size: 19px;
	font-weight: 300;
	color: #272224;
	line-height: 1.5;
	letter-spacing: .5px;
}

/* individual article blockquote */

blockquote {
	-webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 20px;
    -webkit-margin-end: 20px;
	text-align: center;
	display: inline-block;
}

blockquote::before,
blockquote::after {
	height: 30px;
	font-size: 60px;
	font-style: italic;
}

blockquote::before {
	float: left;
	margin: -20px 0 0 0;
	content: " \201C";
}

blockquote::after {
	float: right;
	margin: 20px 0 0 0;
	content: " \201D";
}

blockquote div {
	width: 90%;
	font-family: Georgia;
	font-size: 23px;
	font-weight: bold;
	color: #504d4d;
	line-height: 1.5;
	text-align: center;
	display: inline-block;
}

/* article comments */

#fb-comments-block {
	float: left;
	margin: 0;
	padding: 0px 60px 0 80px;
	width: 100%;
	min-height: 500px;
	background: #fff;
}

#fb-comments-block h4 {
	margin: 40px 0 0 0;
	padding: 0;
	font-family: Decalotype-SemiBold;
	font-size: 28px;
	color: #0c3667;
}

#fb-comments {
	float: left;
	width: 550px;
}

/* related */

#related {
	min-height: 300px;
}

#related .category-header {
	width: 300px;
}

#related.article-grid {
	padding-top: 0 !important;
}

#related .article-blocks {
	padding-top: 30px;
}

/*****************************************/
/* ARTICLE PROGRESS READER */
/*****************************************/

progress {
  /* Positioning */
  position: fixed;
  left: 0;
  top: 0;
  z-index: 199;

  /* Dimensions */
  width: 100%;
  height: 10px;

  /* Reset the apperance */  
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Get rid of the default border in Firefox/Opera. */
  border: none;

  /* For Firefox/IE10+ */
  background-color: transparent;

  /* For IE10+, color of the progress bar */
  color: #888;
}

progress::-webkit-progress-bar {
  background-color: transparent;
}

.flat::-webkit-progress-value {
  background-color: #888;
}

.progress-container {
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  height: .25em;
  display: block;
}

.progress-bar {
  background-color: #888;
  width: 50%;
  display: block;
  height: inherit;
}

/*****************************************/
/* PAGE CONTENT */
/*****************************************/

#page-content {
	position: relative;
	padding: 20px;
	min-height: 400px;
	background: #fff;
}

#page-content > h1,
#page-content > h2,
#page-content > h3 {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: Decalotype-Semibold;
	font-size: 46px;
	color: #0c3667;
	text-align: center;
}

#page-content > h2 {
	font-size: 32px;
}

#page-content > h3 {
	font-size: 26px;
}

#page-content > p {
	font-family: Georgia !important;
	font-size: 20px;
	font-weight: 300;
	color: #272224;
	line-height: 1.7;
	letter-spacing: .5px;
}

body.error404 #page-content > p {
	text-align: center;
}

/*****************************************/
/* AUTHORS PAGE */
/*****************************************/

.author-block {
	float: left;
	padding: 20px 40px;
	width: 25%;
	height: 300px;
}

.author-block img {
	width: 100%;
	height: auto;
}

.author-block h2 {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: Decalotype-Semibold;
	font-size: 22px;
	color: #0c3667;
	text-align: center;
}

/*****************************************/
/* AUTHOR PAGES */
/*****************************************/

.author-image {
	width: 200px;
	height: 200px;
}

h1.author-name {
	margin-top: 0 !important;
	padding-top: 0 !important;
	text-align: left !important;
}

.author-bio p {
	font-family: Georgia !important;
	font-size: 15px;
	font-weight: 300;
	color: #272224;
	line-height: 1.7;
	letter-spacing: .5px;
}

/*****************************************/
/* FOOTER */
/*****************************************/

#footer {
	clear: both;
	height: 100px;
	background: #ccc;
}

/*****************************************/
/* BOTTOM RED BAR */
/*****************************************/

#bottom-red-bar {
	width: 100%;
	height: 90px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#df001f+0,d3011e+100 */
	background: #df001f; /* Old browsers */
	background: -moz-linear-gradient(top, #df001f 0%, #d3011e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #df001f 0%,#d3011e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #df001f 0%,#d3011e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df001f', endColorstr='#d3011e',GradientType=0 ); /* IE6-9 */
}

/*****************************************/
/* FOOTER MENU AND NEWSLETTER / COPYRIGHT */
/*****************************************/

#footer-menu-and-newsletter,
#copyright {
	margin: 0 auto;
	width: 100%;
	color: #fff;
	background: #373636;
}

#footer-menu {
	padding: 60px 0;
	float: left;
} 

#footer-menu .col {
	float: left;
	margin: 0 60px 0 0;
	width: 175px;
}

#footer-menu .col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-menu .col ul li a {
	margin: 0 0 20px 0;
	font-family: Decalotype-Light;
	font-size: 17px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

/* Newsday logo in footer */

#footer-menu-and-newsletter .newsday-logo {
	margin: 60px 0 0 0;
	clear: right;
	float: right;
	width: 156px;
}

.newsday-logo img {
	width: 100%;
}

/* copyright */

#copyright {
	padding: 20px 0 120px 0;
	font-family: Decalotype-Light;
	color: #fff;
	border-top: 1px solid #7d7a7a;
	text-align: right;
}

/*****************************************/
/* 2018 BUDGET */
/*****************************************/

#budget-at-a-glance {
	clear: none;
	width: 300px;
}

.sticky-at-a-glance {
	position: fixed;
}

.sticky-at-a-glance-bottom {
	position: absolute;
	bottom: 0;
}

#content {
	float: left;
	padding: 0 0 0 320px;
}

#content img {
	width: 100%;
	height: auto;
}

.budget-date-time {
	margin: 0 !important;
    font-family: Decalotype-Regular;
    font-size: 13px;
    font-style: normal;
    color: #0c3667;
}

.budget-update-header h2 {
    margin: 0 !important;
    padding: 0 !important;
    font-family: Decalotype-Semibold;
    font-size: 32px;
    color: #0c3667;
}


/*****************************************/
/* MEDIA QUERIES */
/****************************************/

@media all and (max-width: 1660px) {

	/* today's date */

	#todays-date {
		margin: 30px 0 0 20px;
	}

	/* today's paper */

	#todays-paper {
		margin: 10px 0 0 20px;
		clear: both;
	}

	/* weather */

	#weather {
		margin: 8px 0 0 10px;
	}

	/* search */

	#s {
		width: 320px;
	}

}

@media all and (max-width: 1500px) {
    
	#s {
		width: 220px;
	}

}

@media all and (max-width: 1405px) {
    
    /* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 35px !important;*/
		/*padding: 15px 53px !important;*/
		padding: 15px 40px !important;
	}

	/* sports submenu items padding */

	/*.sports .ubermenu-item-level-1 .ubermenu-target {
		padding: 10px 17px !important;
	}*/

	/* all sections submenu items padding */

	.all-sections .ubermenu-item-level-1 .ubermenu-target {
		padding: 5px 0 5px 20px !important;
	}
    
}

@media all and (max-width: 1380px) {

    /* container */

	.container {
		width: 90%;
	}

	#just-in-bar {
		width: 90%;
	}

	/* main content */

	#main-content {
		width: 90%;
	}
    
	/* addthis */

	.atss-right {
		left: auto !important;
		right: 0 !important;
		margin: 0 !important;
	}

	/* sticky ad */

	.sticky-ad {
		margin: 0;
		left: auto;
		right: 80px;
	}

	/* sticky ad bottom */

	.sticky-ad-bottom {
		margin: 0;
		left: auto;
		right: 76px;
	}
	
}

@media all and (max-width: 1293px) {

	/* today's date */

	#todays-date {
		margin: 30px 0 0 20px;
	}

	/* today's paper */

	#todays-paper {
		margin: 10px 0 0 20px;
	}

	/* search */

	#searchform button {
		margin: 0 20px 0 0;
	}
    
	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 30px !important;*/
		/*padding: 15px 48px !important;*/
		padding: 15px 35px !important;
	}

}

@media all and (max-width: 1280px) {
    

	/* article grid - primary article container */

	.article-blocks .primary-article-container {
		height: 600px;
	}

	/* article grid - secondary article container */

	.article-blocks .secondary-article-container {
		height: 300px;
	}

	/* article grid - tertiary article container */

	.article-blocks .tertiary-article-container {
		height: 300px;
	}

	/* article grid - no image article container */

	.article-blocks .no-image-article-container {
		height: 150px;
	}

	/* article grid - no image article portrait container */

	.article-blocks .no-image-article-portrait-container {
		height: 300px;
	}
    
}

@media all and (max-width: 1245px) {
    
    /* Newsday logo in header */

	#logo-bar .newsday-logo {
		width: 400px;
	}
    
}

@media all and (max-width: 1212px) {
    
    /* individual article content */

	.article-content {
		width: 64%;
	}
    
}

@media all and (max-width: 1204px) {
    
	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 25px !important;*/
		/*padding: 15px 42px !important;*/
		padding: 15px 30px !important;
	}

}

@media all and (max-width: 1150px) {
    
    /* today's date */

	#todays-date {
		margin: 30px 0 0 20px;
	}

	/* today's paper */

	#todays-paper {
		margin: 10px 0 0 20px;
	}

	/* search */

	#s {
		width: 160px;
	}

	/* article grid - article block columns */

    .article-grid .article-blocks .col,
    .article-grid .article-blocks .col-1-3 {
		width: 100%;
	}

	.article-grid .article-blocks .col-2-3 {
		clear: both;
	}

	.article-grid .article-blocks .col-2-3,
	.article-grid .article-blocks .col-3-3 {
		width: 50%;
	}

	/* article grid - primary article container */

	.article-blocks .primary-article-container {
		height: 350px;
	}

	.article-blocks .primary-article-container .article-block .article-image,
	.article-blocks .primary-article-container .article-block .article-text {
		clear: none;
		float: left;
		width: 50%;
		height: 100%;
	}

	/* article grid - secondary article container */

	.article-blocks .secondary-article-container {
		height: 350px;
	}

	/* article grid - tertiary article container */

	.article-blocks .tertiary-article-container {
		height: 350px;
	}

	.article-blocks .col-1-3 .tertiary-article-container {
		height: 450px;
	}

	.article-blocks .col-1-3 .tertiary-article-container .article-block .article-image {
		height: 70%;
	}

	.article-blocks .col-1-3 .tertiary-article-container .article-block .article-text {
		height: 30%;
	}

	/* article grid - no image article container */

	.article-blocks .no-image-article-container {
		height: 140px;
	}

	/* article grid - no image article portrait container */

	.article-blocks .no-image-article-portrait-container {
		height: 265px;
	}

	/* article blocks for search and top level categories */

	.article-blocks .article-container {
		width: 25%;
	}
    
}

@media all and (max-width: 1122px) {
    
	/* billboard ad */

	.billboard {
		display: none;
	}

	/* fb comments block */

    #fb-comments-block .medium-rectangle {
    	display: none;
    }
    
}

@media all and (max-width: 1115px) {
    
	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 20px !important;*/
		/*padding: 15px 35px !important;*/
		padding: 15px 25px !important;
	}

}

@media all and (max-width: 1100px) {

	/* N Touch */

	#n-touch {
		margin: 25px 0 0 40px;
	}

	/* today's date */

	#todays-date {
		display: none;
	}

	/* today's paper */

	#todays-paper {
		margin: 30px 0 0 20px;
	}

	/* weather */

	#weather {
		clear: both;
		margin: 10px 0 0 20px;
	}

    /* search */

	#s {
		width: 100px;
	}

	#searchform button {
		margin: 0 40px 0 0;
	}

	/* sports columns */

	/*.all-sections .ubermenu-submenu .ubermenu-column-auto.sports{
		width: 50% !important;
	}*/

	/* all sections */

	.all-sections .ubermenu-submenu .ubermenu-column-auto {
		width: 25% !important;
	}

	/* article half-page ad */

	.article-content .half-page {
		display: none;
	}

	/* author block */

	.author-block {
		float: left;
		width: 33%;
	}

	.author-block h2 {
		font-size: 18px;
	}
    
    /* individual article content */

	.article-content {
		width: 60%;
	}
    
}

@media all and (max-width: 1026px) {

	/* today's paper */

	#todays-paper {
		margin: 30px 0 0 20px;
	}

	/* weather */

	#weather {
		margin: 10px 0 0 20px;
	}

    /* search */

	#searchform button {
		margin: 0 20px 0 0;
	}

	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 20px !important;*/
		/*padding: 15px 25px !important;*/
		padding: 15px 20px !important;
	}

	/* all sections padding */

	.ubermenu-item-level-0 .ubermenu-target.all-sections {
		padding: 15px 20px !important;
	}

}

@media all and (max-width: 980px) {

	/* breaking story header and article grid header */

	.breaking-story .header {
		display: none;
	}
    
    /* breaking story - article block */
    
    .breaking-story .article-block {
    	position: absolute;
    	bottom: 0;
    	width: 100%;
    	height: 200px;
    }

    /* individual article content */

	.article-content {
		width: 100%;
	}

	/* article grid - tertiary article container */

	.article-blocks .tertiary-article-container {
		height: 500px;
	}

	/* half page ad */

	.ad-space-floated-right.half-page {
		clear: both;
		float: none;
		margin: 0 auto;
	}

	/* sticky ad */

	.sticky-ad {
		position: static;
		margin: 0;
		left: auto;
		right: auto;
	}

	/* sticky ad bottom */

	.sticky-ad-bottom {
		position: static;
		margin: 0;
		left: auto;
		right: auto;
		bottom: auto;
	}

	/* sticky budget at a glance */

	#budget-at-a-glance {
		margin: 20px 0 0 0;
		width: 100%;
	}

	.sticky-at-a-glance {
		position: static;
	}

	#content {
		clear: both;
		padding: 0;
	}

}

@media all and (max-width: 937px) {
    
    /* N Touch */

    #n-touch {
    	display: none;
    }
    
}

@media all and (max-width: 926px) {
    
    #sticky-page-header-bar .newsday-logo {
    	display: none;
    }
    
}

@media all and (max-width: 869px) {
    
    .atss .at-share-btn {
		width: 20% !important;
	}
    
}

@media all and (max-width: 868px) {
	/* social icons */

	#social-icons {
		background: transparent;
	}

	/* Newsday logo in header */

	#logo-bar .newsday-logo {
		width: 400px;
	}

	/* search */

	#searchform {
		float: none;
		position: absolute;
		top: 65px;
		left: 50%;
		margin: 0 0 0 -120px;
		z-index: 100;
		display: none;
	}

	input#s {
		width: 200px;
	}

	/* search button for smaller width screens */

	#searchbutton {
		margin: 40px 20px 0 0;
		float: right;
		font-size: 18px;
		color: #fff;
		display: block;
	}

	#searchbutton i {
		font-size: 26px;
	}

	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 18px !important;*/
		/*padding: 15px 30px !important;*/
		padding: 15px 23px !important;
	}

	/* just in bar */
	#just-in-bar {
		width: 100%;
	}

	/* main content */

	#main-content {
		width: 100%;
	}

	/* container */

	.container {
		padding: 0 20px;
		width: 100%;
	}
    
}

@media all and (max-width: 834px) {
    
	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 15px !important;*/
		/*padding: 15px 25px !important;*/
		padding: 15px 15px !important;
	}

	/* all sections padding */

	.ubermenu-item-level-0 .ubermenu-target.all-sections {
		padding: 15px 10px !important;
	}

}

@media all and (max-width: 768px) {

	/* close button for dropdown menus on mobile screens */

	.ubermenu .ubermenu-retractor {
		display: block !important;
	}
    
    /* article grid - secondary article container */

	.article-blocks .secondary-article-container {
		height: 330px;
	}

	/* article grid - tertiary article container */

	.article-blocks .tertiary-article-container {
		height: 330px;
	}

	/* article grid - no image article container */

	.article-blocks .no-image-article-container {
		height: 180px;
	}

	/* article grid - no image article portrait container */

	.article-blocks .no-image-article-portrait-container,

	/* article blocks for search and top level categories */

	.article-blocks .article-container {
		height: 330px;
	}

	/* leaderboard ad */

	.leaderboard {
		padding: 20px 0 !important;
	}

	/* author block */

	.author-block {
		float: left;
		width: 50%;
		height: 350px;
	}

    
}

@media all and (max-width: 776px) {

	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 18px !important;*/
		padding: 15px 15px !important;
	}


}

@media all and (max-width: 747px) {

	.ubermenu-item-level-0.sunday {
		display: none !important;
	}

	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 20px !important;*/
		padding: 15px 15px !important;
	}

}

@media all and (max-width: 720px) {
    
    /* leaderboard ad */

	.leaderboard {
		display: none;
	}

	/* ad space for mobile only */

	.mobile-only-ad {
		margin: 20px auto !important;
		width: 100% !important;
		display: inline-block;
	}
    
}

@media all and (max-width: 700px) {
    
	/* top bar */

    #top-bar {
    	display: none;
    }

    /* logo bar */

    #logo-bar {
    	height: 100px;
    }

    /* today's paper */

    #todays-paper {
    	display: none;
    }

    /* weather */

    #weather {
    	margin: 30px 0 0 20px;
    	font-size: 19px;
    }

    /* search form */

    #searchform {
		top: 30px;
	}

    /* search button for smaller width screens */
    
	#searchbutton {
		margin: 35px 20px 0 0;
	}

	#searchbutton i {
		font-size: 36px;
	}

    #searchbutton span {
    	display: none;
    }

    /* just in bar */

	#just-in-bar {
		top: 205px;
	}

    /* just in - go to story */

    #just-in .go-to-story {
		display: none;
	}

	/* all sections sub categories */

	.all-sections .ubermenu-submenu-type-stack {
		display: none !important;
	}

	/*.all-sections .ubermenu-submenu .ubermenu-column-auto.sports {
		width: 25% !important;
	}*/

	/* category sub categories */

	#category-subcategories {
		display: block;
	}

}

@media all and (max-width: 693px) {

	.ubermenu-item-level-0.opinion {
		display: none !important;
	}

	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 25px !important;*/
		padding: 15px 15px !important;
	}

}

@media all and (max-width: 666px) {
    
    /* footer container */

	#footer-menu-and-newsletter .container {
		padding: 0;
	}

	/* footer menu */

	#footer-menu {
		margin: 0;
		width: 100%;
	}

	#footer-menu .col {
		width: 100%;
	}

	#footer-menu .col li {
		width: 100%;
		text-align: center;
	}
    
    /* newsletter and Newsday's logo in footer */

    #newsletter-and-logo {
    	padding: 40px 20px;
    	clear: both;
    	float: left;
    	width: 100%;	
    	border-top: 1px solid #7d7a7a;
    }

    /* Newsday's logo in footer */

    #footer-menu-and-newsletter .newsday-logo {
    	margin: 0 auto 0 auto;
    	float: none;
    }

    /* copyright */

    #copyright {
    	text-align: center;
    }
    
}

@media all and (max-width: 664px) {

	.ubermenu.ubermenu-main {
		margin-bottom: 50px !important;
	}

	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 20px !important;*/
		padding: 15px 10px !important;
	}

	/* article grid - article block columns */

	.article-grid .article-blocks .col-2-3,
	.article-grid .article-blocks .col-3-3 {
		width: 100%;
	}

	/* article grid */

	.article-grid {
		padding: 0;
	}

    /* breaking story - article block */
    
    .breaking-story .article-block {
    	height: 150px;
    }

    .breaking-story .article-block .article-text h2 {
    	font-size: 36px;
    }

    .breaking-story .article-block .article-text p {
    	height: 40px;
    	overflow: hidden;
    }

	/* article grid - category header and article block (article page) category header */
    
	.article-grid .category-header,
	#article-block .category-header {
		margin: 0 0 20px 0;
		width: 100%;
		-webkit-transform: rotate(0deg) translate(0, 0);
		-webkit-transform-origin: 0% 0%;
		-moz-transform: rotate(0deg) translate(0, 0);
		-moz-transform-origin: 0% 0%;
		-o-transform: rotate(0deg) translate(0, 0);
		-o-transform-origin: 0% 0%;
		-ms-transform: rotate(0deg) translate(0, 0);
		-ms-transform-origin: 0% 0%;
		transform: rotate(0deg) translate(0, 0);
		transform-origin: 0% 0%;
	}

	.article {
		padding: 0;
	}

	/* related category header */

	#related .category-header {
		width: 100%;
	}

	.breaking-story .header, 
	.article-grid .category-header,
 
	#article-block .category-header,
	#related .category-header {
		padding: 10px 20px;
	} 

	#article-block .category-header:first-child {
		margin: 0;
	}

    /* article blocks */

    .article-blocks {
    	margin: 0;
    	padding: 0;
    }

    .article-blocks .primary-article-container,
	.article-blocks .secondary-article-container,
	.article-blocks .tertiary-article-container,
	.article-blocks .no-image-article-container,
	.article-blocks .no-image-article-portrait-container {
		padding: 0 15px 15px 15px;
		float: left;
		height: 350px !important;
	}

	.article-blocks .secondary-article-container.no-image,
	.no-image-article-container.no-image {
		height: 175px !important;
	}

	.article-blocks .col-1-3 .tertiary-article-container .article-block .article-image {
		height: 50%;
	}

	.article-blocks .col-1-3 .tertiary-article-container .article-block .article-text {
		height: 50%;
	}

	/* article blocks for search and top level categories */

	.article-blocks .article-container {
		width: 50%;
	}

	/* newsday front page */
	#newsday-front-page {
		display: none;
	}

	/* article (article page) */

	#article-block .article {
		margin: 0;
	}

	/* article block (article page) article content */

	#article-block .article-content {
		padding: 0 0 20px 0;
	}

	#article-block .article-content .article-meta,
	#article-block .article-content h1,
	#article-block .article-content h2,
	#article-block .article-content h3,
	#article-block .article-content h4,
	#article-block .article-content h5,
	#article-block .article-content h6,
	#article-block .article-content p {
		padding: 0 20px;
	}

	/* article block (article page) article meta */

	#article-block .article-content .article-meta {
		margin: 20px 0 0 0;
	}

	/* article featured image */

	#article-featured-image-full-width {
		display: block;
	}

	#article-featured-image {
		display: none;
	}

	/* at a glance */
	.at-a-glance {
		margin: 20px 0 20px 0;
	}

	.at-a-glance header {
		padding: 20px 0 20px 0;
	}

	.at-a-glance p {
		padding: 0 !important;
	}

	/* article block (article page) medium rectangle ad space */
    
    #article-block .medium-rectangle {
    	margin-left: 20px;
    }

    /* article text */

    .article-content h2, .article-content h2 p {
    	padding: 0 0 0 10px !important;
    	margin: 0 !important;
    }

	/* fb comments block */

	#fb-comments-block {
		padding: 0 20px;
	}

	#fb-comments-block h4 {
		margin: 20px 0 0 0;
	}

	/* large mobile ad */

	.large-mobile-ad {
		display: block;
	}

}

@media all and (max-width: 604px) {
    
    .ubermenu-item-level-0.features {
		display: none !important;
	}
    
}

@media all and (max-width: 600px) {
    
    /* weather */

    #weather {
    	display: none;
    }

    /* Newsday's logo in header */
    
    #logo-bar .newsday-logo {
    	margin: 0 0 0 20px;
    	float: left;
    }

    /* you are reading */

    #you-are-reading-header span,
	#you-are-reading-footer span {
		display: none;
	}

    /* align */

    .alignleft,
    .alignright,
    .aligncenter {
		margin: 0 auto;
    	float: none;
    	width: 100%;
    	height: auto;
		text-align: center;
	}

	/* author block */

	.author-block {
		height: 300px;
	}

	/* author */

	h1.author-name {
		text-align: center !important;
	}

}

@media all and (max-width: 584px) {

	.ubermenu-item-level-0.sports {
		display: none !important;
	}

	.ubermenu-item-level-0.news .ubermenu-submenu,
	.ubermenu-item-level-0.business .ubermenu-submenu,
	.ubermenu-item-level-0.tobago .ubermenu-submenu {
		display: none !important;
	}

	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		/*padding: 15px 30px !important;*/
		padding: 15px 20px !important;
	}

	/* all sections */

	.ubermenu-item-level-0 .ubermenu-target.all-sections {
		padding: 15px 40px !important;
	}

}

@media all and (max-width: 530px) {
    
    /* all sections */

	.all-sections .ubermenu-submenu .ubermenu-column-auto,
	.all-sections .ubermenu-submenu .ubermenu-column-auto.sports {
		width: 50% !important;
	}

	.all-sections .ubermenu-item-level-1 .ubermenu-target {
		padding: 0 0 0 20px !important;
	}

	/* just in - story */

    #just-in .story {
    	width: 70%;
    	height: 20px;
    	overflow: hidden;
    }
    
}

@media all and (max-width: 500px) {
    
	/* logo bar */

    #logo-bar {
    	height: 80px;
    }
    
	/* Newsday's logo in header */
    
    #logo-bar .newsday-logo {
    	width: 300px;
    }

    /* search */

    #searchform {
    	top: 20px;
    }

    /* search button */

    #searchbutton {
		margin: 30px 0 0 0;
	} 

	#searchbutton i {
		font-size: 24px;
	}

	/* just in bar */
	#just-in-bar {
		top: 185px;
	}

	/* article block (article page) medium rectangle ad space */
    
    #article-block .medium-rectangle {
    	margin: 0 auto;
    	float: none;
    }

    /* author block */

	.author-block {
		float: left;
		width: 100%;
		height: 450px;
	}


}


@media all and (max-width: 493px) {

	/* top level menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		padding: 15px 15px !important;
	}

	/* all sections */

	.ubermenu-item-level-0 .ubermenu-target.all-sections {
		padding: 15px 25px !important;
	}

}

@media all and (max-width: 469px) {
    
    .newsday-display-ad-space {
		padding: 0 20px 20px 20px;
	}
    
}

@media all and (max-width: 460px) {
    
    /* article grid - primary article container */

	.article-blocks .primary-article-container {
		height: 400px;
	}

	/* author block */

	.author-block {
		height: 400px;
	}
    
}

@media all and (max-width: 440px) {
    
    /* newsletter */

    #newsletter {
    	margin: 0 auto;
    	float: none;
    	width: 200px;
    	text-align: center;
    }
    
}

@media all and (max-width: 430px) {
    
	/* menu item padding */

    .ubermenu-item-level-0 .ubermenu-target {
		padding: 15px 12px !important;
	}
    
}

@media all and (max-width: 414px) {
    
	/* menu item padding */

    .ubermenu-item-level-0 .ubermenu-target {
		padding: 15px 10px !important;
	}
    
}

@media all and (max-width: 400px) {

	/* Newsday's logo in header */
    
    #logo-bar .newsday-logo {
    	width: 280px;
    }

    /* business menu item */

    .ubermenu-item-level-0.business {
		display: none !important;
	}

	.ubermenu-item-level-0 .ubermenu-target {
		padding: 15px 20px !important;
	}

	/* article grid - article containers */

	.article-blocks .tertiary-article-container {
		height: 310px !important;
	}

	/* article grid - article title */

	.article-blocks .primary-article-container .article-block .article-text h2,
	.article-blocks .secondary-article-container .article-block .article-text h2,
	.article-blocks .tertiary-article-container .article-block .article-text h2,
	.article-blocks .no-image-article-container .article-block .article-text h2,
	.article-blocks .no-image-article-portrait-container .article-block .article-text h2,
	.article-blocks .article-container .article-block .article-text h2,
	.breaking-story .article-block .article-text h2 {
		font-size: 19px;
	}

	.article-blocks .secondary-article-container .article-block .article-text h2 {
		font-size: 17px;
	}

}

@media all and (max-width: 375px) {

	/* menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		padding: 15px 15px !important;
	}

}

@media all and (max-width: 330px) {
    
	/* Newsday's logo in header*/

	#logo-bar .newsday-logo {
		width: 240px;
	}

	/* menu item padding */

	.ubermenu-item-level-0 .ubermenu-target {
		padding: 15px 10px !important;
	}

}

/*****************************************/
/* INTERNET EXPLORER 10 AND 11 STYLES */
/*****************************************/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}