Larson Notes and updated a bunch of templates for Artera.

Custom_Templates/customer_templates/Swift Medical/styles.css.liquid

@@ -45,7 +45,7 @@
 }
 
 .small-shadow{
-    border: 2px solid #333333;
+    border: 2px solid #888888;
     box-shadow: 3px 3px 3px #888888;
     border-radius: 5px;
 }
@@ -66,7 +66,9 @@
 .np-card-content-progress {
     display: none; 
 }
-
+/* .np-card-content {
+    min-height: 170px;
+} */
 .np-top-cta-progress-content {
     display: none;
 }
@@ -95,4 +97,311 @@
     .np-learning-path-image {
         padding: 0;
     }
+}
+
+.lp-carousel-wrapper {
+    margin-bottom: 3rem;
+}
+
+.card-carousel-container {
+    position: relative;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
+}
+
+.card-carousel {
+    padding: 40px;
+}
+/* carousel */
+
+[data-controls="prev"], [data-controls="next"] {
+    background: none;
+    border: none;
+}
+
+.fa-arrow-circle-left {
+    font-size: 2rem;
+    opacity: 0.5;
+}
+
+.fa-arrow-circle-right {
+    font-size: 2rem;
+    opacity: 0.5;
+}
+
+.tns-nav-active{
+    display:none;
+    height: 10px;
+    width: 10px;
+    border: 50%;
+    border-radius: 50%;
+    border: none;
+    margin-right: 5px;
+}
+
+.tns-outer [aria-controls], .tns-outer [data-action] {
+    height: 10px;
+    width: 10px;
+    border: 50%;
+    border-radius: 50%;
+    border: none;
+    margin-right: 5px;
+  }
+
+.carousel-container {
+    position: relative;
+}
+
+  .tns-controls {
+    position: absolute;
+    top: 30%;
+    transform: translate(0,-50%);
+    display: flex !important;
+    justify-content: space-between;
+    z-index: 11;
+    width: 100%;
+    
+  }
+  .left-arrow {
+    position: relative;
+    left: -50px;
+}
+  .tns-nav {
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      transform: translate(-50%,0);
+      display: none !important;
+  }
+
+  .filter-section {
+    margin-bottom:57px;
+}
+
+.np-card-ribbon {
+    left: unset;
+    right: 0;
+}
+
+
+
+
+.np-homepage-hero-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+
+
+div.row:nth-child(3) {
+  width: 100%;
+  display: flex;
+  
+  justify-content: center;
+}
+
+.filter-category-active{
+    background: #0057b8 !important;
+    color: #fff !important;
+}
+
+
+
+.left-arrow, .right-arrow {
+    font-weight: 100;
+    color: #D9D9D9;
+    font-size: 7rem;
+   
+}
+
+.lp-button-card {
+    width: 100%;
+}
+
+.cta-courses-text{
+    font-weight: 700;
+    font-size: 32px;
+    line-height: 30px;
+    padding: 1rem 9px;
+    text-align: center;
+}
+
+.cta-resources-text{
+    font-weight: 700;
+    font-size: 32px;
+    line-height: 38px;
+    padding: 1rem 32px;
+    color: #000000;
+    text-align: center;
+}
+
+@media screen and (max-width: 800px) {
+    .filter-category, .cta-courses-text, .cta-resources-text {
+      font-size: 24px;
+      text-align: center;
+    }
+
+    .cta-filtters {
+        height: 70px !important;
+    }
+
+    .left-arrow, .right-arrow {
+        font-weight: 100;
+        font-size: 5rem;
+       
+    }
+    .left-arrow {
+        position: relative;
+        left: -31px;
+      }
+    .np-subpage-container-dashboard {
+        padding: 30px 40px 60px 40px !important;
+    }
+    .np-subpage-container {
+        padding: 20px 40px !important;
+    }
+    /* .np-card-content {
+        max-height: 140px;
+    } */
+
+}
+
+.np-subpage-container-dashboard {
+    padding: 43px 100px;
+}
+
+.np-carousel  {
+    padding-left: 20px;
+}
+
+
+.filtters-wrapper, .heading-carousel-section {
+    width: 90%;
+}
+.np-catalog-header-wrapper, .carousel-text-wrapper {
+display: flex; 
+justify-content: center;
+}
+
+@media only screen and (max-width: 770px) {
+    .filtters-wrapper, .heading-carousel-section {
+        width: 100%;
+    }
+    .lp-np-card-content {
+        min-height: 100px;
+    }
+}
+
+.cta-filtters {
+    height: 90px;
+}
+
+.np-subpage-container {
+    padding: 50px 100px 100px;
+}
+
+.button-wide {
+    width: 100%;
+}
+
+.lp-card-footer-container {
+    height: 100%;
+    }
+
+.lp-np-card-content {
+    height: 100%;  
+    display: flex;  
+    min-height: 
+}
+.lp-button-card {
+    align-items: flex-end;
+    display: flex;
+    }
+
+
+/* Styles specifically pertaining to mobile optimizations of course filter buttons and cards at dashboard and catalog */ 
+
+.default-swapper {
+    display: none;
+}
+
+.mobile-swapper {
+    display: flex;
+    flex-direction: column;
+}
+
+/* Dashboard Filters */
+.filter-category-active-mobile {
+    background: #0057b8 !important;
+    color: #fff !important;
+}
+
+#cat1-mobile,
+#cat2-mobile,
+#cat3-mobile{
+    border-radius: 8px;
+    margin-bottom: 5px;
+}
+
+/* Dashboard Cards */
+.np-card-content-subtitle{
+    margin-bottom: 8px;
+} 
+
+/* Catalog filters */
+.cta-courses-mobile,
+.cta-courses {
+  border: 1px solid #2356B2;
+  border-radius: 9px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #2356B2;
+}
+
+.cta-courses-mobile{
+    margin-bottom: 5px;
+}
+
+.cta-resources {
+    background: #fff;
+    border: 1px solid #2356B2;
+    border-radius: 9px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+#tns2 > .tns-item{
+    padding: 20px;
+}
+
+#tns2 > .tns-item > .card-carousel-container{
+    margin: 0;
+}
+
+@media screen and (min-width: 565px){
+    .default-swapper {
+        display: flex;
+    }
+
+    .mobile-swapper {
+        display: none;
+    }
+
+    .cta-courses {
+        border-radius: 9px 0 0 9px;
+    }
+
+    .cta-filters {
+        margin-bottom: 42px;
+    }
+
+    .cta-resources {
+        border-radius: 0px 9px 9px 0px;
+    }
 }