styling updates

src/iss-components/site-sub-header/site-sub-header.vue

@@ -117,7 +117,7 @@ export default {
         alternateFormatting() {
             // override for service-packages unique style
             if (this.issContainingPage?.toLowerCase() === 'service-packages') {
-                return 'service-packages-subtext my-4';
+                return 'service-packages-subtext';
             }
             return this.darkGraySubText ? 'dark-gray' : 'light-gray';
         }

src/layouts/service-packages/service-package-question/service-package-radio/service-package-radio.vue

@@ -144,10 +144,10 @@ export default {
                     cursor: pointer;
                     width: 100%;
                     padding: 1rem;
-                    border: 0.666667px solid $gray-300;
+                    border: 0.666667px solid #dddddd;
                     //box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.15), 0px 4px 24px -8px rgba(0, 0, 0, 0.2);
                     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-                    border-radius: 0.5rem;
+                    border-radius: 0.25rem;
                     overflow: hidden;
                     min-height: 60px;
                     max-height: 100px;
@@ -165,7 +165,7 @@ export default {
                         top: 5px;
                         margin-right: 1rem;
                         border-radius: 50%;
-                        border: 0.666667px solid $gray-500;
+                        border: 0.666667px solid #767676;
                         width: 16px;
                         height: 16px;
                         min-width: 16px;
@@ -186,7 +186,7 @@ export default {
                 &:hover {
                     + .package-label {
                         &:before {
-                            border: 0.666667px solid #8e9292;
+                            border: 0.666667px solid #767676;
                             box-shadow: 0px 0px 0px 4px #9fcee6, 0px 1px 4px rgba(0, 0, 0, 0.2);
                         }
                     }
@@ -215,24 +215,18 @@ export default {
 
                     + .package-label {
                         &:before {
-                            box-shadow: 0px 0px 0px 1px $heritage-blue-secondary;
+                            box-shadow: 0px 0px 0px 1px $heritage-blue-primary;
+                            border: none;
                         }
                     }
 
                     + .package-label {
                         &:after {
-                            background: $heritage-blue-secondary;
+                            background: $heritage-blue-primary;
                         }
                     }
                 }
 
-                &:focus {
-                    + .package-label {
-                        &:before {
-                            border: 2px solid $heritage-blue-secondary;
-                        }
-                    }
-                }
             }
 
             .package-footer {
@@ -267,12 +261,12 @@ export default {
                 }
 
                 ul {
-                    margin:0.5rem 0 0 -.6rem; // .9375rem in fmg
+                    margin:0.5rem 0 0 -.6rem;
                     padding: 0;
                     color: $darker-gray;
 
                     li {
-                        margin-bottom: 0.5rem;
+                        margin-bottom: 0.25rem;
                         font-size: 0.875rem;
                         line-height: 1.5rem;
                         color: $darker-gray;

src/layouts/service-packages/service-packages.vue

@@ -11,7 +11,7 @@
             <div class="iss-heritage-container-width">
                 <div class="service-packages-container">
                     <siteSubHeader
-                        class="subheader mt-4"
+                        class="subheader mt-5"
                         justification="center"
                         cmsWidgetName="SiteSubHeaderWidget"
                         issContainingPage="service-packages" />
@@ -236,12 +236,15 @@ export default {
             text-align: center;
             margin-top: 0.75rem;
             padding: 0px;
+            p {
+                margin-bottom: 18px;
+            }
         }
     }
 }
 .disclaimer {
     margin: 0.5rem 0 1.5rem 0;
-    padding-left: 3rem;
+    //padding-left: 3rem;
     :deep(.external-text) {
         text-decoration: none;
     }
@@ -253,6 +256,6 @@ export default {
 }
 
 .continue-button {
-    width: 60%
+    width: 50%
 }
 </style>