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 1120efa5..60852266 100644 --- a/wp/wp-content/themes/medicalalert/acf-json/group_625dc5c18c6d5.json +++ b/wp/wp-content/themes/medicalalert/acf-json/group_625dc5c18c6d5.json @@ -460,6 +460,37 @@ "append": "", "maxlength": "" }, + { + "key": "field_678819aad5597", + "label": "Heading Style", + "name": "heading_style", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "h1": "H1", + "h2": "H2", + "h3": "H3", + "h4": "H4", + "h5": "H5", + "h6": "H6" + }, + "default_value": "h1", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 0, + "ui": 0, + "ajax": 0, + "placeholder": "" + }, { "key": "field_62795bf57e395", "label": "Configuration", @@ -493,13 +524,12 @@ "id": "" }, "choices": { - "white": "White", + "transparent": "White", "light-blue": "Light Blue", "navy-purple": "Navy Purple Gradient", - "sky-red": "Blue Red Gradient", - "transparent": "Transparent" + "sky-red": "Blue Red Gradient" }, - "default_value": "white", + "default_value": "transparent", "return_format": "value", "multiple": 0, "allow_null": 0, @@ -639,6 +669,37 @@ "append": "", "maxlength": "" }, + { + "key": "field_67881a21d5598", + "label": "Heading Style", + "name": "heading_style", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "h1": "H1", + "h2": "H2", + "h3": "H3", + "h4": "H4", + "h5": "H5", + "h6": "H6" + }, + "default_value": "h2", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, + "ajax": 0, + "placeholder": "" + }, { "key": "field_627c52f223750", "label": "Section Anchor ID", @@ -692,13 +753,12 @@ "id": "" }, "choices": { - "white": "White", + "transparent": "White", "light-blue": "Light Blue", "navy-purple": "Navy Purple Gradient", - "sky-red": "Blue Red Gradient", - "transparent": "Transparent" + "sky-red": "Blue Red Gradient" }, - "default_value": "white", + "default_value": "transparent", "return_format": "value", "multiple": 0, "allow_null": 0, @@ -839,6 +899,37 @@ "prepend": "", "append": "" }, + { + "key": "field_67881a83d5599", + "label": "Heading Style", + "name": "heading_style", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "h1": "H1", + "h2": "H2", + "h3": "H3", + "h4": "H4", + "h5": "H5", + "h6": "H6" + }, + "default_value": "h3", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, + "ajax": 0, + "placeholder": "" + }, { "key": "field_675b6a0f46e14", "label": "Section Anchor ID", @@ -893,13 +984,12 @@ "id": "" }, "choices": { - "white": "White", + "transparent": "White", "light-blue": "Light Blue", "navy-purple": "Navy Purple Gradient", - "sky-red": "Blue Red Gradient", - "transparent": "Transparent" + "sky-red": "Blue Red Gradient" }, - "default_value": "white", + "default_value": "transparent", "return_format": "value", "multiple": 0, "allow_null": 0, @@ -1042,6 +1132,37 @@ "prepend": "", "append": "" }, + { + "key": "field_67881aa2d559a", + "label": "Heading Style", + "name": "heading_style", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "h1": "H1", + "h2": "H2", + "h3": "H3", + "h4": "H4", + "h5": "H5", + "h6": "H6" + }, + "default_value": "h4", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, + "ajax": 0, + "placeholder": "" + }, { "key": "field_675b82e3bb1aa", "label": "Section Anchor ID", @@ -1096,14 +1217,13 @@ "id": "" }, "choices": { - "white": "White", + "transparent": "White", "light-blue": "Light Blue", "navy-purple": "Navy Purple Gradient", - "sky-red": "Blue Red Gradient", - "transparent": "Transparent" + "sky-red": "Blue Red Gradient" }, - "default_value": "white", - "return_format": "", + "default_value": "transparent", + "return_format": "value", "multiple": 0, "allow_null": 0, "allow_in_bindings": 1, @@ -1245,6 +1365,37 @@ "prepend": "", "append": "" }, + { + "key": "field_67881ad9d559b", + "label": "Heading Style", + "name": "heading_style", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "h1": "H1", + "h2": "H2", + "h3": "H3", + "h4": "H4", + "h5": "H5", + "h6": "H6" + }, + "default_value": "h5", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, + "ajax": 0, + "placeholder": "" + }, { "key": "field_675b8301bb1b4", "label": "Section Anchor ID", @@ -1299,14 +1450,13 @@ "id": "" }, "choices": { - "white": "White", + "transparent": "White", "light-blue": "Light Blue", "navy-purple": "Navy Purple Gradient", - "sky-red": "Blue Red Gradient", - "transparent": "Transparent" + "sky-red": "Blue Red Gradient" }, - "default_value": "white", - "return_format": "", + "default_value": "transparent", + "return_format": "value", "multiple": 0, "allow_null": 0, "allow_in_bindings": 1, @@ -1448,6 +1598,37 @@ "prepend": "", "append": "" }, + { + "key": "field_67881af6d559c", + "label": "Heading Style", + "name": "heading_style", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "h1": "H1", + "h2": "H2", + "h3": "H3", + "h4": "H4", + "h5": "H5", + "h6": "H6" + }, + "default_value": "h6", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, + "ajax": 0, + "placeholder": "" + }, { "key": "field_675b8363bb1be", "label": "Section Anchor ID", @@ -1502,13 +1683,12 @@ "id": "" }, "choices": { - "white": "White", + "transparent": "White", "light-blue": "Light Blue", "navy-purple": "Navy Purple Gradient", - "sky-red": "Blue Red Gradient", - "transparent": "Transparent" + "sky-red": "Blue Red Gradient" }, - "default_value": "white", + "default_value": "transparent", "return_format": "value", "multiple": 0, "allow_null": 0, @@ -2529,12 +2709,11 @@ "id": "" }, "choices": { - "false": "None", "left": "Left", "center": "Center", "right": "Right" }, - "default_value": "false", + "default_value": "center", "return_format": "value", "multiple": 0, "allow_null": 0, @@ -2626,6 +2805,34 @@ "ajax": 0, "placeholder": "" }, + { + "key": "field_678808eaf46a7", + "label": "Button Colors", + "name": "button_colors", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "btn btn-primary": "Red (Primary)", + "btn btn-secondary": "Light Blue (Secondary)", + "btn btn-outline-primary": "White (Tertiary)" + }, + "default_value": "btn btn-primary", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 0, + "ui": 0, + "ajax": 0, + "placeholder": "" + }, { "key": "field_67631a95e534d", "label": "Radial Graphic", @@ -2910,6 +3117,34 @@ "return_format": "value", "ajax": 0, "placeholder": "" + }, + { + "key": "field_67880978f46a8", + "label": "Button Colors", + "name": "button_colors", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "btn btn-primary": "Red (Primary)", + "btn btn-secondary": "Light Blue (Secondary)", + "btn btn-outline-primary": "White (Tertiary)" + }, + "default_value": "btn btn-primary", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 0, + "ui": 0, + "ajax": 0, + "placeholder": "" } ], "min": "", @@ -3447,6 +3682,34 @@ "return_format": "value", "ajax": 0, "placeholder": "" + }, + { + "key": "field_678809abf46a9", + "label": "Button Colors", + "name": "button_colors", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "btn btn-primary": "Red (Primary)", + "btn btn-secondary": "Light Blue (Secondary)", + "btn btn-outline-primary": "White (Tertiary)" + }, + "default_value": "btn btn-primary", + "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 0, + "ui": 0, + "ajax": 0, + "placeholder": "" } ], "min": "", @@ -3536,7 +3799,7 @@ }, { "key": "field_6261e34e7c9de", - "label": "Alignment", + "label": "Video Alignment", "name": "alignment", "aria-label": "", "type": "select", @@ -3553,10 +3816,11 @@ "last": "Right" }, "default_value": "last", - "allow_null": 0, - "multiple": 0, - "ui": 0, "return_format": "value", + "multiple": 0, + "allow_null": 0, + "allow_in_bindings": 1, + "ui": 0, "ajax": 0, "placeholder": "" }, @@ -3659,11 +3923,10 @@ }, "choices": { "none-graphic": "Hide Graphic", - "right-graphic": "Right Overflow", "left-graphic": "Left", - "center-graphic": "Right Center" + "right-graphic": "Right" }, - "default_value": "center-graphic", + "default_value": "right-graphic", "return_format": "value", "multiple": 0, "allow_null": 0, @@ -4220,11 +4483,11 @@ "id": "" }, "choices": { - "btn btn-outline-primary": "White", - "button--primary": "Red", - "button--secondary": "Light Blue" + "btn btn-primary": "Red (Primary)", + "btn btn-secondary": "Light Blue (Secondary)", + "btn btn-outline-primary": "White (Tertiary)" }, - "default_value": "button--primary", + "default_value": "btn btn-primary", "return_format": "value", "multiple": 0, "allow_null": 0, @@ -6231,7 +6494,8 @@ "choices": { "white": "White", "light-blue": "Light Blue", - "purple-gradient": "Purple Gradient", + "sky-red": "Blue Red Gradient", + "navy-purple": "Navy Purple Gradient", "navy-sky": "Navy Sky Gradient", "red-yellow": "Red Yellow Gradient" }, @@ -6404,7 +6668,7 @@ "white": "White", "light-blue": "Light Blue", "sky-red": "Blue Red Gradient", - "purple-gradient": "Purple Gradient", + "navy-purple": "Navy Purple Gradient", "navy-sky": "Navy Sky Gradient", "red-yellow": "Red Yellow Gradient" }, @@ -7956,7 +8220,7 @@ "navy-sky": "Navy Sky Gradient", "sky-red": "Blue Red Gradient" }, - "default_value": "navy-purple", + "default_value": "white", "return_format": "value", "multiple": 0, "allow_null": 0, @@ -8310,5 +8574,5 @@ "active": true, "description": "", "show_in_rest": 0, - "modified": 1736445895 + "modified": 1736974944 } diff --git a/wp/wp-content/themes/medicalalert/dist/app.css b/wp/wp-content/themes/medicalalert/dist/app.css index 733fc6c3..9a067747 100644 --- a/wp/wp-content/themes/medicalalert/dist/app.css +++ b/wp/wp-content/themes/medicalalert/dist/app.css @@ -11233,29 +11233,21 @@ body { z-index: 1; } -.business-brand h1, .business-brand .headline-largest, .business-brand .h1 { - color: #00447C; -} - -.business-brand h2, .business-brand .headline-large, .business-brand .h2 { - color: #00447C; -} - .rounded { border-radius: 27px !important; } -h4, .headline-small, .h4 { +h4, .h4, .headline-small { font-size: 26px; font-weight: 700; line-height: 34px; } -.consumer-brand h4, .consumer-brand .headline-small, .consumer-brand .h4 { +.consumer-brand h4, .consumer-brand .h4, .consumer-brand .headline-small { color: #000066; } -.business-brand h4, .business-brand .headline-small, .business-brand .h4 { +.business-brand h4, .business-brand .h4, .business-brand .headline-small { color: #00447C; } @@ -11299,7 +11291,7 @@ button[type=submit].single_add_to_cart_button, #searchBtn { border: none; padding: 10px 36px; - background-color: #CC0033 !important; + background-color: #cc0133 !important; color: #FFFFFF !important; font-size: 16px; font-weight: 600; @@ -11664,7 +11656,55 @@ button[type=submit].single_add_to_cart_button, color: white; } -.btn-outline-primary { +.btn-primary { + color: white; + border-color: #cc0133; + background: #cc0133; +} + +.btn-check:checked + .btn-primary, +.btn-check:active + .btn-primary, +.btn-primary:hover, +.btn-primary:active, +.btn-primary.active, +.btn-primary:visited, +.btn-primary.dropdown-toggle.show { + color: white; + border-color: #cc0133; + background: #cc0133; + opacity: 0.9; +} + +.btn-check:focus + .btn-primary, +.btn-primary:focus { + box-shadow: 0 0 0 0.1rem rgba(244, 244, 244, 0.5); +} + +.btn-secondary, +.btn-secondary:visited { + color: white; + border-color: #3399FF; + background: #3399FF; +} + +.btn-check:checked + .btn-secondary, +.btn-check:active + .btn-secondary, +.btn-secondary:hover, +.btn-secondary:active, +.btn-secondary.active, +.btn-secondary.dropdown-toggle.show { + color: #3399FF; + border-color: #3399FF; + background: #EBF5FF; +} + +.btn-check:focus + .btn-secondary, +.btn-secondary:focus { + box-shadow: 0 0 0 0.1rem rgba(244, 244, 244, 0.5); +} + +.btn-outline-primary, +.btn-outline-primary:visited { color: #3399FF; border-color: #3399FF; background: white; @@ -11702,99 +11742,168 @@ button[type=submit].single_add_to_cart_button, background: #5CB25D; } -.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; -} - -.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%); -} - .g-sky-hero { background: linear-gradient(90deg, rgba(51, 153, 255, 0.1) 0%, rgba(51, 153, 255, 0.5) 100%); border-bottom-right-radius: 45px; border-bottom-left-radius: 45px; } +.bg-color-navy-sky { + background: linear-gradient(90deg, #000066 0%, #3399ff 100%); +} +.bg-color-navy-sky h1, .bg-color-navy-sky .h1, .bg-color-navy-sky .headline-largest, +.bg-color-navy-sky h2, +.bg-color-navy-sky .h2, +.bg-color-navy-sky .headline-large, +.bg-color-navy-sky h3, +.bg-color-navy-sky .h3, +.bg-color-navy-sky .headline-standard, +.bg-color-navy-sky h4, +.bg-color-navy-sky .h4, +.bg-color-navy-sky .headline-small, +.bg-color-navy-sky h5, +.bg-color-navy-sky .h5, +.bg-color-navy-sky h6, +.bg-color-navy-sky .h6, +.bg-color-navy-sky p, +.bg-color-navy-sky li, +.bg-color-navy-sky strong, +.bg-color-navy-sky b, +.bg-color-navy-sky a, +.bg-color-navy-sky a:hover { + color: white !important; +} + +.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 .h1, .bg-color-sky-bright .headline-largest, +.bg-color-sky-bright h2, +.bg-color-sky-bright .h2, +.bg-color-sky-bright .headline-large, +.bg-color-sky-bright h3, +.bg-color-sky-bright .h3, +.bg-color-sky-bright .headline-standard, +.bg-color-sky-bright h4, +.bg-color-sky-bright .h4, +.bg-color-sky-bright .headline-small, +.bg-color-sky-bright h5, +.bg-color-sky-bright .h5, +.bg-color-sky-bright h6, +.bg-color-sky-bright .h6, +.bg-color-sky-bright p, +.bg-color-sky-bright li, +.bg-color-sky-bright strong, +.bg-color-sky-bright b, +.bg-color-sky-bright a, +.bg-color-sky-bright a:hover { + 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%); +} +.bg-color-gradient-light-blue h1, .bg-color-gradient-light-blue .h1, .bg-color-gradient-light-blue .headline-largest, +.bg-color-gradient-light-blue h2, +.bg-color-gradient-light-blue .h2, +.bg-color-gradient-light-blue .headline-large, +.bg-color-gradient-light-blue h3, +.bg-color-gradient-light-blue .h3, +.bg-color-gradient-light-blue .headline-standard, +.bg-color-gradient-light-blue h4, +.bg-color-gradient-light-blue .h4, +.bg-color-gradient-light-blue .headline-small, +.bg-color-gradient-light-blue h5, +.bg-color-gradient-light-blue .h5, +.bg-color-gradient-light-blue h6, +.bg-color-gradient-light-blue .h6, +.bg-color-gradient-light-blue p, +.bg-color-gradient-light-blue li, +.bg-color-gradient-light-blue strong, +.bg-color-gradient-light-blue b, +.bg-color-gradient-light-blue a, +.bg-color-gradient-light-blue a:hover { + color: white !important; +} + .bg-color-sky-red { background: linear-gradient(90deg, #3399ff 0%, #cc0133 100%); -} -.bg-color-sky-red h1, .bg-color-sky-red .headline-largest, .bg-color-sky-red .h1 { color: white !important; } -.bg-color-sky-red h2, .bg-color-sky-red .headline-large, .bg-color-sky-red .h2 { - color: white !important; -} -.bg-color-sky-red h3, .bg-color-sky-red .headline-standard, .bg-color-sky-red .h3 { - color: white !important; -} -.bg-color-sky-red strong { - color: white !important; -} -.bg-color-sky-red p { +.bg-color-sky-red h1, .bg-color-sky-red .h1, .bg-color-sky-red .headline-largest, +.bg-color-sky-red h2, +.bg-color-sky-red .h2, +.bg-color-sky-red .headline-large, +.bg-color-sky-red h3, +.bg-color-sky-red .h3, +.bg-color-sky-red .headline-standard, +.bg-color-sky-red h4, +.bg-color-sky-red .h4, +.bg-color-sky-red .headline-small, +.bg-color-sky-red h5, +.bg-color-sky-red .h5, +.bg-color-sky-red h6, +.bg-color-sky-red .h6, +.bg-color-sky-red p, +.bg-color-sky-red li, +.bg-color-sky-red strong, +.bg-color-sky-red b, +.bg-color-sky-red a, +.bg-color-sky-red a:hover { color: white !important; } .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-navy-purple h1, .bg-color-navy-purple .h1, .bg-color-navy-purple .headline-largest, +.bg-color-navy-purple h2, +.bg-color-navy-purple .h2, +.bg-color-navy-purple .headline-large, +.bg-color-navy-purple h3, +.bg-color-navy-purple .h3, +.bg-color-navy-purple .headline-standard, +.bg-color-navy-purple h4, +.bg-color-navy-purple .h4, +.bg-color-navy-purple .headline-small, +.bg-color-navy-purple h5, +.bg-color-navy-purple .h5, +.bg-color-navy-purple h6, +.bg-color-navy-purple .h6, +.bg-color-navy-purple p, +.bg-color-navy-purple li, +.bg-color-navy-purple strong, +.bg-color-navy-purple b, +.bg-color-navy-purple a, +.bg-color-navy-purple a:hover { + color: white !important; } .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; +.bg-color-red-yellow h1, .bg-color-red-yellow .h1, .bg-color-red-yellow .headline-largest, +.bg-color-red-yellow h2, +.bg-color-red-yellow .h2, +.bg-color-red-yellow .headline-large, +.bg-color-red-yellow h3, +.bg-color-red-yellow .h3, +.bg-color-red-yellow .headline-standard, +.bg-color-red-yellow h4, +.bg-color-red-yellow .h4, +.bg-color-red-yellow .headline-small, +.bg-color-red-yellow h5, +.bg-color-red-yellow .h5, +.bg-color-red-yellow h6, +.bg-color-red-yellow .h6, +.bg-color-red-yellow p, +.bg-color-red-yellow li, +.bg-color-red-yellow strong, +.bg-color-red-yellow b, +.bg-color-red-yellow a, +.bg-color-red-yellow a:hover { + color: white !important; } .g-sky-border { @@ -11807,19 +11916,6 @@ button[type=submit].single_add_to_cart_button, border-radius: 17px; } -ul, -ol { - line-height: 30px !important; -} -ul li, -ol li { - margin-bottom: 6px; -} - -.mw-250 { - max-width: 250px; -} - .g-purple-border { position: relative; border-radius: 20px; @@ -11840,6 +11936,19 @@ ol li { margin: 0 auto; } +ul, +ol { + line-height: 30px !important; +} +ul li, +ol li { + margin-bottom: 6px; +} + +.mw-250 { + max-width: 250px; +} + .fs-xs { font-size: 14px; } @@ -11873,7 +11982,7 @@ ol li { .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 { +.col2-circle-content-slice-container .highlighted-circle-title h3, .col2-circle-content-slice-container .highlighted-circle-title .h3, .col2-circle-content-slice-container .highlighted-circle-title .headline-standard { font-weight: bold; } .col2-circle-content-slice-container .highlighted-circle-copy p { @@ -11917,7 +12026,7 @@ ol li { .col2-media-highlights-slice-container svg { max-width: 1500px; } -.col2-media-highlights-slice-container .none-graphic { +.col2-media-highlights-slice-container .radial-none-graphic { display: none; } .col2-media-highlights-slice-container .radial-left-graphic { @@ -11925,10 +12034,6 @@ ol li { 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%; } @@ -11976,12 +12081,19 @@ ol li { } .col3-card-slice-container .radial-top { - left: 0; + left: -175px; top: 0; } .col3-card-slice-container .radial-top svg { width: 100%; - max-width: 350px; + max-width: 610px; + max-height: 610px; + color: #F2F8FF; + opacity: 1; +} +.col3-card-slice-container.bg-color-light-blue .radial-top svg { + color: white; + opacity: 1; } .col3-card-slice-container .col3-card-wrapper { z-index: 1; @@ -12007,35 +12119,35 @@ ol li { .header-color-white { background-color: #FFFFFF; } -.header-color-white h4, .header-color-white .headline-small, .header-color-white .h4 { +.header-color-white h4, .header-color-white .h4, .header-color-white .headline-small { color: #505050; } .header-color-gray { background-color: #f4f5fa; } -.header-color-gray h4, .header-color-gray .headline-small, .header-color-gray .h4 { +.header-color-gray h4, .header-color-gray .h4, .header-color-gray .headline-small { color: #505050; } .header-color-red { background-color: #000066; } -.header-color-red h4, .header-color-red .headline-small, .header-color-red .h4 { +.header-color-red h4, .header-color-red .h4, .header-color-red .headline-small { color: #FFFFFF; } .header-color-light-blue { background-color: #EBF5FF; } -.header-color-light-blue h4, .header-color-light-blue .headline-small, .header-color-light-blue .h4 { +.header-color-light-blue h4, .header-color-light-blue .h4, .header-color-light-blue .headline-small { color: #505050; } .header-color-blue { background-color: #00447C; } -.header-color-blue h4, .header-color-blue .headline-small, .header-color-blue .h4 { +.header-color-blue h4, .header-color-blue .h4, .header-color-blue .headline-small { color: #FFFFFF; } @@ -12052,7 +12164,7 @@ ol li { 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 { +.header-color-navy-purple h4, .header-color-navy-purple .h4, .header-color-navy-purple .headline-small { color: #FFFFFF; } @@ -12119,100 +12231,110 @@ ol li { border-radius: 12.1242px; } -h1, .headline-largest, .h1 { - font-size: 26px; +h1, .h1, .headline-largest { font-weight: 300; font-size: calc(2.214581rem + 1vw); } - -.comsumer-brand .h1-heading-slice-container h1, .comsumer-brand .h1-heading-slice-container .headline-largest, .comsumer-brand .h1-heading-slice-container .h1 { - color: #000066; +@media (min-width: 992px) { + h1, .h1, .headline-largest { + font-size: 56px; + line-height: 58px; + } } -.business-brand .h1-heading-slice-container h1, .business-brand .h1-heading-slice-container .headline-largest, .business-brand .h1-heading-slice-container .h1 { - color: #00447C; -} - -h2, .headline-large, .h2 { +h2, .h2, .headline-large { font-size: calc(1.4rem + 1vw); font-weight: 400; line-height: 50px; } +@media (min-width: 992px) { + h2, .h2, .headline-large { + font-size: 42px; + } +} -.f-purple h2, .f-purple .headline-large, .f-purple .h2 { +.f-purple h2, .f-purple .h2, .f-purple .headline-large { color: #7e5bef; } -.f-navy h2, .f-navy .headline-large, .f-navy .h2 { +.f-navy h2, .f-navy .h2, .f-navy .headline-large { color: #000066; } -.f-white h2, .f-white .headline-large, .f-white .h2 { +.f-white h2, .f-white .h2, .f-white .headline-large { color: white; } -.f-black h2, .f-black .headline-large, .f-black .h2 { +.f-black h2, .f-black .h2, .f-black .headline-large { color: #110F24; } -h3, .headline-standard, .h3 { +h3, .h3, .headline-standard { font-size: 26px; - font-weight: 400; - line-height: 40px; + font-weight: 900; + line-height: 32px; } @media (min-width: 768px) { - h3, .headline-standard, .h3 { + h3, .h3, .headline-standard { font-size: 30px; } } -.f-purple h3, .f-purple .headline-standard, .f-purple .h3 { +.f-purple h3, .f-purple .h3, .f-purple .headline-standard { color: #7e5bef; } -.f-nacy h3, .f-nacy .headline-standard, .f-nacy .h3 { +.f-nacy h3, .f-nacy .h3, .f-nacy .headline-standard { color: #000066; } -.f-white h3, .f-white .headline-standard, .f-white .h3 { +.f-white h3, .f-white .h3, .f-white .headline-standard { color: white; } -.f-black h3, .f-black .headline-standard, .f-black .h3 { +.f-black h3, .f-black .h3, .f-black .headline-standard { color: #110F24; } -h4, .headline-small, .h4 { +h4, .h4, .headline-small { font-size: 26px; - font-weight: bold; line-height: 32px; + font-weight: 900; } -.f-purple h4, .f-purple .headline-small, .f-purple .h4 { - color: #7e5bef; -} - -.f-navy h4, .f-navy .headline-small, .f-navy .h4 { - color: #000066; -} - -.f-white h4, .f-white .headline-small, .f-white .h4 { +.bg-color-sky-red h4, .bg-color-sky-red .h4, .bg-color-sky-red .headline-small, +.bg-color-navy-purple h4, +.bg-color-navy-purple .h4, +.bg-color-navy-purple .headline-small { color: white; } -.f-black h4, .f-black .headline-small, .f-black .h4 { +.f-purple h4, .f-purple .h4, .f-purple .headline-small { + color: #7e5bef; +} + +.f-navy h4, .f-navy .h4, .f-navy .headline-small { + color: #000066; +} + +.f-white h4, .f-white .h4, .f-white .headline-small { + color: white; +} + +.f-black h4, .f-black .h4, .f-black .headline-small { color: #110F24; } h5, .h5 { font-size: 20px; - font-weight: 400; - line-height: 40px; + line-height: 24px; + font-weight: 900; } -@media (min-width: 768px) { - h5, .h5 { - font-size: 24px; - } + +.bg-color-sky-red h5, .bg-color-sky-red .h5, +.bg-color-navy-purple h5, +.bg-color-navy-purple .h5 { + color: white; } .f-purple h5, .f-purple .h5 { @@ -12233,11 +12355,18 @@ h5, .h5 { h6, .h6 { font-size: 18px; - font-weight: 600; - line-height: 40px; + line-height: 24px; + font-weight: 900; text-transform: capitalize; color: #7e5bef; } + +.bg-color-sky-red h6, .bg-color-sky-red .h6, +.bg-color-navy-purple h6, +.bg-color-navy-purple .h6 { + color: white; +} + .f-purple h6, .f-purple .h6 { color: #7e5bef; } @@ -12414,7 +12543,7 @@ body { opacity: 0.5; } -.phone-contact-slice-container h3, .phone-contact-slice-container .headline-standard, .phone-contact-slice-container .h3 { +.phone-contact-slice-container h3, .phone-contact-slice-container .h3, .phone-contact-slice-container .headline-standard { font-weight: 200; } .phone-contact-slice-container .bold-copy a { @@ -12422,13 +12551,12 @@ body { font-weight: 700; line-height: 55px; } - -.consumer-brand .phone-contact-slice-container .bold-copy a { - color: #000066; +.phone-contact-slice-container .radial-left { + top: -53px; + left: 0; } - -.business-brand .phone-contact-slice-container .bold-copy a { - color: #00447C; +.phone-contact-slice-container .radial-left svg { + max-width: 300px; } .phone-contact-with-shortcode-slice-container .radial-left { @@ -12508,6 +12636,12 @@ body { .simple-content-slice-container .radial svg { width: 100%; max-width: 250px; + color: white; + opacity: 0.3; +} +.simple-content-slice-container.bg-color-white .radial svg { + color: #F2F8FF; + opacity: 1; } .testimonial-carousel-slice-container .testimonials .title { @@ -12619,7 +12753,7 @@ body { .main-header .top-info { width: 225px; } -.main-header h1, .main-header .headline-largest, .main-header .h1 { +.main-header h1, .main-header .h1, .main-header .headline-largest { color: #FFFFFF; } .main-header .top-bar-mobile { @@ -12906,7 +13040,7 @@ div.gform_fields div.gfield div.validation_message { font-size: 18px; } -div.gform_validation_errors h2.gform_submission_error, div.gform_validation_errors .gform_submission_error.headline-large, div.gform_validation_errors .gform_submission_error.h2 { +div.gform_validation_errors h2.gform_submission_error, div.gform_validation_errors .gform_submission_error.h2, div.gform_validation_errors .gform_submission_error.headline-large { font-size: 18px; } @@ -12971,7 +13105,7 @@ body.search .img-placeholder img { width: 30%; } -.page-template-all-post-template h4, .page-template-all-post-template .headline-small, .page-template-all-post-template .h4 { +.page-template-all-post-template h4, .page-template-all-post-template .h4, .page-template-all-post-template .headline-small { color: #000066; } .page-template-all-post-template .main-header .main-nav { @@ -13043,7 +13177,7 @@ body.search .img-placeholder img { color: #000066; } -.post-pagination h4 a, .post-pagination .headline-small a, .post-pagination .h4 a { +.post-pagination h4 a, .post-pagination .h4 a, .post-pagination .headline-small a { color: #000066; } @@ -13062,7 +13196,7 @@ body.search .img-placeholder img { .single-post .single-post-container .single-post-content { margin-top: 4em; } -.single-post .single-post-container .single-post-content h1, .single-post .single-post-container .single-post-content .headline-largest, .single-post .single-post-container .single-post-content .h1 { +.single-post .single-post-container .single-post-content h1, .single-post .single-post-container .single-post-content .h1, .single-post .single-post-container .single-post-content .headline-largest { 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 b150bf43..4a22a025 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=1e79f8d47e56e71141377b223123b63c" + "/app.css": "/app.css?id=bbaad454a1fc3441682737a7689fe247" } diff --git a/wp/wp-content/themes/medicalalert/src/scss/_variables.scss b/wp/wp-content/themes/medicalalert/src/scss/_variables.scss index 9355c408..d5c042c8 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/_variables.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/_variables.scss @@ -27,6 +27,30 @@ $ma-black: #110F24; color: $consumer-primary; } +.h1 { + @extend h1 +} + +.h2 { + @extend h2 +} + +.h3 { + @extend h3 +} + +.h4 { + @extend h4 +} + +.h5 { + @extend h5 +} + +.h6 { + @extend h6 +} + .headline-largest { font-size: 55px; font-weight: 700; diff --git a/wp/wp-content/themes/medicalalert/src/scss/col2-media-highlights.scss b/wp/wp-content/themes/medicalalert/src/scss/col2-media-highlights.scss index 27265175..74f7008a 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/col2-media-highlights.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/col2-media-highlights.scss @@ -3,7 +3,7 @@ max-width: 1500px; } - .none-graphic { + .radial-none-graphic { display: none } @@ -13,11 +13,6 @@ } .radial-right-graphic { - top: 50%; - right: -71%; - } - - .radial-center-graphic { top: -50%; right: -30%; } diff --git a/wp/wp-content/themes/medicalalert/src/scss/col3-card.scss b/wp/wp-content/themes/medicalalert/src/scss/col3-card.scss index abc7d8e9..92191485 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/col3-card.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/col3-card.scss @@ -1,11 +1,14 @@ .col3-card-slice-container { .radial-top { - left: 0; + left: -175px; top: 0; svg { width: 100%; - max-width: 350px; + max-width: 610px; + max-height: 610px; + color: #F2F8FF; + opacity: 1; } // @include media-breakpoint-up(xs) { @@ -21,6 +24,13 @@ // } } + &.bg-color-light-blue { + .radial-top svg { + color: white; + opacity: 1; + } + } + .col3-card-wrapper { z-index: 1; diff --git a/wp/wp-content/themes/medicalalert/src/scss/global.scss b/wp/wp-content/themes/medicalalert/src/scss/global.scss index aeda9348..6048cf43 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/global.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/global.scss @@ -35,43 +35,6 @@ body { z-index: 1; } -// .consumer-brand { -// h1 { -// color: $consumer-primary; -// } -// } - -.business-brand { - h1 { - color: $business-primary; - } -} - -// .consumer-brand { -// h2 { -// color: $consumer-primary; -// } -// } - -.business-brand { - h2 { - color: $business-primary; - } -} - - - -// .consumer-brand { -// h3 { -// color: $consumer-primary; -// } -// } - -// .business-brand { -// h3 { -// color: $business-primary; -// } -// } .rounded { border-radius: 27px !important; } @@ -135,7 +98,7 @@ button[type="submit"].single_add_to_cart_button, #searchBtn { border: none; padding: 10px 36px; - background-color: $orange !important; + background-color: $ma-red !important; color: $white !important; font-size: 16px; font-weight: 600; @@ -527,12 +490,60 @@ button[type="submit"].single_add_to_cart_button, .btn-red { background: $ma-red; color: white; - // font-weight: bold; - // padding: .5em 3em; - // border-radius: 10px; } -.btn-outline-primary { +// override bootstrap btn-primary +.btn-primary { + color: white; + border-color: $ma-red; + background: $ma-red; +} + +.btn-check:checked+.btn-primary, +.btn-check:active+.btn-primary, +.btn-primary:hover, +.btn-primary:active, +.btn-primary.active, +.btn-primary:visited, +.btn-primary.dropdown-toggle.show { + color: white; + border-color: $ma-red; + background: $ma-red; + opacity: 0.9; +} + +.btn-check:focus+.btn-primary, +.btn-primary:focus { + box-shadow: 0 0 0 0.1rem rgba(244, 244, 244, 0.5); +} + +// override bootstrap btn-secondary +.btn-secondary, +.btn-secondary:visited { + color: white; + border-color: $ma-sky; + background: $ma-sky; +} + +.btn-check:checked+.btn-secondary, +.btn-check:active+.btn-secondary, +.btn-secondary:hover, +.btn-secondary:active, +.btn-secondary.active, +.btn-secondary.dropdown-toggle.show { + color: $ma-sky; + border-color: $ma-sky; + background: #EBF5FF; +} + +.btn-check:focus+.btn-secondary, +.btn-secondary:focus { + box-shadow: 0 0 0 0.1rem rgba(244, 244, 244, 0.5); +} + +// override bootstrap btn-outline-primary +.btn-outline-primary, +.btn-outline-primary:visited { color: $ma-sky; border-color: $ma-sky; background: white; @@ -554,7 +565,6 @@ button[type="submit"].single_add_to_cart_button, box-shadow: 0 0 0 0.25rem rgba(153, 173, 237, 0.5); } - .bg-sky { background: $ma-sky; } @@ -571,26 +581,27 @@ button[type="submit"].single_add_to_cart_button, background: $ma-green; } +.g-sky-hero { + background: linear-gradient(90deg, rgba(51, 153, 255, 0.1) 0%, rgba(51, 153, 255, 0.5) 100%); + border-bottom-right-radius: 45px; + border-bottom-left-radius: 45px; +} + .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 { + h1, + h2, + h3, + h4, + h5, + h6, + p, + li, + strong, + b, + a, + a:hover { color: white !important; } } @@ -598,75 +609,77 @@ button[type="submit"].single_add_to_cart_button, .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 { + h1, + h2, + h3, + h4, + h5, + h6, + p, + li, + strong, + b, + a, + a:hover { 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%); -} -.g-sky-hero { - background: linear-gradient(90deg, rgba(51, 153, 255, 0.1) 0%, rgba(51, 153, 255, 0.5) 100%); - border-bottom-right-radius: 45px; - border-bottom-left-radius: 45px; + h1, + h2, + h3, + h4, + h5, + h6, + p, + li, + strong, + b, + a, + a:hover { + color: white !important; + } } .bg-color-sky-red { background: linear-gradient(90deg, rgba(51, 153, 255, 1) 0%, rgba(204, 1, 51, 1) 100%); + color: white !important; - h1 { - color: white !important; - } - - h2 { - color: white !important; - } - - h3 { - color: white !important; - } - - strong { - color: white !important; - } - - p { + h1, + h2, + h3, + h4, + h5, + h6, + p, + li, + strong, + b, + a, + a:hover { color: white !important; } } .bg-color-navy-purple { background: linear-gradient(90deg, rgba(0, 0, 102, 1) 0%, rgba(126, 91, 239, 1) 100%); - color: white; - li { - color: white; - } - - p { - color: white; - } - - a { - color: white; + h1, + h2, + h3, + h4, + h5, + h6, + p, + li, + strong, + b, + a, + a:hover { + color: white !important; } } @@ -674,16 +687,19 @@ button[type="submit"].single_add_to_cart_button, 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; + h1, + h2, + h3, + h4, + h5, + h6, + p, + li, + strong, + b, + a, + a:hover { + color: white !important; } } @@ -698,19 +714,6 @@ button[type="submit"].single_add_to_cart_button, } } -ul, -ol { - line-height: 30px !important; - - li { - margin-bottom: 6px; - } -} - -.mw-250 { - max-width: 250px; -} - .g-purple-border { position: relative; border-radius: 20px; @@ -731,6 +734,19 @@ ol { margin: 0 auto; } +ul, +ol { + line-height: 30px !important; + + li { + margin-bottom: 6px; + } +} + +.mw-250 { + max-width: 250px; +} + .fs-xs { font-size: 14px; diff --git a/wp/wp-content/themes/medicalalert/src/scss/h1-heading.scss b/wp/wp-content/themes/medicalalert/src/scss/h1-heading.scss index cff0499f..dfbc01f0 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/h1-heading.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/h1-heading.scss @@ -1,27 +1,9 @@ h1 { - font-size: 26px; font-weight: 300; font-size: calc(2.214581rem + 1vw); -} -// @include media-breakpoint-up(lg) { -// h1 { -// font-size: 56px; -// } -// } - -.comsumer-brand { - .h1-heading-slice-container { - h1 { - color: $consumer-primary; - } - } -} - -.business-brand { - .h1-heading-slice-container { - h1 { - color: $business-primary; - } + @include media-breakpoint-up(lg) { + font-size: 56px; + line-height: 58px; } } \ No newline at end of file diff --git a/wp/wp-content/themes/medicalalert/src/scss/h2-heading.scss b/wp/wp-content/themes/medicalalert/src/scss/h2-heading.scss index 77b4b1dd..7bcddbc5 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/h2-heading.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/h2-heading.scss @@ -1,26 +1,14 @@ -// .comsumer-brand { -// .h2-heading-slice-container { -// h2 { -// color: $consumer-primary; -// } -// } -// } - -// .business-brand { -// .h2-heading-slice-container { -// h2 { -// color: $business-primary; -// } -// } -// } - - h2 { font-size: calc(1.4rem + 1vw); font-weight: 400; line-height: 50px; + + @include media-breakpoint-up(lg) { + font-size: 42px; + } } + .f-purple h2 { color: $ma-purple; } diff --git a/wp/wp-content/themes/medicalalert/src/scss/h3-heading.scss b/wp/wp-content/themes/medicalalert/src/scss/h3-heading.scss index c1884892..9b841e15 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/h3-heading.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/h3-heading.scss @@ -1,7 +1,7 @@ h3 { font-size: 26px; - font-weight: 400; - line-height: 40px; + font-weight: 900; + line-height: 32px; @include media-breakpoint-up(md) { font-size: 30px; diff --git a/wp/wp-content/themes/medicalalert/src/scss/h4-heading.scss b/wp/wp-content/themes/medicalalert/src/scss/h4-heading.scss index dea7ad5e..00abb78f 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/h4-heading.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/h4-heading.scss @@ -1,11 +1,12 @@ h4 { font-size: 26px; - font-weight: bold; line-height: 32px; + font-weight: 900; +} - // @include media-breakpoint-up(md) { - // font-size: 32px; - // } +.bg-color-sky-red h4, +.bg-color-navy-purple h4 { + color: white; } .f-purple h4 { diff --git a/wp/wp-content/themes/medicalalert/src/scss/h5-heading.scss b/wp/wp-content/themes/medicalalert/src/scss/h5-heading.scss index 49218c7a..77be149d 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/h5-heading.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/h5-heading.scss @@ -1,11 +1,12 @@ h5 { font-size: 20px; - font-weight: 400; - line-height: 40px; + line-height: 24px; + font-weight: 900; +} - @include media-breakpoint-up(md) { - font-size: 24px; - } +.bg-color-sky-red h5, +.bg-color-navy-purple h5 { + color: white; } .f-purple h5 { diff --git a/wp/wp-content/themes/medicalalert/src/scss/h6-heading.scss b/wp/wp-content/themes/medicalalert/src/scss/h6-heading.scss index 8c3b6083..e337cc32 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/h6-heading.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/h6-heading.scss @@ -1,13 +1,14 @@ h6 { font-size: 18px; - font-weight: 600; - line-height: 40px; + line-height: 24px; + font-weight: 900; text-transform: capitalize; color: $ma-purple; +} - @include media-breakpoint-up(lg) { - // font-size: 24px; - } +.bg-color-sky-red h6, +.bg-color-navy-purple h6 { + color: white; } .f-purple h6 { diff --git a/wp/wp-content/themes/medicalalert/src/scss/phone-contact.scss b/wp/wp-content/themes/medicalalert/src/scss/phone-contact.scss index 051b9278..1c9c4914 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/phone-contact.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/phone-contact.scss @@ -2,6 +2,7 @@ h3 { font-weight: 200; } + .bold-copy { a { font-size: 45px; @@ -9,24 +10,13 @@ line-height: 55px; } } -} -.consumer-brand { - .phone-contact-slice-container { - .bold-copy { - a { - color: $consumer-primary; - } - } - } -} + .radial-left { + top: -53px; + left: 0; -.business-brand { - .phone-contact-slice-container { - .bold-copy { - a { - color: $business-primary; - } + svg { + max-width: 300px; } } } \ No newline at end of file diff --git a/wp/wp-content/themes/medicalalert/src/scss/simple-content.scss b/wp/wp-content/themes/medicalalert/src/scss/simple-content.scss index c5285a86..5af1e696 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/simple-content.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/simple-content.scss @@ -10,6 +10,8 @@ svg { width: 100%; max-width: 250px; + color: white; + opacity: 0.3; } // @include media-breakpoint-up(xs) { @@ -26,4 +28,11 @@ // } } + &.bg-color-white { + .radial svg { + color: #F2F8FF; + opacity: 1; + } + } + } \ No newline at end of file diff --git a/wp/wp-content/themes/medicalalert/tpl/col2_circle_content.tpl b/wp/wp-content/themes/medicalalert/tpl/col2_circle_content.tpl index 64aa65b2..9c0c2c6e 100644 --- a/wp/wp-content/themes/medicalalert/tpl/col2_circle_content.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/col2_circle_content.tpl @@ -18,7 +18,7 @@

