html {
  /* pagination, scrolls to div, this causes it to not go behind sticky header */
  scroll-padding-top: 55px; 
}

#div-modal-popup{
  display: none;
}

#navbar{
  background-color: #e8202a;
  color: white;
  font-size: 2em;
  height:50px;
  padding-left:60px!important;
}


.desktop-view{
  display: "";
}

.mobile-view{
  display: none;
}

#icon-openMenu{
  position:fixed;
  left: 10px;
  top:13px;
  z-index: 10244!important;
  color:white;
  font-size: 2em;
  display: none;
}

#div-sideMenu{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 250px;
  height: 100vh;
  overflow: hidden;
  background-color: #e8202a;
  z-index: 1021; /* sticky-top is 1020*/
}

.div-sideMenu-option-container{
  height: 80vh;
  overflow: auto;
}

#div-sideMenu.visible{
  display: block;
}

.li-sideMenu-option{
  display: block;
  line-height: 60px;
  color: white;
  font-size: 1.5em;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}

.li-sideMenu-option.active{ background-color: #d40e18; }


footer{
  z-index:1022;
}

/* mobile overwrites this to 0px */
#content, footer{ margin-left: 250px; }


.div-categorySquare{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  background-color: #85b02b;
  color: white;
  border-radius: 5px;
  font-weight: bold;
}


.logo{
  background-color: #e8202a;
}

#banner-logo{
  display: none;
}

h1 {
  font-size: 1.5rem;   /* 32px */
}

h2 {
  font-size: 1.4rem; /* 28px */
}

h3 {
  font-size: 1.3rem;  /* 24px */
}

h4 {
  font-size: 1.2rem; /* 20px */
}

h5 {
  font-size: 1.1rem;    /* 16px */
}

h6 {
  font-size: 1rem; /* 14px */
}

a{
  text-decoration: none;
}

body {
    /*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
    font-size: 10pt;
    line-height: 1.4;
    font-family: "Montserrat", sans-serif; font-weight: 400; font-style: normal;
}


h1, h2, h3, h4, h5, h6 {
    color: #bb1a20;
}

/* test new colour scheme */
/*
h1{
    color: #bb1a20;
}

h2, h3, h4, h5, h6 {
    color: #1e1e1e;
}
.div-card{
  background-color: #f2f2f2;
}
*/
/* end new colour scheme */

/* Hero banner full screen */
body.index #content{
  padding: 0px!important;
}

body.featured #content{
  padding: 0px!important;
}


#div-heroBanner img{
}

#content,.content-container, #main-content{
  padding: 1em;
}

#lot-container{
  max-width: 1200px;
}


body.watchlist .lot-text{
  height: auto;
}

body.watchlist .lot-text .description{
  display: none;
}

.hidephotos .grid .lot-text{
  margin-right: 2em;
}

body.watchlist #lot-list.hidephotos div.lot-text {margin-right:2em;}

.div-watchlist-hidephotos{
  display: none;
}

.hidephotos .div-watchlist-hidephotos{
  display: block;
}

/* watchlist hide photos */

body.watchlist #lot-list.hidephotos .itemBiddingInfo .stretchy-wrapper-container{
  display: none;
}

body.watchlist #lot-list.hidephotos .div-card-row.list .div-card-information{
  flex-direction: row!important;
}

body.watchlist #lot-list.hidephotos .div-card-row.list .div-card-inner{
  min-height: unset;
}

body.watchlist #lot-list.hidephotos .div-card-row.list .div-card-information-text{
  flex-basis: 50%;
  padding: 0 5px;
}

body.watchlist #lot-list.hidephotos .div-card-row.list .div-card-information-bid{
  flex-grow: 1;
  max-width: 500px;
}

body.watchlist #lot-list.hidephotos .itemBiddingInfo .timeRemaining{
  position: static;
  display: inline-block;
  margin-bottom: 10px;
}

ul#legend{
  column-count: 4;
  list-style-type: none;
  width: 100%;
}

ul#legend li{
  display: flex;
  justify-content: start;
  align-items: center;
  padding-bottom: 5px;
}

