:root {
    --primary-color: #ee1133;
    --secondary-color: #d5001a;
    --tertiary-color: #bb0000;
    --accent-color: #1153ee;
    --highlight-color: #eedc11;
    --light-gray-color: #f2f2f2;
    --gray-color: #666;
    --dark-gray-color: #202020;
    --text-color: #202020;
    --medium-text-color: #707070;
    --light-text-color: rgba(0, 0, 0, 0.5);
    --dark-border-color: #202020;
    --medium-border-color: rgba(0, 0, 0, 0.15);
    --light-border-color: rgba(0, 0, 0, 0.075);
    --page-background-color: #fff;
    --page-border-color: rgba(0, 0, 0, 0.05);
    --link-color: #ee1133;
    --button-color: #ee1133;
    --button-text-color: #fff;
    --button-hover-color: #d5001a;
    --button-hover-text-color: #fff;
    --navi-color: #202020;
    --navi-text-color: #fff;
    --navi-hover-text-color: rgba(255, 255, 255, 0.5);
    --navi-border-color: rgba(255, 255, 255, 0.05);
    --submenu-color: #ee1133;
    --submenu-text-color: #fff;
    --submenu-hover-text-color: rgba(255, 255, 255, 0.5);
    --submenu-border-color: rgba(255, 255, 255, 0.075);
    --title-color: #202020;
    --widget-title-color: #202020;
    --footer-color: #202020;
    --footer-text-color: #fff;
    --footer-hover-text-color: rgba(255, 255, 255, 0.5);
    --footer-border-color: rgba(255, 255, 255, 0.035);
    --text-font: raleway, arial, helvetica, sans-serif;
    --title-font: quicksand, tahoma, arial, sans-serif;
    --navi-font: quicksand, tahoma, arial, sans-serif;
    --widget-title-font: quicksand, tahoma, arial, sans-serif;
    --title-font-weight: normal;
    --navi-font-weight: normal;
    --widget-title-font-weight: normal;
    --title-text-transform: none;
    --navi-text-transform: none;
    --widget-title-text-transform: none;
    --text-line-height: 1.75;
    --title-line-height: 1.4;
    --tz-column-gap: 1.5rem
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

strong {
    font-weight: 700
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

button {
    font: inherit
}

button {
    overflow: visible
}

button {
    cursor: pointer;
    appearance: button
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

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

body,
button {
    color: var(--text-color);
    font-size: 0.9375rem;
    font-family: var(--text-font);
    line-height: var(--text-line-height)
}

h1,
h2,
h3 {
    clear: both;
    margin: 1em 0 0.75em;
    line-height: var(--title-line-height)
}

h2 {
    font-size: 1.625rem
}

h3 {
    font-size: 1.375rem
}

p {
    margin-top: 1em;
    margin-bottom: 1.25em
}

html {
    box-sizing: border-box
}

*,
*::before,
*::after {
    box-sizing: inherit
}

body {
    background: #ccc
}

blockquote cite::before,
blockquote small::before {
    content: "— "
}

img {
    height: auto
}

a,
a:link,
a:visited {
    color: var(--link-color);
    text-decoration: underline
}

a:hover,
a:focus,
a:active {
    text-decoration: none
}

a:focus {
    outline: thin dotted
}

a:hover,
a:active {
    outline: 0
}

button {
    background-color: var(--button-color)
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    color: #fff;
    color: var(--button-hover-text-color);
    background-color: #d5001a;
    background-color: var(--button-hover-color)
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.15);
    border-color: var(--medium-border-color);
    color: #202020;
    color: var(--text-color)
}

.screen-reader-text {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    top: 5px;
    left: 5px;
    z-index: 100000;
    display: block;
    clip: auto !important;
    padding: 15px 23px 14px;
    width: auto;
    height: auto;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    color: #21759b;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: normal
}

.clearfix::before,
.clearfix::after,
.post-navigation .nav-links::before,
.post-navigation .nav-links::after,
.comment-navigation::before,
.comment-navigation::after {
    display: table;
    content: ""
}

.clearfix::after,
.post-navigation .nav-links::after,
.comment-navigation::after {
    clear: both
}

.site {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    max-width: 1440px
}

.site-header {
    background: #fff
}

.header-main {
    display: block;
    text-align: center;
    padding-top: 1.25rem;
    padding-bottom: 1.5rem
}

.site-branding {
    margin: 0;
    padding: 0;
    max-width: 100%
}

.site-branding a:link,
.site-branding a:visited,
.site-branding a:hover {
    padding: 0;
    border: none;
    text-decoration: none
}

.site-title {
    display: block;
    margin: 0;
    padding: 0;
    color: var(--title-color);
    text-decoration: none;
    font-size: 2rem;
    font-family: var(--title-font);
    font-weight: var(--title-font-weight);
    text-transform: var(--title-text-transform);
    line-height: var(--title-line-height)
}

.site-title a:link,
.site-title a:visited {
    color: #202020;
    color: var(--title-color)
}

.site-title a:hover,
.site-title a:active {
    text-decoration: underline
}

.site-branding .custom-logo {
    margin: 0 0 0.5em;
    padding: 0;
    max-width: 100%;
    height: auto;
    border: none;
    vertical-align: top
}

.site-description {
    margin: 0;
    font-size: 0.875rem
}

.primary-navigation-wrap {
    background-color: var(--navi-color)
}

.primary-navigation {
    position: relative;
    width: 100%
}

.main-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--navi-text-color);
    font-size: 1.0625rem;
    font-family: var(--navi-font);
    font-weight: var(--navi-font-weight);
    text-transform: var(--navi-text-transform)
}

