/*
Theme Name: HPN 2021
Theme URI: 
Author: Ed Weaver
Author URI: 
Description:
Version: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: thehomepagenetwork

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@keyframes fade-in-up {
  0% { opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

@font-face {
	font-family: 'Apple Chancery Regular';
  src: url('AppleChanceryRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child {
  float: left;
}

/***** HELPER STYLES *****/
.blue {
	color: #5390cc;
}

.row.nobg {
	background: none;
}

.row.half {
	margin-top: -1.1em; /*-1.5em;*/
}

.row.half2 {
	margin-top: -1em;
}

.audio-holder h2 {
	font-weight: bold;
	margin-bottom: 5px;
}

.businessList {
  background-color: #eee;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  width: 100%;
	padding: 20px;
}

input[type="submit"] {
	padding: 10px;
  cursor: pointer;
}

span.wpcf7-list-item {
  display: block;
  margin: 0 0 0 1em;
}

label.wpforms-field-label-inline span.extras {
  font-family: 'Georgia', serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
}

label.wpforms-field-label-inline span.extras span.yellow-x {
  display: inline-block;
  text-transform: uppercase;
  color: #f3c944;
  font-family: 'Georgia', serif;
  font-weight: bold;
}

/***** LAYOUT STYLES *****/
html, body {
	height: 100%;
	font-size: 100%;
}

body {
	background: #eff2f5;
}

, *:before, *:after {
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a {
	margin: 0;
	padding: 0;
	border-width: 0;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
}

address, caption, cite, code, dfn, em, strong, th,v ar, optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del, ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: inherit;
}

input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

a:link, a:active, a:visited {
	color: #5390cc;
	text-decoration: none;
}

a:hover {
	color: #5390cc;
	text-decoration: none;
}

em {
	font-style: italic;
}

#main-navigation {
  display: block;
}

.off-canvas-list li a, .off-canvas-submenu li a {
	text-decoration: none;
}

.off-canvas-submenu li {
	list-style-type: none;
}

.tab-bar {
	display: block;
	background-color: #000;
	height: 3.5rem;
	line-height: 3.5rem;
}

.tab-bar p {
	text-align: center;
	line-height: 3.5rem;
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 18px;
	font-weight: 400;
}

.tab-bar a {
  padding-right: 25px;
}

.tab-bar a:link, .tab-bar a:active, .tab-bar a:visited {
	color: #fefefe;
	text-decoration: none;
}

.tab-bar a:hover {
	color: #fefefe;
	text-decoration: underline;
}

#mobile-header img {
	display: block;
	position: absolute;
  left: 50%;
  margin-left: -350px;
}

.navbuttons {
	background: #000;
	height: 56px;
}

.top-bar-section ul.left, .top-bar-section ul.right {
	margin-top: 5px;
}

.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
    background-color: #000;
}

.navbuttons li {
	list-style-type: none;
}

.navbuttons a:link, .navbuttons a:active, .navbuttons a:visited, .navbuttons a:hover {
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
}

#social-icons a:hover {
  color: #fff;
  background: none;
  text-decoration: none;
}

#static-header {
	display: block;
  width: 100%;
}

a:link.menu-icon, a:active.menu-icon, a:visited.menu-icon, a:hover.menu-icon {
  text-decoration: none;
}

.tab-bar .menu-icon span {
  display: block;
  float: left;
  font-size: 24px;
  margin-top: 14px;
  margin-left: 11px;
  color: #fff;
}

#mobile-header, #toggle-menu {
	display: none;
}

#top-ad {
  display: block;
  width: 100%;
  padding-top: 1em;
  background: #000;
}

#top-ad img {
  width: 100%;
}

/*#main-row {
	background: #000;
}*/

#container {
	background: #eff2f5;
	padding-top: 5px;
}

#content-wrapper {
  display: block;
  margin-top: 7.5px;
  margin-right: 2.5px;
  background: #eff2f5;
}

#network-links-left {
  display: block;
  background: #eff2f5;
  margin-left: -0.90em;
  margin-right: -0.89em;
}

#left-column {
	display: block;
  background: #eff2f5;
}

#left-column-inner {
  float: left;
  background: #000;
  margin-left: -0.89em;
  margin-right: -0.89em;
  padding-left: 15px;
  padding-right: 15px;
  /*min-height: 2000px;*/
}

#left-column-inner-blue {
  background: #01007f;
  margin-left: -0.89em;
  margin-right: -0.89em;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 2000px;
}

#left-column-inner-blue h2 {
  display: block;
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 25px;
	line-height: 26px;
	font-weight: 700;
	margin: 0;
  padding-top: 15px;
	color: #fff;
	text-align: left;
}

#left-column-inner-blue p {
  display: block;
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
  font-size: 17px;
  margin: 0;
  padding-top: 15px;
  color: #fff;
}

#left-column span {
	display: block;
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 21px;
	line-height: 26px;
	font-weight: 700;
	margin: 0;
	margin-bottom: 11px;
	color: #649dd9;
	word-wrap: break-word;
}

#left-column span.white, #left-column span.white a {
	color: #fefefe;
	text-align: center;
}

#left-column #feature-stories p {
	display: block;
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 26px;
	line-height: 26px;
	font-weight: 700;
	margin: 0;
	color: #fefefe;
	text-align: center;
	word-wrap: break-word;
}

#left-column #feature-stories p a, #left-column #feature-stories p a:link, #left-column #feature-stories p a:active, #left-column #feature-stories p a:visited, #left-column #feature-stories p a:hover {
	color: #fefefe;
	text-decoration: none;
}

#destinations ul, #channels ul {
	margin: 0;
}

