/* ================= General Hover Styles ================= */

body .fdm-pic-for-me-result 
.fdm-pic-for-me-p-list 
.fdm-pic-for-me-p-list-item.force-hover 
.p-list-item-icons {
    opacity: 1;
    visibility: visible;
}

body .fdm-pic-for-me-result 
.fdm-pic-for-me-course-item.force-hover 
.pfm-add-single-meal-wrap {
    max-height: 200px;
}

/* ================ Desktop Hover Effects ================ */

@media (min-width: 1200px) {
    body .fdm-pic-for-me-result 
    .fdm-pic-for-me-course-item:hover 
    .course-icons,
    
    body .fdm-pic-for-me-result 
    .fdm-pic-for-me-course-item.force-hover 
    .course-icons {
        opacity: 1;
        visibility: visible;
    }
}

/* ================ Foodom Tour Mode ================ */

body.foodom-tour-active #fc_frame {
    display: none;
}

@media (max-width: 767px) {
    .foodom-tour-active.cookies-not-set div.cookie-notice-visible {
        display: none;
    }

    .foodom-tour-active.cookies-not-set .pfm-totals {
        transform: translateY(126px);
    }
}

/* ================ Intro.js Overrides ================ */

body {
    .introjs-skipbutton {
        background: #f7f7f7;
    }

    
    .introjs-tooltip-title {
      text-transform: none;
    }
}
.introjs-progress .introjs-progressbar {
    background: #f15941;
}