.not-intro-page #usersite-container .style-section-style-1.tier-card,
.not-intro-page #usersite-container [class*=section-style]:not(.has-section-styles) {
    --auto-colors-highlight: var(--link-color);
    --auto-colors-highlight-text-hsl: var(--link-color-h), calc(var(--link-color-s)*1%), calc((var(--link-color-l) - 75)*-100%);
    --auto-colors-highlight-text: hsla(var(--auto-colors-highlight-text-hsl), var(--link-color-a));
    --auto-colors-accent-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-accent: hsla(var(--auto-colors-accent-hsl), 0.2);
    --auto-colors-accent-heavy-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-accent-heavy: hsla(var(--auto-colors-accent-heavy-hsl), 0.5);
    --auto-colors-accent-dark-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-accent-dark: hsla(var(--auto-colors-accent-dark-hsl), 0.35);
    --auto-colors-accent-half-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-accent-half: hsla(var(--auto-colors-accent-half-hsl), 0.1);
    --auto-colors-accent-slight-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-accent-slight: hsla(var(--auto-colors-accent-slight-hsl), 0.05);
    --auto-colors-text-tertiary-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-text-tertiary: hsla(var(--auto-colors-text-tertiary-hsl), 0.5);
    background-color: transparent;
    background-color: var(--section-background-color, transparent);
    color: var(--text-color)
}

.not-intro-page #usersite-container .zoogle-columns.default-section-style {
    background-color: transparent
}

.not-intro-page #usersite-container div.zoogle-content[content-width~="<700"] .zoogle-columns-33-33-33,
.not-intro-page #usersite-container div.zoogle-content[content-width~="<700"] .zoogle-columns-33-67,
.not-intro-page #usersite-container div.zoogle-content[content-width~="<700"] .zoogle-columns-67-33 {
    display: block
}

.not-intro-page #usersite-container div.zoogle-content[content-width~="<700"] .zoogle-columns-33-33-33 .zoogle-column,
.not-intro-page #usersite-container div.zoogle-content[content-width~="<700"] .zoogle-columns-33-67 .zoogle-column,
.not-intro-page #usersite-container div.zoogle-content[content-width~="<700"] .zoogle-columns-67-33 .zoogle-column {
    width: 100%
}

.not-intro-page #usersite-container div.zoogle-content[content-width~="<500"] .zoogle-columns-50-50 {
    display: block
}

.not-intro-page #usersite-container div.zoogle-content[content-width~="<500"] .zoogle-columns-50-50 .zoogle-column {
    width: 100%
}

#usersite-container.mobile-view #page-title .outer {
    font-size: min(45px, var(--page-title-typeface-size-number))
}

#usersite-container[data-theme-button-shape-enum=rounded] .button,
#usersite-container[data-theme-button-shape-enum=rounded] form.simple_form input,
#usersite-container[data-theme-button-shape-enum=rounded] form.simple_form input[type=button],
#usersite-container[data-theme-button-shape-enum=rounded] form.simple_form input[type=reset],
#usersite-container[data-theme-button-shape-enum=rounded] form.simple_form input[type=submit],
#usersite-container[data-theme-button-shape-enum=rounded] form.simple_form textarea {
    border-radius: 4px
}

#usersite-container[data-theme-button-shape-enum=rounded] .button-circle {
    border-radius: 40px
}

#usersite-container[data-theme-button-shape-enum=square] .button,
#usersite-container[data-theme-button-shape-enum=square] form.simple_form input,
#usersite-container[data-theme-button-shape-enum=square] form.simple_form input[type=button],
#usersite-container[data-theme-button-shape-enum=square] form.simple_form input[type=reset],
#usersite-container[data-theme-button-shape-enum=square] form.simple_form input[type=submit],
#usersite-container[data-theme-button-shape-enum=square] form.simple_form textarea,
#usersite-container[data-theme-button-shape-enum=square] nav#main-nav.non-mobile ul li.top li.subpage a {
    border-radius: 0
}

#usersite-container[data-theme-button-shape-enum=pill] .button,
#usersite-container[data-theme-button-shape-enum=pill] form.simple_form input,
#usersite-container[data-theme-button-shape-enum=pill] form.simple_form input[type=button],
#usersite-container[data-theme-button-shape-enum=pill] form.simple_form input[type=reset],
#usersite-container[data-theme-button-shape-enum=pill] form.simple_form input[type=submit] {
    border-radius: 40px
}

#usersite-container[data-theme-button-shape-enum=pill] form.simple_form textarea {
    border-radius: 15px
}

.intro-page #usersite-container .button,
.intro-page #usersite-container input[type=submit],
.not-intro-page #usersite-container .button,
.not-intro-page #usersite-container input[type=submit] {
    --button-accessible-font-color-hsl: var(--button-color-h), calc(var(--button-color-s)*1%), calc((var(--button-color-l) - 75)*-100%);
    --button-accessible-font-color: hsla(var(--button-accessible-font-color-hsl), var(--button-color-a));
    --button-hover-accessible-font-color-hsl: var(--button-hover-color-h), calc(var(--button-hover-color-s)*1%), calc((var(--button-hover-color-l) - 75)*-100%);
    --button-hover-accessible-font-color: hsla(var(--button-hover-accessible-font-color-hsl), var(--button-hover-color-a));
    transition: background .2s ease-in-out, border-color .2s ease-in-out, color .25s ease-in-out;
    border: 1px solid transparent
}

.intro-page #usersite-container .button.disabled,
.intro-page #usersite-container .button[disabled],
.intro-page #usersite-container input[type=submit].disabled,
.intro-page #usersite-container input[type=submit][disabled],
.not-intro-page #usersite-container .button.disabled,
.not-intro-page #usersite-container .button[disabled],
.not-intro-page #usersite-container input[type=submit].disabled,
.not-intro-page #usersite-container input[type=submit][disabled] {
    --button-color: hsla(calc(var(--button-color-h)), calc(var(--button-color-s)*1% - 10%), calc(var(--button-color-l)*1% - 20%), calc(var(--button-color-a)));
    --button-hover-color: var(--button-color)
}

.intro-page #usersite-container .button:not(.button-secondary, .button-tertiary),
.intro-page #usersite-container .simple_form input[type=submit],
.intro-page #usersite-container input[type=submit],
.not-intro-page #usersite-container .button:not(.button-secondary, .button-tertiary),
.not-intro-page #usersite-container .simple_form input[type=submit],
.not-intro-page #usersite-container input[type=submit] {
    background-color: var(--button-color);
    color: hsla(var(--button-accessible-font-color-hsl), .8)
}

.no-touchevents .intro-page #usersite-container .button:not(.button-secondary, .button-tertiary):active,
.no-touchevents .intro-page #usersite-container .button:not(.button-secondary, .button-tertiary):focus,
.no-touchevents .intro-page #usersite-container .button:not(.button-secondary, .button-tertiary):hover,
.no-touchevents .intro-page #usersite-container .simple_form input[type=submit]:active,
.no-touchevents .intro-page #usersite-container .simple_form input[type=submit]:focus,
.no-touchevents .intro-page #usersite-container .simple_form input[type=submit]:hover,
.no-touchevents .intro-page #usersite-container input[type=submit]:active,
.no-touchevents .intro-page #usersite-container input[type=submit]:focus,
.no-touchevents .intro-page #usersite-container input[type=submit]:hover,
.no-touchevents .not-intro-page #usersite-container .button:not(.button-secondary, .button-tertiary):active,
.no-touchevents .not-intro-page #usersite-container .button:not(.button-secondary, .button-tertiary):focus,
.no-touchevents .not-intro-page #usersite-container .button:not(.button-secondary, .button-tertiary):hover,
.no-touchevents .not-intro-page #usersite-container .simple_form input[type=submit]:active,
.no-touchevents .not-intro-page #usersite-container .simple_form input[type=submit]:focus,
.no-touchevents .not-intro-page #usersite-container .simple_form input[type=submit]:hover,
.no-touchevents .not-intro-page #usersite-container input[type=submit]:active,
.no-touchevents .not-intro-page #usersite-container input[type=submit]:focus,
.no-touchevents .not-intro-page #usersite-container input[type=submit]:hover {
    background-color: var(--button-hover-color);
    color: hsla(var(--button-hover-accessible-font-color-hsl), .8)
}

.intro-page #usersite-container .button-secondary,
.not-intro-page #usersite-container .button-secondary {
    border-color: var(--button-color);
    color: var(--button-color)
}

.no-touchevents .intro-page #usersite-container .button-secondary:active,
.no-touchevents .intro-page #usersite-container .button-secondary:focus,
.no-touchevents .intro-page #usersite-container .button-secondary:hover,
.no-touchevents .not-intro-page #usersite-container .button-secondary:active,
.no-touchevents .not-intro-page #usersite-container .button-secondary:focus,
.no-touchevents .not-intro-page #usersite-container .button-secondary:hover {
    border-color: var(--button-hover-color);
    background-color: var(--button-hover-color);
    color: var(--button-hover-accessible-font-color)
}

.intro-page #usersite-container .button-tertiary,
.not-intro-page #usersite-container .button-tertiary {
    border: none
}

.no-touchevents .intro-page #usersite-container .button-tertiary:not(.small):active,
.no-touchevents .intro-page #usersite-container .button-tertiary:not(.small):focus,
.no-touchevents .intro-page #usersite-container .button-tertiary:not(.small):hover,
.no-touchevents .not-intro-page #usersite-container .button-tertiary:not(.small):active,
.no-touchevents .not-intro-page #usersite-container .button-tertiary:not(.small):focus,
.no-touchevents .not-intro-page #usersite-container .button-tertiary:not(.small):hover {
    text-decoration: underline
}

.no-touchevents .intro-page #usersite-container .button-tertiary.small:active,
.no-touchevents .intro-page #usersite-container .button-tertiary.small:focus,
.no-touchevents .intro-page #usersite-container .button-tertiary.small:hover,
.no-touchevents .not-intro-page #usersite-container .button-tertiary.small:active,
.no-touchevents .not-intro-page #usersite-container .button-tertiary.small:focus,
.no-touchevents .not-intro-page #usersite-container .button-tertiary.small:hover {
    background-color: var(--button-hover-color);
    color: var(--button-hover-accessible-font-color)
}

.intro-page #usersite-container[data-theme-button-style-enum=outline] .button:not(.button-secondary, .button-tertiary),
.intro-page #usersite-container[data-theme-button-style-enum=outline] .simple_form input[type=submit],
.intro-page #usersite-container[data-theme-button-style-enum=outline] input[type=submit],
.not-intro-page #usersite-container[data-theme-button-style-enum=outline] .button:not(.button-secondary, .button-tertiary),
.not-intro-page #usersite-container[data-theme-button-style-enum=outline] .simple_form input[type=submit],
.not-intro-page #usersite-container[data-theme-button-style-enum=outline] input[type=submit] {
    border-color: var(--button-color);
    background-color: transparent;
    color: var(--button-color)
}

