diff --git a/wp/wp-content/themes/medicalalert/acf-json/group_625dc5c18c6d5.json b/wp/wp-content/themes/medicalalert/acf-json/group_625dc5c18c6d5.json index d5ce65c3..8ce8df82 100644 --- a/wp/wp-content/themes/medicalalert/acf-json/group_625dc5c18c6d5.json +++ b/wp/wp-content/themes/medicalalert/acf-json/group_625dc5c18c6d5.json @@ -1790,7 +1790,7 @@ "name": "align_icons", "aria-label": "", "type": "select", - "instructions": "Select how many items per row for large screens.", + "instructions": "Align Icon on top or to the left of text.", "required": 0, "conditional_logic": 0, "wrapper": { @@ -2060,7 +2060,7 @@ }, { "key": "field_6269c7d16d612", - "label": "Alignment", + "label": "Alignment Image", "name": "alignment", "aria-label": "", "type": "select", @@ -2073,13 +2073,15 @@ "id": "" }, "choices": { - "first": "first" + "first": "Left", + "last": "Right" }, - "default_value": false, - "allow_null": 0, - "multiple": 0, - "ui": 0, + "default_value": "first", "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, "ajax": 0, "placeholder": "" }, @@ -6059,15 +6061,14 @@ }, "choices": { "white": "White", - "pink": "Pink", - "red": "Red", "light-blue": "Light Blue" }, "default_value": "white", - "allow_null": 0, - "multiple": 0, - "ui": 0, "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, "ajax": 0, "placeholder": "" }, @@ -8310,5 +8311,5 @@ "active": true, "description": "", "show_in_rest": 0, - "modified": 1736379804 + "modified": 1736391849 } diff --git a/wp/wp-content/themes/medicalalert/dist/app.css b/wp/wp-content/themes/medicalalert/dist/app.css index 5d759667..6d2e9256 100644 --- a/wp/wp-content/themes/medicalalert/dist/app.css +++ b/wp/wp-content/themes/medicalalert/dist/app.css @@ -11696,10 +11696,40 @@ button[type=submit].single_add_to_cart_button, .bg-color-navy-sky { background: linear-gradient(90deg, #000066 0%, #3399ff 100%); } +.bg-color-navy-sky h1, .bg-color-navy-sky .headline-largest, .bg-color-navy-sky .h1 { + color: white !important; +} +.bg-color-navy-sky h2, .bg-color-navy-sky .headline-large, .bg-color-navy-sky .h2 { + color: white !important; +} +.bg-color-navy-sky h3, .bg-color-navy-sky .headline-standard, .bg-color-navy-sky .h3 { + color: white !important; +} +.bg-color-navy-sky strong { + color: white !important; +} +.bg-color-navy-sky p { + color: white !important; +} -.g-sky-bright { +.bg-color-sky-bright { background: linear-gradient(90deg, #3399ff 0%, rgba(51, 153, 255, 0.5) 100%); } +.bg-color-sky-bright h1, .bg-color-sky-bright .headline-largest, .bg-color-sky-bright .h1 { + color: white !important; +} +.bg-color-sky-bright h2, .bg-color-sky-bright .headline-large, .bg-color-sky-bright .h2 { + color: white !important; +} +.bg-color-sky-bright h3, .bg-color-sky-bright .headline-standard, .bg-color-sky-bright .h3 { + color: white !important; +} +.bg-color-sky-bright strong { + color: white !important; +} +.bg-color-sky-bright p { + color: white !important; +} .bg-color-gradient-light-blue { background: linear-gradient(90deg, rgba(51, 153, 255, 0.5) 0%, rgba(51, 153, 255, 0.1) 100%); @@ -11746,6 +11776,16 @@ button[type=submit].single_add_to_cart_button, .bg-color-red-yellow { background: linear-gradient(90deg, #cc0133 0%, #ffb020 100%); + color: white; +} +.bg-color-red-yellow li { + color: white; +} +.bg-color-red-yellow p { + color: white; +} +.bg-color-red-yellow a { + color: white; } .g-sky-border { @@ -12228,7 +12268,14 @@ h6, .h6 { } .tile-1-3-grid { - max-width: 250px; + max-width: 300px; + z-index: 1; +} + +.tile-2 { + right: 2%; + bottom: -6%; + width: 160px; } .tile-square { @@ -12240,11 +12287,21 @@ h6, .h6 { } .radial { - bottom: -65%; - right: 0%; + top: 600px; + right: -18%; + max-width: 450px; +} + +body { + overflow-x: hidden; } @media (min-width: 768px) { + .radial { + top: 300px; + right: -4%; + } + .pos { margin-bottom: -175px; } @@ -12259,23 +12316,20 @@ h6, .h6 { width: 100%; } } +@media (min-width: 992px) { + .radial { + top: 500px; + right: -4%; + } +} .icon-info-grid-slice-container .icon-card-wrapper .icon-card { display: grid; grid-template-rows: 1fr auto 1fr; width: 100%; - position: relative; } .icon-info-grid-slice-container .icon-card-wrapper .icon-card .icon-img { max-width: 50px; height: 50px; - display: flex; - align-items: end; -} -.icon-info-grid-slice-container .icon-card-wrapper .icon-card .content-wrapper .icon-link { - position: absolute; - bottom: 0; - width: -moz-fit-content; - width: fit-content; } .consumer-brand .icon-info-grid-slice-container .icon-card .title { @@ -12344,6 +12398,8 @@ h6, .h6 { .logo-grid-slice-container .logo img { width: 100%; + filter: grayscale(1); + opacity: 0.5; } .phone-contact-slice-container h3, .phone-contact-slice-container .headline-standard, .phone-contact-slice-container .h3 { @@ -12453,17 +12509,19 @@ h6, .h6 { padding-bottom: 9rem; } @media (min-width: 992px) { - .testimonial-slice-container .g-sky-border { - margin-bottom: -73px; + .testimonial-slice-container .offset { + position: absolute; + left: 20px; } } .testimonial-slice-container .testimonial-img { width: 100%; - max-width: 300px; - max-height: 300px; -o-object-fit: cover; object-fit: cover; } +.testimonial-slice-container .testimonial-inner-content-wrapper { + padding-left: 3em; +} .testimonial-slice-container .testimonial-inner-content-wrapper .testimonial-title { font-size: 32px; font-weight: bold; @@ -12511,7 +12569,10 @@ h6, .h6 { } .video-copy-slice-container .radial-center-graphic { top: 0; - left: 50%; + left: calc(50% - 500px); +} +.video-copy-slice-container .radial-center-graphic svg { + width: 1000px; } .video-grid-slice-container .heading { diff --git a/wp/wp-content/themes/medicalalert/dist/mix-manifest.json b/wp/wp-content/themes/medicalalert/dist/mix-manifest.json index cd9b465e..4fe900c3 100644 --- a/wp/wp-content/themes/medicalalert/dist/mix-manifest.json +++ b/wp/wp-content/themes/medicalalert/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/app.js": "/app.js?id=def087bfee86b3ced20472c4fd21ee05", - "/app.css": "/app.css?id=4a9aeb5a5a22c11c195b2ce4905e2d50" + "/app.css": "/app.css?id=ce0cb2dfa7a09d1c721b431100aa8cfe" } diff --git a/wp/wp-content/themes/medicalalert/src/scss/global.scss b/wp/wp-content/themes/medicalalert/src/scss/global.scss index 2daf0e99..905bae1d 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/global.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/global.scss @@ -560,10 +560,50 @@ button[type="submit"].single_add_to_cart_button, .bg-color-navy-sky { background: linear-gradient(90deg, rgba(0, 0, 102, 1) 0%, rgba(51, 153, 255, 1) 100%); + + h1 { + color: white !important; + } + + h2 { + color: white !important; + } + + h3 { + color: white !important; + } + + strong { + color: white !important; + } + + p { + color: white !important; + } } -.g-sky-bright { +.bg-color-sky-bright { background: linear-gradient(90deg, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 0.5) 100%); + + h1 { + color: white !important; + } + + h2 { + color: white !important; + } + + h3 { + color: white !important; + } + + strong { + color: white !important; + } + + p { + color: white !important; + } } .bg-color-gradient-light-blue { @@ -619,6 +659,19 @@ button[type="submit"].single_add_to_cart_button, .bg-color-red-yellow { background: linear-gradient(90deg, rgba(204, 1, 51, 1)0%, rgba(255, 176, 32, 1) 100%); + color: white; + + li { + color: white; + } + + p { + color: white; + } + + a { + color: white; + } } .g-sky-border { diff --git a/wp/wp-content/themes/medicalalert/src/scss/hero.scss b/wp/wp-content/themes/medicalalert/src/scss/hero.scss index 97144508..9e96fbdb 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/hero.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/hero.scss @@ -30,14 +30,15 @@ } .tile-1-3-grid { - max-width: 250px; + max-width: 300px; + z-index: 1; } -// .tile-2 { -// right: 2%; -// bottom: -6%; -// width: 160px; -// } +.tile-2 { + right: 2%; + bottom: -6%; + width: 160px; +} .tile-square { max-width: 250px; @@ -48,12 +49,21 @@ } .radial { - bottom: -65%; - right: 0%; + top: 600px; + right: -18%; + max-width: 450px; +} + +body { + overflow-x: hidden; } @include media-breakpoint-up(md) { + .radial { + top: 300px; + right: -4% + } .pos { margin-bottom: -175px; @@ -69,4 +79,12 @@ width: 100%; } +} + +@include media-breakpoint-up(lg) { + + .radial { + top: 500px; + right: -4% + } } \ No newline at end of file diff --git a/wp/wp-content/themes/medicalalert/src/scss/icon-info-grid.scss b/wp/wp-content/themes/medicalalert/src/scss/icon-info-grid.scss index 6d03df87..ccc9be14 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/icon-info-grid.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/icon-info-grid.scss @@ -4,22 +4,12 @@ display: grid; grid-template-rows: 1fr auto 1fr; width: 100%; - position: relative; .icon-img { max-width: 50px; height: 50px; - display: flex; - align-items: end; } - .content-wrapper { - .icon-link { - position: absolute; - bottom: 0; - width: fit-content; - } - } } } } diff --git a/wp/wp-content/themes/medicalalert/src/scss/logo-grid.scss b/wp/wp-content/themes/medicalalert/src/scss/logo-grid.scss index 67c0e6d6..0a1aeb4f 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/logo-grid.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/logo-grid.scss @@ -1,7 +1,9 @@ .logo-grid-slice-container { - .logo { - img { - width: 100%; + .logo { + img { + width: 100%; + filter: grayscale(1); + opacity: 0.5; + } } - } } \ No newline at end of file diff --git a/wp/wp-content/themes/medicalalert/src/scss/testimonial.scss b/wp/wp-content/themes/medicalalert/src/scss/testimonial.scss index bcbf04c3..7875e04d 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/testimonial.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/testimonial.scss @@ -2,21 +2,20 @@ padding-bottom: 9rem; @include media-breakpoint-up(lg) { - .g-sky-border { - margin-bottom: -73px; + .offset { + position: absolute; + left: 20px; } } - .testimonial-img { width: 100%; - max-width: 300px; - max-height: 300px; object-fit: cover; - } .testimonial-inner-content-wrapper { + padding-left: 3em; + .testimonial-title { font-size: 32px; font-weight: bold; diff --git a/wp/wp-content/themes/medicalalert/src/scss/video-copy.scss b/wp/wp-content/themes/medicalalert/src/scss/video-copy.scss index eb82b41b..b0ffb810 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/video-copy.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/video-copy.scss @@ -26,8 +26,12 @@ } .radial-center-graphic { + svg { + width: 1000px; + } + top: 0; - left: 50%; + left: calc(50% - 500px); } } \ No newline at end of file diff --git a/wp/wp-content/themes/medicalalert/tpl/color_header_card_grid.tpl b/wp/wp-content/themes/medicalalert/tpl/color_header_card_grid.tpl index dfd9f050..24737825 100644 --- a/wp/wp-content/themes/medicalalert/tpl/color_header_card_grid.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/color_header_card_grid.tpl @@ -4,7 +4,7 @@
{{copy}}
@@ -12,25 +12,36 @@ {{/if}}
+ {{checklist_item}}
+{{checklist_item}}
+