/*
Theme Name: Flux
Theme URI:
Author: Kings Digital
Author URI: https://www.kingsdigital.com.au/
Description: Flux is a minimalist, versatile and adaptable theme designed to be applicable to any website. It contains a collection of templates and patterns tailor to different needs and to speed up site building process. It is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4. It also contains custom code designed to improve site performance and speed.
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
Version: 3.3.38
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flux
Tags: blog, news, portfolio, one-column, wide-blocks, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, style-variations, threaded-comments, translation-ready
*/

/* CSS Reset
---------------------------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

b,
strong {
  font-weight: 600;
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
  font: inherit;
}

:where(:focus-visible, :focus) {
  outline-style: dotted;
  outline-width: 1px;
  outline-offset: 3px;
  outline-color: var(--wp--custom--color--ring);
}
.nf-form-cont,
.nf-form-cont select {
  color-scheme: only light !important;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
  -webkit-appearance: none;
}

input:not([type="submit"]),
select,
textarea {
  color: var(--wp--preset--color--text);
  border-radius: 5px;
  border: 1px solid var(--wp--custom--color--border);
  overflow: hidden;
  width: 100%;
  background-color: transparent;
}
#nf-form-12-cont select {
  background-color: #466190;
}

input:not([type="submit"]),
textarea {
  font-size: var(--wp--preset--font-size--small);
}

input:not([type="submit"]),
select:not([multiple]),
select[multiple] option,
textarea {
  padding: 0.5em;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
}

li:has(input:is([type="checkbox"], [type="radio"])) {
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
}

.list-checkbox-wrap .nf-field-element li input,
.list-image-wrap .nf-field-element li input,
.list-radio-wrap .nf-field-element li input {
  margin: 0;
}

.list-checkbox-wrap .nf-field-element li label,
.list-image-wrap .nf-field-element li label,
.list-radio-wrap .nf-field-element li label {
  margin-inline-start: 0.5em;
}

label {
  width: 100%;
  display: block;
}

::placeholder {
  color: var(--wp--preset--color--gray-500);
  font-size: var(--wp--preset--font-size--small);
  opacity: 0.75;
}
#nf-form-12-cont ::placeholder {
  color: #dbdbdb;
}

/* Helper styles that can't be done via theme.json
---------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: pretty;
}

/* Ninja Forms styles
---------------------------------------------------------------------------- */
#nf-form-16-cont .nf-form-fields-required {
  display: none;
}

.nf-after-field,
.nf-field-description {
  font-size: var(--wp--preset--font-size--small);
}

#nf-form-16-cont #nf-field-1015-container {
  display: none !important;
}
#nf-form-16-cont .nf-mp-body nf-rows-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 2rem;
  align-items: start;
}

#nf-form-16-cont .nf-range-column {
  grid-column: 1;
  grid-row: 1 / span 99;
}
#nf-form-16-cont .nf-mp-body nf-rows-wrap > .nf-row:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 8 / span 99;
  margin-left: calc(var(--wp--preset--spacing--20) * -1);
  margin-right: calc(var(--wp--preset--spacing--20) * -1);
}
#nf-form-16-cont #nf-field-1016-container {
  display: none;
  margin-bottom: 0;
}
#nf-form-16-cont #nf-field-1016-container.is-visible-after-submit {
  display: block;
}
.nf-form-content .nf-field-container #nf-field-1016-wrap {
  margin-top: var(--wp--preset--spacing--20);
  padding-top: var(--wp--preset--spacing--20);
  padding-right: var(--wp--preset--spacing--20);
  padding-left: var(--wp--preset--spacing--20);
  padding-bottom: var(--wp--preset--spacing--20);
  margin-bottom: calc(-1 * var(--wp--preset--spacing--20));
}
.nf-form-content .nf-field-container #nf-field-1016-wrap .nf-field-element {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#nf-form-16-cont {
  padding-bottom: var(--wp--preset--spacing--20);
}
#nf-form-16-cont .nf-mp-body nf-rows-wrap > .nf-row {
  grid-column: 2;
}

#nf-form-16-cont .nf-range-control {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.nf-form-content .nf-field-container #nf-field-1016-wrap strong {
  margin: 0;
  font-size: var(--wp--preset--font-size--x-large);
}
.nf-form-content .nf-field-container #nf-field-1016-wrap a {
  padding: 0.33rem 1rem;
  background-color: var(--wp--preset--color--secondary);
  border-radius: var(--wp--custom--button--border-radius);
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nf-form-content .nf-field-container #nf-field-1016-wrap a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M7.5 9L6.45 7.9125L9.1125 5.25H0V3.75H9.1125L6.45 1.0875L7.5 0L12 4.5L7.5 9Z' fill='white'/%3E%3C/svg%3E");
  display: inline-block;
  width: 14px;
  height: 24px;
  margin-left: 8px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
  transform: translateX(0px);
}

