/* 
Theme Name: SKDKnick
Author: SKDK
Author URI: https://skdk.com/
Description: We bring a campaign mindset to everything we do for companies candidates, and causes.
Template: hello-elementor
Version: 1.0.0
Text Domain: skdk
*/

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  30% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes slideUp {
  0% {
    transform: translateY(0%);
  }
  30% {
    transform: translateY(-80%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes slideInUp {
  0% {
    transform: translateY(120%);
  }
  30% {
    transform: translateY(20%);
  }
  100% {
    transform: translateY(0%);
  }
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: #fff;
  transition: background-color 200ms ease-in;
}
body.skdk-color-inverted {
  background-color: #001426;
}
#mobile-menu-inner.skdk-color-inverted,
#skdk-mega-menu.skdk-color-inverted,
#skdk-mega-menu-about section.elementor-top-section.skdk-color-inverted,
#skdk-mega-menu-services section.elementor-top-section.skdk-color-inverted,
#skdk-mega-menu-specialities section.elementor-top-section.skdk-color-inverted {
  background-color: #fff;
}
.skdk-inverted-color {
  filter: invert(100%);
}
#skdk-logo,
#skdk-logo-white {
  transition: opacity 200ms ease-out;
}

.skdk-animated-heading .elementor-heading-title .skdk-line-wrapper {
  position: relative;
  display: block;
  overflow-y: hidden;
  line-height: 120%;
}
.skdk-animated-heading .elementor-heading-title span:not(.skdk-line-wrapper) {
  position: relative;
  display: block;
  will-change: transform;
  transform: translateY(120%);
  -webkit-animation: slideInUp 1500ms 0s forwards;
  animation: slideInUp 1500ms 0s forwards;
}
/* .skdk-home-page-hero
  .skdk-animated-heading
  .elementor-heading-title
  span:not(.skdk-line-wrapper) {
  animation-delay: 4500ms;
} */

#skdk-mega-menu-items .elementor-item::after {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#skdk-header {
  /* backdrop-filter: blur(12px); */
  transition: transform 400ms ease-out;
}
#skdk-header .elementor-motion-effects-layer {
  backdrop-filter: blur(12px);
  transition: transform, background-color 400ms ease-out;
}
body.skdk-color-inverted #skdk-header .elementor-motion-effects-layer,
#skdk-header .elementor-motion-effects-layer.skdk-layer-inverted,
#skdk-header.skdk-header-inverted .elementor-motion-effects-layer {
  background-color: rgba(0, 20, 38, 0.7);
}
#skdk-header.skdk-mega-menu-open .elementor-motion-effects-layer {
  backdrop-filter: none;
  background-color: transparent;
}
/* Hide Spinner */

img.gform_ajax_spinner {
    display: none !important; /*Hide spinner*/
}

/*********************/


/* GRAVITY FORMS */


/*********************/

.divi_wrapper input.text,
.divi_wrapper input.title,
.divi_wrapper input[type=email],
.divi_wrapper input[type=password],
.divi_wrapper input[type=tel],
.divi_wrapper input[type=text],
.divi_wrapper select,
.divi_wrapper textarea {
  font-family: inherit !important;
  font-weight: inherit;
  font-style: normal;
  font-size: 1.12rem !important;
  color: #393939;
  background: #FFFFFF;
  border: 1px solid #000;
  border-radius: 0px;
  padding: 1.2rem !important;
  height: 64px;
  transition: all 0.3s ease-out 0s;
  -webkit-appearance: none;
}

.divi_wrapper input.text:hover,
.divi_wrapper input.title:hover,
.divi_wrapper input[type=email]:hover,
.divi_wrapper input[type=password]:hover,
.divi_wrapper input[type=tel]:hover,
.divi_wrapper input[type=text]:hover,
.divi_wrapper select:hover,
.divi_wrapper textarea:hover {
  background: #FFF;
  border: 1px solid #0079C1;
}

.gform_button.button {
  font-family: inherit;
  font-size: 1rem;
  color: #FFF;
  background: #0079C1;
  border: 0px;
  border-radius: 88px;
  padding: 1.2rem 1.6rem;
  margin: 0 auto;
  height: 64px;
  width: 100%;
  cursor: pointer;
}

.gform_button.button:hover {
  color: #FFF !important;
  background: #005098 !important;
}

/* Dividers */

.divi_wrapper h3.gsection_title {
  font-size: 1.6rem;
  color: #000;
  margin-bottom: 0.6rem;
}

.divi_wrapper .gsection {
  border-bottom: none !important;
  padding: 0 0 0.2rem 0 !important;
  margin: 0.8rem 0 0 0;
}

/* Placeholders */

::-webkit-input-placeholder { /* Chrome */
  font-size: 1.2rem;	
  color: #BCBCBC !important;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 1.2rem;
  color: #BCBCBC !important;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size: 1.2rem;
  color: #BCBCBC !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  font-size: 1.2rem;
  color: #BCBCBC !important;
  opacity: 1 !important;
}

/* Errors */

.gform_wrapper .gfield_error [aria-invalid=true] {
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #F44336;
  border-left: none;
}

.divi_wrapper .gform_validation_errors {
  background: #F44336;
  border-radius: 0px;
  border: none;
  box-shadow: none;
}

.divi_wrapper .gform_validation_errors h2 {
  font-family: inherit;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  color: #FFF;
}

.divi_wrapper .gfield_validation_message {
  font-family: inherit;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  color: #F44336;
  line-height: 1.6;
  background: #FFEBEE;
  border-radius: 0px;
  border: none;
}

.gform_validation_errors {
  display: none;
}

/* Confirmation */

.gform_confirmation_message {
  font-family: inherit;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  color: #0079C1;
  line-height: 1.6;
  padding: 48px;
  background: #E6EEF6;
  border-radius: 0px;
  border: none;
  box-shadow: none;
}

/*********************/


/* MEGA MENU FIXES */


/*********************/

.mega-menu-list .hfe-nav-menu {
  column-count: 2 !important
}

.mega-menu-mobile-only.with-bottom-border {
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding-bottom: 16px;
}

@media only screen and (min-width: 1024px) {
  .mega-menu-mobile-only {
    display: none;
  }
}