/*HOME STORE*/
.cardstore {
    position: relative;
    margin: 10px;
    width: 300px;
    height: 260px;
    background: var(--color-background-whitegray-abgo);
    box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 22px;
}
.cardstore-image {
    position: absolute;
    width: 150px;
    height: 260px;
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    background-color: var(--color-background-whitegray-abgo);
    overflow: hidden;
}
.cardstore:hover {
        transition-duration: 0.6s;
        width: 310px;
    }
.cardstore-body {
    position: absolute;
    width: 150px;
    height: 260px;
    /*align-content: center;*/
    left: 150px;
    top: 0px;
}

.cardstore-title {
    padding-top:10px;
    color: var(--blue-abgo);
    text-align: left;
    border-bottom: 1px solid var(--blue-abgo);
    height:54px;
}
.store-title {
    padding-top: 10px;
    color: var(--blue-abgo);
    text-align: center;
    height: 70px;
}
    .store-title img {
        display: unset !important;
    }
.cardstore-title p {
    font-size:12px;
}
.cardstore-contact{
    height:114px;
}
.cardstore-contact, .cardstore-contact p {
    font-size: 11px;
}
.image-store {
    width: 50px !important;
    height: 50px !important;
    top: 55px;
    left: 10px;
    background-color: white;
    /*box-shadow: 8px 6px 6px rgba(0, 0, 0, 0.25);*/
}

/*HOME PROMOTIONS*/
.cardpromo-body {
    position: absolute;
    width: 150px;
    height: 230px;
    align-content: center;
    left: 150px;
    top: 0px;
}

.cardpromo-title {
    padding-top: 10px;
    color: var(--blue-abgo);
    text-align: center;
    height: 90px;
}
    .cardpromo-title p {
        font-size: 12px;
        text-decoration:underline;
        text-decoration-style:solid;
    }
.cardpromo-title img{
    display:unset !important;
}

.cardpromo-detail, .cardpromo-detail p {
    font-size: 11px;
}
/*ITEMS*/
.cardmenu {
    position: relative;
    margin: 10px;
    width: 300px;
    height: 230px;
    background: #ffffff;
    box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 22px;
}
.map-address {
    width: 100%;
    height: 230px;
}
.cardmenu:hover {
    transition-duration: 0.6s;
    width: 310px;
}

.cardmenu-body {
    position: absolute;
    width: 150px;
    height: 230px;
    align-content: center;
    left: 150px;
    top: 0px;
}

.cardmenu-title {
    color: var(--blue-abgo);
    margin-top: 40px;
}


.modalmenu-title {
    color: var(--blue-abgo);
    font-size: 16px;
}

.add_btn {
    background-color: var(--blue-abgo);
    color: white;
    border: 0.5px solid var(--blue-abgo);
    border-radius: 21px;
    width: 90px;
    margin-top: 10px;
}

    .add_btn:hover {
        color: #ffffff;
    }

.price_btn {
    border: 0.5px solid var(--blue-abgo);
    border-radius: 7px;
    color: var(--blue-abgo);
    width: 90px;
    margin-top: 10px;
}


@media screen and (max-width: 580px) {
    .StoreBackground {
        height: 400px;
    }
}

@media only screen and (max-width:767px) {
    .cardmenu {
        margin: 10px;
    }
}
.StoreBackground {
    background: url(../Images/Home/APPABGO.jpg) no-repeat;
    background-size: cover;
    height: 550px;
    background-position: bottom !important;
    background-attachment: unset !important;
}
/*ADDRESS CARD*/
.cardaddress {
    position: relative;
    margin: 10px;
    width: 250px;
    height: 220px;
    background: #ffffff;
    box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 22px;
}

/*Cards CARD*/
.cardcustomer {
    position: relative;
    margin: 10px;
    width: 250px;
    height: 220px;
    background: var(--yellow-abgo);
    box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 22px;
}
.cardcustomer-body {
    height: 85px;
}