/*
Theme Name: Motiva Metrics
Theme URI: 
Author: Motiva Metrics
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0.13
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: motiva-metrics
Tags: 
*/

:root {
  	/* defaults */
  	--app-bg: #ffffff;
	--app-border: #ebebeb;
  	--app-text: #1C1C1C;        /* typically your “dark text” */
  	--app-text-invert: #888888; /* typically your “light text” */
}

.header-home {
  position: fixed;
  top: -100px;           /* start hidden above viewport */
  left: 0;
  width: 100%;
  opacity: 0;
  transition: top 0.4s ease, opacity 0.4s ease;
  z-index: 999;
  margin-block-start: 0px;
}

.header-home.visible {
  top: 0;
  opacity: 1;
}

html, body {
  background-color: var(--app-bg);
  color: var(--app-text);
  transition: background-color 320ms ease, color 320ms ease;
}

.home-content-holder,
.home-content {
	background-color: var(--app-bg) !important;
  	color: var(--app-text);
  	transition: background-color 320ms ease, color 320ms ease;
}

html {
letter-spacing: -1px;
    /* Smoother font scaling */
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
  
    /* Font rendering optimizations */
    -webkit-font-smoothing: antialiased; /* WebKit (Safari, Chrome on macOS) */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    font-smooth: always;                 /* Non-standard but supported in some browsers */
    text-rendering: optimizeLegibility;  /* Better kerning & ligatures */
}

.home-header {
	position: fixed;
	top: 0;
	width: 100%;
}

.admin-bar .home-header {
	top: 32px;
}

.home-content {
	top: 500px;
	padding-bottom: 0px !important;
}

.hero-cover .wp-block-cover__inner-container {
	position: absolute !important;
	height: 100% !important; 
}

.height-100 {
    height: 100% !important;
}

.page header,
.single header,
.home .header-home {
	position: fixed;
	width: 100%;
	background-color: var(--app-bg);
	z-index: 1000;
	border-bottom: 1px solid var(--app-border) !important
}

.home.admin-bar .header-home {
	margin-top: 32px;
}

.logotype {
	font-weight: normal !important;
	text-decoration: none !important;
}

.logotype a {
	font-weight: normal !important;
	text-decoration: none !important;
	color: var(--app-text) !important;
  	transition: background-color 320ms ease, color 320ms ease;
}

.page .page-content {
	padding-top: 95px !important;
}

.home li.wp-block-navigation-item,
.page li.wp-block-navigation-item,
.single li.wp-block-navigation-item {
	padding: 7px 20px;
	border-radius: 50px;
	color: var(--app-text) !important;
  	transition: background-color 320ms ease, color 320ms ease;
  	background-color: #f3f3f3;
    mix-blend-mode: multiply;
}

.home li.wp-block-navigation-item:hover,
.page li.wp-block-navigation-item:hover,
.single li.wp-block-navigation-item:hover  {
  	background-color: #dcdcdc;
    mix-blend-mode: multiply;
}

.home li.wp-block-navigation-item.current-menu-item,
.page li.wp-block-navigation-item.current-menu-item,
.single li.wp-block-navigation-item.current-menu-item {
  	background-color: #dddddd;
    mix-blend-mode: multiply;
}

h1, h2, h3, h4, h5 {
	font-weight: normal !important;
}

.dark-text {
  	color: var(--app-text) !important;
  	transition: background-color 320ms ease, color 320ms ease;
}

.light-text {
  	color: var(--app-text-invert) !important;
  	transition: background-color 320ms ease, color 320ms ease;
}

.dark-step {
	background-color: var(--app-text) !important;
	color: var(--app-bg) !important;
  	transition: background-color 320ms ease, color 320ms ease;
    border-radius: 30px;
    padding: 12px 15px;
}

.wp-block-separator {
    border: none;
    border-top: 1px solid;
    background-color: var(--app-border) !important;
    transition: background-color 320ms ease, color 320ms ease;
    color: var(--app-border) !important;
}

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


/* Base style for all children */
.platforma-acc .wp-block-esab-accordion-child {
  padding: 40px;
  transition: background-color 0.4s ease;
  border-radius: 0; /* reset just in case */
}

/* Different background for each child */
.platforma-acc .wp-block-esab-accordion-child:nth-child(1) {
  background-color: #FFCCB8;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.platforma-acc .wp-block-esab-accordion-child:nth-child(2) {
  background-color: #EFBBA6;
}

.platforma-acc .wp-block-esab-accordion-child:nth-child(3) {
  background-color: #ECAC92;
}

