html {
  background-color: #ece2cb;
}

body {
  background-color: #ece2cb;
}


.navbar {
    background-color: #dbca9e;
    padding: 0 12px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;    
}

.navbar-items {
    background-color: #dbca9e;
    border-bottom-right-radius: 6px;
}


.navbar a:hover {
    color: #cc3300;
    background-color: #dbca9e;    
}


.navbar-menu {
  background-color: #dbca9e;
}



.navbar-link:not(.is-arrowless)::after {
  border-color: #4a4a4a;    
}
  
.navbar-dropdown {
  background-color: #dbca9e;
  border-top: 2px solid #dbca9e;
}

.navbar-item.has-dropdown:hover .navbar-link {
  background-color:  #dbca9e;
}

.navbar .navbar-dropdown .navbar-item  {
   background-color: #dbca9e;         
}

.navbar .navbar-dropdown .navbar-item:hover  {
  background-color: #dbca9e;
  color: #cc3300;    
}

.control input {
  background-color: #eee;
}

.footer {
  background-color: #502525;
}

.footer .container a{
  margin-bottom: 15px;
  display: inline-block;
  color: #eee;
}

.footer .container a:hover {
  color: #cc3300;
}

.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer .container{
    color: #eee;
    text-align: left;    
}

.footer ul,
.footer ul li{
    list-style: none;
    margin:0;
    padding: 0;
}

.footer ul li a {
    display:block !important;
    text-align: left;
}

/*  Product List Item*/
.product-list-item .box .subtitle{
    margin-bottom: 0;
}

.product-list-item .box .price{
    color: #888;
}


/* For Notification */

@keyframes show-toast {
    0% {bottom: -100%}
    20% {bottom: 50px}
    80% {bottom: 50px}
    100% {bottom: -100%}
}

.notification.is-toast{
    position: fixed;
    bottom: 100%;
    right: 20px;
    animation-name: show-toast;
    animation-duration: 4s;
}


    @font-face {
      font-family: 'globe';
      src: url('../font/globe.eot?34633781');
      src: url('../font/globe.eot?34633781#iefix') format('embedded-opentype'),
           url('../font/globe.woff?34633781') format('woff'),
           url('../font/globe.ttf?34633781') format('truetype'),
           url('../font/globe.svg?34633781#globe') format('svg');
      font-weight: normal;
      font-style: normal;
    }


    .icons {
      font-family: "globe";
      font-style: normal;
      font-weight: normal;
      speak: never;

      display: inline-block;
      text-decoration: inherit;
      width: .8em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */

      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;

      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;

      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;

      /* You can be more comfortable with increased icons size */
      font-size: 80%;

      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;

      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }