File: /home/bluecool/domains/bluecool.vn/public_html/wp-content/themes/flatsome-child/style.css
/*
Theme Name: Điện Lạnh
Description: Theme Wordpress điện lạnh - Child theme Flatsome
Author: muatheme.com
Template: flatsome
Version: 1.0.0
*/
/*************** ADD CUSTOM CSS HERE. ***************/
/* muli-regular - latin-ext_vietnamese_latin */
@font-face {
font-family: 'Muli';
font-style: normal;
font-weight: 400;
font-display:swap;
src: url('fonts/muli-v17-latin-ext_vietnamese_latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/muli-v17-latin-ext_vietnamese_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/muli-v17-latin-ext_vietnamese_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-regular.woff') format('woff'), /* Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/muli-v17-latin-ext_vietnamese_latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-500 - latin-ext_vietnamese_latin */
@font-face {
font-family: 'Muli';
font-style: normal;
font-weight: 500;
font-display:swap;
src: url('fonts/muli-v17-latin-ext_vietnamese_latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/muli-v17-latin-ext_vietnamese_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/muli-v17-latin-ext_vietnamese_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-500.woff') format('woff'), /* Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/muli-v17-latin-ext_vietnamese_latin-500.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-700 - latin-ext_vietnamese_latin */
@font-face {
font-family: 'Muli';
font-style: normal;
font-weight: 700;
font-display:swap;
src: url('fonts/muli-v17-latin-ext_vietnamese_latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/muli-v17-latin-ext_vietnamese_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/muli-v17-latin-ext_vietnamese_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-700.woff') format('woff'), /* Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/muli-v17-latin-ext_vietnamese_latin-700.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-600 - latin-ext_vietnamese_latin */
@font-face {
font-family: 'Muli';
font-style: normal;
font-weight: 600;
font-display:swap;
src: url('fonts/muli-v17-latin-ext_vietnamese_latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/muli-v17-latin-ext_vietnamese_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/muli-v17-latin-ext_vietnamese_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-600.woff') format('woff'), /* Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/muli-v17-latin-ext_vietnamese_latin-600.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-300italic - latin-ext_vietnamese_latin */
@font-face {
font-family: 'Muli';
font-style: italic;
font-weight: 300;
font-display:swap;
src: url('fonts/muli-v17-latin-ext_vietnamese_latin-300italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/muli-v17-latin-ext_vietnamese_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/muli-v17-latin-ext_vietnamese_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-300italic.woff') format('woff'), /* Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/muli-v17-latin-ext_vietnamese_latin-300italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-italic - latin-ext_vietnamese_latin */
@font-face {
font-family: 'Muli';
font-style: italic;
font-weight: 400;
font-display:swap;
src: url('fonts/muli-v17-latin-ext_vietnamese_latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/muli-v17-latin-ext_vietnamese_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/muli-v17-latin-ext_vietnamese_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-italic.woff') format('woff'), /* Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/muli-v17-latin-ext_vietnamese_latin-italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-500italic - latin-ext_vietnamese_latin */
@font-face {
font-family: 'Muli';
font-style: italic;
font-weight: 500;
font-display:swap;
src: url('fonts/muli-v17-latin-ext_vietnamese_latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/muli-v17-latin-ext_vietnamese_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/muli-v17-latin-ext_vietnamese_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-500italic.woff') format('woff'), /* Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/muli-v17-latin-ext_vietnamese_latin-500italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-600italic - latin-ext_vietnamese_latin */
@font-face {
font-family: 'Muli';
font-style: italic;
font-weight: 600;
font-display:swap;
src: url('fonts/muli-v17-latin-ext_vietnamese_latin-600italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/muli-v17-latin-ext_vietnamese_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/muli-v17-latin-ext_vietnamese_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-600italic.woff') format('woff'), /* Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/muli-v17-latin-ext_vietnamese_latin-600italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-700italic - latin-ext_vietnamese_latin */
@font-face {
font-family: 'Muli';
font-style: italic;
font-weight: 700;
font-display:swap;
src: url('fonts/muli-v17-latin-ext_vietnamese_latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/muli-v17-latin-ext_vietnamese_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/muli-v17-latin-ext_vietnamese_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-700italic.woff') format('woff'), /* Modern Browsers */
url('fonts/muli-v17-latin-ext_vietnamese_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/muli-v17-latin-ext_vietnamese_latin-700italic.svg#Muli') format('svg'); /* Legacy iOS */
}
body, .section-title-main, h1, h2, h3, h4, h5,h6 , strong, .icon-box-text, .icon-box-text h2, .icon-box-text h3, .icon-box-text h4, .icon-box-text h5, .sidebar-menu .nav-sidebar li a, .col-inner, .text-center, .text-center h2, .text-center h3, .text-center h4, .text-center h5 , .col-inner strong,
.col-inner h3, .col-inner h4, .header-nav > li.menu-item, .header-nav > li.menu-item a, .header-nav li.menu-item, .header-nav li a, h1.entry-title, .widget-title , .col-inner h2, .col-inner h3, .col-inner h4, .col-inner h5, .col-inner h6, .top-bar-nav li.menu-item a , .account-item span , #header-contact li a span, h3.product-section-title, .woocommerce-breadcrumb.breadcrumbs, ul.product-tabs > li > a, .widget, .product-short-description, button.button, .product_meta span, h3.comment-reply-title, .html.custom, span.header-cart-title, .footer-secondary.pull-right,.utm-avo, .tab a span, .button, .searchform .search-field, .searchform .search-field::placeholder, .header-top li a > span,
table tr th, table tr td, label, .form-row input,.form-row select, .form-row textarea, .mini_cart_item a, .mini_cart_item span, .woocommerce-mini-cart__total span, .tab-panels .panel.entry-content , .tab-panels .panel.entry-content p, .woocommerce-MyAccount-navigation-link a, .woocommerce-additional-fields h3, .woocommerce-billing-fields h3, .breadcrumbs a, #mega-menu-title,.woocommerce-info
{
font-family: 'Muli' ,sans-serif ;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/
}
.section-title-normal {
border-bottom: 1px solid #0070DA;
}
.section-title-normal span {
border-bottom: 1px solid #72AE2E;
margin-bottom: -1px;
}
.section-title.section-title-center > b{
visibility:hidden;
}
.section-title.section-title-center > span{
border-bottom: 1px solid #0070DA;
min-width:200px;
text-align:center;
}
.section-title.section-title-center > span:after{
content:'';
max-width:100px;
height:3px;
background-color: #72AE2E;
display:block;
position:relative;
left:0px;
margin:0px auto !important;
top:2px;
}
.entry-header .is-divider, .widget .is-divider, .badge.post-date, .box-blog-post .is-divider {
height: 1px;
max-width:100%;
background-color: #0070DA;
}
.entry-header .is-divider{
max-width:200px;
}
article .entry-header .is-divider{
max-width:100%;
}
.entry-header .is-divider:after, .widget .is-divider:after, .badge.post-date, .box-blog-post .is-divider:after{
content:'';
max-width:100px;
height:1px;
background-color: #72AE2E;
display:block;
position:relative;
left:0px;
}
.entry-header .is-divider:after{
height:3px;
top:-1px;
margin:0px auto;
}
article .entry-header .is-divider:after{
max-width:200px;
margin-left:0px !important;
height:1px;
top:0px;
}
.post-item .post-title{
min-height:50px;
}
.post-sidebar .widget .is-divider{
display:none;
}
b, strong {
font-weight: 700;
}
span.amount {
font-size: 16px;
line-height: 20px;
color: #d0021b;
display: block;
margin-top: 5px;
}
h1.entry-title.mb {text-align: center; font-weight: 400;}
:root {
--c1: #1e428a;
--c2: #1293cb;
}
/*HEADER*/
.header-search-form-wrapper .form-flat input[type='search']{border-radius: 5px; height: 40px;}
.header-search-form-wrapper .form-flat .flex-row .flex-col {padding-right:0;}
.header-search-form-wrapper .flex-row.container {padding:0 9px;}
.header-bottom-nav > li > a {
font-size: 14px;
text-transform: none;
font-weight: 400!important;
}
.header-bottom-nav > li > a i {
position: relative;
top: 2px;
}
.header-bottom-nav > li.current-menu-item > a, .header-bottom-nav > li:hover > a{
color: #F07A7B !important;
font-weight: bold;
font-size: 15px;
}
.header-bottom-nav > li > a > i {
padding-right: 5px;
}
#mega-menu-wrap {
background:var(--secondary-color);
width: 246px;
}
#mega-menu-title {
padding: 11px 0 12px 15px;
text-transform: uppercase;
background: var(--c2);
}
#mega-menu-title i {
border: 1px solid #fff;
border-radius: 5px;
padding: 5px;
}
.home #main, .woocommerce-page #main {
background-color: #f3f3f3;
}
.single-product.woocommerce-page #main {background-color: #fff;}
a.linkkhuyenmai {
background: #fff355;
padding: 0 20px 0 70px!important;
color: #222!important;
height: 53px;
}
a.linkkhuyenmai:before {
content: "";
width: 50px;
height: 36px;
background: url(images/icon-hot.png) center center no-repeat;
position: absolute;
top: 50%;
left: 15px;
transform: translate3d(0,-50%,0) scale3d(0.9, 0.9, 0.9);
-moz-transform: translate3d(0,-50%,0) scale3d(0.9, 0.9, 0.9);
-webkit-transform: translate3d(0,-50%,0) scale3d(0.9, 0.9, 0.9);
background-size: 100% auto;
-moz-background-size: 100% auto;
-webkit-background-size: 100% auto;
animation: zoomIn .5s infinite;
}
@-webkit-keyframes zoomIn {
from {
transform: translate3d(0,-50%,0) scale3d(0.9, 0.9, 0.9);
-moz-transform: translate3d(0,-50%,0) scale3d(0.9, 0.9, 0.9);
-webkit-transform: translate3d(0,-50%,0) scale3d(0.9, 0.9, 0.9);
}
100% {
transform: translate3d(0,-50%,0) scale3d(1, 1, 1);
-moz-transform: translate3d(0,-50%,0) scale3d(1, 1, 1);
-webkit-transform: translate3d(0,-50%,0) scale3d(1, 1, 1);
}
}
@keyframes zoomIn {
from {
transform: translate3d(0,-50%,0) scale3d(0.9, 0.9, 0.9);
-moz-transform: translate3d(0,-50%,0) scale3d(0.9, 0.9, 0.9);
-webkit-transform: translate3d(0,-50%,0) scale3d(0.9, 0.9, 0.9);
}
100% {
transform: translate3d(0,-50%,0) scale3d(1, 1, 1);
-moz-transform: translate3d(0,-50%,0) scale3d(1, 1, 1);
-webkit-transform: translate3d(0,-50%,0) scale3d(1, 1, 1);
}
}
.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: var(--c1);
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 {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
position: relative;
}
.text_box strong {
font-size: 17px;
color: red;
bottom: 5px;
position: relative;
}
.text_box span {
font-size: 13px;
font-weight: 700;
}
/*POLICY*/
.sec-policy {
margin-top: -20px;
}
.sec-policy .row {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
border-radius: 4px;
padding: 15px 10px;
overflow: hidden;
background-color: #fff;
}
.sec-policy .col-policy h3 {
font-size: 14px;
font-weight: 500;
margin-bottom: 0;
}
.sec-policy .col-policy .icon-box-text {padding-top: 10px;}
/*section san pham*/
.dm-sanpham h2 {
font-size: 22px;
}
.dm-sanpham a {
color: #333;
}
.product-small .col-inner {
background-color: #fff;
padding: 10px;
border: 1px solid #fff;
}
.product-small .col-inner:hover {
border: 1px solid var(--c1)!important;
}
.product-small .product-title a{
color: #333;
}
.product-small .col-inner {
display: block;
overflow: hidden;
position: relative;
}
.product-small .col-inner::after {
background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
content: "";
display: block;
height: 100%;
position: absolute;
right: -75%;
top: 0;
transform: skewX(-25deg);
width: 50%;
z-index: 2;
}
.product-small .col-inner:hover::after {
animation: 1s ease 0s normal none 1 running fixedAnim;
animation: 1s ease 0s normal none 1 running fixedAnim;
-webkit-animation: 1s ease 0s normal none 1 running fixedAnim;
-moz-animation: 1s ease 0s normal none 1 running fixedAnim;
}
@-webkit-keyframes fixedAnim {
0% {
right: 125%;
}
125% {
right: 0;
}
}
@-moz-keyframes fixedAnim {
0% {
right: 125%;
}
125% {
right: 0;
}
}
@keyframes fixedAnim {
0% {
right: 125%
}
125% {
right: 0;
}
}
/*Cateline bar*/
.sec-title {
padding: 0 15px 0;
}
.sec-title h2.titlecate {
font-size: 18px;
float: left;
width: unset;
background: var(--c2);
padding: 5px 30px;
border-radius: 5px;
font-weight: 400;
}
.sec-title h2.titlecate a {
color: #fff;
}
.menu-button-edit {display: none; }
.sec-title ul {
float: right;
}
.sec-title ul li {
float: none;
display: inline-block;
margin-left: 0;
}
.sec-title ul li + li:before {
content: "/ ";
padding: 0 20px;
color: #ccc;
}
.sec-title .viewmoretext {
color: #b20000;
float: right;
}
.sec-title .viewmoretext:after {
content: '\f105';
margin-left: 5px;
font-family: 'fl-icons';
}
/*footer*/
.sec-footer {
padding-bottom: 0!important;
}
.ft-widget li {
list-style: none;
margin-left: 0;
}
.ft-widget ul.ul-reset>li{
margin-left: 0px !important;
}
.ft-widget ul li a {
font-size: 14px;
color: #71baff;
}
.ft-widget .widgettitle {
background: url(images/icon-menubottom.png) no-repeat scroll left bottom;
font-weight: 400;
font-size: 18px;
color: #fff;
display: block;
text-transform: uppercase;
padding-bottom: 10px;
margin-bottom: 10px;
}
.ft-infocompany {
background: url(images/bg-footer2.png) no-repeat scroll center center;
background-repeat: round;
padding-top: 20px;
margin-bottom: 20px;
color: #71baff!important;
font-size: 13px;
}
.ft-widget ul.menu>li+li{
border-top: none;
}
.ft-infocompany p {
}
.ft-infocompany .col {
padding-bottom: 0;
}
.absolute-footer.dark {
display: none;
}
.ft-hottags, .ft-hottags a, .ft-infocompany .social-icons {
color: #71baff;
font-size: 13px;
}
.liconk {
margin: 0px -4px 0px 0px;
padding: 5px;
padding-left: 3px;
border-radius: 5px;
border: 0px solid #CCC;
width: 45px;
position: fixed;
left: 15px;
bottom: 30px;
z-index: 9999;
}
.liconk img {
margin-top: 5px;
}
/*danh muc san pham*/
.page-title-inner {padding-top: 0;}
div#shop-sidebar {
background: #fff;
padding: 20px;
}
div#shop-sidebar .widget .is-divider
{
}
#shop-sidebar .product-categories, #shop-sidebar .woocommerce-widget-layered-nav-list {padding-top: 20px;}
#shop-sidebar .widget ul li a {
background: rgba(0, 0, 0, 0) url(images/icon-filter.png) no-repeat scroll left center;
padding-left: 20px;
color: #333;
}
#shop-sidebar .widget ul li.chosen a, #shop-sidebar .widget ul li a:hover {
background: rgba(0, 0, 0, 0) url(images/icon-filter-active.png) no-repeat scroll left center;
color: #72ae2e;
}
#shop-sidebar .widget li.chosen a:before {
display: none;
}
/*
#shop-sidebar .widget ul li a:before {
content: '\eed6';
font-family: "icofont";
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-wwebkit-border-radius: 2px;
border: 1px solid #c8c8c8;
margin-right: 5px;
}
#shop-sidebar .widget ul li a:hover:before{
border-color: var(--c1);
background: var(--c1);
}
#shop-sidebar .widget ul li a:hover {
color: var(--c1);
}
#shop-sidebar .widget ul li.chosen a:before {
border-color: var(--c1);
background: var(--c1);
display: inline;
opacity: 1;
}
#shop-sidebar .widget ul li.chosen a:hover:before {
content: '\eee1';
}
#shop-sidebar .widget ul li.chosen a {
color: var(--c1);
}
*/
.product-small.box .box-text .product-title {
min-height: 60px;
}
.product-small.box .box-text {
border-top: 1px solid #ddd;
min-height: 95px;
}
/*chi tiet san pham*/
.prd-image .col-inner {
border: 1px solid #d6d6d6;
}
.mid_infosp h1.product-title {
color: var(--c1);
font-size: 22px;
font-weight: 400;
}
.mid_infosp span.amount {
color: #d0021b;
font-size: 22px;
font-weight: 700;
}
.mid_infosp span.amount:before {
content: 'Giá bán:';
color: #333;
font-size: 15px;
padding-right: 15px;
}
.sidebar_box {
margin-bottom: 10px;
border: solid 1px #ebebeb;
padding: 15px;
border-radius: 5px;
}
.sidebar_box h4 {
color: #ed1c24;
text-transform: uppercase;
}
.sidebar_box ul li {
list-style: none;
margin-left: 0;
display: inline-block;
}
.icons {
display: inline-block;
background-image: url(images/spike.png);
background-repeat: no-repeat;
vertical-align: middle;
width: 31px;
height: 31px;
float: left;
background-position: -144px -1px;
margin-right: 5px;
position: relative;
}
.icons.ico_gia {
background-position: -144px -1px;
}
.icons.ico_doihang {
background-position: -144px -41px;
}
.icons.ico_giaohang {
background-position: -144px -78px;
}
.icons.ico_quatang {
background-position: -144px -118px;
}
.icons.ico_chinhhang {background-position: -4px -52px;}
.icons.ico_giauudai {background-position: -37px -52px;}
.icons.ico_vanchuyen { background-position: -73px -52px; }
.icons.ico_haumai {background-position: -106px -52px;}
.tt-mtsp {
padding-bottom: 10px;
}
.product-short-description ul li {
list-style: none;
margin-left: 0;
margin-bottom: 0;
}
.product-short-description ul li:before {
content: "\e00a";
font-family: 'fl-icons';
position: relative;
color: var(--c1);
padding-right: 5px;
}
.blog_ctsp h5 {
font-weight: normal;
}
/*post - pages*/
.post-sidebar span.widget-title {
display: block;
background-color: var(--c1);
color: #fff;
padding: 15px;
margin-bottom: 20px;
}
.post-sidebar .widget_product_categories .product-categories {
background-color: #F3F3F3;
padding: 20px;
margin-top: -20px;
}