.tw-float-right {
  float: right;
}

.tw-float-left {
  float: left;
}

.tw-m-0 {
  margin: 0px;
}

.tw-mx-\[-12px\] {
  margin-left: -12px;
  margin-right: -12px;
}

.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.tw-my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.tw-mb-0 {
  margin-bottom: 0px;
}

.tw-mb-2 {
  margin-bottom: 0.5rem;
}

.tw-mb-3 {
  margin-bottom: 0.75rem;
}

.tw-mb-5 {
  margin-bottom: 1.25rem;
}

.tw-ml-5 {
  margin-left: 1.25rem;
}

.tw-mr-5 {
  margin-right: 1.25rem;
}

.tw-mt-4 {
  margin-top: 1rem;
}

.tw-mt-\[18px\] {
  margin-top: 18px;
}

.tw-flex {
  display: flex;
}

.tw-hidden {
  display: none;
}

.tw-h-\[33\%\] {
  height: 33%;
}

.tw-h-\[50\%\] {
  height: 50%;
}

.tw-w-\[33\%\] {
  width: 33%;
}

.tw-w-\[50\%\] {
  width: 50%;
}

.tw-max-w-\[50\%\] {
  max-width: 50%;
}

.tw-basis-1\/2 {
  flex-basis: 50%;
}

.tw-basis-full {
  flex-basis: 100%;
}

.tw-list-none {
  list-style-type: none;
}

.tw-flex-wrap {
  flex-wrap: wrap;
}

.tw-items-start {
  align-items: flex-start;
}

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

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

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

.tw-rounded-lg {
  border-radius: 0.5rem;
}

.tw-rounded-md {
  border-radius: 0.375rem;
}

.tw-bg-kikorangi {
  --tw-bg-opacity: 1;
  background-color: rgb(74 185 212 / var(--tw-bg-opacity, 1));
}

.tw-bg-moana {
  --tw-bg-opacity: 1;
  background-color: rgb(0 70 105 / var(--tw-bg-opacity, 1));
}

.tw-bg-sand {
  --tw-bg-opacity: 1;
  background-color: rgb(240 247 235 / var(--tw-bg-opacity, 1));
}

.tw-p-0 {
  padding: 0px;
}

.tw-p-4 {
  padding: 1rem;
}

.tw-p-5 {
  padding: 1.25rem;
}

.tw-p-\[15px\] {
  padding: 15px;
}

.tw-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.tw-py-\[36px\] {
  padding-top: 36px;
  padding-bottom: 36px;
}

.tw-pl-0 {
  padding-left: 0px;
}

.tw-pl-\[2px\] {
  padding-left: 2px;
}

.tw-pr-0 {
  padding-right: 0px;
}

.tw-pr-\[3px\] {
  padding-right: 3px;
}

.tw-pt-3 {
  padding-top: 0.75rem;
}

.tw-text-justify {
  text-align: justify;
}

.tw-font-filson {
  font-family: filson-soft, arial, sans-serif;
}

.tw-text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.tw-text-\[0\.8rem\] {
  font-size: 0.8rem;
}

.tw-text-\[11px\] {
  font-size: 11px;
}

.tw-text-\[16px\] {
  font-size: 16px;
}

.tw-text-\[18px\] {
  font-size: 18px;
}

.tw-text-\[20px\] {
  font-size: 20px;
}

.tw-text-\[28px\] {
  font-size: 28px;
}

.tw-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.tw-font-black {
  font-weight: 900;
}

.tw-font-bold {
  font-weight: 700;
}

.tw-font-extrabold {
  font-weight: 800;
}

.tw-font-semibold {
  font-weight: 600;
}

.tw-font-thin {
  font-weight: 100;
}

.tw-leading-\[1\.1\] {
  line-height: 1.1;
}

.tw-leading-\[1\.2\] {
  line-height: 1.2;
}

.tw-leading-none {
  line-height: 1;
}

.tw-text-cloud {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw-text-dusk {
  --tw-text-opacity: 1;
  color: rgb(94 87 151 / var(--tw-text-opacity, 1));
}

.tw-text-hibiscus {
  --tw-text-opacity: 1;
  color: rgb(241 95 82 / var(--tw-text-opacity, 1));
}

.tw-text-kikorangi {
  --tw-text-opacity: 1;
  color: rgb(74 185 212 / var(--tw-text-opacity, 1));
}

.tw-text-moana {
  --tw-text-opacity: 1;
  color: rgb(0 70 105 / var(--tw-text-opacity, 1));
}

.tw-text-sand {
  --tw-text-opacity: 1;
  color: rgb(240 247 235 / var(--tw-text-opacity, 1));
}

.tw-text-whenua {
  --tw-text-opacity: 1;
  color: rgb(195 210 84 / var(--tw-text-opacity, 1));
}

.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw-underline {
  text-decoration-line: underline;
}

.tw-no-underline {
  text-decoration-line: none;
}

.tw-button-whenua {
  background-color: #c3d254;
  color: #004669;
}

.tw-button-moana {
  background-color: #004669;
  color: #ffffff;
}

.tw-button-whenua:hover,
.tw-button-moana:hover {
  filter: brightness(0.9);
}

.tw-button-moana:hover,
.tw-button-moana:visited {
  color: #ffffff;
}

.banner-full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* todo more graceful solution */

body[data-page='4956'] .pcc-level2-outer-container,
body[data-page='4956'] .pcc-landing-header {
  background-color: #004669;
}

body[data-page='4956'] .pcc-landing-head2 {
  color: #fff;
}

.hover\:tw-text-kikorangi:hover {
  --tw-text-opacity: 1;
  color: rgb(74 185 212 / var(--tw-text-opacity, 1));
}

.hover\:tw-text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:tw-no-underline:hover {
  text-decoration-line: none;
}

.hover\:tw-opacity-80:hover {
  opacity: 0.8;
}

@media (min-width: 576px) {
  .sm\:tw-justify-end {
    justify-content: flex-end;
  }
}

@media (min-width: 768px) {
  .md\:tw-basis-1\/2 {
    flex-basis: 50%;
  }
}

@media (min-width: 992px) {
  .lg\:tw-mb-0 {
    margin-bottom: 0px;
  }

  .lg\:tw-mb-1 {
    margin-bottom: 0.25rem;
  }

  .lg\:tw-block {
    display: block;
  }

  .lg\:tw-hidden {
    display: none;
  }

  .lg\:tw-basis-1\/4 {
    flex-basis: 25%;
  }

  .lg\:tw-basis-1\/5 {
    flex-basis: 20%;
  }

  .lg\:tw-items-center {
    align-items: center;
  }

  .lg\:tw-text-\[24px\] {
    font-size: 24px;
  }
}