ul#legend li .value{
  padding-left: 10px;
}


.xxxtimeRemaining {
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 8px;
    width: auto;
    line-height: 2em;
}

.xxxtime-unit{
  border: 1px solid lightgrey;
  padding: 5px;
  margin-right: 5px;
  border-radius: 5px;
}

/*
.itemBiddingInfo{
  min-width: 26em;
}
*/

.img-partner{
  max-width: 300px;
  max-height:100px;
  margin-right: 50px;
}

.arrows img{
  width:20px;
}

.bidForm .btn{
  width:6em;
  margin-left: .5rem;
}

.biddingStatus .fa-check{
  font-size: 2em;
  color: green;
}

.biddingStatus .fa-times{
  font-size: 2em;
  color: red;
}

.winning::before, .won::before {
  font-family: 'Font Awesome 6 Free';
  font-weight: 400;
  font-size:2em;
  -webkit-font-smoothing: antialiased;
  content: '\f164';
  margin-right:2ex;
  color: green;
}

.losing::before, .lost::before{
  font-family: 'Font Awesome 6 Free';
  font-weight: 400;
  font-size:2em;
  -webkit-font-smoothing: antialiased;
  content: '\f165';
  margin-right:2ex;
  color: red;
}

.losing-combination::before{
  font-family: 'Font Awesome 6 Free';
  font-size:2em;
  -webkit-font-smoothing: antialiased;
  /*
    exclamation-triangle
    content: '\f071';
    font-weight: 900;
  */

  margin-right:2ex;

  font-weight: 400;
  content: '\f165';

}

.belowReserve::before{
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size:2em;
  -webkit-font-smoothing: antialiased;
  content: '\f00d';
  margin-right:2ex;
  color: red;
}

.biddingStatus .fa-check,.biddingStatus .fa-times, .biddingStatus::before{
  font-size: 1.5em;
}

.div-card.itemBiddingInfo .biddingStatus::before{
  margin-right: 10px;
}

/* icons make it bigger */
.biddingStatus.alert{
  padding-top: 0px;
  padding-bottom: 0px;
}

/*brighter green than standard alert-success*/
.biddingStatus.alert-success{
  background-color: #d4edda;
}

