/*
 * Color defaults
 * Theme : John Pye Auctions (Master)
*/
body, h1, h2, h3, h4, h5, h6, input, textarea {
  color: #333; }

h3.phrase,
.alert {
  color: #b70e0c; }

.hint-text {
  color: #d8d8d8; }

/*
 * Layout
*/
.title-image {
  border-bottom: 1px solid #b70e0c; }

.archive-image-title {
  background: rgba(255, 255, 255, 0.7); }

/*
 * Default Link Style
*/
a:link, a:visited, a:focus {
  color: #666; }

a:hover, a:active {
  color: #b70e0c; }

.share-buttons svg {
  color: #666; }

/*
 * Menu colours
*/
.toolbar-menu-wrap {
  border-bottom: 2px solid #b70e0c; }

ul.toolbar li a:link, ul.toolbar li a:visited, ul.toolbar li a:focus {
  color: #999; }

ul.toolbar li a:hover, ul.toolbar li a:active {
  color: #333; }

ul.toolbar li ul.toolbar-menu {
  background: #fff;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); }

ul.toolbar li ul.toolbar-menu li {
  border-bottom: 1px solid #e8e8e8; }

ul.toolbar li ul.toolbar-menu li.active,
ul.toolbar li ul.toolbar-menu li:hover {
  background: #b70e0c; }

ul.toolbar li ul.toolbar-menu li.active a,
ul.toolbar li ul.toolbar-menu li:hover a {
  color: #fff; }

ul.toolbar li ul.toolbar-menu li strong,
ul.toolbar li ul.toolbar-menu li:hover strong,
ul.toolbar li ul.toolbar-menu li:focus strong {
  background: #fff;
  color: #333; }

ul.toolbar li ul.toolbar-menu li strong a.close svg,
ul.toolbar li ul.toolbar-menu li strong a.close:visited svg,
ul.toolbar li ul.toolbar-menu li strong a.close:focus svg {
  color: #999; }

ul.toolbar li ul.toolbar-menu li strong a.close:hover svg,
ul.toolbar li ul.toolbar-menu li strong a.close:active svg {
  color: #b70e0c; }

ul.toolbar li:first-child {
  border-left: 1px solid #e8e8e8; }

ul.toolbar li {
  border-right: 1px solid #e8e8e8; }

/*
 * main menu colours
*/
.primary-menu {
  color: #fff;
  background: #333;
  border-bottom: 1px solid #b70e0c; }

.menu-bars svg {
  color: #fff; }

.menu-wrap ul li:first-child {
  border-top: 1px solid #3e3e3e; }

.menu-wrap ul li {
  border-bottom: 1px solid #3e3e3e;
  background: #333; }

.menu-wrap ul li.highlight ul.sub-menu li a,
.menu-wrap ul li.highlight ul.sub-menu li ul.sub-menu li a,
.menu-wrap ul li a, .menu-wrap ul li a:visited, .menu-wrap ul li a:focus {
  color: #fff; }

.menu-wrap ul li.highlight a,
.menu-wrap ul li.highlight ul.sub-menu li.highlight a,
.menu-wrap ul li.highlight ul.sub-menu li.highlight ul.sub-menu li.highlight a {
  color: #fff; }

.menu-wrap ul li.highlight a:hover,
.menu-wrap ul li.highlight ul.sub-menu li.highlight a:hover,
.menu-wrap ul li.highlight ul.sub-menu li.highlight ul.sub-menu li.highlight a:hover,
.menu-wrap ul li.highlight ul.sub-menu a:hover,
.menu-wrap ul li a:hover, .menu-wrap ul li a:active {
  color: #fff;
  background: #b70e0c; }

.menu-wrap ul li.highlight .expand_btn svg {
  color: #fff; }

ul.side_menu li a,
ul.side_menu li a:visited,
ul.side_menu li a:focus {
  background: #fff;
  color: #999; }

ul.side_menu li a:hover,
ul.side_menu li a:active {
  text-decoration: none;
  background: #b70e0c;
  color: #fff; }

ul.side_menu li {
  border-top: 1px solid #e8e8e8; }

ul.side_menu li:last-child {
  border-bottom: 1px solid #e8e8e8; }

/*
 * featured
*/
.featured-item,
.featured-item h2,
.featured-item h3 {
  background: #333;
  color: #fff; }

.ftd-detail {
  background: #333;
  border-bottom: 1px solid #3e3e3e; }

.ftd-detail:last-child {
  border-bottom: 0px solid #3e3e3e; }

.grey-bg {
  background: #e8e8e8; }

/*
 * footer
*/
.footer {
  background: #333;
  color: #fff; }

.footer-upper {
  border-bottom: 1px solid #3e3e3e; }

.footer-upper h2 {
  color: #fff; }

.footer-lower,
.footer-social,
.footer-accred {
  border-top: 1px solid #3e3e3e; }

.footer-mid a, .footer-mid a:visited, .footer-mid a:focus {
  color: #fff; }

.footer-mid a:hover, .footer-mid a:active {
  color: #e8e8e8; }

/*
 * inputs
*/
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="range"],
input[type="url"],
select,
textarea {
  background: #fff;
  border: 1px solid #e8e8e8; }

/*
 * button
*/
a.button,
a.button:visited,
a.button:focus {
  background: #b70e0c;
  color: #fff; }

a.button:hover,
a.button:active {
  background: #cf110f;
  color: #fff; }

a.button.secondary,
a.button.secondary:visited,
a.button.secondary:focus {
  background: #ccc;
  color: #fff; }

a.button.secondary:hover,
a.button.secondary:active {
  background: #b70e0c;
  color: #fff; }

button[type="submit"]#search-btn {
  background: #b70e0c;
  color: #fff;
  border-top: 1px solid #b70e0c;
  border-right: 1px solid #b70e0c;
  border-bottom: 1px solid #b70e0c;
  border-left: 1px solid #b70e0c;
  transition: 0.3s all ease-in-out; }

button[type="submit"]#search-btn:hover {
  background: #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #fff;
  transition: 0.3s all ease-in-out; }

input[type="submit"].primary-btn,
input[type="submit"].secondary-btn,
input[type="button"].primary-btn,
input[type="button"].secondary-btn,
a.primary-btn,
a.primary-btn:visited,
a.primary-btn:focus,
a.secondary-button-btn {
  /*background:none;*/ }

input[type="submit"].primary-btn,
input[type="button"].primary-btn,
a.primary-btn, a.primary-btn:visited, a.primary-btn:focus {
  background: #b70e0c;
  color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24), 0 1px 4px 0 rgba(0, 0, 0, 0.19); }

.slide_overlay a.primary-btn, .slide_overlay a.primary-btn:visited, .slide_overlay a.primary-btn:focus {
  background: #b70e0c;
  color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24), 0 1px 4px 0 rgba(0, 0, 0, 0.19); }

input[type="submit"].primary-btn:hover,
input[type="button"].primary-btn:hover,
a.primary-btn:hover,
a.primary-btn:active {
  background: #de1210;
  color: #fff;
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.24), 0 0px 1px 0 rgba(0, 0, 0, 0.19); }

.slide_overlay a.primary-btn:hover,
.slide_overlay a.primary-btn:active {
  background: #de1210;
  color: #fff;
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.24), 0 0px 1px 0 rgba(0, 0, 0, 0.19); }

input[type="submit"].secondary-btn,
input[type="button"].secondary-btn,
a.primary-btn {
  background: #e8e8e8;
  color: #333;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24), 0 1px 4px 0 rgba(0, 0, 0, 0.19); }

input[type="submit"].secondary-btn:hover,
input[type="button"].secondary-btn:hover,
a.primary-btn:hover,
a.primary-btn:active {
  background: #d8d8d8;
  color: #333;
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.24), 0 0px 1px 0 rgba(0, 0, 0, 0.19); }

input[type="submit"].primary-btn,
input[type="button"].primary-btn {
  border: 1px solid #fff; }

input[type="submit"].secondary-btn,
input[type="button"].secondary-btn {
  border: 1px solid #fff; }

a.btn-round,
a.btn-round:visited,
a.btn-round:focus {
  color: #999 !important;
  border: 2px solid #d8d8d8;
  background: #e8e8e8; }

a.btn-round:hover,
a.btn-round:active {
  color: #fff !important;
  border: 2px solid #b70e0c;
  background: #b70e0c; }

.btn,
.btn:visited,
.btn:focus {
  background: #b70e0c !important;
  color: #fff;
  opacity: 1; }

.btn:hover,
.btn:active {
  opacity: 0.8; }

a:link.text-button,
a:visited.text-button,
a:focus.text-button {
  color: #fff; }

a:hover.text-button,
a:active.text-button {
  color: #b70e0c; }

a:link.text-button.red,
a:visited.text-button.red,
a:focus.text-button.red {
  color: #b70e0c; }

a:hover.text-button.red,
a:active.text-button.red {
  color: #da120f; }

a .post-item, a:hover .post-item {
  color: #333; }

.image-overlay {
  background: rgba(51, 51, 51, 0.7);
  color: #fff; }

.image-overlay h1,
.image-overlay h2,
.image-overlay p {
  color: #fff; }

.image-overlay a {
  color: #fff;
  text-decoration: underline; }

.image-overlay a:hover {
  color: #fff;
  text-decoration: none; }

/*
 * testimonials
*/
.testimonial {
  background: #e8e8e8; }

/*
 * widgets
*/
.footer .widget-heading {
  color: #fff; }

.widget-area input[type="text"],
.widget-area input[type="search"],
.widget-area input[type="date"] {
  border: 1px solid #e8e8e8; }

/* calendar widget */
#wp-calendar caption {
  color: #818286; }

.widget_area.footer #wp-calendar caption {
  color: #fff; }

#wp-calendar tbody {
  color: #818286; }

#wp-calendar tbody td {
  background: #f5f5f5;
  border: 1px solid #e8e8e8; }

#wp-calendar tbody td:hover {
  background: #e8e8e8;
  color: #fff; }

/* Tag Cloud */
.widget_area.sidebar .tagcloud a {
  background: #e8e8e8;
  color: #333; }

.widget_area.sidebar .tagcloud a:hover {
  background: #b70e0c;
  color: #fff; }

#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 {
  background: #e8e8e8;
  color: #333 !important; }

/*
 * Social media colors
*/
.fb,
.tw,
.gp,
.ins,
.pin,
.lin,
.yt,
.vim {
  color: #666 !important; }

.fb svg {
  color: #3b5998; }

.tw svg {
  color: #1da1f2; }

.gp svg {
  color: #db4437; }

.ins svg {
  color: #c32aa3; }

.pin svg {
  color: #bd081c; }

.lin svg {
  color: #007bb5; }

.yt svg {
  color: #ff0000; }

.vim svg {
  color: #1ab7ea; }

/*
.fb,
.tw,
.gp,
.ins,
.pin,
.lin,
.yt,
.vim {
	color:#666 !important;
}

.fb:hover svg {
	color:#3b5998;
}

.tw:hover svg {
	color:#1da1f2;
}

.gp:hover svg {
	color:#db4437;
}

.ins:hover svg {
	color:#c32aa3;
}

.pin:hover svg {
	color:#bd081c;
}

.lin:hover svg {
	color:#007bb5;
}

.yt:hover svg {
	color:#ff0000;
}

.vim:hover svg {
	color:#1ab7ea;
}
*/
/*
 * Paging
*/
.pagination {
  background: #e8e8e8; }

.pagination .nav-links a.page-numbers,
.pagination .nav-links .page-numbers {
  background: #b70e0c;
  color: #fff; }

.pagination .nav-links a:hover.page-numbers,
.pagination .nav-links .page-numbers.current {
  background: #333;
  color: #fff; }

/*
 * box
*/
.box {
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  transition: 0.3s all ease-in-out; }

a:hover .box svg {
  color: #b70e0c;
  transition: 0.3s all ease-in-out; }

.box.secondary,
.box.secondary.ntbdr {
  border-top: 0px solid #e8e8e8; }

.box.nobdr,
.box.mob {
  border-top: 0px solid #e8e8e8;
  border-right: 0px solid #e8e8e8;
  border-bottom: 0px solid #e8e8e8;
  border-left: 0px solid #e8e8e8; }

.box.white {
  background: #fff; }

.box.download a,
ul.prop-quick-links li a {
  color: #999; }

.box.download a:hover,
ul.prop-quick-links li a:hover {
  color: #b70e0c; }

.feature-icons {
  background: #e8e8e8; }

ul.features-list2 li svg,
ul.features-list li svg {
  color: #009900; }

/*
 * tabs
*/
.tab {
  background: #e8e8e8;
  border-left: 1px solid #fff;
  transition: 0.6s all ease-out; }

.tab:hover,
.tab.active {
  background: #b70e0c;
  color: #fff;
  border-left: 1px solid #fff;
  transition: 0.3s all ease-in; }

.tab.inactive:hover {
  background: #e8e8e8;
  border-left: 1px solid #fff;
  transition: 0.6s all ease-out;
  color: #999; }

.tab:first-child {
  border-left: 0px solid #ccc; }

.tab-content ul li .checkbox-container .text {
  padding-left: 5px;
  color: #333; }

.tab-content form input[type="text"],
.tab-content form input[type="email"],
textarea {
  border: 1px solid #ccc; }

/*
 * auction preview
*/
.preview-banner-img {
  border-top: 0px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 0px solid #fff;
  border-left: 1px solid #fff; }

.preview-banner-img:first-child {
  border-top: 0px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 0px solid #fff;
  border-left: 0px solid #fff; }

.preview-banner-img:last-child {
  border-top: 0px solid #fff;
  border-right: 0px solid #fff;
  border-bottom: 0px solid #fff;
  border-left: 2px solid #fff; }

.preview-detail {
  background: #f0f0f0;
  border-bottom: 1px solid #fff; }

.preview-title {
  background: #333;
  color: #fff; }

#signup_tab {
  background: #b70e0c;
  color: #fff; }

.sort-order .custom-select,
.sort-order .custom-select .select-items {
  border: 1px solid #e8e8e8; }

figcaption.property-status {
  background: #b70e0c;
  color: #fff; }

.sort-order a {
  color: #ccc; }

.sort-order a:hover,
.sort-order a.active {
  color: #b70e0c; }

.jpa-custom-select ul {
  background: #333; }

.jpa-custom-select ul li {
  border-bottom: 1px solid #fff; }

.jpa-custom-select ul li:hover,
.jpa-custom-select ul li.active {
  color: #fff;
  background: #b70e0c; }

.jpa-custom-select ul a {
  color: #fff; }

.jpa-custom-select ul a {
  padding: 8px 7px; }

#mc-embedded-subscribe-form {
  background: #e8e8e8; }

#mce-responses #mce-error-response.response {
  color: red; }

#mce-responses #mce-success-response.response {
  color: red; }

/*
 * Custom Checkbox
*/
.checkbox-container .checkmark {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  transition: 0.3 all ease; }

.checkbox-container:hover input ~ .checkmark {
  background-color: #b70e0c;
  transition: 0.3 all ease; }

.checkbox-container input:checked ~ .checkmark {
  background-color: #b70e0c; }

.checkbox-container .checkmark:after {
  border-top: 0px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 0px solid #fff; }

/*
 * Custom Radio
*/
.radio-container {
  background-color: #fff; }

/* Create a custom radio button */
.radio-container .checkmark {
  background-color: #e8e8e8;
  border-radius: 50%; }

/* On mouse-over, add a grey background color */
.radio-container .container:hover input ~ .checkmark {
  background-color: #ccc; }

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  background-color: #b70e0c; }

.radio-container .checkmark:after {
  background: white; }

/*
 * Custom Select
*/
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  background: #fff; }

/*style the arrow inside the select element:*/
.select-selected:after {
  border: 6px solid transparent;
  border-color: #333 transparent transparent transparent;
  background: #fff; }

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #ccc transparent; }

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
  border: 1px solid transparent;
  border-color: transparent transparent #e8e8e8 transparent;
  background: #fff; }

.select-selected {
  border: 1px solid #e8e8e8;
  user-select: none;
  background: #fff; }

.select-selected:hover {
  background: #fff; }

.select-selected-no-arrow {
  background: #fff; }

/*style items (options):*/
.select-items {
  background: #fff !important; }

.select-items div:hover {
  background: #b70e0c;
  color: #fff; }

/*
 * filters
*/
.filter-icon {
  color: #fff;
  background: #999;
  border: 1px solid #fff;
  border-radius: 3px;
  transition: 0.3s all ease-out;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24), 0 1px 4px 0 rgba(0, 0, 0, 0.19); }

.filter-icon:hover,
.filter-icon.active {
  color: #fff;
  background: #b70e0c;
  border: 1px solid #b70e0c;
  transition: 0.6s all ease-in;
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.24), 0 0px 1px 0 rgba(0, 0, 0, 0.19); }

#auctions-filter {
  border-top: 1px solid #e8e8e8; }

.location-overlay {
  background: rgba(255, 255, 255, 0.8); }

.location-details-popup {
  border: 1px solid #b70e0c;
  background: #fff; }

.location-details-popup .close {
  color: #b70e0c; }

.boxed-title.red {
  background: #b70e0c; }

.boxed-title.red h3,
.boxed-title.red svg {
  color: #fff; }

.featured-item-wrap {
  background: #fff;
  color: #fff; }

.featured-text {
  background: #fff; }

.feature-overlay.title {
  background: rgba(0, 0, 0, 0.3); }

.feature-overlay h3,
.feature-overlay,
ul.features-list2 li {
  color: #fff;
  text-shadow: 1px 1px #000; }

.countdown-timer span {
  background: black;
  color: #fff; }

table.auctions_times_table th {
  background: #333 !important;
  color: #fff; }

.auction-type-links {
  color: #fff !important; }

.card-face--back {
  /*background:#b70e0c;*/
  background: radial-gradient(circle at 50px 50px, #b70e0c, #000); }

.text-wrap {
  background: rgba(0, 0, 0, 0.5); }

.featured-preview .fp-banner-overlay {
  background: rgba(0, 0, 0, 0.5);
  color: #fff; }

.fp-banner-overlay-txt h2,
.fp-banner-overlay-txt {
  color: #fff; }

.lot-img-detail {
  background: #333;
  color: #fff; }

.type-menu a {
  color: #333;
  background: #e8e8e8; }

.type-menu a:hover,
.type-menu a.active {
  color: #fff;
  background: #b70e0c; }

.geo-box {
  background: #e8e8e8; }

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  ul.toolbar li:first-child {
    border-left: 0px solid #e8e8e8; }

  ul.toolbar li {
    border-right: 0px solid #e8e8e8; }

  .box.secondary {
    border-top: 1px solid #e8e8e8; }

  .box.mob {
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8; }

  .hp-wide-grey {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d8d8d8+45,d8d8d8+62,000000+64,d8d8d8+66,d8d8d8+80,ffffff+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 20%, #d8d8d8 38%, #000000 39%, #d8d8d8 40%, #d8d8d8 80%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #d8d8d8 20%, #d8d8d8 38%, #000000 39%, #d8d8d8 40%, #d8d8d8 80%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #d8d8d8 20%, #d8d8d8 38%, #000000 39%, #d8d8d8 40%, #d8d8d8 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ } }
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /*
   * Header Menu
  */
  .menu-wrap ul li:first-child {
    border-top: 0px solid #3e3e3e; }

  .menu-wrap ul li {
    border-bottom: 0px solid #3e3e3e; }

  .menu-wrap ul li ul.sub-menu {
    border-right: 1px solid #3e3e3e;
    border-left: 1px solid #3e3e3e; }

  .menu-wrap ul li ul.sub-menu li:first-child {
    border-top: 1px solid #3e3e3e; }

  .menu-wrap ul li ul.sub-menu li {
    border-bottom: 1px solid #3e3e3e; }

  .menu-wrap ul li ul.sub-menu li ul.sub-menu {
    border-left: 1px solid #3e3e3e; } }
/* Large devices (large desktops, 1200px and up) */

/*# sourceMappingURL=colors.css.map */