/*
Theme Name: The Rectangle Files
Theme URI: http://underscores.me/
Author: The Rectangle
Author URI: http://thetriangle.org
Description: It's like the triangle...but shenanigany...
Version: 4.0
License: GNU General Public License
License URI: license.txt
Text Domain: shenanigans
Domain Path: /languages/
Tags:

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.

 Working Copy is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*//*

## Working Copy CSS Framework ##

Everything is piped though this file before being compiled 
down. Please be sure to break any styles that don't belong 
in these files into seperate documents to keep the SCSS 
files as conciese and focused as possible.

<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//stats.thetriangle.org/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '3']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->

*/
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Jaro:opsz@6..72&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Jaro:opsz@6..72&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centred in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  margin: 0px !important;
}

body {
  background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

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

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  outline: 0;
}

a img {
  border: 0;
}

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

body {
  font: 400 1.8em/1.2em "Roboto", Helvetica, Arial, sans-serif;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

html {
  background: white;
}

::-moz-selection {
  color: #FFF;
  background: #3b4f7b;
}

::selection {
  color: #FFF;
  background: #3b4f7b;
}

.screen-reader {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  margin-bottom: 0.6em;
  line-height: 1;
}

h1 {
  font-size: 2.5em;
}

h2 {
  font-size: 2.3em;
}

h3 {
  font-size: 2.1em;
}

h4 {
  font-size: 1.9em;
}

h5 {
  font-size: 1.6em;
}

h6 {
  font-size: 1.3em;
}

small {
  font-size: 0.75em;
}

p {
  margin-bottom: 0.8em;
}

hr {
  margin: 20px 0;
  border-top: 0;
  border-bottom: 1px solid #888;
}

b, strong {
  font-weight: 900;
}

i, em {
  font-style: italic;
}

blockquote {
  font-style: italic;
  padding-left: 10px;
  border-left: 2px solid #3b4f7b;
}

code {
  font-family: "Monaco", "Menlo", Courier, monospace;
}


.article-text-container {
  margin: auto;
  width: 70%;
  /* font-family: "Poppins", sans-serif;  */
   
  
  font-family: "Hind Siliguri", sans-serif;
 
  font-weight: 400;
  font-style: normal;
  
}

a {
  color: #204496;
  text-decoration: none;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
a:hover {
  color: #888;
}

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

.image-group img {
  margin-bottom: 1em;
}

iframe {
  display: block;
}

video, audio {
  width: 100%;
}

.media-box {
  width: 100%;
}

.author-info {
  *zoom: 1;
}
.author-info:before, .author-info:after {
  content: '';
  display: table;
  clear: both;
}

img.avatar {
  float: left;
  margin-right: 1em;
  border: 3px solid #3b4f7b;
}

.single .hentry .feature-image {
  border: 2px solid #DDD;
}
.single .hentry .post-content .alignleft {
  float: left;
  margin-right: 1em;
}
.single .hentry .post-content .aligncenter {
  display: block;
  margin: 0 auto;
}
.single .hentry .post-content .alignright {
  float: right;
  margin-left: 1em;
}
.single .hentry .post-content .wp-caption {
  position: relative;
  margin-bottom: 1em;
}
.single .hentry .post-content .wp-caption .wp-caption-text {
  margin: 0;
  border-bottom: 2px solid #DDD;
  padding: 0.4em;
  font-size: 0.8em;
  color: #444;
  text-indent: 0;
}

.page-nav {
  margin: 0.5em 0;
  *zoom: 1;
}
.page-nav:before, .page-nav:after {
  content: '';
  display: table;
  clear: both;
}
.page-nav .next, .page-nav .prev {
  width: 50%;
  font-weight: 700;
  text-transform: uppercase;
}
.page-nav .next {
  float: right;
  text-align: right;
}
.page-nav .prev {
  float: left;
  text-align: left;
}

img#wpstats {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.tri-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  margin: 0.2em;
  padding: 0.5em 1.2em;
  border: 3px solid #17316c;
  font-size: 0.85em;
  line-height: 1em;
  color: #FFF;
  background: #204496;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
}
.tri-button:hover {
  background: #3b4f7b;
  color: #FFF;
}
.tri-button:focus {
  outline: 0;
}

#feature-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #111;
  background-image: url(images/gif/loading-bw.gif);
  background-size: 160px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 20;
}

#fb-root {
  display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.archive #content, .single #content, .page #content {
  *zoom: 1;
}
.archive #content:before, .archive #content:after, .single #content:before, .single #content:after, .page #content:before, .page #content:after {
  content: '';
  display: table;
  clear: both;
}
.archive .column.main, .single .column.main, .page .column.main {
  width: 100%;
}

.single .feature-image {
  margin-bottom: 1em;
}
.single .comments-section {
  margin: 1em 0;
}

.breaking-news {
  background: #e12d2d;
  padding: 0.75em;
  text-align: center;
}
.breaking-news p {
  margin-bottom: 0;
  text-transform: uppercase;
}
.breaking-news p strong {
  color: #FFF;
  letter-spacing: 1px;
}
.breaking-news p a {
  color: #f4b3b3;
  border-bottom: 1px dotted #f4b3b3;
  -webkit-transition: color 300ms ease, border 300ms ease;
  transition: color 300ms ease, border 300ms ease;
}
.breaking-news p a:hover {
  color: white;
  border-bottom: 1px dotted white;
}

