/*
*------------------------------------------
**SETUP CUSTOM FONTS
*------------------------------------------
*/
@font-face {
  font-family: 'GT Eesti';
  src:
    url('/wp-content/plugins/madnify/extensions/fonts/gt-eesti-regular.woff2') format('woff2'),
    url('/wp-content/plugins/madnify/extensions/fonts/gt-eesti-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'GT Eesti';
  src:
    url('/wp-content/plugins/madnify/extensions/fonts/gt-eesti-bold.woff2') format('woff2'),
    url('/wp-content/plugins/madnify/extensions/fonts/gt-eesti-bold.woff') format('woff');
  font-weight: 700;
}

@font-face {
  font-family: 'GT Eesti';
  src:
    url('/wp-content/plugins/madnify/extensions/fonts/gt-eesti-black.woff2') format('woff2'),
    url('/wp-content/plugins/madnify/extensions/fonts/gt-eesti-black.woff') format('woff');
  font-weight: 900;
}

/**********
VARIABLES
**********/
:root {
  --clr-green--700: #008661;
  --clr-green--400: #709a34;
  --clr-green--500: #588300;
  --clr-green--600: #4a6f00;
  
  --clr-tan--200: #f4f3e3;
  --clr-yellow--400: #EFB827;
  
  --mw__dkGray: #404040;
  
  --transition-base: all 0.3s ease-in-out;

  --font-family: 'GT Eesti', sans-serif;
}
/**********
TOP MESSAGE BAR
**********/
.mw__notification--text p {
  margin-bottom: 0;
}
/**********
BUTTON HOVER FIX
**********/
.mw__hover--dark-text .fl-button:hover .fl-button-text {
  color: var(--mw__dkGray) !important;
}
/*
*-------------------------------------
** SAUCE HOVER EFFECT
*-------------------------------------
/*Mobile First*/
.sauce__column.isActive div.sauce__description {
  width: 335px !important;
  left: calc((100vw / 2) - (335px / 2));
  top: 180px;
  transform: translateX(-100%);
  transition: all 0.3s ease;
  z-index: 6;
}
.sauce__column.isActive:hover div.sauce__description {
  opacity: 1;
  transform: translateX(0);
}
/*Base state*/
.sauce__column.isActive {
  cursor: pointer;
}
.sauce__column.isActive * {
  pointer-events: none;
}
.sauce__column.isActive.notHovered {
  opacity: 0.45;
}
.sauce__column.isActive.notHovered .sauce__title {
  opacity: 0;
}
.sauce__column,
.sauce__wrapper {
  position: relative;
}
.isActive :is(.sauce__svg, .sauce__description) {
  position: absolute;
  opacity: 0;
  transition: var(--transition-base);
}
.isActive .sauce__svg {
  top: 50%;
  left: -50%;
  transform: translate(-50%, -50%);
}
.sauce__svg svg {
  height: 195px;
  width: 210px;
}
.sauce__svg svg path {
  fill: var(--clr-yellow--400);
}
.sauce__img {
  position: relative;
  z-index: 1;
}
.sauce__title {
  transition: var(--transition-base);
}
.sauce_description--title h2 {
  white-space: nowrap;
}
/*Hover state*/
.sauce__column.isActive:hover .sauce__svg {
  opacity: 1;
  left: 50%;
}
.sauce__column.isActive:hover .sauce__title {
  opacity: 0;
}
@media only screen and (min-width: 540px) {
  .isActive .sauce__description {
    top: 0 !important;
    left: unset !important;
    right: -300px !important;
    width: unset !important;
    min-width: 295px !important;
    transform: translate(unset, -50%) !important;
  }
  .isActive .sauce__description.left {
    right: unset;
    left: -300px;
  }
  .sauce__column.isActive:hover .sauce__description {
    top: 0 !important;
    opacity: 1;
    right: -280px;
  }
  .sauce__column.isActive:hover .sauce__description.left {
    right: unset;
    left: -280px;
  }

}
/*
*-------------------------------------
** CUSTOM BUTTON
*-------------------------------------
*/
.fl-builder-breakpoint-small .salata__button {
  display: block;
  text-align: center;
}
.salata__button {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
}
.salata__button--bg {
  position: absolute;
  height: 100%;
  width: 100%;
  pointer-events: none;
  cursor: none;
  inset: 0;
  z-index: 0;
}
.salata__button svg {
  height: 100%;
  width: 100%;
}
.salata__button[data-type="primary"] {
  color: white;
}
.salata__button[data-type="primary"],
.salata__button[data-type="secondary"],
.salata__button[data-type="primary"] svg,
.salata__button[data-type="secondary"] svg {
  transition: var(--transition-base);
}
.salata__button[data-type="primary"] svg {
  fill: var(--clr-green--500);
}
.salata__button[data-type="primary"]:hover svg {
  fill: var(--clr-green--600);
}
.salata__button[data-type="primary"]:hover .salata__button--link {
  color: white;
}
.salata__button[data-type="secondary"]:hover .salata__button--link {
  color: var(--clr-green--500);
}
.salata__button[data-type="secondary"] {
  color: var(--clr-green--500);
}
.salata__button[data-type="secondary"] svg {
  fill: white;
  stroke: var(--clr-green--500);
}
.salata__button[data-type="secondary"]:hover {
  color: var(--clr-green--500);
}
.salata__button[data-type="secondary"]:hover svg {
  fill: rgba(88, 131, 0, 0.1);
}
.salata__button--link {
  position: relative;
  display: inline-block;
  color: inherit;
  font: inherit;
  text-transform: inherit;
  text-decoration: none;
  cursor: pointer;
  z-index: 1;
  padding-inline: 20px;
  padding-block: 20px;
  transition: var(--transition-base);
}
.salata__button--link:focus {
  color: white;
  text-decoration: none;
  /* outline: none; */

}
.salata__button:hover .salata__button--link {
  text-decoration: none;
}
.salata__button--push a i.fl-button-icon-after {
  margin-left: 30px !important;
}
.salata__button--push {
  width: max-content !important;
}
.salata__button--push.center {
  margin-inline: auto;
}
.salata__button--push.left {
  margin-right: auto;
}
.salata__button--push .fl-button-icon-after,
.salata__button--push .fl-button-icon-after:before {
  position: relative;
  transition: var(--transition-base);
}
.salata__button--push:hover .fl-button-icon-after {
  transform: translateX(20px);
}
/*
*-------------------------------------
** REACTIVE FORMS SOLUTION
*-------------------------------------
*/
#gform_wrapper_11 .gform_footer {
  display: none;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.mw__gform {
  transition: var(--transition-base);
  overflow: hidden;
}
.mw__gform.notActive {
  overflow: hidden;
  opacity: 0;
}
.mw__gform .gform_ajax_spinner {
  display: none !important;
}
.mw__gform input[type=text], 
.mw__gform input[type=password], 
.mw__gform input[type=email], 
.mw__gform input[type=tel], 
.mw__gform input[type=date], 
.mw__gform input[type=month], 
.mw__gform input[type=week], 
.mw__gform input[type=time], 
.mw__gform input[type=number], 
.mw__gform input[type=search], 
.mw__gform input[type=url], 
.mw__gform textarea,
.mw__gform--select select {
  background-image: none !important;
}
.mw__gform input[type=text]:focus, 
.mw__gform input[type=password]:focus, 
.mw__gform input[type=email]:focus, 
.mw__gform input[type=tel]:focus, 
.mw__gform input[type=date]:focus, 
.mw__gform input[type=month]:focus, 
.mw__gform input[type=week]:focus, 
.mw__gform input[type=time]:focus, 
.mw__gform input[type=number]:focus, 
.mw__gform input[type=search]:focus, 
.mw__gform input[type=url]:focus, 
.mw__gform textarea:focus,
.mw__gform--select select:focus {
  outline: none;
  box-shadow: rgb(88 131 0 / 50%) 0px 0px 0px 4px, rgb(88 131 0) 0px 0px 0px 2px;
}

.mw__gform [id*="gform_submit_button"] {
  position: relative;
  display:block;
  /* width: 100%;
  height: 100%; */
  color: white;
  font-size: 18px;
  font-family: var(--font-family);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding-block: 20px;
  padding-inline: 60px;
  margin: 0 !important;
  z-index: 1000;
}
.mw__gform [id*="gform_submit_button"]:hover {
  color: white;
  background-color: transparent;
  border: none;
}
.mw__gform [id*="gform_submit_button"]:focus {
  outline: none;
  background-color: transparent;
  border: none;
}
.mw__gform .gform_footer {
  margin-top: 50px !important;
}
.mw__gform .gform_footer .salata__button.salata__button--form {
  margin-left: auto;
  display: block;
  width: max-content;
  margin-left: auto;
}
.mw__gform .gform_footer .salata__button.salata__button--form:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}