| | |
| | | line-height: 1.4; |
| | | position: relative; |
| | | max-width: 100vw; |
| | | overflow-x: clip; |
| | | } |
| | | body, |
| | | body * { |
| | |
| | | position: relative; |
| | | z-index: var(--z-7); |
| | | } |
| | | footer:empty { |
| | | display: none; |
| | | } |
| | | footer p { |
| | | margin: 0 auto; |
| | | } |
| | |
| | | ul.terms li { |
| | | list-style: none; |
| | | } |
| | | ul.terms ul { |
| | | display: inline-flex; |
| | | margin: 0; |
| | | gap: .5rem; |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .term-list.cloud { |
| | | display: flex; |
| | |
| | | } |
| | | @media (min-width: 768px){ |
| | | .width-50 { |
| | | max-width: 50%; |
| | | max-width: calc(49% - var(--gap,0)); |
| | | } |
| | | .width-25 { |
| | | max-width: 25%; |
| | | max-width: calc(24% - var(--gap,0)); |
| | | } |
| | | .width-75 { |
| | | max-width: 75%; |
| | | max-width: calc(74% - var(--gap,0)); |
| | | } |
| | | .width-33 { |
| | | max-width: 33.333%; |
| | | max-width: calc(32.333% - var(--gap,0)); |
| | | } |
| | | .width-66 { |
| | | max-width: 66.666% |
| | | max-width: calc(65.666% - var(--gap,0)); |
| | | } |
| | | } |
| | | /** SPACING TODO: maybe scan our files for which we actually use? **/ |
| | |
| | | .pb-7 { padding-bottom: var(--sp7); } |
| | | |
| | | /** MARGIN **/ |
| | | .m-0 {margin: 0;} |
| | | .m-0.m-0 {margin: 0;} |
| | | .m-1 {margin: var(--sp1);} |
| | | .m-2 {margin: var(--sp2);} |
| | | .m-3 {margin: var(--sp3);} |
| | |
| | | cursor: pointer; |
| | | user-select: none; |
| | | } |
| | | |
| | | dialog.gallery details[open] { |
| | | background: rgba(var(--base), var(--op-6)); |
| | | } |
| | | dialog.gallery details[open] .item-info { |
| | | padding: 0.75rem 1rem 1rem; |
| | | font-size: var(--txt-x-small); |
| | |
| | | width: 100%; |
| | | } |
| | | |
| | | .callout a { |
| | | .callout.callout button, |
| | | .callout.callout .buttons a, |
| | | .callout.callout a { |
| | | background-color: rgb(var(--action-contrast)); |
| | | color: rgb(var(--action-0)); |
| | | border: 1px solid transparent; |
| | | padding: 0 .125rem; |
| | | border-radius: 4px; |
| | | box-shadow: var(--shdw-none); |
| | | } |
| | | .callout.callout button:hover, |
| | | .callout.callout button:focus, |
| | | .callout.callout .buttons a:hover, |
| | | .callout.callout .buttons a:focus, |
| | | .callout.callout a:hover, |
| | | .callout.callout a:focus { |
| | | border-color: rgb(var(--action-contrast))!important; |
| | | color: rgb(var(--action-contrast)); |
| | | background-color: transparent; |
| | | } |
| | | /******************************************************** |
| | | WP BLOCKS |
| | | ********************************************************/ |
| | |
| | | margin:0!important; |
| | | } |
| | | .loop.scroll li { |
| | | min-width: 40vw; |
| | | /*min-width: 40vw;*/ |
| | | padding: 0; |
| | | } |
| | | a:has(img) { |
| | | display:block; |
| | | padding: .25rem; |
| | | } |
| | | .loop.scroll img { |
| | | max-height: 50vh; |
| | | } |
| | | |
| | | |
| | | .no-results p, |