/*
Theme Name: BICTweb.vn Child
Description: This is a child theme for BICTweb.vn
Author: BICTweb.vn
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.  
.page-title{
    display: none !important;
}

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

.posted-on{
    display: none !important;
}

[rel="tag"] {
    align-items: center;
    background-color: whitesmoke;
      border: 1px solid #eaeaea;
    border-radius: 3px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: 0.75rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
  }
  .category-thoi-trang + #at_posts_related .image-cover,
  .category-gioi-tre + #at_posts_related .image-cover {
      padding-top: 131.22% !important;
  }

  .cssbannertop {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.section.bictweb_mb .image-cover {
    padding-top: 130% !important;
}
.section.bictweb_pc .image-cover {
    padding-top: 130% !important;
}

.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
    margin-bottom: 0;
    padding-bottom: 0px !important;
}
.col, .columns, .gallery-item {
    padding-bottom:  0px;
}

.bictweb_pc .row-small>.col,
.bictweb_pc .row-small>.flickity-viewport>.flickity-slider>.col {
    padding-bottom: 20px !important;
}
.section.bictweb_mb .image-cover {
    margin-bottom: 20px !important;
}


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

#main {
	margin-top: 16px;
}
/* Header */
#masthead  {
	border-bottom: 1px solid #eaeaea;
}
/* Left menu */
.nav.nav-second-level  li {
	display: flex;
	padding: 0px 12px;
	border-radius: 6px;
	align-items: center;
	line-height: 20px;
	margin-left: 0;
}
.nav.nav-second-level  li svg {
	margin-bottom: 5px;
	width: 16px;
    height: 16px;
	margin-right: 8px;
}

.nav.nav-second-level  li:hover,
.nav.nav-second-level  li:focus,
.nav.nav-second-level  li:active,
.nav.nav-second-level  li.active{
	background: #eaeaea;
}

.sidebar-wrapper span.widget-title {
    font-size: 1em;
    font-weight: 400;
    color: #7d7d7d;
}
.widget>ul>li>a, .widget>ul>li>span:first-child, ul.menu>li>a, ul.menu>li>span:first-child {
    color: #666;
    font-size: .9rem;
}
.widget>ul>li+li, ul.menu>li+li {
    border: none;
}
.widget.widget_categories ul {
    max-height: 320px;
    overflow: auto;
}
.sidebar-wrapper .textwidget,
.post-sidebar  .textwidget {
    font-size: .85rem;
    color: hsla(0,0%,40%, 1);
}
@media(min-width: 850px) {
    .post-sidebar .widget-area {
		position: sticky;
        top: calc(var(--flatsome-scroll-padding-top) + 30px);
        transition: top .6s
    }
}
/* Login user */
.header.user_is_login .header-nav-main .header-block{
	display: none !important;
}

.header.user_notlogin  .header-nav-main .menu-item{
	display: none !important;
}
.header.user_notlogin  .header-nav-main .header-block{
	display: block !important;
}
/* Slider news box */
.block-cover-home .author-post {
    display: none;
}
.block-cover-home  .box-push .box-text .is-divider,
.block-cover-home  .box-push .box-text .button,
.block-cover-home  .share-icons,
.block-cover-home  .post-views{
    display: none !important;
}
.block-cover-home  .box-blog-post {
	border-radius: 12px;
	overflow: hidden;
}
.block-cover-home  .post-title {
/* 	height: 34px; */
	overflow: hidden;
	margin-bottom: 8px;
}
.block-cover-home  .box-push .box-text {
    margin: 0;
    width: 100%;
    max-width: 100%;
    background: #ffffff94;
    position: absolute;
    top: auto;
    bottom: 0;
    overflow: auto;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 60%, rgba(0, 0, 0, 0.6) 100%);
    border-radius: 12px;
    color: #fff;
    padding-bottom: 8px;
}
.block-cover-home  .box-push .box-text a {
    color: #FFF;
}
.block-cover-home  .box-push .box-text .post-views span {
    color: #fff;
}
.block-cover-home  .flickity-prev-next-button {
	background: #fff;
	border-radius: 50%;
	font-size: 8px;
	width: 30px;
	height: 30px;
}

