@charset "UTF-8";
/*!
Theme Name: Nate
Theme URI: http://underscores.me/
Author: Robert Patten
Author URI: http://eastidahonews.com
Description: Theme for EastIdahoNews.com
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nate
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Nate is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

# Nate Main
	- Basic variables
	- Fonts

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.site {
  display: grid;
  grid-template-columns: auto 25%;
  grid-template-areas: "header header" "main sidebar" "footer footer";
}

.site-header {
  grid-area: header;
}

.site-main {
  grid-area: main;
  overflow: hidden;
  /* Resolves issue with <pre> elements forcing full width. */
}

.widget-area {
  grid-area: sidebar;
}

.site-footer {
  grid-area: footer;
}

.no-sidebar .site {
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "header" "main" "footer";
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Nate Main
--------------------------------------------------------------*/
/* Basic variables
--------------------------------------------- */
/* Basic extends
--------------------------------------------- */
#sports-scores-top .more-scores-container #more-scores a, .category-box a, p#social-footer a, #footer-grid ul li a {
  text-decoration: none;
  color: inherit;
}
#sports-scores-top .more-scores-container #more-scores a:hover, .category-box a:hover, p#social-footer a:hover, #footer-grid ul li a:hover, #sports-scores-top .more-scores-container #more-scores a:visited, .category-box a:visited, p#social-footer a:visited, #footer-grid ul li a:visited {
  text-decoration: none;
  color: inherit;
}
#sports-scores-top .more-scores-container #more-scores a:hover, .category-box a:hover, p#social-footer a:hover, #footer-grid ul li a:hover {
  font-weight: bold;
}

/* Basic CSS devices and classes
--------------------------------------------- */
a {
  text-decoration: none;
  color: #2f2d2d;
}
a:visited {
  color: #2f2d2d;
}
a:hover {
  color: #164FB5;
}
p a, p a:visited, p a:visited, li a, li a:visited, li a:visited {
  color: #164FB5;
}
.featured-headline a, .featured-headline a:hover, .featured-headline a:visited, #footer-grid a, #footer-grid a:visited, #footer-grid a:hover {
  color: #ffffff;
}

ul ul, ol ol {
  margin-left: 5px;
}

ul ul {
  list-style: circle;
}

.desktopOnly, .desktop-only {
  display: none;
}

@media screen and (min-width: 1000px) {
  .desktopOnly, .desktop-only {
    display: block;
  }

  .mobileOnly, .mobile-only {
    display: none;
  }
}
/******** App styles ********/
/* When you put something inside an app class, it won't appear on the website, but it will appear on the app. In the noapp class, nothing will change on the website, but the content will be deleted before it reaches the app. */
.app {
  display: none;
}

/* Here as a reference only -- RSS generator takes care of not showing noapp class in app. */
embed {
  display: none;
}

/* Placing code in <embed type="raw"> tag will let it show up on the app, but on the website, we get an error. display:none on an embed tag does not affect the elements inside. */
.load-more, .loadmore, .fancybutton, .add_to_cart_button, .button, input.gform_button, .gform_save_link {
  cursor: pointer;
  color: #ffffff !important;
  background-color: #164FB5;
  font-size: 22px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 24pt;
  display: table;
  margin: 10px auto 0 auto;
  transition: all 0.3s;
  grid-column: 1/-1;
}
.load-more:hover, .loadmore:hover, .fancybutton:hover, .add_to_cart_button:hover, .button:hover, input.gform_button:hover, .gform_save_link:hover {
  background-color: #e42c29;
  color: #ffffff;
}

.gform_save_link {
  background-color: #2f2d2d;
  font-size: 18px;
  line-height: 19px;
}

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

.alignleft, .alignright {
  float: none;
  display: block;
  width: 100%;
  padding-bottom: 30px;
  margin: 0;
}

.aligncenter, .align-center {
  display: block;
  margin: 0 auto;
}

.sidebar, .side-bar {
  background-color: #f0efef;
  padding: 10px;
}

.sidebar h2:first-of-type, .sidebar h3:first-of-type, .side-bar h2:first-of-type, .side-bar h3:first-of-type {
  margin-top: 0;
}

@media screen and (min-width: 1000px) {
  .alignright {
    float: right;
    margin: 0 0 10px 20px;
  }

  .alignleft {
    float: left;
    margin: 0 40px 10px 0;
  }
}
a.special-button {
  color: #ffffff !important;
}

.special-button {
  border: 0;
  cursor: pointer;
  color: #ffffff;
  background-color: #164FB5;
  font-size: 22px;
  padding: 8px;
  font-family: "Karla", Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 24pt;
  transition: all 0.3s;
  width: 100%;
}

.special-button:hover {
  background-color: #e42c29;
  color: #ffffff;
}

.special-button-reverse-color {
  background-color: #e42c29;
}

.special-button-reverse-color:hover {
  background-color: #164FB5;
}

.button-lineup, .button-lineup a {
  display: block;
  margin-bottom: 10px;
}

@media screen and (min-width: 1000px) {
  .button-lineup {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 5px;
    margin-bottom: 15px;
    max-height: 50px;
  }

  .button-lineup a {
    display: inline;
  }
}
#bio-button {
  display: block;
}

.button-div {
  background-color: #e42c29;
  display: inline-block;
  min-height: 35px;
  overflow: hidden;
  margin-bottom: 15px;
  margin-right: 10px;
}

@media (max-width: 800px) {
  .button-div {
    width: 100%;
    margin: 0 auto 15px auto;
    display: block;
  }
}
a.trans_button, .trans_button {
  border: none;
  display: inline-block;
  font-size: 1.2em;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  color: #ffffff !important;
  text-decoration: none;
  padding: 7px 30px;
  background-color: transparent;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  text-align: center;
  display: block;
}

a.trans_button:hover {
  text-decoration: none;
  background-color: #3f3f3f;
  border: solid 1px #3f3f3f;
}

/* Fonts
--------------------------------------------- */
body {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 13pt;
  height: auto;
  color: #2f2d2d;
  line-height: normal;
}

h1 {
  font-size: 22pt;
}

h2 {
  font-size: 20pt;
}

h3 {
  font-size: 18pt;
}

h4 {
  font-size: 16pt;
}

h5, h6 {
  font-size: 13pt;
}

.hidden-headline {
  display: none;
}

p {
  margin-bottom: 0.75em;
}

#articleText ul, #articleText ol, #most-popular ul, #most-popular ul, .most-popular-column ul, .sidebar ul, .sidebar ol, footer ol, footer ul {
  margin: 1em 0 1.5em 0 !important;
}

#articleText ul li, #articleText ol li {
  margin-bottom: 15px;
}

#articleText ul, #articleText ol {
  margin-bottom: 0;
  margin-left: 0;
}

@media screen and (min-width: 1000px) {
  body {
    font-size: 13.5pt;
  }
}
/*
Basic grid layout
--------------------------------------------- */
.site {
  display: grid !important;
  grid-template-columns: auto !important;
  grid-template-areas: "pushdown" "header-pic" "sports-scores-top" "header" "breaking" "top-news-banner" "leaderboard" "santa-banner" "woocommerce-announcement" "main" "footer" !important;
}
.site:not(#pushdown-container), .site:not(header#masthead), .site:not(#breaking-news-container), .site:not(#leaderboard-container), .site:not(main), .site:not(footer#colophon), .site:not(#footerboard) {
  display: none;
}

#header-pic {
  grid-area: header-pic;
}
#header-pic img {
  margin-bottom: -5px;
}

.post, .page {
  margin-bottom: 0 !important;
}

/*
Pushdown & leaderboard & woocommerce banner
--------------------------------------------- */
#pushdown-container {
  text-align: center;
  grid-area: pushdown;
  overflow: hidden;
}

#leaderboard-container {
  text-align: center;
  grid-area: leaderboard;
  margin: 10px 0 10px 0;
  overflow: hidden;
}

#breaking-news-container {
  grid-area: breaking;
  margin-bottom: 10px;
}

#woocommerce-banner {
  grid-area: woocommerce-announcement;
}

@media screen and (min-width: 1000px) {
  #leaderboard-container {
    margin: 20px 0;
  }

  #breaking-news-container {
    margin-top: 0;
    margin-bottom: 15px;
  }
}
/* Menu and header 
--------------------------------------------- */
header#masthead {
  width: 100%;
  height: 85px;
  background: #2f2d2d;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 35px;
  grid-area: header;
}

#header-menu-holder {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  height: 100%;
  grid-template-columns: 85px auto;
  grid-template-rows: 80% auto;
}

.site-branding {
  height: 100%;
  background-color: #e42c29;
  color: #ffffff;
  grid-row: 1/-1;
  grid-column: 1;
  z-index: 10;
}

#sports-logo {
  width: 145px;
  padding: 2px;
}

#header-top-level {
  grid-row: 1;
  grid-column: 2/-1;
  color: #ffffff;
  height: 100%;
}