.biddingStatus.losing-combination{
  /*
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis);
  */

    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.biddingStatus.losing, .biddingStatus.lost{
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.biddingStatus.winning, .biddingStatus.won{
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: #d4edda;
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.biddingStatus.belowReserve {
    background-color:#f4dfda
}


td.pay-Due{
  color: #C27500;
  font-weight: bold;
}

td.pay-Refunded{
  color: black;
  font-weight: bold;
}

td.pay-Credited{
  color: rgb(80, 135, 14);
  font-weight: bold;
}

td.pay-Overdue{
  color: red;
  font-weight: bold;
}

td.pay-Paid{
  color: green;
  font-weight: bold;
}

.description h2{
  color: inherit;
  font-size: 10pt; /* Same as <p> */
  font-weight: normal; /* Remove bold */
  margin: 0 0 1rem 0; /* Adjust spacing */
}

.itemBidding .field{
  min-width:100px;
}

.text-inherit{
  color: inherit;
}

label{
  cursor: pointer;
}

.cursor-pointer{
  cursor: pointer;
}

/*
.div-card-row.auctions{
  display: flex;
  overflow: auto;
}

body.featured .div-card-row.auctions{
  display: flex;
  flex-wrap: wrap;
}

body.featured .div-card-row.auctions > div{
  margin-right: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom:1em;
}
*/

.div-card-row.auctions{
  display: flex;
  flex-wrap: wrap;
}

.div-card-row.auctions > div{
  margin-right: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom:1em;
}

.div-card{
  position: relative;
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
  container-type: inline-size; /* Enables width-based queries */
  container-name: divCard;
}



.list .div-card{
  display: flex;
  align-items: start;
  justify-content:center;
}

.auctions > div{
  min-width: 350px;
  margin-right: 20px;
}

.div-card-inner{
  width: 100%; /*auctions page wants 100%*/
  /*width: auto;*/
}

.div-card-inner{
  position: relative;
  display: flex;
  flex-direction: column;
  /*height: 500px;*/
  border-bottom: 5px solid #e8202a;
  flex-grow: 1;
}

/*
.auctions .div-card-inner{
  width: 300px;
}
*/



.div-card-inner .date, .div-card-inner .timeRemaining{
  position: absolute;
  top: 0px;
  left:0px;
  background-color: white;
  color: black;
  font-size: 1.2em;
  padding: 5px 10px;
  border-bottom: 5px solid #e8202a;
}

/* list view */

.div-card-row.list{
  flex-wrap: wrap;
}
.div-card-row.list > div{
  flex-basis: 100%;
}

.div-card-row.list .div-card{
  display: block;
  margin-bottom: 20px!important;
}

.div-card-row.list .div-card-inner{
  display: flex;
  width: 100%;
  height: 100%;
  /*min-height: 225px;*/
  flex-direction: row;
}

.div-card-row.list .div-card{
  width: 100%!important;
}

.div-card-information{
  height: 100%;
}

.div-card-row.list .div-card-information{
  padding: 10px;
  height: auto;
}

.div-card-information{
  padding:15px;
}


.div-card-information .row{
  max-width: 400px;
}

#div-sideMenu a, .div-card a{
  text-decoration: none; 
}

#div-sideMenu a{
  font-size: 1em;
  border:none;
  margin:.4em;
  padding.0em;
  border-radius:1em;
}

#div-sideMenu div.div-sideMenu-option-container a:hover{ background-color: #d40e18; }

.div-card a{
  color: var(--bs-body-color);
}

.div-card p{
  margin-bottom: 0px;
}

.registerToBid {
  margin-top:10px;
  margin-bottom:10px;
  width: 100%;
  border: 1px solid #6b5f5f;
  display: inline-block;
  padding: 10px;
  xbackground: #FEEFB3;
  background: whitesmoke;
  color: #9F6000;
}

.registerToBid button{
  background:  #e8202a;
  color: white;
  float: right;
  padding-left: 10px;
  padding-right: 10px;
}


.text-truncate-3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.text-truncate-4{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.text-truncate-5{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.text-truncate-6{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }

.lot-list-filters{
  display: flex;
}

#lot-list.card{
  border: 0px;
}

#lot-list .card-header{
   border: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

#lot-list .card-body{
  padding: .25rem;
}

.div-pagination .pagination{
  margin:0px;
}

.btn-branding{
  background-color: #e8202a;
  border: none;
  color:white;
}

#announcements div{
  margin: 10px;
  padding: 10px; 
  background-color: #fff3cd;
  color: #9F6000;
}

.dropdown-login-form .list-group-item a{
  text-decoration: none;
}
.dropdown-login-form .list-group-item{
  padding-top: 15px;
  padding-bottom: 15px;
}

.dropdown-login-form .list-group-item:hover{
  background-color: whitesmoke;
}

input[type=checkbox]{
  transform: scale(1.5);
  margin-right: 10px;
}

.thumbs{
  display: flex;
  overflow-x: auto;
}

.a-thumbnail img{
  max-height: 150px; 
}

.thumbs .img-thumbnail{
  max-width: none;
}
.a-thumbnail{
  margin-right: 5px;
}

.thumbs-header{
  display: flex;
  vertical-align: center;
  align-items: center;
  text-align: center;
  min-width: 200px;
  background-color: whitesmoke;
  padding: 5px;
  border: 1px solid lightblue;
}

#termsAndConditions label{
}

#termsAndConditions input{
  margin-top: 5px;
}

.no-style{
  /*
    display: flex;
    flex-wrap: wrap;
  */
}

/* remove margin-left*/
.no-style p {
  margin-left :0px;
  margin-bottom:5px;
  margin-top:5px;
  font-size: 1em !important;
}

.no-style span {
  margin-left :0px;
  margin-bottom:5px;
  margin-top:5px;
  font-size: 1em !important;
}

