/*
 Theme Name:   Stubbys Gastrogrub
 Theme URI:    /themes/twentytwenty-child/
 Description:  Twenty Twenty Child Theme
 Author:       Chuck Watson
 Author URI:   https://stubbysgastrobrub.com
 Template:     twentytwenty
 Version:      1.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentychild
*/

@font-face {
  font-family: 'nexa_rust';
  src: url('../../../fonts/NexaRustSlab-BlackShadow01.woff') format('woff2'), url('../../../fonts/NexaRustSlab-BlackShadow01.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BureauEagleBook';
  src: url('../../../fonts/BureauEagleBook.woff') format('woff2'), url('../../../fonts/BureauEagleBook.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'intro-rust';
  src: url('../../../fonts/introrustg-base2line-webfont.woff') format('woff2'), url('../../../fonts/introrustg-base2line-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Roboto',Helvetica,sans-serif;
  color: #3b2415;
}

@media (max-width: 768px) {
  body{
    background: #dac8a2 url('../../../images/background-mobile.jpg') repeat center center; 
  }
}

@media (min-width: 768px) {
  body{
    background:#dac8a2 url('../../../images/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
  }
}

h1,h2,.entry-content h1, .entry-content h2 {
  font-weight:400;
  font-size: 37px;
  font-family: 'intro-rust';
  color: #3b2415;
}

h1, .entry-content h1 {
  font-size: 50px;
}

h2, .entry-content h2 {
  font-size:25px;
  color: #3b2415;
}

a, .footer-widgets a {
  color: #971517;
  text-decoration: underline;
  transition: all 0.5s;
}
a:visited {
  color: #971517;
}
a:hover {
  color: #971517;
}
a:active {
  color: #971517;
}

.entry-content .wp-block-columns h2 a, .entry-content .wp-block-columns h2 a:hover, .entry-content .wp-block-columns h2 a:visited {
  text-decoration: none;
  color: #f5efe0;
}

.footer-widgets a {
  font-size:16px;
}
#site-header, .singular .entry-header, .footer-nav-widgets-wrapper, #site-footer {
    background-color: transparent;
}

.footer-nav-widgets-wrapper {
  background: rgba(189, 176, 150, 0.5);
}

.site-description {display:none}

@media (min-width: 700px){
  .entry-content, .widget-content {
    font-size: 1.9rem;
  }
}
/*
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 800px;
  width: calc(100% - 2rem);
}

.home .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 1000px;
  width: calc(100% - 2rem);
}
*/

footer, .entry-content, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {
  font-family: 'Roboto',Helvetica,sans-serif;
  color: #3b2415;
  font-weight: 700
}

.featured-media img {
  border-radius: 2px;
}

.singular .featured-media::before {
  background: transparent;
}

#today_hours {
  position: absolute;
  right: 4px;
  font-weight: 700;
  top: 8px;
  background: #4f4741;
  color: mintcream;
  padding: 2px 7px;
  border-radius: 7px;
  font-size: 15px;
}

#site-header {position:relative}
body:not(.overlay-header) .primary-menu > li > a{
color: #fff;
text-transform: uppercase;
font-family: "BureauEagleBook";
text-shadow: 1px 1px 1px #000;
}


body:not(.overlay-header) #site-header .toggle,
body:not(.overlay-header) .toggle-inner .toggle-text {
  color: #fff;
}

#site-header #header-inner-back {
  width: 100%;
  top: 38px;
  position: absolute;
  z-index: -1;
}
#site-header #header-inner-back #redbar {
  height:45px; 
  background-color:#971517;
  box-shadow: 0 4px 2px -2px rgba(0,0,0,.3);
}
#site-header #header-inner-back #pattern {
  background: url('../../../images/pattern.png');
  height: 15px;
}

body:not(.enable-search-modal) .site-logo img {
  margin: 0 0 0 20px;
  transform: scale(1.4) rotate(-8deg);
  filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.2));
}

@media (min-width: 700.1px) and (max-width: 1000px) {
  #site-header #header-inner-back #redbar {
    height:62px; 
  }
  #site-header #header-inner-back {
    width: 100%;
    top: 48px;
  }
}

@media only screen and (max-width: 700px) {
  #site-header #header-inner-back #redbar {
    height:44px; 
  }
  #site-header #header-inner-back {
    top: 37px;
  }
  body:not(.enable-search-modal) .site-logo img {
    transform: scale(1.5) rotate(-8deg);
    margin: 0 0 0 9px;
  }
}

.menu-wrapper .menu-item {
  border: 0;
}

.menu-modal .toggle {
  color:#fff;
}

.menu-modal-inner {
  background: #971517
}

.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
  color:#fff;
  text-align:center;
  font-family: 'BureauEagleBook';
  font-size: 21px;
  text-transform: uppercase;
}

.modal-menu > li > a::after, .modal-menu > li > .ancestor-wrapper > a::after{
  content: url("../../../images/hopicon.svg");
  display:block;
  margin: 16px auto 0px auto;
}

.modal-menu > li > a:visited, .modal-menu > li > .ancestor-wrapper > a:visited {
  color:#fff;
}

.modal-menu > li > a:hover, .modal-menu > li > .ancestor-wrapper > a:hover {
  color:#fff;
}

