/*
Theme Name: MPS Block
Theme URI: 
Author: Dara Donelson
Description: Custom block theme for Mobile Pro Systems
Requires at least: 6.1
Requires PHP: 5.7
Version: 0.0.1
*/

/* responsive padding: calc(8px + 1.5625vw) */

html {
    scroll-behavior: smooth;
}

body .wp-site-blocks > main {
    margin-block-start: 0px;
}

/*remove unwanted user agent list style*/
body ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

@media (min-width: 481px) and (max-width: 1023px) {
	.wp-block-site-logo {
		flex-basis: 50%;		
	}
}

/*Link (linked Image) or Image followed by Heading block override user agent style*/
a ~ h2, img ~ h2 {
	margin-block-start: 0.4em;
	margin-block-end: 0.4em;
	}
	
/* Make content & alignwide area wider on smaller devices */
@media (max-width: 1100px) {
	:where(.wp-block-group.has-background) {
		/* padding: 1.25em 2.375em; */
		padding: 1.25em .25em;
	}

	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
	body .is-layout-constrained > .alignwide {
		max-width: 98vw !important;
		margin-left: 1vw !important; /* auto */
		margin-right: 1vw !important; /* auto */
	}
}

/* Make content & alignwide area smaller on TV devices */

@media (min-width: 3000px) {
	:where(.wp-block-group.has-background) {
		/* padding: 1.25em 2.375em; */
		padding: 1.25em .25em;
	}

	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
	body .is-layout-constrained > .alignwide {
		max-width: 60vw !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)){	
		max-width: 40vw !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* Responsive typography for headers */
@media (max-width: 767px) {
	h1.has-huge-font-size,
	h2.has-huge-font-size {
		font-size: 40px !important;
	}
}

@media (min-width: 768px) and (max-width:1100px) {
	h1.has-huge-font-size,
	h2.has-huge-font-size {
		font-size: 52px !important;
	}
}

/*Search Results & 404*/
.in-page-search-form .wp-block-search__button.has-medium-green-background-color:hover {
	background-color: var(--wp--preset--color--medium-green-alpha-6) !important;
}

/* probably will not use */
.date-read-more-row {
	width: 80%;
}

.search-query-loop :where(.wp-block-columns.has-background) {
    padding: 1.25em 1.25em;
	min-height: 275px;
}

.search-query-loop .wp-block-query-pagination>.wp-block-query-pagination-numbers a,
.search-query-loop .wp-block-query-pagination>.wp-block-query-pagination-numbers span.current {
    /* margin-bottom: .5em; */
    /* padding-right: 1.5em; */
	margin-right: 1em;
}

@media (max-width: 768px) {	
	.search-query-loop .wp-block-columns {
		gap: 1em !important;
	}
}

/* 8K TVs */
/* @media (min-width: 7680px) {
	body {
		background-color: var(--wp--preset--color--pale-grey);
	}

	body .wp-site-blocks {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		max-width: 50vw;
		background-color: var(--wp--preset--color--white);
	}
} */

/* Google Maps responsive embed Contact page */
.google-maps {
    position: relative;
    /* padding-bottom: 75%; This is the aspect ratio */
    height: 0;
    overflow: hidden;
  }
  .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }