/* HMKT CSS
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}


:root {
    --extra-light: 45%;
    --light: 30%;
    --dark: 10%;

    --color-black: hsl(44, 9%, 11%);
    --color-white: hsl(0, 0%, 100%);
    
    --color-primary-h:268.3;
    --color-primary-s:34.3%;
    --color-primary-l:40%;
    --color-primary: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));

    --color-primary-extra-light: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + var(--extra-light)));
    --color-primary-light:hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + var(--light)));
    --color-primary-regular:var(--color-primary);
    --color-primary-dark:hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) - var(--dark)));

    --color-2-h:44;
    --color-2-s:9%;
    --color-2-l:11%;
    --color-2: hsl(var(--color-2-h), var(--color-2-s), var(--color-2-l));

    --color-2-extra-light: hsl(var(--color-2-h), var(--color-2-s), calc(var(--color-2-l) + var(--extra-light)));
    --color-2-light:hsl(var(--color-2-h), var(--color-2-s), calc(var(--color-2-l) + var(--light)));
    --color-2-regular:var(--color-2);
    --color-2-dark:hsl(var(--color-2-h), var(--color-2-s), calc(var(--color-2-l) - var(--dark)));


    --color-3-h:0;
    --color-3-s:0%;
    --color-3-l:96%;

    --color-3: hsl(var(--color-3-h), var(--color-3-s), var(--color-3-l));

    --color-3-extra-light: hsl(var(--color-3-h), var(--color-3-s), calc(var(--color-3-l) + var(--extra-light)));
    --color-3-light:hsl(var(--color-3-h), var(--color-3-s), calc(var(--color-3-l) + var(--light)));
    --color-3-regular:var(--color-3);
    --color-3-dark:hsl(var(--color-3-h), var(--color-3-s), calc(var(--color-3-l) - var(--dark)));
    

    --color-4-h:32;
    --color-4-s:42.9%;
    --color-4-l:79.4%;

    --color-4: hsl(var(--color-4-h), var(--color-4-s), var(--color-4-l));

    --color-4-extra-light: hsl(var(--color-4-h), var(--color-4-s), calc(var(--color-4-l) + var(--extra-light)));
    --color-4-light:hsl(var(--color-4-h), var(--color-4-s), calc(var(--color-4-l) + var(--light)));
    --color-4-regular:var(--color-4);
    --color-4-dark:hsl(var(--color-4-h), var(--color-4-s), calc(var(--color-4-l) - var(--dark)));


    --color-5-h:32;
    --color-5-s:42.9%;
    --color-5-l:90%;
    --color-5: hsl(var(--color-5-h), var(--color-5-s), var(--color-5-l));

    --color-5-extra-light: hsl(var(--color-5-h), var(--color-5-s), calc(var(--color-5-l) + var(--extra-light)));
    --color-5-light:hsl(var(--color-5-h), var(--color-5-s), calc(var(--color-5-l) + var(--light)));
    --color-5-regular:var(--color-5);
    --color-5-dark:hsl(var(--color-5-h), var(--color-5-s), calc(var(--color-5-l) - var(--dark)));

    --color-6-h:0;
    --color-6-s:0%;
    --color-6-l:0%;
    --color-6: hsl(var(--color-6-h), var(--color-6-s), var(--color-6-l));

    --color-6-extra-light: hsl(var(--color-6-h), var(--color-6-s), calc(var(--color-6-l) + var(--extra-light)));
    --color-6-light:hsl(var(--color-6-h), var(--color-6-s), calc(var(--color-6-l) + var(--light)));
    --color-6-regular:var(--color-6);
    --color-6-dark:hsl(var(--color-6-h), var(--color-6-s), calc(var(--color-6-l) - var(--dark)));


    --color-danger: #d9534f;
    --color-success: #67B171;
    
    --color-gradient-primary: linear-gradient(to bottom, #702F8A 0%, #702F8A 0%, #5b2f87 100%);
    --color-gradient-secondary: linear-gradient(to bottom, #702F8A 0%, #702F8A 0%, #5b2f87 100%);
    --color-gradient-black: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        --color-gradient-black-30: linear-gradient(0deg, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);
    --boxshadow-xs: 3px 3px 6px rgba(0,0,0,0.07);
    --boxshadow-sm: 3px 3px 6px rgba(0,0,0,0.07);
    --boxshadow-md: 0 0 20px rgb(29, 14, 64 / 10%);
    --boxshadow-lg: 0 0 40px rgb(29, 14, 64 / 10%);
    --boxshadow-btn-focus: 0 0 0 3px rgb(140 166 60 / 50%);
    --font-family: itc-officina-sans-pro, sans-serif;
    --font-title: adobe-jenson-pro, serif;
    --font-subtitle: itc-officina-sans-pro, sans-serif;
    --font-body: itc-officina-sans-pro, sans-serif;
    --body-font-size-xxs: 14px;
    --body-font-size-xs: 16px;
    --body-font-size-sm: 18px;
    --body-font-size-md: 24px;
    --body-font-size-lg: 36px;
    --body-font-size-xl: 39px;   
    --body-font-weight-normal: 400;
    --body-font-weight-semibold: 500;
    --body-font-weight-bold: 700;
    --body-line-height-xxs: .75;
    --body-line-height-xs: 1.0;
    --body-line-height-sm: 1.25;
    --body-line-height-md: 1.5;    
    --body-line-height-lg: 2.0;
    --body-line-height-xl: 2.25;
    --letterspacing-xs: 0px;
    --letterspacing-sm: 1px;
    --letterspacing-md: 2px;
    --letterspacing-lg: 5px;
    --letterspacing-lg: 10px;       
    --body-text-align: left;
    --underline-color: var(--color-primary);
    --border-weight-xs: 1px;
    --border-weight-sm: 2px;
    --border-weight-md: 4px;
    --border-weight-lg: 6px;
    --border-radius-sm: 4px;
    --border-radius-md: 20px;
    --border-radius-lg: 20vw;
    --padding-xxs: 3px;
    --padding-xs: 10px;
    --padding-sm: 20px;
    --padding-md: 40px;
    --padding-lg: 5vw;
    --padding-xl: 10vw;
    --width-10: 10%;
    --width-20:20%;
    --width-25: 25%;
    --width-50: 50%;
    --min-height-xs: 10vh;
    --min-height-sm: 40vh;
    --min-height-md: 50vh;
    --min-height-lg: 70vh;
    --min-height-xl: 90vh;
--feather-white: url("Portals/10/Images/Karls%20Feather%20White.svg");
    --banner-icons: url("Portals/10/Images/KYB%20Icon%20Pattern%2016x10.svg");
 }

html {
  font-size: 14px;
}

body, .dnngo-main, #dnn_content, #Body, html, .Head, .SubTitle, .SubSubTitle, .Normal {
  background-color: var(--color-white);
  font-family: var(--font-body);
  font-size: var(--body-font-size-sm);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-sm);
  color: var(--color-2);
  text-align: left;
  margin: 0px;
}


#dnn_content {
    padding-top: 0px;
}

[class*="Pane"] {
    margin-bottom: 0px;
}

.container, .dnn_layout, .cccc.bkgd > .content, .cccc.bkgd > .content > .cccc {
    margin: auto;
    max-width: 1920px;
    width: 100%;
    padding-right: var(--padding-lg);
    padding-left: var(--padding-lg);
}

.cccc.bkgd, .hmkt.bkgd {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "full";
}

.cccc.bkgd > .full, .hmkt.bkgd > .full  {grid-area: full;
}

.cccc.bkgd > .content {
padding: var(--padding-md) 0;
}

.cccc.bkgd#promo > .full.bkgd {
background-color: var(--color-2);
}



.cccc.bkgd.insidepage {
margin: 0 0 var(--padding-md);
}

.cccc.bkgd > .full.bkgd {
background-color: var(--color-white);
}


.cccc.bkgd#footer > .full.bkgd {
background: var(--color-2);
}


.pagetitle_bg {
    max-width: 1920px;
    margin: auto;
}

.banner-box {
    margin: auto ;
    background-color: var(--color-5);
    max-width: 1920px;
}

#reviews {
    padding: var(--padding-lg) 0;
}

/*ELFSIGHT*/

.fZBTme, .fZBTme * {
    text-align: left;
}

.YusbI {
    text-align: left;
}

.izQGGt {
   /* margin: auto;*/
}



.benefits_list_card .content {
    background-color: var(--color-4);
    box-shadow: var(--boxshadow-sm);
}

.banner-box#bakery, #lobsterfest, #about, #serving, #featuredbrands, #featuredwines, #cateringmenu, #weddingcakes, #holidaybrands, #cateringpromo, #whatsetsusapart, #sushi, #storesize, .banner-box#smokehouse, .banner-box#dujour, .banner-box#cheeseandseli, .banner-box#produce, .banner-box#weeklyadhighlights  {
    background-color: var(--color-white);
}

.banner-box#bakery, #lobsterfest, #serving, #cateringmenu, #weddingcakes, #holidaybrands, #cateringpromo, #whatsetsusapart, #sushi, #storesize, .banner-box#smokehouse {
    border-bottom: 2px solid var(--color-5);
    border-top: 2px solid var(--color-5);
}

.banner-box#orderonline, .banner-box#departments, #venuepartner, .banner-box#ourstory, .banner-box#benefits, .about.banner-box#careers, .home.banner-box#careers, .banner-box#floralgifts, .banner-box#contact, .banner-box#errorpage  {
    background-image: url(/Portals/0/Holiday_Market_Graphic_Purple_644389.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 90vw;
}

#about, #cateringmenu > div > div.imgbox, #weeklyad_cover > div.imgbox.weekly_cover, #floralgifts > div > div.imgbox, #featuredbrands, #featuredwines, #weeklyadhighlights {
    margin-top: var(--padding-lg);
    margin-bottom: var(--padding-lg);
}

#ourstory > div > div.imgbox, #contact > div > div.imgbox, #floralgifts > div > div.imgbox {
    margin: var(--padding-lg);
    box-shadow: var(--boxshadow-sm);
}

#shopquicklinks, #reheating {
    padding-bottom: var(--padding-lg);
}

div.department_list.v2, #featuredwines {
    padding-right: var(--padding-lg);
    padding-left: var(--padding-lg);
}



#shopquicklinks {
    margin-top: calc(var(--padding-sm)*-1);
}

#departments > div > div:nth-child(1), #orderonline > div > div:nth-child(1) {
    padding-bottom: var(--padding-sm);
    margin: auto;
}


#departments > div > div:nth-child(3), #orderonline > div > div:nth-child(3) {
    padding-top: var(--padding-sm);
}

#featuredwines, #holidaybrands, #familyofcompanies, #map, #departmentschedules {
        margin-top: var(--padding-lg);
}

#moretoexplore, #corevalues, #cateringcorevalues, #weeklyadpromos  {
    padding-bottom: var(--padding-lg);
}

#moretoexplore > div > div.content, #reviews > div > h2, #corevalues > div > div.content, #cateringcorevalues > div > div.content, #departmentschedules {
    padding-bottom: var(--padding-sm);
}

#about > p, #weeklyadpromos > div > div.content > h2 {
    margin-bottom: var(--padding-sm);
}

#weeklyadpromos > div > div.content {
    padding-bottom: 0px;
}

#holidayhours {
    margin-top: 0;
}

#venuepartner > div > div.department_list.v2 {
    padding-bottom: var(--padding-lg);
}

#venuepartner, #contact {
    margin-bottom: var(--padding-lg);
}

.faqs.meat#contact {
    margin-top: var(--padding-lg);
    margin-bottom: 0;
}

.banner-box .container {
    display: grid;
        padding: 0;
}

.banner-box .content {
    vertical-align: middle;
    padding: var(--padding-lg);
}

#bakeryhero > div > div {
    padding-bottom: 0;
}

.banner-box.bakery#departments > div > div:nth-child(1) {
    padding-top: 0;
}

#cateringmenu > div > div.imgbox {
    box-shadow: var(--boxshadow-sm);
}

#benefits > div > div.imgbox {
    place-self: end;
}


 h1 {
  font-family: var(--font-title);
  font-weight: var(--body-font-weight-bold);
  line-height: var(--body-line-height-xs);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-xl);
  color: var(--color-primary);
  text-shadow: 0;
  text-transform: uppercase;
  font-style: normal;
 }

 h2 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-bold);
  line-height: var(--body-line-height-xs);
  letter-spacing: var(--letterspacing-xs);
  font-size: var(--body-font-size-lg);
  color: var(--color-primary);
  text-shadow: var(--boxshadow-xs);
  text-transform: uppercase;
  font-style: normal;
 }

 h3 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-bold);
  line-height: var(--body-line-height-xs);
  letter-spacing: var(--letterspacing-xs);
  font-size: var(--body-font-size-md);
  color: var(--color-primary);
  text-shadow: 0;
  text-transform: capitalize;
  font-style: normal;
 }

 h4 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-bold);
  line-height: var(--body-line-height-sm);
  letter-spacing: var(--letterspacing-xs);
  font-size: var(--body-font-size-md);
  color: var(--color-primary);
  text-transform: uppercase;
  font-style: normal;
  text-shadow: 0;
 }

 h5 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-bold);
  line-height: var(--body-line-height-sm);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-sm);
  color: var(--color-primary);
  text-shadow: none;
  text-transform: uppercase;
  font-style: normal;
 }

 h6 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-semibold);
  line-height: var(--body-line-height-sm);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-sm);
  color: var(--color-2);
  text-shadow: 0;
  text-transform: capitalize;
  font-style: normal;
 }

p, input, .eds_news_Ozone.eds_subCollection_news li {
  font-family: var(--font-body);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-sm);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-xs);
  color: var(--color-2);
  text-shadow: 0;
  text-transform: none;
  font-style: normal;
 }

 

 ul {
  font-family: var(--font-body);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-md);
  color: var(--color-2);
  font-style: normal;
  list-style: none;
 }

  ol {
  font-family: var(--font-body);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-md);
  color: var(--color-2);
  font-style: normal;
  list-style: none;
 }

 UL LI   {
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    line-height: var(--body-line-height-md);
    letter-spacing: var(--letterspacing-sm);
    font-size: var(--body-font-size-xs);
}

 a {
  color: var(--color-primary);
  text-decoration: underline;
 }

 P > a {
  text-decoration: underline;
 }

 a:hover {
  text-decoration: underline;
  }

