@font-face {
  font-family: 'HouseSlant';
  src: url('../fonts/SignPainter-HouseSlant.eot');
  src: url('../fonts/SignPainter-HouseSlant.eot?#iefix') format('embedded-opentype'), url('../fonts/SignPainter-HouseSlant.woff') format('woff'), url('../fonts/SignPainter-HouseSlant.ttf') format('truetype'), url('../fonts/SignPainter-HouseSlant.svg#SignPainter-HouseSlant') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  src: url(../fonts/signpainter.eot);
  src: url(../fonts/signpainter.otf) format('opentype'), url(../fonts/signpainter.ttf) format('truetype'), url(../fonts/signpainter.eot?#SignPainter) format('embedded-opentype'), url(../fonts/signpainter.svg) format('svg'), url(../fonts/signpainter.svg#SignPainter) format('svg'), url(../fonts/signpainter.woff) format('woff');
  font-family: 'SignPainter';
}
@font-face {
  font-family: 'avenirHeavy';
  src: url('../fonts/avenirltstd-heavy.eot');
  src: url('../fonts/avenirltstd-heavy.eot') format('embedded-opentype'), url('../fonts/avenirltstd-heavy.svg#AvenirLTStd85Heavy') format('svg'), url('../fonts/avenirltstd-heavy.woff') format('woff'), url('../fonts/avenirltstd-heavy.ttf') format('truetype');
}
@font-face {
  font-family: 'avenirHeavyOblique';
  src: url('../fonts/avenirltstd-heavyoblique.eot');
  src: url('../fonts/avenirltstd-heavyoblique.eot') format('embedded-opentype'), url('../fonts/avenirltstd-heavyoblique.svg#AvenirLTStd85HeavyOblique') format('svg') url('../fonts/avenirltstd-heavyoblique.woff') format('woff'), url('../fonts/avenirltstd-heavyoblique.ttf') format('truetype');
}
@font-face {
  font-family: 'avenirLight';
  src: url('../fonts/avenirltstd-light.eot');
  src: url('../fonts/avenirltstd-light.eot?#iefix') format('embedded-opentype'), url('../fonts/avenirltstdlight.svg#avenirLight') format('svg'), url('../fonts/avenirltstd-light.woff') format('woff'), url('../fonts/avenirltstd-light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'avenirLightOblique';
  src: url('../fonts/avenirltstd-lightoblique.eot');
  src: url('../fonts/avenirltstd-lightoblique.eot') format('embedded-opentype'), url('../fonts/avenirltstd-lightoblique.svg#AvenirLTStd35LightOblique') format('svg'), url('../fonts/avenirltstd-lightoblique.woff') format('woff'), url('../fonts/avenirltstd-lightoblique.ttf') format('truetype');
}
/*
@for-phone-only: ~"only screen and (max-width: 599px)";
@for-tablet-portrait-up: ~"only screen and (min-width: 600px)";
@for-tablet-landscape-up: ~"only screen and (min-width: 900px)";
@for-desktop-up: ~"only screen and (min-width: 1200px)";
@for-big-desktop-up: ~"only screen and (min-width: 1800px)";
*/
/* Color styles */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\0000392}}
:root {
  --font-sm: clamp(0.83rem, -0.07vw + 0.85rem, 0.8rem);
  --font-p: clamp(1rem, 0vw + 1rem, 1rem);
  --font-h5: clamp(1.2rem, 0.11vw + 1.18rem, 1.25rem);
  --font-h4: clamp(1.44rem, 0.26vw + 1.38rem, 1.56rem);
  --font-h3: clamp(1.73rem, 0.49vw + 1.63rem, 1.95rem);
  --font-h2: clamp(2.07rem, 0.79vw + 1.91rem, 2.44rem);
  --font-h1: clamp(2.49rem, 1.22vw + 2.23rem, 3.05rem);
  /* Color styles */
  --orange: #FF7300;
  --beige: #F6F3E1;
  --white: #FFFFFF;
  --pink: #FE66E2;
  --brown: #564337;
  --grey: #4B423D;
  --lightGrey: #BEBCB3;
  --flat: #595854;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003122}}
html,
body {
  margin: 0;
  padding: 0;
  font-family: avenirLight;
  font-size: 19px;
  height: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003124}}
h1 {
  font-size: var(--font-h1);
  font-family: 'HouseSlant';
  font-weight: 400;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003125}}
