@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Oswald:wght@500&display=swap");
:root {
  --light-theme-bkg-color: #ffffff;
  --light-theme-text-color: #121212;
  --light-theme-heading-color: #121212;
  --light-theme-site-logo: url("/wp-content/themes/thisdaylive/library/img/this-day-live-logo.png");
  --light-theme-primary-color: #cc0c0b;
  --light-theme-secondary-color: #181818;
  --light-theme-accent-color: #f6d600;
  --dark-theme-bkg-color: #121212;
  --dark-theme-text-color: #9a9a9a;
  --dark-theme-heading-color: #a4a4a4;
  --dark-theme-site-logo: url("/wp-content/themes/thisdaylive/library/img/this-day-live-logo-dark.png");
  --dark-theme-primary-color: #a20f0f;
  --dark-theme-secondary-color: #121212;
  --dark-theme-accent-color: #c3ac13;
}

body {
  --theme-icn: '\f186';
  --bkg-color: var(--light-theme-bkg-color);
  --text-color: var(--light-theme-text-color);
  --heading-color: var(--light-theme-heading-color);
  --logo: var(--light-theme-site-logo);
  --breaking-news-bkg-color: var(--dark-theme-bkg-color);
  --breaking-news-color: var(--dark-theme-heading-color);
  --primary-color: var(--light-theme-primary-color);
  --secondary-color: var(--light-theme-secondary-color);
  --accent-color: var(--light-theme-accent-color);
  --grey-20-color: #cccccc;
  --grey-40-color: #999999;
  --grey-60-color: #666666;
  --grey-80-color: #333333;
}

body.dark-mode {
  --theme-icn: '\e0c9';
  --bkg-color: var(--dark-theme-bkg-color);
  --text-color: var(--dark-theme-text-color);
  --heading-color: var(--dark-theme-heading-color);
  --logo: var(--dark-theme-site-logo);
  --breaking-news-bkg-color: var(--light-theme-bkg-color);
  --breaking-news-color: var(--light-theme-heading-color);
  --primary-color: var(--dark-theme-primary-color);
  --secondary-color: var(--dark-theme-secondary-color);
  --accent-color: var(--dark-theme-accent-color);
  --grey-20-color: #333333;
  --grey-40-color: #666666;
  --grey-60-color: #999999;
  --grey-80-color: #cccccc;
}

body.dark-mode img {
  filter: brightness(0.8) contrast(1.2);
}

@media (prefers-color-scheme: dark) {
  /* defaults to dark theme */
  body {
    --theme-icn: '\e0c9';
    --bkg-color: var(--dark-theme-bkg-color);
    --text-color: var(--dark-theme-text-color);
    --heading-color: var(--dark-theme-heading-color);
    --logo: var(--dark-theme-site-logo);
    --breaking-news-bkg-color: var(--light-theme-bkg-color);
    --breaking-news-color: var(--light-theme-heading-color);
    --primary-color: var(--dark-theme-primary-color);
    --secondary-color: var(--dark-theme-secondary-color);
    --accent-color: var(--dark-theme-accent-color);
    --grey-20-color: #333333;
    --grey-40-color: #666666;
    --grey-60-color: #999999;
    --grey-80-color: #cccccc;
  }
  body img {
    filter: brightness(0.8) contrast(1.2);
  }
  body.light-mode {
    --theme-icn: '\f186';
    --bkg-color: var(--light-theme-bkg-color);
    --text-color: var(--light-theme-text-color);
    --heading-color: var(--light-theme-heading-color);
    --logo: var(--light-theme-site-logo);
    --breaking-news-bkg-color: var(--dark-theme-bkg-color);
    --breaking-news-color: var(--dark-theme-heading-color);
    --primary-color: var(--light-theme-primary-color);
    --secondary-color: var(--light-theme-secondary-color);
    --accent-color: var(--light-theme-accent-color);
    --grey-20-color: #cccccc;
    --grey-40-color: #999999;
    --grey-60-color: #666666;
    --grey-80-color: #333333;
  }
}

/*
** Masthead Height
*/
/*
** Colors
*/
/*
** Hamburger
*/
/*
** Hamburger Menu Overlay
*/
/*
** Typography
*/
html {
  font-size: 10px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.15;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  height: 100%;
}

body {
  background: var(--bkg-color);
  color: var(--text-color);
}

/*
** Body Padding
*/
main {
  padding-top: calc(137px + 20px);
  overflow: hidden;
}

body.main-default main {
  padding-top: 137px;
}

body.main-no-padding main {
  padding-top: 0;
}