hr {
    border-top: 0px solid var(--color-primary);
}

h1 > sup{
    font-family: var(--font-title);;
}

/*||STYLE GUIDE*/

.color_list {
    display: grid;
    grid-column-gap: var(--padding-xs);
    grid-row-gap: var(--padding-xs);
    grid-template-columns: repeat(auto-fill,minmax(24%, 1fr));
}

.color {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "cell1"
    "cell2"
    "cell3"
    "cell4";
}


.color > .cell1 { grid-area: cell1; }
.color > .cell2 { grid-area: cell2; }
.color > .cell3 { grid-area: cell3; }
.color > .cell4 { grid-area: cell4; }

.color > .content {
    padding: var(--padding-xs) var(--padding-sm);
    place-self: end start;
    height: var(--min-height-sm);
}

.color#primary > .cell1 { 
    background-color: var(--color-primary-dark);
}

.color#primary > .cell2 { 
    background-color: var(--color-primary-regular);
}

.color#primary > .cell3 { 
    background-color: var(--color-primary-light);
}

.color#primary > .cell4 { 
    background-color: var(--color-primary-extra-light);
}


.color#secondary > .cell1 { 
    background-color: var(--color-2-dark);
}

.color#secondary > .cell2 { 
    background-color: var(--color-2);
}

.color#secondary > .cell3 { 
    background-color: var(--color-2-light);
}

.color#secondary > .cell4 { 
    background-color: var(--color-2-extra-light);
}

.color#third > .cell1 { 
    background-color: var(--color-3-dark);
}

.color#third > .cell2 { 
    background-color: var(--color-3);
}

.color#third > .cell3 { 
    background-color: var(--color-3-light);
}

.color#third > .cell4 { 
    background-color: var(--color-3-extra-light);
}

.color#fourth > .cell1 { 
    background-color: var(--color-4-dark);
}

.color#fourth > .cell2 { 
    background-color: var(--color-4);
}

.color#fourth > .cell3 { 
    background-color: var(--color-4-light);
}

.color#fourth > .cell4 { 
    background-color: var(--color-4-extra-light);
}

.color#fifth > .cell1 { 
    background-color: var(--color-5-dark);
}

.color#fifth > .cell2 { 
    background-color: var(--color-5);
}

.color#fifth > .cell3 { 
    background-color: var(--color-5-light);
}

.color#fifth > .cell4 { 
    background-color: var(--color-5-extra-light);
}

.color#sixth > .cell1 { 
    background-color: var(--color-6-dark);
}

.color#sixth > .cell2 { 
    background-color: var(--color-6);
}

.color#sixth > .cell3 { 
    background-color: var(--color-6-light);
}

.color#sixth > .cell4 { 
    background-color: var(--color-6-extra-light);
}


.color > .content > h6 {
    font-size: var(--body-font-size-xxs);
}


.color > .cell1 > h6, .color > .cell2 > h6, .color#fifth > .cell3 > h6, .color#sixth > .cell3 > h6, .color#sixth > .cell4 > h6 { 
    color: var(--color-white);
}

.color > .cell3 > h6, .color > .cell4 > h6 {
    color: var(--color-black);
}


.styleguide.text_styling {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "cell1";
padding: var(--padding-lg) 0 0;
}

.styleguide.text_styling > .cell1.content > p { 
    color: var(--color-primary);
}

.styleguide.text_styling > .cell1.content > p:nth-child(19) {
color: var(--color-2);
}

.styleguide.text_styling > .cell1 { grid-area: cell1; }

.styleguide.button_styling {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "cell1";
padding: 0 0 var(--padding-lg);
}

.styleguide.button_styling > .cell1 { grid-area: cell1; }





/*||BUTTON CSS*/

a, a:link, a:active, a:visited {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: var(--padding-xxs);
    text-decoration-thickness: 1px;
}

a:hover {
    color: var(--color-black);
    text-decoration: underline;
    text-underline-offset: var(--padding-xxs);
    text-decoration-thickness: 2px;
}

a.btn:nth-child(2) {
    margin: var(--padding-xs) 0 0;
}

.btn, .btn, li.from-footer > div.form_submit > input.submit_but, .eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton, .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span, ul.dnnAdminTabNav li.ui-tabs-active a, .eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton, a.btn, div.kyb_dbc_share > button, .dg-modal .modal-footer .btn, div.edn_articleSummary > div > a.btn, .eds_mailChimpPlus_Nova .edForm__subscribe, .eds_mailChimpPlus_Nova .edForm__closeResponse, #mc-embedded-subscribe {
  display: inline-block;
  font-weight: var(--body-font-weight-bold);
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: var(--border-weight-sm) solid var(--color-2);
  padding: .5rem .75rem;
  font-family: var(--font-subtitle);
  font-style: normal;
  font-size: var(--body-font-size-xs);
  line-height: var(--body-line-height-md);
  border-radius: var(--border-radius-sm);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  letter-spacing: var(--letterspacing-sm);
  box-shadow: var(--boxshadow-sm);
  text-shadow: none;
background-image: none;
text-transform: uppercase;
text-decoration: none;
}

.btn:focus, .btn:hover {
  text-decoration: none;
}

.btn-primary, li.from-footer > div.form_submit > input.submit_but, .eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton, .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, .dg-modal .modal-footer .btn, .eds_mailChimpPlus_Nova .edForm__subscribe, .eds_mailChimpPlus_Nova .edForm__closeResponse {
  color: var(--color-white);
  background-color: var(--color-2);
  border-color: var(--color-2);
  background: var(--color-2);
}

a.btn.btn-primary {
    color: var(--color-white);
}

.btn-primary:hover, .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover, .eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton:hover, div > .Theme_01_Default .form_submit .submit_but:hover, div > .Theme_01_Default .form_submit .reset_but:hover, .dg-modal .modal-footer .btn:hover, #bs-example-modal-xl > div > div > div.modal-header > button:hover, .eds_mailChimpPlus_Nova .edForm__subscribe:hover, .eds_mailChimpPlus_Nova .edForm__closeResponse:hover {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  background: var(--color-primary);
}

.border-0 {
    border: 1px solid var(--color-2) !important;
}
.btn-light.border-0:hover {
    border: 1px solid var(--color-3) !important;
    background-color: var(--color-3)!important;
    color: var(--color-white)!important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: var(--color-white);
  background-color: var(--color-2);
  border-color: var(--color-2);
}

.btn-primary.focus, .btn-primary:focus {
  box-shadow: var(--boxshadow-btn-focus);
}

.btn.btn-secondary, .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span, ul.dnnAdminTabNav li a, ul.dnnAdminTabNav li.ui-tabs-active a, .btn-light, div.kyb_dbc_share > button {
  color: var(--color-2);
  border-color: var(--color-2);
  background-color: var(--color-5);
}

#careers > div > div.content > div > a.btn.btn-secondary {
    background-color: var(--color-5);
}

#storesize > div > div.content > div > a.btn.btn-secondary, #whatsetsusapart > div > div:nth-child(3) > div > a.btn.btn-secondary, #serving > div > div.content > div > a.btn.btn-secondary, #cheeseandseli > div > div.content > div > a.btn.btn-secondary  {
    background-color: var(--color-white);
}

#dnn_ctr399_Login_Login_DNN_cancelLink {
      background-color: var(--color-white);
  border-color: var(--color-2);
}

#dnn_ctr399_Login_Login_DNN_cancelLink:hover {
      background-color: var(--color-primary);
  border-color: var(--color-primary);
}

#dnn_ctr399_Login_DNN > div > div:nth-child(5) > span.dnnFormLabel {
    display: none!important;
}

#dnn_ctr399_Login_Login_DNN_passwordLink {
    border: none;
    color: var(--color-2);
    font-family: var(--font-body);
    font-style: italic;
    font-weight: var(--body-font-weight-normal);
    background-color: var(--color-white);
    padding: 0;
    text-transform: capitalize;
    text-decoration: underline;
}

#dnn_ctr399_Login_Login_DNN_passwordLink:hover {
    color: var(--color-primary);
}

.dnnLogin {
    width: 100%;
    margin: auto;
    max-width: 400px;
}

.btn.btn-secondary:hover, #dnn_ctr_EditUser_adminTabNav > li > a:hover, .dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, .dnnFormItem input[type="reset"]:hover, .dnnSecondaryAction:hover, a.dnnSecondaryAction:hover, ul.dnnAdminTabNav li a:hover, .dnnLogin .LoginTabGroup span:hover, #careers > div > div.content > div > a.btn.btn-secondary:hover, #benefits > div > div.content > div > a.btn.btn-secondary:hover, #holidayhours > div.cell3.content > div > a.btn.btn-secondary:hover, #storesize > div > div.content > div > a.btn.btn-secondary:hover, #whatsetsusapart > div > div:nth-child(3) > div > a.btn.btn-secondary:hover, #serving > div > div.content > div > a.btn.btn-secondary:hover, #cheeseandseli > div > div.content > div > a.btn.btn-secondary:hover {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  background: var(--color-primary);
}

.btn.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
  color: var(--color-white);
  background-color: var(--color-2);
  border-color: var(--color-2);
}

.btn.btn-secondary.focus, .btn-secondary:focus {
  box-shadow: var(--boxshadow-btn-focus);
}

.btn.btn-link, #dnn_dnnUser2_enhancedRegisterLink {
  color: var(--color-primary);
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

.btn-link.focus, .btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none;
}

.btn.btn-success {
  color: var(--color-white);
  background-color: var(--color-success);
  border-color: var(--color-success);
}

.btn.btn-success:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn.btn-info {
  color: var(--color-2);
  background-color: var(--color-5);
  border-color: var(--color-5);
}

.btn.btn-info:hover {
    color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn.btn-warning {
  color: var(--color-white);
  background-color: var(--color-4-dark);
  border-color: var(--color-4-dark);
}

.btn.btn-warning:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn.btn-danger {
    background-color: var(--color-danger);
  color: var(--color-white);
  border-color: var(--color-danger);
}

.btn.btn-danger:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.button_cta {
    padding-top: var(--padding-sm);
}

.button_cta > .btn { 
    width: 100%;
}

#holidayhours > div.cell3.content > div > a.btn.btn-secondary {
    background-color: var(--color-4);
}

#to_top {
    right: 20px !important;
    bottom: 80px !important;

}

.backtop03 {
    border-color: var(--color-black);
    color: var(--color-white);
    background-color: var(--color-black);
    border-radius: var(--border-radius-sm);
}

.backtop03:hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.backtop03 span:before {
    content: "\f341";
    font-family: "Font Awesome 6 Sharp";
}


/*||MENU CSS*/

.header_bg {
    box-shadow: none;
}

.mobile_nav, .header_bg {
    border-top: 0px solid var(--color-4);
    background-color: var(--color-4);
}

.mobile_dnn_logo img {
    max-width: 90%;
}

#dnngo_megamenu > div > ul > li {
    background: none;
    padding: var(--padding-xs) 0;
}

.mobile_left_icon .fa, .mobile_right_icon a {
    border-color: var(--color-black);
    color: var(--color-black);
    text-decoration: none;
}

.mobile_menu.mm-menu {
    background: var(--color-primary);
}



.mobile_menu, .mobile_menu .Normal, .HeaderPane_mobile, .HeaderPaneB_mobile, .mobile_menu .Header_Info, .mm-menu .mm-navbar.mm-navbar-top-2, .mm-menu .mm-navbar.mm-navbar-top-2 a, .mobile_menu .mm-listview > li > a, .mobile_menu .mm-listview > li > span, .mobile_menu.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li.current > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.subcurrent > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li.current > em, .mobile_menu.mm-menu .mm-listview > li.subcurrent > em, .mobile_menu.mm-menu .mm-listview > li > em:hover, .mobile_menu.mm-menu .mm-listview > li > .mm-next:hover > em, .mobile_menu.mm-menu .mm-listview > li.current > .mm-next:after, .mobile_menu.mm-menu .mm-listview > li.subcurrent > .mm-next:after, .mobile_menu.mm-menu .mm-listview > li > .mm-next:hover:after {
    color: var(--color-white)!important;
    font-size: var(--body-font-size-xs);
}



.mobile_menu .mm-listview > li, .mobile_menu .mm-listview > li:after, .mobile_menu .mm-listview > li .mm-next, .mobile_menu .mm-listview > li .mm-next:before, .mobile_menu .mm-navbar.mm-navbar-top-2, .mobile_menu .menu_header, .mobile_menu .mm-navbar.mm-navbar-top.mm-navbar-top-1, #mobile_user {
    border-color: transparent;
}

#mobile_user, .mobile_menu .mm-navbar.mm-navbar-top-2 {
    border: none;
}

.mobile_menu.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.mm-selected > span, .mobile_menu.mm-menu .mm-listview > li.current > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.subcurrent > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.current > .mm-next, .mobile_menu.mm-menu .mm-listview > li.subcurrent >.mm-next, .mobile_menu.mm-menu .mm-listview > li > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li > .mm-counter:hover + .mm-next, .mobile_menu.mm-menu .mm-listview > li > a.mm-next:hover {
    background-color: var(--color-2);
}



.mobile_menu.mm-menu .mm-listview > li > a.mm-next {
    bottom: 0px;
}

.mobile_left_icon .fa.active, html.mm-opening.mm-opened .mobile_right_icon a {
    color: var(--color-2);
    text-decoration: none;
}

.mobile_left_icon .fa.active:before, html.mm-opening.mm-opened .mobile_right_icon a:before {
    content: "\f00d";
    font-size: 24px;
}

.mm-menu .mm-navbar.mm-navbar-top-2 a {
    font-family: var(--font-subtitle);
    font-weight: var(--body-font-weight-semibold);
    font-size: var(--body-font-size-md);
}

#mobile_user > span:nth-child(2) > .sep, #mobile_user > span:nth-child(1) {
    display: none;
}

#mobile_user > span:nth-child(2), .loginGroup {
    width: 100%;
}

.LoginLink {
    width: 100%;
}

#mobile_user a:link, #mobile_user a:active {
    color: var(--color-white);
    width: 100%;
    background-color: var(--color-2);
    font-weight: var(--body-font-weight-normal);
    border: var(--border-weight-sm) solid var(--color-2);
    padding: 0.5rem 0.75rem;
    font-family: var(--font-title);
    font-size: var(--body-font-size-xs);
    line-height: var(--body-line-height-md);
    border-radius: var(--border-radius-lg);
}