.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] .button:not(.button-secondary, .button-tertiary):active,
.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] .button:not(.button-secondary, .button-tertiary):focus,
.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] .button:not(.button-secondary, .button-tertiary):hover,
.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] .simple_form input[type=submit]:active,
.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] .simple_form input[type=submit]:focus,
.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] .simple_form input[type=submit]:hover,
.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] input[type=submit]:active,
.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] input[type=submit]:focus,
.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] input[type=submit]:hover,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] .button:not(.button-secondary, .button-tertiary):active,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] .button:not(.button-secondary, .button-tertiary):focus,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] .button:not(.button-secondary, .button-tertiary):hover,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] .simple_form input[type=submit]:active,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] .simple_form input[type=submit]:focus,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] .simple_form input[type=submit]:hover,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] input[type=submit]:active,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] input[type=submit]:focus,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] input[type=submit]:hover {
    border-color: var(--button-hover-color);
    background-color: var(--button-hover-color);
    color: var(--button-hover-accessible-font-color)
}

.intro-page #usersite-container[data-theme-button-style-enum=outline] .button-secondary,
.not-intro-page #usersite-container[data-theme-button-style-enum=outline] .button-secondary {
    border-color: var(--button-color);
    background-color: transparent
}

.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] .button-secondary:active,
.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] .button-secondary:focus,
.no-touchevents .intro-page #usersite-container[data-theme-button-style-enum=outline] .button-secondary:hover,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] .button-secondary:active,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] .button-secondary:focus,
.no-touchevents .not-intro-page #usersite-container[data-theme-button-style-enum=outline] .button-secondary:hover {
    background-color: var(--button-hover-color);
    color: var(--button-hover-accessible-font-color)
}

:root {
    --auto-colors-highlight: var(--link-color);
    --auto-colors-highlight-text-hsl: var(--link-color-h), calc(var(--link-color-s)*1%), calc((var(--link-color-l) - 75)*-100%);
    --auto-colors-highlight-text: hsla(var(--auto-colors-highlight-text-hsl), var(--link-color-a));
    --auto-colors-accent-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-accent: hsla(var(--auto-colors-accent-hsl), 0.2);
    --auto-colors-accent-heavy-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-accent-heavy: hsla(var(--auto-colors-accent-heavy-hsl), 0.5);
    --auto-colors-accent-dark-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-accent-dark: hsla(var(--auto-colors-accent-dark-hsl), 0.35);
    --auto-colors-accent-half-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-accent-half: hsla(var(--auto-colors-accent-half-hsl), 0.1);
    --auto-colors-accent-slight-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-accent-slight: hsla(var(--auto-colors-accent-slight-hsl), 0.05);
    --auto-colors-text-tertiary-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --auto-colors-text-tertiary: hsla(var(--auto-colors-text-tertiary-hsl), 0.5)
}

#usersite-container,
#usersite-container button,
#usersite-container legend {
    color: var(--text-color)
}

#usersite-container .FCK__AnchorC {
    color: var(--text-color) !important
}

#usersite-container .text-main,
#usersite-container h1,
#usersite-container h2,
#usersite-container h3,
#usersite-container h4,
#usersite-container h5 {
    color: var(--text-color)
}

#usersite-container .text-main a,
#usersite-container a:not(.btn-wiz),
#usersite-container h1 a,
#usersite-container h2 a,
#usersite-container h3 a,
#usersite-container h4 a,
#usersite-container h5 a {
    color: var(--link-color)
}

#usersite-container .text-secondary {
    color: hsla(var(--text-color-hsl), .75)
}

#usersite-container .text-tertiary {
    color: hsla(var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%), .5);
    color: var(--auto-colors-text-tertiary)
}

#usersite-container .text-tertiary a {
    color: hsla(var(--text-color-hsl), .85)
}

.no-touchevents #usersite-container .text-tertiary a:focus,
.no-touchevents #usersite-container .text-tertiary a:hover {
    color: var(--text-color)
}

#usersite-container .bg-accent-slight,
.no-touchevents #usersite-container .bg-accent-slight-hover:hover,
.no-touchevents #usersite-container table.ui-collection tr:hover {
    background-color: hsla(var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%), .05);
    background-color: var(--auto-colors-accent-slight)
}

#usersite-container .bg-accent {
    background-color: hsla(var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%), .2);
    background-color: var(--auto-colors-accent)
}

#usersite-container .bg-accent-heavy {
    background-color: hsla(var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%), .5);
    background-color: var(--auto-colors-accent-heavy)
}

#usersite-container .bg-main {
    background-color: var(--text-color)
}

#usersite-container .bg-highlight,
#usersite-container a.bg-highlight {
    transition: background .25s ease-in-out, color .25s ease-in-out;
    border: 1px solid transparent;
    background-color: var(--link-color);
    background-color: var(--auto-colors-highlight);
    color: hsla(var(--link-color-h), calc(var(--link-color-s)*1%), calc((var(--link-color-l) - 75)*-100%), .8);
    color: hsla(var(--auto-colors-highlight-text-hsl), .8)
}

#usersite-container .border-accent,
#usersite-container .border-accent td,
#usersite-container .border-accent th,
#usersite-container table.ui-collection td,
#usersite-container table.ui-collection th,
#usersite-container table.underlined td,
#usersite-container table.underlined th {
    border-color: var(--auto-colors-accent)
}

#usersite-container .border-accent-embossed {
    border-bottom-color: var(--auto-colors-accent);
    border-color: var(--auto-colors-accent) var(--auto-colors-accent) var(--auto-colors-accent-dark)
}

#usersite-container .border-accent-dark {
    border-color: var(--auto-colors-accent)
}

#usersite-container .border-link {
    border-color: var(--link-color);
    border-color: hsla(var(--link-color-hsl), .6)
}

#usersite-container td.spacer {
    background: hsla(var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%), .2);
    background: var(--auto-colors-accent)
}

#usersite-container table.ui-collection thead tr th,
#usersite-container table.underlined thead tr th {
    color: hsla(var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%), .5);
    color: var(--auto-colors-text-tertiary)
}

#usersite-container input,
#usersite-container textarea {
    background-color: #fff;
    color: #333
}

#usersite-container input[type=checkbox],
#usersite-container input[type=image],
#usersite-container input[type=radio] {
    background-color: transparent
}

#usersite-container .simple_form input,
#usersite-container .simple_form textarea {
    border: 1px solid var(--auto-colors-accent)
}

#usersite-container .simple_form input:focus,
#usersite-container .simple_form textarea:focus {
    border-color: var(--auto-colors-highlight);
    box-shadow: 0 0 4px hsla(var(--auto-colors-highlight-hsl), .5)
}

#usersite-container #mobile-header .bar {
    color: var(--text-color)
}

#usersite-container #mobile-header .bar a {
    border-color: var(--text-color);
    color: var(--text-color)
}

#usersite-container .blog_feature .message h2,
#usersite-container .calendar_feature h2,
#usersite-container .image_and_text_feature .image-and-text-feature-container:not(.display-format-collage) h2,
#usersite-container .post .message h2,
#usersite-container .text_feature h2,
#usersite-container .tip_jar_feature h2 {
    color: var(--feature-title-color)
}

#usersite-container .blog_feature .message h3,
#usersite-container .blog_feature .message h3.heading,
#usersite-container .calendar_feature h3,
#usersite-container .calendar_feature h3.heading,
#usersite-container .image_and_text_feature .image-and-text-feature-container:not(.display-format-collage) h3,
#usersite-container .image_and_text_feature .image-and-text-feature-container:not(.display-format-collage) h3.heading,
#usersite-container .post .message h3,
#usersite-container .post .message h3.heading,
#usersite-container .text_feature h3,
#usersite-container .text_feature h3.heading,
#usersite-container .tip_jar_feature h3,
#usersite-container .tip_jar_feature h3.heading {
    color: var(--heading-color)
}

#usersite-container .blog_feature .message h4,
#usersite-container .blog_feature .message h4.subheading,
#usersite-container .calendar_feature h4,
#usersite-container .calendar_feature h4.subheading,
#usersite-container .image_and_text_feature .image-and-text-feature-container:not(.display-format-collage) h4,
#usersite-container .image_and_text_feature .image-and-text-feature-container:not(.display-format-collage) h4.subheading,
#usersite-container .post .message h4,
#usersite-container .post .message h4.subheading,
#usersite-container .text_feature h4,
#usersite-container .text_feature h4.subheading,
#usersite-container .tip_jar_feature h4,
#usersite-container .tip_jar_feature h4.subheading {
    color: var(--secondary-heading-color)
}

#usersite-container .blog_feature .heading-blog,
#usersite-container .blog_feature .heading-blog a,
#usersite-container .blog_feature h3.text-main,
#usersite-container .blog_feature h3.text-main a,
#usersite-container .post .heading-blog,
#usersite-container .post .heading-blog a,
#usersite-container .post h3.text-main,
#usersite-container .post h3.text-main a {
    color: var(--heading-color)
}

#usersite-container .subtitle-wrap {
    color: var(--feature-title-color)
}

#usersite-container footer .branding a {
    color: var(--text-color)
}

#usersite-container :not(.site-wide-feature-area) .my_sites_font_face.-theme-button-color li a {
    fill: var(--button-color)
}

#usersite-container :not(.site-wide-feature-area) .my_sites_font_face.-theme-button-color li a:hover {
    fill: var(--button-hover-color)
}

#usersite-container .track-number {
    color: hsla(var(--text-color-hsl), .4)
}

#usersite-container .pagination {
    border-top: 1px solid hsla(var(--button-color-hsl), .2)
}

#usersite-container .pagination .next a,
#usersite-container .pagination .previous a {
    color: var(--button-color)
}

.no-touchevents #usersite-container .pagination .next a:focus,
.no-touchevents #usersite-container .pagination .next a:hover,
.no-touchevents #usersite-container .pagination .previous a:focus,
.no-touchevents #usersite-container .pagination .previous a:hover {
    color: var(--button-hover-color)
}

#usersite-container .pagination .page a {
    color: var(--button-color)
}

.no-touchevents #usersite-container .pagination .current,
.no-touchevents #usersite-container .pagination .page a:focus,
.no-touchevents #usersite-container .pagination .page a:hover {
    --pagination-contrast-color-hsl: var(--button-color-h), calc(var(--button-color-s)*1%), calc((var(--button-color-l) - 75)*-100%);
    --pagination-contrast-color: hsla(var(--pagination-contrast-color-hsl), var(--button-color-a));
    background-color: var(--button-color);
    color: hsla(var(--button-color-h), calc(var(--button-color-s)*1%), calc((var(--button-color-l) - 75)*-100%), var(--button-color-a));
    color: var(--pagination-contrast-color)
}

#usersite-container[data-theme-content-link-style-enum=underline] a:not(.button) {
    text-decoration: underline
}

#usersite-container .text_feature,
#usersite-container p {
    line-height: var(--content-lineheight-number)
}

#usersite-container,
#usersite-container button,
#usersite-container input,
#usersite-container legend,
#usersite-container textarea {
    font-family: var(--content-typeface-style-stack);
    font-style: var(--content-typeface-style-font-style);
    font-weight: var(--content-typeface-style-font-weight);
    font-size: var(--content-typeface-size-number);
    line-height: 1.5
}

