/* -------------------------------- 
Toggle events 
-------------------------------- */

.img-toggle-style {
    cursor: pointer;
}

.img-toggle-style img {
    opacity: 0.25;
}

.img-toggle-style figcaption {
    background-color: #bcb09b !important;
    color: #fff !important;
}


/* -------------------------------- 
General css
-------------------------------- */

.wp-caption .wp-caption-text {
    background-color: #fff;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.serenity-header {
    color: #bcb09b;
}

#step-option:hover {
    cursor: pointer;
}


/* #step-option .elementor-background-overlay:hover {
    background: #BCB09B 0% 0% no-repeat padding-box;
    opacity: 0.8;
} */


/* -------------------------------- 
Category cards
-------------------------------- */

#category-card {
    margin-right: 10px;
    margin-left: 10px;
}

#category-card:hover {
    cursor: pointer;
}

#category-card:hover>.card-img-top {
    opacity: 0.25;
}

.active>.card-img-top {
    opacity: 0.25;
}

#category-card:hover>.card-body {
    background-color: #bcb09b !important;
    color: #fff !important;
}

.active>.card-body {
    background-color: #bcb09b !important;
    color: #fff !important;
}

#category-card .card-img-top {
    max-height: 188px;
}

#category-card .card-body {
    max-height: 92px;
    color: #6D6E71;
    text-align: center;
    font: normal normal normal 24px/32px Playfair Display;
}

.algarve-card,
.lisboa-card,
.cascais-card {
    margin: 10px;
}

.algarve-card:hover,
.lisboa-card:hover,
.cascais-card:hover {
    background: #BCB09B 0% 0% no-repeat padding-box;
    opacity: 0.8;
}