diff --git a/parts/lwvwv.html b/parts/lwvwv.html
index a079fd6..ab2632c 100644
--- a/parts/lwvwv.html
+++ b/parts/lwvwv.html
@@ -32,10 +32,18 @@
-
-
-
diff --git a/style.css b/style.css
index 96291da..d01caef 100644
--- a/style.css
+++ b/style.css
@@ -13,8 +13,24 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentythree
Text Domain: lwvwv
Tags:
+ */
-.grecaptcha-badge {
+html, body {
+ overflow-x: hidden;
+ max-width: 100vw;
+}
+
+.wp-site-blocks,
+body > div:first-child {
+ max-width: 100vw !important;
+ overflow-x: hidden !important;
+}
+
+*, *::before, *::after {
+ box-sizing: border-box;
+}
+
+.grecaptcha-badge {
visibility: hidden;
}
@@ -145,6 +161,35 @@ li.wp-block-navigation-item.wp-block-navigation-link > a:hover {
.button-helper .wp-block-buttons {
min-width: auto;
}
+
+ .button-helper .wp-block-search {
+ flex-wrap: nowrap !important;
+ }
+
+ .button-helper .wp-block-search__input,
+ .button-helper .wp-block-search__button {
+ font-size: clamp(0.8rem, 3vw, 1.1rem);
+ padding: 6px 8px !important;
+ white-space: nowrap;
+ }
+
+ .button-helper .wp-block-search {
+ max-width: 100%;
+ width: auto;
+ flex: 1 1 auto;
+ }
+
+ .button-helper .wp-block-search__input {
+ width: 100%;
+ min-width: 0;
+ max-width: 100%;
+ flex-shrink: 1;
+ }
+
+ .button-helper .wp-block-search__button {
+ flex-shrink: 1;
+ min-width: 0;
+ }
}
@media only screen and (min-width: 781px) and (max-width: 939px) {
@@ -161,4 +206,155 @@ li.wp-block-navigation-item.wp-block-navigation-link > a:hover {
.button-helper .wp-block-buttons {
min-width: auto;
}
+
+ .button-helper .wp-block-search__input,
+ .button-helper .wp-block-search__button {
+ font-size: clamp(0.7rem, 2vw, 0.9rem);
+ padding: 6px 8px !important;
+ white-space: nowrap;
+ }
+
+ .button-helper .wp-block-search {
+ max-width: 100%;
+ width: auto;
+ flex: 1 1 auto;
+ }
+
+ .button-helper .wp-block-search__input {
+ width: 100%;
+ min-width: 0;
+ max-width: 100%;
+ flex-shrink: 1;
+ }
+
+ .button-helper .wp-block-search__button {
+ flex-shrink: 1;
+ min-width: 0;
+ }
+}
+
+@media only screen and (max-width: 939px) {
+ .button-helper .wp-block-search__button {
+ font-size: 0 !important;
+ padding: 8px 12px;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 16px 16px;
+ }
+
+ .button-helper .wp-block-search__button span,
+ .button-helper .wp-block-search__button::before,
+ .button-helper .wp-block-search__button::after {
+ display: none !important;
+ }
+
+ .button-helper .wp-block-search__button {
+ color: transparent !important;
+ }
+}
+
+@media only screen and (max-width: 450px) {
+ .wp-block-column:first-child {
+ flex-basis: 40% !important;
+ min-width: 0 !important;
+ }
+
+ .wp-block-column .wp-block-site-logo a img,
+ .wp-block-site-logo a img {
+ max-width: 100% !important;
+ width: auto !important;
+ height: auto !important;
+ max-height: 60px !important;
+ display: block;
+ }
+
+ .button-helper {
+ justify-content: flex-start !important;
+ max-width: 100vw;
+ overflow-x: hidden;
+ }
+
+ .button-helper .wp-block-search__input {
+ max-width: 100px;
+ }
+
+ .button-helper .wp-block-columns {
+ display: flex !important;
+ justify-content: flex-start !important;
+ }
+
+ .button-helper .wp-block-column:first-child {
+ order: 1;
+ }
+
+ .button-helper .wp-block-column:last-child {
+ order: 2;
+ }
+}
+
+@media only screen and (max-width: 411px) {
+ html, body {
+ overflow-x: hidden;
+ }
+
+ .wp-block-column .wp-block-site-logo a img,
+ .wp-block-site-logo a img,
+ .wp-block-column .wp-block-site-logo img,
+ .wp-block-site-logo img {
+ max-width: 100% !important;
+ width: auto !important;
+ height: auto !important;
+ max-height: 50px !important;
+ display: block;
+ }
+
+ .button-helper > .wp-block-columns {
+ overflow-x: hidden;
+ max-width: 100vw;
+ }
+
+ .button-helper {
+ justify-content: flex-start !important;
+ max-width: 100vw;
+ overflow-x: hidden;
+ }
+
+ .button-helper .wp-block-columns {
+ justify-content: flex-start !important;
+ }
+
+ .button-helper .wp-block-column {
+ flex: 0 0 auto !important;
+ min-width: 0 !important;
+ }
+
+ .button-helper .wp-block-column:first-child {
+ order: 1;
+ }
+
+ .button-helper .wp-block-column:last-child {
+ order: 2;
+ }
+
+ .button-helper .wp-block-button__link {
+ font-size: 0.65rem !important;
+ padding: 4px 6px !important;
+ }
+
+ .button-helper .wp-block-search {
+ width: auto !important;
+ max-width: 100px !important;
+ }
+
+ .button-helper .wp-block-search__input {
+ width: 60px !important;
+ max-width: 60px !important;
+ flex: 0 0 auto !important;
+ }
+
+ .button-helper .wp-block-search__button {
+ font-size: 0.65rem !important;
+ padding: 4px 6px !important;
+ }
}