/*
  Theme Name: Giao diện website nội thất - Kanbox
  Description: 
  Author: Kanbox.vn
  Tags: Thiết kế website nội thất
  Template: flatsome
  Version: 1.0.0
*/

/* Định dạng cơ bản cho hamburger menu */
.hamburger {
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s;
}

/* Hộp chứa thanh ngang */
.hamburger-box {
  width: 24px;
  height: 18px;
  display: inline-block;
  position: relative;
  top: 5px;
}

/* Thanh ngang trong hamburger menu */
.hamburger-inner {
  display: block;
  background-color: #fff;
  /* Màu sắc thanh ngang */
  width: 100%;
  height: 2px;
  /* Độ dày thanh ngang */
  border-radius: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

/* Tạo 2 thanh trên và dưới */
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  background-color: #fff;
  /* Màu sắc thanh ngang */
  width: 100%;
  height: 2px;
  /* Độ dày thanh ngang */
  border-radius: 2px;
  position: absolute;
  left: 0;
  transition: all 0.3s;
}

/* Vị trí của thanh trên và thanh dưới */
.hamburger-inner::before {
  top: -8px;
  /* Cách thanh giữa */
}

.hamburger-inner::after {
  top: 8px;
  /* Cách thanh giữa */
}