.global-header {
  background: white;
  font-size: 0.7em;
  font-weight: 900;
  padding: 10px;
}
.global-header .logo-link {
  float: left;
  width: 35%;
  padding: 0;
  margin-right: 3%;
}
.global-header .logo-link svg {
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  margin: 1.02em 0;
  width: 100%;
  display: block;
  fill: #EEE;
}
.global-header .global-header-container {
  margin: 0 auto;
  padding: 0 0;
  text-transform: uppercase;
  position: relative;
  *zoom: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.global-header .global-header-container a.logo-link{
  width: 80%;
  margin: 0px;
}
.global-header .tagline {
  color: #5C7B92;
  text-transform: uppercase;
  letter-spacing: 0.05cm;
  flex-basis: 100%;
  text-align: center;
  font-size: 1.5vw;
}
.global-header .global-header-container:before, .global-header .global-header-container:after {
  content: '';
  display: table;
  clear: both;
}
.global-header nav, .global-header .search-form {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}
.global-header nav {
  *zoom: 1;
  float: left;
  width: 50%;
}
.global-header nav:before, .global-header nav:after {
  content: '';
  display: table;
  clear: both;
}
.global-header nav a {
  padding: 0.5em 0;
  margin-right: 1.5em;
  color: #EEE;
  letter-spacing: 1px;
  display: inline-block;
}
.global-header nav a:hover {
  color: #7283aa;
}
.global-header .search-form {
  position: absolute;
  left: 3.7em;
  right: 3.7em;
}
.global-header .search-form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: absolute;
  right: 0;
  width: 18%;
  padding: 0.75em 0.5em;
  border: 0;
  border-radius: 5px;
  background: #283042;
  color: #7283aa;
  font-size: 1em;
  -webkit-transition: background 300ms ease, width 300ms ease, color 300ms ease;
  transition: background 300ms ease, width 300ms ease, color 300ms ease;
}
.global-header .search-form input::-webkit-input-placeholder {
  color: #929fbd;
}
.global-header .search-form input:-moz-placeholder {
  color: #929fbd;
}
.global-header .search-form input::-moz-placeholder {
  color: #929fbd;
}
.global-header .search-form input:-ms-input-placeholder {
  color: #929fbd;
}
.global-header .search-form input:focus {
  width: 64%;
  outline: 0;
  color: #EEE;
  background: #586991;
}

.header-links {
  position: relative;
  max-width: 75em;
  margin: 0 auto 1em;
}

.main-nav {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  *zoom: 1;
}
.main-nav:before, .main-nav:after {
  content: '';
  display: table;
  clear: both;
}
.main-nav a {
  padding: 0.8em 0;
  width: 20%;
  font-size: 0.85em;
  font-weight: 700;
  float: left;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition-property: background, color;
  transition-property: background, color;
}
.main-nav a#menu-button {
  display: none;
  width: 100%;
  border: 0;
}
.main-nav a:hover, .main-nav a.active {
  background: #204496;
  color: #FFF;
}

body.news .main-nav .news,
body.sports .main-nav .sports,
body.entertinment .main-nav .entertinment,
body.opinion .main-nav .opinion,
body.style .main-nav .style {
  color: #FFF;
  background: #C60800;
}
body.news .main-nav .news:hover,
body.sports .main-nav .sports:hover,
body.entertinment .main-nav .entertinment:hover,
body.opinion .main-nav .opinion:hover,
body.style .main-nav .style:hover {
  color: #FFF;
  background: #204496;
}

.section-drops {
  width: 100%;
  left: 0;
  position: absolute;
  z-index: 100;
}
.section-drops .drop {
  display: none;
  background-color: #F8F8F8;
  box-shadow: 0 4px 5px -3px #000;
}
.section-drops .drop.open {
  display: block;
}
.section-drops .recent-articles {
  *zoom: 1;
}
.section-drops .recent-articles:before, .section-drops .recent-articles:after {
  content: '';
  display: table;
  clear: both;
}
.section-drops .recent-articles a {
  position: relative;
  top: -1px;
  float: left;
  width: 20%;
  height: 7.5em;
  padding: 0.75em;
}
.section-drops .recent-articles a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.5;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
.section-drops .recent-articles a:hover:before {
  opacity: 0.25;
}
.section-drops .recent-articles a h1 {
  position: absolute;
  bottom: 0.25em;
  padding-right: 0.75em;
  font: 400 1em/1em "Roboto Slab", Georgia, Times, serif;
  font-variant: small-caps;
  color: #EEE;
  text-shadow: 1px 1px 0px #000;
  letter-spacing: 1px;
  -webkit-transition: color 300ms ease, text-shadow 300ms ease;
  transition: color 300ms ease, text-shadow 300ms ease;
}
.section-drops .sub-sections {
  padding: 0.5em 0.5em 0.35em;
  font-size: 0.9em;
}
.section-drops .sub-sections span {
  margin-right: 0.3em;
  text-transform: uppercase;
  font-weight: 700;
  color: #888;
}
.section-drops .sub-sections a {
  display: inline-block;
  line-height: 1.3em;
  padding: 0.25em 0.3em 0.2em;
  margin: 0 0.3em 0.3em 0;
  font-weight: 700;
  color: #FFF;
  background-color: #204496;
  text-transform: uppercase;
}
.section-drops .sub-sections a:hover {
  background: #2957c0;
}

#colophon {
  background: #C60800;
  padding: 1em 0;
  font-size: 0.7em;
  text-align: center;
  color: #EEE;
}
#colophon .links {
  font-weight: 900;
  padding-bottom: 1em;
}
#colophon .links nav {
  max-width: 105em;
  margin: 0 auto;
  padding: 0.5em 2.5em;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#colophon .links nav a {
  padding-left: 1.5em;
  color: #EEE;
}
#colophon .links nav a:hover {
  color: #7283aa;
}
#colophon .copyright {
  font-style: italic;
  line-height: 1em;
}
#colophon .social {
  padding: 0.75em 0;
}
#colophon .social a {
  display: inline-block;
  width: 3.5em;
  margin: 0.25em;
}
#colophon .social img {
  border: 4px solid #2b3958;
}
#colophon .social img.facebook {
  background: #3b5998;
}
#colophon .social img.twitter {
  background: #00aced;
}
#colophon .social img.instagram {
  background: #517fa4;
}
#colophon .social img.youtube {
  background: #bb0000;
}
#colophon .copyright {
  text-align: center;
  font-weight: p;
  font-weight-margin: 0;
  font-weight-clear: both;
}

#affiliation {
  padding: 1em;
  font-size: 0.85em;
  color: #677fb5;
  background: #C60800;
  text-align: center;
  display: none;
}

#page {
  position: relative;
  margin: 0 auto;
  padding: 1em 2.5em;
  max-width: 65em;
}

.page-title {
  line-height: 1em;
  padding: 0.3em 0.3em 0.2em;
  font-size: 2.2em;
  text-align: left;
}

.hentry {
  margin-bottom: 2em;
}

