00 Fallback Styles (FBS)
/****************************************************************************
*****************************************************************************
02 Fall Backs (FBK)
*****************************************************************************
****************************************************************************/
/*---------------------------------------------------------------------------
02-00 Spacing Variables (B-V-S) FRAMEWORK 2024-05-05
---------------------------------------------------------------------------*/
html {
box-sizing: border-box;
font-family: var(--bodyfont);
font-optical-sizing: auto;
font-weight: var(--bodyfont-weight);
font-style: var(--bodyfont-style);
font-size: var(--fontSize);
line-height: var(--lineHeight);
color: var(--clr-body);
background-color: var(--clr-white);
scroll-behavior: smooth;
}
*, *:before, *:after { box-sizing: inherit; }
body { -webkit-overflow-scrolling: touch; scroll-behavior: smooth; background: transparent; }
body, p {
font-family: var(--bodyfont);
font-optical-sizing: auto;
font-weight: var(--bodyfont-weight);
font-style: var(--bodyfont-style);
font-size: var(--fontSize);
line-height: var(--lineHeight); }
p { margin: 0 0 .85rem 0; }
main, .main { contain: paint; }
b, strong, .bold { color: var(--clr-1); font-weight: var(--bodyfont-weight-bold); }
.has-white-color b, .has-white-color strong, .has-white-color .bold { color: var(--clr-1); }
i, em, .italic { color: var(--clr-black); font-style: italic; font-weight: var(--bodyfont-weight-bold); }
hr { background-color: var(--clr-black); border: 0 !important; border-radius: var(--borderradius); height: var(--vern-line-thic); margin-bottom: 1.5em; }
ol, ul { position: relative; padding: 0; margin: 0 0 1rem 1.5rem; }
ol {list-style: decimal;}
ol li, ul li{ -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em;}
dt { font-weight: bold;}
dd { margin: 0 1.5em 1.5em;}
img { height: auto; max-width: 100%; width: 100%; vertical-align: bottom; }
/* Make sure images are scaled correctly. */
/* Adhere to container width. */
figure {margin: 0;}
/* Extra wide images within figure tags don't overflow the content area. */
table { margin: 0 0 1rem; width: 100%; }
textarea, input, button { outline: none; }
textarea { width: 100%; }
section { position: relative;}
section:focus { outline: none !important; }
iframe { width: 100%; height: 100%; }
01 Fallback Gutenberg Resets (FBG)
/*---------------------------------------------------------------------------
02-01 Fallback Gutenberg Resets (FBG) FRAMEWORK 2024-05-05
---------------------------------------------------------------------------*/
/* General Block Resets */
:where(.wp-block-group.has-background) { padding: unset; }
:where(.wp-block-columns.has-background) { padding: unset; }
:where(.wp-block-columns.is-layout-flex), :where(.is-layout-flex) { gap: unset; }
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: unset; margin-right: unset; }
/* Buttons Block
-----------------------------------------------*/
.wp-block-buttons-is-layout-flex { display: flex; gap: 1rem; }
/* Image Block
-----------------------------------------------*/
.wp-block-image { margin: 0; }
/* File Block
-----------------------------------------------*/
.wp-block-file { margin-bottom: 1.5em; display: grid; text-align: center; }
.wp-block-file .wp-block-file__button { background: unset; border-radius: unset; color: unset; font-size: unset; padding: unset; }