/*
Theme Name: Colorado Blvd
Author: Jesus Carrillo
Author URI: https://jesuscarr.com/
Description: News theme for Colorado Blvd by Jesus Carrillo
*/

:root {
    --gutter: 0.5rem;
    --x-gutter: 1rem;
    --xx-gutter: 1.5rem;
    --xxx-gutter: 2rem;
    --round: 100rem;
    --radius: 0.25rem;
    --x-radius: 0.5rem;
    --xx-radius: 0.75rem;
    --xxx-radius: 1rem;
    --tint: rgba(52, 18, 13, 0.7);
    --lighttone: rgba(255, 255, 255, 0.2);
    --lighttone-fade: rgba(255, 255, 255, 0.02);
    --midtone: rgba(128, 128, 128, 0.1);
    --midtone-fade: rgba(128, 128, 128, 0.04);
    --darktone: rgba(0, 0, 0, 0.2);
    --darktone-fade: rgba(0, 0, 0, 0.02);
    --orange: #e19705;
    --green: #05e159;
    --blue: #1b05e1;
    --red: #e1052d;
    --h-primary: 20;
    --s-primary: 100%;
    --l-primary: 98%;
    --primary1: hsl(var(--h-primary), var(--s-primary), var(--l-primary));
    --primary2: hsl(calc(var(--h-primary) - 1), calc(var(--s-primary) - 1%), calc(var(--l-primary) - 4%));
    --primary3: hsl(calc(var(--h-primary) - 2), calc(var(--s-primary) - 1%), calc(var(--l-primary) - 10%));
    --primary4: hsl(calc(var(--h-primary) - 3), calc(var(--s-primary) - 2%), calc(var(--l-primary) - 18%));
    --primary5: hsl(calc(var(--h-primary) - 4), calc(var(--s-primary) - 3%), calc(var(--l-primary) - 28%));
    --primary6: hsl(var(--h-primary), calc(var(--s-primary) - 5%), calc(var(--l-primary) - 36%));
    --primary7: hsl(calc(var(--h-primary) + 1), calc(var(--s-primary) - 8%), calc(var(--l-primary) - 44%));
    --primary8: hsl(calc(var(--h-primary) + 2), calc(var(--s-primary) - 13%), calc(var(--l-primary) - 50%));
    --primary9: hsl(calc(var(--h-primary) + 3), calc(var(--s-primary) - 21%), calc(var(--l-primary) - 60%));
    --primary10: hsl(calc(var(--h-primary) + 4), calc(var(--s-primary) - 34%), calc(var(--l-primary) - 65%));
    --h-secondary: var(--h-primary);
    --s-secondary: 20%;
    --l-secondary: 98%;
    --secondary1: hsl(var(--h-secondary), var(--s-secondary), var(--l-secondary));
    --secondary2: hsl(calc(var(--h-secondary) - 1), calc(var(--s-secondary) - 1%), calc(var(--l-secondary) - 2%));
    --secondary3: hsl(calc(var(--h-secondary) - 2), calc(var(--s-secondary) - 1%), calc(var(--l-secondary) - 6%));
    --secondary4: hsl(calc(var(--h-secondary) - 3), calc(var(--s-secondary) - 2%), calc(var(--l-secondary) - 14%));
    --secondary5: hsl(calc(var(--h-secondary) - 4), calc(var(--s-secondary) - 12%), calc(var(--l-secondary) - 32%));
    --secondary6: hsl(var(--h-secondary), calc(var(--s-secondary) - 19%), calc(var(--l-secondary) - 49%));
    --secondary7: hsl(calc(var(--h-secondary) + 1), calc(var(--s-secondary) - 18%), calc(var(--l-secondary) - 62%));
    --secondary8: hsl(calc(var(--h-secondary) + 2), calc(var(--s-secondary) - 17%), calc(var(--l-secondary) - 71%));
    --secondary9: hsl(calc(var(--h-secondary) + 3), calc(var(--s-secondary) - 16%), calc(var(--l-secondary) - 82%));
    --secondary10: hsl(calc(var(--h-secondary) + 4), calc(var(--s-secondary) - 15%), calc(var(--l-secondary) - 89%));
}

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

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
abbr,
acronym,
address,
big,
cite,
code,
dfn,
img,
ins,
kbd,
q,
s,
samp,
tt,
var,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

html {
    height: 100%;
    min-width: 400px;
}

body {
    line-height: 1.5;
    font-display: swap;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Ubuntu, Arial, sans-serif;
    overflow-x: hidden;
}

strong {
    font-weight: 600;
}

a,
a:active,
a:focus,
a:visited {
    color: currentColor;
    background-color: transparent;
    text-decoration-color: transparent;
}

a[target] {
    text-decoration-color: currentColor;
}

[hidden],
template {
    display: none;
}

table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0;
}

p {
    margin: 1rem 0;
}

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

ul {
    list-style: none;
}

ol,
ul:not([id], [class]) {
    list-style: initial;
    list-style-position: outside;
    padding: 0 0 0 38px;
    margin: 1rem 0;
}

ol>li,
ul:not([id], [class])>li {
    line-height: inherit;
    margin: 0;
}

ol {
    list-style: decimal;
}

svg.i {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    width: 1.3em;
    height: 1em;
}

h1,
.h1 {
    font-size: 2rem;
}

h2,
.h2 {
    font-size: 1.48rem;
}

h3,
.h3 {
    font-size: 1.36rem;
}

h4,
.h4 {
    font-size: 1.24rem;
}

h5,
.h5 {
    font-size: 1.12rem;
}

h6,
.h6 {
    font-size: 1rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    line-height: 1.3;
    font-weight: 600;
    margin: 0 0 1rem;
}

.page-content *+h1,
.page-content *+h2,
.page-content *+h3,
.page-content *+h4,
.page-content *+h5,
.page-content *+h6,
.entry-content *+h1,
.entry-content *+h2,
.entry-content *+h3,
.entry-content *+h4,
.entry-content *+h5,
.entry-content *+h6 {
    margin: 1rem 0;
}

/* Additionals */
.larger {
    font-size: larger;
}

.smaller {
    font-size: smaller;
}

