/*****************************************************************************/
/* General *******************************************************************/
/*****************************************************************************/
html {
    text-rendering: optimizeLegibility;
}

body,
.sidebar {
    font-family: 'Roboto', sans-serif;
    font-size: calc(1.25rem * 0.75); /* Orig. 20px */
    font-weight: 400;
    /*color: #000;*/
    /*color: #5c5c5c;*/
    color: #333;
}

:focus {
    /* Override Genesis' #333 */
    /*color: #5c5c5c;*/
    color: #333;
}

/* Headings */
h1, .h1,
.page h1.entry-title,
h2, .h2,
.entry-content h2, .entry-content .h2,
.gsection h2, .gsection.h2 > .gsection_title,
h3, .h3,
.entry-content h3, .entry-content .h3,
.gsection h3, .gsection.h3 > .gsection_title,
h4, .h4,
.entry-content h4, .entry-content .h4,
.gsection h4, .gsection.h4 > .gsection_title,
h5, .h5,
.entry-content h5, .entry-content .h5,
.gsection h5, .gsection.h5 > .gsection_title,
h6, .h6,
.entry-content h6, .entry-content .h6,
.gsection h6, .gsection.h6 > .gsection_title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #001629;
    line-height: 1.2;
    margin-top: 0;
}
h1, .h1,
.page h1.entry-title {
    font-size: calc(5rem * 0.75); /* Orig. 80px */
}
h2, .h2,
.entry-content h2, .entry-content .h2,
.gsection h2, .gsection.h2 > .gsection_title {
    font-size: calc(4.125rem * 0.75); /* Orig. 66px */
}
h3, .h3,
.entry-content h3, .entry-content .h3,
.gsection h3, .gsection.h3 > .gsection_title {
    font-size: calc(3.5rem * 0.75); /* Orig. 56 px */
}
h4, .h4,
.entry-content h4, .entry-content .h4,
.gsection h4, .gsection.h4 > .gsection_title {
    font-size: calc(2.75rem * 0.75); /* Orig. 44px */
}
h5, .h5,
.entry-content h5, .entry-content .h5,
.gsection h5, .gsection.h5 > .gsection_title {
    font-size: calc(2rem * 0.75); /* Orig. 32px */
}
h6, .h6,
.entry-content h6, .entry-content .h6,
.gsection h6, .gsection.h6 > .gsection_title {
    font-size: calc(1.375rem * 0.75); /* Orig. 22px */
}

/* Links */
a:link{
    color: #7e3fde;
    text-decoration: underline;
}
a:hover,
a:focus,
a:active {
    color: #5d2da2;
    text-decoration: underline;
}
.site-container p.has-text-color a:hover,
.site-container p.has-text-color a:focus,
.site-container p.has-text-color a:active,
.site-container p.has-background a:hover,
.site-container p.has-background a:focus,
.site-container p.has-background a:active {
    text-decoration: underline;
}
a h1, a .h1,
a h2, a .h2,
a h3, a .h3,
a h4, a .h4,
a h5, a .h5,
a h6, a .h6 {
    color: #7e3fde !important;
}

/* General */
.post-edit-link {
    display: none;
}
.hide-overflow {
    overflow: hidden;
}
h1 sup, .h1 sup,
h2 sup, .h2 sup,
h3 sup, .h3 sup {
    font-size: 0.25em; /* Smaller relative to current font size */
    top: -2em;
}
p:empty,
div:not(.wp-block-spacer):empty {
    display: none;
}

/* Font sizes (coming from theme.json) */
.has-very-large-font-size > * {
    font-size: 4.6875rem !important;
}
.has-even-larger-font-size,
.has-even-even-larger-font-size,
.has-very-large-font-size {
    line-height: 1.3;
}

/* All desktop */
@media only screen and (min-width:960px) {
    body.hide-overflow {
        overflow: auto; /* Never have scroll disabled on body for desktop */
    }
}
/* All mobile */
@media only screen and (max-width:959px) {
    body {
        padding-top: calc(70px * 0.75); /* To account for sticky header */
    }

    /* Reduce some font sizes for mobile */
    h1, .h1,
    .page h1.entry-title {
        font-size: calc(2.75rem * 0.75);
    }
    h2, .h2,
    .entry-content h2, .entry-content .h2,
    .gsection h2, .gsection.h2 > .gsection_title {
        font-size: calc(2.25rem * 0.75);
    }
    h3, .h3,
    .entry-content h3, .entry-content .h3,
    .gsection h3, .gsection.h3 > .gsection_title {
        font-size: calc(2rem * 0.75);
    }
    h4, .h4,
    .entry-content h4, .entry-content .h4,
    .gsection h4, .gsection.h4 > .gsection_title {
        font-size: calc(1.75rem * 0.75);
    }
    h5, .h5,
    .entry-content h5, .entry-content .h5,
    .gsection h5, .gsection.h5 > .gsection_title {
        font-size: calc(1.5rem * 0.75);
    }
    h6, .h6,
    .entry-content h6, .entry-content .h6,
    .gsection h6, .gsection.h6 > .gsection_title {
        font-size: calc(1.375rem * 0.75);
    }
    h1 sup, .h1 sup {
        font-size: 0.5em; /* Smaller relative to current font size */
        top: -1em;
    }
    .has-larger-font-size {
        font-size: calc(1.375rem * 0.75) !important;
    }
    .has-even-larger-font-size {
        font-size: calc(1.375rem * 0.75) !important;
    }
    .has-even-even-larger-font-size {
        font-size: calc(2rem * 0.75) !important;
    }
    .has-very-large-font-size,
    .has-very-large-font-size > * {
        font-size: calc(2.75rem * 0.75) !important;
    }
}

