/*
Theme Name: BICTweb.vn
Description: This is a child theme for BICTweb.vn
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE 
.select_option:hover, .select_option.selected {
    border-color: red !important;
	border-style:solid;
    border-width:thick;
}

.select_option span, .select_option img {
    width: 100% !important;
}
.iso {
    border: 2px dashed #ef6e22;
}

***************/


.badge absolute top post-date badge-circle{ display: none !important; }

.badge.post-date {
    display: none !important;
}

.from_the_blog_excerpt{
    display: none !important;
}

#wp-admin-bar-customize { display:none !important;}
#wp-admin-bar-themes { display:none !important;}
#wp-admin-bar-menus { display:none !important;}
#wp-admin-bar-updates { display:none !important;}
#wp-admin-bar-new-content { display:none !important;}
#wp-admin-bar-wp-logo { display:none !important;}
#wp-admin-bar-updates { display:none !important;}
#wp-admin-bar-widgets { display:none !important;} 



.col.post-item img.wp-post-image {
    object-fit: fill !important;
}
.col.post-item h5.post-title.is-large {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
}


.post-item .col-inner::before, .post-item .col-inner::after{
    content:"";
    width: 0;
    height: 2px;
    z-index:1;
    position: absolute;
    transition: all 0.2s linear;
    background: #00a556;
    box-shadow:
    transition:400ms ease all;
    transition-delay: 0.3s;
    }
    .post-item .col-inner .box::before, .post-item .col-inner .box::after{
    content:"";
    width:2px;
    height:0;
    z-index:1;
    position: absolute;
    transition: all 0.2s linear;
    background: #00a556;
    transition:400ms ease all;
    transition-delay: 0s;
    }
    .post-item .col-inner:hover::before, .post-item .col-inner:hover::after{
    width: 100% ;
    }
    .post-item .col-inner:hover .box::before, .post-item .col-inner:hover .box::after{
    height: 100%;
    }
    .post-item .col-inner::before{
    right: 0;
    top: 0;
    }
    .post-item .col-inner::after{
    left: 0;
    bottom: 0;
    }
    .post-item .col-inner .box::before{
    left: 0;
    top: 0;
    }
    .post-item .col-inner .box::after{
    right: 0;
    bottom: 0;
    }
    .post-item .col-inner:hover::before, .post-item .col-inner:hover::after{
    transition-delay: 0s;
    }
    .post-item .col-inner:hover .box::before, .post-item .col-inner:hover .box::after{
    transition-delay: 0.3s;
    }

    .post-item .box-image:hover::before{
        -webkit-animation:shine .75s;
        animation:shine .75s}
        @-webkit-keyframes shine{
        100%{left:125%}
        }
        @keyframes shine{
        100%{left:125%}
        }
        .post-item .box-image::before{
        position:absolute;
        top:0;
        left:-75%;
        z-index:2;
        display:block;
        content:'';
        width:50%;
        height:100%;
        background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
        background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
        -webkit-transform:skewX(-25deg);transform:skewX(-25deg)
        }

        .box-blog-post .image-cover {
            border-radius: 40px 0 40px 0;
        }
        .col.post-item h5.post-title.is-large {
            overflow: hidden !important;
            -webkit-box-orient: vertical !important;
            -webkit-line-clamp: 1 !important;
            display: contents  !important;
        }