#mobile_user a:hover, #mobile_user a:hover {
background-color: var(--color-3);
border-color: var(--color-3);
}

#dnn_dnnUser2_enhancedRegisterLink {
    background-color: transparent!important;
    border: 0px!important;
}

 #dnn_dnnUser2_messageGroupk, #dnn_dnnUser2_notificationGroup, #dnn_dnnUser2_messageLink {
     display: none;
 }

 #dnn_dnnUser2_registerGroup > .buttonGroup {
     margin: 0 0 var(--padding-sm);
 }

.dnn_logo .Logobox, .LogoPane {
    height: 75px;
}




#dnngo_megamenu > div > ul > li > a > span {
    color: var(--color-black);
    font-family: var(--font-subtitle);
    font-weight: var(--body-font-weight-semibold);
    font-size: var(--body-font-size-xs);
    letter-spacing: var(--letterspacing-sm);
}

#dnngo_megamenu > div > ul > li:hover > a > span, #dnngo_megamenu > div > ul > li.current > a > span, #dnngo_megamenu > div > ul > li.menu_hover > a > span, #dnngo_megamenu > div > ul > li > a:hover > span > i, #dnngo_megamenu > div > ul > li.menu_hover > a > span > i, #dnngo_megamenu > div > ul > li.current > a > span > i {
    color: var(--color-primary);
}

#dnngo_megamenu > div > ul > li:hover > a > span:before, #dnngo_megamenu > div > ul > li.current > a > span:before, #dnngo_megamenu > div > ul > li.menu_hover > a > span:before {
    right: 2px;
    opacity: 1;
    visibility: visible;
}
#dnngo_megamenu > div > ul > li > a > span:before {
    border-bottom: 4px solid var(--color-primary);
    /* right: 0px; */
    width: 100%;
    left: 0px;
}

   .mobile_header, .mobile_dnn_logo, .mobile_nav {
        height: 60px;
    }

    .mobile_right_icon a:before {
        content: "\f0c9";
        font-family: 'fontawesome' !important;
    }

    .fa-search:before {
    content: "\f002";
    font-family: 'fontawesome' !important;
}

.nav_ico .fa {
    color: var(--color-black);
}

.nav_ico .fa:hover, .nav_ico .fa.active {
    color: var(--color-primary);
}

.nav_ico .fa.active:before {
    content: "\f00d";
    color: var(--color-3);
}

#Loginandlanguage > div.Login > .sep {
    display: none;
}

.nav_ico .Loginandlanguage, .nav_ico .searchBox {
background-color: var(--color-white);
border: 2px solid var(--color-2);
padding: var(--padding-xxs);
height: fit-content;
}

.nav_ico .searchBox, #mobile_search {
border-top: 0px solid var(--color-3);
}

.nav_ico .Loginandlanguage > .Login a, .nav_ico .Loginandlanguage > .Login a:link, .nav_ico .Loginandlanguage > .Login a:active, .nav_ico .Loginandlanguage > .Login a:visited, .nav_ico .Loginandlanguage > .Login .sep {
    color: var(--color-white);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    font-size: var(--body-font-size-xs);
    letter-spacing: var(--letterspacing-sm);
    font-style: italic;
    text-transform: lowercase;
}

.nav_ico .searchBox input.NormalTextBox, #mobile_search, #mobile_search input.NormalTextBox {
    background-color: var(--color-3);
    color: var(--color-2);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    font-size: var(--body-font-size-xs);
    letter-spacing: var(--letterspacing-sm);
    font-style: italic;
    text-transform: capitalize;
    width: 100%;
    padding: 0px 0px 0px var(--padding-xs);
}



.nav_ico .search, .nav_ico a.search:link, .nav_ico a.search:active, .nav_ico a.search:visited, #mobile_search .search, #mobile_search a.search:link, #mobile_search a.search:active, #mobile_search a.search:visited {
    left: auto;
    background-color: var(--color-primary);
    color: var(--color-white);
    top: 0px;
    bottom: 0px;
}

.nav_ico .search {
    color: var(--color-3);
}

ul.searchSkinObjectPreview {
    font-size: var(--body-font-size-xxs);
}

ul.searchSkinObjectPreview {
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--color-white);
    border: 0px solid var(--color-primary);
    width: 300px;
}

ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group {
    font-weight: var(--body-font-weight-semibold);
    color: var(--color-2);
    border-bottom: 0px solid var(--color-primary);
    font-family: var(--font-subtitle);
}

ul.searchSkinObjectPreview > li {
    border-top: 0px solid var(--color-white);
    color: var(--color-2);
}

.dnnSearchBoxPanel, .dnnSearchResultPanel {
    margin: var(--padding-sm) 0px;
    background-color: var(--color-white);
}

.dnnSearchResultPager {
    margin: 0px 0px var(--padding-md);
}

.dnnSearchBox {
    display: inline-block;
    margin: 0;
    padding: 5px;
    border: 2px solid var(--color-3);
    -webkit-border-radius: 1000px;
    border-radius: var(--border-radius-sm);
    background: var(--color-3);
    vertical-align: top;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0);
    position: relative;
}

.dnnSearchBox > input[type="text"], .dnnSearchBox > input[type="text"]:focus {
    background: transparent;
    padding: var(--padding-sm);
}

.dnnSearchBox > a.dnnSearchBoxClearText.dnnShow, .dnnSearchBox > a.dnnSearchButton, .dnnSearchBox > .dnnSearchBox_advanced {
    margin: 14px var(--padding-xs) var(--padding-xs);
}

.dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label {
    border-left: 2px solid var(--color-primary-extra-light);
    padding: 0 var(--padding-xs);
    color: var(--color-primary);
    background: url(../../../images/dnnSpinnerDownArrow.png) no-repeat;
    height: 22px;
}

div.dnnTagsInput, .selectize-input, .selectize-control.multi .selectize-input.has-items, .selectize-control.single .selectize-input, .selectize-control.single .selectize-input.items.full.has-options.has-items {
    display: inline-block;
    margin: 0;
    padding: var(--padding-xs);
    border: 2px solid var(--color-3);
    -webkit-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
    background: var(--color-3);
    /* -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); */
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0), inset 0 1px 2px 0 rgba(0, 0, 0, 0);
    background-color: var(--color-3);
    background-image: none;
    border-color: var(--color-3);
}

.dnnSearchResultPanel .dnnSearchResultSortOptions {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    border-radius: var(--border-radius-sm);
    border: 2px solid var(--color-3);
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a, .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover {
    background-color: var(--color-white);
    background: none;
    color: var(--color-2);
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li > a {
    padding: 0px var(--padding-xs);
    margin: 0;
    color: var(--color-2);
    background: none;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li {
    list-style: none;
    display: inline-block;
    margin: 0px;
    padding: var(--padding-xs) var(--padding-xs) 15px;
    border-left: 1px solid var(--color-primary-extra-light);
}

.dnnSearchResultPager.dnnSearchResultPagerTop {
    border-top: none;
    border-bottom: 1px solid var(--color-primary-extra-light);
    margin: var(--padding-xs) 0 var(--padding-sm) 0;
}

.roll_menu.roll_activated .headerBox > .shade, .roll_menu.roll_activated .headerbottomBox > .shade {
    background-color: var(--color-4);
}

.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a > span {
    color: var(--color-black);
}

.roll_menu.roll_activated #dnngo_megamenu > div > ul > li:hover > a > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.current > a > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.menu_hover > a > span {
    color: var(--color-1);
}

.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a > span:before {
    border-color: var(--color-1);
    border-width: 0px;
}

#dnngo_megamenu .dnngo_menuslide .dnngo_slide_menu a {
    color: var(--color-2);
    background-color: var(--color-white);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    letter-spacing: var(--letterspacing-sm);
    font-size: var(--body-font-size-xs);
}

#dnngo_megamenu .dnngo_slide_menu li:hover > a, #dnngo_megamenu .dnngo_slide_menu li.subcurrent > a {
    color: var(--color-white);
    background-color: var(--color-primary-light);
}

#dnngo_megamenu > div > ul > li.dir:hover > a > span:after, #dnngo_megamenu > div > ul > li.dir.current > a > span:after, #dnngo_megamenu > div > ul > li.dir.menu_hover > a > span:after {
    border-bottom: 1px solid var(--color-primary);
    border-right: 1px solid var(--color-primary);
}

/*|| LOGIN*/
.dnnLabel, .dnnFormItem > span.dnnFormLabel {
    text-align: left!important;
    display: block!important;
    float: none!important;
}

#dnn_ctr2367_Login_Login_DNN_txtUsername, #dnn_ctr3621_Login_Login_DNN_txtUsername {
    width: 100%;
    border-radius: 2em;
}

.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select {
    width: 100%;
}

.dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus, .dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active, .dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus, .dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus {
    background: var(--color-white);
    border: 1px solid var(--color-primary-light);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(2, 139, 255, 0);
    box-shadow: 0px 0px 0px 0px rgba(2, 139, 255, 0);
    color: var(--color-2);
}

.dnnFormItem input[type="text"], .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {
    border-radius: var(--border-radius-sm);
    padding: var(--padding-xs) var(--padding-sm);
}

.LoginPanel {
    width: 100%;
    padding-right: 0px;
    max-width: 500px;
}

.LoginPanel {
    padding-top: var(--padding-sm);
    padding-bottom: var(--padding-lg);
}

.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"] {
    max-width: 100%;
}


/*|| MENU_BOTTOM*/

.menu_bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "cell1 cell2 cell3 cell4 cell5";
    position: fixed;
    bottom: 0;
    grid-column-gap: 0;
    grid-row-gap: 0;
    z-index: 5;
    width: 100%;
}

.menu_bottom > .full {
    grid-area: 1 / 1 / 2 / 6;
}

.menu_bottom > .cell1 {
    grid-area: cell1;

}

.menu_bottom > .cell2 {
    grid-area: cell2;

}

.menu_bottom > .cell3 {
    grid-area: cell3;

}

.menu_bottom > .cell4 {
    grid-area: cell4;

}

.menu_bottom > .cell5 {
    grid-area: cell5;

}

.menu_bottom > .content > .btn {
    border-radius: 0px;
    padding: 2vw 0 1vw;
    box-shadow: none;
    font-family: var(--font-body);
    text-transform: capitalize;
    font-weight: var(--body-font-weight-normal);
    font-size: var(--body-font-size-xxs);
    font-style: normal;
    width: 100%;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    letter-spacing: var(--letterspacing-sm);
}

.menu_bottom > .content > a:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}



.menu_bottom > .content > .btn > i, .menu_bottom > .content > .btn > img {
    font-size: var(--body-font-size-sm);
    padding: 0.25vw;
    display: block;
    height: var(--body-font-size-md);
    margin: auto;
}

/* || BREADCRUMBS */

.pagetitleBox .pagetitle-left {
    display: none;
}

.HeaderPageTitle_bg {
    margin-bottom: 0px;
}

.pagetitleBox {
    background-color: var(--color-black);
    border-bottom: solid 1px var(--color-black);
}

.pagetitleBox h1 {
    line-height: var(--body-line-height-md);
    margin: 0;
    Font-Size: var(--body-font-size-sm);
    text-transform: inherit;
    color: var(--color-white);
    Font-Family: var(--font-body);
    Font-weight: var(--body-font-weight-normal);
    letter-spacing: var(--letterspacing-sm);
    font-style: normal;
}

.pagetitleBox .pagetitletoken, .pagetitleBox .pagetitletoken a, .pagetitleBox .pagetitletoken aLlink, .pagetitleBox .pagetitletoken a:active, .pagetitleBox .pagetitletoken a:visited {
    font-style: Normal;
    Font-Size: var(--body-font-size-xxs);
    text-transform: inherit;
    color: var(--color-white);
    Font-Family: var(--font-body);
    letter-spacing: var(--letterspacing-sm);
    Font-weight: var(--body-font-weight-semibold);
    margin-bottom: 0;

}

.pagetitleBox .pagetitleborder {
    padding: var(--padding-sm) 0 var(--padding-sm);
}

    .pagetitleBox .pagetitletoken {
        text-align: right;
    }

.pagetitleBox .pagetitletoken a:hover {
    color: var(--color-4);
    text-decoration: underline;
}

.pagetitleBox .pagetitletoken .fa {
    display: none;
}


.home.hero {
    min-height: var(--min-height-md);
}

.hero.insidepage {
  min-height: var(--min-height-sm);
  margin: 0 0 var(--padding-sm);
}  

.hero.insidepage > .content {
  place-self: center start;
} 

/*||ICONS*/