#usersite-container[data-theme-content-uppercase-boolean="1"]:not(.button),
#usersite-container[data-theme-content-uppercase-boolean="1"] button:not(.button),
#usersite-container[data-theme-content-uppercase-boolean="1"] input:not(.button),
#usersite-container[data-theme-content-uppercase-boolean="1"] legend:not(.button),
#usersite-container[data-theme-content-uppercase-boolean="1"] textarea:not(.button) {
    text-transform: uppercase
}

#usersite-container[data-theme-content-uppercase-boolean="0"]:not(.button),
#usersite-container[data-theme-content-uppercase-boolean="0"] button:not(.button),
#usersite-container[data-theme-content-uppercase-boolean="0"] input:not(.button),
#usersite-container[data-theme-content-uppercase-boolean="0"] legend:not(.button),
#usersite-container[data-theme-content-uppercase-boolean="0"] textarea:not(.button) {
    text-transform: none
}

#usersite-container .gallery_feature li {
    font-size: var(--content-typeface-size-number)
}

#usersite-container footer .branding a {
    text-decoration: none
}

#usersite-container #container-wrapper #container {
    width: var(--content-width-number)
}

.chromeless-page #usersite-container #container-wrapper #container {
    margin: 0;
    max-width: none;
    width: auto
}

.chromeless-page #usersite-container #container-wrapper #container .zoogle-columns-inner {
    width: 100%;
    max-width: var(--content-width-number);
    margin-left: auto;
    margin-right: auto
}

#usersite-container[data-theme-content-position-enum=left] #container-wrapper #container {
    margin-right: auto;
    margin-left: 0
}

#usersite-container[data-theme-content-position-enum=center] #container-wrapper #container {
    margin-right: auto;
    margin-left: auto
}

#usersite-container[data-theme-content-position-enum=right] #container-wrapper #container {
    margin-right: 0;
    margin-left: auto
}

#usersite-container.mobile-view #container-wrapper #container {
    width: 100%
}

#usersite-container .call_to_action_header_feature.feature {
    border: var(--cta-header-border-width-number) solid var(--cta-header-border-rgba);
    background-color: var(--cta-header-background-rgba)
}

#usersite-container[data-theme-cta-header-align-enum=center] .call_to_action_header_feature.feature .call-to-action-wrapper .cta-heading-wrapper .heading-primary,
#usersite-container[data-theme-cta-header-align-enum=right] .call_to_action_header_feature.feature .call-to-action-wrapper .cta-heading-wrapper .heading-primary {
    margin-left: var(--cta-header-heading-letterspacing-number)
}

#usersite-container[data-theme-cta-header-align-enum=center] .call_to_action_header_feature.feature .call-to-action-wrapper .cta-subheading-wrapper .heading-quaternary,
#usersite-container[data-theme-cta-header-align-enum=right] .call_to_action_header_feature.feature .call-to-action-wrapper .cta-subheading-wrapper .heading-quaternary {
    margin-left: var(--cta-header-subheading-letterspacing-number)
}

#usersite-container .default-page-header-area {
    z-index: 201
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-align-enum=center] .default-page-header-area .call_to_action_header_feature.feature {
    text-align: center
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-align-enum=left] .default-page-header-area .call_to_action_header_feature.feature {
    text-align: left
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-align-enum=left] .default-page-header-area .call_to_action_header_feature.feature .mailing-list-signup .row {
    justify-content: flex-start
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-align-enum=right] .default-page-header-area .call_to_action_header_feature.feature {
    text-align: right
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-align-enum=right] .default-page-header-area .call_to_action_header_feature.feature .mailing-list-signup .row {
    justify-content: flex-end
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-align-enum=center] .default-page-header-area {
    align-self: center
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-align-enum=center] .default-page-header-area .mailing-list-signup .control {
    justify-content: center
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-align-enum=left] .default-page-header-area {
    align-self: flex-start
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-align-enum=right] .default-page-header-area {
    align-self: flex-end
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-align-enum=right] .default-page-header-area .mailing-list-signup .control {
    justify-content: flex-end
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-position-enum=middle] .default-page-header-area {
    margin-top: auto;
    margin-bottom: auto
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-position-enum=top] .default-page-header-area {
    margin-bottom: auto
}

body:not(.mobile-view) #usersite-container[data-theme-cta-header-position-enum=bottom] .default-page-header-area {
    margin-top: auto
}

.mobile-view #usersite-container .default-page-header-area {
    margin: auto
}

.not-intro-page #usersite-container .call_to_action_header_feature .actions,
.not-intro-page #usersite-container .call_to_action_header_feature .cta-button-wrapper {
    --cta-button-text-hsl: var(--cta-header-button-rgba-h), calc(var(--cta-header-button-rgba-s)*1%), calc((var(--cta-header-button-rgba-l) - 75)*-100%);
    --cta-button-text: hsla(var(--cta-button-text-hsl), var(--cta-header-button-rgba-a));
    --cta-header-button-hover-text-hsl: var(--cta-header-button-hover-rgba-h), calc(var(--cta-header-button-hover-rgba-s)*1%), calc((var(--cta-header-button-hover-rgba-l) - 75)*-100%);
    --cta-header-button-hover-text: hsla(var(--cta-header-button-hover-text-hsl), var(--cta-header-button-hover-rgba-a))
}

.not-intro-page #usersite-container[data-theme-cta-header-button-style-enum=outline] .call_to_action_header_feature .actions .button:not(.button-secondary, .button-tertiary),
.not-intro-page #usersite-container[data-theme-cta-header-button-style-enum=outline] .call_to_action_header_feature .cta-button-wrapper .button:not(.button-secondary, .button-tertiary) {
    border: 1px solid;
    border-color: var(--cta-header-button-rgba);
    background-color: transparent;
    color: hsla(var(--cta-header-button-rgba-hsl), 1)
}

.not-intro-page #usersite-container[data-theme-cta-header-button-style-enum=solid] .call_to_action_header_feature .actions .button:not(.button-secondary, .button-tertiary),
.not-intro-page #usersite-container[data-theme-cta-header-button-style-enum=solid] .call_to_action_header_feature .cta-button-wrapper .button:not(.button-secondary, .button-tertiary) {
    border: none;
    background-color: var(--cta-header-button-rgba);
    color: hsla(var(--cta-button-text-hsl), 1)
}

.no-touchevents .not-intro-page #usersite-container .call_to_action_header_feature .actions .button:not(.button-secondary, .button-tertiary):active,
.no-touchevents .not-intro-page #usersite-container .call_to_action_header_feature .actions .button:not(.button-secondary, .button-tertiary):focus,
.no-touchevents .not-intro-page #usersite-container .call_to_action_header_feature .actions .button:not(.button-secondary, .button-tertiary):hover,
.no-touchevents .not-intro-page #usersite-container .call_to_action_header_feature .cta-button-wrapper .button:not(.button-secondary, .button-tertiary):active,
.no-touchevents .not-intro-page #usersite-container .call_to_action_header_feature .cta-button-wrapper .button:not(.button-secondary, .button-tertiary):focus,
.no-touchevents .not-intro-page #usersite-container .call_to_action_header_feature .cta-button-wrapper .button:not(.button-secondary, .button-tertiary):hover {
    border-color: var(--cta-header-button-hover-rgba);
    background-color: var(--cta-header-button-hover-rgba);
    color: hsla(var(--cta-header-button-hover-text-hsl), 1)
}

.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=rounded] .call_to_action_header_feature .actions .button:not(.button-secondary, .button-tertiary),
.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=rounded] .call_to_action_header_feature .cta-button-wrapper .button:not(.button-secondary, .button-tertiary) {
    border-radius: 4px
}

.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=square] .call_to_action_header_feature .actions .button:not(.button-secondary, .button-tertiary),
.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=square] .call_to_action_header_feature .cta-button-wrapper .button:not(.button-secondary, .button-tertiary) {
    border-radius: 0
}

.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=pill] .call_to_action_header_feature .actions .button:not(.button-secondary, .button-tertiary),
.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=pill] .call_to_action_header_feature .cta-button-wrapper .button:not(.button-secondary, .button-tertiary) {
    border-radius: 40px
}

.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=pill] .call_to_action_header_feature .mailing-list-signup .button:not(.button-secondary, .button-tertiary),
.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=rounded] .call_to_action_header_feature .mailing-list-signup .button:not(.button-secondary, .button-tertiary) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=rounded] .call_to_action_header_feature .mailing-list-signup .control input[type=email],
.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=rounded] .call_to_action_header_feature .mailing-list-signup .row input[type=email] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=square] .call_to_action_header_feature .mailing-list-signup .control input[type=email],
.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=square] .call_to_action_header_feature .mailing-list-signup .row input[type=email] {
    border-radius: 0
}

.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=pill] .call_to_action_header_feature .mailing-list-signup .control input[type=email],
.not-intro-page #usersite-container[data-theme-cta-header-button-shape-enum=pill] .call_to_action_header_feature .mailing-list-signup .row input[type=email] {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px
}

#usersite-container .call_to_action_header_feature .heading-primary {
    font-family: var(--cta-header-heading-typeface-style-stack);
    font-size: var(--cta-header-heading-typeface-size-number);
    font-style: var(--cta-header-heading-typeface-style-font-style);
    font-weight: var(--cta-header-heading-typeface-style-font-weight);
    letter-spacing: var(--cta-header-heading-letterspacing-number);
    line-height: var(--cta-header-heading-lineheight-number)
}

#usersite-container[data-theme-cta-header-heading-uppercase-boolean="1"] .call_to_action_header_feature .heading-primary {
    text-transform: uppercase
}

#usersite-container[data-theme-cta-header-heading-uppercase-boolean="0"] .call_to_action_header_feature .heading-primary {
    text-transform: none
}

.mobile-view #usersite-container .call_to_action_header_feature .heading-primary {
    margin-right: calc(var(--cta-header-heading-letterspacing-number)*-1);
    font-size: min(var(--cta-header-heading-typeface-size-number), 30px);
    word-break: break-word
}

#usersite-container .call_to_action_header_feature .heading-primary {
    color: var(--cta-header-heading-rgba)
}

#usersite-container .call_to_action_header_feature .heading-quaternary {
    color: var(--cta-header-subheading-rgba)
}

#usersite-container .call_to_action_header_feature .mailing-list-description,
#usersite-container .call_to_action_header_feature .mailing-list-result {
    color: var(--cta-header-description-rgba)
}

#usersite-container .call_to_action_header_feature .heading-quaternary {
    font-family: var(--cta-header-subheading-typeface-style-stack);
    font-size: var(--cta-header-subheading-typeface-size-number);
    font-style: var(--cta-header-subheading-typeface-style-font-style);
    font-weight: var(--cta-header-subheading-typeface-style-font-weight);
    letter-spacing: var(--cta-header-subheading-letterspacing-number);
    line-height: var(--cta-header-subheading-lineheight-number)
}

#usersite-container[data-theme-cta-header-subheading-uppercase-boolean="1"] .call_to_action_header_feature .heading-quaternary {
    text-transform: uppercase
}

#usersite-container[data-theme-cta-header-subheading-uppercase-boolean="0"] .call_to_action_header_feature .heading-quaternary {
    text-transform: none
}

.mobile-view #usersite-container .call_to_action_header_feature .heading-quaternary {
    margin-right: calc(var(--cta-header-heading-letterspacing-number)*-1);
    font-size: min(var(--cta-header-subheading-typeface-size-number), 28px)
}

