:root {
--base-color-text: #1b1b1b;
--base-color-accent: #3a8ddd;
--base-color-light: #f2f3f3;
--base-color-background: #fff;
--base-font-family: verdana, sans-serif;
--base-font-weight: normal;
--base-line-height: 1.6;
--base-font-size: 16px;
--base-font-size-small: .8em;
--base-font-size-medium: 1.25em;
--base-headings-color: #3c3c3c;
--base-headings-font-family: var(--base-font-family);
--base-headings-font-weight: bold;
--base-headings-line-height: 1.25;
--base-headings-font-size-1: 36px;
--base-headings-font-size-2: 30px;
--base-headings-font-size-3: 26px;
--base-headings-font-size-4: 20px;
--base-layout-width: 1100px;
--base-content-width: 800px;
--base-offset: 40px;
--base-offset-vertical: 60px;
--base-space: 20px;
--base-gap: 40px;
--wp--style--block-gap: var(--base-gap);
}
body {
font-family: var(--base-font-family);
font-size: var(--base-font-size);
font-weight: var(--base-font-weight);
line-height: var(--base-line-height);
background-color: var(--base-color-background);
}
small {
font-size: var(--base-font-size-small);
}
a, a:hover {
color: var(--base-color-accent);
}
h1, h2, h3, h4, h5, h6 {
color: var(--base-headings-color);
font-family: var(--base-headings-font-family);
font-weight: var(--base-headings-font-weight);
line-height: var(--base-headings-line-height);
font-size: var(--base-font-size);
}
.has-text-color h1, .has-text-color h2, .has-text-color h3, .has-text-color h4, .has-text-color h5, .has-text-color h6 {
color: inherit !important;
}
h1 {
font-size: var(--base-headings-font-size-1);
}
h2 {
font-size: var(--base-headings-font-size-2);
}
h3 {
font-size: var(--base-headings-font-size-3);
}
h4 {
font-size: var(--base-headings-font-size-4);
}
.site-layout-container {
width: 100%;
}
.site-layout-container>* {
width: var(--base-content-width);
max-width: calc(100% - calc(2 * var(--base-offset)));
margin-left: auto;
margin-right: auto;
}
.site-layout-container>*.alignwide {
width: var(--base-layout-width);
}
.site-layout-container>*.alignwide.wp-block-group>* {
padding-left: var(--base-offset);
padding-right: var(--base-offset);
}
.site-layout-container>*.alignfull {
width: 100%;
max-width: 100%;
}
.site-layout-container>*.wp-block-group.inner-alignwide>* {
width: var(--base-layout-width);
max-width: calc(100% - calc(2 * var(--base-offset)));
margin-left: auto;
margin-right: auto;
}
.site-layout-container>*.wp-block-group.inner-aligncontent>* {
width: var(--base-content-width);
max-width: calc(100% - calc(2 * var(--base-offset)));
margin-left: auto;
margin-right: auto;
}
.site-layout-container>*.wp-block-cover.inner-alignwide .wp-block-cover__inner-container>* {
width: var(--base-layout-width);
max-width: calc(100% - calc(2 * var(--base-offset)));
margin-left: auto;
margin-right: auto;
}
.site-layout-container>*.wp-block-cover.inner-aligncontent .wp-block-cover__inner-container>* {
width: var(--base-content-width);
max-width: calc(100% - calc(2 * var(--base-offset)));
margin-left: auto;
margin-right: auto;
}
.site-layout-container .has-space-before {
margin-top: var(--base-offset-vertical) !important;
}
.site-layout-container .has-space-after {
margin-bottom: var(--base-offset-vertical) !important;
}
.site-layout-container>:first-child:not(div) {
margin-top: var(--base-offset-vertical);
}
.site-layout-container iframe {
width: 100%;
max-width: 100%;
}
@media (max-width:599px) {
.site-layout-container iframe {
max-height: 60vw;
}
}
.is-style-animate-into-view {
--animation-height: -40px;
animation-duration: 625ms;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
position: relative;
}
.is-style-animate-into-view.is-not-in-view {
bottom: var(--animation-height);
opacity: 0;
}
.is-style-animate-into-view.is-in-view {
animation-name: animateIntoView;
bottom: 0;
opacity: 1;
}
@-webkit-keyframes animateIntoView {
0% {
opacity: 0;
bottom: var(--animation-height);
}
100% {
opacity: 1;
bottom: 0;
}
}
@keyframes animateIntoView {
0% {
opacity: 0;
bottom: var(--animation-height);
}
100% {
opacity: 1;
bottom: 0;
}
}
.wp-block-buttons .wp-block-button__link {
border-radius: 0;
padding: calc(var(--base-space) / 2) var(--base-space);
font-size: inherit;
}
.wp-block-buttons .wp-block-button.is-style-fill .wp-block-button__link {
background-color: var(--base-color-accent);
}
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
border-color: var(--base-color-accent);
color: var(--base-color-accent);
}
.wp-block-columns {
gap: var(--base-gap) !important;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.wp-block-columns.has-background {
padding: var(--base-offset-vertical) var(--base-offset);
}
.wp-block-columns .wp-block-column {
margin-left: unset !important;
}
.wp-block-columns .wp-block-column :last-child {
margin-bottom: 0;
}
@media (min-width:600px) and (max-width:781px) {
.wp-block-columns .wp-block-column:not(:only-child) {
-ms-flex-preferred-size: calc(50% - var(--base-gap)) !important;
flex-basis: calc(50% - var(--base-gap)) !important;
}
}
@media (max-width:599px) {
.wp-block-columns .wp-block-column {
margin-bottom: var(--base-space);
}
}
.wp-block-cover, .wp-block-cover-image {
padding: 0;
}
.wp-block-cover__inner-container, .wp-block-cover-image__inner-container {
padding-top: var(--base-offset-vertical);
padding-bottom: var(--base-offset-vertical);
}
.wp-block-cover__inner-container:last-child, .wp-block-cover-image__inner-container:last-child {
margin-bottom: 0;
}
.wp-block-cover h1, .wp-block-cover-image h1 {
margin-bottom: var(--base-space) !important;
}
.wp-block-group.has-background {
padding-top: var(--base-offset-vertical);
padding-bottom: var(--base-offset-vertical);
}
.wp-block-group.has-background:not(.alignwide):not(.alignfull) {
padding-left: var(--base-offset);
padding-right: var(--base-offset);
}
.wp-block-group.has-background>:last-child {
margin-bottom: 0;
}
.wp-block-group.has-background>*>:first-child {
margin-top: 0;
}
.wp-block-group.is-boxed {
width: calc(100% - 2 * var(--base-offset)) !important;
max-width: var(--base-layout-width);
margin-left: auto;
margin-right: auto;
}
.wp-block-image {
margin-bottom: var(--base-space);
}
.wp-block-image.alignleft {
margin: calc(var(--base-space) / 2) var(--base-space) calc(var(--base-space) / 2) 0;
}
.wp-block-image.alignright {
margin: calc(var(--base-space) / 2) 0 calc(var(--base-space) / 2) var(--base-space);
}
.wp-block-image figure {
margin-bottom: 0;
}
.wp-block-image figcaption {
margin: calc(var(--base-space) / 2) 0 var(--base-space);
text-align: center;
font-size: var(--base-font-size-small);
display: block;
}
@media (max-width:599px) {
.wp-block-image.alignright, .wp-block-image.alignleft {
width: 100%;
margin: 0 0 var(--base-space) 0;
}
.wp-block-image.alignright img, .wp-block-image.alignleft img {
width: 100%;
}
}
.wp-block-media-text__media img {
height: auto;
}
.wp-block-separator {
border: 0;
border-top: 1px solid var(--base-color-light);
margin-top: var(--base-space);
margin-bottom: var(--base-space);
}