body.main-title main {
  padding-top: 0;
}

body.main-hero main {
  padding-top: 0;
}

/*
** Admin Bar Compensation Mobile
*/
body.admin-bar main {
  padding-top: calc(137px + 46px);
}

body.admin-bar.main-default main {
  padding-top: calc(137px + 46px);
}

body.admin-bar.main-no-padding main {
  padding-top: 46px;
}

body.admin-bar.main-title main {
  padding-top: 46px;
}

body.admin-bar.main-hero main {
  padding-top: 46px;
}

/*
** Admin Bar Compensation Desktop
*/
@media (min-width: 783px) {
  body.admin-bar main {
    padding-top: calc(137px + 32px);
  }
  body.admin-bar.main-default main {
    padding-top: calc(137px + 32px);
  }
  body.admin-bar.main-no-padding main {
    padding-top: 32px;
  }
  body.admin-bar.main-title main {
    padding-top: 32px;
  }
  body.admin-bar.main-hero main {
    padding-top: 32px;
  }
}

.clear {
  clear: both;
  display: block;
  width: 100%;
  height: 0;
}

a {
  outline: none !important;
}

.img-as-bg {
  background-position: center;
  background-size: cover;
}

.img-as-bg img {
  display: none;
}

.h1, .typography h1,
.h2,
.typography h2,
.h3,
.typography h3,
.h4,
.typography h4,
.h5,
.typography .h5,
.typography h5,
.h6,
.typography .h6,
.typography h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  color: var(--heading-color);
}

.h1 a, .typography h1 a,
.h2 a,
.typography h2 a,
.h3 a,
.typography h3 a,
.h4 a,
.typography h4 a,
.h5 a,
.typography .h5 a,
.typography h5 a,
.h6 a,
.typography .h6 a,
.typography h6 a {
  color: inherit;
}

.h1, .typography h1 {
  font-size: 3.5rem;
}


.h2,
.typography h2 {
  font-size: 3rem;
}


.h3,
.typography h3 {
  font-size: 2.5rem;
}


.h4,
.typography h4 {
  font-size: 2rem;
}


.h5,
.typography .h5,
.typography h5 {
  font-size: 1.8rem;
}


.h6,
.typography .h6,
.typography h6 {
  font-size: 1.4rem;
}

.paragraph-text, .typography address,
.typography ol,
.typography p,
.typography ul {
  font-family: "Open Sans", sans-serif;
  font-size: 1.7rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0;
}

@media only screen and (min-width: 46rem) {
  .paragraph-text, .typography address,
  .typography ol,
  .typography p,
  .typography ul {
    font-size: 1.7rem;
    line-height: 1.6;
  }
}

@media only screen and (min-width: 61rem) {
  .paragraph-text, .typography address,
  .typography ol,
  .typography p,
  .typography ul {
    font-size: 1.7rem;
    line-height: 1.6;
  }
}

.italic {
  font-style: italic;
}

.bold, .typography b,
.typography strong {
  font-weight: 700;
}

.small, .typography small {
  font-size: 80%;
  line-height: 80%;
}

.block-margins,
.typography ol,
.typography p,
.typography pre,
.typography ul {
  margin: 1em 0;
}

.unordered-list,
.typography ul {
  list-style-type: disc;
  list-style: inside;
}

.ordered-list,
.typography ol {
  list-style: decimal;
}

.plain-list {
  list-style: none !important;
}

.letter-spacing-4 {
  letter-spacing: 4px;
}

.letter-spacing-8 {
  letter-spacing: 8px;
}

.letter-spacing-12 {
  letter-spacing: 12px;
}

a {
  text-decoration: none;
}

.typography .h1 > a, .typography h1 > a,
.typography h1 > a,
.typography .h2 > a,
.typography h2 > a,
.typography h2 > a,
.typography .h3 > a,
.typography h3 > a,
.typography h3 > a,
.typography .h4 > a,
.typography h4 > a,
.typography h4 > a,
.typography .h5 > a,
.typography h5 > a,
.typography h5 > a,
.typography .h6 > a,
.typography h6 > a,
.typography h6 > a,
.typography .p a,
.typography p a {
  color: inherit;
}

.typography em {
  font-style: italic;
}

.typography h1 {
  margin: 1rem 0 .5rem;
}

.typography h2 {
  margin: 1rem 0 .5rem;
}

.typography h3 {
  margin: 1rem 0 .5rem;
}

.typography h4 {
  margin: 1rem 0 .5rem;
}