#usersite-container .subtitle-wrap {
    font-family: var(--feature-title-typeface-style-stack);
    font-style: var(--feature-title-typeface-style-font-style);
    font-weight: var(--feature-title-typeface-style-font-weight);
    letter-spacing: var(--feature-title-letterspacing-number);
    line-height: var(--feature-title-lineheight-number);
    font-size: var(--feature-title-typeface-size-number)
}

#usersite-container[data-theme-feature-title-uppercase-boolean="1"] .subtitle-wrap {
    text-transform: uppercase
}

#usersite-container[data-theme-feature-title-uppercase-boolean="0"] .subtitle-wrap {
    text-transform: none
}

#usersite-container .blog_feature .message h2,
#usersite-container .post .message h2,
#usersite-container .text_feature h2 {
    font-family: var(--feature-title-typeface-style-stack);
    font-style: var(--feature-title-typeface-style-font-style);
    font-weight: var(--feature-title-typeface-style-font-weight);
    letter-spacing: var(--feature-title-letterspacing-number);
    line-height: var(--feature-title-lineheight-number);
    font-size: var(--feature-title-typeface-size-number)
}

#usersite-container[data-theme-feature-title-uppercase-boolean="1"] .blog_feature .message h2,
#usersite-container[data-theme-feature-title-uppercase-boolean="1"] .post .message h2,
#usersite-container[data-theme-feature-title-uppercase-boolean="1"] .text_feature h2 {
    text-transform: uppercase
}

#usersite-container[data-theme-feature-title-uppercase-boolean="0"] .blog_feature .message h2,
#usersite-container[data-theme-feature-title-uppercase-boolean="0"] .post .message h2,
#usersite-container[data-theme-feature-title-uppercase-boolean="0"] .text_feature h2 {
    text-transform: none
}

#usersite-container .zoogle-columns.title-alignment-center .blog_feature .message h2,
#usersite-container .zoogle-columns.title-alignment-center .post .message h2,
#usersite-container .zoogle-columns.title-alignment-center .subtitle-wrap,
#usersite-container .zoogle-columns.title-alignment-center .text_feature h2 {
    padding-left: var(--feature-title-letterspacing-number)
}

#usersite-container .alt-font {
    font-family: var(--heading-typeface-style-stack);
    font-style: var(--heading-typeface-style-font-style);
    font-weight: var(--heading-typeface-style-font-weight);
    line-height: var(--heading-lineheight-number);
    font-size: var(--heading-typeface-size-number)
}

#usersite-container[data-theme-heading-uppercase-boolean="1"] .alt-font {
    text-transform: uppercase
}

#usersite-container[data-theme-heading-uppercase-boolean="0"] .alt-font {
    text-transform: none
}

#usersite-container .blog_feature .message h3,
#usersite-container .calendar_feature h3,
#usersite-container .image_and_text_feature h3,
#usersite-container .post .message h3,
#usersite-container .text_feature h3,
#usersite-container .tip_jar_feature h3,
#usersite-container .website-page-subscription-page h3 {
    font-family: var(--heading-typeface-style-stack);
    font-style: var(--heading-typeface-style-font-style);
    font-weight: var(--heading-typeface-style-font-weight);
    line-height: var(--heading-lineheight-number);
    font-size: var(--heading-typeface-size-number)
}

#usersite-container[data-theme-heading-uppercase-boolean="1"] .blog_feature .message h3,
#usersite-container[data-theme-heading-uppercase-boolean="1"] .calendar_feature h3,
#usersite-container[data-theme-heading-uppercase-boolean="1"] .image_and_text_feature h3,
#usersite-container[data-theme-heading-uppercase-boolean="1"] .post .message h3,
#usersite-container[data-theme-heading-uppercase-boolean="1"] .text_feature h3,
#usersite-container[data-theme-heading-uppercase-boolean="1"] .tip_jar_feature h3,
#usersite-container[data-theme-heading-uppercase-boolean="1"] .website-page-subscription-page h3 {
    text-transform: uppercase
}

#usersite-container[data-theme-heading-uppercase-boolean="0"] .blog_feature .message h3,
#usersite-container[data-theme-heading-uppercase-boolean="0"] .calendar_feature h3,
#usersite-container[data-theme-heading-uppercase-boolean="0"] .image_and_text_feature h3,
#usersite-container[data-theme-heading-uppercase-boolean="0"] .post .message h3,
#usersite-container[data-theme-heading-uppercase-boolean="0"] .text_feature h3,
#usersite-container[data-theme-heading-uppercase-boolean="0"] .tip_jar_feature h3,
#usersite-container[data-theme-heading-uppercase-boolean="0"] .website-page-subscription-page h3 {
    text-transform: none
}

#usersite-container h1 a:not(.button),
#usersite-container h2 a:not(.button),
#usersite-container h3 a:not(.button),
#usersite-container h4 a:not(.button),
#usersite-container h5 a:not(.button),
#usersite-container h6 a:not(.button) {
    text-decoration: none
}

.image-filter-container {
    isolation: isolate;
    position: relative;
    display: inline-block;
    z-index: 1;
    width: 100%
}

.image-filter-container:after,
.image-filter-container:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 9
}

.image-filter-container:after {
    z-index: 10
}

.image-filter-container[data-filter=darken] cropped-image::part(container),
.image-filter-container[data-filter=darken] img {
    filter: brightness(.8)
}

.image-filter-container[data-filter=lighten] cropped-image::part(container),
.image-filter-container[data-filter=lighten] img {
    filter: brightness(1.2)
}

.image-filter-container[data-filter=grayscale] cropped-image::part(container),
.image-filter-container[data-filter=grayscale] img {
    filter: saturate(0) contrast(1.1) brightness(1.1)
}

.image-filter-container[data-filter="1977"] cropped-image::part(container),
.image-filter-container[data-filter="1977"] img {
    filter: contrast(1.1) brightness(1.1) saturate(1.3)
}

.image-filter-container[data-filter="1977"]:after {
    background: rgba(243, 106, 188, .3);
    mix-blend-mode: screen
}

.image-filter-container[data-filter=brannan] cropped-image::part(container),
.image-filter-container[data-filter=brannan] img {
    filter: sepia(.5) contrast(1.4)
}

.image-filter-container[data-filter=brannan]:after {
    background-color: rgba(161, 44, 199, .31);
    mix-blend-mode: lighten
}

.image-filter-container[data-filter=brooklyn] cropped-image::part(container),
.image-filter-container[data-filter=brooklyn] img {
    filter: contrast(.9) brightness(1.1)
}

.image-filter-container[data-filter=brooklyn]:after {
    background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
    mix-blend-mode: overlay
}

.image-filter-container[data-filter=earlybird] cropped-image::part(container),
.image-filter-container[data-filter=earlybird] img {
    filter: contrast(.9) sepia(.2)
}

.image-filter-container[data-filter=earlybird]:after {
    background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    mix-blend-mode: overlay
}

.image-filter-container[data-filter=gingham] cropped-image::part(container),
.image-filter-container[data-filter=gingham] img {
    filter: brightness(1.05) hue-rotate(-10deg)
}

.image-filter-container[data-filter=gingham]:after {
    background: #e6e6fa;
    mix-blend-mode: soft-light
}

.image-filter-container[data-filter=kelvin]:after {
    background: #b77d21;
    mix-blend-mode: overlay
}

.image-filter-container[data-filter=kelvin]:before {
    background: #382c34;
    mix-blend-mode: color-dodge
}

.image-filter-container[data-filter=moon] cropped-image::part(container),
.image-filter-container[data-filter=moon] img {
    filter: grayscale(1) contrast(1.1) brightness(1.1)
}

.image-filter-container[data-filter=moon]:after {
    background: #383838;
    mix-blend-mode: lighten
}

.image-filter-container[data-filter=moon]:before {
    background: #a0a0a0;
    mix-blend-mode: soft-light
}

.image-filter-container[data-filter=nashville] cropped-image::part(container),
.image-filter-container[data-filter=nashville] img {
    filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)
}

.image-filter-container[data-filter=nashville]:after {
    background: rgba(0, 70, 150, .4);
    mix-blend-mode: lighten
}

.image-filter-container[data-filter=nashville]:before {
    background: rgba(247, 176, 153, .56);
    mix-blend-mode: darken
}

.image-filter-container[data-filter=toaster] cropped-image::part(container),
.image-filter-container[data-filter=toaster] img {
    filter: contrast(1.5) brightness(.9)
}

.image-filter-container[data-filter=toaster]:after {
    background: radial-gradient(circle, #804e0f, #3b003b);
    mix-blend-mode: screen
}

.image-filter-container[data-filter=walden] cropped-image::part(container),
.image-filter-container[data-filter=walden] img {
    filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)
}

.image-filter-container[data-filter=walden]:after {
    background: #04c;
    mix-blend-mode: screen;
    opacity: .3
}

.image-filter-container[data-filter=xpro2] cropped-image::part(container),
.image-filter-container[data-filter=xpro2] img {
    filter: sepia(.3)
}

.image-filter-container[data-filter=xpro2]:after {
    background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
    mix-blend-mode: color-burn
}

.image-filter-container[data-filter=dots]:after {
    background-image: radial-gradient(#fff 15%, transparent 17%);
    background-size: 14px 14px;
    opacity: .3
}

.image-filter-container[data-filter=squares]:after {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20100%20100%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23000000%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2233px%22%20height%3D%2233px%22%3E%3C%2Frect%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: repeat;
    background-size: 10px 10px;
    opacity: .3
}

.image-filter-container[data-filter=custom]:after {
    background-color: transparent;
    background-color: var(--image-filter-color, transparent);
    mix-blend-mode: normal;
    mix-blend-mode: var(--image-filter-blend-mode, normal)
}

#usersite-container[data-theme-image-filter-enum=darken] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=darken] .page-media-container video.page-media {
    filter: brightness(.8)
}

#usersite-container[data-theme-image-filter-enum=lighten] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=lighten] .page-media-container video.page-media {
    filter: brightness(1.2)
}

#usersite-container[data-theme-image-filter-enum=grayscale] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=grayscale] .page-media-container video.page-media {
    filter: saturate(0) contrast(1.1) brightness(1.1)
}

#usersite-container[data-theme-image-filter-enum="1977"] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum="1977"] .page-media-container video.page-media {
    filter: contrast(1.1) brightness(1.1) saturate(1.3)
}

#usersite-container[data-theme-image-filter-enum="1977"] .page-media-container:after {
    background: rgba(243, 106, 188, .3);
    mix-blend-mode: screen
}

#usersite-container[data-theme-image-filter-enum=brannan] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=brannan] .page-media-container video.page-media {
    filter: sepia(.5) contrast(1.4)
}

#usersite-container[data-theme-image-filter-enum=brannan] .page-media-container:after {
    background-color: rgba(161, 44, 199, .31);
    mix-blend-mode: lighten
}

#usersite-container[data-theme-image-filter-enum=brooklyn] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=brooklyn] .page-media-container video.page-media {
    filter: contrast(.9) brightness(1.1)
}

