/*
Theme Name: haisan
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
Thiết kế website: Mẫu Hải Sản bởi Võ Trường Quang Tình 
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/*CSS hover hình ảnh*/
.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)
}

.product-small .box-image:hover::before{
-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.product-small .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)
}
.row.cot-tieu-de .col-inner {
    box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
/*-------------------------------------------------*/
/*CSS padding*/
.col.padding-phai {
    padding-left: 3px;
    padding-right: 0px !important;
}
.col.padding-giua {
    padding-left: 0px;
    padding-right: 3px;
}
.col.padding-phai .img {
    margin-bottom: 3px !important;
}
/*-------------------------------------------------*/
/*Css header top*/
div#top-bar .flex-row.container {
    max-width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
div#top-bar .flex-col.hide-for-medium.flex-center {
    min-width: 100%;
}
/*-------------------------------------------------*/
/*Css header main*/
div#masthead {
    background-image: url("http://localhost:8080/haisan/wp-content/uploads/2021/05/h1-1.jpg");
	
}
.header-wrapper {
    box-shadow: 2px 2px 10px #00000014;
}
/*-------------------------------------------------*/
/*Css icon box*/
.tieu-chi-section .icon-box {
    box-shadow: 2px 2px 30px #0000000f;
    padding: 10px;
    border-radius: 5px;
    border: 1px dashed #0090e4;
}
.tieu-chi-section .icon-box h3 {
    margin-bottom: 5px;
    color: #2682CC;
    font-size: 18px;
}
i.fa.fa-angle-double-right {
    color: #2682CC;
}
/*-------------------------------------------------*/
/*Css padding section*/
section.section.section-gioi-thieu {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}
section.section.tieu-chi-section {
    padding-top: 0px !important;
}
/*-------------------------------------------------*/
/*Css padding cot*/
.cot-tieu-chi-cuoi {
    padding-bottom: 0px !important;
}
.cot-tieu-chi {
    padding-bottom: 0px !important;
}
.tieu-chi-section .icon-box {
    height: 79px;
}
.n2-ss-layers-container.n2-ow {
    height: auto !important;
}
.list_icon_text {
    float: left;
    margin: 0 0 0 20px;
    min-width: 160px;
}
.list_icon_text a {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}
.icon_box {
    width: 40px;
    height: 40px;
    background: #2682CC;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 46px;
    margin: 0 10px 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.icon_box i {
    font-size: 22px;
}
.text_box span {
    font-size: 13px;
    font-weight: 700;
}
.text_box strong {
    font-size: 17px;
    color: red;
    bottom: 5px;
    position: relative;
}
span.header-cart-title {
    color: rgba(102,102,102,0.85);
    font-size: 12px;
    font-weight: 500;
}
/*-------------------------------------------------*/
/*Css chữ*/
ul#menu-chinh-sach li a {
    color: #636363;
}
ul#menu-chinh-sach li a:hover {
    color: #ff8100;
}
.name.product-title a {
    font-weight: 600;
    color: #000;
    font-size: 15px;
    max-height: 2.5rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
    width: 100%;
}
.product-small.box .product-title a {
    color: #636363 !important;
}
.product-small .price span.amount {
    white-space: nowrap;
    color: #ff5622;
    font-weight: 500;
    font-size: 17px;
}
.tieu-chi-section .icon-box h3 {
    font-weight: 500;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-divided.nav-spacing-xlarge.nav-uppercase {
    max-width: 245px;
}
div#mega-menu-title {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
}
#mega-menu-wrap {
    background: #2F93CA;
}
.col.padding-trai.medium-3.small-12.large-3 {
    max-width: 21.3%;
}
ul#mega_menu li a {
    padding-top: 6px;
    padding-bottom: 6px;
}
ul.nav.header-nav.header-bottom-nav.nav-center.nav-divided.nav-spacing-xlarge.nav-uppercase li a {
    text-transform: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
/*CSS nút tìm kiếm*/
.searchform-wrapper input[type=search] {
    border: 1px solid #d4d4d4 !important;
    box-shadow: none;
    height: 40px;
    border: 0;
    font-size: 13.5px;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    color: currentColor !important;
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    margin-left: -2.9em;
}
li.html.header-button-1 a {
    border: 0px;
    border-radius: 0px;
}
li.html.header-button-1 .header-button a {
    background-color: #FFF355;
    border-radius: 0px !important;
    color: #000;
    text-transform: none;
    font-weight: 400;
}
li.html.header-button-1 a:before {
    content: "";
    width: 50px;
    height: 36px;
    background: url(http://localhost:8080/haisan/wp-content/uploads/2021/05/icon-hot.png) center center no-repeat;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate3d(0, -50%, 0) scale3d(0.9, .9, .9);
    -moz-transform: translate3d(0, -50%, 0) scale3d(0.9, .9, .9);
    -webkit-transform: translate3d(0, -50%, 0) scale3d(0.9, .9, .9);
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    animation: zoomIn .5s infinite;
}
li.html.header-button-1 a span {
    padding-left: 70px;
}
/*CSS tiêu đề...*/
.section-title-normal {
    border-bottom: 2px solid #2682CC;
}
.container.section-title-container.tieu-de-chinh h3 span {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.container.section-title-container.tieu-de-chinh h3 span {
    background-color: #2682CC;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    font-size: 16px;
    padding-top: 3px;
}
.col.cot-tieu-de {
    padding-bottom: 0px !important;
}
.row.cot-hinh-anh-1 .col {
    padding-bottom: 0px !important;
}
.section-title-container {
    margin-bottom: 5px;
}
.section-title-normal span {
	padding-bottom: 0px;
}
section.section.section-footer.has-block.tooltipstered {
    padding-bottom: 0px !important;
}
.flickity-slider .col.post-item.is-selected {
    padding-bottom: 0px !important;
}
/*---------------------------------------------------------------*/
.product-small .add-to-cart-button a {
    border-radius: 3px;
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
    padding: 0 12px;
    line-height: 26px;
    min-height: 20px;
	background: #ff6a00!important;
	border: 0px;
    color: #fff;
}
.product-small.box {
    background: white;
    border: 1px solid #dedede;
    padding: 10px;
}
#wide-nav>.flex-row>.flex-left {
    max-width: 245px !important;
    min-width: 245px;
    margin-right: 15px;
}
section.section.section-footer.has-block.tooltipstered {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgb(38, 130, 204);
	background-image: url("http://localhost:8080/haisan/wp-content/uploads/2021/05/h1-1.jpg");
}
.hinh-co-hieu-ung .img-inner.dark:before {
    position: absolute;
    content: '';
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 15px;
    border: 2px solid #fff;
    z-index: 1;
}
.hinh-co-hieu-ung .img-inner.dark:after {
z-index: 1;
    position: absolute;
    content: '';
    left: 50%;
    right: 50%;
    bottom: 27px;
    top: 27px;
    background: rgba(255,255,255,.42);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.woocommerce-product-gallery .flickity-slider a:before, .product-small .box-image .image-fade_in_back>a:before {
content: '';
z-index: 3;
width: 100%;
height: 100%;
background: url(/wp-content/uploads/2021/05/2-1.png) no-repeat left 0;
background-size: contain;
position: absolute;
top: 0;	
}
.hinh-co-hieu-ung:hover .img-inner.dark:after {
    left: 27px;
    right: 27px;