.no-style h2{
  font-family: inherit;
  font-size: 10pt !important;
  color: inherit;
  font-weight: normal;
}


ol.breadcrumb{
  padding:0px;
  margin:0px; 
}
.breadcrumb-item{
  font-size: 1.2em;
}


.lot-text{
  min-height: 110px
}

.div-location{
  /*
  position: absolute;
  bottom:0px;
  left:0px;
  right:0px;
  color: white;
  background-color: rgba(0,0,0, 0.6);
  padding: 5px;
  */
}


.div-card.itemBiddingInfo .biddingStatus{
  justify-content: center;
}


.div-card.itemBiddingInfo .biddingStatus>span{
  display: none
}

.biddingStatus .small-message{
  display: none;
}

.div-card.itemBiddingInfo .biddingStatus .small-message{
  display: block;
}


.itemBiddingInfo .biddingStatus{
  /*
  display: inline-block!important;
  position:absolute;
  bottom: 5px;
  right: 5px;
  width: 50px;
  */
}

.div-bidCurrentText-container{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 40px;
}
.div-bidCurrentText-container > div.row{
  flex-grow: 1;
}

.div-biddingStatus-container{
  margin-left: auto;
}

.div-card .biddingStatus{
  margin-bottom: 0px;
}

body.lot-detail .div-watchlist{
  margin-right: 13px;
}

.div-watchlist{
  position: absolute;
  top:0px;
  right:0px;
  background-color: rgba(0,0,0,0.7);
  color: white;
  font-size: 1.5em;
  padding: 5px 10px;
  z-index: 2;
}

.div-watchlist>i{
  display:none;
  cursor: pointer;
}

.div-watchlist > i.active{
  display: inline-block;
}


/* <1400 screen size */
@media (max-width: 1400px) {
  .list.div-card{ flex: 0 0 calc(33% - 1rem); width: 33%}
}

/* <992 screen size */
@media (max-width: 992px) {
  .list .carousel-indicators{
    display: none;
  }

  .list .lot-text{
    height: auto;
  }

  #xxlot-list .card-body{
    padding: 0px;
  }


  .list .description{
    display: none!important;
  }

  #modal-sellEquipment>.modal-dialog{
    margin-left: 1em;
    margin-right: 1em;
    max-width:unset;

  }

}


.div-card-information{
  flex: 1;
}

.lot-image img, .carousel img{
  height: 100%;
}

/* ams lotcards.css */
.lot-image {
  position: relative;
  overflow: hidden;
}

/*
.lot-image H2 {
  position: absolute;
  top: 0;
  left: 4px;
  width: 100%;
  margin: 0;
}

.lot-image span.fav {
  position: absolute;
  top: 10px;
  right: 10px;
  xwidth: 40px;
  margin: 0;
  font-size: 24px;
  z-index: 1;
}

.lot-image H2 span.lotno {
  color: white;
  font: bold 14px/25px Helvetica, sans-serif;
  letter-spacing: 1px;
  background: rgba(0,0,0,0.3);
  padding: 4px;
}

.lot-image H2 span.fav {
  color: white;
  font: bold 1.3rem/1.3rem Helvetica, sans-serif;
  letter-spacing: 1px;
  background: rgba(0,0,0,0.1);
  padding: 4px;
}


.lot-image span.imglottitle {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  color: white;
  font: 8px/10px Helvetica, sans-serif;
  letter-spacing: 1px;
  background: rgba(0,0,0,0.5);
  padding: 10px;
}
*/

.lot-image{
  max-width: 100%;
  height: auto;
}

div.stretchy-wrapper {
  width: 100%;
  padding-bottom: 75%;
  position: relative;
}

.div-card .stretchy-wrapper{
  background: #888888;
}


