/*
	Theme Name: Flying Pie
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
    Text Domain: Moore Web Exposure

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/* 
FONTS: Source Sans Pro; Raleway

*/

/* global box-sizing */
*, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility;}
.sticky {}

/*    TYPOGRAPHY
\*------------------------------------*/
@font-face {}

/* html element 62.5% font-size for REM use */
html { font-size: 62.5%}
body { font-family: 'Source Sans Pro', sans-serif; font-size:14px; line-height:1.5; color: #767676;font-size:18px;}


/* clear */
.clear:before, .clear:after { content: ' '; display: table;}
.clear:after { clear: both}
.clear { *zoom: 1}

#page-id {position: absolute;top:0; right:0;} /* position the admin page id notification in the top right corner */
img { max-width: 100%; vertical-align: bottom;}
a { color: #444; text-decoration: none;}
a:hover { color: #444}
a:focus { outline: 0}
a:hover, a:active { outline: 0}
input:focus { outline: 0; border: 1px solid #04A4CC;}
button {outline: none}
.center {text-align: center}

/* Buttons */
.center-btn {clear:both; display: flex; justify-content: center; }
.red-button {background-color:#FF0000; color:#FFF; padding:10px 20px; font-size:16px; text-transform: uppercase; font-family: Raleway; font-weight:600; display: inline-block;}
.red-button a {color:#fff;}
.red-button:hover {color:#CCC;}
button.red-button {border: none}


/* BLOCKQUOTE*/
blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:1em 10px;quotes:"\201C""\201D""\2018""\2019"}
blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-0.4em}
blockquote p{display:inline}


/* Headers */
h1, h2, h3, h4, h5, h6 {font-family: Raleway}
h2.red {    color: #ff0000; ;}
.headings p {color:#ff0000; text-align: center}
.headings h2 {text-align:center; text-transform: uppercase; color:#443f3f;}
.headings hr {border:none; height:1px; color:#ff0000; background: #ff0000; width:50px; }



/* FLEX GRIDS */
.flex-content { flex-direction: column}
    /*Two columns*/
.flex-two {display: flex; flex-wrap: wrap; margin:0; padding:0;}
.flex-two .flex-col {display: flex; width:50%;}
    /*Three columns*/
.flex-three {display: flex; flex-wrap: wrap; margin:0; padding:0;}
.flex-three .flex-col {display: flex; width:33.333333%;}
    /*Four columns*/
.flex-four {display: flex; flex-wrap: wrap; margin:0; padding:0;}
.flex-four .flex-col {display: flex; width:25%;}



/* MASONRY GRIDS */
.masonry-two {column-count: 2; column-gap: 1em;}
.masonry-two .masonry-col {display: inline-block; margin: 0; width: 100%;}



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper { max-width: 1280px; width: 95%; margin: 0 auto; position: relative;clear:both;}

/* header */
#covid19 {position: fixed; top:0; left:0; width:100%; text-align: center; z-index:11;}
#covid19 a {color: #FF0000}
.white-popup {position: relative; background: #FFF; padding: 20px; width: auto; max-width: 700px; margin: 20px auto;}
#header-mobile {display: none}
#header-container {width:100%; padding:20px 0 0 0; background:#2b2b2b; transition: all 0.2s ease-in-out; }
#header-container.static {height:140px;}
#header-container.sticky {position: fixed!important; top:0; left:0; height:90px; width:100%; z-index: 1; background: #2B2B2B; padding:0; z-index:10;}
#header-container .wrapper {position: relative;}
.header {width:100%;position: relative; height:129px;}







.large,.small { transition: all 0.4s ease; position:absolute; left:0;}
.hide-logo {display: none!important; }
.show-logo {display: block!important}
.small{display:block;top:5px; width:130px; height:151px}
.close {width:0;height:0; opacity:0;}





/* logo */
#logo {width:20%; float:left; position: absolute; top:0; left:0;z-index: 30; }
#logo img {max-height: 240px}
/* nav */


/* Starter CSS for Menu */
#nav-container {margin-top:40px; width:80%; float:right;}




#page-title {background:#FF0000; color:#FFF; text-align:center; padding:10px 0; font-family:Raleway; font-size:18px; font-weight:600; }


/* Search Restults Page */
h2.serps-title {font-style:italic; font-size:20px;}
.serps-thumb {float:left; margin:5px 10px 10px 0; padding:0; }
.serps-end a {font-size:14px;font-style: italic; color:#666;}
.serps-end a:hover {color:#000;}



/* BLOG POST */
.post-title {clear:both; font-weight:600; margin:20px 0 0 0; font-size:30px; color:#1B9BFF;}
.post-title a {color:#1B9BFF;}
.post-meta {clear:both; width:95%; display:block; margin:auto; padding:10px 0 5px 0; border-bottom:1px solid #EEE;font-size: 12px; color:#999; }
.post-meta a {color:#5ba2d8;}
.post-meta .date {width:33%; float:left; text-align:left;}
.post-meta .author {width:33%; float:left; text-align:center;}
.post-meta .comments {width:33%; float:right; text-align: right}
.post-meta .fa-clock-o, .post-meta .fa-user, .post-meta .fa-comment {font-size:20px; color:#999; margin:0 10px 0 0;}
.post-content {margin-bottom:50px; color:#333;}
.post-end {clear:both;text-align:center; width:80%; display:block; margin:auto; margin-top:30px; padding:20px 0; border-top:1px solid #CCC;}
.post-end .fa-circle { margin:0 3px; color:#EEE; font-size:15px;}
    /* Pagination */
.pagination {text-align: center; margin-bottom:20px;}
.pagination .page-numbers{display:inline-block;padding:5px 10px;margin:0 2px 0 0;border:1px solid #eee;line-height:1;text-decoration:none;border-radius:2px;font-weight:600}
.pagination .page-numbers.current,a.page-numbers:hover{background:#f9f9f9}

/* Blog Single Posts */
#post-single {margin-top:60px;}
    /* Tags Styles*/
.post-tags {clear:both; border-top:1px solid #CCC; margin-top:30px; padding-top:30px;}
.post-tags h3 {text-align:center; margin:10px 0; padding:0; font-size:16px; text-transform: uppercase; font-weight:600;}
.post-tags ul {list-style: none; margin:0; padding:0;text-align: center}
.post-tags ul li {display: inline-block; position: relative;   margin:0 5px; font-size:15px; }
.post-tags ul li a {background:#1B9BFF; color:#FFF; padding:5px 30px 5px 15px; display: block; }
.post-tags ul li a:hover {color:#EEE; background:#0793FF;}
.post-tags ul li a:before {content: "\f02b"; font-family: FontAwesome; right:7px; position:absolute; top:7px; color:#21464F;}
.post-tags ul li i {position: absolute; right:5px; top:5px; color:#FFF;}
    /* Category Styles*/
.post-cats {margin:20px 0;}
.post-cats h3 {text-align:center; margin:10px 0; padding:0; font-size:16px; text-transform: uppercase; font-weight:600;}
.post-cats ul {list-style: none; margin:0; padding:0; text-align: center; }
.post-cats ul li {border-bottom: 1px solid #CCC; display: inline-block; padding:0 5px 3px 5px; margin:0 10px;}
.post-cats ul li a {color:#21464F;font-size:15px; }
   /* SHARE LINKS*/
#share-links {padding:0; margin:0; display: block; text-align: center}
#share-links {list-style: none;}
#share-links li {display: inline-block;}
#share-links .fa-link {font-size:12px; }
#share-links .fa-share-alt {font-size:11px;}
#share-links .fa-print {font-size:12px;}
#share-links .fa-envelope {font-size:11px;}
#share-links .fa-circle {color: #A4A09A}
.popbox {outline:none!important; display:none;position:absolute;z-index:99999;width:490px;padding:10px;background:#eeefeb;color:#000;margin:0; border:none!important; }
.popbox h2{background-color:#4d4f53;color:#e3e5dd;font-size:14px;display:block;width:100%;margin:-10px 0 8px -10px;padding:5px 10px; border:none!important}
.popbox .close {width:25px; height:25px; position: absolute; top:0; right:0; }
.pop-text {margin:0; padding:0;}



/* Arhvive pages (Tags, Categories, Author posts, etc.) */
h2.archive-title {font-style:italic; font-size:20px;}
.archive-thumb {float:left; margin:5px 10px 10px 0; padding:0;}
.archive-more a {font-size:14px;font-style: italic; color:#666;}
.archive-more a:hover {color:#000;}




/* sidebar */
.sidebar .widget {margin:35px auto; display: block; width:90%; font-family: "Raleway"; font-weight:300;  }
.sidebar .widget h3 {background:#333; border-bottom:4px solid #1B9BFF; color:#FFF; padding:10px; text-align: center; margin:0;}
.sidebar .widget-content {background:#EEE; margin:0; padding:20px 15px;}
.sidebar ul {margin:0 10px 0 15px ; padding:0;}
.sidebar ul li {line-height:1.5;}

/* PAGE CONTENT*/
#main-content-container {clear:both; z-index:0;padding:0}
.gray-block {background:#f5f5f5;width:100%; padding:50px 0;}
.white-block {background:#FFF; width:100%; padding:50px 0;}



/* footer */
#footernav-spaceholder {height:75px; float:left; width:100%;}
#footer-container {width:100%; background:#1c1b1b; color:#fff;clear:both; margin:0; padding:5px 0; border-bottom:3px solid #FF0000; padding-top:120px; position: relative}
#footer-nav-container {background:#FF0000; height:150px; position: absolute; top:-75px; left:50%; width:1280px; -webkit-transform: translateX(-50%);transform: translateX(-50%) }
#menu-footer-menu {list-style: none; text-align: center; margin:60px 0 0 0; font-size:18px; font-family: Raleway; font-weight: 600 }
#menu-footer-menu li {display: inline; padding:0 65px 0 65px;}
#menu-footer-menu a {display: inline-block; color:#FFF;}
.footer {clear:both; font-size:14px; color:#dbdbdb;}
.footer h2 {font-size:18px; font-weight: 400; font-family: "Source Sans Pro"; text-align: left;}
.footer hr {border:none; height:1px; color:#ff0000; background: #ff0000; width:50px; float:left; }
    /*footer contact*/
#footer-contact-content {clear:both; margin-bottom:40px;}
#footer-mailing, #footer-email, #footer-phone {clear:both;  position: relative; padding-left:40px; margin:0 0 20px 0;}
#footer-email  {clear:both;}
#footer-phone {clear:both;}

#footer-mailing span {background: url('images/flying-pie-sprites.png') no-repeat -209px -6px; width: 13px; height: 12px; display: block; position: absolute; top:3px; left:0;}
#footer-email  span {background: url('images/flying-pie-sprites.png') no-repeat -209px -20px; width: 14px; height: 13px;display: block; position: absolute; top:3px; left:0;}
#footer-phone span {background: url('images/flying-pie-sprites.png') no-repeat -209px -38px; width: 12px; height: 13px;display: block; position: absolute; top:3px; left:0;}
#footer-phone a, #footer-phone a:visited {color:#DBDBDB;}


    /*footer locations*/
#footer-locations {clear:both; list-style: none; margin:0; padding:0;}
#footer-locations li {margin:0 50px 0 0; padding:0; border-bottom:1px solid #3b3b3b;}
#footer-locations a, #footer-locations a:visited {color:#DBDBDB;}
#footer-locations p span {text-align: right; float: right}
.copyright {clear: both; text-align: center}

/* Footer Social Icons */

footer-social {clear:both;text-align: left}
#footer-social tr td {padding:10px 5px;}

.facebook-icon {background: url('images/flying-pie-sprites.png') no-repeat -234px 0; width: 29px; height: 29px;}
.yelp-icon {background: url('images/flying-pie-sprites.png') no-repeat -264px 0;  width: 30px; height: 30px;}
.instagram-icon {background: url('images/flying-pie-sprites.png') no-repeat -326px 0; width: 30px;  height: 30px;}
.twitter-icon {background: url('images/flying-pie-sprites.png') no-repeat -295px 0;  width: 30px;  height: 30px;  }
.social-transparent {opacity:.9;}
.social-transparent:hover {opacity: 1}

/* Home Page */
#mobile-click-call {display: none}
    /*Circle Icons*/

.circle-icon {   background: none; width: 150px; height: 150px; border-radius: 50%; text-align: center; line-height: 150px; vertical-align: middle; padding: 30px; border:2px solid #ff0000;
margin:auto; display: block; position: relative;}
.circle-icon div {position: absolute;        top: 50%;
    left: 50%;  -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#home-quick-icons h2 {text-align:center; color:#FF0000; clear:both; margin:20px 0 0 0; font-size:20px; ;}
#home-quick-icons p {text-align: center; font-size:15px;}
.delivery-ico {background: url('images/flying-pie-sprites.png') no-repeat 0 -56px;  width: 70px; height: 50px; display: block;  }

.menu-ico {background: url('images/flying-pie-sprites.png') no-repeat -63px 0;  width: 47px; height: 50px;}
.taplist-ico {background: url('images/flying-pie-sprites.png') no-repeat -113px -2px; width: 48px; height: 57px;}
.locations-ico {background: url('images/flying-pie-sprites.png') no-repeat -164px -2px;width: 39px;height: 55px;}
    /* First Text Block*/
.home-text-block{color:#ff0000; text-align: center}
    /* Favorites*/
#home-recommended .threecol:nth-child(1) {margin-left:0;}
#home-recommended .threecol:nth-child(4) {float:right;}
#home-recommended .threecol {text-align: center}
.circular-img {border-radius:50%; width:200px; height:200px; background:#CCC; padding:1px;}
#home-recommended .threecol h3 {color:#ff0000;}
#home-recommended .threecol p {font-size:14px;}
    /*About */

.home-about-img {margin:75px 0 0 0;}
    /* Featured Menu*/
#home-featured-menu {text-align: left}
#home-featured-menu .sixcol {border:1px solid #EEE; padding:20px; margin-top:10px; margin-bottom:20px; height:120px;}
#home-featured-menu .sixcol:nth-child(odd) {margin-left:0; clear:left;}
#home-featured-menu .sixcol:nth-child(even)  {margin-right:0; clear:right;}
.hm-ft-title {font-size:20px; font-weight:600; font-family: Raleway; color: #FF0000;}
.hm-ft-price {text-align: right; font-size:20px; font-weight:600; font-family: Raleway; color: #FF0000;}
.hm-ft-price span {font-size:14px; font-weight: 400}
.hm-ft-description {color:#767676; font-size:14px; margin-top:40px;}
    /* Testimonials Section */
.flexslider    {font-family: Raleway}
.flexslider .slides li p {padding:0 10%; line-height:1.5; font-size:20px; }
.flexslider .slides hr {border:none; height:1px; color:#ff0000; background: #ff0000; width:50px;}
.testimonial-author {text-align: center; padding:20px 0;font-style: italic;}
.flex-prev, .flex-next {height:45px!important;}

/* Locations Page */
#locations-map {width:100%; height:500px;}
.marker {background-image: url('images/map-marker.png'); background-size: cover; width: 50px; height: 72px; cursor: pointer; }
    /* Popup Styles*/
.mapboxgl-popup {width:250px;  max-width: 250px; }
.mapboxgl-popup-content {     text-align: center;  font-family: 'Open Sans', sans-serif; }
.mapboxgl-popup-content ul {list-style: none; text-align: center; padding:0; margin:0;}

#locations-list-container {margin: 0 auto;max-width:960px; text-align: center;}
.locations-list-item  {background-color: #F5F5F5;display: inline-block; margin: 15px;width: 400px;}
.locations-list-item ul {list-style: none; padding:0;}
.locations-list-item h3 {padding-bottom:0; margin-bottom:0;}

/* Testimonials Page */
#testimonials-archive-container {margin:100px 0;}
.testimonial-block {position:relative; margin:15px; border:1px solid #EEE; border-radius: 4px; padding:10px 10px 10px 75px;}
.testimonial-block:before {content: '\f10d';  font-family: 'Font Awesome 5 Free'; font-size:45px; color:#EEE;font-weight: 900; position:absolute; left:10px;}
.testimonial-block span {clear:both; float:right; padding-right:50px; font-style: italic; font-size:18px; font-weight: bold; color:#999;}

/* FAQs PAGE*/
#faq-list {padding-left:0;}
#faq-list li {list-style: none}
.faq-question, .faq-answer { padding: 0 0 0 50px }
.faq-question { font-size:1.5em; color: #9d9d9d; cursor: pointer; height: 37px; line-height: 37px; margin: 0 0 15px 25px}
.faq-answer {clear:both;  font-size: 1em; margin: 0 0 20px 25px}
.faq-question { background: url('images/expand-icon.png') no-repeat left}
#faq-list .expanded { background: url('images/expanded-icon.png') no-repeat left}


/* MENU SETTINGS */
#menu-title-top {text-align: center;}
#download-menus-pdf {width:80%; display: block;margin: auto;}
#download-menus-pdf ul {display: flex;align-items: stretch; /* Default */  justify-content: space-between;  width: 100%;  margin: 0;  padding: 0;}
#download-menus-pdf ul li {display: block; list-style-type: none;margin:10px 0; padding:0; border:none;}
#download-menus-pdf ul li a {background-color: #FF0000; color: #FFF; padding: 10px 20px; font-size: 16px; text-transform: uppercase; font-family: Raleway; font-weight: 600;
    display: inline-block;}
#download-menus-pdf ul li a:hover {color: #CCC}
#download-menus-pdf p {text-align: center;}
.menu-block {text-align: left}
.menu-block .sixcol {border:1px solid #EEE; padding:20px; margin-top:10px; margin-bottom:20px; height:120px;}
.menu-block .sixcol:nth-child(odd) {margin-left:0; clear:left;}
.menu-block .sixcol:nth-child(even)  {margin-right:0; clear:right;}
.hm-ft-title {font-size:20px; font-weight:600; font-family: Raleway; color: #FF0000;}
.hm-ft-price {text-align: right; font-size:20px; font-weight:600; font-family: Raleway; color: #FF0000;}
.hm-ft-price span {font-size:14px; font-weight: 400}
.hm-ft-description {color:#767676; font-size:14px; margin-top:40px;}


.menu-block .flex-col:nth-child(odd) {width:48%;margin-right:2%;}
.menu-block .flex-col:nth-child(even) {width:48%;margin-left:2%;}
.menu-block .flex-content {width:100%;}
.menu-block li {text-align: left}
.menu-block li {border:1px solid #EEE; padding:20px; margin-top:10px; margin-bottom:20px;}
.menu-title {font-size:20px; font-weight:600; font-family: Raleway; color: #FF0000;}
.menu-image {display: block; width:70px; height:70px; border-radius: 50%; background-position: 50% 50%; background-repeat: none; background-size: 100%; float:left; }
.menu-image a {display: block; width:70px; height:70px}
.menu-pricing {text-align: right; font-size:14px; font-weight:500; font-family: Raleway; color: #FF0000; clear:both;}
.menu-price span {font-size:14px; font-weight: 500}
.menu-description {color:#767676; font-size:14px; margin-top:10px; clear:left;}
.mfp-title span {font-weight: bold}


.menu-pricing {display: flex;align-items: stretch; /* Default */  justify-content: space-between;  width: 100%;  margin: 0;  padding: 0;}
.menu-pricing li {display: block; list-style-type: none;margin:10px 0; padding:0; border:none;}
.calzone .menu-pricing, .hot-subs .menu-pricing {display: block}
.calzone .menu-pricing li, .hot-subs .menu-pricing li {display:inline-block; text-align: right; padding-left:30px;}

    /* Create your Own */
#how-to-order-container .flex-three .flex-col { justify-content: center;}
#how-to-order-container h3, #how-to-order-container p {text-align: center;}
#cheese-pizza {width:700px; display: block;; margin:auto;}
#cheese-pizza .menu-pricing {color:#767676;}
#cheese-title {text-align: center;; font-size:20px; font-weight: bold }
#cheese-description {text-align: center;}
#topping-header {text-align: center;}
.create-your-own {width:700px;display: block; margin: auto; padding:0;}    
.create-your-own li {list-style: none;}
.create-your-own li ul li {display: inline-block;}
.create-your-own li:first-child ul {font-weight: bold}
.create-your-own li ul li {width:13%; text-align: center; margin:0; padding:0;}
.create-your-own li ul li:first-child {width:30%; }
#toppings-list-container {text-align: center; }
#toppings-list-container h3 {text-align: center;}
#toppings-list-container ul {list-style: none}
#toppings-list-container .flex-three .flex-col {align-items: center; justify-content: center;}

/* Stores */
#store-tap-list .beer-table {margin: auto}
#store-sub-nav li {display: inline-block;}
#store-sub-nav li button {border:none;background:#FF0000; padding:10px 20px; color:#FFF; text-transform: uppercase;margin:0 10px;}
#store-sub-nav li a, #store-sub-nav li a:visited {color:#FFF;}
#store-sub-nav li a:hover {color:#CCC;}
.col-container {display: table; width:100%;margin:20px 0;}
.col-one-third {display: table-cell; width:33.333%;}
.col-two-third {display: table-cell;width: 66.66666%; }
.store-list-item  {width:400px; margin: 0 15px;background:none;}
a.anchor {display: block;position: relative; top: -250px; visibility: hidden;}
    /* Store events styles */
.store-event {display: inline-block; width:23%; margin:30px 1%; float: left}
.store-event-title {color:#000; font-size:20px; font-weight:bold;}
.store-event-meta {font-size:16px;color:#999;}
.event-button {background-color:#FF0000; color:#FFF; padding:5px 10px; font-size:12px; text-transform: uppercase; font-family: Raleway; font-weight:600; display: inline-block;}
.event-button a {color:#fff;}
.event-button:hover {color:#CCC;}
#photo-gallery-wrapper {margin:75px auto; clear:both;}
#store-announcement {width: 70%; margin: auto; font-size: 20px; font-weight: 600; margin-top:50px }

/* Beer Table */
.beer-table {width:90%;text-align: center}
.beer-table th {background:#1C1B1B; color:#FFF;}
.beer-table tr, .beer-table td, .beer-table th {border: 1px solid #CCC}
.beer-table tr:nth-child(odd) {background:#F5F5F5}

/* What on Tap Page */
#tap-list-page .beer-table {width:100%;}


#tap-list-container {margin: 75px auto; text-align: center;}
.tap-list-item  {background-color: #F5F5F5;display: inline-block; margin: 15px;width:550px;}
.tap-list-item .beer-table {width:90%; margin:30px auto;}



/* CONTACT PAGE */
#contact-page-stores {padding:50px 0;}
.contact-page-table-container {width:55%; display: block;margin: auto}
.contact-page-table {width:100%;color:#999;}
.contact-page-table th:nth-child(1) {text-align: left;}
.contact-page-table th {color:#000;text-transform: uppercase; text-decoration: underline;}
.ct-store-name {width:20%;}
.ct-store-address {width:60%;}
.ct-store-phone {width:20%;text-align: right}
    /*Gravity Form Style */
#gform_wrapper_1 {padding:100px 0; display: block; width:80%; margin:auto;} /* Contact Form Padding and centering */
.gform_body input { border: 1px solid #e6e5df; border-bottom-color: #c7c4bb; border-left-color: #c7c4bb; border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
.gform_body .gfield_label {display: none!important}
.gform_body .ginput_container label {display: none!important} /* this hides the label under the "name" input field */
.gform_body .gfield_checkbox label {display: inline-block!important}
.gform_button {background-color:#FF0000; color:#FFF; padding:10px 20px; font-size:16px; text-transform: uppercase; font-family: Raleway; font-weight:600; 
    display: inline-block;border:none;}
.gform_button:hover {color:#CCC;}


/* ABOUT PAGE */
#flyingpie-history {width:80%; display: block; margin:auto;}
#honor-role-container {width:40%; display: block; margin:auto;}
#honor-role table {width:100%; border:5px solid #F5F5F5; padding:0; margin:0;}
#honor-role table tr td {padding:3px 10px;}
#honor-role table tr td:nth-child(1)  {width:50%;  }
#honor-role table tr td:nth-child(2)  {width:50%; text-align: right}
#honor-role table tr:nth-child(even) {background:#F5F5F5;}
#honor-role-memory {text-align:center; width:60%; display: block; margin:auto;padding:50px 0;}


/* CATERING PAGE */
#catering-description {position: absolute; display: table!important; height:400px; padding:0 50px; font-size:22px;}
#catering-description-text {display: table-cell!important; vertical-align: middle;}
#catering-image {height:400px; background-position: center;}
#catering-list-container {width:80%;display: block; margin:20px auto 0 auto;}
#catering-list table {width:100%; border:5px solid #F5F5F5; padding:0; margin:0;}
#catering-list table tr td {padding:20px 10px;}
#catering-list table tr td:nth-child(1)  {width:30%; font-weight: 600; font-size:20px; color:#FF0000;}
#catering-list table tr td:nth-child(2)  {width:70%; text-align: left}
#catering-list table tr:nth-child(even) {background:#F5F5F5;}
#catering-notes {width:75%; display: block; margin: auto; margin-bottom: 50px}
#catering-contacts {width:60%; display: block; margin: auto; font-size:16px;}
#catering-locations {clear:both; list-style: none; margin:0; padding:0;}
#catering-locations li {margin:0 50px 0 0; padding:0; border-bottom:1px solid #EEE;}
#catering-locations p span {text-align: right; float: right; font-weight: 600}


/* The Events Calendar Styles */
#tribe-events {width:90%; margin:auto}
    /* Single Events Pages */
.tribe-events-back {margin-left:250px;}
.single-tribe_events .tribe-events-single-event-title {margin-left:250px;}
.tribe-events-notices {margin-left:250px;}
.tribe-bar-disabled {z-index:1!important;}


.popup-inline-close {display: block; margin: auto; text-align: center}

.order-online-notice {margin: 20px auto; text-align: center; }

.order-online-notice button {display: inline-block; margin: auto; text-align: center;}

   /* RESPONSIVE ------------------------------------*/
@media only screen and (max-width:1280px) { 
    #footer-nav-container {width:90%;}
    #menu-footer-menu li {padding:0 15px;}
}
   
@media only screen and (max-width:1140px) { 
    
}

@media only screen and (max-width:1024px) { 
    
}

@media only screen and (max-width:768px) { 

    /* MASONRY GRIDS */
    .masonry-two {column-count: 1; column-gap: 1em;}
    /* HEADER */
    #covid19 {font-size:16px;position: relative; bottom:0; left:0; height:auto; margin:0; padding:0 }
    #header-container {display: none}
    .header {height:235px;} /* Before covid announcement height was 175 */
    #logo {width:100%; position: relative; }
    #logo img {display: block; margin:auto; position: relative; height:175px;  width: auto}
    #header-mobile {display:block; width:100%; padding:10px 0 10px 0; background:#2b2b2b; transition: all 0.2s ease-in-out; }
    #header-mobile .wrapper {position: relative;}

    #nav-container {display: none}

    /* HOME */
    #home-recommended .threecol:nth-child(4) {float:none;}
    #home-featured-menu .hm-ft-title {width:60%; float:left;}
    #home-featured-menu .hm-ft-price {width:40%; float:right;}
        /* Menu */
    .menu-block .flex-col:nth-child(even), .menu-block .flex-col:nth-child(odd) {width:100%;margin:10px 0;}
    /* Store Locations Page */
    .col-one-third, .col-two-third, .locations-list-item, .locations-list-container, .locations-list-item ul {width:100%;display: block; clear:both; margin:0 padding:0;}
    .store-list-item {width:100%; margin:0; padding:0;}
    /* Stores Page */
    .store-event {display: block; width:98%; margin:10px 1%;  text-align: center}
    #store-tap-list .beer-table {font-size:12px;}
    /*CATERING*/
    #catering-description {position: relative; display: block!important; height:auto; padding:0 2.5% 50px 2.5%; font-size:22px;}
    #catering-description-text {display: block!important; }
    #catering-list-container {width:95%;display: block; margin:20px auto 0 auto;}
    #catering-notes {width:95%; }
    #catering-contacts {width:90%;}
    /* MENU */
#download-menus-pdf {width:100%; display: block;margin: auto;}

#download-menus-pdf ul {display: inline-block; text-align: center; }
#download-menus-pdf ul li a {padding:3px 5px; font-size:14px;}


    #how-to-order-container .flex-three {display: block;}
    #how-to-order-container .flex-three .flex-col {width:100%; display: block}
    .menu-pricing li {text-align: center}
    #cheese-pizza, .create-your-own {width:100%;}
    .create-your-own li {line-height: 1.25; margin:5px 0; border-bottom: 1px solid #EEE; padding-bottom:5px;}
    .create-your-own li:first-child, .create-your-own li:last-child {border:none;}
    .create-your-own li ul {margin:0; padding:0;}
    .create-your-own li ul li {vertical-align: middle; border:none;}
    #toppings-list-container .flex-three .flex-col {align-self: flex-start;}
    #toppings-list-container ul {margin:0; padding:0;}
    /*ABOUT*/
    #honor-role-container {width:90%; display: block; margin:auto;}
    /*CONTACT */
    .contact-page-table-container {width:98%;font-size:12px;}
    .ct-store-address {width:50%;}
    .ct-store-phone {width: 30%}
    /* TESTIMONIALS */


    /* TAP LIST */
    #tap-list-container {margin: 25px auto; font-size:12px;}
    .tap-list-item  {background-color: #F5F5F5;display: inline-block; margin: 15px 0;width:100%;}
    .tap-list-item .beer-table {width:98%; margin:10px auto;}

    /* FOOTER */
    #footer-container {width: 100%; clear:both;margin:0;}
    #footer-nav-container {clear:both; width:100%; height:auto;margin:0; padding:0;}
    #menu-footer-menu {padding:20px 0; margin:0;}
    #menu-footer-menu li {display: block;line-height:2; padding:0;}  
    .footer {clear: both; margin-top:100px;}  
    #footer-locations li {margin:0 ;}
    #footer-locations li p span {clear:both; text-align: center; float: none; margin-left:50px; }

    /* The Events Calendar Styles */
    #tribe-events {width:100%; margin:auto}
        /* Single Events Pages */
    .tribe-events-back {margin-left:0}
    .single-tribe_events .tribe-events-single-event-title {margin-left:0}
    .tribe-events-notices {margin-left:0}


.pum-container {margin-top:50px!important;}
.pum-title {padding-top:30px!important;}

}



@media only screen and (max-width:480px) { 
  #mobile-click-call {display:block;margin:20px 0; }
#mobile-click-call .center-btn a { width:80%; text-align: center; margin:10px 0; }
.pum-container {margin-top:100px!important;}
.pum-title {padding-top:50px!important;}


}

@media only screen and (max-width:320px) { 
    
}





/* MIN WIDTH IF NEEDED */


@media only screen and (min-width:320px) { 
    
}
@media only screen and (min-width:480px) { 
    
}
@media only screen and (min-width:768px) { 
    .onecol { width: 5.801104972% }
    .twocol { width: 14.364640883% }
    .threecol { width: 22.928176794% }
    .fourcol { width: 31.491712705% }
    .fivecol { width: 40.055248616% }
    .sixcol { width: 48.618784527% }
    .sevencol { width: 57.182320438000005% }
    .eightcol { width: 65.74585634900001% }
    .ninecol { width: 74.30939226% }
    .tencol { width: 82.87292817100001% }
    .elevencol { width: 91.436464082% }
    .twelvecol { width: 99.999999993% }
    .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { position: relative; float: left; margin-left: 2.762430939%; }
    .first { margin-left: 0 }
    .last { float: right }
    
}
@media only screen and (min-width:1024px) { 
    
}
@media only screen and (min-width:1140px) { 
    
}
@media only screen and (min-width:1280px) { 
    
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { 
    
}


/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection { background: #04A4CC; color: #FFF; text-shadow: none;}
::-webkit-selection { background: #04A4CC; color: #FFF; text-shadow: none;}
::-moz-selection { background: #04A4CC; color: #FFF; text-shadow: none;}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#FFF;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption .wp-caption-text,.gallery-caption{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.screen-reader-text {}
.bypostauthor {}


/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print { 
    * {
background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
}