/*==========HEADER==========*/
.header-three .sticky-menu {
  background: white;
  z-index: 9999 !important;
}

.header-three .menu-area .main-menu ul li a{
  color: #ffffff;
}
.header-three .sticky-menu .main-menu ul li a{
  color: var(--primary-font);
}
  .header-three .sticky-menu .main-menu ul li a:hover{
    color: var(--primary-color);
  }

/* logo trắng khi header bình thường */
.header-three .menu-area .logo img{
  filter: brightness(0) invert(1);
}

/* logo trở lại màu gốc khi sticky */
.header-three .sticky-menu .logo img{
  filter: none;
}

/*==========FOOTER==========*/
.f-widget-title img {
  width: auto;
  margin-top: -30px;
}

.f-widget-title h2, .footer-widget .widgettitle {
  margin-top: 50px;
}

/*==========DINING==========*/
.feature-title h2 {
  color: var(--primary-color);
}

.feature-area2{
  background-color: #ffffff !important;
}

/*=====GUANGDONG=====*/

/*--Sec1--*/
.guangdong-bar{
  background:url(https://botonbluehotel.vt360.vn/storage/dinning/guangdong-restaurant/background-gangdong.jpg)   center/cover no-repeat;
  font-family:Arial, Helvetica, sans-serif;
  margin-left:calc(50% - 50vw);
  padding:110px 60px 5px;
  margin-top:-40px;
}

.gd-title{
  text-transform: uppercase;
  font-weight: 800;
  font-size: 30px;
  
  line-height: 1.2;
  background: repeating-linear-gradient(
    100deg,
    #6e4f1c 0px,
    #8a6525 8px,
    #b8892e 16px,
    #e6d072 24px,
    #fff4a3 32px,
    #e6d072 40px,
    #c99a35 48px,
    #a8792a 56px,
    #6e4f1c 64px
  );
  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.gd-sub{
  color:white;
  font-size:15px;
  margin-top:6px;
}

.gd-phone{
  color:white;
  font-size:17px;
  margin-top:6px;
}

.gd-icon{
  background:white;
  color:#8b0000;
  padding:3px 7px;
  border-radius:3px;
  margin-right:6px;
}

.guangdong-bar table,
.guangdong-bar td,
.guangdong-bar tr{
  border:none !important;
}

.guangdong-bar::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:250px;
  height:250px;
  top:250px;
  z-index:10;
  background:url("https://botonbluehotel.vt360.vn/storage/dinning/guangdong-restaurant/logo-gangdong-3.png") center/contain no-repeat;
  pointer-events:none;
}

/*--SLIDER--*/
.gd-slider{
  width:100%;
  height:600px;
  position:relative;
  overflow:hidden;
}

.gd-slide{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-size:cover;
  background-position:center;
  opacity:0;
}

/* ảnh */
.slide1{
  background-image:url("https://botonbluehotel.vt360.vn/storage/dinning/guangdong-restaurant/vit-quay-bac-kinh-01-1.jpg?v=1773634619");
  animation:slide1 8s infinite;
}

.slide2{
  background-image:url("https://botonbluehotel.vt360.vn/storage/dinning/guangdong-restaurant/tom-hum-01-1.jpg?v=1773634587");
  animation:slide2 8s infinite;
}

/* animation */
@keyframes slide1{
  0%{opacity:1;}
  45%{opacity:1;}
  50%{opacity:0;}
  95%{opacity:0;}
  100%{opacity:1;}
}

@keyframes slide2{
  0%{opacity:0;}
  45%{opacity:0;}
  50%{opacity:1;}
  95%{opacity:1;}
  100%{opacity:0;}
}

/*--Sec3--*/
.gd-restaurant-title{
  margin-left:calc(50% - 50vw);
  background:url("https://botonbluehotel.vt360.vn/storage/dinning/guangdong-restaurant/bg-black.jpg") center/cover no-repeat;
  text-align:center;
  padding:20px 20px;
  position:relative;
}

.gd-restaurant-title span{
  font-family:'Antonio', sans-serif;
  font-weight:150;
  font-size: 70px;
  letter-spacing:-2px;
  position:relative;
  display:inline-block;
  padding:30px 120px 40px;
  background-image: linear-gradient(to right, #73541f, #845f1d, #926719, #ca9627, #cda33a, #e9e26b, #a97820, #926719, #ca9627, #cda33a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* khung */
.gd-restaurant-title span::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("https://botonbluehotel.vt360.vn/storage/dinning/guangdong-restaurant/frame-gangdong.png") center/100% 100% no-repeat;
  z-index:102;
}

/*--Sec 4--*/
.gd-menu-slider{
  position:relative;
  overflow:hidden;
  margin-left: 130px;
}

.gd-menu-track{
  display:flex;
  transition:transform .4s ease;
}

.gd-menu-track img{
  min-width:100%;
  object-fit:contain;
}

/* arrows */
.gd-prev,
.gd-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:40px;
  background:rgba(0,0,0,.6);
  color:#fff;
  border:none;
  width:50px;
  height:50px;
  cursor:pointer;
  z-index:10;
}

.gd-prev{left:10px;}
.gd-next{right:10px;}

.gd-menu-section{
  background-image:url("https://botonbluehotel.vt360.vn/storage/dinning/guangdong-restaurant/background-gangdong.jpg");
  background-size:cover;
  background-position:center;
  padding:20px 0 0;
  position:relative;
}

/* waves */
.gd-menu-section::before{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:550px;
  height:280px;
  background:url("https://botonbluehotel.vt360.vn/storage/dinning/guangdong-restaurant/make-left.png") no-repeat;
  background-size:contain;
  z-index:6;
}

.gd-menu-section::after{
  content:"";
  position:absolute;
  bottom:0;
  right:0;
  width:510px;
  height:220px;
  background:url("https://botonbluehotel.vt360.vn/storage/dinning/guangdong-restaurant/make-right.png") no-repeat;
  background-size:contain;
  z-index:6;
}

.gd-menu-inner{
  max-width:1400px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:40px;

}

/* slider nhỏ lại */
.gd-menu-slider{
  width:700px;
  position:relative;
  overflow:hidden;
}

/* slide track */
.gd-menu-track{
  display:flex;
  transition:transform .4s ease;
}

.gd-menu-track img{
  min-width:100%;
  border-radius:4px;
}

/* arrow */
.gd-prev,
.gd-next{
  background:none;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:36px;
  border:none;
  width:44px;
  height:44px;
  cursor:pointer;
  z-index:10;
}

/* text */
.gd-menu-text{
  max-width:420px;
  color:white;
  line-height:1.8;
  font-size:18px;
  margin-top: -30px
}

.gd-time{
  margin-top:20px;
  font-style:italic;
}

.gd-menu-section .container{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:40px;
}

.gd-slider{
  flex:0 0 650px;
}

.gd-reservation-bar{
  display:block;
  width:100%;
  background:#000;
  color:white;
  text-align:center;
  font-family:'Antonio', sans-serif;
  font-size:48px;
  font-weight:100;
  padding:30px 0;
  text-decoration:none;
  transition:color .35s ease;
  height: 95px;
  margin-top:100px;
}

.gd-reservation-bar:hover{
  color:#cda33a;
}