Pasture Raised Pigs

Our pasture-raised pigs are reared in a free-range environment, allowing them to roam, graze, and socialize naturally. This ethical farming practice results in healthier and happier pigs, which contributes to the high quality of meat. Raised with care, our pigs are not only better for you but also for the environment.

/* Table styles */
table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
font-size: 0.9em;
font-family: sans-serif;
min-width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
thead tr {
background-color: #009879;
color: #ffffff;
text-align: left;
}
th, td {
padding: 12px 15px;
position: relative; /* Needed for absolute positioning of tooltip */
}
tbody tr {
border-bottom: 1px solid #dddddd;
}
tbody tr:nth-of-type(even) {
background-color: #f3f3f3;
}
tbody tr:hover {
background-color: #c8e6c9; /* Row hover effect */
}

/* Tooltip styles */
.tooltiptext {
visibility: hidden;

width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -60px; /* Use half of the width to center the tooltip */
opacity: 0;
transition: opacity 0.6s;
}

/* Tooltip visibility on hover */
td:hover .tooltiptext {
visibility: visible;
opacity: 1;
}

/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
display:none;
width: 280px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;

/* Position the tooltip */
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
content: “”;
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the row */
tbody tr:hover .tooltiptext {
visibility: visible;

opacity: 1;
}

/* Tooltip container */
.tooltip {
position: relative;
display: block;
}