h2 {
  font-size: var(--font-h2);
  font-family: 'SignPainter';
  font-weight: 400;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003126}}
h3 {
  font-size: var(--font-h3);
  font-family: 'SignPainter';
  font-weight: 400;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003127}}
h4 {
  font-size: var(--font-h4);
  font-family: 'SignPainter';
  font-weight: 400;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003128}}
h5 {
  font-size: var(--font-h5);
  font-family: 'SignPainter';
  font-weight: 400;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003129}}
p {
  font-size: var(--font-p);
  font-family: 'avenirLight';
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003130}}
strong {
  font-size: var(--font-bold);
  font-family: 'avenirHeavy';
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003131}}
a {
  font-size: var(--font-link);
  font-family: 'avenirLight';
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003132}}
.small {
  font-size: var(--font-sm);
  font-family: 'avenirLight';
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003133}}
ul {
  list-style: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003137}}
.button {
  border: none;
  border-radius: 38px;
  cursor: pointer;
  font-family: avenirHeavy;
  font-size: var(--font-p);
  display: inline-block;
  padding: 8px 29px 8px 28px;
  transition: all .25s;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003147}}
.button.is-checked {
  background: none;
  border-width: 3px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003152}}
#mainNav {
  position: fixed;
  z-index: 3;
  top: -550px;
  width: 100%;
  text-align: center;
  transition: all 300ms ease-in-out;
  background: #ff7300;
  padding: 3em 0;
}
@media screen and (max-width: 44.9375rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003161}}
  #mainNav {
    top: -441px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003163}}
#mainNav ul {
  padding-left: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003166}}
#mainNav a {
  color: white;
  font-size: 48px;
  line-height: 1.2em;
  font-family: HouseSlant;
}
@media screen and (max-width: 44.9375rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003171}}
  #mainNav a {
    font-size: 35px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003174}}
.navOpen #mainNav {
  top: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003176}}
a.hamburger {
  display: block;
  width: 37px;
  height: 22px;
  position: fixed;
  left: 16px;
  top: 25px;
  z-index: 4;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003186}}
.hamburger span,
.hamburger span:before,
.hamburger span:after {
  transition: all 300ms ease-in-out;
  border-radius: 2px;
  top: 9px;
  cursor: pointer;
  height: 4px;
  width: 37px;
  background: #ff7300;
  position: absolute;
  display: block;
  content: '';
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003189}}
.hamburger span:before {
  top: -9px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003190}}
.hamburger span:after {
  top: 9px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003192}}
.hamburger.openBurger span {
  background-color: transparent;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003193}}
.hamburger.openBurger span:before,
.hamburger.openBurger span:after {
  top: 0;
  background: white;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003195}}
.hamburger.openBurger span:before {
  transform: rotate(45deg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003196}}
.hamburger.openBurger span:after {
  transform: translateY(-10px) rotate(-45deg);
  top: 10px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003199}}
section {
  overflow: auto;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 75px;
  padding-bottom: 75px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003213}}
form input,
form select,
form textarea {
  background: #ffffff;
  border: 0;
  border-radius: 33px;
  box-sizing: border-box;
  color: #564337;
  font-size: var(--font-bold);
  font-family: 'avenirHeavy';
  margin-bottom: 27px;
  padding: 15px 40px;
  width: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003228}}
form .selectWrapper {
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003229}}
form .selectWrapper select {
  appearance: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003233}}
form .selectWrapper::after {
  background: url(../img/iconArrowDown.svg);
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 19px;
  z-index: 2;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003245}}
form select:focus {
  border-radius: 28px 28px 0 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003249}}
form input::placeholder,
form textarea::placeholder {
  color: #564337;
  font-size: var(--font-bold);
  font-family: 'avenirHeavy';
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003256}}
form input[type=submit] {
  background: #595854;
  cursor: pointer;
  color: #ffffff;
  transition: all .25s;
  width: fit-content;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003263}}
form input[type=submit]:hover {
  background: #ffffff;
  color: #595854;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003274}}
#splash {
  background: url(../img/splash.jpg) center 10% no-repeat #4b433d;
  background-size: cover;
  aspect-ratio: 1280/720;
  overflow: hidden;
  position: relative;
  text-align: center;
  box-sizing: border-box;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003284}}
#splash #logo {
  position: absolute;
  top: 1vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003292}}