#usersite-container[data-theme-image-filter-enum=brooklyn] .page-media-container:after {
    background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
    mix-blend-mode: overlay
}

#usersite-container[data-theme-image-filter-enum=earlybird] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=earlybird] .page-media-container video.page-media {
    filter: contrast(.9) sepia(.2)
}

#usersite-container[data-theme-image-filter-enum=earlybird] .page-media-container:after {
    background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    mix-blend-mode: overlay
}

#usersite-container[data-theme-image-filter-enum=gingham] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=gingham] .page-media-container video.page-media {
    filter: brightness(1.05) hue-rotate(-10deg)
}

#usersite-container[data-theme-image-filter-enum=gingham] .page-media-container:after {
    background: #e6e6fa;
    mix-blend-mode: soft-light
}

#usersite-container[data-theme-image-filter-enum=kelvin] .page-media-container:after {
    background: #b77d21;
    mix-blend-mode: overlay
}

#usersite-container[data-theme-image-filter-enum=kelvin] .page-media-container:before {
    background: #382c34;
    mix-blend-mode: color-dodge
}

#usersite-container[data-theme-image-filter-enum=moon] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=moon] .page-media-container video.page-media {
    filter: grayscale(1) contrast(1.1) brightness(1.1)
}

#usersite-container[data-theme-image-filter-enum=moon] .page-media-container:after {
    background: #383838;
    mix-blend-mode: lighten
}

#usersite-container[data-theme-image-filter-enum=moon] .page-media-container:before {
    background: #a0a0a0;
    mix-blend-mode: soft-light
}

#usersite-container[data-theme-image-filter-enum=nashville] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=nashville] .page-media-container video.page-media {
    filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)
}

#usersite-container[data-theme-image-filter-enum=nashville] .page-media-container:after {
    background: rgba(0, 70, 150, .4);
    mix-blend-mode: lighten
}

#usersite-container[data-theme-image-filter-enum=nashville] .page-media-container:before {
    background: rgba(247, 176, 153, .56);
    mix-blend-mode: darken
}

#usersite-container[data-theme-image-filter-enum=toaster] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=toaster] .page-media-container video.page-media {
    filter: contrast(1.5) brightness(.9)
}

#usersite-container[data-theme-image-filter-enum=toaster] .page-media-container:after {
    background: radial-gradient(circle, #804e0f, #3b003b);
    mix-blend-mode: screen
}

#usersite-container[data-theme-image-filter-enum=walden] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=walden] .page-media-container video.page-media {
    filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)
}

#usersite-container[data-theme-image-filter-enum=walden] .page-media-container:after {
    background: #04c;
    mix-blend-mode: screen;
    opacity: .3
}

#usersite-container[data-theme-image-filter-enum=xpro2] .page-media-container .page-photo,
#usersite-container[data-theme-image-filter-enum=xpro2] .page-media-container video.page-media {
    filter: sepia(.3)
}

#usersite-container[data-theme-image-filter-enum=xpro2] .page-media-container:after {
    background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
    mix-blend-mode: color-burn
}

#usersite-container[data-theme-image-filter-enum=dots] .page-media-container:after {
    background-image: radial-gradient(#fff 15%, transparent 17%);
    background-size: 14px 14px;
    opacity: .3
}

#usersite-container[data-theme-image-filter-enum=squares] .page-media-container:after {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20100%20100%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23000000%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2233px%22%20height%3D%2233px%22%3E%3C%2Frect%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: repeat;
    background-size: 10px 10px;
    opacity: .3
}

#usersite-container[data-theme-image-filter-enum=custom] .page-media-container {
    --image-filter-color: var(--image-filter-custom-color);
    --image-filter-blend-mode: var(--image-filter-custom-mode-enum)
}

#usersite-container[data-theme-image-filter-enum=custom] .page-media-container:after {
    background-color: transparent;
    background-color: var(--image-filter-color, transparent);
    mix-blend-mode: normal;
    mix-blend-mode: var(--image-filter-blend-mode, normal)
}

#usersite-container .page-media-container:after,
#usersite-container .page-media-container:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 9
}

.intro-page #usersite-container {
    color: var(--intro-page-text-color)
}

.intro-page #usersite-container,
.intro-page #usersite-container #container-wrap {
    background-color: var(--intro-page-background-color)
}

.no-touchevents .intro-page #usersite-container a:not(.button):link,
.no-touchevents .intro-page #usersite-container a:not(.button):visited {
    color: var(--intro-page-text-color)
}

.intro-page #usersite-container .button,
.intro-page #usersite-container input[type=submit] {
    background-color: var(--intro-page-text-color);
    color: var(--intro-page-background-color)
}

.no-touchevents .intro-page #usersite-container .button:focus,
.no-touchevents .intro-page #usersite-container .button:hover,
.no-touchevents .intro-page #usersite-container input[type=submit]:focus,
.no-touchevents .intro-page #usersite-container input[type=submit]:hover {
    opacity: .8
}

#usersite-container nav#main-nav.non-mobile ul ul li a:link,
#usersite-container nav#main-nav.non-mobile ul ul li a:visited {
    background-color: var(--sub-menu-background-color);
    color: var(--sub-menu-link-color);
    color: hsla(var(--sub-menu-link-color-hsl), .8)
}

.no-touchevents #usersite-container nav#main-nav.non-mobile ul ul li a:focus,
.no-touchevents #usersite-container nav#main-nav.non-mobile ul ul li a:hover {
    color: var(--sub-menu-link-color)
}

#usersite-container nav#main-nav.non-mobile ul.horizontal ul:before,
#usersite-container nav#main-nav.non-mobile ul ul:before {
    border-left-color: transparent;
    border-bottom-color: var(--sub-menu-background-color);
    border-right-color: transparent;
    border-top-color: transparent
}

#usersite-container nav#main-nav.non-mobile ul.horizontal ul:after {
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--sub-menu-background-color)
}

#usersite-container nav#main-nav.non-mobile ul.vertical_right ul:before {
    border-left-color: var(--sub-menu-background-color);
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent
}

#usersite-container nav#main-nav.non-mobile ul.vertical_left ul:before {
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: var(--sub-menu-background-color);
    border-top-color: transparent
}

#usersite-container #toggle-mobile-menu a,
#usersite-container nav#main-nav.non-mobile a.top {
    color: var(--nav-link-color)
}

#usersite-container nav#main-nav.non-mobile li.selected a.top,
.no-touchevents #usersite-container #toggle-mobile-menu a:focus,
.no-touchevents #usersite-container #toggle-mobile-menu a:hover,
.no-touchevents #usersite-container nav#main-nav.non-mobile a.top:focus,
.no-touchevents #usersite-container nav#main-nav.non-mobile a.top:hover {
    color: var(--nav-link-rollover-color)
}

#usersite-container #page-root nav#main-nav,
#usersite-container nav#main-nav {
    font-size: var(--menu-item-typeface-size-number)
}

#usersite-container #page-root nav#main-nav ul ul,
#usersite-container nav#main-nav ul ul {
    --button-ul-size: calc(var(--menu-item-typeface-size-number)*0.7);
    font-size: calc(var(--menu-item-typeface-size-number)*0.7);
    font-size: var(--button-ul-size);
    font-size: max(calc(var(--menu-item-typeface-size-number)*0.7), 13px);
    font-size: max(var(--button-ul-size), 13px)
}

#usersite-container #page-root nav#main-nav.mobile,
#usersite-container nav#main-nav.mobile {
    font-size: 1rem
}

#usersite-container #page-root nav#main-nav.mobile ul ul,
#usersite-container nav#main-nav.mobile ul ul {
    font-size: .8rem
}

#usersite-container nav#main-nav {
    font-family: var(--menu-item-typeface-style-stack);
    font-style: var(--menu-item-typeface-style-font-style);
    font-weight: var(--menu-item-typeface-style-font-weight)
}

#usersite-container[data-theme-menu-item-uppercase-boolean="1"] nav#main-nav {
    text-transform: uppercase
}

#usersite-container[data-theme-menu-item-uppercase-boolean="0"] nav#main-nav {
    text-transform: none
}

#usersite-container nav.mobile a.top,
#usersite-container nav.mobile ul li a {
    color: var(--mobile-nav-link-color)
}

#usersite-container nav.mobile ul.my-sites li a svg,
#usersite-container nav.mobile ul.my_sites li a svg {
    fill: var(--mobile-nav-link-color)
}

.not-intro-page #usersite-container.mobile-view nav#main-nav.mobile {
    background-color: var(--mobile-nav-background-color)
}

.not-intro-page #usersite-container.mobile-view nav#main-nav.mobile .selected>div {
    position: relative;
    font-weight: 700
}

.not-intro-page #usersite-container.mobile-view nav#main-nav.mobile .selected>div:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0, 0%, 60%, .5);
    mix-blend-mode: exclusion
}

.not-intro-page #usersite-container,
body {
    background-color: var(--page-background-color)
}

#page-title span.outer {
    color: var(--page-title-color)
}

#usersite-container[data-theme-page-title-type-enum=logo] h1#page-title.display-type-text,
#usersite-container[data-theme-page-title-type-enum=none] h1#page-title.display-type-logo,
#usersite-container[data-theme-page-title-type-enum=none] h1#page-title.display-type-text,
#usersite-container[data-theme-page-title-type-enum=text] h1#page-title.display-type-logo {
    display: none
}

h1#page-title.display-type-logo {
    width: var(--page-title-logo-size-number);
    max-width: calc(var(--page-title-logo-size-number-unitless)*1vw)
}

h1#page-title.display-type-logo img,
h1#page-title.display-type-logo span {
    width: 100%
}

#page-root.display-type-logo [data-logo-size-target] {
    width: var(--page-title-logo-size-number)
}

#page-root.display-type-logo [data-logo-size-target] h1#page-title.display-type-logo {
    width: 100%
}

#usersite-container .project-name {
    font-family: var(--page-title-typeface-style-stack);
    font-style: var(--page-title-typeface-style-font-style);
    font-weight: var(--page-title-typeface-style-font-weight);
    letter-spacing: var(--page-title-letterspacing-number)
}

#usersite-container[data-theme-page-title-uppercase-boolean="1"] .project-name {
    text-transform: uppercase
}

#usersite-container[data-theme-page-title-uppercase-boolean="0"] .project-name {
    text-transform: none
}

#usersite-container h1#page-title .outer {
    font-family: var(--page-title-typeface-style-stack);
    font-style: var(--page-title-typeface-style-font-style);
    font-weight: var(--page-title-typeface-style-font-weight);
    letter-spacing: var(--page-title-letterspacing-number);
    font-size: var(--page-title-typeface-size-number)
}

#usersite-container[data-theme-page-title-uppercase-boolean="1"] h1#page-title .outer {
    text-transform: uppercase
}

#usersite-container[data-theme-page-title-uppercase-boolean="0"] h1#page-title .outer {
    text-transform: none
}

#usersite-container h1#page-title.display-type-logo span.outer,
#usersite-container h1#page-title.display-type-none span.outer {
    font-size: 0
}

#usersite-container h1#page-title.display-type-none span {
    display: none
}

#usersite-container #title-wrap h1#page-title.display-type-logo span,
#usersite-container #title-wrap h1#page-title.display-type-logo span img {
    width: 100%
}

