/*
Theme Name: Snowdays NYC Theme
Author: Francis Victorino
Description: Custom theme 
Version: Beta 0.1
License: None
Text Domain: snowdaysnyc_theme

*/
@font-face {
  font-family: "Brandon Grotesque";
  font-weight: "normal";
  src: url("/wp-content/themes/snowdaysnyc_theme/fonts/brandon_reg-webfont.woff") format("woff"), url("/wp-content/themes/snowdaysnyc_theme/fonts/brandon_reg-webfont.woff2") format("woff2"), url("/wp-content/themes/snowdaysnyc_theme/fonts/brandon_reg-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "Brandon Grotesque";
  font-weight: "bold";
  src: url("/wp-content/themes/snowdaysnyc_theme/fonts/brandon_med-webfont.woff") format("woff"), url("/wp-content/themes/snowdaysnyc_theme/fonts/brandon_med-webfont.woff2") format("woff2"), url("/wp-content/themes/snowdaysnyc_theme/fonts/brandon_med-webfont.ttf") format("truetype");
}
@keyframes menu-st-a-c {
  0% {
    transform: translateX(6px) rotate(45deg);
  }
  50% {
    transform: translateY(7px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes menu-st-a-o {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(7px);
  }
  100% {
    transform: translateX(6px) rotate(45deg);
  }
}
@keyframes menu-st-c-c {
  0% {
    transform: translateY(7px) translateX(-10px) rotate(-45deg);
  }
  50% {
    transform: translateY(-7px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes menu-st-c-o {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-7px);
  }
  100% {
    transform: translateY(7px) translateX(-10px) rotate(-45deg);
  }
}
body {
  color: #000;
  font-family: "Brandon Grotesque";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body.admin-bar header #menu .menu-header-menu-container {
  top: 90px;
}

a:link, a:visited {
  color: #064A6B;
  text-decoration: none;
}
a:hover, a:active {
  color: rgba(6, 74, 107, 0.6);
}

h1, h2, h3, h4, h5, h6 {
  color: #064A6B;
  font-weight: normal;
  margin: 0;
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 40px;
}

h4 {
  font-size: 32px;
}

h5, h6 {
  font-size: 24px;
}

h6 {
  font-size: 20px;
}

hr {
  height: 1px;
  border: 0;
  background-color: #CCE3F4;
}
hr.wp-block-separator {
  margin: 72px;
}

p {
  margin-top: 20px;
  line-height: 1.5;
}

.mobile-off {
  display: none;
}

.max-container {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.max-container > p, .max-container > h1, .max-container > h2, .max-container > h3, .max-container > h4, .max-container > h5, .max-container > h6 {
  padding: 0 16px;
}

.center {
  text-align: center;
}

.strong {
  font-weight: bold;
}

.no-margin {
  margin: 0;
}

.margin-top-0 {
  margin-top: 0;
}

.hide {
  display: none;
}

header {
  width: 100%;
  height: 56px;
  position: fixed;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #CCE3F4;
}
header #logo {
  width: 288px;
  position: absolute;
  top: 12px;
  left: 24px;
}
header #logo img.snowdays_logo {
  max-width: 100%;
}
header #menu {
  position: absolute;
  top: 0;
  right: 24px;
}
header #menu .mobile-menu {
  width: 24px;
  height: 24px;
  margin-top: 17px;
  display: none;
}
header #menu .mobile-menu svg .st-a {
  animation: menu-st-a-c 0.5s linear 1 forwards;
}
header #menu .mobile-menu svg .st-b {
  opacity: 1;
  transition: 0s 0.25s opacity linear;
}
header #menu .mobile-menu svg .st-c {
  animation: menu-st-c-c 0.5s linear 1 forwards;
}
header #menu .mobile-menu.show {
  display: block;
}
header #menu .mobile-menu.open-menu svg .st-a {
  animation: menu-st-a-o 0.5s linear 1 forwards;
}
header #menu .mobile-menu.open-menu svg .st-b {
  opacity: 0;
  transition: 0.25s 0.2s opacity linear;
}
header #menu .mobile-menu.open-menu svg .st-c {
  animation: menu-st-c-o 0.5s linear 1 forwards;
}
header #menu .menu-header-menu-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 44px;
  left: 0;
  visibility: hidden;
  background-color: #fff;
  font: normal 20px "Brandon Grotesque";
  opacity: 0;
  transition-duration: 1s;
  transition-property: visibility, opacity;
}
header #menu .menu-header-menu-container ul#menu-header-menu {
  padding-left: 24px;
  list-style: none;
}
header #menu .menu-header-menu-container ul#menu-header-menu li.current-menu-item a {
  font-weight: bold;
}
header #menu .menu-header-menu-container ul#menu-header-menu li.menu-item a {
  width: 100%;
  display: inline-block;
}
header #menu .menu-header-menu-container ul#menu-header-menu li.menu-item a:link, header #menu .menu-header-menu-container ul#menu-header-menu li.menu-item a:visited {
  color: #1E556E;
  text-decoration: none;
}
header #menu .menu-header-menu-container ul#menu-header-menu li.menu-item a:hover, header #menu .menu-header-menu-container ul#menu-header-menu li.menu-item a:active {
  color: #8DBBC0;
}
header #menu .menu-header-menu-container.show {
  visibility: visible;
  opacity: 1;
  transition-duration: 1s;
  transition-property: opacity;
}

