/*

    Copyright (c) 2026 Kaytees Dinner Deals
    All Rights Reserved.

    Report copyright concerns to http://www.kayteesdinnerdeals.com/copyright.html

    Designed by Dallas Graphic Lab, Inc.
    See http://www.dallasgraphiclab.com/contact.html for the latest contact information
       592 E State Hwy 121
       Lewisville, TX 75057
       (214) 940-7751

*/

html,body {
  background-color: #FDEFE5; /* beige */
  width: 100%;
  /* remove default margins as a margin of about 8px is the default setting */
  margin: 0px;
}

.boundingboxborderless {
  border: none;
  margin: 0px;
}

.bottomlinksset {
  font-size: small;
  justify-content: space-around;
  display: flex;
  margin-bottom: 35px;
  margin-left: 2%;
  margin-right: 2%;
}
.bottomlinkssetlink > a {
  color: #F17E7F; /* pink */
}

.contactgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.contactitemheader {
  text-transform: uppercase;
  font-weight: bold;
}
.contactitemrow {
  display: flex;
  margin-left: 20px;
  margin-right: 20px;
}
.contactitemtext {
  color: #F17E7F; /* pink */
}
.contactitemtext > a {
  color: #F17E7F; /* pink */
}

.contactresponsetiktok {
  border: solid;
  border-color: #F17E7F; /* pink */
  border-radius: 15px;
  background-color: #FFDFD0; /* lighter pink */
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
}

