html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-size: 100%;
font: inherit;
padding: 0;
border: 0;
margin: 0;
vertical-align: baseline
}
body {
line-height: 1
}
ol, ul {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
.clear {
clear: both
}
.sticky {}
.bypostauthor {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}
.alignright {}
.alignleft {}
.aligncenter {}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important
} body {
font-family: "PT Sans", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.444em;
letter-spacing: -0.02em;
word-spacing: 0.04em;
max-width: 2400px;
margin: 0 auto;
}
a {
text-decoration: none;
transition: .5s;
}
b, strong {
font-weight: 700;
}
nav, section, footer, div, li, a, input, select, textarea, img, td, article, header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input, select, textarea {
-webkit-appearance: none;
}
p {
margin: 0 0 1.5em 0;
}
p:last-child {
margin: 0 !important;
}
a {
text-decoration: none;
transition: .5s;
}
em, i {
font-style: italic;
}
img {
height: auto;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.333em;
box-sizing: border-box;
} #header {
display: table;
width: 100%;
background: #57a55a;
}
#branding {
display: table;
width: 96%;
margin: 1.5em auto 1.5em auto;
}
#branding .left {
display: table-cell;
vertical-align: top;
width: 33%;
position: relative;
}
#branding .left .zipsearch {
display: table;
}
#branding .left .zipsearch label {
display: table;
font-size: 1.333em;
font-weight: 700;
color: #fff;
margin: 0 0 0.5em 0;
}
#branding .left .zipsearch input {
background: none;
color: #fff;
font-size: 1.222em;
line-height: 1em;
height: 2.5em;
width: 200px;
padding: 0.125em 0.75em;
border: 2px solid #fff;
box-shadow: none;
}
#branding .left .zipsearch button[type="submit"] {
font-size: 1.222em;
line-height: 1em;
height: 2.5em;
width: auto;
padding: 0.125em 0.75em;
background: #000;
color: #fff;
box-sizing: border-box;
-webkit-appearance: none;
cursor: pointer;
cursor: hand;
border: none;
border-radius: 5px;
transition: .5s;
}
#branding .left .zipsearch button[type="submit"]:hover {
color: #000;
background: #fff;
}
#branding .left .zipsearch .linkbutton {
display: inline-table;
vertical-align: top;
margin: 0 0 0 0.25em;
font-size: 1.222em;
line-height: 2.222em;
width: auto;
padding: 0.125em 1em;
background: #000;
color: #fff;
box-sizing: border-box;
-webkit-appearance: none;
cursor: pointer;
cursor: hand;
border: none;
border-radius: 5px;
transition: .5s;
}
#branding .left .zipsearch .linkbutton:hover {
color: #000;
background: #fff;
}
#branding .left .text {
display: table;
font-family: "Roboto Condensed", sans-serif;
font-size: 2.778em;
font-weight: 700;
color: #fff;
text-transform: uppercase;
line-height: 1em;
position: absolute;
left: 0;
bottom: 0;
}
#branding .middle {
display: table-cell;
vertical-align: top;
width: 34%;
}
#branding .middle img {
display: table;
margin: 0 auto 1em auto;
width: 20em;
max-width: 100%;
}
#branding .middle .text {
display: table;
margin: 0 auto;
font-family: "Roboto Condensed", sans-serif;
font-size: 2.778em;
font-weight: 700;
color: #fff;
text-transform: uppercase;
line-height: 1em;
}
#branding .right {
display: table-cell;
vertical-align: top;
width: 33%;
position: relative;
}
#branding .right .text {
display: table;
font-family: "Roboto Condensed", sans-serif;
font-size: 2.778em;
font-weight: 700;
color: #fff;
text-transform: uppercase;
line-height: 1em;
position: absolute;
right: 0;
bottom: 0;
} .categorymenu {
display: table;
width: 100%;
padding: 1.5em 2em 2em 2em;
background: #fff;
position: relative;
}
.categorymenu h3 {
font-family: "Roboto Condensed", sans-serif;
font-size: 1.333em;
font-weight: 700;
text-transform: uppercase;
text-align: center;
line-height: 1.333em;
margin: 0 0 0.5em 0;
}
.categorymenu .listpigbtn {
display: table;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.333em;
font-weight: 700;
background: #000;
color: #fff;
text-transform: uppercase;
margin: 0 0 0 0;
padding: 0.5em 1.5em;
border-radius: 9px;
white-space: nowrap;
position: absolute;
right: 1em;
top: 1em;
z-index: 1;
}
.categorymenu .orderpigbtn {
display: table;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.333em;
font-weight: 700;
background: #000;
color: #fff;
text-transform: uppercase;
margin: 0 0 0 0;
padding: 0.5em 1.5em;
border-radius: 9px;
white-space: nowrap;
position: absolute;
left: 1em;
top: 1em;
z-index: 1;
}
.categorymenu .orderpigbtn:hover {
background: #57a55a;
}
.categorymenu .listpigbtn:hover {
background: #57a55a;
} #footercta {
display: table;
width: 100%;
background: #57a55a;
font-size: 2em;
font-weight: 700;
color: #fff;
line-height: 1.333em;
text-align: center;
padding: 0.778em;
}
#footercta a {
display: inline-table;
font-family: "Roboto Condensed", sans-serif;
background: #000;
color: #fff;
margin: 0 0 0 0.5em;
padding: 0.25em 1em;
border-radius: 9px;
white-space: nowrap;
}
#footercta a:hover {
background: #fff;
color: #000;
} #footer {
display: table;
width: 100%;
background: #f0f0f0;
}
#footer .footerinfo {
display: table;
width: 1500px;
margin: 3em auto 3em auto;
}
#footer .footerinfo .left {
display: table-cell;
vertical-align: middle;
width: 22%;
}
#footer .footerinfo .left img {
display: table;
margin: 0;
float: left;
width: 14em;
max-width: 100%;
}
#footer .footerinfo .middle {
display: table-cell;
vertical-align: middle;
width: 56%;
}
#footer .footerinfo .middle img {
display: table;
margin: 0 auto;
width: 16em;
max-width: 100%;
}
#footer .footerinfo .middle #menu {
margin: 2em 0;
}
#footer .footerinfo .middle .social {
clear: both;
display: table;
width: auto;
margin: 0 auto;
font-size: 2.667em;
}
#footer .footerinfo .middle .social a {
margin: 0 0.25em;
color: #000;
}
#footer .footerinfo .middle .social a:hover {
color: #57a55a;
}
#footer .footerinfo .right {
display: table-cell;
vertical-align: middle;
width: 22%;
}
#footer .footerinfo .right img {
display: table;
margin: 0;
float: right;
width: 14em;
max-width: 100%;
}
#copyright {
display: table;
width: 100%;
font-size: 0.833em;
font-weight: 400;
text-align: right;
line-height: 1.333em;
padding: 1.222em;
}
#copyright .copyright {
display: table;
width: auto;
margin: 0 auto 0 auto;
text-align: center;
}
#copyright .copyright a {
color: #000;
}
#copyright .copyright a:hover {
color: #57a55a;
} #mega-menu-wrap-main-menu .mega-menu-toggle {
display: flex;
flex-direction: column;
float: right;
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
margin: 0 auto !important;
display: flex;
flex-direction: column;
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
font-size: 16px !important;
order: 2;
line-height: 1em;
text-align: center;
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label .mega-toggle-label-closed {
display: table;
float: none;
margin: 0 auto;
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1:after {
content: "\f0c9" !important;
font-size: 42px;
margin: 0 auto !important;
font-family: "Font Awesome 6 Free" !important;
font-weight: 900;
} #featured {
display: table;
width: 100%;
}
#featured .featured {
display: table;
width: 1500px;
margin: 7em auto 0 auto;
position: relative;
}
#featured .featured h2 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
line-height: 1.333em;
margin: 0 0 0.5em 0;
}
#featured .featured h2:after {
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #e97132;
margin: 0 0 0 0.5em;
}
#featured .featured ul {
display: grid;
gap: 0 0;
grid-template-columns: 40% 30% 30%;
width: 100%; border-radius: 9px;
overflow: hidden; }
#featured .featured ul li:nth-child(1) {
position: relative;
}
#featured .featured ul li:nth-child(1) img {
display: table;
width: 100%;
margin: 0;
border-radius: 9px 0 0 9px;
}
#featured .featured ul li:nth-child(1) .ptype {
display: table;
position: absolute;
left: 0.5em;
top: 0.5em;
background: #e97132;
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
border: 2px solid #000;
border-radius: 5px;
padding: 0.5em;
}
#featured .featured ul li:nth-child(1) .types {
display: table;
position: absolute;
right: 0.5em;
top: 0.5em;
background: #57a55a;
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
border: 2px solid #000;
border-radius: 5px;
padding: 0.5em;
}
#featured .featured ul li:nth-child(2) {
padding: 2em;
}
#featured .featured ul li:nth-child(2) table {
display: table;
width: 100%;
}
#featured .featured ul li:nth-child(2) table tr td {
font-size: 1.222em;
line-height: 1.556em;
}
#featured .featured ul li:nth-child(2) table tr td hr {
width: 100%;
border-top: 2px dotted #e97132;
border-bottom: none;
background: none;
}
#featured .featured ul li:nth-child(2) table tr td a {
display: inline-block;
font-family: "Roboto Condensed", sans-serif;
font-size: 1em;
font-weight: 700;
background: #57a55a;
color: #fff;
text-transform: uppercase;
margin: 1em 0 0 0;
padding: 0.5em 1em;
border-radius: 9px;
white-space: nowrap;
}
#featured .featured ul li:nth-child(2) table tr td a:hover {
background: #000;
color: #fff;
}
#featured .featured ul li:nth-child(3) {
padding: 2em;
background: #f0f0f0;
}
#featured .featured ul li:nth-child(3) h3 {
font-size: 2em;
font-weight: 700;
margin: 0 0 0.5em 0;
}
#featured .featured ul li:nth-child(3) div {
display: table;
width: 100%;
font-size: 1.222em;
line-height: 1.444em;
}
#featured .featured ul li:nth-child(3) a {
display: table;
font-family: "Roboto Condensed", sans-serif;
font-size: 1em;
font-weight: 700;
background: #000;
color: #fff;
text-transform: uppercase;
margin: 1em 0 0 0;
padding: 0.5em 1em;
border-radius: 9px;
white-space: nowrap;
}
#featured .featured ul li:nth-child(3) a:hover {
background: #57a55a;
color: #fff;
} #breeds {
display: table;
width: 100%;
}
#breeds .breeds {
display: table;
width: 1500px;
margin: 4em auto 5em auto;
}
#breeds .breeds h2 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
line-height: 1.333em;
margin: 0 0 0.5em 0;
}
#breeds .breeds h2:after {
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #e97132;
margin: 0 0 0 0.5em;
}
#breeds .breeds ul {
display: grid;
gap: 0.5em 0.75%;
grid-template-columns: 13.5% 13.5% 13.5% 13.5% 13.5% 13.5% 13.5%;
width: 100%;
align-items: center;
}
#breeds .breeds ul a {
display: table;
width: 100%;
background: #57a55a;
font-size: 1.333em;
font-weight: 700;
line-height: 1em;
text-align: center;
color: #fff;
padding: 0.75em;
border-radius: 9px;
}
#breeds .breeds ul a:hover {
background: #000;
} #homebanner {
display: table;
width: 100%;
position: relative;
}
#homebanner img {
display: table;
width: 100%;
margin: 0;
}
#homebanner h1 {
display: table;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: -1.5em;
background: #e97132;
font-family: "Roboto Condensed", sans-serif;
font-size: 3.333em;
font-weight: 700;
line-height: 1.333em;
color: #fff;
text-align: center;
padding: 0.4em 1em 0.5em 1em;
border-radius: 9px;
}
#homebanner h1 span {
display: table;
margin: 0 auto;
font-family: "PT Sans", sans-serif;
font-size: 0.6em;
font-weight: 400;
line-height: 1.333em;
} .page-template-front-page #container {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.page-template-front-page #container #content {
display: table;
width: 100%;
background: #f0f0f0;
}
.page-template-front-page #container #content .homecontent {
display: table;
width: 1500px;
margin: 5em auto 5em auto;
}
.page-template-front-page #container #content .homecontent .contents {
display: grid;
gap: 0 4%;
grid-template-columns: 50% 46%;
align-items: center;
width: 100%;
}
.page-template-front-page #container #content .homecontent header {
display: none;
}
.page-template-front-page #container #content .homecontent article {
margin: 0 !important;
}
.page-template-front-page #container #content .homecontent .contents .right {
background: #fff;
padding: 3em;
border-radius: 9px;
}
.page-template-front-page #container #content .homecontent .contents p {
font-size: 1.667em;
line-height: 1.333em;
margin: 0 0 1em 0;
}
.page-template-front-page #container #content .homecontent .contents .left ul {
font-size: 1.667em;
font-weight: 700;
line-height: 1.333em;
margin: 0;
padding: 0;
}
.page-template-front-page #container #content .homecontent .contents .left ul li {
list-style: none;
padding: 0.15em 0 0.15em 1.25em;
position: relative;
}
.page-template-front-page #container #content .homecontent .contents .left ul li:before {
content: "\f00c";
left: 0;
position: absolute;
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #000;
}
.page-template-front-page #container #content .homecontent .contents .right h3 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
line-height: 1.333em;
margin: 0 0 0.5em 0;
}
.page-template-front-page #container #content .homecontent .contents .right h3:after {
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #e97132;
margin: 0 0 0 0.5em;
}
.page-template-front-page #container #content .homecontent .contents .right a {
display: inline-table;
font-family: "Roboto Condensed", sans-serif;
font-size: 0.8em;
font-weight: 700;
background: #57a55a;
color: #fff;
text-transform: uppercase;
margin: 0 0 0 0;
padding: 0.25em 1em;
border-radius: 9px;
white-space: nowrap;
}
.page-template-front-page #container #content .homecontent .contents .right a:hover {
background: #000;
color: #fff;
} .page-template-full-width-page #container #content {
display: table;
width: 100%;
margin: 0;
padding: 0;
} .page-template-full-width-page #container #content {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.page-template-full-width-page #container #content header h1 {
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.page-template-full-width-page #container #content .createlisting {
display: grid;
gap: 0 4%;
grid-template-columns: 48% 48%;
width: 800px;
margin: 1em auto 0 auto;
align-items: center;
font-size: 1.667em;
line-height: 1.333em;
text-align: center;
}
.page-template-full-width-page #container #content .createlisting a {
display: table;
margin: 0 auto 0.5em auto;
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
font-size: 1em;
background: #57a55a;
color: #fff;
line-height: 1em;
padding: 0.75em 1.5em;
border-radius: 9px;
white-space: nowrap;
}
.page-template-full-width-page #container #content .createlisting a:hover {
background: #000;
color: #fff;
} .archive #container #content {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.archive #container #content header h1 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 0.75em 0;
}
.archive #container #content header h1 i {
color: #e97132;
}
.archive #container #content header span {
text-transform: none;
}
.archive #container #content .details {
display: grid;
gap: 0 2%;
grid-template-columns: 66% 32%;
width: 100%;
margin: 0 0 2em 0;
}
.archive #container #content .details .right {
padding: 0.5em 1em;
background: #efefef;
font-size: 1.111em;
border-radius: 9px;
}
.archive #container #content .details .right ul {
padding: 0;
margin: 0;
}
.archive #container #content .details .right ul li {
list-style: none;
margin: 0;
padding: 0.5em 0;
display: grid;
gap: 0 4%;
grid-template-columns: 12% 84%;
border-bottom: 1px solid #e97132;
align-items: center;
}
.archive #container #content .details .right ul li:last-child {
border: none;
}
.archive #container #content .details .right ul li:before {
display: none;
}
.archive #container #content .details .right ul li span strong {
display: table;
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.archive #container #content .details .right ul li span.fetter {
display: table;
width: 1.667em;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.8em;
font-weight: 700;
text-align: center;
text-transform: uppercase;
line-height: 1.667em;
color: #e97132;
background: #fff;
border-radius: 2em;
}
.filterbar {
display: table;
width: 100%;
margin: 0 0 3em 0;
background: #f0f0f0;
border-radius: 9px;
}
.filterbar .zipfilter {
display: table;
float: left;
padding: 1em;
width: 50%;
white-space: nowrap;
}
.filterbar .zipfilter label {
font-size: 1.222em;
}
.filterbar .zipfilter input {
width: 180px;
margin: 0 0.5em;
}
.filterbar .zipfilter button {
font-size: 1.111em;
background: #000;
color: #fff;
margin: 0 0 0 0;
height: 3em;
padding: 0.5em 0.75em;
border-radius: 9px;
transition: 0.5s;
}
.filterbar .zipfilter button:hover {
background: #57a55a;
}
.filterbar .location {
display: table;
float: left;
margin: 1.333em;
font-size: 1.333em;
line-height: 1.333em;
}
.filterbar ul {
display: grid;
gap: 0 0;
grid-template-columns: 50% 50%;
align-items: center;
width: 50%;
float: right;
margin: 0 !important;
padding: 0 !important;
}
.filterbar ul li {
list-style: none;
padding: 1em !important;
white-space: nowrap;
text-align: center;
}
.filterbar ul li:before {
display: none;
}
.filterbar ul li:nth-child(1) {
background: #e7e7e7;
}
.filterbar ul li:nth-child(2) {
background: #d9d9d9;
border-radius: 0 9px 9px 0;
}
.filterbar ul li label {
font-size: 1.222em;
line-height: 1em;
display: inline-table;
vertical-align: middle;
}
.filterbar ul li input, .filterbar ul li select {
margin: 0 0 0 0.5em;
}
.filterbar ul li select:disabled {
background-color: #f0f0f0;
color: #999;
cursor: not-allowed;
border-color: #ccc;
box-shadow: none;
}
.filterbar .smallinfotext {
font-size: 0.778em;	
} .single-seller #container #content header h1 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 0.75em 0;
}
.single-seller #container #content header h1 i {
color: #e97132;
}
.single-seller #container #content header span {
text-transform: none;
}
.single-seller .seller-info {
display: table;
width: 100%;
margin: 0 0 2em 0;
} #container #content .listing {
display: grid;
gap: 5em 2%;
grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
width: 100%;
margin: 0;
padding: 0;
}
#container #content .listing li {
padding: 0;
margin: 0;
list-style: none;
}
#container #content .listing li:before {
display: none;
}
#container #content .listing li .previewimg {
display: table;
width: 100%;
position: relative;
}
#container #content .listing li .previewimg .sold {
display: table;
width: auto;
position: absolute;
left: 0;
right: 0;
z-index: 2;
}
#container #content .listing li .previewimg .sold img {
display: table;
width: 5em;
margin: 0;
border-radius: 0 !important;
}
#container #content .listing li .previewimg img {
display: table;
width: 100%;
margin: 0;
border-radius: 9px;
}
#container #content .listing li .previewimg .ptype {
display: table;
position: absolute;
left: 0.5em;
bottom: 0.5em;
background: #e97132;
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
border: 2px solid #000;
border-radius: 5px;
padding: 0.5em;
}
#container #content .listing li .previewimg .types {
display: table;
position: absolute;
right: 0.5em;
bottom: 0.5em;
background: #57a55a;
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
border: 2px solid #000;
border-radius: 5px;
padding: 0.5em;
}
#container #content .listing li .otherdetails {
display: table;
width: 100%;
margin: 1em 0 0 0;
font-size: 1.222em;
line-height: 1.556em;
}
#container #content .listing li .otherdetails .read-more-button {
display: table;
font-family: "Roboto Condensed", sans-serif;
font-size: 1em;
font-weight: 700;
background: #000;
color: #fff;
text-transform: uppercase;
margin: 1em 0 0 0;
padding: 0.35em 1.5em;
border-radius: 9px;
white-space: nowrap;
}
#container #content .listing li .otherdetails .read-more-button:hover {
background: #57a55a;
} .single #container #content {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.single #container #content header h1 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 0.75em 0;
}
.single #container #content header h1 i {
color: #e97132;
}
.single #container #content header span {
text-transform: none;
}
.single #container #content .details {
display: grid;
gap: 0 2%;
grid-template-columns: 66% 32%;
width: 100%;
margin: 2em 0 0 0;
padding: 2em;
background: #f8f8f8;
border-radius: 9px;
}
.single #container #content .details .left h3 i {
color: #e97132;
}
.single #container #content .details .left .view-all-btn {
display: table;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.333em;
font-weight: 700;
background: #000;
color: #fff;
text-transform: uppercase;
margin: 0 0 0 0;
padding: 0.5em 1em;
border-radius: 9px;
white-space: nowrap;
}
.single #container #content .details .left .view-all-btn:hover {
background: #57a55a;
}
.single #container #content .details .right {
padding: 0.5em 1em; font-size: 1.111em;
border-radius: 9px;
}
.single #container #content .details .right ul {
padding: 0;
margin: 0;
}
.single #container #content .details .right ul li {
list-style: none;
margin: 0;
padding: 0.5em 0;
display: grid;
gap: 0 4%;
grid-template-columns: 12% 84%;
border-bottom: 1px solid #e97132;
align-items: center;
}
.single #container #content .details .right ul li:last-child {
border: none;
}
.single #container #content .details .right ul li:before {
display: none;
}
.single #container #content .details .right ul li span strong {
display: table;
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.single #container #content .details .right ul li span.fetter {
display: table;
width: 1.667em;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.8em;
font-weight: 700;
text-align: center;
text-transform: uppercase;
line-height: 1.667em;
color: #e97132;
background: #fff;
border-radius: 2em;
}
.single #container #content .fulldetails {
display: grid;
gap: 0 0;
grid-template-columns: 40% 60%;
width: 100%;
margin: 2em 0 4em 0;
background: #fff;
}
.single #container #content .fulldetails .pictures {
position: relative;
}
.single #container #content .fulldetails .pictures img {
display: table;
width: 100%;
margin: 0;
border-radius: 9px 0 0 9px;
}
.single #container #content .fulldetails .pictures .ptype {
display: table;
position: absolute;
right: 0.5em;
top: 3em;
background: #e97132;
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
border: 2px solid #000;
border-radius: 5px;
padding: 0.5em;
z-index: 999;
}
.single #container #content .fulldetails .pictures .types {
display: table;
position: absolute;
right: 0.5em;
top: 0.5em;
background: #57a55a;
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
border: 2px solid #000;
border-radius: 5px;
padding: 0.5em;
z-index: 999;
}
.single #container #content .info {
padding: 2em 2em 0 2em;
font-size: 1.222em;
line-height: 1.333em;
border-radius: 0 9px 9px 0;
}
.single #container #content .info .allinfo {
display: grid;
gap: 0 0;
grid-template-columns: 22% 28% 22% 28%;
width: 100%;
}
.single #container #content .info .allinfo div {
padding: 0.125em 0;
line-height: 1.444em;
}
.single #container #content .info .allinfo .seperator {
grid-column: span 4;
padding: 0.10em 0;
}
.single #container #content .info .allinfo .seperator hr {
display: table;
width: 100%;
border-top: 1px dashed #e97132;
border-bottom: none;
background: none;
} .page-template-zip-code-search-results #container #content {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.page-template-zip-code-search-results #container #content header h1 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 0.75em 0;
}
.page-template-zip-code-search-results #container #content header h1 i {
color: #e97132;
}
.page-template-zip-code-search-results #container #content header span {
text-transform: none;
} #container #content #map {
border-radius: 9px;
}
#container #content .markerpop {
width: 300px;
font-size: 1.333em;
font-weight: 400;
line-height: 1.444em;
padding: 1em 0.5em 0.5em 0.5em;
}
#container #content .markerpop .btn {
display: table;
font-family: "Roboto Condensed", sans-serif;
background: #000;
font-size: 1em;
font-weight: 400;
color: #fff;
text-transform: uppercase;
margin: 0.5em 0 0 0;
padding: 0.5em 1em;
border-radius: 9px;
white-space: nowrap;
}
#container #content .markerpop .btn:hover {
background: #57a55a;
color: #fff;
}
#container #content .markerpop .count {
color: #e97132;
}
.gm-style .gm-style-iw-c {
border-radius: 9px;
}
.gm-style-iw-chr {
position: absolute;
right: 0;
top: 0;
}
#container #content a.allsellersbtn {
display: table;
margin: 1em auto 1em auto;
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
font-size: 1.222em;
background: #000;
color: #fff;
line-height: 1em;
padding: 0.75em 1.5em;
border-radius: 9px;
white-space: nowrap;
}
#container #content a.allsellersbtn:hover {
background: #57a55a;
color: #fff;
}
#container #content a.alllistingbtn {
display: table;
margin: 1em 0 0 0;
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
font-size: 1.222em;
background: #000;
color: #fff;
line-height: 1em;
padding: 0.75em 1.5em;
border-radius: 9px;
white-space: nowrap;
}
#container #content a.alllistingbtn:hover {
background: #57a55a;
color: #fff;
} .page-template-all-sellers #container #content {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.page-template-all-sellers #container #content header h1 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 0.75em 0;
}
.page-template-all-sellers #container #content header h1 i {
color: #e97132;
}
.page-template-all-sellers #container #content header span {
text-transform: none;
} #container #content .load-more-btn {
display: table;
margin: 2em auto 0 auto;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.667em;
background: #fff;
color: #000;
text-transform: uppercase;
padding: 0.25em 1em;
border-radius: 9px;
transition: 0.5s;
cursor: pointer;
cursor: hand;
white-space: nowrap;
border: 3px solid #57a55a;
}
#container #content .load-more-btn:hover {
border: 3px solid #e97132;
background: #fff;
color: #000;
} #container #content a {
color: #000;
}
#container #content a:hover {
color: #57a55a;
}
#containerwrapper {
display: table;
width: 100%;
background: url(//www.7livestock.com/wp-content/themes/shf/images/pagebg.webp) top center repeat-x;
}
#container {
display: table;
width: 1500px;
margin: 0 auto;
padding: 3em 0 3em 0;
}
#content {
float: left;
width: 71%;
}
#sidebar {
float: right;
width: 27%;
}
#container #content h1 {
font-family: "PT Sans", sans-serif;
font-weight: 700;
letter-spacing: -0.02em;
font-size: 2.667em;
line-height: 1.35em;
margin: 0 0 0.5em 0;
}
#container #content h2 {
font-family: "PT Sans", sans-serif;
font-weight: 700;
letter-spacing: -0.02em;
font-size: 2.222em;
line-height: 1.35em;
margin: 0 0 0.600em 0;
color: #000;
}
#container #content h3 {
font-family: "PT Sans", sans-serif;
font-weight: 700;
letter-spacing: -0.02em;
font-size: 1.667em;
line-height: 1.35em;
margin: 0 0 0.750em 0;
color: #000;
}
#container #content h4 {
font-family: "PT Sans", sans-serif;
font-weight: 700;
letter-spacing: -0.02em;
font-size: 1.333em;
line-height: 1.35em;
margin: 0 0 0.900em 0;
color: #000;
}
#container #content ul {
line-height: 1.5em;
margin-bottom: 1.5em;
padding-left: 1em;
}
#container #content ul li {
list-style: none;
padding: 0.5em 0 0.4em 1.35em;
position: relative;
}
#container #content ul li:before {
content: "\f00c";
left: 0;
position: absolute;
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #57a55a;
}
#container #content ul li ul {
margin-bottom: 0.5em;
}
#container #content ol {
line-height: 1.5em;
margin-bottom: 1.5em;
padding-left: 2em;
list-style: decimal;
}
#container #content ol li {
padding: 0.3em 0;
}
#container #content .imgright {
width: 32%;
float: right;
margin: 0 0 0.5em 1.5em;
clear: right;
}
#container #content .imgright img {
width: 100%;
height: auto;
margin: 0;
border-radius: 5px;
}
#container #content .threeimgs {
display: table;
width: 100%;
padding: 0;
margin: 0 0 2em 0;
}
#container #content .threeimgs li {
width: 32%;
margin: 0 2% 0 0;
padding: 0;
list-style: none;
background: none;
float: left;
}
#container #content .threeimgs li:last-child {
margin: 0;
}
#container #content .threeimgs li img {
display: table;
width: 100%;
height: auto;
margin: 0;
border-radius: 5px;
}
#container #content .threeimgs li:before {
display: none;
}
#container #content .threeimgs li.double {
width: 64%;
margin: 0 0 0 2%;
}
.alignleft {
float: left;
margin: 0 1.5em 0.5em 0;
border-radius: 5px;
}
.alignright {
float: right;
margin: 0 0 0.5em 1.5em;
border-radius: 5px;
}
.alignnone {
float: none;
margin: 1.5em auto;
display: table;
border-radius: 5px;
}
.aligncenter {
float: none;
margin: 1.5em auto;
display: table;
border-radius: 5px;
}
#container #content .centeraligned {
display: table;
width: 100%;
text-align: center;
}
#container #content .centeraligned .transporter {
display: table;
width: auto;
margin: 0 auto 2em auto;
border: 2px solid #57a55a;
text-align: center;
padding: 2em 2em 1em 2em;
border-radius: 9px;
}
#container #content .centeraligned .showcase {
display: table;
width: auto;
margin: 0 auto;
background: #f0f0f0;
text-align: center;
padding: 2em;
border-radius: 9px;
}
#container #content .centeraligned .showcase a.centerbtn {
display: table;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.333em;
font-weight: 700;
background: #57a55a;
color: #fff;
text-transform: uppercase;
margin: 0 auto 0 auto;
padding: 0.5em 2em;
border-radius: 9px;
}
#container #content .centeraligned .showcase a.centerbtn:hover {
background: #000;
}
#container #content article table {
display: table;
width: auto;
margin: 0 0 1.5em 0;
}
#container #content article table, #container #content article th, #container #content article td {
border: 1px solid #ccc; border-collapse: collapse; }
#container #content article th {
background: #eee;
}
#container #content article th, #container #content article table tr td {
padding: 0.5em;
} .wpcf7 .wpcf7-form p {
margin: 0 !important;
}
input {
height: 3em;
font-family: "PT Sans", sans-serif;
font-weight: 400;
font-size: 1.111em;
width: 100%;
padding: 0 0.75em;
border: 1px solid #ccc;
margin: 0 0 0.5em 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
border-radius: 5px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
}
select {
height: 3em;
font-family: "PT Sans", sans-serif;
font-weight: 400;
font-size: 1.111em;
width: auto;
padding: 0 0.75em;
border: 1px solid #ccc;
margin: 0 0 0.5em 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
background: #fff;
border-radius: 5px;
box-shadow: none;
}
textarea {
height: 7em;
font-family: "PT Sans", sans-serif;
font-weight: 400;
font-size: 1.111em;
width: 100%;
padding: 0.5em 0.75em;
border: 1px solid #ccc;
margin: 0 0 0.5em 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
resize: none;
border-radius: 5px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
}
input[type="submit"] {
display: table;
font-family: "PT Sans", sans-serif;
text-decoration: none;
color: #fff;
font-size: 1.111em;
font-weight: 700;
line-height: 3.333em;
text-transform: uppercase;
background: #bf2031;
cursor: pointer;
cursor: hand;
border: none;
padding: 0 1em;
height: inherit;
margin: 0 auto 0 auto;
width: 100%;
transition: .5s;
}
input[type="submit"]:hover {
color: #bf2031;
background: #fff;
}
div.wpcf7 .wpcf7-spinner {
visibility: hidden;
z-index: 999;
position: relative;
top: -30px;
right: 10px;
float: right;
margin: 0 0 -20px 0 !important;
}
div.wpcf7 br {
display: none;
}
div.wpcf7-response-output {
margin: 10px 0 0 0 !important;
padding: 0 !important;
color: yellow !important;
text-align: center !important;
font-size: 1em !important;
border: none !important;
line-height: 1.25em !important;
}
div.wpcf7-mail-sent-ng {
margin: 10px 0 0 0 !important;
padding: 0 !important;
color: white !important;
text-align: center !important;
font-size: 1em !important;
border: none !important;
line-height: 1.25em !important;
}
span.wpcf7-not-valid-tip {
margin: 0 0 5px 0 !important;
color: yellow !important;
font-size: 1em !important;
font-weight: 400 !important;
text-align: left !important;
line-height: 1.25em !important;
}
div.wpcf7-validation-errors {
color: yellow !important;
border: none !important;
font-weight: 400;
margin: 0.556em 0 !important;
line-height: 1.25em !important;
}
div.wpcf7-mail-sent-ok {
border: none !important;
margin: 0.556em 0 !important;
line-height: 1.25em !important;
}
#searchform #s {
width: 75%;
float: left;
border: 1px solid #ccc;
margin: 0;
font-size: 1em;
line-height: 2.222em;
padding: 0 1em;
box-shadow: 1px 1px 2px #333;
}
#searchform input[type="submit"] {
width: 25%;
float: left;
font-size: 1em;
line-height: 2.778em;
padding: 0;
box-shadow: 1px 1px 2px #333;
} .entry-meta {
margin: 0 0 1em 0;
}
.entry-footer { padding: 0.25em 0;
display: table;
width: 100%;
margin: 1.5em 0 0 0;
}
.cat-links {
float: left;
display: table;
width: 100%;
padding: 0;
}
.tag-links {
float: left;
display: table;
width: 100%;
padding: 0;
}
#nav-below {
margin: 1.5em 0 0 0;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
width: 50%;
text-align: right;
}
#container #content article {
margin: 0 0 3em 0 !important;
}
.blog #container #content article .size-post-thumbnail {
display: none;
width: 32%;
float: right;
margin: 0 0 0.5em 1.5em;
clear: right;
}
.single #container #content article .size-post-thumbnail {
display: none;
width: 32%;
float: right;
margin: 0 0 0.5em 1.5em;
clear: right;
}
.blog_post-template-default #container #content {
float: left;
width: 71%;
}
.post-type-archive-blog_post #container #content {
float: left;
width: 71%;
}
.post-type-archive-blog_post #container #content header h1 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2.667em;
font-weight: 700;
text-transform: none;
color: #000;
margin: 0 0 0.75em 0;
}
.post-type-archive-blog_post #container #content a {
color: #57a55a;
}
.post-type-archive-blog_post #container #content a:hover {
color: #000;	
}
.single-blog_post #container #content {
float: left;
width: 71%;
}
.single-blog_post #container #content a {
color: #57a55a;
}
.single-blog_post #container #content a:hover {
color: #000;	
}
.tax-blog_category #container #content {
float: left;
width: 71%;
}
.tax-blog_category #container #content a {
color: #57a55a;
}
.tax-blog_category #container #content a:hover {
color: #000;	
}
.tax-blog_category #container #content header .archive-meta {
display: table;
width: 100%;
margin: 0 0 1.5em 0;
padding: 1em;
font-size: 1.333em;
font-style: italic;
line-height: 1.444em;
color: #e97132;
background: #fff;
border-left: 0.165em solid #57a55a;
border-radius: 9px;
}
#container #content .datecatdispaly {
border: 1px solid #ededed;
background: #fbfbfb;
padding: 0.25em 1em;
display: table;
width: 100%;
margin: 1.5em 0 1.5em 0 !important;	
box-sizing: border-box;
}
#container #content .adbox {
width: 32%;
float: right;
margin: 0 0 1.5em 1.5em;
background: #57a55a;
color: #fff;
font-size: 1.222em;
text-align: center;
padding: 1.5em 1em;
clear: right;	
border-radius: 9px;
}
#container #content .adbox h3 {
font-size: 1.444em;
color: #fff;
text-align: center;
line-height: 1.222em;
margin: 0 0 0.5em 0;
}
#container #content .adbox a {
display: table;
margin: 0 auto;
background: #e97132;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.111em;
font-weight: 700;
line-height: 1em;
color: #fff !important;
text-align: center;
padding: 0.4em 1em 0.4em 1em;
border-radius: 6px;
border: 2px solid #000;
}
#container #content .adbox a:hover {
background: #000 !important;
}
#container #content .adbox ul {
margin: 0 0 1em 0;
}
#container #content .adbox ul li {
list-style: none;
text-align: left;
padding: 0.0625em 0 0.0625em 1.35em;
position: relative;
}
#container #content .adbox ul li:before {
content: "\f00c";
left: 0;
position: absolute;
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #fff;
} #container #content .listpig {
display: table;
width: 100%;
margin: 0 auto 3em auto;
}
#container #content .listpig h4 {
font-size: 1.667em;
font-weight: 400;
line-height: 1.444em;
text-align: center;
margin: 0;
}
#container #content .listpigform {
display: table;
width: 900px;
max-width: 72%;
margin: 0 auto 0 auto;
}
#container #content .nf-form-fields-required {
font-size: 1.333em;
font-weight: 400;
line-height: 1.444em;
text-align: center;
}
#container #content .nf-form-content {
display: table;
width: 100%;
margin: 1em auto 0 auto;
}
#container #content .nf-form-cont h3 {
font-size: 1.333em;
font-weight: 700;
line-height: 1.444em;
text-transform: uppercase;
}
#container #content .nf-form-cont .html-wrap {
font-size: 1.333em;
font-weight: 400;
line-height: 1.333em;
}
#container #content .nf-form-content label {
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
}
#container #content .nf-form-content ul li input[type="radio"] {
padding: 0;
}
#container #content .nf-form-content ul li input[type="checkbox"] {
padding: 0;
}
#container #content .nf-form-content .nf-field-label label {
line-height: 1.333em;
}
#container #content .nf-form-content ul li label {
line-height: 1.333em;
}
#container #content .nf-field-label .nf-label-span, #container #content .nf-field-label label {
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
}
#container #content .nf-form-content hr.ninja-forms-field {
margin: 1em 0 2em 0;
background: none;
border-top: 1px solid #ccc;
border-bottom: none;
}
#container #content .nf-form-content .list-select-wrap .nf-field-element > div {
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
border-radius: 5px;
}
#container #content .nf-form-content input:not([type="button"]) {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
border-radius: 5px;
}
#container #content .nf-form-content select {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
border-radius: 5px;
}
#container #content .nf-form-content textarea {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1.333em;
border-radius: 5px;
}
#container #content .nf-form-content .checkbox-container.label-right label:after {
top: 0.2em;
}
#container #content .nf-form-content button {
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
padding: 0 1em;
border-radius: 5px;
}
#container #content .nf-form-content input[type="button"] {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
padding: 0 1em;
border-radius: 5px;
}
#container #content .nf-form-content input[type="submit"] {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
padding: 0 1em;
border-radius: 5px;
} .popupform {
display: table;
width: auto;
max-width: 100%;
margin: 0 auto 0 auto;
}
.popupform .nf-form-fields-required {
font-size: 1.333em;
font-weight: 400;
line-height: 1.444em;
text-align: center;
display: none;
}
.popupform .nf-form-content {
display: table;
width: 100%;
margin: 1em auto 0 auto;
}
.popupform .nf-form-cont h3 {
font-size: 1.333em;
font-weight: 700;
line-height: 1.444em;
text-transform: uppercase;
}
.popupform .nf-form-cont .html-wrap {
font-size: 1.333em;
font-weight: 400;
line-height: 1.333em;
}
.popupform .nf-form-content label {
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
}
.popupform .nf-field-label .nf-label-span, #container #content .nf-field-label label {
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
}
.popupform .nf-form-content hr.ninja-forms-field {
margin: 1em 0 2em 0;
background: none;
border-top: 1px solid #ccc;
border-bottom: none;
}
.popupform .nf-form-content .list-select-wrap .nf-field-element > div {
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
border-radius: 5px;
}
.popupform .nf-form-content input:not([type="button"]) {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
border-radius: 5px;
}
.popupform .nf-form-content select {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
border-radius: 5px;
}
.popupform .nf-form-content textarea {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1.333em;
border-radius: 5px;
}
.popupform .nf-form-content .checkbox-container.label-right label:after {
top: 0.2em;
}
.popupform .nf-form-content button {
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
padding: 0 1em;
border-radius: 5px;
}
.popupformt .nf-form-content input[type="button"] {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
padding: 0 1em;
border-radius: 5px;
}
.popupform .nf-form-content input[type="submit"] {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
padding: 0 1em;
border-radius: 5px;
}
#pum_popup_title_1028 {
display: none;
}
.popupform h2 {
font-size: 1.333em;
font-weight: 700;
line-height: 1.444em;
text-align: center;
}
.popupform h3 {
font-size: 1em !important;
font-weight: 700;
line-height: 1.444em;
text-align: center;
text-transform: none !important;
}
.nf-response-msg {
text-align: center;
font-size: 1.222em;
line-height: 1.444em;
}
.popupform  .nf-field-container {
margin: 0 0 0.5em 0;
} #container #contact {
display: table;
width: 900px;
max-width: 72%;
margin: 0 auto 0 auto;
padding: 4em 0;
}
#container #contact .nf-form-fields-required {
font-size: 1.333em;
font-weight: 400;
line-height: 1.444em;
text-align: center;
display: none;
}
#container #contact .nf-form-content {
display: table;
width: 100%;
margin: 2em auto 0 auto;
}
#container #contact .nf-form-cont h3 {
font-size: 1.333em;
font-weight: 700;
line-height: 1.444em;
text-transform: uppercase;
}
#container #contact .nf-form-cont .html-wrap {
font-size: 1.333em;
font-weight: 400;
line-height: 1.333em;
}
#container #contact .nf-form-content label {
font-size: 1.333em;
font-weight: 700;
line-height: 1em;
text-transform: uppercase;
}
#container #contact .nf-field-label .nf-label-span, #container #contact .nf-field-label label {
font-size: 1.333em;
font-weight: 700;
line-height: 1em;
}
#container #contact .label-above .nf-field-label {
width: 100%;
text-align: center;
}
#container #contact .nf-form-content hr.ninja-forms-field {
margin: 1em 0 2em 0;
background: none;
border-top: 1px solid #ccc;
border-bottom: none;
}
#container #contact .nf-form-content .list-select-wrap .nf-field-element > div {
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
border-radius: 5px;
}
#container #contact .nf-form-content input:not([type="button"]) {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
border-radius: 5px;
}
#container #contact .nf-form-content select {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
border-radius: 5px;
}
#container #contact .nf-form-content textarea {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1.333em;
border-radius: 5px;
}
#container #contact .nf-form-content .checkbox-container.label-right label:after {
top: 0.2em;
}
#container #contact .nf-form-content button {
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
padding: 0 1em;
border-radius: 5px;
}
#container #contact .nf-form-content input[type="button"] {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
padding: 0 1em;
border-radius: 5px;
}
#container #contact .nf-form-content input[type="submit"] {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
margin: 0 auto;
padding: 0 1em;
border-radius: 5px;
}
#container #contact h3 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2em;
font-weight: 700;
text-align: center;
text-transform: uppercase;
position: relative;
}
#container #contact h3:after {
display: table;
margin: 0 auto;
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #e97132;
transform: rotate(90deg);
}
#container #contact p {
font-size: 1.667em;
font-weight: 400;
line-height: 1.444em;
text-align: center;
} #container #zipcontact {
display: table;
width: 900px;
max-width: 100%;
margin: 0 auto 0 auto;
padding: 3em 0 0 0;
}
#container #zipcontact .nf-form-fields-required {
font-size: 1.333em;
font-weight: 400;
line-height: 1.444em;
text-align: center;
display: none;
}
#container #zipcontact .nf-form-content {
display: table;
width: 100%;
margin: 2em auto 0 auto;
}
#container #zipcontact .nf-form-cont h3 {
font-size: 1.333em;
font-weight: 700;
line-height: 1.444em;
text-transform: uppercase;
}
#container #zipcontact .nf-form-cont .html-wrap {
font-size: 1.333em;
font-weight: 400;
line-height: 1.333em;
}
#container #zipcontact .nf-form-content label {
font-size: 1.333em;
font-weight: 700;
line-height: 1em;
text-transform: uppercase;
}
#container #zipcontact .nf-field-label .nf-label-span, #container #zipcontact .nf-field-label label {
font-size: 1.333em;
font-weight: 700;
line-height: 1em;
}
#container #zipcontact .label-above .nf-field-label {
width: 100%;
text-align: center;
}
#container #zipcontact .nf-form-content hr.ninja-forms-field {
margin: 1em 0 2em 0;
background: none;
border-top: 1px solid #ccc;
border-bottom: none;
}
#container #zipcontact .nf-form-content .list-select-wrap .nf-field-element > div {
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
border-radius: 5px;
}
#container #zipcontact .nf-form-content input:not([type="button"]) {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
border-radius: 5px;
}
#container #zipcontact .nf-form-content select {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
border-radius: 5px;
}
#container #zipcontact .nf-form-content textarea {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1.333em;
border-radius: 5px;
}
#container #zipcontact .nf-form-content .checkbox-container.label-right label:after {
top: 0.2em;
}
#container #zipcontact .nf-form-content button {
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
padding: 0 1em;
border-radius: 5px;
}
#container #zipcontact .nf-form-content input[type="button"] {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
padding: 0 1em;
border-radius: 5px;
}
#container #zipcontact .nf-form-content input[type="submit"] {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
margin: 0 auto;
padding: 0 1em;
border-radius: 5px;
}
#container #zipcontact h3 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2em;
font-weight: 700;
text-align: center;
position: relative;
}
#container #zipcontact h3:after {
display: table;
margin: 0 auto;
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #e97132;
transform: rotate(90deg);
display: none;
}
#container #zipcontact p {
font-size: 1.667em;
font-weight: 400;
line-height: 1.444em;
text-align: center;
} #container #content .listpigform .redmsg {
font-size: 0.833em;
font-style: italic;
color: #008000;
}
#container #content .listpigform .nf-field-description {
font-size: 1em;
font-style: italic;
color: #ff0000;
line-height: 1.333em;
margin: 0 0 0.5em 0;
}
#container #content .listpigform a.delete {
font-weight: 700;
color: #ff0000;
} .sidebarform {
display: table;
width: 100%;
background: #f0f0f0;
padding: 1.5em;
margin: 0 0 1.5em 0;
border-radius: 9px;
}
.sidebarform .nf-form-fields-required {
font-size: 1em;
font-weight: 400;
line-height: 1.444em;
text-align: center;
display: none;
}
.sidebarform .nf-form-content {
display: table;
width: 100%;
margin: 2em auto 0 auto;
}
.sidebarform .nf-form-cont h3 {
font-size: 1.333em;
font-weight: 700;
line-height: 1.444em;
text-transform: uppercase;
}
.sidebarform .nf-form-cont .html-wrap {
font-size: 1.333em;
font-weight: 400;
line-height: 1.333em;
}
.sidebarform .nf-form-content label {
font-size: 1.333em;
font-weight: 700;
line-height: 1em;
text-transform: uppercase;
}
.sidebarform .nf-field-label .nf-label-span, #container #contact .nf-field-label label {
font-size: 1.333em;
font-weight: 700;
line-height: 1em;
}
.sidebarform .label-above .nf-field-label {
width: 100%;
text-align: center;
}
.sidebarform .nf-form-content hr.ninja-forms-field {
margin: 1em 0 2em 0;
background: none;
border-top: 1px solid #ccc;
border-bottom: none;
}
.sidebarform .nf-form-content .list-select-wrap .nf-field-element > div {
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
border-radius: 5px;
}
.sidebarform .nf-form-content input:not([type="button"]) {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
border-radius: 5px;
}
.sidebarform .nf-form-content select {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
border-radius: 5px;
}
.sidebarform .nf-form-content textarea {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1.333em;
border-radius: 5px;
}
.sidebarform .nf-form-content .checkbox-container.label-right label:after {
top: 0.2em;
}
.sidebarform .nf-form-content button {
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
height: 2.5em;
line-height: 2.5em;
padding: 0 1em;
border-radius: 5px;
}
.sidebarform .nf-form-content input[type="button"] {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
padding: 0 1em;
border-radius: 5px;
}
.sidebarform .nf-form-content input[type="submit"] {
display: table;
font-family: "PT Sans", sans-serif;
font-size: 1.333em;
font-weight: 400;
line-height: 1em;
margin: 0 auto;
padding: 0 1em;
border-radius: 5px;
}
.sidebarform .nf-field-container {
margin-bottom: 0.75em;
}
.sidebarform h3 {
font-family: "Roboto Condensed", sans-serif;
font-size: 2em;
font-weight: 700;
text-align: center;
text-transform: uppercase;
position: relative;
}
.sidebarform h3:after {
display: table;
margin: 0 auto;
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #e97132;
transform: rotate(90deg);
}
.sidebarform h4 {
font-size: 1em;
font-weight: 400;
line-height: 1.444em;
text-align: center;
margin: 0 0 1em 0;
} .home .slideshow-container {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
border-radius: 9px;
border: 1px solid #57a55a;
}
.home .slide {
position: absolute;
width: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
}
.home .slide.active {
opacity: 1;
visibility: visible;
z-index: 1;
}
.home .dot-navigation {
position: absolute;
top: 2em;
right: 0;
display: flex;
gap: 10px;
}
.home .dot {
height: 0.833em;
width: 0.833em;
background: #57a55a;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.6s ease, transform 0.3s ease;
}
.home .dot.active {
background: #e97132;
transform: scale(1.2);
} .single .slideshow-container {
position: relative;
width: 100%;
max-width: 600px;
margin: 0 auto 0 auto;
overflow: hidden;
}
.single .slideshow-container .sold {
display: table;
width: auto;
position: absolute;
left: 0;
right: 0;
z-index: 2;
}
.single .slideshow-container .sold img {
display: table;
width: 9em;
margin: 0;
border-radius: 0 !important;
}
.single .slide {
position: absolute;
width: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
}
.single .slide.active {
opacity: 1;
visibility: visible;
z-index: 1;
position: relative;
}
.single .slide img {
width: 100%;
height: auto;
display: block;
}
.single .dot-navigation {
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 10px;
z-index: 2;
}
.single .dot {
height: 0.666em;
width: 0.666em;
background: #ccc;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.6s ease, transform 0.3s ease;
}
.single .dot.active {
background: #e97132;
transform: scale(1.3);
}
.single .dot:only-of-type {
display: none;
} #container #content .nf-response-msg {
color: #57a55a;
}
#container #sidebar .nf-response-msg {
text-align: center;
color: #57a55a;
}
#container #content #nf-paypal-button-container iframe {  
display: table;
width: auto;
margin: 0 auto;
left: 0;
right: 0;
}
#container #content .nf-form-fields-required {
display: none;	
}
#container #content .nf-form-cont h4 {
font-size: 1.111em;
font-weight: 400;
line-height: 1.444em;
text-align: center;
margin: 0 0 1em 0;
}
#container #content #nf-field-151-wrap {
text-align:center;
}
#container #content .successmsg {
font-size: 1.333em;
line-height: 1.5em;
color: #57a55a;
}
#container #content .nf-field-element ul li:before {
display: none;
}
#container #content .nf-form-content .nf-field-element ul li input {
height: auto;
} .pagination {
display: table;
width: 100%;
margin: 3em 0 0 0;
font-size: 1.333em;
line-height: 1.5em;
}
.pagination .page-numbers {
display: inline-table;
vertical-align: middle;
border: 2px solid #57a55a;
border-radius: 9px;
padding: 0 0.5em;
}
.pagination .current {
background: #57a55a;
color: #fff;
}
.pagination .dots {
border: 2px solid #f0f0f0;
} #notice {
padding: 1.333em; 
background: #FFFFED; 
color: #721c24; 
border: 1px solid #FFDE21; 
border-radius: 9px;
position: relative;
margin: 0 0 2em 0;
}
.closeicon {
position: absolute; 
top: 0.5em;
right: 0.5em; 
background: none; 
border: none; 
font-weight: bold; 
font-size: 1em; 
color: #000000; 
cursor: pointer;
}
#notice p {
margin: 0;
} .listpigform .nf-repeater-fieldsets fieldset nf-fields-wrap nf-field{
display: inline-table;
vertical-align: top;
width: 32%;
margin: 0 2% 0 0;
}
.listpigform .nf-repeater-fieldsets fieldset nf-fields-wrap nf-field:nth-of-type(3n) {
margin: 0;
}
.listpigform .nf-repeater-fieldsets fieldset nf-fields-wrap nf-field:nth-of-type(11) {
display: block;
width: 100%;
}
.listpigform .nf-repeater-fieldsets fieldset nf-fields-wrap nf-field:nth-of-type(12) {
width: 20%;
margin: 0;
}
.listpigform .nf-repeater-fieldsets fieldset nf-fields-wrap nf-field:nth-of-type(13) {
width: 20%;
margin: 0;
}
.listpigform .nf-repeater-fieldsets fieldset nf-fields-wrap nf-field:nth-of-type(14) {
width: 20%;
margin: 0;
}
.listpigform .nf-repeater-fieldsets fieldset nf-fields-wrap nf-field:nth-of-type(15) {
width: 20%;
margin: 0;
}
.listpigform .nf-repeater-fieldsets fieldset nf-fields-wrap nf-field:nth-of-type(16) {
width: 20%;
margin: 0;
}
.listpigform .nf-repeater-fieldsets fieldset nf-fields-wrap nf-field:nth-of-type(17) {
display: block;
width: 100%;
}
.listpigform .nf-repeater-fieldsets fieldset nf-fields-wrap nf-field:nth-of-type(18) {
display: block;
width: 100%;
}
.listpigform nf-field .nf-add-fieldset {
background: #57a55a;
}
.listpigform fieldset legend {
font-size: 1.333em;
font-weight: 700;
line-height: 1.444em;
text-transform: uppercase;	
margin: 0 0 1em 0;
}
.listpigform .nf-form-content button.nf-remove-fieldset {
position: absolute;
right: 0;
background: #e80000;
}