.platforma-acc .wp-block-esab-accordion-child:nth-child(4) {
  background-color: #E29D81;
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.platforma-acc.wp-block-esab-accordion .esab__container {
    gap: 0px !important;
}

.platforma-acc {
  counter-reset: accCount;
}

.platforma-acc .wp-block-esab-accordion-child {
  position: relative;
  padding-left: 225px;
}

.platforma-acc .wp-block-esab-accordion-child::before {
  counter-increment: accCount;
  content: counter(accCount, decimal-leading-zero);

  position: absolute;
  left: 30px;
  top: 40px;

  width: 170px;
  height: 170px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 70px;
  font-weight: normal;
  color: #70412D;
  pointer-events: none;
  border: 1px solid #70412D;
}

.platforma-acc .wp-block-esab-accordion-child:last-child::before {
  content: "∞" !important;
}

.platforma-acc .esab__head {
	color: #70412D !important;
}

.platforma-acc.wp-block-esab-accordion .wp-block-esab-accordion-child > .esab__head .esab__icon svg, .platforma-acc.wp-block-esab-accordion.nested-accordion .wp-block-esab-accordion-child > .esab__head .esab__icon svg {
    fill: #70412D !important;
}

.swiper-slide {
  margin-block-start: 0px !important;
  margin-top: 0px !important;
}

.swiper-wrapper {
  gap: 24px;
}

.swiper-button-prev-custom:hover,
.swiper-button-next-custom:hover {
  cursor: pointer;
}

.wp-container-core-group-is-layout-05cef483 {
    
}

@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }
    .align-left-mobile {
      text-align: left !important;
    }
    .font-40-mobile {
      font-size: 40px !important;
    }
    .show-on-mobile {
        display: block !important;
    }
    .grid-2-mobile {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .grid-1-mobile {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }


        .platforma-acc .wp-block-esab-accordion-child::before {
          width: 60px !important;
          height: 60px !important;
          font-size: 30px !important;
        }

        .platforma-acc .wp-block-esab-accordion-child {
          padding-left: 120px !important;
      }

      .esab-x5ipukqf.wp-block-esab-accordion .esab__heading_txt > .esab__heading_tag, .esab-x5ipukqf.wp-block-esab-accordion.nested-accordion .esab__heading_txt > .esab__heading_tag {
        font-size: 30px !important;
        line-height: 35px !important;
    }

    .esab-x5ipukqf.wp-block-esab-accordion .wp-block-esab-accordion-child > .esab__body, .esab-x5ipukqf.wp-block-esab-accordion.nested-accordion .wp-block-esab-accordion-child > .esab__body {
        padding: 0px !important;
    }

    .esab-x5ipukqf.wp-block-esab-accordion .wp-block-esab-accordion-child > .esab__head .esab__icon svg, .esab-x5ipukqf.wp-block-esab-accordion.nested-accordion .wp-block-esab-accordion-child > .esab__head .esab__icon svg {
    display: none !important;
}
}

@media (min-width: 768px) and (max-width: 1025px) {
    .hide-on-tablet {
        display: none !important;
    }
    .show-on-tablet {
        display: block !important;
    }
    .grid-2-tablet {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .grid-1-tablet {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .platforma-acc .wp-block-esab-accordion-child::before {
      width: 60px !important;
      height: 60px !important;
      font-size: 30px !important;
    }

    .platforma-acc .wp-block-esab-accordion-child {
      padding-left: 120px !important;
  }

  .esab-x5ipukqf.wp-block-esab-accordion .wp-block-esab-accordion-child > .esab__head .esab__icon svg, .esab-x5ipukqf.wp-block-esab-accordion.nested-accordion .wp-block-esab-accordion-child > .esab__head .esab__icon svg {
    font-size: 30px !important;
}

  .esab-x5ipukqf.wp-block-esab-accordion .esab__heading_txt > .esab__heading_tag, .esab-x5ipukqf.wp-block-esab-accordion.nested-accordion .esab__heading_txt > .esab__heading_tag {
    font-size: 30px !important;
    line-height: 35px !important;
}

.esab-x5ipukqf.wp-block-esab-accordion .wp-block-esab-accordion-child > .esab__body, .esab-x5ipukqf.wp-block-esab-accordion.nested-accordion .wp-block-esab-accordion-child > .esab__body {
    padding: 0px !important;
}

}

@media (min-width: 1025px) {
    .hide-on-desktop {
        display: none !important;
    }
    .show-on-desktop {
        display: block !important;
    }
}

input.wpcf7-text,
textarea.wpcf7-textarea {
      border: none;
    border-radius: 0px;
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
    padding: 12px 10px;
    box-sizing: border-box;
}


.wpcf7-submit {
  background-color: #51a36d;
    padding-top: 7px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-left: 20px;
    font-size: 18px;
    border-radius: 9999px;
    box-shadow: none;
    border: none;
    color: white;
    font-weight: normal;
}

li.cta-nav {
    padding: 10px 30px;
    background: #51a36d !important;
}

.home li.cta-nav.wp-block-navigation-item, .page li.cta-nav.wp-block-navigation-item, .single li.cta-nav.wp-block-navigation-item {
    padding: 7px 20px;
    border-radius: 50px;
    color: white !important;
    transition: background-color 320ms ease, color 320ms ease;
    background: #51a36d !important;
    mix-blend-mode: multiply;
}