footer {
  margin-top: 48px;
}
footer .max-container {
  height: 140px;
  background-color: #CCE3F4;
}
footer .max-container .footer-copyright {
  padding-left: 24px;
}
footer .max-container .footer-copyright p {
  padding-top: 24px;
  margin-bottom: 8px;
  color: #064A6B;
  font-size: 14px;
  font-weight: bold;
}
footer .max-container .social-media {
  padding-left: 24px;
}
footer .max-container .social-media .social-icon {
  margin-right: 8px;
  float: left;
}
footer .max-container .social-media .social-icon svg {
  max-height: 24px;
}
footer .max-container .social-media .social-icon svg .st0 {
  fill: #064A6B;
}
footer .max-container .social-media .social-icon svg:hover .st0 {
  fill: rgba(6, 74, 107, 0.6);
}
footer .max-container .social-media::after {
  content: " ";
  display: block;
  clear: both;
}

main {
  min-height: 400px;
  padding-top: 56px;
}
main.no-box {
  padding: 0;
  margin: 0;
}
main .flex-control-paging li a {
  width: 8px;
  height: 8px;
}
main .metaslider .flex-control-nav {
  bottom: -19px;
}
main #sb_instagram {
  border: solid 2px #CCE3F4;
  border-radius: 8px;
  overflow: hidden;
}
main #nf-form-2-cont .nf-before-form-content {
  padding: 5px;
}
main #nf-form-2-cont .nf-field-label {
  margin-bottom: 4px;
}
main #nf-form-2-cont .nf-field-label label {
  font-weight: 400;
}
main #nf-form-2-cont .nf-form-content .ninja-forms-field {
  padding: 0 8px;
  height: 32px;
  max-width: 420px;
}
main #nf-form-2-cont .nf-form-content textarea.ninja-forms-field {
  height: 160px;
}
main #nf-form-2-cont .nf-field-container {
  margin-bottom: 12px;
}
main #nf-form-2-cont .field-wrap p {
  margin: 4px 0;
}
main #nf-form-2-cont #nf-field-22 {
  height: auto;
  font-weight: bold;
  font-size: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #064a6b;
  background-color: #cce3f4;
  border-radius: 8px;
  padding-left: 32px;
  padding-right: 32px;
  cursor: pointer;
}

body main section.thirds-layout,
body main section.halves-layout {
  padding: 0 24px;
}
body main section.thirds-layout .title-desc,
body main section.halves-layout .title-desc {
  margin-bottom: 12px;
}
body main section.thirds-layout .title-desc h6.desc,
body main section.halves-layout .title-desc h6.desc {
  color: #000;
}
body main section.thirds-layout::after,
body main section.halves-layout::after {
  content: " ";
  display: block;
  clear: both;
}
body main section#morefromus {
  padding: 0 24px;
}
body main section#morefromus .morefromus-bucket {
  width: 100%;
  margin-bottom: 24px;
}
body main section#morefromus .morefromus-bucket a:hover .morefromus-bucket-border, body main section#morefromus .morefromus-bucket a:active .morefromus-bucket-border {
  background-color: rgba(6, 74, 107, 0.6);
}
body main section#morefromus .morefromus-bucket .morefromus-bucket-border {
  height: 152px;
  border-radius: 8px;
  background-color: #064A6B;
}
body main section#morefromus .morefromus-bucket .morefromus-bucket-border .morefromus-bucket-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
body main section#morefromus .morefromus-bucket .title, body main section#morefromus .morefromus-bucket .desc {
  padding: 0 24px;
  text-align: center;
}
body main section#morefromus .morefromus-bucket .title {
  color: #fff;
  margin-bottom: 8px;
}
body main section#morefromus .morefromus-bucket .desc {
  color: #CCE3F4;
}
body main section#locations .title-desc .forconnectonly {
  display: none;
}
body main section#locations .location .locmap {
  width: 100%;
  height: 300px;
  border: 2px solid #CCE3F4;
  border-radius: 8px;
  margin: 0 auto;
  box-sizing: border-box;
}
body main section#locations .location .location-name {
  margin-top: 16px;
  font-weight: bold;
}
body main section#locations .location .location-orderdevs .location-orderdev {
  margin-right: 16px;
  float: left;
}
body main section#locations .location .location-orderdevs::after {
  content: " ";
  display: block;
  clear: both;
}

