/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* ===== Layout & Global Structure ===== */
.elementor {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

.site-footer-row-container-inner .site-container {
  padding: 30px;
}

@media (min-width: 1024px) {
  .site-bottom-footer-wrap .site-container {
    padding: 0px 30px;
  }
}

.site-footer {
  margin-top: 80px;
}

.hm-center {
  justify-content: center;
}

/* ===== Header & Navigation ===== */
#masthead {
  background: #012B28;
}

img.custom-logo {
  max-height: 60px !important;
  width: auto;
}

.site-branding .site-title {
  color: #fefefe;
  font-size: 24px;
}

.main-navigation .primary-menu-container>ul>li.menu-item>a {
  color: #fefefe;
}

#header_image {
  position: relative;
  filter: brightness(130%);
}

/* ===== Decorative Elements / Animation ===== */
.music-note {
  position: absolute;
  font-size: 80px;
  opacity: 1;
  color: #EDBA3B;
  text-shadow: 1px 1px 2px rgba(237, 186, 59, 0.35);
  font-weight: bold;
  animation: hover 4s ease-in-out infinite;
  transition: 0.3s ease;
}

@keyframes hover {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

/* ===== Contact Sections ===== */
.contact-item {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.contact-item img {
  max-height: 20px;
}

.contact-container {
  display: flex;
  gap: .5rem;
  justify-content: flex-start;
  flex-flow: column;
}

/* ===== Forms ===== */
.ff-default .ff-el-form-control {
  border: 1px solid #f2ebdd;
  border-radius: 25px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  background: #fffaf1;
}

.fake-anchor {
  position: absolute;
  top: -80px;
  visibility: hidden;
}

/* ===== Drawer / Off-Canvas Menu ===== */
.popup-drawer .drawer-inner {
  background: #FFFAF1;
}

.drawer-nav-drop-wrap button.drawer-sub-toggle:hover,
.drawer-nav-drop-wrap button.drawer-sub-toggle:focus {
  background-color: unset !important;
  border-style: none !important;
  border-width: unset !important;
  border-color: unset !important;
  border-radius: unset !important;
}

.drawer-toggle .toggle-close-bar {
  background: #012B28;
}

/* ===== Footer ===== */
#footer-menu li a {
  padding-left: 0 !important;
}

.phone .ff-el-input--content input::-webkit-outer-spin-button,
.phone .ff-el-input--content input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

.phone .ff-el-input--content input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

.item-is-fixed {
  position: -webkit-fixed !important;
}