/*
Theme Name: vinatech-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.full-content img {
    margin-bottom: 10px;
}
.nav-dropdown {
	min-width: 270px; 
}
/* Bố cục tổng thể */
.related-posts {
  margin-top: 30px;
  padding: 10px 0;
  border-top:0;
}

/* Tiêu đề */
.related-posts .section-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 25px;
  text-transform: initial;
  border-left: 4px solid #012e54;
  padding-left: 12px;
  color: #012e54;
}

/* Box bài viết */
.related-posts .box-blog-post {
  transition: all 0.3s ease;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  background: #fff;
}

.related-posts .box-blog-post:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  transform: translateY(-5px);
}

/* Ảnh đại diện */
.related-posts .box-image {
  position: relative;
  width: 100%;
  padding-top: 75%; /* 4:3 ratio => height = 75% of width */
  overflow: hidden;
  border-radius: 6px 6px 0 0;
}

.related-posts .box-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Tiêu đề bài viết */
.related-posts .post-title a {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  margin: 10px 0 5px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.related-posts .post-title a:hover {
  color: #0085ba;
}

/* Ngày đăng */
.related-posts .post-date {
  font-size: 13px;
  color: #999;
}

/* Tạo layout 2 cột như hình */
svg {
   vertical-align: middle;
}
.lightbox-content {
    border-radius: 8px;
}
h4.uk-h4 {
    font-weight: 700;
    font-size: 24px;
	color:#012e54;
}
.uk-margin-small-top p {
    font-size: 16px;
    margin-bottom: 20px;
}
span.wpcf7-spinner {
    display: none;
}
.uk-text-center.uk-margin-top {
    text-align: center;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 15px;
}

.form-col {
  width: 100%;
}
/* Phần chiếm 2 cột */
.form-col.full {
  grid-column: span 2;
}
.wpcf7-form .wpcf7-form-control {
  border-radius: 8px;
  padding:5px;
  font-size: 15px;
  line-height:2;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

/* Đảm bảo textarea full width */
textarea.wpcf7-form-control {
  grid-column: span 2;
  resize: vertical;
  min-height: 100px;
}

/* Mục đích thẩm định full width */
input[name="lydo"] {
  grid-column: span 2;
}

/* Nút gửi: màu giống trong hình */
.wpcf7-submit {
  background:#012e54;
  color: #fff;
  border: none;
  padding: 12px 25px;
  font-size: 16px;
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.wpcf7-submit:hover {
  background: linear-gradient(to right, #00c6ff, #00aaff);
}

/* Responsive mobile: chuyển về 1 cột */
@media (max-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr;
  }

  textarea.wpcf7-form-control,
  input[name="lydo"] {
    grid-column: span 1;
  }
	 .form-col.full {
    grid-column: span 1;
  }
}

.blog-archive .post-item {
    padding-bottom: 0;
}
.list-post1 .post-item .col-inner, .list-post2 .post-item .col-inner {
    padding: 0;
    border: none;
}
.blog-archive .post-item .box-image {
    border: 1px solid #b7b7b7;
border-radius: 8px;
}
.list-post1 .post-item .box-image .image-cover {
    padding-top: 70% !important;
}
.list-post1 .post-item .box-text {
    padding: 10px 0 0px 20px !important;
    vertical-align: top;
}
.blog-archive .post-item .post-title {
    font-size: 18px;
    font-weight: 700;
}
.list-post1 .post-item .post-title {
    color: #012e54;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.block-post1 .col.large-12 .row.large-columns-3.medium-columns-2.small-columns-1 .box-text {
    padding-left: 0;
    margin-top: 15px;
}
.block-post1 .col.large-12 .row.large-columns-3.medium-columns-2.small-columns-1 .box-text h5 {
    font-size:16px;
}
.blog-archive .post-item .from_the_blog_excerpt {
    color: #848484;
	opacity:1;
	margin-top:20px;
    font-size: 15px;
    line-height: 20px;
}
.list-post2 .post-item {
    padding-bottom: 10px !important;
}
.list-post2 .post-item .box-image .image-cover {
    padding-top: 80% !important;
}
.list-post2 .post-item .post-title {
    font-size: 18px;
    color: #5065a1;
    font-weight: normal;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.list-post2 .post-item .from_the_blog_excerpt {
    display: none;
}
.blog-archive .post-item .col-inner {
    padding:0;
}
.blog-archive .post-item .box-image .image-cover {
    padding-top: 85% !important;
}
.blog-archive .post-item .box-text {
    padding: 0;
    padding-left: 15px;
    vertical-align: top;
}

ul#menu-ho-tro-khach-hang li {
    margin-bottom: 10px;
	border:0px;
}
.woocommerce-product-gallery__wrapper.product-gallery-slider.slider {
    border: 1px solid #ccc;
}
ul.tabs.wc-tabs.product-tabs li a {
    font-size: 31px!important;
    font-style: normal;
    font-weight: 800;
    line-height: 56px;
    color: #62BB4A;
    text-transform: inherit;
}
span.amount {
    color: #e0a824;
    font-weight: 700;
    white-space: nowrap;
}
header#header .nav-dropdown li:hover {
    background: #012e54;
    color: #fff;
}
.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom:0; 
}
header#header .nav-dropdown li:hover a {
	color:#fff!important;
}
header#header .nav-dropdown li.menu-item-has-children:hover ul li a {
	color:#000!important;
}
header#header .nav-dropdown li.menu-item-has-children:after {
    content: ">";
    position: absolute;
    right: 15px;
    color: #000;
	top:6px;
}
@media (min-width: 850px){
    header#header .nav-dropdown {
        display: block;
    }
    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 250px;
        padding: 0;
        display: none !important;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    }
    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
        font-weight: 400;
    }
    header#header .nav-dropdown li:hover > ul.sub-menu{
        display: block !important;
    }
    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }
    header#header .nav-dropdown li.menu-item-has-children > a {
        font-weight: 400;
        text-transform: none;
        color: rgba(102,102,102,.85);
    }
    header#header .nav-dropdown li.active>a {
        color: #e82c2a;
    }
}
ul.header-bottom-nav > li > a {
    transition: 0.3s ease-in-out;
    position: relative;
    padding: 12px 18px;
    height: 100%;
    align-items: center;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
}
.nav-dropdown {
	  padding:10px;
}
ul.sub-menu.nav-dropdown li a {
    font-size: 15px;
    color: #000!important;
}
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    box-shadow: unset!important;
	border-radius:5px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin: 0px;
	padding-left:10px;
	padding-right:10px;
    border-radius: 5px;
    background:#012e54;
}