/*!
Theme Name: Timera Outdoor Revival
Template: timera-master
Author: Hive Media
Description: Based on original Timera themes
Version: 1.0
*/

.icon,
[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#page,
section.hero article {
    padding: 6px
}

.content-wrapper main article,
.wrapper main article,
header#siteheader .branding nav.menu .mobile-toggle-close,
section.hero article {
    border: 1px solid #ddd;
    box-shadow: 3px -3px 3px rgba(100, 100, 100, .5);
    position: relative
}

*,
body #secondary-P5-wrapper.display,
section.hero article:first-child {
    padding: 0
}

.primary-ad-wrapper.suggest a.fillstuff,
.thumb a {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

@font-face {
    font-family: icomoon;
    src: url("/wp-content/themes/hive-master/assets/fonts/icomoon.eot?fo61nq");
    src: url("/wp-content/themes/hive-master/assets/fonts/icomoon.eot?fo61nq#iefix") format("embedded-opentype"), url("/wp-content/themes/hive-master/assets/fonts/icomoon.ttf?fo61nq") format("truetype"), url("/wp-content/themes/hive-master/assets/fonts/icomoon.woff?fo61nq") format("woff"), url("/wp-content/themes/hive-master/assets/fonts/icomoon.svg?fo61nq#icomoon") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

* {
    margin: 0;
    box-sizing: border-box
}

html {
    font-size: 100%
}

body {
    font-size: 16px;
    line-height: 21px;
    font-family: var(--timera-body-font, sans-serif);
    color: var(--timera-body-color, #4b4b4b);
    background-color: var(--timera-body-bg, #fff);
    min-width: 320px
}

header#siteheader .branding .header-text svg,
header#siteheader .branding .logo svg,
img {
    max-width: 100%;
    height: auto
}

a {
    color: var(--timera-link-color, #c30);
    text-decoration: none
}

a:hover {
    color: var(--timera-link-color-hover, #ff4000)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--timera-header-color, #4b4b4b);
    background-color: inherit;
    font-family: var(--timera-header-font, sans-serif);
    line-height: 1.2em
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--timera-header-link-color, #c30)
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: var(--timera-header-link-color-hover, #ff4000)
}

h1 {
    font-size: 1.9rem
}

h2 {
    font-size: 1.7rem
}

h3 {
    font-size: 1.5rem
}

h4,
h5,
h6 {
    font-size: 1.2rem
}

.clear {
    clear: both;
    overflow: hidden;
    margin-bottom: -1px;
    height: 1px
}

.ad-widget-wrapper,
.aligncenter {
    text-align: center
}

.alignleft {
    display: block;
    float: left;
    margin: 0 1rem 1rem 0
}

.alignright {
    display: block;
    float: right;
    margin: 0 0 1rem 1rem
}

.content-wrapper section.sidebar,
.screen-reader-text,
.wrapper section.sidebar,
body .ad-widget-wrapper .attribution {
    display: none
}

svg {
    display: block
}

svg.fb,
svg.ig,
svg.pn,
svg.tw {
    fill: var(--timera-nav-link-color, #c30);
    margin-bottom: .5rem
}

svg.fb .inverted,
svg.ig .inverted,
svg.pn .inverted,
svg.tw .inverted {
    fill: var(--timera-body-bg, #fff)
}

[class*=" icon-"],
[class^=icon-] {
    speak: never;
    font-size: 32px;
    display: block
}

.icon {
    speak: none
}

.instagram:before {
    content: ""
}

.facebook:before {
    content: ""
}

.pinterest:before {
    content: ""
}

.twitter:before {
    content: ""
}

#page {
    max-width: 1650px;
    margin: 0 auto
}

header#siteheader nav.service {
    font-family: var(--timera-service-font, monospace);
    color: var(--timera-service-color, #fff);
    background-color: var(--timera-service-bg, #4b4b4b);
    display: none
}

header#siteheader nav.service a {
    color: var(--timera-service-link-color, #fff)
}

header#siteheader nav.service a:hover {
    color: var(--timera-service-link-color-hover, #e6e6e6)
}

header#siteheader .branding {
    margin: 0 auto;
    display: grid;
    justify-items: center;
    align-items: center;
    grid-template-columns: 10% 20% auto;
    grid-template-rows: auto auto
}

header#siteheader .branding .header-text,
header#siteheader .branding .logo {
    padding: 0 .5rem;
    width: 100%
}

header#siteheader .branding .header-text a img,
header#siteheader .branding .header-text a svg,
header#siteheader .branding .logo a img,
header#siteheader .branding .logo a svg {
    display: block;
    margin: 0 auto
}

header#siteheader .branding .searchbar input {
    display: block;
    max-width: 300px;
    border: 1px solid #ccc;
    font-size: 1.15rem;
    padding: 3px 6px;
    margin: 6px auto
}

header#siteheader .branding nav.menu {
    font-family: var(--timera-nav-font, sans-serif);
    position: absolute;
    z-index: 100;
    left: -100%;
    transition: left .6s;
    top: 6px
}

section.hero {
    margin: .75rem 0 0
}

section.hero article:first-child span {
    background-color: rgba(255, 255, 255, .6);
    padding: .3rem;
    display: inline-block;
    width: 100%;
    line-height: 120%;
    position: absolute;
    bottom: 0;
    font-size: 1.65rem;
    font-weight: 700;
    font-family: var(--timera-caption-font, sans-serif);
    mix-blend-mode: difference
}

.thumb a {
    display: block;
    width: 100%;
}

.hero article .thumb a img {
    max-height: 100%;
}
.thumb a img {
    height: 100%;
    width: 100%;
    max-height: 300px;
    display: block;
    object-fit: cover;
}

.content-wrapper main,
.wrapper main {
    margin: .75rem 0;
    width: 100%
}

.content-wrapper main .sectitle,
.wrapper main .sectitle {
    padding-bottom: 4px;
    box-shadow: none;
    border-bottom: 3px solid var(--timera-section-header-bg, #c30);
    margin-bottom: .5rem
}

.content-wrapper main .sectitle a,
.content-wrapper main .sectitle span,
.wrapper main .sectitle a,
.wrapper main .sectitle span {
    background-color: var(--timera-section-header-bg, #c30);
    padding: 6px
}

.content-wrapper main .sectitle span,
.wrapper main .sectitle span {
    color: var(--timera-section-header-color, #fff)
}

.content-wrapper main .sectitle a,
.wrapper main .sectitle a {
    color: var(--timera-section-header-link-color, #fff)
}

.content-wrapper main .sectitle a:hover,
.wrapper main .sectitle a:hover {
    color: var(--timera-section-link-color-hover, #e6e6e6)
}

.content-wrapper main article,
.wrapper main article {
    margin-bottom: 1.5rem;
    padding: 6px
}

.content-wrapper main article.double,
.wrapper main .double article,
.wrapper main article.double {
    padding-bottom: 2rem
}

.content-wrapper main article.double .more,
.wrapper main .double article .more,
.wrapper main article.double .more {
    position: absolute;
    bottom: 0;
    right: 5%
}

.content-wrapper main article figure,
.wrapper main article figure {
    text-align: center;
    width: 100%!important;
    margin-bottom: 1rem
}

.content-wrapper main article figure figcaption,
.wrapper main article figure figcaption {
    font-family: var(--timera-caption-font, sans-serif);
    color: var(--timera-caption-color, #4b4b4b);
    background-color: var(--timera-caption-bg, #fff);
    font-style: italic;
    line-height: 1.3rem
}

.content-wrapper main article figure figcaption a,
.wrapper main article figure figcaption a {
    color: var(--timera-caption-link-color, #c30)
}

.content-wrapper main article figure figcaption a:hover,
.wrapper main article figure figcaption a:hover {
    color: var(--timera-caption-link-color-hover, #ff4000)
}

.content-wrapper main article figure img,
.wrapper main article figure img {
    display: block;
    margin: 0 auto .15rem
}

.content-wrapper main article iframe,
.wrapper main article iframe {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.content-wrapper main article h4,
.content-wrapper main article ol,
.content-wrapper main article p,
.content-wrapper main article ul,
.wrapper main article h4,
.wrapper main article ol,
.wrapper main article p,
.wrapper main article ul {
    margin-bottom: 1rem;
    line-height: 1.5rem
}

.content-wrapper main article h2,
.content-wrapper main article h3,
.wrapper main article h2,
.wrapper main article h3 {
    margin: 1.5rem 0
}

.content-wrapper main article ol,
.content-wrapper main article ul,
.wrapper main article ol,
.wrapper main article ul {
    padding-left: 2rem
}

.content-wrapper main article>div.post,
.wrapper main article>div.post {
    display: flex;
    margin-bottom: 1.5rem
}

.archive .content-wrapper main article header h1,
.archive .wrapper main article header h1 {
    margin-bottom: 1rem
}

.content-wrapper main article header h3,
.wrapper main article header h3 {
    margin: 0 0 .5rem
}

.archive.author .content-wrapper main article header img,
.archive.author .wrapper main article header img {
    display: block;
    margin: 0 auto 1rem;
    border-radius: 96px
}

.content-wrapper main article header .meta-info,
.content-wrapper main article.double h3,
.double .content-wrapper main article h3,
.double .wrapper main article h3,
.wrapper main article header .meta-info,
.wrapper main article.double h3 {
    margin-bottom: .5rem
}

.content-wrapper main article header .meta-info .post-categories,
.wrapper main article header .meta-info .post-categories {
    padding-left: 0;
    margin: 0;
    list-style: none
}

.content-wrapper main article header .meta-info .post-categories li,
.wrapper main article header .meta-info .post-categories li {
    font-size: .8rem;
    font-family: var(--timera-meta-category-font, sans-serif);
    color: var(--timera-meta-category-color, #fff);
    background-color: var(--timera-meta-category-bg, #c30);
    padding: 0 .3rem;
    float: left;
    margin: 0 .3rem .3rem 0
}

.content-wrapper main article header .meta-info .post-categories li a,
.wrapper main article header .meta-info .post-categories li a {
    color: var(--timera-meta-category-link-color, #fff)
}

.content-wrapper main article header .meta-info .post-categories li a:hover,
.wrapper main article header .meta-info .post-categories li a:hover {
    color: var(--timera-meta-category-link-color-hover, #e6e6e6)
}

.content-wrapper main article header .meta-info time,
.wrapper main article header .meta-info time {
    font-family: var(--timera-meta-date-font, sans-serif);
    color: var(--timera-meta-date-color, #4b4b4b);
    background-color: var(--timera-meta-date-bg, #fff)
}

.content-wrapper main article header .meta-info time a,
.wrapper main article header .meta-info time a {
    color: var(--timera-meta-date-link-color, #c30)
}

.content-wrapper main article header .meta-info time a:hover,
.wrapper main article header .meta-info time a:hover {
    color: var(--timera-meta-date-link-color-hover, #ff4000)
}

.content-wrapper main article header .meta-info .author,
.wrapper main article header .meta-info .author {
    font-family: var(--timera-meta-author-font, sans-serif);
    color: var(--timera-meta-author-color, #4b4b4b);
    background-color: var(--timera-meta-author-bg, #fff)
}

.content-wrapper main article header .meta-info .author a,
.wrapper main article header .meta-info .author a {
    color: var(--timera-meta-author-link-color, #c30)
}

.content-wrapper main article header .meta-info .author a:hover,
.wrapper main article header .meta-info .author a:hover {
    color: var(--timera-meta-author-link-color-hover, #ff4000)
}

.content-wrapper main article header .feature.lead figure,
.wrapper main article header .feature.lead figure {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.content-wrapper main article header .feature.lead figure figcaption,
.wrapper main article header .feature.lead figure figcaption {
    background-color: rgba(255, 255, 255, .6);
    padding: .1rem .3rem;
    width: 100%;
    font-size: 1.2rem;
    line-height: 2rem;
    mix-blend-mode: difference
}

.content-wrapper main article footer.author,
.wrapper main article footer.author {
    padding: .5rem;
    margin-bottom: 1rem;
    width: 100%;
    color: var(--timera-author-color, #4b4b4b);
    background-color: var(--timera-author-bg, #fff)
}

.content-wrapper main article footer.author a,
.wrapper main article footer.author a {
    color: var(--timera-author-link-color, #c30)
}

.content-wrapper main article footer.author a:hover,
.wrapper main article footer.author a:hover {
    color: var(--timera-author-link-color-hover, #ff4000)
}

.content-wrapper main article footer.author img,
.wrapper main article footer.author img {
    float: left;
    border-radius: 96px;
    margin-bottom: 1rem
}

.content-wrapper main article footer.author h3,
.wrapper main article footer.author h3 {
    min-height: 96px;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    margin-bottom: 1rem
}

.content-wrapper main nav.pagination,
.wrapper main nav.pagination {
    text-align: center;
    margin: .5rem 0;
    font-family: var(--timera-pagination-font, monospace);
    font-size: 30px
}

.content-wrapper main nav.pagination a,
.content-wrapper main nav.pagination span,
.wrapper main nav.pagination a,
.wrapper main nav.pagination span {
    padding: .2rem .4rem;
    box-shadow: none;
    border: 1px solid var(--timera-link-color, #c30);
    color: var(--timera-pagination-color, #4b4b4b);
    background-color: var(--timera-pagination-bg, #fff)
}

.content-wrapper main nav.pagination a a,
.content-wrapper main nav.pagination span a,
.wrapper main nav.pagination a a,
.wrapper main nav.pagination span a {
    color: var(--timera-pagination-link-color, #c30)
}

.content-wrapper main nav.pagination a a:hover,
.content-wrapper main nav.pagination span a:hover,
.wrapper main nav.pagination a a:hover,
.wrapper main nav.pagination span a:hover {
    color: var(--timera-pagination-link-color-hover, #ff4000)
}

.content-wrapper main nav.pagination a.current,
.content-wrapper main nav.pagination span.current,
.wrapper main nav.pagination a.current,
.wrapper main nav.pagination span.current {
    box-shadow: none;
    border: 1px solid var(--timera-body-color, #4b4b4b);
    color: var(--timera-pagination-active-color, #fff);
    background-color: var(--timera-pagination-active-bg, #c30)
}

.content-wrapper main nav.pagination a.current a,
.content-wrapper main nav.pagination span.current a,
.wrapper main nav.pagination a.current a,
.wrapper main nav.pagination span.current a {
    color: var(--timera-pagination-active-link-color, #fff)
}

.content-wrapper main nav.pagination a.current a:hover,
.content-wrapper main nav.pagination span.current a:hover,
.wrapper main nav.pagination a.current a:hover,
.wrapper main nav.pagination span.current a:hover {
    color: var(--timera-pagination-active-link-color-hover, #e6e6e6)
}

.content-wrapper section.sidebar aside,
.wrapper section.sidebar aside {
    font-family: var(--timera-widget-body-font, sans-serif);
    color: var(--timera-widget-body-color, #4b4b4b);
    background-color: var(--timera-widget-body-bg, #fff)
}

.content-wrapper section.sidebar aside a,
.wrapper section.sidebar aside a {
    color: var(--timera-widget-body-link-color, #c30)
}

.content-wrapper section.sidebar aside a:hover,
.wrapper section.sidebar aside a:hover {
    color: var(--timera-widget-body-link-color-hover, #ff4000)
}

.content-wrapper section.sidebar aside .block-title,
.wrapper section.sidebar aside .block-title {
    font-family: var(--timera-widget-header-font, sans-serif);
    color: var(--timera-widget-header-color, #fff);
    background-color: var(--timera-widget-header-bg, #c30)
}

.content-wrapper section.sidebar aside .block-title a,
.wrapper section.sidebar aside .block-title a {
    color: var(--timera-widget-header-link-color, #fff)
}

.content-wrapper section.sidebar aside .block-title a:hover,
.wrapper section.sidebar aside .block-title a:hover {
    color: var(--timera-widget-header-link-color-hover, #e6e6e6)
}

footer#sitefooter {
    font-family: var(--timera-footer-font, sans-serif);
    color: var(--timera-footer-color, #fff);
    background-color: var(--timera-footer-bg, #4b4b4b);
    padding: 1rem;
    margin-bottom: 50px
}

footer#sitefooter a {
    color: var(--timera-footer-link-color, #fff)
}

footer#sitefooter a:hover {
    color: var(--timera-footer-link-color-hover, #e6e6e6)
}

header#siteheader .branding .header-text img,
header#siteheader .branding .header-text svg,
header#siteheader .branding .logo img,
header#siteheader .branding .logo svg {
    max-height: 100px
}

.timera-no-header header#siteheader .branding,
.timera-no-logo header#siteheader .branding {
    grid-template-columns: 10% auto 10%
}

header#siteheader .branding .mobile-toggle {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    cursor: pointer;
    display: block;
    margin: 6px;
    min-width: 32px;
    max-width: 40px;
    width: calc(100% - 12px)
}

header#siteheader .branding .header-text {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2
}

.timera-no-logo header#siteheader .branding .header-text,
header#siteheader .branding .logo {
    grid-column-start: 2;
    grid-column-end: 3
}

header#siteheader .branding .logo {
    grid-row-start: 1;
    grid-row-end: 2
}

header#siteheader .branding .searchbar {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4
}

.menu-mob-open-menu header#siteheader .branding nav.menu {
    left: -6px
}

header#siteheader .branding nav.menu .mobile-toggle-close {
    width: 42px;
    right: 1px;
    top: 6px;
    float: right;
    background-color: var(--timera-nav-bg, #fff);
    padding: 6px;
    fill: var(--timera-nav-link-color, #c30);
    border-left-color: rgba(255, 255, 255, 0)
}

header#siteheader .branding nav.menu ul {
    list-style-type: none;
    display: block;
    color: var(--timera-nav-color, #4b4b4b);
    background-color: var(--timera-nav-bg, #fff);
    font-size: 30px;
    line-height: 150%;
    padding: 6px;
    box-shadow: 3px -3px 3px rgba(100, 100, 100, .5);
    border: 1px solid #ddd;
    width: calc(100% - 42px);
    margin: 6px 0
}

header#siteheader .branding nav.menu ul a {
    color: var(--timera-nav-link-color, #c30)
}

header#siteheader .branding nav.menu ul a:hover {
    color: var(--timera-nav-link-color-hover, #ff4000)
}

.menu-mob-open-menu header#siteheader .branding nav.menu ul li {
    padding-left: 6px
}

header#siteheader .branding nav.menu ul .inverted {
    background-color: var(--timera-nav-link-color, #c30);
    border-bottom: 1px solid #fff
}

header#siteheader .branding nav.menu ul .inverted a {
    color: var(--timera-nav-bg, #fff)
}

.thumb {
    width: 100%
}

.content-wrapper,
.wrapper {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap
}

.content-wrapper main article>div.post,
.wrapper main article>div.post {
    flex-wrap: wrap
}

@media only screen and (min-width:768px) {
    .timera-no-header header#siteheader .branding,
    .timera-no-logo header#siteheader .branding,
    header#siteheader .branding {
        grid-template-columns: 16.9% auto 250px
    }
    #page {
        padding: 0 12px 6px 18px
    }
    header#siteheader .branding nav.menu ul li:hover ul,
    header#siteheader nav.service {
        display: block
    }
    header#siteheader nav.service ul {
        display: flex;
        margin-bottom: 16px;
        list-style: none
    }
    header#siteheader nav.service ul li {
        padding: .1rem 1rem;
        font-size: .8rem;
        text-transform: uppercase;
        text-align: center;
        display: inline-block
    }
    header#siteheader nav.service ul li:first-of-type {
        border-right: 6px var(--timera-service-color, #fff) solid
    }
    header#siteheader .branding {
        grid-template-rows: 50% 50%
    }
    header#siteheader .branding .mobile-toggle,
    header#siteheader .branding nav.menu .mobile-toggle-close,
    header#siteheader .branding nav.menu ul li.img,
    header#siteheader .branding nav.menu ul li.inverted {
        display: none
    }
    header#siteheader .branding .header-text {
        width: calc(100% - .5rem);
        grid-column-start: 2;
        grid-column-end: 3
    }
    header#siteheader .branding .header-text img {
        max-height: 100px
    }
    .timera-no-logo header#siteheader .branding .header-text,
    .timera-no-logo header#siteheader .branding nav.menu {
        grid-column-start: 1
    }
    header#siteheader .branding .logo {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 3
    }
    header#siteheader .branding .logo img {
        max-height: 150px
    }
    header#siteheader .branding .searchbar {
        padding: .6rem;
        grid-column-start: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        justify-self: end;
        box-shadow: 3px -3px 3px rgba(100, 100, 100, .5);
        border: 1px solid #ddd
    }
    header#siteheader .branding .searchbar input {
        width: 100%;
        margin: 0 auto;
        font-size: 1rem;
        padding: calc(.15rem - 1px) .4rem
    }
    header#siteheader .branding nav.menu {
        position: inherit;
        left: auto;
        top: auto;
        transition: none;
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 3;
        padding: .8rem .5rem;
        justify-self: start;
        color: var(--timera-nav-color, #4b4b4b);
        background-color: var(--timera-nav-bg, #fff);
        box-shadow: 3px -3px 3px rgba(100, 100, 100, .5);
        border: 1px solid #ddd
    }
    header#siteheader .branding nav.menu a {
        color: var(--timera-nav-link-color, #c30)
    }
    header#siteheader .branding nav.menu a:hover {
        color: var(--timera-nav-link-color-hover, #ff4000)
    }
    header#siteheader .branding nav.menu ul {
        font-size: 1rem;
        line-height: 1rem;
        padding: 0;
        box-shadow: none;
        border: none;
        width: auto;
        margin: 0
    }
    header#siteheader .branding nav.menu ul li {
        float: left;
        margin: 0 .5rem
    }
    header#siteheader .branding nav.menu ul li ul {
        display: none;
        padding: 10px;
        position: absolute;
        min-width: 100px;
        z-index: 1
    }
    header#siteheader .branding nav.menu ul li ul li {
        float: none;
        margin-left: 0;
        margin-top: 1rem
    }
    section.hero {
        display: grid;
        grid-template-columns: 61.803fr 12px 38.197fr;
        grid-template-rows: 1fr 12px 1fr 12px 1fr
    }
    section.hero article {
        margin-bottom: 1.5rem;
        display: flex
    }
    section.hero article h2 {
        font-size: 1.8vw;
        align-self: center
    }
    section.hero article .thumb {
        min-width: 38.197%;
        align-self: center
    }
    section.hero article .thumb a {
        height: 100%
    }
    section.hero article:first-child {
        grid-area: 1/1/6/2;
        display: block
    }
    section.hero article:first-child .thumb {
        width: 100%;
        height: 100%
    }
    section.hero article:nth-child(2) {
        grid-area: 1/3/2/4
    }
    section.hero article:nth-child(3) {
        grid-area: 3/3/4/4
    }
    section.hero article:nth-child(4) {
        grid-area: 5/3/6/4
    }
    .thumb {
        width: 40%;
        margin-right: .75rem
    }
    .content-wrapper,
    .content-wrapper main article>div.post,
    .wrapper,
    .wrapper main article>div.post {
        flex-wrap: nowrap
    }
    .content-wrapper main,
    .wrapper main {
        flex-grow: 1
    }
    .home .content-wrapper main h4,
    .home .wrapper main h4 {
        font-size: 1.8vw;
        margin-bottom: 12px
    }
    .content-wrapper main header h3,
    .home .content-wrapper main h3,
    .home .wrapper main h3,
    .wrapper main header h3 {
        font-size: 2.2vw
    }
    .content-wrapper main .sectitle,
    .wrapper main .sectitle {
        font-size: 3.5vw;
        margin-bottom: 6px
    }
    .content-wrapper main .double,
    .wrapper main .double {
        display: flex;
        margin-bottom: 1.5rem
    }
    .content-wrapper main .double .alist,
    .wrapper main .double .alist {
        width: 50%;
        margin-right: 12px
    }
    .content-wrapper main .double .alist:last-of-type,
    .wrapper main .double .alist:last-of-type {
        margin-right: 0
    }
    .content-wrapper main .double .alist article,
    .wrapper main .double .alist article {
        width: 100%;
        height: 91%;
        padding: 6px 6px 2rem;
        margin: 0 12px 12px 0
    }
    .content-wrapper main .double .alist article h3,
    .wrapper main .double .alist article h3 {
        min-height: 4rem;
        margin-bottom: 0
    }
    .content-wrapper main .double .alist .thumb,
    .wrapper main .double .alist .thumb {
        width: 100%
    }
    .content-wrapper main article,
    .wrapper main article {
        padding: 1rem
    }
    .archive .content-wrapper main article,
    .archive .wrapper main article,
    .home .content-wrapper main article,
    .home .wrapper main article,
    .search .content-wrapper main article,
    .search .wrapper main article {
        margin-bottom: 1.5rem
    }
    .content-wrapper main article>div.post .thumb,
    .wrapper main article>div.post .thumb {
        min-width: 38.197%;
    }
    .archive.author .content-wrapper main article header img,
    .archive.author .wrapper main article header img {
        float: left;
        margin: 0 0 1rem
    }
    .archive.author .content-wrapper main article header h1,
    .archive.author .wrapper main article header h1 {
        min-height: 96px;
        display: flex;
        align-items: center;
        padding-left: 1rem
    }
    .content-wrapper main nav.pagination,
    .wrapper main nav.pagination {
        font-size: 26px
    }
    .content-wrapper section.sidebar,
    .wrapper section.sidebar {
        flex-shrink: 0;
        width: 160px;
        margin-left: 12px;
        display: block
    }
    .content-wrapper section.sidebar aside,
    .wrapper section.sidebar aside {
        max-width: 100%;
        margin: .75rem 0
    }
    .content-wrapper section.sidebar aside.framed,
    .wrapper section.sidebar aside.framed {
        padding: 6px;
        box-shadow: 3px -3px 3px rgba(100, 100, 100, .5);
        border: 1px solid #ddd
    }
    .content-wrapper section.sidebar aside h3,
    .wrapper section.sidebar aside h3 {
        padding: 6px;
        margin-bottom: 1rem;
        font-size: 22px
    }
    footer#sitefooter {
        margin-bottom: 90px
    }
}

@media only screen and (min-width:1110px) {
    .timera-no-header header#siteheader .branding,
    .timera-no-logo header#siteheader .branding,
    header#siteheader .branding {
        grid-template-columns: 250px auto 250px
    }
    .timera-no-header header#siteheader .branding .searchbar,
    .timera-no-header header#siteheader .branding nav.menu {
        grid-row-start: 1;
        grid-row-end: 3
    }
    header#siteheader .branding .header-text {
        width: calc(100% - 3.5rem)
    }
    header#siteheader .branding nav.menu {
        padding: 1rem
    }
    header#siteheader .branding nav.menu ul li {
        margin: 0 1rem
    }
    header#siteheader .branding .searchbar {
        padding: .8rem
    }
    .content-wrapper main .sectitle,
    .wrapper main .sectitle,
    section.hero article h2 {
        font-size: 1.5rem
    }
    .home .content-wrapper main h4,
    .home .wrapper main h4 {
        font-size: 1.1875rem
    }
    .content-wrapper main header h3,
    .home .content-wrapper main h3,
    .home .wrapper main h3,
    .wrapper main header h3 {
        font-size: 1.375rem
    }
    .content-wrapper section.sidebar,
    .wrapper section.sidebar {
        width: 300px
    }
}

.lefternary-ad-widget>div,
.primary-ad-widget>div,
.secondary-ad-widget>div {
    margin: 0 auto
}

#primary-video-P1-wrapper {
    margin: auto;
    max-width: 530px
}

.primary-ad-wrapper.display {
    margin-bottom: 1em;
    border-top: 1px dashed #999;
    padding: .3em 0;
    border-bottom: 1px dashed #999
}

body #secondary-P1-wrapper {
    min-height: 600px;
    padding: 0
}

.primary-ad-wrapper.suggest:before {
    content: "Suggested content"!important
}

.primary-ad-wrapper.suggest a.fillstuff {
    display: block;
    margin: 0 auto 10px;
    overflow: hidden
}

.primary-ad-wrapper.suggest a.fillstuff span {
    background-color: rgba(255, 255, 255, .6);
    padding: 0 .3em .1em;
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
    font-family: var(--timera-caption-font, sans-serif);
    mix-blend-mode: difference
}

#anchored-P1-wrapper.display:before,
#lefternary-P1-wrapper.display:before,
#secondary-P1-wrapper.display:before,
#secondary-P5-wrapper.display:before,
.primary-ad-wrapper.display:before {
    position: static;
    content: "Advertisement";
    font-size: 11px;
    line-height: 11px;
    display: block;
    margin-bottom: .3em;
    text-align: center;
    z-index: auto;
    border-left: none
}

main #primary-P1-wrapper.display,
main #primary-P2-wrapper.display,
main #primary-P3-wrapper.display,
main #primary-P4-wrapper.display,
main #primary-P5-wrapper.display,
main #primary-P6-wrapper.display,
main #primary-P7-wrapper.display,
main #primary-P8-wrapper.display {
    padding: .25rem 0
}

@media screen and (min-width:768px) {
    body #secondary-P1-wrapper {
        min-height: 600px
    }
    #secondary-P5 {
        width: 160px
    }
}

@media screen and (min-width:1110px) {
    #secondary-P5 {
        width: 300px
    }
}

@media only screen and (min-width:1440px) {
    #page {
        padding-left: 172px
    }
    #page #lefternary {
        margin-left: -172px;
        position: absolute;
        display: block;
        width: 160px
    }
    #lefternary #lefternary-P1-wrapper {
        margin: 0 auto 10px;
        padding: 0;
        min-height: 618px;
        width: 160px
    }
    #primary-video-P1-wrapper {
        max-width: 750px
    }
}

#menu-footer-backlinks {
    float: right;
    margin-top: 0;
    position: relative;
    top: -20px
}

#menu-footer-backlinks li,
#menu-footer-backlinks li a,
#menu-footer-backlinks li a picture.backlink-icon,
#menu-footer-backlinks li a picture.backlink-icon img.modernhomelife-icon {
    display: inline-block
}

#menu-footer-backlinks li a:focus,
#menu-footer-backlinks li a:hover {
    background-color: rgba(0, 0, 0, 0)
}

#menu-footer-backlinks li a picture.backlink-icon img {
    display: inline-block;
    transition: filter .1s;
    width: 20px;
    height: 20px
}

#menu-footer-backlinks li a picture.backlink-icon img:not(.buzznet-icon) {
    display: inline-block;
    filter: invert(50%) saturate(0%) brightness(1000%)
}

#menu-footer-backlinks li a picture.backlink-icon img:not(.buzznet-icon):hover {
    filter: saturate(100%) brightness(100%)!important
}

#menu-footer-backlinks li a picture.backlink-icon img.buzznet-icon {
    display: inline-block;
    filter: invert(100%)
}

#menu-footer-backlinks li a picture.backlink-icon img.buzznet-icon:hover {
    filter: invert(83%) sepia(11%) saturate(305%) hue-rotate(268deg) brightness(98%) contrast(116%)!important
}

#menu-footer-backlinks li a picture.backlink-icon img.modernhomelife-icon:hover {
    filter: brightness(0) saturate(100%) invert(75%) sepia(9%) saturate(506%) hue-rotate(1deg) brightness(92%) contrast(93%)!important
}

#menu-footer-backlinks li a picture.backlink-icon img.tankroar-icon {
    filter: grayscale(100%) brightness(225%)
}