/* Main box */
.box.box-normal.box-text-bottom.box-blog-post.has-hover,
.page-wrapper .box-vertical.box-text-bottom.box-blog-post {
    background: white;
    border: 1px solid rgb(235, 235, 235);
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-radius: 12px;
    box-sizing: border-box;
    margin-bottom: 15px;
    transition: all 0.3s ease 0s;
    padding: 15px;
    float: left;
}
.page-wrapper .box-vertical.box-text-bottom.box-blog-post  {
	padding: 8px 12px;
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover  .box-image .image-cover,
.page-wrapper .box-vertical.box-text-bottom.box-blog-post  .box-image .image-cover{
	border-radius: 12px;
	overflow: hidden;
} 
.box.box-blog-post .box-text div {
	display: inline-block;
}
.box.box-blog-post .box-text .post-meta,
.box.box-blog-post .box-text .is-divider{
	display: none;
}
.box.box-blog-post .from_the_blog_excerpt {
	display: inline;
}
.box.box-blog-post a.button.is-link  {
	text-transform: none;
    font-weight: 600;
    color: #237cc3;
    font-size: smaller;
    font-style: italic; 
	margin-top: 0;
}
.author-box .blog-author-image{
    width: 40px;
    height: 40px;
    margin: 0 8px 8px 0;
}
.author-box .blog-author-image img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
}
.author-box .author-name {
    padding-top: 3px;
    font-weight: bold;
    color: #124889;
    text-transform: none;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}
.author-box  .post-date {
    color: #404040;
    font-size: smaller;
}

/* Common box-blog-post  */
.box-blog-post .is-divider,
.badge.post-date{
    display: none;
}

.box.box-blog-post .box-text .author-box  div.flex-row {
	display: flex !important;
}
.box.box-blog-post .box-text .author-date-post {
	display: block !important;
}
.section:not(.block-cover-home)  .box-blog-post {
    padding-top: 75px !important;!i;!;
}
.section:not(.block-cover-home)  .box-blog-post .box-text {
    position: static;
}
.section:not(.block-cover-home)  .box-blog-post .author-box {
    position:  absolute;
    top: 15px;
    left: 15px;
}