.typography .h5,
.typography h5,
.typography h5 {
  margin: 1rem 0 .5rem;
}

.typography .h6,
.typography h6,
.typography h6 {
  margin: 1rem 0 .5rem;
}

/* =WordPress Core
-------------------------------------------------------------- */
:root {
  --scroll-bar: 8px;
}

.screen-width--no-patch {
  width: 100vw;
  margin: 0 calc(-50vw + 50%);
}

.alignfull {
  width: 100vw;
  margin: 0 calc(-50vw + 50%);
}

.has-scrollbar .alignfull {
  width: calc(100vw - 20px);
  margin: 0 calc(-50vw + 50% + 10px);
}

.mm-wrapper_opened.has-scrollbar .alignfull {
  width: 100vw;
  margin: 0 calc(-50vw + 50%);
}

@supports (color: var(--scroll-bar)) {
  .has-scrollbar .alignfull {
    width: calc(100vw - var(--scroll-bar));
    margin: 0 calc(-50vw + 50% + (var(--scroll-bar) / 2));
  }
  .mm-wrapper_opened.has-scrollbar .alignfull {
    width: 100vw;
    margin: 0 calc(-50vw + 50%);
  }
}

.alignwide {
  width: 100vw;
  margin: 0 calc(-50vw + 50%);
}

@media (max-width: 1400px) {
  .has-scrollbar .alignwide {
    width: calc(100vw - 20px);
    margin: 0 calc(-50vw + 50% + 10px);
  }
  .mm-wrapper_opened.has-scrollbar .alignwide {
    width: 100vw;
    margin: 0 calc(-50vw + 50%);
  }
  @supports (color: var(--scroll-bar)) {
    .has-scrollbar .alignwide {
      width: calc(100vw - var(--scroll-bar));
      margin: 0 calc(-50vw + 50% + (var(--scroll-bar) / 2));
    }
    .mm-wrapper_opened.has-scrollbar .alignwide {
      width: 100vw;
      margin: 0 calc(-50vw + 50%);
    }
  }
}

@media (min-width: 1400px) {
  .alignwide {
    width: auto;
    max-width: 1950px;
    margin: 0 calc(25% - 25vw);
  }
}

@media (min-width: 1200px) {
  .alignfull.boxed {
    width: 92vw !important;
    max-width: 92vw !important;
    margin: 0 calc(50% - 46vw) !important;
  }
}

.alignfull.boxed.container {
  padding: 0 16vw;
}

.alignright {
  float: right;
  margin: 5px 0 20px 30px;
}

.alignnone {
  margin: 5px 30px 20px 0;
}

.alignleft {
  float: left;
  margin: 5px 30px 20px 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}

.resp-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* 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;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

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

figure.wp-block-image {
  margin-bottom: 0;
}

.wp-block-image img {
  margin-bottom: 0;
  vertical-align: top;
}

.wp-block-group.has-background {
  box-sizing: border-box;
  padding: 0;
}

.wp-block-cover,
.wp-block-cover-image {
  width: auto !important;
  min-width: 100%;
}

@media (min-width: 40em) {
  .img-border figure {
    position: relative;
  }
  .img-border figure:before {
    content: '';
    background-color: #b9c8da;
    position: absolute;
    right: -15px;
    bottom: -15px;
    width: 50%;
    height: 50%;
    z-index: -1;
  }
  .img-border figure:hover:before {
    background-color: #142335;
  }
}

.up-scale img {
  -webkit-transition: all 0.5s ease 0s !important;
  -moz-transition: all 0.5s ease 0s !important;
  -ms-transition: all 0.5s ease 0s !important;
  -o-transition: all 0.5s ease 0s !important;
  transition: all 0.5s ease 0s !important;
}

.up-scale:hover img {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}

/* Make sure media & text blocks always stack image, then text */
@media screen and (max-width: 600px) {
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
}

.wp-block-video video {
  width: 100%;
}

ul.wp-block-social-links {
  margin: 10px 0 !important;
}

.wp-block-file {
  border: 1px solid var(--grey-20-color);
  padding: 20px;
  font-size: 1.4rem;
  margin: 10px 50px 20px 0;
}

.wp-block-file a {
  line-height: 2rem;
  display: inline-block;
  color: var(--text-color);
  margin: 0 0 5px !important;
}

.wp-block-file a:last-child {
  margin-bottom: 0 !important;
}

.wp-block-quote {
  border-left: 5px solid var(--accent-color);
  padding-left: 20px;
}

.wp-block-quote p {
  font-size: 1.6rem;
  font-weight: 700;
}

