/*
Theme Name:     abakedjoint
Theme URI:      https://abakedjoint.com/
Description:    A custom theme for the Baked Joint website.
Author:         Vess Studio
Author URI:     https://vess.studio/
Version:        2.3.0

Text Domain: abakedjoint

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Lists
7.0 Links
8.0 Navigation
9.0 Layout
   9.1 Header
   9.2 Front Page
   9.3 Regular Content
   9.4 Posts
   9.5 Footer
10.0 Comments
11.0 Forms
   11.1 MailChimp Form
12.0 WooCommerce
   12.1 Stripe Payment Method
   12.2 Extension: Name Your Price
13.0 Plugin: Squelch Tabs and Accordions
14.0 Plugin: Google Calendar
15.0 Plugin: WooCommerce Delivery Slots
16.0 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v7.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  display: inline-block;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after {
  clear: both;
}

/* disable scroll-zoom on google maps */
.scrolloff {
  pointer-events: none;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
  color: #333;
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  margin: 0 0 0.75em;
  padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  padding-top: 0;
}

h1 {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 400;
  text-transform: uppercase;
}

h2 {
  color: #333;
  font-size: 18px;
  font-size: 150%;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5em;
  margin: 0 auto;
  padding: 1em 0 2em;
  text-transform: uppercase;
}

h3 {
  color: #89B6C1;
  font-size: 13px;
  font-size: 115%;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 2em;
  text-transform: uppercase;
}

p {
  margin: 0 0 1.5em;
  padding: 0;
}

ul,
li,
ol {
  margin: 0 auto;
  padding: 0;
}

/*--------------------------------------------------------------
6.0 Lists
--------------------------------------------------------------*/

.entry-content ul,
.entry-content ol {
    margin: 0 0 1.5em;
}

.entry-content li {
    margin-left: 1.5em;
}

.entry-content li > ul,
.entry-content li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
7.0 Links
--------------------------------------------------------------*/

a {
  /* color: #1f99e4; */
  color: #D99F55;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  /* color: #0c83cc; */
  color: #cc8d3c;
  outline: 0;
}

a.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .918em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    display: inline-block;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

a.button:hover {
    color: #515151;
    text-decoration: none;
    background-color: #dad8da;
    background-image: none;
}

a.button.alt {
    color: #fff;
    background: #d99f55;
}

a.button.alt:hover {
    background: #cc8d3c;
}

/*--------------------------------------------------------------
8.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
  font-size: 13px;
  font-size: 0.8125rem;
  position: relative;
}

.navigation-top .wrap {
  max-width: 1000px;
  padding: 0;
}

.navigation-top a {
  color: #333;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.navigation-top a:hover {
  color: #D99F55;
}

/*.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
  color: #D99F55;
}*/

.main-navigation {
  clear: both;
  display: block;
  margin: 0 auto;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #eee;
  padding: 0.25em 0;
  position: relative;
  z-index: 10;
}

@media screen and ( min-width: 782px ) {
  .main-navigation {
    padding: 0.8em 0;
  }
}

.main-navigation.fixed {
  position: fixed;
  top: 0;
  left: 0;
}