body.home main section {
  margin-bottom: 24px;
}
body.shop main #home-shop {
  margin-top: 24px;
}
body.shop main #home-shop .title-desc h4 {
  display: none;
}
body.shop main #home-shop .title-desc .desc span {
  font-size: 14px;
}
body.menu {
  background-image: url("/wp-content/themes/snowdaysnyc_theme/images/bg_pattern-dark-transparent.png");
  background-repeat: repeat;
  background-size: 490px auto;
}
body.menu main #home-menu {
  margin: 24px 0;
}
body.menu main #home-menu h4, body.menu main #home-menu h6 p {
  display: none;
}
body.menu main #home-menu .desc span {
  font-size: 14px;
}
body.franchise main section {
  margin-top: 24px;
}
body.catering main section#catering-info {
  margin-top: 24px;
}
body.catering main section#catering-info .image-header {
  margin-bottom: 40px;
}
body.catering main section#catering-info .image-header img {
  width: 100%;
  border-radius: 8px;
}
body.catering main section#catering-info .title-desc {
  margin-bottom: 20px;
}
body.connect main section#connect-info-new {
  margin-top: 20px;
}
body.connect main section#connect-info-new .main-data .info-data {
  display: none;
  font-size: 18px;
}
body.connect main section#connect-info-new .main-data .info-data p:first-child {
  margin-top: 0;
}
body.connect main section#connect-info-new .main-data .info-data section#locations {
  padding-top: 0;
}
body.connect main section#locations {
  padding-top: 20px;
}
body.connect main section#locations.closed .main-data {
  display: none;
}
body.connect main section#locations.open .forconnectonly {
  font-weight: bold;
}
body.connect main section#locations .title-desc {
  font-size: 20px;
}
body.connect main section#locations .title-desc .forconnectonly {
  display: inline;
}
body.connect main section#locations .title-desc h4, body.connect main section#locations .title-desc h6 {
  display: none;
}

body main #home-shop .items .item,
body main #home-menu .items .item {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
body main #home-shop .items .item:nth-child(odd),
body main #home-menu .items .item:nth-child(odd) {
  padding: 0 12px 16px 0;
}
body main #home-shop .items .item:nth-child(even),
body main #home-menu .items .item:nth-child(even) {
  padding: 0 0 16px 12px;
}
body main #home-shop .items .item .item-image,
body main #home-menu .items .item .item-image {
  height: 136px;
  border: 2px solid #CCE3F4;
  border-radius: 8px;
  margin-bottom: 14px;
  background-color: #fff;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
body main #home-shop .items .item .item-image a,
body main #home-menu .items .item .item-image a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
body main #home-shop .items .item .item-image a img,
body main #home-menu .items .item .item-image a img {
  max-width: 100%;
  max-height: 136px;
}
body main #home-shop .items .item .item-title a,
body main #home-menu .items .item .item-title a {
  width: 100%;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body main #home-shop .items .item .item-price,
body main #home-menu .items .item .item-price {
  text-align: center;
  font-size: 14px;
}
body main #home-shop .items .item .shopify-button,
body main #home-menu .items .item .shopify-button {
  margin-top: -8px;
  margin-bottom: 8px;
}
body main #home-shop .pagination,
body main #home-menu .pagination {
  clear: both;
  text-align: center;
  font-size: 25px;
}