/*****************************************************************************/
/* Header ********************************************************************/
/*****************************************************************************/
.site-header {
    box-shadow: none;
}

.site-container {
    overflow-x: hidden !important; /* Keep the carousels from stretching everything */
}

/* All desktop */
@media only screen and (min-width:960px) {
    .site-header > .wrap {
        position: relative; /* Necessary for keeping "Contact" contained */
    }

    /* Even out spacing for desktop logo */
    .wp-custom-logo .site-container .title-area {
        /*height: calc(138px * 0.75);
        padding-top: calc(45px * 0.75);
        padding-bottom: calc(45px * 0.75);*/
        height: 104px;
        padding-top: 16px;
        padding-bottom: 0;
        /* Max width should be 136px (orig 203) from customizer */
        position: relative;
        z-index: 20; /* Keep logo above abs positioned menu */
    }
    .wp-custom-logo .site-container .title-area a,
    .wp-custom-logo .site-container .title-area a img {
        /*height: calc(48px * 0.75);*/
        /* We can do this as long as it's not an svg tag anymore: */
        width: 304px;
        height: 72px;
    }
}
/* Small desktop */
@media only screen and (min-width:960px) and (max-width:1199px) {
    /* Even out spacing for desktop logo */
    .wp-custom-logo .site-container .title-area {
        padding-top: 32px;
        padding-bottom: 0;
    }
    .wp-custom-logo .site-container .title-area a,
    .wp-custom-logo .site-container .title-area a img {
        /* We can do this as long as it's not an svg tag anymore: */
        width: 152px;
        height: 36px;
    }
}
/* All mobile */
@media only screen and (max-width:959px) {
    /* Smaller logo for mobile, and pad it out to 70px so the menu doesn't jump on expand */
    .wp-custom-logo .site-container .title-area {
        /*height: calc(70px * 0.75);
        padding-top: calc(18px * 0.75);
        padding-bottom: calc(18px * 0.75);*/
        height: 53px;
        padding-top: 8px;
        padding-bottom: 0;
        /* Override the customizer */
        /*max-width: calc(145px * 0.75);*/
    }
    .wp-custom-logo .site-container .title-area a,
    .wp-custom-logo .site-container .title-area a img {
        /*height: calc(34px * 0.75);*/
        /* We can do this as long as it's not an svg tag anymore: */
        width: 152px;
        height: 36px;
    }
}

/*****************************************************************************/
/* Menu **********************************************************************/
/*****************************************************************************/
#genesis-nav-primary {
    padding-top: 0;
    padding-bottom: 0;
}

#menu-main-menu a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
#menu-main-menu > li.sfHover > a,
#menu-main-menu a:hover,
#menu-main-menu a:focus,
#menu-main-menu a:active,
#menu-main-menu .current-menu-item > a,
#menu-main-menu .current-menu-ancestor > a {
    color: #7e3fde;
}

/* Contact link styles for both desktop and mobile */
#menu-main-menu > li.menu-item-contact a span {
    display: inline-block;
    vertical-align: middle;
}
#menu-main-menu > li.menu-item-contact svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: calc(20px * 0.75);
}

/* All desktop */
@media only screen and (min-width:960px) {
    /* Center (most of) menu */
    #genesis-nav-primary {
        float: none;
        position: absolute;
        z-index: 10; /* Keep under header logo so it's still clickable */
        top: 0;
        left: 0;
        right: 0;
    }
    #genesis-nav-primary > .wrap {
        text-align: center;
    }
    #menu-main-menu {
        display: inline-block;
        width: auto;
    }

    /* 1st level menu/items */
    #menu-main-menu > li {
        text-align: left;
    }
    #menu-main-menu > li > a {
        font-size: calc(1.5rem * 0.75);
        padding: calc(57px * 0.75) calc(40px * 0.75);
        position: relative;
    }
    /* 1st level Icon */
    #menu-main-menu > li:not(.menu-item-contact) > a > span:first-child {
        position: absolute;
        z-index: 10;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background: url('../images/header-menu/icon-menu-level-1.svg') center calc(100% - calc(35px * 0.75)) no-repeat;
    }
    /* 1st level Text */
    #menu-main-menu > li:not(.menu-item-contact) > a > span:last-child {
        position: relative;
        z-index: 20;
        display: block;
    }

    /* Extra right-side "Contact" link */
    /* ...but move the last menu item ("Contact") all the way to the right */
    #menu-main-menu > li.menu-item-contact {
        position: absolute;
        top: 0;
        right: 0;
        white-space: nowrap;
    }
    #menu-main-menu > li.menu-item-contact > a {
        padding: calc(51px * 0.75) 0;
    }

    /* 2nd level menu/items */
    #menu-main-menu > li > ul {
        background-color: #fff;
        height: auto !important; /* To keep items from jumping around */
        width: auto; /* This is an override */
        min-width: 180px; /* Original width */
        left: auto !important; /* To see the fade-out effect (see superfish args in js */
    }
    #menu-main-menu > li.has-icon-submenu > ul {
        border: 0;
    }
    #menu-main-menu > li.has-icon-submenu > ul {
        column-count: 2;
        column-gap: calc(40px * 0.75);
        padding: calc(18px * 0.75) 0 calc(18px * 0.75) calc(30px * 0.75);
        left: calc(-250px * 0.75) !important;
    }
    #menu-main-menu > li > ul > li {
        display: block;
        width: 100%;
    }
    #menu-main-menu > li > ul > li > a {
        font-size: calc(1.125rem * 0.75);
        width: auto; /* This is an override */
        white-space: nowrap;
    }
    #menu-main-menu > li.has-icon-submenu > ul > li > a {
        border: 0;
    }
    #menu-main-menu > li.has-icon-submenu > ul > li > a {
        display: inline-block;
        padding: calc(12px * 0.75) 0;
    }
    #menu-main-menu > li > ul > li > a span {
        display: inline-block;
        vertical-align: middle;
    }
    #menu-main-menu > li > ul > li > a svg {
        display: inline-block;
        vertical-align: middle;
        margin-right: calc(15px * 0.75);
    }

    /* 2nd level menu/items for right-side "Contact" */
    #menu-main-menu > li.menu-item-contact > ul {
        right: 0;
    }
}
/* Small desktop */
@media only screen and (min-width:960px) and (max-width:1199px) {
    /* Reduce font size so menu doesn't cover up logo */
    /*#menu-main-menu > li > a {
        font-size: 1.125rem;
        padding: 59px 15px;
    }
    #menu-main-menu > li.menu-item-contact > a {
        padding: 50px 0;
    }
    #menu-main-menu > li > ul > li > a {
        font-size: 1rem;
    }*/
}
/* All mobile */
@media only screen and (max-width:959px) {
    .site-header {
        position: fixed;
        z-index: 999;
        top: 0;
        width: 100%;
        height: calc(70px * 0.75);
    }

    /* Menu button toggles */
    .menu-toggle,
    .sub-menu-toggle {
        color: #7e3fde;
    }
    .menu-toggle {
        margin-top: calc(6px * 0.75);
        margin-bottom: calc(6px * 0.75);
        padding: calc(15px * 0.75) 0;
    }
    .menu-toggle::before{
        font-size: calc(28px * 0.75);
        margin-right: 0 !important;
        width: auto;
        height: auto;
    }

    /* Expand menu full screen height */
    #genesis-nav-primary {
        position: fixed;
        z-index: 9999;
        right: 0;
        left: 0;
        bottom: 0;
        top: calc(70px * 0.75); /* Start at bottom of site-header */
        background-color: #fff;
        padding-left: 30px; /* Keep this the same as genesis */
        padding-right: 30px;
        display: none; /* Start hidden so it doesn't flash at page load */
        overflow: auto;
    }

    /* Adjust spacing and some styles */
    #menu-main-menu {
        margin-top: calc(-12px * 0.75);
    }
    #menu-main-menu > li > a {
        font-size: calc(1.375rem * 0.75);
        padding-top: calc(36px * 0.75);
        padding-bottom: calc(12px * 0.75);
    }
    #menu-main-menu > li > .sub-menu-toggle {
        top: calc(27px * 0.75);
        padding: calc(9px * 0.75) calc(10px * 0.75);
        font-size: calc(16px * 0.75);
    }
    #menu-main-menu > li > .sub-menu-toggle::before {
        width: calc(20px * 0.75);
        height: calc(20px * 0.75);
        font-size: calc(20px * 0.75);
    }
    #menu-main-menu > li > ul {
        padding-left: 0;
    }
    #menu-main-menu > li > ul > li > a {
        font-size: calc(1rem * 0.75);
    }

    /* Hide svg icons */
    #menu-main-menu > li > ul > li > a svg {
        display: none;
    }
}

/*****************************************************************************/
/* Footer ********************************************************************/
/*****************************************************************************/
.footer-widgets,
.site-footer {
    background-color: #eafafd;
    border: 0;
    font-size: calc(1.125rem * 0.75);
}

/* Footer widgets */
.footer-widgets {
    color: #003D5D;
}
    .footer-widgets-2 ul {
        column-count: 2;
        column-gap: calc(2.8rem * 0.75);
    }
        .footer-widgets-2 a {
            color: #7e3fde !important;
            font-size: calc(2rem * 0.75);
            font-weight: 700;
            text-decoration: none;
        }
    .footer-widgets-3 #text-2 a {
        color: #003d5d !important;
        text-decoration: none;
    }
    .footer-widgets-3 #custom_html-2 ul {
        font-size: 0;
    }
        .footer-widgets-3 #custom_html-2 li {
            display: inline-block;
            margin-right: calc(20px * 0.75);
        }
        .footer-widgets-3 #custom_html-2 li:last-child {
            margin-right: 0;
        }
            .footer-widgets-3 #custom_html-2 li a {
                display: inline-block;
            }