#destinations ul li {
	list-style-type: none;
	width: 100%;
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	margin: 0px;
	margin-bottom: 18px;
	color: #ebebeb;
	word-wrap: break-word;
}

#destinations ul li div {
	float: right;
	margin-top: -2.5px;
  margin-right: 20px;
}

#destinations ul li div a {
	float: left;
	padding-left: 12px;
}

#destinations ul li a:link, #destinations ul li a:active, #destinations ul li a:visited {
	color: #ebebeb;
	text-decoration: none;
}

#destinations ul li a:hover {
	color: #709cd4;
	text-decoration: none;
}

#destinations ul li span, #destinations ul li a span {
	color: #fff;
  font-size: 17px;
}

#destinations ul li.active {
	list-style-type: none;
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	margin: 0px;
	margin-bottom: 18px;
	color: #fecc01;
	word-wrap: break-word;
}

#destinations ul li.active a:link, #destinations ul li.active a:active, #destinations ul li.active a:visited {
	color: #fecc01;
	text-decoration: none;
}

#destinations ul li.active a:hover {
	color: #709cd4;
	text-decoration: none;
}

/*.rotator {
	margin-top: 20px;
	margin-bottom: 20px;
}*/

div.rotator-holder {
	display: block;
	background: #303030;
	width: 100%;
  height: auto;
	margin-top: 0px;
}

div.rotator-holder h2 {
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 18px;
	font-weight: 500;
	margin: 0;
	padding: 7.5px 0px 7.5px 0px;
	color: #fefefe;
	word-wrap: break-word;
	text-align: center;
	text-transform: uppercase;
}

#main-column {
	display: block;
	padding-right: 0;
  /*margin-top: 2.5px;*/
	background: #eff2f5;
	/*min-height: 2000px;*/
}

#fancy-main-image img {
	padding-top: 0.15em;
	padding-right: 0.15em;
	width: 100%;
}

#fancy-main-image div.featureImage img {
	height: auto; /*412px;*/ /*443px;*/ /*338px;*/
}

#fancy-logo {
	display: block;
  position: absolute;
  top: 350px; /*175px;*/
	left: 65px; /*75px*/
}

#penn-oak-logo {
	display: block;
  position: absolute;
  top: 350px; /*175px;*/
	left: 65px; /*75px*/
}

#fancy-logo2 {
	display: block;
  position: absolute;
  top: 350px; /*175px;*/
	left: 203px; /*75px*/
}

#fancy-header {
  display: block;
  position: absolute;
  top: 352px; /*177px;*/
	left: 203px; /*213px*/
  /*width: 85%;*/
  height: 138px;
	background-color: rgba(0, 0, 0, 0.5);
}

#fancy-header h1 {
  color: #fff;
  /*font-family: 'Libre Baskerville', Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;*/
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-size: 45px;
  font-weight: bold;
  line-height: 1.2;
  padding-left: 15px;
	padding-right: 15px;
  margin-top: 15px;
	margin-bottom: 0px;
}

#fancy-header span {
  color: #fff;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-size: 20px;
  font-weight: bold;
  padding-left: 15px;
	padding-right: 15px;
	margin-top: -15px;
}

#fancy-header span.partnership {
  color: #f3ca45;
}

#fancy-header-penn-oak {
	display: block;
	position: absolute;
	top: 352px; /*177px;*/
	left: 340px; /*213px*/
	/*width: 85%;*/
	height: 138px;
	background-color: rgba(0, 0, 0, 0.5);
}

#fancy-header-penn-oak h1 {
  color: #fff;
  /*font-family: 'Libre Baskerville', Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;*/
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-size: 41px;
  font-weight: bold;
  line-height: 1.2;
  padding-left: 15px;
	padding-right: 15px;
  margin-top: 15px;
	margin-bottom: 0px;
}

#fancy-header-penn-oak span {
  color: #fff;
  font-family: 'Apple Chancery Regular';
  font-size: 30px;
  font-weight: lighter;
  padding-left: 15px;
	padding-right: 15px;
	margin-top: -15px;
}

#right-column {
  background: #eff2f5;
}

#network-links-holder {
  margin-right: -0.89em;
}

#network-links-holder #network-links {
	margin-left: 0px;
  margin-top: 0px;
}

#network-links p, #network-links-left p {
	display: block;
  float: left;
	background: #000;
	width: 100%;
	height: 50.4px; /*46px;*/
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 22px;
	line-height: 18px;
	font-weight: 500;
	margin: 0;
	/*margin-bottom: 11.75px;*/ /*2.4px;*/ /*2.2px;*/ /*1.92px;*/
	margin-left: 1px;
	padding-top: 7.5px; /*4.5px;*/ /*2.5px;*/
	color: #eff2f5;
	letter-spacing: 0.03em;
	word-wrap: break-word;
	text-align: center;
	vertical-align: middle;
}

#network-links p, #network-links-left p {
  margin-bottom: 6.7px;
}

#network-links p.stream, #network-links-left p.stream {
  margin-bottom: 0;
}

#network-links p.single, #network-links-left p.single {
	padding-top: 15px; /*12px;*/
}

.home-feature-header p {
  display: block;
  float: left;
	background: #000;
	width: 100%;
	height: 50.4px; /*46px;*/
	font-family: 'Georgia' ,serif;
  font-size: 30px;
  font-weight: 700;
	line-height: 26px;
	margin: 0;
	/*margin-bottom: 11.75px;*/ /*2.4px;*/ /*2.2px;*/ /*1.92px;*/
	margin-left: 1px;
	padding-top: 12.5px; /*4.5px;*/ /*2.5px;*/
	color: #eff2f5;
	letter-spacing: 0.03em;
	word-wrap: break-word;
	text-align: center;
	vertical-align: middle;
  margin-bottom: 0;
}