.underline {
    text-decoration-line: underline;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.normal {
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}

.lighter {
    font-weight: lighter;
}

[class*="flex"]>li {
    width: 100%;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

/* Display */
[style*="--dis:"] {
    display: var(--dis);
}

[style*="--tex-ali:"] {
    text-align: var(--tex-ali);
}

[style*="--mar:"] {
    margin: var(--mar);
}

[style*="--pad:"] {
    padding: var(--pad);
}

[style*="--gap:"] {
    gap: var(--gap);
}

/* Additions */
[style*="--rows:"] {
    grid-template-rows: repeat(var(--rows, 12), 1fr);
}

[style*="columns:"] {
    grid-template-columns: repeat(var(--columns, 12), 1fr);
}

[style*="columns:"]>li {
    flex-basis: calc(100% / var(--columns, 12));
}

/* Flex */
[style*="--fle:"] {
    flex: var(--fle);
}

[style*="--fle-bas:"] {
    flex-basis: var(--fle-bas);
}

[style*="--fle-gro:"] {
    flex-grow: var(--fle-gro);
}

[style*="--fle-shr:"] {
    flex-shrink: var(--fle-shr);
}

[style*="--fle-flo:"] {
    flex-flow: var(--fle-flo);
}

[style*="--fle-dir:"] {
    flex-direction: var(--fle-dir);
}

[style*="--fle-wra:"] {
    flex-wrap: var(--fle-wra);
}

/* Large and up */
@media (min-width: 1080px) {

    .L-flex {
        display: flex;
    }

    .L-grid {
        display: grid;
    }

    /* Display */
    [style*="L-dis:"] {
        display: var(--L-dis);
    }

    [style*="L-tex-ali:"] {
        text-align: var(--L-tex-ali);
    }

    [style*="L-gap:"] {
        gap: var(--L-gap);
    }

    /* Additions */
    [style*="L-rows:"] {
        grid-template-rows: repeat(var(--L-rows, 12), 1fr);
    }

    [style*="L-columns:"] {
        grid-template-columns: repeat(var(--L-columns, 12), 1fr);
    }

    [style*="L-columns:"]>li {
        flex-basis: calc(100% / var(--L-columns, 12));
    }

    /* Flex */
    [style*="L-fle:"] {
        flex: var(--L-fle);
    }

    [style*="L-fle-bas:"] {
        flex-basis: var(--L-fle-bas);
    }

    [style*="L-fle-gro:"] {
        flex-grow: var(--L-fle-gro);
    }

    [style*="L-fle-shr:"] {
        flex-shrink: var(--L-fle-shr);
    }

    [style*="L-fle-flo:"] {
        flex-flow: var(--L-fle-flo);
    }

    [style*="L-fle-dir:"] {
        flex-direction: var(--L-fle-dir);
    }

    [style*="L-fle-wra:"] {
        flex-wrap: var(--L-fle-wra);
    }
}

/* Medium Landscape and down */
@media (max-width: 1080px) and (min-width: 720px) {

    .M-flex {
        display: flex;
    }

    .M-grid {
        display: grid;
    }

    /* Display */
    [style*="M-dis:"] {
        display: var(--M-dis);
    }

    [style*="M-tex-ali:"] {
        text-align: var(--M-tex-ali);
    }

    [style*="M-gap:"] {
        gap: var(--M-gap);
    }

    /* Additions */
    [style*="M-rows:"] {
        grid-template-rows: repeat(var(--M-rows, 12), 1fr);
    }

    [style*="M-columns:"] {
        grid-template-columns: repeat(var(--M-columns, 12), 1fr);
    }

    [style*="M-columns:"]>li {
        flex-basis: calc(100% / var(--M-columns, 12));
    }

    /* Flex */
    [style*="M-fle:"] {
        flex: var(--M-fle);
    }

    [style*="M-fle-bas:"] {
        flex-basis: var(--M-fle-bas);
    }

    [style*="M-fle-gro:"] {
        flex-grow: var(--M-fle-gro);
    }

    [style*="M-fle-shr:"] {
        flex-shrink: var(--M-fle-shr);
    }

    [style*="M-fle-flo:"] {
        flex-flow: var(--M-fle-flo);
    }

    [style*="M-fle-dir:"] {
        flex-direction: var(--M-fle-dir);
    }

    [style*="M-fle-wra:"] {
        flex-wrap: var(--M-fle-wra);
    }
}

/* Medium Portrait and down */
@media (max-width: 1080px) and (min-width: 720px) and (orientation: portrait) {

    .MP-flex {
        display: flex;
    }

    .MP-grid {
        display: grid;
    }

    /* Display */
    [style*="MP-dis:"] {
        display: var(--MP-dis);
    }

    [style*="MP-tex-ali:"] {
        text-align: var(--MP-tex-ali);
    }

    [style*="MP-gap:"] {
        gap: var(--MP-gap);
    }

    /* Additions */
    [style*="MP-rows:"] {
        grid-template-rows: repeat(var(--MP-rows, 12), 1fr);
    }

    [style*="MP-columns:"] {
        grid-template-columns: repeat(var(--MP-columns, 12), 1fr);
    }

    [style*="MP-columns:"]>li {
        flex-basis: calc(100% / var(--MP-columns, 12));
    }

    /* Flex */
    [style*="MP-fle:"] {
        flex: var(--MP-fle);
    }

    [style*="MP-fle-bas:"] {
        flex-basis: var(--MP-fle-bas);
    }

    [style*="MP-fle-gro:"] {
        flex-grow: var(--MP-fle-gro);
    }

    [style*="MP-fle-shr:"] {
        flex-shrink: var(--MP-fle-shr);
    }

    [style*="MP-fle-flo:"] {
        flex-flow: var(--MP-fle-flo);
    }

    [style*="MP-fle-dir:"] {
        flex-direction: var(--MP-fle-dir);
    }

    [style*="MP-fle-wra:"] {
        flex-wrap: var(--MP-fle-wra);
    }
}

/* Small Landscape and down */
@media (max-width: 960px) {

    .S-flex {
        display: flex;
    }

    .S-grid {
        display: grid;
    }

    /* Display */
    [style*="S-dis:"] {
        display: var(--S-dis);
    }

    [style*="S-tex-ali:"] {
        text-align: var(--S-tex-ali);
    }

    [style*="S-gap:"] {
        gap: var(--S-gap);
    }

    /* Additions */
    [style*="S-rows:"] {
        grid-template-rows: repeat(var(--S-rows, 12), 1fr);
    }

    [style*="S-columns:"] {
        grid-template-columns: repeat(var(--S-columns, 12), 1fr);
    }

    [style*="S-columns:"]>li {
        flex-basis: calc(100% / var(--S-columns, 12));
    }

    /* Flex */
    [style*="S-fle:"] {
        flex: var(--S-fle);
    }

    [style*="S-fle-bas:"] {
        flex-basis: var(--S-fle-bas);
    }

    [style*="S-fle-gro:"] {
        flex-grow: var(--S-fle-gro);
    }

    [style*="S-fle-shr:"] {
        flex-shrink: var(--S-fle-shr);
    }

    [style*="S-fle-flo:"] {
        flex-flow: var(--S-fle-flo);
    }

    [style*="S-fle-dir:"] {
        flex-direction: var(--S-fle-dir);
    }

    [style*="S-fle-wra:"] {
        flex-wrap: var(--S-fle-wra);
    }
}

/* Small Portrait and down */
@media (max-width: 720px) {

    .SP-flex {
        display: flex;
    }

    .SP-grid {
        display: grid;
    }

    /* Display */
    [style*="SP-dis:"] {
        display: var(--SP-dis);
    }

    [style*="SP-tex-ali:"] {
        text-align: var(--SP-tex-ali);
    }

    [style*="SP-gap:"] {
        gap: var(--SP-gap);
    }

    /* Additions */
    [style*="SP-rows:"] {
        grid-template-rows: repeat(var(--SP-rows, 12), 1fr);
    }

    [style*="SP-columns:"] {
        grid-template-columns: repeat(var(--SP-columns, 12), 1fr);
    }

    [style*="SP-columns:"]>li {
        flex-basis: calc(100% / var(--SP-columns, 12));
    }

    /* Flex */
    [style*="SP-fle:"] {
        flex: var(--SP-fle);
    }

    [style*="SP-fle-bas:"] {
        flex-basis: var(--SP-fle-bas);
    }

    [style*="SP-fle-gro:"] {
        flex-grow: var(--SP-fle-gro);
    }

    [style*="SP-fle-shr:"] {
        flex-shrink: var(--SP-fle-shr);
    }

    [style*="SP-fle-flo:"] {
        flex-flow: var(--SP-fle-flo);
    }

    [style*="SP-fle-dir:"] {
        flex-direction: var(--SP-fle-dir);
    }

    [style*="SP-fle-wra:"] {
        flex-wrap: var(--SP-fle-wra);
    }
}

/* Theme Styles */

body {
    background-color: #fafafa;
}

.font1 {
    font-family: Georgia, serif;
    font-weight: 400;
}

pre {
    font-family: monospace;
    padding: var(--x-gutter) var(--xx-gutter);
    margin: 0 0 1rem;
    border-left: 2px solid var(--secondary4);
    background-color: var(--secondary1);
    white-space: pre-wrap;
    width: fit-content;
    min-width: 460px;
}

blockquote {
    font-weight: 400;
    font-style: italic;
    font-family: Georgia, serif;
    padding: var(--x-gutter) var(--xx-gutter) var(--x-gutter) 2.5rem;
    margin: 1rem 0;
    position: relative;
    border-top: 4px double var(--secondary4);
    border-bottom: 4px double var(--secondary4);
}

blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
    font-weight: 400;
    font-size: 1.12rem;
    margin: 1rem 0;
}

blockquote::before {
    content: "\201C";
    font-family: Georgia, serif;
    font-weight: 700;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 5rem;
    line-height: 1;
    color: var(--secondary4);
    text-indent: -0.1em;
}

.upper-highlight {
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: var(--gutter) 0;
    font-size: .94em;
}

#top-container>div,
#header-middle>div,
#header-nav>div,
.row-container {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}

#sticky-articles,
#content-bottom,
#top-container>div,
#header-middle>div,
#header-nav>div {
    padding: 0 2vw;
}