#usersite-container.mobile-view h1#page-title .outer {
    letter-spacing: normal
}

#usersite-container .blog_feature .message h4,
#usersite-container .calendar_feature h4,
#usersite-container .image_and_text_feature h4,
#usersite-container .post .message h4,
#usersite-container .text_feature h4,
#usersite-container .website-page-subscription-page h4 {
    font-family: var(--secondary-heading-typeface-style-stack);
    font-style: var(--secondary-heading-typeface-style-font-style);
    font-weight: var(--secondary-heading-typeface-style-font-weight);
    line-height: var(--secondary-heading-lineheight-number);
    font-size: var(--secondary-heading-typeface-size-number)
}

#usersite-container[data-theme-secondary-heading-uppercase-boolean="1"] .blog_feature .message h4,
#usersite-container[data-theme-secondary-heading-uppercase-boolean="1"] .calendar_feature h4,
#usersite-container[data-theme-secondary-heading-uppercase-boolean="1"] .image_and_text_feature h4,
#usersite-container[data-theme-secondary-heading-uppercase-boolean="1"] .post .message h4,
#usersite-container[data-theme-secondary-heading-uppercase-boolean="1"] .text_feature h4,
#usersite-container[data-theme-secondary-heading-uppercase-boolean="1"] .website-page-subscription-page h4 {
    text-transform: uppercase
}

#usersite-container[data-theme-secondary-heading-uppercase-boolean="0"] .blog_feature .message h4,
#usersite-container[data-theme-secondary-heading-uppercase-boolean="0"] .calendar_feature h4,
#usersite-container[data-theme-secondary-heading-uppercase-boolean="0"] .image_and_text_feature h4,
#usersite-container[data-theme-secondary-heading-uppercase-boolean="0"] .post .message h4,
#usersite-container[data-theme-secondary-heading-uppercase-boolean="0"] .text_feature h4,
#usersite-container[data-theme-secondary-heading-uppercase-boolean="0"] .website-page-subscription-page h4 {
    text-transform: none
}

#usersite-container #page-footer .zoogle-columns,
#usersite-container #site-wide-header .zoogle-columns {
    height: auto !important
}

#usersite-container #page-footer .zoogle-columns .my_sites li,
#usersite-container #site-wide-header .zoogle-columns .my_sites li {
    margin: 0 8px;
    padding: .5rem
}

#usersite-container #page-footer .zoogle-columns .my_sites li a,
#usersite-container #site-wide-header .zoogle-columns .my_sites li a {
    display: flex;
    align-items: center;
    justify-content: center
}

#usersite-container #page-footer .zoogle-columns .my_sites li a svg,
#usersite-container #site-wide-header .zoogle-columns .my_sites li a svg {
    width: var(--site-wide-my-sites-size-number);
    height: var(--site-wide-my-sites-size-number);
    fill: var(--site-wide-my-sites-color)
}

.no-touchevents #usersite-container #page-footer .zoogle-columns .my_sites li a:hover svg,
.no-touchevents #usersite-container #site-wide-header .zoogle-columns .my_sites li a:hover svg {
    fill: var(--site-wide-my-sites-hover-color)
}

#usersite-container[data-theme-site-wide-my-sites-align-enum=left] #site-wide-header .my_sites {
    justify-content: flex-start
}

.mobile-view #usersite-container[data-theme-site-wide-my-sites-align-enum=left] #site-wide-header .my_sites {
    padding-left: 3rem
}

#usersite-container[data-theme-site-wide-my-sites-align-enum=center] #site-wide-header .my_sites {
    justify-content: center
}

#usersite-container[data-theme-site-wide-my-sites-align-enum=right] #site-wide-header .my_sites {
    justify-content: flex-end
}

#usersite-container #sticky-footer,
#usersite-container #swmp {
    --swmp-background-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc(var(--text-color-l)*1%);
    --swmp-background: hsla(var(--swmp-background-hsl), 1);
    --swmp-text-hsl: var(--text-color-h), calc(var(--text-color-s)*1%), calc((var(--text-color-l) - 75)*-100%);
    --swmp-text: hsla(var(--swmp-text-hsl), var(--text-color-a))
}

#usersite-container[data-theme-swmp-use-custom-colors-boolean="1"] #sticky-footer,
#usersite-container[data-theme-swmp-use-custom-colors-boolean="1"] #swmp {
    --swmp-background-hsl: var(--swmp-background-color-h), calc(var(--swmp-background-color-s)*1%), calc(var(--swmp-background-color-l)*1%);
    --swmp-background: hsla(var(--swmp-background-hsl), 1)
}

[data-theme-swmp-use-custom-colors-boolean="1"]#usersite-container[data-theme-swmp-text-color-enum=black] #sticky-footer,
[data-theme-swmp-use-custom-colors-boolean="1"]#usersite-container[data-theme-swmp-text-color-enum=black] #swmp {
    --swmp-text-hsl: 0, 0%, 0%;
    --swmp-text-h: 0;
    --swmp-text-s: 0%;
    --swmp-text-l: 0%;
    --swmp-text-a: 1;
    --swmp-text: #000
}

[data-theme-swmp-use-custom-colors-boolean="1"]#usersite-container[data-theme-swmp-text-color-enum=white] #sticky-footer,
[data-theme-swmp-use-custom-colors-boolean="1"]#usersite-container[data-theme-swmp-text-color-enum=white] #swmp {
    --swmp-text-hsl: 360, 100%, 100%;
    --swmp-text-h: 360;
    --swmp-text-s: 100%;
    --swmp-text-l: 100%;
    --swmp-text-a: 1;
    --swmp-text: #fff
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp,
#usersite-container #swmp .music_feature .music-player.display-swmp {
    background-color: hsla(var(--swmp-background-hsl), .95)
}

#usersite-container[data-theme-swmp-use-custom-colors-boolean="1"] #sticky-footer .music_feature .music-player.display-swmp:not(.is-expandable),
#usersite-container[data-theme-swmp-use-custom-colors-boolean="1"] #swmp .music_feature .music-player.display-swmp:not(.is-expandable) {
    border-top: 1px solid var(--swmp-background);
    background-color: hsla(var(--swmp-background-hsl), .95);
    background-image: linear-gradient(0deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0))
}

#usersite-container[data-theme-swmp-use-custom-colors-boolean="1"] #sticky-footer .music_feature .music-player.display-swmp.is-expandable .player,
#usersite-container[data-theme-swmp-use-custom-colors-boolean="1"] #sticky-footer .music_feature .music-player.display-swmp.is-expandable .player-extra,
#usersite-container[data-theme-swmp-use-custom-colors-boolean="1"] #swmp .music_feature .music-player.display-swmp.is-expandable .player,
#usersite-container[data-theme-swmp-use-custom-colors-boolean="1"] #swmp .music_feature .music-player.display-swmp.is-expandable .player-extra {
    background-color: var(--swmp-background)
}

#usersite-container[data-theme-swmp-use-custom-colors-boolean="1"] #sticky-footer .music_feature .music-player.display-swmp span.title,
#usersite-container[data-theme-swmp-use-custom-colors-boolean="1"] #swmp .music_feature .music-player.display-swmp span.title {
    color: var(--swmp-text-color-enum)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp .track-list .track-icon-playing,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .track-list .track-number,
#usersite-container #swmp .music_feature .music-player.display-swmp .track-list .track-icon-playing,
#usersite-container #swmp .music_feature .music-player.display-swmp .track-list .track-number {
    color: var(--swmp-text)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp.is-expandable,
#usersite-container #swmp .music_feature .music-player.display-swmp.is-expandable {
    border-top: none;
    background-color: transparent;
    background-image: none
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp.is-expandable .player,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp.is-expandable .player-extra,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp.is-expandable .swmp-header,
#usersite-container #swmp .music_feature .music-player.display-swmp.is-expandable .player,
#usersite-container #swmp .music_feature .music-player.display-swmp.is-expandable .player-extra,
#usersite-container #swmp .music_feature .music-player.display-swmp.is-expandable .swmp-header {
    background-color: var(--swmp-background)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp.is-expandable .track-list li:hover,
#usersite-container #swmp .music_feature .music-player.display-swmp.is-expandable .track-list li:hover {
    background-color: hsla(var(--swmp-text-hsl), .08)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp.is-expandable a.track-icon,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp.is-expandable i.icon-share,
#usersite-container #swmp .music_feature .music-player.display-swmp.is-expandable a.track-icon,
#usersite-container #swmp .music_feature .music-player.display-swmp.is-expandable i.icon-share {
    color: var(--swmp-text)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp.is-expandable a.track-icon,
#usersite-container #swmp .music_feature .music-player.display-swmp.is-expandable a.track-icon {
    border-color: hsla(var(--swmp-text-hsl), .9)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp.is-expandable em.if-out-of-stock,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp.is-expandable em.unless-available,
#usersite-container #swmp .music_feature .music-player.display-swmp.is-expandable em.if-out-of-stock,
#usersite-container #swmp .music_feature .music-player.display-swmp.is-expandable em.unless-available {
    display: none
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp .title,
#usersite-container #swmp .music_feature .music-player.display-swmp .title {
    color: hsla(var(--swmp-text-hsl), .9)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp .artist,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .by-artist,
#usersite-container #swmp .music_feature .music-player.display-swmp .artist,
#usersite-container #swmp .music_feature .music-player.display-swmp .by-artist {
    color: hsla(var(--swmp-text-hsl), .6)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp .artist span,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .by-artist span,
#usersite-container #swmp .music_feature .music-player.display-swmp .artist span,
#usersite-container #swmp .music_feature .music-player.display-swmp .by-artist span {
    color: hsla(var(--swmp-text-hsl), .7)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp .player .action .button,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header .action .button,
#usersite-container #swmp .music_feature .music-player.display-swmp .player .action .button,
#usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header .action .button {
    min-width: 55px;
    font-size: 12px
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.button,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.play-button,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header a.button,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header a.play-button,
#usersite-container #swmp .music_feature .music-player.display-swmp .player a.button,
#usersite-container #swmp .music_feature .music-player.display-swmp .player a.play-button,
#usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header a.button,
#usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header a.play-button {
    border-color: transparent;
    background-color: hsla(var(--swmp-text-hsl), .3)
}

html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.button:focus,
html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.button:hover,
html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.play-button:focus,
html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.play-button:hover,
html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header a.button:focus,
html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header a.button:hover,
html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header a.play-button:focus,
html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header a.play-button:hover,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .player a.button:focus,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .player a.button:hover,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .player a.play-button:focus,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .player a.play-button:hover,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header a.button:focus,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header a.button:hover,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header a.play-button:focus,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header a.play-button:hover {
    background-color: hsla(var(--swmp-text-hsl), .325);
    border-color: var(--button-hover-color)
}

html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.button:active,
html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a.play-button:active,
html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header a.button:active,
html.no-touchevents #usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header a.play-button:active,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .player a.button:active,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .player a.play-button:active,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header a.button:active,
html.no-touchevents #usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header a.play-button:active {
    background-color: hsla(var(--swmp-text-hsl), .35)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp .player .button,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header .button,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header a,
