:root{
    --cor-base: #e94d11;
    --cor-base-light: #e67a51;
    --cor-secundaria: #e30079;
}

header.is-tablet-mobile .carrinho-container{
    padding-right: 10px;
}

header.is-tablet-mobile .logo svg{
    width: 100%;
    height: 100%;
}

header.is-tablet-mobile .logo {
    width: 130px;
}
.header-bottom ul#nav-root{
    align-items: initial;
}
.header-bottom ul#nav-root>li{
    display: flex;
    width: 100%;
    padding: 0;
}
.header-bottom ul#nav-root>li>a{
    flex-direction: column;
    align-content: center;
    justify-content: center;
    width: 100%;
    color: #fff;
    background: var(--cor-base);
    padding: 10px;
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
}

.header-bottom ul#nav-root>li:nth-child(1)>a {
    background: #201e1f;
}

.header-bottom ul#nav-root>li:nth-child(2)>a,
.header-bottom ul#nav-root>li:nth-child(7)>a {
    background: #e50079;
}

.header-bottom ul#nav-root>li:nth-child(3)>a,
.header-bottom ul#nav-root>li:nth-child(8)>a {
    background: #b1c901;
}

.header-bottom ul#nav-root>li:nth-child(4)>a,
.header-bottom ul#nav-root>li:nth-child(9)>a {
    background: #eb4c12;
}

.header-bottom ul#nav-root>li:nth-child(5)>a,
.header-bottom ul#nav-root>li:nth-child(10)>a {
    background: #1aabe0;
}

.header-bottom ul#nav-root>li:nth-child(6)>a,
.header-bottom ul#nav-root>li:nth-child(11)>a {
    background: #e30016;
}

.header-bottom ul#nav-root>li:nth-child(1)>a:hover{
    background:#000;
}

.header-bottom ul#nav-root>li:nth-child(2)>a:hover,
.header-bottom ul#nav-root>li:nth-child(7)>a:hover {
    background: #ce046e;
}

.header-bottom ul#nav-root>li:nth-child(3)>a:hover,
.header-bottom ul#nav-root>li:nth-child(8)>a:hover {
    background: #95a901;
}

.header-bottom ul#nav-root>li:nth-child(4)>a:hover,
.header-bottom ul#nav-root>li:nth-child(9)>a:hover {
    background: #c53500;
}

.header-bottom ul#nav-root>li:nth-child(5)>a:hover,
.header-bottom ul#nav-root>li:nth-child(10)>a:hover {
    background: #0089bb;
}

.header-bottom ul#nav-root>li:nth-child(6)>a:hover,
.header-bottom ul#nav-root>li:nth-child(11)>a:hover {
    background: #b10011;
}

.header-bottom ul#nav-root>li>a .menu-text{
    margin-top: 10px;
}

@media(min-width: 768px){
ul#nav-root > li > a span.menu-text {
    font-size: 1.0rem !important;
}
}

/*Selo Ebit*/

@media only screen and (max-width: 640px) and (min-width: 320px){
#boxLight {
    width: 100% !important;
    background-size: contain !important;
  }
}