#content-body {
    padding: 0 2vw var(--xx-gutter);
}

#top-container,
#header-middle,
#content-body {
    background-color: #fff;
}

#hm-action,
#hm-user {
    max-width: 90px;
}

#footer-body {
    padding: var(--xxx-gutter) 2vw;
}

#footer-container {
    color: var(--secondary6);
    background-color: var(--secondary10);
}

#fa-logo img {
    max-height: 70px;
}

#header-middle {
    border-bottom: 4px double var(--secondary6);
}

#header-middle .toggler.active {
    color: var(--primary8);
}

#header-nav {
    border-bottom: 2px solid var(--secondary8);
}

#header-nav>div {
    position: relative;
}

#bottom-nav {
    color: var(--secondary4);
    font-weight: 600;
}

#primary-nav {
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 10;
}

#primary-nav>li>a {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    padding: 18px 8px;
}

#primary-nav>li.current-menu-parent>a,
#primary-nav>li.current-menu-item>a {
    color: #ffffff !important;
    background-color: var(--primary8);
}

#primary-nav>li.current-menu-parent.current-post-parent>a {
    color: inherit !important;
    background-color: transparent;
}

#primary-nav>li:hover>a {
    color: var(--primary9);
    box-shadow: inset 0px -1px 0 var(--primary8);
}

#notifications.active svg:first-child,
#notifications svg+svg {
    display: none;
}

#notifications.active svg+svg {
    display: inline-block;
}

.sticky-section {
    position: sticky;
    z-index: 1;
    top: 10px;
}

.pill {
    display: inline-block;
    padding: 5px 14px;
    border: 1px solid var(--secondary3);
    font-size: .94em;
}

#contributor .tabs .tabs-nav>li.active a,
#contributor .tabs .tabs-body {
    background-color: var(--secondary1);
}

#tab-recent>ul {
    padding-left: 20px;
}

.tabs .tabs-nav {
    display: flex;
    gap: 3px;
}

.tabs .tabs-nav a {
    display: block;
    padding: var(--gutter) var(--x-gutter);
    font-size: .94em;
    background-color: var(--secondary2);
}

.tabs .tabs-nav>li.active a {
    background-color: var(--secondary1);
}

.tabs .tabs-body {
    padding: 2rem var(--x-gutter) 1rem;
    background-color: var(--secondary1);
}

.tabs .tabs-body>li {
    display: none;
}

.tabs .tabs-body>li.active {
    display: block;
}

#hc-date>span {
    display: block;
    padding: 8px 0;
}

#hm-user>ul,
#top-nav {
    justify-content: flex-end;
}

#header-middle>ul>li {
    margin: 0.8rem 0 1rem;
}

#hm-logo {
    text-align: center;
    padding: 6px 0;
}

#hm-logo img {
    display: block;
    max-height: 82px;
    margin: 0 auto;
}

#subheader-container {
    position: relative;
    z-index: 1;
}

/* Home Page */

#hc-heading {
    align-content: end;
    padding: 3rem 2vw;
    position: relative;
    z-index: 1;
}

#highlight-container {
    overflow: hidden;
    position: relative;

    &:has(#hc-background) {
        background-color: #000;
        color: #fff;

        & #hc-heading {
            padding-top: 40vh;
        }
    }
}

body.tax-citytag #highlight-container {
    margin-top: -71px;
    padding-top: 70px;
}

#related .entry-title {
    margin-bottom: 0.5rem;
    word-break: break-word;
}

#sa-latest {
    max-width: 760px;
}

#sa-latest .entry-title {
    font-size: 3em;
    margin: 1rem 0 2rem;
}

#sa-latest .entry-continue {
    font-weight: 600;
    font-size: 1.12rem;
}

#sa-latest .entry-continue a:hover span {
    border-color: var(--primary7);
}

#sa-latest .entry-continue span {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    width: 40px;
    border: 1px solid;
    text-align: center;
    margin-right: 10px;
    color: #fff;
}

#single-content .hentry .entry-categories,
#sa-latest .entry-categories {
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: inline-block;
    padding: 2px var(--gutter);
    color: #fff;
    background-color: var(--primary8);
    border-radius: var(--radius);
    border: 2px solid transparent;
}

#single-content .hentry .entry-categories a:hover,
#sa-latest .entry-categories a:hover {
    color: #fff;
}

#sa-recent {
    margin-top: 3rem;

    &>ul {
        gap: 20px;
        margin-bottom: 0;
    }
}

#related .entry-image,
#sa-recent .entry-image {
    margin: 0 0 1rem;
}

#sa-recent .entry-categories {
    font-size: smaller;
}

#hc-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow-x: hidden;
}

#hc-background::before {
    content: '';
    display: block;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 110%);
    border-bottom: 1px solid #000;
    z-index: 1;
}