.nf-form-content .nf-field-container #nf-field-1016-wrap a:hover:after {
  transform: translateX(2px);
  transition: transform 0.3s ease;
}
.nf-form-content
  .nf-field-container
  #nf-field-1016-wrap
  div.nf-field-element
  p:first-child {
  width: 60%;
}
.nf-form-content
  .nf-field-container
  #nf-field-1016-wrap
  div.nf-field-element
  p:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
}
#nf-form-16-cont .nf-range-label {
  color: currentColor;
}
#nf-form-16-cont .nf-input-limit {
  margin-top: 0;
}
#nf-form-16-cont .nf-range-value {
  color: var(--wp--preset--color--primary);
  display: block;
  font-size: clamp(2rem, 4vw, 1.75rem);
  font-weight: 800;
  line-height: 1;
}

#nf-form-16-cont .nf-range-slider {
  --_range-progress: 0%;
  --_range-track-color: #f2f2f2;
  --_range-thumb-size: 2rem;
  --_range-track-size: 0.5rem;
  appearance: none;
  background: linear-gradient(
      to right,
      var(--wp--preset--color--primary) 0%,
      var(--wp--preset--color--primary) var(--_range-progress),
      var(--_range-track-color) var(--_range-progress),
      var(--_range-track-color) 100%
    )
    center / 100% var(--_range-track-size) no-repeat;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  display: block;
  height: var(--_range-thumb-size);
  margin: 0;
  overflow: visible;
  padding: 0;
  width: 100%;
}

#nf-form-16-cont .nf-range-slider::-webkit-slider-thumb {
  appearance: none;
  background: radial-gradient(
    circle,
    var(--wp--preset--color--primary) 0 32%,
    #fff 34% 100%
  );
  border: 2px solid var(--wp--preset--color--primary);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.25);
  height: var(--_range-thumb-size);
  width: var(--_range-thumb-size);
}

#nf-form-16-cont .nf-range-slider::-moz-range-track {
  background: transparent;
  border: 0;
  height: var(--_range-track-size);
}

#nf-form-16-cont .nf-range-slider::-moz-range-progress {
  background: var(--wp--preset--color--primary);
  border-radius: 999px;
  height: var(--_range-track-size);
}

#nf-form-16-cont .nf-range-slider::-moz-range-thumb {
  background: radial-gradient(
    circle,
    var(--wp--preset--color--primary) 0 32%,
    #fff 34% 100%
  );
  border: 2px solid var(--wp--preset--color--primary);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.25);
  height: calc(var(--_range-thumb-size) - 4px);
  width: calc(var(--_range-thumb-size) - 4px);
}

#nf-form-16-cont .nf-range-bounds {
  display: flex;
  justify-content: space-between;
}

#nf-form-16-cont .nf-range-bound-max {
  text-align: right;
}
#nf-form-16-cont input[type="text"],
#nf-form-16-cont input[type="email"] {
  border: none;
  background-color: var(--wp--preset--color--gray-900);
  padding: 0.25rem 0.5rem;
  color: #fff;
}
#nf-form-16-cont #ninja_forms_required_items,
#nf-form-16-cont .nf-field-container {
  margin-bottom: 0.5rem;
}
#nf-field-1010-wrap .nf-field-element {
  display: flex;
  justify-content: end;
}
#nf-field-1010-wrap input {
  color: var(--wp--preset--color--black);
}
@media (max-width: 768px) {
  #nf-form-16-cont .nf-mp-body nf-rows-wrap {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  #nf-form-16-cont .nf-range-column,
  #nf-form-16-cont .nf-mp-body nf-rows-wrap > .nf-row {
    grid-column: 1;
    grid-row: auto;
  }
  .hero-cover-impact .wp-block-cover__background {
    opacity: 1 !important;
    background: linear-gradient(
      193deg,
      rgba(0, 0, 0, 0) 0%,
      rgb(0, 0, 0) 100%
    ) !important;
  }
  .hero-cover-impact .wp-block-cover__inner-container {
    margin-top: auto !important;
  }
}

/* buttons */
input[type="submit"],
.nf-field-element :is(button) {
  background-color: var(--wp--custom--button--primary-background);
  color: var(--wp--custom--button--primary-text);
  border-radius: var(--wp--custom--button--border-radius);
  padding-block: 0.33rem;
  padding-inline: 1rem;
  cursor: pointer;
  box-shadow: none;
  outline: none;
  border: none;
}

.nf-error-msg,
.ninja-forms-req-symbol {
  color: var(--wp--preset--color--status-error);
}

.nf-error.listimage-wrap .nf-field-element ul,
.nf-error .ninja-forms-field {
  border-color: var(--wp--preset--color--status-error);
}

/* Utility classes
---------------------------------------------------------------------------- */
.truncate {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Global block styles
---------------------------------------------------------------------------- */

html {
  scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + 4rem);
}