.post-header .post-meta, .post-content .post-meta {
  display: inline-block;
  font-size: 1.1em;
  color: #888;
  text-transform: uppercase;
}
.post-header .post-meta a, .post-content .post-meta a {
  text-decoration: none;
  color: #3b4f7b;
}
.post-header .post-meta a:hover, .post-content .post-meta a:hover {
  color: #888;
}

.post-content .post-meta {
  padding-bottom: 0.25em;
  border-bottom: 1px solid #CCC;
}

.post-title {
  font-family: "Roboto Slab", Georgia, Times, serif;
  line-height: 1.2em;
  margin-bottom: 0.25em;
  color: #444;
}
.post-title a {
  color: #444;
  text-decoration: none;
}
.post-title a:hover {
  color: #3b4f7b;
}

.deck {
  font-family: "Roboto Slab", Georgia, Times, serif;
  font-weight: 400;
  font-size: 1.6em;
  font-style: italic;
  color: #888;
}

footer.post-meta {
  padding-top: 0.8em;
}
footer.post-meta .tags {
  padding: 0.5em 0;
  margin: 0.5em 0;
  font-size: 0.85em;
  text-transform: uppercase;
  font-weight: 700;
}

.comments-link {
  padding: 0.2em 0;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
}
.comments-link a {
  text-decoration: none;
}

.sec-title, .page-title {
  padding: 0.3em;
  border-bottom: 4px solid #204496;
  margin-bottom: 0.8em;
  font: 100 1.3em "Roboto Slab", Georgia, Times, serif;
  color: #EEE;
  background: #3b4f7b;
  text-transform: uppercase;
  text-align: center;
}

.author-info {
  margin-bottom: 1em;
  padding: 0.5em;
  color: #EEE;
  background: #445a8c;
}

.archive .page-title {
  margin-bottom: 0;
}
.archive .page-header {
  margin-bottom: 1.4em;
}
.archive .hentry.has-post-thumbnail {
  *zoom: 1;
}
.archive .hentry.has-post-thumbnail:before, .archive .hentry.has-post-thumbnail:after {
  content: '';
  display: table;
  clear: both;
}
.archive .hentry.has-post-thumbnail .post-thumbnail {
  float: left;
  width: 22%;
  padding-right: 2%;
}
.archive .hentry.has-post-thumbnail > .post-header, .archive .hentry.has-post-thumbnail > p, .archive .hentry.has-post-thumbnail > .post-meta {
  float: right;
  width: 78%;
}
.archive .children, .archive .sec-nav {
  margin-top: 1em;
  font-size: 1.1;
}
.archive .children a, .archive .sec-nav a {
  line-height: 0.8em;
  font-size: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
}
.archive .children a:hover, .archive .sec-nav a:hover {
  border-color: #888;
}
.archive .children .children-title, .archive .sec-nav .children-title {
  margin-bottom: 0.2em;
  font-size: 1em;
  color: #888;
  text-transform: uppercase;
}

.single .post-header {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}
.single .post-header h2 {
  margin-bottom: 0;
}
.single .hentry .post-content {
  font-size: 1em;
  line-height: 1.3em;
}
.single #liveblog-container {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.single #liveblog-container header {
  *zoom: 1;
}
.single #liveblog-container header:before, .single #liveblog-container header:after {
  content: '';
  display: table;
  clear: both;
}
.single .liveblog-entry {
  padding: 0.75em 0;
}
.single .liveblog-entry .liveblog-author-avatar {
  display: none;
}
.single .liveblog-entry .liveblog-author-name, .single .liveblog-entry .liveblog-meta-time {
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
  float: left;
}
.single .liveblog-entry .liveblog-entry-text {
  margin-left: 0;
}
.single .liveblog-entry .liveblog-entry-text p {
  margin: 0;
}

.archive .post-feature {
  margin-bottom: 1em;
  border: 3px solid #DDD;
}
.archive .post-feature img {
  width: 100%;
}
.archive .hentry .status {
  display: inline-block;
  padding-bottom: 0.2em;
  color: #d34e4e;
  font-weight: 700;
  text-transform: uppercase;
}
.archive .post-title {
  font-size: 1.8em;
}
.archive .post-meta {
  padding: 0;
  color: #888;
}
.archive .tags {
  padding: 0;
}
.archive .hentry {
  position: relative;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid #DDD;
}
.archive .hentry .post-excerpt {
  line-height: 1.3em;
}
.archive .hentry .edit-link {
  position: absolute;
  bottom: 0.5em;
}

body.multimedia.author .hentry {
  border-bottom: 1px solid #DDD;
}

body.multimedia .hentry {
  border-bottom: 1px solid #444;
}
body.multimedia .hentry.has-post-thumbnail > .post-header, body.multimedia .hentry.has-post-thumbnail > p, body.multimedia .hentry.has-post-thumbnail > .post-meta {
  float: none;
  width: 100%;
}
body.multimedia .post-feature {
  border: 4px solid #444;
  padding: 4px;
}
body.multimedia .contents {
  *zoom: 1;
}
body.multimedia .contents:before, body.multimedia .contents:after {
  content: '';
  display: table;
  clear: both;
}
body.multimedia .contents > section {
  width: 50%;
  float: left;
}
body.multimedia .contents > section.videos {
  padding-right: 0.5em;
}
body.multimedia .contents > section.audio {
  padding-left: 0.5em;
}
body.multimedia .contents > section .tri-button {
  width: 100%;
  font-weight: 700;
  padding: 0.8em 1.5em;
  text-align: center;
  text-transform: uppercase;
}
body.multimedia .video-group {
  *zoom: 1;
}
body.multimedia .video-group:before, body.multimedia .video-group:after {
  content: '';
  display: table;
  clear: both;
}
body.multimedia .video-group .multimedia {
  width: 50%;
  float: left;
  padding: 0 0.35em;
  border: 0;
}
body.multimedia .video-group .multimedia h1 {
  font-size: 1.4em;
}
body.multimedia .video-group .multimedia h2 {
  font-size: 0.78em;
  line-height: 1.2em;
}
body.multimedia .media-box, body.multimedia .sound-box {
  border: 6px solid #444;
}
body.multimedia.single .hentry {
  border: 0;
}
body.multimedia.single #content {
  width: 100%;
  margin: 0 auto;
}
body.multimedia.single .media-content {
  *zoom: 1;
  margin: 2em 0;
}
body.multimedia.single .media-content:before, body.multimedia.single .media-content:after {
  content: '';
  display: table;
  clear: both;
}
body.multimedia.single .media-box {
  border: 6px solid #444;
  float: left;
  width: 65%;
}
body.multimedia.single .sound-box {
  width: 100%;
}
body.multimedia.single .aside {
  padding-left: 1.5em;
  float: left;
  width: 35%;
}
body.multimedia.single .aside.audio {
  width: 45%;
  max-width: 468px;
  margin-bottom: 1em;
  padding-left: 0;
  padding-right: 1.5em;
}
body.multimedia.tax-media-format.term-videos .video-group .multimedia, body.multimedia.tax-media-format.term-tbq .video-group .multimedia, body.multimedia.tax-media-format.term-live .video-group .multimedia {
  width: 25%;
}