#hc-background::after {
    content: '';
    display: block;
    background-color: rgba(250, 250, 250, 0.1);
}

#hc-background::after,
#hc-background::before,
#hc-background>span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#hc-background>span {
    background-size: cover;
    border-bottom: 1px solid #000;
    background-position: center;
}

#content-top,
#content-bottom {
    padding: var(--xx-gutter) 2vw var(--xx-gutter);
    display: flex;
    flex-direction: column;
    align-items: center;
}

#footer-sections>li {
    padding: var(--x-gutter);
}

#taxonomy-sections,
#page-sections,
#single-sections,
#blog-sections,
#home-sections,
#content-articles {
    gap: var(--xx-gutter);
}

#recent-articles .list-articles {
    display: flex;
    flex-direction: column;
    gap: var(--xx-gutter);
}

#recent-articles .list-articles .entry-image {
    padding-bottom: 100%;
}

#recent-articles article>ul {
    gap: var(--x-gutter);
}

#category-articles>li {
    padding: var(--xxx-gutter) 0;
    border-top: 1px solid var(--secondary2);
    border-bottom: 1px solid var(--secondary2);
}

#category-articles>li:first-child {
    padding-top: 0;
    border-top: none;
}

#category-articles ul {
    margin: 0;
    padding: 0;
}

#category-articles .list-articles {
    display: flex;
    gap: var(--x-gutter);
}

#blog-content .list-articles .entry-categories,
#home-content .list-articles .entry-categories {
    color: var(--primary9);
    font-weight: 600;
}

#category-articles .article-list {
    width: 55%;
}

.articleswidget .article .article-image,
#category-articles .article-list .article-image {
    max-width: 92px;
}

.articleswidget .article .entry-image,
#category-articles .article-list .entry-image {
    padding-bottom: 97%;
}

.articleswidget .entry-image,
#related .entry-image,
#sticky-articles .entry-image,
.list-articles .entry-image,
.article-list .entry-image {
    display: block;
    background-color: #000;
}

.articleswidget .entry-image:hover,
#related .entry-image:hover,
#sticky-articles .entry-image:hover,
.list-articles .entry-image:hover,
.article-list .entry-image:hover {
    background-color: var(--primary8);
}

.articleswidget .entry-image:hover img,
#related .entry-image:hover img,
#sticky-articles .entry-image:hover img,
.list-articles .entry-image:hover img,
.article-list .entry-image:hover img {
    filter: opacity(0.6);
}

.entry-image {
    background-image: url(watermark.png);
    background-position: center;
    background-repeat: no-repeat;
}

.articleswidget .article,
#category-articles .article-list .flex {
    align-items: center;
}

.articleswidget .article>li,
#category-articles .article-list .article>li {
    padding: 8px;
}

.articleswidget>li:hover,
#category-articles .article-list>.flex>li:hover {
    background-color: var(--primary2);
}

#category-articles .article-card {
    width: 45%;
    text-align: center;
}

#category-articles .article-card .flex {
    flex-direction: column;
}

#category-articles .article-card .article-content {
    padding: var(--gutter) var(--xx-gutter) var(--xx-gutter);
}

#sa-recent .article .article-image,
#sa-recent .article .article-content,
#category-articles .article-card .article-image,
#category-articles .article-card .article-content {
    width: 100%;
}

.static-widget {
    padding: 30px 0;
}

.three-column-template #single-aside .static-widget,
.three-column-template #taxonomy-aside .static-widget {
    padding-top: 0;
}

#sidebar-sticky>.widget,
#sidebar>.widget {
    padding: 30px 15px;
    border-bottom: 1px solid var(--secondary3);
    background-color: #fcfcfc;
    text-align: unset;
}

#sidebar-sticky>.widget:last-child,
#sidebar>.widget:last-child {
    border-bottom: none;
}

#sidebar-sticky ::marker,
#sidebar ::marker {
    font-size: .94em;
}

#sidebar .widget-title {
    margin-bottom: var(--x-gutter);
    text-transform: uppercase;
    font-size: .94em;
}

.screen-reader-text {
    display: none;
}

.pagination {
    padding: var(--xxx-gutter) var(--x-gutter);
}

.pagination .nav-links {
    text-align: center;
}

.pagination .nav-links>* {
    display: inline-block;
    padding: var(--gutter) var(--x-gutter);
}

.pagination .nav-links>a {
    border: 1px solid var(--secondary3);
}

.pagination .nav-links>span {
    background-color: var(--secondary2);
}

#home-content .term-title {
    margin-bottom: var(--xx-gutter);
}

#blog-header {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--xx-gutter);
    margin-bottom: var(--xx-gutter);
}

#bh-image {
    width: 30%;
    max-width: 184px;

    &>a,
    img {
        display: block;
        border-radius: 34%;
        width: 100%;
    }
}

#bh-term {
    width: 100%;
}

.term-title>a {
    display: inline-block;
    position: relative;
}

.term-title>a::after {
    content: '';
    display: block;
    width: 100%;
    height: 0.35em;
    position: absolute;
    background-color: var(--primary8);
    bottom: 4px;
    mix-blend-mode: multiply;
    opacity: 0.45;
}

.entry-title>a {
    border-bottom: 1px solid transparent;
    transition: all ease 300ms;
}

.entry-title>a:hover {
    border-color: initial;
}

#content-body .entry-title>a:hover {
    border-color: initial;
    color: var(--primary8);
}

#taxonomy-bside,
#taxonomy-aside,
#page-aside,
#single-bside,
#single-aside,
#blog-aside,
#home-aside {
    padding: 40px 0;
}

#taxonomy-content,
#page-content,
#single-content,
#blog-content,
#home-content {
    padding: 40px 0 0;
}

/* Widgets */

.widget_media_image {
    text-align: center;
}

.widget_media_image a {
    display: block;
    margin: 0 auto;
}

.widget_media_image img {
    display: block;
    margin: 0 auto;
}

.widget_recent_entries a {
    font-family: Georgia, serif;
    font-weight: 400;
}

.widget_recent_entries .post-date {
    display: block;
    font-size: smaller;
    margin: var(--gutter) 0 0;
}

.widget_recent_entries>ul>li {
    margin: 0 0 var(--x-gutter);
}

/* Menus */

.menu-horizontal {
    display: flex;
    gap: 0 16px;
    flex-wrap: wrap;
}

.menu-horizontal li>a {
    display: block;
    padding: 8px 0;
}

.menu-horizontal li>a:hover {
    color: var(--primary9);
}

#footer a:hover,
#footer .menu-horizontal li>a:hover {
    color: var(--primary8);
}

li.menu-button>a {
    text-align: center;
    padding: 5px 10px;
    margin: 3px 0;
    border: 1px solid transparent;
}

li.menu-button.solid>a {
    color: #fff;
    background-color: var(--primary8);
}

li.menu-button.bordered>a {
    border: 1px solid var(--primary8);
}

li.menu-button.solid>a:hover {
    color: #fff;
    background-color: var(--primary9);
}

li.menu-button.bordered>a:hover {
    color: var(--secondary10);
    border: 1px solid var(--primary9);
    background-color: #ffffff;
}