#header-bottom-level {
  grid-row: 2;
  grid-column: 2/-1;
  display: grid;
  grid-template-columns: 3fr 1fr;
}

button.menu-toggle {
  background-color: transparent;
  border: 0;
  color: #ffffff;
  font-size: 26pt;
  margin: -10px 10px 0 auto;
  padding: 0;
}

.main-navigation {
  background-color: #2f2d2d;
  padding-top: 20px;
  grid-column: 2;
}

.main-navigation ul ul {
  float: none;
}

.main-navigation a {
  color: #ffffff;
}
.main-navigation a:hover {
  font-weight: bold;
}

.main-navigation li {
  padding: 8px;
}

li.focus ul.sub-menu {
  width: 100%;
  position: static;
}

.main-navigation ul li.focus > ul {
  position: absolute;
  background-color: #2f2d2d;
  margin-left: -10px;
  padding-left: 10px;
}

.main-navigation ul ul {
  box-shadow: none;
}

li.menu-item-has-children > a:after {
  content: "▼";
}

ul.sub-menu {
  margin-top: -10px;
  margin: -5px 0 -20px 0;
}

.site-branding {
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-branding a img {
  width: 500px;
  padding: 10px;
}
.site-branding a img#square {
  margin-right: 10px;
  display: block;
}
.site-branding a img#horizontal {
  display: none;
}
.site-branding img {
  margin: 0 auto;
}

div.mega-menu-wrap {
  margin-top: -10px;
}

#weather {
  padding: 10px 10px 0 10px;
  grid-column: 1/2;
  display: grid;
  grid-template-columns: 1fr 140px;
  column-gap: 5px;
  margin: 0 auto 10px auto;
  align-items: center;
  z-index: 1000;
  font-size: 12pt;
}
#weather a {
  color: #ffffff;
}
#weather p {
  margin: -3px 0 0 0;
}
#weather .weather-current {
  grid-column: 1/2;
}
#weather .weather-current .weather-condition {
  font-size: 12pt;
}
#weather .weather-current .weather-temp {
  font-size: 25pt;
}
#weather .weather-sponsor {
  grid-column: 2/-1;
  display: flex;
  margin-bottom: 0;
}
#weather .weather-sponsor img#weatherSponsorImage {
  max-width: 90%;
}

#current-weather-header {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
#current-weather-header img {
  max-width: 35px;
}

#sponsorWeather {
  grid-column: 2;
}

#sponsorWeather img {
  max-height: 40px;
  margin: 10px 0;
}

.textwidget {
  align-self: flex-end;
}

.tip a {
  color: #f0efef;
}
.tip a:hover {
  color: #f0efef;
}

.tip-desktop {
  text-align: right;
  display: none;
  margin: auto 10px auto 0;
}

.tip-mobile {
  color: #f0efef;
  background-color: #2f2d2d;
  text-align: center;
  padding: 5px;
  width: 100%;
  margin-top: 17px;
  font-size: 0.6em;
  grid-column: 1;
}

div#___gcse_0 {
  margin-top: 20px;
}

.mobile-search {
  font-size: 1.3em;
}

table.gsc-search-box {
  border-spacing: 12px 0;
}

table#gs_id50 {
  margin-bottom: 5px;
}

.gsc-input-box {
  max-height: 35px !important;
  padding-top: 0 !important;
}

.gsc-search-button-v2 {
  padding: 16px 20px !important;
}

table.gsc-completion-container {
  margin-top: 2.5em;
}

.spacer {
  height: 50px;
}

.gsc-above-wrapper-area {
  display: block !important;
}

@media screen and (min-width: 1000px) {
  header#masthead {
    background: linear-gradient(180deg, #2f2d2d 80%, #f0efef 20%);
    height: 100px;
    margin-bottom: 0;
  }

  #header-menu-holder {
    grid-template-columns: 180px auto;
  }

  .site-branding {
    grid-row: 1;
  }

  #header-top-level {
    display: grid;
    grid-template-columns: 1fr 2fr;
    justify-content: left;
  }

  #header-bottom-level {
    grid-column: 1/-1;
  }

  #primary-menu {
    margin-top: -10px;
  }

  .mobile-search {
    display: none;
  }

  .main-navigation {
    background-color: transparent;
    padding-top: 0;
    grid-column: 1/-1;
  }

  .main-navigation li {
    padding: 8px;
  }

  .main-navigation a {
    font-weight: bold;
    font-size: 0.5em;
    color: #2f2d2d;
  }
  .main-navigation a:hover {
    color: #ffffff;
    background-color: #2f2d2d;
    padding: 2px;
  }
  .main-navigation a .main-navigation ul ul a {
    width: fit-content;
    min-width: 100px;
    max-width: 200px;
    text-align: center;
  }

  li.focus ul.sub-menu {
    width: auto;
    margin: 5px 0 0 0;
  }

  ul.sub-menu {
    background-color: #f0efef;
  }

  .main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }

  .site-branding a img#square {
    display: none;
  }
  .site-branding a img#horizontal {
    display: block;
  }

  .tip-desktop {
    grid-column: 3/-1;
    display: grid;
    text-align: center;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    font-size: 0.75em;
    padding-left: 10px;
  }
  .tip-desktop .tip-link {
    grid-column: 1;
    grid-row: 1;
    display: block;
  }
  .tip-desktop .tip-phone {
    grid-column: 1;
    grid-row: 2;
    display: block;
  }
  .tip-desktop .desktop-search {
    grid-column: 2;
    grid-row: 1/-1;
    display: block;
    font-size: 2em;
    align-self: center;
  }

  .tip-mobile {
    display: none;
  }

  .main-navigation ul li.focus > ul {
    position: static;
    background-color: auto;
    margin-left: 0;
    padding-left: 0;
  }

  .main-navigation ul ul a {
    width: fit-content;
    white-space: nowrap;
  }

  .main-navigation ul {
    column-gap: 10px;
  }

  #mega-menu-max_mega_menu_1 > .mega-menu-item > .mega-menu-link {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    display: inline !important;
  }

  #weather {
    display: grid;
    grid-template-columns: 1fr 165px;
    grid-gap: 15px;
    justify-self: start;
    align-self: start;
    margin: 0;
    padding: 0 0 0 10px;
  }

  #current-weather-header {
    margin-top: -5px;
  }

  #sponsorWeather img {
    max-height: 50px;
  }

  #sports-logo {
    width: 138px;
    padding: 10px;
  }
}
@media screen and (min-width: 600px) and (max-width: 699px) {
  .tip-desktop {
    font-size: 0.5em;
  }
}
/* Footer 
--------------------------------------------- */
footer#colophon {
  background-color: #e42c29;
  color: #ffffff;
  padding: 10px;
  margin-top: 10px;
  grid-area: footer;
}

#footer-grid {
  font-size: 1em;
  width: 75%;
  margin: 0 auto;
  text-transform: uppercase;
}

#footer-grid section {
  margin: 0;
}

#footer-grid ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#footer-grid ul li {
  padding: 10px;
}

#footer-logo {
  width: 85%;
  max-width: 350px;
  text-align: center;
  display: block;
  margin: 0 auto 10px auto;
}

#copyright-container p {
  text-align: center;
}

p#social-footer a {
  padding: 7px;
}

p#social-footer {
  margin: 30px 0 10px 0;
  font-size: 2em;
}

#copyright p {
  margin: 0;
}

@media screen and (min-width: 1000px) {
  #footer-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
  }

  #footer-1 {
    grid-row: 1;
    grid-column: 1/2;
  }

  #footer-2 {
    grid-row: 1;
    grid-column: 2/3;
  }

  #footer-3 {
    grid-row: 1;
    grid-column: 3/-1;
  }

  #copyright-container {
    grid-row: 2;
    grid-column: 1/-1;
  }
}
/* Main 
--------------------------------------------- */
main {
  width: 100%;
  padding: 0 10px;
  margin-top: 0;
  grid-area: main;
}

main img {
  width: 100%;
}

.size-vertical-resize {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  width: auto;
}

@media screen and (min-width: 1199px) {
  main {
    padding: 0;
    margin-top: 0;
  }
}
.top-banner {
  color: white;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
}
.top-banner a {
  color: white !important;
}
.top-banner a:hover {
  color: white !important;
}
.top-banner a:visited {
  color: white !important;
}
.top-banner:hover {
  background-color: #e42c29;
}
.top-banner h3 {
  font-size: 13pt;
  margin-top: 10px;
  margin-bottom: 0;
  color: white;
}
.top-banner h2 {
  border: 5px double #f0efef;
  padding: 10px;
  margin-bottom: 10px;
  color: white;
}

.top-banner h2, .top-banner p, .top-banner div {
  margin: 0;
}

#breaking-news {
  grid-area: breaking;
  color: white;
  background-color: #164FB5;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  margin-top: 7px;
}
#breaking-news h2 {
  border: 5px double #f0efef;
  padding: 10px;
  margin-bottom: 10px;
}

