/*
Theme Name: Listable Child
Theme URI: https://pixelgrade.com/demos/listable/
Author: PixelGrade
Author URI: https://pixelgrade.com/
Description: A directory WordPress theme that will help you create and manage a local or global listings site.
Template: listable
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: listable-child-theme
Domain Path: /languages/
Tags: light, white, red

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Listable is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* ADD YOUR NEW CSS RULES HERE */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: listable' line. */

/*brand green:
54cab2

text color:
gray: 381f20
green: 54cab2

secondary color:
dark gray: 383436
light gray: f7f7fb*/

@font-face {
  font-family: 'Dear-Annabelle';
    src:  url('fonts/Dear-Annabelle.ttf.woff') format('woff'),
    url('fonts/Dear-Annabelle.ttf.svg#Dear-Annabelle') format('svg'),
    url('fonts/Dear-Annabelle.ttf.eot'),
    url('fonts/Dear-Annabelle.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}


/* General */

#content h3 {
  color: #54cab2;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .listing-sidebar .widget_listing_content h1, .listing-sidebar .widget_listing_content h2, .listing-sidebar .widget_listing_content h3, .listing-sidebar .widget_listing_content h4, .listing-sidebar .widget_listing_content h5, .listing-sidebar .widget_listing_content h6 {
  margin-top: 0;
}

.page-header .page-title {
  text-transform: uppercase;
  word-spacing: 5px;
  letter-spacing: 5px;
}

.page-header .page-title strong {
  color: #54cab2;
  text-transform: lowercase;
  font-family: 'Dear-Annabelle';
  font-size: 80px;
  font-weight: normal;
  letter-spacing: 0;
}

.single:not(.single-job_listing) .entry-header.has-image:before,
.page .entry-header.has-image:before {
  opacity: 0;
}

#content .background-grey {
  background: #f7f7fb;
}

.primary-menu > ul > .page_item::before, ul.primary-menu > .menu-item::before {
  display: none;
}

.single:not(.single-job_listing) .entry-content, .page .entry-content {
  padding-top: 0;
}

iframe {
  border: none;
}

/* Homepage */
.site-branding img {
  max-height: 80px !important;
}

.page-template-front_page .page-title,
.page-template-front_page .entry-subtitle.entry-subtitle {
  text-transform: uppercase;
  word-spacing: 5px;
  letter-spacing: 5px;
}

.page-template-front_page .page-title strong {
  text-transform: lowercase;
  font-family: 'Dear-Annabelle';
  font-size: 80px;
  font-weight: normal;
  letter-spacing: 0;
}

.widget_title--frontpage {
  text-transform: uppercase;
  word-spacing: 5px;
  letter-spacing: 5px;
}

.widget_subtitle--frontpage {
  text-transform: none;
  word-spacing: 0;
  letter-spacing: 0;
}

.widget_title--frontpage strong {
  color: #54cab2;
  text-transform: lowercase;
  font-family: 'Dear-Annabelle';
  font-size: 60px;
  font-weight: normal;
  letter-spacing: 0;
}

.card--widget.card--widget,
.card,
.card--listing.is--featured {
  border-color: #383436;
}

h2.card__title.card__title a {
  color: #54cab2;
}

#content .card__title a {
  color: #54cab2;
  display: inline-block;
  margin-bottom: 10px;
}

button.search-submit {
  text-transform: uppercase;
}

.page-template-front_page .top-categories .cta-text {
  text-transform: uppercase;
  padding: 0 40px 0 0;
  margin-left: 30px;
}

#content .front-page-section:nth-child(2n) {
  border: none;
}

.page-template-front_page .site-header {
    position: fixed;
    background: transparent !important;
}

.page-template-front_page .site-header.fixed {
  background: #54cab2 !important;
  position: fixed;
}

.search_jobs--frontpage .chosen-container .chosen-results li.active-result {
  color: #381f20;
}

.page-template-front_page .search-suggestions-menu > .menu-item:hover > a, .search_jobs--frontpage .chosen-container .chosen-results li:hover {
  color: #381f20;
}

.home-tips .nav-links {
  display: none;
}

/* 404 */

.error404 #content .entry-content,
.search-no-results #content .entry-content {
  max-width: 1100px;
}

.error404 #content .entry-content,
.error404 #content .entry-content .search-form input {
  text-align: center;
}

/* Footer */

.widget--footer [id*="social"] li.menu-item {
  margin: 0 5px;
}

