diff --git a/public/assets/css/bootstrap.min.css b/public/assets/css/bootstrap.min.css index f3d2de4..20c4785 100644 --- a/public/assets/css/bootstrap.min.css +++ b/public/assets/css/bootstrap.min.css @@ -47,16 +47,10 @@ --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; - --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, - "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, - "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, - "Liberation Mono", "Courier New", monospace; - --bs-gradient: linear-gradient( - 180deg, - rgba(255, 255, 255, 0.15), - rgba(255, 255, 255, 0) - ); + --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", + "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; @@ -232,7 +226,7 @@ sup { } a { color: #0d6efd; - text-decoration: underline; + /* text-decoration: underline; */ } a:hover { color: #0a58ca; @@ -1860,7 +1854,9 @@ progress { -moz-appearance: none; appearance: none; border-radius: 0.25rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { @@ -1909,11 +1905,16 @@ progress { border-width: 0; border-inline-end-width: 1px; border-radius: 0; - -webkit-transition: color 0.15s ease-in-out, - background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + -webkit-transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; + transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; @@ -1928,8 +1929,11 @@ progress { border-width: 0; border-inline-end-width: 1px; border-radius: 0; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { @@ -1959,11 +1963,16 @@ progress { border-width: 0; border-inline-end-width: 1px; border-radius: 0; - -webkit-transition: color 0.15s ease-in-out, - background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + -webkit-transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; + transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { @@ -2079,7 +2088,9 @@ textarea.form-control-lg { background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; @@ -2235,10 +2246,14 @@ textarea.form-control-lg { outline: 0; } .form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + box-shadow: + 0 0 0 1px #fff, + 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + box-shadow: + 0 0 0 1px #fff, + 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; @@ -2250,9 +2265,13 @@ textarea.form-control-lg { background-color: #0d6efd; border: 0; border-radius: 1rem; - -webkit-transition: background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + -webkit-transition: + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; + transition: + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; @@ -2281,9 +2300,13 @@ textarea.form-control-lg { background-color: #0d6efd; border: 0; border-radius: 1rem; - -moz-transition: background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + -moz-transition: + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; + transition: + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; @@ -2332,7 +2355,9 @@ textarea.form-control-lg { pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; - transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; + transition: + opacity 0.1s ease-in-out, + transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { @@ -2439,21 +2464,19 @@ textarea.form-control-lg { padding-right: 3rem; } .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), -.input-group:not(.has-validation) - > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { +.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), -.input-group.has-validation - > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu) { +.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group - > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( - .valid-feedback - ):not(.invalid-tooltip):not(.invalid-feedback) { + > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not( + .invalid-feedback + ) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; @@ -2501,8 +2524,7 @@ textarea.form-control-lg { .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right - calc(0.375em + 0.1875rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .form-select.is-valid, .was-validated .form-select:valid { @@ -2515,8 +2537,12 @@ textarea.form-control.is-valid { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + background-position: + right 0.75rem center, + center right 2.25rem; + background-size: + 16px 12px, + calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { @@ -2597,8 +2623,7 @@ textarea.form-control.is-valid { .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right - calc(0.375em + 0.1875rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .form-select.is-invalid, .was-validated .form-select:invalid { @@ -2611,8 +2636,12 @@ textarea.form-control.is-invalid { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + background-position: + right 0.75rem center, + center right 2.25rem; + background-size: + 16px 12px, + calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { @@ -2667,8 +2696,11 @@ textarea.form-control.is-invalid { padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { @@ -3729,7 +3761,9 @@ fieldset:disabled .btn { padding: 0.5rem 1rem; color: #0d6efd; text-decoration: none; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, + transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { @@ -4438,8 +4472,11 @@ fieldset:disabled .btn { border: 0; border-radius: 0; overflow-anchor: none; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, + transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } @media (prefers-reduced-motion: reduce) { @@ -4562,8 +4599,11 @@ fieldset:disabled .btn { text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { @@ -6088,18 +6128,8 @@ fieldset:disabled .btn { } } .placeholder-wave { - -webkit-mask-image: linear-gradient( - 130deg, - #000 55%, - rgba(0, 0, 0, 0.8) 75%, - #000 95% - ); - mask-image: linear-gradient( - 130deg, - #000 55%, - rgba(0, 0, 0, 0.8) 75%, - #000 95% - ); + -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; -webkit-animation: placeholder-wave 2s linear infinite; @@ -7200,24 +7230,15 @@ fieldset:disabled .btn { } .bg-primary { --bs-bg-opacity: 1; - background-color: rgba( - var(--bs-primary-rgb), - var(--bs-bg-opacity) - ) !important; + background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; - background-color: rgba( - var(--bs-secondary-rgb), - var(--bs-bg-opacity) - ) !important; + background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; - background-color: rgba( - var(--bs-success-rgb), - var(--bs-bg-opacity) - ) !important; + background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; @@ -7225,10 +7246,7 @@ fieldset:disabled .btn { } .bg-warning { --bs-bg-opacity: 1; - background-color: rgba( - var(--bs-warning-rgb), - var(--bs-bg-opacity) - ) !important; + background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; @@ -7252,10 +7270,7 @@ fieldset:disabled .btn { } .bg-body { --bs-bg-opacity: 1; - background-color: rgba( - var(--bs-body-bg-rgb), - var(--bs-bg-opacity) - ) !important; + background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 94629fc..0d49a7e 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -754,12 +754,12 @@ body { } a { color: var(--color-dark-1); - text-decoration: underline; + /* text-decoration: underline; */ transition: color 0.1s var(--ease-default); } a:hover { color: var(--color-dark-4); - text-decoration: underline; + /* text-decoration: underline; */ } b, strong { @@ -10141,9 +10141,9 @@ a.link-to-top.color:before { .footer-text { text-transform: none; } -.footer-text a { +/* .footer-text a { text-decoration: underline; -} +} */ .fw-top-link { text-decoration: none; } diff --git a/src/app/(main)/home-bg-video/page.tsx b/src/app/(main)/home-bg-video/page.tsx index 86ea151..9515dfd 100644 --- a/src/app/(main)/home-bg-video/page.tsx +++ b/src/app/(main)/home-bg-video/page.tsx @@ -1,6 +1,5 @@ // "use client"; import Hero6 from "@/components/Hero"; -import dynamic from "next/dynamic"; // const ParallaxContainer = dynamic(() => import("@/components/ParallaxContainer"), { // ssr: false, diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index a19884c..9c2fc7f 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -36,7 +36,7 @@ export default function Footer() { href="https://www.google.com/maps/place/5151+AZ-90,+Sierra+Vista,+AZ+85635" target="_blank" rel="noopener noreferrer" - className="underline text-lg text-white" + className="text-lg text-white" > 5151 E HIGHWAY 90 @@ -58,7 +58,7 @@ export default function Footer() { href="https://www.facebook.com/p/Cochise-Oncology-61556262839823" target="_blank" rel="noopener noreferrer" - className="underline text-lg text-white" + className="text-lg text-white" > Facebook diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx index 9ef59ed..e701d49 100644 --- a/src/components/Hero.tsx +++ b/src/components/Hero.tsx @@ -2,6 +2,7 @@ import ModalVideo from "react-modal-video"; import { useState } from "react"; +import Link from "next/link"; export default function Hero6() { const [isOpen, setOpen] = useState(false); @@ -34,9 +35,9 @@ export default function Hero6() { data-wow-duration="1.2s" data-wow-offset={0} > - + {/* setOpen(true)} className="link-hover-anim align-middle lightbox mfp-iframe mt-10"