.wp-block-quote cite {
  font-size: 1.3rem;
}

.flex-container ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-container ul li {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  white-space: nowrap;
}

.flex-container ul li a {
  white-space: nowrap;
}

.header-height {
  min-height: 137px;
}

#masthead {
  -webkit-transition: all 0.4s ease 0s !important;
  -moz-transition: all 0.4s ease 0s !important;
  -ms-transition: all 0.4s ease 0s !important;
  -o-transition: all 0.4s ease 0s !important;
  transition: all 0.4s ease 0s !important;
  font-size: 1.6rem;
  font-weight: 400;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background-color: var(--bkg-color);
  z-index: 9999;
}

body.scroll-down #masthead {
  transform: translate3d(0, -100%, 0);
}

#masthead #masthead_main_wrapper {
  padding: 20px 0;
  height: 60px;
}

#masthead #masthead_main_wrapper .flex-container {
  height: 60px;
}

#masthead #masthead_main_wrapper .flex-container .flex-item {
  flex: 25% 0 0;
}

@media (min-width: 40em) {
  #masthead #masthead_main_wrapper .flex-container .flex-item {
    flex: 30% 0 0;
  }
}

#masthead #masthead_main_wrapper .flex-container .flex-item.logo-cont {
  flex: 50% 0 0;
}

@media (min-width: 40em) {
  #masthead #masthead_main_wrapper .flex-container .flex-item.logo-cont {
    flex: 30% 0 0;
  }
}

#masthead #masthead_main_wrapper .todays-date {
  border-left: 3px solid var(--accent-color);
  padding-left: 10px;
  font-size: 1.4rem;
}

#masthead #masthead_main_wrapper .site-logo {
  display: block;
  width: 100%;
  height: 60px;
  position: relative;
  background-image: var(--logo);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#masthead #masthead_main_wrapper ul {
  display: block;
  position: relative;
  margin: 0;
  white-space: nowrap;
  vertical-align: middle;
}

#masthead #masthead_main_wrapper ul li {
  margin: 0 5px;
  font-size: 2.2rem;
  vertical-align: middle;
  display: inline-block;
  white-space: nowrap;
}

#masthead #masthead_main_wrapper ul li.social {
  display: none;
}

@media (min-width: 40em) {
  #masthead #masthead_main_wrapper ul li.social {
    display: inline-block;
  }
}

#masthead #masthead_main_wrapper ul li.switch-title {
  font-size: 1.2rem;
  color: var(--text-color);
  margin-right: 0;
}

#masthead #masthead_main_wrapper ul li a {
  color: var(--text-color);
}

#masthead #masthead_main_wrapper ul li a:hover {
  color: var(--text-color);
}

#masthead #masthead_main_wrapper ul li:last-child {
  margin-right: 0;
}

#masthead #masthead_main_wrapper ul li .theme-switch:before {
  content: var(--theme-icn);
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

#masthead #masthead_main_wrapper .menu-button-container {
  white-space: nowrap;
  vertical-align: middle;
  position: relative;
  vertical-align: middle;
  height: 28px;
  width: 35px;
  min-width: 35px;
  cursor: pointer;
  transition: opacity .25s ease;
  z-index: 9999;
  display: inline-block;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#masthead #masthead_main_wrapper .menu-button-container span {
  background: var(--text-color);
  border: none;
  height: 4px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .35s ease;
  cursor: pointer;
}

#masthead #masthead_main_wrapper .menu-button-container.active span {
  background: var(--text-color);
}

#masthead #masthead_main_wrapper .menu-button-container.active .top {
  -webkit-transform: translateY(12px) translateX(0) rotate(45deg);
  transform: translateY(12px) translateX(0) rotate(45deg);
}

#masthead #masthead_main_wrapper .menu-button-container.active .middle {
  opacity: 0;
}

#masthead #masthead_main_wrapper .menu-button-container.active .bottom {
  -webkit-transform: translateY(-12px) translateX(0) rotate(-45deg);
  transform: translateY(-12px) translateX(0) rotate(-45deg);
}

#masthead #masthead_main_wrapper .menu-button-container span:nth-of-type(2) {
  top: 12px;
}

#masthead #masthead_main_wrapper .menu-button-container span:nth-of-type(3) {
  top: 24px;
}

@media (min-width: 1400px) {
  #masthead #masthead_main_wrapper .menu-button-container {
    display: none;
  }
}

#masthead #masthead_menu_wrapper {
  border-top: 1px solid var(--grey-20-color);
  border-bottom: 1px solid var(--grey-20-color);
  display: none;
}