.main-navigation ul {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0 1.5em;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul {
  display: none;
}

.js .main-navigation.toggled-on > div > ul {
  display: block;
}

.main-navigation ul ul {
  padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
  display: block;
}

.main-navigation li {
  margin: 0.5em 0;
  position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
  border: 0;
}

.main-navigation a {
  display: block;
  padding: 0.8em 0;
  text-decoration: none;
}

@media (min-width: 660px) {
  .main-navigation li {
    display: inline-block;
    padding: 0 1em;
  }
  .main-navigation a {
    padding: 0;
  }
}

/* Menu toggle */

.menu-toggle {
  display: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  width: 100%;
  padding: 1em;
  margin: 0 auto;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
  display: block;
}

.main-navigation.toggled-on ul.nav-menu {
  display: block;
}

@media (min-width: 660px) {
  .js .menu-toggle {
    display: none;
  }
  .js .main-navigation ul {
    display: block;
    margin: 0 auto;
  }
}

/*--------------------------------------------------------------
9.0 Layout
--------------------------------------------------------------*/

body {
  width: 100%;
  height: 100%;
  background: #333;
  margin: 0;
  position: relative;
}

.wrapper {
  background: #fff;
  overflow: hidden;
}

.admin-bar .wrapper {
  margin-top: 0;
}
@media screen and ( min-width: 782px ) {
  .admin-bar .wrapper {
    margin-top: 32px;
  }
}

.site-content {
  color: #333;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.content-area {
  width: 80%;
  padding: 2em 10%;
  margin: 0 auto;
  overflow: hidden;
}

/* Columns */

.column-wrap,
.column-wrapper {
  display: inline-block;
  padding: 0;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.two-column {
  display: inline-block;
  padding: 0;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.three-column {
  display: inline-block;
  padding: 0;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.four-column {
  display: inline-block;
  padding: 0;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

@media (min-width: 660px) {

  .two-column {
    float: left;
    position: relative;
    text-align: center;
    width: 50%;
  }

  .two-column#one {
    padding-right: 0.5em;
  }

  .two-column#two {
    padding-left: 0.5em;
  }

  .three-column {
    text-align: center;
    width: 27.333%;
    padding: 0 3%;
    float: left;
    position: relative;
  }

  .four-column {
    float: left;
    position: relative;
    text-align: center;
    width: 25%;
  }

  .four-column#one {
    padding-right: 0.75em;
  }

  .four-column#two {
    padding-left: 0.75em;
  }

  .four-column#three {
    padding-right: 0.75em;
  }

  .four-column#four {
    padding-left: 0.75em;
  }

  .quarter-column {
    margin: 0 auto;
    position: relative;
    width: 100%;
    display: inline-block;
  }

  .quarter-column .one {
    float: left;
    margin: 0 auto;
    padding-right: 0.75em;
    width: 25%;
  }

  .quarter-column .two {
    float: left;
    margin: 0 auto;
    padding-left: 0.75em;
    width: 75%;
  }
}

@media (min-width: 760px) {
  .four-column {
    width: 50%;
    padding: 0;
    margin: 0 auto;
    position: relative;
  }
}

@media (min-width: 960px) {

  .two-column {
    margin: 0 auto;
    width: 50%;
  }

  .four-column {
    margin:0 auto;
    padding: 0em;
    position: relative;
    width: 25%;
  }
}


/*--------------------------------------------------------------
9.1 Header
--------------------------------------------------------------*/

.admin-bar .site-header {
  top: 0;
}
@media screen and ( min-width: 782px ) {
  .admin-bar .site-header {
    top: 32px;
  }
}

.site-header {
  width: 100%;
  margin: 0 auto;
}

.site-title {
  font: 1px sans-serif;
  direction: ltr;
  text-indent: -99999px;
  width: 215px;
  height: 80px;
  margin: 25px auto 10px;
}

.site-title a,
.site-title span {
  width: 100%;
  height: 100%;
  background: url('assets/images/logo.svg') no-repeat center;
  background-size: contain;
  display: block;
}

.home .site-title {
  width: 70%;
  height: 130px;
}

.home .site-title span {
  background: url('assets/images/logo_wht.svg') no-repeat center;
}

@media screen and ( min-width: 782px ) {
  .home .site-title {
    width: 350px;
  }
}

/*--------------------------------------------------------------
9.2 Front Page
--------------------------------------------------------------*/

.home .content-area {
  width: 100%;
  padding: 0;
}

.home .block {
  width: 100%;
  display: block;
  clear: both;
  margin: 0 auto;
  position: relative;
}

.home .block-image {
  max-height: 55vh;
  position: relative;
  overflow: hidden;
}
.home .block-image img {
  width: 100%;
  height: auto;
  position: relative;
  bottom: 0;
}
@media screen and ( min-width: 750px ) {
  .home .block-image {
    height: 350px;
  }
  .home .block-image img {
    position: absolute;
    bottom: -40%;
  }
  .home .our-bread .block-image img {
    bottom: 0;
  }
}
@media screen and ( min-width: 1200px ) {
  .home .block-image {
    height: 400px;
  }
}

.home .block-content {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  padding: 3em 0;
  position: relative;
}
@media screen and ( min-width: 660px ) {
  .home .about-us .block-content {
    width: 80%;
  }
  .home .block-content {
    width: 70%;
  }
}

/* Section: Intro */
.home .intro-block .block-image {
  max-height: 100vh;
  height: auto;
}
.home .intro-block .block-image img {
  position: relative;
  bottom: 0;
}
.home .intro-block .block-content {
  width: 100%;
  padding: 0;
  position: absolute;
  top: 40%;
  z-index: 5;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}

/* Section: Our Menus */
.our-menus .menu-item {
  text-align: justify;
  text-align-last: center;
  margin-bottom: 1.5em;
}
.our-menus .menu-item h3 {
  color: #222;
  font-size: 110%;
  font-weight: 400;
  text-transform: none;
}

@media screen and ( min-width: 660px ) {
  .menu-shift {
     margin-left: 16%;
  }
}

/* Section: Our Bread */
.our-bread .bread-type {
  text-align: justify;
  text-align-last: center;
  padding: 1em 2.5em;
}

.our-bread .schedule {
  padding: 2em 0 0;
  clear: both;
}

.everyday h2 {
  padding-bottom: 0.5em;
}

@media (min-width: 960px) {

  .everyday {
    width: 50%;
    margin: 0 auto;
  }
}

/*--------------------------------------------------------------
9.3 Regular Content
--------------------------------------------------------------*/

.post-thumbnail {
  position: relative;
}
.post-thumbnail img {
  width: 100%;
  max-height: 350px;
  object-fit: cover;
}

/*--------------------------------------------------------------
9.4 Posts
--------------------------------------------------------------*/

.blog .site-main,
.blog .widget-area,
.single-post .site-main,
.single-post .widget-area {
    width: 100%;
    float: none;
}

.blog .widget-area ul {
    list-style: none;
}

.entry-meta a {
    color: #767676;
}

.byline,
.updated:not(.published) {
    display: none;
}

.blog .entry-header .edit-link {
    display: inline-block;
    margin-left: 1em;
}

.blog .entry-title,
.single-post .entry-title {
    padding-top: 0;
}

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
    padding-bottom: 2em;
}

/* Post Navigation */

.post-navigation {
    font-weight: 800;
    margin: 3em 0;
}

.post-navigation .nav-links {
    padding: 1em 0;
}

.nav-subtitle {
    background: transparent;
    color: #767676;
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 0.1818em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.nav-title {
    font-size: 15px;
    font-size: 0.9375rem;
}

.post-navigation .nav-next {
    margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
    margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
    margin-left: 0.5em;
}

/* Pagination */

.pagination {
  text-align: center;
}

.pagination .nav-links > * {
    display: inline-block;
    padding: 0 0.5em;
    margin: 0 0.2em;
}

.prev.page-numbers,
.next.page-numbers {
    background-color: #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
    background-color: #767676;
    color: #fff;
}

/*--------------------------------------------------------------
9.5 Footer
--------------------------------------------------------------*/

footer {
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}

.insta-feed {
  width: 99%;
  overflow: hidden;
}
.insta-feed li:last-child {
  display: block;
}
.insta-feed li {
  display: none;
  list-style: none;
  margin: 1em;
}
.insta-feed li img {
  width: 100%;
  height: auto;
}

@media (min-width: 860px) {
  .insta-feed li {
    display: block;
    width: 15.66%;
    margin: 0 auto;
    padding: 0 0.5% 0.5em;
    float: left;
    position: relative;
    overflow: hidden;
  }
}

footer .footer-bottom {
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 2px;
  line-height: 2em;
  text-align: center;
  background: #333;
  width: 100%;
  padding: 3em 0;
  display: block;
  position: relative;
}

footer .footer-bottom a,
footer .footer-bottom a:visited {
  color: #fff;
}
footer .footer-bottom a:hover {
  text-decoration: underline;
}

footer .footer-bottom h3 {
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 0 auto;
  padding: 0 0 1em 0;
}

footer .footer-bottom section {
  border-bottom: 1px solid #999;
  margin: 0 auto;
  padding: 2em;
  position: relative;
}
footer .footer-bottom section:last-child {
  border-bottom: none;
}

@media (min-width: 860px) {

  footer .footer-wrap {
    /*width: 80%;*/
    margin: 0 auto;
    overflow: hidden;
  }
  footer .footer-bottom section {
    width: 30.3%;
    border-bottom: none;
    margin: 0 auto;
    padding: 0 1.5%;
    float: left;
    position: relative;
  }
}

/*--------------------------------------------------------------
10.0 Comments
--------------------------------------------------------------*/

#comments {
    clear: both;
    padding: 2em 0 0.5em;
}

.comments-title {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment-list li:before {
    display: none;
}

.comment-body {
    margin-left: 65px;
}

.comment-author {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0.4em;
    position: relative;
    z-index: 2;
}

.comment-author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px;
}

.comment-author .says {
    display: none;
}