.daybell-button-lineup-top a, #top-news-banner {
  background-color: #F3EAE5;
  border: #e42c29 10px solid;
}
.daybell-button-lineup-top a:hover, #top-news-banner:hover {
  border-color: #164FB5;
}

#get-more-sports-banner, #top-news-banner {
  text-align: center;
  margin-top: 10px !important;
  overflow: hidden;
  display: grid;
  width: 100%;
  font-size: 1.5em;
  font-weight: bold;
}

#sports-side-column .news-article-no-image:nth-of-type(n+2) .category-box, #sports-side-column .story-lineup > .news-article-no-image:nth-of-type(1) .category-box, #get-more-sports-banner {
  font-size: 0.9em;
  font-family: Courier, Arial, sans-serif;
  font-weight: bold;
}

#top-news-banner {
  grid-area: top-news-banner;
}
#top-news-banner a, #top-news-banner a:hover {
  color: #2f2d2d !important;
}

#get-more-sports-banner {
  background-color: #e42c29;
  color: #f0efef;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  font-size: 1em;
}
#get-more-sports-banner img {
  max-width: 100px;
}
#get-more-sports-banner a:hover {
  font-weight: bold;
}

#santa-banner {
  background-color: lightgreen;
  width: 100%;
  margin: 10px auto 0 auto;
  position: sticky;
  top: 0;
  z-index: 3000;
}
#santa-banner h3 {
  font-size: 11pt;
}
#santa-banner a, #santa-banner a:hover, #santa-banner a:visited {
  color: #e42c29 !important;
  font-weight: bold;
}

@media screen and (min-width: 1000px) {
  .top-banner h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }
  .top-banner h3 .textwidget {
    align-self: center;
  }

  #breaking-news {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 10px;
  }

  #breaking-news h3 {
    font-size: 18pt;
  }

  #breaking-news h2 {
    margin-bottom: 0;
    font-size: 18pt;
  }

  #santa-banner {
    position: static;
    margin-bottom: 15px;
  }
  #santa-banner h3 {
    font-size: 15pt;
  }
}
/* Front Page 
--------------------------------------------- */
.constrained, #header-pic, #top-news-banner, #get-more-sports-banner {
  max-width: 1200px;
  margin: 0 auto;
}

.top-bottom-margins {
  margin-top: 20px;
  margin-bottom: 20px;
}

.bottom-margin-mobile {
  margin-bottom: 20px;
}

.top-bottom-margins-mobile {
  margin-top: 20px;
  margin-bottom: 20px;
}

.unconstrained {
  width: 100%;
}

.unconstrained-gap {
  margin: 35px 0;
}

.front-page-announcement {
  margin: 10px auto;
  max-width: 320px;
}

.main-home #billboardDesktop, .main-home #billboardMobile, .main-home #billboard2Desktop, .main-home #billboard2Mobile, .main-home #mediumRec3Desktop, .main-home #mediumRec1Mobile, .main-home #mediumRec2Mobile, .main-home #mediumRec3Mobile, .main-home #mediumRec4Mobile {
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
.main-home .small-tile {
  margin-bottom: 20px;
}

.featured-items figure, .news-article figure {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  position: relative;
  cursor: pointer;
}

.news-article figure img, .featured-items figure img {
  visibility: hidden;
  aspect-ratio: 3/2;
}

.news-article-no-image {
  border-top: 1px dotted #707070;
  padding: 20px 0;
}
.news-article-no-image h3 {
  margin: 0;
  font-size: 13pt;
}

.play-button {
  color: #ffffff;
  font-size: 1vw;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.play-button svg {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px calc(50% - 50px);
  cursor: pointer;
  filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.4));
  opacity: 0.6;
}

.headline-box {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
  margin: 0 auto;
  color: #ffffff;
}

#subfeatured {
  margin-bottom: 20px;
}

#obits-front-page h3 {
  margin-top: 0;
}

.news-article {
  display: grid;
  grid-template-columns: 1.25fr 2fr;
  column-gap: 0.75em;
}

.news-article figure {
  grid-column: 1/2;
  margin-top: 0;
}

.news-article .news-article-info {
  grid-column: 2/-1;
}

.news-article h3 {
  margin-top: 0;
}

.news-article .category-box {
  margin-bottom: 1em;
}

.story-box h3, .story-box h4 {
  margin-bottom: 0;
}

.story-lineup h3 {
  font-size: 13pt;
}

.story-lineup h2 {
  grid-column: 1/-1;
}

.cornered {
  color: #e42c29;
  text-transform: uppercase;
  padding-left: 10px;
}

h2.cornered {
  font-size: 15pt;
  margin-bottom: 10px;
}

.cornered:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  position: relative;
  left: -10px;
  top: 15px;
  border-top: 3px solid #e42c29;
  border-left: 3px solid #e42c29;
}

.overlined {
  padding-top: 10px;
  border-top: 3px solid #e42c29;
}

.story-meta i {
  color: #e42c29;
}

.story-meta {
  font-size: 0.5em;
  margin-top: -10px;
}

.story-meta:not(.featured-story .story-meta) {
  display: none;
}

.featured-story .story-meta {
  font-size: 2.3vw;
  margin-top: 5px;
}

.featured-story a, .featured-story a:visited, .featured-story a:hover {
  color: #ffffff;
}

h3.featured-headline {
  font-size: 5vw;
  margin: 5px 0 0 0;
}

h3.featured-headline, .featured-meta {
  filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.4));
}

.front-page-list figure {
  width: 100%;
  height: auto;
}

.category-box {
  text-transform: uppercase;
  background-color: #e42c29;
  color: #ffffff;
  padding: 10px;
  width: fit-content;
  height: fit-content;
  font-size: 8.5pt;
  padding: 2px;
}
.category-box:hover {
  background-color: #164FB5;
}
.story .category-box {
  font-size: 10pt;
  padding: 3px;
}

.simple-featured .story-meta, .simple-featured .category-box {
  display: none;
}
.simple-featured h3 {
  margin-top: -5px;
}

.simple-featured-main .news-article-pic {
  display: block;
}
.simple-featured-main .news-article {
  display: block;
}
.simple-featured-main h3 {
  font-size: 20pt;
  margin-top: -20px;
}

.story-banner-red {
  background-color: #e42c29;
  border-color: #e42c29;
}

.story-banner-orange {
  background-color: #fe7200;
  border-color: #fe7200;
}

.story-banner-green {
  background-color: #095218;
  border-color: #095218;
}

.story-banner-blue {
  background-color: #164FB5;
  border-color: #164FB5;
}

.story-banner-gray {
  background-color: #999;
  border-color: #999;
}

.story-banner-purple {
  background-color: #4B0082;
  border-color: #4B0082;
}

.story-banner-gold {
  background-color: #efbf04;
  border-color: #efbf04;
  color: #2f2d2d;
}
.story-banner-gold:hover {
  color: #ffffff;
}

.story-banner-christmas {
  background-color: lightgreen;
  border-color: lightgreen;
  color: #e42c29;
  font-weight: bold;
}
.story-banner-christmas:hover {
  color: #e42c29;
  background-color: lightgreen;
}

.featured-story .story-banner-christmas a, .featured-story .story-banner-christmas a:visited, .featured-story .story-banner-christmas a:hover {
  color: #e42c29;
}

.obit-cornered {
  color: #164FB5;
}
.obit-cornered:before {
  border-top-color: #164FB5;
  border-left-color: #164FB5;
}

#obit-front-page-button {
  margin: 20px auto;
}

.flex-reorder {
  display: flex;
  flex-wrap: wrap-reverse;
}
.flex-reorder > div {
  width: 100%;
}

#mini-category-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#most-popular-container a, #mini-category-container a {
  color: #164FB5;
}
#most-popular-container p, #mini-category-container p {
  margin: 15px 0;
}

#most-popular h3, #most-popular-container h3 {
  font-size: 18pt;
}
#most-popular ul li, #most-popular ol li, #most-popular-container ul li, #most-popular-container ol li {
  margin-bottom: 15px;
}

#most-popular-heading-front-page {
  margin-top: -15px;
}

.first-category-headline {
  font-weight: bold;
}

#mini-category-container {
  width: 100%;
}

.most-popular-column ol {
  margin: 0;
}

.mini-category-item {
  margin-right: 20px;
  flex-basis: 375px;
}

.mini-category-featured-thumbnail {
  height: 175px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#featured-ads {
  display: none;
}