#content > .aside section {
  margin-bottom: 1em;
}

body.logged-in .main-search-area {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  body.logged-in .main-search-area {
    margin-top: 46px;
  }
}

section.horoscopes-articles{
  border: 3px solid black;
  padding: 30px 10px;
  margin-top: -34px;
  margin-bottom: 30px;
}
div.top-ad{
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  position: relative;
}
div.top-ad img{
  width: 100%;
  aspect-ratio: 3;
}
div.top-ad .close-ad{
  position: absolute;
  right: 15px;
  top: 15px;
  font-weight: bold;
  border: none;
  background-color: lightgray;
  color: black;
  font-size: 1.5em;
}
div.main.articles{
  width: 80%;
  margin: 50px 10%;
  display: flex;
}
div.main .articles-container{
  width: 70%;
}
.front .feature-article article h1 {
  color: black;
  margin: 0px;
  background-color: white;
  text-align: center;
  padding: 10px;
}
.front .feature-article img {
  width: 100%;
  aspect-ratio: 1.5;
}
.front .excerpt {
  font-size: 0.8em;
  color: gray;
}
.flag-row{
  display: flex; 
  justify-content: center; 
  margin: 10px 0px 0px;
}
.flag-stamp{
  background-color: #C60800;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  line-height: 1;
  padding-bottom: .0625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: .0625rem;
  text-align: center;
  transform: skew(-10deg);
  color: white;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
}
.section-header::before{
  align-self: center;
  border-bottom: 3px solid black;
  content: "";
  display: inline-block;
  flex-grow: 1;
}
.section-header::after{
  align-self: center;
  border-bottom: 3px solid black;
  content: "";
  display: inline-block;
  flex-grow: 1;
}
.section-header h2{
  color: #C60800;
  font-size: 1.875rem;
  font-style: "normal";
  letter-spacing: .05em;
  line-height: .86;
  line-height: .94;
  margin-bottom: 6px;
  transform: skew(-10deg);
}
.section-header h2 span.header-bs{
  background-color: white;
  border: 3px solid black;
  border-left-width: 1px;
  box-shadow: -1px 1px 0 black, -2px 2px 0 black, -3px 3px 0 black, -4px 4px 0 black, -5px 5px 0 black, -6px 6px 0 black;
  display: inline-block;
  padding: .625rem .9375rem;
}

/* ----------------------------------------------------------------------------------------------- */

.footer-buttons {
  background-color: white;
  border: 3px solid black;
  border-left-width: 1px;
  box-shadow: -1px 1px 0 black, -2px 2px 0 black, -3px 3px 0 black, -4px 4px 0 black, -5px 5px 0 black, -6px 6px 0 black;
  display: inline-block;
  padding: .625rem .9375rem;

}


aside.sidebar{
  width: 30%;
  padding: 0px 10px;
}
video{
  width: 100%;
  aspect-ratio: 1/2;
  object-fit: cover;
}
aside .follow-us span {
  text-transform: uppercase;
  color: red;
  font-weight: 1000;
}
aside .follow-us {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 15px 0px;
  border-top: 4px solid black;
  border-bottom: 4px solid black;
  margin: 10px 0px;
}
aside .follow-us img{
  object-fit: cover;
  width: 12%;
  aspect-ratio: 1;
  border-radius: 50%;
}
.section-header{
  display: flex;
  margin-bottom: 1.25rem;
  position: relative;
  margin-top: 50px;
}
.first-article{
  width: 100%;
  color: black;
  text-decoration: none;
}
.first-article:hover{
  color: black;
  text-decoration: none;
}
.first-article img{
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: 75% 50%;
  margin-bottom: 20px;
}
.first-article h2{
  text-align: center;
  font-weight: bold;
  color: #000;
}
.secondary-articles-section {
  display: flex;
  justify-content: space-between;
  padding: 20px 10px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  margin: 10px 0px;
}
.secondary-articles-section .secondary-article {
  width: 33%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 10px 0px 10px;
  border-right: 1px solid lightgray;
  color: black;
  text-decoration: none;
}
.secondary-articles-section .secondary-article:hover{
  color: black;
  text-decoration: none;
}
.secondary-articles-section .secondary-article:last-child {
  border: none;
}
.secondary-article img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  margin-bottom: 10px;
}
.secondary-article h6 {
  font-size: 1.5em;
  font-weight: bold;
}
/* .front .feature-article {
  color: #FFF;
  text-shadow: 1px 1px 10px #000;
}
.front .feature-article article {
  padding: 3.5em 0.5em;
  text-align: center;
  margin-bottom: 1em;
  position: relative;
}
.front .feature-article article:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.5;
  z-index: 0;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
.front .feature-article article:hover:before {
  opacity: 0.25;
}
.front .feature-article article h1 {
  position: relative;
  padding: 0.5em 0;
  margin: 0;
  font-family: "Roboto Slab", Georgia, Times, serif;
  font-weight: 300;
} */
.front .primary {
  width: 100%;
  position: relative;
  margin-bottom: 1.5em;
  *zoom: 1;
}
.front .primary:before, .front .primary:after {
  content: '';
  display: table;
  clear: both;
}
.front .primary .main {
  width: 100%;
}
.front section {
  min-height: 200px;
}
.front .sec-label {
  margin: 0;
  padding: 0.75em 0.45em;
  font-size: 1.15em;
  font-style: italic;
  color: #EEE;
  background: #204496;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
.front .primary .article-group article {
  min-height: 140px;
}
.front .primary .articles-container > article, .front .primary .article-group {
  float: left;
  width: 50%;
}
.front .primary .article-group article {
  width: 100%;
}
.front .primary article {
  position: relative;
  min-height: 280px;
  margin-bottom: 0;
  padding: 0.5em;
}
.front .primary article > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #FFF;
  z-index: 20;
}
.front .primary article:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%);
  background-image: linear-gradient(rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%);
  z-index: 0;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
