@ptcwebops/ptcw-design 3.2.2 → 3.2.3

package/dist/collection/components/ptc-seo-title/ptc-seo-title.css

@@ -0,0 +1,593 @@
+div.center {
+  text-align: center;
+}
+div.center.dotted h1::before,
+div.center.dotted h2::before,
+div.center.dotted h3::before,
+div.center.dotted h4::before,
+div.center.dotted h5::before,
+div.center.dotted h6::before {
+  left: 50%;
+  transform: translateX(-50%);
+}
+div.left {
+  text-align: left;
+}
+div.left.dotted h1::before,
+div.left.dotted h2::before,
+div.left.dotted h3::before,
+div.left.dotted h4::before,
+div.left.dotted h5::before,
+div.left.dotted h6::before {
+  left: 0%;
+}
+div.right {
+  text-align: right;
+}
+div.right.dotted h1::before,
+div.right.dotted h2::before,
+div.right.dotted h3::before,
+div.right.dotted h4::before,
+div.right.dotted h5::before,
+div.right.dotted h6::before {
+  right: 0%;
+}
+div.inherit {
+  text-align: inherit;
+}
+div.dotted h1::before,
+div.dotted h2::before,
+div.dotted h3::before,
+div.dotted h4::before,
+div.dotted h5::before,
+div.dotted h6::before {
+  content: "";
+  position: absolute;
+  top: -6px;
+  width: 30%;
+  display: block;
+  border-top: 3px dashed var(--color-green-07);
+}
+div.solid h1,
+div.solid h2,
+div.solid h3,
+div.solid h4,
+div.solid h5,
+div.solid h6 {
+  padding-top: 12px;
+}
+div.solid h1::before,
+div.solid h2::before,
+div.solid h3::before,
+div.solid h4::before,
+div.solid h5::before,
+div.solid h6::before {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 0.7px;
+  background-color: var(--color-gray-03);
+  opacity: 0.9;
+  left: 0px;
+  top: 0;
+}
+div.solid h1::after,
+div.solid h2::after,
+div.solid h3::after,
+div.solid h4::after,
+div.solid h5::after,
+div.solid h6::after {
+  content: "";
+  position: absolute;
+  width: 56px;
+  height: 2px;
+  background-color: var(--color-green-07);
+  top: -2px;
+  left: 0px;
+}
+div.is-standard h1,
+div.is-standard h2,
+div.is-standard h3,
+div.is-standard h4,
+div.is-standard h5,
+div.is-standard h6 {
+  display: inline-block;
+  position: relative;
+}
+div.is-standard h1 {
+  font-size: var(--ptc-font-size-xxx-large);
+  line-height: var(--ptc-line-height-densest);
+  font-weight: var(--ptc-font-weight-extrabold);
+  letter-spacing: 0px;
+  color: var(--color-gray-10);
+}
+@media only screen and (min-width: 768px) {
+  div.is-standard h1 {
+    font-size: var(--ptc-font-size-xxxx-large);
+  }
+}
+div.is-standard h2 {
+  font-size: var(--ptc-font-size-x-large);
+  line-height: var(--ptc-line-height-densest);
+  font-weight: var(--ptc-font-weight-extrabold);
+  color: var(--color-gray-10);
+}
+@media only screen and (min-width: 768px) {
+  div.is-standard h2 {
+    font-size: var(--ptc-font-size-xx-large);
+  }
+}
+div.is-plm-hub h1,
+div.is-plm-hub h2,
+div.is-plm-hub h3,
+div.is-plm-hub h4,
+div.is-plm-hub h5,
+div.is-plm-hub h6 {
+  display: inline-block;
+  position: relative;
+  margin-block-start: 0em;
+  margin-block-end: 0em;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;
+  color: var(--color-white) !important;
+}
+div.margin-flush {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+div.margin-flush h1,
+div.margin-flush h2,
+div.margin-flush h3,
+div.margin-flush h4,
+div.margin-flush h5 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+div.margin-top-2 {
+  margin-top: var(--ptc-element-spacing-02);
+  margin-bottom: 0;
+}
+div.margin-top-3 {
+  margin-top: var(--ptc-element-spacing-03);
+  margin-bottom: 0;
+}
+div.margin-top-4 {
+  margin-top: var(--ptc-element-spacing-04);
+  margin-bottom: 0;
+}
+div.margin-top-5 {
+  margin-top: var(--ptc-element-spacing-05);
+  margin-bottom: 0;
+}
+div.margin-top-6 {
+  margin-top: var(--ptc-element-spacing-06);
+  margin-bottom: 0;
+}
+div.margin-bottom-2 {
+  margin-bottom: var(--ptc-element-spacing-02);
+  margin-top: 0;
+}
+div.margin-bottom-3 {
+  margin-bottom: var(--ptc-element-spacing-03);
+  margin-top: 0;
+}
+div.margin-bottom-4 {
+  margin-bottom: var(--ptc-element-spacing-04);
+  margin-top: 0;
+}
+div.margin-bottom-5 {
+  margin-bottom: var(--ptc-element-spacing-05);
+  margin-top: 0;
+}
+div.margin-bottom-6 {
+  margin-bottom: var(--ptc-element-spacing-06);
+  margin-top: 0;
+}
+div.margin-2 {
+  margin-top: var(--ptc-element-spacing-02);
+  margin-bottom: var(--ptc-element-spacing-02);
+}
+div.margin-3 {
+  margin-top: var(--ptc-element-spacing-03);
+  margin-bottom: var(--ptc-element-spacing-03);
+}
+div.margin-4 {
+  margin-top: var(--ptc-element-spacing-04);
+  margin-bottom: var(--ptc-element-spacing-04);
+}
+div.margin-5 {
+  margin-top: var(--ptc-element-spacing-05);
+  margin-bottom: var(--ptc-element-spacing-05);
+}
+div.margin-5 h4 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+div.margin-6 {
+  margin-top: var(--ptc-element-spacing-06);
+  margin-bottom: var(--ptc-element-spacing-06);
+}
+div.margin-9 {
+  margin-top: var(--ptc-element-spacing-09);
+  margin-bottom: var(--ptc-element-spacing-09);
+}
+div.green h1,
+div.green h2,
+div.green h3,
+div.green h4,
+div.green h5,
+div.green h6 {
+  text-shadow: 0px 0px var(--ptc-element-spacing-03) var(--color-green-07);
+}
+div.blue h1,
+div.blue h2,
+div.blue h3,
+div.blue h4,
+div.blue h5,
+div.blue h6 {
+  text-shadow: 0px 0px var(--ptc-element-spacing-03) var(--color-blue-07);
+}
+div.red h1,
+div.red h2,
+div.red h3,
+div.red h4,
+div.red h5,
+div.red h6 {
+  text-shadow: 0px 0px var(--ptc-element-spacing-03) var(--color-red-07);
+}
+div.orange h1,
+div.orange h2,
+div.orange h3,
+div.orange h4,
+div.orange h5,
+div.orange h6 {
+  text-shadow: 0px 0px var(--ptc-element-spacing-03) var(--color-orange-07);
+}
+div.slate-grey h1,
+div.slate-grey h2,
+div.slate-grey h3,
+div.slate-grey h4,
+div.slate-grey h5,
+div.slate-grey h6 {
+  text-shadow: 0px 0px var(--ptc-element-spacing-03) var(--color-gray-07);
+}
+div.w-3 h1,
+div.w-3 h2,
+div.w-3 h3,
+div.w-3 h4,
+div.w-3 h5,
+div.w-3 h6 {
+  font-weight: var(--ptc-font-weight-thin);
+}
+div.w-4 h1,
+div.w-4 h2,
+div.w-4 h3,
+div.w-4 h4,
+div.w-4 h5,
+div.w-4 h6 {
+  font-weight: var(--ptc-font-weight-regular);
+}
+div.w-5 h1,
+div.w-5 h2,
+div.w-5 h3,
+div.w-5 h4,
+div.w-5 h5,
+div.w-5 h6 {
+  font-weight: var(--ptc-font-weight-medium);
+}
+div.w-6 h1,
+div.w-6 h2,
+div.w-6 h3,
+div.w-6 h4,
+div.w-6 h5,
+div.w-6 h6 {
+  font-weight: var(--ptc-font-weight-semibold);
+}
+div.w-7 h1,
+div.w-7 h2,
+div.w-7 h3,
+div.w-7 h4,
+div.w-7 h5,
+div.w-7 h6 {
+  font-weight: var(--ptc-font-weight-bold);
+}
+div.w-8 h1,
+div.w-8 h2,
+div.w-8 h3,
+div.w-8 h4,
+div.w-8 h5,
+div.w-8 h6 {
+  font-weight: var(--ptc-font-weight-extrabold);
+}
+div.w-9 h1,
+div.w-9 h2,
+div.w-9 h3,
+div.w-9 h4,
+div.w-9 h5,
+div.w-9 h6 {
+  font-weight: var(--ptc-font-weight-black);
+}
+div.xx-small h1,
+div.xx-small h2,
+div.xx-small h3,
+div.xx-small h4,
+div.xx-small h5,
+div.xx-small h6 {
+  font-size: var(--ptc-font-size-xx-small);
+}
+div.x-small h1,
+div.x-small h2,
+div.x-small h3,
+div.x-small h4,
+div.x-small h5,
+div.x-small h6 {
+  font-size: var(--ptc-font-size-x-small);
+}
+div.small h1,
+div.small h2,
+div.small h3,
+div.small h4,
+div.small h5,
+div.small h6 {
+  font-size: var(--ptc-font-size-small);
+}
+div.medium h1,
+div.medium h2,
+div.medium h3,
+div.medium h4,
+div.medium h5,
+div.medium h6 {
+  font-size: var(--ptc-font-size-medium);
+}
+div.large h1,
+div.large h2,
+div.large h3,
+div.large h4,
+div.large h5,
+div.large h6 {
+  font-size: var(--ptc-font-size-large);
+}
+div.large h3 {
+  font-size: var(--ptc-font-size-medium);
+}
+@media only screen and (min-width: 768px) {
+  div.large h3 {
+    font-size: var(--ptc-font-size-large);
+  }
+}
+div.x-large h1,
+div.x-large h2,
+div.x-large h3,
+div.x-large h4,
+div.x-large h5,
+div.x-large h6 {
+  font-size: var(--ptc-font-size-x-large);
+}
+div.xx-large h1,
+div.xx-large h2,
+div.xx-large h3,
+div.xx-large h4 {
+  font-size: var(--ptc-font-size-x-large);
+}
+@media only screen and (min-width: 768px) {
+  div.xx-large h1,
+div.xx-large h2,
+div.xx-large h3,
+div.xx-large h4 {
+    font-size: var(--ptc-font-size-xx-large);
+  }
+}
+div.xxx-large h1,
+div.xxx-large h2,
+div.xxx-large h3,
+div.xxx-large h4,
+div.xxx-large h5,
+div.xxx-large h6 {
+  font-size: var(--ptc-font-size-xx-large);
+}
+@media only screen and (min-width: 768px) {
+  div.xxx-large h1,
+div.xxx-large h2,
+div.xxx-large h3,
+div.xxx-large h4,
+div.xxx-large h5,
+div.xxx-large h6 {
+    font-size: var(--ptc-font-size-xxx-large);
+  }
+}
+div.xxxx-large h1,
+div.xxxx-large h2,
+div.xxxx-large h3,
+div.xxxx-large h4,
+div.xxxx-large h5,
+div.xxxx-large h6 {
+  font-size: var(--ptc-font-size-xxx-large);
+}
+@media screen and (min-width: 769px) {
+  div.xxxx-large h1,
+div.xxxx-large h2,
+div.xxxx-large h3,
+div.xxxx-large h4,
+div.xxxx-large h5,
+div.xxxx-large h6 {
+    font-size: var(--ptc-font-size-xxxx-large);
+  }
+}
+div.xx-large-allbp h1,
+div.xx-large-allbp h2,
+div.xx-large-allbp h3,
+div.xx-large-allbp h4,
+div.xx-large-allbp h5,
+div.xx-large-allbp h6 {
+  font-size: var(--ptc-font-size-xx-large);
+}
+div.xxxx-large-allbp h1,
+div.xxxx-large-allbp h2,
+div.xxxx-large-allbp h3,
+div.xxxx-large-allbp h4,
+div.xxxx-large-allbp h5,
+div.xxxx-large-allbp h6 {
+  font-size: var(--ptc-font-size-xxxx-large);
+}
+div.xxxx-large-desktop h1,
+div.xxxx-large-desktop h2,
+div.xxxx-large-desktop h3,
+div.xxxx-large-desktop h4,
+div.xxxx-large-desktop h5,
+div.xxxx-large-desktop h6 {
+  font-size: var(--ptc-font-size-xxx-large);
+}
+@media only screen and (min-width: 992px) {
+  div.xxxx-large-desktop h1,
+div.xxxx-large-desktop h2,
+div.xxxx-large-desktop h3,
+div.xxxx-large-desktop h4,
+div.xxxx-large-desktop h5,
+div.xxxx-large-desktop h6 {
+    font-size: var(--ptc-font-size-xxxx-large);
+  }
+}
+div.xxxx-large-store h1,
+div.xxxx-large-store h2,
+div.xxxx-large-store h3,
+div.xxxx-large-store h4,
+div.xxxx-large-store h5,
+div.xxxx-large-store h6 {
+  font-size: var(--ptc-font-size-xxx-large);
+}
+@media only screen and (min-width: 992px) {
+  div.xxxx-large-store h1,
+div.xxxx-large-store h2,
+div.xxxx-large-store h3,
+div.xxxx-large-store h4,
+div.xxxx-large-store h5,
+div.xxxx-large-store h6 {
+    font-size: var(--ptc-font-size-xxxx-large);
+  }
+}
+div.densest h1,
+div.densest h2,
+div.densest h3,
+div.densest h4,
+div.densest h5,
+div.densest h6 {
+  line-height: var(--ptc-line-height-densest);
+}
+div.denser h1,
+div.denser h2,
+div.denser h3,
+div.denser h4,
+div.denser h5,
+div.denser h6 {
+  line-height: var(--ptc-line-height-denser);
+}
+div.dense h1,
+div.dense h2,
+div.dense h3,
+div.dense h4,
+div.dense h5,
+div.dense h6 {
+  line-height: var(--ptc-line-height-dense);
+}
+div.normal h1,
+div.normal h2,
+div.normal h3,
+div.normal h4,
+div.normal h5,
+div.normal h6 {
+  line-height: var(--ptc-line-height-normal);
+}
+div.loose h1,
+div.loose h2,
+div.loose h3,
+div.loose h4,
+div.loose h5,
+div.loose h6 {
+  line-height: var(--ptc-line-height-loose);
+}
+div.looser h1,
+div.looser h2,
+div.looser h3,
+div.looser h4,
+div.looser h5,
+div.looser h6 {
+  line-height: var(--ptc-line-height-looser);
+}
+div.paragraph h1,
+div.paragraph h2,
+div.paragraph h3,
+div.paragraph h4,
+div.paragraph h5,
+div.paragraph h6 {
+  line-height: var(--ptc-line-height-paragraph);
+}
+div.black h1,
+div.black h2,
+div.black h3,
+div.black h4,
+div.black h5,
+div.black h6 {
+  color: var(--color-black);
+}
+div.white h1,
+div.white h2,
+div.white h3,
+div.white h4,
+div.white h5,
+div.white h6 {
+  color: var(--color-white);
+}
+div.gray-1 h1,
+div.gray-1 h2,
+div.gray-1 h3,
+div.gray-1 h4,
+div.gray-1 h5,
+div.gray-1 h6 {
+  color: var(--color-gray-01);
+}
+div.gray h1,
+div.gray h2,
+div.gray h3,
+div.gray h4,
+div.gray h5,
+div.gray h6 {
+  color: var(--color-gray-10);
+}
+div.gray-darker h1,
+div.gray-darker h2,
+div.gray-darker h3,
+div.gray-darker h4,
+div.gray-darker h5,
+div.gray-darker h6 {
+  color: var(--color-gray-11);
+}
+div.ellipsis-boxing h1,
+div.ellipsis-boxing h2,
+div.ellipsis-boxing h3,
+div.ellipsis-boxing h4,
+div.ellipsis-boxing h5,
+div.ellipsis-boxing h6 {
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow-wrap: break-word;
+  padding-bottom: 0;
+}
+div.block h1,
+div.block h2,
+div.block h3,
+div.block h4,
+div.block h5,
+div.block h6 {
+  display: block;
+}
+
+:host {
+  word-break: break-word;
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  -ms-hyphens: auto;
+  hyphens: auto;
+}