/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-main .nav > li > a{
	    color: #dd3333;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
  body .dark .form-flat input:not([type=submit]),body .dark .form-flat textarea:not([type=submit]) {
      font-size: 11px;
  }
	body.home .transparent .header-main {
		background: #fff;
	}

	body.home main#main {
		padding-top: 90px;
	}
  .flex-row.form-flat .flex-col, .form-flat .flex-row .flex-col {
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 5px;
}

}
body .dark .form-flat input:not([type=submit]) {
    background-color: #fff !important;
}

body .dark .form-flat input:not([type=submit])::placeholder {
    color: #000;
}
span.wpcf7-spinner {
    display: none;
}
body .dark .form-flat textarea:not([type=submit])::placeholder {
    color: #000 !important;
}

body .dark .form-flat textarea:not([type=submit]) {
    background: #fff !important;
}
input[type='submit']:not(.is-form) {
    background-color: #e2a700;
}
.dangky-home1 {
  margin-bottom: -50px;
}
.dangky-home12 .form-flat input:not([type="submit"]),
.form-flat select,
.form-flat textarea {
  border-color: #fff !important;
  background: #fff !important;
}
.post-item .box-image:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.post-item .box-image::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
@media only screen and (max-width: 48em) {
}