/*
Theme Name:  Roswell Wool
Theme URL:   https://wordpress-668395-3462478.cloudwaysapps.com
Description: Custom WordPress theme for Roswell Wool
Author:      Robot Army Industries
Author URL:  https://yourrobotarmy.com
Template:    astra
Version:     1.0.0
*/

body {
	background-color:var(--ast-global-color-4);
	position:relative;
}
body::before {
	content:'';
	inset:0;
	background-image:url('/wp-content/uploads/2023/01/Horn-Outline.png');
	background-position:center center;
	background-size:100%;
	position:absolute;
	background-repeat:no-repeat;
}
body:not(.logged-in) .logout-hide {
	display:none;
}
.two-column {
	column-count:2 !important;
} 

.site-content {
	background:none !important;
}
.gform_wrapper .gform_heading {
	margin-bottom:2vh;
}


/* Page Title Width */
.ast-advanced-headers-layout-1 h1 {
	max-width: clamp(50vw, 700px, 100%);
}
/*
body.home .ast-advanced-headers-layout-1 h1 {
    max-width: clamp(40vw, 200px, 100%);
}
*/

@media only screen and (min-width:991px) {
	body.home section.buy-produce-callout {
		margin:-8vh auto !important;
		max-width:60vw !important;
	}	
}

/* image alignment fix */
.no-width {
	width:unset !important;
}
.top-margin-overlap {
	margin-top:-4rem;
}

.homepage-callouts div.wp-block-column {
	border-radius:5px;
}
#content::before {
	background-image:url('/wp-content/uploads/2023/02/rw-foot-bg.png');
	position:absolute;
	content:'';
	bottom:80px;
	width:100%;
	height:50vh;
	opacity:1;
	visibility:visible;
	background-repeat:no-repeat;
	background-size:cover;
}

@media (max-width: 767px) {
	#content::before{
		bottom:130px;
	}
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
textarea,
select {
	border: solid var(--ast-global-color-0) 1px;
}
.gfield.gsection {
	margin-top:5vh;
}
.gform_wrapper select {
	height:unset;
	border-color:black !important;
}

/* table */
.wp-block-wpdatatables-wpdatatables-gutenberg-block {
	font-size:0.8em;	
}

/* Mobile */
@media (min-width: 768px) and (max-width: 1024px) {
	#content::before {
		height:30vh;
	}
}

/* Tablet */
@media (max-width: 1024px) {
	#content::before {
		height:200vh;
	}
	div.footer-data-table div.wp-block-column {
		text-align:center;
		padding:1rem !important;
	}
	div#primary {
		margin:2.5em 0 !important;
	}
}