.comment-meta {
    margin-bottom: 1.5em;
}

.comment-metadata {
    color: #767676;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
}

.comment-metadata a {
    color: #767676;
}

.comment-metadata a.comment-edit-link {
    color: #222;
    margin-left: 1em;
}

.comment-body {
    color: #333;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 4em;
}

.comment-reply-link {
    font-weight: 800;
    position: relative;
}

.comment-reply-link .icon {
    color: #222;
    left: -2em;
    height: 1em;
    position: absolute;
    top: 0;
    width: 1em;
}

.children .comment-author .avatar {
    height: 30px;
    left: -45px;
    width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    border: 1px solid #333;
    padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
    color: #767676;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
}

.comments-pagination {
    margin: 2em 0 3em;
}

/*--------------------------------------------------------------
11.0 Forms
--------------------------------------------------------------*/

.home label {
  color: #89B6C1;
}

label {
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 2em;
  letter-spacing: 0.5px;
  text-align: left;
  display: inline-block;
}

input,
textarea {
  color: #666;
  font-size: 1rem;
  line-height: 1.2em;
  background: #fff;
  border: 2px solid #eee;
  padding: 0.8em;
  display: block;
}

input:focus,
textarea:focus {
    border: 2px solid #89B6C1;
}

form input[type="checkbox"],
form input[type="radio"] {
  margin-left: 0px;
  margin-right: 6px;
  display: inline;
}
/* Buttons */

button,
html [type="button"], [type="reset"], [type="submit"] {
  color: #fff;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.5em;
  text-align: center;
  text-transform: uppercase;
  background-color: #D99F55;
  border: none;
  padding: 1em 2em;
  margin: 1em 0 0;
  display: inline-block;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

button:hover,
html [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover {
    background: #cc8d3c;
}

button:focus,
html [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus {
    border: none;
}

/*--------------------------------------------------------------
11.1 MailChimp Form
--------------------------------------------------------------*/

.mc_embed_signup {
    width: 100%;
    max-width: 825px;
    margin: 0 auto 2em;
}
.mc_embed_signup .mc-field-group {
    text-align: left;
    width: 98%;
    padding: 0 1%;
}
.mc_embed_signup .mc-field-group input {
    width: 95%;
    padding: 0.8em 2%;
}
.mc_embed_signup .mc-field-submit {
    padding: 0 1%;
}
.mc_embed_signup .mc-field-submit .button {
    width: 100%;
}

@media (min-width: 600px) {

  .mc_embed_signup .mc-field-group {
      width: 48%;
      float: left;
  }
}

/*--------------------------------------------------------------
12.0 WooCommerce
--------------------------------------------------------------*/

.woocommerce table.shop_attributes th {
    text-align: left;
}

.woocommerce table.shop_attributes td {
    padding: 0 8px;
}

.woocommerce p.stars a {
    color: #ffb900;
    font-size: 1.2em;
    margin-right: 0.15em;
}

.woocommerce-info {
    border-top-color: #D99F55;
}
.woocommerce-info::before {
    color: #D99F55;
}

.woocommerce form .form-row .required {
    color: #F64850;
}

.woocommerce-cart table.cart img {
  width: 100px;
}

.woocommerce .quantity .qty {
  display: inline-block;
}

.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
  padding-bottom: 1em;
}

.woocommerce table.cart td.actions .coupon .input-text+.button,
.woocommerce-page table.cart td.actions .coupon .input-text+.button {
  width: 100%;
  float: none;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  width: 100%;
  padding: 0.8em;
  margin-bottom: 0.5em;
}

@media only screen and (min-width: 42em) {

  .woocommerce #content table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    padding-bottom: 0;
  }

  .woocommerce table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page table.cart td.actions .coupon .input-text+.button {
    width: inherit;
    float: left;
  }

  #add_payment_method table.cart td.actions .coupon .input-text,
  .woocommerce-cart table.cart td.actions .coupon .input-text,
  .woocommerce-checkout table.cart td.actions .coupon .input-text {
    width: auto;
    margin-bottom: 0;
  }
}

.woocommerce .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce-page #content .quantity input.qty {
  margin: 0;
  padding: 0.6em 0;
}

.woocommerce-checkout #payment .payment_method_stripe > label {
  width: 95%;
}

.woocommerce-checkout #payment ul.payment_methods li input {
  margin-right: 6px;
}

.woocommerce-checkout #payment div.payment_box div.form-row {
  padding: 3px;
}

