@charset 'utf-8';
/*
Theme Name: FarmAgrico Child
Theme URI: http://farm-agrico.ancorathemes.com/
Description: FarmAgrico - excellent WordPress theme with many different blog and header layouts
Author: AncoraThemes
Author URI: http://ancorathemes.com/
Template: farmagrico
Version: 1.0
Tags: light, responsive-layout, flexible-header, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready

*/


/*
#64DE4A - green
#E0AF00 - yellow
#FF0F2D - red

n then the font is all Metallophile Sp8, but the titles n watnot are the Medium version n the small copy is Light
basically everything is the medium version except for the little paragraphs of text
n then the black is literally just black, it aint an off-color or nuthin
*/



/* =Theme customization starts here
-------------------------------------------------------------- */
.pt-lg, .py-lg {
	padding-top: 200px;
}
.pb-lg, .py-lg {
	padding-bottom: 200px;
}
.pt-md, .py-md {
	padding-top: 100px;
}
.pb-md, .py-md {
	padding-bottom: 100px;
}


/* --- Font Weight 300 / 500 --- */
h1, h2, h3, h4, h5, h6, div, p, .sc_layouts_menu_nav > li, .sc_layouts_menu_nav > li > a {
	font-family: metallophile-sp8, sans-serif;
}
p {
	font-size: 20px;
}


.scheme_default .sc_layouts_row_type_compact .sc_layouts_item_icon, .scheme_default.sc_layouts_row_type_compact .sc_layouts_item_icon, .scheme_default a {
	color: #E0AF00;
}
.scheme_default a:hover {
	opacity: .8;
}
.search_mobile {
	display: none;
}
.scheme_dark .menu_side_inner, .scheme_dark .menu_mobile_inner {
	background-color: black;
}

/* --- 404 --- */
.error404 .page_wrap {
	background-color: black;
}
.scheme_default h1, .scheme_default h2, .scheme_default h3, .scheme_default h4, .scheme_default h5, .scheme_default h6, .scheme_default h1 a, .scheme_default h2 a, .scheme_default h3 a, .scheme_default h4 a, .scheme_default h5 a, .scheme_default h6 a, .scheme_default li a, .scheme_default [class*="color_style_"] h1 a, .scheme_default [class*="color_style_"] h2 a, .scheme_default [class*="color_style_"] h3 a, .scheme_default [class*="color_style_"] h4 a, .scheme_default [class*="color_style_"] h5 a, .scheme_default [class*="color_style_"] h6 a, .scheme_default [class*="color_style_"] li a, .scheme_default .post_item_404 .page_description {
	color: #E0AF00;
}

/* --- Header --- */
@media screen and (min-width: 768px) {
	#header-middle .sc_layouts_item {
		text-align: center;
	}
}
.scheme_default .sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not(.button), .scheme_default.sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not(.button) {
	color: #E0AF00;
	text-transform: capitalize;
	font-size: 32px;
	letter-spacing: 1px;
}
.scheme_default .sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not(.button):hover, .scheme_default .sc_layouts_menu_nav>li.current-menu-item>a {
	color: #E0AF00 !important;
}
.scheme_default .menu_hover_slide_box .sc_layouts_menu_nav>li#blob {
	background-color: transparent;
}
.scheme_default .menu_hover_slide_box:hover .sc_layouts_menu_nav>li#blob {
	background-color: white;
}
/* --- End Header --- */


