/*
Theme Name: Pro Step Landcaping - Sharper Edge v4 
Author: Sharper Edge International Pty Ltd
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: pro-step-landscaping
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 8.2
Version: 1.0.5

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

html, body {
  overflow-x: hidden;
}

.gform_anchor{
	padding-top: 300px;
    margin-top: -300px;
}


@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

@media screen and (min-width: 1024px) {
	header > .wp-block-group > .wp-block-group{
		background: transparent;
		transition: background 0.3s linear;
		margin-left: -15px !important;
        margin-right: -15px !important;
        max-width: calc(100% + 30px) !important;
	}

	.sticky > .wp-block-group > .wp-block-group{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding-left: 15px !important;
		padding-right: 15px !important;
		z-index: 9999;	
		background-color: #000000de;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		box-shadow: 0 0 8px #333;
		max-width: unset !important;
		transition: background 0.3s linear;
		margin-left: 0 !important;
	}

	
}

@media screen and (max-width: 1200px) {
	.wp-block-group.is-layout-flex{
		justify-content: flex-start;
	}
}

@media screen and (max-width: 1024px) {
	.sticky .header-menu{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding-left: 15px !important;
		padding-right: 15px !important;
		z-index: 9999;	
		box-shadow: 0 0 8px #333;
		margin-top: 0 !important;
		margin-left: 0 !important;
	}

	.sticky .header-button{
		position: fixed;
		top: 7px;
		right: 15px;
		z-index: 9999;
	}

	.sticky .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
		background: #000!important;
	}

	.wp-block-navigation-item.has-child{position:relative;}
	.wp-block-navigation-item.has-child:after{
			font-family: "Font Awesome 6 Free";
			font-style: normal;
			font-weight: 700;
			line-height: 1;
			content: "\f0d7";
			font-size: .88rem;
			color: #fff;
			position: absolute;
			right: 15px;
			height: 37px;
			display: flex;
			align-items: center;
			width: 37px;
			justify-content: center;
			top: 1px;
			cursor: pointer;
	}

	.wp-block-media-text .wp-block-media-text__content{
		padding-left: 50px;
	}

	.inner-header{
		padding-left: 0!important;
		padding-right: 0!important;
		padding-bottom: 0!important;
	}

	header .inner-header .call-phone{
		right: 15px;
        float: none;
        position: absolute;
        bottom: 5px;
        top: unset;
	}

	header .wp-block-site-tagline{
		margin-top: 35px !important;
	}

	header .page-title-cover{
		min-height: 150px !important;
	}

	header.sticky .inner-header .call-phone{
		position: fixed;
		z-index: 9999;
		top: 5px;
		right: 15px;
	}

	header .inner-header .header-logo,
	header .inner-header .wp-block-site-tagline{
		padding-left: 15px;
		padding-right: 15px;
	}
}


@media screen and (max-width: 768px) {
	.gform_wrapper form .gform_fields{
		column-gap: 0;
	}
}

@media screen and (max-width: 600px) {
	.wp-block-media-text .wp-block-media-text__content{
		padding-left: 15px !important;
	}

	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
		padding-right: 15px !important;
	}

}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
