/*
 Theme Name:   City Hall Child
 Theme URI:    https://www.ilovewp.com/themes/city-hall/
 Description:  Child theme of City Hall for Elyria Township. Add custom CSS here or in assets/css/custom.css.
 Author:       Elyria Township
 Author URI:   https://www.elyriatownship.com
 Template:     city-hall
 Version:      1.0.0
 License:      GNU General Public License v2.0
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  city-hall-child
*/

/* Add your custom styles below. */
/****
Theme Name: City Hall
Theme URI: https://www.ilovewp.com/themes/city-hall/
Description: City Hall is a free and mobile friendly (responsive) WordPress theme. It works well with page builders like Elementor, Beaver Builder, Visual Composer, Brizy, Divi, SiteOrigin, etc. It is WCAG 2.0 (Level AAA) compliant. City Hall theme is best used to create a website for a city hall, municipality, local government office, church, school, museum, NGO, nonprofit and other education institutions. Other features include: Responsive Design; Mobile Menu; Blog ready; SEO code; Custom Widgets; Color Customization; Layout Settings; Translation Ready; Regular updates; WooCommerce compatibility.
Requires PHP: 7.4
Tested up to: 6.9
Version: 2.3.2
Author: ILOVEWP.com
Author URI: https://www.ilovewp.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: city-hall
Tags: education, blog, entertainment, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready

/* open-sans-regular - latin_cyrillic */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
      local(""),
      url("fonts/open-sans-v27-latin_cyrillic-regular.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("fonts/open-sans-v27-latin_cyrillic-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-500 - latin_cyrillic */
  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src:
      local(""),
      url("fonts/open-sans-v27-latin_cyrillic-500.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("fonts/open-sans-v27-latin_cyrillic-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-600 - latin_cyrillic */
  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src:
      local(""),
      url("fonts/open-sans-v27-latin_cyrillic-600.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("fonts/open-sans-v27-latin_cyrillic-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-700 - latin_cyrillic */
  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:
      local(""),
      url("fonts/open-sans-v27-latin_cyrillic-700.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("fonts/open-sans-v27-latin_cyrillic-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-italic - latin_cyrillic */
  @font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src:
      local(""),
      url("fonts/open-sans-v27-latin_cyrillic-italic.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("fonts/open-sans-v27-latin_cyrillic-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-600italic - latin_cyrillic */
  @font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src:
      local(""),
      url("fonts/open-sans-v27-latin_cyrillic-600italic.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("fonts/open-sans-v27-latin_cyrillic-600italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-700italic - latin_cyrillic */
  @font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src:
      local(""),
      url("fonts/open-sans-v27-latin_cyrillic-700italic.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("fonts/open-sans-v27-latin_cyrillic-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
  /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
  html {
    font-size: 1em;
    line-height: 1;
    scroll-behavior: smooth;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  *,
  *:before,
  *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  body {
    margin: 0;
  }
  
  article,
  aside,
  footer,
  header,
  nav,
  section {
    display: block;
  }
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  figcaption,
  figure,
  main {
    /* 1 */
    display: block;
  }
  
  figure {
    margin: 1em 40px;
  }
  
  hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
  }
  
  pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
  }
  
  a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
  }
  
  abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
  }
  
  b,
  strong {
    font-weight: inherit;
  }
  
  b,
  strong {
    font-weight: bold;
  }
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
  }
  
  dfn {
    font-style: italic;
  }
  
  mark {
    background-color: #ff0;
    color: #000;
  }
  
  small {
    font-size: 80%;
  }
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  audio,
  video {
    display: inline-block;
  }
  
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  
  img {
    border-style: none;
    vertical-align: middle;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
  }
  
  button,
  input {
    /* 1 */
    overflow: visible;
  }
  
  button,
  select {
    /* 1 */
    text-transform: none;
  }
  
  button,
  html [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
    /* 2 */
  }
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
  }
  
  progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
  }
  
  textarea {
    overflow: auto;
  }
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
  }
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  [type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
  }
  
  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
  }
  
  details,
  menu {
    display: block;
  }
  
  summary {
    display: list-item;
  }
  
  canvas {
    display: inline-block;
  }
  
  template {
    display: none;
  }
  
  [hidden] {
    display: none;
  }
  
  .clearfix:before,
  .clearfix:after {
    content: " ";
    display: table;
  }
  
  .clearfix:after {
    clear: both;
  }
  
  .clickable {
    cursor: pointer;
  }
  
  /* Headings */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #000;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
  }
  
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    font-weight: normal;
    line-height: 1;
  }
  
  h1 small,
  h2 small,
  h3 small {
    font-size: 65%;
  }
  
  h4 small,
  h5 small,
  h6 small {
    font-size: 75%;
  }
  
  h1 {
    font-size: 36px;
  }
  
  h2 {
    font-size: 30px;
  }
  
  h3 {
    font-size: 1.5em;
  }
  
  h4 {
    font-size: 20px;
  }
  
  h5 {
    font-size: 18px;
  }
  
  h6 {
    font-size: 1em;
  }
  
  /* Tables */
  table {
    border-top: 0;
    margin-bottom: 2em;
    position: relative;
    table-layout: fixed;
    width: 100%;
    z-index: 1;
  }
  
  table th {
    text-align: start;
  }
  
  table tr {
    border-bottom: 1px solid #f0f0f0;
  }
  
  table th,
  table td {
    font-family: inherit;
    font-size: inherit;
    padding: 0.8125rem 0.9375rem;
    vertical-align: middle;
  }
  
  .floatleft {
    float: left;
  }
  
  .floatright {
    float: right;
  }
  
  ul,
  ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  ul ul,
  ol ol,
  ul ol,
  ol ul {
    margin: 0;
  }
  
  /*--------------------------------------------------------------
  2.0 Accessibility
  --------------------------------------------------------------*/
  
  /* Screen Reader Text ------------------------ */
  
  .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
  }
  
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }
  
  /* Skip Link --------------------------------- */
  
  .skip-link {
    left: -9999rem;
    top: 2.5rem;
    z-index: 999999999;
    text-decoration: underline;
  }
  
  .skip-link:focus {
    display: block;
    left: 6px;
    top: 7px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: normal;
    padding: 15px 23px 14px;
    z-index: 100000;
    right: auto;
  }
  
  /*--------------------------------------------------------------
  3.0 Alignments
  --------------------------------------------------------------*/
  .entry-content .alignleft {
    display: block;        
  }
  
  .entry-content .alignright {
    display: inline;
    float: right;
    margin-inline-end: 0;
    margin-inline-start: 2.5rem;
  }
  
  .entry-content .aligncenter {
    clear: both;
    display: block;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  
  /*--------------------------------------------------------------
  4.0 Typography
  --------------------------------------------------------------*/
  body,
  button,
  input,
  select,
  textarea {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 15px;
    font-size: 0.9375em;
    font-weight: 400;
    line-height: 1.66;
  }
  
  p {
    margin: 0;
    padding: 0;
  }
  
  dfn,
  cite,
  em,
  i {
    font-style: italic;
  }
  
  blockquote {
    font-size: 1em;
    font-size: 1.125em;
    font-style: italic;
    line-height: 1.7;
    margin: 0;
    overflow: hidden;
    padding: 0;
  }
  
  blockquote cite {
    display: block;
    font-style: normal;
    font-weight: 600;
    margin-top: 0.5em;
  }
  
  address {
    margin: 0 0 1.5em;
  }
  
  pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375em;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
  }
  
  code,
  kbd,
  tt,
  var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375em;
  }
  
  abbr,
  acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
  }
  
  mark,
  ins {
    background: #eee;
    text-decoration: none;
  }
  
  big {
    font-size: 125%;
  }
  
  blockquote {
    quotes: "" "";
  }
  
  q {
    quotes: "“" "”" "‘" "’";
  }
  
  blockquote:before,
  blockquote:after {
    content: "";
  }
  
  :focus {
    outline: none;
  }
  
  /* Typography for Arabic Font */
  html[lang="ar"] body,
  html[lang="ar"] button,
  html[lang="ar"] input,
  html[lang="ar"] select,
  html[lang="ar"] textarea,
  html[lang="ary"] body,
  html[lang="ary"] button,
  html[lang="ary"] input,
  html[lang="ary"] select,
  html[lang="ary"] textarea,
  html[lang="azb"] body,
  html[lang="azb"] button,
  html[lang="azb"] input,
  html[lang="azb"] select,
  html[lang="azb"] textarea,
  html[lang="fa-IR"] body,
  html[lang="fa-IR"] button,
  html[lang="fa-IR"] input,
  html[lang="fa-IR"] select,
  html[lang="fa-IR"] textarea,
  html[lang="haz"] body,
  html[lang="haz"] button,
  html[lang="haz"] input,
  html[lang="haz"] select,
  html[lang="haz"] textarea,
  html[lang="ps"] body,
  html[lang="ps"] button,
  html[lang="ps"] input,
  html[lang="ps"] select,
  html[lang="ps"] textarea,
  html[lang="ur"] body,
  html[lang="ur"] button,
  html[lang="ur"] input,
  html[lang="ur"] select,
  html[lang="ur"] textarea {
    font-family: Tahoma, Arial, sans-serif;
  }
  
  html[lang="ar"] h1,
  html[lang="ar"] h2,
  html[lang="ar"] h3,
  html[lang="ar"] h4,
  html[lang="ar"] h5,
  html[lang="ar"] h6,
  html[lang="ary"] h1,
  html[lang="ary"] h2,
  html[lang="ary"] h3,
  html[lang="ary"] h4,
  html[lang="ary"] h5,
  html[lang="ary"] h6,
  html[lang="azb"] h1,
  html[lang="azb"] h2,
  html[lang="azb"] h3,
  html[lang="azb"] h4,
  html[lang="azb"] h5,
  html[lang="azb"] h6,
  html[lang="fa-IR"] h1,
  html[lang="fa-IR"] h2,
  html[lang="fa-IR"] h3,
  html[lang="fa-IR"] h4,
  html[lang="fa-IR"] h5,
  html[lang="fa-IR"] h6,
  html[lang="haz"] h1,
  html[lang="haz"] h2,
  html[lang="haz"] h3,
  html[lang="haz"] h4,
  html[lang="haz"] h5,
  html[lang="haz"] h6,
  html[lang="ps"] h1,
  html[lang="ps"] h2,
  html[lang="ps"] h3,
  html[lang="ps"] h4,
  html[lang="ps"] h5,
  html[lang="ps"] h6,
  html[lang="ur"] h1,
  html[lang="ur"] h2,
  html[lang="ur"] h3,
  html[lang="ur"] h4,
  html[lang="ur"] h5,
  html[lang="ur"] h6 {
    font-weight: 700;
  }
  
  /* Typography for Chinese Font */
  html[lang^="zh-"] body,
  html[lang^="zh-"] button,
  html[lang^="zh-"] input,
  html[lang^="zh-"] select,
  html[lang^="zh-"] textarea {
    font-family:
      "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial,
      sans-serif;
  }
  
  html[lang="zh-CN"] body,
  html[lang="zh-CN"] button,
  html[lang="zh-CN"] input,
  html[lang="zh-CN"] select,
  html[lang="zh-CN"] textarea {
    font-family:
      "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial,
      sans-serif;
  }
  
  html[lang^="zh-"] h1,
  html[lang^="zh-"] h2,
  html[lang^="zh-"] h3,
  html[lang^="zh-"] h4,
  html[lang^="zh-"] h5,
  html[lang^="zh-"] h6 {
    font-weight: 700;
  }
  
  /* Typography for Cyrillic Font */
  html[lang="bg-BG"] body,
  html[lang="bg-BG"] button,
  html[lang="bg-BG"] input,
  html[lang="bg-BG"] select,
  html[lang="bg-BG"] textarea,
  html[lang="ru-RU"] body,
  html[lang="ru-RU"] button,
  html[lang="ru-RU"] input,
  html[lang="ru-RU"] select,
  html[lang="ru-RU"] textarea,
  html[lang="uk"] body,
  html[lang="uk"] button,
  html[lang="uk"] input,
  html[lang="uk"] select,
  html[lang="uk"] textarea {
    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
  }
  
  html[lang="bg-BG"] h1,
  html[lang="bg-BG"] h2,
  html[lang="bg-BG"] h3,
  html[lang="bg-BG"] h4,
  html[lang="bg-BG"] h5,
  html[lang="bg-BG"] h6,
  html[lang="ru-RU"] h1,
  html[lang="ru-RU"] h2,
  html[lang="ru-RU"] h3,
  html[lang="ru-RU"] h4,
  html[lang="ru-RU"] h5,
  html[lang="ru-RU"] h6,
  html[lang="uk"] h1,
  html[lang="uk"] h2,
  html[lang="uk"] h3,
  html[lang="uk"] h4,
  html[lang="uk"] h5,
  html[lang="uk"] h6 {
    font-weight: 700;
    line-height: 1.2;
  }
  
  /* Typography for Devanagari Font */
  html[lang="bn-BD"] body,
  html[lang="bn-BD"] button,
  html[lang="bn-BD"] input,
  html[lang="bn-BD"] select,
  html[lang="bn-BD"] textarea,
  html[lang="hi-IN"] body,
  html[lang="hi-IN"] button,
  html[lang="hi-IN"] input,
  html[lang="hi-IN"] select,
  html[lang="hi-IN"] textarea,
  html[lang="mr-IN"] body,
  html[lang="mr-IN"] button,
  html[lang="mr-IN"] input,
  html[lang="mr-IN"] select,
  html[lang="mr-IN"] textarea {
    font-family: Arial, sans-serif;
  }
  
  html[lang="bn-BD"] h1,
  html[lang="bn-BD"] h2,
  html[lang="bn-BD"] h3,
  html[lang="bn-BD"] h4,
  html[lang="bn-BD"] h5,
  html[lang="bn-BD"] h6,
  html[lang="hi-IN"] h1,
  html[lang="hi-IN"] h2,
  html[lang="hi-IN"] h3,
  html[lang="hi-IN"] h4,
  html[lang="hi-IN"] h5,
  html[lang="hi-IN"] h6,
  html[lang="mr-IN"] h1,
  html[lang="mr-IN"] h2,
  html[lang="mr-IN"] h3,
  html[lang="mr-IN"] h4,
  html[lang="mr-IN"] h5,
  html[lang="mr-IN"] h6 {
    font-weight: 700;
  }
  
  /* Typography for Greek Font */
  html[lang="el"] body,
  html[lang="el"] button,
  html[lang="el"] input,
  html[lang="el"] select,
  html[lang="el"] textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  
  html[lang="el"] h1,
  html[lang="el"] h2,
  html[lang="el"] h3,
  html[lang="el"] h4,
  html[lang="el"] h5,
  html[lang="el"] h6 {
    font-weight: 700;
    line-height: 1.3;
  }
  
  /* Typography for Gujarati Font */
  html[lang="gu-IN"] body,
  html[lang="gu-IN"] button,
  html[lang="gu-IN"] input,
  html[lang="gu-IN"] select,
  html[lang="gu-IN"] textarea {
    font-family: Arial, sans-serif;
  }
  
  html[lang="gu-IN"] h1,
  html[lang="gu-IN"] h2,
  html[lang="gu-IN"] h3,
  html[lang="gu-IN"] h4,
  html[lang="gu-IN"] h5,
  html[lang="gu-IN"] h6 {
    font-weight: 700;
  }
  
  /* Typography for Hebrew Font */
  html[lang="he-IL"] body,
  html[lang="he-IL"] button,
  html[lang="he-IL"] input,
  html[lang="he-IL"] select,
  html[lang="he-IL"] textarea {
    font-family: "Arial Hebrew", Arial, sans-serif;
  }
  
  html[lang="he-IL"] h1,
  html[lang="he-IL"] h2,
  html[lang="he-IL"] h3,
  html[lang="he-IL"] h4,
  html[lang="he-IL"] h5,
  html[lang="he-IL"] h6 {
    font-weight: 700;
  }
  
  /* Typography for Japanese Font */
  html[lang="ja"] body,
  html[lang="ja"] button,
  html[lang="ja"] input,
  html[lang="ja"] select,
  html[lang="ja"] textarea {
    font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  }
  
  html[lang="ja"] h1,
  html[lang="ja"] h2,
  html[lang="ja"] h3,
  html[lang="ja"] h4,
  html[lang="ja"] h5,
  html[lang="ja"] h6 {
    font-weight: 700;
  }
  
  /* Typography for Korean font */
  html[lang="ko-KR"] body,
  html[lang="ko-KR"] button,
  html[lang="ko-KR"] input,
  html[lang="ko-KR"] select,
  html[lang="ko-KR"] textarea {
    font-family:
      "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
  }
  
  html[lang="ko-KR"] h1,
  html[lang="ko-KR"] h2,
  html[lang="ko-KR"] h3,
  html[lang="ko-KR"] h4,
  html[lang="ko-KR"] h5,
  html[lang="ko-KR"] h6 {
    font-weight: 600;
  }
  
  /* Typography for Thai Font */
  html[lang="th"] h1,
  html[lang="th"] h2,
  html[lang="th"] h3,
  html[lang="th"] h4,
  html[lang="th"] h5,
  html[lang="th"] h6 {
    line-height: 1.65;
    font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  
  html[lang="th"] body,
  html[lang="th"] button,
  html[lang="th"] input,
  html[lang="th"] select,
  html[lang="th"] textarea {
    line-height: 1.8;
    font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  
  /* Remove letter-spacing for all non-latin alphabets */
  html[lang="ar"] *,
  html[lang="ary"] *,
  html[lang="azb"] *,
  html[lang="haz"] *,
  html[lang="ps"] *,
  html[lang^="zh-"] *,
  html[lang="bg-BG"] *,
  html[lang="ru-RU"] *,
  html[lang="uk"] *,
  html[lang="bn-BD"] *,
  html[lang="hi-IN"] *,
  html[lang="mr-IN"] *,
  html[lang="el"] *,
  html[lang="gu-IN"] *,
  html[lang="he-IL"] *,
  html[lang="ja"] *,
  html[lang="ko-KR"] *,
  html[lang="th"] * {
    letter-spacing: 0 !important;
  }
  
  /*--------------------------------------------------------------
  6.0 Forms
  --------------------------------------------------------------*/
  label {
    color: #424242;
    display: block;
    font-weight: 700;
    margin-bottom: 0.5em;
  }
  
  fieldset {
    margin-bottom: 1em;
  }
  
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  textarea {
    color: #666;
    background: #fff;
    background-image: -webkit-linear-gradient(
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0)
    );
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 0.7em;
    width: 100%;
    transition: all 0.2s ease-in-out;
  }
  
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #222;
    border: solid 2px #003366;
    box-shadow: 0 2px 8px rgba(67, 79, 91, 0.2);
  }
  
  select {
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    height: 3em;
    max-width: 100%;
  }
  
  input[type="radio"],
  input[type="checkbox"] {
    margin-inline-end: 0.5em;
  }
  
  input[type="radio"] + label,
  input[type="checkbox"] + label {
    font-weight: 400;
  }
  
  button,
  input[type="button"],
  input[type="submit"] {
    background-color: #003366;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1;
    padding: 0.8125rem 1.5rem;
    text-shadow: none;
    transition: all 0.15s ease-in-out;
  }
  
  button:hover,
  button:focus,
  input[type="button"]:hover,
  input[type="button"]:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus {
    background-color: #021e47;
  }
  
  input + button,
  input + input[type="button"],
  input + input[type="submit"] {
    padding: 0.75em 2em;
  }
  
  button.secondary,
  input[type="reset"],
  input[type="button"].secondary,
  input[type="reset"].secondary,
  input[type="submit"].secondary {
    background-color: #ddd;
    color: #222;
  }
  
  input[type="submit"]:hover,
  input[type="submit"]:focus {
    background: #b00000;
  }
  
  button.secondary:hover,
  button.secondary:focus,
  input[type="reset"]:hover,
  input[type="reset"]:focus,
  input[type="button"].secondary:hover,
  input[type="button"].secondary:focus,
  input[type="reset"].secondary:hover,
  input[type="reset"].secondary:focus,
  input[type="submit"].secondary:hover,
  input[type="submit"].secondary:focus {
    background: #bbb;
  }
  
  /* Placeholder text color -- selectors need to be separate to work. */
  ::-webkit-input-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  }
  
  :-moz-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  }
  
  ::-moz-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
  }
  
  :-ms-input-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  }
  
  /*--------------------------------------------------------------
  7.0 Tables
  --------------------------------------------------------------*/
  table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
  }
  
  thead th {
    border-bottom: 0;
  }
  
  th {
    padding: 0.5rem;
    text-align: start;
  }
  
  tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  td {
    padding: 0.5rem;
  }
  
  /**** 
  
  1. Page Structure: Common layout elements
  
  ****/
  a {
    color: #003366;
    outline-offset: 2px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    text-underline-offset: 2px;
  }
  
  a:hover,
  a:focus {
    color: #b00000;
  }
  
  a:focus-visible {
    outline: 2px dashed;
  }
  
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    text-decoration: underline;
    text-decoration-color: #ccc;
    text-decoration-style: solid;
  }
  
  h1 a:hover,
  h1 a:focus,
  h2 a:hover,
  h2 a:focus,
  h3 a:hover,
  h3 a:focus,
  h4 a:hover,
  h4 a:focus,
  h5 a:hover,
  h5 a:focus,
  h6 a:hover,
  h6 a:focus {
    text-decoration-color: #b00000;
  }
  
  body {
    background-color: #f4f6f8;
    color: #111;
    font-family:
      Open Sans,
      Arial,
      sans-serif;
    font-size: 62.5%;
    line-height: 1.5rem;
    margin: 0;
    padding: 0;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  #container {
    font-size: 1rem;
    line-height: 1.75em;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  
  .site-wrapper-width {
    width: 1160px;
  }
  
  .site-wrapper-frame {
    background-color: #fff;
    margin: 0 auto;
    padding: 50px 30px;
    width: 1160px;
  }
  
  .page-with-inside-featured-image .site-wrapper-frame {
    padding-top: 30px;
  }
  
  .site-section-wrapper {
    margin: 0 auto;
    padding: 0;
    text-align: start;
  }
  
  li.cleaner,
  div.cleaner,
  div.divider {
    margin: 0;
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
  }
  
  .centered,
  .title-center {
    text-align: center;
  }
  
  /**** 
  
  2. Page Structure: Header
  
  ****/
  
  .site-section-wrapper-masthead {
    padding: 0 30px;
  }
  
  #site-secondary-nav {
    flex: 1;
    font-size: 0.8125em;
    line-height: 1.3em;
  }
  
  #site-secondary-nav a {
    color: inherit;
    text-decoration: underline;
  }
  
  #site-secondary-nav a:hover,
  #site-secondary-nav a:focus {
    color: #b00000;
  }
  
  #site-secondary-nav .site-section-wrapper {
    text-align: end;
  }
  
  #site-secondary-nav .menu-item {
    display: inline-block;
    margin: 0 0 6px;
  }
  
  #site-secondary-nav .menu-item + .menu-item {
    margin-inline-start: calc(0.5rem - 4px);
  }
  
  #site-secondary-nav .menu-item + .menu-item:before {
    color: #8898af;
    content: "|";
    display: inline-block;
    font-size: 10px;
    line-height: 1em;
    margin-inline-end: 0.5rem;
  }
  
  #site-secondary-nav .current-menu-item {
    font-weight: bold;
  }
  
  #site-secondary-nav .current-menu-item a {
    color: #b00000;
  }
  
  #site-masthead {
    background-color: #fff;
    padding: 0;
    position: relative;
    z-index: 3;
  }
  
  #site-masthead-branding {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 30px 0;
    position: relative;
    z-index: 2;
  }
  
  #site-masthead-cover-menu {
    background-color: #020202;
    position: relative;
  }
  
  #site-section-slideshow {
    min-height: 130px;
  }
  
  #site-section-slideshow {
    text-align: center;
  }
  
  #site-section-slideshow .wp-post-image {
    max-height: 500px;
    width: auto;
  }
  
  .page-with-inside-featured-image #site-section-slideshow {
    margin-bottom: 2.5rem;
  }
  
  .is-grayscale #wp-custom-header,
  .is-grayscale #site-section-slideshow {
    filter: grayscale(100%);
  }
  
  .page-header-centered .site-section-wrapper-masthead {
    display: flex;
    gap: 1.875rem;
    flex-direction: column;
    text-align: center;
  }
  
  .page-header-left .site-section-wrapper-masthead {
    display: flex;
    gap: 1.875rem;
    flex-direction: row;
  }
  
  .page-header-left #site-logo {
    flex: 0 0 300px;
    text-align: start;
  }
  
  .page-header-centered #site-logo {
    display: block;
    text-align: center;
  }
  
  #site-logo .site-title {
    font-size: 2em;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 0;
    text-transform: uppercase;
  }
  
  #site-logo .custom-logo {
    max-width: 100%;
    height: auto;
  }
  
  .page-header-left #site-header-extra {
    display: flex;
    flex: 1;
    gap: 1.25rem;
    flex-direction: column;
    text-align: end;
  }
  
  .page-header-centered #site-header-extra {
    margin: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    justify-content: space-between;
  }
  
  #site-header-widgets {
    display: flex;
    flex: 1;
    gap: 1.875rem;
    flex-direction: row;
    justify-content: center;
  }
  
  .page-header-left #site-header-widgets {
    align-self: flex-end;
  }
  
  #site-header-widgets .search-form .widget-title {
    display: none;
  }
  
  #site-header-widgets .search-form .search-field {
    border-width: 2px;
  }
  
  #site-header-widgets .search-form label,
  #site-header-widgets .search-form .search-submit {
    display: inline-block;
    font-size: 14px;
    line-height: 1em;
    width: auto;
  }
  
  #site-header-widgets .search-form label {
    margin-bottom: 0;
  }
  
  #site-header-widgets .search-form .search-field {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  
  #site-header-widgets .search-form .search-submit {
    font-size: 0.9375em;
    font-weight: 400;
    padding: 0.75rem 1.25rem;
  }
  
  #site-header-widgets .textwidget a {
    text-decoration: underline;
  }
  
  /**** 
  
  3. Navigation
  
  ****/
  
  #site-mobile-menu-toggle,
  #site-mobile-menu-toggle .site-toggle-anchor {
    display: block;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }
  
  #site-mobile-menu-toggle {
    display: none;
  }
  
  #site-mobile-menu-toggle .site-toggle-anchor {
    background-color: #003366;
    color: #fff;
    padding: 1.125rem;
    width: 100%;
  }
  
  #site-mobile-menu-toggle .site-toggle-anchor:hover,
  #site-mobile-menu-toggle .site-toggle-anchor:focus {
    background-color: #b00000;
    color: #fff;
  }
  
  #site-mobile-menu-toggle .site-toggle-icon {
    display: none;
    vertical-align: top;
  }
  
  #site-mobile-menu-toggle .site-toggle-label {
    display: none;
    line-height: 1em;
    margin-inline-start: 12px;
    vertical-align: top;
  }
  
  #site-mobile-menu-toggle .site-toggle-icon.is-visible,
  #site-mobile-menu-toggle .site-toggle-label.is-visible {
    display: inline-block;
  }
  
  #site-mobile-menu {
    background-color: #111;
    display: none;
    padding: 30px;
  }
  
  #site-mobile-menu.is-visible {
    display: block;
  }
  
  #site-mobile-menu a {
    color: #fff;
    display: block;
    padding: 14px 0;
    position: relative;
  }
  
  #site-mobile-menu a:hover,
  #site-mobile-menu a:focus {
    color: #f0c030;
  }
  
  #site-mobile-menu .menu li {
    border-top: solid 1px #333;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.25em;
    position: relative;
  }
  
  #site-mobile-menu .sub-menu {
    display: none;
  }
  
  #site-mobile-menu .sub-menu.is-visible {
    display: block;
  }
  
  #site-mobile-menu .sub-menu li {
    font-size: 1em;
    font-weight: 400;
    padding-inline-start: 1.25rem;
  }
  
  #site-mobile-menu .menu > li:first-of-type {
    border-top-width: 0;
    padding-top: 0;
  }
  
  #site-mobile-menu .sub-menu-toggle {
    background: none;
    border-left: solid 1px #333;
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 6px;
    padding: 12px;
    vertical-align: middle;
    z-index: 2;
  }
  
  #site-mobile-menu .sub-menu .sub-menu-toggle {
    padding: 10px;
    top: 3px;
  }
  
  #site-mobile-menu .sub-menu-toggle:hover,
  #site-mobile-menu .sub-menu-toggle:focus {
    background-color: #f0c030;
    color: #111;
  }
  
  #site-mobile-menu .current-menu-item > a {
    color: #f0c030;
    text-decoration: underline;
  }
  
  /* Mobile Menu Icons */
  
  .site-section-wrapper-primary-menu .academia-notice {
    line-height: 1.75em;
    padding: 20px 0;
    text-align: center;
  }
  
  .site-section-wrapper-primary-menu .academia-notice a {
    color: #fff;
    text-decoration: underline;
  }
  
  /* Start Primary Navigation */
  #site-primary-nav {
    display: block;
    font-size: 1em;
    font-weight: 500;
    line-height: 1em;
    margin: 0;
    text-transform: uppercase;
  }
  
  .page-menu-overlaid.page-with-hero-featured-image #site-primary-nav {
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  
  #site-primary-menu {
    display: flex;
    width: 100%;
  }
  
  #site-primary-menu > .menu-item {
    border-right: 2px solid rgba(0, 0, 0, 0.9);
    display: flex;
    flex: 1;
  }
  
  #site-primary-menu .menu-item:last-of-type {
    border-right-width: 0;
    margin-inline-end: 0;
  }
  
  .large-nav > li a {
    flex: 1;
    background-color: rgba(0, 0, 0, 0.9);
    border-top: solid 6px #444;
    color: #aaa;
    display: block;
    line-height: 1.25em;
    padding: 24px 10px;
    text-align: center;
  }
  
  .large-nav .black > a {
    border-top-color: #000;
  }
  
  .large-nav li:nth-child(5n + 3) > a,
  #site-primary-nav .large-nav .blue > a {
    border-top-color: #0066cc;
  }
  
  #site-primary-nav .large-nav .blue2 > a {
    border-top-color: #003fbe;
  }
  
  #site-primary-nav .large-nav .blue3 > a {
    border-top-color: #0023d3;
  }
  
  #site-primary-nav .large-nav .gray > a {
    border-top-color: #aaa;
  }
  
  .large-nav li:nth-child(5n + 1) > a,
  #site-primary-nav .large-nav .green > a {
    border-top-color: #00a000;
  }
  
  #site-primary-nav .large-nav .green2 > a {
    border-top-color: #60a040;
  }
  
  #site-primary-nav .large-nav .green3 > a {
    border-top-color: #006000;
  }
  
  #site-primary-nav .large-nav .orange > a {
    border-top-color: #f08020;
  }
  
  .large-nav li:nth-child(5n + 4) > a,
  #site-primary-nav .large-nav .orange2 > a {
    border-top-color: #ec900f;
  }
  
  .large-nav li:nth-child(5n + 5) > a,
  #site-primary-nav .large-nav .purple > a {
    border-top-color: #7b2398;
  }
  
  #site-primary-nav .large-nav .red > a {
    border-top-color: #aa0000;
  }
  
  .large-nav li:nth-child(5n + 2) > a,
  #site-primary-nav .large-nav .red2 > a {
    border-top-color: #bf1522;
  }
  
  #site-primary-nav .large-nav .red3 > a {
    border-top-color: #e92b38;
  }
  
  #site-primary-nav .large-nav .yellow > a {
    border-top-color: #f0c010;
  }
  
  #site-primary-nav .large-nav .yellow2 > a {
    border-top-color: #ebd72d;
  }
  
  #site-primary-nav .large-nav .white > a {
    border-top-color: #fff;
  }
  
  /* Dropdown Menu */
  .sf-menu,
  .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .sf-menu li {
    position: relative;
  }
  
  .sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
  }
  
  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul {
    display: block;
  }
  
  .sf-menu ul a {
    display: inline-block;
    position: relative;
  }
  
  .sf-menu ul ul {
    top: 0;
    left: 100%;
  }
  
  .sf-arrows .sf-with-ul:after {
    content: "\f107";
    display: inline;
    margin: 5px 0 0 6px;
    -webkit-font-smoothing: antialiased;
    font: normal 12px/16px "icomoon";
    vertical-align: top;
  }
  
  .sf-arrows ul .sf-with-ul:after {
    content: "\f105";
    font: normal 12px/9px "icomoon";
    margin-top: 5px;
  }
  
  .sf-arrows ul li > .sf-with-ul:focus:after,
  .sf-arrows ul li:hover > .sf-with-ul:after,
  .sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
  }
  
  .large-nav {
    position: relative;
    z-index: 100;
  }
  
  .large-nav > .menu-item {
    margin-inline-end: 0;
    position: relative;
  }
  
  .large-nav .menu-item-has-children > a {
    position: relative;
  }
  
  .large-nav ul {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 0;
    left: 0;
    text-align: start;
    width: 120%;
    border: solid 1px #ddd;
    border-width: 0 1px 1px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
  }
  
  .large-nav > li > ul:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -5px;
    left: 21px;
    z-index: 10;
  }
  
  .large-nav > li > ul:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top: -6px;
    left: 20px;
    z-index: 8;
  }
  
  .large-nav ul .menu-item {
    border-top: 1px solid #e5e5e5;
    display: block;
    font-weight: 500;
    margin: 0;
    text-align: start;
    text-transform: none;
  }
  
  .large-nav ul li:hover,
  .large-nav ul li:focus {
    background-color: #f8f8f8;
  }
  
  .large-nav ul a {
    background-color: #f4f4f4;
    border-width: 0;
    color: #111;
    display: block;
    font-size: 0.875em;
    line-height: 1.5em;
    padding: 12px 16px;
    text-align: start;
  }
  
  .large-nav ul ul {
    right: 100%;
    margin-top: 0px;
  }
  
  .large-nav a:hover,
  .large-nav a:focus,
  .large-nav .current-menu-item > a,
  .large-nav .current_page_item > a {
    color: #fff;
  }
  
  .large-nav ul a:hover,
  .large-nav ul a:focus {
    background-color: #fff;
    color: #b00000;
    text-decoration: underline;
    text-decoration-color: #ccc;
  }
  
  .large-nav > li .current-menu-item a {
    color: #b00000;
    text-decoration: underline;
  }
  
  .large-nav .current-menu-item li a {
    text-decoration: none;
  }
  
  /**** 
  
  4. Page Structure: Content Layout
  
  ****/
  
  .site-section-wrapper-main {
    background-color: #fff;
    position: relative;
    z-index: 2;
  }
  
  .site-column-aside .widget {
    line-height: 1.5em;
  }
  
  .site-column-aside .widget:not(.widget_nav_menu) {
    border-top: solid 4px #111;
    padding: 20px 0 0;
  }
  
  #site-homepage-widgets .textwidget a,
  .site-column-aside .textwidget a {
    text-decoration: underline;
  }
  
  #site-page-columns {
    display: flex;
    gap: 40px;
  }
  
  #site-aside-primary,
  #site-aside-secondary {
    font-size: 0.9375em;
    margin-bottom: 2rem;
    flex-basis: 230px;
  }
  
  .site-aside-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
  
  #site-column-main {
    flex: 1;
    margin-bottom: 2rem;
  }
  
  #site-column-content {
    flex: 1;
  }
  
  #site-page-featured-image {
    margin: 0 0 50px;
    text-align: end;
    width: 100%;
  }
  
  .page-featured-image-wrapper {
    padding-inline-start: 50px;
  }
  
  .page-sidebar-primary #site-column-content,
  .page-sidebar-secondary #site-column-main {
    width: 100%;
  }
  
  .page-sidebar-none #site-column-main {
    text-align: center;
    width: 100%;
  }
  
  .page-sidebar-none #site-column-content {
    margin-inline-end: auto;
    margin-inline-start: auto;
    text-align: start;
    width: 100%;
  }
  
  /**** 
  
  5. Page Structure: Content Sections, Blocks, Elements
  
  ****/
  
  .page-template-homepage .entry-content {
    margin-bottom: 1.875rem;
  }
  
  #site-homepage-widgets + #site-main {
    margin-top: 3.75rem;
  }
  
  /* Featured Pages Widget */
  .academiathemes-custom-widget .widget-columns {
    display: flex;
    flex-direction: row;
    gap: 40px;
  }
  
  .academiathemes-custom-widget .widget-columns .widget-column {
    flex: 1;
  }
  
  .widget-recent-posts .site-archive-post .entry-descriptor,
  .widget-posts-section .post-nothumbnail .entry-descriptor {
    font-size: 0.875em;
    margin-top: 0;
  }
  
  .widget-recent-posts .post-nothumbnail .entry-descriptor {
    margin-bottom: 1.25rem;
  }
  
  .widget-recent-posts .site-archive-post .entry-title {
    line-height: 1.4;
  }
  
  .widget-columns-3 .widget-column {
    display: inline-block;
    vertical-align: top;
  }
  
  .site-readmore-span {
    position: relative;
    z-index: 3;
  }
  
  .widget-featured-posts .widget-column {
    background-color: #fff;
  }
  
  .site-readmore-span .site-readmore-anchor {
    display: inline-block;
    font-size: 0.875em;
    font-weight: 500;
    text-decoration: underline;
  }
  
  .entry-tagline {
    color: #666;
    font-size: 0.875em;
    margin: 0 0 2.5rem;
  }
  
  .entry-tagline a {
    text-decoration: underline;
  }
  
  .entry-tagline .post-meta-span + .post-meta-span:before {
    content: "|";
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1em;
    margin: 0 0.875rem;
  }
  
  .site-archive-post .entry-descriptor {
    font-size: 0.8125em;
    line-height: 1.4em;
    margin-top: 1.25rem;
  }
  
  .entry-thumbnail .entry-descriptor {
    background-color: #111;
    color: #f1f1f1;
    margin-bottom: 0;
    padding: 6px 15px;
    position: absolute;
    bottom: 10px;
    left: 0;
  }
  
  .widget-columns-4 .site-archive-post .entry-title {
    font-size: 1.125em;
    line-height: 1.4;
  }
  
  /* Sidebar Menu */
  .site-column-aside .widget_nav_menu {
    border-width: 0;
    font-size: 0.9375em;
    padding-top: 0;
  }
  
  .site-column-aside .widget_nav_menu .sub-menu {
    display: none;
  }
  
  .site-column-aside .widget_nav_menu .current-menu-ancestor > .sub-menu,
  .site-column-aside .widget_nav_menu .current-menu-item > .sub-menu {
    display: block;
  }
  
  .site-column-aside .widget_nav_menu a {
    border: solid 1px #eaeaea;
    border-width: 1px 1px 0 3px;
    color: #121212;
    display: block;
    padding: 16px 12px;
  }
  
  .site-column-aside .widget_nav_menu a:hover,
  .site-column-aside .widget_nav_menu a:focus {
    text-decoration: underline;
  }
  
  .site-column-aside .widget_nav_menu a,
  .site-column-aside .widget_nav_menu .menu-item-has-children > a {
    background-color: #f5f5f5;
    border-left: solid 1px #eaeaea;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
  }
  
  .site-column-aside .widget_nav_menu .menu-item-has-children > a {
    padding-inline-end: 32px;
  }
  
  .site-column-aside .widget_nav_menu .menu-item-has-children > a:after {
    content: "\f105";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 12px/12px "icomoon";
    margin: 0;
    position: absolute;
    top: calc(50% - 7px);
    right: 12px;
    vertical-align: top;
  }
  
  .site-column-aside .widget_nav_menu .menu-item-has-children .menu-item > a {
    background-color: #f7f7f7;
    border-left-width: 3px;
    color: #282828;
    font-weight: 400;
    padding: 12px 12px;
    text-transform: none;
  }
  
  .site-column-aside
    .widget_nav_menu
    .sub-menu
    .menu-item-has-children
    .menu-item
    > a {
    padding-inline-start: 24px;
  }
  
  .site-column-aside
    .widget_nav_menu
    .menu-item-has-children
    .menu-item
    > a:hover,
  .site-column-aside
    .widget_nav_menu
    .menu-item-has-children
    .menu-item
    > a:focus {
    background-color: #fff;
    color: #aa0000;
  }
  
  .site-column-aside .widget_nav_menu .current-menu-ancestor > a,
  .site-column-aside .widget_nav_menu .current-menu-item > a {
    background-color: #aa0000;
    border-left-color: #aa0000;
    border-right-color: #aa0000;
    color: #fff;
  }
  
  .site-column-aside .widget_nav_menu .sub-menu .current-menu-ancestor > a,
  .site-column-aside .widget_nav_menu .sub-menu .current-menu-item > a {
    font-weight: 600;
  }
  
  .site-column-aside .widget_nav_menu .sub-menu .current-menu-item > a {
    border-right-color: #eaeaea;
    border-left: solid 3px #aa0000;
  }
  
  .site-column-aside .widget_nav_menu .sub-menu .current-menu-ancestor > a {
    background-color: #fff;
    border-color: #eaeaea;
  }
  
  .site-column-aside .widget_nav_menu .current-menu-item > a {
    border-right-width: 0;
  }
  
  #site-aside-secondary .widget_nav_menu .sub-menu .current-menu-item > a {
    border-right: solid 3px #aa0000;
    border-left: solid 1px #eaeaea;
  }
  
  #site-aside-secondary .widget_nav_menu .menu-item-has-children .menu-item > a {
    border-right-width: 3px;
    border-left-width: 1px;
  }
  
  #site-aside-secondary .widget_nav_menu .current-menu-item > a {
    border-right-width: 1px;
    border-left-width: 0;
  }
  
  #site-aside-secondary .widget_nav_menu .sub-menu .current-menu-item > a {
    border-right-width: 3px;
    border-left-width: 0;
  }
  
  .site-column-aside .widget_nav_menu .menu {
    border-bottom: solid 1px #eaeaea;
  }
  
  .site-column-aside .widget_nav_menu .menu-item-has-children .menu-item {
    font-size: 1em;
  }
  
  .site-column-aside .widget_nav_menu .sub-menu .current-menu-item > a {
    background-color: #fff;
    color: #aa0000;
    font-weight: 600;
    text-decoration: underline;
  }
  
  .site-column-aside .current-menu-item,
  .site-column-aside .current-cat {
    font-weight: 700;
  }
  
  .site-column-aside .current-menu-item > a,
  .site-column-aside .current-cat a {
    color: #cf4330;
    text-decoration: underline;
  }
  
  /* End Sidebar Menu */
  
  .site-archive-post .entry-excerpt,
  .site-archive-post .entry-actions {
    margin-top: 1.25rem;
  }
  
  .site-archive-post .entry-preview-wrapper > :first-child {
    margin-top: 0;
  }
  
  .site-archive-post .entry-title {
    font-size: 1.25em;
    line-height: 1.5em;
    margin: 0 0 1.25rem;
  }
  
  .site-archive-post .entry-title:last-child {
    margin-bottom: 0;
  }
  
  .site-columns-4 .site-archive-post .entry-title {
    font-size: 1.25em;
  }
  
  .site-archive-post .entry-preview {
    font-size: 0.9375em;
    line-height: 1.55em;
  }
  
  #site-main #reply-title,
  #academia-comments .comments-title {
    display: block;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0 0 3rem;
    padding: 0;
  }
  
  #site-main #reply-title {
    margin-bottom: 1.875rem;
  }
  
  #site-main .archives-title {
    margin-bottom: 2rem;
  }
  
  .site-archive-post .entry-actions a {
    text-decoration: underline;
  }
  
  /* Post Archives */
  .site-archive-posts .site-archive-post + .site-archive-post {
    border-top: solid 1px #ddd;
    margin-top: 20px;
    padding-top: 20px;
  }
  
  .site-archive-posts .site-column-widget-wrapper {
    display: flex;
    gap: 30px;
  }
  
  .site-archive-posts .entry-thumbnail {
    flex-basis: 140px;
  }
  
  .site-archive-posts .has-post-thumbnail .entry-preview {
    flex: 1;
  }
  
  .site-archive-posts .site-archive-post .entry-preview-wrapper > :first-child {
    margin-top: 0;
  }
  
  /* Homepage Columns */
  
  #site-homepage-widgets .site-section {
    margin-bottom: 50px;
  }
  
  #site-homepage-widgets .site-section:last-of-type {
    margin-bottom: 20px;
  }
  
  #site-homepage-widgets .widget-title,
  .archives-title {
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 1.875rem;
    text-transform: none;
  }
  
  /* AcademiaThemes Special Blocks widget */
  
  .widget-special-blocks .widget-columns-1,
  .widget-special-blocks .widget-columns-2 {
    font-size: 1em;
    line-height: 1.6;
  }
  
  .widget-special-blocks .widget-columns-3 {
    font-size: 0.9375em;
    line-height: 1.5;
  }
  
  .academiathemes-custom-widget .widget-column {
    flex: 1;
  }
  
  @media (min-width: 769px) {
    .academiathemes-custom-widget .widget-column {
      outline: 1px solid #eee;
      outline-offset: -1px;
    }
    .academiathemes-custom-widget .entry-preview {
      padding: 1.875rem;
    }
  }
  
  .widget-special-blocks .widget-column {
    background-color: #f7f6f5;
    border-top: solid 10px #222;
    padding: 1.875rem;
  }
  
  .widget-special-blocks .widget-column-blue {
    border-top-color: #0050a0;
  }
  .widget-special-blocks .widget-column-green {
    border-top-color: #00a000;
  }
  .widget-special-blocks .widget-column-orange {
    border-top-color: #ec900f;
  }
  .widget-special-blocks .widget-column-red {
    border-top-color: #aa0000;
  }
  .widget-special-blocks .widget-column-yellow {
    border-top-color: #ecc00f;
  }
  
  .widget-special-blocks .widget_nav_menu li {
    border-bottom: solid 1px rgba(0, 0, 0, 0.08);
    margin: 7px 0;
    padding-bottom: 7px;
  }
  
  #site-footer .widget_nav_menu a:before,
  .widget-special-blocks .widget_nav_menu li a:before {
    content: "\f105";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 12px/12px "icomoon";
    margin: 6px 6px 0 0;
    vertical-align: top;
  }
  
  .widget-special-blocks .widget_nav_menu li:last-of-type {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .widget-special-blocks .textwidget img {
    height: auto;
    max-width: 100%;
  }
  
  /* AcademiaThemes Posts Section widget */
  
  .widget-posts-section .site-columns {
    display: flex;
    gap: 40px;
    flex-direction: row;
  }
  
  .widget-posts-section .site-column {
    flex: 1;
  }
  
  .widget-posts-section .site-column-1 .entry-thumbnail {
    margin-bottom: 1.875rem;
  }
  
  .widget-posts-section .site-column-1 .entry-title {
    font-size: 1.5em;
  }
  
  .widget-posts-section .site-column-1 .entry-excerpt {
    font-size: 1em;
    line-height: 1.6;
    margin-top: 1.875rem;
  }
  
  .widget-posts-section .site-column-2 .entry-title {
    font-size: 1.125em;
    margin-bottom: 0;
  }
  
  .widget-posts-section .site-column-2 .entry-descriptor {
    margin-top: 0.5rem;
  }
  
  .widget-posts-section .site-archive-post {
    margin-bottom: 1.875rem;
  }
  
  .widget-posts-section .site-archive-post:last-of-type {
    margin-bottom: 0;
  }
  
  .widget-posts-section .site-column-2 .entry-thumbnail {
    display: inline-block;
    margin-inline-end: 20px;
    vertical-align: top;
    width: 80px;
  }
  
  .widget-posts-section .site-column-2 .entry-preview {
    display: inline-block;
    vertical-align: top;
  }
  
  .widget-posts-section
    .widget-with-thumbnails
    .site-column-2
    .has-post-thumbnail
    .entry-preview {
    width: calc(100% - 100px);
  }
  
  #site-homepage-widgets .pagination,
  div:not(.wrapper-homepage-content-widgets) nav.pagination {
    border-top: solid 1px #eee;
    margin-top: 1.875rem;
    padding-top: 1.875rem;
  }
  
  /**** 
  
  6. Single: Post/Page Styling
  
  ****/
  
  .page-title {
    font-size: 2em;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 1.35em;
    margin-bottom: 3.5rem;
    padding: 0;
  }
  
  .single .page-title,
  .page .page-title {
    font-size: 2.25em;
    letter-spacing: -1px;
    line-height: 1.25em;
    margin-bottom: 2.5rem;
  }
  
  .page-title:last-child {
    margin-bottom: 0;
  }
  
  .page-meta {
    font-size: 0.875em;
  }
  
  .page-meta-hr {
    background-color: #e3e3e3;
    border: 0;
    height: 1px;
    margin: 3rem 0;
  }
  
  .entry-inner-thumbnail {
    margin-bottom: 1.875rem;
  }
  
  .entry-content,
  .archives-content {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.7;
    margin: 0;
    max-width: 100%;
    text-align: start;
  }
  
  .archives-content {
    border-bottom: solid 1px #eee;
    font-size: 1.125em;
    margin-bottom: 1.875rem;
    padding-bottom: 1.875rem;
  }
  
  .entry-content li + li {
    margin-top: 0.25rem;
  }
  
  .entry-content h1 {
    font-size: 2em;
  }
  
  .entry-content h2 {
    font-size: 1.25em;
  }
  
  .entry-content h3 {
    font-size: 1.125em;
  }
  
  .entry-content h4 {
    font-size: 1em;
  }
  
  .entry-content h5 {
    font-size: 1em;
  }
  
  .entry-content h6 {
    font-size: 1em;
  }
  
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6 {
    font-weight: 600;
    margin: 1.25em 0 1.25em;
    line-height: 1.3em;
  }
  
  .entry-content p {
    margin-top: 0;
    margin-bottom: 2rem;
  }
  
  .entry-content p:last-child {
    margin-bottom: 0;
  }
  
  .entry-content img {
    margin-bottom: 1.5rem;
  }
  
  .entry-content img.callout {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  
  .entry-content img.alignnone,
  .entry-content img.aligncenter,
  .entry-content img.alignleft,
  .entry-content img.alignright {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  
  .entry-content figure {
    margin: 0;
  }
  
  .entry-content .wp-block-image img,
  .entry-content .wp-block-media-text__media img,
  .entry-content .wp-block-media-text__media video {
    height: auto;
  }
  
  .entry-content iframe {
    max-width: 100%;
  }
  
  .entry-content textarea {
    max-width: 97%;
  }
  
  .entry-content blockquote {
    background-color: #f3f5f6;
    border: solid 1px #e5e8eb;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    margin: 1.875rem 0;
    padding: 1.875rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }
  
  .entry-content button a {
    color: #fff;
  }
  
  .entry-content a {
    text-decoration: underline;
  }
  
  .entry-content a:hover,
  .entry-content a:focus {
    cursor: pointer;
  }
  
  .entry-content table,
  .widget table {
    margin: 3rem 0;
    table-layout: auto;
    width: 100%;
  }
  
  .entry-content .wp-block-table table {
    margin-block: 0;
  }
  
  .widget table:first-child {
    margin-top: 0;
  }
  
  .entry-content table caption,
  .widget table caption {
    font-weight: bold;
    margin: 0 0 1rem;
    padding: 0.5rem 20px;
    text-align: center;
  }
  
  .entry-content table tbody,
  .widget table tbody {
    border: solid 1px #dadada;
    border-width: 1px;
  }
  
  .entry-content table:last-child,
  .widget table:last-child {
    margin-bottom: 0;
  }
  
  .entry-content table th,
  .entry-content table td,
  .widget table th,
  .widget table td,
  .entry-content .wp-block-table td {
    border-color: #dadada;
    font-size: 0.9375rem;
    line-height: 1.5em;
  }
  
  .entry-content table th,
  .widget table th {
    border-right-color: rgba(0, 0, 0, 0.1);
  }
  
  .entry-content table th:last-child,
  .widget table th:last-child {
    border-right-width: 0;
  }
  
  .entry-content thead th,
  .widget thead th {
    background-color: #282828;
    color: #fff;
  }
  
  .entry-content table thead tr,
  .widget table thead tr {
    border-bottom-width: 0;
  }
  
  .entry-content table tr,
  .widget table tr {
    border-bottom: solid 1px #dadada;
    transition: all 0.2s ease-in-out;
  }
  
  .entry-content tr:nth-child(odd),
  .widget tr:nth-child(odd) {
    background-color: white;
  }
  
  .entry-content tr:nth-child(even),
  .widget tr:nth-child(even) {
    background-color: #eee;
  }
  
  .entry-content tr:nth-child(even) td,
  .widget tr:nth-child(even) td {
    border-right-color: #dadada;
  }
  
  .entry-content tr:hover,
  .widget tr:hover {
    background-color: #faf5e3;
  }
  
  /*--------------------------------------------------------------
  7.0 Formatting
  --------------------------------------------------------------*/
  #site-main hr {
    background-color: #e3e3e3;
    border: 0;
    height: 1px;
    margin: 1rem 0;
  }
  
  /* Gallery Template */
  .gallery-item {
    display: inline-block;
    margin: 0;
    padding: 3px;
    vertical-align: top;
  }
  
  .gallery-columns-2 .gallery-item {
    width: 50%;
  }
  
  .gallery-columns-3 .gallery-item {
    width: 33.333333%;
  }
  
  .gallery-columns-4 .gallery-item {
    width: 25%;
  }
  
  .gallery-columns-5 .gallery-item {
    width: 20%;
  }
  
  .gallery-columns-6 .gallery-item {
    width: 16.666666%;
  }
  
  .gallery-columns-7 .gallery-item {
    width: 14.28571428%;
  }
  
  .gallery-columns-8 .gallery-item {
    width: 12.5%;
  }
  
  .gallery-item .gallery-caption {
    margin-inline-start: 0;
  }
  
  .gallery-item img {
    height: auto;
    max-width: 100%;
    width: 100%;
  }
  
  .gallery-item .post-content {
    text-align: center;
  }
  
  /* Tags List */
  .post-meta {
    border: solid 1px #e5e8eb;
    border-width: 1px 0 0;
    font-size: 0.8125em;
    font-weight: 400;
    line-height: 1.5em;
    margin: 3rem 0;
    padding: 3em 0 0;
    text-align: start;
  }
  
  .post-meta a {
    border: solid 1px #ddd;
    display: inline-block;
    margin: 0 3px;
    padding: 3px 6px;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  
  .post-meta a:hover,
  .post-meta a:focus {
    background-color: #003366;
    border-color: #003366;
    color: #fff;
  }
  
  /*--------------------------------------------------------------
  8.0 Lists
  --------------------------------------------------------------*/
  .entry-content ul,
  .entry-content ol {
    list-style-position: inside;
    margin: 2em 0 2rem 0;
    padding: 0;
  }
  
  .entry-content ul {
    list-style-type: disc;
  }
  
  .entry-content ol {
    list-style-type: decimal;
  }
  
  .entry-content li {
    display: list-item;
  }
  
  .entry-content ul li {
    list-style-type: circle;
  }
  
  .entry-content ol li {
    list-style-type: decimal;
  }
  
  .entry-content li > ul,
  .entry-content li > ol {
    margin: 1.5rem 0 1.5rem 2rem;
  }
  
  .entry-content dt {
    font-weight: 700;
  }
  
  .entry-content dd {
    margin: 0 1.5em 1.5em;
  }
  
  .entry-content ul:last-child {
    margin-bottom: 0;
  }
  
  /**** 
  
  7. Comments Styling
  
  ****/
  
  #respond {
    background-color: #f3f3f3;
    border: solid 1px #e3e3e3;
    padding: 30px;
  }
  
  .comment #respond {
    margin-top: 1.25rem;
  }
  
  #academia-comments .comment-reply-title {
    font-size: 1.5em;
    font-weight: 500;
    margin: 0 0 0.75em;
  }
  
  #academia-comments .comment-reply-title small {
    margin-inline-start: 8px;
  }
  
  #respond .form-submit {
    margin-top: 1.25rem;
  }
  
  #respond .comment-notes {
    font-size: 0.875em;
    margin-bottom: 1.25rem;
  }
  
  .comments-area {
    margin: 3em 0 0;
    text-align: start;
  }
  
  .comments-area .comments-title {
    margin: 0 0 2em;
  }
  
  .page .comments-area {
    margin-inline-start: 0;
  }
  
  .comment-list {
    margin: 1.75em 0;
  }
  
  .comment-list,
  .comment-list .children {
    list-style-type: none;
    padding: 0;
  }
  
  .comment,
  .pingback,
  .trackback {
    padding: 1.75em 0;
  }
  
  .depth-1 {
    border-bottom: solid 1px #ece8e0;
  }
  
  .depth-1:first-child {
    margin-top: 0;
    padding-top: 0;
  }
  
  .children {
    margin-top: 24px;
  }
  
  .children .comment {
    border-left: 5px solid #e7e7e7;
    padding-inline-start: 24px;
  }
  
  .comment-author {
    float: left;
    margin: 0 20px 10px 0;
  }
  
  .comment-author .avatar {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
  }
  
  .comment-meta {
    margin-bottom: 0;
  }
  
  .comment-meta .fn {
    display: inline-block;
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    margin-inline-end: 15px;
  }
  
  .says {
    display: none;
  }
  
  .comment-metadata {
    display: inline-block;
    font-size: 14px;
  }
  
  .comment-content a {
    word-wrap: break-word;
  }
  
  .comment-tools {
    display: inline-block;
    float: right;
  }
  
  .comment-tools a {
    font-size: 0.8125em;
    font-weight: normal;
  }
  
  .comment-reply-link {
    margin-inline-start: 10px;
  }
  
  .comment-respond {
    padding: 0 0 20px 0;
  }
  
  .comment-list .comment-respond {
    padding-top: 30px;
  }
  
  .comment-content {
    color: #333;
    font-size: 15px;
    line-height: 1.6em;
  }
  
  .comment-content p {
    margin: 1em 0 0;
  }
  
  .comment-form label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin: 1em 0;
    text-transform: uppercase;
  }
  
  .comment-form label .required {
    color: #e95445;
    font-weight: 700;
  }
  
  .form-allowed-tags {
    font-size: 0.8125em;
  }
  
  .no-comments {
    text-align: center;
  }
  
  .bypostauthor {
    display: block;
  }
  
  #respond input[type="text"],
  #respond input[type="email"],
  #respond input[type="url"],
  #respond textarea {
    border-width: 2px;
  }
  
  #respond input[type="submit"] {
    font-size: 1em;
    font-weight: 400;
    padding: 1rem 2rem;
  }
  
  /**** 
  
  8. Page Structure: Footer
  
  ****/
  
  #site-footer {
    background-color: #080808;
    color: #aaa;
    font-size: 0.9375em;
    line-height: 1.6em;
    margin: 0;
    padding: 80px 0 80px;
    position: relative;
  }
  
  .site-section-wrapper-footer {
    padding: 0 30px;
  }
  
  .site-columns-footer {
    display: flex;
    gap: 40px;
  }
  
  .site-columns-footer .site-column-1,
  .site-columns-footer .site-column-2 {
    flex: 1 1 25%;
  }
  
  .site-columns-footer .site-column-3 {
    flex: 1 1 50%;
  }
  
  #site-footer a {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.3);
  }
  
  #site-footer .current-menu-item a,
  #site-footer a:hover,
  #site-footer a:focus {
    color: #9ec0ff;
    text-decoration-color: inherit;
  }
  
  #site-footer .widget-title {
    color: #fff;
    font-size: 1em;
    margin-bottom: 2rem;
  }
  
  #site-footer .widget_nav_menu li {
    margin-bottom: 8px;
  }
  
  #site-footer-menu {
    font-size: 0.9375em;
    margin-block: 2.5rem 1.875rem;
  }
  
  #site-footer-menu .menu-item {
    display: inline-block;
    margin: 0 0.5rem;
  }
  
  #site-footer-menu .menu-item:first-child {
    margin-inline-start: 0;
  }
  
  #site-footer-credit {
    border-top: solid 1px #222;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 2em;
    padding-top: 1.875rem;
  }
  
  #site-footer-credit a {
    color: inherit;
    text-decoration: underline;
  }
  
  #site-footer-credit a:hover,
  #site-footer-credit a:focus {
    color: inherit;
  }
  
  #site-footer-credit .site-credit {
    display: block;
    margin: 0;
  }
  
  #site-footer-credit .theme-credit {
    display: block;
    margin: 0.25rem 0 0;
  }
  
  #site-footer .textwidget p + p {
    margin-top: 2em;
  }
  
  #site-footer-identity {
    background-color: #bb0000;
    color: #fff;
    font-size: 0.9375em;
    line-height: 1.5;
    padding: 30px;
  }
  
  #site-footer-identity a {
    color: inherit;
    text-decoration: underline;
  }
  
  #site-footer-identity .site-section-wrapper {
    display: flex;
    gap: 60px;
  }
  
  #site-prefooter-widgets-column-1,
  #site-prefooter-widgets-column-2 {
    flex: 1;
  }
  
  #site-prefooter-widgets-column-2 {
    text-align: end;
  }
  
  #site-prefooter {
    background-color: #fff;
    font-size: 0.9375em;
    line-height: 1.5;
    padding: 30px 0;
  }
  
  #site-prefooter a {
    text-decoration: underline;
  }
  
  /**** 
  
  9. Misc
  
  ****/
  
  .sticky,
  .bypostauthor {
  }
  
  /* Thumbnails */
  .entry-thumbnail,
  .post-thumbnail,
  .site-inner-thumbnail {
    position: relative;
  }
  
  .entry-thumbnail .thumbnail,
  .entry-thumbnail .wp-post-image,
  .wp-caption img,
  .wp-custom-header img,
  .post-thumbnail .thumbnail,
  .site-inner-thumbnail {
    height: auto;
    max-width: 100%;
    transition: all 0.2s ease-in-out;
  }
  
  /* Common Widgets Styling */
  
  .widget-title {
    font-size: 1em;
    font-weight: 600;
    margin: 0 0 1.25rem;
    position: relative;
    text-transform: uppercase;
  }
  
  /* WordPress Core Widget: Recent Posts */
  .widget_recent_entries li {
    border-bottom: solid 1px #eee;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    line-height: 1.75em;
    margin: 0 0 15px;
    padding-bottom: 15px;
  }
  
  .widget_recent_entries li:last-of-type {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .widget_recent_entries a {
    line-height: 1.6em;
  }
  
  .widget_recent_entries .post-date {
    color: #555;
    display: block;
    font-size: 12px;
    margin: 1em 0 0;
  }
  
  #wpstats {
    display: none;
  }
  
  /* Academia Automatic Menu */
  .academia-related-pages .academia-related-page {
    font-weight: 400;
  }
  
  .academia-related-pages .academia-related-page a {
    background-color: #fff;
    color: #111;
    display: block;
    padding: 12px 12px;
  }
  
  .academia-related-pages .current-menu-item a,
  .academia-related-pages .academia-related-page a:hover,
  .academia-related-pages .academia-related-page a:focus {
    background-color: #f3f3f3;
    color: #b00000;
    text-decoration: underline;
  }
  
  .academia-related-pages .current-menu-item {
    font-weight: 600;
  }
  
  .academia-related-pages .academia-related-page + .academia-related-page {
    border-top: solid 1px #ddd;
    border-color: rgba(0, 0, 0, 0.12);
  }
  
  /* Plugin Corrections */
  
  /* The Events Calendar */
  .single-tribe_events .tribe-events-event-image {
    display: none;
  }
  
  .tribe-events-list-widget .tribe-events-list-widget-events {
    padding: 0;
  }
  
  h2.tribe-events-page-title {
    text-align: start;
  }
  
  /*--------------------------------------------------------------
  # Breadcrumbs
  --------------------------------------------------------------*/
  .site-breadcrumbs,
  .site-breadcrumbs .trail-browse {
    color: #555555;
    font-size: 0.875em;
  }
  
  .site-breadcrumbs {
    display: block;
    line-height: 1.6em;
    margin: 0 0 2.5rem;
  }
  
  .site-breadcrumbs .site-breadcrumbs-p > * {
    display: inline-block;
    margin: 0 0.5rem 0 0;
    padding: 0;
    line-height: 1.6em;
  }
  
  .site-breadcrumbs .site-breadcrumbs-p > *:last-child {
    margin-inline-end: 0;
  }
  
  .site-breadcrumbs .fa {
    display: inline-block;
    margin-top: -3px;
    margin-inline-start: 4px;
    margin-inline-end: 6px;
  }
  
  .site-breadcrumbs .trail-item:last-of-type .fa {
    display: none;
  }
  
  .site-breadcrumbs .trail-begin {
    margin-top: -2px;
  }
  
  .site-breadcrumbs .trail-begin .nicon-angle-right {
    margin-top: 1px;
  }
  
  .site-breadcrumbs .trail-items {
    list-style: none;
  }
  
  .site-breadcrumbs .trail-items li {
    display: inline-block;
  }
  
  .site-breadcrumbs .trail-items li:last-child {
    margin-inline-end: 0;
  }
  
  .site-breadcrumbs .trail-items li:last-child .nicon-angle-right {
    display: none;
  }
  
  .site-breadcrumbs a {
    color: #003366;
    font-weight: 400;
    text-decoration: underline;
  }
  
  .site-breadcrumbs a:hover,
  .site-breadcrumbs a:focus {
    color: #002b6b;
  }
  
  /* Captions */
  .entry-content .wp-caption {
    font-size: 0.875em;
    line-height: 1.75em;
    margin-top: 0;
    margin-bottom: 2.5rem;
    max-width: 100%;
    width: auto;
  }
  
  .entry-content .wp-caption img {
    margin-bottom: 0;
  }
  
  .entry-content .wp-caption .wp-caption-text {
    background-color: #eee;
    margin-top: 0;
    padding: 1.25rem;
  }
  
  /*--------------------------------------------------------------
  8.0 Post Author Box
  --------------------------------------------------------------*/
  .entry-authorbio-wrapper {
    border-top: solid 1px #ddd;
    font-size: 15px;
    line-height: 1.55em;
    margin: 1.875rem 0;
    padding-top: 1.875rem;
    text-align: start;
  }
  
  .entry-authorbio-wrapper .avatar {
    border: solid 3px #fff;
    display: inline-block;
    margin: 0 30px 0 0;
    vertical-align: top;
    width: 80px;
    -moz-box-shadow: 8px 8px 0px 0px #eee;
    -webkit-box-shadow: 5px 5px 0px 0px #eee;
    box-shadow: 5px 5px 0px 0px #eee;
  }
  
  .entry-authorbio-wrapper .author-description {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 110px);
  }
  
  .entry-authorbio-wrapper .author-description p:last-of-type {
    margin-bottom: 0;
  }
  
  .entry-authorbio-wrapper .author-title {
    display: inline-block;
    font-size: 1.125em;
    font-weight: 600;
    margin: 0 0 1.25rem;
  }
  
  .entry-authorbio-wrapper .author-links {
    display: inline-block;
    margin-inline-start: 12px;
    vertical-align: top;
  }
  
  .entry-authorbio-wrapper .author-links a + a {
    margin-inline-start: 12px;
  }
  
  .entry-authorbio-wrapper .author-bio {
  }
  
  /*--------------------------------------------------------------
  8.0 Post Navigation
  --------------------------------------------------------------*/
  .site-post-navigation {
    font-size: 14px;
    line-height: 1.5em;
    margin: 0;
    text-align: start;
  }
  
  .site-post-navigation .site-post-nav-item {
    display: inline-block;
    margin: 0;
    text-align: start;
    vertical-align: top;
    width: 50%;
  }
  
  .site-post-navigation .site-post-nav-next {
    float: right;
    text-align: end;
  }
  
  .site-post-navigation .post-navigation-label {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase;
  }
  
  .site-post-navigation .fa {
    margin-inline-end: 5px;
  }
  
  .site-post-navigation .site-post-nav-next .fa {
    margin-inline-end: 0;
    margin-inline-start: 5px;
  }
  
  .site-post-navigation a {
    display: block;
  }
  
  /*--------------------------------------------------------------
  9.0 Archive Pagination/Navigation
  --------------------------------------------------------------*/
  .pagination {
    font-size: 0.9375em;
    font-weight: 600;
    margin: 1.875rem 0 0;
    text-align: start;
  }
  
  .pagination .page-numbers {
    border: solid 1px #e5e8eb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    line-height: 1em;
    margin: 0 3px;
    padding: 0.75rem;
  }
  
  .pagination a {
    color: #003366;
  }
  
  .pagination .current,
  .pagination a:hover,
  .pagination a:focus {
    background-color: #003366;
    border-color: #003366;
    color: #fff;
  }
  
  .pagination .current {
    color: #fff;
  }
  
  /****
  
  10. Media Queries 
  
  ****/
  
  @media screen and (max-width: 1220px) {
    .site-wrapper-frame {
      margin-bottom: 0;
      padding-inline-end: 30px;
      padding-inline-start: 30px;
      width: 100%;
      box-shadow: none;
    }
  
    #site-footer-identity .site-section-wrapper-footer {
      padding-inline-end: 0;
      padding-inline-start: 0;
    }
  
    .site-wrapper-width {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 960px) {
    #site-page-columns {
      flex-wrap: wrap;
    }
  
    #site-aside-secondary {
      flex-basis: 100%;
    }
  
    @media (min-width: 769px) {
      #site-aside-secondary .site-aside-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
      }
    }
  
    .academiathemes-custom-widget .widget-columns-4 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
  
    #site-footer {
      padding-bottom: 60px;
    }
  }
  
  @media screen and (max-width: 768px) {
    #site-column-main {
      order: 1;
      flex-basis: 100%;
    }
  
    #site-aside-primary {
      order: 2;
    }
  
    #site-aside-secondary {
      order: 2;
    }
  
    #site-aside-primary,
    #site-aside-secondary {
      flex: 1;
    }
  
    .page-header-left .site-section-wrapper-masthead {
      flex-direction: column;
      align-items: center;
    }
  
    .page-header-left #site-logo {
      flex-basis: unset;
    }
  
    .page-header-left #site-header-extra {
      text-align: center;
      align-items: center;
    }
  
    #site-header-widgets {
      align-self: unset;
    }
  
    #site-secondary-nav .menu-item {
      margin-inline-end: calc(0.5rem - 4px);
      margin-inline-start: 0.5rem;
    }
  
    .academiathemes-custom-widget .entry-preview-wrapper {
      padding: 1.25rem;
    }
  
    .entry-thumbnail .entry-descriptor {
      top: 20px;
      right: 0;
      bottom: unset;
      left: unset;
    }
  
    .site-archive-post .entry-title,
    #site-homepage-widgets .widget-title {
      font-size: 1.125em;
      line-height: 1.4;
    }
  
    .academiathemes-custom-widget .widget-columns {
      flex-direction: column;
    }
  
    .academiathemes-custom-widget .widget-columns-4 {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
    }
  
    .widget-column-widget-wrapper {
      display: flex;
      flex-direction: row;
      gap: 2.5rem;
    }
  
    .widget-column-widget-wrapper .entry-thumbnail {
      flex: 1;
    }
  
    .widget-column-widget-wrapper .entry-preview {
      flex: 1;
      align-self: center;
    }
  
    .site-archive-post .entry-preview {
      line-height: 1.4;
    }
  
    .academiathemes-custom-widget .entry-preview-wrapper {
      padding-inline-end: 0;
      padding-inline-start: 0;
    }
  
    .widget-special-blocks .widget-columns-3 {
      flex-direction: column;
    }
  
    .site-columns-footer {
      flex-direction: column;
    }
  
    .site-columns-footer > .site-column {
      flex: 1;
    }
  
    /* Main Menu */
  
    #site-mobile-menu-toggle {
      display: block;
    }
  
    #site-primary-menu {
      display: none;
    }
  
    #site-primary-nav,
    .page-menu-overlaid.page-with-hero-featured-image #site-primary-nav {
      position: relative;
      text-transform: none;
    }
  
    .ilovewp-credit {
      display: none;
    }
  }
  
  @media screen and (max-width: 640px) {
    .single .page-title,
    .page .page-title {
      font-size: 1.875em;
    }
  
    .academiathemes-custom-widget .widget-columns-3,
    #site-footer-identity .site-section-wrapper,
    .widget-posts-section .site-columns {
      flex-direction: column;
    }
  
    #site-footer-identity .site-section-wrapper {
      gap: 40px;
    }
  
    #site-prefooter-widgets-column-2 {
      text-align: start;
    }
  }
  
  @media screen and (max-width: 480px) {
    .site-wrapper-frame,
    .site-section-wrapper-masthead,
    #site-footer-identity,
    .site-section-wrapper-footer {
      padding-inline: 20px;
    }
  
    #site-page-columns {
      flex-direction: column;
    }
  
    #site-aside-primary .site-aside-wrapper,
    #site-aside-secondary .site-aside-wrapper {
      grid-template-columns: repeat(1, 1fr);
    }
  
    #site-secondary-nav {
      display: none;
    }
  
    #site-header-widgets,
    .page-header-left #site-header-widgets {
      flex-direction: column;
    }
  
    .single .page-title,
    .page .page-title {
      font-size: 1.5em;
    }
  
    .widget-posts-section .site-column-1 .entry-title {
      font-size: 1.25em;
    }
  
    #site-mobile-menu .menu li {
      font-size: 1.125em;
    }
  
    #site-mobile-menu .sub-menu li {
      font-size: 1em;
    }
  
    .entry-content,
    .archives-content {
      line-height: 1.45;
    }
  
    .widget-column-widget-wrapper {
      flex-direction: column;
      gap: 1.875rem;
    }
  
    .academiathemes-custom-widget .widget-columns {
      display: flex;
    }
  
    .academiathemes-custom-widget .widget-columns,
    .site-archive-posts .site-column-widget-wrapper {
      flex-direction: column;
    }
  
    .site-archive-posts .entry-thumbnail {
      flex: 1;
    }
  
    #site-footer {
      padding-block: 40px;
    }
  }
  
  @media screen and (max-width: 380px) {
    .site-section-wrapper-masthead,
    .site-wrapper-frame,
    #site-footer-identity,
    .site-section-wrapper-footer {
      padding-inline-end: 15px;
      padding-inline-start: 15px;
    }
  }