/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
/* Loader*/
#preloader { position: fixed; inset: 0; /* shorthand for top:right:bottom:left */ background: #000; display: flex; align-items: center; justify-content: center; z-index: 9999; } #preloader img { width: 50px; /* adjust size */ animation: rotate 1.5s linear infinite; } @keyframes rotate { to { transform: rotate(360deg); } }
#preloader { animation: hideAnimation 0s ease-in 2s; animation-fill-mode: forwards; } @keyframes hideAnimation { to { display:none; visibility: hidden; width: 0; height: 0; opacity: 0; -ms-transform: scale(1.2); transform: scale(1.2); } } #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000000051!important; background-color: #000; background-position: center; opacity: 1; -webkit-transition: all 2s; -o-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; transition: all 2s; } .sdn-preloader.hide-me { opacity: 0; z-index: -1!important; } #preloader img { -webkit-animation: zoom-in-out 4s ease-in-out .4s infinite normal; -moz-animation: zoom-in-out 4s ease-in-out .4s infinite normal; -ms-animation: zoom-in-out 4s ease-in-out .4s infinite normal; animation: zoom-in-out 4s ease-in-out .4s infinite normal; max-width: 20%; width: 200px; } @-webkit-keyframes zoom-in-out { 0%,100% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.2); transform: scale(1.2) } } @keyframes zoom-in-out { 0%,100% { -ms-transform: scale(1); transform: scale(1) } 50% { -ms-transform: scale(1.2); transform: scale(1.2) } }
/* Accordion */
.accordion .elementor-tab-content .elementor-active { background-color: transparent !important; }
.elementor-accordion .elementor-tab-content {border: none !important;}
.accordion .elementor-tab-title {border-radius: 10px !important;}
.accordion .elementor-accordion .elementor-accordion-item {border: none !important; margin-bottom: 10px !important;}
.accordion .elementor-tab-title.elementor-active {background: #2F423790 !important;}
#page {overflow:hidden;}
section#main-header-black {
    position: absolute;
    width: 100%;
}
fieldset.hidden-fields-container {
    display: none;
}

.footer-form label {
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    margin-bottom: 10px;
}
.footer-form input {
    width: 50% !important;
}
.footer-form input[type=email] {
	background-color: #1a1a1a !important;
	border-radius:50px !important;
}
section#blog-section .hfe-post-card .hfe-post-content {
    text-align: center;
}
span.post_date {
	color: #fff !important;
    font-family: 'Inter' !important;
}
/* Contact Form */
/* Scope everything to this form only */
#first-wave .wpcf7-form-control {
  width: 100%;
  box-sizing: border-box;
  display: block;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  padding: 12px 14px;
  line-height: 1.4;
  background: #fff;
  color: #111;
  transition: all .2s ease;
  outline: none; /* we'll style focus below */
}

/* Text inputs, email, tel, textarea specifics */
#first-wave .wpcf7-text,
#first-wave .wpcf7-email,
#first-wave .wpcf7-tel,
#first-wave .wpcf7-textarea {
  margin-bottom: 12px; /* spacing between fields */
  background: #fff;
}

/* Focus state: make text white; give dark bg for contrast */
#first-wave .wpcf7-form-control:focus {
  color: #fff;
  background: #181818;           /* change as needed */
  border-color: #fff;
  box-shadow: 0 0 0 3px rgba(31,41,55,.15);
}

/* Placeholder color (normal) */
#first-wave .wpcf7-form-control::placeholder {
  color: #9aa0a6;
}

/* Placeholder color when focused (to stay readable on dark bg) */
#first-wave .wpcf7-form-control:focus::placeholder {
  color: rgba(255,255,255,.75);
}

/* Submit button */
#first-wave .wpcf7-submit {
  width: 100%;
  border-radius: 10px;
  background: #FF6B3E90;
  color: #fff;
  border: none;
  padding: 12px 16px;
  cursor: pointer;
  font-weight: 500;
  font-size:18px;
}

#first-wave .wpcf7-submit:hover,
#first-wave .wpcf7-submit:focus {
  background: #2F423790;
}

/* Remove extra spacing if CF7 wraps fields in <p> */
#first-wave p {
  margin: 0 0 12px;
}

/* Ensure spans from CF7 wrap fill width */
#first-wave .wpcf7-form-control-wrap {
  display: block;
}
/* Force Inter on everything inside this form */
#first-wave,
#first-wave .wpcf7,
#first-wave .wpcf7 * {
  font-family: "Inter", Sans-serif !important;
}

/* Inputs, textarea, select */
#first-wave .wpcf7-form-control,
#first-wave .wpcf7-text,
#first-wave .wpcf7-email,
#first-wave .wpcf7-tel,
#first-wave .wpcf7-textarea,
#first-wave .wpcf7-select {
  font-family: "Inter", Sans-serif !important;
}

/* Placeholder text */
#first-wave .wpcf7-form-control::placeholder {
  font-family: "Inter", Sans-serif !important;
}

/* Submit button */
#first-wave .wpcf7-submit {
  font-family: "Crimson Pro", Sans-serif !important;
}

/* Checkbox/Radio labels */
#first-wave .wpcf7-list-item-label,
#first-wave .wpcf7-acceptance .wpcf7-list-item-label {
  font-family: "Inter", Sans-serif !important;
}
.wpcf7 form .wpcf7-response-output {display: none !important;}
.form-heading {color: #D6CDBE; font-family: "Inter", Sans-serif; margin-bottom: 10px; }

/* Form Loader */
.form-container { position: relative; padding: 20px 25px 25px !important; margin: 0 auto; max-width: 1000px; } .form-container .form-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 10; display: none; justify-content: center; align-items: center; border-radius: 25px; } .form-loader { text-align: center; color: #fff; } .form-loader .spinner { width: 50px; height: 50px; border: 5px solid #fff; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 15px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }