@ptcwebops/ptcw-design 6.3.66-beta → 6.3.68-beta

package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h, } from "@stencil/core";
 export class PtcCardBottom {
   constructor() {
     this.cardType = undefined;
@@ -7,37 +7,43 @@ export class PtcCardBottom {
   hoverEventHandler() {
     this.hoverEvent.emit();
     //if statement: the card type that doesn't need a hover event
-    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && !this.el.classList.contains('extra-tall')) {
-      this.el.previousElementSibling.classList.add('mouse-hover');
-      this.el.classList.add('mouse-hover-card-bottom');
+    if (!this.el.classList.contains("card-video") &&
+      !this.el.classList.contains("card-playlist") &&
+      !this.el.classList.contains("extra-tall")) {
+      this.el.previousElementSibling.classList.add("mouse-hover");
+      this.el.classList.add("mouse-hover-card-bottom");
     }
-    if (this.el.classList.contains('event-podcast')) {
+    if (this.el.classList.contains("event-podcast")) {
       this.addClassOnDefaultSlot();
     }
   }
   leaveEventHandler() {
     this.hoverEvent.emit();
     //if statement: the card type that doesn't need a hover event
-    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && !this.el.classList.contains('extra-tall')) {
-      this.el.previousElementSibling.classList.remove('mouse-hover');
-      this.el.classList.remove('mouse-hover-card-bottom');
+    if (!this.el.classList.contains("card-video") &&
+      !this.el.classList.contains("card-playlist") &&
+      !this.el.classList.contains("extra-tall")) {
+      this.el.previousElementSibling.classList.remove("mouse-hover");
+      this.el.classList.remove("mouse-hover-card-bottom");
     }
-    if (this.el.classList.contains('event-podcast')) {
+    if (this.el.classList.contains("event-podcast")) {
       this.removeClassOnDefaultSlot();
     }
   }
   async addClassOnDefaultSlot() {
-    const slot = this.el.shadowRoot.querySelector('slot:not([name])');
+    const slot = this.el.shadowRoot.querySelector("slot:not([name])");
     const assignedElements = slot.assignedElements();
     assignedElements.forEach((ele) => {
-      !ele.classList.contains('event-podcast') && ele.classList.add('event-podcast');
+      !ele.classList.contains("event-podcast") &&
+        ele.classList.add("event-podcast");
     });
   }
   async removeClassOnDefaultSlot() {
-    const slot = this.el.shadowRoot.querySelector('slot:not([name])');
+    const slot = this.el.shadowRoot.querySelector("slot:not([name])");
     const assignedElements = slot.assignedElements();
     assignedElements.forEach((ele) => {
-      ele.classList.contains('event-podcast') && ele.classList.remove('event-podcast');
+      ele.classList.contains("event-podcast") &&
+        ele.classList.remove("event-podcast");
     });
   }
   render() {
@@ -67,7 +73,7 @@ export class PtcCardBottom {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist' | 'extra-tall' | 'color-outlined'| 'most-popular'| 'event-podcast'",
+          "original": "| \"card-video\"\r\n\t\t| \"card-tall\"\r\n\t\t| \"card-2up\"\r\n\t\t| \"card-wide\"\r\n\t\t| \"card-playlist\"\r\n\t\t| \"extra-tall\"\r\n\t\t| \"color-outlined\"\r\n\t\t| \"most-popular\"\r\n\t\t| \"event-podcast\"",
           "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-wide\" | \"color-outlined\" | \"event-podcast\" | \"extra-tall\" | \"most-popular\"",
           "references": {}
         },

package/dist/collection/components/ptc-card-content/ptc-card-content.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-card-content/ptc-card-content.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h, } from "@stencil/core";
 export class PtcCardContent {
   constructor() {
     this.cardType = undefined;
@@ -7,51 +7,61 @@ export class PtcCardContent {
     this.isLoading = false;
   }
   hoverEventHandler() {
-    if (!this.el.classList.contains('speed-bump') &&
-      !this.el.classList.contains('card-video-intro') &&
-      !this.el.classList.contains('card-dynamic') &&
-      !this.el.classList.contains('extra-tall')) {
+    if (!this.el.classList.contains("speed-bump") &&
+      !this.el.classList.contains("card-video-intro") &&
+      !this.el.classList.contains("card-dynamic") &&
+      !this.el.classList.contains("extra-tall")) {
       this.hoverEvent.emit();
-      this.el.classList.add('mouse-hover');
-      if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && this.el.nextElementSibling) {
-        this.el.nextElementSibling.classList.add('mouse-hover-card-bottom');
+      this.el.classList.add("mouse-hover");
+      if (!this.el.classList.contains("card-video") &&
+        !this.el.classList.contains("card-playlist") &&
+        this.el.nextElementSibling) {
+        this.el.nextElementSibling.classList.add("mouse-hover-card-bottom");
       }
     }
-    if (this.el.classList.contains('event-podcast')) {
-      const bottomComponent = this.el.nextElementSibling;
+    if (this.el.classList.contains("event-podcast")) {
+      const bottomComponent = this.el
+        .nextElementSibling;
       bottomComponent.addClassOnDefaultSlot();
     }
   }
   leaveEventHandler() {
-    if (!this.el.classList.contains('speed-bump') &&
-      !this.el.classList.contains('card-video-intro') &&
-      !this.el.classList.contains('card-dynamic') &&
-      !this.el.classList.contains('extra-tall')) {
+    if (!this.el.classList.contains("speed-bump") &&
+      !this.el.classList.contains("card-video-intro") &&
+      !this.el.classList.contains("card-dynamic") &&
+      !this.el.classList.contains("extra-tall")) {
       this.hoverEvent.emit();
-      this.el.classList.remove('mouse-hover');
-      if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && this.el.nextElementSibling) {
-        this.el.nextElementSibling.classList.remove('mouse-hover-card-bottom');
+      this.el.classList.remove("mouse-hover");
+      if (!this.el.classList.contains("card-video") &&
+        !this.el.classList.contains("card-playlist") &&
+        this.el.nextElementSibling) {
+        this.el.nextElementSibling.classList.remove("mouse-hover-card-bottom");
       }
     }
-    if (this.el.classList.contains('event-podcast')) {
-      const bottomComponent = this.el.nextElementSibling;
+    if (this.el.classList.contains("event-podcast")) {
+      const bottomComponent = this.el
+        .nextElementSibling;
       bottomComponent.removeClassOnDefaultSlot();
     }
   }
   async setHeight(height) {
-    this.el.style.height = height + 'px';
-    const image = this.el.querySelector('ptc-picture');
-    image.style.height = height + 'px';
+    this.el.style.height = height + "px";
+    const image = this.el.querySelector("ptc-picture");
+    image.style.height = height + "px";
   }
   async removeInlineHeight() {
-    this.el.style.removeProperty('height');
-    const image = this.el.querySelector('ptc-picture');
+    this.el.style.removeProperty("height");
+    const image = this.el.querySelector("ptc-picture");
     if (image)
-      image.style.removeProperty('height');
+      image.style.removeProperty("height");
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (h(Host, Object.assign({ part: "card-content", class: classMap }, (!this.isLoading ? { onMouseEnter: this.hoverEventHandler.bind(this) } : {}), (!this.isLoading ? { onMouseLeave: this.leaveEventHandler.bind(this) } : {})), this.styles && h("style", null, this.styles), h("slot", { name: "slot-content" }), h("div", { class: "ptc-card-content-wrapper" }, h("slot", null))));
+    return (h(Host, Object.assign({ part: "card-content", class: classMap }, (!this.isLoading
+      ? { onMouseEnter: this.hoverEventHandler.bind(this) }
+      : {}), (!this.isLoading
+      ? { onMouseLeave: this.leaveEventHandler.bind(this) }
+      : {})), this.styles && h("style", null, this.styles), h("slot", { name: "slot-content" }), h("div", { class: "ptc-card-content-wrapper" }, h("slot", null))));
   }
   getCssClassMap() {
     return {
@@ -77,7 +87,7 @@ export class PtcCardContent {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'card-video'\r\n    | 'card-tall'\r\n    | 'card-2up'\r\n    | 'card-wide'\r\n    | 'speed-bump'\r\n    | 'card-playlist'\r\n    | 'card-video-intro'\r\n    | 'card-dynamic'\r\n    | 'extra-tall'\r\n    | 'color-outlined'\r\n    | 'thumbnail-video-preview'\r\n    | 'event-jumbotron-sub-card'\r\n    | 'event-podcast'",
+          "original": "| \"card-video\"\r\n\t\t| \"card-tall\"\r\n\t\t| \"card-2up\"\r\n\t\t| \"card-wide\"\r\n\t\t| \"speed-bump\"\r\n\t\t| \"card-playlist\"\r\n\t\t| \"card-video-intro\"\r\n\t\t| \"card-dynamic\"\r\n\t\t| \"extra-tall\"\r\n\t\t| \"color-outlined\"\r\n\t\t| \"thumbnail-video-preview\"\r\n\t\t| \"event-jumbotron-sub-card\"\r\n\t\t| \"event-podcast\"",
           "resolved": "\"card-2up\" | \"card-dynamic\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"color-outlined\" | \"event-jumbotron-sub-card\" | \"event-podcast\" | \"extra-tall\" | \"speed-bump\" | \"thumbnail-video-preview\"",
           "references": {}
         },
@@ -94,7 +104,7 @@ export class PtcCardContent {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green'",
+          "original": "| \"o-red\"\r\n\t\t| \"o-orange\"\r\n\t\t| \"o-blue\"\r\n\t\t| \"o-slate-grey\"\r\n\t\t| \"o-green\"",
           "resolved": "\"o-blue\" | \"o-green\" | \"o-orange\" | \"o-red\" | \"o-slate-grey\"",
           "references": {}
         },

package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -227,7 +231,7 @@ ptc-link, ptc-square-card,
 }
 :host(.result-box) {
   width: 505px;
-  border: 1px solid #6A6A6A;
+  border: 1px solid #6a6a6a;
   padding-top: 56px;
   padding-bottom: 56px;
   border-radius: var(--ptc-border-radius-large);

package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js

@@ -1,10 +1,10 @@
-import { Host, h } from '@stencil/core';
+import { Host, h, } from "@stencil/core";
 export class PtcCardPlm {
   constructor() {
     this.cardType = undefined;
     this.cardLink = undefined;
     this.linkTitle = undefined;
-    this.linkTarget = '_self';
+    this.linkTarget = "_self";
     this.isLoading = false;
     this.trackerId = undefined;
     this.disabled = false;
@@ -17,25 +17,25 @@ export class PtcCardPlm {
     this.emitHeight();
   }
   hoverEventHandler() {
-    if (this.el.classList.contains('extra-tall')) {
+    if (this.el.classList.contains("extra-tall")) {
       this.hoverEvent.emit();
-      this.el.classList.add('extraT-overlay');
+      this.el.classList.add("extraT-overlay");
     }
-    if (this.el.classList.contains('color-outlined')) {
+    if (this.el.classList.contains("color-outlined")) {
       this.hoverEvent.emit();
-      const cardOverlay = this.el.querySelector('ptc-overlay');
-      cardOverlay.setOverlay('black-5');
+      const cardOverlay = this.el.querySelector("ptc-overlay");
+      cardOverlay.setOverlay("black-5");
     }
   }
   leaveEventHandler() {
-    if (this.el.classList.contains('extra-tall')) {
+    if (this.el.classList.contains("extra-tall")) {
       this.hoverEvent.emit();
-      this.el.classList.remove('extraT-overlay');
+      this.el.classList.remove("extraT-overlay");
     }
-    if (this.el.classList.contains('color-outlined')) {
+    if (this.el.classList.contains("color-outlined")) {
       this.hoverEvent.emit();
-      const cardOverlay = this.el.querySelector('ptc-overlay');
-      cardOverlay.setOverlay('black-4');
+      const cardOverlay = this.el.querySelector("ptc-overlay");
+      cardOverlay.setOverlay("black-4");
     }
   }
   componentDidLoad() {
@@ -44,13 +44,35 @@ export class PtcCardPlm {
   }
   render() {
     const classMap = this.getCssClassMap();
-    const Tag = !!this.cardLink ? 'a' : 'div';
-    return (h(Host, Object.assign({ class: classMap }, (!this.isLoading ? { onMouseEnter: this.hoverEventHandler.bind(this) } : {}), (!this.isLoading ? { onMouseLeave: this.leaveEventHandler.bind(this) } : {})), this.styles && h("style", null, this.styles), h("div", { class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, Object.assign({ class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}` }, (!!this.cardLink && this.cardType !== "simple-card" ? { tabindex: '0' } : { tabindex: '-1' }), (!!this.cardLink && !this.isLoading ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink && !this.isLoading ? { target: this.linkTarget } : {}), (!!this.cardLink && !this.isLoading && !this.hideLinkTitle ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), h("slot", null)))));
+    const Tag = !!this.cardLink ? "a" : "div";
+    return (h(Host, Object.assign({ class: classMap }, (!this.isLoading
+      ? { onMouseEnter: this.hoverEventHandler.bind(this) }
+      : {}), (!this.isLoading
+      ? { onMouseLeave: this.leaveEventHandler.bind(this) }
+      : {})), this.styles && h("style", null, this.styles), h("div", { class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, Object.assign({ class: `mf-listen ${this.darkFocusState
+        ? "focus-state-dark-background"
+        : ""}` }, (!!this.cardLink && this.cardType !== "simple-card"
+      ? { tabindex: "0" }
+      : { tabindex: "-1" }), (!!this.cardLink && !this.isLoading
+      ? { href: this.cardLink }
+      : {}), (!!this.linkTarget &&
+      !!this.cardLink &&
+      !this.isLoading
+      ? { target: this.linkTarget }
+      : {}), (!!this.cardLink &&
+      !this.isLoading &&
+      !this.hideLinkTitle
+      ? {
+        title: this.linkTitle
+          ? this.linkTitle
+          : this.cardLink,
+      }
+      : {})), h("slot", null)))));
   }
   getCssClassMap() {
     return {
       [this.cardType]: this.cardType ? true : false,
-      ['disabled']: this.disabled,
+      ["disabled"]: this.disabled,
     };
   }
   emitHeight() {
@@ -58,19 +80,19 @@ export class PtcCardPlm {
     this.squareHeightChanged.emit(height);
   }
   getBtmContentHeight() {
-    const bottomContent = this.el.querySelector('ptc-card-bottom');
+    const bottomContent = this.el.querySelector("ptc-card-bottom");
     return bottomContent.offsetHeight;
   }
   checkScreenSize() {
-    if (this.cardType === 'extra-tall') {
+    if (this.cardType === "extra-tall") {
       if (window.innerWidth < 768) {
-        const cardContent = this.el.querySelector('ptc-card-content');
+        const cardContent = this.el.querySelector("ptc-card-content");
         if (cardContent) {
           cardContent.setHeight(this.getBtmContentHeight());
         }
       }
       else {
-        const cardContent = this.el.querySelector('ptc-card-content');
+        const cardContent = this.el.querySelector("ptc-card-content");
         if (cardContent) {
           cardContent.removeInlineHeight();
         }
@@ -95,7 +117,7 @@ export class PtcCardPlm {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'card-video'\r\n    | 'card-tall'\r\n    | 'card-wide'\r\n    | 'speed-bump'\r\n    | 'card-playlist'\r\n    | 'card-video-intro'\r\n    | 'card-2up'\r\n    | 'extra-tall'\r\n    | 'color-outlined'\r\n    | 'result-box'\r\n    | 'most-popular'\r\n    | 'simple-card'\r\n    | 'event-podcast'",
+          "original": "| \"card-video\"\r\n\t\t| \"card-tall\"\r\n\t\t| \"card-wide\"\r\n\t\t| \"speed-bump\"\r\n\t\t| \"card-playlist\"\r\n\t\t| \"card-video-intro\"\r\n\t\t| \"card-2up\"\r\n\t\t| \"extra-tall\"\r\n\t\t| \"color-outlined\"\r\n\t\t| \"result-box\"\r\n\t\t| \"most-popular\"\r\n\t\t| \"simple-card\"\r\n\t\t| \"event-podcast\"",
           "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"color-outlined\" | \"event-podcast\" | \"extra-tall\" | \"most-popular\" | \"result-box\" | \"simple-card\" | \"speed-bump\"",
           "references": {}
         },
@@ -158,7 +180,7 @@ export class PtcCardPlm {
         },
         "attribute": "link-target",
         "reflect": false,
-        "defaultValue": "'_self'"
+        "defaultValue": "\"_self\""
       },
       "isLoading": {
         "type": "boolean",

package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css

@@ -708,8 +708,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -728,8 +730,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -776,39 +780,155 @@ a.disabled {
   cursor: not-allowed;
 }
 a:focus-visible {
-  outline: 5px solid #003DD6 !important;
+  outline: 5px solid #003dd6 !important;
   outline-offset: 0px !important;
   border-radius: var(--ptc-border-radius-standard);
 }
 
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-plm-grey a.light-link {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a),
+.light-links a.light-link,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a),
+.background-grey-10 a.light-link,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a),
+.background-plm-grey a.light-link {
   color: var(--color-blue-04);
   margin: -2px;
   border: 2px solid transparent;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited,
+.light-links a.light-link:visited,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited,
+.background-grey-10 a.light-link:visited,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited,
+.background-plm-grey a.light-link:visited {
   color: var(--color-blue-06);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:active,
+.light-links a.light-link:active,
+.light-links a.light-link:visited:active,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):active,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:active,
+.background-grey-10 a.light-link:active,
+.background-grey-10 a.light-link:visited:active,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):active,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:active,
+.background-plm-grey a.light-link:active,
+.background-plm-grey a.light-link:visited:active {
   transition: none;
   color: var(--color-blue-07);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:hover,
+.light-links a.light-link:hover,
+.light-links a.light-link:visited:hover,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:hover,
+.background-grey-10 a.light-link:hover,
+.background-grey-10 a.light-link:visited:hover,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:hover,
+.background-plm-grey a.light-link:hover,
+.background-plm-grey a.light-link:visited:hover {
   color: var(--color-blue-05);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a).disabled,
+.light-links a.light-link.disabled,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a).disabled,
+.background-grey-10 a.light-link.disabled,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a).disabled,
+.background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
   cursor: not-allowed;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):focus-visible,
+.light-links a.light-link:focus-visible,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):focus-visible,
+.background-grey-10 a.light-link:focus-visible,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):focus-visible,
+.background-plm-grey a.light-link:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
   border: 2px solid white;
   outline: 5px solid var(--keyboard-nav-outline);
 }
-.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
+.light-links .podcast-cta-section a,
+.background-grey-10 .podcast-cta-section a,
+.background-plm-grey .podcast-cta-section a {
   border: 2px solid transparent;
 }
-.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
+.light-links .podcast-cta-section a:focus-visible,
+.background-grey-10 .podcast-cta-section a:focus-visible,
+.background-plm-grey .podcast-cta-section a:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
   border: 2px solid white;
   outline: 5px solid var(--keyboard-nav-outline);
@@ -892,7 +1012,6 @@ a:focus-visible {
   display: flex;
   justify-content: center;
   align-items: center;
-  padding-bottom: 30px;
 }
 :host .case-studies-slides .swiper-slide.swiper-slide-prev {
   visibility: hidden;