/* Custom styles for Lavender Star Farms */
@font-face {
    font-family: 'Futura Md BT';
    src: url('/wp-content/themes/lavender-star-farms/fonts/FuturaBT-Medium.woff2') format('woff2'),
        url('/wp-conent/themes/lavender-star-farms/fonts/FuturaBT-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('/wp-content/themes/lavender-star-farms/fonts/Futura-Thin.woff2') format('woff2'),
        url('/wp-content/themes/lavender-star-farms/fonts/Futura-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura-Normal';
    src: url('/wp-content/themes/lavender-star-farms/fonts/Futura-Normal.woff2') format('woff2'),
        url('/wp-content/themes/lavender-star-farms/fonts/Futura-Normal.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
	color: #8553a0;
	font-family: "Futura-Normal", sans-serif;
	font-weight: bold;
	padding: 10px 0;
}

@media (max-width:620px) {
	.has-huge-font-size {
		font-size: 3.5rem;
	}
}

.site-inner, .wrap {
	max-width: 1920px;
	padding: 10px 0;
}

.site-header > .wrap {
	padding: 10px 0;
}

.site-header {
	position: absolute;
	top: 0px;
	height: 100px;
	z-index: 1001;
	width: 100%;
}

@media (max-width: 1023px) {
	.header-image .title-area {
		float: left;
		max-width: 200px;
	}
}

@media (max-width: 640px) {
	.header-image .title-area {
		float: left;
		max-width: 125px;
	}
}

.header-image .site-title > a {
	min-height: 260px;
}

@media (max-width: 1280px) {
	.header-image .site-title > a {
		min-height: 175px;
	}
}

@media (max-width: 620px) {
	.header-image .site-title > a {
		min-height: 125px;
	}
}

.site-header {
	background-image: linear-gradient(to right, white, rgba(255,255,255, 0.65));
	background-color: transparent;
}

.site-header .widget-area {
	padding: 30px;
}

@media (max-width: 1022px) {
	.site-header .widget-area {
		padding: 5px 30px;
		background: transparent;
		width: auto;
	}
}

@media (max-width: 620px) {
	.site-header .widget-area {
		padding: 5px 0px;
		background: transparent;
		width: auto;
	}
}

.genesis-nav-menu .menu-item {
	padding: 0 10px;
}

@media (max-width: 1023px) {
	.menu-toggle, .sub-menu-toggle {
		background-color: transparent;
		border-top: none;
	}

	.menu-toggle {
		line-height: 26px;
	}
	
	.genesis-responsive-menu {
		background: #fff;
	}

	.menu-toggle, .menu-toggle:focus, .menu-toggle:hover {
	border-top: none;
	}
}

.dashicons-arrow-down-alt2::before {
	content: "\f347";
	color: #59147e;
}

@media (max-width: 780px) {
	#home-photo {
		padding-top: 54px;
	}
}

@media (max-width: 640px) {
	#home-photo img {
		min-height: 440px;
		object-fit: cover;
	}
}

#home-text {
	top: 375px;
	position: absolute;
	color: #fff;
	left: 80px;
	width: 580px;
	text-shadow: 0px 1px 4px #000;
}

@media (max-width: 1720px) {
	#home-text {
		top: 325px;
	}
}

@media (max-width: 1680px) {
	#home-text {
		top: 350px;
	}
}

@media (max-width: 1280px) {
	#home-text {
		top: 250px;
	}
}

@media (max-width: 1023px) {
	#home-text {
		top: 250px;
		text-align: center;
		width: 420px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}

@media (max-width: 860px) {
	#home-text {
		top: 190px;
	}
}

@media (max-width: 620px) {
	#home-text {
		top: 330px;
		text-align: left;
		left: 0;
		margin: 0 auto;
		right: 0;
		text-align: center;
	}
}


#home-text h1 {
	font-size: 7rem;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 6rem;
	color: #fff;
	font-family: 'Futura Md BT', sans-serif;
}

@media (max-width: 1680px) {
	#home-text h1 {
		font-size: 5rem;
		line-height: 4rem;
	}
}

@media (max-width: 1080px) {
	#home-text h1 {
		font-size: 3rem;
		line-height: 3rem;
	}
}