.home-feature-header p a:link, .home-feature-header p a:active, .home-feature-header p a:visited, .home-feature-header p a:hover {
  color: #fff;
  text-decoration: none;
}

.home-feature-header p.nopad {
  margin-left: 0;
}

/*#network-links p.extras {
  font-family: 'Georgia' ,serif;
  font-size: 38px;
  font-weight: 700;
  color: #fefefe;
  word-wrap: break-word;
}

#network-links p.extras img {
  float: left;
  width: 50px;
  height: 50px;
  margin-top: -15px;
  margin-left: 50px;
  margin-right: -60px;
}

#network-links p.extras span.yellow-x {
  display: inline-block;
  text-transform: uppercase;
  color: #f3c944;
  font-family: 'Georgia' ,serif;
  font-size: 38px;
  font-weight: 700;
  word-wrap: break-word;
}*/

#network-links p.blue, #network-links-left p.blue {
	background: #336db6;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#network-links p.partnership {
	background: #f3ca45;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

#network-links p.partnership span, #network-links p.partnership a:link, #network-links p.partnership a:active, #network-links p.partnership a:visited, #network-links p.partnership a:hover {
  color: #000;
  text-decoration: none;
}

#network-links p span, #network-links-left p span {
	display: block;
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial',sans-serif;
	font-size: 13px; /*15px;*/
	margin: 0;
	color: #ebebeb;
	letter-spacing: 0.03em;
	word-wrap: break-word;
}

#network-links p a:link, #network-links p a:active, #network-links p a:visited {
	color: #ebebeb;
	text-decoration: none;
}

#network-links p:hover, #network-links p a:hover {
	cursor: pointer;
}

#network-links-left p a:link, #network-links-left p a:active, #network-links-left p a:visited {
	color: #ebebeb;
	text-decoration: none;
}

#network-links-left p:hover, #network-links-left p a:hover {
	cursor: pointer;
}

/*#network-links iframe {
  display: block;
  float: left;
  clear: both;
	width: 366px;
  height: 205px;
  margin-left: 1px;
  margin-bottom: 5.75px;
}*/

#network-links img, #network-links-left img {
  display: block;
  float: left;
  clear: both;
	width: 366px;
  margin-left: 1px;
  margin-bottom: 5.75px;
}

#network-links p.advertisment {
  font-family: 'Helvetica-Bold', 'Helvetica' ,sans-serif;
  font-size: 16px;
  font-weight: 700;
  word-wrap: break-word;
  background: none;
  height: auto;
}

#network-links p.advertisment.wellsboro a:link, #network-links p.advertisment.wellsboro a:active, #network-links p.advertisment.wellsboro a:visited, #network-links p.advertisment.wellsboro a:hover {
  color: #375445;
}

#fancy-main-image #network-links img, #fancy-main-image #network-links-left img {
  width: 100%;
  padding-right: 0;
  /*margin-left: 1px;*/
}

#hpsports-header {
  display: block;
  position: static;
  background: url("/wp-content/uploads/2023/12/Banner-HomePageSports-Wyatt.jpg") no-repeat left top;
  /*background-repeat: no-repeat;
  background-position: left top;*/
  padding-right: 0;
  width: 100%;
  height: 554px;
}

#hpsports-header #fancy-logo {
  top: 350px;
}

#hpsports-header #fancy-header {
  top: 350px;
}

#hpsports-header nav {
  height: 45px;
  margin-top: 478px;
}

#hpsports-header nav ul.left {
  margin: 0;
}

#logo p {
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 15px;
	font-weight: 700;
	margin-top: 5px;
	color: #fff;
	word-wrap: break-word;
}

#logo p span {
  display: inline-block;
  font-size: 15px;
  color: #7f7f7f;
}

#logo p.default {
	margin-top: 15px;
}

#logo p a:link, #logo p a:active, #logo p a:visited {
	color: #fff;
	text-decoration: none;
}

#logo p a:hover {
	color: #ff0;
	text-decoration: none;
}

/*#search input[type="text"] {
	display: inline-block;
	float: left;
	width: 80%;
	height: 40px;
}

#search ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+
  color: #000;
  opacity: 1; /* Firefox
}

#search :-ms-input-placeholder { /* Internet Explorer 10-11
  color: #000;
}

#search ::-ms-input-placeholder { /* Microsoft Edge
  color: #000;
}

#search a {
	display: block;
	float: left;
	margin-left: 10px;
	width: 45px;
	height: 40px;
	padding-top: 10px; /*3.5px;
	background: #efefef;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	text-align: center;
}*/

/***** DEFAULT HEADER STYLES *****/
#default-header-image, #fancy-header-image {
	padding-right: 0.65em;
}

#fancy-header-image img {
	width: 736px;
	height: 328px; /**283px;*/
}

#top-story, #top-page {
  display: block;
  float: left;
  width: 100%;
  background: #fff;
}

.top-story-title, .top-page-title {
  float: left;
  width: 100%;
  margin-top: 7.5px;
	padding: 0 10px 0 10px;
  margin-bottom: 10px;
}

.top-story-title h2, .top-page-title h2 {
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 30px;
	line-height: 35px;
	font-weight: 700;
	margin: 0;
	margin-bottom: 7.5px;
	word-wrap: break-word;
	text-transform: uppercase;
}

.top-story-title h2 a:link, .top-story-title h2 a:active, .top-story-title h2 a:visited, .top-page-title h2 a:link, .top-page-title h2 a:active, .top-page-title h2 a:visited {
  color: #000;
  text-decoration: none;
}

.top-story-title h2 a:hover, .top-page-title h2 a:hover {
  color: #000;
  text-decoration: underline;
}

