/* assets/styles.css */

/* Prevent Multiple Contact Form 7 Submissions */

.wpcf7-form.submitting .wpcf7-submit {
    pointer-events: none;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@keyframes fadeInUp {
  0%   { opacity: 0; transform: translateY(24px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0)    scale(1); }
}

@keyframes fadeInDown {
  0%   { opacity: 0; transform: translateY(-24px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0)     scale(1); }
}

@keyframes fadeIn {
  0%   { opacity: 0; transform: scale(0.98); }
  100% { opacity: 1; transform: scale(1); }
}

.animated.fadeInUp,
.animated.fadeInDown,
.animated.fadeIn {
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

/* =========================== GENERAL =========================== */

html { scroll-behavior: auto !important; }

/* =========================== HEADER =========================== */

.gcsm_header {
	background-color: rgba(0, 0, 0, 0) !important;
	backdrop-filter: blur(0px) !important;
	transition: 0.6s !important;
	width: 100% !important;
}

.gcsm_header.gcsm_sticky {
	background-color: rgba(0, 0, 0, 0.6) !important;
	backdrop-filter: blur(6px) !important;
}

/* =========================== FOOTER =========================== */

/* =========================== RESPONSIVE =========================== */

/* ------------------ Laptop - 1440px to 1799px ------------------ */
@media only screen and (max-width : 1799px) {
    
}

/* ------------------ Tablet Extra - 1024px to 1439px ------------------ */
@media only screen and (max-width : 1439px) {
    
}

/* ------------------ Tablet - 768px to 1023px ------------------ */
@media only screen and (max-width : 1023px) {
    
}

/* ------------------ Mobile Extra - 425px to 767px ------------------ */
@media only screen and (max-width : 767px) {
    
}

/* ------------------ Mobile - 320px to 424px ------------------ */
@media only screen and (max-width : 424px) {
    
}