.main-navigation ul {
    display: none
}

.main-navigation ul li {
    position: relative;
    margin: 0
}

.main-navigation ul a {
    display: block;
    margin: 0;
    padding: 1em 1.5em;
    border-top: 1px solid var(--navi-border-color)
}

.main-navigation ul a,
.main-navigation ul a:link,
.main-navigation ul a:visited {
    color: var(--navi-text-color);
    text-decoration: none
}

.main-navigation ul a:hover,
.main-navigation ul a:active,
.main-navigation ul a:focus {
    color: rgba(255, 255, 255, 0.5);
    color: var(--navi-hover-text-color)
}

.primary-menu-toggle {
    display: flex;
    margin: 0;
    padding: 1em 1.5em;
    border: none;
    background: none;
    color: var(--navi-text-color);
    text-decoration: none;
    font-size: 1.0625rem;
    font-family: var(--navi-font);
    font-weight: var(--navi-font-weight);
    text-transform: var(--navi-text-transform);
    align-items: center
}

.primary-menu-toggle:focus {
    outline: thin dotted;
    color: #fff;
    color: var(--navi-text-color);
    background: none
}

.primary-menu-toggle:hover,
.primary-menu-toggle:active {
    color: rgba(255, 255, 255, 0.5);
    color: var(--navi-hover-text-color);
    background: none;
    cursor: pointer
}

.primary-menu-toggle .icon {
    margin: 0;
    width: 24px;
    height: 24px;
    vertical-align: top;
    fill: var(--navi-text-color)
}

.primary-menu-toggle:hover .icon,
.primary-menu-toggle:active .icon {
    fill: rgba(255, 255, 255, 0.5);
    fill: var(--navi-hover-text-color)
}

.primary-menu-toggle[aria-expanded="false"] .icon-close {
    display: none
}

.main-navigation .dropdown-toggle:focus {
    outline: thin dotted;
    fill: #fff;
    fill: var(--navi-text-color);
    background: none
}

.main-navigation .dropdown-toggle:hover,
.main-navigation .dropdown-toggle:active {
    background: none
}

.main-navigation .dropdown-toggle:hover .icon,
.main-navigation .dropdown-toggle:active .icon,
.main-navigation .dropdown-toggle:focus .icon {
    fill: rgba(255, 255, 255, 0.5);
    fill: var(--navi-hover-text-color)
}

.donovan-social-menu .social-icons-menu li a:hover,
.donovan-social-menu .social-icons-menu li a:active {
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none
}

.site-main>article,
.type-page {
    margin: 0;
    padding: 1.5rem;
    max-width: 100%;
    box-sizing: border-box;
    background-color: var(--page-background-color);
    border-bottom: 1px solid;
    border-color: var(--page-border-color);
    min-width: 0;
    word-wrap: break-word
}

.entry-title {
    margin-top: 0;
    margin-bottom: 0.2em;
    padding: 0;
    color: var(--title-color);
    font-size: 1.25rem;
    font-family: var(--title-font);
    font-weight: var(--title-font-weight);
    text-transform: var(--title-text-transform);
    line-height: var(--title-line-height)
}

.entry-title a:link,
.entry-title a:visited {
    color: #202020;
    color: var(--title-color);
    text-decoration: none
}

.entry-title a:hover,
.entry-title a:active {
    text-decoration: underline
}

.wp-post-image {
    margin: 0 0 1em;
    vertical-align: top
}

.entry-content {
    margin-top: 1em
}

.entry-content>*:first-child {
    margin-top: 0
}

.entry-content p:last-child {
    margin-bottom: 0
}

.more-link:link,
.more-link:visited {
    color: #fff;
    color: var(--button-text-color);
    text-decoration: none
}

.more-link:hover,
.more-link:active {
    color: #fff;
    color: var(--button-hover-text-color);
    background-color: #d5001a;
    background-color: var(--button-hover-color);
    text-decoration: none
}

.entry-meta a:link,
.entry-meta a:visited,
.entry-footer a:link,
.entry-footer a:visited {
    color: rgba(0, 0, 0, 0.5);
    color: var(--light-text-color);
    text-decoration: none
}

.entry-meta a:hover,
.entry-meta a:active,
.entry-footer a:hover,
.entry-footer a:active {
    color: #202020;
    color: var(--text-color)
}

.entry-meta a:link,
.entry-meta a:visited {
    border-bottom: 1px dotted;
    border-color: rgba(0, 0, 0, 0.15);
    border-color: var(--medium-border-color)
}

.entry-meta a:hover,
.entry-meta a:active {
    text-decoration: none
}

.post-navigation .nav-links a:link,
.post-navigation .nav-links a:visited {
    text-decoration: none
}

.post-navigation .nav-links a:hover .entry-title,
.post-navigation .nav-links a:active .entry-title {
    text-decoration: underline
}

.post-navigation .nav-links .nav-previous .nav-link-text::before {
    margin-right: 5px;
    content: "←"
}

.post-navigation .nav-links .nav-next .nav-link-text::after {
    margin-left: 5px;
    content: "→"
}

.pagination a:hover,
.pagination a:active {
    color: #fff;
    color: var(--button-hover-text-color);
    background-color: #d5001a;
    background-color: var(--button-hover-color)
}

.infinite-scroll #infinite-handle span:hover {
    color: #fff;
    color: var(--button-hover-text-color);
    background-color: #d5001a;
    background-color: var(--button-hover-color);
    text-decoration: none
}

.wp-block-image {
    margin-bottom: 1.5em
}

.has-drop-cap:not(:focus)::first-letter {
    font-size: 4.5rem;
    line-height: 0.7;
    font-weight: 700
}

