/*
Theme Name: Travel Time Child
Theme URI: http://cmsmasters.net/travel-time-child/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: Travel Time Child Theme
Template: travel-time
Version: 1.0.0
License:
License URI:
Text Domain: travel-time-child
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* Home Hero Icons */
.home-hero-icons {
	display: grid;
	/* grid-template-columns: repeat(2, 1fr); COMMENTED OUT 2022-04-10 for formatting*/
	grid-template-columns: repeat(4, 1fr);
	justify-content: space-between;
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
}

@media only all and (min-width: 500px) {
	.home-hero-icons {
		grid-template-columns: repeat(4, 1fr);
		max-width: 700px;
	}
}

@media only all and (min-width: 980px) {
	.home-hero-icons {
		grid-template-columns: repeat(8, 1fr);
		max-width: 1600px;
	}
}

.home-hero-icons a,
.home-hero-icons img {
	display: block;
	margin: 0 auto;
}

/* featured blocks */
.cmsmasters_featured_block.cmsmasters_featured_block--has-link {
	cursor: pointer;
}

/* Fixed height home page background in mobile (Explore It All section) */
@media only screen and (max-width: 1024px) {
	.mobile-bg-fixed-height {
		background-size: auto 970px !important;
	}
}

/* Button group */
@media only screen and (max-width: 600px) {
	.button-group {
		display: grid;
		gap: 20px;
		justify-content: start;
	}
}

/* Hide Directory Listing's non-working map */
#map_wrapper {
	display: none;
}

/* page wrapper responsive issue */
.content_wrap {
	max-width: 100%;
}

/* fix over-large images in Directory Listing widget */
.code-block img {
	max-width: 100% !important;
}

/* directory archive headline block */
.archive .headline_outer {
	min-height: 300px;
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 768px) {
	.archive .headline_outer {
		min-height: 150px;
	}
}


/* Hide headline on blog feed */
.blog .headline_outer {
	display: none;
}

/* Typography */
@media only screen and (max-width: 768px) {
	h1,
	h1 a,
	.logo .title {
		font-size: 40px;
		line-height: 1.1;
	}

	h2, h2 a, .post_nav a, .cmsmasters_wrap_pagination .page-numbers, .cmsmasters_table caption, .cmsmasters_pricing_table .pricing_title {
		font-size: 34px;
    line-height: 1.2;
	}
}