/* Large desktop */
@media only screen and (min-width:1200px) {
    /* Footer widgets don't have equal width on desktop */
    .footer-widgets-1 {
        width: 25%;
    }
    .footer-widgets-2 {
        width: 50%;
    }
    .footer-widgets-3 {
        width: 25%;
    }
}
/* Small desktop */
@media only screen and (min-width:960px) and (max-width:1199px) {
    /* Footer widgets don't have equal width on desktop */
    .footer-widgets-1 {
        width: 28%;
    }
    .footer-widgets-2 {
        width: 44%;
    }
    .footer-widgets-3 {
        width: 28%;
    }
}
/* All desktop */
@media only screen and (min-width:960px) {
    .footer-widgets-2 ul > li {
        font-size: 0;
        white-space: nowrap;
        margin-bottom: calc(2.8rem * 0.75);
    }
        .footer-widgets-2 li a {
            display: inline-block;
            vertical-align: middle;
        }
        .footer-widgets-2 li > span {
            display: inline-block;
            vertical-align: middle;
            text-align: right;
            width: calc(30px * 0.75);
            margin-right: calc(1rem * 0.75);
        }
            .footer-widgets-2 li span span {
                display: inline-block;
                /* Default for any new menu items: */
                width: calc(25px * 0.75);
                height: calc(25px * 0.75);
                background: url(../images/footer-menu/icon-services.svg) no-repeat;
            }
            .footer-widgets-2 li.icon-about span span {
                width: calc(30px * 0.75);
                height: calc(15px * 0.75);
                background: url(../images/footer-menu/icon-about.svg) no-repeat;
            }
            .footer-widgets-2 li.icon-blog span span {
                background: url(../images/footer-menu/icon-blog.svg) no-repeat;
            }
            .footer-widgets-2 li.icon-careers span span {
                background: url(../images/footer-menu/icon-careers.svg) no-repeat;
            }
            .footer-widgets-2 li.icon-services span span {
                background: url(../images/footer-menu/icon-services.svg) no-repeat;
            }
            .footer-widgets-2 li.icon-sustainability span span {
                width: calc(28px * 0.75);
                height: calc(22px * 0.75);
                background: url(../images/footer-menu/icon-sustainability.svg) no-repeat;
            }
            .footer-widgets-2 li.icon-technology span span {
                width: calc(22px * 0.75);
                height: calc(25px * 0.75);
                background: url(../images/footer-menu/icon-technology.svg) no-repeat;
            }
}
/* All mobile and small desktop */
@media only screen and (max-width:1199px) {
    /* Decrease menu font size and social media icon font size */
    .footer-widgets-2 a {
        font-size: calc(1.375rem * 0.75);
        font-weight: 500;
    }
    .footer-widgets-3 #custom_html-2 a img {
        width: calc(40px * 0.75);
        height: calc(40px * 0.75);
    }
}
/* All mobile */
@media only screen and (max-width:959px) {
    .footer-widgets {
        font-size: calc(1rem * 0.75);
    }
    .footer-widget-area {
        margin-bottom: calc(60px * 0.75);
    }
    .footer-widgets-2 {
        margin-bottom: calc(45px * 0.75); /* To make up for list item bottom margin */
    }
    .footer-widgets-2 ul {
        display: inline-block;
        overflow: hidden; /* Fixes extra space in safari */
    }
}

/* Copyright, meta links */
.site-footer {
    /*color: #989898; Original */
    color: #717171; /* Contrast */
    font-weight: 500;
}
    .site-footer a {
        /*color: #989898 !important; Original */
        color: #717171 !important; /* Contrast */
        text-decoration: none;
    }

@media only screen and (min-width:960px) {
    .site-footer .copyright {
        display: inline-block;
        padding-right: calc(35px * 0.75);
    }
    .site-footer .links {
        display: inline-block;
        padding-left: calc(35px * 0.75);
    }
}
@media only screen and (max-width:959px) {
    .site-footer {
        text-align: left;
        font-size: calc(0.75rem * 0.75);
        font-weight: 400;
        line-height: 1.625;
    }

    .site-footer .copyright,
    .site-footer .links {
        display: block;
    }
}

/*****************************************************************************/
/* Page Structure ************************************************************/
/*****************************************************************************/

/* Increase default wrapper size from ~1200px(1140px) to ~ 1600px(1540px) */
/*@media only screen and (min-width:960px) {
    .site-inner,
    .footer-widgets .wrap {
        max-width: 1540px;
    }
}*/

