#header.scrolling, .transparent-header #header.scrolling {
    background: #c99037 !important;
}

#header {
    position: fixed;
    z-index: 99999;
    background: none;
}

#header.scrolling, #header.scrolling #logo {background: none;}

.toggle-button .menu-bar-top {
    border-top: 3px solid #e6dbc6;}

.toggle-button .menu-bar-middle {
    background-color: #e6dbc6;}

.toggle-button .menu-bar-bottom {
    border-bottom: 3px solid #e6dbc6;}

.social-sharing li a {
background: #2a2a2a;}

/*homepage image zoom*/

/* [1] The container */
.img-hover-zoom {
  /* height: 300px;  [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.dark-header .menu li a {
    color: #3f381e;
}

.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {
font-weight:900;
}

.vc_btn3.vc_btn3-style-custom {
background:none;
}

.battlegrid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  padding: 10px;
  width:850px;
  margin:0 auto;
}

.button-item {
  background-color: #fff;
  color: #3f381e;
  width: 100%;
  padding: 10px;
  border:none;
  font-size: 15px;
  font-weight:900;
  cursor: pointer;
letter-spacing: 1px;
  text-align: center;
  transition: transform .2s; /* Animation */
  border-radius:5px;
}

.button-item:hover {
  border: none;
color: #c99037;
  cursor: pointer;
  text-align: center;
  transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  border-radius:5px;
}

.battlegrid-container2 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 10px;
  padding: 10px;
  width:80%;
  margin:0 auto;
}

.button-item2 {
  background-color: #ffdabd;
  color: #3f381e;
  width: 100%;
  padding: 10px;
  border:none;
  font-size: 15px;
  font-weight:900;
letter-spacing: 1px;
  cursor: pointer;
  text-align: center;
  transition: transform .2s; /* Animation */
  border-radius:5px;
}

.button-item2:hover {
  border: none;
  cursor: pointer;
  text-align: center;
  transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  border-radius:5px;
}

.standard-menu #header .social-sharing li a {
    display: inline-block;
    background: transparent;
    color: #e6dbc5;
}