/* TRIO TAVERN & GRILL
 * 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: 32%;
    --light: 30%;
    --dark: 10%;

    --color-black: hsl(0, 0%, 0%);
    --color-white: hsl(0, 0%, 100%);
    
    --color-primary-h:51;
    --color-primary-s:36%;
    --color-primary-l:73%;
    --color-primary: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));

    --color-primary-extra-light: #f2f0e3;
    --color-primary-light:#e8e5cd;
    --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:354;
    --color-2-s:75%;
    --color-2-l:36%;
    --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:122;
    --color-3-s:69%;
    --color-3-l:39%;
    --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:55;
    --color-4-s:59%;
    --color-4-l:48%;
    --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:221;
    --color-5-s:56%;
    --color-5-l:22%;
    --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:258;
    --color-6-s:64%;
    --color-6-l:15%;
    --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: #AF231C;

    
    --color-gradient-primary: linear-gradient(0deg, rgba(29,14,64,1) 0%, rgba(71,57,121,1) 100%);
    --color-gradient-secondary: linear-gradient(0deg, rgba(175,169,212,1) 0%, rgba(121,109,158,1) 50%, rgba(71,57,121,1) 100%);
    --boxshadow-sm: 0 0 10px rgb(29, 14, 64 / 10%);
    --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: montserrat, sans-serif;
    --font-title: novecento-slab-wide, serif;
    --font-subtitle: montserrat, sans-serif;
    --font-body: montserrat, sans-serif;
    --body-font-size-xxs: 14px;
    --body-font-size-xs: 18px;
    --body-font-size-sm: 20px;
    --body-font-size-md: 24px;
    --body-font-size-lg: 36px;
    --body-font-size-xl: 48px;   
    --body-font-size-xxl: 64px;   
    --body-font-weight-normal: 400;
    --body-font-weight-semibold: 700;
    --body-font-weight-bold: 900;
    --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: 3px;
    --border-weight-lg: 6px;
    --border-radius-sm: 6px;
    --border-radius-md: 20px;
    --border-radius-lg: 20vw;
    --padding-xxs: 2px;
    --padding-xs: 10px;
    --padding-sm: 20px;
    --padding-md: 40px;
    --padding-lg: 5vw;
    --padding-xl: 10vw;
    --padding-xxl: 120px;
    --width-10: 10%;
    --width-20:20%;
    --width-25: 25%;
    --width-50: 50%;
    --min-height-xs: 10vh;
    --min-height-sm: 30vh;
    --min-height-md: 40vh;
    --min-height-lg: 60vh;
    --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");
 }
@media only screen and (max-width: 767px) {
:root{
        --body-font-size-xxs: 12px;
    --body-font-size-xs: 12px;
    --body-font-size-sm: 14px;
    --body-font-size-md: 16px;
    --body-font-size-lg: 18px;
    --body-font-size-xl: 24px;   
    --body-font-size-xxl: 36px;   
}

 }


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-6);
  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 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "full";
}

.cccc.bkgd > .full {grid-area: full;
}

.cccc.bkgd > .content {
padding: var(--padding-md) 0;
}

.cccc.bkgd#promo > .full.bkgd {
background-color: var(--color-primary);
}

.cccc.bkgd#hero > .full.bkgd, .cccc.bkgd.insidepage > .full.bkgd, .cccc.bkgd#thankyou > .full.bkgd, .cccc.bkgd#errorpage > .full.bkgd {
background-color: var(--color-black);
border-bottom: 1px solid var(--color-black);
}

.cccc.bkgd.insidepage {
margin: 0 0 var(--padding-md);
}


.cccc.bkgd#signup> .full.bkgd {
background-color: var(--color-white);
}

.cccc.bkgd#footer > .full.bkgd {
background: var(--color-primary-extra-light);
}




 h1 {
  font-family: var(--font-title);
  font-weight: var(--body-font-weight-semibold);
  line-height: var(--body-line-height-xs);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-xl);
  color: var(--color-black);
  text-shadow: 0;
  text-transform: uppercase;
  font-style: normal;
 }

 h2 {
  font-family: var(--font-title);
  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-black);
  text-shadow: 0;
  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-black);
  text-shadow: 0;
  text-transform: capitalize;
  font-style: normal;
 }

 h4 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-xs);
  letter-spacing: var(--letterspacing-xs);
  font-size: var(--body-font-size-md);
  color: var(--color-black);
  text-transform: capitalize;
  font-style: normal;
  text-shadow: 0;
 }

 h5 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-xs);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-md);
  color: var(--color-black);
  text-shadow: var(--boxshadow-sm);
  text-transform: capitalize;
  font-style: normal;
 }

 h6 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-xs);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-sm);
  color: var(--color-black);
  text-shadow: 0;
  text-transform: uppercase;
  font-style: normal;
 }

p, input {
  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-black);
  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-black);
  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-black);
  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-2);
  text-decoration: underline;
 }

 P > a {
  text-decoration: underline;
 }

 a:hover {
  text-decoration: underline;
  }

hr {
    border-top: 0px solid var(--color-2);
}

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);
}*/