.footer-widgets {
  max-width: 1100px;
  margin: 30px auto;
  font-size: 0.875rem;
  text-align: center;
}

.footer-widgets .column {
  float: left;
  padding: 0 15px;
}

.footer-widgets .col-1 {
  width: 100%;
}

.footer-widgets .col-2 {
  width: 50%;
}

.footer-widgets .col-3 {
  width: 33.33333333%;
}

.footer-widgets .widget_title--frontpage {
  color: #fff;
  font-size: 18px;
}

.footer-widgets a {
  color: #fff;
}

.footer-widgets a:hover {
  color: #54cab2;
}

.footer-widgets .menu ul,
.footer-widgets .menu ul ul {
  margin-left: 15px;
}

/* Contact Us */

.contact-us #map {
  width: 100%;
  height: 500px;
}

.wpcf7 input,
.wpcf7 textarea {
  border: none;
  background: #f7f7fb;
}

.wpcf7 textarea {
  height: 100px;
}

.wpcf7-form-control.wpcf7-submit {
  float: right;
  text-transform: uppercase;
  padding: 12px 60px;
  margin-bottom: 1.5625rem;
}

div.wpcf7 .ajax-loader {
  display: none;
}

div.wpcf7-validation-errors,
div.wpcf7-spam-blocked,
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng {
  clear: both;
  border-color: #383436;
  margin: 0;
}

/* Listings */

.search_jobs {
  border: none;
}

.card--listing.is--featured {
  border-width: 1px;
}

.page-listings div.job_listings .load_more_jobs strong, .post-type-archive-job_listing div.job_listings .load_more_jobs strong {
  background: #54cab2 !important;
  color: #fff !important;
  text-transform: uppercase;
  padding: 12px 60px;
  border: none;
}

/* Add Listing */

.page-add-listing fieldset:first-child, .page-job-dashboard fieldset:first-child {
  margin-top: 0;
}

.page-add-listing .entry-content, .page-job-dashboard .entry-content {
  padding-top: 35px;
}

/* Select Listing Type */

.package, .wpjmcl_form_claim_package .job-package {
	margin-bottom: 24px;
}

.has-featured-image + .entry-content .job_listing_packages {
	margin-bottom: 18px !important;
}

/* Book Now */

.header--transparent.fixed li.book-now a {
	background: #fff;
	color: #54cab2 !important;
	border-radius: 4px;
}

.header--transparent.fixed li.book-now a:hover {
	background: #381f20;
	color: #fff !important;
}

@media (min-width: 900px) {
	/* Book Now Button */
	
	li.book-now a {
		background: #54cab2;
		color: #fff;
		border-radius: 4px;
	}
	
	li.book-now a:hover {
		background: #381f20;
	}

}

@media (max-width: 1200px) {

	ul.primary-menu > .menu-item > a, .header--transparent ul.primary-menu > .menu-item > a, ul.primary-menu > .menu-item.menu-item-has-children > a, ul.primary-menu > .menu-item > a, .header--transparent ul.primary-menu > .menu-item > a {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.primary-menu > ul .page_item_has_children::after, ul.primary-menu .menu-item-has-children::after {
		right: -2px;
	}

}

@media (max-width: 1060px) {

	ul.primary-menu > .menu-item > a, .header--transparent ul.primary-menu > .menu-item > a, ul.primary-menu > .menu-item.menu-item-has-children > a, ul.primary-menu > .menu-item > a, .header--transparent ul.primary-menu > .menu-item > a {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.primary-menu > ul .page_item_has_children::after, ul.primary-menu .menu-item-has-children::after {
		right: -3px;
	}

}

@media (max-width: 899px) {

	.site-branding {
		padding: 10px 0;
	}

	.menu-trigger {
		height: 100%;
	}
	
	.overlay-is-open .menu-trigger {
		height: 60px;
	}

  .contact-us #map {
    height: 250px;
  }

  .footer-widgets,
  .footer-widgets .widget_title--frontpage {
      text-align: center;
  }

  .footer-widgets .col-1,
  .footer-widgets .col-2,
  .footer-widgets .col-3 {
    width: 100%;
    margin-bottom: 30px;
  }

  .footer-widgets .column:last-of-type {
    margin-bottom: 0;
  }

}

@media (max-width: 480px) {
  .grid.job_listings > .grid__item, .job_listings.product-content > .grid__item, .product-content.job_listings > * {
    width: 100%;
  }
}