/* Increase the default wrapper size to match (or exceed) the default page builder max width (1200) */
.site-header > .wrap {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets .wrap {
    max-width: 1260px;
}

/*****************************************************************************/
/* Template: Full Width, WITH Default Page Title *****************************/
/*****************************************************************************/
.page-template-default .site-inner {
    padding-top: 45px;
}

.page-template-default .entry-header {
    text-align: center;
}

/* All mobile */
@media only screen and (max-width:959px) {
    .page-template-default .site-inner {
        padding-top: 30px;
    }
}

/*****************************************************************************/
/* Template: Full Width, No Default Page Title *******************************/
/*****************************************************************************/
.page-template-full-width-no-default-page-title .site-inner {
    padding-top: 0;
    padding-bottom: 0;
}
.page-template-full-width-no-default-page-title .entry {
    margin-bottom: 0;
}

/*****************************************************************************/
/* Forms and Buttons *********************************************************/
/*****************************************************************************/
.site-container .wp-block-button .wp-block-button__link,
.pum-container .wp-block-button .wp-block-button__link,
.gform_button {
    border-radius: 2rem !important; /* Don't let them or the page builder layouts override the border radius */
    font-family: 'Roboto', sans-serif !important;
    font-size: calc(1.25rem * 0.75) !important;
    padding: calc(24px * 0.75) calc(35px * 0.75) !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    background-color: #7e3fde !important;
    min-width: 100px !important;
    transition:
        background-color 0.2s linear,
        box-shadow 0.2s linear !important;
    line-height: 1.625 !important;
    text-decoration: none;
}
.site-container .wp-block-button .wp-block-button__link:hover,
.site-container .wp-block-button .wp-block-button__link:focus,
.site-container .wp-block-button .wp-block-button__link:active,
.pum-container .wp-block-button .wp-block-button__link:hover,
.pum-container .wp-block-button .wp-block-button__link:focus,
.pum-container .wp-block-button .wp-block-button__link:active,
.gform_button:hover,
.gform_button:focus,
.gform_button:active {
    background-color: #5d2da2 !important;
    box-shadow:  0 0 0 1px #5d2da2 !important;
}

.site-container input[type="text"],
.site-container input[type="email"],
.site-container input[type="tel"],
.site-container input[type="number"],
.site-container input[type="search"],
.site-container select,
.site-container textarea {
    background-color: #f3f2fe !important;
    /*color: #5c5c5c !important;*/
    color: #333 !important;
    border: 2px solid #f3f2fe !important;
    border-radius: 5px !important;
    padding: 10px 10px 8px !important;
    line-height: 1.625 !important;
    font-size: calc(1.25rem * 0.75) !important;
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
}

.site-container input[type="text"]:focus,
.site-container input[type="email"]:focus,
.site-container input[type="tel"]:focus,
.site-container input[type="number"]:focus,
.site-container input[type="search"]:focus,
.site-container select:focus,
.site-container textarea:focus {
    border: 2px solid #5d2da2 !important;
}

.gsection {
    margin-top: 15px !important;
}

.gfield_label {
    font-size: calc(2rem * 0.75) !important;
    font-weight: 500 !important;
    color: #003d5d !important;
}

/*.left_label .gfield_label {
    width: 30% !important;
}
.left_label div.gfield > div {
    width: 70% !important;
}*/
.left_label .gsection > .gsection_description {
    width: 100% !important;
}
.gfield_description {
    padding-top: 5px !important;
}

.gfield_required {
    font-size: calc(2rem * 0.75) !important;
    font-weight: 500 !important;
}

.ginput_complex label {
    font-weight: 500 !important;
    color: #003d5d !important;
}

.gform_footer {
    text-align: center;
    padding-left: 0 !important;
}

.gform_validation_errors,
.gform_validation_errors li,
.gform_validation_errors li a {
    font-size: calc(1.25rem * 0.75) !important;
}
.gform_validation_errors h2 {
    font-size: calc(1.375rem * 0.75) !important;
}
.gform_validation_errors ol {
    margin-bottom: 0 !important;
}
.gform_validation_errors a {
    text-decoration: underline !important;
}
.gfield_validation_message {
    font-weight: 500 !important;
}

.confirmation-message {
    font-weight: 500;
    color: #000; /* Contrast */
    padding: 28px;
    text-align: center;
    font-size: calc(24px * 0.75);
    background-color: #00be87;
    border-radius: 5px;
}

.gfield_captcha_input_container {
    max-width: 290px;
}

/* All mobile */
@media only screen and (max-width:959px) {
    .gfield_label,
    .gfield_required {
        font-size: calc(1.5rem * 0.75) !important;
    }
}

/*****************************************************************************/
/* Custom Blocks: eGourmet Grid(Flex) Item(s) ********************************/
/*****************************************************************************/
/* This probably could have been done with grid instead, but there are one or
two places where flexbox does some things grid can't, so the complicated math
remains, sorry =\ */
.egourmet-flex-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.egourmet-flex-items > .egourmet-flex-item {
    margin-bottom: 28px;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
}
.egourmet-flex-items.justify-content-center {
    -ms-flex-pack: center;
    justify-content: center;
}
.egourmet-flex-items.justify-content-center > .egourmet-flex-item {
    /*text-align: center;*/
}
.egourmet-flex-items.justify-content-center > .egourmet-flex-item:last-of-type {
    margin-right: 0 !important;
}
.egourmet-flex-items.double-margin > .egourmet-flex-item {
    margin-bottom: 56px;
}
.egourmet-flex-items > .egourmet-flex-item.align-content-top {
    -ms-flex-align: start;
    align-items: flex-start;
}
.egourmet-flex-items > .egourmet-flex-item.align-content-center {
    -ms-flex-align: center;
    align-items: center;
}
.egourmet-flex-items > .egourmet-flex-item.align-content-bottom {
    -ms-flex-align: end;
    align-items: flex-end;
}
.egourmet-flex-items > .egourmet-flex-item > div {
    width: 100%;
}
.egourmet-flex-items > a.egourmet-flex-item {
    text-decoration: none !important;
}
.egourmet-flex-items > a.egourmet-flex-item p {
    /*color: #000 !important;*/
    /*color: #5c5c5c !important;*/
    color: #333 !important;
}

/* All desktop */
@media only screen and (min-width:960px) {
    .egourmet-flex-items.width-auto > .egourmet-flex-item {
        width: auto !important;
        flex-basis: auto !important;
        max-width: none !important;
    }

    /* 1 Column */
    .egourmet-flex-items.flex-1 > .egourmet-flex-item {
        -ms-flex: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    /* 2 Columns */
    .egourmet-flex-items.flex-2 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 1)) / 2);
        flex-basis: calc((100% - (25px * 1)) / 2);
        max-width: calc((100% - (25px * 1)) / 2);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-2.double-margin > .egourmet-flex-item {
        -ms-flex: calc((100% - (50px * 1)) / 2);
        flex-basis: calc((100% - (50px * 1)) / 2);
        max-width: calc((100% - (50px * 1)) / 2);
        margin-right: 50px;
    }
    .egourmet-flex-items.flex-2 > .egourmet-flex-item:nth-child(2n) {
        margin-right: 0;
    }

    /* 3 Columns */
    .egourmet-flex-items.flex-3 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 2)) / 3);
        flex-basis: calc((100% - (25px * 2)) / 3);
        max-width: calc((100% - (25px * 2)) / 3);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-3.double-margin > .egourmet-flex-item {
        -ms-flex: calc((100% - (50px * 2)) / 3);
        flex-basis: calc((100% - (50px * 2)) / 3);
        max-width: calc((100% - (50px * 2)) / 3);
        margin-right: 50px;
    }
    .egourmet-flex-items.flex-3 > .egourmet-flex-item:nth-child(3n) {
        margin-right: 0;
    }

    /* 4 columns */
    .egourmet-flex-items.flex-4 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 3)) / 4);
        flex-basis: calc((100% - (25px * 3)) / 4);
        max-width: calc((100% - (25px * 3)) / 4);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-4.double-margin > .egourmet-flex-item {
        -ms-flex: calc((100% - (50px * 3)) / 4);
        flex-basis: calc((100% - (50px * 3)) / 4);
        max-width: calc((100% - (50px * 3)) / 4);
        margin-right: 50px;
    }
    .egourmet-flex-items.flex-4 > .egourmet-flex-item:nth-child(4n) {
        margin-right: 0;
    }

    /* 5 Columns */
    .egourmet-flex-items.flex-5 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 4)) / 5);
        flex-basis: calc((100% - (25px * 4)) / 5);
        max-width: calc((100% - (25px * 4)) / 5);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-5.double-margin > .egourmet-flex-item {
        -ms-flex: calc((100% - (50px * 4)) / 5);
        flex-basis: calc((100% - (50px * 4)) / 5);
        max-width: calc((100% - (50px * 4)) / 5);
        margin-right: 50px;
    }
    .egourmet-flex-items.flex-5 > .egourmet-flex-item:nth-child(5n) {
        margin-right: 0;
    }
}

