/* Global "Tailwind" Styles */

:root {
    /* --pt-gp-small: 8px;
    --pt-gp-medium: 16px;
    --pt-gp-large: 32px; */

    --pt-gp-none: 0px;
    --pt-gp-small: 20px;
    --pt-gp-medium: 40px;
    --pt-gp-large: 60px;

    --svg-tick: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z"/></svg>');
    /* 1 / 1 */

    --svg-arrow-down: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
    /* 1 / 1.3333 */

    --svg-pdf-outline: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 576"><path d="M208 48L96 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l80 0 0 48-80 0c-35.3 0-64-28.7-64-64L32 64C32 28.7 60.7 0 96 0L229.5 0c17 0 33.3 6.7 45.3 18.7L397.3 141.3c12 12 18.7 28.3 18.7 45.3l0 149.5-48 0 0-128-88 0c-39.8 0-72-32.2-72-72l0-88zM348.1 160L256 67.9 256 136c0 13.3 10.7 24 24 24l68.1 0zM240 380l32 0c33.1 0 60 26.9 60 60s-26.9 60-60 60l-12 0 0 28c0 11-9 20-20 20s-20-9-20-20l0-128c0-11 9-20 20-20zm32 80c11 0 20-9 20-20s-9-20-20-20l-12 0 0 40 12 0zm96-80l32 0c28.7 0 52 23.3 52 52l0 64c0 28.7-23.3 52-52 52l-32 0c-11 0-20-9-20-20l0-128c0-11 9-20 20-20zm32 128c6.6 0 12-5.4 12-12l0-64c0-6.6-5.4-12-12-12l-12 0 0 88 12 0zm76-108c0-11 9-20 20-20l48 0c11 0 20 9 20 20s-9 20-20 20l-28 0 0 24 28 0c11 0 20 9 20 20s-9 20-20 20l-28 0 0 44c0 11-9 20-20 20s-20-9-20-20l0-128z"/></svg>');
    /* 1 / 1 */
}

@media (max-width: 767px) {
  :root {
    --pt-gp-small: 10px;
    --pt-gp-medium: 20px;
    --pt-gp-large: 30px;
  }
}


/* */

.pt-width-50{
    width: 50%;
}

figure.pt-width-50{
  width: 50%;
  aspect-ratio: 16 / 9;
}
@media (max-width: 767px) {
  figure.pt-width-50{
    width: 100%;
  }
}

.pt-width-75{
    width: 75%;
}

figure.pt-width-75{
  width: 75%;
  aspect-ratio: 16 / 9;
}
@media (max-width: 767px) {
  figure.pt-width-75{
    width: 100%;
  }
}

.pt-width-100{
    width: 100%;
}