.top-story-text, .top-page-text {
  float: left;
  width: 100%;
	padding: 0 10px 0 10px;
}

.top-page-text strong {
	font-weight: bold;
}

.top-page-text p {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
  margin-bottom: 1em;
	word-wrap: break-word;
}

#default-story-inner {
  display: block;
  float: left;
  width: 100%;
  background: #fff;
  /*padding-top: 30px;*/
  padding-left: 10px;
  padding-right: 10px;
  /*min-height: 3200px;*/ /*991px;*/
}

#default-story-inner.home {
  padding-top: 30px;
}

.default-story-picture img {
  float: left;
  width: 100%;
}

.page-lists img, .search-page-lists img {
	width: 100%;
	height: 100%;
}

#default-story-inner .page-lists h3, .page-lists h3, h3.penn-oak {
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 24px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
	word-wrap: break-word;
  text-transform: uppercase;
}

#default-story-inner .page-lists h3 a:link, #default-story-inner .page-lists h3 a:active, #default-story-inner .page-lists h3 a:visited {
	color: #000;
	text-decoration: none;
}

#default-story-inner .page-lists h3 a:hover {
	color: #000;
	text-decoration: underline;
}

#default-story-inner .search-page-lists-holder h3 {
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 64px;
	font-weight: 700;
	margin: 0;
	color: #fefefe;
	letter-spacing: 0.08em;
	word-wrap: break-word;
	line-height: 80px;
	text-align: center;
}

#default-story-inner .search-page-lists-holder h3 a:link, #default-story-inner .search-page-lists-holder h3 a:active, #default-story-inner .search-page-lists-holder h3 a:visited, #default-story-inner .search-page-lists-holder h3 a:hover {
  color: #fefefe;
  text-decoration: none;
}

.page-lists h3.staff {
	margin-top: 65px;
}

.search-page-lists {
	padding-right: 0.9375em;
}

.search-page-lists-holder {
	height: 84px; /*91px;*/
}

.story-pic-header {
  display: block;
  float: left;
  margin-top: -60px;
  margin-left: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
}

.story-pic-header-small {
  display: block;
  float: left;
  margin-top: -30px;
  margin-left: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
}

.story-pic-header h3 {
  float: left;
  color: #fff;
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
  font-size: 40px;
  line-height: 40px;
  font-weight: 700;
  padding: 10px;
  word-wrap: break-word;
  text-transform: uppercase;
}

.story-pic-header h3 a:link, .story-pic-header h3 a:active, .story-pic-header h3 a:hover, .story-pic-header h3 a:visited {
  color: #fff;
  text-decoration: none;
}

.story-pic-header-small h4 {
  float: left;
  color: #fff;
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  padding: 5px 7.5px;
  word-wrap: break-word;
  text-transform: uppercase;
}

.story-pic-header-small h4 a:link, .story-pic-header-small h4 a:active, .story-pic-header-small h4 a:hover, .story-pic-header-small h4 a:visited {
  color: #fff;
  text-decoration: none;
}

.story-credits p {
	font-style: italic;
}

#default-story-title, .secondary-story-title {
  float: left;
  width: 100%;
  margin-top: 7.5px;
	padding-right: 0;
  margin-bottom: 10px;
}

#default-story-title h2 {
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 30px;
	line-height: 35px;
	font-weight: 700;
	margin: 0;
	margin-bottom: 7.5px;
	word-wrap: break-word;
	text-transform: uppercase;
}

#default-story-title h2 a:link, #default-story-title h2 a:active, #default-story-title h2 a:visited {
  color: #000;
  text-decoration: none;
}

#default-story-title h2 a:hover {
  color: #000;
  text-decoration: underline;
}

#default-story-title h3 {
  /* font-family: 'Georgia-Bold', 'Georgia', serif; */
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 27px;
  font-weight: 700;
  margin: 0;
  color: #529ede;
  word-wrap: break-word;
}

#default-story-title h3 span.penn-oak {
	color: #9a8d02;
}

#default-story-title h6 {
	font-family: 'Helvetica Neue','Arial',sans-serif;
	font-size: 12px;
	font-weight: 300;
	font-style: italic;
	margin-top: 5px;
}

#default-story-holder, #page-holder, #page-holder-special {
	padding-right: 0;
}

/*#default-story-holder iframe, #page-holder iframe, #page-holder-special iframe {
	width: 100%;
	min-height: 400px;
}*/

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  margin-left: 1px;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#videoBox.in  {
  animation: ac 1s;
}

#videoBox.out  {
  position: fixed;
  bottom: -350px;
  right: 15px;
  width: 350px;
  z-index: 999;
  animation: an 0.5s;
}

#default-story-holder p.author, #page-holder p.author, #page-holder-special p.author, #top-story p.author, .top-story-title p.author {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	margin: 0;
	/*margin-bottom: 0.5em;*/
	word-wrap: break-word;
}

#default-story-holder strong, #page-holder strong, #page-holder-special strong {
	font-weight: bold;
}

#default-story-holder p, #page-holder p, #page-holder-special p {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
  margin-bottom: 1em;
	word-wrap: break-word;
}

#default-story-holder p.button, #page-holder p.button, #page-holder-special p.button {
  font-size: 18px;
  margin-bottom: 0;
}

#default-story-holder ol, #page-holder ol, #page-holder-special ol, #default-story-holder ul, #page-holder ul, #page-holder-special ul {
	margin-bottom: 1em;
}

#default-story-holder ul li ul {
  margin-bottom: -15px;
}

#default-story-holder ul li, #page-holder ul li, #page-holder-special ul li {
	list-style-type: square;
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 18px;
	word-wrap: break-word;
	margin-left: 1em;
	padding-bottom: 10px;
}