#splash h1 {
  font-size: 92px;
  font-weight: 400;
  color: #f6f3e1;
  line-height: 80px;
  margin-top: 400px;
  z-index: 2;
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003301}}
#splash h1 span {
  font-size: 111px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003305}}
#splash #vidCaption {
  color: #f6f3e1;
  font-family: 'HouseSlant';
  position: absolute;
  text-align: center;
  top: 15vw;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003316}}
#splash #vidCaption span {
  display: block;
  line-height: 6vw;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003317}}
#splash #vidCaption span:first-child {
  font-size: 6vw;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003318}}
#splash #vidCaption span:nth-child(2) {
  font-size: 9vw;
  line-height: 5vw;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003319}}
#splash #vidCaption span:last-child {
  color: #fe66e2;
  font-size: 15vw;
  line-height: 12vw;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003322}}
#splash video {
  position: absolute;
  width: 100%;
  height: auto;
  top: 5px;
  left: 0;
  z-index: 1;
  aspect-ratio: 1280/720;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003336}}
#welcome {
  background: #ff7300;
}
@media screen and (min-width: 56.25rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003338}}
  #welcome {
    background: url(../img/spatula.svg) no-repeat #ff7300 12% center;
    background-size: 270px 270px;
  }
}
@media screen and (min-width: 56.25rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003344}}
  #welcome article {
    max-width: 650px;
    margin-right: 13%;
    float: left;
    margin-left: 42%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003355}}
#welcome article h1,
#welcome article h2 {
  color: #f6f3e1;
  margin: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003356}}
#welcome article p {
  color: #f6f3e1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003362}}
.splide {
  padding: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003364}}
.splide .splide__slide img,
.splide video {
  width: 100%;
  height: auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003372}}
#locations {
  --buttonColor: #fe66e2;
  background: #564337;
  color: #f6f3e1;
  padding: 75px 16px;
  text-align: center;
  overflow-x: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003384}}
#locations h1 {
  margin: 0 0 44px 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003386}}
#locations .button-group {
  margin-bottom: 40px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003388}}
#locations .button {
  background: none;
  border: 3px solid var(--buttonColor);
  color: #ffffff;
  margin-top: 12px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003394}}
#locations .button.is-checked {
  background: var(--buttonColor);
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003395}}
#locations .button:hover {
  background: var(--buttonColor);
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003398}}
#locations .grid {
  max-width: 1044px;
  margin: 0 auto;
  width: 300px;
}
@media screen and (min-width: 664px) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003403}}
  #locations .grid {
    width: 632px;
  }
}
@media screen and (min-width: 1031px) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003407}}
  #locations .grid {
    width: 1000px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003411}}
#locations .grid::after {
  content: '';
  display: block;
  clear: both;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003422}}
#locations .gutter-sizer {
  width: 5%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003423}}
#locations .location {
  border-radius: 37px;
  background: #ff7300;
  float: left;
  overflow: hidden;
  text-align: left;
  width: 30%;
  min-width: 300px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003433}}
#locations .location .header {
  background: url(../img/locationDefault.jpg) center;
  background-size: cover;
  display: flex;
  height: 226px;
  padding: 0 16px 16px 16px;
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003442}}
#locations .location .header div {
  position: relative;
  z-index: 2;
  display: inline-block;
  align-self: flex-end;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003448}}
#locations .location .header .small {
  color: #ff7300;
  display: block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003450}}
#locations .location .header::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 32.81%, rgba(0, 0, 0, 0.8) 95.83%);
  background-size: cover;
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003465}}
#locations .location .content {
  padding: 16px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003468}}
#locations .location .content span,
#locations .location .content a {
  display: block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003469}}
#locations .location .content span {
  display: block;
  margin-bottom: 10px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003474}}
#locations .location .content .address {
  background: url(../img/iconLocationPin.svg) no-repeat left center;
  padding-left: 25px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003479}}
#locations .location .content .hours {
  background: url(../img/iconLocationHours.svg) no-repeat left center;
  padding-left: 25px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003484}}
#locations .location .content .tel {
  background: url(../img/iconLocationPhone.svg) no-repeat left center;
  padding-left: 25px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003488}}
#locations .location .content .menu {
  background: url(../img/iconLocationMenu.svg) no-repeat left center;
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
  padding-left: 25px;
  text-decoration: underline;
  width: content-fit;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003497}}
#locations .location .content .menu:hover {
  color: #564337;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003503}}
#locations .location .content a {
  color: #ffffff;
  text-decoration: underline;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003507}}