#usersite-container #swmp .music_feature .music-player.display-swmp .player .button,
#usersite-container #swmp .music_feature .music-player.display-swmp .player a,
#usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header .button,
#usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header a {
    color: var(--swmp-text);
    text-decoration: none;
    --swmp-text-hover-hsl: var(--swmp-text-h), calc(var(--swmp-text-s)*1%), calc((var(--swmp-text-l) - 65)*-100%);
    --swmp-text-hover: hsla(var(--swmp-text-hover-hsl), var(--swmp-text-a));
    --swmp-text-button-color-hsl: var(--button-hover-color-h), calc(var(--button-hover-color-s)*1%), calc((var(--button-hover-color-l) - 65)*-100%);
    --swmp-text-button-color: hsla(var(--swmp-text-button-color-hsl), var(--button-hover-color-a))
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp .player .button:hover,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .player a:hover,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header .button:hover,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header a:hover,
#usersite-container #swmp .music_feature .music-player.display-swmp .player .button:hover,
#usersite-container #swmp .music_feature .music-player.display-swmp .player a:hover,
#usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header .button:hover,
#usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header a:hover {
    color: var(--swmp-text-button-color)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp .player .progress,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header .progress,
#usersite-container #swmp .music_feature .music-player.display-swmp .player .progress,
#usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header .progress {
    background: hsla(var(--swmp-text-hsl), .4)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp .player .progress .position,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .swmp-header .progress .position,
#usersite-container #swmp .music_feature .music-player.display-swmp .player .progress .position,
#usersite-container #swmp .music_feature .music-player.display-swmp .swmp-header .progress .position {
    background: hsla(var(--swmp-text-hsl), .7)
}

#usersite-container #sticky-footer .music_feature .music-player.display-swmp .text-tertiary,
#usersite-container #sticky-footer .music_feature .music-player.display-swmp .time,
#usersite-container #swmp .music_feature .music-player.display-swmp .text-tertiary,
#usersite-container #swmp .music_feature .music-player.display-swmp .time {
    color: hsla(var(--swmp-text-hsl), .7)
}

#usersite-container .call_to_action_header_feature .mailing-list-description,
#usersite-container .call_to_action_header_feature .mailing-list-result {
    font-family: var(--cta-header-description-typeface-style-stack);
    font-size: var(--cta-header-description-typeface-size-number);
    font-style: var(--cta-header-description-typeface-style-font-style);
    font-weight: var(--cta-header-description-typeface-style-font-weight);
    letter-spacing: var(--cta-header-description-letterspacing-number);
    line-height: var(--cta-header-description-lineheight-number)
}

#usersite-container[data-theme-cta-header-description-uppercase-boolean="1"] .call_to_action_header_feature .mailing-list-description,
#usersite-container[data-theme-cta-header-description-uppercase-boolean="1"] .call_to_action_header_feature .mailing-list-result {
    text-transform: uppercase
}

#usersite-container[data-theme-cta-header-description-uppercase-boolean="0"] .call_to_action_header_feature .mailing-list-description,
#usersite-container[data-theme-cta-header-description-uppercase-boolean="0"] .call_to_action_header_feature .mailing-list-result {
    text-transform: none
}

.mobile-view #usersite-container .call_to_action_header_feature .mailing-list-description,
.mobile-view #usersite-container .call_to_action_header_feature .mailing-list-result {
    margin-right: calc(var(--cta-header-description-letterspacing-number)*-1);
    font-size: min(var(--cta-header-description-typeface-size-number), 24px);
    word-break: break-word
}

.mobile-view .not-intro-page #usersite-container[data-theme-use-device-dependent-logo-sizes-boolean="1"] h1#page-title.display-type-logo {
    width: var(--mobile-logo-size-number);
    max-width: var(--mobile-logo-size-number)
}

@media only screen and (min-width:768px)and (max-width:959px) {
    .not-intro-page #usersite-container[data-theme-use-device-dependent-logo-sizes-boolean="1"] .page-title.display-type-logo {
        width: var(--tablet-logo-size-number)
    }
    .not-intro-page #usersite-container[data-theme-use-device-dependent-logo-sizes-boolean="1"] #title-wrap,
    .not-intro-page #usersite-container[data-theme-use-device-dependent-logo-sizes-boolean="1"] h1#page-title.display-type-logo {
        max-width: 100%
    }
}

.not-intro-page .previewing-within-container[content-width~=">760"][content-width~="<860"]#usersite-container[data-theme-use-device-dependent-logo-sizes-boolean="1"] .page-title.display-type-logo {
    width: var(--tablet-logo-size-number)
}

.not-intro-page .previewing-within-container[content-width~=">760"][content-width~="<860"]#usersite-container[data-theme-use-device-dependent-logo-sizes-boolean="1"] #title-wrap,
.not-intro-page .previewing-within-container[content-width~=">760"][content-width~="<860"]#usersite-container[data-theme-use-device-dependent-logo-sizes-boolean="1"] h1#page-title.display-type-logo {
    max-width: 100%
}

.mobile-view#usersite-container[data-theme-use-device-dependent-title-sizes-boolean="1"] #page-title .outer {
    font-size: var(--mobile-page-title-typeface-size-number)
}

@media only screen and (min-width:768px)and (max-width:959px) {
    .not-intro-page #usersite-container[data-theme-use-device-dependent-title-sizes-boolean="1"] h1#page-title .outer {
        font-size: var(--tablet-page-title-typeface-size-number)
    }
}

.not-intro-page .previewing-within-container[content-width~=">760"][content-width~="<860"]#usersite-container[data-theme-use-device-dependent-title-sizes-boolean="1"] h1#page-title .outer {
    font-size: var(--tablet-page-title-typeface-size-number)
}

.not-intro-page #usersite-container,
.not-intro-page #usersite-container * {
    box-sizing: border-box
}

.not-intro-page #usersite-container .inner-page article.media-cta-container {
    display: none
}

.not-intro-page #usersite-container .page-media-container {
    position: fixed;
    top: 0
}

.not-intro-page #usersite-container .page-media {
    background-size: cover
}

.not-intro-page #usersite-container .page-media,
.not-intro-page #usersite-container .page-media-container {
    width: 100%;
    height: 100%
}

.not-intro-page #usersite-container #container {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.chromeless-page.not-intro-page #usersite-container #container {
    margin: 0
}

.not-intro-page #usersite-container .nav-bar,
.not-intro-page #usersite-container .title-nav-container,
.not-intro-page #usersite-container section.site-wide-header-container {
    width: 100%
}

.not-intro-page #usersite-container .zoogle-columns-inner.site-wrap {
    width: 100%;
    padding: 0 3.125rem
}

.mobile-view .not-intro-page #usersite-container .zoogle-columns-inner.site-wrap {
    padding: 0 .5rem
}

.not-intro-page #usersite-container #page-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 2rem
}

.not-intro-page #usersite-container #page-header #page-title {
    margin: 2rem auto 1rem;
    text-align: center
}

.not-intro-page #usersite-container #page-header #page-title.display-type-none {
    display: none
}

.not-intro-page #usersite-container #page-header #page-title.display-type-text {
    margin: 2rem 2.5rem 1rem
}

.not-intro-page #usersite-container #page-header .my_site_feature {
    margin: .5rem auto
}

.mobile-view .not-intro-page #usersite-container #page-header .my_site_feature {
    margin: 1.25rem auto
}

.not-intro-page #usersite-container #page-header .title-nav-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.not-intro-page #usersite-container #page-header #title-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%
}

.not-intro-page #usersite-container .media-cta-container {
    display: flex;
    position: relative;
    flex-direction: column;
    overflow: hidden
}

.not-intro-page #usersite-container .media-cta-container .page-media,
.not-intro-page #usersite-container .media-cta-container .page-media-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.not-intro-page #usersite-container .media-cta-container .zoogle-columns-inner.site-wrap {
    padding: 0
}

.not-intro-page #usersite-container .media-cta-container .default-page-header-area {
    z-index: 1
}

.not-intro-page #usersite-container #main-nav.non-mobile {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.not-intro-page #usersite-container #main-nav.non-mobile li.top:first-child {
    margin-right: 1rem
}

.not-intro-page #usersite-container #main-nav.non-mobile li.top:last-child {
    margin-left: 1rem
}

.not-intro-page #usersite-container #main-nav.non-mobile li.top:not(:first-child),
.not-intro-page #usersite-container #main-nav.non-mobile li.top:not(:last-child) {
    margin: .375rem 1rem
}

.not-intro-page #usersite-container #main-nav.non-mobile li.top.selected a.top {
    font-weight: 700;
    text-decoration: underline
}

.not-intro-page #usersite-container #main-nav.non-mobile li.top:active a.top,
.not-intro-page #usersite-container #main-nav.non-mobile li.top:focus a.top,
.not-intro-page #usersite-container #main-nav.non-mobile li.top:hover a.top {
    text-decoration: line-through
}

.not-intro-page #usersite-container #main-nav.non-mobile li.subpage.selected a {
    font-weight: 700;
    text-decoration: underline
}

.not-intro-page #usersite-container #main-nav.non-mobile li.subpage:active a,
.not-intro-page #usersite-container #main-nav.non-mobile li.subpage:focus a,
.not-intro-page #usersite-container #main-nav.non-mobile li.subpage:hover a {
    text-decoration: line-through
}

.not-intro-page #usersite-container.mobile-view .nav-bar {
    position: absolute;
    z-index: 199;
    top: 0;
    right: 0;
    padding-top: .25rem;
    padding-right: 1rem;
    text-align: right
}

.not-intro-page #usersite-container.mobile-view #main-nav.mobile {
    justify-content: flex-end
}

.not-intro-page #usersite-container.mobile-view #main-nav.mobile ul.mobile {
    position: static;
    height: auto;
    padding-bottom: 2rem
}

.not-intro-page #usersite-container.mobile-view #main-nav.mobile li {
    text-align: left
}

.not-intro-page #usersite-container.mobile-view #main-nav.mobile li a {
    display: inline-block
}

.not-intro-page #usersite-container.mobile-view #main-nav.mobile ul.my-sites {
    align-self: flex-start;
    margin: 0
}

.not-intro-page #usersite-container.mobile-view #main-nav.mobile ul.my-sites:empty {
    display: none
}

.not-intro-page #usersite-container.mobile-view #page-header #page-title {
    margin: 0
}

.not-intro-page #usersite-container.mobile-view #page-header #title-wrap {
    padding-top: 50px
}

.not-intro-page #usersite-container.mobile-view #container-wrapper #container {
    width: 90%;
    margin: 1.5rem auto
}

.not-intro-page #usersite-container.mobile-view .music_feature .zoogle-music-player ol.track-list .track-number-play {
    display: inline-block;
    margin-right: 0
}

.not-intro-page #usersite-container.mobile-view #cart .checkout-action a.button {
    width: 100%
}

.not-intro-page #usersite-container.mobile-view #cart .cart-item {
    border-bottom: 1px solid
}

.not-intro-page #usersite-container.mobile-view #cart #quantity {
    width: 1.825rem;
    border: 1px solid #a6a6a6;
    border-radius: 5px;
    background-color: #f8f8f8
}

.not-intro-page #usersite-container.mobile-view #cart #quantity:after {
    content: "&#9660"
}