.styleguide.text_styling {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "cell1";
padding: var(--padding-lg) 0 0;
}

.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_cta > a.btn {
    margin: 0 0 var(--padding-sm);
}



/*||BUTTON CSS*/

a, a:link, a:active, a:visited {
    color: var(--color-2);
    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);
}

.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 {
  display: inline-block;
  font-weight: var(--body-font-weight-semibold);
  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-xs) solid transparent;
  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-xs);
  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: none;
  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 {
  color: var(--color-white);
  background-color: var(--color-2);
  border-color: var(--color-2);
  background: var(--color-2);
  max-height: 54px;
  max-width: 100%;
}

.dg-form-content .submit_but {
    margin: 0;
}

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 {
  color: var(--color-white);
  background-color: var(--color-black);
  border-color: var(--color-white);
  background: var(--color-black);
}

#Body .header-btn, #Body .header-btn:link {
    color: var(--color-white);
    border: 2px solid var(--color-white);
    font-weight: var(--body-font-weight-semibold);
}

#Body .header-btn:hover {
    color: var(--color-white);
    background-color: var(--color-2);
    border-color: var(--color-2);
}

.border-0 {
    border: 1px solid var(--color-black) !important;
}
.btn-light.border-0:hover {
    border: 1px solid var(--color-2) !important;
    background-color: var(--color-2)!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-black);
  background-color: var(--color-white);
  border-color: var(--color-black);
}

.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 {
  color: var(--color-white);
  background-color: var(--color-2);
  border-color: var(--color-2);
  background: var(--color-2);
}

.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-black);
  border-color: var(--color-black);
}

.btn.btn-secondary.focus, .btn-secondary:focus {
  box-shadow: var(--boxshadow-btn-focus);
}

.btn.btn-link, #dnn_dnnUser2_enhancedRegisterLink {
  color: var(--color-2);
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:hover {
  color: var(--color-black);
  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-3-dark);
  border-color: var(--color-3-dark);
}

.btn.btn-success:hover {
  background-color: var(--color-2);
  border-color: var(--color-2);
}

.btn.btn-info {
  color: var(--color-white);
  background-color: var(--color-5);
  border-color: var(--color-5);
}

.btn.btn-info:hover {
  background-color: var(--color-3);
  border-color: var(--color-3);
}

.btn.btn-warning {
  color: var(--color-white);
  background-color: var(--color-4);
  border-color: var(--color-4);
}

.btn.btn-warning:hover {
  background-color: var(--color-4-dark);
  border-color: var(--color-4-dark);
}

.btn.btn-danger {
    background-color: var(--color-danger);
  color: var(--color-white);
}

.btn.btn-danger:hover {
  background-color: var(--color-6);
  border-color: var(--color-6);
}

.button_cta {
    padding-top: var(--padding-sm);
}