/* Large mobile */
@media only screen and (min-width:601px) and (max-width:959px) {
    .egourmet-flex-items.width-auto > .egourmet-flex-item {
        width: auto !important;
        flex-basis: auto !important;
        max-width: none !important;
    }

    /* 1 Column */
    .egourmet-flex-items.flex-large-mobile-1 > .egourmet-flex-item {
        -ms-flex: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    /* 2 Columns */
    .egourmet-flex-items.flex-large-mobile-2 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 1)) / 2);
        flex-basis: calc((100% - (25px * 1)) / 2);
        max-width: calc((100% - (25px * 1)) / 2);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-large-mobile-2.double-margin > .egourmet-flex-item {
        -ms-flex: calc((100% - (50px * 1)) / 2);
        flex-basis: calc((100% - (50px * 1)) / 2);
        max-width: calc((100% - (50px * 1)) / 2);
        margin-right: 50px;
    }
    .egourmet-flex-items.flex-large-mobile-2 > .egourmet-flex-item:nth-child(2n) {
        margin-right: 0;
    }

    /* 3 Columns */
    .egourmet-flex-items.flex-large-mobile-3 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 2)) / 3);
        flex-basis: calc((100% - (25px * 2)) / 3);
        max-width: calc((100% - (25px * 2)) / 3);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-large-mobile-3.double-margin > .egourmet-flex-item {
        -ms-flex: calc((100% - (50px * 2)) / 3);
        flex-basis: calc((100% - (50px * 2)) / 3);
        max-width: calc((100% - (50px * 2)) / 3);
        margin-right: 50px;
    }
    .egourmet-flex-items.flex-large-mobile-3 > .egourmet-flex-item:nth-child(3n) {
        margin-right: 0;
    }

    /* 4 columns */
    .egourmet-flex-items.flex-large-mobile-4 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 3)) / 4);
        flex-basis: calc((100% - (25px * 3)) / 4);
        max-width: calc((100% - (25px * 3)) / 4);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-large-mobile-4.double-margin > .egourmet-flex-item {
        -ms-flex: calc((100% - (50px * 3)) / 4);
        flex-basis: calc((100% - (50px * 3)) / 4);
        max-width: calc((100% - (50px * 3)) / 4);
        margin-right: 50px;
    }
    .egourmet-flex-items.flex-large-mobile-4 > .egourmet-flex-item:nth-child(4n) {
        margin-right: 0;
    }

    /* 5 columns */
    .egourmet-flex-items.flex-large-mobile-5 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 4)) / 5);
        flex-basis: calc((100% - (25px * 4)) / 5);
        max-width: calc((100% - (25px * 4)) / 5);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-large-mobile-5.double-margin > .egourmet-flex-item {
        -ms-flex: calc((100% - (50px * 4)) / 5);
        flex-basis: calc((100% - (50px * 4)) / 5);
        max-width: calc((100% - (50px * 4)) / 5);
        margin-right: 50px;
    }
    .egourmet-flex-items.flex-large-mobile-5 > .egourmet-flex-item:nth-child(5n) {
        margin-right: 0;
    }
}

/* Small mobile */
@media only screen and (max-width:600px) {
    .egourmet-flex-items.double-margin > .egourmet-flex-item {
        margin-bottom: 28px;
    }

    /* 1 Column */
    .egourmet-flex-items.flex-small-mobile-1 > .egourmet-flex-item {
        -ms-flex: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    /* 2 Columns */
    .egourmet-flex-items.flex-small-mobile-2 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 1)) / 2);
        flex-basis: calc((100% - (25px * 1)) / 2);
        max-width: calc((100% - (25px * 1)) / 2);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-small-mobile-2 > .egourmet-flex-item:nth-child(2n) {
        margin-right: 0;
    }

    /* 3 Columns */
    .egourmet-flex-items.flex-small-mobile-3 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 2)) / 3);
        flex-basis: calc((100% - (25px * 2)) / 3);
        max-width: calc((100% - (25px * 2)) / 3);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-small-mobile-3 > .egourmet-flex-item:nth-child(3n) {
        margin-right: 0;
    }

    /* 4 columns */
    .egourmet-flex-items.flex-small-mobile-4 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 3)) / 4);
        flex-basis: calc((100% - (25px * 3)) / 4);
        max-width: calc((100% - (25px * 3)) / 4);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-small-mobile-4 > .egourmet-flex-item:nth-child(4n) {
        margin-right: 0;
    }

    /* 5 columns */
    .egourmet-flex-items.flex-small-mobile-5 > .egourmet-flex-item {
        -ms-flex: calc((100% - (25px * 4)) / 5);
        flex-basis: calc((100% - (25px * 4)) / 5);
        max-width: calc((100% - (25px * 4)) / 5);
        margin-right: 25px;
    }
    .egourmet-flex-items.flex-small-mobile-5 > .egourmet-flex-item:nth-child(5n) {
        margin-right: 0;
    }
}