@media (max-width: 620px) {
	#home-text h1 {
		font-size: 3.5rem;
		line-height: 3.25rem;
	}
}

#home-text a {
	border: 3px solid #fff;
	padding: 5px 10px;
	font-size: 2.5rem;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-top: 14px;
	box-shadow: 0px 1px 4px #000;
	text-transform: uppercase;
}

@media (max-width:1280px) {
	#home-text a {
		margin-top: 0px;
	}
}

@media (max-width: 1080px) {
	#home-text a {
		margin-top: 0px;
		font-size: 2rem;
	}
}

@media (max-width: 620px) {
	#home-text a {
		font-size: 1.5rem;

	}
}

#home-text a:hover {
	background: #8cb78c;
	transition: all 1s;
}

.home .entry-title {
	display: none;
}

#page-thumbnail-bg {
	height: 350px;
}

@media (max-width: 620px) {
	#page-thumbnail-bg {
		height: 350px;
		background-position: -660px 0px !important;
		background-size: 100%;
	}
}

body.home .site-inner {
	padding-top: 0px;
}


.nuecha {
	font-family: 'Neucha', cursive;
}

.home-title {
	text-transform: uppercase;
}

.home-heading {
	width: 70%;
	margin: 0 auto;
	font-size: 2.5rem;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 4rem;
	padding: 20px 0;
	font-family: 'Futura Md BT', sans-serif;
}

@media (max-width: 620px) {
	.home-heading {
		font-size: 2rem;
		width: 90%;
	}
}

.wp-block-separator.is-style-wide {
	border-bottom-width: 0px;
	background: url(/wp-content/uploads/2021/09/lavender-star-farms-alpaca-farm-in-prosser-wa-page-divider.jpg) no-repeat center;
	height: 60px;
	border: none;
	text-align: center;
	padding: 30px 0;
}

.wp-block-media-text__media img, .wp-block-media-text__media video {
	max-width: unset;
	width: 75%;
	vertical-align: middle;
	border: #d6c3df 2px solid;
	float: right;
}

@media (max-width: 1080px) {
	.wp-block-media-text__media img, .wp-block-media-text__media video {
		width: 100%;
	}
}

.has-media-on-the-right .wp-block-media-text__media img {
	float: left;
}

.wp-block-media-text__content h2 {
	font-size: 3.5rem;
	color: #8553a0;
	font-family: "Futura-Normal", sans-serif;
	font-weight: bold;
	padding: 10px 0;
}

.wp-block-media-text__content {
	color:  #8553a0;
}

.wp-block-media-text__content ul > li {
	list-style-image: url(/wp-content/uploads/2021/09/lavender-star-farms-alpaca-farm-in-prosser-wa-list-star.webp);
	padding: 5px 0;
	font-size: 2.5rem;
	line-height: 4rem;
	font-weight: normal;
	font-family: "Futura-Normal", sans-serif;
	color: #7a4b94;
}

@media (max-width: 620px) {
	.wp-block-media-text__content ul > li {
		font-size: 2.25rem;
		line-height: 3rem;
	}
}

body .is-style-outline > .wp-block-button__link, body .wp-block-button__link.is-style-outline {
	border: none;
	padding: 0px 0px 0 10px;
	text-decoration: underline;
	font-weight: bold;
	font-size: 2.25rem;
	font-family: 'Futura Md BT', sans-serif;
	color: #1f062c;
}

@media (max-width: 620px) {
	body .is-style-outline > .wp-block-button__link, body .wp-block-button__link.is-style-outline {
		font-size: 2rem;
	}
}

body .wp-block-button.is-style-outline > .wp-block-button__link, body .wp-block-button .wp-block-button__link.is-style-outline {
	border: none;
	padding: 0 0 0 10px;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	text-align: right;
	font-size: 2.4rem;
	font-family: "futura-normal", sans-serif;
	line-height: 4rem;
}

.wp-block-media-text .wp-block-media-text__content {
	text-align: left;
	font-size: 2.4rem;
	font-family: "futura-normal", sans-serif;
	line-height: 4rem;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content .wp-block-buttons {
	justify-content: right;
}


/* Navigation */

.genesis-nav-menu a {
	color: #000;
	display: block;
	padding: 32px 20px;
	text-decoration: none;
	font-family: 'Neucha', cursive;
	font-size: 2.5rem;
	text-transform: uppercase;
	font-weight: normal;
}

@media (max-width: 640px) {
	.genesis-responsive-menu .genesis-nav-menu .menu-item a {
		font-size: 1.75rem;
	}
}

/* pages */

.entry {
	background-color: #fff;
	margin-bottom: 40px;
	padding: 0px 80px;
}

@media (max-width:860px) {
	.entry {
		padding: 0px 15px;
	}
}

.entry-header {
	top: -60px;
	position: relative;
	background: rgba(255,255,255,0.85);
	max-width: 100%;
	padding-left: 20px;
}


button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.woocommerce .button,
.woocommerce a.button,
.woocommerce .cart .button,
.entry-content .button,
.woocommerce div.product form.cart .button {

    background: transparent;
    border: 3px solid #000;
    color: #000;
    text-transform: uppercase;
    font-family: "Futura-Normal", sans-serif;
}

.button:hover,
.woocommerce .cart .button:hover,
.woocommerce .button:hover,
.woocommerce a.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.entry-content .button:hover,
.woocommerce div.product form.cart .button:hover {
	background: #8cb78c;
    transition: all 1s;
}

.woocommerce ul.products li.product a {
	transition: color 1s ease-in-out, background 1s ease-in-out;
}

@media (max-width: 620px) {
	.woocommerce ul.products li.product, .woocommerce ul.products li.product .button, .woocommerce .woocommerce-ordering, .woocommerce-page ul.products li.product, .woocommerce-page ul.products li.product .button, .woocommerce-page .woocommerce-ordering {
		margin-right: 0;
		width: 75%;
		padding: 5px 10px;
		color: #333;
	}
}

/* woocommerce */

.woocommerce .content {
	float: none;
}

.woocommerce.full-width-content .content, .woocommerce-page.full-width-content .content {
	max-width: 1680px;
	margin: 0 auto;
}

/*.woocommerce .site-inner, .woocommerce-cart .site-inner {
	padding-top: 170px;
}*/


/* blocks */
.wp-block-getwid-section figcaption {
	text-align: center;
}

.wp-block-getwid-section figcaption a {
	font-size: 2.5rem;
}

.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading {
	font-family: "Futura-Normal", sans-serif;
	font-weight: bold;
}

.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator {
	width: 50%;
	border-top-width: 0px;
	border-top-color: transparent;
	border-top-style: solid;
	opacity: 0;
	background: url("/wp-content/uploads/2022/09/lavender-star-farms-alpaca-farm-in-prosser-wa-page-divider-dark-trans.webp") no-repeat top center;
	height: 18px;
	background-size: 80%;
}

.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-heading, .wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-separator, .wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-caption {
	color: #000;
	font-family: "Futura-Normal", sans-serif;
}

.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-heading {
	color: #000;
	font-family: "Futura-Normal", sans-serif;
}

/*.button {
	margin-top: 1em;
	background: transparent;
	border: 3px solid #000;
	color: #000;
	text-transform: uppercase;
	font-family: "Futura-Normal", sans-serif;
}*/

.button:hover {
	background: #8cb78c;
	transition: all 1s;
}


/* footer */
.widget {
	margin-bottom: 0;
}

.widget a {
	color: #8553a0;
	padding: 0 10px;
	margin: 0px;
}

.footer-widgets {
	background-color: #c4afce;
	clear: both;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 10px 0;
}

.footer-widgets-1 {
	float: none;
	margin: 0 auto;
	text-align: center;
	font-size: 4rem;
}

@media (max-width: 640px) {
	#genesis-footer-widgets img {
		max-width: 210px !important;
	}
}

.site-footer {
	background-color: #c4afce;
	border-top: none;
	font-size: 16px;
	font-size: 1.25rem;
	line-height: 1;
	padding: 5px 0;
	text-align: center;
	color: #7e6c87;
}

.site-footer a {
	color: #7e6c87;
}