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

/*************** ADD CUSTOM CSS HERE.   ***************/
/*==Full==*/
select.resize-select {
    min-width: 80px;
    border-radius: 5px 0px 0px 5px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    border-right: 0px;
}
.search_categories option {
  background-color: #fff; /* Màu nền của option */
  color: #333; /* Màu chữ của option */
  font-size: 16px; /* Kích thước chữ */
  padding: 10px; /* Khoảng cách bên trong (hỗ trợ hạn chế trên một số trình duyệt) */
}
input[type=search] {
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    border-right: 0px;
}
.searchform .button.icon {
    background: #333;
    border-radius: 0px 5px 5px 0px;
}
select, input:hover, select:hover, textarea:hover {
    box-shadow: none;
}
b, strong, .button {
    font-weight: bold;
}
.back-to-top {
    bottom: 50px;
    right: 0px;
}
/*Menu sổ xuống*/
.nav-dropdown {
    min-width: 330px;
    padding: 7px 0px 7px 0px;
}
.nav-dropdown>li>a {
    font-size: 100%;
    color: #000000;
    padding: 7px 10px;
}

.nav-dropdown>li>a:hover{
    color: #333
}
/*breadcrumbs*/
.breadcrumbs {
    font-weight: inherit;
    padding: 10px 0px 1px 0px;
    margin-bottom: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flickity-prev-next-button {
    width: 44px;
}
.flickity-prev-next-button svg {
    padding:30%;
}
svg.flickity-button-icon:hover {
    background: #E8ECEF;
    border-radius: 5px;
}

/**--- START chú thích ---**/
blockquote {
font-style: normal;
font-size: 100%;
}

/* Tùy chỉnh dữ liệu bảng */
td {
    color: #000;
    padding: 7px !important;
    font-size: 100%;
}

button.ux-relay__button {
    border-radius: 5px;
}

/* Sửa text footer 2*/
.footer-secondary {
    padding: 0px;
}

/*home*/
.ldn-h2-none h2 {
    border: 0px;
}
.ldn-h2-none .section-title-normal span {
    border: 0px;
}
.section-title-container {
    margin-bottom: 0px;
}
.section-title a .icon-angle-right {
  display: none;
}
.section-title a::after {
  content: '\279D';
  margin-left: 5px;
}
.section-title a {
    font-size: 14px;
}
.ldn-products .box-image {
    border-radius: 5px;
}

/*sidebar*/
.widget {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    background: #fff;
}
.tieu-de-widget, .widget-title {
    font-size: 125%;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding: 5px 0px;
    margin-bottom: 15px;
}
/* Trang lưu trữ sản phẩm */
div#shop-sidebar {
    padding-top: 12px;
}
.page-title-inner {
    padding-top: 0px;
}
h1.shop-page-title {
    margin-bottom: 0px;
}
.category-page-row {
    padding-top: 10px;
}
select.orderby {
    border-radius: 5px;
}
.woocommerce-LoopProduct-link {
    font-size: 110%;
    font-weight: bold;
}
.woocommerce-loop-product__title a {
    color: #333;
}
/* Giá sản phẩm */
.woocommerce-Price-currencySymbol {
    font-size: 75%;
    vertical-align: top;
}

.product-small.box {
    border: 1px solid #F2F2F2;
    box-shadow: 0px 4px 6px 0px rgba(44, 44, 44, 0.04);
    border-radius: 5px;
}
.product-small.box:hover {
    box-shadow: 0px 4px 16px rgba(44, 44, 44, 0.08);
}
.product-small .box-text {
    padding: 7px 7px 10px 7px;
}
.box-image img {
    border-radius: 5px 5px 0px 0px;
}
.ldn-products .box-image img {
    border-radius: 5px;
}
/*==Sản phẩm đơn==*/
.product-gallery-slider img, .product-thumbnails img {
    border-radius: 5px;
    opacity: 1;
}
.product-thumbnails a {
    border-radius: 5px;
}
.product-info {
    padding-bottom: 0px;
}
span.ldn-ttptda-label {
    display: block;
    font-weight: bold;
}
.button.ldn-tt-tda-value {
    margin: 0px;
    border-radius: 5px;
}

.button.ldn-tt-tda-value {
    animation: blinkBackground 2s infinite;
}