.wp-block-button__link:link,
.wp-block-button__link:visited {
    color: inherit;
    text-decoration: none
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):link,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):visited {
    color: #fff;
    color: var(--button-text-color)
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):not(.has-background):hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):not(.has-background):active {
    background-color: #d5001a;
    background-color: var(--button-hover-color)
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active {
    text-decoration: underline
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:active {
    text-decoration: underline
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):active {
    color: inherit
}

.wp-block-image img {
    vertical-align: top
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    padding: 0
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    margin-top: 0.5rem
}

.widget {
    margin: 0;
    padding: 1.5rem;
    max-width: 100%;
    word-wrap: break-word;
    background-color: var(--page-background-color);
    border-bottom: 1px solid;
    border-color: var(--page-border-color)
}

.widget a:link,
.widget a:visited {
    text-decoration: none
}

.widget a:hover,
.widget a:active {
    text-decoration: underline
}

.widget ul {
    margin: 0
}

.widget ul li {
    padding: 0.2em 0
}

.widget ul>li:last-child {
    padding-bottom: 0
}

.search-form .search-submit:hover,
.search-form .search-submit:active {
    background-color: #d5001a;
    background-color: var(--button-hover-color)
}

.search-form .search-submit:hover .icon-search,
.search-form .search-submit:active .icon-search {
    fill: #fff;
    fill: var(--button-hover-text-color)
}

.comment-meta .comment-metadata a:link,
.comment-meta .comment-metadata a:visited {
    color: rgba(0, 0, 0, 0.5);
    color: var(--light-text-color);
    text-decoration: none
}

.comment-meta .comment-metadata a:hover,
.comment-meta .comment-metadata a:active {
    color: #202020;
    color: var(--text-color)
}

.comment-navigation a:link,
.comment-navigation a:visited {
    color: rgba(0, 0, 0, 0.5);
    color: var(--light-text-color);
    text-decoration: none
}

.comment-navigation a:hover,
.comment-navigation a:active {
    color: #202020;
    color: var(--text-color)
}

.comment-navigation .nav-previous a::before {
    margin-right: 5px;
    content: "←"
}

.comment-navigation .nav-next a::after {
    margin-left: 5px;
    content: "→"
}

figure,
img {
    max-width: 100%
}

.footer-wrap {
    background-color: var(--footer-color)
}

.site-footer {
    font-size: 1rem
}

.site-footer a:link,
.site-footer a:visited {
    color: #fff;
    color: var(--footer-text-color);
    text-decoration: none
}

.site-footer a:hover,
.site-footer a:active {
    color: rgba(255, 255, 255, 0.5);
    color: var(--footer-hover-text-color)
}

.site-footer .site-info {
    padding: 1.5rem;
    text-align: center;
    color: var(--footer-hover-text-color)
}

.breadcrumbs .trail-items li::after {
    padding: 0 0.5em;
    content: "»"
}

.trail-separator-slash .trail-items li::after {
    content: "/"
}

.trail-separator-dash .trail-items li::after {
    content: "–"
}

.trail-separator-bull .trail-items li::after {
    content: "•"
}

.trail-separator-arrow-bracket .trail-items li::after {
    content: ">"
}

.trail-separator-raquo .trail-items li::after {
    content: "»"
}

.trail-separator-single-arrow .trail-items li::after {
    content: "→"
}

.trail-separator-double-arrow .trail-items li::after {
    content: "⇒"
}

.breadcrumbs .trail-items li:last-of-type::after {
    display: none
}

:root {
    --tz-column-gap: 1.5rem
}

.related-posts .clearfix::before,
.related-posts .clearfix::after {
    display: inline;
    content: none
}

.tzwb-posts-list .tzwb-entry-meta a:link,
.tzwb-posts-list .tzwb-entry-meta a:visited {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none
}

.tzwb-posts-list .tzwb-entry-meta a:hover,
.tzwb-posts-list .tzwb-entry-meta a:active {
    color: #202020;
    color: var(--text-color)
}

.tzwb-tabbed-content .tzwb-tabnavi li a:link,
.tzwb-tabbed-content .tzwb-tabnavi li a:visited {
    color: #fff;
    color: var(--button-text-color)
}

.tzwb-tabbed-content .tzwb-tabnavi li a:hover,
.tzwb-tabbed-content .tzwb-tabnavi li a:active {
    color: #fff;
    color: var(--button-hover-text-color);
    background-color: #d5001a;
    background-color: var(--button-hover-color);
    text-decoration: none
}

.tzwb-tabbed-content .tzwb-tabnavi li a:focus {
    outline: none
}

.tzwb-social-icons .social-icons-menu li a:hover,
.tzwb-social-icons .social-icons-menu li a:active {
    background-color: #d5001a;
    background-color: var(--button-hover-color);
    text-decoration: none
}

.tzwb-social-icons .social-icons-menu li a:hover .icon,
.tzwb-social-icons .social-icons-menu li a:active .icon {
    fill: #fff;
    fill: var(--button-hover-text-color)
}

@media only screen and (min-width:20em) {
    body,
    button {
        font-size: 1rem
    }
    .site-title {
        font-size: 2.25rem
    }
    .entry-title {
        font-size: 1.375rem
    }
}

@media only screen and (min-width:30em) {
    .entry-title {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:35em) {
    .entry-title {
        font-size: 1.625rem
    }
}

@media only screen and (min-width:40em) {
    body,
    button {
        font-size: 1.0625rem
    }
    .site-title {
        font-size: 2.5rem
    }
    .site-description {
        font-size: 0.9375rem
    }
    .entry-title {
        font-size: 1.75rem
    }
}

@media only screen and (min-width:50em) {
    .entry-title {
        font-size: 2rem
    }
}

@media only screen and (min-width:55em) {
    .entry-title {
        font-size: 1.75rem
    }
}

@media only screen and (min-width:70em) {
    .entry-title {
        font-size: 2rem
    }
}

@media only screen and (min-width:90em) {
    .entry-title {
        font-size: 2.25rem
    }
    .entry-content {
        font-size: 1.125rem
    }
}

@media only screen and (min-width:25em) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .primary-navigation-container {
        padding: 0
    }
    .site-header,
    .widget,
    .site-main>article,
    .type-page {
        margin-bottom: 1rem;
        border-bottom: none
    }
    .site-footer .site-info {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:40em) {
    .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .primary-navigation-container {
        padding: 0
    }
    .site-header,
    .widget,
    .site-main>article,
    .type-page {
        margin-bottom: 1.5rem
    }
}

@media only screen and (min-width:55em) {
    @supports (display: grid) {
        .site-content {
            display:grid;
            grid-template-columns: 7fr 3fr;
            grid-column-gap: 1.5rem
        }
        .content-area {
            box-sizing: border-box;
            grid-row-start: 2;
            grid-column-start: 1;
            min-width: 0
        }
        .sidebar {
            grid-row-start: 2;
            grid-column-start: 2;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            border: none;
            min-width: 0
        }
    }
    .header-main {
        position: relative;
        display: flex;
        text-align: left
    }
    .site-footer .site-info {
        text-align: left
    }
}

@media only screen and (min-width:55em) and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .site-content {
        display: flex
    }
    .content-area {
        width: 70%;
        box-sizing: border-box;
        padding-right: 0.75rem
    }
    .sidebar {
        width: 30%;
        box-sizing: border-box;
        padding-left: 0.75rem
    }
}

@media only screen and (min-width:75em) {
    .header-main {
        padding-top: 2em;
        padding-bottom: 2em
    }
}

@media only screen and (min-width:55em) {
    .primary-menu-toggle {
        display: none
    }
    .primary-navigation {
        display: flex;
        margin-left: auto;
        width: auto;
        align-items: center
    }
    #masthead .main-navigation>ul.menu {
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: 0;
        border-bottom: none
    }
    .main-navigation>ul>li>a {
        border: none
    }
    .main-navigation ul ul a:link,
    .main-navigation ul ul a:visited {
        color: #fff;
        color: var(--submenu-text-color)
    }
    .main-navigation ul ul a:hover,
    .main-navigation ul ul a:active {
        color: rgba(255, 255, 255, 0.5);
        color: var(--submenu-hover-text-color)
    }
    .main-navigation ul li:hover>ul {
        right: auto;
        left: 0
    }
    .main-navigation ul ul li:hover>ul {
        right: auto;
        left: 100%
    }
    .main-navigation ul .menu-item-has-children>a:hover>.icon {
        fill: rgba(255, 255, 255, 0.5);
        fill: var(--submenu-hover-text-color)
    }
}