#locations .location .content a:hover {
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003513}}
#locations .location .content a.button {
  background-color: #ffffff;
  border: none;
  color: #ff7300;
  display: inline-block;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003520}}
#locations .location .content a.button:hover {
  color: #ffffff;
  background: #564337;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003532}}
#locations .hawaii .header {
  background-image: url(../img/locationMaui.png);
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003540}}
#locations .singapore .header {
  background-image: url(../img/locationSingapore.jpg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003547}}
#scratch {
  background: url(../img/scratch.jpg) #f6f3e1 no-repeat -360px top;
  padding: 433px 16px 75px 16px;
  color: #ff7300;
  position: relative;
}
@media screen and (min-width: 590px) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003553}}
  #scratch {
    background-position: center top;
  }
}
@media only screen and (min-width: 900px) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003557}}
  #scratch {
    width: 100%;
    position: relative;
    padding: 0;
    text-align: right;
    background-position: -369px top;
    background-size: cover;
  }
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003565}}
  #scratch article {
    position: relative;
    width: 40%;
    display: inline-block;
    text-align: left;
    background: #f2f0de;
    padding: 0 0 75px 0;
  }
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003573}}
  #scratch article h1,
  #scratch article p {
    padding: 0 5% 0 20%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003581}}
#sparkle {
  color: #f6f3e1;
  padding: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003585}}
#sparkle img {
  display: block;
  height: auto;
  width: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003591}}
#sparkle article {
  background: url(../img/iconDrinks.svg) bottom -33px right -20px no-repeat #fe66e2;
  background-size: 178px;
  padding: 75px 16px 165px 16px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003596}}
#sparkle article h1,
#sparkle article h4 {
  margin: 0;
  font-weight: 400;
}
@media only screen and (min-width: 900px) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003600}}
  #sparkle {
    background: url(../img/cocktails.jpg) no-repeat center;
    background-size: cover;
  }
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003604}}
  #sparkle picture {
    display: none;
  }
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003607}}
  #sparkle article {
    width: 31.62%;
    padding: 75px 45px 165px 45px;
    margin-left: 30%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003618}}
#seasonal {
  background: #f6f3e1;
  color: #564337;
  padding: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003622}}
#seasonal img {
  display: block;
  width: 100%;
  height: auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003627}}
#seasonal .empty {
  padding: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003628}}
#seasonal article {
  padding: 74px 16px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003630}}
#seasonal h1,
#seasonal h4 {
  margin: 0;
  font-weight: 400;
}
@media only screen and (min-width: 900px) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003631}}
  #seasonal {
    display: grid;
    grid-template-columns: auto 420px 57.264%;
    background-color: #f6f3e1;
    width: 100%;
    overflow: hidden;
  }
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003637}}
  #seasonal picture {
    display: none;
  }
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003638}}
  #seasonal #seasonal .empty {
    grid-column-start: 1;
    grid-column-end: 2;
  }
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003643}}
  #seasonal article {
    grid-column-start: 2;
    grid-column-end: 3;
    padding: 75px 45px;
  }
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003648}}
  #seasonal #seasonalPic {
    grid-column-start: 3;
    grid-column-end: 3;
    height: auto;
    background-image: url(../img/seasonal.jpg);
    background-size: cover;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003659}}
#instagram {
  background: #4b423d;
  color: #fe66e2;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003664}}
#instagram iframe {
  height: 96px;
}
@media screen and (min-width: 45rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003666}}
  #instagram iframe {
    height: 138px;
  }
}
@media screen and (min-width: 75rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003667}}
  #instagram iframe {
    height: 296px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003670}}
#instagram #pixlee_container > a {
  display: none !important;
  opacity: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003677}}
footer {
  background: url(../img/iconFooterLogo.svg) no-repeat #bebcb3 center 1150px;
  color: #595854;
  padding: 75px 0 500px 0;
  overflow: auto;
}
@media screen and (min-width: 45rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003679}}
  footer {
    background-position: center 950px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003684}}
footer #footerContainer {
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 16px;
}
@media screen and (min-width: 45rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003685}}
  footer #footerContainer {
    display: flex;
    max-width: 650px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003693}}
footer #footerContainer h4 {
  border-bottom: 1px solid #87857F;
  padding-bottom: 19px;
}
@media screen and (min-width: 45rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003696}}
  footer #footerContainer h4 {
    width: 289px;
  }
}
@media screen and (min-width: 45rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003699}}
  footer #footerContainer #contact {
    max-width: 289px;
  }
}
@media screen and (min-width: 45rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003702}}
  footer #footerContainer #socials {
    max-width: 289px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003703}}