.not-intro-page .mobile-view#usersite-container[data-theme-use-device-dependent-logo-sizes-boolean="1"] h1#page-title.display-type-logo {
    min-width: 40px
}

.not-intro-page #usersite-container #cart {
    margin: 0
}

.not-intro-page #usersite-container #cart .cart-checkout-subtotal h2 {
    font-size: 15px
}

.not-intro-page #usersite-container section.feature.image_feature {
    width: 100%
}

.not-intro-page #usersite-container section.feature.image_and_text_feature[feature-width~="<360"] .display-format-text_on_image .text-container {
    margin: 2rem auto;
    padding: 1rem
}

.not-intro-page #usersite-container section.feature.image_and_text_feature[feature-width~="<260"] .display-format-text_on_image .text-container {
    width: 110%;
    padding: .5rem
}

.not-intro-page #usersite-container section.feature table:empty {
    display: none
}

.not-intro-page #usersite-container section.feature.calendar_feature .view-past-events {
    display: inline-block
}

.not-intro-page #usersite-container section.feature.store_feature .product-details .production-action table.item-options {
    margin-top: 0
}

.not-intro-page #usersite-container section.feature.store_feature .store-layout-list .single-image .product-details {
    padding-bottom: 3rem
}

.not-intro-page #usersite-container section.feature.store_feature .store-layout-list .product-details .description:empty a.truncate-expand {
    display: none
}

.not-intro-page #usersite-container section.feature:not(.donation_feature) p a:not(.button,
.icon) {
    padding: 0;
    transition: all .5s ease-in-out;
    border: 1px transparent;
    border-bottom: 1px solid;
    text-decoration: none
}

.not-intro-page #usersite-container section.feature:not(.donation_feature) p a:not(.button,
.icon):hover {
    padding: 0 .25rem;
    border: 1px solid
}

.not-intro-page #usersite-container #page-root .blog_feature .post .read-more {
    display: block
}

.not-intro-page #usersite-container #page-root .blog_feature .meta .blog-actions>li {
    padding: 0
}

.not-intro-page #usersite-container .carousel .carousel-nav.full-width {
    width: 100%;
    margin: 0 auto
}

.not-intro-page #usersite-container .carousel .carousel-nav .button {
    width: 2rem
}

.not-intro-page #usersite-container .carousel .carousel-nav .button.next {
    margin-left: .5rem
}

.not-intro-page #usersite-container .custom_form_feature .custom_form .row .input.email,
.not-intro-page #usersite-container .custom_form_feature .custom_form .row .input.string,
.not-intro-page #usersite-container .custom_form_feature .custom_form .row .input.text {
    width: 100%
}

.not-intro-page #usersite-container .music_feature :not(.is-expandable) .zoogle-music-player .player .controls .play-button {
    border-radius: 50%
}

.not-intro-page #usersite-container .music_feature :not(.is-expandable) .zoogle-music-player .player .controls .play-button .icon-play:before {
    padding-top: 0
}

.not-intro-page #usersite-container .music_feature :not(.is-expandable) .zoogle-music-player ol.track-list {
    list-style-type: none;
    counter-reset: li
}

.not-intro-page #usersite-container .music_feature :not(.is-expandable) .zoogle-music-player ol.track-list li .track-number {
    opacity: 0
}

.not-intro-page #usersite-container .music_feature :not(.is-expandable) .zoogle-music-player ol.track-list li:before {
    content: counter(li, decimal-leading-zero);
    visibility: visible;
    height: auto;
    margin-right: .5rem;
    opacity: 1;
    counter-increment: li
}

.not-intro-page #usersite-container .music_feature :not(.is-expandable) .zoogle-music-player ol.track-list li:hover {
    margin-right: 0
}

.not-intro-page #usersite-container .music_feature :not(.is-expandable) .zoogle-music-player ol.track-list li:hover:before {
    opacity: 0
}

.not-intro-page #usersite-container .music_feature :not(.is-expandable) .zoogle-music-player ol.track-list li:hover .track-icon-play {
    margin-left: -3em
}

.not-intro-page #usersite-container .music_feature :not(.is-expandable)[feature-width~="<260"] ol.track-list li:hover .track-icon-play,
.not-intro-page #usersite-container .music_feature :not(.is-expandable)[feature-width~="<260"] ol.track-list li:hover .track-number-play {
    display: table-cell;
    margin-left: -1.25rem
}

.not-intro-page #usersite-container .music_feature :not(.is-expandable)[feature-width~="<260"] ol.track-list .track-action,
.not-intro-page #usersite-container .music_feature :not(.is-expandable)[feature-width~="<260"] ol.track-list .track-title {
    font-size: .8rem
}

.not-intro-page #usersite-container .music_feature :not(.is-expandable)[feature-width~="<260"] ol.track-list .track-action {
    padding: 0 .5rem
}

.mobile-nav-open #usersite-container.mobile-view #main-nav.mobile {
    z-index: 99
}

.mobile-nav-open #usersite-container.mobile-view #page-header .nav-bar.mobile {
    position: fixed;
    padding: 1.5rem 2rem
}

.mobile-nav-open #usersite-container.mobile-view #page-header .nav-bar.mobile #toggle-mobile-menu {
    position: absolute;
    top: 2.5rem;
    right: .75rem;
    font-size: 1.1rem
}

html.with-edit-bar .usersite-container-wrap {
    height: 100%
}

body.has-swmp #usersite-container #container {
    padding-bottom: 0
}

.not-intro-page #usersite-container article.media-cta-container,
.not-intro-page #usersite-container article.media-cta-container .page-media {
    --responsive-header-height: calc(var(--theme-header-height-number-unitless)*1vh);
    min-height: calc(var(--theme-header-height-number-unitless)*1vh);
    min-height: var(--responsive-header-height)
}

.not-intro-page #usersite-container article.media-cta-container .page-media,
.with-edit-bar .not-intro-page #usersite-container article.media-cta-container {
    min-height: calc(var(--responsive-header-height) - 70px)
}

.has-swmp.not-intro-page #usersite-container article.media-cta-container,
.not-intro-page #usersite-container article.media-cta-container .page-media {
    min-height: calc(var(--responsive-header-height) - 54px)
}

.not-intro-page #usersite-container article.media-cta-container .page-media,
.with-edit-bar .has-swmp.not-intro-page #usersite-container article.media-cta-container {
    min-height: calc(var(--responsive-header-height) - 124px)
}

.not-intro-page #usersite-container.mobile-view article.media-cta-container,
.not-intro-page #usersite-container.mobile-view article.media-cta-container .page-media {
    --responsive-header-height: calc(var(--mobile-header-image-height-number-unitless)*1vh);
    min-height: calc(var(--mobile-header-image-height-number-unitless)*1vh);
    min-height: var(--responsive-header-height)
}

.not-intro-page #usersite-container.mobile-view article.media-cta-container .page-media,
.with-edit-bar .not-intro-page #usersite-container.mobile-view article.media-cta-container {
    min-height: calc(var(--responsive-header-height) - 70px)
}

.has-swmp.not-intro-page #usersite-container.mobile-view article.media-cta-container,
.not-intro-page #usersite-container.mobile-view article.media-cta-container .page-media {
    min-height: calc(var(--responsive-header-height) - 54px)
}

.not-intro-page #usersite-container.mobile-view article.media-cta-container .page-media,
.with-edit-bar .has-swmp.not-intro-page #usersite-container.mobile-view article.media-cta-container {
    min-height: calc(var(--responsive-header-height) - 124px)
}

.not-intro-page #usersite-container #page-header {
    --responsive-header-height: calc(var(--title-nav-container-height-number-unitless)*1vh);
    min-height: calc(var(--title-nav-container-height-number-unitless)*1vh);
    min-height: var(--responsive-header-height)
}

.with-edit-bar .not-intro-page #usersite-container #page-header {
    min-height: calc(var(--responsive-header-height) - 70px)
}

.has-swmp.not-intro-page #usersite-container #page-header {
    min-height: calc(var(--responsive-header-height) - 54px)
}

.with-edit-bar .has-swmp.not-intro-page #usersite-container #page-header {
    min-height: calc(var(--responsive-header-height) - 124px)
}

.not-intro-page #usersite-container {
    --border-control: var(--content-border-size-number) solid var(--content-border-color-rgba)
}

@media screen and (max-width:1200px) {
    .not-intro-page #usersite-container:not(.mobile-view) #container {
        min-width: min(calc(var(--content-width-number) + 150px), 95%)
    }
}

@supports((-webkit-backdrop-filter:blur(var(--background-image-blur-number))) or (backdrop-filter:blur(var(--background-image-blur-number)))) {
    .not-intro-page #usersite-container .blur-overlay {
        height: 110vh;
        width: 100%;
        position: fixed;
        z-index: 1;
        backdrop-filter: blur(var(--background-image-blur-number));
        -webkit-backdrop-filter: blur(var(--background-image-blur-number))
    }
    .not-intro-page #usersite-container #container-wrapper {
        position: absolute;
        width: 100%;
        z-index: 9
    }
}

@supports not ((-webkit-backdrop-filter:blur(var(--background-image-blur-number))) or (backdrop-filter:blur(var(--background-image-blur-number)))) {
    .not-intro-page #usersite-container #page-root #page-background-wrapper media-background {
        will-change: filter;
        filter: blur(var(--background-image-blur-number));
        position: absolute;
        height: 110%;
        width: 110%;
        left: -5%;
        top: -5%
    }
}

.not-intro-page #usersite-container #page-background-wrapper:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--background-image-color-rgba);
    top: 0
}

.not-intro-page #usersite-container #container {
    position: relative
}

.not-intro-page #usersite-container[data-theme-content-outer-border-boolean="1"] #container {
    border: var(--border-control)
}

.not-intro-page #usersite-container #page-header {
    background-color: var(--title-nav-container-color-rgba)
}

.not-intro-page #usersite-container[data-theme-content-inner-border-boolean="1"] #content-wrap div.block-row,
.not-intro-page #usersite-container[data-theme-content-inner-border-boolean="1"] #page-header,
.not-intro-page #usersite-container[data-theme-content-inner-border-boolean="1"] article.media-cta-container {
    border-bottom: var(--border-control);
    background-clip: padding-box
}

.not-intro-page .mobile-view#usersite-container[data-theme-content-outer-border-boolean="1"] #main-nav.mobile {
    border: var(--border-control)
}

.not-intro-page #usersite-container #footer-wrap,
.not-intro-page #usersite-container #page-content-wrap .default-section-style {
    background-color: var(--page-background-color)
}

.not-intro-page #usersite-container #toggle-mobile-menu .icon-close {
    color: var(--mobile-nav-link-color)
}

.screenshot-request #usersite-container[data-theme-variant-key=a]:not(.mobile-view) #container-wrapper #container,
.screenshot-request #usersite-container[data-theme-variant-key=b]:not(.mobile-view) #container-wrapper #container,
.screenshot-request #usersite-container[data-theme-variant-key=c]:not(.mobile-view) #container-wrapper #container,
.screenshot-request #usersite-container[data-theme-variant-key=d]:not(.mobile-view) #container-wrapper #container {
    width: 90%
}