/*
 Theme Name: Minh Thống Theme
 Theme URI: https://example.com/
 Description: A lightweight child theme for Hello Elementor. Safe place for your custom CSS/JS/PHP.
 Author: Diem Bui
 Author URI: https://example.com/
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: hello-elementor-child
*/

/* Put your custom CSS below */
/* Ẩn/mở mượt mà khối nội dung */
.site-footer{
	padding: 0 !important;
}
.diem-hscroll__card,.diem-hscroll__meta{
	background: transparent !important;
}
.diem-hscroll__meta{
	    font-family: "Field Sans", Sans-serif !important;
    font-size: 16px !important;
    color: #000 !important;
    padding: 10px 0 !important;
}
body .elementor-sticky--effects{
	background: var(--globalnav-background);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    --globalnav-background: rgba(255, 255, 255, .8);
}
.elementor-sticky--effects >.e-con-inner{
  padding: 10px 0 !important;
}
@media (min-width: 768px){
.index .elementor-posts-container .elementor-post{
  display: flex;
  flex-direction: column;
}

/* Text lên trước */
.index .elementor-posts-container .elementor-post .elementor-post__text{
  order: 1;
}
/* Video ratio 3:4 (dọc) */
.ratio-3-4 .elementor-wrapper,
.ratio-3-4 .elementor-video,
.ratio-3-4 iframe,
.ratio-3-4 video{
  aspect-ratio: 4 / 6 !important;
  width: 100% !important;
  height: auto !important;
}

/* Trường hợp iframe/youtube cần fill đúng khung */
.ratio-3-4 .elementor-wrapper{
  position: relative;
}
.ratio-3-4 iframe,
.ratio-3-4 .elementor-video{
  width: 100% !important;
  height: 100% !important;
}

/* Thumbnail xuống sau */
.index .elementor-posts-container .elementor-post .elementor-post__thumbnail__link{
  order: 2;
}
.index .elementor-posts-container .elementor-post .elementor-post__thumbnail__link{
  margin-top: 10px;
}
}
@media (max-width: 768px){
  .single.single-post p{
    font-size: 16px !important;
    line-height: 1.2em;
  }
  .index .elementor-post__title{
min-height: 40px;
  }
}