@media screen and (min-width: 1000px) {
  .unconstrained {
    background-color: #f0efef;
    padding: 25px;
  }

  .two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }

  .two-columns .news-article, .two-columns-uneven .news-article {
    display: grid;
    grid-template-columns: 1.25fr 2fr;
    column-gap: 0.75em;
  }

  .simple-featured-list .news-article {
    display: block;
  }
  .simple-featured-list .news-article-pic {
    display: none;
  }

  .news-article h3 {
    margin-top: 1em;
  }

  .news-article .category-box {
    margin-bottom: 0;
  }

  .story .category-box {
    margin-bottom: 1em;
  }

  .story h1 {
    margin-top: 0;
  }

  .simple-featured-main .news-article {
    display: block;
  }

  .two-columns .news-article figure {
    grid-column: 1/2;
    margin-top: 0;
  }

  .two-columns .news-article .news-article-info {
    grid-column: 2/-1;
  }

  .two-columns .news-article, .two-columns-uneven .news-article, .front-page-list .news-article, .featured-sports-story .news-article {
    position: relative;
  }

  .news-article .news-article-info .category-box {
    position: absolute;
    left: 0;
    top: 0;
  }

  .story-lineup h3:not(.front-page-list h3) {
    margin-top: 0;
  }

  .story-meta:not(.front-page-list .story-meta):not(.simple-featured-list .story-meta) {
    display: block;
  }

  .featured-items figure {
    margin-top: 0;
  }

  h3.featured-headline {
    font-size: 25pt;
    line-height: initial;
  }

  .featured-story .story-meta {
    font-size: 9pt;
  }

  .featured-story {
    position: relative;
  }

  .featured-story {
    grid-column: 1/2;
  }

  #featured-ads {
    grid-column: 2/-1;
    display: block;
  }
  #featured-ads #mediumRec1Mobile {
    display: none;
  }

  .front-page-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 10px;
  }

  .front-page-list figure {
    width: 100%;
  }

  .front-page-list h3 {
    font-size: 13pt;
    font-weight: bold;
  }

  .news-article {
    display: block;
  }

  .simple-featured-list h3:first-of-type {
    margin-top: 0;
  }

  .simple-featured-main .story-meta {
    margin-top: -20px;
  }

  #obit-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 25px;
  }

  #obits-front-page h3 {
    margin-top: 1em;
  }

  .flex-reorder {
    display: block;
  }
  .flex-reorder > div {
    width: auto;
  }

  .top-bottom-margins-desktop {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .no-top-padding-desktop {
    padding-top: 0;
  }

  .bottom-margin-mobile {
    margin-bottom: 0;
  }

  .top-bottom-margins-mobile {
    margin-top: 0;
    margin-bottom: 0;
  }

  #house-side {
    margin-top: -10px;
  }

  #house-side-small {
    margin-top: -10px;
  }

  #most-popular-container .most-popular-column ol {
    column-count: 2;
    column-gap: 45px;
  }
}
@media screen and (min-width: 1000px) {
  .two-columns-uneven {
    display: grid;
    grid-template-columns: auto 320px;
    grid-column-gap: 15px;
  }
}
/* Archive pages 
--------------------------------------------- */
.hidden-category-boxes .category-box {
  display: none;
}

.hidden-category-boxes [class*=story-banner] {
  display: block;
}

#banner-img-pet, #east-idaho-newsmakers-logo {
  max-width: 800px;
}

#bio-box {
  padding: 15px;
  margin: 0 auto;
  color: #6e6e6e;
  margin-bottom: 30px;
}

#bio {
  text-align: left;
  display: none;
}

.avatar {
  border-radius: 50%;
  max-width: 250px;
}

.social-bar {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.social-bar i {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: transparent;
  color: #888 !important;
  text-align: center;
  font-size: 2em;
  box-shadow: 0 0 19px #888;
  margin-right: 12px;
}

.archive-header {
  display: block;
  margin: 0 auto 15px auto;
  max-width: 1200px;
}

#election-where, #election-results, #election-email {
  grid-row: 1;
}

#election-where {
  grid-column: 1/2;
}

#election-results {
  grid-column: 2/3;
}

#election-email {
  grid-column: 3/-1;
}

.good-button {
  color: white;
  font-family: "Karla", Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.3em;
  font-size: 2em;
  text-shadow: 3px 3px #ffc100;
  min-width: 275px;
  max-width: 600px;
  height: 75px;
  margin: 0 auto 15px auto;
  border: 0;
  border-radius: 20px;
  cursor: pointer;
  overflow: hidden;
  padding: 0 10px;
}

.good-button img {
  object-fit: contain;
  height: 55px;
}

/* Articles 
--------------------------------------------- */
h1.story-title {
  margin: 20px 0 5px 0;
}

.publish-time {
  color: #2f2d2d;
  font-size: 14px;
}

.publish-time i {
  color: #e42c29;
}

.publish-divider {
  display: none;
}

.update {
  display: block;
}

.story header {
  margin-bottom: 10px;
}

.share {
  margin: 15px 0;
  border-bottom: 3px solid #e42c29;
  border-top: 3px solid #e42c29;
  padding: 10px 0;
}
.share .fa-stack {
  height: 1em;
  vertical-align: inherit;
}

.share span {
  cursor: pointer;
}
.share span i {
  font-size: 1.2em;
}
.share span:hover {
  color: #e42c29;
}

#submit-correction {
  font-size: 0.65em;
}

.videowrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-bottom: 50px;
}

.videowrapper iframe {
  position: absolute;
  top: 22px;
  left: 0;
  width: 100%;
  height: 100%;
}

#top-image-holder {
  background-color: #f0efef;
  padding: 10px;
}
#top-image-holder img {
  width: 150px;
}

figcaption, .cutline, .caption {
  font-size: 85%;
  font-style: italic;
  color: grey;
  width: 100%;
  text-align: left;
}

.cutline {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: -10px;
}

.picContainer .cutline, .pic-container .cutline {
  margin-bottom: 0;
}

.picContainer {
  margin-bottom: 20px;
}

.picContainer figcaption, .pic-container figcaption {
  margin-bottom: 0;
}

/* Taken from old EIN theme, need to integrate this better. All pic-containers and sidebars will be the full width in mobile, even if you change this up in your style attributes in the HTML. (Obviously, you can get around this by marking the inline style !important.) */
@media (max-width: 1000px) {
  .pic-container, .picContainer, .sidebar {
    width: 100% !important;
  }

  .picContainer, .pic-container {
    padding: 0;
  }
}
#sponsor-box {
  padding: 10px;
  font-style: italic;
  font-family: Arial, Tahoma, sans-serif;
}

#sponsor-box img {
  text-align: center;
  max-width: 250px;
  width: 100%;
  align-self: center;
}

#sponsor-box p {
  margin-top: 1em;
}

.colored-box p, .colored-box p a, .colored-box p a:hover {
  color: #ffffff;
}
.colored-box p a, .colored-box p a:hover {
  font-weight: bold;
}
.colored-box p {
  margin: 0;
}

.pet-sponsor {
  border: solid 10px #e42c29;
  border-radius: 10px;
  padding: 10px;
  background-color: white;
}

.dave-sponsor {
  border: solid 10px #0a173d;
  border-radius: 10px;
  padding: 10px;
  background-color: #ffffff;
  align-items: center;
}

.dave-sponsor p {
  margin: 0;
  font-size: 1.2em;
}

.you-have-to-see-this-sponsor {
  border: solid 10px #8d7d70;
  background: #ffffff;
}

.dave-bio {
  border: 2px solid #41a0e3;
  padding: 15px;
  margin: 20px 0;
}
.dave-bio img {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.dave-bio .dave-bio-text h3 {
  font-family: "Shadows Into Light", cursive, Roboto;
  font-size: 32pt;
  margin: 0;
  text-align: center;
}
.dave-bio .dave-bio-text p {
  font-style: italic;
  margin: 0;
}

.eats-sponsor {
  border: 5px solid #34a5dd;
  border-radius: 5px;
}

.life-lessons-sponsor {
  background-color: #ffffff;
  border: 10px solid #6c4d23;
  border-radius: 20px;
  grid-template-columns: 0.5fr 3fr;
}

.life-lessons-sponsor p {
  font-size: 14pt;
}

.garden-sponsor {
  background-color: #48a542;
  font-style: normal !important;
}

.garden-sponsor p, .garden-sponsor p a, .garden-sponsor p a:hover {
  color: white !important;
}

.garden-sponsor p a, .garden-sponsor p a:hover {
  text-decoration: underline !important;
}

.questions-sponsor {
  background: url("https://s3-assets.eastidahonews.com/wp-content/uploads/2021/02/26174231/7QwithEmmy_background_header1.jpg") repeat;
}

.ask-the-doctor-sponsor {
  border: 10px solid #111f44;
  border-radius: 20px;
  grid-template-columns: 0.55fr 3fr;
}

.living-the-wild-life-sponsor {
  background-color: #416a58;
}

.inl-sponsor {
  border: 10px solid #07519e;
  border-radius: 20px;
  grid-template-columns: 0.55fr 3fr !important;
}

.weather-sponsor-story {
  color: #ffffff;
  padding: 12px !important;
  border: 10px solid #c5362c;
  grid-template-columns: 1fr 3fr !important;
  background-color: #212e36;
}

.weather-sponsor-story-logo {
  background-image: url("https://s3.us-west-2.amazonaws.com/assets.eastidahonews.com/images/features/frontier-credit-union-transparent-ncua-logo.png");
  min-height: 150px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.weather-sponsor-story p {
  margin-top: -5px;
  font-size: 1em;
}
.weather-sponsor-story p a, .weather-sponsor-story p a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#fatCatBox {
  width: 100%;
  max-width: 500px;
  border: solid #e42c29 5px;
  box-shadow: 5px 10px lightgray;
  background-color: white;
  margin-bottom: 15px;
}

#fatCatLogoWrapper {
  width: 115px;
  float: left;
  margin-right: 10px;
  margin-top: -9px;
}