.button_cta > .btn { 
    width: 100%;
}

.button_cta > a.btn {
    min-height: 54px;
}

.map-box > div > h6 > a[target="_blank"]::after, #dnn_wrapper > div.visible-xs.visible-sm.mobile_header > div > div.dnn_layout > div > div.mobile_navbox > div.mobile-header-html > div > a[target="_blank"]::after, #dnn_ctr521_HtmlModule_lblContent > div > a[target="_blank"]::after, #dnn_ctr446_HtmlModule_lblContent > div > div.container > div > a[target="_blank"]::after, #hero > div.content > div > a[target="_blank"]::after {
    content: "\f08e";
    font-family: "Font Awesome 6 Sharp";
    font-size: 10px;
    padding-left: var(--padding-xxs);
}

#dnn_ctr521_HtmlModule_lblContent > div > a[target="_blank"]::after, #dnn_ctr446_HtmlModule_lblContent > div > div.container > div > a[target="_blank"]::after, #hero > div.content > div > a[target="_blank"]::after {
    margin-top: var(--padding-xxs);
    margin-left: var(--padding-xxs);
}




/*||MENU CSS*/

#header1 > div.container.boxed > div.head_mid.clearfix > div > div.header-left > div > div.FixedLogoPane > a {
    color: transparent
}

.header_bg {
    box-shadow: none;
}

.mobile_nav, .header_bg {
    border-top: 1px solid var(--color-primary-extra-light);
}

.mobile_dnn_logo img {
    max-width: 90%;
}

#dnngo_megamenu > div > ul > li {
    background: none;
    padding: var(--padding-sm) 0;
}

.mobile_left_icon .fa, .mobile_right_icon a {
    border-color: var(--color-white);
    color: var(--color-white);
    text-decoration: none;
}

.mobile_menu.mm-menu {
    background: linear-gradient(0deg, rgba(29,14,64,1) 0%, rgba(71,57,121,1) 100%);
}

.mobile_nav > .shade {
    background-color: var(--color-black);
    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);
}


.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-md);
}



.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-3);
}

.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-title);
    font-weight: var(--body-font-weight-semibold);
    font-size: var(--body-font-size-lg);
}

#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-white);
    font-family: var(--font-subtitle);
    font-weight: var(--body-font-weight-semibold);
    font-size: var(--body-font-size-xs);
    letter-spacing: var(--letterspacing-sm);
    text-transform: uppercase;
}

#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-white);
}

.headerBox > .shade {
    background-color: var(--color-black);
}

#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-extra-light);
    /* right: 0px; */
    width: 100%;
    left: 0px;
}

.roll_menu.roll_activated .headerBox > .shade, .roll_menu.roll_activated .headerbottomBox > .shade {
    background-color: var(--color-black);
}

.nav_ico .fa {
    color: var(--color-white);
}

.nav_ico .fa:hover, .nav_ico .fa.active {
    color: var(--color-2);
}

.nav_ico .fa.active:before {
    content: "\f00d";
    color: var(--color-2);
}

#Loginandlanguage > div.Login > .sep {
    display: none;
}

.nav_ico .Loginandlanguage, .nav_ico .searchBox {
background-color: var(--color-white);
border-top: 0px solid var(--color-4);
padding: var(--padding-xs);
height: fit-content;
}

.nav_ico .searchBox, #mobile_search {
padding: 0;
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-black);
    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: 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-black);
    color: var(--color-white);
}

.nav_ico .search {
    color: var(--color-2);
}

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-6);
    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-6);
}