/* --- Homepage ---*/
#homepage-one {
    background-image: url('/wp-content/uploads/2025/08/mockup.png'), url('/wp-content/uploads/2025/07/mockup-03.jpg');
    background-size: contain, cover;
    background-position: bottom center, top center;
    background-repeat: no-repeat;
    padding-bottom: 220px;
}
#homepage-one p {
	color: white;
	margin-bottom: 0px;
	font-size: 26px;
}
#homepage-one h2 {
    margin-top: 10px;
    color: #E0AF00;
    line-height: 90px;
    font-size: 80px;
}
#homepage-two {
	background-image: url('/wp-content/uploads/2025/08/mockup.png'), url('/wp-content/uploads/2025/07/mockup-07.jpg');
	background-size: contain, cover;
	background-position: bottom center, center 500px;
    background-repeat: no-repeat;
    background-color: black;
}
#homepage-two h2 {
    color: #E0AF00;	
    margin-bottom: 40px;
}
#homepage-two h4 {
	font-size: 26px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 30px;
	color: white;
}
#homepage-two h4:last-of-type {
	margin-bottom: 20px;
}
#homepage-two p {
	color: white;
	font-size: 20px;
}
.green-column h4, .green-column strong {
	color: #64DE4A !important;
}
.yellow-column h4, .yellow-column strong {
	color: #E0AF00 !important;
}
.red-column h4, .red-column strong {
	color: #FF0F2D !important;
}
#homepage-bottom {
	margin-top: -50px;
    z-index: 999;
}
#homepage-two-inner {
	margin-bottom: 100px !important;
}
#homepage-two h3 {
    color: #E0AF00;	
    margin-bottom: 20px;
}
#homepage-three {
	padding-top: 100px;
	padding-bottom: 300px;
}
#homepage-three h5 {
	color: white;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 24px;
	line-height: 30px;
}
#homepage-three h5:last-of-type {
	margin-bottom: 20px;
}
#homepage-three h3 {
	color: #E0AF00;
	font-size: 70px;
	line-height: 70px;
    margin-bottom: 35px;
}
#homepage-three p {
	color: white;
}
#homepage-three p strong {
	font-size: 28px;
}
#button-404, #gform_submit_button_1 {
	display: inline-block;
	margin-top: 20px;
	background: none !important;
	background-color: #E0AF00 !important;
	padding: 12px 25px;
	color: black;
	border-radius: 10px;
	font-size: 24px;
}
#homepage-four #fire-up-the-flavor-column > div {
	padding: 100px !important;
	padding-bottom: 140px !important;
}
#homepage-four li a {
	font-size: 16px;
}
#homepage-four li a:hover {
	text-decoration: underline;
}
#homepage-four h3, #homepage-four p {
	color: black;
}
#homepage-four h3 {
    margin-bottom: 20px;
    font-size: 70px;
    line-height: 70px;
}
#homepage-four p {
	font-size: 28px;
}
.owl-item {
	border-radius: 10px;
	overflow: hidden;
}
#homepage-videos .owl-dots > button.owl-dot {
	background: none !important;
}
.fa-flag-usa {
    float: left;
    color: #FF0F2D;
    font-size: 40px;
    position: relative;
    top: 10px;
    left: -10px;
}
.cy-accordion {
	background-color: #E0AF00;
	border-radius: 10px;
}
.cy-accordion .vc_tta-panel {
	padding: 10px 40px 10px 40px;
}
.cy-accordion .vc_tta-panel.vc_active {
	padding: 10px 40px 40px 40px;
}
.cy-accordion *, .cy-accordion p {
	color: black !important;
}
.cy-accordion .vc_tta-panel-heading .vc_tta-controls-icon {
	width: 20px;
	height: 20px;
	background: none !important;
}
.cy-accordion .vc_tta-controls-icon.vc_tta-controls-icon-plus:before {
	width: 20px !important;
	border-color: black !important;
}
.cy-accordion .vc_tta-panel-heading .vc_tta-controls-icon:after {
	border-color: black !important;
	height: 20px !important;
}
.cy-accordion p, .cy-accordion p strong, .cy-accordion li a {
	font-size: 20px !important;
}
.cy-accordion .vc_tta-panel.vc_active .vc_tta-panel-title a {
	border-bottom: 1px solid black;
}
.cy-accordion .vc_tta-panel-title a span {
	text-transform: capitalize !important;
	font-size: 26px !important;
}
#buy-accordion li {
	line-height: 25px;
}
#homepage-five-right {
    width: 500px;
    max-width: 50%;
    margin: 0 auto;
    background-image: url('/wp-content/uploads/2025/07/mockup-10.jpg');
    background-size: cover;
    background-position: center center;
    padding: 60px 40px 40px 40px;
    border-radius: 10px;
}
#homepage-five-right * {
	color: black;
}
#homepage-five-right li {
	font-size: 18px;
	line-height: 25px;
}
#homepage-five-right h3 {
	margin-top: 0px;
	margin-bottom: 60px;
}
#homepage-five-right h3:after {
    content: "";
    display: block;
    width: 150px;
    height: 1px;
    background-color: black;
    margin: 0 auto;
    top: 25px;
    position: relative;
}
#homepage-five-right h3 span {
	display: block;
	font-size: 72px;
	margin-top: 10px;
}
.gform_title, .gform_description {
	margin-bottom: 20px;
}
.gform_description {
	color: white;
	margin-bottom: 35px !important;
}
.scheme_default input, .scheme_default input::placeholder, .scheme_default textarea::placeholder, .scheme_default textarea {
	color: black !important;
	font-size: 20px;
}
#gform_fields_1 {
	row-gap: 25px;
}
#homepage-four, #homepage-five {
	scroll-margin-top: 187px;
}
#homepage-five ul {
	list-style-type: none;
	padding-left: 0px;
}
#homepage-five li {
	position: relative;
	padding-left: 35px;
	font-size: 20px;
}
#homepage-five li:not(:last-child) {
	margin-bottom: 20px;
}
#homepage-five li:before {
	content: "\f058";
	--_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: var(--fa-display, inline-block);
    font-family: var(--_fa-family);
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: var(--fa-style, 900);
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    width: var(--fa-width, 1.25em);
    position: absolute;
    left: 0;
    top: 5px;
    color: black;
}
@media screen and (min-width: 1550px) {
	#homepage-four > #fire-up-the-flavor-column .wpb_wrapper {
		width: 550px;
		max-width: 100%;
		margin-left: auto;
	}
}
#homepage-footer {
	padding-top: 40px;
	padding-bottom: 40px;
}
#homepage-footer img {
	width: 250px;
	max-width: 100%;
	float: right;
}
#homepage-footer .wpb_wrapper.vc_figure {
	margin-bottom: 0px !important;
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 35px;
}
/* --- End Homepage --- */


