/* Vacasky - Tour & Travel Agency HTML Template */

/* 
	
	font-family: 'Poppins', sans-serif;
	font-family: 'Oswald', sans-serif;
	
*/
/* Google Fonts  */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');

@import url('bootstrap.css');
@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('sidebar.css');
@import url('icofont.css');
@import url('font-awesome.css');
@import url('flaticon_sky-flat.css');
@import url('animate.css');
@import url('owl.css');
@import url('swiper.min.css');
@import url('jquery-ui.css');
@import url('preloader.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('odometer-theme-default.css');
@import url('select2.css');
@import url('flatpickr.css');
@import url('custom.css');
@import url('responsive.css');
@import url('customcs.css');


/* backend style */
/* form response box */
.form-response{
  max-width: 520px;
  margin-top: 12px;
  padding: 14px 18px;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  font-size: 15px;
  line-height: 1.3;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 300ms ease, transform 300ms ease;
}

/* visible state */
.form-response.show{
  display: block; /* ensures it's visible for animation */
  opacity: 1;
  transform: translateY(0);
}

/* status styles */
.form-response.success{
  background: linear-gradient(180deg, rgba(220,255,235,1), rgba(245,255,245,1));
  border: 1px solid rgba(40,167,69,0.15);
  color: #0f6b3a;
}

.form-response.error{
  background: linear-gradient(180deg, rgba(255,235,235,1), rgba(255,245,245,1));
  border: 1px solid rgba(220,53,69,0.12);
  color: #92121a;
}

/* button disabled look */
#subscribeBtn[disabled]{
  opacity: 0.7;
  cursor: not-allowed;
  transform: translateY(0);
}

/* little micro-interaction for button */
.submit-btn.theme-btn{
  transition: transform 120ms ease, box-shadow 120ms ease;
}
.submit-btn.theme-btn:active{
  transform: translateY(1px);
}

/* small responsiveness */
@media (max-width:600px){
  .form-response { font-size: 14px; }
}