@media only screen and (max-width: 42em) {
  .woocommerce-checkout #payment div.payment_box .form-row {
    width: auto;
    float: none;
    margin-bottom: 0;
  }
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #D99F55;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #cc8d3c;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  padding: .918em 1em;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
  background: #D99F55;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  padding: .918em 1em;
}

.woocommerce .woocommerce-terms-and-conditions,
.woocommerce-page .woocommerce-terms-and-conditions {
  font-size: 85%;
}

/*--------------------------------------------------------------
12.1 Stripe Payment Method
--------------------------------------------------------------*/

.stripe-pf {
  margin-top: 0.35em;
}

/*--------------------------------------------------------------
12.2 Extension: Name Your Price
     @link http://www.woothemes.com/products/name-your-price/
--------------------------------------------------------------*/

.product .nyp p.minimum-price {
  margin-top: 1em;
}

/*--------------------------------------------------------------
13.0 Plugin: Squelch Tabs and Accordions
--------------------------------------------------------------*/

.site-content .ui-widget {
  font-size: 0.8125rem;
  border: none;
}

/* tabs */

.site-content .ui-tabs .ui-tabs-nav {
  list-style: none;
  text-align: center;
  width: 100%;
  background: transparent;
  border: none;
  position: relative;
}

.site-content .ui-tabs .ui-tabs-nav li {
  color: #89B6C1;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 2em;
  text-transform: uppercase;
  width: 50%;
  background: none;
  border: none;
  margin: 0 auto 1em;
}

.site-content .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin: 0 auto 1em;
}

.site-content .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  color: #D99F55;
  text-align: center;
  width: 100%;
  padding: 0;
  float: none;
  position: relative;
}

.site-content .ui-tabs .ui-tabs-nav .ui-tabs-anchor::before {
  content: "+";
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1rem;
  color: #D99F55;
  position: absolute;
  top: 0;
  left: -20px;
}

.site-content .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  color: #cbbaae;
}

.site-content .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor::before {
  content: "-";
  color: #cbbaae;
  left: -15px;
}

.site-content .ui-tabs .ui-tabs-panel {
  padding: 1em 0;
}

/* accordion */

.site-content .squelch-taas-accordion .ui-accordion-header,
.site-content .squelch-taas-accordion .ui-accordion-header-active {
  background: none;
  border: none;
  padding: 0;
}

.site-content .squelch-taas-accordion .ui-accordion-header a {
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.5em;
  text-align: center;
  text-transform: uppercase;
  background-color: #D99F55;
  padding: 1em 2em;
  margin: 1em 0 0;
  display: inline-block;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

.site-content .squelch-taas-accordion .ui-accordion-header a:hover {
  background-color: #cc8d3c;
}

.site-content .ui-accordion .ui-accordion-header .ui-accordion-header-icon  {
  display: none;
}

.site-content .squelch-taas-accordion .ui-accordion-content {
  border: none;
  margin: 0 auto;
}

@media only screen and (min-width: 42em) {
    .site-content .ui-tabs .ui-tabs-nav li {
        width: 25%;
    }
}

/*--------------------------------------------------------------
14.0 Google Calendar
--------------------------------------------------------------*/

.entry-content .simcal-default-calendar-grid .simcal-events {
    font-size: 0.8em;
}

/*--------------------------------------------------------------
15.0 WooCommerce Delivery Slots
--------------------------------------------------------------*/

#jckwds-fields {
    margin-bottom: 24px;
}

/*--------------------------------------------------------------
16.0 Media Queries
--------------------------------------------------------------*/

@media only screen and (min-width: 48em) {

    /* Regular Content */

    /* .post-thumbnail {
        height: 350px;
    }

    .post-thumbnail img {
        position: absolute;
        bottom: -40%;
    } */

    /* Posts */

    .blog .site-main,
    .single-post .site-main {
      width: 68%;
      float: left;
    }

    .blog .widget-area,
    .single-post .widget-area {
      width: 25%;
      float: right;
    }

    .blog .site-main > article,
    .archive .site-main > article,
    .search .site-main > article {
        padding-bottom: 4em;
    }

    .post-navigation .nav-previous {
        float: left;
        width: 50%;
    }

    .post-navigation .nav-next {
        float: right;
        text-align: right;
        width: 50%;
    }

    .nav-next,
    .post-navigation .nav-next {
        margin-top: 0;
    }
}