#default-story-holder h3 {
  font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

#secondary-stories h3 {
  font-family: 'Helvetica-Bold', 'Helvetica', sans-serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  margin: 0;
  /*margin-bottom: 7.5px;*/
  word-wrap: break-word;
  text-transform: uppercase;
}

#secondary-stories h3 a:link, #secondary-stories h3 a:active, #secondary-stories h3 a:visited {
  color: #000;
  text-decoration: none;
}

#secondary-stories h3 a:hover {
  color: #000;
  text-decoration: underline;
}

#secondary-stories p {
  font-size: 13px;
  line-height: 18px;
  word-wrap: break-word;
}

#secondary-stories p.date {
  font-family: 'Helvetica-Bold', 'Helvetica', sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  word-wrap: break-word;
}

#tertiary-stories h3 {
  font-family: 'Helvetica-Bold', 'Helvetica', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin-top: 5px;
  /*margin-bottom: 5px;*/
  word-wrap: break-word;
  text-transform: uppercase;
}

#tertiary-stories h3 a:link, #tertiary-stories h3 a:active, #tertiary-stories h3 a:visited {
  color: #000;
  text-decoration: none;
}

#tertiary-stories h3 a:hover {
  color: #000;
  text-decoration: underline;
}

#tertiary-stories p {
  font-size: 12px;
  line-height: 18px;
  word-wrap: break-word;
}

#tertiary-stories p.date {
  font-family: 'Helvetica-Bold', 'Helvetica', sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  word-wrap: break-word;
}

#tertiary-stories .border-bottom {
  border-bottom: 1px solid #ccc;
  margin-left: 0.234375em;
  margin-right: 0.234375em;
  margin-bottom: 0.950em;
}

#tertiary-stories .img-first {
  padding-bottom: 1em;
  margin-left: -0.9375em;
}

#tertiary-stories .img {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-left: -0.9375em;
}

#tertiary-stories .text {
  margin-right: -0.9375em;
}

#tertiary-stories .text h3 {
  margin-top: 25px;
}

#load-more-div p {
  font-family: 'Helvetica-Bold', 'Helvetica', sans-serif;
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  text-align: center;
  color: #000;
}

#load-more-div p a:link, #load-more-div p a:active, #load-more-div p a:visited {
  color: #000;
}

.penn-oak-holder img {
	width: 100%;
}

.penn-oak-holder h3 {
  font-family: 'Helvetica-Bold', 'Helvetica', sans-serif;
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 7.5px;
  word-wrap: break-word;
  text-transform: uppercase;
}

.penn-oak-holder h3 a:link, .penn-oak-holder h3 a:active, .penn-oak-holder h3 a:visited, .penn-oak-holder h3 a:hover {
  color: #000;
  text-decoration: none;
}

.penn-oak-button {
	display: block;
	position: absolute;
	width: 35px;
	height: 35px;
	z-index: 999;
	bottom: 30px; /*10px;*/
	right: 35px;
}

.penn-oak-soon-button {
	display: block;
	position: relative;
	float: left;
	width: 138px;
	height: 37px;
	z-index: 999;
	margin-top: -65px;
	margin-left: 350px;
}

#single .penn-oak-info-box {
	display: block;
	width: 100%;
	height: 288.55px;
}

#single .penn-oak-info-box p {
	font-family: 'HelveticaNeue','Helvetica Neue','Arial',sans-serif;
	font-size: 28px;
	font-weight: 300;
	line-height: 38px;
	padding: 25px;
	text-align: center;
	color: #fff;
}

img.penn-oak-small-logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 25%;
	/*width: 125px;*/
	margin-top: -25px;
}

#single .penn-oak-info-box.black {
	background: #000;
	color: #fff;
}

#single .penn-oak-info-box.black a:link, #single .penn-oak-info-box.black a:active, #single .penn-oak-info-box.black a:visited {
	text-decoration:  none;
	color: #fff;
}

#single .penn-oak-info-box.black a:hover {
	text-decoration: none;;
	color: #25487C;
}

#single .penn-oak-info-box.blue {
	background: #25487C;
	color: #fff;
}

#single .penn-oak-info-box.gold {
	background: #9A8D02;
	color: #fff;
}

#single .penn-oak-info-box.gold a:link, #single .penn-oak-info-box.gold a:active, #single .penn-oak-info-box.gold a:visited {
	text-decoration:  none;
	color: #fff;
}

#single .penn-oak-info-box.gold a:hover {
	text-decoration: none;;
	color: #25487C;
}

#property-info {
	display: block;
	position: static;
	width: 101.5%;
	padding: 15px 25px;
	margin-bottom: 10px;
	margin-left: -0.25em;
	background: #3E6DB6;
}

#property-info h2 {
	font-family: 'HelveticaNeue-Bold','Helvetica Neue','Arial',sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}

#property-info-inner {
  display: block;
  width: 100%;
  height: 77px;
  background-color: #3E6DB6;
  margin-left: -0.12em;
}

#property-info-inner.property {
	height: auto;
	margin-left: 0;
}

#property-info-inner h4 {
	font-family: 'Helvetica', sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #fff;
	word-wrap: break-word;
	text-align: center;
  padding: 15px;
}

#property-info-inner.property span {
	display: block;
	font-family: "Impact";
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

#property-info-inner.property p {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
}

#property-links p {
	display: block;
	background: #000;
	width: 100%;
	font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 10px;
	padding-top: 25px;
  padding-bottom: 25px;
	color: #ebebeb;
	letter-spacing: 0.03em;
	word-wrap: break-word;
	text-align: center;
}

#property-links p a:link, #property-links p a:active, #property-links p a:visited {
	text-decoration: none;
	color: #fff;
}