.front .primary article:hover:before {
  opacity: 0.75;
}
.front .primary article .post-header {
  position: absolute;
  bottom: 0;
  padding: 0 0.5em;
}
.front .primary article .post-header .post-title, .front .primary article .post-header .post-meta {
  color: #FFF;
}
.front .primary article .post-header .post-title {
  font-size: 1.3em;
  font-weight: 400;
}
.front .primary article .post-header .post-meta {
  font-size: 0.95em;
  font-weight: 300;
}
.front .primary article footer.post-section {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  z-index: 50;
  padding: 0.25em;
  font-size: 1em;
  font-weight: 700;
  color: #888;
  background: #F8F8F8;
  text-transform: uppercase;
}
.front .primary article footer.post-section a {
  color: #3b4f7b;
}
.front .primary article footer.post-section a:hover {
  color: #AAA;
}
.front .aside .ad {
  padding-bottom: 1em;
}
.front .secondary {
  *zoom: 1;
}
.front .secondary:before, .front .secondary:after {
  content: '';
  display: table;
  clear: both;
}
.front .secondary .col {
  width: 25%;
  float: left;
  padding-right: 1em;
}
.front .secondary .col:last-child {
  padding-right: 0;
}
.front .secondary article {
  padding: 0.5em;
  border-bottom: 1px solid #CCC;
  margin-bottom: 0.5em;
}
.front .secondary article .thumbnail {
  display: block;
  float: right;
  width: 72px;
  height: auto;
  margin: 5px 0 0 10px;
  border: 2px solid #CCC;
}
.front .secondary article .post-header .post-title {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
.front .secondary article .post-header .post-meta {
  font-size: 1em;
}
.front .secondary article .post-excerpt {
  font-size: 0.8em;
}

.page.contact .page-title, .page.classifieds .page-title {
  text-align: center;
}
.page.contact .column.main, .page.classifieds .column.main {
  width: 58%;
  padding-right: 1.5em;
  margin-right: 0;
}
.page.contact .column.aside, .page.classifieds .column.aside {
  width: 42%;
}
.page.contact .contact-container .contact-label, .page.classifieds .contact-container .contact-label {
  display: block;
  margin: 1em 0 0.4em;
}
.page.contact .contact-container .contact-label .req, .page.classifieds .contact-container .contact-label .req {
  position: relative;
  top: -0.5em;
  left: 0.2em;
  color: #F00;
  font-size: 0.85em;
}
.page.contact .contact-container .contact-field, .page.classifieds .contact-container .contact-field {
  font-size: 1.2em;
  padding: 0.5em 0.3em;
  border: 2px solid #AAA;
  width: 100%;
  max-width: 100%;
}
.page.contact .contact-container .contact-field:focus, .page.classifieds .contact-container .contact-field:focus {
  outline: 0;
  border-color: #3b4f7b;
}
.page.contact .contact-container .contact-field.recipient, .page.classifieds .contact-container .contact-field.recipient {
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
}
.page.contact .contact-container span.your-recipient:after, .page.classifieds .contact-container span.your-recipient:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 30%;
  height: 0;
  width: 0;
  border-top: 10px solid #CCC;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.page.contact .contact-container span.wpcf7-not-valid-tip, .page.classifieds .contact-container span.wpcf7-not-valid-tip {
  top: -14px;
  left: 0;
  width: 100%;
  padding: 0.71em;
  border: 2px solid #FF0000;
  font-size: 1em;
}
.page.contact .contact-container input.submit, .page.classifieds .contact-container input.submit {
  width: 100%;
  font-size: 1em;
  margin-top: 1em;
  padding: 0.5em 0.8em;
  color: #FFF;
  border: 4px solid #204496;
  background: #3b4f7b;
  cursor: pointer;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.page.contact .contact-container input.submit:hover, .page.classifieds .contact-container input.submit:hover {
  background: #2b3958;
}
.page.contact .contact-container input.submit:focus, .page.classifieds .contact-container input.submit:focus {
  outline: 0;
}
.page.contact .wpcf7-response-output, .page.classifieds .wpcf7-response-output {
  font-weight: 700;
  margin: 1em 0 1em;
  padding: 0.85em;
}
.page.contact .wpcf7-response-output.wpcf7-mail-sent-ok, .page.classifieds .wpcf7-response-output.wpcf7-mail-sent-ok {
  color: #FFF;
  border: 5px solid #398F14;
  background: #42a517;
}
.page.contact .wpcf7-response-output.wpcf7-mail-sent-ng, .page.classifieds .wpcf7-response-output.wpcf7-mail-sent-ng {
  color: #FFF;
  border: 5px solid #BB0000;
  background: #e40000;
}
.page.contact .wpcf7-response-output.wpcf7-spam-blocked, .page.classifieds .wpcf7-response-output.wpcf7-spam-blocked {
  color: #FFF;
  border: 5px solid #2279C9;
  background: #378ddd;
}
.page.contact .wpcf7-response-output.wpcf7-validation-errors, .page.classifieds .wpcf7-response-output.wpcf7-validation-errors {
  color: #FFF;
  border: 5px solid #C7BA00;
  background: #e1d200;
}
.page.contact #info h1, .page.classifieds #info h1 {
  font-size: 1.8em;
}

.page.ad-rates p {
  text-align: center;
  font-size: 1.3em;
}
.page.ad-rates iframe {
  width: 100%;
  height: 60em;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 2em;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

body.takeover #page {
  background: #F8F8F8;
}

