/*
Theme Name: Rockbase Child
Theme URI: https://rockbase.co
Author: Rockbase LLC
Author URI: https://rockbase.co
Description: A child theme for the Rockbase block theme.
Requires at least: 6.3
Tested up to: 6.4
Requires PHP: 7.3
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: rockbase
Text Domain: rockbase-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, translation-ready, block-styles, template-editing, wide-blocks, global-styles
*/

/*--MAIN STYLE --*/

.wp-element-button:hover {
  
}

.featured-btn a:hover {
	background: #003f51!important;
}

.find-service-btn a:hover {
	background-color: #046a39;
}

.wp-block-search__button.has-icon:hover {
	background-color: #046a39;
}

.get-started-btn:hover {
	transform: translateX(5px);
	transition: all 0.2s ease-in-out!important;
}

.view-careers-btn:hover {
		transform: translateX(5px);
	transition: all 0.2s ease-in-out;
	border-color: #058447!important;
}

.wp-block-button.is-style-outline .wp-element-button .view-careers-btn:hover{
		outline-color: #058447!important;
}

.wp-block-button.is-style-outline .wp-element-button:hover {
    outline-color: #058447!important;
}

.our-impact-btn:hover {
	transform: translateX(5px);
	transition: all 0.2s ease-in-out;
}

.service-learn-more-btn a:hover{
	background-color: #046a39;
}
/* --- Service Button --- */

.service-btn a:hover {
	transform: translateX(5px);
	border-color: #058447!important;
	color: rgb(5, 132, 71)!important;
	border: none;
    outline: 2px solid #058447!important;
    outline-offset: -2px;
}
.wp-block-button.is-style-outline .wp-element-button:hover {
	background-color: transparent;
}

.wp-block-button.is-style-outline .has-text-color.wp-element-button:hover{
	color: rgb(5, 132, 71)!important;
}


/*--- Featured Blog ---*/

.featured-blog-tile-1 {
  background-image: 
    /* top, transparent red */
    linear-gradient(
      rgba(0, 30, 38, 0.2), 
      rgba(0, 30, 38, 0.8)
    ),
    /* your image */
    url(https://stage.yourlawnmasters.com/wp-content/uploads/2024/12/AdobeStock_404827004-scaled.jpeg);
	position: contain;
    background-size: cover;
}

.featured-blog-tile-2 {
  background-image: 
    /* top, transparent red */
    linear-gradient(
      rgba(0, 30, 38, 0.2), 
      rgba(0, 30, 38, 0.8)
    ),
    /* your image */
    url(https://stage.yourlawnmasters.com/wp-content/uploads/2024/12/AdobeStock_47791829-scaled.jpeg);
	position: contain;
    background-size: cover;
}

.featured-blog-tile-3 {
  background-image: 
    /* top, transparent red */
    linear-gradient(
      rgba(0, 30, 38, 0.2), 
      rgba(0, 30, 38, 0.8)
    ),
    /* your image */
    url(https://stage.yourlawnmasters.com/wp-content/uploads/2024/12/AdobeStock_110789919-scaled-e1733611571719.jpeg);
	position: contain;
    background-size: cover;
	border-radius: 25px;
}


/*---- RESPONSIVE SETTINGS ----*/

@media only screen and (max-width: 1189px) {
	.wp-block-navigation .wp-block-navigation-item__label {
	font-size:14px;
	}
	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	font-size:14px;
	}
	
	.wp-block-search__input, .wp-block-search__input::placeholder{
		font-size:14px;
	}
	
}

@media only screen and (max-width: 1070px) {
	.wp-block-search__inside-wrapper {
    display: none!important;
	}
}

@media only screen and (max-width: 782px) {
	figure.wp-block-image.size-large.program-feature-img {
    display: none;
}
	.wp-block-group.alignfull.is-style-default.INTRO-FEATURE-CTA.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    margin-top: 20px;
		margin-bottom: 20px;
}
	body .is-layout-grid {
    display: block;
}
	.wp-block-cover.alignwide.is.has-foreground-2-color.has-text-color.has-link-color.wp-elements-cf24dfe3b326025263c3d8da32b155b9.wp-duotone-unset-3 {
    margin-bottom: 20px !important;
}
	.wp-block-group.has-background-1-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-10.wp-block-group-is-layout-constrained {
    padding-bottom: 0px !important;
}
}

@media only screen and (max-width: 1100px) {
	h2.wp-block-heading.has-montserrat-font-family {
    font-size: 30px;
}
	.hero-btn {
    font-size: 14px!important;
}
}

@media only screen and (max-width: 800px) {
	.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
    WIDTH: 33%;
}
}

@media only screen and (max-width: 643px) {
	.hero-btn {
		font-size:10px!important;
	}
	
	.wp-block-group.featured-blog-tile-1.is-style-shadow.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-17.wp-block-group-is-layout-constrained {
    	min-height: initial !important;
	}
	
	.wp-block-group.featured-blog-tile-2.is-style-shadow.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-18.wp-block-group-is-layout-constrained {
    	min-height: initial !important;
	}
	.wp-block-group.featured-blog-tile-3.is-style-shadow.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-19.wp-block-group-is-layout-constrained {
		min-height: initial !important;
	}
	
	p.has-background-1-background-color.has-background.has-montserrat-font-family.has-x-small-font-size {
    TEXT-ALIGN: CENTER;
	}

 	form.wp-block-search {
    	width: 80%!important;
    	margin: 0px auto 0px auto!important;
	}
	
	form.wp-block-search__button-outside {
    	width: 80%!important;
		margin: 0px auto 0px auto!important;
	}
@media only screen and (max-width: 599px) {
	nav.has-text-color.has-secondary-color.has-small-font-size.is-responsive.items-justified-center.is-style-hover-color-primary.wp-block-navigation.wp-container-content-1.is-horizontal.is-content-justification-center.is-layout-flex.wp-container-core-navigation-is-layout-1.wp-block-navigation-is-layout-flex {
    display: flex;
    justify-content: flex-end;
	}
	
@media only screen and (max-width: 587px) {
	.wp-container-core-navigation-is-layout-1{
		--navigation-layout-justify: RIGHT;
	}
	
	.hero-actions{
		width:100%;
		
	}
}
	
@media only screen and (max-width: 373px) {
	.hero-btn {
		font-size:8px!important;
	}
	}