.contactresponsetiktoktextcontents {
  display: flex;
}
.contactresponsetiktoktextheader {
  color: #F17E7F; /* pink */
  text-transform: uppercase;
  font-size: larger;
  justify-content: center;
  display: flex;
}
.contactresponsetiktoktextheadertext {
  font-weight: bolder;
}
.contactresponsetiktoktextfollowbanner > a {
  color: #F17E7F; /* pink */
}
.contactresponsetiktoklogo > a > img {
  width: 100px;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.brandingtopcontainer {
  justify-content: center;
  margin-top:275px;
  width: 100%;
  overflow: hidden;
  color: #807C44; /* dark green */
}
.brandingtopcontainerbanner {
  display: flex;
  padding-left: 2%;
  padding-right: 2%;
}
.brandingtopcontainerbannerleft {
  grid-template-columns: repeat(3, 1fr);
  width: 190px;
}
.brandingtopcontainerbannerleftpagetitle {
  justify-content: center;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  font-size: large;
}
.brandingtopcontainerbannerleftpagetitle > img {
  width: 185px;
}

.contentordersectiontext {
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 3%;
  padding-bottom: 1%;
  font-weight: bold;
  color: #807C44; /* dark green */
}
.contentboxcontainer {
  color: #807C44; /* dark green */
  border: solid;
  border-radius: 15px;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 1%;
  margin-top: 1%;
}
.contentboxcontainerpink {
  border: solid;
  border-color: #F17E7F; /* pink */
  border-radius: 15px;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 1%;
  margin-top: 1%;
}

.contenthowitworksdeliveredcontents {
  color: #807C44; /* dark green */
  display: flex;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
  padding-top: 2%;
}

.allergygroupdonotordertext {
  font-size: large;
  font-weight: bold;
  text-align: center;
}
.allergygroupdonotorder {
  color: #F17E7F; /* pink */
  display: flex;
  margin-top: 4%;
  margin-bottom: 4%;
}
.contentmenuallergyitemgroup {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
}
.contentmenuallergyitemssubheader {
  margin-top: 2%;
  margin-bottom: 2%;
  text-align: center;
  font-weight: bold;
}
.contentmenuallergyitemssubstitutionstext {
  text-align: center;
}
.contentmenuallergyitemssubstitutionsgroup {
  display: flex;
  border: dashed;
  border-radius: 15px;
  border-color: #F17E7F; /* pink */
  margin-top: 2%;
  border-width: 2px;
}
.allergyitemsheadericon > img {
   width: 80px;
}
.allergygroupdonotorderimage > img {
   width: 80px;
}
.allergyitemgroup {
  border: dashed;
  border-radius: 10px;
  border-width: 1px;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 1px;
  padding-right: 1px;
}
.allergyitemgroupicon > img {
   width: 50px;
}
.allergyitemgrouptext {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.allergygroupsafetyunderstanding {
  text-align: center;
}
.allergygroupunderstanding {
  color: #F17E7F; /* pink */
}
.allergysubstitutionsheader {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: larger;
}
.allergysubstitutionssubheader {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}

.contentmenudetailsdinneritemscontainer {
  display: flex;
  justify-content: space-evenly;
}
.contentmenudetailsdinneritemscontainertitle {
  text-transform: uppercase;
  font-weight: bolder;
  font-size: large;
}
.contentmenudetailsheader {
  background-color: #F17E7F; /* pink */
  border-radius: 10px;
  display: flex;
  color: white;
  padding: 1%;
  justify-content: space-evenly;
}
.contentmenudetailsheadertext {
  text-transform: uppercase;
  font-weight: bold;
  font-size: larger;
  justify-content: space-evenly;
  display: flex;
  text-align: center;
}
.textpink {
  color: #F17E7F; /* pink */
}
.contentmenudetailsheadertextitems {
  margin-top: 4%;
  margin-bottom: 4%;
}
.contentmenudetailsnondinneritemscontainer {
  /* display: grid; does not work well for small screens*/
  grid-template-columns: 3fr 2fr;
}
.contentmenudetailsdinneritemscontainerone {
  text-align: center;
}
.contentmenudetailsdinneritemscontainertwo {
  text-align: center;
}
.contentmenudetailsburritocontaineritem {
  text-align: center;
}
.contentmenudetailsburritocontaineritemtitle {
  text-align: center;
  font-weight: bold;
}
.contentmenudetailsburritocontainerprice {
  text-align: center;
  text-transform: uppercase;
  /* empty "display:"  does not work well for small screens*/
  display: flex;
  justify-content: space-evenly;
}
.contentmenudetailsburritocontainerheader {
  background-color: #807C44; /* dark green */
  color: white;
  border-radius: 10px;
  padding: 1%;
  display: flex;
  justify-content: space-evenly;
}
.contentmenudetailsburritocontainerheaderdecoration > img {
  width: 25px;  
}
.contentmenudetailsburritocontainerheadertext {
  text-transform: uppercase;
  text-align: center;
}
.contentmenudetailsburritocontainerpriceitem {
  font-weight: bold;
}
.contentmenudetailspiecontainerheader {
  justify-content: space-evenly;
  display: flex;
  text-transform: uppercase;
  text-align: center;
  background-color: #807C44; /* dark green */
  color: white;
  border-radius: 10px;
  padding: 1%;
}
.contentmenudetailspiecontainerheaderdecoration > img {
  width: 25px;  
}
.contentmenudetailsheaderimageright > img {
  width: 25px;  
}
.contentmenudetailsheaderimageleft > img {
  width: 25px;  
}
.contentmenudetailspiecontaineritemtype {
  padding: 4%;
  margin: 4%;
  border: dashed;
  border-radius: 10px;
  text-align: center;
  font-size: larger;
  font-weight: bolder;
}
.contentmenudetailspiecontaineritempricecontainer {
  justify-content: space-evenly;
  display: flex;
  text-align: center;
}
.contentmenudetailspiecontaineritempricetext {
  text-align: center;
  font-weight: bolder;
  font-size: large;
}

.contentmenusizingpricingcontents {
  text-align: center;
  justify-content: space-evenly;
  display: flex;
}
.contentmenusizingpricingheader {
  background-color: #F17E7F; /* pink */
  color: white;
  border-radius: 10px;
  padding: 1%;
  display: flex;
  justify-content: space-evenly;
}
.contentmenusizingpricingheadertext {
  text-transform: uppercase;
  text-align: center;
}
.contentmenusizingpricingamount {
  color: #F17E7F; /* pink */
  font-size: larger;
  font-weight: bold;
}
.contentmenusizingpricing2picon > img {
  width: 25px;
}
.contentmenusizingpricing4picon > img {
  width: 45px;
}
.contentmenusizingpricing6picon > img {
  width: 55px;
}
.contentmenusizingpricing8picon > img {
  width: 65px;
}
.contentmenudetailsburritocontainerdecorativeline {
  display: flex;
  justify-content: center;
  margin: 1%
}
.contentmenudetailsburritocontainerdecorativeline > img {
  width: 300px;
}

.contentorderformheader {
  border-color: #F17E7F; /* pink */
  border: dashed;
  border-radius: 10px;
}

.contentordersectionheader {
  background-color: #F17E7F; /* pink */
  border-radius: 10px;
  color: white;
  padding: 1%;
  text-align: center;
}
.contentordersectionheadertext {
  text-transform: uppercase;
  font-weight: bold;
  font-size: larger;
}
.contentpaymentcontainertypes {
  display: flex;
  justify-content: space-evenly;
}
.orderpaymentacceptedtext {
  text-align: center;
  color: #F17E7F; /* pink */
  text-transform: uppercase;
  font-size: larger;
  font-weight: bold;
  margin-top: 4%;
}
.orderitemgroupcontainer  {
  display: flex;
}
.orderitemgroupcontainer > div {
  padding-right: 3%;
}

.ordercontaineritem {
  border: solid;
  border-color: #F17E7F; /* pink */
  border-radius: 15px;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 1%;
  margin-top: 1%;
}

.orderedbycontactcontaineritem {
  display: flex;
}
.timeselectioncontainerday {
  display: flex;
  justify-content: space-evenly;
}
.timeselectioncontainerdeliverylocations {
  text-align: center;
  font-weight: bold;
  color: white;
  color: #807C44; /* dark green */
  font-size: small;
  padding-top: 1%;
}
.timeselectioncontainergroupdayselectortext {
  text-align: center;
  font-weight: bold;
  color: white;
}
.timeselectioncontainergroupdayselectordate {
  text-align: center;
  font-size: 8pt;
  color: white;
}
.timeselectioncontainergroupdayselector {
  background-color: #807C44; /* dark green */
  padding: 1%;
  border-radius: 5px;
  border-color: #807C44; /* dark green */
  border-width: thin;
  margin-top: 3%;
  margin-bottom: 2%;
}
.timeselectioncontainergroupdayselectordisabled {
  background-color: #CBE1CA; /* super light green */
  padding: 1%;
  border-radius: 5px;
  border-color: #807C44; /* dark green */
  border-width: thin;
  margin-top: 3%;
  margin-bottom: 2%;
}
.timeselectioncontainergroupdayselectorselected {
  background-color: #275720; /* super dark green */
  padding: 1%;
  border-radius: 5px;
  border-color: #807C44; /* dark green */
  border-width: thin;
  margin-top: 3%;
  margin-bottom: 2%;
}
.timeselectioncontainergroupdaycontainer {
  display: flex;
  justify-content: space-evenly;
}
.timeselectioncontaineritem {
  border-radius: 5px;
  border: solid;
  border-width: thin;
  background-color: #FFDFD0; /* lighter pink */
}
.timeselectioncontaineritem > input[type="radio"] {
}
.timeselectioncontaineritem > input[type="radio"][disabled] + label {
  text-decoration: line-through;
  font-weight: lighter;
}
.timeselectioncontaineritem > input[type="radio"][checked] + label {
  font-weight: bolder;
}

.paymenttypecontainerbox {
  text-align: center;
}

.ordersubmitbutton {
  justify-content: center;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.ordersubmitbutton > input {
  color: #807C44; /* dark green */
  background-color: #FFDFD0; /* lighter pink */
  border-radius: 10px;
  padding: 5%;
  padding-left: 25%;
  padding-right: 25%;
  font-weight: bolder;
  font-size: larger;
}

.contenthowitworksstepsitem {
  display: flex;
  &:not(:last-child) {
    margin-bottom: 5%;
  }
}
.contenthowitworksstepsitemname {
  font-weight: bold;
  text-transform: uppercase;
}

.contenthowitworksimportantdetailsitem {
  display: flex;
}
.contenthowitworksimportantdetailsitemname {
  text-align:center;
  font-weight: bold;
  text-transform: uppercase;
}
.contenthowitworksimportantdetailsheader {
  text-align:center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: larger;
}
.contenthowitworksdeliveredheader {
  color: #F17E7F; /* pink */
  justify-content: center;
  display: flex;
  font-weight: bold;
}

.contentmain {
  display: flex;
  justify-content: center;
  margin-top:275px;
  width: 100%;
  overflow: hidden;
}
.contentmain > img {
  object-fit: contain;
  margin: 0px;
  width: 90%;
}

.contentmaincontainer {
  color: #807C44; /* dark green */
}
.contentmaincontainertextpage {
  margin: 5%;
}
.contentmaincontainertextpage > a {
  color: #F17E7F; /* pink */
}

.decorationbottom {
  display: flex;
  justify-content: center;
  width: 100%;
}

.decorationtop {
  background-image: url(images/awning2.png);
  background-position: center top;
  background-repeat: repeat-x; 
  height: 90px;
}

.header {
  align-items: center;
  display: flex;
  text-align:center;
  justify-content: space-evenly;
  padding-right: 2%;
  padding-left: 2%;
  padding-bottom: 8px;
  padding-top: 8px;
  width: auto;
}

.headerbutton {
  display: block;
  object-fit: cover;
}
.headerbutton > a > input {
  width: 100px;
}
.headerbutton > img {
  width: 100px; 
}

.topmatter {
  /* set the background color to prevent bleed through from the content */
  background-color: #FDEFE5; /* beige */
  width: 100%;
  /* fix the top decoration and navigation buttons to the top */
  position: fixed;
  top: 0px;
}

.privacydetailstext > ol > li {
  &:not(:last-child) {
    margin-bottom: 5%;
  }
}
.privacydetailsheading {
  text-transform: uppercase;
  font-weight: bold;
  font-size: larger;
}
.privacyitemheading {
  text-transform: uppercase;
  font-weight: bold;
}
.privacyintro > a {
  color: #F17E7F; /* pink */
}
.privacyintro > ol > li > a {
  color: #F17E7F; /* pink */
}
.privacyitemtext > a {
  color: #F17E7F; /* pink */
}
.privacyitemtext > ul > li > a {
  color: #F17E7F; /* pink */
}

.tosdetailstext > ol > li {
  &:not(:last-child) {
    margin-bottom: 5%;
  }
}
.tosdetailsheading {
  text-transform: uppercase;
  font-weight: bold;
  font-size: larger;
}
.tositemheading {
  text-transform: uppercase;
  font-weight: bold;
}
.tosintro > a {
  color: #F17E7F; /* pink */
}
.tosintro > ol > li > a {
  color: #F17E7F; /* pink */
}
.tositemtext > a {
  color: #F17E7F; /* pink */
}

/* https://stackoverflow.com/questions/13550541/media-min-width-max-width */
/* default styles here for older browsers */
@media only screen and (min-width: 960px) {
  /* styles for browsers larger than 960px; */
  .headerbutton {
    width: 150px; 
  }
  .headerbutton > input {
    width: 150px; 
  }
  .headerbutton > a > img {
    width: 150px; 
  }
}
@media only screen and (min-width: 1440px) {
  /* styles for browsers larger than 1440px; */
}
@media only screen and (min-width: 2000px) {
  /* for sumo sized (mac) screens */
}
@media only screen and (max-device-width: 480px) {
  /* styles for mobile browsers smaller than 480px; (iPhone) */
  .contentmain {
    margin-top:190px;
  }
  .brandingtopcontainer {
    margin-top:190px;
  }
  .brandingtopcontainerbannerleftimage > img {
    width: 185px;
  }
  .brandingtopbannerleftpagedecorationline > img {
    width: 185px;
  }
  .brandingtopbannerright > img {
    width: 185px;
  }
  .headerbutton > a > img {
    width: 80px;
  }
  .headerbutton > img {
    width: 80px; 
  }
  .headerbutton > input {
    width: 80px; 
  }
  .decorationbottom > img {
    width: 350px; 
  }
  .contenthowitworksdeliveredcontentsfooditem > img {
    width: 95px;
  }
  .contenthowitworksimportantdetailsitem > img {
    width: 90px;
  }
}
@media only screen and (device-width: 768px) {
  /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}