.advertisement {
  display: block;
}
.advertisement.banner {
  margin: 1em auto 1em;
}
.advertisement.banner.desktop {
  width: 728px;
  height: 90px;
}
.advertisement.sidebar {
  margin: 0 auto 1em;
}
.advertisement.sidebar.desktop {
  width: 300px;
  height: 250px;
}

/* line 1, ../scss/_polls.scss */
.wp-polls {
  padding: 0 0.5em;
}
.wp-polls h1 {
  margin-bottom: 0;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #DDD;
  font-size: 1.2em;
  color: #444;
}
.wp-polls ul {
  margin: 1em 0 1em 0.5em;
}
.wp-polls li {
  font-size: 0.9em;
  padding-bottom: 0.2em;
}
.wp-polls .pollbar {
  height: 0.8em;
  margin: 0.2em 0;
  background: #204496;
}
.wp-polls .footer {
  text-align: center;
}
.wp-polls .footer h2 {
  margin: 0;
  padding-bottom: 1em;
  font-size: 1.1em;
  color: #444;
}
.wp-polls .footer .tri-button {
  display: block;
  margin: 0.5em 0;
  width: 100%;
}

.staff .staff-container {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
  -webkit-column-rule: 1px outset #CCC;
  -moz-column-rule: 1px outset #CCC;
  column-rule: 1px outset #CCC;
}
.staff .staff-container .department-header {
  padding-bottom: 0.25em;
  border-bottom: 1px solid #CCC;
  font-size: 3em;
  font-weight: 100;
  color: #AAA;
  text-transform: uppercase;
}
.staff .staff-container .group.dept {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  padding-bottom: 2.5em;
}
.staff .staff-container .group.staff {
  margin-bottom: 2em;
}
.staff .staff-container .group.staff li h4 {
  line-height: 1.35;
}
.staff .staff-container .member.editor {
  line-height: 1.5;
  padding-bottom: 1.5em;
}
.staff .staff-container .member.editor .name {
  line-height: 0.85;
}
.staff .staff-container .member .title {
  display: block;
  font-size: 0.85em;
  padding-bottom: 0.35em;
  color: #888;
  text-transform: uppercase;
}
.staff .staff-container .member .name {
  font-size: 1.1em;
  margin-bottom: 0;
  color: #444;
}
.staff .staff-container .member .email {
  display: block;
  font-size: 0.9em;
  padding-top: 0.1em;
}

html.theme-dark {
  background: #111;
}
html.theme-dark body {
  color: #AAA;
  background: #282828;
}
html.theme-dark body ::-moz-selection {
  color: #FFF;
  background: #BBB;
  background: rgba(187, 187, 187, 0.15);
}
html.theme-dark body ::selection {
  color: #FFF;
  background: #BBB;
  background: rgba(187, 187, 187, 0.15);
}
html.theme-dark body ::-webkit-selection {
  color: #FFF;
  background: #BBB;
  background: rgba(187, 187, 187, 0.15);
}
html.theme-dark body ::-moz-selection {
  color: #FFF;
  background: #BBB;
  background: rgba(187, 187, 187, 0.15);
}
html.theme-dark body a {
  color: #777;
  border-color: #777;
  font-style: italic;
}
html.theme-dark body a:hover {
  color: #888;
  border-color: #777;
}
html.theme-dark body.archive .children a {
  color: #777;
  border-color: #777;
  font-style: italic;
}
html.theme-dark body.archive .children a:hover {
  color: #888;
  border-color: #777;
}
html.theme-dark body hr {
  border-color: #555;
}
html.theme-dark body .global-header {
  background: #222;
}
html.theme-dark body .global-header nav a {
  color: #AAA;
}
html.theme-dark body .global-header nav a:hover {
  color: #888;
}
html.theme-dark body .global-header .search-form input {
  background: #444;
}
html.theme-dark body .global-header .search-form input::-webkit-input-placeholder {
  color: #AAA;
}
html.theme-dark body .global-header .search-form input:-moz-placeholder {
  color: #AAA;
}
html.theme-dark body .global-header .search-form input::-moz-placeholder {
  color: #AAA;
}
html.theme-dark body .global-header .search-form input:-ms-input-placeholder {
  color: #AAA;
}
html.theme-dark body .global-header .search-form input:focus {
  background: #555;
}
html.theme-dark body .main-nav {
  border-color: #888;
}
html.theme-dark body .main-nav a {
  color: #888;
  font-style: normal;
}
html.theme-dark body .main-nav a:hover {
  color: #EEE;
  background: #555555;
}
@media screen and (max-width: 768px) {
  html.theme-dark body .main-nav a:hover {
    color: #888;
    background: none;
  }
}
html.theme-dark body.news .main-nav .news, html.theme-dark body.sports .main-nav .sports, html.theme-dark body.ae .main-nav .ae, html.theme-dark body.op-ed .main-nav .op-ed, html.theme-dark body.style .main-nav .style, html.theme-dark body.multimedia .main-nav .multimedia, html.theme-dark body.contact .main-nav .contact, html.theme-dark body.classifieds .main-nav .classifieds, html.theme-dark body.about .main-nav .about {
  color: #DDD;
  background: #444;
}
html.theme-dark body.news .main-nav .news:hover, html.theme-dark body.sports .main-nav .sports:hover, html.theme-dark body.ae .main-nav .ae:hover, html.theme-dark body.op-ed .main-nav .op-ed:hover, html.theme-dark body.style .main-nav .style:hover, html.theme-dark body.multimedia .main-nav .multimedia:hover, html.theme-dark body.contact .main-nav .contact:hover, html.theme-dark body.classifieds .main-nav .classifieds:hover, html.theme-dark body.about .main-nav .about:hover {
  color: #EEE;
  background: #555555;
}
html.theme-dark body .sec-title, html.theme-dark body .page-title {
  border-color: #666;
  background: #444;
}
html.theme-dark body .post-header .post-meta a {
  color: #CCC;
  font-style: normal;
}
html.theme-dark body .post-header .post-meta a:hover {
  color: #AAA;
}
html.theme-dark body .post-title {
  color: #DDD;
}
html.theme-dark body .post-title a {
  color: #DDD;
  font-style: normal;
}
html.theme-dark body .post-title a:hover {
  color: #AAA;
}
html.theme-dark body .search-form input {
  background: #444;
  border-color: #555;
  color: #AAA;
}
html.theme-dark body .search-form input:focus {
  outline: 0;
  border-color: #777;
}
html.theme-dark body .tri-button {
  display: inline-block;
  margin: 0.2em;
  padding: 0.5em 1.2em;
  border: 3px solid #555;
  font-size: 0.85em;
  font-style: normal;
  line-height: 1em;
  color: #DDD;
  background: #444;
  cursor: pointer;
  -webkit-transition-property: background, border;
  transition-property: background, border;
}
html.theme-dark body .tri-button:hover {
  background: #888;
  border: 3px solid #666;
  color: #FFF;
}
html.theme-dark body .tri-button:focus {
  outline: 0;
}
html.theme-dark body #colophon {
  border-color: #111;
  background: #1F1F1F;
}