/* Articles */

#newsflash .list-articles p:last-of-type,
#previous .list-articles p:last-of-type {
    margin-bottom: 0.5rem;
}

#newsflash .list-articles,
#newsflash .list-articles>li,
#previous .list-articles,
#previous .list-articles>li,
#taxonomy-content .list-articles,
#taxonomy-content .list-articles>li,
#blog-content .list-articles,
#blog-content .list-articles>li {
    border-top: 1px solid var(--secondary2);
    border-bottom: 1px solid var(--secondary2);
}

#blog-content .list-articles>li {
    padding: var(--xxx-gutter) 0;
}

.widget_coloradotheme_recent_authors .entry-avatar,
#single-content header .entry-avatar {
    width: 46px;
}

#single-content header>ul,
#single-content header .entry-meta>ul {
    gap: var(--x-gutter);
}

#single-content header .entry-meta>ul>li {
    width: auto;
}

#newsflash .list-articles>li,
#previous .list-articles>li,
#taxonomy-content .list-articles>li {
    padding: var(--x-gutter) 0;
}

.widget_cb_newsday_banner .carousel-banner span {
    position: relative;
    overflow: hidden;
    height: 48px;
    min-width: 48px;
}

.widget_cb_newsday_banner .carousel-banner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 100%;
}

.articleswidget .entry-image,
#related .entry-image,
#sticky-articles .entry-image,
.list-articles .entry-image {
    position: relative;
    padding-bottom: 61%;
    overflow: hidden;
}

.author-continue a,
.category-continue a {
    display: block;
    text-align: center;
    color: var(--primary8);
    font-weight: 600;
    letter-spacing: 1px;
    background-color: #fafafa;
}

#commentform #submit,
.pagination .nav-links>a:hover,
.author-continue a:hover,
.category-continue a:hover {
    color: #fff !important;
    background-color: var(--primary8) !important;
}

.articleswidget .entry-image img,
.widget_cb_newsday_banner .carousel-banner img,
#related .entry-image img,
#sticky-articles .entry-image img,
.list-articles .entry-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 100%;
}

.list-articles .entry-dates .date-month {
    font-weight: 600;
    font-size: 1.06rem;
}

.list-articles .entry-dates .date-time {
    font-size: .94em;
}

.list-articles .entry-dates .date-month small,
.list-articles .entry-dates .date-time {
    color: var(--secondary8);
}

#previous .entry-content,
#taxonomy-content .entry-content {
    margin: 4px 0;
}

#previous .entry-content *:first-child,
#taxonomy-content .entry-content *:first-child {
    margin-top: 0;
}

#previous .entry-content *:last-child,
#taxonomy-content .entry-content *:last-child {
    margin-bottom: 0;
}

.article .entry-title {
    margin: 4px 0;
}

.article .article-date {
    width: 20%;
}

.article .article-date+.article-content {
    width: 80%;
}

.article.flex .article-image {
    width: 30%;
}

.article.flex .article-image+.article-content {
    width: 70%;
}

.display-style2 .entry-image {
    margin-bottom: var(--x-gutter);
}

.display-style3 .entry-title {
    margin-top: 0;
    font-weight: 600;
}

.display-style3 .list-articles>ul {
    overflow: hidden;
    margin-left: -25px !important;
}

.display-style3 .list-articles>ul>li {
    padding: 0 25px 25px 25px;
    box-shadow: 1px 0 var(--secondary3);
}

.display-style4 .article-content {
    text-align: center;
    padding: var(--gutter) var(--xx-gutter) var(--xx-gutter);
}

article>.flex {
    align-items: center;
}

article .entry-content h1 {
    font-size: 1.48rem;
}

article .entry-content iframe[src*="tube.com"],
article .entry-content iframe[src*="vimeo.com"] {
    width: 100%;
}

.entry-avatar img {
    border-radius: 100rem;
}

.entry-image img {
    display: block;
    width: 100%;
}

.wp-caption {
    display: inline-table;
    padding: 1px;
    width: auto !important;
    text-align: center;
    font-size: 12px;
    margin-bottom: var(--xx-gutter);
    background-color: var(--secondary1);
}

.wp-caption img {
    display: block;
    margin: 0 auto !important;
}

.wp-caption-text {
    text-align: center;
    display: table-caption;
    caption-side: bottom;
}

.alignright {
    margin: 1rem 0 1rem 1rem;
    float: right;
    width: auto !important;
}

.alignleft {
    margin: 1rem 1rem 1rem 0;
    float: left;
    width: auto !important;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.wp-caption.aligncenter {
    display: table;
}

img.aligncenter,
img[align=center] {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.page-content img,
#single-content article>.entry-content img {
    margin-bottom: var(--xx-gutter);
}

.page-content img.alignleft,
#single-content article>.entry-content img.alignleft {
    float: left;
    margin-right: var(--gutter);
}

#content-body a:hover {
    color: var(--primary8);
}

.page-content ::marker,
#single-content article>.entry-content ::marker {
    color: var(--primary8);
    font-size: .94em;
}

#single-content article>.entry-content {
    margin: 0 3vw;
}

#comments-top>.widget,
#comments-bottom>.widget,
#post-top>.widget,
#post-bottom>.widget,
#single-content article>.entry-meta {
    margin: var(--xx-gutter) 3vw;
}

.three-column-template #single-content article>.entry-meta,
.three-column-template #single-content article>.entry-content,
.three-column-template .eh-copywriter,
.three-column-template #post-top>.widget,
.three-column-template #post-bottom>.widget {
    margin-left: 0;
    margin-right: 0;
}

.three-column-template #post-top>.widget {
    margin-top: 0;
}

article>.entry-meta a {
    display: inline-block;
    padding: 2px var(--gutter);
    background-color: var(--primary2);
    border-radius: var(--radius);
    border: 2px solid white;
}

#contributor>ul {
    gap: 18px
}

#contributor-avatar {
    max-width: 96px;
    text-align: center;
}

.author-image {
    max-width: 96px;
    margin: 1rem auto 2px;
}

.entry-avatar a,
#contributor-avatar a {
    display: inline-block;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    border-radius: 100rem;
    overflow: hidden;
}

.entry-avatar img,
#contributor-avatar img {
    display: block;
    position: absolute;
    width: 100%;
}

.widget_coloradotheme_recent_authors {
    width: 100%;
    margin: 30px 0 var(--x-gutter);
}

.widget_coloradotheme_recent_authors>ul {
    overflow-x: auto;
    width: 100%;
    padding-bottom: 30px;
}

.widget_coloradotheme_recent_authors>ul>li {
    min-width: 242px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--secondary6);
    border-bottom-width: 2px;
    border-radius: var(--radius);
    padding: 30px 20px;
    background-color: #fff;
    position: relative;
}

.widget_coloradotheme_recent_authors>ul>li::after {
    content: '';
    display: block;
    height: 3px;
    background-color: #fff;
    border: 1px solid var(--secondary6);
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: -3px;
}

.widget_coloradotheme_recent_authors .article-header {
    margin-bottom: 10px;
}