.fa-store:before {
  content: "\f54e";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-shirt:before, .fa-t-shirt:before, .fa-tshirt:before {
  content: "\f553";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-map-marker:before {
  content: "\f041";
}

/*|| FORMS*/

.dg-form-content.form-line .form-control-wrap input[type=text], .dg-form-content.form-line .form-control-wrap input[type=email], .dg-form-content.form-line .form-control-wrap input[type=url], .dg-form-content.form-line .form-control-wrap input[type=tel], .dg-form-content.form-line .form-control-wrap input[type=number], .dg-form-content.form-line .form-control-wrap input[type=date], .dg-form-content.form-line .form-control-wrap select, .dg-form-content.form-line .form-control-wrap textarea {
    border: none;
    border-bottom: 1px solid var(--color-2);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    height: 40px;
}

.dg-form-content.form-line.dark .form-control-wrap input[type=text], .dg-form-content.form-line.dark .form-control-wrap input[type=email], .dg-form-content.form-line.dark .form-control-wrap input[type=url], .dg-form-content.form-line.dark .form-control-wrap input[type=tel], .dg-form-content.form-line.dark .form-control-wrap input[type=number], .dg-form-content.form-line.dark .form-control-wrap input[type=date], .dg-form-content.form-line.dark .form-control-wrap select, .dg-form-content.form-line.dark .form-control-wrap textarea, .dg-form-content.form-line.dark .fixline:before {
    border-bottom-color: var(--color-primary)!important;
    font-size: var(--body-font-size-xs);
}

.dg-form-content.form-line.dark, .dg-form-content.form-line.dark span, .dg-form-content.form-line.dark label, .dg-form-content.form-line.dark label.valid, .dg-form-content.form-line.dark li:not(.from-footer) input, .dg-form-content.form-line.dark select, .dg-form-content.form-line.dark textarea {
    color: var(--color-2)!important;
}

.grecaptcha-badge {
    display: none;
}

input, select, textarea, .ls-layer, .ls-layer *, .uneditable-input {
    Font-Family: var(--font-body);
    Font-weight: normal;
    font-size: var(--body-font-size-sm);
}

li.from-footer > div.form_submit > input.submit_but {
    width: 100%;
}

li.from-footer > div.form_submit > input.submit_but {
    background-image: none;
}

.dropdown-menu > li > a {
    text-decoration: none;
}

.dropdown-menu {
    padding: var(--padding-xs) 0;
    margin: var(--padding-xxs) 0 0;
    font-size: var(--body-font-size-sm);
    background-color: var(--color-white);
    border: 1px solid var(--color-primary-extra-light);
    border-radius: var(--border-radius-sm);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

#form_div_1147 .formError .formErrorContent, #form_div_1147 .formError .formErrorArrow div, .formError .formErrorContent {
    color: var(--color-white);
    background-color: var(--color-danger);
    background: var(--color-danger);
}

/*||FOOTER */

#dnn_ctr1919_HtmlModule_lblContent > div > img {
    display: none;
}

.footer_box.footer-10 {
    background-color: var(--color-4);
}

.footer_box.footer-10 .footer-title {
    font-family: var(--font-subtitle);
    font-weight: var(--body-font-weight-bold);
    color: var(--color-black);
    line-height: var(--body-line-height-xs);
    letter-spacing: var(--letterspacing-xs);
    text-transform: uppercase;
}

.footer_box.footer-10 .footer-top .Normal, .footer_box.footer-10 .footer-top .Normal p, .footer_box.footer-10 .footer-top .Normal ul, .footer_box.footer-10 .footer-top .Normal li {
    font-size: var(--body-font-size-sm);
    color: var(--color-black);
}

.footer_box.footer-10 .footer-top .Normal ul.footer-socialbox > li {
    font-size: var(--body-font-size-lg);
}

.footer-10 .footer-top {
    border-bottom: 1px solid var(--color-primary);
}


.footer-10 .footer-bottom, .footer_box.footer-10 .footer-bottom span {
    color: var(--color-black);
    background-color: var(--color-4);
    font-size: var(--body-font-size-xxs);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    padding: var(--padding-md) 0 100px;
}



.website_credits > p, .footer_box.footer-10 .footer-bottom a, footer_box.footer-10 .footer-bottom p {
    text-align: center;
    font-size: var(--body-font-size-xxs)!important;
    color: var(--color-black);
}

.footer-news li .title a:hover, .footer-news02 li .title a:hover, .footer-blogs .title a:hover, .footer-number li .number, .footer-menu03 li a:hover, .footer-news04 .title a:hover, .footer_box a:hover {
    color: var(--color-primary);
}

.footer_box.footer-10 .es-layout-sidebar-container * {
    font-family: var(--font-title);
    color: var(--color-white);
}

.footer_box.footer-10 .es-badge-total-reviews {
    font-size: var(--body-font-size-xs);
    text-decoration: none;
    font-family: var(--font-body);
    color: var(--color-4);
}

.footer_box.footer-10 .footer-top {
    border-bottom: 2px solid var(--color-black);
}

.footer_box.footer-10 .footer-bottom p {
    color: var(--color-black);
}

.footer_box.footer-10 .footer-bottom a:hover, .footer-link-list li a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

.footer_box.footer-10 .footer-top .footer-socialbox li a:hover {
    color: var(--color-primary);
}

#dnn_ctr1896_HtmlModule_lblContent > ul.footer-socialbox > li:nth-child(3) {
    display: none;
}

div.eapps-instagram-feed-title {
    font-family: var(--font-subtitle);
    font-size: var(--body-font-size-md);
    font-weight: var(--body-font-weight-bold);
    text-align: center;
    line-height: var(--body-line-height-xs);
    padding: 0 0 var(--padding-sm);
    text-transform: uppercase;
}

#eapps-instagram-feed-1 a, #eapps-instagram-feed-popup-1 a {
    color: var(--color-black)!important;
        border-radius: var(--border-radius-sm);
}

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {
    background: var(--color-primary)!important;
        border-radius: var(--border-radius-sm);
    margin: var(--padding-sm) auto 0;
}

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more:hover {
    background: var(--color-black)!important;
    border-radius: var(--border-radius-sm);
    border: solid 1px var(--color-black);
}

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-item {
    border-radius: var(--border-radius-sm);
}

#eapps-instagram-feed-1 > div > div.eapps-instagram-feed-content > div.eapps-instagram-feed-posts-container > div > div.eapps-instagram-feed-posts-grid-load-more-container.eapps-instagram-feed-posts-grid-load-more-enabled > div > div.eapps-instagram-feed-posts-grid-load-more-text.eapps-instagram-feed-posts-grid-load-more-text-visible {
    font-family: var(--font-subtitle);
    text-transform: uppercase;
    letter-spacing: var(--letterspacing-sm);
    font-style: normal;
    color: var(--color-white);
    font-size: var(--body-font-size-xs);
    padding: 7px 8px 0;

}

div.eapps-instagram-feed-posts-grid-load-more {
    height: 44px;
}




/*|| Account Management / Profile */

.console-none h3 {
    margin: 0px 2px 2px 28px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: var(--body-font-size-sm);
    line-height: var(--body-line-height-sm);
}

.console-none div {
    height: fit-content;
}



/*|| STOREFRONT*/

.glyphicon {
    display: none;
}

.rvdsf-administration-container {
    padding: var(--padding-lg) 0px;
}

.mobile_nav > .shade {
    background-color: var(--color-4);
    filter: alpha(opacity= 100 );
    opacity: 1;
    box-shadow: 0 0 4px rgba(0,0,0,0);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0);
}



.rvdsf-cartsummary-container .btn-toolbar .btn {
    max-width: 100%;
}

.rvdsf-cartsummary-container {
    margin-bottom: -30px;
    position: relative;
    z-index: 1000;
    width: fit-content;
    /* left: 80%; */
    margin: 0px 5vw 0px auto;
}

.rvdsf-cartsummary-header-container .rvdsf-label-amount {
    display: none;
}

.rvdsf-cartsummary-header-container {
    color: var(--color-primary);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    text-transform: lowercase;
    font-size: var(--body-font-size-xs);
    letter-spacing: var(--letterspacing-sm);
    font-style: italic;
}

.rvdsf-cartsummary-detail-container, .dnnFormPopup.rvdsfCartSummaryDetailContainer {
    right: 0;
}

.rvdsf-cartsummary-container .rvdsf-btn-viewcart span {
    color: var(--color-primary-light);
}


.rvdsf-productlist-container .rvdsf-product-gallery-container img {
    max-height: none;
    width: 100%;
    border-radius: var(--border-radius-sm);
}

.rvdsf-productlist-container .rvdsf-product-gallery-container > a {
    width: 100%;
}

.rvdsf-productlist-container .rvdsf-product-gallery-container {
    height: unset;
    width: 100%;
    border: 0px;
}

.rvdsf-productlist-navbar .rvdsf-field-pageviewmode a {
    color: var(--color-2);
}

.rvdsf-productlist-navbar .rvdsf-field-pageviewmode a:hover {
    color: var(--color-3);
}

.rvdsf-productlist-grid .rvdsf-product-container {
    padding: 0px;
    text-align: center;
    margin-bottom: 5vw;
    background-color: var(--color-white);
    border-radius: var(--border-radius-sm);
    width: 100%;
}

.rvdsf-productlist-grid {
    padding: 0px 0px 20px;
}

.rvdsf-productlist-grid div.rvdsf-product-info-container {
    min-height: auto;
}

.rvdsf-productlist-container .rvdsf-field-name a {
    color: var(--color-primary);
    font-size: var(--body-font-size-md);
    font-weight: var(--body-font-weight-semibold);
    text-decoration: none;
    font-family: var(--font-subtitle);
    text-transform: capitalize;
}

.rating-symbol-background.fa-regular.fa-star {
    color: var(--color-primary);
}

.rvdsf-productdetail-container {
    padding: var(--padding-sm) 0 0;
}


.rvdsf-productdetail-container .rvdsf-product-gallery-container {
    border: 0px;
    height: auto;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.rvdsf-productdetail-container .rvdsf-product-gallery-container img {
    max-height: none;
    width: 100%;
    box-shadow: var(--boxshadow-sm);
    border-radius: var(--border-radius-sm);
}

.zoomPad {
    width: 100%;
    cursor: pointer!important;
    z-index: 4!important;
}

#rvdsfDynamicFormField_Due_cell_selected {
    background-color: var(--color-primary);
}

#rvdsfProductDetailGalleryDisplay {
    width: 100%;
}

.rvdsf-productshowcase-container .rvdsf-product-gallery-container {
    border: var(--color-primary-extra-light) 0px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
    border-radius: var(--border-radius-sm);
}

.rvdsf-productshowcase-container .rvdsf-product-gallery-container img {
    max-height: none;
    width: 100%;
    border-radius: var(--border-radius-sm);
}

.rvdsf-product-gallery-container > a {
    width: 100%;
    height: fit-content;
}

#rvdsfProductShowcaseCarousel_2173 {
    height: fit-content!important;
}

.rvdsf-productshowcase-container .rvdsf-product-container {
    text-align: center;
    height: fit-content;
    display: block;
}

#rvdsfProductShowcaseCarousel_2173 > div > div > div {
        height: fit-content!important;
}

#rvdsfProductShowcaseCarousel_2173 > div > div, .rvdsf-productshowcase-container .carousel .item {
    height: fit-content;
}



.modal-content {
    background-color: var(--color-white);
    border: 0px solid var(--color-primary);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-header {
    padding: 15px;
    border-bottom: 0px;
}

.ekko-lightbox.modal > div > div > div.modal-header > h4, .ekko-lightbox.modal > div > div > div.modal-header > button > span, .ekko-lightbox.modal > div > div > div.modal-header > button {
    color: var(--color-primary);
    opacity: 1;
}


.ekko-lightbox-nav-overlay a {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    transition: opacity .5s;
    color: var(--color-2);
    font-size: 30px;
    z-index: 1;
}

.form-control {
    display: block;
    width: 100%;
    height: 100%;
    padding: 11px 11px 12px;
    font-size: var(--body-font-size-xs);
    line-height: 1.0;
    color: var(--color-2)!important;
    background-color: var(--color-white);
    background-image: none;
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius-sm);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    max-height: 50px;
}

.form-control:focus {
    border-color: var(--color-5);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(25, 45, 88,.6);
}

.dropdown-menu > li  >a:focus, .dropdown-menu > li > a:hover {
    color: var(--color-2);
    text-decoration: none;
    background-color: var(--color-primary);
}

.rvdsf.rvdsf-productsearch-container {
    margin: 0px 0px var(--padding-sm);
}

.k-widget {
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    border-radius: 10px;
}


.rvdsf-salesorderdetail-table > thead > tr > th:nth-child(1), .rvdsf-salesorderdetail-table > thead > tr > th:nth-child(4), #rvdsfCartSummaryNavBarContainer > div.rvdsf-cartsummary-detail-container > div:nth-child(2) > div.table-responsive > table > tbody > tr > td:nth-child(1), #rvdsfCartSummaryNavBarContainer > div.rvdsf-cartsummary-detail-container > div:nth-child(2) > div.table-responsive > table > tbody > tr > td:nth-child(4) {
    display: none;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: var(--padding-xxs);
}

.rvdsf-label-qty {
    text-align: center;
}

.table {
    border-top: 0px solid var(--color-primary);
    border-bottom: 0px solid var(--color-primary);
    color: var(--color-2);
}

/*|| HOME PAGE*/


#promo > div.bkgd.full {
     background-color: var(--color-primary);
}

.promo_sale {
    display: grid;
    padding: 0 0 var(--padding-xs);
    grid-row-gap: var(--padding-xs);
    grid-template-areas: "cell3"
    "cell1";
    max-width: 1920px;
    width: 100%;
    margin: auto;

}

.promo_sale > .full { 
     grid-area: 1 / 1 / 2 / 2; 
}

.promo_sale > .cell1 { 
     grid-area: cell1; 

}

.promo_sale > .cell2 { 
     grid-area: cell2; 
     background-color: var(--color-3);
          display: none;
}

.promo_sale > .cell3 { 
     grid-area: cell3; 
     background-color: var(--color-black);
}

.promo_sale > .cell3 > p > a { 
       color: var(--color-white);
}

.promo_sale > .cell1.content > p, .promo_sale > .cell1.content > p > a {
    text-align: center;
    margin-bottom: 0px;
    color: var(--color-white);
}

#promo > div.content.full > div > div.cell3.content > p {
    text-align: center;
    font-size: 10px;
    padding: var(--padding-xs);
    margin-bottom: 0;
}

#promo > div.content.full > div > div.cell2.content > p {
    text-align: right;
    font-size: 10px;
    padding: var(--padding-xs);
    margin-bottom: 0;
}

.promo_sale > .cell2.content > p, .promo_sale > .cell3.content > p {
    color: var(color-2);
}


.login_mobile {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0px;
    grid-template-areas: "cell1";
    width: fit-content;
    margin-bottom: -45px;
    }
    
.login_mobile > .full { 
     grid-area: 1 / 1 / 2 / 2; 
}
    
.login_mobile  > .cell1 { 
    grid-area: cell1; 
    padding: var(--padding-sm) var(--padding-xs) 0;
}

.cccc.bkgd#mobilelogin > .content {
    padding: 0;
}

.login_mobile   > .cell1.content > p { 
    color: var(--color-white);
    line-height: 0;
    font-size: var(--body-font-size-xs);
    margin-bottom: 0px;
    font-style: italic;
    text-transform: lowercase;
 }


.hero.hmkt {
    display: grid;
    grid-template-areas: "full";
    max-width: 1920px;
    margin: auto;
}

.hero.hmkt > .full {
    grid-area: full;
}

.hero.hmkt.home {
    display: grid;
    grid-template-areas: "cell1 cell1 cell1"
           "cell3 cell3 cell2"
           "cell4 cell4 cell4" ;
    margin-bottom: var(--padding-md);
}

.hero.hmkt.home > .cell1 {
    grid-area: cell1;
}

