From ca58f24df3cc97b9feb55eab1332bb8892209f8a Mon Sep 17 00:00:00 2001 From: Haley Date: Wed, 8 Jan 2025 17:04:55 -0800 Subject: [PATCH] WIP --- .../acf-json/group_625dc5c18c6d5.json | 652 ++++++++---------- .../themes/medicalalert/dist/app.css | 286 +++++--- .../medicalalert/dist/mix-manifest.json | 2 +- wp/wp-content/themes/medicalalert/footer.php | 2 +- .../src/scss/col2-circle-content.scss | 32 +- .../src/scss/col2-circle-cta-list.scss | 24 +- .../src/scss/col2-media-highlights.scss | 28 + .../medicalalert/src/scss/col3-card.scss | 34 +- .../src/scss/color-header-card-grid.scss | 28 + .../medicalalert/src/scss/faq-dropdown.scss | 3 - .../themes/medicalalert/src/scss/global.scss | 174 +++-- .../themes/medicalalert/src/scss/hero.scss | 16 +- .../medicalalert/src/scss/video-copy.scss | 20 +- .../medicalalert/tpl/col2_circle_content.tpl | 48 +- .../medicalalert/tpl/col2_circle_cta_list.tpl | 42 +- .../tpl/col2_media_highlights.tpl | 55 +- .../themes/medicalalert/tpl/col3_card.tpl | 117 ++-- .../tpl/color_header_card_grid.tpl | 26 +- .../themes/medicalalert/tpl/cta_buttons.tpl | 18 +- .../themes/medicalalert/tpl/hero.tpl | 126 ++-- .../medicalalert/tpl/icon_info_grid.tpl | 2 +- .../medicalalert/tpl/icon_video_aside.tpl | 72 +- .../medicalalert/tpl/notification_bar.tpl | 14 +- 23 files changed, 976 insertions(+), 845 deletions(-) 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 9b158b1d..d5ce65c3 100644 --- a/wp/wp-content/themes/medicalalert/acf-json/group_625dc5c18c6d5.json +++ b/wp/wp-content/themes/medicalalert/acf-json/group_625dc5c18c6d5.json @@ -508,34 +508,6 @@ "ajax": 0, "placeholder": "" }, - { - "key": "field_62795c707e398", - "label": "Heading Color", - "name": "heading_color", - "aria-label": "", - "type": "select", - "instructions": "", - "required": 0, - "conditional_logic": 0, - "wrapper": { - "width": "", - "class": "", - "id": "" - }, - "choices": { - "consumer-red": "Consumer Red", - "business-blue": "Business Blue", - "white: White": "white: White" - }, - "default_value": "consumer-red", - "return_format": "value", - "multiple": 0, - "allow_null": 0, - "allow_in_bindings": 1, - "ui": 0, - "ajax": 0, - "placeholder": "" - }, { "key": "field_62795c227e396", "label": "Alignment", @@ -735,35 +707,6 @@ "ajax": 0, "placeholder": "" }, - { - "key": "field_675b610b64e9c", - "label": "Heading Color", - "name": "heading_color", - "aria-label": "", - "type": "select", - "instructions": "", - "required": 0, - "conditional_logic": 0, - "wrapper": { - "width": "", - "class": "", - "id": "" - }, - "choices": { - "consumer-red": "Consumer Red", - "business-blue": "Business Blue", - "white": "White", - "black": "Black" - }, - "default_value": "Black", - "return_format": "value", - "multiple": 0, - "allow_null": 0, - "allow_in_bindings": 0, - "ui": 0, - "ajax": 0, - "placeholder": "" - }, { "key": "field_6261c5af2eb66", "label": "Alignment", @@ -965,35 +908,6 @@ "ajax": 0, "placeholder": "" }, - { - "key": "field_675b6a0f46e18", - "label": "Heading Color", - "name": "heading_color", - "aria-label": "", - "type": "select", - "instructions": "", - "required": 0, - "conditional_logic": 0, - "wrapper": { - "width": "", - "class": "", - "id": "" - }, - "choices": { - "f-white": "White", - "f-black": "Black", - "f-navy": "Navy", - "f-purple": "Purple" - }, - "default_value": "f-purple", - "return_format": "value", - "multiple": 0, - "allow_null": 0, - "allow_in_bindings": 0, - "ui": 0, - "ajax": 0, - "placeholder": "" - }, { "key": "field_675b6a0f46e16", "label": "Alignment", @@ -1197,35 +1111,6 @@ "ajax": 0, "placeholder": "" }, - { - "key": "field_675b82e3bb1ae", - "label": "Heading Color", - "name": "heading_color", - "aria-label": "", - "type": "select", - "instructions": "", - "required": 0, - "conditional_logic": 0, - "wrapper": { - "width": "", - "class": "", - "id": "" - }, - "choices": { - "f-white": "White", - "f-black": "Black", - "f-navy": "Navy", - "f-purple": "Purple" - }, - "default_value": "f-purple", - "return_format": "", - "multiple": 0, - "allow_null": 0, - "allow_in_bindings": 0, - "ui": 0, - "ajax": 0, - "placeholder": "" - }, { "key": "field_675b82e3bb1ac", "label": "Alignment", @@ -1429,35 +1314,6 @@ "ajax": 0, "placeholder": "" }, - { - "key": "field_675b8301bb1b8", - "label": "Heading Color", - "name": "heading_color", - "aria-label": "", - "type": "select", - "instructions": "", - "required": 0, - "conditional_logic": 0, - "wrapper": { - "width": "", - "class": "", - "id": "" - }, - "choices": { - "f-white": "White", - "f-black": "Black", - "f-navy": "Navy", - "f-purple": "Purple" - }, - "default_value": "f-purple", - "return_format": "", - "multiple": 0, - "allow_null": 0, - "allow_in_bindings": 0, - "ui": 0, - "ajax": 0, - "placeholder": "" - }, { "key": "field_675b8301bb1b6", "label": "Alignment", @@ -1661,35 +1517,6 @@ "ajax": 0, "placeholder": "" }, - { - "key": "field_675b8363bb1c1", - "label": "Heading Color", - "name": "heading_color", - "aria-label": "", - "type": "select", - "instructions": "", - "required": 0, - "conditional_logic": 0, - "wrapper": { - "width": "", - "class": "", - "id": "" - }, - "choices": { - "f-white": "White", - "f-black": "Black", - "f-navy": "Navy", - "f-purple": "Purple" - }, - "default_value": "f-purple", - "return_format": "value", - "multiple": 0, - "allow_null": 0, - "allow_in_bindings": 0, - "ui": 0, - "ajax": 0, - "placeholder": "" - }, { "key": "field_675b8363bb1c2", "label": "Alignment", @@ -2538,6 +2365,27 @@ "endpoint": 0, "selected": 0 }, + { + "key": "field_6765f9c6bae4d", + "label": "Section Header", + "name": "section_header", + "aria-label": "", + "type": "text", + "instructions": "Optional", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "default_value": "", + "maxlength": "", + "allow_in_bindings": 0, + "placeholder": "", + "prepend": "", + "append": "" + }, { "key": "field_6261663a921b1", "label": "Image Card", @@ -2664,6 +2512,35 @@ "endpoint": 0, "selected": 0 }, + { + "key": "field_6765fc01eba37", + "label": "Header Alignment", + "name": "header_alignment", + "aria-label": "", + "type": "select", + "instructions": "Optional", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "false": "None", + "left": "Left", + "center": "Center", + "right": "Right" + }, + "default_value": "false", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 0, + "ui": 0, + "ajax": 0, + "placeholder": "" + }, { "key": "field_6261ddf968b27", "label": "Background Color", @@ -2965,15 +2842,14 @@ }, "choices": { "none": "No Border", - "white": "White", - "red": "Red", - "black": "Black" + "g-purple-border": "Purple Gradient" }, - "default_value": "red", - "allow_null": 0, - "multiple": 0, - "ui": 0, + "default_value": "g-purple-border", "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, "ajax": 0, "placeholder": "" }, @@ -3237,7 +3113,8 @@ "white": "White", "red": "Red", "black": "Black", - "g-sky-border": "Blue White Gradient" + "g-sky-border": "Blue White Gradient", + "g-purple-border": "Purple Gradient" }, "default_value": "g-sky-border", "return_format": "value", @@ -3501,16 +3378,15 @@ "id": "" }, "choices": { - "none: No Border": "none: No Border", - "white": "White", - "red": "Red", - "black": "Black" + "none": "No Border", + "g-purple-border": "Purple Gradient" }, - "default_value": "red", - "allow_null": 0, - "multiple": 0, - "ui": 0, + "default_value": "g-purple-border", "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, "ajax": 0, "placeholder": "" }, @@ -3618,26 +3494,6 @@ "append": "", "maxlength": "" }, - { - "key": "field_62616b4f921e1", - "label": "Video Copy", - "name": "video_copy", - "aria-label": "", - "type": "wysiwyg", - "instructions": "To add button style for a link add class=\"button--primary\" to anchor tag.", - "required": 0, - "conditional_logic": 0, - "wrapper": { - "width": "", - "class": "", - "id": "" - }, - "default_value": "", - "tabs": "all", - "toolbar": "full", - "media_upload": 0, - "delay": 0 - }, { "key": "field_62616b5a921e2", "label": "Copy", @@ -3717,11 +3573,10 @@ "id": "" }, "choices": { - "white": "White", - "light-blue": "Light Blue", - "transparent": "Transparent" + "navy-purple": "Navy Purple Gradient", + "navy-sky": "Navy Sky Gradient" }, - "default_value": "white", + "default_value": "navy-purple", "return_format": "value", "multiple": 0, "allow_null": 0, @@ -3785,6 +3640,35 @@ "return_format": "value", "ajax": 0, "placeholder": "" + }, + { + "key": "field_677ecffa75ea7", + "label": "Radial Graphic Position", + "name": "radial_graphic", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "none-graphic": "Hide Graphic", + "right-graphic": "Right Overflow", + "left-graphic": "Left", + "center-graphic": "Right Center" + }, + "default_value": "center-graphic", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 0, + "ui": 0, + "ajax": 0, + "placeholder": "" } ], "min": "", @@ -4112,17 +3996,14 @@ "id": "" }, "choices": { - "white": "White", - "pink": "Pink", - "red": "Red", - "light-blue": "Light Blue", - "blue": "Blue" + "navy-purple": "Navy Purple Gradient" }, - "default_value": "blue", - "allow_null": 0, - "multiple": 0, - "ui": 0, + "default_value": "navy-purple", "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, "ajax": 0, "placeholder": "" }, @@ -4142,15 +4023,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": "" }, @@ -4312,15 +4192,42 @@ }, "choices": { "white": "White", - "pink": "Pink", - "red": "Red", "light-blue": "Light Blue" }, - "default_value": "red", - "allow_null": 0, - "multiple": 0, - "ui": 0, + "default_value": "white", "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, + "ajax": 0, + "placeholder": "" + }, + { + "key": "field_677ee38ed9700", + "label": "Button Color", + "name": "button_color", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "btn btn-outline-primary": "White", + "button--primary": "Red", + "button--secondary": "Light Blue" + }, + "default_value": "button--primary", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, "ajax": 0, "placeholder": "" }, @@ -4379,6 +4286,34 @@ "return_format": "value", "ajax": 0, "placeholder": "" + }, + { + "key": "field_677ee4a6d9701", + "label": "Alignment", + "name": "alignment", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "justify-content-start": "Left", + "justify-content-center": "Center", + "justify-content-end": "Right" + }, + "default_value": "justify-content-center", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 0, + "ui": 0, + "ajax": 0, + "placeholder": "" } ], "min": "", @@ -4414,7 +4349,7 @@ "name": "questions", "aria-label": "", "type": "repeater", - "instructions": "", + "instructions": "You can re-use this component for something other than a FAQ, the header would be the question, answer would be the dropdown description.", "required": 0, "conditional_logic": 0, "wrapper": { @@ -4422,10 +4357,10 @@ "class": "", "id": "" }, - "collapsed": "", + "layout": "table", "min": 1, "max": 0, - "layout": "table", + "collapsed": "", "button_label": "Add Row", "rows_per_page": 20, "sub_fields": [ @@ -4444,10 +4379,11 @@ "id": "" }, "default_value": "", + "maxlength": "", + "allow_in_bindings": 1, "placeholder": "", "prepend": "", "append": "", - "maxlength": "", "parent_repeater": "field_6261739e3ed99" }, { @@ -4507,15 +4443,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": "" }, @@ -4701,15 +4636,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": "" }, @@ -4824,9 +4758,30 @@ "endpoint": 0, "selected": 0 }, + { + "key": "field_6261eb102eb4e", + "label": "Video", + "name": "video", + "aria-label": "", + "type": "text", + "instructions": "Enter Vimeo video ID# here:", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "default_value": 235215203, + "maxlength": "", + "allow_in_bindings": 1, + "placeholder": "", + "prepend": "", + "append": "" + }, { "key": "field_6261eacc2eb49", - "label": "Icon Video Rows", + "label": "Icon Rows", "name": "icon_video_rows", "aria-label": "", "type": "repeater", @@ -4838,10 +4793,10 @@ "class": "", "id": "" }, - "collapsed": "", + "layout": "table", "min": 0, "max": 0, - "layout": "table", + "collapsed": "", "button_label": "Add Row", "rows_per_page": 20, "sub_fields": [ @@ -4929,27 +4884,6 @@ }, "return_format": "array", "parent_repeater": "field_6261eacc2eb49" - }, - { - "key": "field_6261eb102eb4e", - "label": "Video", - "name": "video", - "aria-label": "", - "type": "text", - "instructions": "Enter Vimeo video ID# here:", - "required": 0, - "conditional_logic": 0, - "wrapper": { - "width": "", - "class": "", - "id": "" - }, - "default_value": 235215203, - "placeholder": "", - "prepend": "", - "append": "", - "maxlength": "", - "parent_repeater": "field_6261eacc2eb49" } ] }, @@ -4987,15 +4921,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": "" }, @@ -5188,15 +5121,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": "" }, @@ -5409,15 +5341,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": "" }, @@ -5644,15 +5575,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": "" }, @@ -5949,15 +5879,16 @@ }, "choices": { "white": "White", - "pink": "Pink", - "red": "Red", - "light-blue": "Light Blue" + "light-blue": "Light Blue", + "navy-sky": "Navy Sky Gradient", + "purple-gradient": "Purple Gradient" }, "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": "" }, @@ -6298,16 +6229,18 @@ }, "choices": { "white": "White", - "pink": "Pink", - "red": "Red", - "light-blue": "Light Blue" + "light-blue": "Light Blue", + "purple-gradient": "Purple Gradient", + "navy-sky": "Navy Sky Gradient", + "red-yellow": "Red Yellow Gradient" }, "default_value": "white", - "allow_null": 0, + "return_format": "value", "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, "ui": 0, "ajax": 0, - "return_format": "value", "placeholder": "" }, { @@ -6469,7 +6402,10 @@ "choices": { "white": "White", "light-blue": "Light Blue", - "sky-red": "Blue Red Gradient" + "sky-red": "Blue Red Gradient", + "purple-gradient": "Purple Gradient", + "navy-sky": "Navy Sky Gradient", + "red-yellow": "Red Yellow Gradient" }, "default_value": "white", "return_format": "value", @@ -6706,15 +6642,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": "" }, @@ -7068,8 +7003,6 @@ }, "choices": { "white": "White", - "pink": "Pink", - "red": "Red", "light-blue": "Light Blue", "gradient-light-blue": "Light Blue Gradient" }, @@ -7312,15 +7245,14 @@ }, "choices": { "white": "White", - "pink": "Pink", - "red": "Red", "light-blue": "Light Blue" }, "default_value": false, - "allow_null": 0, - "multiple": 0, - "ui": 0, "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, "ajax": 0, "placeholder": "" }, @@ -7604,15 +7536,14 @@ }, "choices": { "white": "White", - "pink": "Pink", - "red": "Red", "light-blue": "Light Blue" }, "default_value": false, - "allow_null": 0, - "multiple": 0, - "ui": 0, "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, "ajax": 0, "placeholder": "" }, @@ -7671,6 +7602,34 @@ "return_format": "value", "ajax": 0, "placeholder": "" + }, + { + "key": "field_6765c80fbd3f1", + "label": "Number of Columns", + "name": "number_of_columns", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "12": "1", + "6": "2", + "4": "3" + }, + "default_value": 1, + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 0, + "ui": 0, + "ajax": 0, + "placeholder": "" } ], "min": "", @@ -7800,15 +7759,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": "" }, @@ -7875,7 +7833,7 @@ "layout_675b5c401d2ba": { "key": "layout_675b5c401d2ba", "name": "video_copy", - "label": "Video + Copy", + "label": "1Col Video + Copy", "display": "block", "sub_fields": [ { @@ -7994,8 +7952,8 @@ "choices": { "white": "White", "light-blue": "Light Blue", - "transparent": "Transparent", "navy-purple": "Navy Purple Gradient", + "navy-sky": "Navy Sky Gradient", "sky-red": "Blue Red Gradient" }, "default_value": "navy-purple", @@ -8065,33 +8023,6 @@ "ajax": 0, "placeholder": "" }, - { - "key": "field_675b646233050", - "label": "Text Color", - "name": "text_color", - "aria-label": "", - "type": "select", - "instructions": "", - "required": 0, - "conditional_logic": 0, - "wrapper": { - "width": "", - "class": "", - "id": "" - }, - "choices": { - "f-white": "White", - "f-black": "Black" - }, - "default_value": "f-white", - "return_format": "value", - "multiple": 0, - "allow_null": 0, - "allow_in_bindings": 0, - "ui": 0, - "ajax": 0, - "placeholder": "" - }, { "key": "field_67634fd5a975a", "label": "Radial Graphic Position", @@ -8107,7 +8038,7 @@ "id": "" }, "choices": { - "none": "Hide Graphic", + "none-graphic": "Hide Graphic", "right-graphic": "Right", "left-graphic": "Left", "center-graphic": "Center" @@ -8268,15 +8199,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": "" }, @@ -8380,5 +8310,5 @@ "active": true, "description": "", "show_in_rest": 0, - "modified": 1734570550 + "modified": 1736379804 } diff --git a/wp/wp-content/themes/medicalalert/dist/app.css b/wp/wp-content/themes/medicalalert/dist/app.css index 046b8f65..5d759667 100644 --- a/wp/wp-content/themes/medicalalert/dist/app.css +++ b/wp/wp-content/themes/medicalalert/dist/app.css @@ -11221,6 +11221,10 @@ body { overflow: hidden; } +.overflow-x-hidden { + overflow-x: hidden; +} + .z-0 { z-index: 0; } @@ -11294,31 +11298,16 @@ input[type=submit].gform_button, button[type=submit].single_add_to_cart_button, #searchBtn { border: none; - padding: 14px; + padding: 10px 36px; background-color: #CC0033 !important; color: #FFFFFF !important; - font-size: 20px; + font-size: 16px; font-weight: 600; text-decoration: none; box-sizing: border-box; display: inline-block; line-height: 20.21px; - border-radius: 10px; -} - -.button--primary { - border: none; - padding: 8px 20px; - background-color: #CC0033; - /* Define the actual color, not a variable */ - color: #FFFFFF; - /* Define the actual color, not a variable */ - font-size: 25px; - font-weight: 600; - text-decoration: none; - display: inline-block; - line-height: 36px; - /* Add any additional styles you want here */ + border-radius: 8px; } .bg-color-white { @@ -11509,34 +11498,6 @@ button[type=submit].single_add_to_cart_button, } } -.padding-top-medium { - padding-top: 0.75rem; -} -@media (min-width: 768px) { - .padding-top-medium { - padding-top: 1rem; - } -} -@media (min-width: 768px) { - .padding-top-medium { - padding-top: 2rem; - } -} - -.padding-top-large { - padding-top: 3rem; -} -@media (min-width: 768px) { - .padding-top-large { - padding-top: 4rem; - } -} -@media (min-width: 992px) { - .padding-top-large { - padding-top: 6rem; - } -} - .padding-bottom-small { padding-bottom: 0.25rem; } @@ -11551,17 +11512,45 @@ button[type=submit].single_add_to_cart_button, } } +.padding-top-medium { + padding-top: 1rem; +} +@media (min-width: 768px) { + .padding-top-medium { + padding-top: 2rem; + } +} +@media (min-width: 992px) { + .padding-top-medium { + padding-top: 3rem; + } +} + .padding-bottom-medium { - padding-bottom: 0.75rem; + padding-bottom: 1rem; } @media (min-width: 768px) { .padding-bottom-medium { - padding-bottom: 1rem; + padding-bottom: 2rem; } } @media (min-width: 992px) { .padding-bottom-medium { - padding-bottom: 2rem; + padding-bottom: 3rem; + } +} + +.padding-top-large { + padding-top: 3rem; +} +@media (min-width: 768px) { + .padding-top-large { + padding-top: 4rem; + } +} +@media (min-width: 992px) { + .padding-top-large { + padding-top: 6rem; } } @@ -11655,31 +11644,56 @@ button[type=submit].single_add_to_cart_button, background: #cc0133; } +.btn { + border-radius: 0.5rem; + padding: 0.4rem 2rem; + font-weight: bold; +} + .btn-red { background: #cc0133; color: white; - font-weight: bold; - padding: 0.5em 3em; - border-radius: 10px; +} + +.btn-outline-primary { + color: #3399FF; + border-color: #3399FF; + background: white; +} + +.btn-check:checked + .btn-outline-primary, +.btn-check:active + .btn-outline-primary, +.btn-outline-primary:hover, +.btn-outline-primary:active, +.btn-outline-primary.active, +.btn-outline-primary.dropdown-toggle.show { + color: #3399FF; + border-color: #3399FF; + background: #EBF5FF; +} + +.btn-check:focus + .btn-outline-primary, +.btn-outline-primary:focus { + box-shadow: 0 0 0 0.25rem rgba(153, 173, 237, 0.5); } .bg-sky { - color: #3399FF; + background: #3399FF; } .bg-purple { - color: #7e5bef; + background: #7e5bef; } .bg-yellow { - color: #ffb020; + background: #ffb020; } .bg-green { - color: #5CB25D; + background: #5CB25D; } -.g-navy-sky { +.bg-color-navy-sky { background: linear-gradient(90deg, #000066 0%, #3399ff 100%); } @@ -11718,6 +11732,16 @@ button[type=submit].single_add_to_cart_button, .bg-color-navy-purple { background: linear-gradient(90deg, #000066 0%, #7e5bef 100%); + color: white; +} +.bg-color-navy-purple li { + color: white; +} +.bg-color-navy-purple p { + color: white; +} +.bg-color-navy-purple a { + color: white; } .bg-color-red-yellow { @@ -11728,11 +11752,21 @@ button[type=submit].single_add_to_cart_button, border-radius: 20px; background: linear-gradient(to left top, rgba(51, 153, 255, 0.1) 0%, rgba(51, 153, 255, 0.5) 100%); padding: 5px; + color: white; } .g-sky-border img { border-radius: 17px; } +ul, +ol { + line-height: 30px !important; +} +ul li, +ol li { + margin-bottom: 6px; +} + .mw-250 { max-width: 250px; } @@ -11748,6 +11782,15 @@ button[type=submit].single_add_to_cart_button, border-radius: 17px; } +.border-color-purple-gradient { + background: linear-gradient(to left top, #000066 0%, #7e5bef 100%); + padding: 5px; + position: relative; + width: -moz-fit-content; + width: fit-content; + margin: 0 auto; +} + .fs-xs { font-size: 14px; } @@ -11756,30 +11799,49 @@ button[type=submit].single_add_to_cart_button, line-height: 19px; } -.col2-circle-content-slice-container .highlighted-circle img { - border-radius: 50%; - width: 225px; - height: 225px; +.fs-sm { + font-size: 16px; +} +.fs-sm p { + font-size: 16px; + line-height: 26px; +} + +.col2-circle-content-slice-container .rounded-circle { + max-width: 260px; + margin: 0 auto; +} +@media (min-width: 768px) { + .col2-circle-content-slice-container .rounded-circle { + margin-left: auto; + } +} +.col2-circle-content-slice-container img { -o-object-fit: cover; object-fit: cover; + width: 100%; } .col2-circle-content-slice-container .highlighted-circle-title { color: #000066; } +.col2-circle-content-slice-container .highlighted-circle-title h3, .col2-circle-content-slice-container .highlighted-circle-title .headline-standard, .col2-circle-content-slice-container .highlighted-circle-title .h3 { + font-weight: bold; +} .col2-circle-content-slice-container .highlighted-circle-copy p { - line-height: 41px; + line-height: 32px; } .col2-circle-content-slice-container .highlighted-circle-link a { - line-height: 41px; + line-height: 32px; } -.col2-circle-cta-list-slice-container .circle-image { - padding: 0 0 20px; +.col2-circle-cta-list-slice-container .rounded-circle { + max-width: 460px; + margin-left: auto; } -.col2-circle-cta-list-slice-container .circle-image img { +.col2-circle-cta-list-slice-container img { + -o-object-fit: cover; + object-fit: cover; width: 100%; - height: 100%; - border-radius: 50%; } .col2-circle-cta-list-slice-container .title { color: #000066; @@ -11803,6 +11865,24 @@ button[type=submit].single_add_to_cart_button, line-height: 41px; } +.col2-media-highlights-slice-container svg { + max-width: 1500px; +} +.col2-media-highlights-slice-container .none-graphic { + display: none; +} +.col2-media-highlights-slice-container .radial-left-graphic { + top: 0; + left: -200px; +} +.col2-media-highlights-slice-container .radial-right-graphic { + top: 50%; + right: -71%; +} +.col2-media-highlights-slice-container .radial-center-graphic { + top: -50%; + right: -30%; +} .col2-media-highlights-slice-container .border-side-1 { border-right: 1px solid black; } @@ -11846,31 +11926,19 @@ button[type=submit].single_add_to_cart_button, color: #00447C; } -.col3-card-slice-container .radial { +.col3-card-slice-container .radial-top { left: 0; - width: 250px; - top: -646px; + top: 0; } -.col3-card-slice-container .radial svg { +.col3-card-slice-container .radial-top svg { width: 100%; - max-width: 250px; -} -@media (min-width: 768px) { - .col3-card-slice-container .radial { - top: -666px; - } -} -@media (min-width: 992px) { - .col3-card-slice-container .radial { - top: -706px; - } + max-width: 350px; } .col3-card-slice-container .col3-card-wrapper { z-index: 1; } .col3-card-slice-container .col3-card-wrapper .col3-card-item { position: relative; - background-color: #FFFFFF; } .col3-card-slice-container .col3-card-wrapper .col3-card-item .col3-card-img { width: 100%; @@ -11878,14 +11946,6 @@ button[type=submit].single_add_to_cart_button, .col3-card-slice-container .col3-card-wrapper .col3-card-item .col3-card-item-inner-wrapper .col3-card-title { color: #000066; } -.col3-card-slice-container .col3-card-wrapper .col3-card-item .col3-card-item-inner-wrapper .col3-card-link { - position: absolute; - bottom: 0; - width: -moz-fit-content; - width: fit-content; - left: 50%; - transform: translate(-50%, -50%); -} .color-header-card-grid-slice-container .color-header-card .header { width: 100%; @@ -11930,6 +11990,23 @@ button[type=submit].single_add_to_cart_button, color: #FFFFFF; } +.header-color-navy-purple { + background: linear-gradient(90deg, #000066 0%, #7e5bef 100%); + padding: 5px; + position: relative; + width: -moz-fit-content; + width: fit-content; + margin: 0 auto; + border-radius: 25px; +} +.header-color-navy-purple .copy { + border-bottom-right-radius: 19px; + border-bottom-left-radius: 19px; +} +.header-color-navy-purple h4, .header-color-navy-purple .headline-small, .header-color-navy-purple .h4 { + color: #FFFFFF; +} + .faq-dropdown-slice-container.bg-color-light-blue .accordion-body, .faq-dropdown-slice-container.bg-color-light-blue .accordion-button { background-color: #EBF5FF !important; @@ -12150,10 +12227,8 @@ h6, .h6 { max-width: 500px; } -.tile-2 { - right: 2%; - bottom: -6%; - width: 160px; +.tile-1-3-grid { + max-width: 250px; } .tile-square { @@ -12165,8 +12240,8 @@ h6, .h6 { } .radial { - bottom: -42%; - right: -18%; + bottom: -65%; + right: 0%; } @media (min-width: 768px) { @@ -12420,27 +12495,24 @@ h6, .h6 { .video-copy-slice-container .ratio { max-width: 620px; } +.video-copy-slice-container svg { + max-width: 1000px; +} +.video-copy-slice-container .none-graphic { + display: none; +} .video-copy-slice-container .radial-right-graphic { top: 0; right: -200px; } -.video-copy-slice-container .radial-right-graphic svg { - max-width: 1000px; -} .video-copy-slice-container .radial-left-graphic { top: 0; left: -200px; } -.video-copy-slice-container .radial-left-graphic svg { - max-width: 1000px; -} .video-copy-slice-container .radial-center-graphic { top: 0; left: 50%; } -.video-copy-slice-container .radial-center-graphic svg { - max-width: 1000px; -} .video-grid-slice-container .heading { color: #000066; diff --git a/wp/wp-content/themes/medicalalert/dist/mix-manifest.json b/wp/wp-content/themes/medicalalert/dist/mix-manifest.json index 4e00b8f5..cd9b465e 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=de1a7709a8feae26fe77c1e84c9664f6" + "/app.css": "/app.css?id=4a9aeb5a5a22c11c195b2ce4905e2d50" } diff --git a/wp/wp-content/themes/medicalalert/footer.php b/wp/wp-content/themes/medicalalert/footer.php index 7606d376..cf0ad492 100644 --- a/wp/wp-content/themes/medicalalert/footer.php +++ b/wp/wp-content/themes/medicalalert/footer.php @@ -58,7 +58,7 @@ $col_4_consumer_menu_title = get_field('col_4_consumer_menu_title', 'option'); ?>