@media (min-width: 1400px) {
  #masthead #masthead_menu_wrapper {
    display: block;
  }
}

#masthead #masthead_menu_wrapper ul.main-menu {
  white-space: nowrap;
  margin: 0;
  flex: auto;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s !important;
  -moz-transition: all 0.3s ease 0s !important;
  -ms-transition: all 0.3s ease 0s !important;
  -o-transition: all 0.3s ease 0s !important;
  transition: all 0.3s ease 0s !important;
}

#masthead #masthead_menu_wrapper ul.main-menu li {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  margin-right: 5px;
  margin-left: 0;
  line-height: 35px;
  height: 35px;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s !important;
  -moz-transition: all 0.3s ease 0s !important;
  -ms-transition: all 0.3s ease 0s !important;
  -o-transition: all 0.3s ease 0s !important;
  transition: all 0.3s ease 0s !important;
  letter-spacing: .05em;
  color: var(--text-color);
}

@media (min-width: 70em) {
  #masthead #masthead_menu_wrapper ul.main-menu li {
    margin-right: 10px;
  }
}

@media (min-width: 80em) {
  #masthead #masthead_menu_wrapper ul.main-menu li {
    margin-right: 15px;
  }
}

#masthead #masthead_menu_wrapper ul.main-menu li:last-child {
  padding-right: 0;
  margin-right: 0;
}

#masthead #masthead_menu_wrapper ul.main-menu li:last-child:after {
  display: none;
}

#masthead #masthead_menu_wrapper ul.main-menu li > a {
  display: block;
  -webkit-transition: all 0.3s ease 0s !important;
  -moz-transition: all 0.3s ease 0s !important;
  -ms-transition: all 0.3s ease 0s !important;
  -o-transition: all 0.3s ease 0s !important;
  transition: all 0.3s ease 0s !important;
  white-space: nowrap;
  color: inherit;
}

#masthead #masthead_menu_wrapper ul.main-menu li.current-menu-item a, #masthead #masthead_menu_wrapper ul.main-menu li:hover a {
  color: var(--primary-color);
}

#masthead #masthead_menu_wrapper ul.main-menu li.menu-item-has-children > a:after {
  content: '\f107';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 600;
  vertical-align: top;
  margin-left: 5px;
}

#masthead #masthead_menu_wrapper ul.main-menu li > ul.sub-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 100%;
  width: auto;
  font-size: 12px;
  text-align: left !important;
  padding: 10px 0;
  margin-left: 0;
  line-height: 30px !important;
  background-color: #fff;
  transform: scale(0);
  transform-origin: 0 0;
  -webkit-transition: all 0.2s ease 0s !important;
  -moz-transition: all 0.2s ease 0s !important;
  -ms-transition: all 0.2s ease 0s !important;
  -o-transition: all 0.2s ease 0s !important;
  transition: all 0.2s ease 0s !important;
  border-top: 4px solid var(--primary-color);
}

#masthead #masthead_menu_wrapper ul.main-menu li > ul.sub-menu > li {
  white-space: nowrap;
  height: auto;
  line-height: 30px !important;
  text-align: left !important;
  display: block;
  opacity: 0;
  position: relative;
  background-color: #fff;
}

#masthead #masthead_menu_wrapper ul.main-menu li > ul.sub-menu > li a {
  display: block;
  padding: 0 20px;
  line-height: 30px !important;
  -webkit-transition: all 0.2s ease 0s !important;
  -moz-transition: all 0.2s ease 0s !important;
  -ms-transition: all 0.2s ease 0s !important;
  -o-transition: all 0.2s ease 0s !important;
  transition: all 0.2s ease 0s !important;
  text-transform: capitalize;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0;
}

#masthead #masthead_menu_wrapper ul.main-menu li > ul.sub-menu > li a:before {
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 100;
  margin-right: 5px;
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  font-size: 14px;
  line-height: 30px;
}

#masthead #masthead_menu_wrapper ul.main-menu li > ul.sub-menu > li:hover a {
  color: var(--primary-color);
}

#masthead #masthead_menu_wrapper ul.main-menu li:hover > ul.sub-menu {
  left: 0;
  transform: scale(1);
}

#masthead #masthead_menu_wrapper ul.main-menu li:hover > ul.sub-menu > li {
  opacity: 1;
}

#masthead #masthead_menu_wrapper ul.main-menu li.submenu-left > ul.sub-menu {
  right: 0;
  left: auto;
  transform-origin: 100% 0;
}

#search_container {
  margin-bottom: 20px;
  position: relative;
  font-family: "Open Sans", sans-serif !important;
}