.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-primary-extra-light);
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    background: var(--color-white);
    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: 1px solid var(--color-primary-extra-light);
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    background: var(--color-white);
    /* -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-white);
    background-image: none;
    border-color: var(--color-primary-extra-light);
}

.dnnSearchResultPanel .dnnSearchResultSortOptions {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    border-radius: 1000px;
    border: 1px solid var(--color-primary-extra-light);
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a, .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover {
    background-color: var(--color-white);
    background: none;
    color: var(--color-6);
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li > a {
    padding: 0px var(--padding-xs);
    margin: 0;
    color: var(--color-6);
    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 #dnngo_megamenu > div > ul > li > a > span {
    color: var(--color-primary-extra-light);
}

.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-primary-extra-light);
}

.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a > span:before {
    border-color: var(--color-primary-extra-light);
}

#dnngo_megamenu .dnngo_menuslide .dnngo_slide_menu a {
    color: var(--color-6);
    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);
}

.dnn_logo .LogoPane img {
    width: auto;
    height: 12vw;
    max-height: 250px;
    max-width: auto;
}

/*|| 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-6);
}

.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-lg);
    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;
    grid-template-areas: "cell1 cell2 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 / 5;
}

.menu_bottom > .cell1 {
    grid-area: cell1;

}

.menu_bottom > .cell2 {
    grid-area: cell2;

}

.menu_bottom > .cell3 {
    grid-area: cell3;
    display: none;

}

.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: uppercase;
    font-weight: var(--body-font-weight-norman);
    font-size: var(--body-font-size-xxs);
    font-style: normal;
    width: 100%;
    background-color: var(--color-black);
    border-color: var(--color-black);
    letter-spacing: var(--letterspacing-sm);
}

.menu_bottom > .content > a:hover {
    background-color: var(--color-2);
    border-color: var(--color-2);
}



.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 */

.HeaderPageTitle_bg {
    margin-bottom: 0px;
}

.banner-box, .home-about, .home-calling, .Kitchen-Hours, .home-food-events, .home-contact, .pagetitle-box {
    max-width: 2560px;
    margin: auto;
}

.pagetitleBox {
    background-color: var(--color-primary-extra-light);
    border-bottom: solid 0px var(--color-primary-light);
}

.pagetitleBox h1 {
    line-height: var(--body-line-height-md);
    margin: 0;
    Font-Size: var(--body-font-size-sm);
    text-transform: inherit;
    color: var(--color-black);
    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-black);
    Font-Family: var(--font-body);
    letter-spacing: var(--letterspacing-sm);
    Font-weight: normal;
    margin-bottom: 0;
}

.pagetitleBox .pagetitletoken a:hover {
    color: var(--color-3);
    text-decoration: underline;
}

.pagetitleBox .pagetitletoken .fa {
    display: none;
}


.pagetitle-box h1 {
    text-shadow: var(--boxshadow-sm);
}

.hero.insidepage {
  min-height: var(--min-height-sm);
  margin: 0 0 var(--padding-sm);
}  

.hero.insidepage > .content {
  place-self: center start;
} 

.form-top-info h3 {
    font-size: var(--body-font-size-xl);
    margin-bottom: var(--padding-sm);
    text-align: left;
}

/*|| FORMS*/

.grecaptcha-badge {
    display: none;
}

.dg-form-content.form-background.dark .form-control-wrap input[type=text], .dg-form-content.form-background.dark .form-control-wrap input[type=email], .dg-form-content.form-background.dark .form-control-wrap input[type=url], .dg-form-content.form-background.dark .form-control-wrap input[type=tel], .dg-form-content.form-background.dark .form-control-wrap input[type=number], .dg-form-content.form-background.dark .form-control-wrap input[type=date], .dg-form-content.form-background.dark .form-control-wrap select, .dg-form-content.form-background.dark .form-control-wrap textarea, .dg-form-content.form-background.dark .fixline:before {
    background-color: var(--color-primary-extra-light)!important;
    color: var(--color-black)!important;
    border-color: var(--color-primary-extra-light)!important;
}

input, select, textarea, .ls-layer, .ls-layer *, .uneditable-input {
    Font-Family: var(--font-body);
    Font-weight: normal;
    font-size: var(--body-font-size-sm);
    letter-spacing: var(--letterspacing-sm);
}