#fatCatLogo {
  margin-top: 10px;
}

#fatCatBlurb {
  margin: 10px 10px 10px 15px;
}

@media (max-width: 827px) {
  #fatCatBlurb {
    margin-left: 10px;
  }

  #fatCatLogoWrapper {
    margin-right: 0;
  }
}
.biz-buzz-sponsor {
  background-color: #3dad49;
}

.biz-buzz-story #articleText h2 {
  color: #164FB5;
}
.biz-buzz-story #articleText h3 {
  color: #e42c29;
}

.vertical-center-wrapper {
  display: flex;
  align-items: center;
}

.friday-sponsor {
  border: solid 10px #f7761a;
  border-radius: 10px;
  padding: 10px;
  background-color: #f0efef;
  grid-template-columns: 0.6fr 3fr !important;
}
.friday-sponsor p {
  margin: 0;
}

.living-elevated-sponsor {
  border: solid 10px #fbc926;
  border-radius: 10px;
  padding: 10px;
  grid-template-columns: 0.8fr 3fr !important;
}
.living-elevated-sponsor p {
  margin: 0;
}

.workin-it-sponsor {
  border: solid 10px #feb830;
  grid-template-columns: 1.1fr 3fr !important;
}

.looking-back-sponsor, .courtroom-insider-sponsor {
  background-image: url("https://s3.us-west-2.amazonaws.com/assets.eastidahonews.com/wp-content/uploads/2025/06/light-colored-paper-or-parchment.jpg");
  box-shadow: -5px 5px 5px darkgray;
}

.good-button {
  width: fit-content;
  text-align: center;
}

@media (max-width: 500px) {
  .good-button {
    font-size: 1.2em;
  }
}
#daybell-display {
  margin: 0 auto 20px auto;
}

#daybell-who {
  grid-column: 1/2;
  grid-row: 1;
}

#daybell-timeline {
  grid-column: 2/3;
  grid-row: 1;
}

#daybell-videos {
  grid-column: 3/4;
  grid-row: 1;
}

#daybell-email {
  grid-column: 4/5;
  grid-row: 1;
}

.daybell-button-lineup {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 10px;
}
.daybell-button-lineup a {
  max-width: 75%;
  font-size: 12pt;
}
.daybell-button-lineup #daybell-email {
  background-color: #e42c29;
  max-width: 92.5%;
}
.daybell-button-lineup #daybell-email:hover {
  background-color: #164FB5;
}

.buttonLineup {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 5px;
  margin-bottom: 15px;
}

.buttonLineup a {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

.daybell-button-lineup-top {
  margin: 20px 0 0 0 !important;
}
.daybell-button-lineup-top a {
  max-width: 100%;
  color: #2f2d2d !important;
}
.daybell-button-lineup-top a:nth-of-type(2) {
  margin-top: 10px;
}
.daybell-button-lineup-top a:hover {
  border: #164FB5 10px solid;
  background-color: #F3EAE5;
  color: #2f2d2d !important;
}

@media (min-width: 1000px) {
  #featured-ads #daybell-front, #featured-ads .front-top {
    margin-top: -10px;
    margin-bottom: -5px;
  }

  #featured-ads #house-side {
    margin-top: -7px;
  }
}
#calendar-content #section-logo {
  margin-bottom: 20px;
}
#calendar-content aside {
  margin-top: 0;
}

/* Legacy blockquote */
blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

blockquote p {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #949494;
  font-size: 1.75em;
  line-height: normal;
  margin: 0 auto;
  padding: 0;
}

@media (max-width: 1000px) {
  .buttonLineup {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }

  .buttonLineup a {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}
.podcast-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5em;
  margin-bottom: 15px;
}

.podcast-links img {
  height: auto;
}

.stitcher-logo {
  border: solid lightgray 2px;
  border-radius: 10px;
  background-color: white;
  box-sizing: border-box;
  margin-top: -2px;
}

@media screen and (min-width: 1000px) {
  #sponsor-box {
    padding: 10px;
    margin: 25px 0 10px 0;
    display: grid;
    grid-template-columns: 0.75fr 3fr;
    column-gap: 20px;
  }

  #sponsor-box img {
    grid-column: 1;
    width: 100%;
  }

  #sponsor-box p {
    grid-column: 2;
    margin: 0;
  }

  .weather-sponsor-story {
    background-size: cover;
    background-position: center center;
    padding: 12px !important;
    grid-template-columns: 1fr 3fr !important;
  }

  .weather-sponsor-story-logo {
    min-height: auto;
  }

  .weather-sponsor-story p {
    margin-top: 0;
    font-size: 0.9em;
  }

  .dave-bio {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 10px;
  }
  .dave-bio .dave-bio-text {
    grid-column: 1;
    grid-row: 1;
  }
  .dave-bio img {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }
  .dave-bio .dave-bio {
    display: block;
  }
  .dave-bio .dave-bio h3 {
    margin: 10px 0 0 0;
  }

  .podcast-links {
    grid-template-columns: repeat(4, 1fr);
    padding: 0;
  }

  .daybell-button-lineup {
    margin: 15px 0 25px 0;
  }
  .daybell-button-lineup a {
    max-width: 30%;
    font-size: inherit;
  }

  .daybell-button-lineup-top a:nth-of-type(2) {
    margin-top: 0;
  }
}
.article-author-box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}

.simple-author-box {
  margin-top: 15px;
  border-bottom: 3px solid #e42c29;
  padding-bottom: 5px;
}

.article-author-box, .article-author-box h4 {
  font-size: 12pt;
}

.article-author-box p:first-of-type {
  margin-top: 5px;
}

.avatar-container img {
  max-width: 50px;
}

h4.article-author-header {
  margin: 0;
  padding-top: 15px;
}

.article-author-bio {
  grid-column: 1/-1;
  grid-row: 2;
  font-style: italic;
}

.author-links {
  display: flex;
  gap: 15px;
  margin-top: 5px;
  font-size: 12pt;
}

.author-links a:hover, .article-author-header a:hover {
  color: #e42c29;
}

#articleText {
  margin-bottom: 15px;
}

#after-content {
  overflow: hidden;
  max-width: 100% !important;
}

.small-edit-link {
  font-size: 10px;
}

#get-app {
  border: solid 5px #e42c29;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  margin: 15px 0;
}

script[data-spotim-module] * {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 999px) {
  #spotim-specific {
    max-width: 320px !important;
  }
}
@media screen and (min-width: 1000px) {
  script[data-spotim-module] * {
    max-width: 100%;
  }

  .publish-divider, .update {
    display: inline;
  }

  .story {
    display: grid;
    grid-template-columns: auto 320px;
    column-gap: 20px;
  }

  .story header {
    grid-column: 1;
    grid-row: 1;
  }

  .story section {
    grid-column: 1;
    grid-row: 2;
  }

  .story aside {
    grid-column: 2;
    grid-row: 2;
    margin-top: -13px;
  }
}
/* Comments */
p#comment-rules {
  font-style: italic;
  font-size: 10pt;
}

/* Advertising */
.advertiseWithUs {
  font-size: 10px;
  text-align: right;
  margin-top: 0;
}

.leaderboard {
  text-align: center;
  padding: 0;
}

.desktop-ad .medium-rec-ad, #after-content .mobile-ad .medium-rec-ad, #after-content .mobile-ad .small-tile-ad, #after-content #rec-4, .desktop-ad #rec-4 {
  margin-bottom: 15px;
}

aside#template-sidebar #mediumRec1Mobile {
  margin: 20px 0;
}

#after-content .mobile-ad:first-of-type {
  margin-top: 20px;
}

.medium-rec-ad {
  height: 250px;
  overflow: hidden;
}

.small-tile-ad {
  min-height: 50px;
}

#footerboard {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  bottom: 0;
  text-align: center;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  z-index: 2000;
}

.close-ad {
  position: absolute;
  color: black;
  right: 0;
  top: 10px;
  font-size: 15px;
  height: 20px;
  width: 20px;
  padding-top: 2px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
  margin-top: -20px;
  cursor: pointer;
}
.close-ad:hover {
  color: white;
  background-color: black;
}