html.theme-dark body #colophon a {
  color: #DDD;
}
html.theme-dark body #colophon a:hover {
  color: #AAA;
}
html.theme-dark body #colophon .social img {
  border-color: #AAA;
  background: #888;
}
html.theme-dark body #affiliation {
  background: #111;
  color: #444;
}

@media screen and (max-width: 1280px) {
  .front .primary .article-group article {
    min-height: 155px;
  }
  .front .primary article {
    min-height: 310px;
  }
}
@media screen and (max-width: 1200px) {
  .header-links a {
    font-size: 0.75em;
  }

  .section-drops .recent-articles a {
    height: 10em;
    font-size: 0.85em;
  }

  #page {
    padding: 0 1.5em 1.5em;
  }

  .global-header .global-header-container {
    padding: 0 0;
  }
  .global-header .logo-link {
    margin-right: 2%;
  }
  .global-header nav, .global-header .search-form {
    padding-top: 0.5%;
    padding-bottom: 0.5%;
  }
  .global-header .search-form {
    left: 2.5em;
    right: 2.5em;
    font-size: 0.93em;
    padding-bottom: 1em;
  }
}
@media screen and (max-width: 1080px) {
  .front .primary .article-group article {
    min-height: 180px;
  }
  .front .primary article {
    min-height: 360px;
  }
}
@media screen and (max-width: 979px) {
  body {
    font-size: 1.6em;
  }

  .header-links .section-drops {
    display: none;
  }

  .front .secondary .col {
    width: 50%;
  }
  .front .secondary .col:nth-child(2), .front .secondary .col:nth-child(4) {
    padding-right: 0;
  }

  body.video.archive .post-group .hentry {
    width: 50%;
  }
}
@media screen and (max-width: 920px) {
  .front .primary .articles-container > article, .front .primary .article-group {
    width: 100%;
  }
  .front .primary .article-group article, .front .primary article {
    min-height: 120px;
  }
  .front .primary article footer.post-meta {
    display: none;
  }

  .staff .staff-container {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -webkit-column-rule: none;
    -moz-column-rule: none;
    column-rule: none;
  }
}
@media screen and (max-width: 768px) {
  body.multimedia.archive section.videos, body.multimedia.archive section.podcasts {
    width: 100%;
    padding: 0 0 1em;
  }

  body.multimedia.single .hentry .aside.audio {
    width: 100%;
    display: block;
    float: none;
    margin: 0 auto 2em;
    padding: 0;
  }
  body.multimedia.single .hentry .media-content .media-box, body.multimedia.single .hentry .media-content .aside {
    width: 100%;
    padding: 0;
    margin-bottom: 1em;
  }

  #colophon .links nav {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
  #colophon .links, #colophon .social {
    width: 100%;
  }
}
@media screen and (max-width: 735px) {
  .global-header .logo-link {
    width: 100%;
  }
  .global-header .logo-link svg {
    max-width: 35em;
    margin: 0 auto;
  }
  .global-header nav {
    width: 100%;
    text-align: center;
  }
  .global-header nav a {
    float: none;
    display: inline-block;
  }
  .global-header .search-form {
    position: relative;
    left: 0;
    right: 0;
  }
  .global-header .search-form input {
    position: relative;
    width: 100%;
  }
  .global-header .search-form input:focus {
    width: 100%;
  }

  .front .primary .main {
    margin: 0 0 1.5em;
    padding-right: 0;
  }
  .front .primary .main .articles-container {
    margin-right: 0;
  }
  .front .primary .aside {
    width: 100%;
  }
  .front .primary .aside .ad.desktop {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .header-links .main-nav #menu-button {
    display: block;
  }
  .header-links .main-nav a {
    width: 50%;
    -webkit-transition-property: none;
    transition-property: none;
    border-bottom: 1px solid #DFDFDF;
  }
  .header-links .main-nav a:hover {
    color: #204496;
    background: none;
  }
  .header-links .main-nav a.hidden {
    display: none;
  }
  .header-links .main-nav a.news, .header-links .main-nav a.entertainment {
    border-right: 1px solid #DFDFDF;
  }
  .header-links .main-nav a.style {
    width: 100%;
    border-color: #CCC;
  }

  .global-header {
    font-size: 0.6em;
  }

  .global-header .global-header-container a.logo-link {
    width: 100%;
  }

  .global-header .tagline{
    font-size: 2.5vw;
    line-height: normal;
  }

  #page {
    padding: 0 0.65em 0.65em;
  }

  .front .secondary .col {
    width: 100%;
    padding-right: 0;
  }

  .hentry.has-post-thumbnail > .post-header, .hentry.has-post-thumbnail > p, .hentry.has-post-thumbnail > .post-meta {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .header-main .header-contents {
    max-width: 100%;
    padding: 0 0.5em;
  }

  .front .feature-article {
    font-size: 0.75em;
  }
}

.tertiary-articles-section{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 590px;
  width: 100%;
}

.tertiary-articles-section .tertiary-article{
  width: 45%;
  max-height: 50%;
  color: black;
  text-decoration: none;
}

.tertiary-articles-section .tertiary-article img{
  width: 100%;
  aspect-ratio: 1.5;
  margin-bottom: 10px;
}

.tertiary-articles-section .tertiary-article:hover{
  color: black;
  text-decoration: none;
}

.tertiary-articles-section .tertiary-article:first-child{
  height: 100%;
  max-height: 100%;
  width: 52%;
  flex: 1;
  padding-right: 15px;
  border-right: 1px solid lightgray;
}