.box-blog-post .post-views.content-post {
    border: 1px solid #eaeaea;
    border-radius: 6px;
    vertical-align: middle;
    padding: 4px 12px 0 2px;
    padding-bottom: 0;
    color: #7f7f7f;
    display: inline-block;
}
.box-blog-post .social-icons.share-icons {
	border-radius: 6px;
	vertical-align: middle;
	padding: 0 12px;
	display: inline-block;
}
/* Blog post in aside-blog */
.section .aside-blog .box-blog-post {
	padding-top: 0 !important;
	border-bottom: 1px solid #eaeaea;
}
.aside-blog .box-blog-post .box-text .author-post,
.aside-blog .box-blog-post .post-views,
.aside-blog .box-blog-post .box-text .button,
.aside-blog .box-blog-post .share-icons,
.aside-blog .box-blog-post .post-views {
	display: none !important;
}
.aside-blog .box-blog-post .post-title {
	max-height: 52px;
	overflow: hidden;
	margin-bottom: 8px;
	color: #454545;
	font-size: small;
	font-weight: 400;
}
@media screen and (min-width: 550px) {
    .aside-blog .box-blog-post .box-image,
	.aside-blog .box-blog-post .box-text{
        vertical-align: top;
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* Tags  */
[rel="tag"] {
    align-items: center;
    background-color: whitesmoke;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    color: #4a4a4a;
    display: inline-flex
;
    font-size: 0.75rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
}
/* Post view */
.post-views.content-post,
.blog-archive .shortcode-postview-wrapper{
	border: 1px solid #eaeaea;
    border-radius: 6px;
    vertical-align: middle;
    padding: 4px 12px 0 2px;
    padding-bottom: 0;
    color: #7f7f7f;
	font-size: smaller;
	    display: inline-block;
}
.blog-archive .shortcode-postview-wrapper:before {
    content: "\f101";
	font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: never;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in
}
.post_views_count_query {
	display: none!important;
}
.blog-archive .shortcode-postview-wrapper .post_views_count_shortcode {
	display: none !important;
}
.blog-archive .shortcode-postview-wrapper .post_views_count_query {
	display: inline-block !important;
}
/* Show author in single post  */
.entry-divider.is-divider.small,
.entry-meta.uppercase.is-xsmall {
	display: none;
}
.entry-header-text {
	padding-bottom: 0;
}

/* Author info of Author Page */
.profile-banner {
    margin-top: -16px;
    text-align: center;
}
.profile-item .title a {
    font-size: 18px;
    color: #181c1f;
    font-weight: 600;
    line-height: 24px;
}

.profile-banner {
    background-color: #fff;
    float: left;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(212 211 211);
    margin-bottom: 30px;
}

    .profile-banner .icon-image {
        position: absolute;
        left: calc(50% - 80px);
        bottom: -80px;
    }

    .profile-banner .i-cover-o {
        width: 100%;
        height: 160px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat:no-repeat !important;
        border-radius: 0 0 8px 8px;
        position: relative;
    }

    .profile-banner .icon-image img, .profile-banner .icon-image .cus-avatar {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        display: inline-block;
        color: #fff;
        border: 8px solid #f7f7f7;
        font-size: 80px;
    }
    .profile-banner .icon-image .cus-avatar {
        padding-top: 60px;
    }
    .profile-banner .icon-image span.change-ava {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-color: #eaeaea;
        display: block;
        position: absolute;
        right: 0;
        bottom: 10px;
        text-align: center;
        padding-top: 7px;
        cursor: pointer;
    }
        .profile-banner .icon-image span.change-ava i {
            font-size: 20px;
        }
    .profile-banner h3 {
        color: #050505;
        font-size: 28px;
        text-align: center;
        margin-top: 85px;
        font-weight: bold;
    }
.profile-banner .icon-image span input {
    width: 140px;
    height: 30px;
    opacity: 0;
    position: absolute;
    top: 0;
    cursor: pointer;
    left: 0;
}

/* Author info Sidebar */
.block-h.profile-intro {
	display: none;
}
.archive.author .block-h.profile-intro {
	display: block;
}
@media(min-width: 850px) {
	.archive.author .block-h.profile-intro {
/* 		position: sticky;
        top: calc(var(--flatsome-scroll-padding-top) + 30px);
        transition: top .6s; */
	}
}
.block-h {
    background: white;
    border: 1px solid rgb(235, 235, 235);
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-radius: 12px;
    box-sizing: border-box;
    margin-bottom: 15px;
    transition: all 0.3s ease 0s;
    float: left;
}

.profile-intro label {
	padding: 14px 15px 8px 15px;
	font-weight: 600;
	font-size: 18px;
	color: #222;
}

.profile-intro label i {
	padding-right: 3px;
}

.profile-intro ul {
	font-size: 15px;
	color: #222;
	padding: 5px 15px 15px 15px;
	margin: 0;
	float: left;
}

.profile-intro ul li {
	width: 100%;
	line-height: 20px;
	margin-bottom: 18px;
	color: #050505;
	display: flex;
}

.profile-intro ul li img {
	filter: opacity(0.5);
}

.profile-intro ul li span {
	padding-left: 12px;
	font-size: 14px;
}
.block-h .line {
    height: 1px;
    border-top: 1px solid rgb(235, 235, 235);
    margin: 8px 0;
}
/* Test view count */
.logged-in.admin-bar .aside-blog  .box-blog-post .post-views.content-post {
    border: 1px solid #eaeaea;
    border-radius: 6px;
    vertical-align: middle;
    padding: 4px 12px 0 2px;
    padding-bottom: 0;
    color: #7f7f7f;
    display: inline-block;
    display: inline-block !important;
	margin-top: -30px;
}
/* Single page */
footer.entry-meta {
	border-top:  none;
}
/* Fix mobile padding */
@media screen and (max-width: 550px) {
	.container .section, .row .section {
		padding-left: 12px;
		padding-right: 12px;
	}
}