#property-links p a:hover {
	text-decoration: none;
	color: #fff;
}

.channel-poster {
	display: block;
	/*margin-left: -1em;
	margin-bottom: 1em;*/
}

.channel-poster img {
	width: 100%;
}

.channel-poster p {
  font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 700;
  /*line-height: 23px;*/
	text-align: center;
	margin-bottom: 11px;
  word-wrap: break-word;
}

.channel-poster a:link, .channel-poster a:active, .channel-poster p a:visited {
	color: #000;
	text-decoration: none;
}

.channel-poster a:hover {
	color: #000;
	text-decoration: underline;
}

#advertising {
	display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70px;
	/*background:rgba(0,0,0, 0.5);*/
  background: #000;
	padding: 5px 0px 5px 2.5px;
}

#advertising img {
	width: 164px;
	height: 60px;
}

#footer {
	float: left;
	clear: left;
	width: 100%;
	background: #000;
}

#footer-logo img {
	float: left;
	margin-top: 15px;
	margin-left: 30%;
	height: 100px;
}

#footer-branding p {
	font-family: 'Baskerville-Bold', 'Baskerville', 'Times New Roman', serif;
	font-size: 60px;
	font-weight: 700;
	color: #fff;
	word-wrap: break-word;
	line-height: 70px;
	margin-top: 35px;
	margin-left: 30px;
}

#footer-branding p a:link, #footer-branding p a:active, #footer-branding p a:visited, #footer-branding p a:hover {
	color: #fffefe;
	text-decoration: none;
}

#footer-bottom {
	padding-top: 25px;
}

#footer-bottom .pad {
	padding-left: 100px;
}

#footer-bottom h4 {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	color: #fff;
	word-wrap: break-word;
	line-height: 28px;
	margin-bottom: 11px;
	margin-left: 11px;
}

#footer-bottom ul {
	list-style-type: none;
	margin-left: 11px;
	margin-bottom: 15px;
}

#footer-bottom li {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 11px;
	margin-top: 0px;
	color: #fefefe;
	word-wrap: break-word;
}

#footer-bottom a:link, #footer-bottom a:active, #footer-bottom a:visited {
	color: #fefefe;
	text-decoration: none;
}

#footer-bottom a:hover {
	color: #fefefe;
	text-decoration: underline;
}

#footer-copyright p {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin-top: 0px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 11px;
	color: #fefefe;
	word-wrap: break-word;
}

/***** SEARCH STYLES *****/
/***** https://www.w3schools.com/howto/howto_css_fullscreen_search.asp *****/
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: 40%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay #closeBtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 40px;
  cursor: pointer;
  color: white;
}

.overlay #closeBtn:hover {
  color: #ccc;
}

.overlay input[type=text] {
  padding: 15px;
  font-size: 20px;
  border: none;
  float: left;
  width: 95%;
	height: 60px;
  background: white;
}

.overlay input[type=text]::-webkit-input-placeholder { /* Edge */
  color: #000;
}

.overlay input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.overlay input[type=text]::placeholder {
  color: #000;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button {
  float: left;
  width: 5%;
	height: 60px;
  padding: 15px;
  background: #ddd;
  font-size: 30px;
  border: none;
  cursor: pointer;
	color: #333;
}

.overlay button:hover {
  background: #bbb;
}

/* ----------- Small Screens ----------- */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
  #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  #mobile-header img {
		display: block;
    float: left;
    margin-top: -50px; /*5px;*/
    margin-left: -20%;
    height: 48px;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header-small {
    margin-top: -50px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  #footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 45%;
  	height: 100px;
  }

  #advertising {
    float: left;
    height: auto;
  }
}

