@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*!
Theme Name: smartlab
Theme URI: https://www.mysmartlab.com.au/
Author: David Golden
Author URI: https://www.emuninja.com/
Description: Theme for the SmartLab marketing website.
Version: 1.0.0
Text Domain: smartlab

*/

/*** reset ***/

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
* {
  margin: 0;
  padding: 0;
  font: inherit;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

html, body {
    height: 100%;
}

/* Set core body defaults */
body {
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture, 
svg {
  max-width: 100%;
  display: block;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/*** fonts ***/

@font-face {
    font-family: 'geomanistregular';
    src: url('./fonts/geomanist-regular-webfont.eot');
    src: url('./fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/geomanist-regular-webfont.woff2') format('woff2'),
         url('./fonts/geomanist-regular-webfont.woff') format('woff'),
         url('./fonts/geomanist-regular-webfont.ttf') format('truetype'),
         url('./fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'geomanistitalic';
    src: url('./fonts/geomanist-regular-italic-webfont.eot');
    src: url('./fonts/geomanist-regular-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/geomanist-regular-italic-webfont.woff2') format('woff2'),
         url('./fonts/geomanist-regular-italic-webfont.woff') format('woff'),
         url('./fonts/geomanist-regular-italic-webfont.ttf') format('truetype'),
         url('./fonts/geomanist-regular-italic-webfont.svg#geomanistitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Simplicity';
    src: url('./fonts/simplicity.woff') format('woff'),
         url('./fonts/simplicity.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/* @link https://utopia.fyi/type/calculator?c=320,20,1.2,1140,31,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l

:root {
    --fluid-min-width: 320;
    --fluid-max-width: 1140;
  
    --fluid-screen: 100vw;
    --fluid-bp: calc(
      (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
        (var(--fluid-max-width) - var(--fluid-min-width))
    );
  }
  
  @media screen and (min-width: 1140px) {
    :root {
      --fluid-screen: calc(var(--fluid-max-width) * 1px);
    }
  }
  
  /* @link https://utopia.fyi/type/calculator?c=320,20,1.2,1920,31,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l */

/* :root {
    --step--2: clamp(0.87rem, calc(0.79rem + 0.37vw), 1.24rem);
    --step--1: clamp(1.04rem, calc(0.94rem + 0.51vw), 1.55rem);
    --step-0: clamp(1.25rem, calc(1.11rem + 0.69vw), 1.94rem);
    --step-1: clamp(1.50rem, calc(1.32rem + 0.92vw), 2.42rem);
    --step-2: clamp(1.80rem, calc(1.55rem + 1.23vw), 3.03rem);
    --step-3: clamp(2.16rem, calc(1.84rem + 1.62vw), 3.78rem);
    --step-4: clamp(2.59rem, calc(2.16rem + 2.14vw), 4.73rem);
    --step-5: clamp(3.11rem, calc(2.55rem + 2.80vw), 5.91rem);
  } */ 

/* @link https://utopia.fyi/type/calculator?c=320,16,1.2,1920,26,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l */

:root {
    --step--2: clamp(0.69rem, calc(0.63rem + 0.35vw), 1.04rem);
    --step--1: clamp(0.83rem, calc(0.74rem + 0.47vw), 1.30rem);
    --step-0: clamp(1.00rem, calc(0.88rem + 0.63vw), 1.63rem);
    --step-1: clamp(1.20rem, calc(1.03rem + 0.83vw), 2.03rem);
    --step-2: clamp(1.44rem, calc(1.22rem + 1.10vw), 2.54rem);
    --step-3: clamp(1.73rem, calc(1.44rem + 1.45vw), 3.17rem);
    --step-4: clamp(2.07rem, calc(1.70rem + 1.89vw), 3.97rem);
    --step-5: clamp(2.49rem, calc(1.99rem + 2.47vw), 4.96rem);
  }

  strong {
    font-weight: var(--wp--custom--font-weight--medium);
  }

  ol {
    padding-left: 2em;
  }

  /*** header  ***/

  header {
    position: relative;
    background-color: #fff;
  }

  .current-menu-item {
    border-bottom: 2px solid var(--wp--preset--color--mustard);
  }

  .wp-block-navigation__container {
    flex-wrap: nowrap;
    gap: 2vw;
  }

  body .wp-container-3 {
    flex-wrap: nowrap;
  }

  .wp-block-navigation .menu-primary-button {
    color: var(--wp--preset--color--secondary);
  }

  .wp-block-navigation .menu-primary-button a {
    background-color: var(--wp--preset--color--mustard);
    font-weight: var(--wp--custom--font-weight--medium);
    border-radius: 99px;
    border: none;
    padding: 0.5rem 2rem;
    /* min-width: 240px; */
    text-align: center;
    box-shadow: 3px 3px 8px rgb(35 35 35 / 30%);
  }

  .wp-block-navigation .menu-primary-button.menu-alternative-colors a {
    background-color: var(--wp--preset--color--strawberry);
  }
  
  .wp-block-navigation .menu-secondary-button {
    color: var(--wp-preset--color--primary);
  }

  .wp-block-navigation .menu-secondary-button a {
    /* background-color: var(--wp--preset--color--secondary); */
    background-color: var(--wp--preset--color--ice);
    font-weight: var(--wp--custom--font-weight--medium);
    border-radius: 99px;
    border: none;
    padding: 0.5rem 2rem;
    /* min-width: 240px; */
    text-align: center;
    box-shadow: 3px 3px 8px rgb(35 35 35 / 30%);
  }

  .current-menu-item.menu-secondary-button, .current-menu-item.menu-primary-button {
    border-bottom: none !important;
  }

  body figure.header-background-image {
    position: absolute !important;
    top: 100%;
    right: 0;
    width: clamp(45%, 50%, 61%);
    height: calc(100% + 500px);
    /* clip-path: path('M0,-1081.53C0,-1081.53 -191.002,-957.944 -109.697,-762.622C-28.392,-567.3 -213.401,-556.082 -166.244,-385.963C-119.087,-215.843 273.342,0 496.438,-131.799C743.323,-277.654 1004.24,-100.381 1004.24,-100.381L1004.24,-1081.53L0,-1081.53Z'); */
    /* background-color: red; */
  }

  /* body figure.header-background-image img {
    display: none;
  } */

  .animated-blob{
    border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%;
    width: 250px;
    height: 250px;
    background: rgb(0, 255, 98);
    background-image: linear-gradient(45deg, #3023AE 0%, rgb(0, 255, 98) 100%);
    box-shadow: -10vmin 10vmin 0 rgba(255,255,255,0.07);
	
	animation: animateBlob 10s linear infinite alternate;
}

  /*** footer ***/

  .footer-nav ul {
    place-self: center;
  }

  .footer-nav li {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  .footer-nav li::before {
    content: url(./images/Footer-caret.svg);
    width: 0.5em;
    line-height: 0.7;
  }

  footer {
    margin-block-start: 0 !important;
  }

  footer a {
    text-decoration: none;
  }

  .footer-social {
    border-top: 2px solid var(--wp--preset--color--dove);
  }

  .footer-social a {
    font-size: 150%;
  }

  /*** forms ***/

  input, textarea, select, body .gform_wrapper.gform_theme input, .gform_wrapper textarea, .gform_wrapper select {
    border-radius: 12px;
    border: 1px solid var(--wp--preset--color--primary);
    padding: 0.5rem 1rem;
    font-size: var(--wp--preset--font-size--regular) !important;
  }
  
  .gform_required_legend {
    display: none;
  }

  button[type="submit"], input[type="submit"] {
    background-color: var(--wp--preset--color--strawberry);
    color: var(--wp--preset--color--secondary);
    border-radius: 99px;
    border: none;
    padding: 0.5rem 2rem;
    font-size: var(--wp--preset--font-size--regular);
    min-width: 150px;
  }


  /*** custom classes ***/

  .is-style-card {
    border-radius: 24px;
    background-color: var(--wp--preset--color--ice);
    box-shadow: 3px 3px 8px rgb(35 35 35 / 30%);
    padding: 4rem;
    height: 100%;
  }

  .is-style-team-card {
    border-radius: 24px;
    background-color: var(--wp--preset--color--secondary);
    box-shadow: 3px 3px 8px rgb(35 35 35 / 30%);
    padding: 4rem;
    height: 100%;
  }
  
  .is-style-team-card-alt {
      height: auto;
  }

  .is-style-testimonial-card {
    border-radius: 24px;
    background-color: var(--wp--preset--color--secondary);
    box-shadow: 3px 3px 8px rgb(35 35 35 / 30%);
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .is-style-testimonial-card .wp-block-group:first-of-type {
    padding: 4rem 4rem 0;
    flex-grow: 1;
  }

  .is-style-testimonial-card .wp-block-group:last-of-type {
    padding: 2rem;
    margin: 0 !important;
    margin-top: 80px !important;
    display: grid;
    place-items: center;
    height: 243px;
  }

  .is-style-testimonial-card .wp-block-group:last-of-type .wp-block-image {
    position: relative;
    margin-top: -120px;
    max-width: 200px;
  }
  .is-style-testimonial-card .wp-block-group:last-of-type p {
      margin: 0 !important;
  }

  .is-style-pricing-card, .is-style-pricing-card-highlight {
    border-radius: 24px;
    background-color: var(--wp--preset--color--ice);
    box-shadow: 3px 3px 8px rgb(35 35 35 / 30%);
    padding: 4rem;
  }

  .is-style-pricing-card-highlight .full-width {
    margin-inline: -1rem;
  }

  .is-style-pricing-card-highlight {
    position: relative;    
    overflow: hidden;
  }

  .is-style-pricing-card-highlight::before {
    content: "MOST POPULAR";
    background: var(--wp--preset--color--ice);
    color: var(--wp--preset--color--primary);
    padding-bottom: 0.5rem;
    font-size: var(--wp--preset--font-size--xx-small);
    transform: rotate(45deg);
    position: absolute;
    right: -5rem;
    top: -1rem;
    width: 16rem;
    height: 7rem;
    text-align: center;
    display: grid;
    justify-content: center;
    align-items: flex-end;
  }

  .is-style-team-card img {
    width: 100%;
    height: auto;
  }

  .is-style-team-card h6 {
    margin-block-start: 0 !important;
    font-family: var(--wp--preset--font-family--tertiary);
  }

  .sl_item {
    visibility: hidden;
  }

  .kb-theme-content-width {
    max-width: 1248px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .kb-count-up-number {
    font-family: var(--wp--preset--font-family--primary);
    line-height: var(--wp--custom--line-height--heading);
    font-size: var(--wp--preset--font-size--regular) !important;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 1em;
  }

  .pricing-list {
    margin-left: 1em;
    display: grid;
    gap: 1em;
  }

  .pricing-list li {
    list-style-image: url(./images/List_Icon.svg);    
    padding-inline-start: 1ch;
  }

  .pricing-list.white li {
    list-style-image: url(./images/List_Icon_White.svg);
  }

  .wp-block-media-text {
    gap: 10rem;
  }
  .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
  .wp-block-media-text__content > p {
    margin-block-end: 1em;
  }

  .is-style-floating .wp-block-media-text__media img {
    padding: 2rem;
    border-radius: 48px;
    box-shadow: 3px 3px 50px rgb(35 35 35 / 30%);
    animation: 5000ms ease-in-out 0ms infinite alternate both running floating;
  }

  .is-style-mustard-list {
    margin-left: 1em;
    display: grid;
    gap: 1em;
  }

  .is-style-mustard-list li {
    list-style-image: url(./images/Mustard_list_icon.svg);    
    padding-inline-start: 1ch;
  }

  .wp-block-site-logo {
    max-width: fit-content; 
    /* //width: clamp(200px, 400px, 400px); */
  }

  .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    gap: 10rem;
  }
  
  .wp-block-kadence-tabs .wp-block-kadence-tabs .wp-block-kadence-tabs .kt-tabs-content-wrap .kt-tab-inner-content .kt-tab-inner-content-inner {
    height: 100%;
    /*max-height: 800px;*/
    overflow: auto;
  }
  
  .wp-block-kadence-tab {
      height: 100%;
      border-radius: 24px !important;
  }
  
  @media (max-width: 767px) {
    .kt-tabs-mobile-layout-accordion>.kt-tabs-content-wrap>.kt-tabs-accordion-title {
        margin-block: 1rem;
    }
    
    .wp-block-kadence-tabs .kt-tabs-id_3c5a91-6d > .kt-tabs-title-list li, .wp-block-kadence-tabs .kt-tabs-id_1ea525-db > .kt-tabs-title-list li {
        margin: 8px !important;
    }
  }

  @keyframes floating {
    0% {
        transform: rotateY(-6deg) translateY(3%) translateZ(-20px)
    }

    100% {
        transform: rotateY(4deg) rotateX(4deg) translateX(1%) translateZ(-20px)
    }
  }

  .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
    color: var(--wp--preset--color--primary) !important;
  }

  .wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background {
    object-position: unset !important;
    object-fit: contain;
    left: 50%;
    width: 50%;
    transform: scale(1.1);
  }

  .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container img {
    filter: drop-shadow(3px 3px 8px rgb(35 35 35 / 30%));
  }

  .wp-block-kadence-rowlayout.no-margin {
    margin-block: 0 !important;
  }

  .icon-columns img {
    width: 126px;
    height: 150px;
    object-fit: contain;
  }

  .kb-advanced-slide-inner {
    overflow: unset;
  }

  .wp-block-kadence-slider .splide__arrow--prev {
    left: -30px;
  }

  .wp-block-kadence-slider .splide__arrow--next {
    right: -30px;
  }

  .testimonial-slider.wp-block-kadence-slider .splide__list {
    height: 100%;
	  display: flex;
    align-items: stretch;
  }

  .testimonial-slider.wp-block-kadence-slider .splide__track {
    
    min-height: 880px !important;    
	  height: 100% !important;
	  display: flex;
  }

  .testimonial-slider.wp-block-kadence-slider .wp-block-kadence-slide {
    
    height: auto;
    width: 25%;
    max-width: 25vw;
  }

  .testimonial-slider.wp-block-kadence-slider .kb-advanced-slide, .wp-block-kadence-slider .kb-advanced-slide-inner-wrap, .wp-block-kadence-slider .kb-advanced-slide-inner {
    height: 100%;
  }
  
  .grecaptcha-badge { visibility: hidden; }

@media (max-width: 1024px) {  
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: block;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
    display: block;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }

  .entry-content {
    overflow: hidden;
  }

  .is-style-testimonial-card .wp-block-group:first-of-type {
    padding: 1.5rem;
  }
  .is-style-testimonial-card .wp-block-group:last-of-type {
    padding: 1.5rem;
    margin-top: 80px !important;
  }
  .is-style-testimonial-card .wp-block-group:last-of-type .wp-block-image {
    margin-top: -120px;
    max-width: 200px;
  }
  .testimonial-slider.wp-block-kadence-slider .wp-block-kadence-slide {
    
    width: 50%;
    max-width: 40vw;
  }
}

@media (max-width: 768px) {
  .mobile-center {
    text-align: center;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .menu-primary-button .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .menu-secondary-button .wp-block-navigation-item__content {
    padding: 0.5rem 2rem;
  }

  .entry-content {
    margin: 0 !important;
  }

  .entry-content > div:not(.alignfull), header > div {
    padding: 2rem !important;
  }

  .alignwide > .alignwide, .alignfull > .alignwide {
    padding: 0 !important;
  }

  .wp-block-button__link {
    padding: 12px 15px;
  }

  .wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background {
    top: calc(50% - 6rem);
    left: unset;
    width: 100%;
  }

  .splide__arrow {
    display: none !important;
  }

  .wp-block-media-text {
    gap: 3rem;
  }

  .is-style-floating .wp-block-media-text__media img{
    border-radius: 24px;
    padding: 1rem;
  }

  .is-style-team-card {
    padding: 1.5rem;
  }

  .gform_wrapper {
    max-width: 100% !important;
  }

  footer .wp-block-columns {
    gap: 2rem;
  }
	
  .testimonial-slider.wp-block-kadence-slider .splide__list {
    min-height: 500px !important;  
  }
  .testimonial-slider.wp-block-kadence-slider .wp-block-kadence-slide {
    
    width: 100%;
    max-width: 90vw;
  }
}