.hero.hmkt.home > .cell2 {
    grid-area: cell2;
}

.hero.hmkt.home > .cell3 {
    grid-area: cell3;
    margin: var(--padding-md) var(--padding-lg) var(--padding-xs);
}

.hero.hmkt.home > .cell4 {
    grid-area: cell4;
}

.hero.hmkt.home > .cell1.bkgd {
    background-image: url(/Portals/2/Images/Holiday_Market_Select_Grocery_Store_Specialty_Market_Inside.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hero.hmkt.home > div.content.full > div > div.bkgd.cell1 > div > div {
    margin-bottom: 0;
}

.hero.hmkt.home > div.content.full > div > div.bkgd.cell1 > div > div > div.owl-dots {
    margin-top: calc(-1*var(--padding-md));
    display: none;
}

#hero > div.content.full > div > div.bkgd.cell1 > div > div > div.owl-stage-outer > div > div > div > div > img {
    height: var(--min-height-sm);
    width: inherit;
    max-width: inherit;
}

#hero > div.content.full > div > div.bkgd.cell1 > div > div > div.owl-stage-outer > div > div.owl-item.active > div > div > img {
    margin-left: -100px;
}

.hero.hmkt.home > .cell1.overlay, .hero.hmkt.home > .cell1.content, .hero.hmkt.home > .cell2  {
    position: relative;
    z-index: 1;
}

#myVideo {
    width: 100%;
}

.hero.hmkt.home > div.cell1.overlay, .hero.hmkt.home > div.cell1.bkgd {
height: var(--min-height-sm);
overflow: hidden;
}

.hero.hmkt.home > div.cell1.overlay {
background: var(--color-gradient-black);
}

.hero.hmkt > div.cell1.content, .hero.hmkt > div > div.cell1.content, #cateringhero > div > div, #bakeryhero > div > div, #weeklyad > div > div, #whatsetsusapart > div > div:nth-child(1) {
    place-self: center center;
    text-align: center;
}

.hero.hmkt > div.cell1.content, {
    margin: var(--padding-lg);
}

.hero.hmkt.home > div.cell1.content > p, .hero.hmkt.home > div.cell1.content > h1, .hero.hmkt.home > div.cell1.content > h6 {
    color: var(--color-white);
}

.hero.hmkt.home > div.cell2 {
margin-right: var(--padding-lg);
margin-top: calc((165px/2) * -1);
}

.hero.hmkt.home > div.cell2.bkgd {
    background-color: var(--color-primary);
    border-radius: 50%;
    width: 165px;
    height: 165px;
    box-shadow: var(--boxshadow-sm);
}

.hero.hmkt.home > div.cell2.overlay {
    border: var(--border-weight-md) solid var(--color-white);
    width: 145px;
    height: 145px;
    border-radius: 50%;
margin-left: var(--padding-xs);
margin-top: calc((145px/2)*-1);
}

.hero.hmkt.home > div.cell2.content {
    text-align: center;
    margin-top: calc((70px / 2)* -1);
        width: fit-content;
    height: fit-content;
    margin-right: auto;
    margin-left: 28px;
}

.hero.hmkt.home > div.cell2.content > p, .hero.hmkt.home > div.cell2.content > h4 {
    color: var(--color-white);
    text-transform: capitalize;
}

.hero.hmkt.home > div.cell2.content > h4 {
    line-height: .5;
    text-transform: uppercase;
}




.department_list.hmkt.royaloak#quicklinks {
    margin: 0 var(--padding-lg);
}

.department_list.hmkt.royaloak.errorpage#quicklinks {
    margin: 0;
}

.department_list.hmkt.royaloak.links#quicklinks, #dnn_ctr566_HtmlModule_lblContent > div {
    margin: auto;
    padding: 0;
}




.department_list {
    display: grid;
    grid-column-gap: var(--padding-xs);
    grid-row-gap: var(--padding-xs);
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
}

#reheating, #weeklyadhighlights > div > div {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
         grid-column-gap: var(--padding-sm);
    grid-row-gap: var(--padding-sm);
}

.department_buttons {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: var(--padding-xxs);
    grid-row-gap: var(--padding-xxs);
    grid-template-areas:   "cell1"
    "cell2";
    background-color: var(--color-5);
    padding: var(--padding-xs);
    min-height: 100px;
    box-shadow: var(--boxshadow-sm);
    border-radius: var(--border-radius-sm);
}

.department_buttons > .cell1 {
    grid-area: cell1;
}

.department_buttons > .cell2 {
    grid-area: cell2;
}

.department_buttons > .cell1, .department_buttons > .cell2, .department_card > .cell1, .department_card > .cell2 {
    place-self: center;
}

.fa-pizza:before {
    content: "\f817";
}

#corevalues > .container > .department_list.v2 > .content, 
#cateringcorevalues > .container > .department_list.v2 > .content, #moretoexplore > .container > .department_list.v2 > .content {
    background-color: var(--color-white);
    place-content: start;
    /*border: solid 2px var(--color-black);*/
}


#corevalues > .container > .department_list.v2 > .content > .department_card > .content > a > span, #corevalues > .container > .department_list.v2 > .content > .department_card > .content > h5 > a, 

#cateringcorevalues > .container > .department_list.v2 > .content > .department_card > .content > span, #cateringcorevalues > .container > .department_list.v2 > .content > .department_card > .content > h5, 

#moretoexplore > .container > .department_list.v2 > .content > .department_card > .content > a > span, 

#moretoexplore > .container > .department_list.v2 > .content > .department_card > .content > h5 > a,

#moretoexplore > .container > .department_list.v2 > .content > .department_card > .content > p,

 #corevalues > .container > .department_list.v2 > .content > .department_card > .content > p {
    color: var(--color-black);
}

#corevalues > .container > .department_list.v2 > .content > .department_card > .content > a > span,#cateringcorevalues > .container > .department_list.v2 > .content > .department_card > .content > span, #moretoexplore > .container > .department_list.v2 > .content > .department_card > .content > a > span {
    color: var(--color-primary);
}



#reheating {
        text-align: center;
}

.department_buttons > .cell1.content > a > span, .department_card > .cell1.content > span, #holidayhours > div.cell1.content > span {
    color: var(--color-primary);
}

.department_buttons > .cell1.content > a > span, .department_card > .cell1.content > span, #holidayhours > div.cell1.content > span, #moretoexplore > .container > .department_list.v2 > .content > .department_card > .content > a > span, #corevalues > .container > .department_list.v2 > .content > .department_card > .content > a > span {
    font-size: var(--body-font-size-xl);
}

.department_card > .content > h5 {
    text-align: center;
}

.department_buttons > .content > h5 {
    margin-bottom: 0;
    font-size: var(--body-font-size-xs);
}

.department_buttons > .content > h5 > a, .department_card  > .cell2.content > h5 > a, div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-stage-outer > div > div > div > h5 > a {
    text-decoration: none;
}

.department_buttons > .content > h5 > a {
    color: var(--color-black);
}

.department_buttons > .cell2.content > h5 > i {
    font-size: 10px;
}

.department_buttons > .content > h5 > a[target="_blank"]::after, div.edn_articleSummary > div > a[target="_blank"]::after, #contact > div > div.content > div > a[target="_blank"]::after, #dnn_ctr554_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div > div > article > div.edn_articleSummary > h3 > a[target="_blank"]::after, .weekly_ads > div.content > div > a[target="_blank"]::after, .footer-link-list > li >  a[target="_blank"]::after, .department_card > div.cell2.content > h5 > a[target="_blank"]::after, #departments > div > div.content > div > a[target="_blank"]::after, div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-stage-outer > div > div > div > h5 > a[target="_blank"]::after, div > a.btn[target="_blank"]::after, #dnngo_megamenu .primary_structure > li > a[target="_blank"]::after {
     content: "\f08e";
     font-family: "Font Awesome 6 Sharp";
     font-size: 10px;
     padding-left: var(--padding-xxs);
}

#dnngo_megamenu .primary_structure > li > a {
    text-decoration: none;
}

#dnngo_megamenu .primary_structure > li > a[target="_blank"]::after {
    color: var(--color-black);
    text-decoration: none;
}

#holidayhours {
    grid-template-columns: 1fr;
    grid-template-areas: "cell1"
    "cell2"
    "cell3";
}

#holidayhours > div.cell3 {
    width: 100%;
}

#shopquicklinks > .department_buttons {
    background-color: var(--color-primary);
}


#shopquicklinks > .department_buttons > div.cell1.content > a > span, #shopquicklinks > .department_buttons > div.cell2.content > h5 > a {
    color: var(--color-white);
}

.fa-steak:before {
content: "\f824"
}

#departments > div > div:nth-child(1) > div {
    display: none;
}

.department_card {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: var(--grid-col-padding);
    grid-row-gap: var(--grid-row-padding);
    grid-template-areas:         "cell1"
        "cell2";
    margin-top: var(--padding-lg);
    border-radius: var(--border-radius-sm);
}

.department_card > .cell1 {
    grid-area: cell1;
}

.department_card > .cell2 {
    grid-area: cell2;
}

.department_list.v2 > .content {
    padding: 0;
    background-color: var(--color-white);
        height: 100%;
    width: 100%;
       box-shadow: var(--boxshadow-sm);
       place-content: center;
border-radius: var(--border-radius-sm);
}

#venuepartner > div > div.department_list.v2 > div.content > .department_card {
padding: var(--padding-sm);
}

#featuredbrands > div > div > div > div > div > div, #featuredwines > div > div > div > div > div > div, #about > div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-stage-outer > div > div > div > div  {
     box-shadow: var(--boxshadow-sm);
}

.department_card {
   padding: 0;
   border-radius: var(--border-radius-sm);
   margin: 0;
}

#moretoexplore > div > div > div > .department_card, #corevalues > div > div > div > .department_card {
    padding: var(--padding-xs);
}

.banner-box#weeklyadhighlights > .container > .department_list.v2 > .content > .order_online {
    background-color: var(--color-4);
}

.department_card > div.cell2.content > h5 {
    margin-bottom: 5px;
}

.department_card > .content {
padding: 0;
}



#weeklyadpromos > div > div.department_list.v2 > div.content > .department_card > div.content > a > img {
max-height: 100%;
}

.dg-imagebox05 > .pic > a > img {
    box-shadow: var(--boxshadow-sm);
    width: 100%;
    border-radius: var(--border-radius-sm);
}

#featuredbrands > div.dg-carousel09.owl-carousel.owl-loaded.owl-drag {
    padding-top: var(--padding-sm);
}

div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-stage-outer > div > div > div > h5 {
    text-align: center;
}

[class *= "dg-carousel"] .owl-dots {
    margin-top: var(--padding-xs);
}

[class *= "dg-carousel"] .owl-dots .owl-dot:after {
    background-color: var(--color-3);
}

[class *= "dg-carousel"] .owl-dots .owl-dot.active, .dg-carousel03 .owl-nav .owl-prev, .dg-carousel03 .owl-nav .owl-next, .dg-carousel03 .owl-nav .owl-prev:before, .dg-carousel03 .owl-nav .owl-next:before, .dg-carousel06 .owl-nav .owl-prev:before, .dg-carousel06 .owl-nav .owl-next:before, .dg-carousel07 .owl-nav .owl-prev:before, .dg-carousel07 .owl-nav .owl-next:before {
    border-color: var(--color-primary);
}
[class *= "dg-carousel"] .owl-dots .owl-dot.active:after, .dg-carousel03 .owl-nav .owl-prev:hover, .dg-carousel03 .owl-nav .owl-next:hover, .dg-carousel08 .owl-nav .owl-prev:hover, .dg-carousel08 .owl-nav .owl-next:hover, .dg-carousel12 .owl-nav .owl-prev:hover, .dg-carousel12 .owl-nav .owl-next:hover {
    background-color: var(--color-primary);
}

.owl-prev, .owl-next {
    display: none;
}

.banner-box .owl-prev, .banner-box .owl-next {
    display: block;
}
.banner-box .owl-dots {
    display: none;
}

#moretoexplore, #corevalues, #cateringcorevalues, #weeklyadpromos {
    background-color: var(--color-5);
}

.newsletter {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0;
    grid-template-areas: "cell1"
                         "cell2";
}
      
.newsletter > .full { grid-area: 1 / 1 / 3 / 2; }
.newsletter > .cell1 { grid-area: cell1; }
.newsletter > .cell2 { grid-area: cell2; }



.newsletter > .cell1.content > h2 {
      color: var(--color-3);
}

.newsletter > .cell1.content > p {
      color: var(--color-white);
}


#moretoexplore > .container, #corevalues > div, #cateringcorevalues > div   {
    display: block;
}

#moretoexplore > .container > .content, #moretoexplore > .container > .department_list.v2, #corevalues > div > div.content, #corevalues > div > div.department_list.v, #cateringcorevalues > div > div.content, #cateringcorevalues > div > div.department_list.v2 {
    width: 100%;
}


div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-nav > div.owl-prev, div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-nav > div.owl-next {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: var(--border-radius-sm);
}



div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-nav > div.owl-prev::before, div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-nav > div.owl-next::before {
       border-left: 4px solid #FFF;
    border-bottom: 4px solid #FFF;
}

/*ABOUT PAGES*/



/*CORE VALUES*/


/*#corevalues > .container > .department_list.v2 > .content > .department_card > .content.cell1 {
    border-radius: 50%;
    background-color: var(--color-primary);
}

#corevalues > .container > .department_list.v2 > .content > .department_card > .content.cell1 > span {
    color: var(--color-white);
    padding: var(--padding-sm);
}*/



.values_list {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(100%, 1fr));
  grid-column-gap: var(--padding-md);
  grid-row-gap: var(--padding-md);
  padding: var(--padding-lg);
  background-color: var(--color-2);
  text-align: center;
}

.values_card {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: var(--padding-sm);
  grid-template-areas: "cell1"
      "cell2";
}

.values_card > .full {  grid-area: 1 / 1 / 2 / 2;}
.values_card > .cell1 {  grid-area: cell1;}
.values_card > .cell2 {  grid-area: cell2;}

.values_card > .cell1.content > img {
    width: 100%;
}

.values_card > .cell1.content {
    text-align: center;
}

.values_card > .cell1.content > i {
    color: var(--color-primary-light);
    font-size: var(--min-height-xs);
    padding: var(--padding-sm);
}

