/*  
	Theme Name: Calamity 2022-01-05
	Theme URI: http://www.zeldauniverse.net/
	Description: 
	Version: 1.0.0
	Author: Zelda Universe
	Author URI: http://www.zeldauniverse.net/
	
	This theme is authorized for use by Zelda Universe only.
*/
/* These have to be here for the LESS styles to work */
/*
	Variables are pieces of stored data that can be used throughout
	styles.less, most commonly used for frequently used colors and
	dimensions, but can be virtually anything. All of Zelda Universe's
	custom variables are below.
*/
:root {
  --blue: #01556f;
  --lightblue: #0285ae;
}
/* 2023 Additions
01.15.2023 Lindquist */
:root {
  --rounded-corners: 0.5rem;
  --small-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
}
:root,
[data-theme="dark"] {
  --lightblue: #3a9fc9;
  --bg-color: #2d2d2d;
  --bg-color-solid: #2D2D2D;
  --callout-box: rgba(0, 0, 0, 0.4);
  --content-box-bg: rgba(0, 0, 0, 0.4);
  --text-color: #fff;
  --link-color: var(--lightblue);
  --link-hover-color: var(--blue);
}
[data-theme="light"] {
  --blue: #01556f;
  --lightblue: #00739b;
  --bg-color: #ececec;
  --bg-color-solid: #ECECEC;
  --callout-box: rgba(0, 0, 0, 0.2);
  --content-box-bg: rgba(0, 0, 0, 0.2);
  --text-color: #000;
  --link-color: var(--blue);
  --link-hover-color: var(--lightblue);
}
/*
	Mixins are functions that can be called throughout styles.less.
    These may contain variables that you can fill out to automate
    common styles. All of Zelda Universe's custom mixins are below.
*/
/* Global and structural elements */
/*
	This is the style sheet for the ZU's
	global elements and structure. It contains
	basic elements that make the theme work.
*/
/* Web fonts */
@font-face {
  font-family: "BrandonText";
  font-weight: 300;
  src: url("fonts/brandon/265406_1_0.eot");
  src: url("fonts/brandon/265406_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/brandon/265406_1_0.woff") format("woff"), url("fonts/brandon/265406_1_0.ttf") format("truetype");
}
@font-face {
  font-family: "BrandonText";
  font-weight: 300;
  font-style: italic;
  src: url("fonts/brandon/265406_0_0.eot");
  src: url("fonts/brandon/265406_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/brandon/265406_0_0.woff") format("woff"), url("fonts/brandon/265406_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "BrandonText";
  font-weight: 400;
  src: url("fonts/brandon/264CA8_2_0.eot");
  src: url("fonts/brandon/264CA8_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/brandon/264CA8_2_0.woff") format("woff"), url("fonts/brandon/264CA8_2_0.ttf") format("truetype");
}
@font-face {
  font-family: "BrandonText";
  font-weight: 400;
  font-style: italic;
  src: url("fonts/brandon/264CA8_1_0.eot");
  src: url("fonts/brandon/264CA8_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/brandon/264CA8_1_0.woff") format("woff"), url("fonts/brandon/264CA8_1_0.ttf") format("truetype");
}
@font-face {
  font-family: "BrandonText";
  font-weight: 500;
  src: url("fonts/brandon/265406_2_0.eot");
  src: url("fonts/brandon/265406_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/brandon/265406_2_0.woff") format("woff"), url("fonts/brandon/265406_2_0.ttf") format("truetype");
}
@font-face {
  font-family: "BrandonText";
  font-weight: 500;
  font-style: italic;
  src: url("fonts/brandon/265406_3_0.eot");
  src: url("fonts/brandon/265406_3_0.eot?#iefix") format("embedded-opentype"), url("fonts/brandon/265406_3_0.woff") format("woff"), url("fonts/brandon/265406_3_0.ttf") format("truetype");
}
@font-face {
  font-family: "BrandonText";
  font-weight: 600;
  src: url("fonts/brandon/264CA8_0_0.eot");
  src: url("fonts/brandon/264CA8_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/brandon/264CA8_0_0.woff") format("woff"), url("fonts/brandon/264CA8_0_0.ttf") format("truetype");
}
/* Global Attributes */
body {
  color: var(--text-color);
  margin: 0;
  padding: 0 24px;
  font-family: "BrandonText", sans-serif;
  font-size: 14px;
  text-size-adjust: 100%;
  font-smoothing: antialiased;
  background-color: var(--bg-color-solid);
}
@media only screen and (max-width: 975px) {
  body {
    /* Was 414px before */
    padding: 0;
  }
}
a {
  font-weight: bold;
  text-decoration: none;
  border: none;
  color: var(--link-color);
}
a:hover {
  color: var(--link-hover-color);
}
img {
  border: 0;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.clear {
  zoom: 1;
}
.clear:before {
  content: '';
  display: block;
}
.clear:after {
  content: '';
  display: table;
  clear: both;
}
/* Lazy loading fade transition */
/* Now we begin our styling adventure */
#wpadminbar {
  z-index: 0;
}
#layout-wrap {
  max-width: 1136px;
  min-width: 976px;
  margin: 4px auto 24px auto;
  border-radius: 16px;
  background: var(--bg-color);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 975px) {
  #layout-wrap {
    /* Was 414px before */
    width: 100%;
    max-width: initial;
    min-width: initial;
    margin: -20px 0 0 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
  }
}
header#masthead {
  user-select: none;
  position: relative;
  z-index: 1;
}
header#masthead .logo-mobile {
  display: none;
}
@media only screen and (max-width: 975px) {
  header#masthead .logo-mobile {
    /* Was 414px before */
    display: block;
    text-align: center;
    height: 80px;
    margin: 48px 12px 18px 12px;
    box-sizing: border-box;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 11;
  }
}
header#masthead #hamburger {
  display: none;
}
@media only screen and (max-width: 975px) {
  header#masthead #hamburger {
    /* Was 414px before */
  }
  header#masthead #hamburger:checked ~ .hamburger-icon {
    top: 24px;
    left: 24px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    position: fixed;
    /* Works, but the button isn't in the same position as before. JL */
  }
  header#masthead #hamburger:checked ~ .hamburger-icon .line1 {
    transform: rotate(45deg);
    width: 20px;
    top: 6px;
    left: -3px;
  }
  header#masthead #hamburger:checked ~ .hamburger-icon .line2 {
    opacity: 0;
  }
  header#masthead #hamburger:checked ~ .hamburger-icon .line3 {
    transform: rotate(-45deg);
    width: 20px;
    bottom: 6px;
    left: -3px;
  }
  header#masthead #hamburger ~ .navigation {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 116px;
    background: var(--bg-color);
    flex-direction: column;
    transition: all 0.2s;
    transform: scale(0.95);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
  }
  header#masthead #hamburger:checked ~ .navigation {
    display: flex;
    transition: all 0.2s;
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
}
header#masthead .hamburger-icon {
  display: none;
}
@media only screen and (max-width: 975px) {
  header#masthead .hamburger-icon {
    /* Was 414px before */
    display: block;
    position: absolute;
    top: 110.5px;
    left: 19px;
    padding: 12px 12px 10px 12px;
    flex-grow: 0;
    z-index: 11;
  }
  header#masthead .hamburger-icon:hover {
    cursor: pointer;
  }
  header#masthead .hamburger-icon .line1,
  header#masthead .hamburger-icon .line2,
  header#masthead .hamburger-icon .line3 {
    width: 18px;
    height: 3px;
    margin-bottom: 3px;
    background: #fff;
    position: relative;
    transition: 0.2s;
  }
}
header#masthead .theme-toggle-box {
  height: 40px;
  width: auto;
  flex-grow: 1;
  margin-left: 6px;
  border-radius: 20px;
  border-bottom-right-radius: 20px;
  background: var(--content-box-bg);
}
@media only screen and (max-width: 975px) {
  header#masthead .theme-toggle-box {
    /* Was 414px before */
    display: none;
  }
}
header#masthead .theme-toggle-box:hover {
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
header#masthead .theme-toggle-box input {
  display: none;
}
header#masthead .theme-toggle-box .theme-icon {
  display: inline-block;
  height: 40px;
  min-width: 150px;
  background-image: url('./images/dark-mode.svg');
  background-size: 24px;
  background-position: center left 8px;
  background-repeat: no-repeat;
}
header#masthead .theme-toggle-box .theme-icon:hover {
  cursor: pointer;
}
header#masthead .theme-toggle-box .theme-icon:after {
  display: block;
  content: "Dark Mode: On";
  margin-left: 40px;
  margin-right: 12px;
  white-space: nowrap;
  line-height: 40px;
}
header#masthead .navigation {
  display: flex;
  width: 100%;
  padding: 12px 0;
}
header#masthead .navigation .header-button {
  color: var(--text-color);
  font-weight: 500;
  text-align: center;
  position: relative;
  cursor: pointer;
  min-width: 84px;
  border-radius: 8px;
  padding: 12px 12px 10px 12px;
  white-space: nowrap;
  display: block;
}
@media only screen and (max-width: 975px) {
  header#masthead .navigation .header-button {
    /* Was 414px before */
    display: block;
    width: auto;
    height: 32px;
    padding: 8px;
    margin: 0 48px;
    background: none;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.15);
    text-align: left;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
  }
}
header#masthead .navigation .header-button:hover {
  background: rgba(0, 0, 0, 0.3);
}
header#masthead .navigation .header-button .icon {
  width: 100%;
  height: 48px;
  display: block;
  margin-bottom: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px;
}
@media only screen and (max-width: 975px) {
  header#masthead .navigation .header-button .icon {
    /* Was 414px before */
    background-size: 32px;
    background-position: center center;
    width: 32px;
    height: 32px;
    float: left;
    margin: 0 12px 0 0;
  }
}
header#masthead .navigation .header-button.active {
  background: var(--content-box-bg);
}
header#masthead .navigation .header-button.logo {
  height: auto;
  border: 0;
}
header#masthead .navigation .header-button.logo:hover {
  background: transparent;
}
header#masthead .navigation .logo {
  padding: 12px 0 6px 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 975px) {
  header#masthead .navigation .logo {
    /* Was 414px before */
  }
}
header#masthead .navigation .logo img {
  height: 80px;
  width: auto;
}
@media only screen and (max-width: 975px) {
  header#masthead .navigation .media {
    /* Was 414px before */
    order: 5;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 975px) {
  header#masthead .navigation .features {
    /* Was 414px before */
    order: 4;
  }
}
@media only screen and (max-width: 975px) {
  header#masthead .navigation .guides {
    /* Was 414px before */
    order: 3;
  }
}
@media only screen and (max-width: 975px) {
  header#masthead .navigation .forums {
    /* Was 414px before */
    order: 2;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}
@media only screen and (max-width: 975px) {
  header#masthead .navigation .maps {
    /* Was 414px before */
    order: 6;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}