.widget_coloradotheme_recent_authors .entry-categories {
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: var(--gutter) 0;
    font-size: smaller;
}

#related>ul {
    overflow-x: auto;
    width: 100%;
}

#related>ul>li {
    min-width: 160px;
    max-width: 262px;
}

#related .entry-image img {
    display: block;
    width: 100%;
}

.post-navigation {
    display: none;
}

.eh-featured .entry-image {
    position: relative;
    padding-bottom: 60%;
    overflow: hidden;
    background-color: #fafafa;
}

.eh-featured .entry-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    filter: grayscale(1);
    opacity: 0.35;
}

.eh-copywriter {
    background-color: #fff;
    margin: 0 3vw var(--xx-gutter);
    position: relative;
    z-index: 3;
}

/* Comments */

.commentlist {
    list-style: none;
    display: flex;
    flex-direction: column;
}

.commentlist>li {
    padding: 0;
    margin: 0 0 12px;
}

.commentlist .comment-body {
    padding: 15px 20px;
    background-color: #fff;
    box-shadow: 0 0 3px 3px var(--secondary2);
    border-radius: var(--radius);
    position: relative;
}

.commentlist .comment-author {
    text-transform: uppercase;
    font-size: smaller;
    float: left;
    line-height: 32px;
}

.comment-notes,
.commentlist .says {
    display: none;
}

.comment-awaiting-moderation {
    position: absolute;
    right: 20px;
    top: 3px;
    font-size: smaller;
    color: var(--primary8);
    display: inline-block;
}

.comment-awaiting-moderation+br {
    display: none;
}

.commentlist .comment-meta {
    text-align: right;
    font-size: smaller;
    line-height: 32px;
    color: var(--secondary8);
}

.commentlist .reply {
    text-transform: uppercase;
    font-size: smaller;
    color: var(--secondary6);
}

.comment-form-email,
.comment-form-author {
    float: left;
    width: 49%;
    margin-top: 0;
}

.comment-form-author {
    margin-right: 2%;
}

.comment-form-cookies-consent label {
    max-width: 90%;
    vertical-align: middle;
}

.commentlist .comment-author img {
    display: block;
    border-radius: 100rem;
    height: 32px;
    float: left;
    margin-right: 10px;
}

.commentlist li li {
    padding: 8px 0 0 8px;
    background-color: var(--secondary1);
}

#ads-tier1,
#ads-tier2,
#ads-tier3 {
    padding-top: 30px;
    margin: 30px 0;
    border-top: 1px solid var(--secondary4);
}

#previous-title {
    padding-top: var(--x-gutter);
    margin: var(--x-gutter) 0 var(--x-gutter);
    text-transform: uppercase;
    font-size: .94em;
    border-top: 2px solid var(--secondary2);
}

#newsflash-title,
#comments-title,
#contributor-title,
#related-title,
#reply-title {
    padding-top: var(--x-gutter);
    margin: var(--xx-gutter) 3vw var(--x-gutter);
    text-transform: uppercase;
    font-size: .94em;
    border-top: 2px solid var(--secondary2);
}

#newsflash>ul,
#newsflash>.category-continue {
    margin-left: 3vw;
    margin-right: 3vw;
}

#contributor>ul,
#related>ul,
.commentlist,
#commentform {
    padding: var(--xx-gutter) 3vw;
}

#commentform {
    background-color: var(--secondary1);
    border-radius: var(--x-radius);
}

#commentform input[type="password"],
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
    border-radius: 0;
    width: 100%;
    display: block;
    border: 1px solid var(--secondary4);
    padding: 10px;
    font-size: 1.02rem;
}

#commentform input[type="password"] {
    background-color: var(--secondary3);
}

#commentform .logged-in-as {
    text-transform: uppercase;
    margin: var(--gutter) 0;
    font-size: .94em;
}

#cancel-comment-reply-link,
#commentform .required-field-message {
    color: var(--primary8);
}

.comment-reply-title small {
    display: block;
    float: right;
}

#commentform label {
    padding: 0 var(--x-gutter);
    background-color: var(--secondary2);
    display: inline-block;
}

#commentform #submit {
    width: 100%;
}

#commentform #submit,
.primary-button,
.theme-button {
    display: block;
    text-align: center;
    padding: var(--x-gutter) var(--xxx-gutter);
    background-color: var(--secondary3);
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid transparent;
    font-size: small;
}

.comment #commentform {
    padding: 0;
}

.primary-button.solid {
    color: #fff;
    background-color: var(--primary10);
}

.primary-button.bordered {
    border: 1px solid var(--primary10);
}

.primary-button.medium {
    background-color: var(--primary2);
}

.theme-button.solid {
    color: #fff;
    background-color: var(--secondary10);
}

.theme-button.bordered {
    border: 1px solid var(--secondary10);
}

.theme-button.medium {
    background-color: var(--secondary2);
}

.primary-button.medium:hover,
.primary-button.solid:hover,
.theme-button.medium:hover,
.theme-button.solid:hover {
    color: #fff;
    background-color: var(--primary9);
}

.primary-button.bordered:hover,
.theme-button.bordered:hover {
    color: var(--primary9);
    border: 1px solid var(--primary9);
    background-color: #ffffff;
}

/* Search */

#primary-search {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fafafa;
    padding: 5px 2vw;
    border-bottom: 2px solid var(--secondary8);
    z-index: 10;
}

#primary-search.active {
    display: block;
}

#primary-search.active+ul,
#primary-search.active+ul+ul {
    visibility: hidden;
}

#primary-search p {
    margin: 0;
}

#primary-search input {
    width: 100%;
    border: none;
    background-color: #fff;
    line-height: 30px;
    padding: 10px;
}

input#s {
    box-shadow: inset 0 0 0 2px #000;
}

#searchsubmit {
    background-color: var(--primary2) !important;
}

.ps-button {
    max-width: 30%;
}

.ps-field input {
    font-size: 1.12rem;
}

.ps-button input {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

#event-calendar h2 {
    font-size: 1.36rem;
    margin: 1rem 0;
}

#event-calendar br {
    display: none;
}

#event-calendar em {
    display: block;
    font-size: smaller;
    margin-bottom: 10px;
}

#contributor-wall {
    position: relative;
    border-top: 2px solid;
    background-color: var(--secondary10);
}

#contributor-wall::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(24, 23, 22, 0.3);
    background: linear-gradient(180deg, rgba(24, 23, 22, 0.3) 0%, rgba(24, 23, 22, 1) 100%);
    z-index: 2;
}

#contributor-wall ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#contributor-wall>ul {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1px;
    mix-blend-mode: luminosity;
}

#contributor-wall>ul ul {
    position: relative;
    overflow: hidden;
}

#contributor-wall>ul ul>li {
    transition: opacity ease 500ms;
    opacity: 1;
    padding-bottom: 100%;
    height: 0;
    z-index: 1;
}

#contributor-wall>ul ul>li:nth-child(odd) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

#contributor-wall>ul>li.flipped>ul>li:nth-child(odd) {
    opacity: 0;
}