.values_card > .content > h2 {
    color: var(--color-3);
}

.values_card > .content > p {
    color: var(--color-white);
}




/*MISSION VISION*/

.missionvision {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
      "cell1"
      "cell2";
}

.missionvision > .full { grid-area: 1/1/3/2;}
.missionvision > .cell1 { grid-area: cell1;}
.missionvision > .cell2 { grid-area: cell2;}

.missionvision > .cell1.bkgd {
    background-color: var(--color-2);
}

.missionvision > .cell2.bkgd {
    background-color: var(--color-3);
}

.missionvision > .content > h2 {
    color: var(--color-white);
}

.missionvision > .content > p {
    color: var(--color-white);
}

.missionvision > .content {
    place-self: center;
    padding: var(--padding-lg);
}

/*SHOP PAGES*/


.relatedproducts {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "cell1";
}

.relatedproducts > .full { grid-area: 1/1/2/2;}
.relatedproducts > .cell1 { grid-area: cell1;}


/*|| PRODUCT SERVICE PAGE*/

.productservice {
display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "cell1"
  "cell2";
}

.productservice > .full { grid-area: 1/1/3/2;}
.productservice > .cell1 { grid-area: cell1;}
.productservice > .cell2 { grid-area: cell2;}


/*||CATERING*/
#venuepartner > div > div > div > div > .cell1 {
    display: none;
} 



/*||CONTACT PAGE*/


div.edMaps_map .edMaps_newsContent > .edMaps_title > a:hover {
    color: var(--color-primary);
}


/*||WEEKLY ADS*/

.banner-box.weekly_ads {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-column-gap: var(--padding-md);
    grid-row-gap: var(--padding-sm);
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
}


.weekly_ads > div.imgbox.weekly_cover, .weekly_ads_promotion > div > div > a > img {
    box-shadow: var(--boxshadow-sm);
}

.imgbox > div > a > img {
    width: 100%;
}

.banner-box.weekly_ads > div.imgbox {
    place-self: center;
}

#ourstory > div > div.imgbox > div > a > img, #floralgifts > div > div.imgbox > div > a > img, #cateringmenu > div > div.imgbox > div > a > img, #weeklyad_cover > div.imgbox.weekly_cover > div > a > img {
    border-radius: var(--border-radius-sm);
}


#subscribe, #holidaybrands {
    border-top: solid 2px var(--color-4);
    border-bottom: solid 2px var(--color-4);
}

.weekly_ads.subscribe > .imgbox > div > a > img {
    width: 50%;
    max-width: 175px;
    min-width: 175px;
}


#weeklyadpromos > div > div.department_list.v2 {
    width: 100%;
}

#weeklyadpromos > div {
    display: block;
}



/*|| INTERACTIVE / DIGITAL BUSINESS CARDS*/

.kyb_dbc_parent {
  display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: "logo logo"
"headshot headshot"
"info info"
"save share";
grid-column-gap: 0px;
grid-row-gap: var(--padding-sm);
padding: 0 var(--padding-lg) var(--padding-md);
}

.kyb_dbc_logo { 
display: none;
  grid-area: logo; 
  place-self: center;
}

.kyb_dbc_headshot { 
    grid-area: headshot;
min-height: var(--min-height-md);
}

div.kyb_dbc_headshot > img {
width: 100%;
}


.kyb_dbc_contactinfo { 
  grid-area: info;
}

.kyb_dbc_save { 
    grid-area: save; 
}
.kyb_dbc_share { 
    grid-area: share;
    text-align: right;
}

.kyb_dbc_parent > .kyb_dbc_contactinfo > p > .btn.btn-primary {
    width: 40px;
    height: 40px;
    padding: 7px;
    margin-right: var(--padding-xs);
}

.kyb_dbc_parent > .kyb_dbc_contactinfo > h2 {
    color: var(--color-3);
}

div.kyb_dbc_share > span {
      color: var(--color-primary-light);
      text-transform: uppercase;
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    font-style: normal;
}

.kyb_dbc_parent > .kyb_dbc_contactinfo > p > a > .fa-brands {
font-size: var(--body-font-size-sm);
padding: var(--padding-sm) 0 0 var(--padding-xs);
}

#bs-example-modal-xl > div > div > div.modal-header > button {
border: solid 2px var(--color-primary-light);
    background-color: transparent;
    border-radius: 1000px;
    color: var(--color-primary-light);
    display: inline-block;
    padding: var(--padding-xxs) var(--padding-sm);
    background-size: 105%!important;
    background-position: center!important;
    text-transform: uppercase;
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    font-style: normal;
    margin: -2em -1em;
}

#bs-example-modal-xl > div > div > div.modal-header > button > span:nth-child(1) {
    font-weight: bold;
    font-size: 24px;
    font-family: var(--font-subtitle);
}

.modal-content {
     background-color: var(--color-2);
    border: 0px solid var(--color-primary-light);
    border-radius: 0px;
  box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
}

.dg-modal .modal-title {
    font-size: var(--body-font-size-md);
    color: var(--color-3);
    font-weight: var(--body-font-weight-semibold);
    text-align: center;
  font-family: var(--font-subtitle);
  padding: var(--padding-sm) 0 0;
}

.dg-modal .modal-header:after {
    display: none;
}

.dg-modal .modal-body {
  background-color: var(--color-primary);
    border-radius: var(--border-radius-lg) 0 var(--border-radius-lg) 0;
    padding: var(--padding-sm) var(--padding-lg);
  text-align: center;
  margin: 0 var(--padding-lg);
}

div.modal-body > div {
    width: fit-content;
    margin: auto;
}

div.modal-body > div > img {
    padding: var(--padding-lg) 0;
    max-width: 60%;
    max-height: var(--body-line-height-md);
}

div.modal-footer > p {
  padding: 0 var(--padding-md) 0;
  color: var(--color-white);
}

div.modal-footer > p > a {
  color: var(--color-white);
}

div.modal-footer {
      text-align: center;
}

#bs-example-modal-xl {
  background-color: var(--color-2);
}


/*|| Blog NEWS & EVENTS*/

.eds_news_Ozone.eds_subCollection_categoryMenu div, .eds_news_Ozone.eds_subCollection_categoryMenu span, .eds_news_Ozone.eds_subCollection_categoryMenu a, .eds_news_Ozone.eds_subCollection_categoryMenu li, .eds_news_Ozone.eds_subCollection_news a, .eds_news_Ozone.eds_subCollection_news .edn_aditionalBox.edn_articleDocuments ul li .edn_docDetails, .eds_news_Ozone.eds_subCollection_news .edn_aditionalBox ul li span {
    font-family: var(--font-body)!important;
    color: var(--color-2);
    line-height: var(--body-line-height-xs);
    font-size: var(--body-font-size-xs);
    font-weight: var(--body-font-weight-normal);
}

div.edn_articleSummary > h3 > a, #dnn_ctr1849_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div > div > article > h2 > a {
    font-family: var(--font-subtitle)!important;
    font-size: var(--body-font-size-md)!important;
    text-transform: uppercase;
}




.eds_news_Ozone {
    margin-bottom: var(--padding-sm);
}

article > div.edn_articleSummary > h3, .eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox h2.edn_articleTitle {
    font-family: var(--font-subtitle);
}

.eds_news_Ozone.eds_subCollection_news a, .eds_news_Ozone.eds_subCollection_news .edn_aditionalBox.edn_articleDocuments ul li .edn_docDetails, .eds_news_Ozone.eds_subCollection_news .edn_aditionalBox ul li span  {
    color: var(--color-primary);
    font-weight: var(--body-font-weight-bold);
    line-height: var(--body-line-height-xxs);
}

div.edn_articleSummary > div > a.btn.btn-primary {
    color: var(--color-white);
}

div.edn_articleSummary > div > a.btn.btn-secondary {
    color: var(--color-2);
    background-color: var(--color-white);
}

div.edn_articleSummary > div > a.btn.btn-secondary:hover {
    color: var(--color-white);
    background-color: var(--color-primary);
}

.eds_news_Ozone h1, .eds_news_Ozone h2, .eds_news_Ozone h3, .eds_news_Ozone h4, .eds_news_Ozone h5, .eds_news_Ozone h6, .eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox h2.edn_articleTitle {
    margin: 0 0 15px;
    padding: 0;
    color: var(--color-primary);
    font-weight: var(--body-font-weight-bold);
    letter-spacing: var(--letterspacing-xs);
    line-height: var(--body-line-height-xxs);
    font-family: var(--font-subtitle);
    font-style: normal;
    font-size: var(--body-font-size-lg);
    text-transform: capitalize;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_listArticle2 .edn_articleTitle {
    font-size: var(--body-font-size-md);
}

.eds_news_Ozone h6 {
    font-size: var(--body-font-size-sm);
    color: var(--color-2);
    text-transform: uppercase;
    padding-top: var(--padding-sm);
}



.eds_news_Ozone h2 {
    font-size: 22px;
    color: var(--color-2);
    font-family: var(--font-subtitle);
    text-transform: capitalize;
    letter-spacing: var(--letterspacing-sm);
}

.eds_news_Ozone.eds_subCollection_categoryMenu .edn_category_menu_wrapper li .edn_category:hover {
    color: var(--color-3);
}

.eds_news_Ozone.eds_subCollection_news .edn_mediaContainer {
    max-width: 100%;
    float: left;
    margin: 0;
    position: relative;
    border: solid 0px var(--color-primary);
    padding: 0px;
    overflow: hidden;
    line-height: 0;
    transition: all 250ms linear;
    box-shadow: none;
    border-radius: var(--border-radius-sm);
}

#dnn_ctr1849_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div > div > article > h2 {
    text-align: center;
    padding: var(--padding-sm) 0 22px;
    margin-bottom: 0;
    border: solid 0px var(--color-primary);
}

#dnn_ctr1849_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div > div > article {
    margin: 1.5%;
    padding: 0;
    background-color: var(--color-4);
}



.eds_news_Ozone.eds_subCollection_news .edn_mediaContainer:hover {
    border-color: var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_news .article_pager a.active, .eds_news_Ozone.eds_subCollection_news .article_pagination > span {
    color: var(--color-white);
    background-color: var(--color-2);
}

.eds_news_Ozone.eds_subCollection_news .article_pager a:hover, .eds_news_Ozone.eds_subCollection_news .article_pagination a:hover {
    color: var(--color-white);
    background-color: var(--color-3);
}


.eds_news_Ozone.eds_subCollection_news .article_pager a, .eds_news_Ozone.eds_subCollection_news .article_pagination a {
    color: var(--color-2);
}

.eds_news_Ozone.eds_subCollection_news .article_pager a, .eds_news_Ozone.eds_subCollection_news .article_pager > span, .eds_news_Ozone.eds_subCollection_news .article_pagination a, .eds_news_Ozone.eds_subCollection_news .article_pagination > span {
    display: inline-block;
    font-size: 13px;
    font-family: var(--font-body);
    font-style: italic;
    line-height: 1;
    padding: 7px 10px;
    border-left: solid 2px var(--color-3);
    border-right: none !important;
    border-bottom: none !important;
    border-top: none !important;
    transition: all 200ms linear;
}

.eds_news_Ozone.eds_subCollection_news .article_pager, .eds_news_Ozone.eds_subCollection_news .article_pagination table, .eds_news_Ozone.eds_subCollection_news .edNews_loadMoreTriggerWrapper .trigger {
    border: solid 2px var(--color-3);
    border-radius: var(--border-radius-sm);
    margin: 20px 0;
    font-size: 0;
}



.eds_news_Ozone.eds_subCollection_news .edNews_loadMoreTriggerWrapper .trigger > span {
    color: var(--color-primary);
    font-family: var(--font-subtitle);
    font-size: var(--body-font-size-sm);
}

.eds_news_Ozone.eds_subCollection_news .edNews_loadMoreTriggerWrapper .trigger .actionTextContainer {
    background-color: var(--color-3);
    padding: .5rem .75rem;
}

.eds_news_Ozone.eds_subCollection_news .edNews_loadMoreTriggerWrapper .trigger .actionTextContainer:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
} 

div.edn_1696_article_list_wrapper > article > div.edn_readMoreButtonWrapper {
    display: none;
}

div.edn_1696_article_list_wrapper > article > div.edn_articleSummary > p:nth-child(5) > a {
color: var(--color-2);
font-style: italic;
    text-decoration: underline;
    text-underline-offset: 2px;
}

article > div.edn_metaDetails > a, .edn_numberOfVievs, .edn_numberComments {
 display: none!important;
}

#dnn_ctr554_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div > div > article > h2, #dnn_ctr554_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div > div > article > h3, #dnn_ctr1848_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div > div > article > div.edn_articleSummary, #dnn_ctr1848_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div > div > article > h2, #dnn_ctr1849_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div > div > article > h3 {
    display: none;
}


.edMaps_map .edMaps_newsContent {
    width: auto;
}

.edMaps_map .edMaps_newsContent > a > img {
display: none;
}

.edMaps_map .edMaps_title {
    font-weight: var(--border-weight-sm);
    font-size: var(--body-font-size-sm);
    line-height: var(--body-line-height-sm);
    font-family: var(--font-subtitle);
    color: var(--color-mid);
}

div.edMaps_map .edMaps_newsContent > .edMaps_title > a {
    font-size: var(--body-font-size-xs);
    line-height: var(--body-line-height-sm);
    color: var(--color-2);
    transition: color ease-in-out 0.2s;
    text-transform: uppercase;
}

div.edMaps_map .edMaps_newsContent > .edMaps_summary > p {
    color: var(--color-2);
    margin: 10px 0;
}



