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

/*************** ADD CUSTOM CSS HERE.   ***************/
.video.video-fit.mb{
	padding-top:0px !important
}
.blog-wrapper h1.page-title{
	font-size:24px;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default{
	border-width:1px !important;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default a{
	font-size:14px;
}
td.product-name a{
	color:#222;
}
.mmuahang{
	    padding: 10px;
    border: 2px dashed #4caf50;
    margin-bottom: 15px;
    background: #4caf5026;
	border-radius:4px;
	margin-top:10px;
	margin-bottom:10px;
	display:block !important
}
.product-footer{
	clear:both;
	margin-top:20px;
}
.mmuahang ul{
	margin-bottom:0px !important
}
.mmuahang li{
	font-size:15px;
}
.product-info h1.product-title{
	      font-family: 'Be Vietnam Pro';
    font-size: 22px;
    font-weight: 500;
    color: #111;
}
.product-footer .woocommerce-tabs ul.product-tabs li a{
	font-size:18px;
	 font-family: "Roboto Condensed", sans-serif;
}
.product-info  form.cart{
	margin-bottom:12px !important;
	margin-top:15px !important;
}
.product-info  .single_add_to_cart_button{
	text-transform:none !important;
	padding-left:30px;
	padding-right:30px;
	border-radius:3px;
}
.product-info .price-wrapper span{
	    font-family: "Roboto Condensed", sans-serif;
}
.category-page-row>.col.large-3.hide-for-medium{
	    flex-basis: 18%;
        max-width: 18%;
    padding-right:0px;
}
.post-sidebar.col{
	padding-right:0px !important
}
#product-sidebar, .post-sidebar.col{
	 flex-basis: 20%;
        max-width: 20%;
}
.large-9.col.medium-col-first{
	 flex-basis: 80%;
        max-width: 80%;
}
.product-main>.row>.col.large-9{
	border-left:0px !important;
	 flex-basis: 80%;
        max-width: 80%;
}
#product-sidebar{
	padding-right:0px !important;
	border:0px !important
}
.category-page-row>.col.large-9{
	    flex-basis: 82%;
        max-width: 82%;
}
aside.widget{
	border:1px solid #dedede;
	border-radius:5px;
}
aside.widget ul.product-categories>li>a{
	position:relative
}
aside.widget ul.product-categories>li>a:before {
    content: "»	";
    padding-right: 1px;
    font-weight: 900;
	color:#51d246
}
aside.widget .is-divider{
	display:none !important
}
.product_list_widget{
	padding-left:10px !important;
	padding-right:10px;
}
.product_list_widget .product-title{
	font-size:14px;
	color:#333;
    font-family: "Roboto Condensed", sans-serif;
}
.product_list_widget .product-title {
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 10px;
    color: #222;
    font-weight: 500 !important;
}
.product_list_widget  span.amount{
	font-size:14px !important
}
aside.widget .widget-title{
	font-size:14px;
	font-weight:500;
	display:block !important;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px solid #dedede;
}
aside.widget .product-categories li a{
	font-size:15px;
	color:#333;
    font-family: "Roboto Condensed", sans-serif;

}
aside.widget .product-categories>li{
	padding-left:10px;
	padding-right:10px;
}
.section-title-bold span, .section-title-bold-center span{
	border-width:1px !important	
}
h1.shop-page-title{
	font-size:28px;
	color:#111;
}
.woocommerce-result-count,.orderby{
	font-size:14px;
}
nav.woocommerce-breadcrumb{
	text-transform:none !important
}
.absolute-footer{
	padding-top:20px;
	padding-bottom:20px;
	font-size:14px;
	border-top:1px solid #dedede2e
}
.keynoi .icon-box-text{
	padding-top:10px;
}
.bfooter p, .bfooter li{
	font-size:14px;
	margin-bottom:10px;
}
.bfooter h3{
	    font-family: Montserrat, sans-serif !important;
	text-transform:uppercase !important;
	font-size:18px;
	font-weight:500 !important;
	margin-bottom:15px;
}
.titmain h3 .section-title-main{
	font-size:26px;
}
.wpcf7-spinner{
	display:none !important
}
.rdangky{
	text-align: center;
    display: inline-table;
}
.rdangky>p{
	display:flex !important
}
.rdangky .wpcf7-form-control.wpcf7-email{
	height:46px;
	padding-left:20px;
	font-size:14px;
	border-bottom-left-radius:3px;
	border-top-left-radius:3px;
	    min-width: 500px;
}
.textchacchan strong{
	color:#009688 !important;
	    font-family: "Roboto Condensed", sans-serif;
	font-size:24px;
	font-weight:700 !important
}
.titleft .section-title-main{
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 8px;
}
.titleft a{
	color:#222;
	font-size:15px !important;
	font-weight:500 !important;
}
span.amount{
	color:#f00
}
del span.amount{
	color:#555 !important
}
.badge-container {
    margin: 0;
    top: 5px;
    left: 5px
}
 .badge-container .badge {
    width: 50px;
    height: 25px;
	 margin: 0px !important;
	 border-radius: 0px !important;
} 
 .badge-container .badge .badge-inner{
	 border-radius: 0px !important;
	 font-size:12px !important
}
.product-small.box .price-wrapper{
	padding-right:80px !important;
	
}
.product-small.box  .box-text{
	position:relative
}
.product-small.box  .box-text .detailsp{
	position:absolute;
	right:10px;
	bottom:10px;
	padding:4px 12px;
	background:#51d246 !important;
	font-size:13px;
	border-radius:4px;
	color:#fff
}
.product-small.box .box-text .detailsp:hover{
	background:#17cfcc !important
}
.product-small.box del{
	font-size:13px !important
}
.product-small.box ins span{
	color:#f00 !important
}
.ux-timer span{
	background:#72d669 !important;
	width:60px !important;
	max-width:60px;
	min-width:60px !important;
	
}
.product-small.box .name.product-title a {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 10px;
	color:#222;
	font-weight:500 !important
}
.product-small.box .box-text .title-wrapper{
	margin-bottom:10px !important;
	padding-bottom:10px !important;
	border-bottom:1px solid #dedede
}
.product-small.box .box-text{
	padding:15px;
}
.product-small.box{
	border:1px solid #dedede;
	border-radius:4px !important
}
.product-small.box .box-image img{
	border-radius:3px;
}
.flashh h3{
	font-size:28px;
	color:#51d246
}
.ux-timer{
	width:auto !important
}
.danhmuc h3{
	font-size:15px;
	letter-spacing:-0.5px;
	font-weight:500;
	    font-family: "Be Vietnam Pro", sans-serif;
}
.danhmuc .box-text.text-center{
	padding-top:12px !important;
	padding-bottom:10px !important
}
.danhmuc .col-inner {
    box-shadow: 8px 8px 30px 0 #2a437126;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 0.3s;
    border-radius: 5px;
    overflow: hidden;
}
.danhmuc .col.medium-2{
	flex-basis: 16.6666666667%;
        max-width: 16.6666666667%;
}
.header-bottom  .nav-spacing-xlarge>li {
    margin: 0 25px;
}
.titmain .section-title-main{
	padding-bottom:10px !important
}
.section-title-center:after {
    width: 50px;
    height: 3px;
    content: "";
    background: #333;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    bottom: 0;
    transition: all 1s;
}
.section-title-center:hover:after {
    width: 120px;
    margin-left: -60px;
}
.titmain b{
	height:0px !important
}
.header-main .search-field{
	height:46px;
	padding-left:20px !important;
	min-width:550px;
	border:1px solid #dedede !important;
	border-bottom-left-radius:4px !important;
	border-top-left-radius:4px !important;
}
.header-main  li.account-item{
	text-transform:none !important;
}
.header-main .icon-shopping-bag{
	color:#72d669 !important;
	font-size:24px;
}
.header-main  li.account-item a.nav-top-link{
	font-size:15px;
	text-transform:none !important;
	font-weight:500 !important;
}
.header-main  .ux-search-submit{
	height:46px;
	width:50px;
	font-size:14px !important;
	border-bottom-right-radius:4px !important;
	border-top-right-radius:4px !important;
}
#top-bar .html a {
    font-size: 14px;
    padding-right: 10px;
    color: #fff;
}
#top-bar .html.html_topbar_left a:after {
    content: "|";
    padding-left: 10px;
}
#top-bar .html.html_topbar_left i{
	margin-right:5px;
}
#top-bar .html.html_topbar_left a:last-child:after {
    content: none
}
#top-bar .html.html_topbar_right a {
    padding-right: 0;
}
#top-bar .html.custom img {
    border-radius: 50%;
    max-width: 35px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.titleft .section-title-main {
		font-size: 18px;}
	.post-sidebar{
		display:none !important
	}
	.large-9.col.medium-col-first {
    flex-basis: 100%;
    max-width: 100%
}
.category-page-row>.col.large-3.hide-for-medium{
	    flex-basis: 100%;
        max-width: 100%;
    
}
	.product-main>.row>.col.large-9 {
    border-left: 0px !important;
    flex-basis: 100%;
    max-width: 100%;
}
	#top-bar .html a {
    padding-right: 4px;
}
	#top-bar .html.html_topbar_left a:after {
    content: "|";
    padding-left: 2px;
}
	.product-small.box .box-text .detailsp {
        position: unset;
        display: block;
        float: left;
        clear: both;
		margin-top:2px !important
   
}
	.rdangky .wpcf7-form-control.wpcf7-email {
   
    min-width: 100%;
}
	.ux-timer span {
    width: 40px !important;
    max-width: 40px;
    min-width: 40px !important;
}
	.flashh .icon-box-text{
		padding-left:6px !important
	}
	.flashh h3 {
    font-size: 20px;
    color: #51d246;
}
	.flashh .icon-box-img{
		width:30px !important
	}
	#top-bar .html a {
		font-size: 12px;}
.category-page-row>.col.large-9{
	    flex-basis: 100%;
        max-width: 100%;
}
	.ux-timer{
		font-size: 110% !important;
	}
	.header-main .ux-search-submit {
    height: 40px;
		width: 40px;}
	.header-main .search-field {
    height: 40px;
    min-width: 140px;
   
}
.danhmuc .col.medium-2 {
    flex-basis: 50%;
    max-width: 50%;
}
}