/*
Theme Name: Đèn Led Văn Phòng
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.3
*/

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

    /* cta */
    .cta-item3 {
    padding: 0px 0;
    }
    .cta-item2 {
        left: 10px;
    }
    .cta-item3 p {
        font-size: 16px;
        font-weight: 600;
		color: #fff;
    }

    .cta-item3 i {
        padding: 0px 5px;
        font-size: 26px;
        color: #fff;
    }

    .cta-item3 img {
        padding: 0 5px;
        margin-top: -10px;
    }
    .cta { margin-top: 1px; background-color: #cf1b22cc;}
    .cta .cta-row{height: 100px;}
    .cta .cta-item1 span:first-child, .cta .cta-item2 span:first-child{ padding: 5px;color: #eee;font-size: 16px;}
    .cta .cta-item1 span, .cta .cta-item2 span{ font-weight: bold;  font-size: 35px; display: block; line-height: 30px;}
    span.hot-line {color: #ffffff;}
    .cta .cta-item1 p, .cta .cta-item2 p{margin: 0;}
    .cta .cta-item1{ background: url('/wp-content/themes/denledvanphong/images/icon-1.png') left center no-repeat; padding:20px 0;}
    .cta .cta-item2{ background: url('/wp-content/themes/denledvanphong/images/phone-receiver.png') left center no-repeat;  padding:20px 0;}
    
    
    
@media only screen and (max-width: 767px) {        
    .cta{height: inherit;}
    .cta .cta-row{height: inherit;}
    .cta .cta-item1, .cta .cta-item2{background: inherit; padding: 10px 0;}
    .cta .cta-item1 span, .cta .cta-item2 span{font-size: 16px; line-height: inherit; color: #FFF;}
 }      
 
 /* INTERFACE TABLET SMALL */
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .cta .cta-item1{ background: url('/wp-content/themes/denledvanphong/images/icon-1.jpg') left center no-repeat; background-size: 50px 50px;}
    .cta .cta-item2{ background: url('/wp-content/themes/denledvanphong/images/icon-2.jpg') left center no-repeat; background-size: 50px 50px; }
    .cta .cta-item1 p, .cta .cta-item2 p{margin-left: 30px;}
    

    
}    

@media only screen and (max-width: 767px){
 /* cta */

    .cta .cta-item1 {
        background: url('/wp-content/themes/denledvanphong/images/icon-1.jpg') left center no-repeat;
        padding: 20px 0 20px 40px;
        background-size: 50px 50px;
    }
    .cta .cta-item2 {
        background: url('/wp-content/themes/denledvanphong/images/icon-2.jpg') left center no-repeat;
        padding: 20px 0 20px 40px;
        background-size: 50px 50px;
    }
    .cta .cta-item1 p span:first-child, .cta .cta-item2 p span:first-child{font-size: 14px;}
    .cta .cta-item1 p span, .cta .cta-item2 p span{ font-size: 24px; }
    .cta-item3 {
    padding: 20px 0;
    }

    .cta .cta-item1 {
        background: url('/wp-content/themes/denledvanphong/images/icon-1.jpg') top center no-repeat;
        margin: 20px 0;
        padding: 0;
        background-size: 50px 50px;
    }
    .cta .cta-item2 {
        background: url('/wp-content/themes/denledvanphong/images/icon-2.jpg') top center no-repeat;
        margin: 20px 0;
        padding: 0;
        background-size: 50px 50px;
    }
    .cta .cta-item1 p, .cta .cta-item2 p{
    	margin: 0;
    	padding: 60px 0 0 0;
    }
    .cta .cta-item1 p span:first-child, .cta .cta-item2 p span:first-child{font-size: 14px;}
    .cta .cta-item1 p span, .cta .cta-item2 p span{ font-size: 24px; }
    .cta-item3 {
    padding: 20px 0;
    } 
}  

.btd-ft1-dc {
    border-left: 1px solid #323c3f;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: 5px;
}
p.dcap-ft1 {
    font-size: 14px;
    color: #2d3553;
    margin-bottom: 8px;
}
p.dcap-ft1 .fas {
    color: red;
}
p.dcap-ft1 .fa-solid {
    color: red;
}

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


}


.wpclv-term.hint--top.active span::before {
    content: "\2714 ";
    color: green;
    padding-right: 5px;
}
.wpclv-term.hint--right.active span::before {
     content: "\2714 ";
    color: green;
    padding-right: 5px;
}

li.variable-item.button-variable-item.selected span.variable-item-span.variable-item-span-button::before {
    content: "\2714 ";
    color: green;
    padding-right: 5px;
}
li.variable-item.button-variable-item.selected span.variable-item-span.variable-item-span-button {
    color: red;
    font-size: 20px;
    font-weight: 600;
}


/*Custom category Flatsome */
.blog-archive .post-item:nth-child(1) .box-image {
    width: 55%!important;
}
.post-item:nth-child(1) .box-text .post-title{font-size:18px;margin-bottom:10px}
.blog-archive .post-item:nth-child(1) .box-text{padding-top:0;padding-right:0;padding-bottom:0;
}
.blog-archive .post-item:nth-child(2), .blog-archive .post-item:nth-child(3), .blog-archive .post-item:nth-child(4),
 .blog-archive .post-item:nth-child(5) {
  max-width: 50%;
    flex-basis: 50%;
    display: block !important;
}
.blog-archive .post-item:nth-child(2) .box-text p, .blog-archive .post-item:nth-child(3) .box-text p, .blog-archive .post-item:nth-child(4) .box-text p,
 .blog-archive .post-item:nth-child(5) .box-text p{
display:none
}
.box-vertical.box-image, .box-vertical .box-text {
    display: inherit;
}

/*************** ADD MOBILE ONLY CSS HERE  ***************/

.woo-sctr-shortcode-countdown-timer-wrap {
    width: inherit !important;
    padding: 0px !important;
    font-weight: 600;
}
.single-product .isures-flashsale{
    background-image: url(https://thietbiquayphim.com/c/img/bg-flashsale.jpg);
	border-bottom: groove;
}
.single-product .isures-flashsale{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
	margin-top: 10px;
    margin-bottom: 5px;
}
.single-product .isures-flashsale span.title {
    margin-top: 10px;
    margin-right: 25px;
    margin-left: 10px;
}
 
.single-product .isures-flashsale .ux-timer {
    margin: 0;
 
}
.single-product .isures-flashsale .ux-timer span {
    font-size: 20px;
}
.single-product .isures-flashsale .ux-timer span strong{
    font-size: 10px;
    text-transform: none
}
 
.single-product .isures--flashsale .ux-timer span {
    color: var(--isures-secondary-color)!important;
}
.single-product .isures--flashsale .ux-timer span  strong{color: #222}

/*-------------------Post CSS ------------*/
.entry-content.single-page .isures-flashsale{
    background-image: url(https://thietbiquayphim.com/c/img/bg-flashsale.jpg);
	border-bottom: groove;
}
.entry-content.single-page .isures-flashsale{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
	margin-top: 10px;
    margin-bottom: 5px;
}
.entry-content.single-page .isures-flashsale span.title {
    margin-top: 10px;
    margin-right: 25px;
    margin-left: 10px;
}
 
.entry-content.single-page .isures-flashsale .ux-timer {
    margin: 0;
 
}
.entry-content.single-page .isures-flashsale .ux-timer span {
    font-size: 20px;
}
.entry-content.single-page .isures-flashsale .ux-timer span strong{
    font-size: 10px;
    text-transform: none
}
 
.entry-content.single-page .isures--flashsale .ux-timer span {
    color: var(--isures-secondary-color)!important;
}

/*-------------------deals CSS ------------*/
.deals-khuyen-mai .isures-flashsale{
    background-image: url(https://thietbiquayphim.com/c/img/bg-flashsale.jpg);
	border-bottom: groove;
}
.deals-khuyen-mai .isures-flashsale{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
	margin-top: 10px;
    margin-bottom: 5px;
}
.deals-khuyen-mai .isures-flashsale span.title {
    margin-top: 10px;
    margin-right: 25px;
    margin-left: 10px;
}
 
.deals-khuyen-mai .isures-flashsale .ux-timer {
    margin: 0;
 
}
.deals-khuyen-mai .isures-flashsale .ux-timer span {
    font-size: 20px;
}
.deals-khuyen-mai .isures-flashsale .ux-timer span strong{
    font-size: 10px;
    text-transform: none
}
 
.deals-khuyen-mai .isures--flashsale .ux-timer span {
    color: var(--isures-secondary-color)!important;
}

@media (max-width: 749px) {
    .wcpt .isures-flashsale {
        display: block !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }
}

.isures-flashsale span.title > a,
.isures-flashsale span.title > a {
  background: transparent !important;
  color: inherit !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/*-------------------Khuyến mãi CSS ------------*/
.wvn-gift {
	margin-bottom: 15px;
	margin-top: 30px;
	background: white;
	padding: 18px;
	border-radius: 5px;
	border: 1px solid #ef0b0b;
	font-size: 15px;
	width: 100%;
}
.wvn-gift .tieu-de {
	background: #e31616;
	padding: 2px 20px;
	margin-top: -30px;
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
	display: block;
	max-width: 255px;
	border-radius: 99px;
}
.wvn-gift ul {
	margin-bottom: 4px;
	margin-left: -30px;
	margin-top: 2px;
}
.wvn-gift li {
    list-style: none;
    color: #3a3a3a;
    font-size: 14px;
    background: url(https://thietbiquayphim.com/c/img/km_product1.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position-y: 3px;
    padding-left: 23px;
    text-align: left;
}	
/*-------------------Khuyến mãi CSS ------------*/

.eeat-author-box-title {
    background-color: #f9f9f9;
    padding: 15px 20px;
    border-radius: 8px;
    max-width: 95%;
    font-family: 'Arial', sans-serif;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin: 0 auto; /* căn giữa khi có max-width */
}

.eeat-job-title {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 8px;
}

.eeat-credentials {
    display: block;
    font-size: 0.95rem;
    color: #555555;
    line-height: 1.5;
}

/* Mobile: giảm cỡ chữ và padding khi màn hình nhỏ hơn 480px */
@media (max-width: 480px) {
    .eeat-author-box-title {
        padding: 10px 12px;
        border-radius: 6px;
        max-width: 100%;
    }

    .eeat-job-title {
        font-size: 1rem; /* giảm từ 1.2rem xuống 1rem */
        margin-bottom: 6px;
    }

    .eeat-credentials {
        font-size: 0.85rem; /* giảm từ 0.95rem xuống 0.85rem */
        line-height: 1.4;
    }
}

/* Tùy chọn: cỡ rất nhỏ (điện thoại nhỏ hoặc màn hình dọc) */
@media (max-width: 360px) {
    .eeat-job-title {
        font-size: 0.95rem;
    }
    .eeat-credentials {
        font-size: 0.8rem;
    }
}