.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.mailerlite-form {
}
.mailerlite-form .mailerlite-form-description {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field label {
display: block;
}
.mailerlite-form .mailerlite-subscribe-button-container {
text-align: center;
}
.mailerlite-form input.error {
color: #ff0000;
border-color: #ff0000;
}
.mailerlite-form label.error {
color: #ff0000;
}
.mailerlite-form-response {
margin-top: 20px;
display: none;
text-align: center;
color: #00a154;
}
.mailerlite-form-loader {
display: none;
text-align: center;
font-weight: bold;
margin: 0 20px;
}
.mailerlite-form-error {
display: block;
color: #ff0000;
}
.mailerlite-subscribe-submit{
max-width: 100%;
}* {
margin: 0;
padding: 0; }
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal; }
table {
border-collapse: collapse;
border-spacing: 0;
word-break: normal; }
img,
fieldset {
border: 0; }
abbr,
acronym {
text-decoration: none; }
code {
line-height: 1em; }
pre {
overflow: auto;
word-wrap: normal;
-moz-tab-size: 4;
tab-size: 4; }
sub,
sup {
line-height: 0.5em; }
img,
.wp-caption {
max-width: 100%;
height: auto; }
iframe,
video,
embed,
object {
display: block;
max-width: 100%; }
img,
.left,
.alignleft,
.right,
.alignright {
display: block; }
.center,
.aligncenter {
display: block;
float: none;
text-align: center;
margin-right: auto;
margin-left: auto; }
.clear {
clear: both; }
button,
input[type=submit] {
cursor: pointer;
overflow: visible;
-webkit-appearance: none; }
body {
font-family: system-ui, BlinkMacSystemFont, Roboto, "Segoe UI", Segoe, "Helvetica Neue", Tahoma, sans-serif;
font-size: 18px;
line-height: 30px;
color: #111111;
overflow-x: hidden; }
#header {
color: white;
background-color: red;
padding-top: 19px;
padding-bottom: 19px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
#nav {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
#content {
word-break: break-word;
padding-top: 30px;
padding-bottom: 30px; }
#footer {
color: #828282;
padding-top: 19px;
padding-bottom: 19px;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.container {
box-sizing: border-box;
padding-left: 19px;
padding-right: 19px; }
@media all and (min-width: 682px) {
.container {
max-width: 644px;
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto; } }
@media all and (min-width: 704px) {
.container {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
margin-left: 0;
margin-right: 0; } }
@media all and (min-width: 1100px) {
.container {
max-width: 1040px;
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto; } }
a {
color: #de0404;
text-decoration: none; }
p a,
.post_content a {
text-decoration: underline; }
p a.button,
.post_content a.button {
text-decoration: none; }
code,
pre,
kbd {
font-family: Menlo, Consolas, Monaco, "Andale Mono", Courier, Verdana, sans-serif; }
.grt h1 {
font-size: 37px;
line-height: 58px;
margin-bottom: 30px; }
.grt h2 {
font-size: 29px;
line-height: 46px;
margin-top: 49px;
margin-bottom: 30px; }
.grt h3 {
font-size: 23px;
line-height: 38px;
margin-top: 30px;
margin-bottom: 19px; }
.grt h4 {
font-size: 18px;
line-height: 30px;
margin-bottom: 12px; }
.grt h1 + h2,
.grt h2 + h3,
.grt h2:first-child,
.grt h3:first-child {
margin-top: 0; }
.grt ul,
.grt ol {
margin-left: 30px; }
.grt li {
margin-bottom: 12px; }
.grt li:last-child {
margin-bottom: 0; }
.grt blockquote {
color: #828282;
padding-left: 19px;
border-left: 7px solid rgba(0, 0, 0, 0.1); }
.grt sub,
.grt sup {
color: #828282; }
.grt code,
.grt pre,
.grt kbd {
font-size: 16px; }
.grt code {
background-color: rgba(0, 0, 0, 0.08);
padding: 4px;
border-radius: 7px;
margin: 0 1px; }
.grt pre {
background-color: #eeeeee;
padding: 19px; }
.grt kbd {
font-size: 14px;
color: #4e4e4e;
background-color: #f7f7f7;
padding: 4px 7px;
border: 1px solid #cccccc;
border-radius: 7px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #fafafa inset, 0 0 0 1px white inset;
margin: 0 1px; }
.grt p,
.grt ul,
.grt ol,
.grt blockquote,
.grt pre,
.grt img {
margin-bottom: 30px; }
.grt ul ul,
.grt ul ol,
.grt ol ul,
.grt ol ol {
margin-top: 12px;
margin-bottom: 0;
margin-left: 19px; }
.grt blockquote > :last-child {
margin-bottom: 0; }
@media all and (min-width: 682px) {
body:not(.has-sidebar) .grt h1 {
font-size: 47px;
line-height: 72px; }
body:not(.has-sidebar) .grt h2 {
font-size: 37px;
line-height: 58px; }
body:not(.has-sidebar) .grt h3 {
font-size: 29px;
line-height: 46px; }
body:not(.has-sidebar) .grt h4 {
font-size: 23px;
line-height: 38px; }
.grt .left:not(.bar),
.grt .alignleft {
float: left;
clear: both;
margin-right: 30px; }
.grt .right:not(.bar),
.grt .alignright {
float: right;
clear: both;
margin-left: 30px; } }
.grt .headline_area .headline a:hover {
color: #de0404; }
.grt .byline {
font-size: 14px;
line-height: 25px;
color: #828282;
margin-top: -26px; }
.grt .byline .post_author:after,
.grt .byline .post_date:after,
.grt .byline .num_comments_link:after,
.grt .byline .post_edit:after {
display: block;
height: 0;
content: '\a';
white-space: pre; }
.grt .byline .avatar {
width: 50px;
height: 50px; }
.grt .drop_cap {
font-size: 60px;
line-height: 1em;
margin-right: 7px;
float: left; }
.grt .small {
font-size: 14px;
line-height: 25px;
color: #828282; }
.grt .alert,
.grt .note,
.grt .box {
padding: 19px; }
.grt .alert {
background-color: #ffe91f; }
.grt .note {
background-color: #ccf1ff; }
.grt .box {
background-color: #cce8cc; }
.grt .highlight {
background-color: #fffb7a;
padding: 4px 0; }
.grt .impact {
font-size: 23px;
line-height: 38px; }
.grt .bar {
color: #828282; }
.grt .pop {
box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); }
.grt .wp-caption,
.grt .frame {
box-sizing: border-box;
color: #828282;
background-color: #eeeeee;
padding: 19px; }
.grt .wp-caption img {
margin-bottom: 19px; }
.grt .wp-caption.aligncenter img {
margin-right: auto;
margin-left: auto; }
.grt .wp-caption .wp-caption-text {
margin-bottom: 0; }
.grt .wp-caption-text,
.grt .caption,
.grt .footnotes {
font-size: 14px;
line-height: 25px; }
.grt .wp-caption-text code,
.grt .caption code,
.grt .footnotes code {
font-size: 13px; }
.grt .caption {
color: #828282;
margin-top: -26px; }
.grt .center + .caption,
.grt .aligncenter + .caption {
text-align: center; }
.grt blockquote + .caption {
padding-left: 26px; }
.grt .footnotes {
color: #828282;
padding-top: 19px;
border-top: 1px dotted rgba(0, 0, 0, 0.15); }
.grt .footnotes p {
margin-bottom: 12px; }
.grt .author_description {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 30px; }
.grt .author_description .avatar {
float: left;
width: 90px;
height: 90px;
margin-right: 19px; }
.grt .author_description_intro {
font-weight: bold; }
.grt .post_box + .post_box {
margin-top: 49px; }
.grt .byline,
.grt .alert,
.grt .note,
.grt .box,
.grt .wp-caption,
.grt .caption,
.grt .footnotes,
.grt .page-links {
margin-bottom: 30px; }
.grt .alert > :last-child,
.grt .note > :last-child,
.grt .box > :last-child,
.grt .footnotes > :last-child,
.grt .post_list > :last-child {
margin-bottom: 0; }
.grt .post_list {
margin-bottom: 0; }
.grt .post_box:after,
.grt .headline_area:after,
.grt .byline:after,
.grt .post_content:after,
.grt .post_list:after,
.grt .extend:after,
.grt .author_description:after,
.grt .query_box:after {
display: table;
clear: both;
content: ''; }
@media all and (min-width: 421px) {
.grt .byline .post_author:after,
.grt .byline .post_date:after,
.grt .byline .num_comments_link:after {
display: none; }
.grt .byline .post_author ~ .post_date_intro:before,
.grt .byline .post_date_intro ~ .post_date_intro:before,
.grt .byline .post_author ~ .num_comments_link:before,
.grt .byline .post_date ~ .num_comments_link:before,
.grt .byline .post_author ~ .post_edit:before,
.grt .byline .post_date ~ .post_edit:before,
.grt .byline .num_comments_link ~ .post_edit:before {
color: #828282;
content: '\2022\0020'; } }
@media all and (min-width: 682px) {
.grt .headline_area {
position: relative; }
.grt .impact {
font-size: 29px;
line-height: 46px; } }
label {
display: block;
font-weight: bold; }
label .required {
font-weight: normal; }
.required {
color: #dd0000; }
input,
textarea,
select {
display: block;
width: 100%;
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
line-height: 1em;
font-weight: inherit;
padding: 7px;
border: 1px solid rgba(0, 0, 0, 0.2); }
input[type=checkbox],
input[type=radio],
input[type=image],
input[type=submit],
select {
width: auto; }
input[type=checkbox],
input[type=radio] {
display: inline-block; }
input[type=checkbox] + label,
input[type=radio] + label {
display: inline;
font-weight: normal;
margin-left: 12px; }
textarea {
line-height: inherit; }
button,
input[type=submit],
.button {
display: inline-block;
width: auto;
font-family: inherit;
font-size: inherit;
font-weight: normal;
line-height: 1em;
vertical-align: top;
color: #111111;
text-decoration: none;
background-color: #ffebb3;
padding: 12px 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-width: 4px;
border-bottom-color: rgba(0, 0, 0, 0.25);
border-radius: 12px;
outline: 1px solid rgba(0, 0, 0, 0.1);
outline-offset: -1px;
cursor: pointer;
-webkit-appearance: none; }
button:hover,
input[type=submit]:hover,
.button:hover,
button:active,
input[type=submit]:active,
.button:active {
text-decoration: none;
background-color: #fff5d9;
transition: background-color 0.3s ease; }
button:active,
input[type=submit]:active,
.button:active {
border-bottom-width: 2px;
margin-top: 2px; }
button.save,
.button.save {
color: white;
background-color: #509b26; }
button.save:hover,
.button.save:hover,
button.save:active,
.button.save:active {
background-color: #60ba2e; }
button.delete,
.button.delete {
color: white;
background-color: #d50b0b; }
button.delete:hover,
.button.delete:hover,
button.delete:active,
.button.delete:active {
background-color: #f31313; }
button.action,
.button.action {
color: white;
background-color: #12a7ff; }
button.action:hover,
.button.action:hover,
button.action:active,
.button.action:active {
background-color: #38b5ff; }
button.update,
.button.update {
background-color: #fcfc0d; }
button.update:hover,
.button.update:hover,
button.update:active,
.button.update:active {
background-color: #fcfc33; }
#site_title {
font-size: 23px;
line-height: 38px;
font-weight: bold; }
#site_title a {
color: inherit; }
.prev_next {
border-top: 1px dotted rgba(0, 0, 0, 0.15);
padding-top: 19px;
padding-bottom: 19px;
margin-top: 30px;
margin-bottom: -30px; }
.prev_next.blog_nav {
width: 100%;
display: flex;
justify-content: space-between;
flex-direction: row-reverse; }
.prev_next .previous_posts:first-child {
margin-right: auto; }
.prev_next .previous_posts a:before {
content: '\2190\0020'; }
.prev_next .next_posts a:after {
content: '\0020\2192'; }
.prev_next .next_post,
.prev_next .previous_post {
margin-bottom: 0; }
.prev_next .next_post + .previous_post {
margin-top: 19px; }
.readability .text .byline .avatar {
float: right;
margin-left: 19px;
margin-bottom: 0; }
.focus .text .byline .avatar {
margin-bottom: 7px; }
@media all and (min-width: 682px) {
.readability .text .byline .avatar {
float: left;
margin-left: 0;
margin-right: 19px; }
.focus .text .byline .avatar {
margin-bottom: 12px; } }
.focus .text .breakout {
margin-left: auto;
margin-right: auto; }
.text .breakout.left {
float: none;
margin-left: 0;
margin-right: 0; }
.text .pullout.left {
float: none;
margin-right: 0; }
@media all and (min-width: 704px) {
.readability .text,
.focus .text {
max-width: 644px; }
.readability .text .extend,
.focus .text .extend {
box-sizing: border-box;
max-width: calc(100vw - 60px); }
.readability .text .wp-caption img,
.focus .text .wp-caption img {
max-width: 100%; }
.readability .text .headline_area,
.readability .text .post_content > h1,
.readability .text .post_content > h2,
.readability .text .post_content > h3,
.readability .text .post_content > h4,
.readability .text .post_content > .impact,
.readability .text .extend,
.readability .text .extend + .caption {
margin-right: calc(704px - 100vw); }
.focus .text {
margin-left: auto;
margin-right: auto; }
.focus .text .headline_area,
.focus .text .post_content > h1,
.focus .text .post_content > h2,
.focus .text .post_content > h3,
.focus .text .post_content > .impact,
.focus .text .extend,
.focus .text .extend + .caption {
margin-left: calc(352px - (100vw / 2));
margin-right: calc(352px - (100vw / 2)); }
.focus .text .extend.right {
margin-left: 30px; }
.focus .text .extend.left {
margin-right: 30px; } }
@media all and (min-width: 1100px) {
.readability .text .pullout,
.focus .text .pullout {
float: right;
box-sizing: border-box; }
.readability .text .extend,
.focus .text .extend {
max-width: 1040px; }
.readability .text .extend .pullout,
.focus .text .extend .pullout {
float: none;
max-width: 100%; }
.readability .text .headline_area,
.readability .text .post_content > h1,
.readability .text .post_content > h2,
.readability .text .post_content > h3,
.readability .text .post_content > h4,
.readability .text .post_content > .impact,
.readability .text .extend,
.readability .text .extend + .caption {
margin-right: -396px; }
.readability .text .breakout {
max-width: calc(703px + (100vw - 1040px) / 2);
margin-right: calc(-396px - (100vw - 1040px) / 2); }
.readability .text .pullout {
max-width: calc(100vw - (100vw - 1040px) / 2 - 693px);
margin-right: calc(-396px - (100vw - 1040px) / 2); }
.readability .text .extend .pullout {
margin-left: 0;
margin-right: 0; }
.focus .text .headline_area,
.focus .text .post_content > h1,
.focus .text .post_content > h2,
.focus .text .post_content > h3,
.focus .text .post_content > .impact,
.focus .text .extend,
.focus .text .extend + .caption {
margin-left: -198px;
margin-right: -198px; }
.focus .text .breakout {
max-width: calc(505px + (100vw - 1040px) / 2);
margin-left: 30px;
margin-right: calc(322px - (100vw / 2)); }
.focus .text .breakout.left {
margin-left: calc(322px - (100vw / 2));
margin-right: 30px; }
.focus .text .pullout {
max-width: calc(100vw - (100vw - 1040px) / 2 - 872px);
margin-right: calc(-198px - (100vw - 1040px) / 2); }
.focus .text .pullout.left {
float: left;
margin-left: calc(-198px - (100vw - 1040px) / 2);
margin-right: 0; }
.focus .text .extend .pullout {
margin-left: auto;
margin-right: auto; }
.text .breakout,
.text .extend .breakout {
float: right;
box-sizing: border-box;
max-width: calc(505px + (100vw - 1040px) / 2);
margin-left: 30px;
margin-right: calc((1040px - 100vw) / 2); }
.text .breakout.left,
.text .extend .breakout.left {
float: left;
margin-left: calc((1040px - 100vw) / 2);
margin-right: 30px; }
.has-sidebar .text .breakout,
.has-sidebar .text .extend .breakout {
float: none;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.mode-focus #header,
.mode-focus #nav,
.mode-focus #nav-secondary,
.mode-focus #footer {
text-align: center; }
.mode-focus #header_image,
.mode-focus #logo {
margin-left: auto;
margin-right: auto; }
.focus .text .headline_area,
.focus .text .featured_image_wrap,
.focus .text .post_content h1,
.focus .text h2,
.focus .text h3,
.focus .text h1 + .caption,
.focus .text h2 + .caption,
.focus .text h3 + .caption,
.focus .text .impact,
.focus .text .extend + .caption,
.focus .text .extend .caption {
text-align: center; }
.focus .text .byline .avatar {
margin-left: auto;
margin-right: auto; }
.focus .archive_title {
text-align: center; }
@media all and (min-width: 704px) {
.readability .text .wp-post-image,
.focus .text .wp-post-image {
max-width: calc(100vw - 60px); }
.focus .text .wp-post-image {
margin-left: auto;
margin-right: auto; } }
@media all and (min-width: 1100px) {
.readability .text .wp-post-image,
.focus .text .wp-post-image {
max-width: 1040px; } }
.featured_image_link {
display: inline-block;
vertical-align: top; }
@media all and (min-width: 704px) {
.readability .text .featured_image_wrap {
margin-right: calc(704px - 100vw); }
.focus .text .featured_image_wrap {
margin-left: calc(352px - (100vw / 2));
margin-right: calc(352px - (100vw / 2)); } }
@media all and (min-width: 1100px) {
.readability .text .featured_image_wrap {
margin-right: -396px; }
.focus .text .featured_image_wrap {
margin-left: -198px;
margin-right: -198px; } }
.menu {
list-style: none;
display: flex;
align-items: baseline;
white-space: nowrap;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.menu::-webkit-scrollbar {
display: none; }
.menu li {
margin-right: 30px; }
.menu li:last-child {
margin-right: 0; }
.menu a {
display: block;
padding-top: 12px;
padding-bottom: 12px; }
.menu:before {
content: '\2194';
color: #828282;
margin-right: 19px; }
@media all and (min-width: 682px) {
.mode-focus .menu {
justify-content: center; }
.menu:before {
display: none; } }
.bar {
color: #828282; }
@media all and (min-width: 1100px) {
.text .bar {
width: 100%; }
.text .bar code {
font-size: 13px; }
.readability .text .bar,
.focus .text .bar {
box-sizing: border-box;
float: right;
clear: right;
font-size: 14px;
line-height: 25px;
margin-bottom: 19px; }
.readability .text .bar {
max-width: 347px;
margin-right: -396px; }
.focus .text .bar {
max-width: 168px;
margin-right: -198px; }
.focus .text .bar.left {
float: left;
clear: left;
margin-left: -198px; } }
.bleed {
position: relative;
width: 100vw;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 49px;
margin-bottom: 49px;
margin-left: -19px; }
.bleed + .bleed {
margin-top: -49px; }
.content > .post_box:last-child .bleed:last-child {
border-bottom: 0;
margin-bottom: -30px; }
.bleed:after {
display: table;
clear: both;
content: ''; }
@media all and (min-width: 682px) {
.bleed {
margin-left: calc(calc(644px - 100vw) / 2); } }
@media all and (min-width: 704px) {
.bleed {
margin-left: -30px; } }
@media all and (min-width: 1100px) {
.bleed {
margin-left: calc(calc(1040px - 100vw) / 2); } }
.focus .bleed {
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw; }
.bleed .container {
padding-top: 30px;
padding-bottom: 19px; }
.bleed pre,
.bleed .wp-caption,
.bleed .frame {
background-color: rgba(0, 0, 0, 0.1); }
.bleed.no-border {
border-top: none; }
.bleed.red {
background-color: #ffcccc; }
.bleed.red blockquote,
.bleed.red .post_content > .small,
.bleed.red .caption,
.bleed.red .bar,
.bleed.red .wp-caption {
color: maroon; }
.bleed.salmon {
background-color: #ffddcc; }
.bleed.salmon blockquote,
.bleed.salmon .post_content > .small,
.bleed.salmon .caption,
.bleed.salmon .bar,
.bleed.salmon .wp-caption {
color: #802b00; }
.bleed.orange {
background-color: #ffeecc; }
.bleed.orange blockquote,
.bleed.orange .post_content > .small,
.bleed.orange .caption,
.bleed.orange .bar,
.bleed.orange .wp-caption {
color: #805500; }
.bleed.yellow {
background-color: #ffffcc; }
.bleed.yellow blockquote,
.bleed.yellow .post_content > .small,
.bleed.yellow .caption,
.bleed.yellow .bar,
.bleed.yellow .wp-caption {
color: olive; }
.bleed.chartreuse {
background-color: #eeffcc; }
.bleed.chartreuse blockquote,
.bleed.chartreuse .post_content > .small,
.bleed.chartreuse .caption,
.bleed.chartreuse .bar,
.bleed.chartreuse .wp-caption {
color: #558000; }
.bleed.lime {
background-color: #ddffcc; }
.bleed.lime blockquote,
.bleed.lime .post_content > .small,
.bleed.lime .caption,
.bleed.lime .bar,
.bleed.lime .wp-caption {
color: #2a8000; }
.bleed.green {
background-color: #ccffcc; }
.bleed.green blockquote,
.bleed.green .post_content > .small,
.bleed.green .caption,
.bleed.green .bar,
.bleed.green .wp-caption {
color: green; }
.bleed.aquamarine {
background-color: #ccffdd; }
.bleed.aquamarine blockquote,
.bleed.aquamarine .post_content > .small,
.bleed.aquamarine .caption,
.bleed.aquamarine .bar,
.bleed.aquamarine .wp-caption {
color: #00802b; }
.bleed.turquoise {
background-color: #ccffee; }
.bleed.turquoise blockquote,
.bleed.turquoise .post_content > .small,
.bleed.turquoise .caption,
.bleed.turquoise .bar,
.bleed.turquoise .wp-caption {
color: #008055; }
.bleed.cyan {
background-color: #ccffff; }
.bleed.cyan blockquote,
.bleed.cyan .post_content > .small,
.bleed.cyan .caption,
.bleed.cyan .bar,
.bleed.cyan .wp-caption {
color: teal; }
.bleed.blue {
background-color: #cceeff; }
.bleed.blue blockquote,
.bleed.blue .post_content > .small,
.bleed.blue .caption,
.bleed.blue .bar,
.bleed.blue .wp-caption {
color: #005580; }
.bleed.steel {
background-color: #ccddff; }
.bleed.steel blockquote,
.bleed.steel .post_content > .small,
.bleed.steel .caption,
.bleed.steel .bar,
.bleed.steel .wp-caption {
color: #002a80; }
.bleed.lavender {
background-color: #ccccff; }
.bleed.lavender blockquote,
.bleed.lavender .post_content > .small,
.bleed.lavender .caption,
.bleed.lavender .bar,
.bleed.lavender .wp-caption {
color: navy; }
.bleed.purple {
background-color: #ddccff; }
.bleed.purple blockquote,
.bleed.purple .post_content > .small,
.bleed.purple .caption,
.bleed.purple .bar,
.bleed.purple .wp-caption {
color: #2b0080; }
.bleed.orchid {
background-color: #eeccff; }
.bleed.orchid blockquote,
.bleed.orchid .post_content > .small,
.bleed.orchid .caption,
.bleed.orchid .bar,
.bleed.orchid .wp-caption {
color: #550080; }
.bleed.magenta {
background-color: #ffccff; }
.bleed.magenta blockquote,
.bleed.magenta .post_content > .small,
.bleed.magenta .caption,
.bleed.magenta .bar,
.bleed.magenta .wp-caption {
color: purple; }
.bleed.pink {
background-color: #ffccee; }
.bleed.pink blockquote,
.bleed.pink .post_content > .small,
.bleed.pink .caption,
.bleed.pink .bar,
.bleed.pink .wp-caption {
color: #800055; }
.bleed.rose {
background-color: #ffccdd; }
.bleed.rose blockquote,
.bleed.rose .post_content > .small,
.bleed.rose .caption,
.bleed.rose .bar,
.bleed.rose .wp-caption {
color: #80002a; }
.grt h1:has(+.caption),
.grt h2:has(+.caption),
.grt h3:has(+.caption),
.grt h4:has(+.caption) {
margin-bottom: 0; }
.grt h1 + .caption,
.grt h2 + .caption,
.grt h3 + .caption,
.grt h4 + .caption {
margin-top: 0; }
.grt h3 + .caption {
margin-bottom: 19px; }
.grt h4 + .caption {
margin-bottom: 12px; }
.content > .post_box:first-child > .post_content:first-child > .bleed:first-child {
border-top: 0;
margin-top: -30px; }
.bleed:has(+.bleed) {
border-bottom: 0; }
.youtube {
position: relative;
background-color: black;
padding-top: 56.25%;
margin-bottom: 30px;
overflow: hidden;
cursor: pointer; }
.youtube img,
.youtube iframe,
.youtube .play,
.youtube .play:before {
position: absolute; }
.youtube img {
width: 100%;
top: -16.67%;
left: 0;
opacity: 0.7; }
.youtube.custom-thumb img {
top: 0; }
.youtube iframe {
width: 100%;
height: 100%;
top: 0;
left: 0; }
.youtube .play,
.youtube .play:before {
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0); }
.youtube .play {
width: 90px;
height: 60px;
background-color: #ff1616;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
z-index: 1;
opacity: 0.8;
border-radius: 6px; }
.youtube .play:before {
content: '';
border-style: solid;
border-width: 15px 0 15px 26px;
border-color: transparent transparent transparent white; }
.card {
box-sizing: border-box;
color: inherit;
border-radius: 7px;
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
margin-bottom: 30px;
overflow: hidden; }
.card .card-body {
padding: 21.5px 19px 19px 19px; }
.card .card-text:first-child {
margin-top: 2.5px; }
.card .card-title,
.card .card-subtitle {
text-align: center; }
.card .card-title:last-child,
.card .card-subtitle:last-child {
margin-bottom: 0; }
.card .card-title {
font-size: 23px;
line-height: 38px;
font-weight: bold;
margin-bottom: 15.5px; }
.card .card-title a {
text-decoration: none; }
.card .card-subtitle {
font-size: 14px;
line-height: 25px;
color: #828282;
margin-top: -15.5px;
margin-bottom: 18.5px; }
.card.card-centered .card-text {
text-align: center; }
.card .card-text > :last-child {
margin-bottom: 0; }
@media all and (min-width: 458px) {
.card .card-body {
padding: 21.5px 30px 30px 30px; }
.card .card-title {
font-size: 29px;
line-height: 46px; } }
.grt .card {
display: block;
text-decoration: none; }
.grt .card .card-image {
max-width: 100%;
margin-bottom: 0; }
.card-flex {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.card-flex > .card {
flex-basis: 100%; }
.card-flex.card-flex-2 > .card,
.card-flex.card-flex-3 > .card {
max-width: 505px; }
@media all and (min-width: 704px) {
.card-flex.card-flex-2,
.card-flex.card-flex-3 {
justify-content: space-between; }
.card-flex.card-flex-2 > .card,
.card-flex.card-flex-3 > .card {
max-width: calc(50% - 15px); }
.card-flex.card-flex-2 .card-body,
.card-flex.card-flex-3 .card-body {
padding: 21.5px 19px 19px 19px; }
.card-flex.card-flex-2 .card-title,
.card-flex.card-flex-3 .card-title {
font-size: 23px;
line-height: 38px; } }
@media all and (min-width: 930px) {
.card-flex.card-flex-2 .card-body,
.card-flex.card-flex-3 .card-body {
padding: 21.5px 30px 30px 30px; }
.card-flex.card-flex-2 .card-title,
.card-flex.card-flex-3 .card-title {
font-size: 29px;
line-height: 46px; } }
@media all and (min-width: 1100px) {
.card-flex.card-flex-3 > .card {
max-width: calc(33.333% - 20.001px); }
.card-flex.card-flex-3 .card-body {
padding: 21.5px 19px 19px 19px; }
.card-flex.card-flex-3 .card-title {
font-size: 23px;
line-height: 38px; } }
.card-flex.card-flex-4 > .card {
max-width: 356.25px; }
@media all and (min-width: 458px) {
.card-flex.card-flex-4 .card-body {
padding: 21.5px 19px 19px 19px; }
.card-flex.card-flex-4 .card-title {
font-size: 23px;
line-height: 38px; } }
@media all and (min-width: 543px) {
.card-flex.card-flex-4 {
justify-content: space-between; }
.card-flex.card-flex-4 > .card {
max-width: calc(50% - 15px); } }
@media all and (min-width: 832.5px) {
.card-flex.card-flex-4 > .card {
max-width: calc(33.333% - 20.001px); } }
@media all and (min-width: 1100px) {
.card-flex.card-flex-4 > .card {
max-width: calc(25% - 22.5px); } }
.icon-social svg {
width: auto;
height: 23px;
vertical-align: middle; }
.icon-social svg:not([fill=none]) {
fill: #de0404; }
.icon-social svg[fill=none] {
stroke: #de0404; }
.icon-social + .icon-social {
margin-left: 4px; }
.grt .social-profiles a {
text-decoration: none; }
.grt div.social-profiles {
margin-bottom: 30px; }   :root {
--primary-black: #0a0a0a;
--secondary-black: #1a1a1a;
--accent-red: #d62828;
--accent-gold: #f77f00;
--light-gray: #e8e8e8;
--mid-gray: #666666; } @import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Crimson+Pro:wght@400;600&family=Work+Sans:wght@400;500;700&display=swap");
* {
box-sizing: border-box; }
body {
font-family: 'Work Sans', sans-serif !important;
background: var(--primary-black) !important;
color: var(--light-gray) !important;
line-height: 1.6; } body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.03) 4px);
pointer-events: none;
z-index: 1000;
opacity: 0.4; }
html {
scroll-behavior: smooth; } .header,
header.header {
background: rgba(10, 10, 10, 0.95) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-bottom: 1px solid rgba(214, 40, 40, 0.3) !important;
padding: 1rem 2rem !important; }
.header .container,
.header .wrap {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
max-width: 1400px;
margin: 0 auto; }
.site-title a,
#site-title a,
.logo,
.brand a {
font-family: 'Bebas Neue', sans-serif !important;
font-size: 2.5rem !important;
letter-spacing: 3px !important;
color: var(--accent-red) !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition: all 0.3s ease;
margin: 0 !important;
padding: 0 !important; }
.site-title a:hover,
#site-title a:hover,
.logo:hover,
.brand a:hover {
color: var(--accent-gold) !important;
text-shadow: 0 0 20px var(--accent-gold); } .menu,
.nav,
nav ul {
display: flex !important;
gap: 2rem;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
align-items: center; }
.menu li a,
.nav li a,
nav ul li a {
color: var(--light-gray) !important;
text-decoration: none !important;
font-weight: 500;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
position: relative;
padding: 0.5rem 0 !important; }
.menu li a::after,
.nav li a::after,
nav ul li a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: var(--accent-red);
transition: width 0.3s ease; }
.menu li a:hover,
.nav li a:hover,
nav ul li a:hover {
color: var(--accent-red) !important; }
.menu li a:hover::after,
.nav li a:hover::after,
nav ul li a:hover::after {
width: 100%; } h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Bebas Neue', sans-serif !important;
color: white !important;
letter-spacing: 2px;
text-transform: uppercase; }
h1 {
font-size: clamp(2rem, 4vw, 3rem) !important;
line-height: 1.2 !important;
margin-bottom: 1.5rem !important; }
h2 {
font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
line-height: 1.2 !important;
margin-bottom: 1.25rem !important; }
h3 {
font-size: clamp(1.5rem, 2.5vw, 2rem) !important;
line-height: 1.3 !important;
margin-bottom: 1rem !important; }
h4 {
font-size: clamp(1.3rem, 2vw, 1.5rem) !important;
line-height: 1.3 !important;
margin-bottom: 1rem !important; }
h5 {
font-size: 1.2rem !important;
line-height: 1.4 !important; }
h6 {
font-size: 1.1rem !important;
line-height: 1.4 !important; }
p {
color: var(--light-gray) !important;
line-height: 1.8;
font-size: 1.1rem;
margin-bottom: 1.5rem; }
.accent-text,
.highlight {
color: var(--accent-gold) !important;
font-weight: 600; } .btn,
.button,
.action,
input[type="submit"],
button {
display: inline-block !important;
padding: 1rem 2.5rem !important;
text-decoration: none !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-size: 0.9rem !important;
transition: all 0.3s ease;
border: 2px solid;
position: relative;
overflow: hidden;
cursor: pointer;
font-family: 'Work Sans', sans-serif !important; }
.btn-primary,
.button-primary,
.button.action,
.action,
input[type="submit"] {
background: var(--accent-red) !important;
color: white !important;
border-color: var(--accent-red) !important; }
.btn-primary::before,
.button-primary::before,
.button.action::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: var(--accent-gold);
transition: left 0.3s ease;
z-index: -1; }
.btn-primary:hover,
.button-primary:hover,
.button.action:hover,
input[type="submit"]:hover {
background: var(--accent-gold) !important;
border-color: var(--accent-gold) !important;
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(247, 127, 0, 0.3); }
.btn-primary:hover::before,
.button-primary:hover::before,
.button.action:hover::before {
left: 0; }
.btn-secondary,
.button-secondary {
background: transparent !important;
color: var(--light-gray) !important;
border-color: var(--light-gray) !important; }
.btn-secondary:hover,
.button-secondary:hover {
background: var(--light-gray) !important;
color: var(--primary-black) !important; } a[href*="hypeddit"],
a[href*="presave"] {
display: inline-block !important;
padding: 1rem 2.5rem !important;
background: var(--accent-red) !important;
color: white !important;
border: 2px solid var(--accent-red) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
margin: 1rem 0.5rem !important; }
a[href*="hypeddit"]:hover,
a[href*="presave"]:hover {
background: var(--accent-gold) !important;
border-color: var(--accent-gold) !important;
transform: translateY(-2px) !important;
box-shadow: 0 5px 20px rgba(247, 127, 0, 0.3) !important; } .hero,
.hero-section {
min-height: 60vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-top: 2rem !important;
padding: 4rem 2rem;
overflow: hidden; }
.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(ellipse at 20% 30%, rgba(214, 40, 40, 0.15) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, rgba(247, 127, 0, 0.1) 0%, transparent 50%);
animation: pulse 8s ease-in-out infinite; }
@keyframes pulse {
{
opacity: 0.5; }
{
opacity: 0.8; }
}
.hero-content {
text-align: center;
z-index: 2;
max-width: 900px; } .section,
section {
padding: 4rem 2rem;
position: relative; }
.content-wrapper,
.container {
max-width: 1200px;
margin: 0 auto; } hr {
border: none !important;
height: 2px !important;
background: linear-gradient(90deg, transparent, var(--accent-red), var(--accent-gold), transparent) !important;
margin: 3rem 0 !important; } .entry-content > h3,
.entry-content > h2 {
margin-top: 4rem !important;
margin-bottom: 2rem !important;
text-align: center; }
.entry-content > h3::after,
.entry-content > h2::after {
content: '';
display: block;
width: 100px;
height: 3px;
background: linear-gradient(90deg, var(--accent-red), var(--accent-gold));
margin: 1rem auto; } img {
max-width: 100%;
height: auto;
transition: transform 0.3s ease; }
.wp-caption,
.wp-caption-text {
font-style: italic;
color: var(--mid-gray) !important;
font-size: 0.9rem;
margin-top: 0.5rem;
text-align: center; }
.alignright {
float: right;
margin: 0 0 2rem 2rem !important; }
.alignleft {
float: left;
margin: 0 2rem 2rem 0 !important; }
.aligncenter {
display: block;
margin-left: auto !important;
margin-right: auto !important; } .wp-image-374,
.wp-image-563 {
border: 3px solid var(--accent-red);
box-shadow: 0 20px 60px rgba(214, 40, 40, 0.3); } iframe {
max-width: 100%;
margin: 2rem 0; }
iframe[src*="spotify"],
iframe[src*="bandcamp"],
iframe[src*="youtube"] {
border: 3px solid var(--accent-red) !important;
box-shadow: 0 20px 60px rgba(214, 40, 40, 0.3) !important;
display: block;
margin: 2rem auto !important; } input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea,
select {
width: 100%;
padding: 1rem 1.5rem !important;
background: var(--primary-black) !important;
border: 2px solid rgba(232, 232, 232, 0.2) !important;
color: white !important;
font-size: 1rem !important;
transition: all 0.3s ease;
font-family: 'Work Sans', sans-serif !important; }
input:focus,
textarea:focus,
select:focus {
outline: none !important;
border-color: var(--accent-red) !important;
box-shadow: 0 0 0 3px rgba(214, 40, 40, 0.1); }
::placeholder {
color: var(--mid-gray) !important; } .ml-form-embedWrapper,
.ml-embedded,
.ml-form-embed {
background: linear-gradient(135deg, #1a1a1a 0%, rgba(26, 26, 26, 0.95) 100%) !important;
border: 2px solid var(--accent-red) !important;
padding: 3rem 2rem !important;
border-radius: 0 !important;
position: relative;
overflow: hidden;
margin: 2rem 0 !important; }
.ml-form-embedWrapper::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, var(--accent-red), var(--accent-gold)); }
.ml-form-embedWrapper h4,
.ml-form-embedWrapper h3,
.ml-form-embedWrapper .ml-form-embedHeader h1 {
font-family: 'Bebas Neue', sans-serif !important;
color: var(--accent-red) !important;
font-size: 2rem !important;
text-align: center !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
margin-bottom: 1rem !important; }
.ml-form-embedWrapper p,
.ml-form-embedWrapper .ml-form-embedBody p {
color: var(--light-gray) !important;
font-size: 1.1rem !important;
line-height: 1.8 !important;
text-align: center !important;
margin-bottom: 2rem !important; }
.ml-form-embedWrapper input[type="email"],
.ml-form-embedWrapper input[type="text"],
.ml-block-form input {
width: 100% !important;
padding: 1rem 1.5rem !important;
background: var(--primary-black) !important;
border: 2px solid rgba(232, 232, 232, 0.2) !important;
color: white !important;
font-size: 1rem !important;
font-family: 'Work Sans', sans-serif !important;
margin-bottom: 1rem !important;
border-radius: 0 !important;
transition: all 0.3s ease !important; }
.ml-form-embedWrapper input[type="email"]:focus,
.ml-form-embedWrapper input[type="text"]:focus {
outline: none !important;
border-color: var(--accent-red) !important;
box-shadow: 0 0 0 3px rgba(214, 40, 40, 0.2) !important;
background: var(--secondary-black) !important; }
.ml-form-embedWrapper input::placeholder {
color: var(--mid-gray) !important; }
.ml-form-embedWrapper button[type="submit"],
.ml-form-embedWrapper .ml-form-embedSubmit button,
.ml-block-form button {
width: 100% !important;
padding: 1rem 2.5rem !important;
background: var(--accent-red) !important;
color: white !important;
border: 2px solid var(--accent-red) !important;
font-weight: 700 !important;
font-size: 0.9rem !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-family: 'Work Sans', sans-serif !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
border-radius: 0 !important; }
.ml-form-embedWrapper button[type="submit"]:hover,
.ml-form-embedWrapper .ml-form-embedSubmit button:hover {
background: var(--accent-gold) !important;
border-color: var(--accent-gold) !important;
transform: translateY(-2px) !important;
box-shadow: 0 5px 20px rgba(247, 127, 0, 0.3) !important; } .stats-frame {
background: linear-gradient(135deg, #1a1a1a 0%, rgba(26, 26, 26, 0.95) 100%) !important;
border: 2px solid var(--accent-red) !important;
padding: 3rem 2rem !important;
position: relative;
overflow: hidden;
margin: 4rem 0 !important; }
.stats-frame::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, var(--accent-red), var(--accent-gold)); }
.stats-frame .community-stats {
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important; }
.stats-frame .stats-footnote {
margin-bottom: 0 !important; } .community-support-section {
background: linear-gradient(135deg, var(--secondary-black) 0%, rgba(26, 26, 26, 0.95) 100%);
border: 2px solid var(--accent-gold);
padding: 3rem 2rem;
margin: 3rem 0;
position: relative;
text-align: center; }
.community-support-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, var(--accent-gold), var(--accent-red)); }
.community-support-section .content {
max-width: 900px;
margin: 0 auto; }
.community-support-section h2 {
font-size: 2.5rem !important;
color: var(--accent-gold) !important;
margin-bottom: 1rem !important; }
.community-support-section .subtitle {
font-size: 1.2rem;
color: var(--accent-gold);
font-style: italic;
margin-bottom: 2rem; }
.support-options {
display: flex;
gap: 1.5rem;
justify-content: center;
margin: 2rem 0;
flex-wrap: wrap; }
.support-btn {
padding: 1rem 2rem !important;
background: var(--accent-gold) !important;
color: white !important;
border: 2px solid var(--accent-gold) !important;
text-decoration: none !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
transition: all 0.3s ease !important;
display: inline-block !important; }
.support-btn:hover {
background: var(--accent-red) !important;
border-color: var(--accent-red) !important;
transform: translateY(-3px); }
.support-btn.secondary {
background: transparent !important;
border-color: var(--light-gray) !important;
color: var(--light-gray) !important; }
.support-btn.secondary:hover {
background: var(--light-gray) !important;
color: var(--primary-black) !important; }
.community-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 2rem;
margin-top: 3rem;
padding-top: 2rem;
border-top: 1px solid rgba(232, 232, 232, 0.2); }
.stat-item {
text-align: center; }
.stat-number {
font-family: 'Bebas Neue', sans-serif;
font-size: 2.5rem;
color: var(--accent-gold);
display: block;
line-height: 1;
margin-bottom: 0.5rem; }
.stat-label {
font-size: 0.9rem;
color: var(--mid-gray);
text-transform: uppercase;
letter-spacing: 1px; } .social-feed-section {
margin: 4rem 0; }
.social-feed-header {
text-align: center;
margin-bottom: 3rem; }
.social-feed-header h2 {
font-size: 2.5rem !important;
margin-bottom: 1rem !important; }
.social-feed-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-top: 2rem; }
.feed-widget {
background: var(--secondary-black);
border: 1px solid rgba(214, 40, 40, 0.3);
padding: 2rem;
position: relative; }
.feed-widget::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, var(--accent-red), var(--accent-gold)); }
.feed-widget h3 {
font-size: 1.5rem !important;
margin-bottom: 1.5rem !important;
display: flex;
align-items: center;
gap: 0.5rem; }
.feed-widget .icon {
font-size: 1.8rem; } footer,
.footer {
background: var(--primary-black) !important;
border-top: 1px solid rgba(214, 40, 40, 0.3);
padding: 3rem 2rem 2rem !important; }
footer h3,
.footer h3 {
font-family: 'Bebas Neue', sans-serif !important;
font-size: 1.5rem !important;
color: var(--accent-red) !important;
margin-bottom: 1rem !important;
letter-spacing: 2px; }
footer a,
.footer a {
color: #cccccc !important;
text-decoration: none !important;
transition: color 0.3s ease; }
footer a:hover,
.footer a:hover {
color: var(--accent-gold) !important; } @media (max-width: 968px) {
.header,
header.header {
padding: 1rem !important; }
.menu,
.nav,
nav ul {
gap: 1.5rem !important; }
.community-stats {
grid-template-columns: 1fr;
gap: 1.5rem; }
.support-options {
flex-direction: column; }
.support-btn {
width: 100%;
text-align: center; } }
@media (max-width: 640px) {
.logo,
.site-title a {
font-size: 1.8rem !important; }
.menu,
.nav,
nav ul {
display: none; }
.hero {
margin-top: 1rem !important;
min-height: auto;
padding: 3rem 1rem; }
.alignright,
.alignleft {
float: none !important;
margin: 1rem auto !important;
display: block; }
h1 {
font-size: 1.8rem !important; }
h2 {
font-size: 1.6rem !important; }
h3 {
font-size: 1.4rem !important; }
.community-support-section,
.ml-form-embedWrapper,
.stats-frame {
padding: 2rem 1rem !important; }
.social-feed-grid {
grid-template-columns: 1fr; } } .text-center {
text-align: center !important; }
.text-red {
color: var(--accent-red) !important; }
.text-gold {
color: var(--accent-gold) !important; }
.bg-black {
background: var(--primary-black) !important; }
.bg-dark {
background: var(--secondary-black) !important; }
.mt-1 {
margin-top: 1rem !important; }
.mt-2 {
margin-top: 2rem !important; }
.mt-3 {
margin-top: 3rem !important; }
.mb-1 {
margin-bottom: 1rem !important; }
.mb-2 {
margin-bottom: 2rem !important; }
.mb-3 {
margin-bottom: 3rem !important; }
.p-1 {
padding: 1rem !important; }
.p-2 {
padding: 2rem !important; }
.p-3 {
padding: 3rem !important; } .wp-block-image img {
border: 3px solid var(--accent-red); }
.wp-block-quote {
border-left: 4px solid var(--accent-red);
padding-left: 2rem;
font-style: italic;
color: var(--accent-gold); }
.wp-block-button__link {
background: var(--accent-red) !important;
border: 2px solid var(--accent-red) !important; } ::selection {
background: var(--accent-red);
color: white; }
::-moz-selection {
background: var(--accent-red);
color: white; } a:focus,
button:focus,
input:focus,
textarea:focus {
outline: 2px solid var(--accent-gold) !important;
outline-offset: 2px; }
.streaming-links {
display: flex;
align-items: center;
gap: 15px;
margin-top: 12px;
font-size: 24px; }
.streaming-links a {
color: #b0b0b0; transition: color 0.3s ease, transform 0.2s ease;
text-decoration: none; }
.streaming-links a:hover {
transform: scale(1.1); } .streaming-links .fa-spotify:hover {
color: #1db954; }
.streaming-links .fa-apple:hover {
color: #fa243c; }
.streaming-links .fa-youtube:hover {
color: red; }
.streaming-links .fa-amazon:hover {
color: #ff9900; }
.streaming-links .divider {
color: #555555; font-size: 16px; }
.streaming-links .more-platforms {
font-size: 14px;
color: #b0b0b0; text-decoration: none; }
.streaming-links .more-platforms:hover {
color: white; text-decoration: underline; }  .entry-content > * + * {
margin-top: 3.5rem !important; } hr {
margin: 5rem 0 !important; } .section,
.content-wrapper,
.entry-content {
padding: 0 2rem 6rem !important; } .community-support-section {
padding: 4rem 3rem !important; margin: 5rem 0 !important; } .entry-content img.alignright {
margin: 0 0 2.5rem 3rem !important; } .community-stats {
margin: 4rem 0 !important;
gap: 3rem !important; } .ml-form-embedWrapper {
margin: 4rem auto !important;
padding: 4rem 3rem !important; } iframe[src*="bandcamp"] {
margin: 3rem auto !important; } .entry-content p {
line-height: 1.9 !important;
margin-bottom: 2.2rem !important; } @media (max-width: 768px) {
.entry-content > * + * {
margin-top: 2.5rem !important; }
hr {
margin: 4rem 0 !important; }
.community-support-section,
.ml-form-embedWrapper,
.stats-frame {
padding: 3rem 1.5rem !important; }
.support-options {
flex-direction: column;
gap: 1.5rem; } } footer .support-link,
footer a[href*="buymeacoffee"] {
display: inline-block;
padding: 0.8rem 1.8rem;
background: var(--accent-gold);
color: black !important;
border-radius: 4px;
font-weight: 700;
margin-top: 1.5rem;
transition: all 0.3s ease; }
footer .support-link:hover,
footer a[href*="buymeacoffee"]:hover {
background: var(--accent-red);
color: white !important;
transform: translateY(-2px); }
h1#site_title {
display: none; }
nav#nav {
position: sticky;
top: 0;
z-index: 999;
background: rgba(10, 10, 10, 0.95);
border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
h1#site_title {
display: none; }
div#header {
display: none; }