div > .dg-form-content.form-background.dark label {
    color: var(--color-black);
    font-size: var(--body-font-size-sm);
    font-family: var(--font-body);
    font-weight: var(--body-font-weight-normal);
    letter-spacing: var(--letterspacing-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);
}

div > .dg-form-content.form-background.light label {
    color: var(--color-black);
}

.datepick-popup .datepick-month td .datepick-selected {
    background: var(--color-2);
    border-color: var(--color-2);
    color: var(--color-white);
}

.datepick-popup .datepick-month .datepick-today {
    border-color: var(--color-2);
}

.datepick-popup .datepick-month-header, .datepick-popup .datepick-month-header select, .datepick-popup .datepick-month-header input {
    background-color: var(--color-white);
    color: var(--color-black);
}

.datepick-popup .datepick-cmd.datepick-cmd-prev, .datepick-popup .datepick-cmd.datepick-cmd-next {
    color: var(--color-black); 
}

.datepick-month a:link, .datepick-month a:active, .datepick-month a:visited {
    color: var(--color-black);
    text-decoration: none;
}

/*||FOOTER */

.trio#contact > .full.bkgd {
    background-color: var(--color-primary-extra-light);
}

.footer-10 .footer-top {
    border-bottom: 0px solid var(--color-primary);
}

.cccc.footer {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 0;
  grid-template-areas: "cell1"
                        "cell2";
 width: 100%;
 position: relative;
 overflow: hidden;
}

.cccc.footer > .full { grid-area: 1 / 1 / 3 / 2; }
.cccc.footer > .cell1 { grid-area: cell1; }
.cccc.footer > .cell2 { grid-area: cell2; }
/*.cccc.footer > .cell3 { grid-area: cell3; }
.cccc.footer > .cell4 { grid-area: cell4; }
.cccc.footer > .cell5 { grid-area: cell5; }
.cccc.footer > .cell6 { grid-area: cell6; }
.cccc.footer > .cell7 { grid-area: cell7; }*/

.cccc.footer > .cell1.content > div {
    text-align: center;
}

.cccc.footer > .cell1.content > div > a > img {
    min-width: 280px;
}

.cccc.footer > .content > p {
    color: var(--color-black);
}

.cccc.footer > .content > div > a, .cccc.footer > .content > p > a {
    color: var(--color-black);
}

.cccc.footer > .cell7 { 
    padding: var(--padding-lg);
 }

.footer-10 .footer-bottom {
    color: var(--color-white);
    background-color: var(--color-black);
    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 {
    background-color: var(--color-black);
}

.website_credits > p {
    text-align: center;
    font-size: var(--body-font-size-xxs);
    color: var(--color-white);
}

.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-2);
}

/*|| Account Management / Profile */

.spacing {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "cell1";
    height: var(--padding-sm);
}

.spacing > .cell1 {
    grid-area: cell1;
}

.console.profile {
border: 1px solid var(--color-primary-light);
border-radius: var(--border-radius-sm);
background-color: var(--color-white);
}


.console.profile .console-none:hover {
background-color: var(--color-primary-light);
}

.console.profile .console-none h3 {
    padding: 10px 8px 10px 40px;
    margin: 0;
    border-bottom: solid 1px var(--color-primary-light);
    background: url(../../../images/arrow-right-white.png) 18px center no-repeat;
    color: var(--color-6);
    font-size: var(--body-font-size-sm);
    line-height: var(--body-line-height-sm);
    font-weight: var(--body-font-weight-normal);
    font-family: var(--font-body);
    letter-spacing: var(--letterspacing-sm);
}

.console.profile .console-none h3:hover {
    color: var(--color-white);
}

#dnn_ctr1099_ViewConsole_Console > div > div:nth-child(12) > h3 {
    border-bottom: none;
}


#dnn_dnnUser2_avatarGroup, .userProfileImg, .footer-title, .footer-title-span {
    display: none;
}

#dnnEditUser {
    margin: auto;
    padding: var(--padding-lg) 0;
}

ul.dnnAdminTabNav {
    border-bottom: 0px solid var(--color-primary-extra-light);
}

