/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/*************** ADD CUSTOM CSS HERE.   ***************/
body {
	font-family: "Open Sans", sans-serif;
}

.section > .section-content > .row > .col {
	padding-bottom: 0;
}
.absolute-footer {
	display: none;
}
.row-contact .col {
	padding-bottom: 0;
}
.wpcf7-form {
	margin-bottom: 0;
}
input.wpcf7-form-control.wpcf7-submit {
	margin: 0;
	background-image: linear-gradient(#e52d27, rgb(179, 18, 23));
	width: 100%;
}
.wpcf7-spinner {
	display: none;
}
.footer-wrapper input.wpcf7-form-control.wpcf7-submit {
	margin-top: 30px;
}
.row-register input.wpcf7-form-control {
	margin-top: 30px;
}
.header-button .button {
	background-image: linear-gradient(#e52d27, rgb(179, 18, 23));
}
.lightbox-content {
	border-radius: 15px;
}

.button-fixed {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 5;
}
.button-fixed .button {
	background-image: linear-gradient(#e52d27, rgb(179, 18, 23));
	border-radius: 6px;
}

/* Styling cơ bản cho nút (có thể tùy chỉnh theo ý muốn) */
.button {
  cursor: pointer;
  
  /* Áp dụng hiệu ứng animation */
  animation: pulse-animation 1.5s infinite ease-in-out;
}

/* Định nghĩa hiệu ứng to nhỏ */
@keyframes pulse-animation {
  0% {
    transform: scale(1); /* Kích thước ban đầu */
  }
  50% {
    transform: scale(1.1); /* Phóng to lên 10% */
  }
  100% {
    transform: scale(1); /* Trở về kích thước ban đầu */
  }
}

/* Hiệu ứng khi di chuột vào (tùy chọn) */
.button:hover {
  background-color: #0056b3;
}

@media(min-width: 850px) {
	input.wpcf7-form-control {
		margin-bottom: 0;
	}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}