@media only screen and (min-width: 976px) {
  header#masthead .navigation .wiki {
    /* Was 415px before */
    margin-right: 12px;
  }
}
@media only screen and (max-width: 975px) {
  header#masthead .navigation .wiki {
    /* Was 414px before */
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 24px;
    order: 7;
  }
}
header#masthead .navigation .theme-toggle-box {
  display: none;
}
@media only screen and (max-width: 975px) {
  header#masthead .navigation .theme-toggle-box {
    /* Was 414px before */
    display: block;
    order: 1;
    flex-grow: 0;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    margin-bottom: 298px;
    margin-top: 7px;
    margin-right: 20px;
    margin-left: 68px;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    position: relative;
  }
  header#masthead .navigation .theme-toggle-box .theme-switch .theme-icon {
    width: 24px;
    height: 24px;
  }
  header#masthead .navigation .theme-toggle-box .theme-switch .theme-icon:after {
    display: block;
    content: "Dark Mode: On";
    margin-left: 32px;
    position: relative;
    top: -8px;
  }
}
header#masthead .userbar {
  width: calc(100% - 32px);
  margin: 0 auto;
  height: 40px;
  position: relative;
  display: flex;
}
@media only screen and (max-width: 975px) {
  header#masthead .userbar {
    /* Was 414px before */
    width: auto;
    margin: 12px 8px 0 8px;
    padding: 12px;
    z-index: 1;
    flex-wrap: wrap;
  }
}
header#masthead .userbar .hamburger-toggle-box {
  display: none;
}
@media only screen and (max-width: 975px) {
  header#masthead .userbar .hamburger-toggle-box {
    /* Was 414px before */
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-right: 8px;
    background: var(--content-box-bg);
  }
}
header#masthead .userbar .userPanel {
  color: var(--text-color);
  line-height: 40px;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 40px;
  display: flex;
  flex-grow: 1;
  background: var(--content-box-bg);
  border-radius: 20px;
  font-size: 13px;
  font-weight: normal;
}
header#masthead .userbar .userPanel--hidden {
  display: none !important;
}
header#masthead .userbar .userPanel .fa {
  font-size: 14px;
  line-height: 26px;
  width: 26px;
  height: 26px;
  margin: 7px;
  box-shadow: inset rgba(255, 255, 255, 0.5) 0 0 0 1px;
  border-radius: 100%;
  text-align: center;
}
header#masthead .userbar .userPanel .icon {
  font-family: FontAwesome;
}
header#masthead .userbar .userPanel .icon16 {
  font-size: 14px;
  height: 16px;
  width: 16px;
}
header#masthead .userbar .userPanel .icon32 {
  font-size: 28px;
  height: 32px;
  width: 32px;
}
header#masthead .userbar .userPanel .icon-bell-alt:before {
  content: "\f0a2";
}
header#masthead .userbar .userPanel .icon-warning-sign:before {
  content: "\f11d";
}
header#masthead .userbar .userPanel .icon-comments:before {
  content: "\f0e6";
}
header#masthead .userbar .userPanel .icon-user:before {
  content: "\f2ba";
}
header#masthead .userbar .userPanel .login-link {
  color: #fff;
  display: none;
  flex-grow: 1;
  line-height: 40px;
  padding-left: 10px;
  margin-right: 1px;
  height: 100%;
}
@media only screen and (max-width: 975px) {
  header#masthead .userbar .userPanel .login-link {
    /* Was 414px before */
    display: none !important;
  }
}
header#masthead .userbar .userPanel .loadingBackground {
  height: 100%;
}
header#masthead .userbar .userPanel .loading {
  position: relative;
  top: 5px;
  left: 8px;
  height: 20px;
  width: 20px;
}
@media only screen and (max-width: 975px) {
  header#masthead .userbar .userPanel .loading {
    /* Was 414px before */
    left: 49%;
  }
}
header#masthead .userbar .userPanel .badgeInverse {
  margin-top: -2px;
  margin-left: 4px;
  color: #000 !important;
  background-color: #fff !important;
  border-radius: 9px;
  display: inline-block;
  font-size: 0.65rem;
  font-weight: bold;
  padding: 1px 6px 1px;
  position: relative;
  text-shadow: none !important;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
}
@media only screen and (max-width: 975px) {
  header#masthead .userbar .userPanel .badgeInverse {
    /* Was 414px before */
    display: inline-block !important;
    font-size: 10px;
    background: #fd8078 !important;
    color: #fff !important;
    position: absolute;
    top: 8px !important;
    left: 53%;
    padding: 1px 2.5px 0 2.5px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
  }
}
header#masthead .userbar .userPanel .userPanelItems {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
  height: 40px;
}
header#masthead .userbar .userPanel .userPanelItems li {
  flex-grow: 1;
}
header#masthead .userbar .userPanel .userPanelItems li a {
  color: var(--text-color);
  text-align: center;
  white-space: nowrap;
  font-weight: normal;
  font-size: 13px;
  margin-right: 18px;
  display: block;
}
header#masthead .userbar .userPanel .userPanelItems li a:hover {
  opacity: 0.6;
}
header#masthead .userbar .userPanel .userPanelItems li a .badge {
  line-height: normal;
}
header#masthead .userbar .userPanel .userPanelItems li .framed img {
  margin-right: 4px;
  border-radius: 100px;
  margin-left: 10px;
  width: 22px !important;
  height: 22px !important;
  position: relative;
  top: 6px;
  box-shadow: inset rgba(255, 255, 255, 0.5) 0 0 0 1px;
}
@media only screen and (max-width: 975px) {
  header#masthead .userbar .userPanel {
    /* Was 414px before */
    width: auto;
    min-width: 50%;
    left: auto;
    display: flex;
    z-index: 3;
    flex-grow: 1;
    height: 40px;
  }
  header#masthead .userbar .userPanel .login-link {
    display: block;
    text-align: center;
    padding-left: 0;
    padding-right: 20px;
  }
  header#masthead .userbar .userPanel .userPanelItems {
    width: 0 !important;
    display: flex;
    flex-grow: 1;
    overflow: hidden;
  }
  header#masthead .userbar .userPanel .userPanelItems li {
    flex-grow: 1;
    width: 0;
  }
  header#masthead .userbar .userPanel .userPanelItems li:first-of-type {
    margin-top: 10px;
  }
  header#masthead .userbar .userPanel .userPanelItems li a {
    position: relative;
  }
  header#masthead .userbar .userPanel .userPanelItems li a span:not(:first-child) {
    display: none;
  }
  header#masthead .userbar .userPanel .userPanelItems li .framed img {
    position: relative !important;
    top: -2px !important;
  }
  header#masthead .userbar .userPanel .userPanelItems li .framed span {
    display: none;
  }
  header#masthead .userbar .userPanel .userPanelItems li .badge {
    font-size: 10px;
    color: #000;
    position: static;
    box-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
  }
  header#masthead .userbar .userPanel .userPanelItems li .icon {
    font-size: 18px;
  }
  header#masthead .userbar .userPanel .userPanelItems li:nth-of-type(2),
  header#masthead .userbar .userPanel .userPanelItems li:nth-of-type(6) {
    display: none;
  }
  header#masthead .userbar .userPanel #userLogin,
  header#masthead .userbar .userPanel #userMenu {
    margin-left: 0 !important;
  }
  header#masthead .userbar .userPanel .dropdownOpen {
    width: 1000px !important;
    margin-left: -1px !important;
  }
  header#masthead .userbar .userPanel .dropdownOpen ~ .userPanelItems {
    display: none !important;
  }
  header#masthead .userbar .userPanel .dropdownOpen form {
    width: 100%;
  }
  header#masthead .userbar .userPanel .dropdownOpen form input {
    padding-left: 36px !important;
  }
}
header#masthead .userbar #searchform {
  position: relative;
  margin-left: 6px;
  flex-shrink: 1;
  width: 100%;
  max-width: 320px;
  min-width: 220px;
}
@media only screen and (max-width: 975px) {
  header#masthead .userbar #searchform {
    /* Was 414px before */
    flex-grow: 1;
    flex-shrink: 0;
    min-width: initial;
    max-width: initial;
    margin: 12px 0;
  }
}
header#masthead .userbar #searchform .fa-search {
  position: absolute;
  left: 0;
  color: var(--text-color);
  z-index: 1;
  font-size: 18px;
  padding: 11px 12px 12px 12px;
  display: flex;
}
header#masthead .userbar #searchform input {
  height: 40px;
  width: 100%;
  top: 0;
  font-family: "BrandonText";
  color: var(--text-color);
  font-size: 13px;
  border: 0;
  background: none;
  outline: none;
  flex-grow: 1;
  background: var(--content-box-bg);
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  padding-left: 40px;
}
header#masthead .userbar #searchform input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
header#masthead .userbar #searchform input:focus {
  background-color: rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 975px) {
  header#masthead .userbar #searchform input {
    /* Was 414px before */
    width: 100%;
  }
}
@media only screen and (max-width: 975px) {
  .admin-bar header {
    /* Was 414px before */
  }
  .admin-bar header .navigation .theme-toggle-box {
    margin-top: 53px;
  }
}
[data-theme="light"] header#masthead .hamburger-icon {
  border-color: rgba(0, 0, 0, 0.15) !important;
}
[data-theme="light"] header#masthead #hamburger:checked ~ .logo-mobile {
  filter: invert(1) drop-shadow(0 4px 16px rgba(0, 0, 0, 0.3));
}
[data-theme="light"] header#masthead .hamburger-icon div {
  filter: invert();
}
[data-theme="light"] header#masthead .theme-toggle-box:hover {
  background: rgba(0, 0, 0, 0.3);
}
[data-theme="light"] header#masthead .theme-toggle-box .theme-icon {
  background-image: url('./images/light-mode.svg');
}
[data-theme="light"] header#masthead .theme-toggle-box .theme-icon:after {
  content: "Dark Mode: Off";
}
[data-theme="light"] header#masthead .navigation .header-button {
  color: var(--text-color);
}
@media only screen and (max-width: 975px) {
  [data-theme="light"] header#masthead .navigation .header-button {
    /* Was 414px before */
    border-color: rgba(0, 0, 0, 0.15);
  }
}
[data-theme="light"] header#masthead .navigation .icon,
[data-theme="light"] header#masthead .navigation .logo img {
  filter: invert();
}
@media only screen and (max-width: 975px) {
  [data-theme="light"] header#masthead .navigation {
    /* Was 414px before */
  }
  [data-theme="light"] header#masthead .navigation .theme-icon:after {
    content: "Dark Mode: Off" !important;
  }
}
[data-theme="light"] header#masthead .userbar a .fa,
[data-theme="light"] header#masthead .userbar #userMenu .framed img {
  box-shadow: inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
}
[data-theme="light"] header#masthead .userbar .userPanel .badge {
  color: var(--text-color);
  background: #000;
}
[data-theme="light"] header#masthead #searchform input::placeholder {
  color: rgba(0, 0, 0, 0.7);
}
[data-theme="light"] header#masthead #searchform input:focus {
  background: rgba(0, 0, 0, 0.3);
}
/* WordPress Menu - These styles are required in addition to the existing styles to make the navigation work. 9-26 JL */
.primary-navigation {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  justify-content: space-around;
  margin: 0 12px;
  list-style-type: none;
  padding: 0;
}
@media only screen and (max-width: 975px) {
  .primary-navigation {
    /* Was 414px before */
    flex-direction: column;
    justify-content: flex-start;
    order: 1;
    margin-top: -100px;
    /* This measurement keeps the navigation logo exactly in line with the logo at the top of the site */
    flex-shrink: 0;
  }
}
@media only screen and (max-width: 975px) {
  .primary-navigation-item {
    /* Was 414px before */
    margin: 6px 0;
  }
}
@media only screen and (max-width: 975px) {
  div#content {
    /* Was 414px before */
    padding-top: 108px;
  }
}
#hamburger:checked ~ .logo-mobile {
  visibility: hidden;
}
#hamburger:checked ~ .navigation {
  margin-bottom: -200px;
}
/* Reorder the navigation so that the logo appears in the center - but the source order has the logo at the top. 9-26 JL */
.navigation-logo {
  order: 2;
}
@media only screen and (max-width: 975px) {
  .navigation-logo {
    /* Was 414px before */
    order: 0;
  }
}
.navigation-left {
  order: 1;
}
.navigation-right {
  order: 3;
}
/* End WordPress Menu */
.interactiveDropdown {
  background: var(--content-box-bg);
  box-shadow: #000 0 0 50px;
  color: var(--text-color);
  display: none;
  margin-top: 1px;
  margin-left: -10px;
  min-width: 350px;
  position: absolute;
  top: 40px;
  z-index: 450;
}
.interactiveDropdown h3,
.interactiveDropdown p {
  margin: 0;
}
.interactiveDropdown ul {
  list-style: none;
  padding-start: 0;
}
.interactiveDropdown .interactiveDropdownHeader {
  padding: 7px 11px;
}
.interactiveDropdown .interactiveDropdownHeader .interactiveDropdownTitle {
  font-weight: bold;
  text-transform: capitalize;
}
.interactiveDropdown .userTitleBadge {
  color: #000;
  background: #FFF;
  font-size: 0.7rem;
  padding: 2px 6px;
}
.interactiveDropdown .interactiveDropdownItems {
  list-style: none;
  padding-start: 0;
}
.interactiveDropdown .interactiveDropdownItems li:not(.dropdownDivider) {
  padding: 11px;
}
.interactiveDropdown .interactiveDropdownItems .interactiveDropdownUserMenuLinkList li {
  background: none;
  display: inline-block;
  font-size: 0.7rem;
  padding: 0;
}
.interactiveDropdown .interactiveDropdownItems .interactiveDropdownUserMenuLinkList li:after {
  content: "\2013";
  padding-left: 3px;
}
.interactiveDropdown .interactiveDropdownItems .interactiveDropdownUserMenuLinkList li:last-child:after {
  content: "";
}
.interactiveDropdown .interactiveDropdownItems .interactiveDropdownUserMenuLinkList li a {
  padding-right: 0;
}
.interactiveDropdown .interactiveDropdownItems li {
  background: rgba(70, 70, 70, 0.6);
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 1px;
}
.interactiveDropdown .interactiveDropdownItems li .box64 {
  position: relative;
  min-height: 68px;
}
.interactiveDropdown .interactiveDropdownItems li .box64 .framed {
  float: left;
  height: 64px;
  margin: 2px;
  padding-right: 0;
  width: 64px;
}
.interactiveDropdown .interactiveDropdownItems li .box64 .framed img {
  border-radius: 0;
  height: 64px !important;
  top: 0;
  width: 64px !important;
}
.interactiveDropdown .interactiveDropdownItems li .box64 .containerHeadline {
  margin-left: 75px;
}
.interactiveDropdown .interactiveDropdownItems li .box64 .interactiveDropdownUserMenuLinkList {
  position: absolute;
  bottom: 0;
}
.interactiveDropdown .interactiveDropdownItems .interactiveDropdownUserMenuItem .box32 {
  min-height: 32px;
}
.interactiveDropdown .interactiveDropdownItems .interactiveDropdownUserMenuItem .box32 .icon32 {
  float: left;
  margin-left: 5px;
}
.interactiveDropdown .interactiveDropdownItems .interactiveDropdownUserMenuItem .box32 .containerHeadline {
  margin-left: 39px;
}
.interactiveDropdown .interactiveDropdownItems .interactiveDropdownUserMenuItem .box32 .containerHeadline h3 {
  font-size: 0.9rem;
}
.interactiveDropdown .interactiveDropdownShowAll {
  display: block;
  padding: 7px 11px;
  text-align: center;
}
@media only screen and (max-width: 975px) {
  .interactiveDropdown {
    /* Was 414px before */
    left: -33px;
    width: 100vw;
  }
  .interactiveDropdown .box64 li:last-of-type,
  .interactiveDropdown .box32 li:last-of-type {
    display: inline-block !important;
  }
  .interactiveDropdown .interactiveDropdownUserMenuItem {
    display: block !important;
  }
  .interactiveDropdown .interactiveDropdownUserMenuLinkList li:nth-of-type(2) {
    display: inline-block !important;
  }
}
.dropDownMenu {
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: #000 0 0 50px;
  color: #FFF;
  display: none;
  margin-top: -9px;
  min-width: 350px;
  position: absolute;
  z-index: 3;
}
@media only screen and (max-width: 975px) {
  .dropDownMenu {
    /* Was 414px before */
    left: 0 !important;
    top: 20px;
    width: 100%;
  }
}
.dropDownMenu a {
  color: #FFF;
}
.dropDownMenu__header {
  padding: 7px 11px;
}
.dropDownMenu__title {
  font-weight: 700;
  text-transform: capitalize;
}
.dropDownMenu__links {
  float: right;
}
.dropDownMenu .icon {
  font-family: FontAwesome;
}
.dropDownMenu .icon--plus:before {
  content: "\f067";
}
.dropDownMenu .icon--cog:before {
  content: "\f013";
}
.dropDownMenu .icon--user:before {
  content: "\f007";
}
.dropDownMenu .icon--trash:before {
  content: "\f014";
}
.dropDownMenu .pointer {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  width: 0;
  height: 0;
  border-color: rgba(0, 0, 0, 0.8) transparent;
  border-style: solid;
  border-width: 0 10px 10px;
}
.dropDownMenu__show-all {
  border-top: solid 1px #000;
  display: block;
  padding: 7px 11px;
  text-align: center;
}
.dropDownMenu__show-all:hover {
  background-color: rgba(70, 70, 70, 0.6);
}
.dropDownMenu__itemsContainer .no-content {
  background-color: rgba(70, 70, 70, 0.6);
  font-size: 1rem;
  margin: 0;
  padding: 21px 14px;
  text-align: center;
}
.dropDownMenu__itemsContainer li {
  list-style: none;
}
.dropDownMenu__itemsContainer .framed {
  float: left;
  margin: 2px;
  height: 32px;
  width: 32px;
}
.dropDownMenu__itemsContainer .framed .userAvatarImage {
  height: 32px !important;
  width: 32px !important;
}
.dropDownMenu__itemsContainer .jsNotificationItem .box48 {
  background-color: rgba(0, 0, 0, 0);
}
.dropDownMenu__itemsContainer .moderationQueueEntry {
  width: 100%;
}
.dropDownMenu__itemsContainer .moderationQueueEntry img {
  width: 32px;
  height: 32px;
}
.dropDownMenu__itemsContainer .conversation,
.dropDownMenu__itemsContainer .jsNotificationItem,
.dropDownMenu__itemsContainer .box48,
.dropDownMenu__itemsContainer .moderationQueueEntry {
  background-color: rgba(70, 70, 70, 0.6);
  display: block;
  padding: 7px 11px;
}
.dropDownMenu__itemsContainer .conversation:hover,
.dropDownMenu__itemsContainer .jsNotificationItem:hover,
.dropDownMenu__itemsContainer .box48:hover,
.dropDownMenu__itemsContainer .moderationQueueEntry:hover {
  background-color: rgba(90, 90, 90, 0.6);
  cursor: pointer;
}
.dropDownMenu__itemsContainer .conversation .columnMark,
.dropDownMenu__itemsContainer .jsNotificationItem .columnMark,
.dropDownMenu__itemsContainer .box48 .columnMark,
.dropDownMenu__itemsContainer .moderationQueueEntry .columnMark,
.dropDownMenu__itemsContainer .conversation .conversationParticipantSummary,
.dropDownMenu__itemsContainer .jsNotificationItem .conversationParticipantSummary,
.dropDownMenu__itemsContainer .box48 .conversationParticipantSummary,
.dropDownMenu__itemsContainer .moderationQueueEntry .conversationParticipantSummary,
.dropDownMenu__itemsContainer .conversation .columnReplies,
.dropDownMenu__itemsContainer .jsNotificationItem .columnReplies,
.dropDownMenu__itemsContainer .box48 .columnReplies,
.dropDownMenu__itemsContainer .moderationQueueEntry .columnReplies,
.dropDownMenu__itemsContainer .conversation .columnParticipants,
.dropDownMenu__itemsContainer .jsNotificationItem .columnParticipants,
.dropDownMenu__itemsContainer .box48 .columnParticipants,
.dropDownMenu__itemsContainer .moderationQueueEntry .columnParticipants,
.dropDownMenu__itemsContainer .conversation .columnLastPost,
.dropDownMenu__itemsContainer .jsNotificationItem .columnLastPost,
.dropDownMenu__itemsContainer .box48 .columnLastPost,
.dropDownMenu__itemsContainer .moderationQueueEntry .columnLastPost,
.dropDownMenu__itemsContainer .conversation .statusDisplay,
.dropDownMenu__itemsContainer .jsNotificationItem .statusDisplay,
.dropDownMenu__itemsContainer .box48 .statusDisplay,
.dropDownMenu__itemsContainer .moderationQueueEntry .statusDisplay,
.dropDownMenu__itemsContainer .conversation .conversationEditLink,
.dropDownMenu__itemsContainer .jsNotificationItem .conversationEditLink,
.dropDownMenu__itemsContainer .box48 .conversationEditLink,
.dropDownMenu__itemsContainer .moderationQueueEntry .conversationEditLink {
  display: none;
}
.dropDownMenu__itemsContainer .conversation:not(:last-of-type),
.dropDownMenu__itemsContainer .jsNotificationItem:not(:last-of-type),
.dropDownMenu__itemsContainer .box48:not(:last-of-type),
.dropDownMenu__itemsContainer .moderationQueueEntry:not(:last-of-type) {
  border-bottom: solid 1px #000;
}
.dropDownMenu__itemsContainer .conversation .columnAvatar,
.dropDownMenu__itemsContainer .jsNotificationItem .columnAvatar,
.dropDownMenu__itemsContainer .box48 .columnAvatar,
.dropDownMenu__itemsContainer .moderationQueueEntry .columnAvatar {
  display: inline;
}
.dropDownMenu__itemsContainer .conversation .columnSubject,
.dropDownMenu__itemsContainer .jsNotificationItem .columnSubject,
.dropDownMenu__itemsContainer .box48 .columnSubject,
.dropDownMenu__itemsContainer .moderationQueueEntry .columnSubject {
  display: block;
  margin-left: 43px;
}
.dropDownMenu__itemsContainer .conversation .columnSubject h3,
.dropDownMenu__itemsContainer .jsNotificationItem .columnSubject h3,
.dropDownMenu__itemsContainer .box48 .columnSubject h3,
.dropDownMenu__itemsContainer .moderationQueueEntry .columnSubject h3 {
  margin: 0;
}
.dropDownMenu__itemsContainer .details {
  margin-left: 43px;
}
.dropDownMenu__itemsContainer .details p {
  margin: 0;
}
.dropDownMenu__itemsContainer .box48 {
  overflow: hidden;
}
.dropDownMenu__itemsContainer .box48 a {
  width: 24px;
  height: 24px;
}
.dropDownMenu__itemsContainer .box48 a .userAvatarImage {
  width: 24px !important;
  height: 24px !important;
}
.dropDownMenu__itemsContainer .box48 .framed {
  line-height: 50px;
}
.dropDownMenu__itemsContainer .box48 h3 {
  margin: 0;
  font-size: 14px;
  padding: 8px 12px 8px 0;
}
.dropDownMenu__itemsContainer .box48 .userTitleBadge,
.dropDownMenu__itemsContainer .box48 .userFacts,
.dropDownMenu__itemsContainer .box48 .userStats,
.dropDownMenu__itemsContainer .box48 .iconList {
  display: none;
}
#content {
  margin: 0 auto;
  position: relative;
  zoom: 1;
}
#content:before {
  content: '';
  display: block;
}
#content:after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (max-width: 975px) {
  #content {
    /* Was 414px before */
    margin: -64px 8px 8px 8px;
    box-sizing: border-box;
    width: calc(100vw - 16px);
    padding-top: 52px;
    background-color: var(--bg-color);
    border-radius: 8px;
    box-shadow: inset rgba(255, 255, 255, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 0 1px;
    overflow: hidden;
  }
}
#content .ad-top,
#content .ad-bottom {
  background: var(--content-box-bg);
  width: 728px;
  height: 90px;
  margin: 0 auto 80px auto;
  position: relative;
  top: 40px;
}
@media only screen and (max-width: 975px) {
  #content .ad-top,
  #content .ad-bottom {
    /* Was 414px before */
    width: auto;
    height: auto;
    margin: -16px 16px 60px 16px;
    background: none;
  }
}
#content .ad-bottom {
  margin: 0 auto 80px auto;
  top: 40px;
}
@media only screen and (max-width: 975px) {
  #content .ad-bottom {
    /* Was 414px before */
    margin: -12px 16px 70px 16px;
  }
}
#content #loadmorepostsbutton {
  font-family: "BrandonText";
  color: var(--text-color);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: italic;
  font-weight: 500;
  font-size: 30px;
  display: block;
  padding: 20px;
  border: 0;
  width: 100%;
  background: var(--content-box-bg);
  cursor: pointer;
  clear: both;
  border-radius: 0;
  appearance: none;
}
#content #loadmorepostsbutton:hover {
  background: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 975px) {
  #content #loadmorepostsbutton {
    /* Was 414px before */
    margin: 0;
    padding: 16px 0;
    font-size: 24px;
  }
}
.breadcrumbs {
  position: absolute;
  left: 18px;
  top: 18px;
  overflow: visible;
  z-index: 12;
}
.breadcrumbs a {
  color: #fff;
  font-size: 16px;
  display: none;
  padding: 13px;
  border-radius: 8px;
}
.breadcrumbs a .mobile({
			padding: 0;
		}) i {
  margin-right: 3px;
}
.breadcrumbs a:nth-last-of-type(1) {
  display: block;
}
.breadcrumbs a:hover {
  color: #fff;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 975px) {
  .breadcrumbs a:hover {
    /* Was 414px before */
    background: transparent;
  }
}
@media only screen and (max-width: 975px) {
  .breadcrumbs {
    /* Was 414px before */
    width: auto;
    top: 58px;
    left: 12px;
    position: relative;
  }
}
.zu-author {
  width: 100%;
  line-height: 24px;
  height: 24px;
  display: flex;
  padding: 0;
  margin-top: 6px;
  flex-wrap: nowrap;
}
.zu-author .zu-author-meta {
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  line-height: 24px;
}
.zu-author .zu-author-meta img {
  float: left;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 6px;
  margin-top: 1px;
  margin-left: 1px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
}
.zu-author .post-meta {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
}
.zu-author .post-meta a {
  font-size: 12px;
  color: var(--text-color);
  font-weight: normal;
  display: inline-block;
  background: var(--content-box-bg);
  line-height: 24px;
  height: 23px;
  overflow: hidden;
  white-space: nowrap;
}
.zu-author .post-meta a:hover {
  background: rgba(0, 0, 0, 0.5);
}
.zu-author .date {
  border-radius: 100px;
  padding-left: 8px;
  padding-right: 8px;
}
.zu-author .comments {
  border-radius: 0 100px 100px 0;
  padding-right: 8px;
  padding-left: 6px;
}
.masthead {
  width: 100%;
  position: relative;
  margin-bottom: 40px;
  text-shadow: rgba(0, 0, 0, 0.5) 0 -1px;
  zoom: 1;
}
.masthead:before {
  content: '';
  display: block;
}
.masthead:after {
  content: '';
  display: table;
  clear: both;
}
.masthead .masthead-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center center;
  box-shadow: inset rgba(255, 255, 255, 0.1) 0 0 0 1px;
}
.masthead .masthead-info {
  width: 100%;
}
.masthead .masthead-info .title {
  color: #fff;
  font-weight: 500;
  font-size: 34px;
  line-height: 45px;
  font-style: italic;
  padding: 40px;
}
.masthead .masthead-info .title .zu-author {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 14px;
  margin-top: 10px;
  font-weight: 400;
  display: block;
}
.masthead .masthead-info .title .zu-author a {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}
.masthead .masthead-info .title .zu-author a:hover {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
}
.masthead .masthead-info .black-box {
  padding: 40px;
  background: rgba(0, 0, 0, 0.7);
  display: block;
}
.masthead .masthead-info .black-box .zu-author {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  margin-left: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 975px) {
  .masthead {
    /* Was 414px before */
    width: 100%;
    height: auto;
    left: auto;
    text-shadow: #000 0 0 32px;
    margin: 0 !important;
  }
  .masthead .title {
    font-size: 32px !important;
    line-height: 32px !important;
  }
  .masthead .black-box {
    background: none !important;
    color: var(--text-color) !important;
    padding: 16px !important;
    text-shadow: none;
    font-style: normal !important;
  }
}
.masthead.has-image {
  margin-top: 13px;
}
.masthead.has-image .masthead-info {
  position: relative;
  padding: 158px 48px 48px 48px;
  border-radius: 8px;
  box-sizing: border-box;
}
.masthead.has-image .masthead-info .title.black-box {
  padding: 24px;
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (max-width: 975px) {
  .masthead.has-image {
    /* Was 414px before */
    margin-top: 0;
    min-height: 253px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .masthead.has-image .title.black-box {
    color: var(--text-color) !important;
    font-style: italic !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%) !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    position: absolute !important;
    bottom: -40px !important;
    left: 0 !important;
    right: 0 !important;
  }
}
@media only screen and (max-width: 320px) {
  .masthead.has-image {
    min-height: 215px;
  }
}
@media only screen and (min-width: 414px) {
  .masthead.has-image {
    min-height: 279px;
  }
}
@media only screen and (min-width: 976px) {
  .masthead.has-image {
    /* Was 415px before */
    min-height: 700px;
  }
}
.masthead.icon-masthead {
  margin-bottom: 1px;
  min-height: 330px;
}
.masthead.icon-masthead .masthead-info {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%);
  padding: 64px 40px 40px 40px;
  box-sizing: border-box;
  border-radius: 0;
}
.masthead.icon-masthead .masthead-info .masthead-icon {
  width: 64px;
  height: 64px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 32px rgba(0, 0, 0, 0.7));
  display: inline-block;
  position: absolute;
  top: 55px;
  left: 40px;
}
.masthead.icon-masthead .masthead-info .masthead-icon .fa {
  font-size: 64px;
  color: #fff;
}
.masthead.icon-masthead .masthead-info .title {
  font-size: 45px;
  font-weight: 500;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: #000 0 0 32px;
  background: none;
  padding: 0;
  display: inline-block;
  width: 717px;
  margin-left: 88px;
}
@media only screen and (max-width: 975px) {
  .masthead.icon-masthead {
    /* Was 414px before */
    height: 200px;
    min-height: 150px;
    margin: 0;
    top: 0;
  }
  .masthead.icon-masthead .masthead-info {
    padding: 80px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 70%);
  }
  .masthead.icon-masthead .masthead-info .masthead-icon {
    width: 56px;
    height: 56px;
    background-size: contain;
    flex-shrink: 1;
    margin-bottom: 14px;
    position: relative;
    display: block;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
  .masthead.icon-masthead .masthead-info .masthead-icon .fa {
    font-size: 48px;
    position: relative;
    left: 0;
  }
  .masthead.icon-masthead .masthead-info .title {
    font-size: 32px;
    line-height: 32px;
    position: relative;
    top: -4px;
    width: auto;
    margin-left: 0;
  }
}
.masthead.guide-masthead {
  background-position: center right !important;
}
.masthead.search-results .masthead-icon {
  top: 72px !important;
}
.masthead.search-results small {
  display: block;
  float: left;
  margin-top: 8px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 8px;
  text-transform: none;
  font-style: normal;
  letter-spacing: normal;
  font-size: 12px;
}
@media only screen and (max-width: 975px) {
  .masthead.search-results {
    /* Was 414px before */
  }
  .masthead.search-results .masthead-info {
    padding-bottom: 4px;
  }
  .masthead.search-results .masthead-icon {
    top: 80px !important;
  }
  .masthead.search-results small {
    margin-top: 4px;
    padding: 0 6px;
    line-height: 24px;
  }
}
.zu-search-results-list {
  margin: 48px auto;
}
.search-result-post {
  width: calc(100% - 96px);
  margin: 0 auto;
  position: relative;
  margin-bottom: 16px;
  background: var(--content-box-bg);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
}
.search-result-post .thumbnail {
  width: 250px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
}
.search-result-post .thumbnail .shadow,
.search-result-post .thumbnail .bottom-gradient {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.search-result-post .thumbnail .shadow {
  box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 20px;
}
.search-result-post .thumbnail .bottom-gradient {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 50%);
}
.search-result-post .thumbnail .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 32px;
  margin-top: -32px;
  margin-left: -32px;
  width: 64px;
  height: 64px;
  background-size: 64px;
  background-repeat: no-repeat;
  background-position: center center;
  filter: drop-shadow(0 0 32px #000);
}
.search-result-post .search-result-post-info {
  padding: 16px;
  width: 100%;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.search-result-post .search-result-post-info .title {
  font-size: 24px;
  font-weight: 500;
}
.search-result-post .search-result-post-info .zu-author {
  color: var(--text-color);
  font-size: 12px;
}
.search-result-post .search-result-post-info .zu-author a {
  color: var(--lightblue);
}
.search-result-post .search-result-post-info .zu-author a:hover {
  text-decoration: underline;
}
.search-result-post .search-result-post-info .zu-author span {
  margin: 0 6px 0 3px;
}
.search-result-post .older_post_content {
  font-size: 14px;
  margin-top: 4px;
  letter-spacing: none;
  line-height: normal;
}
@media only screen and (max-width: 975px) {
  .search-result-post {
    /* Was 414px before */
    width: auto;
    min-height: 80px;
    margin: 0;
    padding: 12px;
    background: none;
    box-shadow: 0 -3px 10px rgba(161, 116, 29, 0.1) inset;
  }
  .search-result-post .thumbnail {
    width: 80px;
    height: 80px;
    margin-right: 12px !important;
  }
  .search-result-post .thumbnail .icon {
    right: 24px;
    margin-top: -24px;
    margin-left: -24px;
    width: 48px;
    height: 48px;
    background-size: 48px;
  }
  .search-result-post .search-result-post-info {
    padding: 0 24px 0 0;
    width: 0;
  }
  .search-result-post .search-result-post-info .title {
    color: var(--lightblue);
    font-size: 18px;
    line-height: 24px;
    width: auto !important;
    padding-right: 24px !important;
  }
  .search-result-post .search-result-post-info .title:hover {
    color: var(--blue);
  }
  .search-result-post .search-result-post-info .zu-author span {
    display: none;
  }
  .search-result-post .search-result-post-info .zu-author .commentsbit {
    color: var(--text-color) !important;
    float: right;
    margin-right: 4px;
  }
  .search-result-post .search-result-post-info .zu-author .commentsbit:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
  }
  .search-result-post .older_post_content {
    display: none;
  }
}
.loadmore-search {
  margin-top: 30px !important;
  width: -20% !important;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 12px !important;
}
@media only screen and (max-width: 975px) {
  .loadmore-search {
    /* Was 414px before */
    width: auto !important;
    margin-top: 0 !important;
  }
}
.pagination {
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin: 0 auto;
}
@media only screen and (max-width: 975px) {
  .pagination {
    /* Was 414px before */
    width: 100vw;
    margin: 0;
  }
}
.pagination .page-numbers {
  color: #665f48;
  /* RGB color to match RGBA value 0,0,0,0.6 */
  display: inline-block;
  padding: 12px;
}
.pagination .current,
.pagination .prev,
.pagination .next {
  background: rgba(0, 0, 0, 0.6);
  color: var(--text-color);
  border-radius: 5px;
}
.pagination .elm-wrapper {
  margin: 24px 0 0 0;
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 975px) {
  .pagination .elm-wrapper {
    /* Was 414px before */
    margin: 0;
    width: 100%;
  }
}
.pagination .elm-wrapper .elm-button {
  width: 100%;
  flex-grow: 1;
  background: var(--content-box-bg);
  font: inherit;
  font-weight: 600;
  padding: 12px 48px;
  text-align: center;
  font-size: 24px;
  text-transform: uppercase;
  font-style: italic;
  border: 0;
  border-radius: 100px;
  height: 58px;
  line-height: 34px;
  transition: 0.4s;
  transform: scale(1) translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
}
@media only screen and (min-width: 976px) {
  .pagination .elm-wrapper .elm-button {
    /* Was 415px before */
  }
  .pagination .elm-wrapper .elm-button:hover {
    transition: 0.05s;
    transform: scale(1.03) translate3d(0, 0, 0);
    z-index: 50;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
  }
}
.pagination .elm-wrapper .elm-button:hover {
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
@media only screen and (max-width: 975px) {
  .pagination .elm-wrapper .elm-button {
    /* Was 414px before */
    flex-grow: 1;
    width: calc(100vw - 40px);
    margin: 20px;
    padding: 12px;
  }
}
.pagination .elm-wrapper .elm-button .elm-loading-anim {
  height: 34px;
}
.topstory {
  background-size: cover !important;
  background-position: center center !important;
  filter: saturate(1.5);
  color: #fff;
}
.topstory .info {
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid #FEEDB9;
  border-right: 1px solid #FEEDB9;
  display: block;
  box-sizing: border-box;
}
@media only screen and (max-width: 975px) {
  .topstory .info {
    /* Was 414px before */
    width: auto;
    padding: 16px;
    border-right: none;
  }
}
.topstory .info:hover {
  background: rgba(0, 0, 0, 0.8);
}
.topstory .info .title {
  font-weight: 500;
  line-height: 100%;
}
.topstory .info .commentsbit {
  font-weight: normal;
  position: absolute;
  bottom: 10px;
  right: 20px;
}
@media only screen and (max-width: 975px) {
  .topstory .info .commentsbit {
    /* Was 414px before */
    bottom: 16px;
    right: 16px;
  }
}
.topstory .info .commentsbit i {
  margin-left: 3px;
}
.slider {
  overflow: hidden;
  zoom: 1;
}
.slider:before {
  content: '';
  display: block;
}
.slider:after {
  content: '';
  display: table;
  clear: both;
}
.slider .title {
  color: var(--text-color);
  font-weight: 500;
  font-size: 36px;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 36px;
  background: rgba(0, 0, 0, 0.4);
  padding: 10px 20px;
  margin-bottom: 1px;
}
@media only screen and (max-width: 975px) {
  .slider .title {
    /* Was 414px before */
    font-size: 24px;
    padding: 6px 16px;
  }
}
.slider .arrow {
  color: #fff;
  font-size: 28px;
  width: 40px;
  height: 140px;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  z-index: 2;
  user-select: none;
}
@media only screen and (max-width: 975px) {
  .slider .arrow {
    /* Was 414px before */
    display: none;
  }
}
.slider .arrow:hover {
  cursor: pointer;
  color: rgba(0, 0);
}
.slider .arrow .fa {
  line-height: 140px;
}
.slider .arrow.inactive .fa {
  display: none;
}
.slider .arrow.inactive:hover {
  background: rgba(0, 0, 0, 0.7);
  cursor: default;
}
.slider .prev {
  left: 0;
}
.slider .next {
  right: 0;
}
.slider .slider-inner {
  height: 140px;
  position: relative;
  margin: 0 41px 1px 41px;
}
@media only screen and (max-width: 975px) {
  .slider .slider-inner {
    /* Was 414px before */
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    margin: 0 0 1px 0 !important;
  }
}
.slider .slider-inner ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: all 0s ease;
  transform: translate3d(0px, 0px, 0px);
}
@media only screen and (max-width: 975px) {
  .slider .slider-inner ul {
    /* Was 414px before */
    width: 3215px;
  }
}
.slider .slider-inner ul .topstory {
  width: 267px;
  height: 140px;
  position: relative;
  float: left;
  margin: 0 1px 1px 0;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 975px) {
  .slider .slider-inner ul .topstory {
    /* Was 414px before */
  }
  .slider .slider-inner ul .topstory:last-of-type {
    margin-right: 0;
  }
}
.slider .slider-inner ul .topstory .topstory-bg {
  margin: -1px;
  background: center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.slider .slider-inner ul .topstory a {
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  padding: 18px 20px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.slider .slider-inner ul .topstory a:hover {
  background: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}
.slider .slider-inner ul .topstory h3 {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: 500;
  padding: 0;
  margin: 0;
  font-style: normal !important;
  text-transform: none !important;
}
.slider .slider-inner ul .topstory small {
  position: absolute;
  height: 24px;
  width: auto;
  max-width: 227px;
  line-height: 24px;
  padding-left: 16px;
  right: 20px;
  bottom: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.slider .slider-inner ul .topstory small .icon {
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
  margin-right: 6px;
  color: #fff;
}
.slider .slider-inner ul .topstory small time {
  display: inline !important;
}
#error .title {
  text-align: center;
  font-size: 60px;
  line-height: 48px;
  padding: 30px 0;
}
#error .link404 {
  width: 350px;
  height: 498px;
  background-image: url("images/404link.png");
  margin: 20px auto;
}
#error p {
  text-align: center;
  font-size: 24px;
  margin: 40px 0;
}
.crp_related h2,
.crp_related h3 {
  font-size: 48px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 1px;
  margin: 32px 12px 24px 12px;
  padding: 0;
}
@media only screen and (max-width: 975px) {
  .crp_related h2,
  .crp_related h3 {
    /* Was 414px before */
    font-size: 32px;
  }
}
.crp_related ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  padding: 0;
  margin: 0 12px -12px 12px;
}
.crp_related ul li {
  position: relative;
  width: calc(33% - 14px);
  height: 140px;
  margin: 0 24px 24px 0;
  overflow: hidden;
  border-radius: 8px;
  transition: 0.4s;
  transform: scale(1) translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
}
@media only screen and (min-width: 976px) {
  .crp_related ul li {
    /* Was 415px before */
  }
  .crp_related ul li:hover {
    transition: 0.05s;
    transform: scale(1.03) translate3d(0, 0, 0);
    z-index: 50;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
  }
}
.crp_related ul li:nth-of-type(3n) {
  margin-right: 0;
}
.crp_related ul li a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
.crp_related ul li a .crp_thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.crp_related ul li .crp_title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  box-sizing: border-box;
  z-index: 2;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  text-shadow: #000 0 0 32px;
  background: rgba(0, 0, 0, 0.6);
}
.crp_related ul li .crp_title:hover {
  background: rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 975px) {
  .crp_related {
    /* Was 414px before */
  }
  .crp_related li {
    height: 112px !important;
    width: 100% !important;
    margin: 6px 4px !important;
    padding: 0 !important;
  }
  .crp_related li:first-of-type {
    margin-top: 0;
  }
  .crp_related li:nth-of-type(4),
  .crp_related li:nth-of-type(5),
  .crp_related li:nth-of-type(6) {
    display: none !important;
  }
  .crp_related li img {
    top: 16px;
    left: 16px;
    width: 80px;
    height: 80px;
  }
  .crp_related li a {
    font-size: 18px;
    line-height: 20px;
  }
  .crp_related li a .crp_title {
    width: auto;
    padding: 16px;
    font-weight: 500;
  }
}
.crp_related {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media screen and (min-width: 900px) {
  .crp_related {
    margin: 32px;
  }
}
#comments {
  position: relative;
  min-height: 700px;
  padding: 0 12px;
}
#comments h2 {
  font-size: 48px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 1px;
  margin: 0 0 12px 0;
  padding: 0;
}
@media only screen and (max-width: 975px) {
  #comments h2 {
    /* Was 414px before */
    font-size: 32px;
  }
}
#comments #disqus_thread {
  width: calc(100% - 336px);
}
@media only screen and (max-width: 975px) {
  #comments #disqus_thread {
    /* Was 414px before */
    width: 100%;
  }
}
#comments .ad-comments {
  position: absolute;
  width: 300px;
  height: 600px;
  right: 0;
  background: var(--content-box-bg);
}
@media only screen and (max-width: 975px) {
  #comments {
    /* Was 414px before */
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin: 0;
    background: none;
    display: flex;
    flex-direction: column;
  }
  #comments .ad-comments {
    position: relative;
    right: auto;
    width: auto;
    height: auto;
    margin: 16px 16px 32px 16px;
    background: none;
  }
}
#comments {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  padding: 16px;
  margin-top: 24px;
  margin-bottom: 24px;
}
#comments #disqus_thread {
  color: --var(--text-color);
}
[data-theme="light"] #comments {
  background: #2D2D2D;
}
[data-theme="light"] #comments h2 {
  color: #fff;
}
@media screen and (min-width: 900px) {
  #comments {
    margin: 24px 32px;
  }
}
.modalBackground {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  z-index: 399;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#loginForm {
  display: block !important;
}
.modalContainer {
  z-index: 400;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
  box-shadow: rgba(255, 255, 255, 0.3) 0 10px 50px;
  padding: 10px;
  max-width: 520px !important;
  min-width: 500px;
}
@media only screen and (max-width: 800px) {
  .modalContainer {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 0;
    width: 100%;
    transform: none;
  }
}
@media only screen and (max-width: 975px) {
  .modalContainer {
    /* Was 414px before */
    box-sizing: border-box;
    max-width: 100vw;
    position: fixed;
    bottom: 0;
    right: 0;
  }
}
.modalContainer .modalTitlebar .modalTitle {
  color: #FFF;
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px;
  margin-right: 28px;
}
.modalContainer .modalTitlebar .modalCloseButton::before {
  content: "\f057";
}
.modalContainer .modalTitlebar .modalCloseButton {
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 28px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  right: 10px;
  text-align: center;
  text-decoration: none;
  top: 21px;
  width: 32px;
}
.modalContainer .modalTitlebar .modalCloseButton span {
  display: none;
}
.modalContainer .modalContent {
  color: #FFF;
  margin-bottom: 75px;
  padding: 10px;
}
.modalContainer .modalContent fieldset {
  -webkit-margin-start: 0 !important;
  -webkit-margin-end: 0 !important;
  -webkit-padding-before: 0 !important;
  -webkit-padding-start: 0 !important;
  -webkit-padding-end: 0 !important;
  -webkit-padding-after: 0 !important;
  -moz-margin-start: 0 !important;
  -moz-margin-end: 0 !important;
  -moz-padding-before: 0 !important;
  -moz-padding-start: 0 !important;
  -moz-padding-end: 0 !important;
  -moz-padding-after: 0 !important;
  border: none;
}
.modalContainer .modalContent fieldset legend {
  font-weight: 500;
  font-style: italic !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  font-family: 'BrandonText' !important;
  background: #212121;
  font-size: 16px;
  width: auto !important;
  margin: 0 0 1px 1px !important;
  padding: 4px 8px;
}
.modalContainer .modalContent fieldset dd {
  -webkit-margin-start: 0;
}
.modalContainer .modalContent fieldset dd label {
  background-color: #212121;
}
.modalContainer .modalContent fieldset dl {
  margin-top: 0;
  margin-bottom: 0;
}
.modalContainer .modalContent fieldset dl:not(:first-of-type) {
  margin-top: 11px;
}
.modalContainer .modalContent fieldset:first-of-type dl:nth-of-type(3) dt label {
  display: none;
}
.modalContainer .modalContent fieldset:first-of-type dl:nth-of-type(3) {
  margin-top: -4px;
}
.modalContainer .modalContent label,
.modalContainer .modalContent span,
.modalContainer .modalContent dt {
  color: #FFF;
  font-family: 'BrandonText';
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.modalContainer .modalContent label:not(:first-child) {
  background: #212121;
}
.modalContainer .modalContent span,
.modalContainer .modalContent label:not(:first-child) {
  margin: 0 0 1px 1px;
}
@media only screen and (max-width: 975px) {
  .modalContainer .modalContent .radio {
    /* Was 414px before */
    display: block;
  }
}
.modalContainer .modalContent input[type='text'],
.modalContainer .modalContent input[type='password'] {
  color: #FFF;
  font-size: 13px;
  padding: 8px;
  background: #212121;
  border: 1px solid #333;
  margin-top: 5px;
  width: 96%;
  min-width: 150px;
  font-family: 'Trebuchet MS', Arial, sans-serif;
}
.modalContainer .modalContent input[type='text']:hover,
.modalContainer .modalContent input[type='password']:hover,
.modalContainer .modalContent input[type='text']:focus,
.modalContainer .modalContent input[type='password']:focus {
  background: #333;
  outline: none;
}
.modalContainer .modalContent .formSubmit {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  bottom: 0;
  display: flex;
  left: 0;
  margin-top: 14px;
  padding: 0;
  padding-top: 10px;
  position: absolute;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 975px) {
  .modalContainer .modalContent .formSubmit {
    /* Was 414px before */
    width: 100% !important;
    padding: 32px 16px 8px 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
}
.modalContainer .modalContent .formSubmit input[type='submit'] {
  background: #DDD;
  font-weight: 500;
  padding: 20px 0;
  width: 259px;
  border: none;
  cursor: pointer;
}
.modalContainer .modalContent .formSubmit input[type='submit']:hover {
  background: #FFF;
  color: #000;
}
@media only screen and (max-width: 975px) {
  .modalContainer .modalContent .formSubmit input[type='submit'] {
    /* Was 414px before */
    padding: 12px 16px !important;
    margin-bottom: 8px !important;
    width: auto !important;
    text-transform: none !important;
    font-style: normal !important;
    letter-spacing: normal;
  }
}
.modalContainer .modalContent .formSubmit a {
  padding: 21px 0;
  background: #AAA;
  width: 260px;
  margin-right: 0;
}
.modalContainer .modalContent .formSubmit a:hover {
  background: #FFF;
  color: #000;
}
@media only screen and (max-width: 975px) {
  .modalContainer .modalContent .formSubmit a {
    /* Was 414px before */
    display: block;
    padding: 12px 16px !important;
    margin-bottom: 8px !important;
    width: auto !important;
  }
}
@media only screen and (max-width: 975px) {
  .modalContainer .modalContent .formSubmit a span {
    /* Was 414px before */
    text-transform: none !important;
    font-style: normal !important;
    letter-spacing: normal;
  }
}
.modalContainer .modalContent .formSubmit input[type='submit'],
.modalContainer .modalContent .formSubmit a span {
  font-style: italic;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'BrandonText';
  margin: 0 1px 0 0;
  color: #000;
  font-size: 18px;
  flex-grow: 1;
}
.modalContainer .modalContent .thirdPartyLogin {
  display: flex;
  text-align: center;
  -webkit-padding-start: 0;
  -moz-padding-start: 0;
}
.modalContainer .modalContent .thirdPartyLogin li {
  display: flex;
  flex-grow: 1;
  margin: 0;
  margin-left: 1px;
}
.modalContainer .modalContent .thirdPartyLogin li a {
  width: 100%;
  margin: 0;
}
.modalContainer .modalContent .thirdPartyLogin li a:hover {
  background: rgba(70, 70, 70, 0.7);
}
.modalContainer .modalContent .thirdPartyLogin li a span {
  display: block;
  font-size: 14px !important;
  font-style: normal;
  font-weight: bold;
  line-height: 21px !important;
  text-transform: none;
}
.modalContainer .modalContent .thirdPartyLogin li a span:nth-of-type(2) {
  font-family: 'BrandonText';
}
.modalContainer .modalContent .thirdPartyLogin li a .icon {
  float: left;
  border: none;
  font-family: FontAwesome;
  font-size: 21px !important;
  padding: 4px 6px;
}
.modalContainer .modalContent .thirdPartyLogin li a .icon-twitter:before {
  content: "\f099";
}
.modalContainer .modalContent .thirdPartyLogin li a .icon-facebook:before {
  content: "\f09a";
}
.modalContainer .modalContent .thirdPartyLogin li .thirdPartyLoginButton {
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: inline-block;
  font-size: 0;
}
.modalContainer .modalContent .thirdPartyLogin li .thirdPartyLoginButton span:not(.icon) {
  padding: 4px 12px;
}
.modalContainer .modalContent .thirdPartyLogin li .twitterLoginButton {
  background-color: #55acee;
}
.modalContainer .modalContent .thirdPartyLogin li .facebookLoginButton {
  background-color: #3b5998;
}
.modalContainer .modalContent .buttonList {
  font-size: 0;
  margin-bottom: -7px;
}
/* Individual page styles */
/*
	This is the style sheet for the front page. It
	contains styled for all the boxes and widgets that
	the front page layout manager generates.
*/
/* Make sure these styles only happen inside the front page */
.index-layout {
  /* Front page styles begin here */
  /* End .index-layout wrapper */
}
.index-layout .outline-only {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.index-layout .top-story-grid {
  display: none;
}
@supports (display: grid) {
  .index-layout .top-story-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto repeat(4, min-content);
    list-style-type: none;
    grid-gap: 1px;
    gap: 1px;
    margin: 20px 12px 0 12px;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
  }
  @media only screen and (min-width: 976px) {
    .index-layout .top-story-grid {
      /* Was 415px before */
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto auto auto;
      grid-gap: 24px;
      gap: 24px;
      box-shadow: none;
      margin: 0;
      padding: 32px;
    }
  }
  .index-layout .top-story-grid .topstory {
    background-position: -9999px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    position: relative;
    transition: 0.4s;
    transform: scale(1) translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
  }
  @media only screen and (min-width: 976px) {
    .index-layout .top-story-grid .topstory {
      /* Was 415px before */
    }
    .index-layout .top-story-grid .topstory:hover {
      transition: 0.05s;
      transform: scale(1.03) translate3d(0, 0, 0);
      z-index: 50;
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
    }
  }
  @media only screen and (max-width: 975px) {
    .index-layout .top-story-grid .topstory {
      /* Was 414px before */
      box-shadow: none !important;
    }
  }
  .index-layout .top-story-grid .topstory:first-of-type {
    border-radius: 8px 8px 0 0;
    min-height: 150px;
  }
  .index-layout .top-story-grid .topstory:first-of-type a {
    background: rgba(0, 0, 0, 0.5);
    min-height: 150px;
  }
  .index-layout .top-story-grid .topstory:first-of-type a:hover {
    background: rgba(0, 0, 0, 0.7);
  }
  .index-layout .top-story-grid .topstory:first-of-type a .zu-author {
    display: block;
    padding: 16px;
  }
  .index-layout .top-story-grid .topstory:last-of-type {
    border-radius: 0 0 8px 8px;
  }
  .index-layout .top-story-grid .topstory a {
    color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  .index-layout .top-story-grid .topstory a:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
  }
  .index-layout .top-story-grid .topstory a .title {
    padding: 16px;
    font-size: 24px;
    font-weight: 500;
    flex-grow: 1;
  }
  .index-layout .top-story-grid .topstory a .zu-author {
    display: block;
    font-size: 12px;
    line-height: 22px;
    padding: 0 12px 12px 12px;
    margin: 0;
    font-weight: normal;
  }
  .index-layout .top-story-grid .topstory a .zu-author img {
    box-shadow: rgba(255, 255, 255, 0.2) 0 0 0 1px;
    width: 20px;
    height: 20px;
  }
  @media only screen and (min-width: 976px) {
    .index-layout .top-story-grid .topstory {
      /* Was 415px before */
      border-radius: 8px;
      min-height: 170px;
    }
    .index-layout .top-story-grid .topstory:first-of-type {
      grid-area: 1 / 1 / 3 / 3;
      /* LESS added */
      border-radius: 12px;
    }
    .index-layout .top-story-grid .topstory:first-of-type a {
      border-radius: 12px;
    }
    .index-layout .top-story-grid .topstory:first-of-type a .title {
      padding: 24px;
      max-height: none !important;
    }
    .index-layout .top-story-grid .topstory:last-of-type {
      border-radius: 8px;
    }
    .index-layout .top-story-grid .topstory a {
      position: relative;
      min-height: 170px;
      border-radius: 8px;
      box-shadow: inset rgba(255, 255, 255, 0.1) 0 0 0 1px;
    }
    .index-layout .top-story-grid .topstory a .title {
      font-size: 20px;
      line-height: 24px;
      padding: 18px;
    }
    .index-layout .top-story-grid .topstory a .zu-author {
      font-size: 14px;
      padding: 0 18px 18px 18px;
    }
    .index-layout .top-story-grid .topstory a .story-large {
      font-size: 48px;
      line-height: 48px;
    }
  }
  @media only screen and (max-width: 975px) {
    .index-layout .top-story-grid .topstory {
      /* Was 414px before */
    }
    .index-layout .top-story-grid .topstory:not(:first-of-type) {
      height: auto;
    }
    .index-layout .top-story-grid .topstory:not(:first-of-type) a {
      background: rgba(0, 0, 0, 0.8);
    }
    .index-layout .top-story-grid .topstory:not(:first-of-type) a:hover {
      background: rgba(0, 0, 0, 0.9);
    }
    .index-layout .top-story-grid .topstory:not(:first-of-type) a .title {
      font-size: 16px;
      line-height: 40px;
      padding: 0 12px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
}
.index-layout .article-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 0;
  gap: 0;
  grid-auto-flow: dense;
  padding: 12px 8px 0 8px;
}
.index-layout .article-grid .frontpage-ad {
  display: none;
}
@media only screen and (min-width: 976px) {
  .index-layout .article-grid .frontpage-ad {
    /* Was 415px before */
    display: block;
    grid-column: -1 / -2;
    /* LESS added */
    grid-row: 1 / 2;
    /* LESS added */
  }
}
.index-layout .article-grid article {
  display: flex;
  position: relative;
  flex-flow: column nowrap;
  align-items: flex-start;
  margin: 0;
  padding: 18px;
}
@media only screen and (max-width: 975px) {
  .index-layout .article-grid article {
    /* Was 414px before */
    padding: 8px;
  }
}
.index-layout .article-grid article .article-grid-permalink {
  width: 100%;
}
.index-layout .article-grid article .article-grid-permalink .wp-post-image {
  border-radius: 8px;
  background-color: var(--content-box-bg);
  margin: 0;
  width: 100%;
  height: 220px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
}
@supports (object-fit: cover) {
  .index-layout .article-grid article .article-grid-permalink .wp-post-image {
    object-fit: cover;
  }
}
@media only screen and (min-width: 976px) {
  .index-layout .article-grid article .article-grid-permalink .wp-post-image {
    /* Was 415px before */
    height: 170px;
  }
}
.index-layout .article-grid article .article-grid-permalink h3 {
  color: var(--text-color);
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 4px;
  letter-spacing: 0;
}
.index-layout .article-grid article .article-grid-permalink h3:hover {
  color: #0285ae;
}
.index-layout .article-grid article .zu-author {
  color: var(--text-color);
  font-size: 14px;
}
.index-layout .article-grid article .post-excerpt {
  color: var(--text-color);
  flex-grow: 1;
  margin-top: 12px;
  max-height: 350px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-layout .article-grid article .post-excerpt p:first-of-type {
  margin-top: 0;
}
.index-layout .article-grid article .post-type {
  color: var(--text-color);
  background: var(--lightblue);
  position: absolute;
  top: 32px;
  left: 32px;
  padding: 2px 8px;
  border-radius: 100px;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: rgba(255, 255, 255, 0.4) 0 2px 16px;
}
/*
	Styles and interface elements specific to media pages.
	THIS STYLE SHEET IS NOT FOR CONTENT FORMATTING! UI/navigation only.
*/
/* Make sure these styles only happen inside wide layouts */
.wide-layout {
  /* Actual styles begin here */
  /* End .wide-layout wrapper */
}
.wide-layout .media,
.wide-layout .archive {
  padding: 0 !important;
}
@media only screen and (max-width: 975px) {
  .wide-layout .media,
  .wide-layout .archive {
    /* Was 414px before */
    width: 100%;
    margin: 0;
  }
}
.wide-layout .media .game-list {
  order: 1;
}
.wide-layout .archive {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
/* ZU19 Additions */
.zu-masthead {
  background-size: cover;
  background-position: center center;
  min-height: 330px;
  padding: 24px 12px 0px 12px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  margin-top: 16px;
}
.zu-masthead .zu-masthead-icon {
  height: 64px;
  width: 64px;
  margin-right: 12px;
  align-self: center;
}
.zu-masthead .fa.fa-search {
  margin-right: 12px;
  align-self: center;
  font-size: 48px;
  margin-bottom: 32px;
}
.zu-masthead .zu-page-title {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 70%);
  margin: 0 -12px;
  padding: 48px 12px 24px 12px;
  display: flex;
  flex-flow: row nowrap;
}
.zu-masthead h1 {
  font-size: 32px;
  line-height: 45px;
  font-weight: 500;
  font-style: italic;
  text-transform: uppercase;
  align-self: center;
}
@media screen and (min-width: 600px) {
  .zu-masthead .fa.fa-search {
    margin-bottom: 0;
    font-size: 64px;
  }
  .zu-masthead h1 {
    font-size: 45px;
  }
  .zu-masthead .zu-page-title {
    padding: 48px 48px 24px 48px;
  }
}
.zu-masthead.zu-large-masthead {
  min-height: 300px;
}
.zu-masthead.zu-large-masthead .zu-page-title {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  padding: 24px;
  margin: 24px;
  flex-flow: column nowrap;
}
.zu-masthead.zu-large-masthead h1 {
  font-size: 24px;
  line-height: 34px;
  text-transform: initial;
  align-self: flex-start;
}
@media screen and (min-width: 600px) {
  .zu-masthead.zu-large-masthead {
    min-height: 560px;
  }
  .zu-masthead.zu-large-masthead h1 {
    font-size: 34px;
    line-height: 45px;
  }
}
.zu-breadcrumb {
  color: #fff;
  padding: 12px;
  border-radius: 8px;
  align-self: flex-start;
  text-shadow: #000 0 1px 10px, rgba(0, 0, 0, 0.3) 0 1px 0;
}
.zu-breadcrumb:hover {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.zu-search-results {
  display: flex;
  flex-flow: column nowrap;
}
.zu-search-results h1 {
  margin-bottom: 12px;
  align-self: flex-start;
}
.zu-search-results .zu-search-query {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  padding: 12px;
  align-self: flex-start;
}
.zu-masthead-author {
  font-style: italic;
  display: flex;
  flex-flow: row nowrap;
}
.zu-masthead-author img {
  border-radius: 100%;
  margin-right: 6px;
  height: 22px;
}
.zu-masthead-author a {
  color: #fff;
}
.zu-masthead-author a:hover {
  color: #ccc;
  text-decoration: underline;
}
/* Post Masthead */
.zu-post-masthead {
  margin: 16px;
}
.zu-post-masthead .zu-breadcrumb {
  margin: 16px 0 24px 0;
}
.zu-post-masthead h1 {
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
}
.zu-post-thumbnail {
  margin: 24px 0 16px 0;
}
.zu-post-thumbnail img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
}
.zu-post-meta {
  display: flex;
  align-items: center;
}
.zu-post-meta .zu-masthead-author {
  flex: 1;
}
.zu-post-meta a {
  color: var(--lightblue);
}
.zu-post-meta a:hover {
  color: var(--blue);
}
.zu-post-meta a.zu-post-comments {
  display: block;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding: 8px;
  border-radius: 8px;
}
@media screen and (min-width: 600px) {
  .zu-post-masthead {
    margin: 32px 24px;
  }
  .zu-post-masthead h1 {
    font-size: 48px;
  }
  .zu-post-meta .zu-masthead-author {
    flex: initial;
  }
  .zu-post-meta a.zu-post-comments {
    margin-left: 16px;
  }
}
@media screen and (min-width: 900px) {
  .zu-post-masthead {
    margin: 32px;
  }
  .zu-post-thumbnail img {
    height: 300px;
  }
  .zu-post-date .zu-date-on,
  .zu-post-date .zu-date-comma,
  .zu-post-date .zu-date-year {
    display: inline;
  }
  .zu-post-date .zu-date-month::after {
    content: ".";
  }
}
[data-theme="light"] .zu-masthead {
  color: #fff;
}
/* New Masthead Style - "Masthead Columns" - Added 05.16.2023 Lindquist */
.zu-masthead-columns {
  margin: 1rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: dense;
  grid-gap: 1rem;
  gap: 1rem;
}
.zu-masthead-columns .zu-page-ancestor {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 1rem;
}
.zu-masthead-columns .zu-page-title h1 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  font-style: italic;
}
.zu-masthead-columns .zu-masthead-icon {
  aspect-ratio: 1;
  object-fit: cover;
  width: 1.5rem;
  height: auto;
}
.zu-masthead-columns .zu-guide-subtitle {
  margin-bottom: 1rem;
}
.zu-masthead-columns .zu-featured-img img {
  border-radius: var(--rounded-corners);
  box-shadow: var(--small-shadow);
  aspect-ratio: 1.77777778;
  object-fit: cover;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 600px) {
  .zu-masthead-columns {
    grid-template-columns: 3fr 2fr;
  }
  .zu-page-title {
    grid-column: 0.5;
  }
  .zu-featured-img {
    grid-column: 0.66666667;
  }
  .zu-page-title h1 {
    font-size: 2.5rem;
    line-height: 1.1;
  }
}
[data-theme="light"] .zu-masthead-columns .zu-masthead-icon {
  filter: invert();
}
[data-theme="light"] .zu-masthead-columns .zu-masthead-author a {
  color: var(--link-color);
}
[data-theme="light"] .zu-masthead-columns .zu-masthead-author a:hover {
  color: var(--link-hover-color);
}
/* --- Light Mode Overrides --- */
[data-theme="light"] .zu-gutenberg hr::before {
  filter: initial;
}
[data-theme="light"] .zu-gutenberg p.zu-section-tag,
[data-theme="light"] .zu-gutenberg p.zu-aside,
[data-theme="light"] .zu-gutenberg p.has-text-color.has-background.zu-aside {
  color: #000 !important;
}
[data-theme="light"] .zu-gutenberg .wp-block-group,
[data-theme="light"] .zu-gutenberg :root .has-very-dark-gray-background-color,
[data-theme="light"] .zu-gutenberg .wp-block-group.has-very-dark-gray-background-color {
  color: #000;
}
[data-theme="light"] .zu-gutenberg .wp-block-image img figcaption,
[data-theme="light"] .zu-gutenberg .wp-block-image figure.alignright figcaption,
[data-theme="light"] .zu-gutenberg .wp-block-image figure.alignleft figcaption,
[data-theme="light"] .zu-gutenberg .wp-block-image.size-full figcaption,
[data-theme="light"] .zu-gutenberg .wp-block-image.is-resized figcaption,
[data-theme="light"] .zu-gutenberg .wp-block-group figure figcaption,
[data-theme="light"] .zu-gutenberg .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figcaption,
[data-theme="light"] .zu-gutenberg .wp-block-table figcaption {
  color: #000;
}
[data-theme="light"] .zu-gutenberg p.zu-alternate,
[data-theme="light"] .zu-gutenberg p.has-text-color.has-background.zu-alternate,
[data-theme="light"] .zu-gutenberg :root .has-cyan-bluish-gray-background-color,
[data-theme="light"] .zu-gutenberg .wp-block-group.has-cyan-bluish-gray-background-color {
  border: 1px solid #000;
}
[data-theme="light"] .zu-gutenberg .wp-block-table tr {
  border: 1px solid rgba(0, 0, 0, 0.8);
}
/* --- Gutenberg Container --- */
.zu-gutenberg {
  margin: 0 16px;
  font-size: 18px;
  font-weight: 200;
}
/* --- Gutenberg Global HTML Tags --- */
.zu-gutenberg h2,
.zu-gutenberg h3 {
  background: none;
  text-align: left;
  font-size: 32px;
  line-height: 36px;
  font-style: italic;
  text-transform: uppercase;
  padding: 24px 12px 0px 0px;
  letter-spacing: 1px;
  font-weight: normal;
  clear: both;
}
.zu-gutenberg h3 {
  font-size: 24px;
}
.zu-gutenberg img {
  border-radius: 8px;
  height: auto;
}
.zu-gutenberg ul,
.zu-gutenberg li {
  margin: 1em 0;
}
.zu-gutenberg hr {
  clear: both;
  border: 0;
  text-align: center;
  padding: 1em 0 0 0;
}
.zu-gutenberg hr::before {
  content: url('https://zeldauniverse.net/wp-content/uploads/2019/09/zu-triforce-divider.png');
  filter: invert();
}
.zu-gutenberg p.zu-section-tag {
  display: inline-block;
  background: rgba(0, 0, 0, 0.4) !important;
  color: #fff !important;
  font-style: italic;
  text-align: center;
  border-radius: 1000px;
  padding: 0.75em 1.25em;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  margin: 0 0.5em 1em 0.5em;
}
@media screen and (min-width: 600px) {
  .zu-gutenberg {
    margin: 0 24px;
  }
}
@media screen and (min-width: 768px) {
  .zu-gutenberg {
    margin: 0 64px;
  }
}
@media screen and (min-width: 900px) {
  .zu-gutenberg {
    margin: 0 128px;
  }
}
/* --- Gutenberg Images --- */
.zu-gutenberg .wp-block-image img,
.zu-gutenberg .wp-block-image figure,
.zu-gutenberg .wp-block-image figure.aligncenter,
.zu-gutenberg .wp-block-image figure.alignright,
.zu-gutenberg .wp-block-image figure.alignleft,
.zu-gutenberg .wp-block-image.size-full,
.zu-gutenberg .wp-block-image.size-large,
.zu-gutenberg .wp-block-image.size-medium,
.zu-gutenberg .wp-block-image.size-thumbnail,
.zu-gutenberg .wp-block-image.is-resized,
.zu-gutenberg .wp-block-group figure,
.zu-gutenberg .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
  width: 100%;
  min-width: 100%;
  /* Images are full width on mobile. */
}
.zu-gutenberg .wp-block-image img figcaption,
.zu-gutenberg .wp-block-image figure figcaption,
.zu-gutenberg .wp-block-image figure.aligncenter figcaption,
.zu-gutenberg .wp-block-image figure.alignright figcaption,
.zu-gutenberg .wp-block-image figure.alignleft figcaption,
.zu-gutenberg .wp-block-image.size-full figcaption,
.zu-gutenberg .wp-block-image.size-large figcaption,
.zu-gutenberg .wp-block-image.size-medium figcaption,
.zu-gutenberg .wp-block-image.size-thumbnail figcaption,
.zu-gutenberg .wp-block-image.is-resized figcaption,
.zu-gutenberg .wp-block-group figure figcaption,
.zu-gutenberg .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figcaption {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-style: italic;
  text-align: center;
  border-radius: 100px;
  padding: 0.75em;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.zu-gutenberg .wp-block-image img figcaption.blocks-gallery-item__caption,
.zu-gutenberg .wp-block-image figure figcaption.blocks-gallery-item__caption,
.zu-gutenberg .wp-block-image figure.aligncenter figcaption.blocks-gallery-item__caption,
.zu-gutenberg .wp-block-image figure.alignright figcaption.blocks-gallery-item__caption,
.zu-gutenberg .wp-block-image figure.alignleft figcaption.blocks-gallery-item__caption,
.zu-gutenberg .wp-block-image.size-full figcaption.blocks-gallery-item__caption,
.zu-gutenberg .wp-block-image.size-large figcaption.blocks-gallery-item__caption,
.zu-gutenberg .wp-block-image.size-medium figcaption.blocks-gallery-item__caption,
.zu-gutenberg .wp-block-image.size-thumbnail figcaption.blocks-gallery-item__caption,
.zu-gutenberg .wp-block-image.is-resized figcaption.blocks-gallery-item__caption,
.zu-gutenberg .wp-block-group figure figcaption.blocks-gallery-item__caption,
.zu-gutenberg .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figcaption.blocks-gallery-item__caption {
  margin: 1em 0;
  box-sizing: border-box;
}
.zu-gutenberg .wp-block-gallery .blocks-gallery-item {
  margin: 0 16px 0 0;
}
.zu-gutenberg .wp-block-gallery figcaption {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-style: italic;
  text-align: center;
  border-radius: 100px;
  padding: 0.75em;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.zu-gutenberg .wp-block-image.size-large,
.zu-gutenberg .wp-block-image.size-medium,
.zu-gutenberg .wp-block-image.size-thumbnail {
  margin-left: 0;
  margin-right: 0;
}
.zu-gutenberg .wp-block-image.size-thumbnail {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.zu-gutenberg figure.size-full {
  margin-left: 0;
  margin-right: 0;
}
.zu-gutenberg figure.size-full.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.zu-gutenberg .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
  margin-right: 0;
  height: auto;
}
.zu-gutenberg .blocks-gallery-item__caption a {
  color: #03c3ff;
  font-style: normal;
  /* Change the color of hyperlinks inside of captions. */
}
.zu-gutenberg .blocks-gallery-item__caption a:hover {
  color: #ccc;
}
@media screen and (min-width: 600px) {
  .zu-gutenberg .wp-block-image figure.alignright,
  .zu-gutenberg .wp-block-image figure.alignleft,
  .zu-gutenberg .wp-block-image figure.aligncenter,
  .zu-gutenberg .wp-block-image.size-large,
  .zu-gutenberg .wp-block-image.size-medium {
    width: initial;
    min-width: initial;
  }
  .zu-gutenberg .wp-block-image figure.alignright,
  .zu-gutenberg .wp-block-image figure.alignleft {
    max-width: 50%;
  }
  .zu-gutenberg .wp-block-image.size-thumbnail {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
  }
  .zu-gutenberg .wp-block-gallery .blocks-gallery-grid {
    flex-direction: row;
  }
  .zu-gutenberg .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
    width: calc(50% - 16px);
    min-width: auto;
  }
  .zu-gutenberg .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure {
    margin: 8px;
  }
  .zu-gutenberg .wp-block-gallery figcaption {
    margin-left: 8px;
    margin-right: 8px;
  }
  .zu-gutenberg .wp-block-gallery.columns-3 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(33.33333% - 10.66667px);
  }
  .zu-gutenberg .wp-block-gallery.columns-4 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(25% - 16px);
  }
  .zu-gutenberg .wp-block-gallery.columns-5 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(20% - 12.8px);
  }
  .zu-gutenberg .wp-block-gallery.columns-6 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(16.66667% - 13.33333px);
  }
  .zu-gutenberg .wp-block-gallery.columns-7 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(14.28571% - 13.71429px);
  }
  .zu-gutenberg .wp-block-gallery.columns-8 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(12.5% - 14px);
  }
  .zu-gutenberg .wp-block-gallery.columns-3 .blocks-gallery-grid .blocks-gallery-item figcaption.blocks-gallery-item__caption,
  .zu-gutenberg .wp-block-gallery.columns-4 .blocks-gallery-grid .blocks-gallery-item figcaption.blocks-gallery-item__caption,
  .zu-gutenberg .wp-block-gallery.columns-5 .blocks-gallery-grid .blocks-gallery-item figcaption.blocks-gallery-item__caption,
  .zu-gutenberg .wp-block-gallery.columns-6 .blocks-gallery-grid .blocks-gallery-item figcaption.blocks-gallery-item__caption,
  .zu-gutenberg .wp-block-gallery.columns-7 .blocks-gallery-grid .blocks-gallery-item figcaption.blocks-gallery-item__caption,
  .zu-gutenberg .wp-block-gallery.columns-8 .blocks-gallery-grid .blocks-gallery-item figcaption.blocks-gallery-item__caption {
    border-radius: 16px;
  }
}
@media screen and (min-width: 900px) {
  .zu-gutenberg .wp-block-image figure.alignright {
    margin-right: -96px;
  }
  .zu-gutenberg figure.alignright.size-full {
    margin-left: 24px;
  }
  .zu-gutenberg figure.alignleft.size-full {
    margin-right: 24px;
  }
  .zu-gutenberg .wp-block-image figure.alignleft {
    margin-left: -96px;
  }
  .zu-gutenberg .wp-block-gallery {
    margin-left: -96px;
    margin-right: -96px;
  }
}
/* --- Gutenberg Groups, Asides, and Alternates --- */
/* There are still many zu-prefixed classes included in these styles. This is one of a few instances where they cannot be removed because we were repurposing Paragraph Blocks to make them something completely different. */
.zu-gutenberg .wp-block-group {
  margin: 24px 0;
}
.zu-gutenberg p.zu-aside,
.zu-gutenberg p.has-text-color.has-background.zu-aside {
  background: rgba(0, 0, 0, 0.4) !important;
  color: #fff !important;
  border-radius: 8px;
  padding: 1em;
}
.zu-gutenberg p.zu-alternate,
.zu-gutenberg p.has-text-color.has-background.zu-alternate {
  background: transparent !important;
  color: #000 !important;
  border-radius: 8px;
  border: 1px solid #000;
  padding: 1em;
}
.zu-gutenberg p.zu-aside strong,
.zu-gutenberg p.zu-alternate strong {
  display: block;
  background: none;
  text-align: left;
  font-size: 20px;
  line-height: 24px;
  font-style: italic;
  text-transform: uppercase;
  padding: 24px 12px 0px 0px;
  letter-spacing: 1px;
  font-weight: normal;
}
.zu-gutenberg div.zu-alignright.zu-aside,
.zu-gutenberg div.zu-alignleft.zu-aside,
.zu-gutenberg div.zu-alignright.zu-alternate,
.zu-gutenberg div.zu-alignleft.zu-alternate {
  margin: 1em;
}
.zu-gutenberg .has-very-dark-gray-background-color strong,
.zu-gutenberg .has-cyan-bluish-gray-background-color strong {
  display: block;
  background: none;
  text-align: left;
  font-size: 20px;
  line-height: 24px;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
}
.zu-gutenberg .has-very-dark-gray-background-color,
.zu-gutenberg .has-cyan-bluish-gray-background-color {
  padding: 0.5em 1em 0.5em 1em;
  border-radius: 8px;
  display: flex;
}
:root .has-very-dark-gray-background-color {
  background: rgba(0, 0, 0, 0.4) !important;
  color: #fff;
}
:root .has-cyan-bluish-gray-background-color {
  background-color: transparent !important;
  border: 1px solid #fff;
}
@media screen and (min-width: 900px) {
  .zu-gutenberg .wp-block-group .wp-block-image figure.alignright,
  .zu-gutenberg p.zu-aside .wp-block-image figure.alignright,
  .zu-gutenberg p.has-text-color.has-background.zu-aside .wp-block-image figure.alignright,
  .zu-gutenberg p.zu-alternate .wp-block-image figure.alignright,
  .zu-gutenberg p.has-text-color.has-background.zu-alternate .wp-block-image figure.alignright,
  .zu-gutenberg .has-very-dark-gray-background-color .wp-block-image figure.alignright,
  .zu-gutenberg .has-cyan-bluish-gray-background-color .wp-block-image figure.alignright {
    margin-right: 0px;
  }
  .zu-gutenberg .wp-block-group .wp-block-image figure.alignleft,
  .zu-gutenberg p.zu-aside .wp-block-image figure.alignleft,
  .zu-gutenberg p.has-text-color.has-background.zu-aside .wp-block-image figure.alignleft,
  .zu-gutenberg p.zu-alternate .wp-block-image figure.alignleft,
  .zu-gutenberg p.has-text-color.has-background.zu-alternate .wp-block-image figure.alignleft,
  .zu-gutenberg .has-very-dark-gray-background-color .wp-block-image figure.alignleft,
  .zu-gutenberg .has-cyan-bluish-gray-background-color .wp-block-image figure.alignleft {
    margin-left: 0px;
  }
}
/* --- Data Tables --- */
.zu-gutenberg .wp-block-table {
  margin: 48px 12px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  max-height: 80vh;
  overflow: auto;
  border-radius: 8px;
}
.zu-gutenberg .wp-block-table figcaption {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-style: italic;
  text-align: center;
  border-radius: 100px;
  padding: 0.75em 0.75em;
  font-size: 14px;
  font-weight: 400;
  position: sticky;
  bottom: 0;
  left: 0;
}
.zu-gutenberg .wp-block-table table,
.zu-gutenberg .wp-block-table tr,
.zu-gutenberg .wp-block-table th,
.zu-gutenberg .wp-block-table td {
  border-collapse: collapse;
  border-spacing: 6px;
}
.zu-gutenberg .wp-block-table tr,
.zu-gutenberg .wp-block-table th,
.zu-gutenberg .wp-block-table td {
  padding: 1em 0.5em;
}
.zu-gutenberg .wp-block-table tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.zu-gutenberg .wp-block-table th {
  position: sticky;
  top: 0;
}
.zu-gutenberg .wp-block-table th,
.zu-gutenberg .wp-block-table tfoot {
  background: rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 768px) {
  .zu-gutenberg .wp-block-table {
    max-height: initial;
    border: 0;
    margin: 0;
    word-break: break-word;
  }
  .zu-gutenberg .wp-block-table figcaption {
    position: relative;
    margin: 1em 0;
  }
  .zu-gutenberg .wp-block-table tfoot {
    background: transparent;
  }
  .zu-gutenberg .wp-block-table tfoot tr {
    border-bottom: 0;
  }
  .zu-gutenberg .wp-block-table tfoot tr td {
    background: rgba(0, 0, 0, 0.4);
  }
  .zu-gutenberg .wp-block-table tfoot tr td:first-of-type {
    border-radius: 0 0 0 8px;
  }
  .zu-gutenberg .wp-block-table tfoot tr td:last-of-type {
    border-radius: 0 0 8px 0;
  }
}
/* Easy Table of Contents */
/* Most of the appearance is controlled from the plugin settings. */
div#ez-toc-container {
  background: transparent;
  padding: 1em;
  border-radius: 8px;
  margin-top: 1em;
}
div#ez-toc-container a {
  color: var(--lightblue);
}
div#ez-toc-container a:hover {
  color: var(--blue);
}
/* --- Image List Arrows --- */
.zu-down-arrow::after {
  content: url('https://zeldauniverse.net/wp-content/uploads/2019/09/zu-down-arrow-guide.png');
  margin: 1em auto;
}
@media screen and (min-width: 601px) {
  .wp-block-media-text {
    margin: 48px 0;
  }
  .zu-down-arrow::after {
    margin: 1em auto -24px auto;
  }
  .has-media-on-the-right.zu-down-arrow::after {
    grid-area: 2 / 2 / 3 / 3;
    /* Modified for LESS */
  }
}
/* --- ***UNTESTED*** Button Block --- */
.wp-block-button.zu-guide-button {
  width: 100%;
  margin: 2em auto;
  text-align: center;
}
/* --- ***UNTESTED*** Video Block --- */
video {
  border-radius: 8px;
}
.wp-block-video figcaption {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-style: italic;
  text-align: center;
  border-radius: 100px;
  padding: 0.75em;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.wp-block-video [poster] {
  object-fit: contain;
  background: #000;
}
/* YouTube Embed */
.wp-block-embed-youtube {
  margin-left: 0;
  margin-right: 0;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.wp-block-embed.is-type-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
/* ------------------------------------ */
/* ---------- Classic Editor ---------- */
/* ------------------------------------ */
/* These styles modify the Gutenberg styles for Temple 3 content... */
.zu-temple h3 {
  font-size: 32px;
  /* H3 was used as the primary heading in Temple 3. */
}
.zu-temple h3 span {
  background: rgba(0, 0, 0, 0.4);
  display: inline-block;
  padding: 16px;
  margin-right: 16px;
  border-radius: 8px;
}
.zu-temple h4 {
  /* H3 was used as the secondary heading in Temple 3. */
  background: none;
  text-align: center;
  font-size: 24px;
  line-height: 36px;
  font-style: italic;
  text-transform: uppercase;
  padding: 24px 12px 0px 0px;
  letter-spacing: 1px;
  font-weight: normal;
  clear: both;
}
.zu-temple div.t3-divider {
  clear: both;
  border: 0;
  text-align: center;
  padding: 1em 0 0 0;
}
.zu-temple div.t3-divider::before {
  content: url('https://zeldauniverse.net/wp-content/uploads/2019/09/zu-triforce-divider.png');
  filter: invert();
}
.zu-temple blockquote {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  padding: 1em;
  text-transform: uppercase;
  font-style: italic;
  margin: 1em 0;
}
.zu-temple div.character {
  background-repeat: no-repeat;
  background-size: 300px !important;
  background-position: center !important;
  /* These images were added with inline CSS, so !important is required to override the inline style. */
}
.zu-temple div.character blockquote {
  margin: 6em 0;
}
@media screen and (min-width: 768px) {
  .zu-temple div.character {
    background-size: contain !important;
    background-position: center right -150px !important;
  }
  .zu-temple div.character p {
    width: 50%;
  }
  .zu-temple div.character blockquote {
    width: 50%;
    margin: 3em 0;
  }
}
.zu-temple div.aligncenter,
.zu-temple div.alignright,
.zu-temple div.alignnone {
  width: 100% !important;
}
@media screen and (min-width: 768px) {
  .zu-temple div.aligncenter {
    margin: 0 auto;
    width: 65% !important;
  }
  .zu-temple div.alignright {
    margin: 32px;
    width: 50% !important;
  }
}
.zu-temple img {
  width: 100%;
  min-width: 100%;
  display: block;
}
.zu-temple p.wp-caption-text,
.zu-temple dd.wp-caption-text.gallery-caption {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-style: italic;
  text-align: center;
  border-radius: 16px;
  padding: 0.75em;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  box-sizing: border-box;
}
.zu-temple p.wp-caption-text strong,
.zu-temple dd.wp-caption-text.gallery-caption strong {
  font-size: 18px;
  display: block;
}
.zu-temple .gallery {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}
.zu-temple .gallery dl.gallery-item {
  width: 100% !important;
  margin: 0 !important;
}
.zu-temple .gallery dd.wp-caption-text.gallery-caption {
  margin-top: 1em;
}
.zu-temple .gallery img {
  border: 0 !important;
}
@media screen and (min-width: 600px) {
  .zu-temple .gallery {
    grid-template-columns: 1fr 1fr;
  }
  .zu-temple .gallery br {
    display: none;
  }
  .zu-temple .gallery dl.gallery-item:nth-of-type(3) {
    grid-area: 2 / 1 / 3 / 3;
    /* Modified for LESS */
    margin: 0 !important;
  }
}
.zu-temple .step-divider::after {
  content: url('https://zeldauniverse.net/wp-content/uploads/2019/09/zu-down-arrow-guide.png');
  margin: 2em auto;
  width: 100%;
  text-align: center;
  display: block;
}
.zu-temple .previous-next {
  display: none;
}
.zu-temple ol.toc {
  border: 1px solid #fff;
  border-radius: 8px;
  list-style-type: none;
  column-count: 2;
  padding: 1em;
}
.zu-temple ol.toc li {
  margin: 0 0 0.5em 0;
}
.zu-temple ol.toc a {
  color: #fff;
}
.zu-temple ol.toc a:hover {
  color: #ccc;
}
[data-theme="light"] .zu-temple blockquote {
  color: #fff;
}
[data-theme="light"] .zu-temple ol.toc {
  border: 1px solid #000;
}
[data-theme="light"] .zu-temple ol.toc a {
  color: #000;
}
[data-theme="light"] .zu-temple ol.toc a:hover {
  color: #999;
}
[data-theme="light"] .zu-temple p.wp-caption-text,
[data-theme="light"] .zu-temple dd.wp-caption-text.gallery-caption {
  color: #000;
}
[data-theme="light"] .zu-temple div.t3-divider::before {
  filter: initial;
}
/* WordPress Posts (News and Columns) - 2 column page layout */
@media screen and (min-width: 600px) {
  .zu-gutenberg.zu-post {
    margin: 0 16px;
  }
}
@media screen and (min-width: 768px) {
  .zu-gutenberg.zu-post {
    margin: 0 16px;
  }
}
@media screen and (min-width: 900px) {
  .zu-gutenberg.zu-post {
    margin: 0 16px 0 32px;
  }
  .zu-gutenberg.zu-post .wp-block-image figure.alignright {
    margin-right: 0;
  }
  .zu-gutenberg.zu-post .wp-block-image figure.alignleft {
    margin-left: 0;
  }
  .zu-gutenberg.zu-post .wp-block-gallery {
    margin-left: 0;
    margin-right: 0;
  }
}
.zu-page_list ol,
.zu-page_list ul {
  list-style-type: none;
  column-width: 277px;
  column-gap: 24px;
  padding: 0;
  margin: 0 0 64px 0;
}
.zu-page_list li {
  margin: 0 0 32px 0;
  display: grid;
  grid-template-columns: 32px 1fr;
  align-items: center;
}
.zu-page_list img {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.zu-page_list a {
  color: #eee;
  font-size: 22px;
  margin-left: 12px;
  font-weight: 500;
  font-style: italic;
}
.zu-page_list a:hover {
  color: #007cba;
}
[data-theme="light"] .zu-page_list img[src$=".svg"] {
  filter: invert();
}
[data-theme="light"] .zu-page_list a {
  color: var(--lightblue);
}
[data-theme="light"] .zu-page_list a:hover {
  color: var(--blue);
}
.zu-tag_article_list ul {
  margin: 18px 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  grid-gap: 32px;
  gap: 32px;
  padding: 0;
}
.zu-tag_article_list li {
  margin: 0;
}
.zu-tag_article_list img {
  width: 160px;
  height: 90px;
  object-fit: cover;
}
.zu-tag_article_list a {
  color: #eee;
  font-weight: 500;
  font-style: italic;
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 0 16px;
}
.zu-tag_article_list a:hover {
  color: #007cba;
}
.zu-tag_article_list span {
  grid-column: 2 / 3;
  /* Modified for LESS */
  width: 85%;
}
.zu-tag_article_list .zu-large-link {
  display: block;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  max-width: 75%;
  margin: 32px auto;
  font-weight: 600;
  padding: 12px 48px;
  text-align: center;
  font-size: 24px;
  text-transform: uppercase;
  font-style: italic;
  border: 0;
  border-radius: 58px;
  transition: 0.4s;
  transform: scale(1) translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
}
@media only screen and (min-width: 976px) {
  .zu-tag_article_list .zu-large-link {
    /* Was 415px before */
  }
  .zu-tag_article_list .zu-large-link:hover {
    transition: 0.05s;
    transform: scale(1.03) translate3d(0, 0, 0);
    z-index: 50;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
  }
}
.zu-tag_article_list .zu-large-link:hover {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
[data-theme="light"] .zu-tag_article_list a {
  color: var(--lightblue);
}
[data-theme="light"] .zu-tag_article_list a:hover {
  color: var(--blue);
}
[data-theme="light"] .zu-tag_article_list .zu-large-link {
  color: #fff;
}
[data-theme="light"] .zu-tag_article_list .zu-large-link:hover {
  color: #fff;
}
.zu-footer {
  clear: both;
  background: var(--callout-box);
  border-radius: var(--rounded-corners);
  padding: 1.5rem;
  margin: 0.75rem;
}
.zu-footer div.zu-footer-logo {
  margin: 0;
}
.zu-footer .zu-footer-logo > img {
  width: 50%;
  max-width: 275px;
  display: block;
  margin: 0 auto 1rem auto;
}
.zu-footer header {
  margin-top: 2rem;
}
.zu-footer ul {
  list-style-type: none;
  padding: 0;
  column-count: 2;
}
.zu-footer li {
  margin: 0 0 24px 0;
  break-inside: avoid;
}
@media screen and (min-width: 500px) {
  .zu-footer ul {
    column-count: 3;
  }
}
@media screen and (min-width: 800px) {
  .zu-footer > div,
  .zu-footer header {
    margin: 0;
  }
  .zu-footer-menus {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
  }
  .zu-footer-menus div {
    flex: 1 1 100%;
    max-width: 200px;
    /* This is future proofing for a fully responsible layout on ultra wide monitors. */
  }
  .zu-footer-menus .zu-footer-logo {
    flex: 1 1 150%;
    max-width: initial;
  }
  .zu-footer-menus .zu-footer-logo > img {
    width: 100%;
    margin: 0;
  }
  .zu-footer-menus ul {
    column-count: 1;
  }
}
.zu-footer-copyright {
  text-align: right;
}
/* Light Mode */
[data-theme="light"] .zu-footer .logo {
  filter: invert(1);
}
.ad-news-top {
  display: block;
  margin: 56px 16px 16px 16px;
}
.ad-news {
  width: 300px;
  height: 600px;
  background: var(--content-box-bg);
  margin-bottom: 24px;
}
.zu-post-template {
  margin: 0 16px;
}
.zu-gutenberg.zu-post {
  margin: 0;
}
@media screen and (min-width: 900px) {
  .ad-news-top {
    display: none;
  }
  .zu-post-template {
    display: grid;
    grid-template-columns: minmax(500px, 1fr) 300px;
    grid-gap: 0 32px;
    gap: 0 32px;
    margin: 0 32px;
  }
  .zu-post .ad-news-top {
    display: none;
  }
  .zu-post .zu-sidebar {
    grid-area: 1 / 2 / 2 / 3;
    /* Modified for LESS */
  }
  .zu-post #crp_related {
    grid-area: 2 / 1 / 3 / 3;
    /* Modified for LESS */
  }
}
.zu-post-masthead.calamity-2022 {
  margin: 0;
}
.zu-post-masthead.calamity-2022 h1 {
  font-size: 30px;
  margin: 0;
}
.zu-post-masthead.calamity-2022 .zu-post-meta {
  margin: 16px 0;
}
.zu-post-masthead.calamity-2022 .zu-post-thumbnail {
  margin: 0;
}
.zu-post-masthead.calamity-2022 .zu-post-thumbnail img {
  aspect-ratio: 16/9;
  /* Modified for LESS */
  object-fit: cover;
  max-height: 600px;
  height: auto;
}
@media screen and (min-width: 600px) {
  .zu-post-masthead.calamity-2022 h1 {
    font-size: 36px;
  }
}
.img-position-top-left img {
  object-position: top left;
}
.img-position-top-center img {
  object-position: top center;
}
.img-position-top-right img {
  object-position: top right;
}
.img-position-center-left img {
  object-position: center left;
}
.img-position-center-center img {
  object-position: center center;
}
.img-position-center-right img {
  object-position: center right;
}
.img-position-bottom-left img {
  object-position: bottom left;
}
.img-position-bottom-center img {
  object-position: bottom center;
}
.img-position-bottom-right img {
  object-position: bottom right;
}
.zu-author-box {
  background: rgba(0, 0, 0, 0.4);
  padding: 16px;
  display: flow-root;
  min-height: 126px;
  font-size: 16px;
}
.zu-author-box img {
  border-radius: 126px;
  float: left;
  margin: 0 16px 16px 0;
  min-width: initial;
  width: initial;
}
.zu-author-box h5 {
  font-weight: 500;
  font-style: italic;
  font-size: 22px;
  text-transform: uppercase;
  margin: 0;
}
.zu-author-box ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.zu-author-box li {
  padding: 12px;
  margin: 0;
}
.zu-post-content .zu-author-box {
  margin: 4em -1em 1em -1em;
}
.zu-feature + .zu-author-box {
  margin-bottom: 1em;
}
@media screen and (min-width: 600px) {
  .zu-author-box {
    border-radius: 8px;
    margin: 0 auto;
  }
  .zu-post-content .zu-author-box {
    margin: 4em 0 1em 0;
  }
  .zu-feature + .zu-author-box {
    width: 75%;
  }
}
.sources,
.vias,
.tags {
  display: flex;
  flex-wrap: wrap;
}
.sources span,
.vias span,
.tags span,
.sources a,
.vias a,
.tags a {
  color: var(--text-color);
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  background: #a97b50;
  padding: 4px 8px;
  margin-right: 1px;
  margin-bottom: 1px;
}
.sources span,
.vias span,
.tags span {
  font-weight: 500;
}
.tags span,
.tags a {
  background-color: var(--lightblue);
}
.zu-feature-top-stories {
  list-style-type: none;
  padding: 0;
  margin: 16px;
}
.zu-feature-top-stories li {
  border-radius: 8px;
  margin: 16px 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.zu-feature-top-stories a {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  padding: 16px;
  border-radius: 8px;
  width: 100%;
}
.zu-feature-top-stories a:hover {
  background: rgba(0, 0, 0, 0.75);
}
.zu-feature-top-stories .zu-author {
  font-size: 12px;
}
.zu-feature-top-stories .zu-author img {
  border-radius: 22px;
  margin-right: 8px;
}
@media screen and (min-width: 600px) {
  .zu-feature-top-stories {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-gap: 16px;
    gap: 16px;
  }
  .zu-feature-top-stories li {
    margin: 0;
    min-height: 200px;
    display: flex;
  }
  .zu-feature-top-stories li:first-of-type {
    grid-column: 1 / -1;
    /* Modified for LESS */
    min-height: 250px;
  }
  .zu-feature-top-stories li:first-of-type a {
    font-size: 32px;
  }
  .zu-feature-top-stories a {
    display: flex;
    flex-direction: column;
  }
  .zu-feature-top-stories a header {
    flex: 1;
  }
}
@media screen and (min-width: 900px) {
  .zu-feature-top-stories li:first-of-type a {
    font-size: 48px;
  }
}
/* 2023 Additions */
.zu-social-media-grid ul {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: end;
  margin: 1rem 1rem 1rem 5rem;
}
.zu-social-media-grid li img {
  max-height: 2rem;
  border-radius: 2rem;
}
/* Not removing the old code yet because this is used for the temporary comments section replacement. */
.community-locations {
  display: none;
}
@supports (display: grid) {
  .community-locations {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    grid-gap: 10px;
    width: 90%;
    padding: 16px;
    margin: 16px auto;
  }
  .community-quote {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  .old-man {
    justify-self: center;
    align-self: center;
    box-shadow: 0 16px 8px -12px rgba(0, 0, 0, 0.5);
  }
  .community-quote h2 {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 10px;
    margin: 0;
    padding: 24px;
    position: relative;
  }
  .community-quote h2::after {
    content: "";
    position: absolute;
    top: 35%;
    /* vertical position */
    left: -13px;
    /* horizontal position */
    border-width: 11px 13px 11px 0;
    /* the angle of the triangle */
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, 0.6);
  }
  .community-locations ul {
    display: grid;
    list-style: none;
    padding: 0;
    margin: 0;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: repeat(3, min-content);
    grid-gap: 8px;
    gap: 8px;
    grid-template: "forums forums forums forums forums discord discord discord discord discord" "youtube youtube youtube youtube youtube twitch twitch twitch twitch twitch" "facebook facebook twitter twitter instagram instagram tumblr tumblr patreon patreon";
  }
  @media screen and (min-width: 480px) {
    .community-quote {
      grid-template-columns: 1fr 3fr;
    }
    .community-quote h2 {
      font-size: 20px;
    }
  }
  @media screen and (min-width: 768px) {
    .community-quote {
      grid-template-columns: 1fr 2fr;
    }
    .old-man {
      justify-self: left;
    }
    .community-locations {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 10px;
      grid-gap: 10px;
    }
    .community-locations ul {
      grid-template-columns: repeat(7, minmax(0, 1fr));
      grid-template-rows: 96px 96px;
      grid-template: "forums forums youtube youtube facebook instagram patreon" "discord discord twitch twitch twitter tumblr .";
    }
    .community-quote h2 {
      font-size: 16px;
    }
  }
  @media screen and (min-width: 860px) {
    .community-quote h2 {
      font-size: 20px;
    }
  }
  @media screen and (min-width: 1000px) {
    .community-quote h2 {
      font-size: 24px;
    }
  }
  @media screen and (min-width: 1200px) {
    .community-quote {
      grid-template-columns: 1fr 3fr;
    }
  }
  .community-locations svg {
    border-radius: 10px;
  }
  .community-locations li {
    border-radius: 10px;
  }
  .community-locations a {
    line-height: 0;
    border-radius: 10px;
  }
}
/* FEATURED GAMES MENU */
/* Modified 02.28.2023 Lindquist */
.zu-featured-games-menu ul {
  margin: 1.5rem;
  list-style-type: none;
  padding: 0;
  display: flex;
  gap: 1rem;
  overflow-x: scroll;
  scroll-snap-type: x proximity;
  scroll-padding: 2rem;
}
.zu-featured-games-menu li {
  scroll-snap-align: start;
}
.zu-featured-games-menu li:last-of-type {
  scroll-snap-align: end;
}
.zu-featured-games-menu a {
  color: #fff;
  display: grid;
  grid-template-rows: 400px;
}
.zu-featured-games-menu a img {
  grid-area: 1 / 1 / 2 / 2;
}
.zu-featured-games-menu a div {
  grid-area: 1 / 1 / 2 / 2;
}
.zu-featured-games-menu a:hover {
  color: #fff;
  text-decoration: underline;
}
.zu-featured-games-menu img {
  border-radius: var(--rounded-corners);
  object-fit: cover;
  width: 208px;
  height: 100%;
}
.zu-featured-games-menu div {
  border-radius: 0 0 var(--rounded-corners) var(--rounded-corners);
  background: rgba(0, 0, 0, 0.7);
  align-self: end;
  padding: 0.75rem;
}
.zu-featured-games-menu div span {
  font-weight: 400;
  display: block;
  font-size: 1.25rem;
  line-height: 1;
}
.zu-featured-games-menu div span:first-of-type {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
}
/* Increase image size on larger screens */
@media screen and (min-width: 768px) {
  .zu-featured-games-menu a {
    grid-template-rows: 500px;
  }
  .zu-featured-games-menu img {
    width: 260px;
  }
}
/* FEATURED CONTENT MENU */
/* Modified 02.28.2023 Lindquist */
.zu-featured-content-menu ul {
  margin: 1.5rem;
  list-style-type: none;
  padding: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
}
.zu-featured-content-menu a {
  color: #fff;
}
.zu-featured-content-menu a:hover {
  color: #fff;
  text-decoration: underline;
}
.zu-featured-content-menu img {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset rgba(0, 0, 0, 0.05) 0 0 0 1px;
  border-radius: var(--rounded-corners);
  object-fit: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 1.77777778;
}
.zu-featured-content-menu h3 {
  font-weight: 400;
  display: block;
  font-size: 1.25rem;
  line-height: 1;
  margin: 0.5rem 0;
}
@media screen and (min-width: 600px) {
  .zu-featured-content-menu ul {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
[data-theme="light"] .zu-featured-content-menu a {
  color: #000;
}
[data-theme="light"] .zu-featured-content-menu a:hover {
  color: #000;
}
.zu-article-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1rem;
  /*@media screen and (min-width: 1000px) {
    article {grid-template-columns: 300px 1fr; margin-right: 5rem;}
}*/
  /*@media screen and (min-width: 900px) {
    h3 {font-size: 1.4rem;}
} */
  /* Easy Load More Button Styles */
}
.zu-article-list article {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 1rem;
}
@media screen and (min-width: 600px) {
  .zu-article-list article {
    grid-template-columns: 200px 1fr;
  }
}
@media screen and (min-width: 900px) {
  .zu-article-list article {
    grid-template-columns: 250px 1fr;
    margin-right: 4rem;
  }
}
.zu-article-list figure {
  margin: 0;
}
.zu-article-list img {
  border-radius: var(--rounded-corners);
  box-shadow: var(--small-shadow);
}
.zu-article-list .zu-article-headline a {
  color: var(--text-color);
}
.zu-article-list .zu-article-headline a:hover {
  color: var(--link-color);
}
.zu-article-list .zu-article-date {
  margin-right: 0.25rem;
}
.zu-article-list h2 {
  font-size: 1.6rem;
}
.zu-article-list h3 {
  margin: 0;
  font-size: 1rem;
  display: inline;
  font-weight: 500;
}
.zu-article-list h3:hover {
  text-decoration: underline;
}
@media screen and (min-width: 600px) {
  .zu-article-list h3 {
    font-size: 1.25rem;
    display: block;
  }
}
.zu-article-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .zu-article-list ul {
    font-size: 1rem;
  }
}
.zu-article-list .zu-article-meta {
  grid-column: span 2;
}
.zu-article-list .zu-pagination {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
}
.zu-article-list .zu-load-more .elm-button {
  border: 0;
  border-radius: var(--rounded-corners);
  padding: 0.5rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.zu-article-list .zu-load-more .elm-button:hover {
  background: rgba(0, 0, 0, 0.4);
}
[data-theme="light"] .zu-article-list article {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
/* Spare Styles For Future Sorting 2023 - Lindquist */
.zu-heading {
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.zu-pill,
a.zu-pill {
  color: var(--text-color);
  background: var(--content-box-bg);
  display: inline-block;
  border-radius: var(--rounded-corners);
  padding: 0.2rem 0.4rem;
  font-weight: 400;
  line-height: 1.5;
}
.zu-custom-list {
  list-style-type: none;
  padding-left: 0;
}
.zu-featured-img,
.zu-featured-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1.77777778;
}
.zu-split-content-area {
  margin: 1.5rem;
}
@media screen and (min-width: 768px) {
  .zu-split-content-area {
    display: grid;
    grid-template-columns: minmax(min-content, 1fr) 300px;
    gap: 1rem;
  }
}
.zu-widget-sidebar.zu-horizontal-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 600px) {
  .zu-widget-sidebar.zu-horizontal-sidebar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
  }
}
/* Character Quote (Currently Used for Comments Section) - Lindquist */
.zu-character-quote {
  display: grid;
  grid-template-columns: min-content minmax(min-content, max-content);
  gap: 1rem;
  max-width: 85%;
  margin: 1rem auto;
}
.zu-character-quote img:first-of-type {
  justify-self: center;
  align-self: center;
  box-shadow: 0 16px 8px -12px rgba(0, 0, 0, 0.5);
}
.zu-character-quote div:first-of-type {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  border-radius: 0.5rem;
  margin: 0;
  padding: 1rem;
  position: relative;
}
.zu-character-quote div:first-of-type::after {
  content: "";
  position: absolute;
  top: 35%;
  /* vertical position */
  left: -13px;
  /* horizontal position */
  border-width: 11px 13px 11px 0;
  /* the angle of the triangle */
  border-style: solid;
  border-color: transparent rgba(0, 0, 0, 0.6);
}
.zu-character-quote div p:first-of-type {
  margin-top: 0;
}
.zu-character-quote div ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
.zu-character-quote div ul:last-of-type {
  margin-bottom: 0;
}
.zu-character-quote div li {
  margin: 0.5rem;
}
[data-theme="light"] .zu-character-quote a {
  color: #3a9fc9;
}
[data-theme="light"] .zu-character-quote a:hover {
  color: #01556f;
}
/* Visually Hidden Utility */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}