/* Header */
:where(header, header a) {
  transition: all ease 0.3s;
}

header {
  position: sticky;
  width: 100%;
  max-width: 100%;
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 100; /* Adjust as needed to ensure the navbar is above other content */
  margin-block-start: 0;
  margin-block-end: 0;
}

header.is-style-transparent-overlay {
  --_bg: transparent;
  position: fixed;
}

/* Control header styling when it's sticking */
header {
  --_bg: var(--wp--custom--color--nav-bg, inherit);
  --_nav-link-color: var(--wp--custom--color--nav-link, inherit);
  background: var(--_bg);
  color: var(--_nav-link-color);
}

header.sticking {
  --_bg: var(--wp--custom--color--nav-bg-sticking, inherit);
  --_nav-link-color: var(--wp--custom--color--nav-link-sticking, inherit);
}
.has-text-color.has-white-color {
  color: var(--wp--preset--color--white) !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.page-id-8803 header.wp-block-template-part.sticking,
.page-id-8803 header.wp-block-template-part {
  position: static;
}

.is-style-is-continuous-carousel {
  --is-style-is-slide-width: 25%;
  --is-style-is-carousel-duration: 18s;
  --is-style-is-carousel-gap: 1rem;
  --is-style-is-carousel-distance: 100%;
  overflow: hidden;
}

.is-style-is-continuous-carousel .glide__track {
  overflow: hidden;
}

.is-style-is-continuous-carousel .glide__slides {
  animation: is-style-is-continuous-scroll var(--is-style-is-carousel-duration)
    linear infinite;
  overflow: visible;
  will-change: transform;
  gap: 0;
}

.is-style-is-continuous-carousel:hover .glide__slides {
  animation-play-state: paused;
}

.is-style-is-continuous-carousel .glide__slide {
  cursor: default;
  flex: 0 0 var(--is-style-is-slide-width);
  padding-inline-end: var(--is-style-is-carousel-gap);
}

.is-style-is-continuous-carousel .glide__slide :is(a, img) {
  -webkit-user-drag: none;
}

@media (max-width: 1024px) {
  .is-style-is-continuous-carousel {
    --is-style-is-slide-width: 33.333%;
  }
}

@media (max-width: 768px) {
  .is-style-is-continuous-carousel {
    --is-style-is-slide-width: 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .is-style-is-continuous-carousel .glide__slides {
    animation-play-state: paused;
  }
}

@keyframes is-style-is-continuous-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(
      calc(var(--is-style-is-carousel-distance) * -1),
      0,
      0
    );
  }
}

#nf-field-412-wrap ul {
  display: flex;
  gap: 1.5rem;
}
.page-id-9630 header.wp-block-template-part,
.page-id-9630 footer.wp-block-template-part,
.page-id-9539 header.wp-block-template-part,
.page-id-9539 footer.wp-block-template-part {
  display: none !important;
}
#nf-form-12-cont .nf-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
#nf-form-12-cont .nf-breadcrumbs li a {
  margin: 0;
  padding: 0.25rem 0.5rem;
  background: #fff;
  color: #000;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
#nf-form-12-cont input:not([type="submit"]),
#nf-form-12-cont input:not([type="radio"]),
#nf-form-12-cont select,
#nf-form-12-cont textarea {
  border: 1px solid #fff;
  color: #fff;
}
#nf-form-12-cont input[type="button"] {
  background-color: #fff;
  padding: 0.25rem 1.5rem;
  cursor: pointer;
  color: #000;
}
.info-icon p {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.info-icon p:first-child:before {
  content: "\f14c";
  font-family: dashicons;
  display: inline-block;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
  height: 20px;
  font-size: 20px;
  vertical-align: top;
  text-align: center;
}
.highlighted-text .field-wrap.html-wrap {
  background: #ccc;
  padding: 0.25rem 1rem;
  border-radius: 0.5rem;
  color: #000;
  max-width: max-content;
  font-size: var(--wp--preset--font-size--small);
}
#nf-field-532-container .field-wrap.html-wrap {
  max-width: 100%;
  padding: 1.5rem;
  background-color: #fff;
}
.field-wrap.html-wrap p {
  margin: 0;
}
#nf-form-12-cont input[type="submit"] {
  color: #000;
  border: 1px solid var(--wp--custom--button--primary-background);
  font-size: var(--wp--preset--font-size--small);
}

#nf-form-12-cont .nf-next-previous input {
  cursor: pointer;
}
#nf-form-12-cont .nf-mp-footer:has(.submit-container):not(:has(.nf-next-item)) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#nf-form-12-cont .nf-mp-footer .prev-container {
  margin-right: auto;
}

#nf-form-12-cont .nf-mp-footer .submit-container {
  margin-left: auto;
  margin-bottom: 0;
}
.nf-label-span {
  background-color: transparent !important;
}
