/*** agrega aqui los estilos necesarios para modificar el template ***/

.bs-grid-header__ciudades {
	grid-area: ciudades;
	margin: 0;
}

.bs-header-top .bs-grid-header {
	grid-template-columns: [ciudades] auto [promo] auto [search] 300px [cart] min-content [login] min-content;
}

/*** Estilo de botones para cambio de ciudades ***/

.sizeciudad
{
    font-size: 11.2px;
    padding: 0px;
 
}

@media screen and (max-width: 992px){
.ocultarmenu
{
    display: none;
}
}

.selectorciudad
{
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
    
   
}

.selectorciudad2
{
    display: none;
}

@media screen and (min-width: 1289px){
.open-sub-menu
{
    display: none; 
}}

.open-sub-menu
{
    background: #a6775b;
    border: 1px solid #f2ebe7;
    color: white;
    font-weight: bold;
    width: 100%;
}

.open-sub-menu:hover
{
    background: #a6775b;
    border: 1px solid #f2ebe7;
    color: white;
    width: 100%;
    opacity: .7;
}

.ocultarciudad{
    background: #f7f7f7;
    padding: 9px;
    border-radius: 20px;
    width: 30%;
}

@media screen and (max-width: 1288px){
.ocultarciudad {
display: none;
}}

@media screen and (max-width: 992px){
.ocultarciudad
{
    display: none;
}}

/*** Fin estilo de botones para cambio de ciudades ***/

.bs-banner__title {
    color: white;
    filter: drop-shadow(2px 4px 6px black);
}

.article-content {
    padding: 0rem;
    }

.page-link {
    color: #2e2e2e;
}

.page-link:hover {
    color: white;
}