.tertiary-articles-section .tertiary-article:last-child{
  border-top: 1px solid lightgray;
  padding-top: 15px;
}

@media screen and (max-width: 1260px) {
  div.top-ad {
    width: 90% !important;
    margin: 0px 5% !important;
  }
  aside.sidebar{
    display: none;
  }
  div.main.articles {
    width: 90%;
    margin: 10px 5%;
  }
  div.main .articles-container {
    width: 100%;
  }
  .secondary-articles-section, .tertiary-articles-section {
    flex-wrap: wrap;
    flex-direction: column;
    height: auto;
  }
  .secondary-articles-section .secondary-article, .tertiary-articles-section .tertiary-article {
    width: 100%;
    border: none !important;
    display: block;
  }
  .secondary-articles-section .secondary-article img, .tertiary-articles-section .tertiary-article img {
    width: 100%;
    object-fit: cover;
    height: 150px;
  }
  .tertiary-articles-section .tertiary-article, .tertiary-articles-section .tertiary-article:first-child {
    width: 100%;
    display: block;
  }
  .tertiary-articles-section .tertiary-article:first-child {
    padding: 10px;
    margin: 10px 0px;
    border: 2px solid black !important;
  }
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #f3f3f3;
}

header {
    background-color: #07294D;
    min-height: 90px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

header img {
    width: 90px;
}

header h1 {
    margin: 0px;
    margin-left: 20px;
    color: #ffc600;
    font-weight: 400;
    font-size: 36px;
}

header nav {
    width: 100%;
    padding: 10px 45px;
    background-color: #006298;
    display: flex;
    gap: 5px;
}

header nav a {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 10px 20px;
    color: white;
    font-weight: 400;
}

header nav a:active, header nav a:hover {
    background-color:#ffc600;
    color: #07294d;
}

main {
    padding: 30px 15px;
    display: flex;
    justify-content: space-between;
}


main div section {
    border: 1px solid #e7eaec;
    background-color: white;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

main div section > h2{
    /*width: calc(100% - 20px);*/
    color: white;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #8e8f91;
    padding: 5px 10px;
    margin: 0px;
}

main div section.section-red > h2 {
    background-color: firebrick;
}

main div section.section-red h3 {
    color: #006298;
    font-weight: lighter;
}

main div section.section-red p {
    margin: 0px 0px 0px 20px;
}

main div section.section-red article {
    padding: 5px 20px 0px;
}

main div section article {
    padding: 20px 20px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

main div section article.yellow {
    margin: 10px 20px;
    color: #8a6d3b !important;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
}

main div section article a {
    color: #006298;
    text-decoration: none;
}

main div section article h3 {
    margin: 5px 0px;
    font-size: 16px;
}

main div section ul.accordion {
    padding: 20px 20px 0px;
    list-style: none;
    margin: 0px;
}
main div section ul.accordion.checklist {
    padding-left: 30px;
}

main div section ul.accordion li {
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 10px;
    font-size: initial;
}

main div section ul.accordion li img {
    height: 15px;
    width: 15px;
}

main div section ul.accordion.checklist li img {
    height: 20px;
    width: 20px;
}

main div section ul.accordion.checklist li {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0px;
}

main div section ul.accordion.checklist li div {
    font-weight: bold;
}

.spin-text {
    font-size: 5rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #07294D;
    text-shadow:
        1px 1px 0px #ffc600,
        2px 2px 0px #ffc600,
        3px 3px 0px #ffc600,
        4px 4px 0px #ffc600,
        5px 5px 0px #ffc600;
    transform: rotateY(0deg);
    transform-style: preserve-3d;
    animation: spin-3d 4s infinite linear;
}

@keyframes spin-3d {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

.wompwomp {
    position: absolute;
    z-index: 999;
    font-size: 175px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    font-family: "Comic Neue", serif;
}

.splide img{
    width: 100%;
    aspect-ratio: 2;
}

.splide .splide__arrow {
    transform: scale(1.75);
    top: 6vw;
}
.splide__slide h3 {
    padding-top: 40px;
}
.splide__slide p {
    margin-bottom: 20px;
}
.splide__pagination.splide__pagination--ltr {
    bottom: unset;
    top: 14.5vw;
    transform: scale(1.4);
}
@media (max-width: 640px){
  .splide__pagination.splide__pagination--ltr {
      bottom: unset;
      top: 42vw;
      transform: scale(1.4);
   }
   .splide .splide__arrow {
      transform: scale(1);
      top: 12vw;
   }
}
.splide li .splide__pagination__page.is-active {
    background-color: black;
    transform: none;
}
.page header {
    background-color: #07294D;
    min-height: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px 15px;
}

.page header .logo-holder {
    min-height: 45px;
    width: 80px;
    background-color: #fddc00;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page header img {
    width: 40px;
}

.page header h1 {
    font-family: Arial;
    font-size: 38px;
    font-weight: normal;
    color: #ffffff;
    letter-spacing: -2px;
}

.page nav {
    width: 100%;
    border-bottom: 3px solid #003366;
}

.page nav a.active {
    border-bottom: 23px solid #003366;
    color: white;
}

.page nav a {
    display: inline-flex;
    border-bottom: 23px solid #cccccc;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    justify-content: center;
    text-align: center;
    padding: 0px 20px;
    color: black;
    align-items: baseline;
    border-radius: 15px 15px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
}

.page main {
    display: block;
}

.page h2 {
    margin-top: 50px;
    margin-bottom: 20px;
    color: BLACK;
    font-family: verdana, Arial Narrow, helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.page hr {
    border: 2px solid #cccc00;
}

.page article {
    max-width: 80%;
    font-family: Verdana, Arial Narrow, helvetica, sans-serif;
    font-size: 16px;
}

@media (max-width: 640px) {
  main {
    flex-direction: column;
    width: 92%;
  }

  header nav {
    justify-content: space-evenly;
    font-size: 62%;
    padding: 10px 10px;
  }

  header nav a {
    padding: 10px 10px;
  }
}

main > div {
	width: 100%;
}
@media (min-width: 640px){
  main > div {
    width: calc(33% - 20px);
  }
}