@media (min-width: 1200px) {
  #search_container {
    display: none;
  }
  #search_container.active {
    display: block;
  }
}

.mm-wrapper__blocker {
  z-index: 9999;
}

.mm-menu {
  --mm-listitem-size: 50px;
}

.mm-menu .mm-navbars_top {
  min-height: 40px;
  line-height: 40px;
}

.mm-menu .mm-navbars_top .mm-navbar {
  border-bottom: 1px solid var(--primary-color) !important;
  max-height: 40px;
  height: 40px;
  min-height: 40px;
  line-height: 40px;
}

.mm-menu .mm-navbars_top .mm-navbar .mm-btn,
.mm-menu .mm-navbars_top .mm-navbar .mm-btn_prev,
.mm-menu .mm-navbars_top .mm-navbar .mm-navbar__btn {
  min-height: 40px;
}

.mm-menu .mm-navbars_top .mm-navbar .mm-navbar__btn {
  background-color: var(--primary-color);
}

.mm-menu .mm-navbars_top .mm-navbar .mm-navbar__btn:before {
  border-color: #fff;
}

.mm-menu .mm-navbars_top .mm-navbar .mm-navbar__title {
  background-color: #000;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 40px;
  max-height: 40px;
  height: 40px;
  min-height: 40px;
}

.mm-menu .mm-navbars_top .mm-navbar.mm-navbar_tabs {
  font-size: 1.3rem;
  font-weight: 600;
}

.mm-menu .mm-navbars_top .mm-navbar.mm-navbar_tabs a {
  background-color: var(--primary-color);
  color: white;
}

.mm-menu .mm-navbars_top .mm-navbar.mm-navbar_tabs a.mm-navbar__tab_selected {
  background-color: #fff;
  color: var(--primary-color);
}

.mm-menu .mm-iconbar {
  background-color: var(--secondary-color);
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}

.mm-menu .mm-iconbar .mm-iconbar__tab_selected {
  color: white;
}

.mm-menu .mm-iconbar__bottom a {
  display: block;
  font-size: 16px;
}

.mm-menu .mm-panel {
  --mm-color-background: #fff;
  background-color: #fff;
}

.mm-menu .mm-panels .panel-menu {
  background: #fff;
}

.mm-menu .mm-panels .title {
  color: var(--secondary-color);
  font-weight: 700;
}

.mm-menu .mm-panels ul li {
  font-size: 1.2rem;
}

.mm-menu .mm-panels ul li a {
  color: var(--secondary-color);
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}

.mm-menu .mm-panels ul li a .mm-counter {
  color: var(--secondary-color);
  font-size: 1.3rem;
  font-family: "Open Sans", sans-serif;
}

.mm-menu .mm-panels ul li a.mm-btn:after, .mm-menu .mm-panels ul li a.mm-btn:before {
  border-width: 1px;
}

.mm-menu .mm-panels ul li a.mm-btn_next:after, .mm-menu .mm-panels ul li a.mm-btn_prev:before {
  width: 5px;
  height: 5px;
  border-color: var(--secondary-color);
}

#site_footer {
  background-color: var(--primary-color);
  color: #fff;
  padding: 0;
  position: relative;
}

#site_footer .pill span {
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

#site_footer .pill span span {
  color: white;
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

#site_footer .pill span i {
  color: #fff;
}

#site_footer .pill:hover span {
  background-color: var(--primary-color);
  color: white;
}

#site_footer .pill:hover span span {
  border: 1px solid #fff;
}

#site_footer .this-day-logo {
  max-width: 200px !important;
}

#site_footer h6 {
  color: #fff;
}

#site_footer .title {
  color: #fff;
  font-size: 1.8rem !important;
}

#site_footer .title a {
  color: inherit;
}

#site_footer p {
  font-size: 1.3rem;
  margin-bottom: 1rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}

#site_footer p a {
  color: #fff;
}

#site_footer ul {
  margin: 0;
  list-style: none !important;
}

#site_footer ul li {
  margin-bottom: 0;
  font-size: 1.3rem;
}

#site_footer ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

#site_footer ul li a {
  font-weight: 400;
  color: #fff;
}

#site_footer ul li:hover:before {
  margin-right: 7px;
}

#site_footer .footer-widget {
  margin-bottom: 30px;
  padding-right: 20px;
}

#site_footer .footer-widget article {
  border: none !important;
}

#site_footer .footer-widget article .post-meta .category a {
  color: #fff;
}