section#product {
  padding: 16px;
}
section#product img {
  max-width: 100%;
}
section#product #product-info {
  width: 100%;
}
section#product #product-info h1 {
  margin-top: 0;
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
@media screen and (min-width: 641px) {
  .mobile-off.tablet-on {
    display: block;
  }

  .tablet-off {
    display: none;
  }

  footer .max-container {
    background-image: url("/wp-content/themes/snowdaysnyc_theme/images/footer_image.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
  }

  body main #home-shop .items .item, body main #home-menu .items .item {
    width: 33%;
  }
  body main #home-shop .items .item:nth-child(3n-2), body main #home-menu .items .item:nth-child(3n-2) {
    padding: 0 16px 16px 0;
  }
  body main #home-shop .items .item:nth-child(3n-1), body main #home-menu .items .item:nth-child(3n-1) {
    padding: 0 8px 16px 8px;
  }
  body main #home-shop .items .item:nth-child(3n), body main #home-menu .items .item:nth-child(3n) {
    padding: 0 0 16px 16px;
  }
  body main #home-shop .items .item .item-image, body main #home-menu .items .item .item-image {
    height: 200px;
  }
  body main section#locations .location {
    width: 50%;
    float: left;
    box-sizing: border-box;
  }
  body main section#locations .location:nth-child(2n-1) {
    padding-right: 12px;
  }
  body main section#locations .location:nth-child(2n) {
    padding-left: 12px;
  }
  body main section#locations .location::after {
    content: " ";
    display: block;
    clear: both;
  }
}
/* Menu change from hamburger breakpoint */
@media screen and (min-width: 769px) {
  body.admin-bar header #menu .menu-header-menu-container {
    top: 0;
  }

  header #menu .menu-header-menu-container {
    position: relative;
    top: 0;
    visibility: visible;
    opacity: 1;
    background-color: transparent;
  }
  header #menu .menu-header-menu-container ul#menu-header-menu {
    margin-top: 14px;
    margin-bottom: 0;
  }
  header #menu .menu-header-menu-container ul#menu-header-menu li.menu-item {
    margin: 0 10px;
    display: inline-block;
  }
  header #menu .menu-header-menu-container ul#menu-header-menu li.menu-item a {
    margin-bottom: 9px;
    text-align: center;
  }
  header #menu .menu-header-menu-container ul#menu-header-menu li.menu-item:last-child {
    margin-right: 0;
  }
  header #menu .menu-header-menu-container ul#menu-header-menu li.menu-item.current-menu-item {
    border-bottom: 4px solid #064A6B;
  }
}
@media screen and (min-width: 1025px) {
  footer .max-container {
    background-position-x: 40%;
  }

  body {
    /*home template*/
  }
  body main #home-shop .items .item, body main #home-menu .items .item {
    width: 25%;
  }
  body main #home-shop .items .item:nth-child(4n-3), body main #home-menu .items .item:nth-child(4n-3) {
    padding: 0 18px 16px 0;
  }
  body main #home-shop .items .item:nth-child(4n-2), body main #home-menu .items .item:nth-child(4n-2) {
    padding: 0 12px 16px 6px;
  }
  body main #home-shop .items .item:nth-child(4n-1), body main #home-menu .items .item:nth-child(4n-1) {
    padding: 0 6px 16px 12px;
  }
  body main #home-shop .items .item:nth-child(4n), body main #home-menu .items .item:nth-child(4n) {
    padding: 0 0 16px 18px;
  }
  body main section#locations .location .location-info {
    width: 50%;
    float: left;
  }
  body main section#locations .location .location-times {
    width: 50%;
    float: left;
  }
  body.page-template-home section#morefromus .morefromus-bucket {
    width: 33%;
    float: left;
    box-sizing: border-box;
  }
  body.page-template-home section#morefromus .morefromus-bucket:nth-child(3n-2) {
    padding: 0 16px 0 0;
  }
  body.page-template-home section#morefromus .morefromus-bucket:nth-child(3n-1) {
    padding: 0 8px;
    width: 34%;
  }
  body.page-template-home section#morefromus .morefromus-bucket:nth-child(3n) {
    padding: 0 0 0 16px;
  }
  body.page-template-home section#morefromus::after {
    content: " ";
    display: block;
    clear: both;
  }
}
@media screen and (min-width: 1280px) {
  .max-container > p, .max-container > h1, .max-container > h2, .max-container > h3, .max-container > h4, .max-container > h5, .max-container > h6 {
    padding: 0 24px;
  }

  body main section.thirds-layout .title-desc {
    width: 33%;
    padding-right: 20px;
    box-sizing: border-box;
    float: left;
  }
  body main section.thirds-layout .main-data {
    width: 67%;
    float: right;
  }
  body main section.halves-layout .title-desc {
    width: 50%;
    padding-right: 20px;
    box-sizing: border-box;
    float: left;
  }
  body main section.halves-layout .main-data {
    width: 50%;
    float: right;
  }
}

/*# sourceMappingURL=style.css.map */