Motorcycle live auction
button.place-bid-custom-logged-out {
width: 100%;
border-radius: 30px;
font-size: 2rem;
margin-top: 15px;
background: #233958;
color: #f2f2f2;
padding-top: 10px;
padding-bottom: 10px;
}
.modal-content.row {
width: 100% !important;
}
input#register-cellphone {
display: block;
width: 100%;
border-radius: 24px;
padding: 6px;
margin-bottom: 12px;
}
button.woocommerce-button.button.woocommerce-form-login__submit {
display: block;
border-bottom: 4px;
padding-bottom: 40px;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
display: block;
}
.SortByFilter {
padding: 5px;
border-radius: 24px;
}
/* The Modal (background) */
.modal {
display: none;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 9999;
/* Sit on top */
padding-top: 100px;
/* Location of the box */
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: rgb(63, 66, 106);
/* Fallback color */
background-color: rgba(25, 55, 112, 0.4);
/* Black w/ opacity */
/* margin-top: 50px; */
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 40%;
}
.modalAsterisk {
color: #2695FF;
}
/* The Close Button */
.close {
color: #2695FF;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #2695FF;
text-decoration: none;
cursor: pointer;
}
/*HEADER*/
h1.modal-signIn-header {
font-weight: 700;
text-align: center;
font-size: 3rem;
}
/*INPUT*/
input#signIn-password {
border-radius: 24px;
padding: 7px 30px;
font-size: 1.2rem;
width: -webkit-fill-available;
}
input#signIn-email {
border-radius: 24px;
padding: 7px 30px;
font-size: 1.2rem;
margin-bottom: 15px;
width: -webkit-fill-available;
}
input.btn-signIn {
border-radius: 24px;
padding: 8px 30px;
font-size: 1.2rem;
margin-top: 15px;
color: #fff;
background-color: #337ab7;
font-weight: 700;
font-size: 1.5rem;
}
input#register-password {
border-radius: 24px;
padding: 7px 30px;
font-size: 1.2rem;
width: -webkit-fill-available;
}
input#register-email {
border-radius: 24px;
padding: 7px 30px;
font-size: 1.2rem;
margin-bottom: 15px;
width: -webkit-fill-available;
}
input.btn-register {
border-radius: 24px;
font-size: 1.2rem;
margin-top: 15px;
color: #fff;
background-color: #337ab7;
font-weight: 700;
font-size: 1.5rem;
padding-left: 30px;
padding-right: 30px;
padding-top: 0px;
width: fit-content;
text-transform: capitalize;
}
input.btn-register:hover {
color: #000 !important;
}
button#btn-register {
border-radius: 24px;
border: none;
background: #2695ff;
padding: 5px 10px;
}
button#btn-register:focus {
outline: none;
}
button#btn-register:hover {
background: #2573bd;
}
/*LABEL*/
label.signIn-email {
font-size: 1.8rem;
}
label.signIn-password {
font-size: 1.8rem;
}
label.register-email {
font-size: 1.8rem;
}
label.register-password {
font-size: 1.8rem;
}
#loading {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
display: block;
opacity: 0.7;
background: black;
z-index: 99;
text-align: center;
}
#loading-image {
position: absolute;
top: 100px;
left: 240px;
z-index: 100;
}
* {
box-sizing: border-box;
}
/* Create three equal columns that floats next to each other */
.column {
float: left;
width: 33.33%;
padding: 0px;
height: 300px;
/* Should be removed. Only for demonstration */
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.product-image-auction {
width: 365px;
height: 367px;
}
.col3custom {
background: #E7E9EB;
width: max-content;
padding: 8px;
padding-right: 60px;
padding-left: 60px;
padding-bottom: 30px;
height: max-content;
}
.enter-bid-amount {
display: flex;
align-items: center;
justify-content: center;
border-radius: 24px;
padding: 8px;
}
.fa-map-marker {
font-size: 27px;
}
.place-bid-custom {
width: 100%;
border-radius: 24px;
padding: 10px;
color: white;
border: 1px solid transparent;
background: #233958;
margin-top: 5px;
}
.auction-cat-box {
margin-top: 20px;
}
.auction-cat-box-bottom {
margin-bottom: 200px;
}
@media (min-width:628px) {
body,
html,
#page {
height: auto;
-webkit-font-smoothing: antialiased;
}
.col2suctom {
margin-right: 44px;
}
.column.col1suctom {
margin-left: 20px;
}
}
@media (max-width:628px) {
.column.col1suctom {
width: 100% !important;
margin-left: 40px;
}
.col-md-4.col3custom {
width: 100%;
margin: auto;
}
.enter-bid-amount {
width: 100%;
}
.modal {
width: 100%;
}
h1.modal-signIn-header {
font-size: 1.2rem;
}
h3.signIn-register-header {
font-size: 1.2rem !important;
}
input#signIn-password {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.3rem;
width: 100%;
}
input#signIn-email {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.3rem;
margin-bottom: 5px;
width: 100%;
}
input.btn-signIn {
border-radius: 24px;
padding: 2px 3px;
font-size: 1rem;
margin-top: 10px;
width: 100%;
}
input.btn-register {
border-radius: 24px;
padding: 2px 3px;
font-size: 1rem;
margin-top: 10px;
}
input#register-password {
border-radius: 24px;
padding: 2px 3px;
font-size: 1rem;
width: 100%;
}
input#register-email {
border-radius: 24px;
padding: 2px 3px;
font-size: 1rem;
margin-bottom: 5px;
width: 100%;
}
label.signIn-email {
font-size: 1rem;
}
label.signIn-password {
font-size: 1rem;
}
label.register-email {
font-size: 1rem;
}
label.register-password {
font-size: 1rem;
}
}
.button {
margin: 5px 0 0 5px;
cursor: pointer;
width: 40%;
height: 29px;
float: left;
text-align: center;
background: black;
color: white;
border-radius: 24px;
}
.dec {
background-position: 0 -29px;
}
.buttons {
padding: 20px 0 0 140px;
}
p.plus-bid,
p.minus-bid {
color: white;
margin-top: -8px;
margin-left: 0px;
font-size: 19px;
}
.inc.button {
margin-left: 16px;
}
input.enter-bid-amount {
width: 100%;
}
img.leading-bidder-is-user {
display: block;
margin-left: auto;
margin-right: auto;
width: 35%;
}
h3.leading-bidder-text {
text-align: center;
background: #2AAD70;
padding: 7px;
border-radius: 24px;
color: white;
font-weight: 600;
}
/*MEDIA QUERIES*/
@media (max-width: 628px) {
div#modal-log-in {
min-width: 355px;
height: inherit;
}
.container.footer-top {
visibility: visible !important;
}
.modal-content {
width: 70%;
}
h1.modal-signIn-header {
font-size: 1.2rem;
}
h3.signIn-register-header {
font-size: 1.2rem !important;
}
input#signIn-password {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.5rem;
width: 100%;
}
input#signIn-email {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.5rem;
margin-bottom: 5px;
width: 100%;
}
input.btn-signIn {
border-radius: 24px;
padding: 0px 16px;
font-size: 1rem;
margin-top: 10px;
width: 100%;
}
input.btn-register {
border-radius: 24px;
padding: 0px 16px;
font-size: 1.2rem;
margin-top: 10px;
width: 100%;
}
input#register-password {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.5rem;
width: 100%;
}
input#register-email {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.5rem;
margin-bottom: 5px;
width: 100%;
}
label.signIn-email {
font-size: 1rem;
}
label.signIn-password {
font-size: 1rem;
}
label.register-email {
font-size: 1rem;
}
label.register-password {
font-size: 1rem;
}
}
@media (max-width: 400px) {
.modal-content {
width: 70%;
}
h1.modal-signIn-header {
font-size: 1.2rem;
}
h3.signIn-register-header {
font-size: 1rem;
}
input#signIn-password {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.5rem;
width: 100%;
}
input#signIn-email {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.5rem;
margin-bottom: 5px;
width: 100%;
}
input.btn-signIn {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.2rem;
margin-top: 10px;
width: 100%;
}
input.btn-register {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.2rem;
margin-top: 10px;
width: 100%;
}
input#register-password {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.5rem;
width: 100%;
}
input#register-email {
border-radius: 24px;
padding: 2px 3px;
font-size: 1.5rem;
margin-bottom: 5px;
width: 100%;
}
label.signIn-email {
font-size: 1rem;
}
label.signIn-password {
font-size: 1rem;
}
label.register-email {
font-size: 1rem;
}
label.register-password {
font-size: 1rem;
}
.vc_row.wpb_row.vc_row-fluid {
margin-bottom: 0px !important;
}
footer,
.widget_ibid_social_icons a {
background-color: transparent;
display: table-column;
}
}
input.place-bid-custom {
display: none !important;
visibility: hidden;
}
The Next Auction is Coming Soon,
Subscribe for updates!
And don’t worry, we hate spam too! You can unsubcribe at anytime.