#dnn_ctr_EditUser_servicesTab, #dnn_ctr_EditUser_adminTabNav > li > a {
    margin: var(--padding-sm) 0 0;
}

ul.dnnAdminTabNav li {
    width: 100%;
}

ul.dnnAdminTabNav li a {
    width: 91%;
    max-width: 500px;
}

#ui-id-4, #ui-id-5, #dnn_dnnUser_avatarGroup, #dnn_dnnUser_messageGroup, #dnn_dnnUser_notificationGroup {
display: none;
}

.UserProfileControls > ul {
margin: 0;
}

.UserProfileControls > ul > li > a {
margin: var(--padding-xs) 0 0;
}

#dnn_ctr1108_ViewProfile_profileOutput {
    margin: var(--padding-md) 0 0;
}

span.k-dropdown-wrap.k-state-hover {
    background-color: var(--color-primary-extra-light);
    background-image: none;
    background-position: 50% 50%;
    border-color: var(--color-primary-extra-light);
}

#rvdsfQuickOrderPanelContainer > div:nth-child(2) > div.row > div.col-sm-4 > div > span > span {
border-radius: var(--border-radius-sm);
border: 1px solid var(--color-primary-light);
}

#rvdsfQuickOrderPanelContainer > div:nth-child(2) > div.row > div.col-sm-4 > div > span > span > input {
    padding: var(--padding-xs);
}

#rvdsfQuickOrderPanelContainer > div:nth-child(2) > div.row > div.col-sm-4 > div > span > span > input {
    border: none;
    box-shadow: none;
    border-radius: var(--border-radius-sm);
}


.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;
 }



/*|| HOME PAGE*/
.dg-carousel11 .owl-nav .owl-prev:before, .dg-carousel11 .owl-nav .owl-next:before {
    width: 13px;
    height: 13px;
    margin: -7px 0 0 -8px;
    border-color: var(--color-blue);
}
.custom_width .owl-dots{
    display: none;
}
.m-auto {
    margin-left: auto;
    margin-right: auto;
}
.custom_width {
    max-width: 500px;
    padding: 5px var(--padding-xs);
}

#promo.promo_sale {
    background-color: var(--color-primary-light);
    padding:6px var(--padding-xs) 4px;
}

.promo_sale   .content > p, .promo_sale   .content > p > a {
    color: var(--color-black);
    text-align: center;
    margin-bottom: 0px;
    font-weight: var(--body-font-weight-semibold);
    font-size: var(--body-font-size-xxs);
    text-transform: uppercase;
}

#hero > div.content > div > a:nth-child(2), #dnn_wrapper > div.visible-xs.visible-sm.mobile_header > div > div.dnn_layout > div > div.mobile_navbox > div.mobile-header-html, #mm-0 > div.mobile-header-html {
    display: none;
}

#dnn_wrapper > div.visible-xs.visible-sm.mobile_header > div > div.dnn_layout > div > div.mobile_navbox > div.mobile_right_icon {
    margin-left: auto;
}

.home-about {
    background-color: var(--color-primary-extra-light);
}

.home.menus.trio {
    text-align: center;
    padding: 0;
    margin-bottom: 0;
}

.eds_news_Ozone .edn_isotopeLayout > div {
    width: 100%!important;
    padding-top: 0;
}

.Kitchen-Hours {
    background-color: var(--color-primary-extra-light);
}

.Kitchen-Hours .bg-img {
    background-size: 250%;
    background-color: var(--color-primary);
    padding: var(--padding-md) 0;
}

.Kitchen-Hours .contbox {
    padding: var(--padding-md) var(--padding-lg);
    text-align: center;
    margin: 0;
}

.Kitchen-Hours h2 {
    margin: 0px auto var(--padding-sm) !important;
}

.Kitchen-Hours .Hours-box h4 {
    font-weight: var(--body-font-weight-semibold);
    text-transform: uppercase;
    font-size: var(--body-font-size-lg);
}

