@ptcwebops/ptcw-design 6.3.38 → 6.3.40-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,43 +7,37 @@ 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() {
@@ -73,7 +67,7 @@ export class PtcCardBottom {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "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\"",
+          "original": "'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist' | 'extra-tall' | 'color-outlined'| 'most-popular'| '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,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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,61 +7,51 @@ 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 {
@@ -87,7 +77,7 @@ export class PtcCardContent {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "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\"",
+          "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'",
           "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": {}
         },
@@ -104,7 +94,7 @@ export class PtcCardContent {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "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\"",
+          "original": "'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | '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,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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 */
@@ -231,7 +227,7 @@ ptc-footer {
 }
 :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,33 +44,13 @@ 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() {
@@ -78,19 +58,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();
         }
@@ -115,7 +95,7 @@ export class PtcCardPlm {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "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\"",
+          "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'",
           "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": {}
         },
@@ -178,7 +158,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,10 +708,8 @@ 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;
@@ -730,10 +728,8 @@ 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 */
@@ -780,131 +776,39 @@ 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,
-.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,
-.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,
-.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,
-.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,
-.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,
-.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,
-.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.vjs-social-share-links a):active,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.vjs-social-share-links a):active,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.vjs-social-share-links a):hover,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.vjs-social-share-links a):hover,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.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,
-.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,
-.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,
-.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,
-.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,
-.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);
@@ -988,6 +892,7 @@ ptc-modal inline-form a,
   display: flex;
   justify-content: center;
   align-items: center;
+  padding-bottom: 30px;
 }
 :host .case-studies-slides .swiper-slide.swiper-slide-prev {
   visibility: hidden;