.listing-type,
.listing-available {
text-transform: uppercase;
background-color: #5cb85c;
color: white;
font-size: 12px;
font-weight: 600;
display: inline-block;
margin-bottom: 10px;
padding: 2px 8px;
border-radius: 3px;
}
.listing-description {
margin-bottom: 2em;
line-height: 1.4;
}
.single-livestock .page-heading {
padding-top: 0;
} .listing-details-table {
}
.listing-details-table > tbody > tr > th,
.listing-details-table > tbody > tr > td {
background-color: #fff;
}
.listing-label {
font-weight: 600;
background-color: #eee;
} .specialist-panel {
background-color: #f9f9f9;
padding: 15px;
font-size: 14px;
}
.specialist-phone {
margin-bottom: 5px;
}
.specialist-info span {
display: inline-block;
margin-right: 5px;
font-size: 0;
}
.specialist-info span:before {
font-size: 14px;
color: #337ab7;
}
.specialist-phone span:before {
font-size: 16px;
} .listing-gallery-wrapper {
margin-top: 80px;
margin-bottom: 80px;
} @media only screen and (min-width: 50em) {
.listing-sidebar {
width: 220px;
margin-right: 32px;
float: left;
min-height: 1px;
}
}
@media only screen and (min-width: 50em) {
.listing-sidebar .affix { position: fixed;
top: 20px;
}
}
@media only screen and (max-width: 49.9375em) {
.listing-sidebar .affix,
.listing-sidebar .affix-top { position: relative;
}
}
.listing-search .search-field {
padding-right: 6px;
}
.livestock-listing-index {
margin: -10px;
font-size: 0;
}
@media only screen and (min-width: 50em) {
.livestock-listing-index {
width: calc(100% - 240px);
float: left;
}
}
@media only screen and (max-width: 29.9375em) {
.livestock-listing-index {
margin: 16px 0 0 0;
}
}
.livestock-listing-item {
font-size: 14px;
display: inline-block;
vertical-align: top;
border: 1px solid #e9e9e9;
border-radius: 3px;
background-color: #fff;
background-color: rgba(255,255,255,.75);
opacity: background 0.2s ease;
}
@media screen and (min-width: 30em) {
.livestock-listing-item {
margin: 10px 1%;
width: 48%;
}
}
@media screen and (min-width: 42em) {
.livestock-listing-item {
width: 31.3333%;
}
}
@media screen and (min-width: 56em) {
.livestock-listing-item {
width: 31.3333%;
}
}
@media only screen and (max-width: 29.9375em) {
.livestock-listing-item {
margin-bottom: 16px;
height: auto;
}
}
.livestock-listing-item:hover {
background-color: #eee;
}
.livestock-listing-item a {
display: block;
padding: 10px 10px 20px;
min-height: 320px;
color: black;
text-decoration: none;
position: relative;
}
.livestock-listing-item span {
display: block;
}
.rll-thumb {
margin-bottom: 10px;
position: relative;
}
.rll-thumb img {
display: block;
}
.rll-title {
position: absolute;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
color: white;
text-shadow: 1px 1px 0 black;
padding: 8px;
font-size: 15px;
line-height: 1.1;
-webkit-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.livestock-listing-item:hover .rll-title {
background-color: rgba(0, 0, 0, 0.9);
}
.rll-available {
text-transform: uppercase;
background-color: #5cb85c;
color: white;
font-size: 12px;
font-weight: 600;
margin-bottom: 10px;
padding: 2px 8px;
border-radius: 3px;
position: absolute;
top: -6px;
left: -6px;
}
.rll-new{
text-transform: uppercase;
background-color: #FF0004;
color: white;
font-size: 12px;
font-weight: 600;
margin-bottom: 10px;
padding: 2px 8px;
border-radius: 3px;
position: absolute;
top: -35px;
left: -35px;
}
.livestock-listing-item .rll-available {
display: inline-block;
}
.status-available .rll-available {
background-color: #5cb85c;
}
.status-sold .rll-available {
background-color: #d9534f;
}
.status-under-offer .rll-available {
background-color: #ec971f;
}
.rll-price,
.rll-expiry,
.rll-delivery {
margin-bottom: 8px;
}
.rll-more {
text-transform: uppercase;
position: absolute;
bottom: 5px;
right: 10px;
font-size: 11px;
}
.livestock-listing-item:hover .rll-more {
text-decoration: underline;
}
.listing-search {
} #colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden; }
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft {
clear: left; }
#cboxContent {
position: relative; }
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch; }
#cboxTitle {
margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer; }
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic; }
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0; }
#colorbox, #cboxContent, #cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; } #cboxOverlay {
background: url(//www.sej.com.au/wp-content/plugins/ruralco-livestock-listings/css/images/transparent-black-80.png) repeat 0 0;
background: rgba(0, 0, 0, 0.95); }
#colorbox {
outline: 0; }
#cboxContent {
background: #fff;
border: 3px solid #222;
padding: 8px;
overflow: hidden; }
.cboxIframe {
background: #fff; }
#cboxError {
padding: 50px;
border: 1px solid #ccc; }
#cboxLoadedContent {
margin-bottom: 28px; }
#cboxTitle {
position: absolute;
bottom: 14px;
left: 0;
text-align: center;
width: 100%;
color: #949494; }
#cboxCurrent {
position: absolute;
bottom: 4px;
left: 58px;
color: #949494; }
#cboxLoadingOverlay {
background: url(//www.sej.com.au/wp-content/plugins/ruralco-livestock-listings/css/images/loading_background.png) no-repeat center center; }
#cboxLoadingGraphic {
background: url(//www.sej.com.au/wp-content/plugins/ruralco-livestock-listings/css/images/loading.gif) no-repeat center center; } #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
outline: 0; }
#cboxSlideshow {
position: absolute;
bottom: 4px;
right: 30px;
color: #0092ef; }
#cboxPrevious,
#cboxNext,
#cboxClose {
position: absolute;
bottom: 7px;
width: 25px;
height: 25px;
font-size: 0;
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: center;
outline: 0; }
#cboxPrevious:before,
#cboxNext:before,
#cboxClose:before {
content: "\f061";
font-family: FontAwesome;
font-size: 20px;
font-style: normal;
font-weight: normal;
color: #111;
position: absolute;
text-decoration: inherit;
top: -1px;
left: 4px;
opacity: .8; }
#cboxPrevious:hover:before,
#cboxNext:hover:before,
#cboxClose:hover:before {
opacity: 1; }
#cboxPrevious {
left: 7px; }
#cboxPrevious:before {
content: "\f060"; }
#cboxNext {
left: 34px; }
#cboxClose {
right: 7px; }
#cboxClose:before {
content: "\f00d"; } .cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }