/*
Theme Name: AloFish Child
Description: This is a child theme for Flatsome Theme
Author: AloFish
Template: alofish
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-nav-main > li > a{display:block; text-align:center;}
.header-nav-main > li > a img.ux-menu-icon{
	display: block;
	height: 32px;
	margin: 0 auto;
}
.search-field {
    border-radius: 5px 0px 0px 5px !important;
	border: 1px solid #31baec !important;
}
.searchform .button.icon{border-radius: 0px 5px 5px 0px !important}
.home #main{background: #f3f3f3;}
.home .product-section .col-inner, .home .news-section .col-inner {
    background: #fff;
    border-radius: 6px;
    box-shadow: 2px 2px 10px #00000014;
    padding: 20px;
}
 
.home .product-section .product-small .col-inner{
	box-shadow: none;
    padding: 0;
    border-radius: 0;
}
.section-title-normal span {
  border-bottom: 2px solid #31baec;
}
.tieu-chi-section .icon-box h3 {
    font-size: 17px;
    margin-bottom: 0;
    color: #31baec;
}
.tieu-chi-section .icon-box-img img{padding-top:0px;}
/** Blog**/
#secondary span.widget-title {
   	display:block;
	width:100%;
	background:#31baec;
	padding:10px;
	color:#fff;
}
#secondary .widget .is-divider{display:none;}
.category .is-divider {
    height: 0;
}
.blog-archive.page-wrapper{padding-top:0px;}
.archive-page-header {
    background-color: #31baec;
    margin-bottom: 10px;
    border-bottom: solid #31baec 1px;
}
.archive-page-header .col{padding-top:15px;padding-bottom:15px;}
.archive-page-header h1.page-title{margin-bottom:0px;color:#fff;}
.row-home-blogs .col-inner{box-shadow:none !important;border-radius:unset !important;padding:0px !important}
.row-home-blogs .box-text{padding-top:0px;padding-bottom:0px;}
.row-home-blogs .col.post-item + * {
  	border-top: 2px solid #f7f7f7;
	padding-top:15px;
	padding-bottom:15px;	
}
.row-home-blogs .scroll{
	max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    padding-right: 10px !important;
}
/** Product **/
.home .product-small {
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.home .row.large-columns-4 {
    border-top: 1px solid rgba(0,0,0,.1);
    border-left: 1px solid rgba(0,0,0,.1);
}
.home .product-small .box-image {
    padding: 10px;
}
.home .product-small .box-text {
    padding-left: 10px;
    padding-right: 10px;
}
span.amount{color:#f00;}
.product-title.woocommerce-loop-product__title {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}
.product-small:hover{
	-webkit-box-shadow:0 2px 12px rgba(0,0,0,.12);
	-moz-box-shadow:0 2px 12px rgba(0,0,0,.12);
	box-shadow:0 2px 12px rgba(0,0,0,.12);
}
.related .product-small:hover .col-inner, .related .product-small:hover{box-shadow:none !important;}
.product-small img.back-image{padding:10px !important}
.single-product .product-main, .single-product .product-footer {
    background: white;
    border-radius: 5px;
    padding: 15px;
    margin-top: 30px;
}
.product-footer .woocommerce-tabs{padding-top:10px;border:none;}
.product-section{border:none;}
.single-product .large-9 {
    flex-basis: 70%;
    max-width: 70%;
    border-right: none!important;
}
.single-product #product-sidebar {
    flex-basis: 30%;
    max-width: 30%;
    padding-left: 0;
    margin-top: 30px;
}
.single-product #product-sidebar .widget {
    border: 1px solid #e6e7eb;
	border-radius: 9px;
	padding:10px;
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);
}
.single-product #product-sidebar .is-divider {
    background: transparent;
    margin: 0.5em 0 0.5em;
}

/* Scroll bar */
/* width */
.scroll::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.scroll::-webkit-scrollbar-thumb {
  	background: #31baec; 
	outline: 1px solid #31baec;
}

/* Handle on hover */
.scroll::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.section-subscribe {padding-top: 30px;padding-bottom: 30px}
.section-subscribe input, .section-subscribe .col, .section-subscribe form{margin-bottom:0px;}
.section-subscribe input[type="submit"]{background: transparent !important;border: 1px solid #fff;}
/**Footer**/
#footer {
    background-image: url('https://alofish.vn/wp-content/uploads/2022/09/footer_bg_2.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	background-color:#fff;
}
.footer-1, .footer-2, .absolute-footer {
  background-color: transparent !important;
}
#footer .col{margin-bottom:0px;padding-bottom:0px;}
#footer p{margin-bottom:5px;}
.footer-2{border-color:#a2e4fc;}
.footer-1{border-top:none !important}
.footer-secondary{display:none;}
#footer ul.menu > li + li, #footer .widget > ul > li + li{
	border:none;
}
#footer .is-divider{
	background:transparent;
	margin-top:0.2em;
	margin-bottom:0.2em;
}
/*** Hieu ung anh*/
.post-item .box-image:hover::before, .product-small .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, .product-small .box-image:hover::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)
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.home .product-small {
    	border: none !important;
	}
	.home .row.large-columns-4 {
    	border: none !important;
		background:#fff;
	}
	.home .news-section .col-inner{
		box-shadow: unset !important;
	}
	.single-product .large-9 {
    	flex-basis: 100%;
    	max-width: 100%;
    	border-right: none!important;
	}
	.single-product #product-sidebar {
    	flex-basis: 100%;
    	max-width: 100%;
		padding-left:15px;
	}
	.section-subscribe{padding-bottom:5px !important}
	.formdangky .wpcf7-submit{margin-top:20px;margin-right:0px;}
	.formdangky .wpcf7-spinner{display:block;}
	.news-section .col.post-item {padding-bottom:0px !important;}
	#footer img{width:40%;}
}