:root {
	--display-font-family: Suez One;
	--body-font-family: Suez One;

	--font-size: 17px

	--logo-padding: 11px;
	--logo-height: 167px;

	--header-width: 100%;
	--header-border-position: bottom;
	--header-border-size: 0;
	--header-bg-color: 255 255 255;
	--header-border-color: 245 245 245;

	--brand-color: 164 120 100;
	--brand-color-inverted: 255 255 255;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 111 141 106;

	--action-color: 164 120 100;
	--action-color-inverted: 255 255 255;

	--announcement-bar-bg-color: 111 141 106;
	--announcement-bar-text-color: 255 255 255;
	--announcement-bar-link-color: 111 141 106;

	--main-navigation-bg-color: 255 255 255;
	--main-navigation-link-color: 0 0 0;
	--main-navigation-link-color-hover: 111 141 106;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 17px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: 255 255 255;
	--auxiliary-border-color: 255 255 255;
	--auxiliary-link-color: 0 0 0;

	--order-status-bg-color: 111 141 106;
	--order-status-color: 255 255 255;

	--store-menu-bg_color: 255 255 255;
	--store-menu-color: 119 7 ;

	--footer-bg-color: 111 141 106;
	--footer-color: 255 255 255;
	--footer-link-color: 0 0 0;
}

/*Custom Styles*/
/* General Text Styling for HTML Sections */
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

/* Introduction Section Specific Styling */
.introduction {
    text-align: center;
    margin: 40px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.introduction h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.introduction p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Difference Section Specific Styling */
.difference-section {
    text-align: center;
    margin: 40px 0;
}

.difference-section h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.difference-section p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.button-container {
    text-align: center;
}

.btn-difference {
    display: inline-block;
    padding: 10px 20px;
    font-size: 1em;
    color: #fff;
    background-color: #c0392b;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

.btn-difference:hover {
    background-color: #a83226;
}

/* Our Story Section Specific Styling */
.our-story-section {
    text-align: center;
    margin: 40px 0;
}

.our-story-section h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.our-story-section p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.our-story-content {
    text-align: center;
}

.btn-read-more {
    display: inline-block;
    padding: 10px 20px;
    font-size: 1em;
    color: #fff;
    background-color: #c0392b;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

.btn-read-more:hover {
    background-color: #a83226;
}

/* Pastures Introduction Section Specific Styling */
.pastures-introduction {
    text-align: center;
    margin: 40px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.pastures-introduction h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.pastures-introduction p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Beef Section Specific Styling */
.beef-section {
    text-align: center;
    margin: 40px 0;
}

.beef-section h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.beef-section p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Poultry Section Specific Styling */
.poultry-section {
    text-align: center;
    margin: 40px 0;
}

.poultry-section h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.poultry-section p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Heritage Breeds Introduction Section Specific Styling */
.heritage-breeds-intro {
    text-align: center;
    margin: 40px 0;
}

.heritage-breeds-intro h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.heritage-breeds-intro p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Heritage Pork Section Specific Styling */
.heritage-pork-section {
    text-align: center;
    margin: 40px 0;
}

.heritage-pork-section h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.heritage-pork-content {
    text-align: center;
}

.heritage-pork-content h3 {
    color: #0C5004;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 20px;
}

.heritage-pork-content p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Ecosystem Harmony Section Specific Styling */
.ecosystem-harmony-section {
    text-align: center;
    margin: 40px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.ecosystem-harmony-section h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.ecosystem-harmony-section p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Bulk Meat Shares Section Specific Styling */
.bulk-meat-shares-section {
    text-align: center;
    margin: 40px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.bulk-meat-shares-section h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.bulk-meat-shares-section p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.btn-bulk-meat-shares {
    display: inline-block;
    padding: 10px 20px;
    font-size: 1em;
    color: #fff;
    background-color: #c0392b;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

.btn-bulk-meat-shares:hover {
    background-color: #a83226;
}

/* SunBerry Distinction Section Specific Styling */
.sunberry-distinction-section {
    text-align: center;
    margin: 40px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.sunberry-distinction-section h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.sunberry-distinction-section p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.ordering-availability {
    text-align: center;
    margin: 40px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.ordering-availability h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.ordering-availability p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
/* Heritage Pork Section Specific Styling */
.heritage-pork {
    text-align: center;
    margin: 40px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.heritage-pork h2 {
    color: #0C5004;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
}

.heritage-pork .pork-intro p {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.heritage-pork .pork-benefits h3, .heritage-pork .pork-options h3 {
    color: #0C5004;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 20px;
}

.heritage-pork .pork-benefits ul, .heritage-pork .pork-options ul {
    list-style-type: none;
    padding: 0;
}

.heritage-pork .pork-benefits li, .heritage-pork .pork-options li {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.heritage-pork .pork-options p {
    color: #333333;
    font-size: 1.2em;
    margin-top: 10px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
}

.faq-section {
    max-width: 800px;
    margin: 50px auto;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.faq-section h2 {
    text-align: center;
    color: #4CAF50;
}

.faq {
    margin-bottom: 10px;
}

.faq-question {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    cursor: pointer;
    padding: 10px;
    text-align: left;
    border: none;
    outline: none;
    font-size: 1.2em;
    border-radius: 5px;
    display: block;
}

.faq-answer {
    display: none;
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 5px;
    margin-top: 5px;
}

.faq-answer p {
    margin: 0;
}

.faq input[type="checkbox"] {
    display: none;
}

.faq input[type="checkbox"]:checked ~ .faq-answer {
    display: block;
}