fix css 10/09

themes/contrib/estore/css/styles.css

@@ -26,12 +26,13 @@ article.commerce-product.teaser .product-image .products-hover-wrapper {
   opacity: 0 !important;
   cursor: pointer;
 }
-article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"]{
-  display: none ;
 
+article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"] {
+  display: none;
 }
+
 article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*="edit-submit"] {
-  display: none ;
+  display: none;
 }
 
 article.commerce-product.teaser .product-image img:hover {
@@ -174,7 +175,6 @@ article.commerce-product.teaser .product-image img {
   /* background: linear-gradient(122deg, rgb(236, 226, 228) 0%, rgba(254,224,160,1) 37%, rgb(241, 186, 153) 100%)
   /* background: linear-gradient(45deg,#fee0a0 24% , #f5b58f); */
   /* background: linear-gradient(45deg,#fee0a0 , #facd87); */
-  
 }
 
 /* Page not found */
@@ -256,9 +256,11 @@ header .link_content .field--type-text-with-summary p {
 .region-middle-header .main-menu {
   width: 100%;
 }
-.pin .main-menu{
+
+.pin .main-menu {
   width: 100%;
 }
+
 .pin .main-menu .menu--main {
   display: flex;
   width: 100%;
@@ -299,7 +301,7 @@ header.navbar .main-menu ul.menu li {
 }
 
 .menu--main .open ul.sidebar-submenu-2 {
-padding: 20px 20px 14px !important;
+  padding: 20px 20px 14px !important;
 }
 
 .menu--main .open ul.sidebar-submenu-2.sidebar-submenu-3 li {
@@ -405,7 +407,7 @@ padding: 20px 20px 14px !important;
 }
 
 .menu--category-menu .open ul.sidebar-submenu-2 {
-  padding: 9px 5px  !important;
+  padding: 9px 5px !important;
   min-height: 460px;
   margin: 0;
   border-left: 2px solid #e94337;
@@ -496,7 +498,7 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li span {
   font-weight: 300;
   bottom: 10px;
   position: absolute;
-  right: 15px;
+    right: 0;
 }
 
 .region-right-middle-header {
@@ -566,7 +568,6 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
 }
 
 @media(min-width: 991px) and (max-width:1200px) {
- 
   .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
     margin-left: 0 !important;
     margin-right: 8px !important
@@ -609,25 +610,31 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
 .acc-bottom {
   margin-bottom: 10px;
 }
-.cart-form button:hover{
+
+.cart-form button:hover {
   color: white !important;
 }
-header.navbar .category-menu ul.menu li.active li a{
+
+header.navbar .category-menu ul.menu li.active li a {
   color: black;
 }
-header.navbar .category-menu ul.menu li.active li.active a{
-  color: #c40316;
 
+header.navbar .category-menu ul.menu li.active li.active a {
+  color: #c40316;
 }
-header.navbar .category-menu ul.menu li.active  a{
+
+header.navbar .category-menu ul.menu li.active a {
   color: #c40316;
 }
+
 .block-views-blockfaq-block-1 .accordion:hover {
   background-color: #e0dede;
 }
-.block-views-blockfaq-block-1 .accordion.active{
+
+.block-views-blockfaq-block-1 .accordion.active {
   color: white;
 }
+
 .block-views-blockfaq-block-1 .active, .block-views-blockfaq-block-1 .active.accordion:hover {
   background-color: #c40316;
 }
@@ -636,7 +643,8 @@ header.navbar .category-menu ul.menu li.active  a{
   background-color: #c40316;
   color: white;
 }
-.button.btn-inde{
+
+.button.btn-inde {
   cursor: pointer;
   width: 30px;
   background-color: rgb(255, 255, 255);
@@ -656,83 +664,97 @@ header.navbar .category-menu ul.menu li.active  a{
   /* height: 34px; */
 }
 
-.cart-form .cart-total{
+.cart-form .cart-total {
   border: 1px solid rgb(212 212 212);
   border-bottom: none;
   margin-bottom: 0 !important;
 }
-.cart-form  .order-total-line{
+
+.cart-form .order-total-line {
   width: 100%;
-    display: inline-block;
-    padding: 17px 20px !important;
-    border-bottom: 1px solid rgb(244, 244, 244);
+  display: inline-block;
+  padding: 17px 20px !important;
+  border-bottom: 1px solid rgb(244, 244, 244);
 }
-.collection-region .col-product{
+
+.collection-region .col-product {
   padding-left: 10px;
   padding-right: 10px;
 }
-.collection-region .col-product .col-sm-6{
+
+.collection-region .col-product .col-sm-6 {
   padding-left: 10px;
   padding-right: 10px;
 }
-.cart-form button.btn-default{
+
+.cart-form button.btn-default {
   background-color: #ea5354 !important;
   color: white !important;
-  outline: none  !important;;
+  outline: none !important;
+  ;
 }
-.cart-form button.btn-info{
+
+.cart-form button.btn-info {
   background: white !important;
   outline: 5px auto -webkit-focus-ring-color !important;
 }
-.cart-form button{
+
+.cart-form button {
   border: none !important;
-  outline: none  !important;;
+  outline: none !important;
+  ;
   background: white !important;
   color: black !important;
   margin-bottom: 10px;
   margin-right: 0 !important;
   width: 100%;
 }
-.cart-form div.form-wrapper{
+
+.cart-form div.form-wrapper {
   padding: 20px;
   border: 1px solid rgb(212 212 212);
   border-top: none;
-  
 }
+
 /* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
-.button.btn-inde:hover{
-  border-color: #ea442c;
-    outline: 0;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(228, 165, 156);
 
+.button.btn-inde:hover {
+  border-color: #ea442c;
+  outline: 0;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(228, 165, 156);
 }
 
 article.commerce-product.full .product-right .form-group {
   display: flex;
-    align-items: center;
-    justify-content: center;
-    float: initial;
-    margin-bottom: 0;
+  align-items: center;
+  justify-content: center;
+  float: initial;
+  margin-bottom: 0;
 }
-article.commerce-product.full .product-right .form-group button{
-margin-bottom: 0 !important;
+
+article.commerce-product.full .product-right .form-group button {
+  margin-bottom: 0 !important;
 }
-article.commerce-product.full .product-right .field--name-variations form{
+
+article.commerce-product.full .product-right .field--name-variations form {
   vertical-align: middle;
   display: flex;
-} 
-article.commerce-product.full .product-right div.button.btn-inde{
+}
+
+article.commerce-product.full .product-right div.button.btn-inde {
   order: 1;
 }
-article.commerce-product.full .product-right .field--name-quantity input[type="number"]{
+
+article.commerce-product.full .product-right .field--name-quantity input[type="number"] {
   margin-bottom: 0px !important;
   order: 1;
 }
+
 input[type=number] {
   width: 40px !important;
   text-align: center;
@@ -743,10 +765,12 @@ input[type=number] {
   height: 32px;
   margin-bottom: 3px;
 }
+
 /* Firefox */
 input[type=number] {
   -moz-appearance: textfield;
 }
+
 .block-views-blockfaq-block-1 .active a, .block-views-blockfaq-block-1 .active.accordion:after {
   color: white !important
 }
@@ -766,9 +790,11 @@ input[type=number] {
 .block-views-blockfaq-block-1 .active:after {
   content: "\2212";
 }
-.main-container-inner{
+
+.main-container-inner {
   margin: 12px 0 10px;
 }
+
 .block-views-blockfaq-block-1 .panel {
   padding-top: 5px;
   background-color: white;
@@ -777,12 +803,14 @@ input[type=number] {
   transition: max-height 0.2s ease-out;
   box-shadow: none;
 }
+
 .menu--category-menu.product {
   /* overflow:auto; */
   /* max-height: 785px; */
   padding-bottom: 40px;
 }
-.menu--category-menu.product  ul.sidebar-submenu-2{
+
+.menu--category-menu.product ul.sidebar-submenu-2 {
   position: relative;
   left: 0;
   width: 99%;
@@ -791,7 +819,8 @@ input[type=number] {
   /* padding-left: 10px !important; */
   border: none;
 }
-.menu--category-menu.product .open ul.sidebar-submenu-2{
+
+.menu--category-menu.product .open ul.sidebar-submenu-2 {
   position: relative;
   left: 0;
   width: 99%;
@@ -800,17 +829,21 @@ input[type=number] {
   /* padding-left: 10px !important; */
   border: none;
 }
-.menu--category-menu.product .open ul.sidebar-submenu-2 li:nth-last-child(1){
+
+.menu--category-menu.product .open ul.sidebar-submenu-2 li:nth-last-child(1) {
   border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
 }
-.menu--category-menu.product  ul.sidebar-submenu-2 li:nth-child(1){
+
+.menu--category-menu.product ul.sidebar-submenu-2 li:nth-child(1) {
   /* border-top: 1px solid rgba(0, 0, 0, 0.06) !important; */
 }
-.menu--category-menu.product .open ul.sidebar-submenu-2 li{
+
+.menu--category-menu.product .open ul.sidebar-submenu-2 li {
   width: 100% !important;
   padding-left: 20px !important;
-  padding: 5px 11px!important;
+  padding: 5px 11px !important;
 }
+
 @media (min-width: 768px) {
   .webform-flex--container {
     width: 91% !important
@@ -1029,31 +1062,35 @@ header.navbar .category-menu ul.menu.litte-menu {
   border-radius: 50%;
   padding: 5px;
 }
-.cart-form .table-responsive .views-field-edit-quantity .form-group input[type=number]{
+
+.cart-form .table-responsive .views-field-edit-quantity .form-group input[type=number] {
   margin-bottom: 0;
 }
-.cart-form .table-responsive .views-field-edit-quantity .form-group{
+
+.cart-form .table-responsive .views-field-edit-quantity .form-group {
   display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
 }
+
 .cart-form .table-responsive .views-field-edit-quantity {
   vertical-align: middle;
 }
+
 .region-footer-fourth .field--name-body table {
   line-height: 2.1;
 }
-.region-footer-fourth .field--name-body p{
+
+.region-footer-fourth .field--name-body p {
   line-height: 2.1;
 }
+
 .hl-link img {
   height: 35px;
   right: 15px;
 }
 
-
-
 header .link_content {
   /* background: #eb5335; */
   /* background-color: #ea442c; */
@@ -1067,23 +1104,23 @@ header .link_content {
   white-space: nowrap;
   width: 100%;
   border-radius: 5px;
-  z-index: 50;;
+  z-index: 50;
+  ;
 }
 
 header .link_content a {
   color: #E94536 !important;
-    font-size: 26px;
-    display: block;
+  font-size: 26px;
+  display: block;
 }
 
 /* header .link_content a:hover {
   color: white;
 } */
-
 .pin {
-  border: 1.75px solid #e94537;
+  border: 2.5px solid #e94537;
   border-radius: 4px;
-  padding: 5px;
+  padding: 3px 5px;
   /* background: #e94537; */
   /* color: white !important; */
 }
@@ -1095,9 +1132,9 @@ header .link_content a {
 }
 
 .cong {
-  border-top: 1.75px solid #e94537;
-  border-bottom: 1.75px solid #e94537;
-  border-left: 1.75px solid #e94537;
+  border-top: 2.5px solid #e94537;
+  border-bottom: 2.5px solid #e94537;
+  border-left: 2.5px solid #e94537;
   height: 29px;
   line-height: 25px;
   width: 10px;
@@ -1108,9 +1145,9 @@ header .link_content a {
 }
 
 .tru {
-  border-top: 1.75px solid #e94537;
-  border-bottom: 1.75px solid #e94537;
-  border-right: 1.75px solid #e94537;
+  border-top: 2.5px solid #e94537;
+  border-bottom: 2.5px solid #e94537;
+  border-right: 2.5px solid #e94537;
   height: 28px;
   width: 10px;
   color: #e94537;
@@ -1294,11 +1331,13 @@ header.navbar .block-search-navigation .search-icon {
   display: block !important;
   /* position: relative; */
 }
-.region-middle-header button .button-label{
+
+.region-middle-header button .button-label {
   display: none;
 }
+
 .region-middle-header input {
-  border: 2.5px solid #e94537;
+  border: 2.15px solid #e94537;
   /* background: #fcdb99; */
   width: 100% !important;
   height: 48px;
@@ -1308,11 +1347,13 @@ header.navbar .block-search-navigation .search-icon {
   padding: 0 145px 0 20px;
   border-radius: 6px;
 }
-.region-middle-header button span  {
-  margin-right: 0 ;
+
+.region-middle-header button span {
+  margin-right: 0;
   margin-left: 0;
   margin-top: 5px;
 }
+
 .region-middle-header button {
   font-size: 20px;
   text-transform: uppercase;
@@ -1334,6 +1375,13 @@ header.navbar .block-search-navigation .search-icon {
 
 /* invi 1440 */
 @media (max-width: 1200px) {
+  #block-sodienthoai h3{
+        font-size: 20px;
+        margin-right: 5px;
+  }
+  header .link_content a{
+    font-size: 22px
+  }
   header.navbar .main-menu ul.menu li a {
     font-size: 13px !important;
   }
@@ -1444,6 +1492,7 @@ header.navbar .block-search-navigation .search-icon {
   .middle-header-wrapper .region-left-middle-header .branding-block .logo img.logo_img {
     height: 35px !important;
     width: 35px !important;
+    left: 2px;
   }
 
   .img-logo .logo-bottom {
@@ -1451,59 +1500,75 @@ header.navbar .block-search-navigation .search-icon {
     width: 42px !important;
   }
 }
-.region-content img{
+
+.region-content img {
   max-width: 100%
 }
-.block-wrap p{
+
+.block-wrap p {
   font-size: 15px;
   color: #000
 }
+
 .region-footer-fourth .block-views-blocklist-social-block-social .view-content .img-responsive {
   width: 40px;
   height: 40px;
   margin-top: 10px;
 }
+
 /* invi 991 response */
 @media (max-width: 991px) {
   body {
     overflow-x: hidden;
   }
-  .main-container{
+
+  .main-container {
     height: auto !important;
   }
-  .region-middle-header .form-group{
+
+  .region-middle-header .form-group {
     display: none !important;
   }
-  .img-logo div.logo-top{
+
+  .img-logo div.logo-top {
     height: 13px !important;
     width: 38px !important;
   }
+
   .img-logo div.logo-center {
     height: 33px !important;
     width: 38px !important;
-}
-.middle-header-wrapper .region-left-middle-header .branding-block a.logo img.logo_img{
-  height: 28px !important;
-width: 28px !important;
-}
-.img-logo div.logo-bottom{
-  height: 19px !important;
+  }
+
+  .middle-header-wrapper .region-left-middle-header .branding-block a.logo img.logo_img {
+    height: 28px !important;
+    width: 28px !important;
+    left: 5px
+  }
+
+  .img-logo div.logo-bottom {
+    height: 19px !important;
     width: 38px !important;
-}
+  }
+
   .region-right-middle-header .block-views-blocklist-social-block-social {
     display: none;
     width: 0 !important
   }
-  .region-middle-bottom-header .form-group{
+
+  .region-middle-bottom-header .form-group {
     display: none !important;
   }
-  .mobile-top .form--inline.form-inline{
+
+  .mobile-top .form--inline.form-inline {
     display: flex;
-        margin: 25px 0;
+    margin: 25px 0;
   }
-  .mobile-top .form--inline.form-inline .form-group{
-  margin-right: 9px;
+
+  .mobile-top .form--inline.form-inline .form-group {
+    margin-right: 9px;
   }
+
   #scrollUp {
     height: 30px !important;
     width: 30px !important;
@@ -1903,8 +1968,7 @@ width: 28px !important;
   }
 
   .middle-header-wrapper .region-right-middle-header .cart-block-wrapper .my-cart-wrap {
-    /* display: none; */
-    text-align: left;
+    display: none;
     visibility: hidden;
     width: 0;
   }
@@ -5071,9 +5135,14 @@ th {
 .table-bordered>thead>tr>td {
   border-bottom-width: 2px;
 }
-
+.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper button.btn-default:hover{
+  color: white !important ;
+}
+.cart .table-hover>tbody>tr:hover{
+  background-color: white;
+}
 .table-striped>tbody>tr:nth-of-type(odd) {
-  background-color: #f9f9f9;
+  /* background-color: #f9f9f9; */
 }
 
 .table-hover>tbody>tr:hover {
@@ -5354,8 +5423,8 @@ output {
 
 .form-control:focus {
   border-color: #ea442c;
-      outline: 0;
-      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(228, 165, 156);
+  outline: 0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(228, 165, 156);
   /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); */
 }
 
@@ -5828,9 +5897,11 @@ select[multiple].input-lg,
     margin-bottom: 0;
     vertical-align: middle;
   }
-.layout-region-checkout-main .form-control {
-  width: 100%;
-}
+
+  .layout-region-checkout-main .form-control {
+    width: 100%;
+  }
+
   .form-inline .form-control {
     display: inline-block;
     width: auto;
@@ -11246,7 +11317,7 @@ body.toolbar-loading.toolbar {
 }
 
 .middle-header-wrapper {
-  padding: 10px 0;
+    padding-top: 10px;
   /* background: white; */
 }
 
@@ -11270,11 +11341,13 @@ body.toolbar-loading.toolbar {
   height: 47px;
   position: absolute;
   top: 4px;
-left: 6px;
+  left: 6px;
 }
-.blog-middle-wrapper{
+
+.blog-middle-wrapper {
   margin-bottom: 10px;
 }
+
 .img-logo {
   position: relative;
   /* margin-top: 10px; */
@@ -11369,17 +11442,21 @@ left: 6px;
   .middle-header-wrapper .region-right-middle-header .cart-block-wrapper {
     /* width: 138px; */
     margin: 0 auto;
+    position: absolute !important;
+    right: 10px !important;
+    top: 5px !important;
+    justify-content: flex-end !important;
   }
 }
 
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
   position: relative;
   display: block;
-  float: left;
+  /* float: left; */
   width: 45px;
   height: 45px;
   margin-left: 25px;
-  margin-right: 20px;
+  /* margin-right: 20px; */
   text-align: center;
   color: #fff;
   border: 2px solid transparent;
@@ -11420,7 +11497,8 @@ left: 6px;
 
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper .my-cart-wrap {
   float: right;
-  /* margin-left: 20px; */
+  margin-left: 20px;
+  margin-top: 9px;
 }
 
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper .my-cart-wrap .my-cart {
@@ -11433,14 +11511,18 @@ left: 6px;
   font-size: 12px;
   font-weight: 600;
 }
-
+.region-right-middle-header .table-responsive table tbody tr td {
+  line-height: normal !important;
+  padding: 26px 2px 26px 15px;
+    text-align: left !important;
+}
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper .cart-contents {
   position: absolute;
   z-index: 200;
   top: 130%;
   left: 0;
   visibility: hidden;
-  width: 360px;
+  width: 420px;
   padding: 20px 15px;
   transition: all 0.5s ease;
   transform: translateX(-50%);
@@ -11469,12 +11551,16 @@ left: 6px;
 
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper .cart-contents .cart-block-links a {
   display: inline-block;
-  padding: 5px 10px;
+  padding: 9px 54px;
   color: #7f7d7d;
   border: 1px solid #e2e2e2;
   border-radius: 20px;
+  font-size: 16px;
+  font-weight: bold;
+}
+.layout__region.layout__region--top-slideshow{
+  /* min-height: 500px */
 }
-
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper .cart-contents .cart-block-links a:hover {
   color: #e94337;
 }
@@ -11519,6 +11605,12 @@ header.navbar .category-menu {
 }
 
 @media (max-width: 991px) {
+  #block-sodienthoai{
+    display: none;
+  }
+  .middle-header-wrapper{
+    padding-bottom: 20px
+  }
   header.navbar .category-menu {
     width: 100%;
     /* height: 40px !important; */
@@ -11527,12 +11619,12 @@ header.navbar .category-menu {
 }
 
 header.navbar .category-menu .block-title {
-  padding: 9px 30px;
+  padding: 8px 30px;
   transition: all 0.5s ease-in-out;
   color: #fff;
   font-weight: 600;
   /* background: #eb5235; */
-  height: 57px;
+  height: 52px;
   background-color: #e94337;
   font-size: 15px;
   border-radius: 5px;
@@ -11575,23 +11667,29 @@ header.navbar .category-menu ul.menu {
   border: 2px solid #e94337;
   background: #fff none repeat scroll 0 0;
 }
+
 header.navbar .category-menu ul.menu.hide-block.product {
   display: block !important;
 }
-.layout-region-checkout-secondary{
+
+.layout-region-checkout-secondary {
   border: 1px solid #ddd;
   padding: 15px;
 }
-.checkout-pane .form-tel{
+
+.checkout-pane .form-tel {
   width: 100%;
 }
-.layout-region-checkout-footer{
+
+.layout-region-checkout-footer {
   width: 100% !important;
   float: revert !important;
 }
+
 .checkout-pane .order-total-line:nth-child(2) {
   margin-top: 10px;
 }
+
 .checkout-pane .order-total-line {
   display: flex;
   align-items: center;
@@ -11600,6 +11698,7 @@ header.navbar .category-menu ul.menu.hide-block.product {
   padding-right: 29px !important;
   border-bottom: 1px solid #ddd;
 }
+
 header.navbar .category-menu ul.menu.hide-block.product-index {
   display: block !important;
 }
@@ -11630,6 +11729,10 @@ header.navbar .category-menu ul.menu li:hover {
 header.navbar .category-menu ul.menu li a {
   padding: 0 20px;
   color: #333;
+  overflow: hidden;
+    text-overflow: ellipsis;
+    width: 97%;
+    white-space: nowrap;
 }
 
 header.navbar .category-menu ul.menu li a:hover {
@@ -11698,12 +11801,15 @@ header.navbar .main-menu ul.menu .sidebar-submenu-2 li a {
 .commerce-checkout-flow-multistep-default {
   margin-bottom: 80px !important;
 }
-.layout-region-checkout-secondary h3{
+
+.layout-region-checkout-secondary h3 {
   margin-top: 0;
 }
+
 .layout-region-checkout-secondary .table-responsive table tbody tr td {
   line-height: 33px !important;
 }
+
 .commerce-checkout-flow-multistep-default button {
   width: 100%;
   font-weight: 800;
@@ -12270,7 +12376,7 @@ header.navbar .block-search-navigation .search-icon.active {
 }
 
 .estore-homepage-first .collection-region {
-  margin: 20px 0 10px ;
+  margin: 20px 0 10px;
 }
 
 .estore-homepage-first .collection-region .collection-banner img {
@@ -12290,13 +12396,15 @@ header.navbar .block-search-navigation .search-icon.active {
   background-color: #e94337;
   font-size: 18px;
 }
-.features-products-carousel .product-item article.commerce-product.teaser{
-  box-shadow: 0px 0px 7px 0px rgba(0,0,0,.21);
-    overflow: hidden;
-    margin-top: 8px;
-    min-height: 420px;
-    padding: 0 !important
+
+.features-products-carousel .product-item article.commerce-product.teaser {
+  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .21);
+  overflow: hidden;
+  margin-top: 8px;
+  min-height: 420px;
+  padding: 0 !important
 }
+
 .estore-homepage-first .collection-region .view-display-id-block_hot_product {
   padding: 15px;
   border: 1px solid #e2e2e2;
@@ -12720,16 +12828,18 @@ article.commerce-product.full .product-right {
 
 .region-sidebar-second article.commerce-product .product-title {
   display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    overflow: hidden;
-    text-decoration: none;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-decoration: none;
 }
+
 .region-sidebar-second article.commerce-product .product-price {
   left: 23px;
-position: relative;
-top: 10px;
+  position: relative;
+  top: 10px;
 }
+
 /* */
 .product-left .field--name-field-images .field--item:nth-child(1) img {
   width: 100% !important;
@@ -12877,7 +12987,7 @@ article.commerce-product.full .product-bottom .tab-title {
   margin-top: 0;
 }
 
-article.commerce-product.full .product-bottom .product-desciption{
+article.commerce-product.full .product-bottom .product-desciption {
   margin-top: 0;
   display: inline;
   border-bottom: 2px solid;
@@ -12885,6 +12995,7 @@ article.commerce-product.full .product-bottom .product-desciption{
   font-style: italic;
   /* margin-bottom: 10px; */
 }
+
 article.commerce-product.full .product-bottom .tab-content {
   padding: 20px;
   /* border: 1px solid #e2e2e2; */
@@ -12896,12 +13007,13 @@ article.commerce-product.full .product-bottom .tab-content {
   border: 1px solid #e2e2e2;
   height: 427px;
 }
+
 #block-views-block-products-block-products h2 {
   margin-top: 0;
 }
+
 article.commerce-product.teaser {
   padding: 5px 0 5px;
-
 }
 
 .block-webform {
@@ -12909,9 +13021,10 @@ article.commerce-product.teaser {
 }
 
 @media (max-width: 991px) {
-  header.navbar .category-menu ul.menu{
+  header.navbar .category-menu ul.menu {
     top: 50px;
   }
+
   .estore-homepage-first .collection-region .collection-hot-product .view-display-id-block_hot_product {
     height: auto !important;
   }
@@ -13087,22 +13200,28 @@ article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*
 article.commerce-product.teaser .product-image {
   position: relative;
 }
-.region-middle-bottom-header button .button-label{
+
+.region-middle-bottom-header button .button-label {
   display: none;
 }
-.region-content .cart-form{
+
+.region-content .cart-form {
   margin-bottom: 50px
 }
-.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper button:hover{
+
+.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper button:hover {
   color: black !important;
 }
-.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper button:focus{
+
+.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper button:focus {
   border-color: #ea5354;
-background-color: #ea5354;
+  background-color: #ea5354;
 }
-.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper{
+
+.region-content .cart-form .form-actions.form-group.js-form-wrapper.form-wrapper {
   text-align: center;
 }
+
 article.commerce-product.teaser .product-image .products-hover-wrapper {
   display: none;
   /* position: absolute;
@@ -13128,10 +13247,11 @@ article.commerce-product.teaser .product-title {
   height: 30px;
 }
 
-.search-product .title a:hover{
+.search-product .title a:hover {
   color: #e94337;
 }
-.search-product .title a{
+
+.search-product .title a {
   margin: 15px 0 0;
   padding: 0;
   text-align: center;
@@ -13145,9 +13265,9 @@ article.commerce-product.teaser .product-title {
   font-weight: 700px;
   line-height: 1.1;
   color: #333;
-
 }
-.search-product .product-price{
+
+.search-product .product-price {
   text-align: center;
   color: #e94537;
   line-height: 1.8;
@@ -13264,7 +13384,8 @@ article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit
   article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"] {
     top: 35%;
   }
-  .menu--category-menu .open ul.sidebar-submenu-2{
+
+  .menu--category-menu .open ul.sidebar-submenu-2 {
     border: none !important;
     min-height: auto;
   }
@@ -13428,12 +13549,14 @@ p:last-child,
     width: 1430px;
     max-width: 100%;
   }
+
 }
 
 @media (max-width: 1199px) {
   .container-fluid {
     margin: 0 2%;
   }
+
 }
 
 @media (max-width: 767px) {
@@ -13449,10 +13572,12 @@ p:last-child,
 .alert {
   margin-top: 20px;
 }
-.menu--category-menu.product .dropdown-menu{
+
+.menu--category-menu.product .dropdown-menu {
   display: flex !important;
   flex-direction: column;
 }
+
 article.commerce-product.full .product-right .field--name-variations button {
   margin-bottom: 10px;
   background: #e94537;
@@ -13465,65 +13590,79 @@ article.commerce-product.full .product-right .field--name-variations button {
 a {
   transition: all 0.1s ease-in-out;
 }
+
 .search-product .col {
   padding: 10px;
 }
-#views-bootstrap-products-page-list .col{
+
+#views-bootstrap-products-page-list .col {
   padding-right: 10px;
-    padding-left: 10px;
+  padding-left: 10px;
 }
-.views-view-grid article.commerce-product.teaser{
-  box-shadow: 0px 0px 7px 0px rgba(0,0,0,.21);
+
+.views-view-grid article.commerce-product.teaser {
+  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .21);
   overflow: hidden;
   margin-bottom: 15px;
   padding: 5px;
-
 }
-.search-product .product-wrapper{
-  box-shadow: 0px 0px 7px 0px rgba(0,0,0,.21);
-    overflow: hidden;
-    margin-bottom: 10px;
+
+.search-product .product-wrapper {
+  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .21);
+  overflow: hidden;
+  margin-bottom: 10px;
 }
+
 .cart-form .table-responsive {
   min-height: 200px;
 }
+
 .btn {
   padding: 7px 12px;
   transition: all 0.3s ease-in-out;
   font-size: 13px;
 }
-.table-responsive table tbody tr td{
+
+.table-responsive table tbody tr td {
   text-align: center;
 }
-.table-responsive table tbody tr td:nth-child(1){
-  text-align: left;
 
+.table-responsive table tbody tr td:nth-child(1) {
+  text-align: left;
 }
-.table-responsive table thead tr th{
+
+.table-responsive table thead tr th {
   text-align: center;
 }
-.table-responsive table thead tr th:nth-child(1){
+
+.table-responsive table thead tr th:nth-child(1) {
   text-align: left;
 }
+
 label,
 .field--label {
   color: #333;
 }
-header.navbar .category-menu ul.menu li.more-category{
+
+header.navbar .category-menu ul.menu li.more-category {
   position: relative;
 }
-header.navbar .category-menu ul.menu li.less-category{
+
+header.navbar .category-menu ul.menu li.less-category {
   position: relative;
 }
-.menu--category-menu.product ul.sidebar-submenu-2 li a{
+
+.menu--category-menu.product ul.sidebar-submenu-2 li a {
   line-height: initial !important;
   white-space: normal;
 }
-.menu--category-menu .open ul.sidebar-submenu-2 li a{
+
+.menu--category-menu .open ul.sidebar-submenu-2 li a {
   line-height: 1.5;
   padding: 0 20px !important;
 }
- .menu--category-menu .open ul.sidebar-submenu-2 li:nth-child(10),
- .menu--category-menu .open ul.sidebar-submenu-2 li:nth-last-child(1){
-   border-bottom: none;
- }
+
+.menu--category-menu .open ul.sidebar-submenu-2 li:nth-child(10),
+.menu--category-menu .open ul.sidebar-submenu-2 li:nth-last-child(1) {
+  border-bottom: none;
+}

themes/contrib/estore/js/custom.js

@@ -98,9 +98,9 @@ for (i = 0; i < acc.length; i++) {
               $(".sidebar-submenu-2").eq(i).children('li').slice(0, 10).wrapAll("<ul></ul>");
             }
           }
-    
+
         }
-    
+
         $(".dropdown-toggle").mouseover(function() {
           $(this).parent("li.expanded.dropdown").addClass("open");
         })
@@ -127,15 +127,19 @@ for (i = 0; i < acc.length; i++) {
   }
 
   // $(".region-middle-bottom-header button").text(" ")
-  
+
   var textPrice = $(".field--name-price");
   for(let i =0 ; i < textPrice.length; i++){
       let price = textPrice.eq(i).text();
       cost =  price.split('').slice(0, 1).join("");
       if (cost == "0") {
-        textPrice.eq(i).text("Liên hệ")
+        textPrice.eq(i).text("Liên hệ");
       }
   }
+  console.log(screen.width);
+  if($("article.commerce-product.full .field--name-price").text() == "Liên hệ"){
+    $("article.commerce-product.full .product-right .field--name-variations button").hide()
+  }
 
   $(window).scroll(function() {
     if ($(window).scrollTop() > 130) {
@@ -161,10 +165,10 @@ for (i = 0; i < acc.length; i++) {
   numberInput.after('<div class="button btn-inde">+</div>');
   numberInput.before('<div class="button btn-inde">-</div>');
   $('.btn-inde').click( function() {
-    
+
     var $button = $(this);
     var oldValue = $button.parent().find("input").val();
-  
+
     if ($button.text() == "+") {
       var newVal = parseFloat(oldValue) + 1;
     } else {
@@ -176,7 +180,7 @@ for (i = 0; i < acc.length; i++) {
       }
     }
     $button.parent().find("input").val(newVal);
-  
+
   });
   $('.cart-form .table-responsive').addClass('col-lg-9 col-sm-12 col-xs-12');
   $('.cart-form .field--name-total-price').addClass('cart-total col-lg-3 col-sm-12 col-xs-12 text-center')
@@ -199,4 +203,3 @@ for (i = 0; i < acc.length; i++) {
     $(".mobile-modal").hide();
   })
 })(window.jQuery, window.Drupal);
-

themes/contrib/estore/templates/commerce/commerce-checkout-completion-message.html.twig

@@ -15,9 +15,9 @@
   {% if payment_instructions %}
     <div class="checkout-complete__payment-instructions">
       <h2>{{ 'Payment instructions'|t }}</h2>
-    
+
       <h4 style= "font-weight: 400">{{ 'You can view your order on your account page when logged in.'|t }} </h4>
-      <h4>{{ 'Your order number is @number.'|t({'@number': order_entity.getOrderNumber}) }}</h4>
+      <h4>Your order number is  <span style="color: #e94337">{{ '@number.'|t({'@number': order_entity.getOrderNumber}) }}</span> </h4>
       <h4 style= "font-weight: 400">{{ payment_instructions }}</h4>
     </div>
   {% endif %}

themes/contrib/estore/templates/system/page.html.twig

@@ -135,7 +135,7 @@
   <div class="wrap-header">
     <div class="middle-header-wrapper clearfix">
       <div class="container-fluid">
-        <div class="col-md-3 col-xs-7">
+        <div class="col-md-3 col-xs-7 page-logo">
           {% if page.left_middle_header %}
             {{ page.left_middle_header }}
           {% endif %}