.twitter-feed {
  height: 350px;
  overflow: hidden;
  overflow-y: scroll;
}

.more-content {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  justify-content: center;
}

.more-content article {
  max-width: 300px;
}

.more-content article figure {
  margin: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: auto;
}

.more-content article figure img {
  display: block;
  visibility: hidden;
}

@media screen and (min-width: 1000px) {
  .more-content article figure {
    height: 150px;
    width: 160px;
  }

  .medium-recs-horizontal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
    width: fit-content;
    margin: 20px auto;
  }
  .medium-recs-horizontal .desktop-ad {
    margin-top: 0 !important;
  }
}
/* Obituaries */
/* Bios page
--------------------------------------------- */
.bios {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.bioContainer {
  max-width: 250px;
}

.bioContainer img {
  margin-bottom: 10px;
}

.bioContainer h3 {
  margin-top: -15px;
  font-size: 12pt;
  margin-bottom: 30px;
}

.socialBar {
  margin-top: -10px;
  margin-bottom: 40px;
  text-align: center;
}

.socialBar i {
  display: inline-block;
  height: 45px;
  width: 45px;
  line-height: 47px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: transparent;
  color: #888 !important;
  text-align: center;
  font-size: 2em;
  box-shadow: 0 0 19px #888;
  margin-right: 12px;
  font-size: 24pt;
}

@media (max-width: 768px) {
  .bioContainer {
    max-width: 350px;
  }
}
.intro {
  font-style: italic;
}

/* Weather page and non-header weather elements  
--------------------------------------------- */
#weather-conditions-overall {
  display: none;
}

.weather-display {
  display: none;
}

#weather-menu {
  border: solid #e42c29 3px;
  padding: 10px;
  margin-bottom: 20px;
}

.weather-grid-ad {
  display: block;
  margin: 20px;
}

.weather-card {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  background-color: #707070;
  color: #ffffff;
  font-weight: bold;
  width: 100%;
  border-radius: 10px;
}

.weather-card-headline {
  grid-column: 1/-1;
  grid-row: 1;
  background-color: #2f2d2d;
  padding: 10px;
  border-radius: 10px 10px 0 0;
}

.weather-card-conditions {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  padding: 10px;
}

.weather-card img {
  grid-column: 2;
  grid-row: 2;
  justify-self: center;
  align-self: center;
  max-width: 100px;
}

.weather-card-today-forecast {
  grid-column: 1/-1;
  grid-row: 3;
  font-size: 1.2em;
  padding: 10px;
}

.weather-card-conditions p {
  margin: 5px 0;
}

.weather-card-current-temp {
  font-size: 3em;
}

.weather-card-feels-like {
  font-size: 1.25em;
}

.weather-card-description {
  font-size: 1.1em;
  font-weight: lighter;
  text-transform: capitalize;
}

.weather-conditions-chart {
  display: grid;
  align-content: space-between;
}

.weather-stats {
  margin: 10px 0;
  border-top: #e42c29 2px solid;
  border-bottom: #e42c29 2px solid;
  padding: 10px 0;
}
.weather-stats p {
  margin: 5px auto;
}

.weather-stats .second-stats p:nth-child(odd), .weather-stats .first-stats p:nth-child(even) {
  background-color: #f0efef;
  padding: 2px;
}

.wind-chart {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}

.wind-cell {
  background-color: #f0efef;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
}
.wind-cell p {
  color: #2f2d2d;
}
.wind-cell h4 {
  color: #2f2d2d;
  font-size: 0.6em;
}

.wind-arrow {
  height: 60px;
  width: auto;
}

.wind-deg h4 {
  margin-bottom: 12px;
}

.weather-alert {
  border: 5px solid #e42c29;
  background-color: #f0efef;
  margin-bottom: 20px;
}
.weather-alert h3 {
  color: #ffffff;
  background-color: #2f2d2d;
  padding: 10px;
  margin-top: 0;
}
.weather-alert p {
  padding: 10px;
  padding-top: 0;
  margin-bottom: 10px;
}
.weather-alert .credit {
  font-style: italic;
}

.forecast-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  margin: 20px 0;
}
.forecast-card h4 {
  margin: 0;
}
.forecast-card .forecast-cell:first-of-type {
  border-left: 0;
}
.forecast-card .forecast-max {
  color: #e42c29;
  font-size: 1.75em;
}
.forecast-card .forecast-min {
  font-weight: bold;
  font-size: 1.25em;
}
.forecast-card p {
  margin: 0;
}
.forecast-card img {
  margin-bottom: -10px;
}

.forecast-cell {
  padding: 10px;
  border-bottom: 2px solid #f0efef;
}

#expanded-weather {
  border-top: dashed #164FB5 2px;
  padding-top: 30px;
  margin-top: 20px;
}

.rainviewer-container {
  position: relative;
  height: 60vh;
}
.rainviewer-container iframe {
  height: 100% !important;
}

#map-and-tweets .rainviewer-container {
  grid-column: 1;
  grid-row: 1;
}
#map-and-tweets aside {
  grid-column: 2;
  grid-row: 1;
}

#weather-story-list {
  margin-bottom: 30px;
}

.weather-story-pic {
  height: 85px;
  width: 100%;
}

@media screen and (min-width: 1000px) {
  .weather-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    column-gap: 20px;
  }

  .weather-grid-ad {
    margin: 0;
  }

  .weather-subgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }

  .weather-stats {
    margin: 0;
    display: grid;
    justify-content: center;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    border: 0;
    border-left: #e42c29 2px solid;
    padding-left: 10px;
  }
  .weather-stats p {
    padding: 0 !important;
    background-color: transparent !important;
  }

  .wind-cell h4 {
    font-size: 0.75em;
  }

  .forecast-cell {
    border-left: 2px solid #f0efef;
    border-bottom: 0;
  }

  .rainviewer-container {
    height: 350px;
  }

  #weather-page-story-container {
    display: grid;
    grid-template-columns: 263px auto;
    gap: 10px;
  }

  .weather-story-pic-holder {
    grid-column: 1;
    height: 175px;
  }

  .weather-story-pic {
    width: auto;
    height: auto;
  }

  .weather-story-info {
    grid-column: 2;
  }
  .weather-story-info h4 {
    margin-top: 0;
  }

  .weather-story-pic {
    width: 100%;
    height: 175px;
  }

  #weather-story-list-wrapper {
    margin-top: 30px;
  }

  .weather-ad-stack {
    margin-top: 40px;
  }
}
/* Webcams */
#webcam-wrapper {
  margin-bottom: -10px;
}

#webcams {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}

.webcam {
  width: 340px;
  margin: 3px 35px 6px;
  text-align: center;
  background-color: #efefef;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.webcam img, .webcam iframe {
  width: 360px;
  height: auto;
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-color: #efefef;
}

.webcam h3 {
  padding: 0px 0px 1px;
  margin-top: 0px;
  background-color: inherit;
}

.webcam p {
  font-size: 11pt;
  font-style: italic;
}

.webcam:hover {
  background-color: #FFF9F9;
}

.cam1 {
  display: block;
}

.cam2 {
  display: none;
}

/* Weather page */
#weatherRegionSelect {
  font-size: 18px;
  padding: 10px 5px;
}

#weatherCity {
  font-family: "Karla";
  font-size: 45px;
}

#conditions {
  display: inline-block;
  padding: 0 0 50px 0;
  max-width: 300px;
  margin: 12px;
  vertical-align: top;
}

#temperature {
  font-size: 70px;
  display: inline-block;
}

#conditionsIcon {
  display: inline-block;
  padding: 12px;
}

#weatherSummary {
  font-style: italic;
  font-size: 18px;
  color: #666;
}

#tabGroup {
  min-width: 300px;
  max-width: 800px;
  display: inline-block;
  vertical-align: top;
}

#tabGroup ul.weatherMenu {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #efefef;
  font-size: 22px;
}

#tabGroup ul.weatherMenu li {
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  border-right: 3px solid #efefef;
}

#tabGroup ul.weatherMenu li:last-child {
  border: none;
}

#tabGroup ul.weatherMenu li:hover {
  background-color: #efefef;
}

#hourlyForecast {
  max-width: 100%;
}

.weatherHour, .weatherDay {
  display: inline-block;
  max-width: 45px;
  text-align: center;
  margin: 11px;
  font-size: 10px;
  padding: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.weatherHour .fcticon img, .weatherDay .fcticon img {
  width: 25px;
  height: 25px;
}

.weatherHour .fcttemp {
  font-size: 20px;
}

.weatherImage {
  display: inline-block;
  margin: 10px 20px;
  width: 300px;
  vertical-align: top;
}

.weatherImage p {
  padding: 10px;
  font-size: 14px;
  background-color: #efefef;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.weatherDay {
  width: 56px;
  max-width: 56px;
}

.weatherDay .weekday, .weatherDay .fcttempHigh, .weatherDay .fcttempLow {
  font-size: 20px;
}

.weatherDay .fcttempHigh span, .weatherDay .fcttempLow span {
  font-size: 12px;
}

.weatherTitleSeparator {
  text-transform: uppercase;
  border-bottom: 2px solid #efefef;
  color: #333;
  margin-top: 40px;
}

#detailedForecast ul {
  list-style: none;
  margin: 20px 0 0 0;
  columns: 2;
  -webkit-columns: 2;
}

