/* ------------------------------------------------------- Footer ------------------------------------------------------- */

/* Mudar a cor do footer e tirar borda no incio do footer */

.footerPage {
    background-color: #212529 !important;
    border-top: none !important;
}

/* Retirar menu de redes sociais antes do Footer */

.menu_social{
	display: none !important;
}

/* Cor ao passar rato por cima das opções do footer */

.footerPage a:hover{
	color: #ffffff !important;
}

/* Cor dos links */

.footerPage a{
	color: #ffffff !important;
}

/* ------------------------------------------------------- Header ------------------------------------------------------- */

/* Modificações do Submenu quando estou logado */

.submenu {
    color: #ffffff !important;
}

    .submenu:hover {
        color: #ffffff !important;
    }

.hassubs ul{
	border: 1px solid #ffffff !important;
	border-radius: 8px !important;
	background: #212529 !important;
}


/* Fundo Menu no Telemóvel */
.menu{
	background: #212529 !important;
}

/* Mudar a cor do header e tirar borda no fim do header */

.header_container{
    background-color: #212529 !important;
    border-bottom: none !important;
}

/* Esconder Submenu */

.main_nav .hassubs ul{
	display: none !important;
}

/* Esconder setinha que abre submenu no header */

.main_nav ul li.hassubs::after{
	display: none !important;
}

/* Dar / Retirar espaçamento em cima no logo dentro do header para ficar centrado */

.logo a img {
	top:18px !important;
}

/* Colocar a mesma fonte para o header, pois estava diferente por alguma razão */

.main_nav > ul > li > a{
	font-family: 'Poppins', sans-serif !important;
	font-size: 14px !important;
}

/* Cor do icon do Shopping Cart */

.shopping_cart a:hover i, .shopping_cart a:hover i{
	fill: #ffffff !important;
    color: #ffffff !important;
}

/* ------------------------------------------------------- Miniaturas dos Produtos nas Páginas ------------------------------------------------------- */

/* Alterações das miniaturas do produto na pagina inicial */

.product_content {
    height: 100px !important;
    background-color: #ffffff00 !important;
    background-image: linear-gradient(#ffffff00 0%, #ffffff00 100%) !important;
    border: none !important;
}

/* Centrar Título do produtos e limite de carateres a mostrar */

.product_title {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
}

/* Tipo e cor de letra dos produtos nas miniaturas */

.product_title a {
    color: #585758;
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
}

/* Detalhes do preço nas miniaturas */

.product_grid .details_price {
    font-size: 17px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
}

/* Cor e tamanho do preço nas miniaturas */

.details_price {
    color: #212529;
    font-size: 20px !important;
}


/* Espaçamento em cima na disposiçãos das miniaturas dentro das marcas (as imagens ficam em baixo do header) */

.product_grid {
    margin-top: 130px;
}

/* Tirar bordas redondas e borda a preto das imagens das categorias no inicio */

.avds .d-flex {
    border: 0px !important;
    border-radius: 0px !important;
}

/* Diminuir tamanho das imagens das categorias no inicio */

.ListaCategorias a img{
    width: 400px !important;
}

/* Diminuir espaço entre as imagens das categorias no inicio */

@media (min-width: 1400px) {
  .rowBanners {
    margin-left: 100px !important;
    margin-right: 100px !important;
}
}
@media (min-width: 1000px) {
  .rowBanners {
    margin-left: 80px !important;
    margin-right: 80px !important;
}
}
@media (min-width: 700px) {
  .rowBanners {
    margin-left: 60px !important;
    margin-right: 60px !important;
}
}
@media (min-width: 500px) {
  .rowBanners {
    margin-left: 40px !important;
    margin-right: 40px !important;
}
}

/* Preço de desconto com linha por cima */

.product_content .details_discount{
    color:red !important;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 36px;
    transform: translateX(-50%);
    text-decoration: line-through;
}


/* ------------------------------------------------------- Outros ------------------------------------------------------- */

/* Cor ao passar rato por cima dos botões todos no site */

.button::after{
	background: #212529 !important;
}

/* Ajustar imagem grande dentro da descrição do produto, ficava cortada */

.details_image_large img {
    object-fit: contain !important;
}

/* Dentro do Carrinho, manter a mesma cor quando passo o rato por cima do nome dos produtos */

.cart_item_name a:hover {
    color: #1b1b1b !important;
}

/* Dentro das páginas do footer, ao passar o rato por cima de links colocar esta cor */

p a:hover {
    background: #212529 !important;
}

/* Dentro das páginas do footer, links têm sublinhado com esta cor */

p a {
    border-bottom: solid 1px #212529 !important;
}