/*!
Theme Name: smoquesteak
Theme URI: https://www.smoquesteak.com/
Author: Future Perfekt
Author URI: https://futureperfekt.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: smoquesteak
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


:root
{
  --text-color: #000;
	--smq-max-width: 1201px;
	--smq-content-width: 90%;

}

body
{
  background-color: #FFF;
  color: #000;
  font-size: 18px;
  line-height: 27px;
  font-family: 'trade-gothic-next', sans-serif;
  font-weight: 400;
  margin: 0px;
  padding-top: 230px;
  counter-reset: inst;
  transition: padding .3s ease;
}

body.noscroll
{
  overflow: hidden;
}

body.banner-active
{
  padding-top: 270px;
}

body.admin-bar
{
  padding-top: 262px;
}

body.admin-bar.banner-active
{
  padding-top: 302px;
}

body.admin-bar header.site-header.banner-active
{
  top: 77px;
}

a
{
  text-decoration: none;
  color: inherit;
}

.site-main a
{
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.site-main a::before,
.site-main a::after,
.main-navigation a::before,
.main-navigation a::after
{
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  transition: transform 0.8s ease-in-out;
  background-color: #000;
}

.main-navigation a::after
{
  transition: transform 0.4s ease-in-out;
}

.main-navigation a::before
{
  display: none;
}

.main-navigation .menu-item-37 a::before,
.main-navigation .menu-item-37 a::after
{
  display: none;
}

.site-main a::before,
.main-navigation a::before
{
  opacity: 1;
  transform: translateX(0%);
}

.site-main a::after
{
  opacity: 1;
  transform: translateX(-300%);
}

.main-navigation a::after
{
  transform: translateX(-100%);
}

.site-main a:hover::before,
.main-navigation a:hover::before
{
  opacity: 1;
  transform: translateX(300%);
}

.site-main a:hover::after,
.main-navigation a:hover::after
{
 opacity: 1;
 transform: translateX(0);
}

@media all and (max-width: 900px){

  .site-main a
  {
    display: inline;
    background-image: linear-gradient(#000,#000);
    background-position: 0 100%;
    background-repeat: no-repeat,no-repeat;
    background-size: 100% 1px;
    transition: all .3s ease;
  }

  .site-main a::after,
  .site-main a::before
  {
    display: none;
  }

  .smq-dark a
  {
    background-image: none;
  }

  .site-main .smq-dark a::after,
  .site-main .smq-dark a::before
  {
    display: block;
  }

}

a.wm-underlined,
.wm-underlined a
{
  position: relative;
  overflow: hidden;
  display: inline-block;
}

a.wm-underlined::before,
a.wm-underlined::after,
.wm-underlined a::before,
.wm-underlined a::after
{
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  transition: transform 0.8s ease-in-out;
  background-color: #000;
}

a.wm-underlined::before,
.wm-underlined a::before
{
  opacity: 1;
  transform: translateX(0%);
}

a.wm-underlined::after,
.wm-underlined a::after
{
  opacity: 1;
  transform: translateX(-300%);
}

a.wm-underlined:hover::before,
.wm-underlined a:hover::before
{
  opacity: 1;
  transform: translateX(300%);
}

a.wm-underlined:hover::after,
.wm-underlined a:hover::after
{
  opacity: 1;
  transform: translateX(0);
}

figure
{
  position: relative;
}

figure.wp-block-image
{
  overflow: hidden;
}

.wp-block-image figcaption
{
  position: absolute;
  bottom: 34px;
  left: 83px;
  color: #FFF;
  margin: 0px;/**/
}

figure.wp-block-image::after
{
  display: block;
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0px;
  background: #FFF;
  transition: all .6s ease;
  transform: translateY(0px);
}

figure.wp-block-image.visible::after
{
  /*top: -100%;*/
  transform: translateY(-100%);
}

figure.wp-block-image.slick-slide::after
{
  display: none;
}

.smq-dark figure.wp-block-image::after
{
  background-color: #000;
}


.lazy-loaded
{
  opacity: 1;

}

figcaption::before
{
  content: '\25E6';
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
  vertical-align: top;
  position: relative;
  top: 0px;
}

img
{
  display: block;
  width: 100%;
  height: auto;
}

.wp-block-image
{
		margin-bottom: 0px;
}

.center-text
{
  text-align: center;
}

.uppercase
{
  text-transform: uppercase;
}

/*.site-main
{
  position: relative;
}

.site-main::before, .site-main::after {
  background: linear-gradient(68deg, #000000 31%, #ffffff 45%), linear-gradient(38deg, #000000 80%, #ffffff 89%), linear-gradient(56deg, #000000 31%, #ffffff 40%), linear-gradient(50deg, #000000 60%, #ffffff 73%), linear-gradient(109deg, #000000 54%, #ffffff 66%), linear-gradient(129deg, #000000 7%, #ffffff 21%), linear-gradient(94deg, #000000 59%, #ffffff 66%), linear-gradient(136deg, #000000 56%, #ffffff 64%), linear-gradient(130deg, #000000 28%, #ffffff 36%), linear-gradient(32deg, #000000 50%, #ffffff 55%), linear-gradient(71deg, #000000 14%, #ffffff 21%), linear-gradient(164deg, #000000 98%, #ffffff 117%), linear-gradient(52deg, #000000 65%, #ffffff 83%), linear-gradient(61deg, #000000 50%, #ffffff 70%), linear-gradient(95deg, #000000 34%, #ffffff 39%), linear-gradient(80deg, #000000 10%, #ffffff 14%), linear-gradient(57deg, #000000 24%, #ffffff 40%), linear-gradient(32deg, #000000 3%, #ffffff 14%), linear-gradient(34deg, #000000 72%, #ffffff 80%), linear-gradient(118deg, #000000 30%, #ffffff 50%), linear-gradient(89deg, #000000 17%, #ffffff 18%), linear-gradient(70deg, #000000 60%, #ffffff 69%), linear-gradient(65deg, #000000 50%, #ffffff 55%), linear-gradient(102deg, #000000 5%, #ffffff 6%), linear-gradient(100deg, #000000 32%, #ffffff 39%), linear-gradient(121deg, #000000 93%, #ffffff 102%), linear-gradient(176deg, #000000 83%, #ffffff 96%), linear-gradient(53deg, #000000 9%, #ffffff 12%), linear-gradient(131deg, #000000 41%, #ffffff 48%), linear-gradient(71deg, #000000 11%, #ffffff 16%), linear-gradient(163deg, #000000 59%, #ffffff 75%), linear-gradient(71deg, #000000 31%, #ffffff 35%), linear-gradient(136deg, #000000 66%, #ffffff 69%), linear-gradient(34deg, #000000 23%, #ffffff 40%), linear-gradient(161deg, #000000 78%, #ffffff 98%), linear-gradient(119deg, #000000 79%, #ffffff 91%), linear-gradient(32deg, #000000 33%, #ffffff 42%), linear-gradient(50deg, #000000 18%, #ffffff 34%), linear-gradient(59deg, #000000 83%, #ffffff 94%);
  background-blend-mode: difference;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.site-main::after {
  filter: invert(1);
  opacity: 0.5;
  top: 1px;
}

.color-overlay
{
  background: rgba(255,255,255, 0.5);
  mix-blend-mode: overlay;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}*/