.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.week_days, .eds_news_Ozone.eds_subCollection_calendar .fc-widget-header {
    background-color: var(--color-3);
    color: var(--color-2);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.week_days, .eds_news_Ozone.eds_subCollection_calendar .fc .fc-day-header span, .eds_news_Ozone.eds_subCollection_calendar .fc .fc-day-header a, .eds_news_Ozone.eds_subCollection_calendar .fc .fc-week-number span, .eds_news_Ozone.eds_subCollection_calendar .fc .fc-week-number a {
    font: normal normal 12px/1 var(--font-body), sans-serif;
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table, .eds_news_Ozone.eds_subCollection_calendar .fc {
    border: solid 0px var(--color-primary) !important;
    background-color: var(--color-white);
}

.calendar_table > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(1) {
    border-radius: var(--border-radius-sm) 0px 0px 0px;
}

.calendar_table > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(3) {
    border-radius: 0px  var(--border-radius-sm) 0px 0px;
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection, .eds_news_Ozone.eds_subCollection_calendar .fc-header-toolbar {
    background-color: var(--color-white);
    border: solid 1px var(--color-3);
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection td.next_prev_months a, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-prev-button, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-next-button {
    border: solid 1px var(--color-primary);
    background: var(--color-primary);
    border-radius: var(--border-weight-xs);
    }

.eds_news_Ozone.eds_subCollection_calendar .month_selection td.next_prev_months a::before, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-prev-button::before, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-next-button::before {
    color: var(--color-white);
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection td.next_prev_months a:hover, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-prev-button:hover, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-next-button:hover {
    background-color: var(--color-2);
    border-color: var(--color-3);
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection td, .eds_news_Ozone.eds_subCollection_calendar .fc-toolbar h2 {
    font: normal normal 22px/1 var(--font-subtitle), sans-serif;
    color: var(--color-white);
    text-transform: uppercase;
    background-color: var(--color-2);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.day.has_events > a {
    color: var(--color-3);
    border: solid 1px var(--color-3);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.day, .eds_news_Ozone.eds_subCollection_calendar .fc td.fc-day-top a {
    font-size: 13px;
    line-height: 1;
    color: var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.day.has_events > a:hover {
    background-color: var(--color-3);
}

.eds_news_Ozone.eds_subCollection_calendar span, .eds_news_Ozone.eds_subCollection_calendar a, .eds_news_Ozone.eds_subCollection_calendar li, .eds_news_Ozone.eds_subCollection_calendar td, .eds_news_Ozone.eds_subCollection_calendar table {
    font-family: var(--font-body);
    color: var(--color-2);
}



.eds_news_Ozone.eds_subCollection_news .edn_simpleArticle6Bullet::before {
    font-family: "FontAwesome";
    color: var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_simpleArticle6 h2.edn_articleTitle a {
    color: var(--color-2);
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_simpleArticle6 h2.edn_articleTitle a:hover {
    color: var(--color-3);
}

.eds_news_Ozone.eds_subCollection_news .edn_metaDetails {
    font-size: 12px;
    line-height: 1.2;
    color: var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_simpleArticle6 {
    margin: 10px 0;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: solid 1px var(--color-primary);
}

.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a {
    border: solid 2px var(--color-3) !important;
    border-radius: 0px;
}

.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a.edn_previusArticle:hover, .eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a.edn_nextArticle:hover {
    background-color: var(--color-2);
}

.eds_news_Ozone.eds_subCollection_categoryMenu a {
    text-decoration: none;
    color: var(--color-3);
    transition: color 0.3s linear;
}

.eds_news_Ozone.eds_subCollection_categoryMenu .edn_category_menu_wrapper li .edn_articlecount {
    float: right;
    font-size: 11px;
    background-color: var(--color-3);
    min-width: 20px;
    border-radius: 10px;
    padding: 4px;
    line-height: 1;
    color: var(--color-white);
    text-align: center;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
}

.eds_news_Ozone.eds_subCollection_news .edn_eventDetails {
    padding: 10px;
    margin: 0px 0 10px;
    border-top: 1px solid var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
    box-shadow: 0 0px 0 0 #fff inset, 0 0px 0 0 #fff inset;
    background-color: var(--color-2);
    color: var(--color-white);
    font-family: var(--font-body);
    font-style: italic;
    font-size: var(--body-font-size-xxs);
}

.eds_news_Ozone.eds_subCollection_news .edn_calendarExport::after {
    margin-left: 5px;
    color: var(--color-white);
}

.eds_news_Ozone.eds_subCollection_news a:hover, div.edn_articleSummary > p > a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

div.edn_articleSummary > div > a.btn:hover {
    text-decoration: none;
}


.eds_news_Ozone.eds_subCollection_categoryMenu .edn_category_menu_wrapper li .edn_category {
    color: var(--color-2);
    font-size: var(--body-font-size-xs);
}

.eds_news_Ozone.eds_subCollection_categoryMenu .edn_category_menu_wrapper li > div {
    clear: both;
    overflow: hidden;
    padding: 3px 0 3px 90px;
    border-bottom: solid 1px var(--color-primary);
}


.eds_news_Ozone.eds_subCollection_news .edn_calendarExport:hover::after {
    color: var(--color-3);
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox {
    border: solid 1px var(--color-primary-extra-light);
    border-radius: var(--border-radius-sm);
    background-color: var(--color-primary-extra-light);
    box-shadow: 0 0 0 0px var(--color-white) inset, 0 0 0 0px var(--color-primary) inset;
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox h2 span::after {
    border-bottom: 4px solid var(--color-2);
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox h2 {
    border-bottom: 0px solid var(--color-white);
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox.edn_articleDocuments ul li {
    border-bottom: solid 0px var(--color-white);
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox ul li::before {
    color: var(--color-2);
    position: relative;
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox.edn_articleDocuments ul li::before {
    color: var(--color-2);
}

.eds_news_Ozone .edn_articleAccordion .edsAccordion_section.edsAccordion_active .edsAccordion_title, .eds_news_Ozone .edn_articleAccordion .edsAccordion_section .edsAccordion_title:hover {
    color: var(--color-primary);
}

.eds_news_Ozone .edn_articleAccordion .edsAccordion_section .edsAccordion_title::after {
    content: "\f078";
    font-family: "Font Awesome 6 Sharp";
    color: var(--color-primary);
}

.eds_news_Ozone .edn_articleAccordion .edsAccordion_section .edsAccordion_title {
    border-bottom: solid 1px var(--color-4);
    font-size: var(--body-font-size-sm);
    color: var(--color-2);
    padding: var(--padding-sm) var(--padding-xxs);
}

/*MAILCHIMP*/

.eds_mailChimpPlus_Nova .edmcp_header, .eds_mailChimpPlus_Nova .edmcp_footerWrapper  {
    border-top: solid 0px transparent;
    display: none;
}

.eds_mailChimpPlus_Nova .edmcp__label {
    display: none;
}

.eds_mailChimpPlus_Nova input[type="text"], .eds_mailChimpPlus_Nova input[type="email"], .eds_mailChimpPlus_Nova input[type="number"], .eds_mailChimpPlus_Nova select, .eds_mailChimpPlus_Nova textarea {
    border: solid 2px var(--color-black);
    font-family: var(--font-body);
    font-size: var(--body-font-size-sm);
    line-height: var(--body-line-height-sm);
    color: var(--color-black);
    background: none transparent;
    box-shadow: none;
    outline: none;
    padding: 8px 10px;
    margin: 2px 0;
}

.eds_mailChimpPlus_Nova .edmcp_formWrapper {
    border-left: solid 0px transparent;
    border-right: solid 0px transparent;
    padding: 0;
}

eds_mailChimpPlus_Nova input[type="text"]:hover, .eds_mailChimpPlus_Nova input[type="email"]:hover, .eds_mailChimpPlus_Nova input[type="number"]:hover, .eds_mailChimpPlus_Nova textarea:hover, .eds_mailChimpPlus_Nova .edmcp__select:hover::before {
    border-color: var(--color-primary);
}

#eds_mailchimp_1900_form > div.edmcp_formWrapper > div.edmcp_form > div.edmcp__inputGroup.edmcp_center {
    text-align: left;
}

.eds_mailChimpPlus_Nova .edForm__responseMessage {
    background: transparent;
    padding: 0;
}

.eds_mailChimpPlus_Nova .edForm__responseMessage > div {
    border: solid 0px transparent;
    margin: 0px;
    padding: 0px;
    text-align: left;
    width: 100%;
}

.eds_mailChimpPlus_Nova .edForm__responseMessage > div::after {
    display: none;
}

.eds_mailChimpPlus_Nova .edmcp_mainMessage {
        font-family: var(--font-body);
    font-size: var(--body-font-size-sm);
    line-height: var(--body-line-height-sm);
    color: var(--color-black);
    margin-bottom: 20px;
}

article.edn_article.edn_clearFix.edn_listArticle2.edsAccordion_section.edsAccordion_active > div > div > div > p {
    padding-top: var(--padding-xs);
    padding-left: var(--padding-xs);
}

.faqs.faqs_title {
    margin-top: var(--padding-sm);
}

.list-ordened li:before, .list-ordened2 li:before, .list-ico .fa, .list-ico2 .fa, .list-ico3 .fa, .list-ico .lnr, .list-ico2 .lnr, .list-ico3 .lnr, .list-ico .glyphicon, .list-ico2 .glyphicon, .list-ico3 .glyphicon {
    color: var(--color-primary);
}

.list-ordened3 li:before, .list-ico3 .fa, .list-ico3 .lnr, .list-ico3 .glyphicon {
    background-color: var(--color-black);
}

#dnn_ctr2305_HtmlModule_lblContent > div {
max-width: 600px;
margin: var(--padding-lg) auto;
}

/*|| CAREERS*/


#whatsetsusapart > div > div:nth-child(1) {
        padding-bottom: var(--padding-sm);
}

    #whatsetsusapart > div > div:nth-child(3) {
        padding-top: var(--padding-sm);
    }

.benefits_list_card {
    display: grid;
    grid-column-gap: var(--padding-sm);
    grid-row-gap: var(--padding-sm);
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    margin: 0 var(--padding-lg);
}




/*|| INSTALINKS*/

.instagram_profile_pic {
    max-width: 175px;
    min-width: 175px;
    width: 100%;
    margin: auto;
    padding: var(--padding-sm) 0;
}


.instalinks {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "cell1"
"cell2";
}

.instalinks > .full { grid-area: 1 / 1 / 3 / 2;}
.instalinks > .cell1 {grid-area: cell1; display: none;}
.instalinks > .cell2 {grid-area: cell2;}

.instalinks > .full.bkgd {
background-color: var(--color-white);
}

/*#profilelinks > div.full.overlay {
    background-image: url(/Portals/0/Images/Holiday%20Market%2010percent%20Opacity%20Black.svg);
    background-repeat: no-repeat;
    background-size: 600px;
    background-position: -10% 2%;
}*/

.instalinks > .cell1.content {
text-align: center;
place-self: center;
}

.instalinks > .cell1.content > a > img {
width: 150px;
height: auto;
margin: var(--padding-md) var(--padding-lg) 0px;
}

.instalinks_list {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(100%, 1fr));
margin: var(--padding-sm) var(--padding-lg) var(--padding-md);
}

.instalinks_list > .content > .button_cta, .instalinks_list > div.cell11.content > p {
text-align: center;
}

.instalinks_list > div.cell11.content {
padding-top: var(--padding-md);
}

.instalinks_list > div.cell11.content > p {
text-align: center;
font-size: var(--body-font-size-lg);
}

.instalinks_list > .content > .button_cta > .btn, .links.department_list, .links.department_title  {
width: 100%;
max-width: 768px;
margin: auto;
}

.links.department_list, .links.department_title  {
padding-right: var(--padding-lg);
padding-left: var(--padding-lg);
}

/*FAQs*/


.faqs_title > h4 {
    color: var(--color-primary);
}

.faqs_topics > p {
    padding: var(--padding-xs) 0;
    border-top: var(--color-3) 1px solid;
    margin-bottom: 0;
}

.faqs_topics > p > a {
    text-decoration: none;
    color: var(--color-2);
}

.faqs_topics > p > a:hover {
    text-decoration: underline;
    color: var(--color-primary);
}

div.faqs.faqs_topics.hmkt > p:nth-child(14) {
padding-top: var(--padding-md);
display: none;
}

div.faqs.faqs_topics.hmkt > p:nth-child(14) > a {
color: var(--color-2-light);
}

div.faqs.faqs_topics.hmkt > p:nth-child(14) > a:hover {
color: var(--color-primary);
}

.department_buttons.faqs {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:        "cell1"
        "cell2"
        "cell3";
    margin: var(--padding-md) 0;
    padding: var(--padding-sm);
    background-color: var(--color-4);
}

.department_buttons > .cell3 {
    grid-area: cell3;

}

#contact > div.cell3.content > div > a {
    margin-bottom: 0;
}

/*ERROR PAGE*/



#errorpage.banner-box > .container > .imgbox {
    padding: var(--padding-lg);
}

.errorpage.department_list {
    margin: 0;
}

.errorpage.department_list > .department_buttons > .content {
    padding: 0;
}



.errorpage.department_list > .department_buttons {
    background-color: var(--color-white);
}


.errorpage.department_list > .department_buttons > .content > a, .errorpage.department_list > .department_buttons > .content > h5 > a {
    color: var(--color-primary);
}

.errorpage.department_list > .department_buttons > .content > a:hover, .errorpage.department_list > .department_buttons > .content > h5 > a:hover {
    color: var(--color-2);
}

#errorpage > .container > .content > h6, #errorpage > .container > .content > h1, #errorpage > .container > .content > p {
    text-align: left;
}

/*END MOBILE VIEW*/

/*|| DESKTOP VIEW*/

#featuredbrands > div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-nav > div.owl-prev, #featuredbrands > div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-nav > div.owl-next, #featuredwines > div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-nav > div.owl-prev, #featuredwines > div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-nav > div.owl-next {
    top: 45%;
}
.banner-box .owl-prev, .banner-box .owl-next{
    top: 40px !important;
}



.dg-carousel12 .owl-nav .owl-prev:before, .dg-carousel12 .owl-nav .owl-next:before {
    width: 9px;
    height: 9px;
    border-width: 4px;
}

.dg-carousel12 .owl-nav .owl-prev:before {
    margin: -4px 0px 0 -3px;
}

.dg-carousel12 .owl-nav .owl-next:before {
    margin: -4px 0px 0 -5px;
}


.dg-carousel12 .owl-nav .owl-prev, .dg-carousel12 .owl-nav .owl-next {
    width: 34px;
    height: 34px;
}

.banner-box .dg-carousel12 .owl-nav .owl-prev{
    right: 55px;
    background-color: var(--color-primary);
        border-radius: var(--border-radius-sm);
}

.banner-box .dg-carousel12 .owl-nav .owl-next{
    right: 15px;
    background-color: var(--color-primary);
        border-radius: var(--border-radius-sm);
}


.mfp-title {
    color: var(--color-white);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    font-size: var(--body-font-size-md);
    padding-top: var(--padding-xs);
}

.mfp-counter {
    color: var(--color-3);
    font-size: var(--body-font-size-sm);
    padding-top: var(--padding-xs);
}


.banner-box .dg-carousel12 .dg-imagebox05 .bg,
.banner-box .dg-carousel12 .dg-imagebox05 .full-link,
.banner-box .dg-carousel12 .dg-imagebox05 .content .icon{
    font-size: 0;
}
.banner-box .dg-carousel12 .dg-imagebox05 .content .icon:before{
    font-size: 18px;
}
.banner-box .dg-carousel12 .dg-imagebox05:hover .bg{
    opacity: 0.5;
}

div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-nav > div.owl-prev, div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-nav > div.owl-next {
    top: 50% !important;
}

@media screen and (min-width: 1026px) {

#dnn_ctr1890_HtmlModule_lblContent, #featuredbrands, #holidaybrands {
      margin-right: var(--padding-lg);
    margin-left: var(--padding-lg);
}

.color_list {
    grid-template-columns: repeat(auto-fill,minmax(14%, 1fr));
}

#to_top {
    right: 20px !important;
    bottom: 20px !important;
}

.menu_bottom {
    display: none;
}

.button_cta > .btn {
    width: fit-content;
    min-width: 150px;
}

a.btn:nth-child(2) {
    margin: 0 0 0 var(--padding-xs);
}

#dnn_ctr554_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div > div > article > div.edn_articleSummary > div > a.btn.btn-secondary {
    margin: var(--padding-xs) 0 0;
}


.banner-box .container:after,
.banner-box .container:before{
    display: none;
}
.banner-box .container {
    display: flex;
    align-items: center;
}
.banner-box .container > div.col-md {
    flex: 50%;
    max-width: 50%;
}


.banner-box#departmentsoverview > .container > .content {
    text-align: center;
}


.banner-box#orderonline, .banner-box#departments, .banner-box#careers, .banner-box#ourstory, #venuepartner, .banner-box#benefits, .home.banner-box#careers, .about.banner-box#careers, .banner-box#floralgifts, .banner-box#contact, .banner-box#errorpage {
    background-size: 30vw;

}

#venuepartner > div > div.department_list.v2 {
    padding-top: var(--padding-lg);
}

#departments > div {
    align-items: start;
}

#holidayhours {
    grid-template-columns: .25fr 2fr 1fr;
    grid-template-areas: "cell1 cell2 cell3";
}

    #holidayhours > div.cell3 > .button_cta > a {
    width: 100%;
}

#holidayhours > div.cell3.content > div > a.btn:nth-child(2) {
margin: var(--padding-xs) 0 0 0;
}