/*****************************************************************************/
/* Custom Blocks: eGourmet Carousel ******************************************/
/*****************************************************************************/
/* Note: some style-related elements are specified in custom.js so splide
can do its math */

.egourmet-carousel {
    position: relative;
    z-index: 100;
}

.egourmet-carousel .carousel {
    padding-bottom: calc(48px + 28px);
    margin-bottom: 0;
}

.egourmet-carousel .carousel .splide__track {
    overflow: visible; /* All the way to edges */
}

.egourmet-carousel-item {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
}
.egourmet-carousel-item.align-content-top {
    -ms-flex-align: start;
    align-items: flex-start;
}
.egourmet-carousel-item.align-content-center {
    -ms-flex-align: center;
    align-items: center;
}
.egourmet-carousel-item.align-content-bottom {
    -ms-flex-align: end;
    align-items: flex-end;
}

.egourmet-carousel ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.egourmet-carousel .splide__arrow {
    top: auto;
    bottom: 0;
    transform: none;
    left: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background-color: #fff;
    opacity: 1;
}

.egourmet-carousel .splide__arrow--prev {
    left: 0;
}
.egourmet-carousel .splide__arrow--next {
    left: calc(48px + 14px);
    right: auto;
}

.egourmet-carousel .splide__arrow svg {
    fill: #7d3adc;
}

/* All mobile */
@media only screen and (max-width:959px) {
    .egourmet-carousel .splide__arrow--prev {
        left: calc(50% - (48px / 2) - 31px);
    }
    .egourmet-carousel .splide__arrow--next {
        left: calc(50% - (48px / 2) + 31px);
    }
}

/*****************************************************************************/
/* Custom Blocks: eGourmet Shape Carousel ************************************/
/*****************************************************************************/
/* Note: some style-related elements are specified in custom.js so splide
can do its math */