#contributor-wall img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
}

/* Panels */

@-webkit-keyframes slideRight {
    from {
        -webkit-transform: translateX(100%);
    }

    to {
        -webkit-transform: translateX(0);
    }
}

@keyframes slideRight {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

.slideRight {
    -webkit-animation-name: slideRight;
    animation-name: slideRight;
}

@-webkit-keyframes slideLeft {
    from {
        -webkit-transform: translateX(-100%);
    }

    to {
        -webkit-transform: translateX(0);
    }
}

@keyframes slideLeft {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

.slideLeft {
    -webkit-animation-name: slideLeft;
    animation-name: slideLeft;
}

.animation {
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.panel {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    z-index: 10;
    display: none;
    overflow-y: auto;
}

.panel.active {
    display: block;
}

.panel-inner {
    display: flex;
    background-color: rgba(128, 128, 128, 0.1);
    min-height: 100%;
}

.panel-close,
.panel-body {
    width: 100%;
}

#panel-history .panel-body,
#panel-menu .panel-body {
    max-width: 420px;
    background-color: var(--secondary1);
    padding: var(--xxx-gutter) 2vw var(--xxx-gutter);
}

#panel-menu .panel-body>.widget {
    padding: var(--xx-gutter) 0;
    border-top: 2px solid var(--secondary8);
}

#history-panel {
    position: relative;
}

#history-panel[data-count]::after {
    content: attr(data-count);
    display: block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background-color: var(--primary7);
    border-radius: 100rem;
    position: absolute;
    top: 20%;
    right: 0;
}

#active-sections {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#active-sections h4 {
    text-align: center;
}

#live-newsflashes {
    display: flex;
    flex-direction: column;
    gap: 6px;
    line-height: 1.6;
    font-size: 15px;
}

#live-newsflashes>li {
    padding: 6px 9px;
    background-color: #ffffff;
    position: relative;
}

#live-newsflashes>li::after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    background-color: var(--primary7);
    border-radius: 100rem;
    position: absolute;
    top: 3px;
    right: 3px;
}

#live-newsflashes h5 {
    display: inline;
    font-size: inherit;
    font-weight: 600;
}

#live-newsflashes h5::after {
    content: ':';
    display: inline;
}

#live-newsflashes p {
    display: inline;
    margin: 0;
}

#live-newsflashes p a {
    text-decoration: underline;
}

#live-newsflashes a:hover {
    color: var(--primary7);
}

#live-newsflashes time {
    font-size: small;
    color: gray;
    display: block;
}

#live-newsflashes.is-some+#live-statuses,
#live-newsflashes.is-loading+#live-statuses>li:not(#ls-loading),
#live-newsflashes.is-error+#live-statuses>li:not(#ls-error),
#live-newsflashes.is-none+#live-statuses>li:not(#ls-none) {
    display: none;
}

#live-statuses {
    text-align: center;
}

#notifications.active {
    color: var(--primary8);
    -webkit-animation-name: shake;
    animation-name: shake;
}

.widget_channels>ul,
.widget_categories>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_channels>ul a,
.widget_categories>ul a,
.widget_nav_menu .menu a {
    display: block;
    padding: 12px 6px;
    line-height: 1.6;
}

.widget_channels>ul a:hover,
.widget_categories>ul a:hover,
.widget_nav_menu .menu a:hover {
    color: var(--primary8);
    background-color: rgba(0, 0, 0, 0.02);
}

.widget_channels>ul>li>a,
.widget_categories>ul>li>a,
.widget_nav_menu .menu>li>a {
    font-weight: 600;
}

.widget_channels>ul .children,
.widget_channels>ul>li,
.widget_categories>ul .children,
.widget_categories>ul>li,
.widget_nav_menu .menu .sub-menu,
.widget_nav_menu .menu>li {
    border-top: 1px solid var(--secondary3);
    margin: 0;
}

.widget_channels>ul .children,
.widget_categories>ul .children,
.widget_nav_menu .menu .sub-menu {
    padding: 6px 0;
    font-weight: 600;
    font-size: .94em;
}

.widget_channels>ul .children a,
.widget_categories>ul .children a,
.widget_nav_menu .menu .sub-menu a {
    padding: 6px var(--gutter);
}

.widget_channels>ul>li:first-child,
.widget_categories>ul>li:first-child,
.widget_nav_menu .menu>li:first-child,
#panel-menu .panel-body>.widget:first-child {
    border-top: none;
}

#panel-menu .panel-body>.widget:last-child {
    margin-bottom: var(--xxx-gutter);
}

body.spotlight-on {
    overflow-y: hidden;
}

.spotlight-image {
    cursor: pointer;
}

#spotlight {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    transition: all ease 200ms;
    overflow-y: auto;
    min-height: 100vh;
    padding-bottom: 50px;
}

#spotlight.active {
    pointer-events: initial;
    opacity: 1;
}

#spotlight::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
    margin-left: -6px;
}

#spotlight>ul {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 11;
    left: 50%;
    transform: translateX(-49%);
    max-width: 92%;
    transition: all ease 200ms;
    opacity: 0;
}

#spotlight.finised>ul {
    opacity: 1;
}

#spotlight .sl-caption p {
    text-align: center;
    padding: 10px 10px;
    background-color: var(--secondary2);
    margin: 0px;
}

#spotlight .sl-background {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--tint);
}

#spotlight .sl-image {
    position: relative;
}

#spotlight .sl-img img {
    pointer-events: none;
    display: block;
    width: 100%;
}

#spotlight .sl-bar {
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 80px;
    padding-top: 40px;
}

#spotlight .sl-bar::after {
    content: '\02DF';
    display: block;
    line-height: 0.6;
}

#spotlight .sl-nav {
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 70px;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
}

#spotlight.index-0 .prev,
#spotlight.index-last .next,
#spotlight.items-1 .sl-nav {
    display: none;
}

#spotlight .prev {
    left: 0;
    text-align: left;
}

#spotlight .prev::after {
    content: '\2039';
}

#spotlight .next {
    right: 0;
    text-align: right;
}

#spotlight .next::after {
    content: '\203A';
}

.widget_channels {
    padding: 10px 8px;
    border-radius: var(--x-radius);
    border: 1px solid var(--secondary2);
    background-color: #fcfcfc;
}

.widget_channels .static-widget-title {
    padding: 0.5rem 0;
    margin: 0;
    text-align: center;
}

.widget_channels .channelswidget {
    margin-top: 0.5rem;
}

/* Additional CSS */

article .entry-content h1,
article .entry-content h2,
article .entry-content h3,
#page-content .page-content h1,
#page-content .page-content h2 {
    font-weight: 300;
}

#page-content .hentry .page-content,
#single-content .hentry .entry-content {
    font-size: 17px;
    line-height: 1.8;
}

#panel-menu .widget_media_image:first-child a {
    display: inline-block;
    max-width: 200px;
}

#panel-menu .widget_media_image:first-child+div {
    border-top: none !important;
}

#footer-body {
    color: var(--secondary5);
}

#bc-inner {
    display: flex;
    flex-direction: column;
}