figure.pt-width-100{
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* */

.pt-justify-start{
  justify-content: flex-start;
}

.pt-justify-end{
  justify-content: flex-end;
}

.pt-justify-center{
  justify-content: center;
}

.pt-justify-between{
  justify-content: space-between;
}

.pt-justify-around{
  justify-content: space-around;
}

.pt-justify-evenly{
  justify-content: space-evenly;
}

/* */

.pt-align-start{
  align-items: flex-start !important;
}

.pt-align-center{
  align-items: center !important;
}

.pt-align-end{
  align-items: flex-end !important;
}

.pt-align-stretch{
  align-items: stretch !important;
}

/* */

.is-layout-flex.pt-gap-none{
  gap: var(--pt-gp-none);
}
.pt-gap-none:not(.is-layout-flex) > *{
  margin: var(--pt-gp-none) 0px var(--pt-gp-none) 0px;
}
.pt-gap-none:not(.is-layout-flex) > *:first-child{
  margin-top: 0px;
}
.pt-gap-none:not(.is-layout-flex) > *:last-child{
  margin-bottom: 0px;
}

*:not(.is-layout-flex).pt-gap-small > .pt-btn{
  margin: 0px;
}

/* */

.is-layout-flex.pt-gap-small{
  gap: var(--pt-gp-small);
}
.pt-gap-small:not(.is-layout-flex) > *{
  margin: var(--pt-gp-small) 0px var(--pt-gp-small) 0px;
}
.pt-gap-small:not(.is-layout-flex) > *:first-child{
  margin-top: 0px;
}
.pt-gap-small:not(.is-layout-flex) > *:last-child{
  margin-bottom: 0px;
}

*:not(.is-layout-flex).pt-gap-small > .pt-btn{
  margin: 0px;
}

/* */

.is-layout-flex.pt-gap-medium{
  gap: var(--pt-gp-medium);
}
*:not(.is-layout-flex).pt-gap-medium > *{
  margin: var(--pt-gp-medium) 0px var(--pt-gp-medium) 0px;
}
*:not(.is-layout-flex).pt-gap-medium > *:first-child{
  margin-top: 0px;
}
*:not(.is-layout-flex).pt-gap-medium > *:last-child{
  margin-bottom: 0px;
}

*:not(.is-layout-flex).pt-gap-medium > .pt-btn{
  margin: 0px;
}

/* */

.is-layout-flex.pt-gap-large{
  gap: var(--pt-gp-large);
}
*:not(.is-layout-flex).pt-gap-large > *{
  margin: var(--pt-gp-large) 0px var(--pt-gp-large) 0px;
}
*:not(.is-layout-flex).pt-gap-large > *:first-child{
  margin-top: 0px;
}
*:not(.is-layout-flex).pt-gap-large > *:last-child{
  margin-bottom: 0px;
}

*:not(.is-layout-flex).pt-gap-large > .pt-btn{
  margin: 0px;
}

/* */

.pt-padding-x-none{
  padding-left: 0px;
  padding-right: 0px;
}

.pt-padding-x-small{
  padding-left: var(--pt-gp-small);
  padding-right: var(--pt-gp-small);
}

.pt-padding-x-medium{
  padding-left: var(--pt-gp-medium);
  padding-right: var(--pt-gp-medium);
}

.pt-padding-x-large{
  padding-left: var(--pt-gp-large);
  padding-right: var(--pt-gp-large);
}

.pt-padding-y-none{
  padding-left: 0px;
  padding-right: 0px;
}

.pt-padding-y-small{
  padding-top: var(--pt-gp-small);
  padding-bottom: var(--pt-gp-small);
}

.pt-padding-y-medium{
  padding-top: var(--pt-gp-medium);
  padding-bottom: var(--pt-gp-medium);
}

.pt-padding-y-large{
  padding-top: var(--pt-gp-large);
  padding-bottom: var(--pt-gp-large);
}

/* */

.pt-rounded{
  border-radius: 10px;
  overflow: hidden;
}

/* */

.pt-drop-shadow{
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
}

/* */

.dark .pt-check{
  color: var(--white);
}

.pt-check:not(ul){
    position: relative;
    padding-left: 1.5em;
}
.pt-check:not(ul)::before{
    content: '';
    display: block;
    height: 1.1em;
    aspect-ratio: 1 / 1;

    position: absolute;
    left: 0;
    top: 0.1em;
    transform: translateY(-5%);

    background-color: #3595d1;

    mask: var(--svg-tick);
    mask-size: auto;
    mask-position: center center;
    mask-repeat: no-repeat;
}

ul.pt-check{
    list-style-type: none;
}

ul.pt-check li{
    position: relative;
}

ul.pt-check li::before{
    content: '';
    display: block;
    height: 1.1em;
    aspect-ratio: 1 / 1;

    position: absolute;
    top: 0.2em;
    left: -1.7em;

    background-color: #3595d1;

    mask: var(--svg-tick);
    mask-size: auto;
    mask-position: center center;
    mask-repeat: no-repeat;
}

/* PDF bullets */

.pt-pdf{
  --icon-color: #000000;
}

.dark .pt-pdf{
  color: var(--white);
  --icon-color: #ffffff;
}

.pt-pdf:not(ul){
    position: relative;
    padding-left: 2.6em;
}
.pt-pdf:not(ul)::before{
    content: '';
    display: block;
    height: 1.6em;
    aspect-ratio: 1 / 1;

    position: absolute;
    left: 0;
    top: 0.1em;
    transform: translateY(-5%);

    background-color: var(--icon-color);

    mask: var(--svg-pdf-outline);
    mask-size: auto;
    mask-position: center center;
    mask-repeat: no-repeat;
}

ul.pt-pdf{
    list-style-type: none;
}

ul.pt-pdf li{
    position: relative;
    padding: 3px 0px 3px 10px;
    margin: 20px 0px 20px 0px;
}
ul.pt-pdf li:first-child{
  margin-top: 0px;
}
ul.pt-pdf li:last-child{
  margin-bottom: 0px;
}

ul.pt-pdf li::before{
    content: '';
    display: block;
    height: 1.6em;
    aspect-ratio: 1 / 1;

    position: absolute;
    top: 0.2em;
    left: -1.7em;

    background-color: var(--icon-color);

    mask: var(--svg-pdf-outline);
    mask-size: auto;
    mask-position: center center;
    mask-repeat: no-repeat;
}

/* */

p.pt-read-more > a{
  position: relative;
  display: inline-block;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  text-decoration: underline;
  transition: 0.2s;
  padding: 0px 1.3em 0px 0px;
}
p.pt-read-more > a::after {
  content: "";
  display: block;
  height: 1.1em;
  aspect-ratio: 1/1.3333;
  position: absolute;
  top: 50%;
  right: 0;
  transition: 0.2s;
  transform: translateY(-45%);
  background-color: #000000;
  mask: var(--svg-arrow-down);
  mask-size: cover;
  mask-position: center center;
}

/* Horizontal scroll wrapper */

.pt-horizontal-scroll-wrapper {
  position: relative;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;

  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 88%, rgba(255,255,255,0) 12%, var(--pt-e2e-color, rgba(255,255,255,1)));
}

.pt-horizontal-scroll-wrapper * {
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .pt-horizontal-scroll-wrapper * {
    z-index: -1;
  }
  /* 
  .pt-horizontal-scroll-wrapper::after {
    content: "";
    position: sticky;
    top: 0;
    right: 0;
    bottom: 0;

    width: 20px;

    background: linear-gradient(90deg, rgba(255,255,255,0), var(--pt-e2e-color, rgba(255,255,255,1)));

    border: 1px dotted #ffffff; 
  }
  */
}



/* row to stack at mobile */

@media (max-width: 767px) {
  .pt-row-to-col{
    flex-flow: column nowrap;
  }
}

/* gutter busting */

.pt-gutter-buster-small{
  margin-bottom: calc(0px - var(--pt-gp-small));
}

.pt-gutter-buster-medium{
  margin-bottom: calc(0px - var(--pt-gp-medium));
}

.pt-gutter-buster-large{
  margin-bottom: calc(0px - var(--pt-gp-large));
}


/* END Global "Tailwind" Styles */