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

/*************** ADD CUSTOM CSS HERE.   ***************/
/*transperent navi*/
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: #587e38;
    transition: all .2s;
}
.nav-size-medium>li>a {
    font-size: 1.2em;
}
/*end*/
.nav>li {
    display: inline-block;
    list-style: none;
    margin: 0 8px;
    padding: 0;
    transition: background-color .3s;}

/*navpoci*/
.tabs-nav.nav-vertical li {
    list-style: none;
    width: 100%;
    background-color: #92b772;
    border-radius: 5px;
    margin: 5px 0 !important;
    background: url(/wp-content/uploads/2025/02/side-2.png) no-repeat left center;
    padding-left: 36px;
}
.tabs-nav.nav-vertical li:hover {
    background: url(/wp-content/uploads/2025/02/side-2.png) no-repeat left center;
}

.tabs-nav.nav-vertical li a: hover{display: block;
    border: 1px solid #d2d2d2;
    text-align: center;
    border-radius: 5px;}
.tabs-nav.nav-vertical li:hover a {background: #92b772 !important;
    color: #fff !important;
    border: 1px solid #28318e !important;}
/*heading*/
.article-inner h3 {
   border-left: 4px solid #587e38;
   padding-left: 10px;
   color: #587e38;
}
h1.page-title.is-large.uppercase {
    font-size: 1.8em;
}

/*Bvlq moi nhat*/

.xem-them .tieu-de-xem-them {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
}
.xem-them ul li {
    margin-bottom: 3px;
}
.xem-them ul li a {
    font-weight: 700;
    font-size: 16px;
    color: #2a9e2f;
}
.xem-them ul li a:hover {
    text-decoration: underline;
}
.newpost {
    background: hsla(0, 0%, 100%, .95);
    padding: 10px;
    border: 1px dashed #f75b9570;
    border-radius: 3px;
}
.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9;
}
.danh-muc {
    margin-bottom: 15px;
}
.danh-muc span.title, .the-tim-kiem span.title {
    border-radius: 4px;
    background: #126e32;
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}
.danh-muc a, .the-tim-kiem a {line-height:32px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;
}
.danh-muc a:hover, .the-tim-kiem a:hover {
    background: #6dca19;
    color: white;
}
.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: black;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 120px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}

.footer-wrapper {
    position: relative;
    width: 100%;
    background: url(/wp-content/uploads/2025/03/lunamoonlife-bg-ft-1.png) no-repeat right bottom;
    height: 300px;
    margin: 0 auto 0;
    padding: 0;
}

.absolute-footer {padding:0px 0 15px;}
.footer-secondary {padding: 0.5px 0;}

img.attachment-.size-.lazy-load-active {
    border-radius: 20px;
    margin: 0 0 10px;
}
.image-zoom.image-cover {
    border-radius: 20px;
    margin: 0 0 10px;
}
/*Bvlq*/
/*toc*/
#ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li {
    margin: 3px;
    word-wrap: break-word;
    text-align: justify;
    background-color: rgb(255 255 255 / 49%);
}
#ez-toc-container.ez-toc-white {
    background-image: url(/wp-content/uploads/2025/03/pink-flower-pat.jpg);
    /* border: 2px solid #d6236b; */
    padding: 5px; 	float: right !important;  width: 385px;
}
.ez-toc-title-container {
    border-bottom: 2px solid #587e38;background-color: rgba(255, 255, 255, 0.7);text-align: center;
}
#ez-toc-container a:visited {
    color: #f75b95;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.bai-viet-lien-quan ul li {width: 50%;}
.bai-viet-lien-quan ul li .box-image img {height: 90px;}

}