@keyframes blinkBackground {
    0% {
        background-color: var(--fs-color-secondary);
    }

    50% {
        background-color: var(--fs-color-primary);
    }

    100% {
        background-color: var(--fs-color-secondary);
    }
}
.ldn-ttptda-wrapper {
    text-align: center;
    position: relative;
    padding: 20px 15px;
    border-radius: 10px;
    background-color: rgb(255, 248, 248) !important;
    background: linear-gradient(90deg, rgb(217, 0, 0) 50%, transparent 50%),
        linear-gradient(90deg, rgb(217, 0, 0) 50%, transparent 50%),
        linear-gradient(0deg, rgb(217, 0, 0) 50%, transparent 50%),
        linear-gradient(0deg, rgb(217, 0, 0) 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 0.5rem 0.1rem, 0.5rem 0.1rem, 0.1rem 0.5rem, 0.1rem 0.5rem;
    animation: borderRun 3s linear infinite;
}

@keyframes borderRun {
    0% {
        background-position: 0 0, 100% 100%, 0 100%, 100% 0;
    }

    100% {
        background-position: 100% 0, 0 100%, 0 0, 100% 100%;
    }
}
.product-section-title-related {
    font-size: 130%;
    font-weight: bold;
}
.product-section {
    border-top: 0px;
}
.panel.entry-content {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px 10px;
    margin-bottom: 20px;
}
.panel.entry-content img {
    width: calc(100% + 20px) !important;
    max-width: calc(100% + 20px) !important;
    margin: 0 -10px !important;  
}
div#comments {
    padding-bottom: 0px;
}
div#review_form_wrapper {
    padding-bottom: 0px;
}
form#commentform {
    margin-bottom: 0px;
}
.ldn-tt-ptda-value-fix {
    font-weight: bold;
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: right center;
    width: fit-content;
    background: red;
    padding: 5px 10px;
    z-index: 1000;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    box-shadow: -1px -1px 20px 2px rgb(255 0 0 / 43%);
}
@media (max-width: 850px) {
    .ldn-tt-ptda-value-fix {
        position: fixed;
        bottom: 0;
        right: 0;
        top: auto;
        transform: none;
        text-align: center;
        padding: 10px;
        width: 100%;
        border-radius:0px;
    }
}
/*Trang lưu trữ bài viết*/
.page-title .author-avatar {
    margin-bottom: 15px;
}
.box-blog-post {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #F2F2F2;
    box-shadow: 0px 4px 6px 0px rgba(44, 44, 44, 0.04);
}
.post-item .box-text {
    padding: 7px 10px 10px 7px;
    font-size: 100%;
}
.box-text h5 {
    margin-bottom: 7px;
    margin-top: 0px;
}
p.from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*Bài viết đơn*/
header.entry-header {
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 20px;
}
.entry-image img {
    border-radius: 5px 5px 0px 0px;
}
.entry-header-text {
    padding: 0px 10px 15px;
}
.blog-author-image {
    margin-right: 10px;
}
.entry-content.single-page {
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    padding: 15px 10px;
}
.entry-content.single-page img {
    width: calc(100% + 20px) !important;
    max-width: calc(100% + 20px) !important;
    margin: 0 -10px !important;  
}
.wp-caption .wp-caption-text {
	margin: 0px -10px;
}
/**---------------- Bình luận ----------------**/
/* Chỉnh sửa tiêu đề bình luận*/
.woocommerce-Reviews-title, .comment-reply-title {
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 110% !important;
}
#comments .comment-respond {
border: #ccc 1px solid;
border-radius: 5px;
padding: 15px 10px 0;
background: #fff;
}

input[type=submit], textarea#comment, input#author, input#email {
    border-radius: 5px;
}

/* Ẩn thanh ngang dưới tiêu đề bài viết*/
.entry-divider.is-divider.small {
    display: none;
}

.box-blog-post .is-divider {
    display: none;
}
.widget .is-divider {
    display: none;
}


/* Tùy chỉnh tác giả dưới bài viết 
.blog-author-image {
    margin-top: 15px;
}

p.author-name.uppercase.pt-half {
    margin-bottom: 10px;
    font-weight: bold;
}*/
/*TOC ez-toc*/
div#ez-toc-container {
    border: 0px;
    background: inherit;
    box-shadow: none;
    padding:0px 0px 10px 0px;
    border-bottom: 1px solid #cccccc;
    border-radius: 0px;
}

/* Bắt đầu thanh liên hệ chạy dọc website*/

.contact-nav {
    position: fixed;
    right: 20px;
    background: transparent;
    width: auto;
    z-index: 150;
    bottom: 30px;
}
.contact-nav ul {list-style: none;padding: 0;margin: 0;}
.contact-nav ul li {
    margin-bottom: 15px;
    list-style: none!important;
}

.contact-nav ul>li a i {
    width: 45px;
    height: 45px;
    display: block;
    margin: auto;
}

.contact-nav ul>li a i.icon-csb-1 {
    background: url(https://cdn-thumbs.imagevenue.com/1b/5f/4a/ME15CTC3_t.png) no-repeat;
    background-size: contain;
    width: 45px;
    height: 45px;
    display: block;
}
.contact-nav ul>li a i.icon-csb-2 {
    background: url(https://cdn-thumbs.imagevenue.com/b5/29/a7/ME15CTC6_t.png) no-repeat;
    background-size: contain;
    width: 45px;
    height: 45px;
    display: block;
}
.contact-nav ul>li a i.icon-csb-3 {
    background: url(https://cdn-thumbs.imagevenue.com/d3/39/f6/ME15CTC8_t.png) no-repeat;
    background-size: contain;
    width: 45px;
    height: 45px;
    display: block;
}
.contact-nav ul>li a i.icon-csb-4 {
    background: url(https://cdn-thumbs.imagevenue.com/a7/42/31/ME15CTC7_t.png) no-repeat;
    background-size: contain;
    width: 45px;
    height: 45px;
    display: block;
}
.contact-nav ul>li a i.icon-csb-5 {
    background: url(https://cdn-thumbs.imagevenue.com/12/77/4e/ME15CTC9_t.png) no-repeat;
    background-size: contain;
    width: 45px;
    height: 45px;
    display: block;
}

@media screen and (min-width: 850px) {
    .box-vertical .box-image img {
    border-radius: 5px 0px 0px 5px;
}
}
@media (max-width: 849px) {
select,input[type=search] {
    font-size: 0.97em;
}
}
@media only screen and (max-width: 600px){

.absolute-footer {
margin-bottom: 55px;
}
.contact-nav ul>li a{padding:0; margin:0 auto}
.contact-nav {
    background: #fff;
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
    padding: 7px;
    margin: 0;
    box-shadow: 0 4px 10px 0 #000;
}
.contact-nav li {
    float: left;
    width: 20%;
    list-style: none;
    height: 55px;
}}

/* Kết thúc thanh liên hệ chạy dọc website*/


/*Thêm CSS cho kích thước máy tính bảng và điện thoại*/
@media only screen and (max-width: 768px){
/*************** TABLETS AND DOWN ONLY CSS HERE  ***************/
  table {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
}

}

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


}