#site_footer .footer-widget article .article-image {
  flex: 25% 1 0;
}

#site_footer .footer-widget article .article-content {
  flex: 75% 0 0;
  color: #fff;
  padding: 0 0 0 10px !important;
}

#site_footer .footer-widget article .article-content h2 {
  color: inherit;
}

#site_footer .footer-widget article .article-content h2 a {
  color: inherit;
}

#copyright {
  background-color: var(--secondary-color);
  color: #fff;
  text-align: center;
}

#copyright p {
  font-size: 1.3rem;
}

#sidebar .sidebar-widget {
  display: block;
  margin-bottom: 2em;
}

h1.article-title {
  font-family: 'Oswald', sans-serif;
  font-size: 5.5rem;
  line-height: 6rem;
}

.post-date .date-container i {
  color: var(--accent-color);
}

.post-meta {
  font-size: 1.2rem !important;
}

.post-meta .category a {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--primary-color);
  text-decoration: none !important;
}

article {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 20px;
  justify-content: stretch;
}

article .article-image {
  flex: 100% 1 0;
  width: 100%;
}

article .article-image.medium {
  position: relative;
  align-self: stretch;
  overflow: hidden;
  min-height: 175px;
}

article .article-image.medium img {
  width: 100%;
  height: auto;
  position: absolute;
}

article .article-content {
  flex: 100% 0 0;
  box-sizing: border-box;
  padding: 0 0 0 10px;
  width: 100%;
}

article .article-content h2 {
  margin: 5px 0 7px !important;
  text-transform: capitalize !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

article .article-content h2 a {
  color: inherit;
  text-decoration: none !important;
}

article .article-content .post-meta {
  font-size: 1.1rem !important;
  margin: 0 !important;
}

article.vertical .article-image {
  position: relative;
  align-self: stretch;
  overflow: hidden;
}

article.vertical .article-image a {
  display: block;
  width: 100%;
  height: 175px;
  overflow: hidden;
  position: relative;
}

article.vertical .article-image a img {
  width: 100%;
  height: auto;
  position: absolute;
}

article.vertical .article-content {
  padding: 10px 0 0;
}

article.horizontal {
  flex-flow: row;
}

article.horizontal .article-image {
  flex: 30% 0 0;
  margin-bottom: 0;
}

article.horizontal .article-content {
  flex: 70% 0 0;
}

article.small-text-only .article-content {
  flex: 100% 0 0;
  padding: 0;
}

article.featured {
  position: relative;
  height: auto;
  width: 100%;
  background-position: center center;
  background-size: cover;
}

@media (min-width: 60em) {
  article.featured {
    height: 100%;
  }
}

article.featured:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.44+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
}

article.featured .article-content {
  padding: 250px 30px 30px;
}

@media (min-width: 60em) {
  article.featured .article-content {
    position: absolute;
    padding: 0 20% 30px 30px;
    bottom: 0;
  }
}

article.featured .article-content .post-date {
  color: #fff;
  font-weight: bold;
}

article.featured .article-content .post-date a {
  color: #fff;
  font-weight: bold;
}

article.featured .article-content .post-meta {
  font-size: 1.4rem;
}

article.featured .article-content .post-meta .category a {
  color: var(--accent-color);
}

article.featured .article-content h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 45px;
  line-height: 45px;
}

article.featured .article-content h2 a {
  color: #fff;
}

article.featured .article-content .excerpt {
  color: #fff;
}

.article-column article {
  margin-bottom: 20px;
}

.article-column article:last-child {
  margin-bottom: 0;
}

.nav-links .page-numbers {
  font-size: 12px;
  min-width: 35px;
  display: inline-block;
  border: 1px solid #f4f4f4;
  line-height: 20px;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  box-sizing: border-box;
}

#single_article .jp-sharing-cont {
  padding: 2em 2em 0;
  position: sticky;
  top: 2em;
}

#single_article .article-image {
  margin-bottom: 35px;
}

#single_article .article-image img {
  width: 100%;
}

.author-information {
  display: flex;
}

.author-information fl .gravatar {
  flex: 0 0 50px;
  text-align: center;
  text-transform: capitalize;
}

.author-information .name {
  flex: 0 1 100%;
  padding-left: 10px;
  box-sizing: border-box;
}

hr {
  display: block;
  margin-bottom: 20px;
  margin-top: 0;
  border-color: var(--accent-color);
  border-top-width: 0;
}

.section-heading {
  margin-bottom: 2em;
  border-bottom: 1px solid var(--grey-20-color);
  padding-bottom: 1em;
}

