/*
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: 1.1.8
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);
}

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

summary::-webkit-details-marker {
  display: none !important;
}

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

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

@media screen and (max-width: 768px) {
  .section--mobile-half-margin-top {
    margin-top: 40px !important;
  }
  .section--mobile-half-margin-bottom {
    margin-bottom: 40px !important;
  }
  .section--light-bg-mobile {
    background-color: var(--wp--preset--color--background-2);
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

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

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

/* Case study cards hover effect */

.case-studies-container .wp-block-column img {
  transition: ease 0.3s;
}
.case-studies-container .wp-block-column:hover img {
  transform: scale(1.1);
}

/* Contact Us Form Styling */
@media screen and (max-width: 1024px) {
  .contact-us-form__container {
    padding: calc(60px - 16px) 40px 60px !important;
  }
}
@media screen and (max-width: 768px) {
  .contact-us-form__container {
    padding: calc(40px - 16px) 32px 40px !important;
  }
}

/* Marquee Simple css animation */

.scroller {
  max-width: 100vw;
}

.scroller__inner {
  padding-block: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.scroller[data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 20%,
    white 80%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
  --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
  --_animation-duration: 60s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}

.scroller[data-animated="true"]:hover .scroller__inner {
  animation-play-state: paused;
}

body .is-layout-flex--align-items-start {
  align-items: flex-start;
}

.wp-block-greenshift-blocks-accordionitem .iconfortoggle > svg {
  width: 31px !important;
  height: 32px !important;
  margin: 0 !important;
}
.wp-block-greenshift-blocks-accordionitem.gsopen .iconfortoggle > svg path {
  stroke: var(--wp--preset--color--text-2);
}

/* Footer Styling */
@media screen and (max-width: 768px) {
  footer .footer__social-links {
    margin-left: -16px;
  }
  footer .mobile-align-left {
    align-items: flex-start !important;
  }
  footer .logo-partner-block {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  footer .logo-partner-block figure {
    max-width: 100px;
  }
}

/* Reading Progress Bar styling */
.readprogressbar-block {
  position: sticky;
  top: 60px;
}

.page-hero__section.digital-card {
  min-height: auto;
  margin-bottom: 118px !important;
}
.page-hero__section.digital-card .acf-innerblocks-container {
  min-height: auto;
  height: auto;
}