/*
 Theme Name:     Flok22 Theme
 Theme URI:      https://www.flok22app.com
 Description:    Child theme for Flok22 Website
 Author:         Flok22
 Author URI:     https://www.flok22app.com
 Template:       Divi
 Version:        0.1.1
*/

@font-face {
  font-family: "din-condensed";
  src: url("./assets/fonts/DIN Condensed Bold.ttf") format("truetype");
}

.hero-gradient-text h2 {
  background-image: linear-gradient(90deg, #ec6f00 0%, #67efff 100%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  font-family: "din-condensed", sans-serif;
}

#et-main-area {
  overflow: hidden !important;
}

.hero-image {
  display: flex;
  align-content: center;
}

.et_pb_text_inner img {
  padding-top: 24px;
  padding-bottom: 24px;
}

.et_pb_text_17 h1 {
  background: linear-gradient(90deg, #ec6f00 5%, #67efff 18%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.et_pb_text_inner h2 {
  background-image: linear-gradient(90deg, #ec6f00 0%, #67efff 100%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.menu li {
  list-style-type: none;
  font-size: 24px;
  font-weight: 400;
  font-family: "karla", sans-serif;
}

.menu {
  display: flex;
  justify-content: flex-end;
  gap: 5.7rem;
  margin: 2rem 15rem 0 0;
  align-items: center;
}

.menu li a {
  background: linear-gradient(to right, transparent, transparent),
    linear-gradient(to right, #ec6f00, #a8b082, #67efff);
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

.menu li a:hover {
  background-size: 0 3px, 100% 3px;
}