#detailedForecast ul li {
  padding: 3px 8px;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #222;
}

body #weatherAjax .weatherImage h6 {
  font-size: 14px;
  color: #333;
  font-family: "Open Sans";
  font-style: italic;
  margin: 0;
  padding: 0 0 6px 0;
}

#featuredWebcams {
  -webkit-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.featuredWebcam {
  width: 640px;
  margin: 0 auto;
}

.featuredWebcam img {
  width: 100%;
  height: auto;
}

.featuredWebcam p {
  padding: 0 5px;
  font-size: 12px;
}

#featuredWebcam1 {
  display: block;
}

#featuredWebcam2 {
  display: none;
}

#featuredWebcamsLink {
  text-align: center;
  font-size: 12px;
  width: 100%;
}

#courtesy {
  display: block;
  font-size: inherit;
}

#featuredWebcamLocation {
  text-align: center;
}

#webcams {
  -webkit-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.webcam {
  width: 400px;
  margin: 0 35px;
  text-align: center;
}

.webcam img {
  width: 400px;
  height: auto;
}

.webcam h3 {
  padding: 0 5px;
}

.cam1 {
  display: block;
}

.cam2 {
  display: none;
}

@media (max-width: 1200px) {
  #tabGroup {
    max-width: 600px;
  }
}
@media (max-width: 900px) {
  #tabGroup {
    max-width: 438px;
  }

  .featuredWebcam {
    width: 520px;
    margin: 0 auto;
  }

  #featuredWebcams {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .webcam {
    width: 400px;
    margin: 0 auto;
  }

  .webcam img {
    width: 400px;
    height: auto;
  }

  #webcams {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media (max-width: 600px) {
  .weatherImage {
    display: block;
    margin: 10px auto;
  }

  #tabGroup {
    max-width: 100%;
  }

  #detailedForecast ul {
    columns: 1;
    -webkit-columns: 1;
  }

  .featuredWebcam {
    width: 400px;
    margin: 0 auto;
  }

  .webcam {
    width: 250px;
    margin: 0 auto;
  }

  .webcam img {
    width: 250px;
    height: auto;
  }
}
@media (max-width: 400px) {
  .featuredWebcam {
    width: 280px;
    margin: 0 auto;
  }
}
/* 404 page */
#gif-wrap-img {
  width: 100%;
  max-width: 900px;
  display: block;
  margin: 0 auto;
}

#gift-wrap {
  width: fit-content;
  margin: 0 auto;
}

#gif-logo {
  border-radius: 15px;
  padding: 0.5rem;
  background: #000;
  width: fit-content;
  height: fit-content;
  margin-top: 10px;
}
#gif-logo img {
  max-width: 150px;
}

#below-gif {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  column-gap: 10px;
}

.fine-print {
  font-style: italic;
  font-size: 10pt;
}

/*
Events calendar
*/
.calendar-headline {
  font-family: "Mountains of Christmas", cursive;
  font-size: 60pt;
  text-align: center;
  margin: 0;
}

#insert-media-button, #qt_em-editor-content_block, #qt_em-editor-content_del, #qt_em-editor-content_ins, #qt_em-editor-content_img, #qt_em-editor-content_ul, #qt_em-editor-content_ol, #qt_em-editor-content_li, #qt_em-editor-content_code, #qt_em-editor-content_more, #qt_em-editor-content_close, #em-editor-content-tmce, .wp-editor-tabs, #mceu_0, #mceu_3, #mceu_5, #mceu_4, #mceu_6, #mceu_7, #mceu_8, #mceu_10, #mceu_11, #mceu_12 {
  display: none;
}

#em-location-data tbody {
  text-align: left;
}

.em-location-data-name i, .em-location-data-address i, .em-location-data-town i, .em-location-data-state i, .em-location-data-postcode, .em-location-data-region, .em-location-data-country, #em-location-search-tip {
  display: none;
}

div.time-picker li {
  padding: 15px 3px;
}

.fc-event {
  background-color: #164FB5 !important;
  border: 1px solid #164FB5 !important;
}

a.buttonBold, .button-group .button {
  border: 0;
  background: #5786c1;
  color: white !important;
  padding: 8px 14px;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  box-shadow: 1px 0px #3a587f, 0px 1px #4171ae, 2px 1px #3a587f, 1px 2px #4171ae, 3px 2px #3a587f, 2px 3px #4171ae, 4px 3px #3a587f, 3px 4px #4171ae, 5px 4px #3a587f, 4px 5px #4171ae, 6px 5px #3a587f, 5px 6px #4171ae;
  margin: 20px;
}

a.buttonBold:hover, .button-group .button:hover {
  transform: translate(2px, 2px);
  box-shadow: 1px 0px #3a587f, 0px 1px #4171ae, 2px 1px #3a587f, 1px 2px #4171ae, 3px 2px #3a587f, 2px 3px #4171ae, 4px 3px #3a587f, 3px 4px #4171ae;
}

.mega-button {
  font-size: 1.2em !important;
  display: block !important;
  margin-left: 0 !important;
  margin-top: -50px !important;
  width: 100%;
}

/*
*
* Elections 
*/
.google-visualization-table-table {
  width: 100%;
}

.google-visualization-table {
  width: 100%;
  table-layout: fixed;
}

/* Makes party column same width for all tables. */
.google-visualization-table th:nth-child(2) {
  width: 65%;
}

/* Makes candidates column same width for all tables. */
.google-visualization-table th:nth-child(3) {
  width: 10%;
}

.partisan .google-visualization-table th:nth-child(2) {
  width: 10%;
}

.partisan .google-visualization-table th:nth-child(3) {
  width: 65%;
}

.partisan .google-visualization-table th:nth-child(4) {
  width: 10%;
}

.google-visualization-table-table th, .google-visualization-table-table td {
  font-size: 12pt;
  padding-left: 7px;
  padding-right: 7px;
}

.gradient {
  color: #ffffff !important;
  background-color: #e42c29 !important;
  background-image: none !important;
  border-width: 0 !important;
}

.google-visualization-table-td-number {
  text-align: center;
}

.headerClass {
  color: #ffffff;
  background-color: #e42c29;
  border-width: 0 !important;
}

.google-visualization-table .emoji {
  content: url("https://s3-assets.eastidahonews.com/wp-content/uploads/2016/03/31165036/checkmark.png");
  height: 100%;
}

.precincts {
  font-style: italic;
  margin-bottom: 45px;
  font-size: 0.75em;
}

.gop::before {
  content: "Republican Party";
}

.con::before {
  content: "Constitutional Party";
}

.non::before {
  content: "Nonpartisan";
}

.dem::before {
  content: "Democratic Party";
}

.table-container {
  max-width: 700px;
}

.explain {
  font-style: italic;
}

.blueButtonDiv {
  background-color: #164FB5 !important;
  line-height: 22pt;
}

.buttonDiv {
  background-color: #e42c29;
  display: inline-block;
  min-height: 35px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 2px;
  margin-right: 10px;
}

/* Donation widget */
#donation {
  margin-top: 0;
  background-color: #FFFFE0;
  padding: 10px;
  border-radius: 10px;
}
#donation h3 {
  margin-top: 0;
}
#donation p {
  font-style: italic;
}

#donation-button-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 0 auto;
  max-width: 500px;
}

.donation-link {
  color: white;
  display: block;
  max-width: 200px;
  width: 100%;
  font-size: 18px;
  background-color: #1f38a8;
  border-radius: 10px;
}
.donation-link:hover {
  background-color: #3e9bdf;
}

.fancybutton.donation-link {
  grid-column: auto;
}

.slidecontainer {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.slidecontainer input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */
  border: 0;
}
.slidecontainer input[type=range]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
.slidecontainer input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-radius: 1.3px;
  border: 0.2px solid gray;
}
.slidecontainer input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-radius: 1.3px;
  border: 0.2px solid gray;
}
.slidecontainer input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #1f38a8;
  cursor: pointer;
  margin-top: -6px;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  /* Add cool effects to your sliders! */
}
.slidecontainer input[type=range]::-webkit-slider-thumb:hover {
  background: #3e9bdf;
}
.slidecontainer input[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #1f38a8;
  cursor: pointer;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.slidecontainer input[type=range]::-moz-range-thumb:hover {
  background: #3e9bdf;
}

/***
Sports
**/
.sports-header {
  background-color: #e42c29 !important;
}
.sports-header .tip-mobile {
  background-color: #e42c29 !important;
}

#mega-menu-item-693824 a {
  text-decoration: underline !important;
  text-decoration-color: #e42c29 !important;
  text-decoration-thickness: 2px !important;
}

