WIP
This commit is contained in:
286
wp/wp-content/themes/medicalalert/dist/app.css
vendored
286
wp/wp-content/themes/medicalalert/dist/app.css
vendored
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user