/*
Theme Name: vinatech-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.post-counter-box{
    border:1px solid #eee;
    border-radius:8px;
    padding:20px;
    background:#fff;
}

.post-counter-box .item{
    display:flex;
    gap:12px;
    margin-bottom:18px;
    align-items:center;
}

.post-counter-box .number{
    color:#e60012;
    font-size:30px;
    font-weight:bold;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: Nunito300;
  src: url(/wp-content/themes/vinatech-child/fonts/Nunito-Light.ttf);
}
@font-face {
  font-family: Nunito400;
  src: url(/wp-content/themes/vinatech-child/fonts/Nunito-Regular.ttf);
}
@font-face {
  font-family: Nunito500;
  src: url(/wp-content/themes/vinatech-child/fonts/Nunito-Medium.ttf);
}
@font-face {
  font-family: Nunito700;
  src: url(/wp-content/themes/vinatech-child/fonts/Nunito-Bold.ttf);
}

body{font-family: Nunito300!important;}
.nav > li > a {font-family:Nunito700!important;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family:Nunito700!important;}
.alt-font{font-family:Nunito500!important;}

@media only screen and (max-width:728px) {
.thuvienimg .thuviencol {
    width: 50%;
    height: 35%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 47%;
    border-width: 6px;
    border-color: #fff;
    border-radius: 2px;
    margin: 5px;
}
.css-duan-mobile .col {
    padding-bottom: 10px;
}
.css-motoduan td.woocommerce-product-attributes-item__value {
    width: 100%;
    display: block;
    padding: 0px;
}
.woocommerce-shop .page-description .woof {
	padding-left:20px!important;
    padding-right:20px!important;
}
.products p.name.product-title.woocommerce-loop-product__title, .related-products-wrapper p.name.product-title.woocommerce-loop-product__title {
    font-size: 14px;
    height: 42px!important;
    overflow: hidden;
}
.related-products-wrapper p.name.product-title.woocommerce-loop-product__title {
    height: auto!important;
}
.related-products-wrapper .image-cover {
    padding-top: 55%!important;
}
.archive .image-cover {
    padding-top: 55%!important;
}
.icon-menu:before {
    color: #1694cf;
}
.css-title-text {
    margin-bottom:0px;
	padding-bottom:0px!important;
}
.css-title-text span.section-title-main {
	font-size:30px;
	color:#1694cf;
	font-family:Nunito700;
	text-transform:inherit;
}
.css-title-text span.section-title-main, .css-title .section-title-normal {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.css-sectiontintuc {
	padding-bottom:0px!important;
}
.css-section2 {
		padding-top:0px!important;
}
.css-tintuc-mobile {
    margin: auto 0!important;
}
.row.css-tintuc-mobile .col {
    padding-left:0px;
	padding-right:0px;
}
.css-tintuccol .col.small-12 {
    padding-bottom: 0px;
}
.css-tintuc-mobile .box-text.text-left {
    padding-top: 0px;
}
.css-duan-mobile .box-text.text-left {
    padding: 5px;
}
.css-duan-mobile .box-text.text-left {
    padding: 5px;
}
.css-duan-mobile p.box-excerpt {
	padding-left: 0px!important;	
	padding-right: 0px!important;	
	font-size:12px!important;
}
.css-duan-mobile .title-wrapper {
	padding-left: 0px!important;	
	padding-right: 0px!important;	
	font-size:14px!important;
	margin:0px!important;
	width:100%!important;
	text-align:left!important;
}
.slick-slide img {
    height:45vh;
    width: auto;
}	
.css-motoduan td.woocommerce-product-attributes-item__value {
    width: 100%;
    display: block;
}
.css-motoduan th.woocommerce-product-attributes-item__label {
    font-family: 'Nunito700';
    text-transform: initial;
    font-size: 17px;
    width: 100%;
    display: block;
}
.mfp-container:before {
    content: "";
    display: inline-block;
    height: 0px;
    vertical-align: middle;
}
.mfp-container a {
    color:#fff!important;
}
ul.woof_list.woof_list_checkbox li {
    margin-bottom: 10px!important;
}
.woocommerce-shop .page-description {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .21), rgba(0, 0, 0, .21)), url(/wp-content/themes/vinatech-child/imgs/office_7.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .21), rgba(0, 0, 0, .21)), url(/wp-content/themes/vinatech-child/imgs/office_7.jpg);
    background-position: 0px 0px, 50% 70%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
}
.woocommerce-shop .product-small.col {
    max-width: 100%!important;
    -ms-flex-preferred-size: 100%!important;
    flex-basis: 100%!important;
}
.woocommerce-shop .product-small.col .box-text.show-on-hover, .related-products-wrapper .product-small.col .box-text.show-on-hover {
    opacity: 1;
    top: 85%;
    background: rgba(0, 0, 0, 0.576);
    margin: auto 0;
    padding-bottom: 0px;
    transform: translatey(-70%);
    margin-bottom: 0px;
    max-height: 100px;
    padding-left: 10px;
    padding-right: 10px;
	height:auto!important;
}
.woocommerce-shop .title-wrapper, .related-products-wrapper .title-wrapper, .woocommerce-shop p.box-excerpt.is-small, .related-products-wrapper p.box-excerpt.is-small {
    padding: 0px!important;
    margin: 0px!important;
    width: 100%!important;
    text-align: left!important;
	padding-top:10px!important;
}
.woocommerce-shop p.box-excerpt.is-small, .related-products-wrapper p.box-excerpt.is-small {
	font-size:12px;
}
.woof_products_top_panel {
    padding: 10px;
}
.css-titleduan {
    padding-bottom: 20px!important;
}
.css-titleduan .product-short-description p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
}
@media only screen and (min-width:850px) {
.woof_container_inner {
    display: inline-block;
	width:100%;
}
.woof_container_inner h4 {
    float: left;
    width: 10%;
}
.woof_block_html_items {
    width: 90%;
    float: right;
}
.css-sanphamtuongtu .row.row-small {
    max-width: 100%;
}
.woocommerce-shop .product-small.col {
	max-width: 20%!important;
    -ms-flex-preferred-size: 20%!important;
    flex-basis: 20%!important;
}
.slick-slide img {
    height: 92vh;
    width: auto;
}
.css-title .section-title-normal {
    border-bottom: 0px;
}
.single-product .large-2.col.pb-0.mb-0, .single-product .large-10.col.pb-0.mb-0 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
	margin-bottom:20px!important;
}
.category .large-10 {
    max-width: 100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
}
.category .col.post-item {
    max-width:16.6666%;
    -ms-flex-preferred-size:16.6666%;
    flex-basis:16.6666%;
}
.blog-archive .row {
    max-width: 100%;
    margin: auto 0!important;
}
.css-title {
	position:absolute;
    left: -40px;
    top: 42px;
    z-index: 101;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: transparent;
    background-image: none;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #adadad;
    font-size: 30px;
    font-weight: 700;
    text-align: right;
    padding-left: 0px;
}
.css-title span.section-title-main {
    flex: 0 0 auto;
    border: 0px;
}
.row.related-post .col.large-4 {
    max-width: 29.333333%;
    -ms-flex-preferred-size: 29.333333%;
    flex-basis: 29.333333%;
}
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.footer-1 .widget {
	max-width:20%;
    -ms-flex-preferred-size:20%;
    flex-basis:20%;
}
}