.home-food-events {
    padding: var(--padding-md) 0;
}

.home-food-events .contbox {
padding: 0 var(--padding-lg);
}

.home-food-events h2 {
    margin: 0px 0 var(--padding-sm) !important;
}

.home-food-events > div.contbox > div > a {
    margin-bottom: var(--padding-md);
}

.careers_apply .content {
    padding: 0 0 var(--padding-md);
}

.careers_apply > div > .button_cta > a.btn {
    margin-bottom: 0;
}

.home-contact {
    background-color: var(--color-primary-extra-light);
    padding: calc(var(--padding-md)*2) 0 var(--padding-md);
    margin-bottom: var(--padding-md) !important;
}

.home-contact a, .home-contact a:link {
    color: var(--color-black);
    font-weight: var(--body-font-weight-semibold);
    font-size: var(--body-font-size-md);
    text-decoration: none;
    text-transform: uppercase;
}

.home-contact a, .home-contact a:hover {
    color: var(--color-2);
}

    .home-contact .content {
        margin: auto;
    }

    .map-box {
        margin: 0;
    }

.map-box .map-info a {
    color: var(--color-black);
    font-weight: var(--body-font-weight-semibold);
}

.map-box .map-info {
    background-color: var(--color-primary-light);
}

.custom-title {
    text-align: center;
    font-size: var(--body-font-size-xxl);
    padding: 0 0 var(--padding-sm);
}

.footer-link {
    margin: 0;
    padding: var(--padding-md) 0 var(--padding-sm);
    gap: var(--padding-sm) var(--padding-md);
}

.footer-link a, .footer-link a:link {
    color: var(--color-black);
    font-weight: var(--body-font-weight-semibold);
}

.footer-link a, .footer-link a:hover {
    color: var(--color-2);
}

.affiliations {
    grid-gap: var(--padding-sm) var(--padding-md);
}

.footer_box.footer-10 {
    margin-top: calc(var(--padding-md)*2);
}

.form-top-info {
    margin-bottom: var(--padding-sm);
    margin-top: var(--padding-md);
}

.dg-form-content .form-control-wrap:has(input[type="radio"]) {
   background-color: var(--color-white); 
}


/*|| Blog NEWS & EVENTS*/

.eds_news_Ozone.eds_subCollection_news span, .eds_news_Ozone.eds_subCollection_news a, .eds_news_Ozone.eds_subCollection_news li, .eds_news_Ozone.eds_subCollection_news td, .eds_news_Ozone.eds_subCollection_news table, .eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox > figure > figcaption h2.edn_articleTitle {
    font-family: var(--font-subtitle);
    color: var(--color-white);
    line-height: var(--body-line-height-md);
    font-size: var(--body-font-size-xs);
    font-weight: var(--body-font-weight-semibold);
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox > figure > figcaption .edn_articleSummary {
    display: none;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox > figure > figcaption {
    background-color: var(--color-2);
    padding: .5rem .75rem;
    border: var(--color-2) solid 2px;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox > figure > figcaption:hover {
    background-color: var(--color-black);
    border: var(--color-black) solid 2px;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox > figure {
    min-height: fit-content;
    background-color: transparent;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox > figure {
    min-height: 54px !important;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox > figure > img {
    height: calc(var(--body-font-size-xs) * var(--body-line-height-md) + 1.0rem);
}



.eds_news_Ozone {
    margin-bottom: var(--padding-sm);
}

article > div.edn_articleSummary > h3 {
    font-family: var(--font-subtitle);
}


.eds_news_Ozone h1, .eds_news_Ozone h2, .eds_news_Ozone h3, .eds_news_Ozone h4, .eds_news_Ozone h5, .eds_news_Ozone h6 {
    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-sm);
    font-family: var(--font-subtitle);
    font-style: normal;
    font-size: var(--body-font-size-lg);
    text-transform: capitalize;
}

.eds_news_Ozone h6 {
    font-size: var(--body-font-size-xs);
    color: var(--color-6);
}

.eds_news_Ozone h2 {
    font-size: 22px;
    color: var(--color-6);
    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: 0px 15px 10px 0;
    position: relative;
    border: solid 1px var(--color-primary);
    padding: 0px;
    overflow: hidden;
    line-height: 0;
    transition: all 250ms linear;
    box-shadow: none;
    border-radius: var(--border-radius-sm);
}

.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;
}

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-6);
font-style: italic;
    text-decoration: underline;
    text-underline-offset: 2px;
}

article > div.edn_metaDetails > a, .edn_numberOfVievs, .edn_numberComments {
 display: none!important;
}

.edMaps_map .edMaps_newsContent {
    width: auto;
}

.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;
}

div.edMaps_map .edMaps_newsContent > .edMaps_summary > p {
    color: var(--color-6);
}



.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);
}

.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-3);
    background: var(--color-3);
    }

.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-6);
    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-6);
}

.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-6);
}



.eds_news_Ozone.eds_subCollection_news .edn_simpleArticle6Bullet::before {
    font-family: "FontAwesome";
    color: var(--color-3);
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_simpleArticle6 h2.edn_articleTitle a {
    color: var(--color-6);
}

.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-6);
}

.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-6);
    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 {
    color: var(--color-black);
    text-decoration: none;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox > figure:hover > figcaption h2.edn_articleTitle::after {
    display: none;
}

.eds_news_Ozone.eds_subCollection_categoryMenu .edn_category_menu_wrapper li .edn_category {
    color: var(--color-black);
    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-6);
}

.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-6);
    position: relative;
}

.eds_news_Ozone.eds_subCollection_news .edn_aditionalBox.edn_articleDocuments ul li::before {
    color: var(--color-6);
}



/*|| INSTALINKS*/

.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-primary);
}

.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 {
text-align: center;
}

.instalinks_list > .content > .button_cta > .btn {
width: 100%;
max-width: 768px;
}

/*END MOBILE VIEW*/

/*|| DESKTOP VIEW*/

@media screen and (min-width: 1025px) {



.color_list {
    grid-template-columns: repeat(auto-fill,minmax(14%, 1fr));
}

.menu_bottom {
    display: 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 {
  max-width: fit-content;
}

.button_cta > .btn {
    width: fit-content;
}



.pagetitleBox h1 {
    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);
}

.banner-box {
        padding: calc( 5vw + 170px ) 15px 10vw;
    }

.home-about {
    padding: var(--padding-lg) 0;
}

.home-calling {
    height: auto;
    padding: var(--padding-xl) var(--padding-lg);
}

.home-calling h2 {
    padding-left: 0vw;
}



.home-about .content p {
    font-size: var(--body-font-size-md);
}

.Kitchen-Hours{
        align-items: center;
}

.Kitchen-Hours .bg-img {
    padding: var(--padding-lg) 0;
}

.Kitchen-Hours .contbox {
    padding: var(--padding-lg);
}

.home-food-events {
    padding: 0;
}

.home-food-events .contbox {
    padding: var(--padding-lg);
    width: 60%;
    max-width: 100%;
}

.home-food-events .imgbox img {
    object-position: left 30%;
}

.careers_apply .content {
    padding: var(--padding-lg) 0;
}

.home-contact {
    padding: var(--padding-lg) 0;
}

.dg-form-content {
    margin-bottom: var(--padding-md) !important;
}

.eds_news_Ozone .edn_isotopeLayout > div {
        grid-template-columns: repeat(3, 1fr);
}

/*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));
}

.button_cta > .btn {
    width: fit-content;
}

.pagetitleBox h1 {
    display: inline-block;
}

.menu_bottom > .content > .btn {
    padding: var(--padding-xs) 0 var(--padding-xxs);
}


.home-about .content p {
    font-size: var(--body-font-size-md);
}

.home-food-events .contbox {
    width: 100%;
    max-width: 100%;
}


/*END TABLET VIEW*/

}





