.header-inner.section-inner {
  width:100%;
  max-width:100%;
}

body:not(.enable-search-modal) .header-titles-wrapper {
  padding-left: 25px;
}
@media only screen and (min-width: 1000px){
.header-navigation-wrapper {
  margin-right: 10px;
}
}

header.entry-header.has-text-align-center.header-footer-group {
  padding: 20px 0;
}

.post-inner {
  padding-top: 20px;
}
.entry-content .wp-block-column h2 {margin-top:0; padding-top:0}
.wp-block-column ul {list-style:none; margin:0; padding:0}
.wp-block-column ul li {margin-left:0}

#site-footer {position:relative}
#site-footer #handles {position: absolute;
  width: 100%;
  max-width: 800px;
  left: 0;
  right: 0;
  margin: auto;}
#site-footer #handles img {width:100%;}
#site-footer .section-inner {display:none}
/*
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter){
  margin:0;
}
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) img{
  border-radius: 4px;
}
*/
.footer-widgets ul {
  margin:0;
  list-style:none;
}

/* change bulky margins - mainly for site images */
.wp-block-archives:not(.alignwide):not(.alignfull),
	.wp-block-categories:not(.alignwide):not(.alignfull),
	.wp-block-code,
	.wp-block-columns:not(.alignwide):not(.alignfull),
	.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
	.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
	.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
	.wp-block-media-text:not(.alignwide):not(.alignfull),
	.wp-block-preformatted,
	.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
	.wp-block-quote,
	.wp-block-quote.is-large,
	.wp-block-quote.is-style-large,
	.wp-block-verse,
	.wp-block-video:not(.alignwide):not(.alignfull) {
		margin-bottom: 10px;
		margin-top: 10px;
	}


/*homepage*/
.home .entry-content .wp-block-column h2 {
  font-family: "BureauEagleBook";
  text-transform: uppercase;
}
.home .entry-header {display:none}
.home .wp-block-column .wp-block-button {width:100%}
.home .wp-block-column button, .home .wp-block-column .wp-block-button__link {
  background-color: rgba(151, 21, 23, 0.7);
  width: 100%;
  border-radius: 6px;
}
.entry-content .home-top-column.alignwide:not(.wp-block-group.has-background) {margin-top:25px; margin-bottom:40px}
.home-top-list {margin: auto;
  padding: 0;
  text-align: center;}
.home-top-list div {font-family: "intro-rust"; text-align:center; display:inline; white-space: nowrap; font-size:30px; font-weight: 400;}
.home-top-list div .sep {color: #971517;
  font-size: 22px;
  margin: 0px 5px 0px 9px;
  padding-bottom: 0px;
  display: inline-block;}
@media only screen and (max-width: 610px) {
  .home-top-list div .sep {display:block; margin:0}
}
.home .wp-block-column button:hover, .home .wp-block-column .wp-block-button__link:hover {
  background-color: rgba(151, 21, 23, 0.9);
}
#home_special {
  text-align: center; 
  font-weight:700; 
  font-size:18px;
  border-radius: 4px;
  background-color:rgb(214, 173, 83);
  padding:10px;
}

.home-hours .selected {
	background-color: #78a65e;
	border-radius: 6px;
	padding: 3px 10px;
}

.wp-block-columns.alignfull {
  padding-left:0;
  padding-right:0;
}

/* foodmenus */
#foodmenu {
  max-width:1000px;
  width:100%;
  margin:20px auto;
  display: flex;
  flex-direction: column;
}
#foodmenu section {
  padding:0;
  margin:0;
}
#foodmenu section .section-head {
  color:#fff;
  background: rgba(59, 36, 21, 0.6);
  border-bottom: 1px solid #971517;
  font: 22px 'BureauEagleBook';
  padding: 10px 20px 8px;
  text-align: left;
  text-transform: uppercase;
}
#foodmenu section .subhead {
  font-size: 13px;
  font-family: 'Roboto';
  text-transform: capitalize;
  font-weight: 700;
}
#foodmenu section .items {
  display: flex;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.4);
  border-top: 2px solid #971517;
  padding: 10px 0;
}

#foodmenu section .items .item {
  width:50%;
  color: #3b2415;
  padding: 7px 20px;
}

#foodmenu section .items .item.vegan .veganicon {
  width: 20px;
  display: inline;
  padding-left: 5px;
}

@media only screen and (max-width: 700px) {
  #foodmenu section .items .item {
    width:100%;
  }
}

#foodmenu section .items .item .item-head .item-name {
font-size:22px;
font-family: 'intro-rust';
}

#foodmenu section .items .item .item-head .item-price {
  font-weight:700;
}

#foodmenu section .items .item .item-image {
  margin:6px 0;
}

#foodmenu section .items .item .item-image img {
  width: 100%;
  max-height: 335px;
  object-fit: cover;
  border-radius: 5px;
  border: 3px solid #f9f4eb;
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,.1);
}

#foodmenu section .items .item p.item-desc {
  padding:0;
  margin:0;
}

#foodwarning {
  font-style:italic;
  padding:10px;
  font-size:13px;
  text-align:center;
}

.fmgrub #stubbys_milkshakes__floats {
	order: 7
}

#todays_special {
  order: -1;
}

.general-image-format {
  border-radius: 5px;
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,.1); 
}