{{copy}}

{{#if link}} - {{/if}} diff --git a/wp/wp-content/themes/medicalalert/tpl/col2_circle_cta_list.tpl b/wp/wp-content/themes/medicalalert/tpl/col2_circle_cta_list.tpl index d7fecc0e..7df5e124 100644 --- a/wp/wp-content/themes/medicalalert/tpl/col2_circle_cta_list.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/col2_circle_cta_list.tpl @@ -14,7 +14,7 @@ {{{ copy }}} {{#if link}} - {{/if}} diff --git a/wp/wp-content/themes/medicalalert/tpl/col3_card.tpl b/wp/wp-content/themes/medicalalert/tpl/col3_card.tpl index 72afa27f..51f691f9 100644 --- a/wp/wp-content/themes/medicalalert/tpl/col3_card.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/col3_card.tpl @@ -1,62 +1,26 @@ -
+
{{#if radial_graphic}} -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+ + + + + + + + + + + + + + + +
{{/if}} -
+
{{#if section_header}}

@@ -64,7 +28,7 @@

{{/if}} {{#each image_card}} -
+
{{image.alt}} @@ -73,7 +37,7 @@

{{title}}

{{{copy}}}
{{#if link}} - {{link.title}} + {{link.title}} {{/if}}
diff --git a/wp/wp-content/themes/medicalalert/tpl/h1_heading.tpl b/wp/wp-content/themes/medicalalert/tpl/h1_heading.tpl index b6f02f28..72c7e184 100644 --- a/wp/wp-content/themes/medicalalert/tpl/h1_heading.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/h1_heading.tpl @@ -1,11 +1,11 @@
-
-
-
-

{{h1_text}}

-
+
+
+
+

{{h1_text}}

+
+
-
\ No newline at end of file diff --git a/wp/wp-content/themes/medicalalert/tpl/h3_heading.tpl b/wp/wp-content/themes/medicalalert/tpl/h3_heading.tpl index 84ccbc0f..a3681d84 100644 --- a/wp/wp-content/themes/medicalalert/tpl/h3_heading.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/h3_heading.tpl @@ -3,7 +3,7 @@
-

{{text}}

+

{{text}}

diff --git a/wp/wp-content/themes/medicalalert/tpl/h4_heading.tpl b/wp/wp-content/themes/medicalalert/tpl/h4_heading.tpl index 353ea278..b6b34565 100644 --- a/wp/wp-content/themes/medicalalert/tpl/h4_heading.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/h4_heading.tpl @@ -3,7 +3,7 @@
-

{{text}}

+

{{text}}

diff --git a/wp/wp-content/themes/medicalalert/tpl/h5_heading.tpl b/wp/wp-content/themes/medicalalert/tpl/h5_heading.tpl index fb9be8a9..1571d12b 100644 --- a/wp/wp-content/themes/medicalalert/tpl/h5_heading.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/h5_heading.tpl @@ -3,7 +3,7 @@
-
{{text}}
+
{{text}}
diff --git a/wp/wp-content/themes/medicalalert/tpl/h6_heading.tpl b/wp/wp-content/themes/medicalalert/tpl/h6_heading.tpl index bb1cb04b..d0005777 100644 --- a/wp/wp-content/themes/medicalalert/tpl/h6_heading.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/h6_heading.tpl @@ -3,7 +3,7 @@
-
{{text}}
+
{{text}}
diff --git a/wp/wp-content/themes/medicalalert/tpl/heading.tpl b/wp/wp-content/themes/medicalalert/tpl/heading.tpl index 5c8b4941..308278dc 100644 --- a/wp/wp-content/themes/medicalalert/tpl/heading.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/heading.tpl @@ -3,7 +3,7 @@
-

{{text}}

+

{{text}}

diff --git a/wp/wp-content/themes/medicalalert/tpl/image_with_icon_info_grid.tpl b/wp/wp-content/themes/medicalalert/tpl/image_with_icon_info_grid.tpl index 58ffd040..f4fe4ff5 100644 --- a/wp/wp-content/themes/medicalalert/tpl/image_with_icon_info_grid.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/image_with_icon_info_grid.tpl @@ -2,12 +2,12 @@
-
-
+
+
{{image.alt}}
-
+
{{#each icon_info_cards}} diff --git a/wp/wp-content/themes/medicalalert/tpl/logo_grid.tpl b/wp/wp-content/themes/medicalalert/tpl/logo_grid.tpl index 55d71a44..9d37a5d4 100644 --- a/wp/wp-content/themes/medicalalert/tpl/logo_grid.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/logo_grid.tpl @@ -1,15 +1,15 @@
-
-
- {{#each logos}} -
- +
+
+ {{#each logos}} +
+ +
+ {{/each}}
- {{/each}}
-
\ No newline at end of file diff --git a/wp/wp-content/themes/medicalalert/tpl/phone_contact.tpl b/wp/wp-content/themes/medicalalert/tpl/phone_contact.tpl index 9e6a7e06..d9b5dd48 100644 --- a/wp/wp-content/themes/medicalalert/tpl/phone_contact.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/phone_contact.tpl @@ -1,20 +1,34 @@ -
-
-
-
-
-

{{copy}}

-
-
+
+
+ + + + + + + + + + + + + + +
-
-
-
-

Call: {{phone_number}}

+
+ -
-
\ No newline at end of file diff --git a/wp/wp-content/themes/medicalalert/tpl/phone_contact_with_shortcode.tpl b/wp/wp-content/themes/medicalalert/tpl/phone_contact_with_shortcode.tpl index dd1ec1e0..a17c5b83 100644 --- a/wp/wp-content/themes/medicalalert/tpl/phone_contact_with_shortcode.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/phone_contact_with_shortcode.tpl @@ -1,5 +1,5 @@ -
+
diff --git a/wp/wp-content/themes/medicalalert/tpl/simple_content.tpl b/wp/wp-content/themes/medicalalert/tpl/simple_content.tpl index 79be08ba..1272e0ff 100644 --- a/wp/wp-content/themes/medicalalert/tpl/simple_content.tpl +++ b/wp/wp-content/themes/medicalalert/tpl/simple_content.tpl @@ -1,6 +1,6 @@
-
+
@@ -10,19 +10,19 @@
{{#if radial_graphic}} -
- +
+ - - - - - - + + + + + + - +