#subheader-widgets {
    padding: 6px 0 0;
}

.carousel-banner li {
    margin-right: 6px;
}

body.home #subheader-widgets {
    padding: 3px 0 3px;
}

#publisher-credit {
    margin: 30px 0 0;
    padding: var(--xx-gutter) 3vw;
    background-color: var(--primary2);
    border-top: 1px solid #000;
}

.css-events-list table.events-table th {
    border-bottom: 2px solid #848484;
    text-align: left;
}

.css-events-list table.events-table td {
    vertical-align: middle;
    border-bottom: 1px solid var(--secondary4);
    padding: 5px 0;
}

.css-events-list table.events-table td a {
    color: var(--primary8);
    font-weight: 500;
}

.css-events-list table.events-table td img {
    margin: 5px;
}

.list-articles .entry-image a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home #content-top .widget_cb_newsday_banner {
    display: none;
}

.cb_newsdaybanner-widget>ul>li>a {
    padding: 6px;
    background-color: #fff;
    border: 1px solid var(--secondary3);
    border-radius: var(--radius);
}

.cb_newsdaybanner-widget>ul>li>a:hover {
    border-color: var(--primary8)
}

.cb_newsdaywidget>ul {
    padding-left: 18px;
}

.cb_newsdaywidget>ul>li::marker {
    color: var(--primary8);
}

.cb_newsdaybanner-widget strong {
    font-weight: 700;
}

.button,
.button:active,
.button:focus,
.button:visited {
    display: inline-block;
    background-color: #1266fb;
    color: #fff !important;
    text-decoration: none;
    padding: .5em 1em;
    border-radius: 4px;
}

.price-tables {
    display: flex;
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
}

.price-tables>li {
    width: 100%;
    padding: 30px 15px 15px;
    box-shadow: 3px 0 5px rgba(0, 0, 0, 4%);
    border-top: #cc4706 solid 5px;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: 5px solid #f5f5f5;
    background: #fff;
}

.price-tables ul {
    font-size: .96em;
    text-align: left;
}

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
    }

    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: rotate3d(0, 0, 1, 10deg);
    }

    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
    }
}

@keyframes shake {

    from,
    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }

    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        transform: rotate3d(0, 0, 1, 10deg);
    }

    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        transform: rotate3d(0, 0, 1, -10deg);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

/* Large and up */
@media (min-width: 1080px) {

    #primary-nav li.menu-item-has-children {
        position: relative;
    }

    #primary-nav li.menu-item-has-children li>a {
        display: block;
        padding: 10px 14px;
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
    }

    #primary-nav li.menu-item-has-children li>a:hover {
        background-color: rgba(0, 0, 0, 0.02);
    }

    #primary-nav li.menu-item-has-children>ul {
        display: none;
        position: absolute;
        z-index: 1;
        left: 0;
        width: 200px;
        background-color: #fff;
        border: 1px solid var(--secondary3);
        border-top: 2px solid;
    }

    #primary-nav li.menu-item-has-children:hover>ul {
        display: block;
        z-index: 5;
    }
}

/* Medium Landscape */
@media (max-width: 1080px) and (min-width: 720px) {
    #primary-nav {
        flex-direction: column;
    }
}

/* Medium Portrait */
@media (max-width: 1080px) and (min-width: 720px) and (orientation: portrait) {}

/* Medium and down */
@media (max-width: 1080px) {
    #primary-nav {
        display: none;
    }

    #content-container {
        overflow-x: hidden;
    }
}

/* Small Landscape and up */
@media (min-width: 720px) {

    #footer-content,
    #page-content,
    #single-content,
    #blog-content,
    #home-content {
        width: 72%;
    }

    #footer-aside,
    #page-aside,
    #single-aside,
    #blog-aside,
    #home-aside {
        width: 28%;
    }

    .three-column-template #taxonomy-content,
    .three-column-template #single-content {
        width: 50%;
    }

    .three-column-template #taxonomy-bside,
    .three-column-template #taxonomy-aside,
    .three-column-template #single-bside,
    .three-column-template #single-aside {
        width: 25%;
    }
}

/* Small Landscape and down */
@media (max-width: 960px) {

    pre {
        min-width: 100%;
    }

    #sa-latest .entry-title {
        font-size: 2rem;
    }

    .three-column-template #taxonomy-content,
    .three-column-template #single-content,
    .three-column-template #taxonomy-bside,
    .three-column-template #taxonomy-aside,
    .three-column-template #single-bside,
    .three-column-template #single-aside {
        width: auto;
    }

    .channelswidget {
        display: none;
        max-height: 50vh;
        overflow-y: auto;
    }

    .widget_channels .static-widget-title.active+.channelswidget {
        display: block;
        position: absolute;
        border: 1px solid var(--secondary4);
        background-color: #fcfcfc;
        width: 100%;
        left: 0;
        padding: 10px;
        z-index: 5;
    }

    .widget_channels {
        border: 1px solid var(--secondary4);
        background-color: var(--primary2);
    }

    #taxonomy-bside,
    #single-bside {
        padding: 0;
    }

    #contributor-wall>ul {
        grid-template-columns: repeat(6, 1fr);
    }
}

/* Small Portrait and down */
@media (max-width: 720px) {

    #top-container {
        display: none;
    }

    #header-container {
        position: sticky;
        top: 0px;
        z-index: 9;
    }

    .panel-close {
        width: 40px;
    }

    #hm-logo {
        padding: 4px 0;
    }

    #hc-background {
        height: 100vh;
    }

    #blog-header {
        flex-direction: column;
    }

    #bh-image {
        width: 100%;
        margin: 0 auto;
    }

    #term-title {
        text-align: center;
    }

    #hc-heading,
    #content-top,
    #content-bottom,
    #footer-body,
    #sticky-articles {
        padding-left: 4vw;
        padding-right: 4vw;
    }

    .blog #blog-content,
    .archive #blog-content,
    .archive #taxonomy-content,
    .three-column-template #single-content,
    .page #blog-content {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    #sticky-articles,
    #category-articles .list-articles {
        flex-direction: column;
    }

    #contributor-avatar,
    #panels .panel-body {
        max-width: unset;
    }

    #blog-content article>ul>li,
    #category-articles .article-card,
    #category-articles .article-list {
        width: 100%;
    }

    #contributor-info .tabs .tabs-nav {
        justify-content: center;
    }

    #newsflash-title,
    #previous-title,
    #comments-title,
    #contributor-title,
    #related-title,
    #reply-title,
    .category-header,
    .widget-title {
        text-align: center;
    }

    .commentlist .comment-meta {
        text-align: unset;
    }

    .commentlist .comment-author {
        float: none;
    }

    .comment-form-email,
    .comment-form-author {
        float: none;
        width: auto;
        margin-right: 0;
    }

    .comment-reply-title small {
        float: none;
    }

    .display-style3 .list-articles>ul {
        margin-left: 0 !important;
    }

    .display-style3 .list-articles>ul>li {
        padding: 0 0 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid var(--secondary3);
    }

    .display-style3 .list-articles>ul>li:last-child {
        padding: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
}