@media screen and (max-width: 1262px) {
	#homepage-two h2 {
		font-size: 46px;
		line-height: 46px;
	}
	#homepage-two h3 {
		font-size: 36px;
		line-height: 36px;
	}	
	#homepage-two-inner {
		margin-bottom: 60px !important;
	}
}
@media screen and (max-width: 1023px) {
	.pt-lg, .py-lg {
		padding-top: 100px;
	}
	.pb-lg, .py-lg {
		padding-bottom: 100px;
	}
	.pt-md, .py-md {
		padding-top: 60px;
	}
	.pb-md, .py-md {
		padding-bottom: 60px;
	}
	#homepage-three {
		padding-bottom: 200px;
	}
}
@media screen and (max-width: 767px) {
	#homepage-one {
		padding-bottom: 100px;
	}
	#homepage-two img {
		width: 300px;
		max-width: 100%;
	}
	.green-column, .yellow-column {
		margin-bottom: 35px;
	}
	#homepage-three {
		padding-top: 60px;
		padding-bottom: 100px;
	}
	#homepage-four #fire-up-the-flavor-column > div {
		padding: 60px 60px 100px 60px !important;
	}
	#homepage-five {
		padding-top: 0px;
	}
	#homepage-five-right {
		margin-top: 35px;
		width: 100%;
		max-width: 100%;
	}
	#homepage-one h2 {
		font-size: 60px;
		line-height: 60px;
	}
	#homepage-one {
		background-position: bottom center, center left;
	}
	.cy-accordion .vc_tta-panel {
		padding: 10px 20px 10px 20px;
	}
	.cy-accordion .vc_tta-panel.vc_active {
		padding: 10px 20px 20px 20px;
	}	
	#homepage-footer img {
		float: none;
	}
	#homepage-footer * {
		text-align: center;
	}
	#homepage-footer .wpb_raw_code {
		margin-bottom: 35px !important;
	}
	#homepage-two {
		background-image: url('/wp-content/uploads/2025/08/mockup.png'), url('/wp-content/uploads/2025/08/bg-image-1.jpg');
	}
}
@media screen and (max-width: 425px) {
	#homepage-one h2, #homepage-three h3 {
		font-size: 49px;
		line-height: 49px;
	}
	#homepage-one, #homepage-two {
		padding-top: 60px;
		padding-bottom: 80px;
	}
	#homepage-four h3 {
		font-size: 48px;
		line-height: 48px;
	}
	#homepage-five {
		margin-top: -20px;
	}
	#homepage-five-right {
		padding: 60px 20px 40px 20px;
	}
	#homepage-four #fire-up-the-flavor-column > div {
		padding: 60px 40px 100px 40px !important;
	}
}