/* https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  #wpadminbar, #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  .off-canvas-wrap {
    margin-top: 0px; /*-46px;*/
  }

  #mobile-header img {
		display: block;
    float: left;
		width: 70%;
    height: 35px;
		margin-top: -45px; /*8.5px;*/
    margin-left: -32.5%;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header {
    margin-top: -45px;
  }

  .story-pic-header h3 {
    font-size: 25px;
    line-height: 25px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #tertiary-stories .img-first {
    padding-bottom: 0;
    margin-left: 0;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 35%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  #wpadminbar, #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  .off-canvas-wrap {
    margin-top: 0px; /*-46px;*/
  }

  #mobile-header img {
		display: block;
    float: left;
		width: 70%;
    height: 35px;
		margin-top: -45px; /*8.5px;*/
    margin-left: -32.5%;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header {
    margin-top: -45px;
  }

  .story-pic-header h3 {
    font-size: 25px;
    line-height: 25px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #tertiary-stories .img-first {
    padding-bottom: 0;
    margin-left: 0;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 35%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  #wpadminbar, #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  .off-canvas-wrap {
    margin-top: 0px; /*-46px;*/
  }

  #mobile-header img {
		display: block;
    float: left;
		width: 70%;
    height: 35px;
		margin-top: -45px; /*8.5px;*/
    margin-left: -32.5%;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header {
    margin-top: -45px;
  }

  .story-pic-header h3 {
    font-size: 25px;
    line-height: 25px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #tertiary-stories .img-first {
    padding-bottom: 0;
    margin-left: 0;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 35%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  #wpadminbar, #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  .off-canvas-wrap {
    margin-top: 0px; /*-46px;*/
  }

  #mobile-header img {
		display: block;
    float: left;
		width: 70%;
    height: 35px;
		margin-top: -45px; /*8.5px;*/
    margin-left: -32.5%;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header {
    margin-top: -45px;
  }

  .story-pic-header h3 {
    font-size: 25px;
    line-height: 25px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #tertiary-stories .img-first {
    padding-bottom: 0;
    margin-left: 0;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 35%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px)and (device-height: 640px)and (-webkit-device-pixel-ratio: 2) {
  #wpadminbar, #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  .off-canvas-wrap {
    margin-top: 0px; /*-46px;*/
  }

  #mobile-header img {
		display: block;
    float: left;
		width: 70%;
    height: 35px;
		margin-top: -45px; /*8.5px;*/
    margin-left: -32.5%;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header {
    margin-top: -45px;
  }

  .story-pic-header h3 {
    font-size: 25px;
    line-height: 25px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #tertiary-stories .img-first {
    padding-bottom: 0;
    margin-left: 0;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 35%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px)and (device-height: 640px)and (-webkit-device-pixel-ratio: 3) {
  #wpadminbar, #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  .off-canvas-wrap {
    margin-top: 0px; /*-46px;*/
  }

  #mobile-header img {
		display: block;
    float: left;
		width: 70%;
    height: 35px;
		margin-top: -45px; /*8.5px;*/
    margin-left: -32.5%;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header {
    margin-top: -45px;
  }

  .story-pic-header h3 {
    font-size: 25px;
    line-height: 25px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #tertiary-stories .img-first {
    padding-bottom: 0;
    margin-left: 0;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 35%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- Galaxy S6 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px)and (device-height: 640px)and (-webkit-device-pixel-ratio: 4) {
  #wpadminbar, #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  .off-canvas-wrap {
    margin-top: 0px; /*-46px;*/
  }

  #mobile-header img {
		display: block;
    float: left;
		width: 70%;
    height: 35px;
		margin-top: -45px; /*8.5px;*/
    margin-left: -32.5%;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header {
    margin-top: -45px;
  }

  .story-pic-header h3 {
    font-size: 25px;
    line-height: 25px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #tertiary-stories .img-first {
    padding-bottom: 0;
    margin-left: 0;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 35%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- Google Pixel ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  #wpadminbar, #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  .off-canvas-wrap {
    margin-top: 0px; /*-46px;*/
  }

  #mobile-header img {
		display: block;
    float: left;
		width: 70%;
    height: 35px;
		margin-top: 8.5px; /*-45px;*/ /*8.5px;*/
    margin-left: -32.5%;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header {
    margin-top: -45px;
  }

  .story-pic-header h3 {
    font-size: 25px;
    line-height: 25px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #tertiary-stories .img-first {
    padding-bottom: 0;
    margin-left: 0;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 35%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- Google Pixel XL ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
  #wpadminbar, #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  .off-canvas-wrap {
    margin-top: 0px; /*-46px;*/
  }

  #mobile-header img {
		display: block;
    float: left;
		width: 70%;
    height: 35px;
		margin-top: -45px; /*8.5px;*/
    margin-left: -32.5%;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header {
    margin-top: -45px;
  }

  .story-pic-header h3 {
    font-size: 25px;
    line-height: 25px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #tertiary-stories .img-first {
    padding-bottom: 0;
    margin-left: 0;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 35%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  #main-navigation, #left-column, #fancy-main-image, #footer-branding, #footer, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  #mobile-header img {
		display: block;
    float: left;
    margin-top: -50px; /*5px;*/
    margin-left: -25%;
    height: 48px;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 45%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* Landscape (3rd column) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #mobile-header, #main-navigation, #footer {
		display: none;
	}

	#toggle-menu, #left-column, #right-column, #fancy-main-image {
		display: block;
	}

  #fancy-main-image div.featureImage img {
    width: 100%;
    height: 100%;
  }

  #fancy-logo {
    top: 150px;
  }

  #fancy-header {
    top: 152px;
  }

  #fancy-header h1 {
    font-size: 35px;
  }

  #logo p {
    font-size: 12px;
  }

  #left-column span {
    font-size: 15px;
    line-height: 20px;
  }

  #destinations ul li div {
    display: none;
  }

  #left-column #feature-stories p {
    font-size: 20px;
    line-height: 20px;
  }

  #network-links p, #network-links p.partnership {
    font-size: 16px;
  }

  #network-links img {
    width: 100%;
  }

  #network-links p.extras img {
    margin-left: 10px;
  }

  #network-links p.extras, #network-links p.extras span.yellow-x {
    font-size: 30px;
  }

  .story-pic-header {
    margin-top: -50px;
  }

  .story-pic-header h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .story-pic-header-small {
    margin-top: -25px;
  }

  .story-pic-header-small h4 {
    font-size: 15px;
    line-height: 15px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  #secondary-stories h3 {
    font-size: 14px;
    line-height: 21px;
  }

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Landscape (no 3rd column) */
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #mobile-header, #main-navigation, #left-column, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#toggle-menu, #right-column, #fancy-main-image {
		display: block;
	}

  #fancy-main-image div.featureImage img {
    width: 100%;
    height: 100%;
  }

  #fancy-logo {
    top: 220px;
  }

  #fancy-header {
    top: 222px;
  }

  #network-links img {
    width: 100%;
  }

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait */
@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  #mobile-header img {
		display: block;
    float: left;
    margin-top: -50px; /*5px;*/
    margin-left: -25%;
    height: 48px;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 45%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #mobile-header, #main-navigation, #footer {
		display: none;
	}

	#toggle-menu, #left-column, #right-column, #fancy-main-image {
		display: block;
	}

  #fancy-main-image div.featureImage img {
    width: 100%;
    height: 100%;
  }

  #fancy-logo {
    top: 150px;
  }

  #fancy-header {
    top: 152px;
  }

  #fancy-header h1 {
    font-size: 35px;
  }

  #logo p {
    font-size: 12px;
  }

  #left-column span {
    font-size: 15px;
    line-height: 20px;
  }

  #destinations ul li div {
    display: none;
  }

  #left-column #feature-stories p {
    font-size: 20px;
    line-height: 20px;
  }

  #network-links p, #network-links p.partnership {
    font-size: 16px;
  }

  #network-links img {
    width: 100%;
  }

  #network-links p.extras img {
    margin-left: 10px;
  }

  #network-links p.extras, #network-links p.extras span.yellow-x {
    font-size: 30px;
  }

  .story-pic-header {
    margin-top: -50px;
  }

  .story-pic-header h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .story-pic-header-small {
    margin-top: -25px;
  }

  .story-pic-header-small h4 {
    font-size: 15px;
    line-height: 15px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  #secondary-stories h3 {
    font-size: 14px;
    line-height: 21px;
  }

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- iPad Pro 10.5" ----------- */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  #mobile-header img {
		display: block;
    float: left;
    margin-top: -50px; /*5px;*/
    margin-left: -25%;
    height: 48px;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 45%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #mobile-header, #main-navigation, #footer {
		display: none;
	}

	#toggle-menu, #left-column, #right-column, #fancy-main-image {
		display: block;
	}

  #fancy-main-image div.featureImage img {
    width: 100%;
    height: 100%;
  }

  #fancy-logo {
    top: 150px;
  }

  #fancy-header {
    top: 152px;
  }

  #fancy-header h1 {
    font-size: 35px;
  }

  #logo p {
    font-size: 12px;
  }

  #left-column span {
    font-size: 15px;
    line-height: 20px;
  }

  #destinations ul li div {
    display: none;
  }

  #left-column #feature-stories p {
    font-size: 20px;
    line-height: 20px;
  }

  #network-links p, #network-links p.partnership {
    font-size: 16px;
  }

  #network-links img {
    width: 100%;
  }

  #network-links p.extras img {
    margin-left: 10px;
  }

  #network-links p.extras, #network-links p.extras span.yellow-x {
    font-size: 30px;
  }

  .story-pic-header {
    margin-top: -50px;
  }

  .story-pic-header h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .story-pic-header-small {
    margin-top: -25px;
  }

  .story-pic-header-small h4 {
    font-size: 15px;
    line-height: 15px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  #secondary-stories h3 {
    font-size: 14px;
    line-height: 21px;
  }

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  #mobile-header img {
		display: block;
    float: left;
    margin-top: -50px; /*5px;*/
    margin-left: -25%;
    height: 48px;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 45%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #mobile-header, #main-navigation, #footer {
		display: none;
	}

	#toggle-menu, #left-column, #right-column, #fancy-main-image {
		display: block;
	}

  #fancy-main-image div.featureImage img {
    width: 100%;
    height: 100%;
  }

  #fancy-logo {
    top: 150px;
  }

  #fancy-header {
    top: 152px;
  }

  #fancy-header h1 {
    font-size: 35px;
  }

  #logo p {
    font-size: 12px;
  }

  #left-column span {
    font-size: 15px;
    line-height: 20px;
  }

  #destinations ul li div {
    display: none;
  }

  #left-column #feature-stories p {
    font-size: 20px;
    line-height: 20px;
  }

  #network-links p, #network-links p.partnership {
    font-size: 16px;
  }

  #network-links p.extras img {
    margin-left: 10px;
  }

  #network-links p.extras, #network-links p.extras span.yellow-x {
    font-size: 30px;
  }

  #network-links img {
    width: 100%;
  }

  .story-pic-header {
    margin-top: -50px;
  }

  .story-pic-header h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .story-pic-header-small {
    margin-top: -25px;
  }

  .story-pic-header-small h4 {
    font-size: 15px;
    line-height: 15px;
  }

  #default-story-title h2 {
    font-size: 20px;
    line-height: 25px;
  }

  #secondary-stories h3 {
    font-size: 14px;
    line-height: 21px;
  }

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- Galaxy Tab 2 ----------- */
/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px) {
  #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  #mobile-header img {
		display: block;
    float: left;
    margin-top: -50px; /*5px;*/
    margin-left: -25%;
    height: 48px;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 45%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- Galaxy Tab S ----------- */
/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px)and (-webkit-min-device-pixel-ratio: 2) {
  #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  #mobile-header img {
		display: block;
    float: left;
    margin-top: -50px; /*5px;*/
    margin-left: -25%;
    height: 48px;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 45%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- Nexus 7 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
  #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  #mobile-header img {
		display: block;
    float: left;
    margin-top: -50px; /*5px;*/
    margin-left: -25%;
    height: 48px;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 45%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}

/* ----------- Nexus 9 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 1536px) and (device-height: 2048px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
  #main-navigation, #left-column, #fancy-main-image, #footer, #footer-branding, #footer-bottom, #footer-copyright {
		display: none;
	}

	#mobile-header, #toggle-menu, #right-column {
		display: block;
	}

  #mobile-header img {
		display: block;
    float: left;
    margin-top: -50px; /*5px;*/
    margin-left: -25%;
    height: 48px;
	}

  #main-column {
    margin: 0;
    padding: 0;
  }

  .story-pic-header-small {
    margin-top: -40px;
  }

  .story-pic-header-small h4 {
    float: left;
    color: #fff;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px;
    word-wrap: break-word;
    text-transform: uppercase;
  }

  #secondary-stories h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #network-links-holder #network-links {
    margin-left: 0;
    margin-right: 4px;
  }

  #network-links img {
    width: 100%;
  }

  /*#footer-logo img {
  	float: left;
  	margin-top: 15px;
  	margin-left: 45%;
  	height: 100px;
  }*/

  #advertising {
    float: left;
    height: auto;
  }
}