#dnn_ctr554_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div > div > article > div.edn_articleSummary > div > a.btn {
    width: 100%;
}

#contact > div > div.content > div.button_cta {
    text-align: left;
}



.pagetitleBox h1, #whatsetsusapart > div {
    display: inline-block;
}

.pagetitleBox .pagetitleborder {
    padding: var(--padding-sm) 0 var(--padding-sm);
}

.menu_bottom > .content > .btn {
    padding: var(--padding-xs) 0 var(--padding-xxs);
}


.promo_sale {
    grid-template-areas: "cell2 cell1 cell3";
        padding-right: var(--padding-lg);
    padding-left: var(--padding-lg);
    padding-top: var(--padding-xxs);
    padding-bottom: var(--padding-xxs);
}

.promo_sale > .full { 
     grid-area: 1 / 1 / 2 / 4; 
}

.promo_sale > .cell2, .promo_sale > .cell3 { 
    background-color: var(--color-primary);
    display: block;
}

.promo_sale > .content > p, #promo > div.content.full > div > div.cell2.content > p {
    padding: var(--padding-xs);
}

.promo_sale > .content > p > a {
    color: var(--color-white);
}

 #promo > div.content.full > div > div.cell2.content > p {
     text-align: left;
     padding-top: 14px;
 }

#promo > div.content.full > div > div.cell3.content > p {
     text-align: right;
     padding-top: 14px;
 }

 .hero.hmkt.home > div.cell1.overlay, .hero.hmkt.home > div.cell1.bkgd {
height: var(--min-height-md);
overflow: hidden;
}

#hero > div.content.full > div > div.bkgd.cell1 > div > div > div.owl-stage-outer > div > div.owl-item > div > div > img {
        height: auto;
        width: 100%;
        max-width: 1920px;
}

#hero > div.content.full > div > div.bkgd.cell1 > div > div > div.owl-stage-outer > div > div.owl-item.active > div > div > img {
    margin-left: 0px;
}

 .hero.hmkt.home > div.cell2.bkgd {
    width: 220px;
    height: 220px;
    margin-top: -170px;
    margin-left: 350px;
}

.hero.hmkt.home > div.cell2.overlay {
    width: 200px;
    height: 200px;
    margin-left: 360px;
    margin-top: -160px;
}

.hero.hmkt.home > div.cell2.content {
    margin-left: 385px;
    margin-top: calc((200px / 2)* -1);
}

#hero > div.content.full > div > div.cell2.content > h4:nth-child(2), #hero > div.content.full > div > div.cell2.content > h4:nth-child(4) {
    font-size: var(--body-font-size-lg);
    line-height: .6;
}
#hero > div.content.full > div > div.cell2.content > h4:nth-child(3) {
    padding-bottom: var(--padding-xs);
}

.hero.hmkt.home > div.cell1.overlay {
background: var(--color-gradient-black);
}

#featuredbrands, #featuredwines, #departments > div > div:nth-child(1), #orderonline > div > div:nth-child(1), #departments > div > div:nth-child(3), #orderonline > div > div:nth-child(3), #moretoexplore > div > div.content, #reviews, #corevalues > div > div.content > h2, #about > h2, #about > div.button_cta, #cateringcorevalues > div > div.content > h2, #weeklyadpromos > div > div.content, #familyofcompanies, #map, #sendamessage, #departmentschedules > div {
    text-align: center;
}


#moretoexplore > div > div.department_list.v2 {
    grid-template-columns: repeat(auto-fill, minmax(18%, 1fr));
}

#departments > div > div.department_list.v2, #weeklyadpromos > div > div.department_list.v2,  .department_list {
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
}

#reheating {
        grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
}

#weeklyadhighlights > div > div {
        grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
}


#departments > div {
    display: block;
}


#departments > div > div.content {
    flex: 100%;
}



div.department_list.v2 {
    width: 100%;
}

#departments > div > div:nth-child(1) > div {
    display: none;
}



#orderonline > div {
    display: block;
}

#orderonline > div > div.content {
        flex: 100%;
    }



#orderonline > div > div.department_list.v2 {
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    margin-top: 0;
}

#moretoexplore > .container > .department_list.v22, #corevalues > div > div.department_list.v2 {
    grid-template-columns: repeat(auto-fill, minmax(18%, 1fr));
}



#cateringcorevalues > div > div.department_list.v2, .about#corevalues > div > div.department_list.v2 {
    grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
}

#cateringpromo > div > div.content, #bakery > div > div.content, #lobsterfest > div > div.content, #weddingcakes > div > div.content, #cateringmenu > div > div.content, #meatandseafood > div > div.content, #beerwineliquor > div > div.content, #grocerydairyfrozen > div > div.content {
        order: -1;
    }

.newsletter {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0;
    grid-template-areas:  "cell1 cell2";
}

.newsletter > .full {
    grid-area: 1 / 1 / 2 / 3;
}

.newsletter > .cell1.content {
    place-self: center start;
}



.missionvision {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "cell1 cell2";
    min-height: var(--min-height-lg);
}

.missionvision > .full {
    grid-area: 1/1/2/2;
}

.values_list {
    grid-template-columns: repeat(auto-fill,minmax(23%, 1fr));
}

/*CONTACT PAGE DESK*/

.banner-box .content {
    flex: 50%;
}
.banner-box .container .col-md .imgbox ,
.banner-box > .container > .imgbox {
    flex: 50%;
}


li.from-footer > div.form_submit > input.submit_but {
    width: fit-content;
}


/*||WEEKLY ADS DESK*/

.banner-box.weekly_ads {
    grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
}

#subscribe {
    grid-template-columns: 1fr .5fr;
    grid-template-areas: "content imgbox";
}

#subscribe > div.imgbox {grid-area: imgbox;}
#subscribe > div.content {grid-area: content;

place-self: center start;
}

#profilelinks > div.full.overlay {
    background-size: 720px;
    background-position: 90% 2%;
}

/*LINKS DESKTOP*/
.links.department_list, .links.department_title  {
padding-right: var(--padding-sm);
padding-left: var(--padding-sm);
}

/*FAQS DESKTOP*/

.faqs.faqs_title {
    margin-top: var(--padding-md);
}

#dnn_content > div:nth-child(5) > div:nth-child(1) > div.col-sm-3 {
    position: sticky;
    top: 0;
}

.faqs_topics > p {
    border-top: var(--color-3) 0px solid;
}

div.faqs.faqs_topics.hmkt > p:nth-child(14) {
    display: block;
}

.department_buttons.faqs {
    display: grid;
    grid-template-columns: .1fr 1fr .25fr;
    grid-template-areas:        "cell1 cell2 cell3";
    padding: var(--padding-md);
}

.department_buttons.faqs > div.cell3.content > div {
    padding-top: 0;
}

.department_buttons.faqs > .cell2 {
    place-self: center start;
}

.department_buttons.faqs > div.cell2.content > h5 {
    font-size: var(--body-font-size-md);
}

.department_buttons.faqs > div.cell2.content > p {
    margin-bottom: 0;
}

div.faqs.faqs_topics.hmkt > p:nth-child(14) {
    display: block;
}

/*CAREERS PAGE DESKTOP*/



.benefits_list_card {
    grid-column-gap: var(--padding-sm);
    grid-row-gap: var(--padding-sm);
    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
    margin: 0 var(--padding-lg);
}

.benefits_list_card > .content {
    padding: var(--padding-md);
}


#whatsetsusapart > div > div:nth-child(3) > div, #openpositions > div, .careers.banner-box#careers > div > div {
    text-align: center;
}

/*ERROR PAGE DESKTOP*/
.errorpage.department_list {
    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
}



#errorpage.banner-box > .container > .imgbox {
    padding: var(--padding-lg) var(--padding-lg) var(--padding-lg) 0;
}

.errorpage.department_list {
    margin: 0;
}


/*END DESKTOP VIEW*/
}


/*|| TABLET VIEW*/


@media all and (min-width:769px) and (max-width:1025px) {

.color_list {
    grid-template-columns: repeat(auto-fill,minmax(15%, 1fr));
}


div.edn_articleSummary > div > a.btn, #contact > div > div.content > div > a.btn {
    width: 100%;
}

.website_credits > p {
    text-align: left;
}


.pagetitleBox h1 {
    display: inline-block;
}

.menu_bottom > .content > .btn {
    padding: var(--padding-xs) 0 var(--padding-xxs);
}

#departments > div, #orderonline > div {
    display: block;
}

#departments > div > div.content, #orderonline > div > div.content {
        flex: 100%;
    }

div.department_list.v2 {
        width: 100%;
    }

#departments > div > div.content > div > a, #orderonline > div > div.content > div > a {
    width: 100%;
}

.banner-box#orderonline, .banner-box#departments, #venuepartner, .banner-box#careers, .banner-box#ourstory {
    background-size: 60vw;
}

.hero.hmkt.home > div.cell2 {
    margin-right: 0;
}

#hero > div.content.full > div > div.bkgd.cell1 > div > div > div.owl-stage-outer > div > div.owl-item > div > div > img {
        height: auto;
        width: 100%;
        max-width: 1920px;
}

#hero > div.content.full > div > div.bkgd.cell1 > div > div > div.owl-stage-outer > div > div.owl-item.active > div > div > img {
    margin-left: 0px;
}

#orderonline > div > div.department_list.v2 {
    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
}



/*CONTACT PAGE TABLET*/



    #holidayhours {
        grid-template-columns: .5fr 2fr;
        grid-template-areas: "cell1 cell2"
        "cell3 cell3";
    }

    #holidayhours > div.cell3 {
    width: 100%;
    padding-top: var(--padding-sm);
}

/*||WEEKLY ADS TABLET*/
.banner-box.weekly_ads {
    grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
}



#subscribe {
    grid-template-columns: 1fr .5fr;
    grid-template-areas: "content imgbox";
}

#subscribe > div.imgbox {grid-area: imgbox;}
#subscribe > div.content {grid-area: content;
margin: 0 0 0 var(--padding-lg);
place-self: center start;
}


/*FAQS TABLET*/
.department_buttons.faqs {
    display: grid;
    grid-template-columns: .1fr 1fr .25fr;
    grid-template-areas:        "cell1 cell2 cell3";
    padding: var(--padding-md);
}

.department_buttons.faqs > div.cell3.content > div {
    padding-top: 0;
}

.department_buttons.faqs > .cell2 {
    place-self: center start;
}

.department_buttons.faqs > div.cell2.content > h5 {
    font-size: var(--body-font-size-md);
}

.department_buttons.faqs > div.cell2.content > p {
    margin-bottom: 0;
}

.faqs_topics > p {
    border-top: var(--color-3) 0px solid;
}

/*ERROR PAGE TABLET*/
.errorpage.department_list {
    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
}

#errorpage.banner-box > .container > .imgbox {
    padding: var(--padding-md) 0;
}

.errorpage.department_list {
    margin: 0;
}

#errorpage.banner-box > .container > .imgbox {
    padding: var(--padding-lg);
}


/*END TABLET VIEW*/

}


#header1  .header-left .dnn_logo .Logobox,
#PageTitle_style_2 .header-left .dnn_logo .Logobox{
    width: 120px;
    background-color: var(--color-4);
    padding: 20px 23px 20px 30px;
    height: auto;
    margin-bottom:-100px;
    border-radius: var(--border-radius-sm);
    display: block;
}
@media only screen and (max-width: 991px) {
    .mobile_header .Logobox{
        width: 75px;
        background-color: var(--color-4);
        padding: 10px 0px 10px 15px;
        height: auto;
        margin-bottom: -100px;
         border-radius: var(--border-radius-sm);
    }
       .banner-box .container{
        display: block;
    }
}


















































































































































































