div.stretchy-wrapper > div, div.stretchy-wrapper a{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.stretchy-wrapper .carousel-inner,  .stretchy-wrapper .carousel-item {
  height: 100%;
}

.carousel, .lot-image{
  text-align: center;
}

.stretchy-wrapper-container{
  width: 100%;
}

.list .stretchy-wrapper-container{
  width: 25%;
  min-width: 250px;
}

.list > div{
  width: 100%;
}

/* bid box */
.bidBox .input-value{
  width: 4em;
}

xxx.bidBox .input-group{
  width: auto;
}

.btn-offer{
 width: 7em !important;
}

.bidBox .btn{
  text-wrap: nowrap;
  width: 6em;
}


input.disabled{
  background-color: whitesmoke;
  cursor: not-allowed;
}

input.bid-submitted{
  background-color: lightgreen;
}

.errors{
  height: 20px;
}

th.money, td.money{text-align: right;white-space: nowrap;}


/* Show Current bid text with less spacing */
.div-card .currentBid.row {
  display: flex !important;       /* Replace row flex logic */
  flex-wrap: nowrap !important;   /* Prevent wrapping unless desired */
  gap: 0.5rem;                     /* Optional: spacing between children */
}

.div-card .currentBid .col-4{
  flex: initial !important;       /* Remove Bootstrap column behavior */
  width: auto !important;         /* Reset width */
  padding-right: 0 !important;          /* Remove any extra padding if needed */
}
.div-card .currentBid .col {
  flex: initial !important;       /* Remove Bootstrap column behavior */
  width: auto !important;         /* Reset width */
  padding-left: 0px;
}

@container divCard (max-width: 400px) {
  .bidForm .d-flex{
    flex-wrap: wrap;
  }

  .bidForm .field{
    flex-basis: 100%;
    padding: 5px 0px;
  }
  .bidForm .d-inline-flex{
    flex-basis: 50%;
    flex-grow: 1;
  }
  .bidForm .d-inline-flex .btn{
    width: 100%;
  }
  .bidForm .btn{
    margin: 0px 0px;
  }
  .bidForm .d-inline-flex:last-child{
    padding-left: 5px;
  }
}

.div-snap{
  scroll-snap-type: x mandatory;
}
.div-snap > div{
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

#div-auctions.list > div{
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}

#div-auction-view.list #div-nav-arrows{
  display: none!important;
}


#main-content h1{
  border-bottom:  1px solid #f2f2f2;
  padding-bottom: .5em;
}

.form-register input:not([type='checkbox']), .register select{
  width: 100%!important;
}
.form-register{
  max-width:600px;
}

ol li{
  padding: 5px 0px;
}

/*stop combo info image scrolling off page*/
.combo-lot-faq img{
  max-width: 100%;
}

#div-mobileSearch{
  padding: 1em 0.5em;
  display: none;
}

.carousel-control-prev, .carousel-control-next{
  opacity: 0.8;
}

.carousel-control-prev-icon, .carousel-control-next-icon{
  background-color: rgba(0,0,0,0.7);
}

div.minical {
  position: absolute;
  top:0px;
  left:0px;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  width: 4.5em;
  min-height: 5em;
  background: white;
  border: 1px solid #D6251D;
  border-bottom-right-radius: 10px;
  z-index: 1;
}

div.minical div.month {
  padding: 2px;
  font-size: .75em;
  font-weight: normal;
  background-color: #D6251D;
  color: white;
}

div.minical div.day {
  font-size: .9em;
}

div.minical div.minical-date {
  font-size: 1.9em;
  margin: -5px;
}

#languageDropdown::after {
  display: none;
}


.video{
  max-width: 600px;
}

.listview-only{
  display: none;
}

.list .listview-only{
  display: block;
}

.nextbid-info{
  display: none;
}


.add-to-calendar::before{
  font-family: 'Font Awesome 5 Free'; /* or 'Font Awesome 6 Free', depending on your version */
  font-weight: 400;
  content: '\f271';
  font-size:1.5em;
  margin-left: .5rem!important;
}

.a-brochure{
  width:40%;
}

.div-auctionlist-lotcount{
  position: absolute;
  top: 2px;
  right: 2px;
  background-color: white;
  border: 1px solid #D6251D;
  z-index:1;
  padding: 5px 10px;
  border-radius: 5px;
  text-align: right;
  font-size: 1em;
}

.div-auctionlist-lotcount >div:nth-child(2){
  color: green;
}