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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* HEADER */
.row_hl {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.col_1 {
    margin-left: 15px;
}

.col_1 .button {
    padding: 7px;
    border-radius: 5px;
}

.col_2 {
    display: flex;
    align-items: center;
}

#cont_hl {
    position: relative;
    padding: 3px 25px 3px 3px;
    float: right;
    border-radius: 0 5px 5px 0;
    border: 1px solid #e2e2e2;
    border-left: none;
    background: url(http://localhost/wordpress/shopruou/wp-content/uploads/2024/03/arr-select-pink-right.png) right center no-repeat;
}

#cont_hl span {
    display: block;
}

#cs_hotline {
    z-index: 1010;
    position: absolute;
    display: none;
    top: 49px;
    left: -37px;
    border-radius: 5px;
    width: 200px;
    color: #fff;
    border: 4px solid #b00c45;
    background: #b00c45;
    padding: 5px;
}

.col_2:hover #cs_hotline {
    display: block
}

#cs_hotline a {
    color: white;
}

#cs_hotline::before {
    top: -22px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #b00c45;
    border-width: 13px;
    margin-left: -13px;
}

.section-title-normal {
    border-bottom: 2px solid #b00c45;
}

.section-title-normal span {
    border-bottom: 2px solid #ccc;
}

.sec_sanpham .section-content > .row > .col,
.sec_tintuc,
.sec_tintuc .section-content > .row > .col{
	padding-bottom:0;
}

/* TEST */
.slider .has-slide-effect .bg {
    opacity: 1;
}

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

.box-blog-post .post-title {
    display: -webkit-box;
    height: 45px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Chi tiet san pham */
.ifsp_icobox2 {
    color: #b00c45;
    padding: 5px 10px 5px 55px;
    border-radius: 4px;
    border: 2px dotted #b00c45;
}

.tac_ifsp {
    background-color: #ebebeb;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

ul.product-tabs>li>a {
    border-radius: 0;
    padding: 0 20px;
}

ul.product-tabs>li {
    margin: 0;
}

.tac_ifsp .box-text-bottom {
    border-left: 1px dashed #00000029;
}

.tac_ifsp h5,
span.amount,
.product-section-title-related {
    color: #b00c45;
}

span.amount::before {
    content: "Giá: ";
}

.product-title {
    font-weight: 600;
}

/* footer */

.fot_col1>.col-inner {
    background: url(http://localhost/wordpress/shopruou/wp-content/uploads/2024/03/icon-email.png) 15px 10px no-repeat;
    padding-left: 70px;
}

.fot_col2>.col-inner {
    background: url(http://localhost/wordpress/shopruou/wp-content/uploads/2024/03/icon-shipping.png) 15px 18px no-repeat;
    padding-left: 95px;
    padding-top: 25px;
}

.fot_col2 p {
    font-size: 12px;
}

.fot_col1 i {
    color: white;
}

.loading-spin.centered,
.processing:before {
    right: 0;
    margin-top: -22px;
}

.foot_rowtop>.col {
    padding-bottom: 0;
}

.foot_rowtop {
    margin-bottom: 20px;
}

.foot_rowbot{
    border-top: 1px solid #ccc;
    padding-top: 30px;
}

.foot_rowbot h5 {
    border-left: 2px solid #b00c45;
    padding-left: 5px;
    line-height: 1;
    margin-bottom: 17px;
}

.footer-secondary {
    padding: 0;
}

@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .fot_col2>.col-inner {
        background: url(http://localhost/wordpress/shopruou/wp-content/uploads/2024/03/icon-shipping.png) 5px 10px no-repeat;
        padding-left: 85px;
        padding-top: 0;
    }

}