/*
 Theme Name:     jonesandco
 Theme URI:      https://centralcoastlawnmowingandcare.com
 Description:    Custom Styles for Jones and Co. Central Coast Lawnmowing and Care website
 Author:         Abolina Art
 Template:       generatepress
 Version:        1.0.0
*/
h1.headline{
	color: #f3f3f3 !important;
	font-family: Noto Sans, sans-serif;
	padding: 1em 0;
    font-weight: 700;
    font-size: 46px;
}
h2.tagline {
	color: var(--base-3);
	font-family: Noto Sans, sans-serif;
    font-size: 38px;
    font-weight: 300;
    line-height: 1.7;
}
h3.tagline {
    color: var(--base-3);
    font-size: 32px;
    font-weight: 300;
    line-height: 1.7;
}
.gb-element-dbc36367 .wp-block-list li {
    background: #98cd6a;
    margin-bottom: 1em;
    border-radius: 4em;
    list-style-type: none;
    padding: 1em 2em;
    border: 4px solid #17a14a;
}
.gb-element-b46d42b3 .wp-block-list li {
    background: rgb(234 229 125);
    margin-bottom: 1em;
    border-radius: 4em;
    list-style-type: none;
    padding: 1em 2em;
    border: 4px solid #17a14a;
}
ul.wp-block-list {
	margin-bottom: 2em;
}
.site-info {
    background-color: #108241;
    color: #bac6af;
    font-size: 0.7em;
}
.generate-back-to-top {
    font-size: 30px;
    border-radius: 50px;
    position: fixed;
    line-height: 50px;
    width: 50px;
}
a.generate-back-to-top {
    background-color: rgb(13 146 62 / 77%);
    color: #ffffff;
}
a.generate-back-to-top:hover, a.generate-back-to-top:focus {
    background-color: #1a6a3dc2;
    color: #ffffff;
}
/* Responsive */
@media (min-width: 769px) {
    
}
@media (max-width:1280px){
	
}
@media (max-width:1024px){
	h1.headline {
		font-size: 32px;
	}
	h2.tagline {
		font-size: 28px;
	}
	h3.tagline {
		font-size: 26px;
	}
	ul.wp-block-list {
    margin-left: 0.5em;
	}
}
@media (max-width:768px){
	h1.headline {
		font-size: 26px;
	}
	h2.tagline {
		font-size: 22px;
	}
	h3.tagline {
		font-size: 20px;
	}
	.gb-element-dbc36367 .wp-block-list li, .gb-element-b46d42b3 .wp-block-list li {
    	border-radius: 1em;
	}
	.grass-bottom {
		background-size: 70%;
	}
	#mobile-header .menu-toggle {
        display: block;
        background: orange;
        border-radius: 5px;
        height: 50px;
        line-height: 50px;
        margin-right: 6px;
    }
	.menu-toggle .gp-icon+.mobile-menu {
		padding-left: 9px;
		font-weight: 700;
	}
}