/*
Theme Name: VBM Sport Theme
Description: Vietnam's Best Marathons - Standalone Marathon Theme
Author: VGM Team
Author URI: https://vgm.bestmarathon.vn
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vgm-theme
Tags: marathon, sports, running, responsive
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Set max-width 1280px cho tất cả trang */
body .container,
body .page-wrapper,
body .site-content,
body .row-main,
body .entry-content {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ẩn tiêu đề cho tất cả pages */
.page .entry-title,
.page .page-title {
    display: none !important;
}
#wpdcom {
	padding: 0 20px!important;
}

.header-top {
	    background-image: linear-gradient(to right top, #72550c, #967515, #b79514, #c2a110, #d7cb94)
}
.lencontainer {
    width: 80%; /* Đặt chiều rộng của container tùy ý */
    margin: 0 auto; /* Căn giữa theo chiều ngang */
	font-family: "Times New Roman", Times, serif;
}
.container95 {
	width: 99%; /* Đặt chiều rộng của container tùy ý */
    margin: 0 auto; /* Căn giữa theo chiều ngang */
}
	
.nav-dropdown {
	min-width: 1080px !important;
}

/*-- chia cột Form --*/
#info-left {
    width: 49%;
    float: left;
    margin-right:2%;
}
#info-right {
    width: 49%;
    float: right;
}
.form-contact-twocol:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
.form-contact-twocol {
    display:block;
}
/*-- Chèn icons lên Form --*/
.wpcf7 p{ position: relative; }
#icon-form{
  position: absolute;
  color: #666666;
  z-index: 100;
  font-size: 18px;
  top: 8px;
  right: 10px;
}
.chung-nhan-ban-cung {
	background-image: linear-gradient(to right top, #8c8f94, #c3c4c7, #ddd, #dcdcde, #d7cb94);
	padding: 25px;
	border: 1px solid #bfbfa0;
    border-radius: 10px;
}

/* COntact form 2*/
<style>
    @media only screen and (min-width: 800px) {
      
    }
	
div#form-bao-gia input {
    width: 100%;
    margin-top: 6px;
    padding-left: 5px;
}
div#form-bao-gia select {
    width: 100%;
    margin-top: 6px;
    padding-left: 5px;
}

div#form-bao-gia textarea {
    width: 100%;
    margin-top: 6px;
    padding-left: 5px;
    height: 130px;
}
.orderlist {
    color: #0077c7;
    font-weight: bold;
    height: 18px;
    position: relative;
    margin-bottom: 10px;
}	
.orderlist:before {
    content: "";
    background: #e2e2e3;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 10%;
    left: 0;
}

.orderlist span {
    position: absolute;
    left: 0;
    padding-right: 10px;
    background: #fff;
}	

.text-right {
    text-align: right;
}
	
input.wpcf7-form-control.wpcf7-submit {
    width: 100px !important;
    margin-bottom: 14px;
    background: #0077c7;
    color: #fff!important;
    font: 700 12px arial;
    padding: 10px 6px;
    border: none;
    cursor: pointer;
    display: inline-block;
}	
	
.panel-features {
    padding: 20px 8px;
    background-image: linear-gradient(to bottom,#0077c7,#006188);
    color: #fff;
}
	
.panel-features li h4 {
    font-size: 17px;
    line-height: 18px;
    color: #fff;
    font-weight: bold;
}

.panel-features h3 {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 17px;
    text-align: left;
}	
span.red {
    color: #ff0000;
}  
	
.form-fix {
    position: fixed;
    z-index: 9999;
}

	
</style>

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


}

/*************** CUSTOM PRODUCT PAGE START ***************/
.len-info-row {
    display: flex;
    justify-content: flex-start; /* Căn các item về bên trái */
    gap: 30px; /* Khoảng cách giữa các item */
}

.len-info-item {
    display: flex;
    align-items: center;
}

