mirror of
https://ghproxy.net/https://github.com/fairpm/fair-parent-theme.git
synced 2026-07-27 12:47:45 +08:00
2729 lines
83 KiB
CSS
2729 lines
83 KiB
CSS
@charset "UTF-8";
|
|
/**
|
|
* 1. Add border box sizing in all browsers (opinionated).
|
|
* 2. Backgrounds do not repeat by default (opinionated).
|
|
*/
|
|
*,::after,::before {
|
|
background-repeat: no-repeat; /* 2 */
|
|
box-sizing: border-box; /* 1 */
|
|
}
|
|
|
|
/**
|
|
* 1. Add text decoration inheritance in all browsers (opinionated).
|
|
* 2. Add vertical alignment inheritance in all browsers (opinionated).
|
|
*/
|
|
::after,::before {
|
|
text-decoration: inherit; /* 1 */
|
|
vertical-align: inherit; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* 1. Use the default cursor in all browsers (opinionated).
|
|
* 2. Change the line height in all browsers (opinionated).
|
|
* 4. Use a 4-space tab width in all browsers (opinionated).
|
|
* 5. Remove the grey highlight on links in iOS (opinionated).
|
|
* 6. Prevent adjustments of font size after orientation changes in iOS.
|
|
*/
|
|
:where(:root) {
|
|
cursor: default; /* 1 */
|
|
line-height: 1.5; /* 2 */
|
|
tab-size: 4; /* 4 */
|
|
-webkit-tap-highlight-color: transparent; /* 5 */
|
|
-webkit-text-size-adjust: 100%;
|
|
text-size-adjust: 100%; /* 6 */
|
|
}
|
|
|
|
/* Sections
|
|
* ========================================================================== */
|
|
/**
|
|
* Remove the margin in all browsers (opinionated).
|
|
*/
|
|
:where(body) {
|
|
margin: 0;
|
|
}
|
|
|
|
/**
|
|
* 1. Correct the inheritance of border color in Firefox.
|
|
* 2. Add the correct box sizing in Firefox.
|
|
*/
|
|
:where(hr) {
|
|
color: inherit; /* 1 */
|
|
height: 0; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* Remove the list style on navigation lists in all browsers (opinionated).
|
|
*/
|
|
:where(nav) :where(ol, ul) {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
|
|
/**
|
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
* 2. Correct the odd `em` font sizing in all browsers.
|
|
* 3. Prevent overflow of the container in all browsers (opinionated).
|
|
*/
|
|
:where(pre) {
|
|
font-family: monospace, monospace; /* 1 */
|
|
font-size: 1em; /* 2 */
|
|
overflow: auto; /* 3 */
|
|
}
|
|
|
|
/**
|
|
* Change the fill color to match the text color in all browsers (opinionated).
|
|
*/
|
|
:where(svg:not([fill])) {
|
|
fill: currentColor;
|
|
}
|
|
|
|
/* Forms
|
|
* ========================================================================== */
|
|
/**
|
|
* Correct the inability to style buttons in iOS and Safari.
|
|
*/
|
|
:where(button, [type=button i], [type=reset i], [type=submit i]) {
|
|
appearance: button;
|
|
}
|
|
|
|
/**
|
|
* 1. Remove the margin in Firefox and Safari.
|
|
* 3. Change the resize direction in all browsers (opinionated).
|
|
*/
|
|
:where(textarea) {
|
|
margin: 0; /* 1 */
|
|
resize: vertical; /* 3 */
|
|
}
|
|
|
|
/**
|
|
* 1. Correct the odd appearance in Chrome, Edge, and Safari.
|
|
* 2. Correct the outline style in Safari.
|
|
*/
|
|
:where([type=search i]) {
|
|
appearance: textfield; /* 1 */
|
|
outline-offset: -2px; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* Correct the cursor style of increment and decrement buttons in Safari.
|
|
*/
|
|
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
|
|
/**
|
|
* Correct the text style of placeholders in Chrome, Edge, and Safari.
|
|
*/
|
|
::input-placeholder {
|
|
color: inherit;
|
|
opacity: 0.54;
|
|
}
|
|
|
|
/**
|
|
* Remove the inner padding in Chrome, Edge, and Safari on macOS.
|
|
*/
|
|
::-webkit-search-decoration {
|
|
appearance: none;
|
|
}
|
|
|
|
/**
|
|
* 1. Correct the inability to style upload buttons in iOS and Safari.
|
|
* 2. Change font properties to `inherit` in Safari.
|
|
*/
|
|
::-webkit-file-upload-button {
|
|
appearance: button; /* 1 */
|
|
font: inherit; /* 2 */
|
|
}
|
|
|
|
/*
|
|
* Add the correct display in Safari.
|
|
*/
|
|
:where(details > summary:first-of-type) {
|
|
display: list-item;
|
|
}
|
|
|
|
/* Accessibility
|
|
* ========================================================================== */
|
|
/**
|
|
* Change the cursor on busy elements in all browsers (opinionated).
|
|
*/
|
|
:where([aria-busy=true i]) {
|
|
cursor: progress;
|
|
}
|
|
|
|
/*
|
|
* Change the cursor on disabled, not-editable, or otherwise
|
|
* inoperable elements in all browsers (opinionated).
|
|
*/
|
|
:where([aria-disabled=true i], [disabled]) {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
/*
|
|
* Change the display on visually hidden accessible elements
|
|
* in all browsers (opinionated).
|
|
*/
|
|
:where([aria-hidden=false i][hidden]) {
|
|
display: initial;
|
|
}
|
|
|
|
:where([aria-hidden=false i][hidden]:not(:focus)) {
|
|
clip: rect(0, 0, 0, 0);
|
|
position: absolute;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*,::after,::before {
|
|
animation-delay: -1ms !important; /* 1 */
|
|
animation-duration: 1ms !important; /* 1 */
|
|
animation-iteration-count: 1 !important; /* 1 */
|
|
background-attachment: initial !important; /* 2 */
|
|
scroll-behavior: auto !important; /* 3 */
|
|
transition-delay: 0s !important; /* 4 */
|
|
transition-duration: 0s !important; /* 4 */
|
|
}
|
|
}
|
|
*,*::after,*::before,html {
|
|
/* autoprefixer: ignore next */
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
img {
|
|
/* autoprefixer: ignore next */
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
.image-background > img,.image-background > img[width][height] {
|
|
object-fit: cover;
|
|
}
|
|
|
|
.image-background {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.image-background > img,.image-background > img[width][height],.image-background-layer {
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 0;
|
|
}
|
|
|
|
:root {
|
|
--color-black: #000;
|
|
--color-blue-chalk: #ece6f2;
|
|
--color-east-bay: #343753;
|
|
--color-pattens-blue: #eaf1f8;
|
|
--color-science-blue: #0049d1;
|
|
--color-scorpion: #5f5f5f;
|
|
--color-valhalla: #2a2d3e;
|
|
--color-white: #fff;
|
|
--color-main: var(--color-valhalla);
|
|
--color-heading: var(--color-main);
|
|
--color-paragraph: var(--color-east-bay);
|
|
--color-link-text: var(--color-science-blue);
|
|
--color-link-text-hover: var(--color-black);
|
|
--color-error: #cc2e2e;
|
|
--color-success: #219a14;
|
|
--width-max-mobile: 1029px;
|
|
--typography-family-main: "Mona Sans", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
|
|
--typography-family-paragraph: var(--typography-family-main);
|
|
--typography-family-heading: var(--typography-family-main);
|
|
--typography-size-hero: 3.25rem;
|
|
--typography-h1-size: 2.5rem;
|
|
--typography-h2-size: 1.875rem;
|
|
--typography-h3-size: 1.5rem;
|
|
--typography-h4-size: 1.25rem;
|
|
--typography-h5-size: 1rem;
|
|
--typography-h6-size: .875rem;
|
|
--typography-size-14: .875rem;
|
|
--typography-size-15: .937rem;
|
|
--typography-size-16: 1rem;
|
|
--typography-size-17: 1.0625rem;
|
|
--typography-size-18: 1.125rem;
|
|
--typography-size-20: 1.25rem;
|
|
--typography-size-22: 1.375rem;
|
|
--typography-paragraph-size: var(--typography-size-18);
|
|
--typography-nav-toggle-label-size: var(--typography-size-16);
|
|
--typography-captions-size: var(--typography-size-16);
|
|
--typography-heading-line-height: 1.2;
|
|
--typography-heading-core-line-height: 1.2;
|
|
--typography-paragraph-line-height: 1.7;
|
|
--typography-weight-regular: 400;
|
|
--typography-weight-medium: 500;
|
|
--typography-weight-semibold: 600;
|
|
--typography-weight-bold: 700;
|
|
--typography-weight-paragraph: var(--typography-weight-regular);
|
|
--typography-weight-heading: var(--typography-weight-bold);
|
|
}
|
|
|
|
@font-face {
|
|
font-display: auto;
|
|
font-family: "Mona Sans";
|
|
font-style: normal;
|
|
font-weight: 1 999;
|
|
src: url(../../fonts/monasansvf.woff2) format("woff2"), url(../../fonts/monasansvf.woff) format("woff");
|
|
}
|
|
@media (max-width: 600px) {
|
|
:root {
|
|
--typography-size-hero: 2.5rem;
|
|
--typography-h1-size: 2rem;
|
|
--typography-h2-size: 1.5rem;
|
|
--typography-h3-size: 1.33rem;
|
|
--typography-h4-size: 1.25rem;
|
|
--typography-h5-size: 1rem;
|
|
--typography-h6-size: .875rem;
|
|
--typography-paragraph-size: 1rem;
|
|
}
|
|
}
|
|
@media (max-width: 420px) {
|
|
:root {
|
|
--typography-size-16: .875rem;
|
|
}
|
|
}
|
|
|
|
:root {
|
|
--color-background-input-field: var(--color-white);
|
|
--color-form-text: var(--color-paragraph);
|
|
--color-form-label-text: var(--color-form-text);
|
|
--color-required-label-text: var(--color-form-text);
|
|
--color-border-forms: var(--color-paragraph);
|
|
--color-border-forms-focus: var(--color-paragraph);
|
|
--color-button: var(--color-white);
|
|
--color-button-hover: var(--color-white);
|
|
--color-button-background: var(--color-east-bay);
|
|
--color-button-background-hover: var(--color-valhalla);
|
|
--color-checkbox: var(--color-east-bay);
|
|
--color-checkbox-outline: 0 0 0 3px #54577333;
|
|
--color-checkbox-border-hover: color.adjust(#545773, 15%);
|
|
--color-checkbox-checked: var(--color-form-label-text);
|
|
--color-placeholder: var(--color-paragraph);
|
|
--color-placeholder-focus: var(--color-black);
|
|
--opacity-placeholder: .4;
|
|
--opacity-placeholder-focus: .8;
|
|
--border-radius-checkbox: 3px;
|
|
--border-radius-input-field: 3px;
|
|
--border-radius-button: 3px;
|
|
--border-radius-select: 3px;
|
|
--border-width-checkbox: 1px;
|
|
--border-width-input-field: 1px;
|
|
--typography-size-input-fields: var(--typography-size-18);
|
|
--typography-size-input-labels: var(--typography-size-input-fields);
|
|
--typography-size-required-text-label: var(--typography-size-input-fields);
|
|
--typography-size-required-asterisk-label: 0.8593rem;
|
|
--form-column-gap: 1.25rem;
|
|
--form-row-gap: 1.25rem;
|
|
--form-required-gap: 0.3125rem;
|
|
--form-line-height: 1.25rem;
|
|
--form-padding-vertical: 0.625rem;
|
|
--form-padding-horizontal: 0.9375rem;
|
|
--gap-checkbox: 0.3905rem;
|
|
--gap-select-icon: 0.9375rem;
|
|
--size-checkbox: 1.375rem;
|
|
--size-checkbox-marker: 0.4675rem;
|
|
--size-radio-button: 0.625rem;
|
|
--size-radio-button-marker: 0.3125rem;
|
|
--spacing-grid-gap: 3rem;
|
|
--spacing-container-padding-inline: 1.25rem;
|
|
--spacing-container-padding-inline-large: 4rem;
|
|
--spacing-container-padding-block: 4rem;
|
|
--spacing-site-header-padding-block: 1.25rem;
|
|
--spacing-content-padding-block: 5rem;
|
|
--spacing-text-margin-block: 2.5rem;
|
|
--spacing-wp-block-image-margin-block: 2.5rem;
|
|
--spacing-paragraphs-margin-block: 1.6875rem;
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
:root {
|
|
--spacing-container-padding-inline: 1.25rem;
|
|
}
|
|
}
|
|
@media (max-width: 1030px) {
|
|
:root {
|
|
--spacing-site-header-padding-block: 1.25rem;
|
|
}
|
|
}
|
|
@media (max-width: 1024px) {
|
|
:root {
|
|
--spacing-grid-gap: 2rem;
|
|
}
|
|
}
|
|
@media (max-width: 770px) {
|
|
:root {
|
|
--spacing-grid-gap: var(--spacing-container-padding-inline);
|
|
--spacing-container-padding-block: 3.125rem;
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
:root {
|
|
--spacing-content-padding-block: 3.75rem;
|
|
--spacing-container-padding-block: 2.5rem;
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
}
|
|
|
|
.screen-reader-text {
|
|
border: 0;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
word-wrap: normal !important;
|
|
}
|
|
.screen-reader-text:focus {
|
|
opacity: 0;
|
|
}
|
|
.screen-reader-text:focus-visible {
|
|
background-color: var(--color-white);
|
|
border-radius: 0;
|
|
box-shadow: 0 0 2px 2px #16161699;
|
|
clip: auto;
|
|
clip-path: none;
|
|
display: block;
|
|
font-size: 1.0625rem;
|
|
font-weight: var(--typography-weight-bold);
|
|
height: auto;
|
|
left: 0.3125rem;
|
|
line-height: normal;
|
|
opacity: 1;
|
|
padding: 0.9375rem 1.4375rem 0.875rem;
|
|
text-decoration: none;
|
|
top: 0.3125rem;
|
|
width: auto;
|
|
z-index: 100000;
|
|
}
|
|
|
|
.skip-link {
|
|
margin: 0.3125rem;
|
|
}
|
|
|
|
a:focus,button:focus,div[tabindex]:focus,input:focus,select:focus,textarea:focus {
|
|
opacity: 1;
|
|
outline-offset: 0.3125rem;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
*:focus {
|
|
transition: outline-offset 0.25s ease;
|
|
}
|
|
}
|
|
.external-link-icon {
|
|
margin-left: 0.25rem;
|
|
margin-right: 2px;
|
|
}
|
|
@media (max-width: 600px) {
|
|
.external-link-icon {
|
|
height: 0.625rem;
|
|
margin-left: 3px;
|
|
transform: translateY(1px);
|
|
width: 0.625rem;
|
|
}
|
|
}
|
|
|
|
.hamburger {
|
|
--hamburger-layer-height: 2px;
|
|
--hamburger-width: 2rem;
|
|
--hamburger-color: var(--color-white);
|
|
--hamburger-color-active: var(--color-white);
|
|
flex-shrink: 0;
|
|
position: relative;
|
|
}
|
|
.hamburger,.hamburger::after,.hamburger::before {
|
|
background-color: var(--hamburger-color);
|
|
height: var(--hamburger-layer-height);
|
|
transition: all 0.2s ease 0s;
|
|
width: var(--hamburger-width);
|
|
}
|
|
.hamburger::after,.hamburger::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
}
|
|
.hamburger::before {
|
|
top: -0.5625rem;
|
|
}
|
|
.hamburger::after {
|
|
bottom: -0.5625rem;
|
|
}
|
|
|
|
body:not(.js-nav-active) .nav-toggle .hamburger::after,body:not(.js-nav-active) .nav-toggle:focus .hamburger::after {
|
|
width: 80%;
|
|
}
|
|
|
|
body:not(.js-nav-active) .nav-toggle:hover .hamburger::after {
|
|
width: 100%;
|
|
}
|
|
|
|
.js-nav-active .hamburger::after,.js-nav-active .hamburger::before {
|
|
background-color: var(--hamburger-color-active);
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.js-nav-active .hamburger::before {
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
.js-nav-active .hamburger::after {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.js-nav-active .hamburger {
|
|
background-color: #0000;
|
|
}
|
|
|
|
.nav-toggle::after {
|
|
color: var(--color-white);
|
|
content: attr(aria-label);
|
|
font-size: var(--typography-size-14);
|
|
margin-left: 1rem;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.nav-toggle,.nav-toggle::after {
|
|
font-weight: var(--typography-weight-semibold);
|
|
}
|
|
|
|
.nav-toggle {
|
|
align-items: center;
|
|
background-color: #0000;
|
|
border: 0;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 1.25rem;
|
|
justify-content: center;
|
|
margin: 0;
|
|
opacity: 1;
|
|
overflow: visible;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
:root {
|
|
--color-background-nav-mobile-header: var(--color-main);
|
|
--color-background-nav-mobile-header-active: var(--color-main);
|
|
--width-navigation: min(27.5rem, 100vw);
|
|
--color-background-menu-items: var(--color-main);
|
|
--color-background-menu-items-active: var(--color-main);
|
|
--color-separator-nav-mobile: #ffffff1a;
|
|
--color-current-menu-item: var(--color-white);
|
|
--color-dropdown-toggle-mobile: var(--color-white);
|
|
--typography-size-main-level-mobile: 0.9375rem;
|
|
--typography-weight-main-level-mobile: 600;
|
|
--padding-main-level-vertical-mobile: 0.75rem;
|
|
--color-main-level-menu-item-hover-focus-mobile: var(--color-white);
|
|
--color-main-level-menu-item-mobile: var(--color-white);
|
|
--typography-size-sub-menu-mobile: 0.9375rem;
|
|
--typography-weight-sub-menu-mobile: 600;
|
|
--margin-left-sub-menu: 0.625rem;
|
|
--padding-sub-menu-vertical-mobile: 0.5rem;
|
|
--padding-sub-menu-horizontal-mobile: 1.5625rem;
|
|
--color-sub-menu-mobile: #fffc;
|
|
}
|
|
|
|
@media only screen and (max-width: 1030px) {
|
|
.menu-items ul {
|
|
display: none;
|
|
}
|
|
ul .sub-menu.toggled-on {
|
|
display: block;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1030px) {
|
|
}
|
|
@media screen and (max-width: 1029px) {
|
|
.site-header {
|
|
background-color: var(--color-background-nav-mobile-header);
|
|
}
|
|
.nav-primary {
|
|
align-self: center;
|
|
}
|
|
.site-header a,.site-header li,.site-header ul {
|
|
position: relative;
|
|
}
|
|
.disable-scroll {
|
|
overflow: hidden;
|
|
}
|
|
.menu-items-wrapper {
|
|
backface-visibility: hidden;
|
|
background-color: var(--color-background-menu-items);
|
|
height: calc(100vh - 7.2rem);
|
|
overflow: auto;
|
|
padding-bottom: 7.5rem;
|
|
pointer-events: none;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 4.5rem;
|
|
transform: translate3d(100%, 0, 0);
|
|
transition: all 180ms ease-in-out;
|
|
visibility: hidden;
|
|
width: var(--width-navigation);
|
|
z-index: 5;
|
|
}
|
|
.menu-items {
|
|
margin: 0;
|
|
}
|
|
.menu-item:not(footer .menu-item) a {
|
|
border-top: 1px solid var(--color-separator-nav-mobile);
|
|
color: var(--color-main-level-menu-item-mobile);
|
|
display: block;
|
|
font-size: var(--typography-size-main-level-mobile);
|
|
font-weight: var(--typography-weight-main-level-mobile);
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
padding: var(--padding-main-level-vertical-mobile) var(--padding-sub-menu-horizontal-mobile);
|
|
position: relative;
|
|
text-decoration: none;
|
|
z-index: 0;
|
|
}
|
|
.sub-menu a {
|
|
color: var(--color-sub-menu-mobile);
|
|
font-size: var(--typography-size-sub-menu-mobile);
|
|
font-weight: var(--typography-weight-sub-menu-mobile);
|
|
padding-bottom: var(--padding-sub-menu-vertical-mobile);
|
|
padding-left: calc(var(--padding-sub-menu-horizontal-mobile) + var(--margin-left-sub-menu));
|
|
padding-top: var(--padding-sub-menu-vertical-mobile);
|
|
}
|
|
.sub-menu {
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
.sub-menu .sub-menu a {
|
|
padding-left: calc(var(--padding-sub-menu-horizontal-mobile) + var(--margin-left-sub-menu) + var(--margin-left-sub-menu));
|
|
}
|
|
.menu-item a:focus,.menu-item a:hover {
|
|
color: var(--color-main-level-menu-item-hover-focus-mobile);
|
|
}
|
|
.menu-item.current-menu-item > a,.menu-item.current-menu-parent > a {
|
|
color: var(--color-current-menu-item);
|
|
}
|
|
.dropdown-toggle {
|
|
--dropdown-toggle-size: 0.75rem;
|
|
align-items: center;
|
|
background-color: #0000;
|
|
border: 0;
|
|
color: var(--color-dropdown-toggle-mobile);
|
|
display: inline-flex;
|
|
height: 100%;
|
|
left: auto;
|
|
margin-top: 0;
|
|
overflow: hidden;
|
|
padding: var(--padding-sub-menu-vertical-mobile) calc(var(--padding-sub-menu-horizontal-mobile) - var(--dropdown-toggle-size)/2) var(--padding-sub-menu-vertical-mobile) var(--padding-sub-menu-horizontal-mobile);
|
|
position: absolute;
|
|
right: 0;
|
|
top: 2px;
|
|
z-index: 100;
|
|
}
|
|
.dropdown-toggle svg {
|
|
background-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" style="width: var(--dropdown-toggle-size); height: var(--dropdown-toggle-size);" width="10" height="10" viewBox="0 0 10 10"%3E%3Cpath fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 1.5v7M1.5 5h7"/%3E%3C/svg%3E%0A');
|
|
background-size: 100%;
|
|
height: var(--dropdown-toggle-size);
|
|
pointer-events: none;
|
|
position: relative;
|
|
transform: rotate(0);
|
|
transition: all 150ms;
|
|
width: var(--dropdown-toggle-size);
|
|
z-index: -1;
|
|
}
|
|
.dropdown-toggle svg path {
|
|
display: none;
|
|
}
|
|
.dropdown-toggle.toggled-on svg {
|
|
background-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" style="width: var(--dropdown-toggle-size); height: var(--dropdown-toggle-size);" width="10" height="10" viewBox="0 0 10 10"%3E%3Cpath fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1.5 5h7"/%3E%3C/svg%3E%0A');
|
|
transform: rotate(-180deg);
|
|
}
|
|
.dropdown-toggle:hover {
|
|
cursor: pointer;
|
|
}
|
|
.dropdown-toggle:focus {
|
|
cursor: pointer;
|
|
z-index: 100;
|
|
}
|
|
.sub-menu .dropdown-toggle {
|
|
color: var(--color-sub-menu-mobile);
|
|
}
|
|
.js-nav-active {
|
|
overflow: hidden;
|
|
}
|
|
.js-nav-active .menu-items-wrapper {
|
|
background-color: var(--color-background-menu-items-active);
|
|
opacity: 1;
|
|
pointer-events: all;
|
|
transform: translate3d(0, 0, 0);
|
|
visibility: visible;
|
|
width: var(--width-navigation);
|
|
}
|
|
.site-footer,.site-main {
|
|
transition: transform 180ms ease-in-out;
|
|
}
|
|
.js-nav-active .site-footer,.js-nav-active .site-main {
|
|
transform: translate3d(calc(var(--width-navigation)*-1), 0, 0);
|
|
}
|
|
}
|
|
@media screen and (max-width: 782px) {
|
|
.logged-in.admin-bar .menu-items-wrapper {
|
|
margin-top: 76px;
|
|
}
|
|
}
|
|
:root {
|
|
--color-dropdown-toggle: var(--color-valhalla);
|
|
--color-current: var(--color-link-text);
|
|
--dropdown-toggle-size: 0.75rem;
|
|
--typography-size-main-level: var(--typography-size-16);
|
|
--typography-weight-main-level: var(--typography-weight-bold);
|
|
--padding-main-level-horizontal: 0;
|
|
--padding-main-level-vertical: 0.375rem;
|
|
--color-main-level: var(--color-black);
|
|
--color-hover-main-level: var(--color-link-text);
|
|
--gap-between-dropdown-toggle: 0.9375rem;
|
|
--gap-main-level-horizontal: 1.5625rem;
|
|
--typography-size-sub-menu: var(--typography-size-16);
|
|
--typography-weight-sub-menu: var(--typography-weight-regular);
|
|
--padding-sub-menu-vertical: 0.375rem;
|
|
--padding-sub-menu-link-vertical: 0.3125rem;
|
|
--padding-sub-menu-link-horizontal: 0.9375rem;
|
|
--width-sub-menu: 12.5rem;
|
|
--color-sub-menu: var(--color-valhalla);
|
|
--color-hover-sub-menu: var(--color-valhalla);
|
|
--color-background-sub-menu: var(--color-white);
|
|
--gap-dropdown: 0.625rem;
|
|
}
|
|
|
|
.site-header ul {
|
|
list-style: none;
|
|
}
|
|
|
|
footer ul.footer-menu-items {
|
|
align-items: center;
|
|
background-color: #0000;
|
|
column-gap: var(--gap-main-level-horizontal);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
padding: 0;
|
|
row-gap: 0.625rem;
|
|
}
|
|
|
|
@media only screen and ( width < 720px ) {
|
|
footer ul.footer-menu-items {
|
|
font-size: .875rem;
|
|
display: block;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1030px) {
|
|
.nav-toggle {
|
|
display: none;
|
|
}
|
|
.nav-primary {
|
|
line-height: 1;
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
}
|
|
.menu-items {
|
|
align-items: center;
|
|
background-color: #0000;
|
|
column-gap: var(--gap-main-level-horizontal);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-end;
|
|
padding: 0;
|
|
row-gap: 0.625rem;
|
|
}
|
|
.menu-item,.menu-items {
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
.menu-item > a,.menu-item-clickable {
|
|
align-items: center;
|
|
color: var(--color-main-level);
|
|
display: inline-flex;
|
|
font-size: var(--typography-size-main-level);
|
|
font-weight: var(--typography-weight-main-level);
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
padding: var(--padding-main-level-vertical) var(--padding-main-level-horizontal);
|
|
white-space: nowrap;
|
|
}
|
|
.menu-item .sub-menu a {
|
|
align-items: center;
|
|
color: var(--color-sub-menu);
|
|
display: inline-flex;
|
|
font-size: var(--typography-size-sub-menu);
|
|
font-weight: var(--typography-weight-sub-menu);
|
|
line-height: 1.5;
|
|
padding: var(--padding-sub-menu-link-vertical) var(--padding-sub-menu-link-horizontal);
|
|
white-space: normal;
|
|
width: 100%;
|
|
}
|
|
.menu-item.current-menu-item > a,.menu-item.current-menu-parent > a {
|
|
color: var(--color-current);
|
|
}
|
|
.menu-item.menu-item-has-children a {
|
|
transition: background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
|
|
}
|
|
.menu-item > a:focus,.menu-item > a:hover {
|
|
color: var(--color-hover-main-level);
|
|
}
|
|
.menu-item .sub-menu a:focus,.menu-item .sub-menu a:hover {
|
|
color: var(--color-hover-sub-menu);
|
|
}
|
|
.menu-item.menu-item-has-children.hover-intent .sub-menu a,.menu-item.menu-item-has-children:focus .sub-menu a {
|
|
padding-bottom: var(--padding-sub-menu-link-vertical);
|
|
padding-top: var(--padding-sub-menu-link-vertical);
|
|
}
|
|
.menu-item.menu-item-has-children.hover-intent .sub-menu,.menu-item.menu-item-has-children:focus .sub-menu {
|
|
padding-bottom: var(--padding-sub-menu-vertical);
|
|
padding-top: var(--padding-sub-menu-vertical);
|
|
}
|
|
.nav-primary > ul:first-of-type > .menu-item-has-children:focus::before,.nav-primary > ul:first-of-type > .menu-item-has-children:hover::before {
|
|
transform: scale(1);
|
|
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
|
|
}
|
|
.no-js .sub-menu {
|
|
display: none;
|
|
left: unset;
|
|
right: 0;
|
|
}
|
|
.no-js .sub-menu .sub-menu {
|
|
left: unset;
|
|
right: 100%;
|
|
}
|
|
.no-js .menu-item-has-children:focus > .sub-menu,.no-js .menu-item-has-children:focus-within > .sub-menu,.no-js .menu-item-has-children:hover > .sub-menu {
|
|
display: block;
|
|
}
|
|
.js .sub-menu {
|
|
margin-top: var(--gap-dropdown);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.js .sub-menu .sub-menu {
|
|
margin-top: calc(var(--padding-sub-menu-vertical)*-1);
|
|
}
|
|
.sub-menu {
|
|
background-color: var(--color-background-sub-menu);
|
|
border: 1px solid var(--color-black);
|
|
left: 0;
|
|
margin-left: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 100%;
|
|
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
|
|
width: var(--width-sub-menu);
|
|
z-index: 9;
|
|
}
|
|
.sub-menu.is-out-of-viewport {
|
|
left: unset;
|
|
right: 0;
|
|
}
|
|
.sub-menu .sub-menu.is-out-of-viewport,.sub-menu.is-out-of-viewport .sub-menu {
|
|
left: unset;
|
|
right: 100%;
|
|
}
|
|
.sub-menu .sub-menu {
|
|
left: 100%;
|
|
margin-left: 0;
|
|
top: 0;
|
|
}
|
|
.sub-menu li {
|
|
padding: 0;
|
|
}
|
|
.menu-item-has-children.hover-intent > .sub-menu,.menu-item-has-children:focus > .sub-menu {
|
|
opacity: 1;
|
|
transform: translateY(0%);
|
|
visibility: visible;
|
|
z-index: 12;
|
|
}
|
|
.menu-item-has-children.hover-intent .sub-menu .sub-menu,.menu-item-has-children:focus .sub-menu .sub-menu {
|
|
margin-top: calc(var(--padding-sub-menu-vertical)*-1);
|
|
top: 0;
|
|
z-index: 10;
|
|
}
|
|
.menu-item.menu-item-has-children {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--gap-between-dropdown-toggle);
|
|
justify-content: space-between;
|
|
position: relative;
|
|
}
|
|
.menu-item.menu-item-has-children::after {
|
|
content: "";
|
|
display: block;
|
|
height: var(--gap-dropdown);
|
|
max-width: var(--width-sub-menu);
|
|
position: absolute;
|
|
top: 100%;
|
|
visibility: hidden;
|
|
width: 100%;
|
|
}
|
|
.menu-item.menu-item-has-children.hover-intent::after {
|
|
visibility: visible;
|
|
z-index: 100;
|
|
}
|
|
.dropdown-toggle svg {
|
|
height: var(--dropdown-toggle-size);
|
|
transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1);
|
|
width: var(--dropdown-toggle-size);
|
|
}
|
|
.hover-intent > .dropdown-toggle svg {
|
|
transform: rotateX(180deg);
|
|
}
|
|
.dropdown-toggle {
|
|
align-items: center;
|
|
background-color: #0000;
|
|
border: 0;
|
|
color: var(--color-dropdown-toggle);
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
padding: 0;
|
|
pointer-events: none;
|
|
}
|
|
.sub-menu .dropdown-toggle {
|
|
width: 1.875rem;
|
|
}
|
|
.sub-menu .dropdown-toggle svg {
|
|
transform: rotate(-90deg) rotateX(0deg);
|
|
}
|
|
.sub-menu .hover-intent > .dropdown-toggle > svg {
|
|
transform: rotate(-90deg) rotateX(180deg);
|
|
}
|
|
.sub-menu .menu-item-has-children::after {
|
|
display: none;
|
|
}
|
|
.menu-item.menu-item-has-children.hover-intent > .dropdown-toggle svg,.menu-item.menu-item-has-children:focus > .dropdown-toggle svg {
|
|
transform: translateY(0%) rotate(180deg);
|
|
}
|
|
.menu-item.menu-item-has-children .menu-item.menu-item-has-children.hover-intent > .dropdown-toggle svg,.menu-item.menu-item-has-children .menu-item.menu-item-has-children:focus > .dropdown-toggle svg {
|
|
transform: translateY(0%) rotate(90deg);
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1030px) and (max-width: 1030px) {
|
|
ul li:focus > ul,ul li:hover > ul {
|
|
display: block;
|
|
}
|
|
}
|
|
.acf-block-preview .block,.is-root-container,body:not(.wp-admin,.wp-customizer) {
|
|
color: var(--color-paragraph);
|
|
font-family: var(--typography-family-paragraph);
|
|
font-size: var(--typography-paragraph-size);
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-weight: var(--typography-weight-paragraph);
|
|
line-height: var(--typography-paragraph-line-height);
|
|
text-rendering: geometricPrecision;
|
|
}
|
|
|
|
.block {
|
|
background-color: var(--color-white);
|
|
margin: 0 auto;
|
|
max-width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.block.has-unified-padding-if-stacked + .block.has-unified-padding-if-stacked .container {
|
|
overflow: visible;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.global-link {
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 3;
|
|
}
|
|
|
|
.site {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.container {
|
|
margin: 0 auto;
|
|
max-width: 1160px;
|
|
padding: var(--spacing-container-padding-block) var(--spacing-container-padding-inline);
|
|
}
|
|
|
|
.edit-link {
|
|
--color-link-edit-background-hover: var(--color-pattens-blue);
|
|
--color-link-edit-border: var(--color-pattens-blue);
|
|
--color-link-edit-text: color.adjust(#eaf1f8, -20%);
|
|
--color-link-edit-text-hover: var(--color-east-bay);
|
|
margin-bottom: 0;
|
|
margin-top: 1.25rem;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
.edit-link,.edit-link a {
|
|
clear: both;
|
|
display: block;
|
|
transition: all 150ms;
|
|
width: fit-content;
|
|
}
|
|
.edit-link a {
|
|
background-color: var(--color-white);
|
|
border: 2px dashed;
|
|
color: var(--color-link-edit-text);
|
|
margin: 0;
|
|
padding: .5rem 1rem;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
}
|
|
.edit-link a:hover,.edit-link:focus {
|
|
background-color: var(--color-link-edit-background-hover);
|
|
color: var(--color-link-edit-text-hover);
|
|
}
|
|
|
|
@media (min-width: 600px) {
|
|
.hide-on-desktop {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.hide-on-mobile {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1030px) {
|
|
.hide-on-mobile-nav-view {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1030px) {
|
|
.hide-on-desktop-nav-view {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.hide-completely {
|
|
display: none !important;
|
|
}
|
|
|
|
@media print {
|
|
.side-nav,.site-footer,.site-header {
|
|
display: none;
|
|
}
|
|
}
|
|
.acf-block-preview .block,.is-root-container,body {
|
|
color: var(--color-paragraph);
|
|
font-family: var(--typography-family-paragraph);
|
|
font-size: var(--typography-paragraph-size);
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-weight: var(--typography-weight-paragraph);
|
|
line-height: var(--typography-paragraph-line-height);
|
|
text-rendering: geometricPrecision;
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
color: var(--color-heading);
|
|
font-family: var(--typography-family-heading);
|
|
font-weight: var(--typography-weight-heading);
|
|
margin-bottom: var(--spacing-paragraphs-margin-block);
|
|
margin-top: var(--spacing-paragraphs-margin-block);
|
|
}
|
|
|
|
h2,h3,h4,h5,h6 {
|
|
line-height: var(--typography-heading-line-height);
|
|
}
|
|
|
|
h1 {
|
|
font-size: var(--typography-h1-size);
|
|
}
|
|
|
|
h2 {
|
|
font-size: var(--typography-h2-size);
|
|
}
|
|
|
|
h3 {
|
|
font-size: var(--typography-h3-size);
|
|
}
|
|
|
|
h4 {
|
|
font-size: var(--typography-h4-size);
|
|
}
|
|
|
|
h5 {
|
|
font-size: var(--typography-h5-size);
|
|
}
|
|
|
|
h6 {
|
|
font-size: var(--typography-h6-size);
|
|
}
|
|
|
|
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.block-search-results h2:first-child {
|
|
margin-top: 1.625rem;
|
|
}
|
|
|
|
b,strong {
|
|
font-weight: var(--typography-weight-bold);
|
|
}
|
|
|
|
em,i {
|
|
font-style: italic;
|
|
}
|
|
|
|
p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
blockquote {
|
|
border-left: 6px solid var(--color-green);
|
|
margin: 2.9rem 1rem;
|
|
padding: 0.5rem 0 0.5rem 1.5rem;
|
|
}
|
|
|
|
blockquote > *:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
blockquote > *:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.site-header {
|
|
align-items: flex-start;
|
|
column-gap: var(--spacing-grid-gap);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-bottom: var(--spacing-site-header-padding-block);
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
padding-top: var(--spacing-site-header-padding-block);
|
|
position: relative;
|
|
z-index: 15;
|
|
}
|
|
|
|
.site-title {
|
|
line-height: 0;
|
|
margin: 0;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.site-title svg {
|
|
display: none;
|
|
}
|
|
|
|
.site-title a {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 20px;
|
|
color: #fff;
|
|
font-size: 1.4rem;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.site-title a:hover {
|
|
text-decoration: underline;
|
|
color: #fff;
|
|
}
|
|
|
|
.menu-items-wrapper:not(:has(.menu-items)) {
|
|
display: flex;
|
|
}
|
|
|
|
.site-footer {
|
|
background-color: #0073aa;
|
|
clear: both;
|
|
color: white;
|
|
padding: 3.75rem 1.25rem;
|
|
text-align: center;
|
|
}
|
|
.site-footer p {
|
|
color: white;
|
|
text-align: end;
|
|
}
|
|
.site-footer a {
|
|
color: var(--color-white);
|
|
}
|
|
.site-footer a:hover {
|
|
color: var(--color-white);
|
|
text-decoration: underline;
|
|
}
|
|
.site-footer p > a:hover {
|
|
text-decoration: none;
|
|
}
|
|
.site-footer .wordpress-logo {
|
|
display: block;
|
|
margin-bottom: .5rem;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
fill: white;
|
|
}
|
|
|
|
.site-footer span {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.site-footer svg {
|
|
margin-right: 0.3125rem;
|
|
position: relative;
|
|
}
|
|
.site-footer .powered-by-wordpress {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-size: var(--typography-size-16);
|
|
}
|
|
footer nav,
|
|
.site-info {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin: 0 2rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
footer nav {
|
|
margin-top: 2rem;
|
|
}
|
|
.site-info p {
|
|
margin: 0;
|
|
font-size: var(--typography-size-16);
|
|
font-style: italic;
|
|
}
|
|
.site-footer .theme-info i {
|
|
margin: 0 0.3125rem;
|
|
}
|
|
|
|
@media screen and ( width < 720px ) {
|
|
.site-info {
|
|
justify-content: center;
|
|
}
|
|
.site-footer .site-info p {
|
|
text-align: center;
|
|
margin-top: 1.5rem;
|
|
}
|
|
footer nav {
|
|
margin: 2rem 0 0;
|
|
}
|
|
}
|
|
|
|
.site-footer .wrapper-button,.site-main .wrapper-button {
|
|
margin-bottom: 0;
|
|
}
|
|
.site-footer .button,.site-footer button,.site-footer input[type=button],.site-footer input[type=reset],.site-footer input[type=submit],.site-main .button,.site-main button,.site-main input[type=button],.site-main input[type=reset],.site-main input[type=submit] {
|
|
appearance: none;
|
|
background-color: var(--color-button-background);
|
|
border: var(--border-width-input-field) solid var(--color-button-background);
|
|
border-radius: var(--border-radius-button);
|
|
color: var(--color-button);
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-family: var(--typography-family-paragraph);
|
|
font-size: var(--typography-size-16);
|
|
font-weight: var(--typography-weight-semibold);
|
|
line-height: 1.39;
|
|
margin-bottom: 0;
|
|
padding: calc(14px - var(--border-width-input-field)*2) calc(21px - var(--border-width-input-field)*2);
|
|
position: relative;
|
|
text-decoration: none;
|
|
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
white-space: nowrap;
|
|
width: auto;
|
|
}
|
|
.site-footer .button.focus,.site-footer .button:focus,.site-footer .button:hover,.site-footer button.focus,.site-footer button:focus,.site-footer button:hover,.site-footer input[type=button].focus,.site-footer input[type=button]:focus,.site-footer input[type=button]:hover,.site-footer input[type=reset].focus,.site-footer input[type=reset]:focus,.site-footer input[type=reset]:hover,.site-footer input[type=submit].focus,.site-footer input[type=submit]:focus,.site-footer input[type=submit]:hover,.site-main .button.focus,.site-main .button:focus,.site-main .button:hover,.site-main button.focus,.site-main button:focus,.site-main button:hover,.site-main input[type=button].focus,.site-main input[type=button]:focus,.site-main input[type=button]:hover,.site-main input[type=reset].focus,.site-main input[type=reset]:focus,.site-main input[type=reset]:hover,.site-main input[type=submit].focus,.site-main input[type=submit]:focus,.site-main input[type=submit]:hover {
|
|
background-color: var(--color-button-background-hover);
|
|
border-color: var(--color-button-background-hover);
|
|
color: var(--color-button-hover);
|
|
}
|
|
.site-footer .button.button-small,.site-footer button.button-small,.site-footer input[type=button].button-small,.site-footer input[type=reset].button-small,.site-footer input[type=submit].button-small,.site-main .button.button-small,.site-main button.button-small,.site-main input[type=button].button-small,.site-main input[type=reset].button-small,.site-main input[type=submit].button-small {
|
|
font-size: var(--typography-size-16);
|
|
line-height: 20.9091px;
|
|
padding: calc(10px - var(--border-width-input-field)*2) calc(21px - var(--border-width-input-field)*2);
|
|
}
|
|
.site-footer .button.button-large,.site-footer button.button-large,.site-footer input[type=button].button-large,.site-footer input[type=reset].button-large,.site-footer input[type=submit].button-large,.site-main .button.button-large,.site-main button.button-large,.site-main input[type=button].button-large,.site-main input[type=reset].button-large,.site-main input[type=submit].button-large {
|
|
font-size: var(--typography-size-18);
|
|
line-height: 1.66;
|
|
padding: calc(17px - var(--border-width-input-field)*2) calc(21px - var(--border-width-input-field)*2);
|
|
}
|
|
.site-footer .button.button-ghost,.site-footer button.button-ghost,.site-footer input[type=button].button-ghost,.site-footer input[type=reset].button-ghost,.site-footer input[type=submit].button-ghost,.site-main .button.button-ghost,.site-main button.button-ghost,.site-main input[type=button].button-ghost,.site-main input[type=reset].button-ghost,.site-main input[type=submit].button-ghost {
|
|
background-color: #0000;
|
|
border: var(--border-width-input-field) solid var(--color-button-background);
|
|
color: var(--color-button-background);
|
|
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
}
|
|
.site-footer .button.button-ghost.focus,.site-footer .button.button-ghost:focus,.site-footer .button.button-ghost:hover,.site-footer button.button-ghost.focus,.site-footer button.button-ghost:focus,.site-footer button.button-ghost:hover,.site-footer input[type=button].button-ghost.focus,.site-footer input[type=button].button-ghost:focus,.site-footer input[type=button].button-ghost:hover,.site-footer input[type=reset].button-ghost.focus,.site-footer input[type=reset].button-ghost:focus,.site-footer input[type=reset].button-ghost:hover,.site-footer input[type=submit].button-ghost.focus,.site-footer input[type=submit].button-ghost:focus,.site-footer input[type=submit].button-ghost:hover,.site-main .button.button-ghost.focus,.site-main .button.button-ghost:focus,.site-main .button.button-ghost:hover,.site-main button.button-ghost.focus,.site-main button.button-ghost:focus,.site-main button.button-ghost:hover,.site-main input[type=button].button-ghost.focus,.site-main input[type=button].button-ghost:focus,.site-main input[type=button].button-ghost:hover,.site-main input[type=reset].button-ghost.focus,.site-main input[type=reset].button-ghost:focus,.site-main input[type=reset].button-ghost:hover,.site-main input[type=submit].button-ghost.focus,.site-main input[type=submit].button-ghost:focus,.site-main input[type=submit].button-ghost:hover {
|
|
background-color: var(--color-button-background);
|
|
border-color: var(--color-button-background);
|
|
color: var(--color-white);
|
|
}
|
|
|
|
label,legend {
|
|
color: var(--color-form-label-text);
|
|
font-size: var(--typography-size-input-fields);
|
|
font-weight: var(--typography-weight-semibold);
|
|
}
|
|
|
|
input + label {
|
|
font-weight: unset;
|
|
}
|
|
|
|
input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],textarea {
|
|
background-color: var(--color-background-input-field);
|
|
border-color: var(--color-border-forms);
|
|
border-radius: var(--border-radius-input-field);
|
|
border-style: solid;
|
|
border-width: var(--border-width-input-field);
|
|
color: var(--color-form-text);
|
|
font-family: var(--typography-family-paragraph);
|
|
font-size: var(--typography-size-input-fields);
|
|
line-height: var(--form-line-height);
|
|
margin-bottom: 0;
|
|
padding: var(--form-padding-vertical) var(--form-padding-horizontal);
|
|
position: relative;
|
|
text-decoration: none;
|
|
transition: background 0.55s;
|
|
}
|
|
input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,textarea::placeholder {
|
|
color: var(--color-placeholder);
|
|
opacity: var(--opacity-placeholder);
|
|
}
|
|
input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {
|
|
background-color: var(--color-background-input-field);
|
|
border-color: var(--color-border-forms-focus);
|
|
color: var(--color-form-text);
|
|
}
|
|
input[type=email]:focus::placeholder,input[type=month]:focus::placeholder,input[type=number]:focus::placeholder,input[type=password]:focus::placeholder,input[type=search]:focus::placeholder,input[type=tel]:focus::placeholder,input[type=text]:focus::placeholder,input[type=url]:focus::placeholder,input[type=week]:focus::placeholder,textarea:focus::placeholder {
|
|
color: var(--color-placeholder-focus);
|
|
opacity: var(--opacity-placeholder-focus);
|
|
}
|
|
|
|
select {
|
|
appearance: none;
|
|
background-image: url('data:image/svg+xml, %3Csvg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.049 1.552L6.22 6.268a.188.188 0 00.28 0l4.173-4.716" stroke="%23212121" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cdefs%3E%3Cpath fill="none" transform="translate(.861 .45)" d="M0 0h10.544v7.95H0z"/%3E%3C/defs%3E%3C/svg%3E%0A');
|
|
background-position: right var(--gap-select-icon) center;
|
|
background-repeat: no-repeat;
|
|
background-size: 1.1rem auto;
|
|
border-color: var(--color-border-forms);
|
|
border-radius: var(--border-radius-select);
|
|
border-style: solid;
|
|
border-width: var(--border-width-input-field);
|
|
color: var(--color-form-text);
|
|
font-family: var(--typography-family-paragraph);
|
|
font-size: var(--typography-size-input-fields);
|
|
line-height: var(--form-line-height);
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
padding: var(--form-padding-vertical) var(--form-padding-horizontal);
|
|
text-indent: 1px;
|
|
transition: none;
|
|
width: 100%;
|
|
}
|
|
|
|
input[type=checkbox],input[type=radio] {
|
|
appearance: none;
|
|
background-color: var(--color-background-input-field);
|
|
border: 1px solid var(--color-border-forms);
|
|
color: currentColor;
|
|
display: grid;
|
|
font: inherit;
|
|
height: var(--size-checkbox);
|
|
margin: 0;
|
|
place-content: center;
|
|
width: var(--size-checkbox);
|
|
}
|
|
|
|
input[type=radio],input[type=radio]::before {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
input[type=checkbox],input[type=checkbox]::before {
|
|
border-radius: var(--border-radius-checkbox);
|
|
}
|
|
|
|
input[type=checkbox]::before,input[type=radio]::before {
|
|
background-color: var(--color-checkbox-checked);
|
|
background-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" heighg="16"%3E%3Cg class="nc-icon-wrapper" stroke-width="3" fill="%237effe1" stroke="%237effe1"%3E%3Cpolyline fill="none" stroke="%237effe1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="1, 9 5, 13 15, 3" data-cap="butt"%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E%0A');
|
|
background-position: 50%;
|
|
background-size: var(--size-checkbox-marker) var(--size-checkbox-marker);
|
|
border: 1px solid var(--color-checkbox-checked);
|
|
content: "";
|
|
height: var(--size-checkbox);
|
|
opacity: 0;
|
|
transform: scale(0.8);
|
|
transition: transform 0.2s;
|
|
width: var(--size-checkbox);
|
|
}
|
|
|
|
input[type=checkbox]:checked::before,input[type=radio]:checked::before {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
|
|
input[type=checkbox]:checked,input[type=radio]:checked {
|
|
background-color: #0000;
|
|
border-color: #0000;
|
|
}
|
|
|
|
input[type=checkbox] + label:focus,input[type=checkbox] + label:hover,input[type=checkbox]:focus,input[type=checkbox]:hover,input[type=radio] + label:focus,input[type=radio] + label:hover,input[type=radio]:focus,input[type=radio]:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
:root {
|
|
--color-border-sticky: #d7e4f2;
|
|
--color-bypostauthor: #2a2d3e80;
|
|
}
|
|
|
|
.sticky {
|
|
border: 1px dashed var(--color-border-sticky);
|
|
margin-bottom: 1.25rem;
|
|
padding: 1.25rem;
|
|
}
|
|
|
|
.bypostauthor,.comment-list li.bypostauthor {
|
|
border: 1px dashed var(--color-bypostauthor);
|
|
padding: 1.25rem;
|
|
}
|
|
|
|
.wp-caption {
|
|
max-width: 100%;
|
|
}
|
|
.wp-caption img[class*=wp-image-] {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
.wp-caption .wp-caption-text {
|
|
font-style: italic;
|
|
margin-bottom: 1.25rem;
|
|
padding: 0.625rem 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.top {
|
|
--color-background-top: #f5f5f5;
|
|
--color-background-top-hover: #f0f0f0;
|
|
background-color: var(--color-background-top);
|
|
border-radius: 2px;
|
|
bottom: var(--spacing-container-padding-inline);
|
|
color: var(--color-black);
|
|
cursor: pointer;
|
|
font-size: var(--typography-size-16);
|
|
height: 1.875rem;
|
|
line-height: 1.875rem;
|
|
opacity: 0;
|
|
position: fixed;
|
|
right: var(--spacing-container-padding-inline);
|
|
text-align: center;
|
|
text-decoration: none;
|
|
transition: 500ms opacity;
|
|
visibility: hidden;
|
|
width: 1.875rem;
|
|
z-index: 1;
|
|
}
|
|
.top:hover, .top:focus {
|
|
color: var(--color-background-top-hover);
|
|
background-color: var(--color-black);
|
|
}
|
|
|
|
.top.is-visible {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.gallery {
|
|
display: grid;
|
|
grid-gap: 1.5em;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.gallery-item {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.gallery-columns-2 {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
|
|
.gallery-columns-3 {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
|
|
.gallery-columns-4 {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
|
|
.gallery-columns-5 {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
}
|
|
|
|
.gallery-columns-6 {
|
|
grid-template-columns: repeat(6, 1fr);
|
|
}
|
|
|
|
.gallery-columns-7 {
|
|
grid-template-columns: repeat(7, 1fr);
|
|
}
|
|
|
|
.gallery-columns-8 {
|
|
grid-template-columns: repeat(8, 1fr);
|
|
}
|
|
|
|
.gallery-columns-9 {
|
|
grid-template-columns: repeat(9, 1fr);
|
|
}
|
|
|
|
.gallery-caption {
|
|
display: block;
|
|
}
|
|
|
|
.navigation:not(.post-navigation) .nav-links {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
font-family: var(--typography-family-heading);
|
|
font-size: 0.875rem;
|
|
justify-content: flex-start;
|
|
margin-top: 2.5rem;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
.navigation:not(.post-navigation) .nav-links a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.page-numbers {
|
|
--color-pagination-text: var(--color-valhalla);
|
|
--color-pagination-background-hover: var(--color-valhalla);
|
|
--color-pagination-border-hover: var(--color-valhalla);
|
|
--color-pagination-text-hover: var(--color-white);
|
|
--color-pagination-background-current: var(--color-valhalla);
|
|
--color-pagination-border-current: var(--color-valhalla);
|
|
--color-pagination-text-current: var(--color-white);
|
|
align-items: center;
|
|
background-color: var(--color-white);
|
|
color: var(--color-pagination-text);
|
|
display: flex;
|
|
font-weight: var(--typography-weight-medium);
|
|
justify-content: center;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
transition: all 150ms;
|
|
}
|
|
.page-numbers:last-child {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 4px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
.page-numbers:first-child {
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 0;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
a.page-numbers:focus,a.page-numbers:hover {
|
|
background-color: var(--color-pagination-background-hover);
|
|
border-color: var(--color-pagination-border-hover);
|
|
color: var(--color-pagination-text-hover);
|
|
}
|
|
|
|
.archive-plugin-card .pagination-wrapper ul li a.current, .archive-plugin-card .pagination-wrapper ul li span.current, .archive-theme-card .pagination-wrapper ul li a.current, .archive-theme-card .pagination-wrapper ul li span.current,
|
|
.page-numbers.current {
|
|
background-color: var(--color-pagination-background-current);
|
|
border-color: var(--color-pagination-border-current);
|
|
color: var(--color-pagination-text-current);
|
|
}
|
|
|
|
.page-numbers.next,.page-numbers.prev {
|
|
padding-left: 1.25rem;
|
|
padding-right: 1.25rem;
|
|
width: auto;
|
|
}
|
|
@media (max-width: 600px) {
|
|
.page-numbers.next,.page-numbers.prev {
|
|
padding-left: 0.625rem;
|
|
padding-right: 0.625rem;
|
|
}
|
|
}
|
|
|
|
div.validation_error {
|
|
background-color: var(--color-error);
|
|
font-size: var(--typography-size-17);
|
|
font-weight: var(--typography-weight-bold);
|
|
margin-bottom: var(--form-row-gap);
|
|
padding: 1.25rem;
|
|
}
|
|
div.validation_error,div.validation_error:focus {
|
|
color: var(--color-white);
|
|
}
|
|
|
|
body *[aria-invalid=true] {
|
|
border-color: var(--color-error);
|
|
}
|
|
|
|
.validation_message {
|
|
color: var(--color-error);
|
|
font-size: var(--typography-size-16);
|
|
font-weight: var(--typography-weight-regular);
|
|
}
|
|
|
|
.validation_list {
|
|
list-style: none;
|
|
margin-bottom: var(--form-row-gap);
|
|
margin-left: 0;
|
|
padding: 0;
|
|
}
|
|
.validation_list a {
|
|
color: var(--color-error);
|
|
text-decoration: none;
|
|
}
|
|
.validation_list li {
|
|
color: var(--color-error);
|
|
font-weight: var(--typography-weight-bold);
|
|
}
|
|
|
|
.gform_required_legend,.sr-only {
|
|
border: 0;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
word-wrap: normal !important;
|
|
}
|
|
.gform_required_legend:focus,.sr-only:focus {
|
|
opacity: 0;
|
|
}
|
|
.gform_required_legend:focus-visible,.sr-only:focus-visible {
|
|
background-color: var(--color-white);
|
|
border-radius: 0;
|
|
box-shadow: 0 0 2px 2px #16161699;
|
|
clip: auto;
|
|
clip-path: none;
|
|
display: block;
|
|
font-size: 1.0625rem;
|
|
font-weight: var(--typography-weight-bold);
|
|
height: auto;
|
|
left: 0.3125rem;
|
|
line-height: normal;
|
|
opacity: 1;
|
|
padding: 0.9375rem 1.4375rem 0.875rem;
|
|
text-decoration: none;
|
|
top: 0.3125rem;
|
|
width: auto;
|
|
z-index: 100000;
|
|
}
|
|
|
|
.gfield_required.gfield_required_asterisk {
|
|
font-size: var(--typography-size-required-asterisk-label);
|
|
}
|
|
|
|
.gfield_required.gfield_required_asterisk,.gfield_required.gfield_required_text {
|
|
color: var(--color-required-label-text);
|
|
}
|
|
|
|
.gfield_required.gfield_required_text {
|
|
font-size: var(--typography-size-required-text-label);
|
|
}
|
|
|
|
.gform_wrapper > form {
|
|
display: grid;
|
|
grid-column-gap: var(--form-column-gap);
|
|
grid-row-gap: var(--form-row-gap);
|
|
}
|
|
|
|
.gform-body ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.gform-body input:not([type=checkbox]):not([type=radio]),.gform-body textarea {
|
|
width: 100%;
|
|
}
|
|
.gform-body .ginput_container.ginput_container_textarea {
|
|
display: flex;
|
|
}
|
|
.gform-body .gfield_checkbox,.gform-body .gfield_radio {
|
|
display: grid;
|
|
gap: 0.625rem;
|
|
}
|
|
.gform-body .gchoice {
|
|
display: flex;
|
|
gap: 0.625rem;
|
|
}
|
|
.gform-body .gfield_label {
|
|
display: inline-flex;
|
|
gap: var(--form-required-gap);
|
|
margin-bottom: 0.625rem;
|
|
margin-top: 0.625rem;
|
|
padding-inline-end: 0;
|
|
padding-inline-start: 0;
|
|
}
|
|
.gform-body .gform_fields {
|
|
display: grid;
|
|
grid-column-gap: var(--form-column-gap);
|
|
grid-row-gap: var(--form-row-gap);
|
|
grid-template-columns: repeat(12, 1fr);
|
|
grid-template-rows: repeat(auto-fill, auto);
|
|
width: 100%;
|
|
}
|
|
.gform-body .gfield {
|
|
border: 0;
|
|
grid-column: 1/-1;
|
|
padding: 0;
|
|
}
|
|
.gform-body .gfield.gfield--width-full {
|
|
grid-column: span 12;
|
|
}
|
|
.gform-body .gfield.gfield--width-eleven-twelfths {
|
|
grid-column: span 11;
|
|
}
|
|
.gform-body .gfield.gfield--width-five-sixths {
|
|
grid-column: span 10;
|
|
}
|
|
.gform-body .gfield.gfield--width-three-quarter {
|
|
grid-column: span 9;
|
|
}
|
|
.gform-body .gfield.gfield--width-two-thirds {
|
|
grid-column: span 8;
|
|
}
|
|
.gform-body .gfield.gfield--width-seven-twelfths {
|
|
grid-column: span 7;
|
|
}
|
|
.gform-body .gfield.gfield--width-half {
|
|
grid-column: span 6;
|
|
}
|
|
.gform-body .gfield.gfield--width-five-twelfths {
|
|
grid-column: span 5;
|
|
}
|
|
.gform-body .gfield.gfield--width-third {
|
|
grid-column: span 4;
|
|
}
|
|
.gform-body .gfield.gfield--width-quarter {
|
|
grid-column: span 3;
|
|
}
|
|
@media (max-width: 640px) {
|
|
.gform-body .gform_fields {
|
|
grid-column-gap: 0;
|
|
}
|
|
.gform-body .gfield:not(.gfield--width-full) {
|
|
grid-column: 1/-1;
|
|
}
|
|
}
|
|
|
|
.gform_validation_container {
|
|
display: none;
|
|
}
|
|
|
|
.gform_confirmation_message {
|
|
background-color: #0000;
|
|
border: 2px solid var(--color-success);
|
|
color: var(--color-success);
|
|
font-size: var(--typography-paragraph-size);
|
|
font-weight: var(--typography-weight-semibold);
|
|
padding: 1.25rem;
|
|
}
|
|
|
|
.block-blog article {
|
|
margin-bottom: 3.125rem;
|
|
padding-bottom: 3.125rem;
|
|
border-bottom: 2px solid var(--color-blue-chalk);
|
|
}
|
|
|
|
main:has(.block-search,.block-home) {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.block-home,
|
|
.block-search {
|
|
width: 100%;
|
|
background: var(--color-light-blue);
|
|
}
|
|
.block-home h1,
|
|
.block-search h1 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.block-search-results {
|
|
background-color: var(--color-white);
|
|
}
|
|
|
|
.block-search form {
|
|
display: grid;
|
|
/* autoprefixer: off */
|
|
grid-gap: 0.625rem;
|
|
grid-template-columns: 9fr 1fr;
|
|
}
|
|
.block-search form input,.block-search form label {
|
|
width: 100%;
|
|
}
|
|
.block-search-results ol {
|
|
list-style-position: inside;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.block-search-results ol li:marker {
|
|
font-weight: 700;
|
|
}
|
|
.block-search-results > .container {
|
|
padding-top: 0;
|
|
}
|
|
@media (min-width: 1024px) {
|
|
.block-search-results > .container {
|
|
display: grid;
|
|
}
|
|
}
|
|
.block-search-results .row-result {
|
|
border-top: 2px solid var(--color-blue-chalk);
|
|
padding: 1.25rem 0;
|
|
}
|
|
.block-search-results .row-result:last-of-type {
|
|
border-bottom: 2px solid var(--color-blue-chalk);
|
|
}
|
|
.block-search-results h3 {
|
|
font-size: var(--typography-h4-size);
|
|
margin-bottom: 0.625rem;
|
|
}
|
|
.block-search-results p {
|
|
margin-top: 0.625rem;
|
|
}
|
|
.block-search-results .title {
|
|
display: inline-block;
|
|
}
|
|
|
|
@media (min-width: 600px) {
|
|
.block-error-404 .container {
|
|
padding-bottom: 10%;
|
|
padding-top: 10%;
|
|
}
|
|
}
|
|
.block-error-404 .content {
|
|
text-align: center;
|
|
}
|
|
.block-error-404 h1 {
|
|
font-size: clamp(60px, 24px + 0.06 * 100vw, 120px);
|
|
line-height: var(--typography-heading-core-line-height);
|
|
margin-bottom: 1.25rem;
|
|
}
|
|
|
|
.article-content .categories,.article-content .tags,.categories,.tags {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
list-style: none;
|
|
list-style-type: none;
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
.tax-header {
|
|
font-size: var(--typography-h4-size);
|
|
margin-bottom: .875rem;
|
|
}
|
|
|
|
.article-content .categories,.categories {
|
|
gap: 0.75rem;
|
|
}
|
|
|
|
.article-content .tags,.tags {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.3125rem;
|
|
margin-bottom: var(--spacing-text-margin-block);
|
|
margin-top: 0;
|
|
}
|
|
.article-content .tax-container a {
|
|
background-color: #0000;
|
|
border: 1px solid var(--color-black);
|
|
border-radius: 1.875rem;
|
|
box-shadow: none;
|
|
color: var(--color-black);
|
|
display: inline-block;
|
|
font-size: var(--typography-size-14);
|
|
margin-right: 4px;
|
|
padding: 0.0625rem 0.5rem;
|
|
transition: all 150ms;
|
|
white-space: nowrap;
|
|
}
|
|
.article-content .tax-container a:focus,.article-content .tax-container a:hover, .tax-container a:focus, .tax-container a:hover {
|
|
background-color: var(--color-black);
|
|
border-color: var(--color-black);
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.post-navigation .nav-links {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.post-navigation .nav-links > div {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.post-navigation .nav-links .nav-previous::before {
|
|
content: '←' / 'Previous';
|
|
font-size: 1.5rem;
|
|
margin-right: 4px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.post-navigation .nav-links .nav-next::after {
|
|
content: '→' / 'Next';
|
|
font-size: 1.5rem;
|
|
margin-left: 4px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.comments-area {
|
|
--color-comment-text: var(--color-east-bay);
|
|
--color-comment-author-text: var(--color-east-bay);
|
|
--color-link-comment: var(--color-scorpion);
|
|
--color-link-comment-time-anchor: var(--color-east-bay);
|
|
margin-bottom: 0;
|
|
margin-top: 3.125rem;
|
|
overflow: visible;
|
|
}
|
|
|
|
.comment-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.comment-list,.comment-list .children {
|
|
list-style: none;
|
|
}
|
|
.comment-list li {
|
|
margin-bottom: 4.375rem;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
}
|
|
.comment-list li,.comment-list p {
|
|
font-size: var(--typography-size-14);
|
|
}
|
|
.comment-list p {
|
|
color: var(--color-comment-text);
|
|
}
|
|
.comment-list .avatar {
|
|
border-radius: 50%;
|
|
float: right;
|
|
}
|
|
.comment-list .comment-author {
|
|
color: var(--color-comment-author-text);
|
|
font-size: var(--typography-h4-size);
|
|
margin-bottom: 0.625rem;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
}
|
|
.comment-list .comments-link a,.comment-list a {
|
|
box-shadow: none;
|
|
color: var(--color-link-comment);
|
|
}
|
|
.comment-list .comment-author a {
|
|
color: var(--color-paragraph);
|
|
}
|
|
.comment-list .comment-time {
|
|
font-size: var(--typography-size-14);
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.comment-list .comment-time a {
|
|
color: var(--color-link-comment-time-anchor);
|
|
}
|
|
.comment-list .comment-time:focus,.comment-list .comment-time:hover {
|
|
opacity: 1;
|
|
}
|
|
.comment-list .comment-time svg {
|
|
fill: var(--color-link-comment-time-anchor);
|
|
margin-right: 0.3125rem;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
.comments-link {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
font-size: var(--typography-size-14);
|
|
text-align: right;
|
|
}
|
|
.comments-link a {
|
|
color: var(--color-link-comment);
|
|
}
|
|
.comments-link a:focus,.comments-link a:hover,.comments-link:focus,.comments-link:hover {
|
|
color: var(--color-black);
|
|
}
|
|
.comments-link svg {
|
|
margin-right: 0.4375rem;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.comment-respond {
|
|
margin-bottom: 0;
|
|
overflow: visible;
|
|
}
|
|
@media (max-width: 600px) {
|
|
.comment-respond input {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.comment-respond .comment-form-author {
|
|
margin-bottom: 1.25rem;
|
|
margin-top: 0;
|
|
}
|
|
.comment-respond .comment-form-author input {
|
|
border-width: 1px;
|
|
padding: 1.5rem;
|
|
width: 100%;
|
|
}
|
|
.comment-respond .comment-form-email {
|
|
clear: right;
|
|
margin-bottom: 1.25rem;
|
|
margin-right: 0;
|
|
margin-top: 0;
|
|
}
|
|
.comment-respond .comment-form-email input {
|
|
border-width: 1px;
|
|
padding: 0.9375rem;
|
|
width: 100%;
|
|
}
|
|
.comment-respond .comment-form-url {
|
|
margin-bottom: 1.875rem;
|
|
margin-top: 0;
|
|
position: relative;
|
|
}
|
|
.comment-respond .comment-form-url input {
|
|
border-width: 1px;
|
|
padding: 0.9375rem;
|
|
width: 100%;
|
|
}
|
|
.comment-respond .form-submit {
|
|
clear: both;
|
|
display: block;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
}
|
|
.comment-respond .comment-form-comment {
|
|
margin-bottom: 1.25rem;
|
|
}
|
|
.comment-respond textarea {
|
|
width: 100%;
|
|
}
|
|
.comment-form-cookies-consent {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: .375rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.article-content,.editor-styles-wrapper {
|
|
max-width: 100%;
|
|
padding-bottom: var(--spacing-content-padding-block);
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-top: var(--spacing-content-padding-block);
|
|
}
|
|
|
|
.article-content > *,.article-content > [class^=wp-block-],.is-root-container > * {
|
|
line-height: var(--typography-paragraph-line-height);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 800px;
|
|
}
|
|
@media (max-width: 840px) {
|
|
.article-content > *,.article-content > *.alignfull,.article-content > [class^=wp-block-],.article-content > [class^=wp-block-].alignfull,.is-root-container > *,.is-root-container > *.alignfull {
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
}
|
|
.article-content > *.alignfull,.article-content > [class^=wp-block-].alignfull,.is-root-container > *.alignfull {
|
|
width: calc(100% - var(--spacing-container-padding-inline)*2);
|
|
}
|
|
}
|
|
|
|
.article-content blockquote + cite,.article-content blockquote + p > cite,.editor-styles-wrapper blockquote + cite,.editor-styles-wrapper blockquote + p > cite {
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
.article-content blockquote,.editor-styles-wrapper blockquote {
|
|
border: 0;
|
|
clear: both;
|
|
padding-bottom: 1.875rem;
|
|
position: relative;
|
|
}
|
|
.article-content blockquote p,.editor-styles-wrapper blockquote p {
|
|
color: var(--color-paragraph);
|
|
font-style: normal;
|
|
font-weight: var(--typography-weight-semibold);
|
|
margin: 0;
|
|
overflow: visible;
|
|
position: relative;
|
|
}
|
|
@media (min-width: 770px) {
|
|
.article-content blockquote,.editor-styles-wrapper blockquote {
|
|
margin-top: 2.5rem;
|
|
padding-bottom: 2.5rem;
|
|
}
|
|
}
|
|
.article-content .wp-block-quote,.editor-styles-wrapper .wp-block-quote {
|
|
border-left: 2px solid var(--color-paragraph);
|
|
line-height: var(--typography-paragraph-line-height);
|
|
margin: 2.5rem auto;
|
|
padding: 2.1875rem 3.75rem;
|
|
width: calc(100% - 7.5rem);
|
|
}
|
|
.article-content .wp-block-quote > p,.editor-styles-wrapper .wp-block-quote > p {
|
|
color: var(--color-paragraph);
|
|
line-height: var(--typography-paragraph-line-height);
|
|
}
|
|
@media (max-width: 840px) {
|
|
.article-content .wp-block-quote,.editor-styles-wrapper .wp-block-quote {
|
|
padding: 2.1875rem 1.25rem;
|
|
width: calc(100% - var(--spacing-container-padding-inline)*2);
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .wp-block-quote,.editor-styles-wrapper .wp-block-quote {
|
|
padding: 2.5rem 2.5rem 2.5rem 1.25rem;
|
|
}
|
|
}
|
|
.article-content .wp-block-blockquote.alignfull,.article-content .wp-block-blockquote.alignwide,.editor-styles-wrapper .wp-block-blockquote.alignfull,.editor-styles-wrapper .wp-block-blockquote.alignwide {
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
width: calc(100% - var(--spacing-container-padding-inline)*2);
|
|
}
|
|
.article-content .wp-block-blockquote blockquote,.editor-styles-wrapper .wp-block-blockquote blockquote {
|
|
padding-bottom: 0;
|
|
}
|
|
.article-content .wp-block-button__link,.editor-styles-wrapper .wp-block-button__link {
|
|
appearance: none;
|
|
background-color: var(--color-button-background);
|
|
border: var(--border-width-input-field) solid var(--color-button-background);
|
|
border-radius: var(--border-radius-button);
|
|
color: var(--color-button);
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-family: var(--typography-family-paragraph);
|
|
font-size: var(--typography-size-16);
|
|
font-weight: var(--typography-weight-semibold);
|
|
line-height: 1.39;
|
|
margin-bottom: 0;
|
|
padding: calc(14px - var(--border-width-input-field)*2) calc(21px - var(--border-width-input-field)*2);
|
|
position: relative;
|
|
text-decoration: none;
|
|
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
white-space: nowrap;
|
|
width: auto;
|
|
}
|
|
.article-content .wp-block-button__link.focus,.article-content .wp-block-button__link:focus,.article-content .wp-block-button__link:hover,.editor-styles-wrapper .wp-block-button__link.focus,.editor-styles-wrapper .wp-block-button__link:focus,.editor-styles-wrapper .wp-block-button__link:hover {
|
|
background-color: var(--color-button-background-hover);
|
|
border-color: var(--color-button-background-hover);
|
|
color: var(--color-button-hover);
|
|
}
|
|
.article-content .wp-block-column > p:first-child,.article-content h1 + .wp-block-columns,.article-content h2 + .wp-block-columns,.article-content h3 + .wp-block-columns,.editor-styles-wrapper .wp-block-column > p:first-child,.editor-styles-wrapper h1 + .wp-block-columns,.editor-styles-wrapper h2 + .wp-block-columns,.editor-styles-wrapper h3 + .wp-block-columns {
|
|
margin-top: 0;
|
|
}
|
|
.article-content .wp-block-columns.has-1-columns.alignfull,.editor-styles-wrapper .wp-block-columns.has-1-columns.alignfull {
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.article-content .wp-block-columns.has-1-columns,.editor-styles-wrapper .wp-block-columns.has-1-columns {
|
|
display: grid;
|
|
grid-gap: 1em;
|
|
grid-template-columns: repeat(1, 1fr);
|
|
width: 100%;
|
|
}
|
|
.article-content .wp-block-columns.has-1-columns .wp-block-column,.editor-styles-wrapper .wp-block-columns.has-1-columns .wp-block-column {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .wp-block-columns.has-1-columns,.editor-styles-wrapper .wp-block-columns.has-1-columns {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
}
|
|
.article-content .wp-block-columns.has-2-columns.alignfull,.editor-styles-wrapper .wp-block-columns.has-2-columns.alignfull {
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.article-content .wp-block-columns.has-2-columns,.editor-styles-wrapper .wp-block-columns.has-2-columns {
|
|
display: grid;
|
|
grid-gap: 1em;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
width: 100%;
|
|
}
|
|
.article-content .wp-block-columns.has-2-columns .wp-block-column,.editor-styles-wrapper .wp-block-columns.has-2-columns .wp-block-column {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .wp-block-columns.has-2-columns,.editor-styles-wrapper .wp-block-columns.has-2-columns {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
}
|
|
.article-content .wp-block-columns.has-3-columns.alignfull,.editor-styles-wrapper .wp-block-columns.has-3-columns.alignfull {
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.article-content .wp-block-columns.has-3-columns,.editor-styles-wrapper .wp-block-columns.has-3-columns {
|
|
display: grid;
|
|
grid-gap: 1em;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
width: 100%;
|
|
}
|
|
.article-content .wp-block-columns.has-3-columns .wp-block-column,.editor-styles-wrapper .wp-block-columns.has-3-columns .wp-block-column {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .wp-block-columns.has-3-columns,.editor-styles-wrapper .wp-block-columns.has-3-columns {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
}
|
|
.article-content .wp-block-columns.has-4-columns.alignfull,.editor-styles-wrapper .wp-block-columns.has-4-columns.alignfull {
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.article-content .wp-block-columns.has-4-columns,.editor-styles-wrapper .wp-block-columns.has-4-columns {
|
|
display: grid;
|
|
grid-gap: 1em;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
width: 100%;
|
|
}
|
|
.article-content .wp-block-columns.has-4-columns .wp-block-column,.editor-styles-wrapper .wp-block-columns.has-4-columns .wp-block-column {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .wp-block-columns.has-4-columns,.editor-styles-wrapper .wp-block-columns.has-4-columns {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
}
|
|
.article-content .wp-block-columns.has-5-columns.alignfull,.editor-styles-wrapper .wp-block-columns.has-5-columns.alignfull {
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.article-content .wp-block-columns.has-5-columns,.editor-styles-wrapper .wp-block-columns.has-5-columns {
|
|
display: grid;
|
|
grid-gap: 1em;
|
|
grid-template-columns: repeat(5, 1fr);
|
|
width: 100%;
|
|
}
|
|
.article-content .wp-block-columns.has-5-columns .wp-block-column,.editor-styles-wrapper .wp-block-columns.has-5-columns .wp-block-column {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .wp-block-columns.has-5-columns,.editor-styles-wrapper .wp-block-columns.has-5-columns {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
}
|
|
.article-content .wp-block-columns.has-6-columns.alignfull,.editor-styles-wrapper .wp-block-columns.has-6-columns.alignfull {
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.article-content .wp-block-columns.has-6-columns,.editor-styles-wrapper .wp-block-columns.has-6-columns {
|
|
display: grid;
|
|
grid-gap: 1em;
|
|
grid-template-columns: repeat(6, 1fr);
|
|
width: 100%;
|
|
}
|
|
.article-content .wp-block-columns.has-6-columns .wp-block-column,.editor-styles-wrapper .wp-block-columns.has-6-columns .wp-block-column {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .wp-block-columns.has-6-columns,.editor-styles-wrapper .wp-block-columns.has-6-columns {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
}
|
|
.article-content .wp-block-columns.has-7-columns.alignfull,.editor-styles-wrapper .wp-block-columns.has-7-columns.alignfull {
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.article-content .wp-block-columns.has-7-columns,.editor-styles-wrapper .wp-block-columns.has-7-columns {
|
|
display: grid;
|
|
grid-gap: 1em;
|
|
grid-template-columns: repeat(7, 1fr);
|
|
width: 100%;
|
|
}
|
|
.article-content .wp-block-columns.has-7-columns .wp-block-column,.editor-styles-wrapper .wp-block-columns.has-7-columns .wp-block-column {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .wp-block-columns.has-7-columns,.editor-styles-wrapper .wp-block-columns.has-7-columns {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
}
|
|
.article-content .wp-block-columns.has-8-columns.alignfull,.editor-styles-wrapper .wp-block-columns.has-8-columns.alignfull {
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.article-content .wp-block-columns.has-8-columns,.editor-styles-wrapper .wp-block-columns.has-8-columns {
|
|
display: grid;
|
|
grid-gap: 1em;
|
|
grid-template-columns: repeat(8, 1fr);
|
|
width: 100%;
|
|
}
|
|
.article-content .wp-block-columns.has-8-columns .wp-block-column,.editor-styles-wrapper .wp-block-columns.has-8-columns .wp-block-column {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .wp-block-columns.has-8-columns,.editor-styles-wrapper .wp-block-columns.has-8-columns {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
}
|
|
.article-content .wp-block-columns.has-9-columns.alignfull,.editor-styles-wrapper .wp-block-columns.has-9-columns.alignfull {
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.article-content .wp-block-columns.has-9-columns,.editor-styles-wrapper .wp-block-columns.has-9-columns {
|
|
display: grid;
|
|
grid-gap: 1em;
|
|
grid-template-columns: repeat(9, 1fr);
|
|
width: 100%;
|
|
}
|
|
.article-content .wp-block-columns.has-9-columns .wp-block-column,.editor-styles-wrapper .wp-block-columns.has-9-columns .wp-block-column {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .wp-block-columns.has-9-columns,.editor-styles-wrapper .wp-block-columns.has-9-columns {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
}
|
|
.article-content .wp-block-separator,.article-content hr,.editor-styles-wrapper .wp-block-separator,.editor-styles-wrapper hr {
|
|
background-image: linear-gradient(180deg, #0000 50%, #0000004d 0);
|
|
background-position: 0 50%;
|
|
background-repeat: repeat-x;
|
|
background-size: 2px 2px;
|
|
border: 0;
|
|
height: 0;
|
|
margin-bottom: calc(var(--spacing-paragraphs-margin-block)*2);
|
|
margin-top: calc(var(--spacing-paragraphs-margin-block)*2);
|
|
padding-bottom: 0.625rem;
|
|
padding-top: 0.625rem;
|
|
}
|
|
.article-content .wp-block-separator.is-style-default,.editor-styles-wrapper .wp-block-separator.is-style-default {
|
|
max-width: 800px;
|
|
}
|
|
.article-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots),.editor-styles-wrapper .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
|
|
margin-bottom: calc(var(--spacing-paragraphs-margin-block)*2);
|
|
margin-top: calc(var(--spacing-paragraphs-margin-block)*2);
|
|
opacity: 0.4;
|
|
width: 6.25rem;
|
|
}
|
|
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3,.editor-styles-wrapper h4,.editor-styles-wrapper h5 {
|
|
line-height: var(--typography-heading-core-line-height);
|
|
}
|
|
.article-content h1:first-child,.article-content h2:first-child,.article-content h3:first-child,.article-content h4:first-child,.article-content h5:first-child,.article-content h6:first-child,.editor-styles-wrapper h1:first-child,.editor-styles-wrapper h2:first-child,.editor-styles-wrapper h3:first-child,.editor-styles-wrapper h4:first-child,.editor-styles-wrapper h5:first-child,.editor-styles-wrapper h6:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.article-content .wp-block-image,.editor-styles-wrapper .wp-block-image {
|
|
display: block;
|
|
margin-bottom: var(--spacing-wp-block-image-margin-block);
|
|
margin-top: var(--spacing-wp-block-image-margin-block);
|
|
}
|
|
.article-content .wp-block-image.alignfull,.article-content .wp-block-image.alignwide,.editor-styles-wrapper .wp-block-image.alignfull,.editor-styles-wrapper .wp-block-image.alignwide {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.article-content .wp-block-image .alignfull img,.article-content .wp-block-image .alignwide img,.editor-styles-wrapper .wp-block-image .alignfull img,.editor-styles-wrapper .wp-block-image .alignwide img {
|
|
width: 100%;
|
|
}
|
|
.article-content .wp-block-image .alignfull img,.editor-styles-wrapper .wp-block-image .alignfull img {
|
|
border-radius: 0;
|
|
}
|
|
.article-content .wp-block-image > figure,.editor-styles-wrapper .wp-block-image > figure {
|
|
display: block;
|
|
width: auto;
|
|
}
|
|
.article-content .wp-block-image > figure.alignleft,.article-content .wp-block-image > figure.alignright,.editor-styles-wrapper .wp-block-image > figure.alignleft,.editor-styles-wrapper .wp-block-image > figure.alignright {
|
|
max-width: var(--width-child-img);
|
|
}
|
|
.article-content .wp-block-image figcaption,.editor-styles-wrapper .wp-block-image figcaption {
|
|
margin-bottom: 1.25rem;
|
|
}
|
|
.article-content .wp-block-image .aligncenter,.editor-styles-wrapper .wp-block-image .aligncenter {
|
|
text-align: center;
|
|
}
|
|
.article-content .wp-block-image .aligncenter img,.editor-styles-wrapper .wp-block-image .aligncenter img {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
@media (max-width: 1480px) {
|
|
.article-content .wp-block-image.alignwide,.editor-styles-wrapper .wp-block-image.alignwide {
|
|
width: calc(100% - var(--spacing-container-padding-inline)*2);
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .wp-block-image.aligncenter img,.article-content .wp-block-image.alignleft img,.article-content .wp-block-image.alignright img,.editor-styles-wrapper .wp-block-image.aligncenter img,.editor-styles-wrapper .wp-block-image.alignleft img,.editor-styles-wrapper .wp-block-image.alignright img {
|
|
float: none;
|
|
height: auto;
|
|
width: 100%;
|
|
}
|
|
}
|
|
.article-content ol,.article-content ul,.editor-styles-wrapper ol,.editor-styles-wrapper ul {
|
|
list-style-position: outside;
|
|
}
|
|
.article-content ul,.editor-styles-wrapper ul {
|
|
padding-inline-start: 1.2em;
|
|
}
|
|
.article-content ol,.editor-styles-wrapper ol {
|
|
padding-inline-start: 1.25em;
|
|
}
|
|
.article-content li::marker,.editor-styles-wrapper li::marker {
|
|
color: var(--color-link-text);
|
|
font-family: system-ui, sans-serif;
|
|
font-size: inherit;
|
|
}
|
|
.article-content .has-large-font-size,.article-content .has-larger-font-size,.editor-styles-wrapper .has-large-font-size,.editor-styles-wrapper .has-larger-font-size {
|
|
line-height: var(--typography-heading-line-height);
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content .has-large-font-size,.editor-styles-wrapper .has-large-font-size {
|
|
font-size: var(--typography-size-18);
|
|
}
|
|
.article-content .has-larger-font-size,.editor-styles-wrapper .has-larger-font-size {
|
|
font-size: var(--typography-size-22);
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
}
|
|
@media (max-width: 1480px) {
|
|
.article-content .has-background,.editor-styles-wrapper .has-background {
|
|
width: calc(100% - var(--spacing-container-padding-inline)*2);
|
|
}
|
|
}
|
|
.article-content .wp-block-pullquote,.editor-styles-wrapper .wp-block-pullquote {
|
|
border-color: var(--color-paragraph);
|
|
border-width: 3px;
|
|
display: grid;
|
|
}
|
|
.article-content .wp-block-pullquote [aria-label="Pullquote citation text"],.article-content .wp-block-pullquote cite,.editor-styles-wrapper .wp-block-pullquote [aria-label="Pullquote citation text"],.editor-styles-wrapper .wp-block-pullquote cite {
|
|
display: block;
|
|
margin-top: 1.875rem;
|
|
}
|
|
@media (max-width: 1480px) {
|
|
.article-content .wp-block-pullquote,.editor-styles-wrapper .wp-block-pullquote {
|
|
width: calc(100% - var(--spacing-container-padding-inline)*2);
|
|
}
|
|
}
|
|
.article-content .wp-block-pullquote.alignfull,.article-content .wp-block-pullquote.alignwide,.editor-styles-wrapper .wp-block-pullquote.alignfull,.editor-styles-wrapper .wp-block-pullquote.alignwide {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.article-content .wp-block-pullquote.alignfull blockquote,.article-content .wp-block-pullquote.alignwide blockquote,.editor-styles-wrapper .wp-block-pullquote.alignfull blockquote,.editor-styles-wrapper .wp-block-pullquote.alignwide blockquote {
|
|
justify-self: center;
|
|
}
|
|
@media (max-width: 1480px) {
|
|
.article-content .wp-block-pullquote.alignfull,.article-content .wp-block-pullquote.alignwide,.editor-styles-wrapper .wp-block-pullquote.alignfull,.editor-styles-wrapper .wp-block-pullquote.alignwide {
|
|
margin-left: var(--spacing-container-padding-inline);
|
|
margin-right: var(--spacing-container-padding-inline);
|
|
}
|
|
}
|
|
.article-content .wp-block-pullquote.alignfull,.editor-styles-wrapper .wp-block-pullquote.alignfull {
|
|
margin-left: var(--spacing-container-padding-inline);
|
|
margin-right: var(--spacing-container-padding-inline);
|
|
width: calc(100% - var(--spacing-container-padding-inline)*2);
|
|
}
|
|
.article-content th,.editor-styles-wrapper th {
|
|
backface-visibility: hidden;
|
|
background-color: var(--color-scorpion);
|
|
color: var(--color-white);
|
|
font-weight: var(--typography-weight-bold);
|
|
text-align: left;
|
|
}
|
|
.article-content td,.editor-styles-wrapper td {
|
|
color: var(--color-black);
|
|
}
|
|
.article-content .wp-block-table td,.article-content .wp-block-table th,.article-content td,.article-content th,.editor-styles-wrapper .wp-block-table td,.editor-styles-wrapper .wp-block-table th,.editor-styles-wrapper td,.editor-styles-wrapper th {
|
|
border: 0;
|
|
font-family: var(--typography-family-paragraph);
|
|
font-size: var(--typography-size-14);
|
|
height: 1.25rem;
|
|
padding: 0.3125rem 0.9375rem;
|
|
}
|
|
.article-content tr:nth-child(even),.editor-styles-wrapper tr:nth-child(even) {
|
|
background-color: var(--color-background-table-cell-even);
|
|
}
|
|
.article-content tr:nth-child(odd),.editor-styles-wrapper tr:nth-child(odd) {
|
|
background-color: var(--color-background-table-cell-odd);
|
|
}
|
|
.article-content .wp-block-table thead,.article-content thead,.editor-styles-wrapper .wp-block-table thead,.editor-styles-wrapper thead {
|
|
border: 0;
|
|
}
|
|
.article-content .wp-block-table thead th:first-child,.article-content thead th:first-child,.editor-styles-wrapper .wp-block-table thead th:first-child,.editor-styles-wrapper thead th:first-child {
|
|
border-top-left-radius: 0.5rem;
|
|
}
|
|
.article-content .wp-block-table thead th:last-child,.article-content thead th:last-child,.editor-styles-wrapper .wp-block-table thead th:last-child,.editor-styles-wrapper thead th:last-child {
|
|
border-top-right-radius: 0.5rem;
|
|
}
|
|
.article-content table,.editor-styles-wrapper table {
|
|
--color-background-table-cell-odd: var(--color-white);
|
|
--color-background-table-cell-even: #f3f3f3;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
@media (max-width: 1480px) {
|
|
.article-content .wp-block-table,.editor-styles-wrapper .wp-block-table {
|
|
width: calc(100% - var(--spacing-container-padding-inline)*2);
|
|
}
|
|
}
|
|
.article-content .wp-block-table.alignfull,.editor-styles-wrapper .wp-block-table.alignfull {
|
|
margin-left: var(--spacing-container-padding-inline);
|
|
margin-right: var(--spacing-container-padding-inline);
|
|
width: calc(100% - var(--spacing-container-padding-inline)*2);
|
|
}
|
|
@media (max-width: 1480px) {
|
|
.article-content .wp-block-table.alignwide,.editor-styles-wrapper .wp-block-table.alignwide {
|
|
margin-left: var(--spacing-container-padding-inline);
|
|
margin-right: var(--spacing-container-padding-inline);
|
|
width: calc(100% - var(--spacing-container-padding-inline)*2);
|
|
}
|
|
}
|
|
.article-content .wp-block-video video,.editor-styles-wrapper .wp-block-video video {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 1480px) {
|
|
.article-content .wp-block-video.alignwide,.editor-styles-wrapper .wp-block-video.alignwide {
|
|
width: calc(100% - var(--spacing-container-padding-inline)*2);
|
|
}
|
|
}
|
|
.article-content .wp-block-video.alignwide,.editor-styles-wrapper .wp-block-video.alignwide {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.article-content .wp-block-video.alignfull,.editor-styles-wrapper .wp-block-video.alignfull {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
max-width: 100%;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: 100%;
|
|
}
|
|
.article-content .is-style-boxed,.article-content .wp-block.is-style-boxed,.editor-styles-wrapper .is-style-boxed,.editor-styles-wrapper .wp-block.is-style-boxed {
|
|
border: 2px solid var(--color-paragraph);
|
|
color: var(--color-paragraph);
|
|
font-size: var(--typography-size-17);
|
|
font-style: normal;
|
|
font-weight: var(--typography-weight-medium);
|
|
line-height: var(--typography-paragraph-line-height);
|
|
padding: 1.25rem;
|
|
width: calc(100% - 2.5rem);
|
|
}
|
|
@media (min-width: 840px) {
|
|
.article-content .is-style-boxed,.editor-styles-wrapper .is-style-boxed {
|
|
transform: translate(1.25rem, 0);
|
|
}
|
|
}
|
|
.article-content .wp-block-file .wp-block-file__button,.editor-styles-wrapper .wp-block-file .wp-block-file__button {
|
|
font-size: var(--typography-size-16);
|
|
line-height: 20.9091px;
|
|
font-size: 0.8em;
|
|
padding: 0.3em 0.8em;
|
|
}
|
|
|
|
.editor-styles-wrapper .block-error,.site-main .block-error {
|
|
--color-error-block-border: #adb2ad;
|
|
--color-error-block-background: #f9f9f9;
|
|
background-color: var(--color-error-block-background);
|
|
border: 1px solid var(--color-error-block-border);
|
|
border-left: 1rem solid var(--color-error);
|
|
}
|
|
.editor-styles-wrapper .block-error .container,.site-main .block-error .container {
|
|
padding-bottom: 1.25rem;
|
|
padding-top: 1.25rem;
|
|
}
|
|
.editor-styles-wrapper .block-error p,.site-main .block-error p {
|
|
font-size: var(--typography-size-14);
|
|
}
|
|
.editor-styles-wrapper .block-error p.error-message,.site-main .block-error p.error-message {
|
|
font-size: var(--typography-size-16);
|
|
}
|
|
.editor-styles-wrapper .block-error h2,.site-main .block-error h2 {
|
|
font-size: var(--typography-h4-size);
|
|
}
|
|
|
|
.article-content .alignleft > *,.editor-styles-wrapper .alignleft > * {
|
|
float: left;
|
|
}
|
|
.article-content .alignright > *,.editor-styles-wrapper .alignright > * {
|
|
float: right;
|
|
}
|
|
.article-content .alignleft > img,.editor-styles-wrapper .alignleft > img {
|
|
margin-bottom: var(--spacing-paragraphs-margin-block);
|
|
margin-right: var(--spacing-container-padding-inline);
|
|
margin-top: var(--spacing-paragraphs-margin-block);
|
|
}
|
|
.article-content .alignleft > img + figcaption,.editor-styles-wrapper .alignleft > img + figcaption {
|
|
margin-top: 0;
|
|
}
|
|
.article-content .alignright > img,.editor-styles-wrapper .alignright > img {
|
|
margin-bottom: var(--spacing-paragraphs-margin-block);
|
|
margin-left: var(--spacing-container-padding-inline);
|
|
margin-top: var(--spacing-paragraphs-margin-block);
|
|
}
|
|
.article-content .alignright > img + figcaption,.editor-styles-wrapper .alignright > img + figcaption {
|
|
margin-top: 0;
|
|
}
|
|
.article-content .alignwide,.editor-styles-wrapper .alignwide {
|
|
max-width: 1200px;
|
|
padding-left: var(--spacing-container-padding-inline);
|
|
padding-right: var(--spacing-container-padding-inline);
|
|
width: 100%;
|
|
}
|
|
@media (min-width: 1240px) {
|
|
.article-content .alignwide,.editor-styles-wrapper .alignwide {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
.article-content .alignfull,.editor-styles-wrapper .alignfull {
|
|
max-width: 100%;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: 100%;
|
|
}
|
|
.article-content .alignfull.wp-block-image img,.editor-styles-wrapper .alignfull.wp-block-image img {
|
|
border-radius: 0;
|
|
}
|
|
@media (min-width: 840px) {
|
|
.article-content .alignfull,.editor-styles-wrapper .alignfull {
|
|
margin-bottom: var(--spacing-content-padding-block);
|
|
margin-top: var(--spacing-content-padding-block);
|
|
max-width: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.article-content cite,.article-content figcaption,.article-content small,.editor-styles-wrapper cite,.editor-styles-wrapper figcaption,.editor-styles-wrapper small {
|
|
--color-caption: #5c5c6a;
|
|
border: 0;
|
|
color: var(--color-caption);
|
|
font-size: var(--typography-captions-size);
|
|
font-style: normal;
|
|
margin: 1.875rem auto 3.75rem;
|
|
max-width: 800px;
|
|
padding-bottom: 0;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 600px) {
|
|
.article-content cite,.article-content figcaption,.article-content small,.editor-styles-wrapper cite,.editor-styles-wrapper figcaption,.editor-styles-wrapper small {
|
|
margin-top: 1.25rem;
|
|
}
|
|
}
|
|
.article-content .wp-block-image .aligncenter > figcaption,.article-content .wp-block-image .alignright > figcaption,.article-content .wp-block-image figcaption,.article-content .wp-block-image.is-resized > figcaption,.editor-styles-wrapper .wp-block-image .aligncenter > figcaption,.editor-styles-wrapper .wp-block-image .alignright > figcaption,.editor-styles-wrapper .wp-block-image figcaption,.editor-styles-wrapper .wp-block-image.is-resized > figcaption {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.article-content cite,.editor-styles-wrapper cite {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.article-content img,.editor-styles-wrapper img {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
img[width][height] {
|
|
height: auto;
|
|
}
|
|
|
|
a {
|
|
color: var(--color-link-text);
|
|
text-decoration: underline;
|
|
text-decoration-color: var(--color-link-text);
|
|
text-underline-offset: 0.275rem;
|
|
transition: all 150ms;
|
|
text-decoration-thickness: 4px;
|
|
}
|
|
a:focus,a:hover {
|
|
color: var(--color-link-text-hover);
|
|
text-decoration-color: var(--color-link-text-hover);
|
|
text-decoration-thickness: 8px;
|
|
}
|
|
|
|
.entry-footer {
|
|
padding-top: .625rem;
|
|
border-top: 2px solid var(--color-light-gray);
|
|
}
|
|
|
|
.entry-footer a:not( p > a ),.site-footer a:not( p > a ),.site-header a:not( p > a ) {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.entry-taxonomies:has(.tax-container) {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 20px;
|
|
}
|
|
|
|
.site-footer a {
|
|
text-decoration-color: #fff;
|
|
}
|
|
|
|
.site-title a:hover,
|
|
.site-title a:focus,
|
|
.site-footer a:hover,
|
|
.site-footer a:focus {
|
|
color: #fff;
|
|
}
|
|
|
|
p {
|
|
color: var(--color-paragraph);
|
|
line-height: var(--typography-paragraph-line-height);
|
|
}
|