@media screen and (max-width: 999px) {
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
    background-color: transparent !important;
  }

  .sports-header #site-navigation {
    background-color: #e42c29;
  }
}
#sports-scores-top {
  grid-area: sports-scores-top;
  margin: 0 auto;
  column-gap: 5px;
  width: 100%;
  max-width: 1325px;
  overflow: hidden;
}
#sports-scores-top .scorecard {
  width: 153px;
}
#sports-scores-top .more-scores-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
#sports-scores-top .more-scores-container #more-scores {
  color: #ffffff;
  padding: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.6em;
  background: #707070;
}
#sports-scores-top .sports-scores-top-container {
  grid-column: 1;
  grid-row: 1;
}

.hide-scores-top-banner .story-banner-scores-top {
  display: none;
}

.no-story-banner .story-banner-scores {
  display: none !important;
}

.scorecard {
  width: 100%;
  max-width: 300px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin-bottom: 5px;
}
.scorecard .category-box {
  background-color: #2f2d2d;
}
.scorecard .game-date {
  text-align: right;
  font-size: 0.6em;
}
.scorecard .game-info {
  display: grid;
  grid-template-columns: 2fr 0.5fr;
  color: #707070;
}
.scorecard .game-info h4 {
  grid-column: 1;
  margin: 0;
  font-weight: normal;
}
.scorecard .game-info p {
  grid-column: 2;
  margin: 0;
  text-align: right;
}
.scorecard .game-winner h4, .scorecard .game-winner p {
  font-weight: bold;
}
.scorecard .game-note {
  font-size: 10px;
  text-align: right;
  font-style: italic;
  color: #707070;
  font-size: 0.75em;
}

#sports-scores-top .scorecard {
  margin-bottom: 0;
  max-width: 188px;
}
#sports-scores-top .scorecard .game-info p, #sports-scores-top .scorecard .game-info h4 {
  font-size: 0.7em !important;
}
#sports-scores-top .scorecard p.game-note {
  font-size: 0.6em !important;
}

#sports-scores-top .score-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 15px;
  column-gap: 0;
}

#sports-scores-top .sports-scores-container .score-container {
  padding-bottom: 0;
}

#sports-scores-top .sports-scores-container {
  overflow-x: scroll;
  overflow-y: hidden;
}

#sports-scores-top .scorecard {
  flex-shrink: 0;
  box-shadow: none;
  border-right: 1px solid #707070;
}
#sports-scores-top .scorecard:nth-last-of-type() {
  border-right: none;
}

.score-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 10px;
  row-gap: 15px;
}

.featured-sports-story {
  position: relative;
}

#sports-side-column .story-meta {
  display: none;
}
#sports-side-column .news-article h3 {
  margin-bottom: 20px;
}

.tip-homepage-link-desktop img {
  max-width: 75px;
  vertical-align: bottom;
}

#sports-sponsor {
  grid-column: 1/2;
  display: grid;
  grid-template-columns: 100px auto;
  column-gap: 10px;
  padding-top: 10px;
}
#sports-sponsor .sports-sponsor-text {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: right;
  font-size: 0.8em;
  font-style: italic;
}
#sports-sponsor .sports-sponsor-logo {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
}
#sports-sponsor .sports-sponsor-logo img {
  height: 50px;
  display: block;
}
#sports-sponsor .sports-sponsor-logo .widget {
  margin-bottom: 0;
}

#sports-features-section {
  margin-top: -10px;
}

.tip-mobile .sports-tip .tip-sports-contact-link {
  display: block;
  margin-top: -15px;
  margin-bottom: -5px;
  font-size: 1.1em;
}
.tip-mobile .sports-tip .tip-homepage-link-mobile img {
  max-width: 70px;
  vertical-align: bottom;
}
.tip-mobile .sports-tip .mobile-search {
  font-size: 1.4em;
}

@media screen and (min-width: 1000px) {
  #sports-scores-top .sports-scores-container {
    margin-bottom: -20px;
  }

  .sports-header {
    background: linear-gradient(180deg, #e42c29 80%, #f0efef 20%) !important;
  }
  .sports-header #site-navigation {
    background-color: transparent;
  }
  .sports-header #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
    background-color: transparent;
  }
  .sports-header .tip-sports-desktop {
    grid-column: 3/-1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    row-gap: 20px;
    text-align: center;
    font-size: 10pt;
    margin: 10px 0;
  }
  .sports-header .tip-sports-desktop .tip-sports-contact-link {
    display: block;
    margin-bottom: 10px;
  }
  .sports-header .tip-sports-desktop .tip-sports-desktop a, .sports-header .tip-sports-desktop .tip-sports-desktop img {
    display: inline !important;
  }
  .sports-header .tip-sports-desktop .tip-sports-desktop img {
    vertical-align: bottom;
  }

  #sports-sponsor {
    padding-top: 0;
  }

  .featured-sports-story h2 {
    margin-top: -13px;
  }
  .featured-sports-story .unconstrained {
    padding: 25px 25px 5px 25px;
  }

  .two-columns-sports {
    display: grid;
    grid-template-columns: auto 390px;
    grid-column-gap: 15px;
  }
  .two-columns-sports .front-page-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .two-columns-sports .sports-side-column {
    grid-column: 2;
    display: block;
  }
  .two-columns-sports .sports-side-column h2 {
    margin-top: -15px;
  }
  .two-columns-sports .sports-page-big-column {
    grid-column: 1;
  }

  #sports-side-column {
    grid-row: 1;
    grid-column: 2;
  }
  #sports-side-column .side-sports-list .news-article:first-of-type {
    position: relative;
  }
  #sports-side-column .side-sports-list h2 {
    display: none;
  }

  .national-sports #mediumRec1Desktop {
    grid-column: 4/-1;
  }
}
#sports-side-column .news-article:has(~ .news-article-no-image) {
  background-color: #707070;
  padding: 10px;
  margin-bottom: 10px;
}
#sports-side-column .news-article:has(~ .news-article-no-image) h3 {
  margin-top: 10px;
  margin-bottom: 0;
}
#sports-side-column .news-article:has(~ .news-article-no-image) h3 a {
  color: #f0efef;
}
#sports-side-column .news-article:has(~ .news-article-no-image) figure {
  max-width: 350px;
  margin: 0 auto;
}
#sports-side-column .side-sports-list > .news-article-no-image:nth-of-type(2) {
  border-top: 0;
  padding-top: 10px;
}
#sports-side-column .news-article-no-image:nth-of-type(n+2) .category-box, #sports-side-column .story-lineup > .news-article-no-image:nth-of-type(1) .category-box {
  transform: rotate(-3deg);
  padding: 3px;
  background-color: transparent;
  border-left-style: solid;
  border-left-width: 2px;
  border-right-style: solid;
  border-right-width: 2px;
}
#sports-side-column .news-article-no-image:nth-of-type(n+2) .category-box a, #sports-side-column .news-article-no-image:nth-of-type(n+2) .category-box a:hover, #sports-side-column .news-article-no-image:nth-of-type(n+2) .category-box a:visited, #sports-side-column .story-lineup > .news-article-no-image:nth-of-type(1) .category-box a, #sports-side-column .story-lineup > .news-article-no-image:nth-of-type(1) .category-box a:hover, #sports-side-column .story-lineup > .news-article-no-image:nth-of-type(1) .category-box a:visited {
  color: #2f2d2d !important;
}

.button-under-three-articles {
  grid-column: 1/4;
}

.tip-sports-desktop {
  display: none;
}

.sports-footer {
  margin-top: 0 !important;
}

/* 
Job postings
*/
.company #narrativ-insert {
  display: none;
}

/*
Stuff from Empower Local and RevContent
*/
div#placement_685126_0_i, iframe.flippxp-frame {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 768px) {
  #rc-widget-33043e {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Gravity Forms */
.gform_drop_area button {
  background-color: #2f2d2d;
  font-size: 10px;
  padding: 2px;
}

.gform_fileupload_rules {
  font-weight: italic;
  color: #707070;
}

/*
*
*
*** Print-only styles ***
*
*
*
*/
#featured-image-for-print {
  display: none;
}

@media print {
  #featured-image-for-print {
    display: block;
  }

  header#masthead, footer#colophon, .desktop-ad, .mobile-ad, .leaderboard, #footerboard, #pushdown-container, .story aside, #after-content *, #after-content #div-gpt-ad-1644400642420-0, #get-app, #top-image-holder, #sports-scores-top, .trinity-player-iframe-wrapper, #submit-correction, .share, .post-edit-link, #santa-banner {
    display: none !important;
  }

  article figure {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  #articleText p {
    font-size: 12pt;
  }

  h1#story-title {
    font-size: 16pt;
  }
}

/*# sourceMappingURL=style.css.map */