diff --git a/static/dist/theme.css b/static/dist/theme.css index eff390a..06f3d0e 100644 --- a/static/dist/theme.css +++ b/static/dist/theme.css @@ -862,9 +862,6 @@ .pt-16 { padding-top: calc(var(--spacing) * 16); } - .pt-20 { - padding-top: calc(var(--spacing) * 20); - } .pt-52 { padding-top: calc(var(--spacing) * 52); } @@ -2286,7 +2283,7 @@ input[type="text"], input[type="email"], input[type="tel"], input[type="url"], i } .menu-vdi__submenu { top: calc(100% + 1rem); - z-index: 100; + z-index: 10000; left: calc(var(--spacing) * 0); margin-left: calc(var(--spacing) * 0); width: calc(var(--spacing) * 64); @@ -5150,7 +5147,7 @@ main#maincontent { font-weight: 300; gap: 0.75rem; list-style: none; - margin: 0 0 3rem; + margin: 0 0 2.25rem; padding: 0; } .contact-info__item { @@ -5238,11 +5235,44 @@ a.contact-info__value:hover { } @media (max-width: 767px) { .contact-info { - padding-block: 2rem; + padding-block: 0; + } + .contact-info__details { + max-width: none; + padding: 2.75rem 0 2rem; + padding-inline: clamp(1.5rem, 5vw, 3rem); + } + .contact-info__heading { + margin-bottom: 1.375rem; } .contact-info__map { - margin-inline: clamp(1.5rem, 5vw, 3rem); - min-height: 18rem; + margin-inline: 0; + min-height: 30rem; + } + .contact-info__form .gfield { + margin-bottom: 1rem; + } + .contact-info__form .gfield_label { + letter-spacing: 0.08em; + margin-bottom: 0.35rem; + } + .contact-info__form input[type="text"], .contact-info__form input[type="email"], .contact-info__form input[type="tel"], .contact-info__form input[type="url"], .contact-info__form select { + min-height: 2.875rem; + padding: 0.45rem 0.75rem; + } + .contact-info__form textarea { + min-height: 13.5rem; + padding: 0.7rem 0.75rem; + } + .contact-info__form .gform_footer { + margin-top: 1.25rem; + } + .contact-info__form .gform_footer input[type="submit"], .contact-info__form .gform_footer button[type="submit"] { + border-radius: 1rem 0.25rem; + font-size: 1.125rem; + line-height: 1; + min-width: 7.75rem; + padding: 0.65rem 1.4rem; } } .contact-info__form .gform_wrapper { diff --git a/views/blocks/contact-info/contact-info.css b/views/blocks/contact-info/contact-info.css index 30bc7ba..9f5028d 100644 --- a/views/blocks/contact-info/contact-info.css +++ b/views/blocks/contact-info/contact-info.css @@ -37,7 +37,7 @@ main#maincontent { font-weight: 300; gap: 0.75rem; list-style: none; - margin: 0 0 3rem; + margin: 0 0 2.25rem; padding: 0; } @@ -141,12 +141,58 @@ a.contact-info__value:hover { @media (max-width: 767px) { .contact-info { - padding-block: 2rem; + padding-block: 0; + } + + .contact-info__details { + max-width: none; + padding: 2.75rem 0 2rem; + padding-inline: clamp(1.5rem, 5vw, 3rem); + } + + .contact-info__heading { + margin-bottom: 1.375rem; } .contact-info__map { - margin-inline: clamp(1.5rem, 5vw, 3rem); - min-height: 18rem; + margin-inline: 0; + min-height: 30rem; + } + + .contact-info__form .gfield { + margin-bottom: 1rem; + } + + .contact-info__form .gfield_label { + letter-spacing: 0.08em; + margin-bottom: 0.35rem; + } + + .contact-info__form input[type="text"], + .contact-info__form input[type="email"], + .contact-info__form input[type="tel"], + .contact-info__form input[type="url"], + .contact-info__form select { + min-height: 2.875rem; + padding: 0.45rem 0.75rem; + } + + .contact-info__form textarea { + min-height: 13.5rem; + padding: 0.7rem 0.75rem; + } + + .contact-info__form .gform_footer { + margin-top: 1.25rem; + } + + .contact-info__form .gform_footer input[type="submit"], + .contact-info__form .gform_footer button[type="submit"] { + border-radius: 1rem 0.25rem; + font-size: 1.125rem; + line-height: 1; + min-width: 7.75rem; + padding: 0.65rem 1.4rem; } } diff --git a/views/blocks/contact-info/contact-info.php b/views/blocks/contact-info/contact-info.php index f0ddc49..7b377ca 100644 --- a/views/blocks/contact-info/contact-info.php +++ b/views/blocks/contact-info/contact-info.php @@ -45,7 +45,7 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
>
-
+