.section-heading .title {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0;
  font-size: 2.8rem;
  line-height: 3rem;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}

.section-heading .cat-link {
  position: relative;
  display: inline-block;
  float: right;
  font-size: 1.2rem;
  line-height: 3rem;
  color: var(--grey-60-color);
  font-weight: 600;
}

.section-heading .cat-link a {
  color: inherit;
}

.section-heading:after {
  content: '';
  display: block;
  clear: both;
  width: 100%;
}

#breaking_news_wrapper {
  margin-bottom: 20px;
}

#breaking_news_wrapper .breaking-news {
  background-color: var(--breaking-news-bkg-color);
  display: flex;
  font-size: 1.4rem;
  display: flex;
  flex-direction: column;
}

@media (min-width: 40em) {
  #breaking_news_wrapper .breaking-news {
    flex-direction: row;
  }
}

#breaking_news_wrapper .breaking-news .breaking-news-title {
  color: var(--secondary-color);
  background-color: var(--accent-color);
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.4;
  font-weight: 700;
  flex: 100% 0 0;
  box-sizing: border-box;
}

@media (min-width: 40em) {
  #breaking_news_wrapper .breaking-news .breaking-news-title {
    flex: 150px 0 0;
  }
}

#breaking_news_wrapper .breaking-news .content-area {
  border-left: 3px solid var(--accent-color);
  color: #fff;
  padding: 10px;
}

@media (min-width: 40em) {
  #breaking_news_wrapper .breaking-news .content-area {
    flex: 100% 1 1;
    border-left: none;
  }
}

#breaking_news_wrapper .breaking-news .content-area .title {
  color: var(--breaking-news-color);
}

#latest_headlines_wrapper {
  margin-bottom: 20px;
}

#latest_headlines_wrapper .section-title {
  text-transform: uppercase;
  font-size: 1.3rem;
  line-height: 1.3;
  letter-spacing: .2em;
}

#latest_headlines_wrapper article {
  margin-bottom: 0;
  padding-right: 10px;
  border: none !important;
}

#latest_headlines_wrapper article .article-image {
  flex: 25% 0 0;
}

#latest_headlines_wrapper article .article-content {
  flex: 75% 0 0;
  padding: 0 0 0 10px !important;
}

#latest_headlines_wrapper article .article-content h2 {
  font-size: 1.8rem;
  line-height: 1.3;
}

@media (min-width: 60em) {
  #latest_headlines_wrapper article .article-content h2 {
    font-size: 1.3rem;
  }
}

#sidebar .sidebar-item {
  display: block;
  margin-bottom: 20px;
}

.featured-article-container {
  position: relative;
  height: 100%;
}

.more-articles {
  border: 1px solid var(--accent-color);
  color: var(--accent-color);
  padding: 10px;
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  text-transform: uppercase;
  width: 100%;
  display: block;
  box-sizing: border-box;
  margin-top: 20px;
}

#search_page_search_box_container {
  background-color: #c1bdbd;
}

.search-form {
  position: relative;
}

@media (min-width: 1200px) {
  .search-form {
    position: relative;
    z-index: 999;
    width: 100%;
    max-width: 100%;
  }
}

.search-form label {
  display: block;
}

.search-form input {
  margin-bottom: 0 !important;
}

.search-form input[type=search] {
  padding: 10px 15px;
  border-radius: 0;
  border: 1px solid #ccc;
  width: 100%;
}

@media (min-width: 1200px) {
  .search-form input[type=search] {
    height: 41px !important;
  }
}

.search-form input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 15px;
  border-radius: 0;
  border: 1px solid #ccc;
  text-transform: uppercase;
  font-weight: 600;
  background-color: var(--secondary-color);
  color: #fff;
}

@media (min-width: 1200px) {
  .search-form input[type=submit] {
    height: 41px !important;
  }
}

.has-primary-background-color {
  background-color: var(--primary-color) !important;
}

.has-primary-color {
  color: var(--primary-color) !important;
}

.has-primary-color * {
  color: var(--primary-color) !important;
}

.has-secondary-background-color {
  background-color: var(--secondary-color) !important;
}

.has-secondary-color {
  color: var(--secondary-color) !important;
}

.has-black-background-color {
  background-color: #000000 !important;
}

.has-black-color {
  color: #000000 !important;
}

.has-white-background-color {
  background-color: #ffffff !important;
}

.has-white-color {
  color: #ffffff !important;
}

.has-grey-background-color {
  background-color: #e8e8e8 !important;
}

.has-grey-color {
  color: #e8e8e8 !important;
}