/* All Openherd products */

@font-face {
  font-family:'openherd';
  src: url('/themes/shared/fonts/openherd.woff2?v=10-08-25') format('woff2'),
       url('/themes/shared/fonts/openherd.ttf?v=10-08-25') format('truetype'),
       url('/themes/shared/fonts/openherd.woff?v=10-08-25') format('woff'),
       url('/themes/shared/fonts/openherd.svg?v=10-08-25#openherd') format('svg');
  font-weight:normal;
  font-style:normal;
}

/* ||||| Browser Reset ||||| */
* {margin:0; padding:0; outline:none; text-decoration:none;}
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {margin:0 !important; -webkit-text-size-adjust:none;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-size:1em; font-weight:normal; font-style:normal;}
ul {list-style:none;}
a img {border:none; opacity:0.99; /*firefox scale bug fix*/}
fieldset, img {border:none; border-style:none; outline:none;}
img {vertical-align:middle;}
a:active {outline:none;}
:focus {-moz-outline-style:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
#featured_auctions table, .auctions table, .grid_autoads, .grid_thumbview {border-collapse:separate !important;} /* for IE9 box-shadow rendering */
iframe {background:transparent;}
input[type=text]::-ms-clear {display:none;}
script {display:none !important;}


/* |||||||||| Global |||||||||| */
body {max-width:100%; overflow-x:hidden; /* responsive navigation & filters scroll bug fix*/ -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-shadow:1px 1px 1px rgba(0,0,0,0.004);}


/* |||||||||| Helper |||||||||| */
.attach {position:relative; z-index:1;}
.attach:hover {z-index:9998;}
.chevron {display:inline-block; vertical-align:middle; width:0; height:16px; margin:0 10px; border-right: 1px solid #aaa; transform:rotate(20deg);}
.border {border:1px solid rgba(0,0,0,0.12);}
.border_t {border-top:1px solid rgba(0,0,0,0.12);}
.border_r {border-right:1px solid rgba(0,0,0,0.12);}
.border_b {border-bottom:1px solid rgba(0,0,0,0.12);}
.border_l {border-left:1px solid rgba(0,0,0,0.12)9;}
.dimmed {opacity:0.40; filter:alpha(opacity:40);}
.disabled:not(.filtersGroupPanel) {opacity:0.4;}
a.nohover {cursor:default !important; text-decoration:none !important;}
.clear {clear:both;}
.clearl {clear:left;}
.clearer {clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px;}
.lfl {float:left;}
.rfl {float:right;}
.nofloat, .nofloat input {float:none !important;}
.inl {display:inline;}
.dblock {display:block;}
.inlblock {display:inline-block;}
.nowrap {white-space:nowrap;}
.prel {position:relative;}
.prelz1 {position:relative; z-index:1;}
.nopad, tr.nopad td, table.nopad td {padding:0 !important;}
.nopadv, .nopadv td, .nopadv th {padding-top:0 !important; padding-bottom:0 !important;}
.margin0 {margin:0 !important;}
.hide {visibility:hidden;}
.none {display:none !important;}
.minimize {padding:0; height:1px; line-height:1px; font-size:1px;}
.noscroll {overflow:hidden;}
.no-width {width:auto !important;}
.l {text-align:left;}
.ll {text-align:left !important;}
.c {text-align:center;}
.cc {text-align:center !important;}
.r {text-align:right;}
.rr {text-align:right !important;}
.justify {text-align:justify;}
.valt {vertical-align:top;}
.valm {vertical-align:middle;}
.valb {vertical-align:bottom;}
.b {font-weight:bold;}
em, i, .i {font-style:italic;}
.ii {font-style:italic !important;}
.uc {text-transform:uppercase;}
.underl {text-decoration:underline !important;}
.vline {display:inline-block; margin:0 12px; border-left:1px solid rgba(0,0,0,0.15); height:18px; vertical-align:middle;}
del, .strike {text-decoration:line-through !important;}
.blink {text-decoration:blink;}
.smallprint {font-size:0.8em;}
.pointer {cursor:default !important;}
.cursor_help {cursor:help !important;}
.cursor_default {cursor:default !important;}
.colorinherit {color:inherit !important;}
.scroll_y {overflow-x:hidden; overflow-y:scroll;}
.truncate {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
td.truncate {max-width:1px; padding-right:10 !important;}
.flip-h {transform:scaleX(-1);}
.asterisk {font-size:1.5em !important; vertical-align:middle;}
.dashed {border-style:dashed;}
.nobdr {border:none !important;}
table.nobdr td {border:none !important;}
.nostyle {background:none !important; border:none !important; padding:0 !important; margin:0 !important; box-shadow:none !important; text-shadow:none !important; color:inherit !important;}
/* custom colors */
.manilla_bg {background-color:#FFFBD7 !important;}
.color34 {color:#F27D00 !important;} /* auction bid color */
/* breadcrumb */
.breadcrumb {color:rgba(0,0,0,0.6); vertical-align:middle;}
.breadcrumb #breadcrumb-links ul li {display:inline-block; line-height:40px;}
.breadcrumb .delimiter {font-size:18px; vertical-align:middle; opacity:0.5; margin:0 6px;}
.breadcrumb strong {font-weight:normal !important;}
/* panels */
.pnl {position:relative; z-index:1; *zoom:1; margin:10px 0; border:1px solid #e1e1e1; border-radius:2px; box-shadow:0 1px 1px rgba(0,0,0,0.07);}
.pnl_alert {width:500px; min-height:180px; margin:50px auto 0 !important; padding:60px 40px; box-shadow:0 10px 50px rgba(0,0,0,0.2); text-align:center; border:0; border-radius:0;}
.pnl_alert h1 {color:#222 !important;}
.page-error {margin-top:100px; background:url(https://oh-cdn.azureedge.net/images/icon-alert.svg) no-repeat 50% 50px; background-size:47px auto; padding:100px 40px 60px;}
.maint {display:none; margin-top:100px; background:url(https://oh-cdn.azureedge.net/images/icon-maintenance.svg) no-repeat 50% 50px; background-size:70px auto; padding-top:120px;}
.pnl_alert p {font-size:15px; line-height:21px; padding:4px 0 8px;}
/* Alert Panels */
.process_alert, .process_alert_sml, .process_maint, .process_maint_sml {background:#fffac7 url(https://oh-cdn.azureedge.net/images/icon-alert.svg) no-repeat 15px 50%; background-size:36px auto; padding:5px 20px 10px 70px; color:#555; margin:0; min-height:25px; font-size:13px; line-height:18px;}
.process_maint {background-image:url(https://oh-cdn.azureedge.net/images/icon-maintenance.svg); background-size:47px auto;}
.process_alert h3, .process_maint h3 {margin-bottom:0;}
.process_alert_sml {background-image:url(https://oh-cdn.azureedge.net/images/icon-alert.svg); background-size:20px auto; padding:12px 20px 7px 45px;}
.process_maint_sml {background-size:36px auto; padding:12px 20px 7px 45px;}
/* merge below into styles above */
.site_alert, .site_info {margin:10px 0 20px; padding:15px 30px 15px 65px; font-size:13px; line-height:16px; font-family:'helvetica neue', helvetica, arial, sans-serif; color:#777; box-shadow:0 1px 2px -1px rgba(0,0,0,0.25);}
.site_alert {background:#fffac7 url(https://oh-cdn.azureedge.net/images/icon-alert.svg) no-repeat 15px 50%; background-size:36px auto;}
.site_info {background:#eaf3f7 url(https://oh-cdn.azureedge.net/images/icon-info.svg) no-repeat 15px 20px;}
.site_alert h3 {margin-top:0 !important; font-weight:normal; font-size:18px;}
#help_alert {display:none; margin:10px 0 20px; padding:10px 20px;}
#help_alert h2 {margin:10px 0 !important;}
.xclose {position:absolute; right:4px; top:3px;}
.site-alert-arrow {position:absolute; bottom:-14px; -ms-transform:rotate(45deg); transform:rotate(45deg); width:24px; height:24px; background-color:#fffac7; border-width:0 1px 1px 0; border-style:solid; border-color:#dfdfdf;}
.site_info .site-alert-arrow {background-color:#eaf3f7; border-color:#dfdfdf;}
/* expand/collapse menu */
.collapsible .toggle-icon:after {border-right:2px solid gray; border-bottom:2px solid gray; width:10px; height:10px; transform:rotate(-45deg); transition:transform 1s; content:""; display:inline-block; float:right;}
.collapsible .toggle-icon.active:after {-webkit-transform:rotate(+45deg); -moz-transform:rotate(+45deg); transform:rotate(+45deg); transition:transform 1s;}
/* bubbles */
span.bubble {display:inline-block; vertical-align:middle; margin-left:8px; padding:1px 6px 0; min-width:7px; line-height:18px; font-weight:normal !important; text-align:center; color:#fff; font-size:12px; border-radius:12px;}
span.bubble.green {background-color:#7dbe16;}
span.bubble.red {background-color:#de0025;}
span.bubble.orange {background-color:#f56e01;}
span.bubble.blue {background-color:#2b8dd4;}
span.bubble.purple {background-color:#a848b3;}


/* |||||||||| Input |||||||||| */
.button.hrefbutton {display:inline-block;}


/* |||||||||| Icons |||||||||| */
/* font icons */
.ficon, .ficon:hover {display:inline-block; vertical-align:middle; font-family:openherd, sans-serif !important; font-weight:normal !important; font-style:normal !important; color:#222; font-size:24px; line-height:24px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
a.ficon, a.ficon:active, a.ficon:visited {color:#222;}
.ficon:before {display:inline-block; cursor:default; font-family:openherd, sans-serif !important; font-size:24px;}
/* icon size/weight/display */
.ficon.md:before {font-size:18px; line-height:18px;}
.ficon.sm:before {font-size:14px; line-height:14px;}
.ficon.b:before {font-weight:bold !important;}
.ficon.fade {opacity:0.7;}
.ficon.fade:hover {opacity:1;}
/* icon colors */
.ficon.negative:before {color:#fff;}
.ficon.green:before {color:#67a514;}
.ficon.lightgreen:before {color:#8eca34;}
.ficon.orange:before {color:#f56e01;}
.ficon.red:before {color:#de0025;}
.ficon.blue:before {color:#0b9bff;}
.ficon.purple:before {color:#9846af;}
.ficon.pink:before {color:#ff9cea !important;}
.ficon.pink2:before {color:#d3438e !important;}
.ficon.blue:before {color:#66bcff !important;}
.ficon.blue2:before {color:#3c7cdc !important;}
.ficon.alert:before {color:#ED4401 !important;}
.icon-openherd:before {content:"\e957"; color:#f22f54;}
/* icons */
.icon-trigram:before {content:"\e905";}
.icon-user:before {content:"\e9f1";}
.icon-users:before {content:"\e91e";}
.icon-lock:before {content:"\e906";}
.icon-lock-solid:before {content:"\e958";}
.icon-lock-solid-open:before {content:"\e961";}
.icon-key:before {content:"\e907";}
.icon-mypen:before {content:"\e904";}
.icon-cart:before {content:"\e903";  cursor:pointer;}
.icon-basket:before {content:"\e9b1"; cursor:pointer;}
.icon-email:before {content:"\e902"; cursor:pointer;}
.icon-message:before {content:"\e9fd"; cursor:pointer;} /* change to new message icon */
.icon-messages:before {content:"\e9fe"; cursor:pointer;} /* change to new messages icon */
.icon-gear:before {content:"\e900";}
.icon-barn:before {content:"\e901";}
.icon-barn-solid:before {content:"\e931";}
.icon-myherd:before {content:"\e908";}
.icon-bag:before {content:"\e909";}
.icon-syringe:before {content:"\e90a";}
.icon-syringe-list:before {content:"\e9f2";}
.icon-drugs:before {content:"\e9f3";}
.icon-stats:before {content:"\e90b";}
.icon-calendar:before {content:"\e90d";}
.icon-calendar2:before {content:"\e90c";}
.icon-event:before {content:"\e9f4";}
.icon-events:before {content:"\e9f5";}
.icon-support:before {content:"\e90e";}
.icon-brain:before {content:"\e9ae";}
.icon-bulb:before {content:"\e9af";}
.icon-admin:before {content:"\e90f";}
.icon-crm:before {content:"\e910";}
.icon-bag-oh:before {content:"\e911";}
.icon-move-left:before {content:"\e912"; cursor:pointer;}
.icon-move-up:before {content:"\e913"; cursor:pointer;}
.icon-move-right:before {content:"\e914"; cursor:pointer;}
.icon-move-down:before {content:"\e915"; cursor:pointer;}
.icon-move-up-left:before {content:"\e916"; cursor:pointer;}
.icon-move-up-right:before {content:"\e917"; cursor:pointer;}
.icon-move-down-right:before {content:"\e918"; cursor:pointer;}
.icon-move-down-left:before {content:"\e919"; cursor:pointer;}
.icon-refresh:before {content:"\e962";}
.icon-undo:before {content:"\e963";}
.icon-switch:before {content:"\e945";}
.icon-x:before {content:"\e91a"; cursor:pointer;}
.icon-plus:before {content:"\e91b";}
.icon-minus:before {content:"\e91c"; cursor:pointer;}
.icon-search:before {content:"\e91d"; font-size:22px;}
.icon-search.md:before {font-size:15px; line-height:15px;}
.icon-search-plus:before {content:"\e9ba";}
.icon-arrow-left:before {content:"\e91f"; cursor:pointer;}
.icon-arrow-right:before {content:"\e920"; cursor:pointer;}
.icon-arrow-up:before {content:"\e921"; cursor:pointer;}
.icon-arrow-down:before {content:"\e922"; cursor:pointer;}
.icon-bred:before {content:"\e924"; color:#ff72bb;}
.icon-bred-text:before {content:"\e925"; color:#ff72bb;}
.icon-wreath:before {content:"\e9b0"; color:#008331 !important;}
.icon-bt-sv:before {content:"\e926"; cursor:pointer;}
.icon-copy:before {content:"\e927";  cursor:pointer;}
.icon-camera:before {content:"\e928"; cursor:pointer;}
.icon-activity:before {content:"\e929"; cursor:pointer;}
.icon-milk:before {content:"\e92a";}
.icon-pedigree:before {content:"\e92b";}
.icon-microscope:before {content:"\e92c";}
.icon-dna:before {content:"\e943";}
.icon-histogram:before {content:"\e944";}
.icon-clipboard:before {content:"\e934";}
.icon-arrow-heavy-left:before {content:"\e92d"; cursor:pointer;}
.icon-arrow-heavy-right:before {content:"\e92e"; cursor:pointer;}
.icon-arrow-heavy-up:before {content:"\e92f"; cursor:pointer;}
.icon-arrow-heavy-down:before {content:"\e930"; cursor:pointer;}
.icon-arrow-heavy-up.md:before, .icon-arrow-heavy-down.md:before {font-size:15px; line-height:15px;} /* edit grids */
.icon-barn-solid:before {content:"\e931";}
.icon-male:before {content:"\e932";}
.icon-male.color:before {color:#4aa7f7;}
.icon-female:before {content:"\e933";}
.icon-female.color:before {color:#fea5fe;}
.icon-clipboard:before {content:"\e934";}
.icon-check:before {content:"\e923"; color:#58b30f;}
.icon-check-md:before {content:"\e935"; color:#58b30f;}
.icon-check-bd:before {content:"\e936"; color:#58b30f;}
.icon-check-friendly:before {content:"\ea12";}
/*.icon-checkbox {display:inline-block; width:18px; height:18px; border:1px solid #aaa; margin-right:10px;}
.icon-checkbox:before {width:105%; height:100%; line-height:140%; text-align:center;} where is this used? */
.icon-alert:before {content:"\e937"; color:#ff6c01;}
.icon-alert.white_bg {border-radius:50%;}
.icon-alert-triangle-solid:before {content:"\e9bb";}
.icon-alert-triangle:before {content:"\e9bc";}
.icon-www:before {content:"\e938";}
.icon-subwww:before {content:"\e942";}
.icon-cloud-server:before {content:"\e939";}
.icon-cloud-storage:before {content:"\e93a";}
.icon-cloud-lock:before {content:"\e93b";}
.icon-cloud-up:before {content:"\e93c";}
.icon-cloud-down:before {content:"\e93d";}
.icon-multisite:before {content:"\e93e"; color:#999;}
.icon-monitor:before {content:"\e93f";}
.icon-compare:before {content:"\e940";}
.icon-featured:before {content:"\e9f6";}
.icon-bullhorn:before {content:"\e941";}
.icon-gavel:before {content:"\e9b8";}
.icon-arrow-triangle:before {content:"\e946";}
.icon-view-detail:before {content:"\e947";}
.icon-view-thumb:before {content:"\e948";}
.icon-view-list:before {content:"\e949";}
.icon-view-masonry:before {content:"\e94a";}
.icon-certificate:before {content:"\e94b";}
.icon-certificate-check:before {content:"\e9f9";}
.icon-document-cert:before {content:"\e94c";}
.icon-document:before {content:"\e94d";}
.icon-page:before {content:"\e94e";}
.icon-pages:before {content:"\e9b9";}
.icon-page-text:before {content:"\e94f";}
.icon-page-details:before {content:"\e950";}
.icon-brochure:before {content:"\e976";}
.icon-blog:before {content:"\e9fc";}
.icon-photos:before {content:"\e951";}
.icon-picture:before {content:"\e9bd";}
.icon-pictures:before {content:"\e9be";}
.icon-video:before {content:"\e952";}
.icon-array:before {content:"\e959";}
.icon-array-solid:before {content:"\e965";}
.icon-tiles:before {content:"\e966";}
.icon-tiles-solid:before {content:"\e967";}
.icon-group:before {content:"\e9f8";}
.icon-link:before {content:"\e95a";}
.icon-details:before {content:"\e95b";}
.icon-printer:before {content:"\e95c";}
.icon-award:before {content:"\e95d";}
.icon-award-solid:before {content:"\e95e";}
.icon-map-pin:before {content:"\e9b5";}
.icon-map-pin-solid:before {content:"\e95f";}
.icon-phone:before {content:"\e960";}
.icon-mailbox:before {content:"\e968";}
.icon-info:before {content:"\e953"; color:#0b9bff;}
.icon-info-solid:before {content:"\e954"; color:#0b9bff;}
.icon-dollar:before {content:"\e972";}
.icon-dollar-solid:before {content:"\e964";}
.icon-promo:before {content:"\e973";}
.icon-text:before {content:"\e955";}
.icon-text-solid:before {content:"\e956";}
.icon-tag:before {content:"\e969";}
.icon-tag-whitebg .path1:before {content:"\e96a"; color:rgb(255,255,255);}
.icon-tag-whitebg .path2:before {content:"\e96b"; margin-left:-1em;}
.icon-tag-solid:before {content:"\e96c";}
.icon-tag-sale:before {content:"\e96d";}
.icon-edit:before {content:"\e96e"; cursor:pointer;}
.icon-checkbox:before {content:"\e96f";}
.icon-checkedbox:before {content:"\e977"; color:#2f8fe5;}
.icon-shield:before {content:"\e970";}
.icon-shield-solid:before {content:"\e971";}
.icon-package:before {content:"\e974";}
.icon-package-male:before {content:"\e975";}
.icon-package-male.color:before {color:#4aa7f7;}
.icon-package-arrow:before {content:"\e9fa";}
.icon-mask:before {content:"\e978";}
.icon-mask-solid:before {content:"\e979";}
.icon-circle:before {content:"\e9b6";}
.icon-circle-solid:before {content:"\e9b7";}
.icon-box-expand:before {content:"\e9aa";}
.icon-box-shrink:before {content:"\e9ab";}
.icon-box-launch:before {content:"\e9ad";}
.icon-rss:before {content:"\e9a2";}
.icon-button-click:before {content:"\e9c0";}
.icon-send:before {content:"\e997";}
.icon-chart-grow:before {content:"\e9c1";}
.icon-handshake:before {content:"\e9c2";}
.icon-plant:before {content:"\e9c3";}
.icon-tags:before {content:"\e9e4";}
.icon-comments:before {content:"\e9e3";}
.icon-giftcard:before {content:"\e9e5";}
.icon-seo:before {content:"\e9e2";}
.icon-social-airbnb:before {content:"\e998";}
.icon-receipt:before {content:"\e9e6";}
.icon-percent:before {content:"\e9ea";}
.icon-card:before {content:"\e9eb";}
.icon-card-gear:before {content:"\e9ec";}
.icon-banner:before {content:"\e9ed";}
.icon-truck:before {content:"\e9ee";}
.icon-store:before {content:"\e9ef";}
.icon-checklist:before {content:"\e9f0";}
.icon-listing:before {content:"\e9fe";}
.icon-message-edit:before {content:"\e9f7";}
.icon-sold:before {content:"\e9ff";}
.icon-sold-rotated:before {content:"\ea00";}
.icon-swatch-fan:before {content:"\ea01";}
.icon-world:before {content:"\ea02";}
.icon-cart-check:before {content:"\ea04";}
.icon-report-arrow:before {content:"\ea05";}
.icon-email-open-check:before {content:"\ea06";}
.icon-email-open:before {content:"\ea07";}
.icon-grid-select:before {content:"\ea08";}
.icon-g-analytics:before {content:"\ea0a";}
.icon-listmirror:before {content:"\ea0b";}
.icon-code:before {content:"\ea0c";}
.icon-compass-edit:before {content:"\ea0d";}
.icon-container-specs:before {content:"\ea0e";}
.icon-website-footer:before {content:"\ea0f";}
.icon-website-gear:before {content:"\ea10";}
.icon-website-sections:before {content:"\ea11";}
.icon-cart-gear:before {content:"\ea03";}
.icon-package-gear:before {content:"\ea09";}
.icon-laptop:before {content:"\ea13";}
.icon-laptop-check:before {content:"\ea14";}
.icon-share:before {content:"\ea15";}
.icon-logo:before {content:"\ea16";}
.icon-logos:before {content:"\ea17";}
.icon-favicon:before {content:"\ea18";}
.icon-feed:before {content:"\ea19";}
.icon-feature-boxes:before {content:"\ea1a";}
.icon-ear-tag:before {content:"\ea1b";}
.icon-package-location:before {content:"\ea1c";}
.icon-julie:before {content:"\ea1d";}
.icon-flag:before {content:"\ea20";}
.icon-flag-solid:before {content:"\ea21"; color:#fc3d39;}
.icon-sign-arrow:before {content:"\ea22";}
.icon-mobile:before {content:"\ea2b";}
.icon-devices:before {content:"\ea2c";}
.icon-herd-new:before {content:"\ea2d";}
.icon-finance:before {content:"\ea40";}
.icon-meat:before {content:"\ea41";}
.icon-fiber:before {content:"\ea42";}
.icon-herd-cloud:before {content:"\ea45";}
.icon-listing-mktpl:before {content:"\ea46";}
.icon-crop-rotate:before {content:"\ea47";}
.icon-rocket:before {content:"\ea49"; color:#e22850;}
.icon-rocket.b:before {font-weight:normal !important; text-shadow:0 0 0 #e22850;}
.icon-add-inline:before {content:"\ea4a"; color:#1b80fb;}
.icon-add-display:before {content:"\ea4b"; color:#1b80fb;}
.icon-add-inline.b:before, .icon-add-display.b:before  {font-weight:normal !important; text-shadow:0 0 0 #1b80fb;}
.icon-stop:before {content:"\ea4d";}
.icon-play:before {content:"\ea4e";}
.icon-pause:before {content:"\ea4f";}
.icon-eye:before {content:"\ea50";}
.icon-duplicate:before {content:"\ea51";}
.icon-tickets:before {content:"\ea56";}
.icon-ticket-manage:before {content:"\ea57";}
.icon-ticket-plus:before {content:"\ea58";}
.icon-ticket-calendar:before {content:"\ea59";}
.icon-tickets-give:before {content:"\ea5a";}
.icon-faq:before {content:"\ea5e";}
.icon-login:before {content:"\ea70";}
.icon-logout:before {content:"\ea71";}
.icon-semen-straw:before {content:"\ea94";}
/* ||||| Multicolor Icons ||||| */
/* ribbon icons */
.ficon.ribbon {position:relative; width:30px; height:30px; font-size:30px; line-height:30px;}
.ficon.ribbon {width:18px; text-shadow:0 1px 2px rgba(0,0,0,0.15);}
.ficon.ribbon.icon-ribbon-banner {width:32px;}
.ficon.ribbon.md {width:14px; height:20px; font-size:20px; line-height:20px;}
.ficon.ribbon.md.icon-ribbon-banner {width:15px;}
.ficon.ribbon span {position:absolute; left:0; top:0; width:100%; height:100%;}
/* single color + white */
.icon-ribbon .path2:before {content:"\ea32"; color:#fff; text-shadow:none;}
.icon-ribbon .path1:before {content:"\ea31";}
.icon-ribbon.blue .path1:before {color:#213cf3;}
.icon-ribbon.red .path1:before {color:#ed294d;}
.icon-ribbon.white .path1:before {color:#888;}
.icon-ribbon.pink .path1:before {color:#fa74b3;}
.icon-ribbon.yellow .path1:before {color:#feab1c;}
.icon-ribbon.green .path1:before {color:#4aa725;}
/* 2 color + white */
.icon-ribbon-3color .path1:before {content:"\ea33";}
.icon-ribbon-3color .path2:before {content:"\ea34"; color:#fff;}
.icon-ribbon-3color .path3:before {content:"\ea35"; color:#777;}
.icon-ribbon-3color.best .path1:before {color:#9122a6;}
.icon-ribbon-3color.best .path2:before {color:#fff038;}
.icon-ribbon-3color.best .path3:before {color:#c16ffc;}
/* 3 color + white */
.icon-ribbon-4color .path1:before {content:"\ea37";}
.icon-ribbon-4color .path2:before {content:"\ea38"; color:#999;}
.icon-ribbon-4color .path3:before {content:"\ea39"; color:#bbb;}
.icon-ribbon-4color .path4:before {content:"\ea3a"; color:#fff;}
.icon-ribbon-4color.black-yellow .path1:before {color:#333;}
.icon-ribbon-4color.black-yellow .path2:before {color:#c0c72f;}
.icon-ribbon-4color.black-yellow .path3:before {color:#fdec9a;}
/* 4 color */
.icon-ribbon-4color-b.spirit1 .path1:before {content:"\ea62"; color:#3f2118;}
.icon-ribbon-4color-b.spirit1 .path2:before {content:"\ea63"; color:#dc2e31;}
.icon-ribbon-4color-b.spirit1 .path3:before {content:"\ea64"; color:#febf00;}
.icon-ribbon-4color-b.spirit1 .path4:before {content:"\ea65"; color:#c05f6c;}
.icon-ribbon-4color-c.spirit2 .path1:before {content:"\ea52"; color:#00556a;}
.icon-ribbon-4color-c.spirit2 .path2:before {content:"\ea53"; color:#4abdff;}
.icon-ribbon-4color-c.spirit2 .path3:before {content:"\ea54"; color:#afe9f7;}
.icon-ribbon-4color-c.spirit2 .path4:before {content:"\ea55"; color:#389dae;}
/* banners */
.icon-ribbon-banner .path2:before {content:"\ea2f";}
.icon-ribbon-banner .path1:before {content:"\ea2e"; color:#ffca27;}
.icon-ribbon-banner .path3:before {content:"\ea30"; color:rgba(0,0,0,0.2);}
.icon-ribbon-banner .path2:before, .icon-ribbon-banner .path3:before {text-shadow:none;}
.icon-ribbon-banner.purple .path2:before {color:#c073e3;}
.icon-ribbon-banner.violet .path2:before {color:#d89edb;}
.icon-ribbon-banner.black .path2:before {color:#333;}
.icon-ribbon-banner.red .path2:before {color:#cd2145;}
.icon-ribbon-banner.orange .path2:before {color:#e36926;}
.icon-ribbon-banner.pale-orange .path2:before {color:#e89441;}
/* sashes */
.icon-ribbon-sash .path1:before {content:"\ea5b"; color:#ffca27;}
.icon-ribbon-sash .path2:before {content:"\ea5c"; color:#fff;}
.icon-ribbon-sash .path3:before {content:"\ea5d";}
.icon-ribbon-sash .path2:before, .icon-ribbon-sash .path3:before {text-shadow:none;}
.icon-ribbon-sash.purple .path3:before {color:#c073e3;}
.icon-ribbon-sash.violet .path3:before {color:#d89edb;}
/* purchase type */
.icon-promo:before {content:"\e973"; color:#f93f3f;}
.icon-lease:before {content:"\ea3c"; color:#ff7705;}
.icon-trade .path1:before {content:"\ea36"; color:#65adf8;}
.icon-trade .path2:before {content:"\ea3b"; color:#86ab00;}
.icon-interest .path1:before {content:"\ea3d"; color:#c26839;}
.icon-interest .path2:before {content:"\ea3e"; color:#edc893;}
.icon-interest .path3:before {content:"\ea3f"; color:#fff;}
/* document font icons */
.ficon.icon-page.doc {width:22px; position:relative; line-height:26px; font-size:10px; text-align:center;}
.ficon.icon-page.doc:before {position:absolute; left:0; width:22px; font-weight:bold !important; font-size:23px;}
.ficon.icon-page.doc.excel {font-size:12px; color:#4da952;}
.ficon.icon-page.doc.excel:before {color:#4da952;}
.ficon.icon-page.doc.pdf {font-size:9px; color:#e72222;}
.ficon.icon-page.doc.pdf:before {color:#e72222;}
/* animal font icons */
.icon-alpaca-outline:before {content:"\e9c4";}
.icon-bird-outline:before {content:"\e9c5";}
.icon-bison-outline:before {content:"\e9c6";}
.icon-camel-outline:before {content:"\e9c7";}
.icon-cat-outline:before {content:"\e9c8";}
.icon-cattle-outline:before {content:"\e9c9";}
.icon-chicken-outline:before {content:"\e9ca";}
.icon-chinchilla-outline:before {content:"\e9cb";}
.icon-deer-outline:before {content:"\e9cc";}
.icon-dog-outline:before {content:"\e9cd";}
.icon-donkey-outline:before {content:"\e9ce";}
.icon-duck-outline:before {content:"\e9cf";}
.icon-emu-outline:before {content:"\e9d0";}
.icon-goat-outline:before {content:"\e9d1";}
.icon-goose-outline:before {content:"\e9d2";}
.icon-guineafowl-outline:before {content:"\e9d3";}
.icon-horse-outline:before {content:"\e9d4";}
.icon-llama-outline:before {content:"\e9d5";}
.icon-miniature-cattle-outline:before {content:"\e9d6";}
.icon-miniature-horse-outline:before {content:"\e9d7";}
.icon-mule-outline:before {content:"\e9d8";}
.icon-ostrich-outline:before {content:"\e9d9";}
.icon-paco-vicuna-outline:before {content:"\e9e7";}
.icon-peafowl-outline:before {content:"\e9da";}
.icon-quail-outline:before {content:"\e9dc";}
.icon-rabbit-outline:before {content:"\e9dd";}
.icon-reptile-outline:before {content:"\ea43";}
.icon-sheep-outline:before {content:"\e9de";}
.icon-swan-outline:before {content:"\e9df";}
.icon-swine-outline:before {content:"\e9db";}
.icon-turkey-outline:before {content:"\e9e0";}
.icon-yak-outline:before {content:"\e9e1";}
.icon-alpaca:before {content:"\e97a";}
.icon-bird:before {content:"\e97b";}
.icon-bison:before {content:"\e97c";}
.icon-camel:before {content:"\e97d";}
.icon-cat:before {content:"\e97e";}
.icon-cattle:before {content:"\e97f";}
.icon-chicken:before {content:"\e980";}
.icon-chinchilla:before {content:"\e9bf";}
.icon-deer:before {content:"\e981";}
.icon-dog:before {content:"\e982";}
.icon-donkey:before {content:"\e983";}
.icon-duck:before {content:"\e984";}
.icon-emu:before {content:"\e985";}
.icon-goat:before {content:"\e986";}
.icon-goose:before {content:"\e987";}
.icon-guineafowl:before {content:"\e988";}
.icon-horse:before {content:"\e989";}
.icon-llama:before {content:"\e98a";}
.icon-miniaturecattle:before {content:"\e98b";}
.icon-miniaturehorse:before {content:"\e98c";}
.icon-mule:before {content:"\e98d";}
.icon-ostrich:before {content:"\e98e";}
.icon-paco-vicuna:before {content:"\e9e8";}
.icon-peafowl:before {content:"\e98f";}
.icon-swine:before {content:"\e990";}
.icon-quail:before {content:"\e991";}
.icon-rabbit:before {content:"\e992";}
.icon-reptile:before {content:"\ea44";}
.icon-sheep:before {content:"\e993";}
.icon-swan:before {content:"\e994";}
.icon-turkey:before {content:"\e995";}
.icon-yak:before {content:"\e996";}
/* svg icons */
.icon-sign-alert {width:20px; height:20px; background:url(https://oh-cdn.azureedge.net/images/icon-alert.svg) no-repeat center top; background-size:100% auto;}
.icon-sign-alert.md {width:28px; height:28px;}
h2 .ficon {margin:0 5px;} /* detail page titles */
/* social icons - farm profiles */
.social-sharing a, .icon_social {background-size:cover !important;}
.social-sharing .ab a, .icon_social.ab {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-ab.svg);}
.social-sharing .em a {background:#f3c327 !important;/* email link button */}
.social-sharing .et a, .icon_social.et {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-et.svg);}
.social-sharing .fb a, .icon_social.fb {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-fb.svg?v=2);}
.social-sharing .fr a, .icon_social.fr {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-fr.svg);}
.social-sharing .gp a, .icon_social.gp {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-gp.svg?v=2);}
.social-sharing .ig a, .icon_social.ig {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-ig.svg);}
.social-sharing .in a, .icon_social.in {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-in.svg);}
.social-sharing .ms a, .icon_social.ms {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-ms.svg);}
.social-sharing .pt a, .icon_social.pt {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-pt.svg);}
.social-sharing .ri a, .icon_social.ri {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-ri.svg);}
.social-sharing .rv a, .icon_social.rv {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-rv.svg);}
.social-sharing .ss a, .icon_social.ss {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-ss.svg);}
.social-sharing .su a, .icon_social.su {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-su.svg);}
.social-sharing .ta a, .icon_social.ta {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-ta.svg);}
.social-sharing .tb a, .icon_social.tb {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-tb.svg);}
.social-sharing .tw a, .icon_social.tw {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-tw.svg);}
.social-sharing .vm a, .icon_social.vm {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-vm.svg);}
.social-sharing .vr a, .icon_social.vr {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-vr.svg);}
.social-sharing .yh a, .icon_social.yh {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-yh.svg);}
.social-sharing .yt a, .icon_social.yt {background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-yt.svg);}
/* raster icons */
.icon, .ap_icon, .viewmode-icon {display:inline-block; vertical-align:middle; background:url(https://oh-cdn.azureedge.net/images/icons.png?v=01-23-19); background-repeat:no-repeat; padding:0; margin:0; box-shadow:none; border:none; border-radius:0; text-decoration:none !important;}
.icon_note {display:inline-block; border-radius:2px; background-color:#fffdba; font-size:10px; line-height:9px !important; padding:2px 5px; text-align:center; border:1px solid #ccc; color:#555; cursor:default;}
.icon_note:before {content:"More...";}
.icon_list, .viewmode-icon, .product-selectors .product-viewmode a {width:36px !important; height:32px !important; background:rgba(0,0,0,0.06); margin-left:5px; cursor:pointer;}
.icon_list:before, .viewmode-icon:before, .product-selectors .product-viewmode a:before {display:block; text-align:center; font-size:28px; line-height:32px; color:#777; font-family:Openherd;}

.viewmode-icon.detail:before, .product-selectors .product-viewmode a.detail:before {content:"\e947";}
.viewmode-icon.grid:before, .product-selectors .product-viewmode a.grid:before {content:"\e948";}
.viewmode-icon.list:before, .product-selectors .product-viewmode a.list:before {content:"\e949";}

.icon_list:hover, .viewmode-icon:hover, .product-selectors .product-viewmode a:hover {background:rgba(0,0,0,0.1);}
.icon_list.active, .viewmode-icon.selected, .product-selectors .product-viewmode a.selected {background:rgba(0,0,0,0.5);}
.icon_list.active:before, .viewmode-icon.selected:before, .product-selectors .product-viewmode a.selected:before {color:#ccc;}
/* association logos */
.assoc-logo.aawo {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_aawo.png);}
.assoc-logo.aaww {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_aaww.png);}
.assoc-logo.aba {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_aba.png);}
.assoc-logo.abanc {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_abanc.png);}
.assoc-logo.abga {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_abga.png);}
.assoc-logo.abr {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_abr.png);}
.assoc-logo.adga {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_adga.png);}
.assoc-logo.afcna {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_afcna.png);}
.assoc-logo.agf {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_agf.png);}
.assoc-logo.agha {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_agha.png);}
.assoc-logo.akga {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_akga.png);}
.assoc-logo.amha {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_amha.png);}
.assoc-logo.amhr {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_amhr.png);}
.assoc-logo.ao {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_ao.png);}
.assoc-logo.aoa {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_aoa.png);}
.assoc-logo.aok {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_aok.png);}
.assoc-logo.aq {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_aq.png);}
.assoc-logo.arow {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_arow.png);}
.assoc-logo.as {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_as.png);}
.assoc-logo.caba {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_caba.png);}
.assoc-logo.cabo {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_cabo.png);}
.assoc-logo.calpaca {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_calpaca.png);}
.assoc-logo.eaa {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_eaa.png);}
.assoc-logo.faba {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_faba.png);}
.assoc-logo.gaa {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_gaa.png);}
.assoc-logo.ggboa {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_ggboa.png);}
.assoc-logo.glaa {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_glaa.png);}
.assoc-logo.iaa {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_iaa.png);}
.assoc-logo.iaoba {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_iaoba.png);}
.assoc-logo.ikga {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_ikga.png);}
.assoc-logo.iyak {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_iyak.png);}
.assoc-logo.kaa {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_kaa.png);}
.assoc-logo.maa {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_maa.png);}
.assoc-logo.maba {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_maba.png);}
.assoc-logo.mapaca {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_mapaca.png);}
.assoc-logo.mialpaca {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_mialpaca.png);}
.assoc-logo.mopaca {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_mopaca.png);}
.assoc-logo.ndga {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_ndga.png);}
.assoc-logo.neaoba {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_neaoba.png);}
.assoc-logo.njac {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_njac.png);}
.assoc-logo.nmab {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_nmab.png);}
.assoc-logo.npga {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_npga.png);}
.assoc-logo.nsaa {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_nsaa.png);}
.assoc-logo.nsba {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_nsba.png);}
.assoc-logo.paoba {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_paoba.png);}
.assoc-logo.pnaa {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_pnaa.png);}
.assoc-logo.ptha {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_ptha.png);}
.assoc-logo.sojaa {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_sojaa.png);}
.assoc-logo.surinetwork {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_surinetwork.png?v=04-29-21);}
.assoc-logo.txolan {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_txolan.png);}
.assoc-logo.uma {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_uma.png);}
.assoc-logo.usyaks {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_usyaks.png);}
.assoc-logo.vaoba {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_vaoba.png);}
.assoc-logo.wcmhr {background-image:url(https://oh-cdn.azureedge.net/images/_assoc_logos/logo_assoc_wcmhr.png);}
/* credit card icons */
.icon-credit-card {display:inline-block; vertical-align:middle; margin-right:10px; width:40px;}
.icon-credit-card:after {display:block; content:""; width:100%; padding-bottom:69%; background-repeat:no-repeat; background-position:left top; background-size:100% auto;}
.icon-credit-card.visa:after {background-image:url(https://oh-cdn.azureedge.net/images/icon-credit-card-visa.png) !important;}
.icon-credit-card.mastercard:after {background-image:url(https://oh-cdn.azureedge.net/images/icon-credit-card-mastercard.png) !important;}
.icon-credit-card.amex:after {background-image:url(https://oh-cdn.azureedge.net/images/icon-credit-card-amex.png) !important;}
.icon-credit-card.discover:after {background-image:url(https://oh-cdn.azureedge.net/images/icon-credit-card-discover.png) !important;}
.icon-credit-card.paypal:after {background-image:url(https://oh-cdn.azureedge.net/images/icon-credit-card-paypal.png) !important;}
.icon-credit-card img {width: 100%;}
/* package icon/header */
.pd-corner {position:absolute; z-index:4; top:0; left:0; background:url(https://oh-cdn.azureedge.net/images/icon-package.svg) no-repeat; background-size:100%;}
.pd-corner.sm {width:40px; height:40px;}
.pd-corner.md {width:55px; height:55px;}
.pd-corner.lg {width:80px; height:80px;}
.pd_header {position:relative; height:40px; line-height:190%; background-color:#e13431; border-bottom:4px solid #e0b07b; text-align:center;}
.pd_header:before {position:absolute; z-index:1; top:50%; left:10%; display:block; content:""; background-color:rgba(255,255,255,0.3); height:1px; width:80%;}
.pd_header:after {position:relative; z-index:2; top:20%; display:inline-block; height:60%; padding:0 0.3em; content:"PACKAGE"; font-family:roboto; font-weight:700; color:#ffc715; font-size:1.3em; line-height:120%; background-color:#e13431;}


/* |||||||||| Tooltip Note |||||||||| */
.tt_attach, .qv_attach {display:inline-block; position:relative;}
.tt_attach:hover, .qv_attach:hover {z-index:9999;}
.tt_attach:hover .tt_note {display:block !important;}
.tt_note {position:absolute; left:0; top:-30px; width:250px; z-index:9999; background-color:#fffdba; box-shadow:0 10px 20px rgba(0,0,0,0.3); padding:20px; line-height:18px;}


/* |||||||||| Sticky Note |||||||||| */
.attach {position:relative; z-index:1;}
.attach:hover {z-index:9998;}
.hovernote {display:none; position:absolute; left:20px; top:5px; width:200px; padding:10px; background-color:#fff6c1; text-align:left; box-shadow:0 3px 8px rgba(0,0,0,0.2);}
.hovernote.right {right:20px; left:auto;}
.attach:hover .hovernote {display:block;}


/* |||||||||| Heredity Pop Panel |||||||||| */
.quickview {display:none; position:absolute; z-index:9999; right:100%; top:-120px; width:430px; height:480px;}
.qv_attach:hover .quickview {display:inline-block;}
.quickview:before, .quickview:after {display:none; content:""; width:28px; height:28px; right:16px; position:absolute; top:116px; transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.qv_attach:hover .quickview:before, .qv_attach:hover .quickview:after {display:block;}
.quickview:before {box-shadow:0 5px 20px rgba(0,0,0,0.6); z-index:1;}
.quickview:after {background-color:#f8f8f8; z-index:3;}
.quickview .content {position:absolute; z-index:2; left:0; top:0; width:400px; height:480px; background-color:#f8f8f8; border-radius:4px; box-shadow:0 5px 20px rgba(0,0,0,0.6); overflow:hidden; padding:20px 20px 30px;}
.quickview h2 {font-size:18px; margin:3px 0 8px;}
.quickview h3 {font-size:14px;}
.quickview #photo {width:160px; float:left; margin:15px 12px 8px 0;}
.quickview .bar_female, .quickview .bar_male {height:6px;}
.quickview img {position:relative; z-index:4; width:100%;}
.quickview .description {margin-top:12px; padding-top:0; font-size:13px; line-height:18px; }
.quickview .qv_link {position:absolute; left:0; bottom:0; z-index:3; width:100%; padding:9px 0 11px; font-size:13px; background:#f1f1f1; text-align:right; border-top:1px solid #e1e1e1;}
.quickview .qv_link a {display:block; padding-right:20px;}


/* |||||||||| Simple Modal |||||||||| */
#slideshow, #cboxOverlay, #cboxWrapper, #simplemodal-overlay {position:absolute; top:0; left:0; z-index:9999 !important; overflow:hidden; outline:none;}
#simplemodal-overlay {background:#222; opacity:0.5;}
.simplemodal-container {z-index:9999 !important; background:#fff; overflow:hidden; box-shadow:0 4px 15px rgba(0,0,0,0.6); border-radius:3px; max-width:95%;}
.modal-body {background:#fff !important;} /* hide loading animation */
.ficon.close {position:absolute; z-index:2; right:15px; top:15px; cursor:pointer;}
.simplemodal-container #email {padding:0 30px;}
.simplemodal-container #email .inputs {margin-bottom:10px;}
/* full screen */
#simplemodal-overlay.fullscreen {background:rgba(255,255,255,0.9); opacity:1 !important;}
#simplemodal-container.fullscreen {width:100% !important; height:100% !important; border-radius:0; box-shadow:none; background:transparent; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important;}
#simplemodal-container.fullscreen .simplemodal-data, #simplemodal-container.fullscreen .simplemodal-container iframe {width:100%; height:100%;}
.modal_title {margin:0; padding:20px 30px;}
.modal-body {padding:20px 30px; font-size:14px;}
.modal-body p {padding-bottom:15px; line-height:21px;}


/* |||||||||| Item Photo modal |||||||||| */
#slideshow, #cboxOverlay, #cboxWrapper, #simplemodal-overlay, .mfp-bg {position:absolute; top:0; left:0; overflow:hidden; outline:none;}
#cboxOverlay, #simplemodal-overlay, .mfp-bg {background:#111; opacity:0.6;}
#slideshow, .mfp-content {top:30px; -moz-box-shadow:0 10px 50px rgba(0, 0, 0, 0.8); -webkit-box-shadow:0 10px 50px rgba(0, 0, 0, 0.8); box-shadow:0 10px 50px rgba(0, 0, 0, 0.8);}
#cboxWrapper, .mfp-content {background:#141414; border-top:1px solid rgba(50,50,50,0.5);}
#cboxOverlay, .mfp-bg {position:fixed; z-index:9998; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative; margin-top:72px; border-top:1px solid #222;}
#cboxLoadedContent {overflow:auto; padding:0;}
#cboxLoadedContent iframe {display:block; width:100%; height:100%; border:0;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow, button.mfp-arrow {cursor:pointer;} /* mfp = magnific popup. see magnific-popup.css */
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%;}
#cboxCurrent, .mfp-counter {position:absolute; top:-60px; left:10px; color:#7a7a7a; font-size:12px; font-family:arial, helvetica, verdana, sans-serif; white-space:nowrap;}
.mfp-counter {top:20px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, button.mfp-arrow {position:absolute; top:-60px; left:50%; height:20px;}
button.mfp-arrow {top:9px;}
#cboxSlideshow #start, #cboxSlideshow #stop, #cboxPrevious, #cboxNext, button.mfp-arrow {display:block; width:30px; height:30px; opacity:0.5;}
#cboxSlideshow #start:before, #cboxSlideshow #stop:before, #cboxPrevious:before, #cboxNext:before, button.mfp-arrow:before {font-family:openherd; font-size:20px; text-align:center; color:rgba(255,255,255,0.85);}
#cboxSlideshow #start:hover, #cboxSlideshow #stop:hover, #cboxPrevious:hover, #cboxNext:hover, button.mfp-arrow:hover {opacity:1;}
#cboxSlideshow {width:30px; margin-left:-15px;}
#cboxSlideshow #start, #cboxSlideshow #stop {top:-61px;}
#cboxSlideshow #start:before {content:"\e9b2"; font-size:24px;}
#cboxSlideshow #stop:before {content:"\e9b3"; font-size:24px;}
#cboxPrevious, button.mfp-arrow-left {width:20px; margin-left:-65px; transform:scaleX(-1);}
#cboxPrevious:before, button.mfp-arrow-left:before {content:"\e946";}
#cboxNext, button.mfp-arrow-right {width:20px; margin-left:45px;}
#cboxNext:before, button.mfp-arrow-right:before {content:"\e946";}
#cboxTitle, .mfp-title {position:absolute; top:-28px; left:3%; width:94%; text-align:center; color:#a2a2a2; font-size:14px; line-height:18px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#cboxLoadingGraphic {background:none;}
#cboxClose, .mfp-close {position:absolute; opacity:0.4; top:-65px; right:6px; display:block; width:24px; height:24px; overflow:hidden; font-size:0; border:none !important;}
#cboxClose:before, .mfp-close:before {content:"\e91a"; font-family:openherd; color:rgba(255,255,255,0.85); font-size:21px;}
#cboxClose:hover, .mfp-close:hover, .mfp-close:focus {opacity:1;}


/* |||||||||| Animal Profiles |||||||||| */
/* default photos */
.no_photo {position:relative; z-index:1; width:100%; background-color:#f3f3f3; height:0; padding-top:100%;}
.no_photo:after {position:absolute; top:0; display:block; width:100%; height:100%; content:""; background-position:50% 50%; background-repeat:no-repeat; background-size:100% auto;}
.profile {position:absolute; display:block; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%;}
.alpaca.profile, .alpaca .no_photo:after, .alpaca .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-alpaca.svg); opacity:0.2;}
.bird.profile, .bird .no_photo:after, .bird .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-bird.svg); opacity:0.2;}
.bison.profile, .bison .no_photo:after, .bison .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-bison.svg); opacity:0.2;}
.camel.profile, .camel .no_photo:after, .camel .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-camel.svg); opacity:0.2;}
.cat.profile, .cat .no_photo:after, .cat .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-cat.svg); opacity:0.2;}
.cattle.profile, .cattle .no_photo:after, .cattle .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-cattle.svg); opacity:0.2;}
.chicken.profile, .chicken .no_photo:after, .chicken .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-chicken.svg); opacity:0.2;}
.deer.profile, .deer .no_photo:after, .deer .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-deer.svg); opacity:0.2;}
.dog.profile, .dog .no_photo:after, .dog .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-dog.svg); opacity:0.2;}
.donkey.profile, .donkey .no_photo:after, .donkey .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-donkey.svg); opacity:0.2;}
.duck.profile, .duck .no_photo:after, .duck .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-duck.svg); opacity:0.2;}
.emu.profile, .emu .no_photo:after, .emu .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-emu.svg); opacity:0.2;}
.goat.profile, .goat .no_photo:after, .goat .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-goat.svg); opacity:0.2;}
.goose.profile, .goose .no_photo:after, .goose .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-goose.svg); opacity:0.2;}
.guineafowl.profile, .guineafowl .no_photo:after {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-guineafowl.svg); opacity:0.2;}
.horse.profile, .horse .no_photo:after, .horse .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-horse.svg); opacity:0.2;}
.llama.profile, .llama .no_photo:after, .llama .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-llama.svg); opacity:0.2;}
.miniature.cattle.profile, .miniature.cattle .no_photo:after, .miniature.cattle .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-miniature-cattle.svg); opacity:0.2;}
.miniature.horse.profile, .miniature.horse .no_photo:after, .miniature.horse .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-miniature-horse.svg); opacity:0.2;}
.mule.profile, .mule .no_photo:after, .mule .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-mule.svg); opacity:0.2;}
.ostrich.profile, .ostrich .no_photo:after, .ostrich .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-ostrich.svg); opacity:0.2;}
.paco-vicuna.profile, .paco-vicuna .no_photo:after, .paco-vicuna .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-animal-pacovicuna.svg); opacity:0.2;}
.peafowl.profile, .peafowl .no_photo:after, .peafowl .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-peafowl.svg); opacity:0.2;}
.pig.profile, .swine .no_photo:after, .swine .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-pig.svg?v=10-22-19); opacity:0.2;}
.quail.profile, .quail .no_photo:after, .quail .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-quail.svg); opacity:0.2;}
.rabbit.profile, .rabbit .no_photo:after, .rabbit .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-rabbit.svg); opacity:0.2;}
.sheep.profile, .sheep .no_photo:after, .sheep .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-sheep.svg); opacity:0.2;}
.swan.profile, .swan .no_photo:after, .swan .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-swan.svg); opacity:0.2;}
.turkey.profile, .turkey .no_photo:after, .turkey .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-turkey.svg); opacity:0.2;}
.yak.profile, .yak .no_photo:after, .yak .icon_animal {background-image:url(https://oh-cdn.azureedge.net/images/_animal/icon-yak.svg); opacity:0.2;}
.no_photo.generic:after {background-image:url(https://oh-cdn.azureedge.net/images/icon_camera_lg.png); background-size:auto; opacity:0.2;} /* add class "animal" to all animal listsings */
/* packages */
.no_photo.pkg:after, .item_detail .no_photo.pkg:after {background-image:url(https://oh-cdn.azureedge.net/images/pkg-default-thumb.png) !important; background-size:100% auto; background-color:#edebe9; opacity:1;}
/* default video */
#no_video {position:relative; width:100%; height:100%;}
#no_video:before {position:absolute; z-index:1; left:50%; top:50%; margin:-60px 0 0 -60px; display:block; width:120px; height:120px; content:""; border-radius:60px; background-color:#bbb;}
#no_video:after {position:absolute; z-index:2; left:50%; top:50%; margin:-28px 0 0 -17px; width:47px; height:56px; content:""; background-color:#efefef;}
#no_video span:before, #no_video span:after {position:absolute; z-index:3; left:50%; top:50%; width:56px; height:32px; content:""; background-color:#bbb;}
#no_video span:before {-ms-transform:rotate(31deg); transform:rotate(31deg); margin:-44px 0 0 -13px;}
#no_video span:after {-ms-transform:rotate(-31deg); transform:rotate(-31deg); margin:12px 0 0 -13px;}
#no_video div:after {position:absolute; z-index:4; left:50%; top:50%; margin:-12px 0 0 -150px; width:300px; content:"Sorry, video is unavailable."; text-align:center; color:#777; font-size:18px; font-family:'helvetica neue', helvetica, arial, sans-serif;}
/* products/services */
.store .no_photo:after, .no_photo.store:after {background-image:url(https://oh-cdn.azureedge.net/images/store-default-thumb.png); background-size:100% auto; opacity:1;}
/* lists */
.t_photo_sml .no_photo, .d_photo_sml .no_photo {width:80px; padding-top:110%;} /* 80px thumbs */
.t_photo_sml .no_photo:after, .d_photo_sml .no_photo:after {background-size:90% auto;} /* 80px thumbs */
.d_photo .no_photo {height:75px;}


/* |||||||||| left col categories |||||||||| */
/* loading data */
.loading-data {position:relative; width:65%; height:12px; border-radius:10px; background:rgba(0,0,0,0.1); margin:48px 0 72px;}
.loading-data:before, .loading-data:after {position:absolute; display:block; content:""; width:130%; height:12px; background:rgba(0,0,0,0.1); border-radius:10px;}
.loading-data:before {top:-24px;}
.loading-data:after {top:24px; width:120%;}
/* articles */
.loading-data.article-list {width:55px; height:50px; margin:12px 0; border-radius:0; box-sizing:content-box; -webkit-animation:none !important; -moz-animation:none !important; -o-animation:none !important; animation:none !important;}
.loading-data.article-list:before {left:65px; top:5px;}
.loading-data.article-list:after {left:65px; top:50%;}

.loading-data {-webkit-animation:pulse1 5s infinite linear; -moz-animation:pulse1 5s infinite linear; -o-animation:pulse1 5s infinite linear; animation:pulse1 5s infinite linear;}
.loading-data:before {-webkit-animation:pulse2 5s infinite linear; -moz-animation:pulse2 5s infinite linear; -o-animation:pulse2 5s infinite linear; animation:pulse2 5s infinite linear;}
.loading-data:after {-webkit-animation:pulse3 5s infinite linear; -moz-animation:pulse3 5s infinite linear; -o-animation:pulse3 5s infinite linear; animation:pulse3 5s infinite linear;}

@keyframes pulse1 {0% {width:30%;} 30% {width:65%;} 35% {width:65%;} 37% {width:60%;} 45% {width:65%;} 55% {width:65%;} 77% {width:65%;} 80% {width:60%;} 100% {width:65%;}}
@keyframes pulse2 {0% {width:85%;} 20% {width:130%;} 30% {width:130%;} 32% {width:110%;} 50% {width:120%;} 60% {width:120%;} 70% {width:130%;} 72% {width:120%;} 80% {width:130%;} 100% {width:130%;}}
@keyframes pulse3 {0% {width:20%;} 30% {width:90%;} 35% {width:100%;} 37% {width:95%;} 45% {width:120%;} 55% {width:120%;} 77% {width:110%;} 80% {width:120%;} 100% {width:120%;}}



/* |||||||||| animal categories |||||||||| */
#dv-herdlist {font-size:14px;}
.lcat label {font-size:16px; line-height:24px;}
.lcat label a {color:inherit; text-decoration:none;} /* old cats */
.lcat a.breedingchart {display:block !important; margin:7px 0;}
.lcat a.breedingchart .icon-bred {margin:-2px 0 0 5px;}
.lcat a.breedingchart .icon-bred:before, .list_wrap .icon-bred:before {font-size:20px; line-height:20px;}
.lcat label span, .lcat .subcats li span, .lcat .subcats li h4 span, .lcat .subcats h6 span, .store-menu-l2 h4 span, span.count, .block .list li a span {font-size:0.7rem; opacity:0.7; font-weight:normal !important; margin-left:3px; font-family:'helvetica neue', helvetica, arial, sans-serif;}
.lcat .subcats h6 a {display:inline-block;}
.lcat .subcats ul {margin:6px 0 4px;}
.lcat .subcats ul li {font-size:14px; line-height:17px; margin-top:4px;}
.lcat .subcats ul li a.breed {color:rgba(0,0,0,0.8);}
.lcat .subcats ul li ul {margin:4px 0 0;}
.lcat .subcats ul li ul li {line-height:16px; margin:0 0 0 12px;}
.lcat .subcats ul li ul li ul {margin:2px 0 6px;}
.lcat .subcats ul li ul li ul li {font-size:13px; line-height:16px; margin:0 0 0 12px;}
.lcat .subcats ul li ul li ul li a {opacity:0.8;}


/* |||||||||| animal lists |||||||||| */
.bar_female {height:8px; background-color:#ffafed;}
.bar_male {height:8px; background-color:#91c8ff;}
.list_wrap .bar_female, .list_wrap .bar_male {height:4px;}
.list_wrap {clear:both;}
/* detail view */
.list_wrap, .d_cell {font-size:0;}
.d_cell {position:relative; display:table; border-collapse:separate; width:100%; padding:5px 0 15px; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.08);}
.d_photo {display:table-cell; vertical-align:top; width:150px; max-height:150px; overflow:hidden;}
.d_photo img {width:100%;}
.d_info {display:table-cell; vertical-align:top; padding:0 40px 0 20px; font-size:13px;}
.dv_heredity {line-height:15px; margin:8px 0;}
.d_name {margin:3px 0 5px; font-size:17px;}
.d_pricing {float:right; vertical-align:top; min-width:100px; font-size:14px;}
.d_pricing .larger {font-size:16px; padding-bottom:4px;}
.d_pricing .larger .np {font-size:14px; white-space:nowrap;}
.d_pricing .caption {font-style:italic; font-size:0.9em;}
.d_distance {margin-top:5px;}
.d_info p {line-height:15px;}
/* thumb view */
#animal_page .thumb-view {margin:0 -10px;}
.t_cell {position:relative; display:inline-block; width:calc(25% - 20px); vertical-align:top; margin:10px; font-size:13px;}
.t_photo {position:relative; width:100%; margin:0 auto; overflow:hidden;}
.t_photo img, .t_photo .no_photo {width:100%; margin:auto;}
.t_info {padding-top:5px;}
.t_name {margin:2px 0 1px; font-size:0.9rem; line-height:1.2rem;}
.t_name .ficon {margin-right:5px;}
.t_price {font-size:115%; margin-top:0.4em;}
.t_fee {margin-top:0.4em;}
/* auctions */
.auctions .t_name a:not(:hover) {color:#fff;}
.auctions .t_price {color:#fff;}
.ap_bidding_panel .ending, .ap_bidding_panel .closed, .tv_time .ending, .tv_time .closed {color:#FF2717 !important;} /* bright red */
.auctions .corner_noreserve, .auctions .corner_noreserve_lrg {position:absolute; left:0; top:0; z-index:2; width:60px; height:60px; background:url(https://oh-cdn.azureedge.net/images/icon_noreserve_lrg.png) no-repeat 0 0;}
.auctions .t_price .color34 {font-weight:normal !important; font-size:0.9em;}
/* list view */
.list_wrap table.list-view {width:100%; font-size:13px;}
.list_wrap table.list-view tr {height:40px;}
.list_wrap table.list-view tr td {padding-right:10px; border-bottom:1px solid rgba(0,0,0,0.05);}
.list_wrap table.list-view tr.header-row td {padding:5px 10px 6px 0; color:rgba(0,0,0,0.5);}
.list_wrap table.list-view tr td:last-child {padding-right:0;}
.l_sex {width:15px; padding-right:0 !important;}
.list-view td.l_sex .bar_male, .list-view td.l_sex .bar_female, .grid .bar_male, .grid .bar_female {display:inline-block; height:8px !important; width:8px; margin-right:7px; border-radius:8px;}
.l_breed {width:20%;}
.l_gender {width:15%;}
.l_color {width:18%;}
.l_age {width:7%;}
.l_icon {width:20px;}
.l_size {width:40px;}
.l_price {width:8%; text-align:right;}
/* responsive list view (search pages) */
.list-view-es {display:table; width:100%;}
.l_row {display:table-row; border-collapse:separate; width:100%; font-size:12px;}
.l_cell {display:table-cell; vertical-align:top; line-height:17px; padding:8px 10px 8px 0; border-bottom:1px solid rgba(0,0,0,0.08);}
.l_cell:last-child {padding-right:0;}
#results .l_row:last-child .l_cell {border-bottom:none;}
.l_cell h3, .l_cell h4 {margin:0; font-weight:normal;}
.l_cell p {padding:0;}
.l_cell.l_logo {width:40px; padding-right:15px;}
.l_cell.l_logo span {display:block; width:40px; height:40px; border-radius:100%; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.l_cell.l_farmnames {width:35%;}
.l_cell.l_farmnames h3 {font-size:14px; line-height:15px; margin-bottom:3px;}
.l_cell.l_farmnames .l_icons {display:inline-block; margin-left:5px;}
.l_cell.l_farmcitystate {}
.l_cell.l_herdinfo {white-space:nowrap;}
.l_cell.l_herdinfo h4, .l_cell.l_servicesinfo h4 {color:#555;}
.l_cell.l_herdinfo span, .l_cell.l_servicesinfo span {font-family:Roboto; font-weight:300; display:block;}
.l_cell.l_herdinfo h4 span {display:inline;}
.l_cell.l_dist {width:50px;}
/* stats formatting */
.p_vb:before {content:" | ";}
.p_cm:before {content:", ";}
.p_pt:before {content:" (";}
.p_pt:after {content:")";}
.list_wrap div.stats span:first-child:before {content:"" !important;} /* responsive div layout */
.list_wrap .dv_stats span.p_vb:before, .list_wrap table.list-view tr td span.p_vb:before, .list_wrap table.list-view tr td span.p_cm:before, .list_wrap table.list-view tr td span.p_pt:before, .list_wrap table.list-view tr td span.p_pt:after {content:"" !important;} /* hide punctuation in table list view */
.list_wrap table.list-view tr td .quickview .p_vb:before {content:" |  " !important;}
.list_wrap table.list-view tr td .quickview .p_cm:before {content:", " !important;}
.list_wrap table.list-view tr td .quickview .p_pt:before {content:" (" !important;}
.list_wrap table.list-view tr td .quickview .p_pt:after {content:")" !important;}
.list_wrap table.list-view tr td .quickview .stats span:first-child:before {content:"" !important;}


/* |||||||||| breeding chart |||||||||| */
#breeding-chart {padding-top:20px;}
.breeding-chart #filters a, .breeding-chart #filters span {display:inline-block;}
.breeding-chart #filters a {font-size:0.9em;}
.breeding-chart .list_wrap table.list-view tr.header {height:auto;}
.breeding-chart .grid_duedate {padding-right:20px !important;}
.breeding-chart .grid_note {max-width:200px;}
.breeding-chart .hovernote {right:5px !important;}
.breeding-chart .icon-page-text:before {color:#555;}


/* |||||||||| animal detail |||||||||| */
/* epd colors */
span.bubble.epd.blue {background-color:#0052b8; color:#fff;}
span.bubble.epd.red {background-color:#dd0b2d; color:#fff;}
span.bubble.epd.orange {background-color:#df7b00; color:#fff;}
span.bubble.epd.pink {background-color:#e37392; color:#fff;}
span.bubble.epd.green {background-color:#418e00; color:#fff;}
.epd-blue_bg {background-color:#0052b8 !important; color:#fff;}
.epd-red_bg {background-color:#dd0b2d !important; color:#fff;}
.epd-orange_bg {background-color:#df7b00 !important; color:#fff;}
.epd-pink_bg {background-color:#e37392 !important; color:#fff;}
.epd-green_bg {background-color:#418e00 !important; color:#fff;}
/* document icons */
.documents .ficon {width:50px; text-align:center; margin-left:-5px;}
.documents .ficon:before {font-size:32px;}
/* external links */
#external-links {padding:15px 0;}
#external-links a {display:inline-block; margin:0px 15px 15px 0; min-width:140px; text-align:center;}
#external-links .ficon {margin-right:8px;}
#external-links .ficon:before {color:#333; font-size:30px; line-height:48px; width:35px; cursor:pointer;}
/* awards */
#awards {margin-left:25px;}
#awards div {margin-bottom:8px; font-size:12px; text-indent:-25px; line-height:18px;}
#awards img {margin:-2px 3px -6px 0;}
#awards img.blank {width:19px; height:24px;}
#awards h4 {margin:16px 0 10px 0;}
/* auction bid panel */
.auction-bid-panel {margin:20px 0;}
.auction-bid-panel h3 {background:#333; color:#fff; line-height:30px; font-size:16px; padding:5px 10px;}
.auction-bid-panel h3 .ficon {vertical-align:top; line-height:30px; margin-right:5px;}
.auction-bid-panel h3 .ficon:before {color:#ffcc00; font-size:24px; vertical-align:inherit; font-weight:bold !important;}
.auction-bid-panel .bid-details {padding:20px;}
.auction-bid-panel .auction-details td {padding:5px 0;}
.auction-bid-panel .auction-details td:first-child {width:110px; padding-right:10px;}
/* animal list bid panel */
.d_cell .auction-bid-panel h3 {font-size:15px;}
.d_cell .auction-bid-panel .bid-details {padding:0 20px 10px; font-size:12px; line-height:14px;}


/* |||||||||| user pages |||||||||| */
/* left col */
.side-2 .left-info-wrap ul li {padding:12px 0; clear:both;}
.side-2 .left-info-wrap.blog-info-wrap li {padding:2px 0;}
.side-2 .left-info-wrap ul li a:after {display:block; clear:both; content:"";}
.side-2 .left-info-wrap ul li .list-thumb {display:inline-block; float:left; width:55px; overflow:hidden; height:55px; background-repeat:no-repeat; background-position:50%; background-size:cover; margin-right:10px;}
/* sub page nav */
.fv_subnav {margin:20px 0 20px 20px;}
.fv_subnav .panel_body {padding:5px 10px 20px;}
.fv_subnav ul {margin-left:10px;}
.fv_subnav li {font-size:12px !important; line-height:13px; padding:3px 0;}


/* |||||||||| albums |||||||||| */
/* album list */
.album_page #page {overflow:visible;}
/* Albums */
.side-2 #albumList li .description {padding-top:0; line-height:1.4;}
.side-2 #albumList ul li p.last-updated {font-size:11.5px;}
.side-2 #albumList ul li p:after {display:block; clear:both; content:"";}
.albums {margin:20px 0 20px -20px;}
.albums .album_cell {position:relative; z-index:4; display:inline-block; width:calc(25% - 20px); padding-top:calc(25% - 20px); margin:0 0 20px 20px; background-color:#eee; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.12);}
.albums .album_cell a {position:absolute; top:0; right:0; bottom:0; left:0;}
.albums .album_thumb_wrapper {background-position:50% 50%; background-size:cover; background-repeat:no-repeat; width:100%; height:100%;}
.albums .album_info {position:absolute; z-index:6; bottom:0; width:100%; min-height:25px; color:#fff; padding:25px 10px 4px; overflow:hidden; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); background-image:-ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));}
.albums .album_caption {display:block; max-height:43px; padding-bottom:1px; overflow:hidden; font-size:13px; line-height:14px; opacity:0.8; text-shadow:0 1px 4px rgba(0,0,0,0.4);}
.albums .album_info hr {border:1px solid #fff; opacity:0.4; border-width:0 0 1px; font-size:0; height:1px; line-height:0; margin:3px 0 4px;}
.albums .album_extras {position:relative; bottom:1px; height:16px; font-size:11px;}
.albums .album_date {position:absolute; left:0; top:2px; opacity:0.8;}
.albums .slideshow_icon {position:absolute; z-index:7; bottom:4px; right:35px; display:block; width:18px; height:14px; padding:2px 5px;}
.albums .slideshow_icon a {opacity:0.7; display:block; width:18px; height:14px; background:url(/images/icons.png) no-repeat -307px -8px;}
.albums .slideshow_icon a:hover {opacity:1;}
.albums .album_count {position:absolute; right:0; top:1px; opacity:0.8;}
/* album detail */
#caption_toggle {float:right;}
.album {margin:20px 0 20px -10px;}
.album .album_photo_cell {position:relative; display:inline-block; width:calc(33.33% - 5px); padding-top:calc(33% - 2px); overflow:hidden; margin:0 0 2px 5px; background-color:#eee; box-shadow:0 2px 8px rgba(0,0,0,0.12);}
.album .album_photo_cell a {position:absolute; z-index:3; top:0; right:0; bottom:0; left:0; display:block; width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-position:center center;}
.album .album_photo_thumb {background-position:50% 50%; background-size:cover; background-repeat:no-repeat; height:100%; width:100%;}
.album .album_photo_info {display:none; position:absolute; z-index:4; bottom:0; width:100%; min-height:50px; padding:20px 8px 8px; color:#e9e9e9; overflow:hidden; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); background-image:-ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));}
.album .album_photo_caption {display:block; max-height:60px; overflow:hidden; text-shadow:0 1px 4px rgba(0,0,0,0.5);}
a.cboxElement:hover .album_photo_info {display:block !important;}
#album_play.ficon:before {vertical-align:inherit; color:inherit; line-height:inherit; opacity:0.8; cursor:pointer; margin-top:-10px; font-size:20px;}


/* |||||||||| events |||||||||| */
.event {margin-top:40px;}
.event td {vertical-align:top; text-align:left;}
.event td.event_date {width:15%; padding-right:4%;}
.event td.event_info {width:55%; padding:0 40px 32px 0; word-break:break-word;}
.event td.event_info h2 {margin:0 0 15px;}
.event td.event_info .website {margin:12px 0 10px; font-size:14px;}
.event td.event_details {width:35%; min-width:200px; padding-bottom:40px; line-height:1.5em; word-break:break-word;}
.event td.event_details div {margin-bottom:15px;}
.event td.event_details .event-image {margin-bottom:20px;}
.event td.event_details .event-image img {width:100%; margin-bottom:5px;}
.event td.event_details .event-image .event-photo p {font-style:italic;}
.event .event-icon {display:inline-block; vertical-align:middle; width:100%; max-width:100px; background-color:#fff; box-shadow:0 1px 15px rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.07); overflow:hidden; text-align:center; font-family:'helvetica neue', helvetica, arial, sans-serif;}
.event .event-icon .month {display:block; background-color:#e8564e; font-size:17px; text-transform:uppercase; letter-spacing:0.5px; color:#fff; padding:4% 0; line-height:120%;}
.event .event-icon .day {font-size:36px; color:#555; padding:10% 0; line-height:120%;}


/* |||||||||| Responsive |||||||||| */
@media screen and (max-width:1320px) {
    .fv-page .event .event-icon .month {font-size:13px;}
    .fv-page .event .event-icon .day {font-size:28px;}
    .albums .album_cell {width:calc(33.3% - 20px); padding-top:calc(33.3% - 20px);}
}

@media screen and (max-width:1024px) {
    .user-page .side-2 .left-info-wrap ul li {display:inline-block; width:calc(33.33% - 20px); vertical-align:top; text-align:left;}
    .side-2 #childLinks.text-list ul {text-align:center;}
    .user-page .side-2 .left-info-wrap ul li ul li, .user-page .side-2 #childLinks.text-list ul li {width:100% !important;}
    .qv_attach:hover .quickview, .qv_attach:hover .quickview {display:none;}
}

@media screen and (max-width:975px) {
    .event .event-icon {min-width:70px; max-width:90px;}
    .event .event-icon .month {font-size:13px;}
    .event .event-icon .day {font-size:28px;}
}

@media screen and (max-width:800px) {
    .user-page .side-2 .left-info-wrap ul li {width:calc(50% - 20px);}
}

@media screen and (max-width:768px) {

}

@media screen and (max-width:640px) {
    .t_cell {width:calc(33% - 20px);}
    .album .album_photo_cell {width:calc(50% - 10px); padding-top:calc(50% - 10px);}
    .event td.event_info, .event td.event_details {display:block; width:100%;}
    .event td.event_info {border-bottom:none !important;}
    .event td.event_info, .event td.event_details {padding-bottom:20px;}
}

@media screen and (max-width:580px) {
    .user-page .side-2 .left-info-wrap ul li {width:100%;}
    .breeding-chart h2, .breeding-chart #filters, .breeding-chart #filters a, .breeding-chart #filters span {display:block; float:none; margin-bottom:15px;}
    /* breeding chart */
    #breeding-chart {padding-top:10px;}
}

@media screen and (max-width:480px) {
    .albums .album_cell {width:calc(50% - 20px); padding-top:calc(50% - 20px);}
    .d_photo {display:inline-block; float:left; margin:0 20px 10px 0;}
    .d_info {display:inline;}
    .d_pricing {display:block; float:none;}
}

@media screen and (max-width:380px) {
    .breadcrumb {margin-bottom:20px;}
    .breadcrumb.c {margin-bottom:0;}
    #breadcrumb-links {position:absolute; left:20px; top:65px;}
    #breadcrumb-links, .breadcrumb #breadcrumb-links ul li {line-height:18px;}
    .t_cell {width:calc(50% - 20px);}
    .d_photo {display:block; float:none; margin:0;}
    .albums .album_cell {width:calc(100% - 20px); padding-top:calc(100% - 20px);}
    .album .album_photo_cell {width:calc(100% - 10px); padding-top:calc(100% - 10px);}
}