footer #footerContainer #socials a {
  background-repeat: no-repeat;
  background-position: left 4px;
  color: #ffffff;
  display: block;
  text-decoration: underline;
  margin-bottom: 10px;
  padding-left: 24px;
  width: fit-content;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003713}}
footer #footerContainer #socials a:hover {
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003714}}
footer #footerContainer #socials a.fb {
  background-image: url(../img/iconZucc.svg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003715}}
footer #footerContainer #socials a.ig {
  background-image: url(../img/iconIG.svg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003724}}
#links::before {
  content: "";
  background: #000;
  opacity: 0;
  position: absolute;
  top: -145px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  transition: all 1s;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003738}}
#links.shadow::before {
  opacity: .5;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003742}}
#links {
  background: #564337 url("../img/bgLinks.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003744}}
#links a {
  color: #ff7300;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003745}}
#links a:hover {
  background: #ff7300;
  color: #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003751}}
#links .linksMain {
  background: #ff7300;
  max-width: 417px;
  margin: 143px auto 0 auto;
  padding: 54px 20px 20px 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003757}}
#links .linksMain #logo {
  display: block;
  margin: 0 auto 39px auto;
  width: content-fit;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003763}}
#links .linksMain #linkCols {
  display: grid;
  grid-template-columns: 1fr 1px 45px;
  grid-gap: 31px;
  margin-bottom: 39px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003769}}
#links .linksMain #linkCols .button {
  display: block;
  background: #564337;
  text-align: center;
  color: white;
  margin-bottom: 20px;
  padding: 12px 29px 12px 28px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003777}}
#links .linksMain #linkCols .button:last-child {
  margin-bottom: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003778}}
#links .linksMain #linkCols .button:hover {
  background: #ffffff;
  color: #564337;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003782}}
#links .linksMain #linkCols .buttons {
  flex: 1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003783}}
#links .linksMain #linkCols .divider {
  background: #ffffff;
  height: 100%;
  width: 1px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003785}}
#links .linksMain #linkCols .socials a {
  display: block;
  background-size: cover;
  aspect-ratio: 1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003790}}
#links .linksMain #linkCols .socials a.fb {
  background-image: url(../img/iconZucc.svg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003791}}
#links .linksMain #linkCols .socials a.ig {
  background-image: url(../img/iconIG.svg);
  margin-bottom: 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003796}}
#links .linksMain #promoArea {
  background: #ffffff;
  border-radius: 26px;
  padding: 15px 31px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003805}}
#links form {
  background: #bebcb3;
  width: 100%;
  max-width: 418px;
  padding: 20px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: none;
  z-index: 2;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003819}}
#links form .buttonClose {
  width: 16px;
  height: 16px;
  display: block;
  background: url(../img/x.svg);
  background-size: cover;
  margin-bottom: 20px;
  float: right;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003829}}
#links .animate__animated {
  display: block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003835}}
#franchise {
  background: #4b423d url(../img/headerFranchise.jpg) center top no-repeat;
  background-size: 800px;
  margin-top: 20px;
  text-align: center;
}
@media screen and (min-width: 45rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003839}}
  #franchise {
    background-size: 100%;
    margin-top: 80px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003842}}
#franchise #logo {
  margin-bottom: 30px;
}
@media screen and (min-width: 45rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003844}}
  #franchise #logo {
    margin-bottom: 178px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003847}}
#franchise #headerText {
  color: #f6f3e1;
  font-size: 40px;
  font-family: 'HouseSlant';
  margin-bottom: 30px;
}
@media screen and (min-width: 45rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003853}}
  #franchise #headerText {
    margin-bottom: 137px;
    font-size: 6vw;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003856}}
#franchise #franchiseForm {
  background: #BEBCB3;
  max-width: 468px;
  margin: 0 auto;
  padding: 20px;
  text-align: left;
}
@media screen and (min-width: 45rem) {
  @media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003861}}
  #franchise #franchiseForm {
    padding: 36px 53px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/SlappyCakes\/slappycakes\.com\/css\/styles\.less}line{font-family:\00003864}}
#franchise #franchiseForm h4 {
  color: #595854;
}
/*# sourceMappingURL=styles.css.map */