.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6
{
  font-weight: 700;
  margin: 0px;
  opacity: 0;
  transform: translateY(15px);
  transition: all .6s ease;
}

.site-main ul
{
  padding: 0px;
  list-style: none;
}

.site-main ul li
{
  position: relative;
  margin-bottom: 1em;
  padding-left: 20px;
}

.site-main ul li:before
{
  content: '\2022';
  margin-right: 10px;
  position: absolute;
  left: 0px;
  font-size: 15px;
  transform: scale(.6);
}

strong
{
	font-weight: 500;
}

.site-main p
{
  margin: 0px 0px 1em 0px;
  opacity: 0;
  transform: translateY(15px);
  transition: all .6s ease;
}

.smq-announcement p
{
  opacity: 1;
  transform: translateY(0px);
}

.site-main li
{
  opacity: 0;
  transform: translateY(15px);
  transition: all .6s ease;
}

h1.visible,h2.visible,h3.visible,h4.visible,h5.visible,h6.visible,p.visible,#page li.visible,
.site-footer .logo.visible, #page p.visible
{
  opacity: 1;
  transform: translateY(0px);
}

p:last-child
{
	margin-bottom: 0px;
}

.site-main
{
  min-height: 700px;
}

.site-main h1
{
  letter-spacing: 0.03em;
  margin-top: 60px;
  margin-bottom: 82px;
  /*font-family: 'ff-good-web-pro-wide', sans-serif;*/
  font-family: 'trade-gothic-next', sans-serif;
  font-weight: 800;
  font-size: 100px;
  line-height: 110px;
}

.site-main .error-404  h1
{
  font-size: 60px;
  line-height: 78px;
}

.error-404 a
{
  display: inline;
  border-bottom:1px solid #000;
}

.error-404 a::after,
.error-404 a::before
{
  display: none;
}


.site-main .smq-page-title h1
{
  font-size: 90px;
  line-height: 78px;
}

h2
{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
  line-height: 31px;
  margin-bottom: 44px;
  margin-top: 25px;
}

h2:last-child
{
	margin-bottom: 0px;
}

.wp-block-columns
{
  margin-bottom: 0px;
}


header.site-header
{
  margin: 0px;
  padding: 0px 0px 27px 0px;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  background-color: #FFF;
  z-index: 101;
  letter-spacing: .05em;
}

.site-logo
{
  display: none;
}

header.site-header.hidden
{
  padding: 0px 0px 17px 0px;
}

body.admin-bar header.site-header
{
  top: 32px;
}

header.site-header::after
{
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 0px;
  border-top: 1px solid #000;
  transform: translateY(0px);
  transition: all .3s ease;
}

header.site-header.hidden::after
{
  transform: translateY(-66px);
  opacity: 0;
}

.mobile-nav
{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
  color: #FFF;
	top: 0px;
	left: 0px;
	z-index: 100;
	text-align: center;
	transition: opacity .3s linear;
	opacity: 0;
	pointer-events: none;
}

.mobile-nav.visible
{
	opacity: 1;
	pointer-events: visible;
}

.menu-mobile-menu-container
{
	margin-top: 140px;

}

.mobile-nav .contact-info
{
  border-top: 1px solid #FFF;
  padding-top: 51px;
  padding-bottom: 68px;
}

.mobile-nav a
{
	text-decoration: none;
	background-image: none;
}

.mobile-nav ul
{
	list-style: none;
	padding: 66px 0px 66px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.mobile-nav ul li
{
	margin-bottom: 44px;
	opacity: 0;
	transform: translateY(10px);
	transition: all .6s ease;
}

.mobile-nav ul li.visible
{
	opacity: 1;
	transform: translateY(0px);
}

.mobile-nav ul li:last-child
{
	margin-bottom: 0px;
}

.smq-announcement
{
  font-size: 14px;
  line-height: 1.25em;
  background-color: #FFF;
  overflow: hidden;
  position: relative;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: height .2s ease;
}

.an-wrap
{
  white-space: nowrap;
  display: inline-block;
  padding-right: 100%;
  box-sizing: content-box;

}

#page .smq-announcement p
{
  margin: 0px;
  display: inline-block;
}

@keyframes textslider {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-180%, 0);
  }
}

.smq-announcement.no-anim
{
  transition: height 0s ease;
}

.smq-announcement.hidden
{
  height: 0px;
}

.smq-announcement::after
{
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  margin: 0px 0;
  height: 1px;
  background: repeating-linear-gradient(
    to right,
    black,
    black 10px,
    transparent 10px,
    transparent 20px
  );
}

.smq-holder
{
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  padding-left: 30px;
  width: var(--smq-content-width);
  max-width: var(--smq-max-width);
}

.smq-announcement .inner
{
  margin: 0px auto;
  position: relative;
  padding-left: 100%;
  box-sizing: content-box;
  overflow: hidden;
}

.smq-announcement a
{
  color: #000;
  text-decoration: underline;
}

.smq-announcement.static .inner
{
  padding-left: 0%;
  text-align: center;
}

.smq-announcement.static .an-wrap
{
  padding-right: 0px;
}

.smq-announcement .close
{
  position: absolute;
  left: 0px;
  top: 0px;
  width:  12px;
  height:  12px;
  top: 50%;
  transform: translate(0px, -50%);
  font-size: 30px;
  cursor: pointer;
  text-align: left;
  cursor: pointer;
}

header.site-header .wrap
{
	width: var(--smq-content-width);
  max-width: var(--smq-max-width);
  margin: 0px auto;
  text-align: center;
  position: relative;
}

.hamburger-menu
{
	display: none;
}

.main-navigation
{
  margin-top: 24px;
}

header.site-header .main-navigation
{
  margin-top: 14px;
}

