/*
Theme Name: Listify - Child Theme 
Theme URI: http://astoundify.com/themes/listify
Author: Astoundify
Author URI: http://astoundify.com
Description: Your beautiful handcrafted directory.
Version: 1.0.0
License: GNU General Public License
License URI: license.txt
Text Domain: listify-foursquare
Domain Path: /languages/
Tags: white, two-columns, one-column, right-sidebar, left-sidebar, responsive-layout, custom-background, custom-header, theme-options, full-width-template, featured-images, flexible-header, custom-menu, translation-ready
Template: listify
*/

/* We have added everything after this */
.clear {
	float: none;
	clear: both;
}
.job_listing.style-list .list-view-make-a-reservation {
	float: right;
	
}
.job_listing.style-grid .list-view-make-a-reservation {
	position: absolute;
	top: -5em;
	left: 2em;
	z-index: 20;

}
.job_listing-entry-footer {
	position: relative;
}
a.list-view-make-a-reservation {
	padding: 10px 32px;
}
.js-toggle-area,
.job_filters {
	display: none;
}
.job_listing-rating-wrapper {
	margin-right: 16px;
}
@media only screen and (max-width: 1199px) {
	.job_listing-rating-wrapper {
		margin-right: 0;
		margin-bottom: 16px;
	}
}
@media only screen and (max-width: 991px) {
	.job_listing.style-grid .list-view-make-a-reservation {
		top: -4.5em;
	}
}
@media (min-width:992px) {
	.js-toggle-area-trigger {
		display:block;
	}
	.job_filters,.js-toggle-area {
		display:none;
	}
	.type-job_listing.style-grid .job_listing-entry-header {
		padding-top: 20em;
	}
	a.list-view-make-a-reservation {
		padding: 8px;
		font-size: 12px;
	}
}
@media only screen and (min-width: 768px) {
	.type-job_listing.style-grid .job_listing-entry-header-wrapper {
		position: absolute;
		left: 2em;
		right: 2em;
		bottom: 6em;
	}
	.type-job_listing.style-grid .job_listing-entry-header {
		padding-top: 16em;
	}
}
@media only screen and (max-width: 767px) {
	.type-job_listing.style-grid .job_listing-entry-header {
		padding: 5.5em 2em 6em;
	}
}

@media only screen and (max-width: 500px) {
	.single-job_listing-respond {
		padding: 10px 8px;
	}
}

@media only screen and (max-width: 400px) {
	.job_listing-rating-wrapper {
		display: block;
	}
	a.list-view-make-a-reservation {
		float: none;
	}
	.single-job_listing-respond {
		padding: 10px 8px;
		display: inline-block;
		font-size: 12px;
	}
}

/* THEME HACK FOR GOOGLE MAPS
 * Must overwrite these rules for the Google Maps to work:
 * .woocommerce img { max-width: 100%; }
 * .widget img { max-width: 100%; }
 */
.gm-style img {
    max-width: none;
}

/* Contain floating children without putting a div after them
 * See https://css-tricks.com/snippets/css/clear-fix/
 */
.floatgroup:after {
	display: block;
    visibility: hidden;
	clear: both;
	height: 0;
	content: '';
}
* html .floatgroup             { zoom: 1; } /* IE6 */
*:first-child+html .floatgroup { zoom: 1; } /* IE7 */

/* MODIFY DISPLAY OF THE JOB LISTING SUBMIT FORM
 * These rules are for the new fields added by the
 * add_custom_job_listing_form_fields() function
 * in this child theme's functions.php file.
 * This affects the form on /submit-listing.
 */
.fieldset-sittings-caption, .field.column {
	display: block;
	float: left;
}
.fieldset-sittings-caption {
	width: 40%
}
.field.column {
	width: 20%;
}
@media (max-width: 600px) {
	.fieldset-sittings-caption {
		width: 100%
	}
	.field.column {
		width: 33%;
	}
}
@media (max-width: 600px) {
	.field.column {
		width: 100%;
	}
}
.job-manager-form input[type=text].halfwidth {
    width: 49%;
}

/* MENU/BOOKING WIDGET POPUPS
 * These styles are for the popups launched by the
 * "View Menu" button, or the "Online Reservation"
 * (formerly "Make a Reservation") button when
 * the listing is in Twilio mode.
 */
#page.below-menu-popup {
	height: 0;
	overflow: hidden;
}
#menu-popup-curtain {
	position: fixed;
	z-index: 9999;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
}
#menu-popup {
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
}
#menu-popup-inner {
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#menu-popup-inner iframe {
	/*display: block;*/ /* Doing this here breaks the scrolling hack for iOS */
	margin: 0;
}
#menu-popup-close {
	position: absolute;
	right: 2%;
	top: 2%;
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 50%;
	padding: 8px;
	box-shadow: #000 0px 0px 6px 0px;
}
#menu-popup-button-container {
	position: absolute;
	right: 2%;
	bottom: 2%;
}
#menu-popup-button2 {
	margin-left: 1em;
}
@media (min-width: 641px) {
	#page.below-menu-popup {
		height: auto;
		overflow: visible;
	}
	#menu-popup {
		top: 5%;
		right: 5%;
		bottom: 5%;
		left: 5%;
		overflow: visible;
	}
	#menu-popup-inner iframe {
		display: block;
	}
	#menu-popup-close {
		right: -18px;
		top: -18px;
	}
}
@media (min-width: 1100px) {
	#menu-popup {
		right: calc(50% - 500px);
		left: calc(50% - 500px);
		max-width: 1000px;
	}
}

/* Fix the "Order Now" and "Online Reservation" buttons to the bottom right corner */
.col-sm-12 {
	z-index: 0;
}
#header_button-view_menu {
	margin-right: 0;
}
#fixed_header_buttons {
	position: fixed;
	right: 2%;
	bottom: 2%;
	z-index: 11;
}
#fixed_header_buttons #header_button-view_deals {
	background-color: #202020;
	margin-left: 1em;
	margin-right: 0;
	box-shadow: inset 0 -3px 0 #000000;
}
#fixed_header_buttons #header_button-view_deals:hover {
	background-color: #000000;
}
#fixed_header_buttons #header_button-order_now, #menu-popup-button1 {
	background-color: #eb1111;
	margin-left: 1em;
	margin-right: 0;
}
#fixed_header_buttons #header_button-order_now:hover {
	background-color: #df1010; /* 5% black over #eb1111 */
}
#fixed_header_buttons #header_button-make_a_reservation {
	margin-left: 1em;
}