@axos-web-dev/shared-components 0.0.212 → 0.0.213

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -105,6 +105,11 @@
   font-size: 16px;
   line-height: 1.5;
 }
+.txcb8do sub {
+  display: block;
+  font-style: italic;
+  margin-top: 5px;
+}
 .txcb8dp {
   margin-left: 15px;
   font-size: 20px;
@@ -133,16 +138,7 @@
   display: flex;
   flex-direction: column;
 }
-.txcb8dv {
-  width: 50%;
-}
-.txcb8dm + .txcb8dv {
-  margin-left: 1.5rem;
-}
-.txcb8dv svg {
-  margin-left: 8px;
-}
-.txcb8dx {
+.txcb8dw {
   aspect-ratio: 1 / 1;
   background-position: center center;
   background-repeat: no-repeat;
@@ -150,54 +146,54 @@
   border-radius: 50%;
   width: 320px;
 }
-.txcb8dy {
+.txcb8dx {
   margin-right: 64px;
   width: auto;
 }
-.txcb8d11 {
+.txcb8d10 {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 40px;
   text-align: center;
   max-width: 800px;
 }
-.txcb8d11 h2 + p {
+.txcb8d10 h2 + p {
   margin-top: 8px;
   color: #333D46;
 }
-.txcb8d12 {
+.txcb8d11 {
   padding-top: 56px;
   padding-bottom: 56px;
   margin-top: 0;
 }
-.txcb8d13 {
+.txcb8d12 {
   background: var(--_1073cm81);
 }
-.txcb8d14 {
+.txcb8d13 {
   background: var(--_1073cm88);
 }
-.txcb8d15 {
+.txcb8d14 {
   background: var(--_1073cm8f);
 }
-.txcb8d16 {
+.txcb8d15 {
   background: var(--_1073cm8m);
 }
-.txcb8d18 {
+.txcb8d17 {
   color: var(--_1073cm83);
 }
-.txcb8d19 {
+.txcb8d18 {
   color: var(--_1073cm8a);
 }
-.txcb8d1a {
+.txcb8d19 {
   color: var(--_1073cm8h);
 }
-.txcb8d1b {
+.txcb8d1a {
   color: var(--_1073cm8o);
 }
-.txcb8d1c {
+.txcb8d1b {
   position: relative;
 }
-.txcb8d1d {
+.txcb8d1c {
   margin-left: auto;
   margin-right: auto;
   margin-top: 40px;
@@ -207,13 +203,13 @@
 main > div:nth-last-child(2) > .txcb8d0 {
   margin-bottom: 3.5rem;
 }
+.txcb8d1d {
+  gap: 36px;
+}
 @media (max-width: 1240px) and (min-width: 1024px) {
   .txcb8dm {
     max-width: max-content;
   }
-  .txcb8dv {
-    align-items: flex-end;
-  }
 }
 @media (max-width: 1023px) {
   .txcb8dl {
@@ -223,35 +219,29 @@ main > div:nth-last-child(2) > .txcb8d0 {
     max-width: 100%;
   }
   .txcb8dv {
-    margin-top: 24px;
-  }
-  .txcb8dm + .txcb8dv {
-    margin-left: 0;
-  }
-  .txcb8dw {
     display: flex;
     justify-content: center;
   }
-  .txcb8dy {
+  .txcb8dx {
     margin-right: 0px;
   }
-  .txcb8dz {
+  .txcb8dy {
     transform: translateY(1%);
   }
-  .txcb8dz p:first-of-type {
+  .txcb8dy p:first-of-type {
     margin-top: 8px;
   }
-  .txcb8d10 {
+  .txcb8dz {
     flex-direction: column;
   }
-  .txcb8d11 {
+  .txcb8d10 {
     margin-bottom: 24px;
   }
-  .txcb8d12 {
+  .txcb8d11 {
     padding-top: 42px;
     padding-bottom: 42px;
   }
-  .txcb8d1d {
+  .txcb8d1c {
     margin-top: 24px;
   }
 }
@@ -268,27 +258,24 @@ main > div:nth-last-child(2) > .txcb8d0 {
     padding: 24px;
   }
   .txcb8do {
-    margin-top: 8x;
+    margin-top: 8px;
   }
   .txcb8dp {
     font-size: 18px;
-    line-height: 26px;
+    line-height: 1.44;
+    margin-left: 10px;
   }
   .txcb8du {
     margin-top: 16px;
   }
-  .txcb8dv {
-    width: 90%;
-    margin-top: 16px;
-  }
-  .txcb8dx {
+  .txcb8dw {
     width: 200px;
   }
-  .txcb8d11 h2 + p {
+  .txcb8d10 h2 + p {
     font-size: 1rem;
     line-height: 1.5;
   }
-  .txcb8d12 {
+  .txcb8d11 {
     padding-top: 32px;
     padding-bottom: 32px;
   }
@@ -302,4 +289,16 @@ main > div:nth-last-child(2) > .txcb8d0 {
   main > div:nth-last-child(2) > .txcb8d0 {
     margin-bottom: 2rem;
   }
+}
+@media (max-width: 500px) {
+  .txcb8d1d {
+    gap: 24px;
+  }
+}
+@media (max-width: 400px) {
+  .txcb8d1d {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 10px;
+  }
 }