.main-navigation a
{
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 450;
  font-size: min(1.25vw, 14px);
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.main-navigation ul
{
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-navigation ul li
{
  display: inline-block;
  margin-right: 8.077%;
  margin-right: min(7vw,90px);
  transition: transform .2s ease, opacity .1s linear;
  transform: translateY(0px);
  pointer-events: visible;
}

.main-navigation ul li a
{
  position: relative;
}

.site-header.hidden .main-navigation ul li
{
    transform: translateY(-100px);
    opacity: 0;
    pointer-events: none;
}

.site-header.hidden .main-navigation ul li.menu-item-37
{
  pointer-events: visible;
}

.site-header.hidden .main-navigation ul li.logo
{
  opacity: 1;
  transform: translateY(0px);
}

.menu-item.logo,
.site-logo
{
  width: 10vw;
  max-width: 142px;
  /*transition: all .2s ease;*/
}

.site-header.hidden .menu-item.logo
{
  width: 122px;
}

.menu-item a img
{
  width: 100%;
}

@media all and (max-width: 1200px)
{

  .smq-announcement
  {
    font-size: 11px;
  }
  /*.main-navigation ul li
  {
    margin-right: 6%;
  }*/

  /*.menu-item.logo
  {
    width: 122px;
  }*/
}

@media all and (max-width: 900px)
{
  .main-navigation a
  {
    font-size: min(1.37vw, 14px);
  }
}

.main-navigation ul li:last-child
{
  margin-right: 0px;
}

.smo-reservation
{
  /*width: 220px;*/
  text-align: center;
  box-sizing: border-box;
  -webkit-appearance: none;
  border: 1px solid #000;
  border-radius: 4px;
  font-weight: 450;
  font-size: 14px;
  line-height: 1em;
  text-transform: uppercase;
  padding: 10px 24px;
  z-index: 101;
  position: absolute;
  bottom: -16px;
  right: 5%;
  background-color: #FFF;
  transition: .3s all ease;
  transform: translateY(0%);
  color: #000;
}

.smo-reservation:hover
{
  background-color: #000;
  color: #FFF;
}

.smo-reservation.smq-takeout
{
  right: 314px;
  right: calc(5% + 233px);
  background-color: #000;
  color: #FFF;
  width: auto;
}

.smo-reservation.smq-takeout:hover
{
  background-color: #524A40;
  border-color: #524A40;
  color: #FFF;
}

.site-header.hidden .smo-reservation
{
  transform: translateY(-66px);
}

.smq-reservation-widget
{

  width: 224px;
  height: auto;
  position: absolute;
  top: 100%;
  top: calc(100% + 25px);
  right: 5%;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: all .3s ease-out;
}

.smq-reservation-widget.visible
{
  opacity: 1;
  pointer-events: visible;
  transform: translateY(0px);

}

.hidden .smq-reservation-widget
{
  top:calc(100% - 40px);
}

.smq-reservation-widget .inner
{

}

@media all and (max-width: 1200px)
{



  .smo-reservation
  {
    font-size: 12px;
  }
}

@media all and (max-width: 1200px)
{

  .smo-reservation
  {
    font-size: 12px;
    /*width: 198px;*/
  }

  .smo-reservation.smq-takeout
  {
    right: calc(5% + 213px)
  }

}

@media all and (max-width: 1120px)
{
  .smo-reservation.smq-takeout
  {
    right: auto;
    left: 5%;
  }
}

/* End of Header */


#page
{

}

.logo
{
	width: 241px;
}

#primary
{
	margin-bottom: 0px;
}

.smq-regular-width > .wp-block-group__inner-container
{
  width: var(--smq-content-width);
  max-width: var(--smq-max-width);
  margin: 0px auto;
}

.smq-narrow-width > .wp-block-group__inner-container
{
  width: 65.8%;
  max-width: 790px;
}

.wp-block-group.smq-section
{
  border-top: 1px solid #000;
}

.smq-80
{
    margin-bottom: 77px;
}

.wp-block-group.smq-section.no-border
{
  border-top: none;
}

.smq-home-cols
{
  gap: 2.9%;
}

.smq-home-cols .wp-block-column
{
  flex-grow: 0;
  flex-shrink: 0;
}

.smq-right figure
{
  margin-left: auto;
  width: 95%;
}

.smq-left figure
{
  margin-right: auto;
  width: 79.5%;
}

.smq-dark
{
  background-color: #000;
  color: #FFF;
  text-transform: uppercase;
  padding: 108px 0px;
}

.smq-dark a
{
  color: #FFF;
}

.smq-dark a.wm-underlined::before,
.smq-dark a.wm-underlined::after,
.smq-dark .wm-underlined a::before,
.smq-dark .wm-underlined a::after
{
  background-color: #FFF;
}

.smq-dark h2
{
  font-weight: 500;
  font-size: 42px;
  line-height: 55px;
  margin-top: 62px;
  margin-bottom: 30px;
  position: relative;
}

.smq-dark h2::before
{
  color: #FFF;
}

.smq-dark p
{
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 30px;
}

.smq-extra-margin
{
  margin-top: 44px;
}

.smq-dark .wp-block-columns
{
  gap: 38px;
}

.smq-dark .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:first-child
{
  flex-grow: 0 !important;
  flex-basis: 50% !important;
  display: flex;
  justify-content: flex-end;
}

.smq-dark .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:last-child
{
  flex-grow: 0 !important;
  flex-basis: 50% !important;
}

.smq-dark .wp-block-columns .wp-block-group
{
  width: 57%;
}

.smq-text-only
{
  text-transform: uppercase;
  text-align: center;
  margin: 75px auto 51px auto;

}

.smq-80 figure
{
  width: 79.86%;
}

.smq-home-cols h2
{
  font-size: 42px;
  font-weight: 500;
  line-height: 55px;
  margin: 88px 0px 30px 0px;
  position: relative;
  padding-left: 18%;
  padding-right: 11.5%;
}

.smq-home-cols h2::before,
.smq-dark h2::before,
.smq-text-columns h2::before,
.smq-numbered::before
{
  counter-increment: inst;
  content: "0" counter(inst);
  display: block;
  position: absolute;
  top: 19px;
  left: 10%;
  font-size: 15px;
  line-height: 1em;
  font-weight: 400;
}

.smq-numbered,
.site-main h2.smq-numbered
{
  position: relative;
  font-size: 42px;
  font-weight: 500;
  line-height: 55px;
}

.smq-columns-heading .smq-numbered::before
{
  left: -35px;
  top: 19px;
}

.smq-dark h2::before
{
  left: -10%;
}

.smq-home-cols p
{
  font-size: 18px;
  line-height: 32px;
  padding-left: 18%;
  padding-right: 11.5%;
}

.smq-heading-block
{
  padding: 113px;
}

.smq-heading-block h2
{
  font-size: 78px;
  line-height: 82px;
  text-align: center;
}

.smq-heading-block h2.smq-moveup
{
  font-weight: 500;
}

.smq-heading-block h2.smq-moveup::before
{
  display: block;
  content: '';
}

.smq-heading-block h2.smq-size-3
{
  font-weight: 500;
  font-size: 42px;
  line-height: 55px;
  margin-bottom: 26px;
}

@media all and (max-width: 900px)
{
  .smq-home-cols
  {
    margin-bottom: 50px;
  }

  .smq-home-cols .wp-block-column:first-child
  {
    flex-basis: 45%;
  }

  .smq-home-cols .wp-block-column:nth-child(2)
  {
    flex-basis: 55%;
  }

  .smq-home-cols h2,
  .smq-home-cols p
  {
    padding-left: 9%;
  }

  .smq-home-cols h2::before
  {
    left: 0px;
  }


}

@media all and (max-width: 900px){

  .smq-extra-margin
  {
    margin-top: 20px;
  }

  .smq-heading-block
  {
    padding: 113px 65px;
  }

  .smq-heading-block.smq-regular-width > .wp-block-group__inner-container
  {
    width: 100%;
    max-width: none;
  }

  .smq-dark h2
  {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
  }

  /*.smq-dark p
  {
    font-size: 15px;
    line-height: 23px;
  }*/

  .smq-heading-block h2
  {
    font-size: 60px;
    line-height: 1.3em;
  }

  .smq-home-cols h2
  {
    font-size: 30px;
    line-height: 40px;
    margin-top: 60px;
    margin-bottom: 20px;
  }

  .smq-home-cols p
  {
    padding-right: 0px;

  }

  .smq-home-cols h2::before
  {
      top:13px;
  }

  .smq-dark h2::before
  {
    top: 13px;
  }

}

.smq-slider
{
  width: 100%;
}

.smq-slider-controls
{
  height: 50px;
  width: 100%;
  max-width: 610px;
  margin: 0px auto !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 35px;
}

.smq-slider-controls button
{
  width: 48px;
  height:48px;
}


.m-slider__button-shape {
    display: block;
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    width:inherit
}

.m-slider__button-path {
    -webkit-animation: dash-out .4s cubic-bezier(.645, .045, .355, 1) forwards;
    animation: dash-out .4s cubic-bezier(.645, .045, .355, 1) forwards;
    fill: none;
    stroke: #1d1f26;
    stroke-dasharray: calc(3.14159265359 * 2 * 22px);
    stroke-dashoffset: calc(3.14159265359 * 2 * 22px);
    stroke-width:1px
}

.smq-slider-controls button:hover .m-slider__button-path, .three.post .gallery button:hover .m-slider__button-path, .three.post .wp-block-gallery button:hover .m-slider__button-path {
    -webkit-animation: dash-in .4s cubic-bezier(.645, .045, .355, 1) forwards;
    animation:dash-in .4s cubic-bezier(.645, .045, .355, 1) forwards
}

.a-icon {
    display: inline-block;
    height: 1.375rem;
    vertical-align: middle;
    width: 1.375rem;
    margin: -1em 0;
    position: relative;
    top:-.1em
}

.a-icon--direction-left {
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.a-icon {
  display: inline-block;
  height: 1.375rem;
  vertical-align: middle;
  width: 1.375rem;
  margin: -1em 0;
  position: relative;
  top: -2px;
  left: 0px;
}

.a-icon svg
{
  width: 100%;
  height: auto;
}

@keyframes dash-in {
    from {
        stroke-dashoffset:calc(3.14159265359 * 2 * 22px)
    }

    to {
        stroke-dashoffset:0
    }
}

@keyframes dash-out {
    from {
        stroke-dashoffset:0
    }

    to {
        stroke-dashoffset:calc(3.14159265359 * 2 * 22px)
    }
}

.smq-slider .wp-block-image
{
  width: auto !important;
  height: 480px;
  margin: 0px 20px !important;
}

.smq-slider .wp-block-image img
{
  height: 100% !important;
  width: auto !important;
}

.smq-halves
{
  padding: 0px 0px;
  text-align: center;
}

body.page-id-187 .smq-halves
{
  display: none;
}


.smq-halves.no-padding
{
  padding: 0px 0px;
}

.smq-halves h2
{
  font-size: 42px;
  line-height: 55px;
  font-weight: 500;
  margin: 0px;

}

.smq-halves .smq-has-text h2
{
  margin-bottom: 15px;
}

.smq-halves .wp-block-columns
{
  margin: 0px;
  gap: 0px;
}

.smq-halves .wp-block-column:first-child
{
  border-right: 1px solid #000;
}

body.home .smq-halves .wp-block-column:first-child
{
  border-right: none;
}

.smq-halves .wp-block-column:last-child
{

}

.smq-halves .wp-block-column
{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 3.5%;
  box-sizing: border-box;
}

.wp-block-columns.smq-70-30
{
  padding: 100px 0px;
  box-sizing: border-box;
  width: var(--smq-content-width);
  max-width: var(--smq-max-width);
  margin: 0px auto;
  gap: 3%;
}

.wp-block-columns.smq-70-30 h2
{
  font-size: 42px;
  line-height: 55px;
  margin-bottom: 30px;
  font-weight: 500;

}

.wp-block-columns.smq-70-30 p
{

}

.wp-block-columns.smq-70-30 .wp-block-column
{
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}

.wp-block-columns.smq-70-30 .wp-block-column:first-child
{
  flex-basis: 65.7%;
}

.wp-block-columns.smq-70-30 .wp-block-column:last-child
{
  flex-basis: 31.3%;
}

.smq-heading-block h2.smq-small
{
  font-size: 30px;
  line-height: 1em;
}

@media all and (max-width: 900px){

  .wp-block-columns.smq-70-30 .wp-block-column:first-child
  {
    flex-basis: 45%;
  }

  .wp-block-columns.smq-70-30 .wp-block-column:last-child
  {
    flex-basis: 52%;
  }

}


/*.smq-70-30:last-child
{
  border-bottom: none;
}*/

@media all and (max-width: 767px){

  .smq-halves .wp-block-column:first-child
  {
    border-right: none;
  }

  .smq-heading-block h2.smq-moveup::before
  {
    margin-top: 0px;
  }

}


/* Footer */

.site-footer
{
  padding-top: 81px;
  border-top: 1px solid #000;
}

.site-footer a
{
  position: relative;
}

.site-footer a::after
{
  left: 0;
  right: 0;
  bottom: -4px;
  height: 1px;
  content: "";
  position: absolute;
  transition: all 0.4s ease-in-out;
  background-color: #000;
  width: 0px;
  transform: translateX(0);
}


.site-footer a:hover::after
{
  opacity: 1;
  width: 100%;
}

.site-info a
{
  color: #000;
}

.site-footer .wrap
{
  display: flex;
  flex-direction: row;
  gap: 35px;
  font-weight: 450;
  font-size: 15px;
  line-height: 27px;
  width: var(--smq-content-width);
  max-width: var(--smq-max-width);
  margin: 0px auto;

}

.site-footer .wrap .col
{
  flex-basis: 25%;
}

.site-footer .wrap .full
{
  flex-basis: 100%;
}

.site-footer .social
{
  border-top: 1px solid #000;
  text-align: center;
  margin-top: 81px;
}

.site-footer .social .wrap
{

  margin: 10px auto;
  width: 100%;
}

.site-footer .social .wrap ul
{
  width: 100%;
}

.site-footer .social .wrap li
{
  display: inline-block;
  margin-right: 81px;
}

.site-footer .social .wrap li:last-child
{
  margin-right: 0px;
}

.site-footer h2
{
  margin: 0px 0px 18px 0px;
  font-size: 15px;
  line-height: 23px;
  text-transform: none;

}

.site-footer .logo
{
  width: 100%;
  max-width: 159px;
  margin: 0px;
}

.site-footer ul
{
  padding:0px;
  margin: 0px;
  list-style: none;
}

.copyright
{
  background-color: #000;
  color: #FFF;
}

.copyright .wrap
{
  padding: 10px 0px;
}

.copyright p
{
  margin: 0px;
}

.copyright a
{
  color: #FFF;
}

.copyright ul
{
  margin-left: auto;
  text-align: right;
}

.copyright ul li
{
  display: inline-block;
  margin-left: 60px;
}

@media all and (max-width: 960px)
{
  .smq-halves h2
  {
    font-size: 30px;
    line-height: 40px;
  }

  .site-footer .wrap
  {
    font-size: 13px;
    line-height: 25px;
    gap: 0px;
  }

  .site-footer .wrap .col
  {
    flex-grow: 1;
  }

  .site-footer .wrap .col:first-child
  {
    flex-basis: 16%;
    flex-grow: 0;
    margin-right: 20px;
  }

  .site-footer .logo
  {
    width: 60%;
  }
}


/* End of Footer */


/* Lightbox */

.smq-lightbox
{
  display: none;
}

.smq-lightbox a
{
  text-decoration: underline;
}

.featherlight:last-of-type
{
  background-color: rgba(0,0,0,.5);
}

.featherlight .featherlight-content
{
  border: 1px solid #000000;
  box-shadow: 0px 12px 28px rgba(44, 31, 31, 0.25);
  padding: 0px;
  width: 90%;
  max-width: 400px;
}

.featherlight .featherlight-close-icon
{
  width: 15px;
  height:15px;
  top: 21px;
  right: 20px;
}

.smq-lightbox .inner
{
  border-top: 1px solid #000;
  margin-top: 57px;
  padding: 0px 0px 95px 0px;
  font-size: 15px;
  line-height: 23px;
}

.smq-lightbox .inner h2
{
  margin: 0px 0px 30px 0px;
  padding: 15px 40px 20px 40px;
  font-size: 42px;
  line-height: 55px;
  border-bottom: 1px solid #000;
}

.smq-lightbox .inner p
{
  width: 100%;
  margin: 0px auto;
  padding: 0px 40px;
}

/* End of Lightbox */


.wp-block-columns .col-60 {
  flex-basis: 56% !important;
  margin-right: 4.1% !important;
}

.wp-block-columns .col-60 .wp-block-image
{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 0px;
	padding-bottom: 73.3%;

}

.wp-block-columns .col-60 .wp-block-image::before {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  content: ' ';
  transform: translateY(0%);
  transition: .75s all ease;
  z-index: 1;
  box-sizing: border-box;
}

.wp-block-columns.visible .col-60 .wp-block-image:before
{
	transform: translateY(-100%);
}


.wp-block-columns .col-40
{
  flex-basis: 35% !important;
  font-weight: 300;
  font-size: 18px;
  line-height: 23px;
  text-transform: uppercase;
  position: relative;
	letter-spacing: 0px;
}

.wp-block-columns .col-40 p {
  position: relative;
  padding-left: 5%;
  margin-top: 100px;
  opacity: 0;
  transform: translateY(10px);
  transition: .75s all ease .6s;

}

.wp-block-columns.visible .col-40 p {
  opacity: 1;
  transform: translateY(0px);
}

.subscribe
{
  text-align: center;
}

.subscribe h2
{
  font-size: 36px;
  line-height: 45px;
  margin-bottom: 130px;
}

form
{
  border-bottom: 1px solid #000;
  width: 81%;
  margin: 0px auto;
}

form input[type="email"],
form input[type="text"]
{
  font-size: 28px;
  line-height: 30px;
  -webkit-appearance: none;
  border: 0px;
  border-radius: 0px;
  outline: none;
  padding: 0px;
  font-family: trade-gothic-next, sans-serif;
  font-weight: 300;
  width: 74%;
  max-width: 608px;
  margin-right: 2%;
}

form input[type="email"]::placeholder
{
	font-family: trade-gothic-next, sans-serif;
  	font-weight: 300;
  	color: #000;
  	opacity: 1;
}

button,
input[type="submit"]
{
  -webkit-appearance: none;
  border: 0px;
  border-radius: 0px;
  background-color: transparent;
  overflow: hidden;
  padding: 0px;
  width: 36px;
  height: 36px;
  vertical-align: bottom;
  position: relative;
  cursor: pointer;
}

.mc-field-group
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-bottom: 22px;
}

input[type="submit"]
{
	background-image: url('/wp-content/themes/smoquesteak/images/arrow.svg');
	background-size: 50px 50px;
	background-position: center center;
	position: relative;
	top: 8px;
	transition: all .3s ease;
	transform: translate(-0px, 0px);

}

input[type="submit"]:hover
{
	transform: translate(5px, -5px);
}

/*button img
{
  width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}*/

.stripe
{
	position: absolute;
	left: 0px;
	top: 100px;
	height: 200px;
	width: 1px;
	overflow: hidden;
}

.stripe .inner
{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
	content: ' ';
	transform: translateY(100%);
	transition: .75s all ease;
	z-index: 1;
	box-sizing: border-box;
}

.wp-block-columns.visible .stripe .inner
{
	transform: translateY(0%);
}

@media all and (min-width: 600px) and (max-width: 781px)
{
	body.home .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child)
	{
		flex-basis: 100% !important;
		margin: 0px;
		margin-bottom: 40px;
	}
}

@media all and (max-width: 900px)
{
  h1
  {
    font-size: 76px;
    line-height: 1.3em;
  }

  .smo-reservation.smq-takeout
  {
    right: auto;
    left: 5%;
  }

  /*header.site-header.hidden
  {
    padding: 0px 0px 27px 0px;
  }

  header.site-header.hidden::after
  {
    transform: translateY(0px);
    opacity: 1;
  }



  .site-header.hidden .smo-reservation
  {
    transform: translateY(0px)
  }*/

  .wp-block-image figcaption
  {
    bottom: 10px;
    left: 20px;
  }

  .smq-home-cols h2
  {
    padding-right: 0%;
  }

  .smq-dark .wp-block-columns .wp-block-group
  {
    width: 80%;
  }

}

@media all and (max-width: 767px)
{

  .site-logo
  {
    width: 92px;
    display: block;
    margin:0px auto;
  }

  .site-logo figure
  {
    margin: 0px;
  }

  .site-logo svg
  {
    width: 100%;
    height: auto;
    display: block;
  }

  .main-navigation
  {
    display: none;
  }

  .wp-block-image figcaption
  {
    bottom: 10px;
    left: 20px;
    font-size: 15px;
    line-height: 27px;
  }

  .mobile-nav
	{
		display: block;
		overflow: auto;
	}

  .smq-lightbox .inner h2
  {
    font-size: 30px;
    line-height: 40px;
  }

  .smq-announcement
  {
    font-size: 10px;
  }

  .menu-item a img
  {
    width: 92px;
  }

  .hamburger-menu
	{
		margin: 0px 0px 0px auto;
		width: 27px;
		height: 27px;
		padding: 0px;
		background-color: transparent;
		border-radius: 0px;
		border: none;
		z-index: 1;
		cursor: pointer;
		display: block;
		position: absolute;
    top: 39%;
    right: 22px;
	}

  body.banner-active .hamburger-menu
  {
    top:39%;
  }

	.hamburger-menu .label
	{
		text-transform: uppercase;
		font-size: 9px;
		position: absolute;
		top: 15px;
		line-height: 1em;
		opacity: 1;
		transition: opacity .3s linear;
		display: block;
    color: #000;
	}

	.hamburger-menu .label.hidden
	{
			opacity: 0;
	}

	.stick {
	    position: relative;
			display: block;
	    transform: translateY(0px);
	    background: transparent;
	    transition: all 0s .3s
	}

	.stick:after, .stick:before, .tagline {
	    position: absolute
	}

	.stick, .stick:after, .stick:before {
	    width: 100%;
	    height: 1px
	}

	.stick:before {
	    bottom: 10px;
	    transition: bottom .3s .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1)
	}

	.stick:after {
	    top: -3px;
	    transition: top .3s .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
	}

	.stick.animate {
	    background: rgba(255, 255, 255, 0)
	}

	.stick.animate:before {
	    bottom: 0;
	    transform: rotate(-45deg);
	    transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s .3s cubic-bezier(.23, 1, .32, 1)
	}

	.stick.animate:after {
	    top: 0;
	    transform: rotate(45deg);
	    transition: top .3s cubic-bezier(.23, 1, .32, 1), transform .3s .3s cubic-bezier(.23, 1, .32, 1)
	}

	.stick:after, .stick:before {
	    content: "";
	    left: 0;
	    background: #000;
	}

  .nav-menu .menu-item
  {
    display: none;
  }

  .nav-menu .menu-item.logo
  {
    display: inline-block;
  }

  #page
  {
  	width: 100%;
  }

  header.site-header
  {
		margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 122px;
	}

  body.banner-active header.site-header
  {
    height: 162px;
  }

  body.banner-active header.site-header .wrap
  {
    height: calc(100% - 40px);
  }

  header.site-header.nav-on
  {
    background-color: #000;
  }

  header.site-header.hidden
  {
    padding: 0px;
  }

  header.site-header .site-logo path
  {
    transition: all .2s linear;
  }

  header.site-header.nav-on .site-logo path
  {
    fill: #FFF;
  }

  header.site-header .wrap
  {
    width: 95%;
    max-width: 1201px;
    margin: 0px auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  header.site-header.nav-on .stick:after,
  header.site-header.nav-on .stick:before
  {
    background-color: #FFF;
  }

  header.site-header.nav-on .hamburger-menu .label
  {
    color: #FFF;
  }

  header.site-header.nav-on::after
  {
    border-top: 1px solid #FFF;
  }

  .logo
  {
  	width: 48%;
  }

  .smo-reservation
  {
    font-size: 9px;
    line-height: 14px;
    padding: 4px 14px;
    right: 5%;
    height: auto;
    bottom: -11px;
    width: auto;
  }

  .hidden .smq-reservation-widget
    {
      top:calc(100% + 25px);
    }

  .smo-reservation.smq-takeout
  {
    right: auto;
    left: 5%;
  }

  .site-header.nav-on .smo-reservation.smq-takeout
  {
    background-color: #FFF;
    color: #000;
  }

  .site-header.hidden .smo-reservation
  {
    transform: translateY(0px);
  }

  header.site-header.hidden::after
  {
    transform: translateY(0px);
    opacity: 1;
  }

  .mobile-nav .contact-info
  {
    font-size: 15px;
    line-height: 27px;
  }


  h1
  {

    font-size: 42px;
    line-height: 55px;
	  letter-spacing: 0.03em;
	  margin-bottom: 42px;
  }

  .smq-narrow-width > .wp-block-group__inner-container
  {
    width: 90%;
  }

  .smq-heading-block
  {
    padding: 0px;
    margin-bottom: 50px;
  }

  body.home .smq-heading-block h2
  {
    font-size: 42px;
    line-height: 55px;
    font-weight: 700;
  }

  .smq-heading-block h2
  {
    font-size: 60px;
    line-height: 1em;
    margin-top: 80px;
    font-weight: 500;
  }

  .smq-heading-block h2.smq-small
  {
    font-size: 30px;
  }

  body.page-id-187 .smq-heading-block h2
  {
    margin-top: 50px;
  }

  body.page-id-187 .smq-heading-block h2:last-child
  {
    margin-top: 0px;
  }

  .smq-heading-block h2.smq-size-3
  {
    font-size: 30px;
    line-height: 40px;
  }

  .smq-slider .wp-block-image
  {
    height:175px;
    margin: 0px 7px !important
  }


  .columns
  {
  	margin-bottom: 80px;
  }

	body.home .wp-block-column
	{
		flex-basis: 100% !important;
	}

  .columns .col {
    flex-basis: 100%;
    margin-right: 0%;
    margin-bottom: 40px;
  }

  .columns .col-60,
  .columns .col-40
  {
    flex-basis: 100%;
    margin-right: 0px;
    margin-bottom: 40px;
  }

  .columns .col-40
  {
  	height: 118px;
  	margin-bottom: 0px;
  }

  .stripe {
	top: 0px;
	height: 118px;
  }

  .columns .col-40 p
  {
  	margin-top: 0px;
  }

  .content.subscribe
  {
  	margin-top: 115px;
  }

  .subscribe h2
  {
  	font-size: 22.2472px;
	line-height: 28px;
	margin-bottom: 80px;
  }

  form
  {
  	width: 88%;
  }

  form input[type="email"], form input[type="text"],
  form input[type="email"]::placeholder
  {
  	font-size: 18px;
	line-height: 30px;
  }

  .mc-field-group
  {
  	padding-bottom: 2px;
  }

  input[type="submit"]
  {
  	background-size: 40px 40px;
	top: 1px;
  }


  .wp-block-columns.smq-70-30
  {
    padding: 50px 0px;
  }

  .wp-block-columns.smq-70-30 .wp-block-column:first-child
  {
    margin-bottom: 50px;
  }


  .grid-container.mobile
  {
  	grid-template-columns: repeat(4, 1fr);
  	opacity: 0;
  	grid-template-areas: ". . . .";
  	width: 100%;
  }

	body.home .wp-block-group.smq-wide-content
	{
  	width: 86.1%;
		margin: 0px auto;
	}

  .site-main h1,
  .site-main .smq-page-title h1
  {
    font-size: 42px;
    line-height: 55px;
    margin-bottom: 42px;
    margin-top: 20px;
  }

  body.home .site-main h1
  {
    font-size: 56px;
    line-height: 1.3em;
  }

	.smq-right figure
  {
    width: 58.2%;
    margin: 0px auto 0px 0px;
  }

  .smq-home-cols h2
  {
    margin-top: 60px;
    font-size: 30px;
    line-height: 40px;
  }

  .smq-home-cols h2
  {
    padding-right: 0px;
    padding-left: 12%;
  }

  .smq-home-cols h2::before
  {
    left: 0%;
  }

  .smq-left figure
  {
    margin: 102px 0px 0px auto;
    width: 57%;
  }

  .smq-home-cols
  {
    margin-bottom: 0px;
  }

  .smq-home-cols p
  {
    padding-right: 0px;
    padding-left: 12%;
  }

  .smq-dark .wp-block-columns
  {
    flex-direction: column-reverse;
  }

  .smq-dark .wp-block-columns .wp-block-group
  {
    width: var(--smq-content-width);
    margin: 0px auto;
  }

  .smq-dark .wp-block-columns figure
  {
    width: 95.5%;
    margin-left: auto;
  }

  .smq-dark h2
  {
    padding-right: 0px;
    padding-left: 12%;
    font-size: 30px;
    line-height: 40px;
    box-sizing: border-box;
  }

  .smq-dark p
  {
    padding-left: 12%;
    box-sizing: border-box;
  }

  .smq-dark h2::before
  {
    left: 0px;
    top: 13px;
  }

  .smq-halves
  {
    padding-bottom: 50px;
  }

  .smq-halves.no-padding
  {
    padding-bottom: 50px;
  }

  .smq-halves .wp-block-columns
  {
    flex-direction: column-reverse;
  }

  .smq-halves .wp-block-columns.smq-mobile-reverse
  {
    flex-direction: column;
  }

  .smq-halves .wp-block-column
  {
    padding-bottom: 0px;
  }

  /*.smq-halves .wp-block-columns.smq-mobile-reverse .wp-block-column:last-child
  {
    padding-bottom: 30px;
  }*/

  .smq-halves h2
  {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0px;
  }

  .site-footer
  {
    padding-top: 48px;
  }
  .site-footer .wrap
  {
    flex-wrap: wrap;
    gap: 0px;
    font-size: 14px;
    line-height: 27px;
  }

  .site-footer .wrap .col
  {
    flex-shrink: 0;
    margin-bottom: 60px;
  }

  .site-footer .wrap .col:first-child
  {
    flex-basis: 100%;
  }

  .site-footer .wrap .col:nth-child(2),
  .site-footer .wrap .col:nth-child(3)
  {
    flex-basis: 50%;
  }

  .site-footer .wrap .col:nth-child(4)
  {
    flex-basis: 100%;
    margin-bottom: 0px;
  }

  .site-footer .social .wrap ul
  {
    display: flex;
    justify-content: space-between;
    width: var(--smq-content-width);
    margin: 0px auto;
  }

  .site-footer .social .wrap li
  {
    margin: 0px;
  }


  .site-footer .logo
  {
    max-width: 79px;
    margin: 0px;
  }

  .site-footer .copyright .wrap
  {
    font-size: 12px;
    line-height: 23px;
  }

  .copyright ul li
  {
    margin-left: 25px;
  }
}

/* Menu Page */

.smq-menu-table
{
  font-weight: 450;
  font-size: 18px;
  line-height: 27px;
  text-transform: uppercase;

}

.smq-menu-cols
{
  margin: 100px 0px 120px 0px;
}

.smq-menu-cols .wp-block-columns
{
  font-weight: 450;
  font-size: 18px;
  line-height: 27px;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #000;
}

.smq-menu-cols .wp-block-columns
{
  border-bottom: 0px;
  gap: 0px;
  transition: all .4s linear;
}

.smq-menu-cols .wp-block-columns:hover
{
  background-color: rgba(0,0,0,.05);

}

.smq-menu-cols .wp-block-columns:last-child
{
  border-bottom: 1px solid #000;
  margin
}

.smq-menu-cols .wp-block-column
{
  padding: 32px;
  border-right: 1px solid #000;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}

.smq-menu-cols .wp-block-column:last-child
{
  border-right: 0px;
}

.smq-menu-cols .wp-block-column:nth-child(2)
{
  flex-basis: 54.5%;
}

.smq-menu-cols .wp-block-column:first-child
{
  flex-basis: 31.5%;
}

.smq-menu-link
{
  overflow: hidden;
}

.smq-menu-link > a
{
  display: block;
  width:100%;
  height: 100%;
  position: relative;
  transition: .4s cubic-bezier(.85,0,.15,1);
  transform: translateY(0%) rotate(0.001deg);
  display: flex;
  justify-content: center;
}

.smq-menu-link > a img
{
  width: 28px;
}

.smq-menu-link > a.alternate
{
  position: absolute;
  top:0px;
  left:0px;
  transform: translateY(101%) rotate(0.001deg);
  background-color: #000;

}

@media ( pointer: fine ){
  .smq-menu-cols .wp-block-columns:hover .smq-menu-link a
  {
    transform: translateY(-101%) rotate(0.001deg);
  }

  .smq-menu-cols .wp-block-columns:hover .smq-menu-link > a.alternate
  {
    transform: translateY(0%) rotate(0.001deg);
  }
}

.smq-menu-cols .wp-block-column:last-child
{
  flex-basis: 14.1%;
}



.smq-menu-cols h3
{
  font-weight: 500;
  font-size: 30px;
  line-height: 45px;
  text-transform: none;
  transition: .4s cubic-bezier(.85,0,.15,1);
  transform: translate(0, 5%);
}

.smq-menu-cols h3::before
{
  content: '\26AC';
  display: inline-block;
  margin-right: 5px;
  transform: scale(.6);
  position: relative;
  top: -10px;
}

.smq-events.smq-menu-cols h3::before
{
  display: none;
}

@media ( pointer: fine ){
  .smq-menu-cols .wp-block-columns:hover h3
  {
    transform: translate(0.75em, 5%);
  }
}

.smq-menu-table tr td
{
  background-color: transparent;
  transition: all .2s linear;
}

.smq-menu-table tr:hover td
{
  background-color: rgb(238, 235, 232);
}

.smq-menu-table tr h2
{
  transition: 0.4s cubic-bezier(.85,0,.15,1);
}

.smq-menu-table tr:hover h2
{
  transform: translate(0.75em, 5%);
}

.smq-menu-table tr td:first-child
{
  font-weight: 400;
  font-size: 30px;
  line-height: 45px;
  text-transform: none;
}

.smq-menu-table tr td:nth-child(3)
{
  text-align: center;
}

.smq-menu-table tr td:nth-child(3) img
{
  margin: 0px auto;
}

.smq-events.smq-menu-cols p
{
  font-weight: 300;
}

.smq-menu-cols a::before,
.smq-menu-cols a::after
{
  display: none;
}

@media all and (max-width: 900px){

  .site-main .smq-menu-cols a
  {
    background: none;
  }

  .smq-menu-cols h3::before
  {
    top:-3px;
  }

}

@media all and (max-width:767px){
  .smq-menu-cols .wp-block-column
  {
    flex-basis: 33.33%;
    padding: 32px 7px;
  }

  .smq-menu-cols .wp-block-column:nth-child(2)
  {
    padding: 32px 7px 32px 20px;
    flex-basis: 45%;
  }

  .smq-menu-cols .wp-block-column:last-child {
    flex-basis: 23.1%;
  }

  .smq-menu-cols,
  .smq-menu-cols .wp-block-columns,
  .smq-menu-cols h3
  {
    font-size: 15px;
    line-height: 1em;

  }


  .smq-events.smq-menu-cols,
  .smq-events.smq-menu-cols .wp-block-columns,
  .smq-events.smq-menu-cols h3
  
  {
    line-height: 1.3em;
  }

  .smq-menu-cols h3::before
  {
    top: -2px;
  }



}

/* End of Menu Page */

/* Market Page */

.smq-10-col
{
  padding: 100px 0px 130px 0px;
  border-bottom: 1px solid #000;
  margin-bottom: 100px;
}

.smq-10-col .wp-block-group__inner-container
{
  width: 62%;
  text-align: center;
  font-size: 30px;
  line-height: 45px;

}

.smq-10-col h2
{
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 1px;
  margin-bottom: 33px;
}

.smq-10-col ul
{
  text-align: left;
}

.smq-columns-80
{
  width: 79.5%;
  margin: 0px auto;
  font-size: 21px;
  line-height: 40px;
}

.smq-location
{
  margin-top: 76px;
}

#smoque-map
{
  width:100%;
  height: 520px;
}

.map-marker
{
  background-image: url('/wp-content/themes/smoquesteak/images/marker.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  width: 66px;
  height: 66px;
}

.mapboxgl-popup-content
{
  padding: 9px 40px 11px;
}

.smq-location-cols h2
{
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 38px;
}

.smq-location-cols .wp-block-column
{
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  justify-content: center;

}

.smq-operations,
.smq-groups
{
  padding: 40px 0px 120px 0px;
}

.smq-operations h2,
.smq-groups h2
{
  font-weight: 500;
}

.smq-operations .wp-block-column,
.smq-groups .wp-block-column
{
  flex-grow: 0 !important;
  flex-shrink: 0;
}

.smq-operations .wp-block-column
{
  flex-basis: 21% !important;
}

.smq-operations .wp-block-column:first-child,
.smq-groups .wp-block-column:first-child
{
  flex-basis: 41.6666% !important;
}

.smq-groups .wp-block-column:nth-child(2)
{
  flex-basis: 41.6666%;
}

#mc_embed_signup form
{
  border-bottom: 1px solid #000;
  width: 60%;
  margin: 0px auto;
}

#mc_embed_signup form input[type="email"],
#mc_embed_signup form input[type="text"]
{
  font-size: 25px;
  line-height: 31px;
  -webkit-appearance: none;
  border: 0px;
  border-radius: 0px;
  outline: none;
  padding: 0px;
  font-family: trade-gothic-next, sans-serif;
  font-weight: 300;
  width: 74%;
  max-width: 608px;
  margin-right: 2%;
}

#mc_embed_signup form input[type="email"]::placeholder
{
	font-family: trade-gothic-next, sans-serif;
  	font-weight: 300;
  	color: #000;
  	opacity: 1;
}

#mc_embed_signup button,
#mc_embed_signup input[type="submit"]
{
  -webkit-appearance: none;
  border: 0px;
  border-radius: 0px;
  background-color: transparent;
  overflow: hidden;
  padding: 0px;
  width: 36px;
  height: 36px;
  vertical-align: bottom;
  position: relative;
  cursor: pointer;
}

#mc_embed_signup .mc-field-group
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-bottom: 7px;
}

#mc_embed_signup input[type="submit"]
{
	background-image: url('/wp-content/themes/smoquesteak/images/arrow.svg');
	background-size: 50px 50px;
	background-position: center center;
	position: relative;
	top: 3px;
	transition: all .3s ease;
	transform: translate(-0px, 0px);

}

#mc_embed_signup input[type="submit"]:hover
{
	transform: translate(5px, -5px);
}

#mc_embed_signup button img
{
  width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.smq-subscribe
{
  padding: 60px 0px 80px 0px;
}

.smq-subscribe h2
{
  font-weight: 500;
  text-align: center;
  font-size: 25px;
  line-height: 31px;
  margin-top: 0px;
  margin-bottom: 115px;
}

@media all and (max-width: 900px){
  .smq-10-col .wp-block-group__inner-container
  {
    width: 75%;
  }

  .smq-10-col .wp-block-group__inner-container
  {
    font-size: 21px;
    line-height: 1.5em;
  }

  .smq-10-col ul
  {
    font-size: 21px;
    line-height: 1.3em;
  }

  .smq-operations .wp-block-column
  {
    flex-basis: 25% !important;
  }

  .smq-operations .wp-block-column:first-child,
  .smq-groups .wp-block-column:first-child
  {
    flex-basis: 31.6666% !important;
  }

  .smq-groups .wp-block-column:nth-child(2)
  {
    flex-basis: 57%;
  }

}


@media all and (max-width: 767px){
  .smq-location
  {
    margin-top: 55px;
  }

  .smq-location-cols .wp-block-column:first-child
  {
    padding: 60px 0px;
  }

  .smq-operations .wp-block-column:first-child,
  .smq-groups .wp-block-column:first-child
  {
    flex-basis: 100% !important;
  }

  #mc_embed_signup form
  {
      width: 75%;
  }

  #mc_embed_signup input[type="submit"]
  {
    top: 0px;
  }

}

/* End of Locations */

@media all and (max-width: 767px)
{
  .site-main .smq-10-col h2,
  .site-main .smq-10-col p
  {
    opacity: 1;
  }

  .smq-10-col .wp-block-group__inner-container
  {
    font-size: 21px;
    line-height: 32px;
  }

  .smq-10-col .wp-block-group__inner-container
  {
    width: var(--smq-content-width);
  }

  .smq-columns-80
  {
    width: 100%;
    gap:0px;
  }

  .smq-10-col
  {
    padding: 100px 0px 80px 0px;
    margin-bottom: 75px;
  }

  .smq-10-col ul
  {
    margin: 0px;
  }

}

/* End of Market Page */

/* About Page */

.smq-text-columns
{
  padding: 0px 5.75% 90px 5.75%;
}

.smq-text-columns p
{
  line-height: 32px;
}

.smq-text-columns .wp-block-column
{
  box-sizing: border-box;
  flex-basis: 63% !important;
  flex-grow: 0 !important;
}

.smq-text-columns .wp-block-column:first-child
{
  padding-left: 5%;
}

.smq-text-columns .wp-block-column:last-child
{
  padding-right: 2%;
}

.smq-columns-heading
{
  padding: 150px 5.75% 40px 10.1%;
  position: relative;
}

.smq-text-columns h2
{
  font-weight: 500;
  font-size: 42px;
  line-height: 55px;
  position: relative;
}

.smq-text-columns h2::before
{
  left: -10%;
}

@media all and (max-width: 767px){

  body.page-id-169 .smq-home-cols h2
  {
    margin-bottom: 20px;
  }

  .smq-text-columns h2
  {
    font-size: 30px;
    line-height: 40px;
    padding-left: 12%;
    margin-bottom: 80px;
  }

  .smq-text-columns h2::before
  {
    left: 0px;
  }

  .smq-text-columns p,
  .smq-text-columns ul
  {
    padding-left: 12%;
  }

  .smq-text-columns
  {
    padding: 20px 0% 90px 0%;
    line-height: 32px;
  }

  .smq-columns-heading
  {
      padding-bottom: 0px;
      padding-left: 12%;
  }

  .smq-columns-heading h2,
  .smq-numbered,
  .site-main h2.smq-numbered
  {
    font-size: 30px;
    line-height: 40px;
  }

  .smq-text-columns .wp-block-column:first-child
  {
    padding-left: 0px;
  }

}

/* end About Page */

/* Press Page */



/* End of Press Page */
.smq-press
{
  padding-top: 110px;
}

.smq-press .wp-block-image
{
  margin-bottom: 35px;
}

.smq-press .wp-block-column
{
  flex-basis: 28.5% !important;
  flex-grow: 0 !important;
}

.smq-press .wp-block-columns
{
  margin-bottom: 250px;
  font-size: 15px;
  line-height: 23px;
  gap: 7.25%;
}

.smq-press .wp-block-columns h2
{
  font-size: 21px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 15px;
}

@media all and (max-width: 767px){

    .smq-press
    {
      padding-top: 60px;
    }

    .smq-press .wp-block-columns
    {
      margin-bottom: 0px;
    }
    .smq-press .wp-block-column
    {
      margin-bottom: 60px;
    }
}

/* Privacy Policy */

body.privacy-policy .site-main h1
{
  font-size: 60px;
  line-height: 78px;
  text-transform: none;
}

body.privacy-policy .site-main h2
{
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 20px;
  margin-top: 60px;
}

body.privacy-policy .smq-section
{
  font-size: 18px;
  line-height: 27px;
}

body.privacy-policy .entry-content
{
  margin-bottom: 250px;
}

body.privacy-policy .site-main a
{
  display: inline;
  display: inline;background-image: linear-gradient(#000,#000);
  background-position:0 100%;
  background-repeat: no-repeat,no-repeat;
  background-size: 100% 1px;
  transition: all .3s ease;

}

body.privacy-policy .site-main a
{

}

body.privacy-policy .site-main a::before,
body.privacy-policy .site-main a::after
{
  display: none;
}

/*end of Privacy Policy */

.grid-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    gap: 2.9%;
    grid-template-areas: ". . . . . . . . . . . .";
    position: fixed;
    height: 100%;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    max-width: 1201px;
    width: 95%;
    mix-blend-mode: multiply;
}

.grid-container.visible
{
		opacity: 1;
}

.grid-container div
{
	background-color: #CCCCCC8A
}

@media all and (max-width: 767px)
{
  .grid-container.visible
  {
    opacity: 0;
  }
}