.egourmet-shape-carousel .shape-carousel {
    padding-bottom: calc(48px + 28px);
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.egourmet-shape-carousel .splide__track {
    background-color: #D6E7FF;
    /*padding: 195px 0 0 !important;*/
    padding: 30px 0 0 !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.egourmet-shape-carousel ul {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
    align-items: flex-end;
}

.egourmet-shape-carousel .splide__arrow {
    top: auto;
    bottom: 0;
    transform: none;
    left: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background-color: #fff;
    opacity: 1;
}
.egourmet-shape-carousel .splide__arrow:hover,
.egourmet-shape-carousel .splide__arrow:focus,
.egourmet-shape-carousel .splide__arrow:active {
    background-color: #f3f2fe;
}
.egourmet-shape-carousel .splide__arrow:disabled {
    background-color: transparent !important;
    opacity: 0.25 !important;
}

.egourmet-shape-carousel .splide__arrow--prev {
    left: calc(50% - (48px / 2) - 31px);
}
.egourmet-shape-carousel .splide__arrow--next {
    left: calc(50% - (48px / 2) + 31px);
}

.egourmet-shape-carousel .splide__arrow svg {
    fill: #7d3adc;
}

.egourmet-shape-carousel .slider-navy-bar {
    background-color: #003d5d;
    height: 50px;
    border-radius: 30px;
    margin-left: -25px;
    margin-right: -25px;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.egourmet-shape-carousel .slider-navy-bar div {
    height: 33px;
    -ms-flex: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 10px;
}

.egourmet-shape-carousel .slider-navy-bar svg,
.egourmet-shape-carousel .slider-navy-bar img {
    height: 33px;
    width: 33px;
}

/* Shape containers */
.egourmet-shape-carousel li {
    list-style-type: none !important;
}
.egourmet-shape-carousel li > span {
    margin-left: auto;
    margin-right: auto;
    width: 140px; /* Moved from slider settings to accommodate "perPage" setting */
    height: 140px; /* General */

    color: #003d5d;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    font-size: calc(1.125rem * 0.75);
    line-height: 1.2;
    text-transform: uppercase;

    display: flex;
    align-items: center;
    justify-content: center;
}
.egourmet-shape-carousel li > span > span {
    position: relative;
    display: block;
    text-align: center;
    padding: 15px;
}

/* Shape type options */
.egourmet-shape-carousel li.shape-type-blue_circle > span {
    background-image: url('../images/shape-carousel/blue-circle.svg');
}
.egourmet-shape-carousel li.shape-type-lavender_quarter_circle > span {
    background-image: url('../images/shape-carousel/lavender-quarter-circle.svg');
}
    .egourmet-shape-carousel li.shape-type-lavender_quarter_circle > span > span {
        transform: rotate(45deg);
        top: 5px;
        left: -5px;
    }
.egourmet-shape-carousel li.shape-type-gold_trapezoid > span {
    background-image: url('../images/shape-carousel/gold-trapezoid.svg');
}
    .egourmet-shape-carousel li.shape-type-gold_trapezoid > span > span {
        left: 10px;
    }
.egourmet-shape-carousel li.shape-type-blue_third_circle > span {
    background-image: url('../images/shape-carousel/blue-third-circle.svg');
    height: 120px;
}
    .egourmet-shape-carousel li.shape-type-blue_third_circle > span > span {
        transform: rotate(45deg);
        top: 10px;
        left: -2px;
    }
.egourmet-shape-carousel li.shape-type-lavender_square > span {
    background-image: url('../images/shape-carousel/lavender-square.svg');
}
.egourmet-shape-carousel li.shape-type-green_triangle > span {
    background-image: url('../images/shape-carousel/green-triangle.svg');
}
    .egourmet-shape-carousel li.shape-type-green_triangle > span > span {
        transform: rotate(-45deg);
        top: 20px;
        left: 20px;
    }
.egourmet-shape-carousel li.shape-type-lavender_trapezoid > span {
    background-image: url('../images/shape-carousel/lavender-trapezoid.svg');
    height: 85px;
}
    .egourmet-shape-carousel li.shape-type-lavender_trapezoid > span > span {
        top: 15px;
    }
.egourmet-shape-carousel li.shape-type-blue_steps > span {
    background-image: url('../images/shape-carousel/blue-steps.svg');
}
    .egourmet-shape-carousel li.shape-type-blue_steps > span > span {
        transform: rotate(45deg);
        top: 20px;
        left: -20px;
    }
.egourmet-shape-carousel li.shape-type-gold_square > span {
    background-image: url('../images/shape-carousel/gold-square.svg');
}

/* All mobile */
@media only screen and (max-width:959px) {
    .egourmet-shape-carousel .splide__track {
        /*padding: 75px 0 0 !important;*/
        padding: 30px 0 0 !important;
    }

    .egourmet-shape-carousel .slider-navy-bar {
        margin-left: -15px;
        margin-right: -15px;
    }
}

/*****************************************************************************/
/* Custom Blocks: eGourmet Image Tabs ****************************************/
/*****************************************************************************/

/* Large mobile and up */
@media only screen and (min-width:601px) {
    .egourmet-image-tabs {
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

    .egourmet-image-tabs-tabs {
        -ms-flex: calc((100% - 100px) / 3);
        flex-basis: calc((100% - 100px) / 3);
        max-width: calc((100% - 100px) / 3);
        margin-right: 100px;
    }

    .egourmet-image-tabs .tab {
        background-color: #fff;
        border-right: 5px solid transparent;
        transition: border 0.2s linear;
    }

    .egourmet-image-tabs .tab:last-child {
        margin-bottom: 0;
    }

    .egourmet-image-tabs .tab:hover,
    .egourmet-image-tabs .tab:focus,
    .egourmet-image-tabs .tab:active,
    .egourmet-image-tabs .tab.active-tab {
        border-right: 5px solid #7e3fde;
        transition: border 0.2s linear;
    }

    .egourmet-image-tabs-panels {
        -ms-flex: calc((100% - 100px) / 3 * 2);
        flex-basis: calc((100% - 100px) / 3 * 2);
        max-width: calc((100% - 100px) / 3 * 2);
    }

    .egourmet-image-tabs-panels .panel:not(.active-panel) {
        /* .screen-reader-text */
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        word-wrap: normal !important;
        opacity: 0;
        transition: opacity 0.2s linear;
    }

    .egourmet-image-tabs-panels .panel.active-panel {
        opacity: 1;
        transition: opacity 0.2s linear;
    }
}

/* Large mobile */
@media only screen and (min-width:601px) and (max-width:959px) {
    .egourmet-image-tabs-tabs {
        -ms-flex: calc((100% - 25px) / 3);
        flex-basis: calc((100% - 25px) / 3);
        max-width: calc((100% - 25px) / 3);
        margin-right: 25px;
    }

    .egourmet-image-tabs-panels {
        -ms-flex: calc((100% - 25px) / 3 * 2);
        flex-basis: calc((100% - 25px) / 3 * 2);
        max-width: calc((100% - 25px) / 3 * 2);
    }
}

/* Small mobile */
@media only screen and (max-width:600px) {
    .splide.image-tabs .splide__pagination {
        position: static;
        margin: 28px 0 0;
        padding: 0;
    }
    .splide.image-tabs .splide__pagination__page {
        background: #d1cdfe;
        width: 56px;
        height: 5px;
        border-radius: 5px;
        transform: none !important;
        opacity: 1;
        margin: 0 7px;
    }
    .splide.image-tabs .splide__pagination__page.is-active {
        background: #7d3adc;
    }
    .splide.image-tabs .splide__slide {
        border: 0 !important;
    }
    .splide.image-tabs .splide__slide.is-active {
        border: 0 !important;
    }
}

/****************/
/* For testing: */
/*
@media only screen and (min-width:1200px) {
    .entry-content > .wp-block-genesis-blocks-gb-columns {
        border: 3px solid blue;
    }
}
@media only screen and (min-width:960px) and (max-width:1199px) {
    .entry-content > .wp-block-genesis-blocks-gb-columns {
        border: 3px solid green;
    }
}
@media only screen and (min-width:601px) and (max-width:959px) {
    .entry-content > .wp-block-genesis-blocks-gb-columns {
        border: 3px solid yellow;
    }
}
@media only screen and (max-width:600px) {
    .entry-content > .wp-block-genesis-blocks-gb-columns {
        border: 3px solid red;
    }
}*/

/*****************************************************************************/
/* Popup Maker****** *********************************************************/
/*****************************************************************************/
.pum-content {
    background-color: #fff !important;
    background-image: url('../images/confetti-bg-popup.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 50px !important;
    border-radius: 10px !important;
}

@media only screen and (max-width:959px) {
    .pum-content + .pum-close {
        top: 0 !important;
        right: 0 !important;
    }
}

@media only screen and (max-width:767px) {
    .pum-content {
        background-image: url('../images/confetti-bg-mobile.svg');
    }
}