html, body {
border: none;
margin: 0;
padding: 0;
height: 100%;
}
html {
scroll-behavior: smooth;
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:focus:not(:focus-visible) {
outline: none;
}
.wp-site-blocks {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.site-footer {
margin-top: auto !important;
}
a {
text-underline-offset: 0.15em;
transition: 0.15s ease;
}
a img {
transition: opacity 400ms linear;
}
a:hover img {
opacity: 0.8;
}
label {
font-weight: 500;
font-size: var(--wp--preset--font-size--small);
}
input:not([type=radio]):not([name=checkbox]):not([name=submit]),
textarea,
select {
border-radius: 4px !important;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: 1px solid var(--wp--preset--color--contrast-alt);
padding: calc(0.667rem + 7px) calc(1rem + 2px);
font-size: var(--wp--preset--font-size--medium);
font-weight: normal;
outline: none;
transition: 0.2s all;
}
input:not([type=radio]):not([name=checkbox]):not([name=submit]):focus,
textarea:focus,
select:focus {
border-color: var(--wp--preset--color--accent);
}
button {
transition: 0.2s all;
}
.hide-on-desktop {
display: none !important;
}
.mt-0 {
margin-top: 0;
}
.mb-0 {
margin-bottom: 0;
}
.is-style-splat.wp-block-site-logo img {
border-radius: 45% 43% 50% 56%;
}
.wp-block-site-title a {
text-decoration: none;
}
.wp-block-post-date {
opacity: 0.5;
}
.wp-block-post-terms {
gap: 5px;
display: flex;
flex-flow: row wrap;
}
.wp-block-post-terms__separator {
display: none;
}
.is-style-buttons .page-numbers,
.is-style-buttons .wp-block-query-pagination-next,
.is-style-buttons .wp-block-query-pagination-previous,
.is-style-buttons.wp-block-post-terms > a {
background: none;
padding: 0.5rem 0.65rem 0.5rem;
border-radius: 4px;
font-weight: 500;
font-size: calc(0.9 * var(--wp--preset--font-size--small));
text-decoration: none;
position: relative;
line-height: var(--wp--custom--typography--line-height--normal);
color: var(--wp--preset--color--accent);
display: inline-block;
}
.is-style-buttons .page-numbers:after,
.is-style-buttons .wp-block-query-pagination-next:after,
.is-style-buttons .wp-block-query-pagination-previous:after,
.is-style-buttons.wp-block-post-terms > a:after {
background: var(--wp--preset--color--accent);
opacity: 0.1;
border-radius: 6px;
bottom: 0;
content: "";
left: 0;
position: absolute;
z-index: -1;
right: 0;
top: 0;
transition: opacity 0.1s cubic-bezier(0.7, 0, 0.3, 1);
}
.is-style-buttons .page-numbers:hover:after,
.is-style-buttons .wp-block-query-pagination-next:hover:after,
.is-style-buttons .wp-block-query-pagination-previous:hover:after,
.is-style-buttons.wp-block-post-terms > a:hover:after {
opacity: 0.2;
}
.gallery-vertically-center-images .wp-block-image {
display: flex;
align-items: center;
margin-top: auto !important;
margin-bottom: auto !important;
}
.wp-block-code {
border-radius: 4px;
border: 1px solid var(--wp--preset--color--contrast-alt);
}
.wp-block-post-author__content {
gap: 0.3rem;
display: flex;
opacity: 0.5;
}
.wp-block-post-author__byline {
font-size: 1em;
width: auto;
}
.wp-block-post-featured-image {
display: block;
}
.wp-element-button {
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.wp-element-button:hover {
opacity: 0.8;
}
.wp-block-search__inside-wrapper {
padding: 0 !important;
margin: 0 !important;
border-radius: 4px;
transition: 0.15s ease;
}
.wp-block-search__inside-wrapper:focus-within {
border-color: var(--wp--preset--color--accent);
}
.wp-block-search__button-inside input.wp-block-search__input {
border: none !important;
padding: 8px 12px !important;
font-size: var(--wp--preset--font-size--small);
}
.wp-block-search__button-inside button {
padding: 8px !important;
margin: 0 !important;
background: none !important;
color: var(--wp--preset--color--contrast-alt) !important;
}
.wp-block-search__button-inside button:hover {
color: var(--wp--preset--color--contrast) !important;
}
.is-style-shadow-light:not(.wp-block-image) {
box-shadow: var(--wp--preset--shadow--light);
}
.is-style-shadow-light.wp-block-image img {
box-shadow: var(--wp--preset--shadow--light);
}
.is-style-shadow-light a img {
transition: all 0.15s ease;
}
.is-style-shadow-light a:hover img {
box-shadow: none;
opacity: 1;
}
.subscribe-form-container {
border: 1px solid var(--wp--preset--color--accent);
border-radius: 4px;
background: var(--wp--preset--color--base);
padding: 4px 30px 4px 15px;
align-items: center;
justify-content: center;
}
.subscribe-form {
display: flex;
margin: auto;
}
.subscribe-form input {
border: none !important;
outline: none;
margin: 0 !important;
width: 100%;
padding-left: 0;
background: none;
}
.subscribe-form button {
background: none;
color: var(--wp--preset--color--accent);
border: none;
outline: none;
box-shadow: none;
font-size: var(--wp--preset--font-size--medium);
font-family: inherit;
font-weight: 500;
cursor: pointer;
}
.subscribe-form button:hover {
opacity: 0.8;
}
.blog-sidebar-category-nav ul {
margin: 0;
padding: 0;
}
.blog-sidebar-category-nav ul li {
list-style: none;
display: inline-block;
vertical-align: top;
line-height: var(--wp--custom--typography--line-height--medium);
}
.blog-sidebar-category-nav ul li a {
text-decoration: none;
font-size: calc(0.8 * var(--wp--preset--font-size--small));
font-weight: 500;
display: block;
}
.blog-sidebar-category-nav ul li a:hover {
color: var(--wp--preset--color--contrast);
}
.is-style-three-col-per-row-max {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
grid-gap: 1.5rem;
}
.is-style-four-col-per-row-max {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
grid-gap: 1.5rem;
}
.comment-form-cookies-consent {
display: none !important;
}
h3#reply-title {
font-size: var(--wp--preset--font-size-large);
}
.logged-in-as,
.comment-notes {
color: var(--wp--preset--color--contrast-alt);
font-size: calc(0.9 * var(--wp--preset--font-size--small));
}
.has-text-align-center.wp-block-post-author .wp-block-post-author__content {
justify-content: center;
}
.wp-block-navigation__responsive-container-close {
padding-top: var(--wp--preset--spacing--40);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: var(--wp--preset--spacing--70);
}
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
padding: 6px 14px;
}
.wp-block-post-template.is-flex-container {
gap: 2.5em 1.25em;
}
.wp-block-navigation a.wp-block-navigation-item__content.wp-block-navigation-item__content:where(:not(.wp-element-button)):hover {
color: var(--wp--preset--color--contrast-alt);
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: var(--wp--preset--color--base-alt) !important;
}
.wp-block-social-links:not(.has-icon-color) .wp-block-social-link-anchor svg {
fill: var(--wp--preset--color--contrast) !important;
}
@media (max-width: 767px) {
.hide-on-mobile {
display: none !important;
}
.hide-on-desktop {
display: flex !important;
}
.wp-block-post {
padding-bottom: var(--wp--preset--spacing--50);
}
.wp-block-post:last-of-type {
padding-bottom: 0;
}
.mobile-order-1 {
order: 1;
}
.mobile-order-2 {
order: 2;
}
.mobile-order-3 {
order: 3;
}
.mobile-order-4 {
order: 4;
}
.center-on-mobile {
margin-left: auto !important;
margin-right: auto !important;
}
.mobile-padding-0 {
padding: 0 !important;
}
.mobile-padding-top-0 {
padding-top: 0 !important;
}
.mobile-padding-bottom-0 {
padding-bottom: 0 !important;
}
.mobile-padding-right-0 {
padding-right: 0 !important;
}
.mobile-padding-left-0 {
padding-left: 0 !important;
}
.is-style-three-col-per-row-max,
.is-style-four-col-per-row-max {
grid-template-columns: 1fr;
}
.wp-block-cover {
min-height: auto !important;
}
}