/*
Theme Name: Landscaping
Author: Collin Ticer
Author URI: https://dappertechnologyllc.com
Description: Custom theme.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dt_landscaping
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.dt-float-right {
	float: right;
	display: block;
}

.dt-float-left {
	float: left;
	display: block;
}

.super-header-container::after {
    content: "";
    display: table;
    clear: both;
}

.wp-block-media-text__media img {
    background-color: transparent !important;
}

header {
	position: relative;
	z-index: 100;
}

.pull-up-content {
	margin-top: -13vh !important;
	position: relative;
	z-index: 10;
}

@media (max-width: 768px) {
	/*
		START: Adjust column order on mobile

		adjust the contact form and image columns on the home page on mobile 
		so that the contact form is on top and the image is below
	*/
	.contactFormColumn {
		order: 1;
	}

	.imageColumn {
		order: 2;
	}
	/*
		END: Adjust column order on mobile
	*/
}