.len-info-text {
    transition: color 0.3s;
    margin-left: 10px; /* Khoảng cách giữa icon và văn bản */
}

.len-info-item:hover .len-info-text {
    color: lightgreen;
}


.len-nav-anchor-container {
    display: flex;
    justify-content: flex-start; /* Căn chúng về bên trái */
    gap: 10px; /* Khoảng cách giữa các anchor link */
    flex-wrap: nowrap; /* Ngăn không cho các item xuống dòng */
}

.len-nav-anchor-link {
    margin: 5px;
    padding: 5px;
    color: black; /* Màu sắc ban đầu của link */
    text-decoration: none; /* Loại bỏ gạch chân */
    display: inline-block; /* Để các liên kết nằm ngang */
    background-color: transparent; /* Màu nền ban đầu trong suốt */
    transition: background-color 0.3s; /* Hiệu ứng chuyển màu nền */
}

.len-nav-anchor-link:visited {
    color: black; /* Màu sắc của link sau khi đã được truy cập */
}

.len-nav-anchor-link:hover {
    background-color: lightgreen; /* Màu nền khi hover */
    color: black; /* Giữ nguyên màu chữ */
	 text-decoration: none; /* Loại bỏ gạch chân */
}

.len-nav-anchor-link:active {
    color: black; /* Màu chữ khi click */
    background-color: green; /* Màu nền khi click */
}


.len-sidebar-sticky {
    background-color: #f4f4f4; /* Màu nền */
    padding: 20px; /* Đệm xung quanh nội dung */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Bóng đổ */
    position: sticky; /* Làm cho nó sticky */
    top: 10px; /* Khoảng cách từ đỉnh trang khi sticky */
    width: 300px; /* Chiều rộng của khối */
}

.len-title {
    color: #333; /* Màu của tiêu đề */
    margin-bottom: 10px; /* Khoảng cách dưới tiêu đề */
}

.len-rating i {
    color: #ffcc00; /* Màu của ngôi sao */
}

.len-rating span {
    color: #666; /* Màu của văn bản đánh giá */
    margin-left: 5px; /* Khoảng cách giữa ngôi sao và văn bản */
}

.len-price {
    color: #28a745; /* Màu giá */
    font-weight: bold; /* In đậm */
    margin-bottom: 10px; /* Khoảng cách dưới giá */
}

.len-btn-datchungchi, .len-btn-luulai {
    display: block; /* Hiển thị trên một dòng riêng */
    text-align: center; /* Căn giữa nội dung */
    color: white; /* Màu chữ */
    padding: 10px; /* Đệm xung quanh nội dung */
    text-decoration: none; /* Loại bỏ gạch dưới */
    border: none; /* Loại bỏ viền */
    border-radius: 5px; /* Làm tròn góc */
    margin-bottom: 10px; /* Khoảng cách dưới nút */
    cursor: pointer; /* Hiển thị con trỏ như khi di chuột qua nút */
}

.len-btn-datchungchi {
    background-color: #007bff; /* Màu nền của nút Đặt Chứng Chỉ */
}

.len-btn-luulai {
    background-color: #6c757d; /* Màu nền của nút Lưu Lại */
}




/*************** CUSTOM PRODUCT PAGE END ***************/
.uk-subnav-pill>.uk-active>a {
	background-color: #989898 !important;
}
.uk-subnav-pill>*>:first-child {
	border: 1px solid #989898;
}
.col, .columns, .gallery-item {
	padding: 0 5px 30px !important;
}

.lenfooter3-content-container {
    text-align: center;
    margin: auto;
    padding: 20px;
}

.lenfooter3-rotating-image {
    width: 100px;
    height: auto;
    margin-bottom: 0px; /* Loại bỏ hoàn toàn khoảng cách dưới logo */
    transition: transform 0.6s ease; /* Thời gian chuyển đổi nhanh */
}

.lenfooter3-rotating-image:hover {
    transform: rotate(1080deg); /* Xoay 3 vòng (360° x 3) */
}

.lenfooter3-content-text {
    margin-top: 0px; /* Loại bỏ hoàn toàn khoảng cách trên đoạn văn */
    margin-bottom: 5px; /* Giữ khoảng cách dưới đoạn văn */
    font-size: 16px; /* Kích thước font */
    color: #333; /* Màu chữ */
}

.lenfooter3-social-icons {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    margin: 10px 0; /* Khoảng cách trên và dưới các icon */
}

.lenfooter3-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px; /* Khoảng cách giữa các icon */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 20px;
    transition: transform 0.6s ease;
    text-decoration: none; /* Loại bỏ gạch chân */
}

.lenfooter3-facebook {
    color: #3b5998;
}

.lenfooter3-youtube {
    color: #c4302b;
}

.lenfooter3-email {
    color: #dd4b39;
}

.lenfooter3-twitter {
    color: #1da1f2;
}

.lenfooter3-icon:hover {
    transform: rotate(360deg);
}

.lenfooter3-gov-image {
    margin-top: 5px; /* Giảm khoảng cách trên hình ảnh Bộ Công Thương */
    width: 100px;
    height: auto;
}
.lenfooter3-content-container + .lenfooter3-content-container {
    margin-top: 0px; /* Hoặc một giá trị phù hợp với thiết kế của bạn */
}
.lenfooter3-support-container a {
    color: #000000; /* Màu chữ đen */
    text-decoration: none; /* Gỡ bỏ gạch chân */
	font-size: 16px;
}

.lenfooter3-support-container a:hover {
    color: #0056b3; /* Màu chữ thay đổi khi di chuột qua */
}

.lenfooter3-support-container .lenfooter3-support-list li:first-child a {
    font-weight: bold;
    font-size: 18px; /* Tăng kích thước chữ */
    color: black; /* Màu chữ đỏ */
}

.lenfooter3-support-container .lenfooter3-support-list {
    padding: 0;
    list-style: none; /* Gỡ bỏ dấu đầu dòng */
}

.lenfooter3-support-container .lenfooter3-support-list li {
    margin-bottom: 10px; /* Khoảng cách giữa các mục */
}
.lenfooter3-support-container {
    text-align: left; /* Căn trái cho toàn bộ container */
}

.lenfooter3-support-container .lenfooter3-support-list li {
    margin-bottom: 10px; /* Khoảng cách giữa các mục */
    text-align: left; /* Căn trái cho từng mục liên kết */
}

#len-donate-report-container {
	display: grid;
	grid-template-columns: auto;
	grid-gap: 1em;
	grid-auto-rows: auto;
}

#len-donate-report-title {
	border-bottom: 2px solid #5F6368;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 0.5em;
}

#len-donate-report-box {
	border: 2px solid #5F6368;
	border-radius: 1.5em 1.5em 1.5em 1.5em;
	padding-left: 2em;
	padding-right: 2em;
	box-shadow: 0.2em 0.2em 1.25em slategrey;
	
}

#len-donate-abstract {
	border-bottom: 1px solid #5F6368;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}

#len-donate-introduction {
	border-bottom: 1px solid #5F6368;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}

#len-donate-background-info {
	border-bottom: 1px solid #5F6368;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}

#len-donate-methodology {
	border-bottom: 1px solid #5F6368;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}

#len-donate-questions {
	border-bottom: 1px solid #5F6368;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}

#len-donate-discussion {
	border-bottom: 1px solid #5F6368;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}

#len-donate-conclusion {
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 1em;
	padding-top: 0.4em;
}

.len-donate-numbered-list {
	list-style: list-style: circle || decimal;
	text-align: center;
}

.len-donate-report-author {
	1.12em;
	text-align: center;
}

.len-donate-report-title {
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 0.2em;
	text-align: center;
}

.len-donate-section-headers {
	font-size: 1.17em;
	font-weight: bold;
	padding-bottom: 0.2em;
	text-align: center;
}