/* automation variables */ /* Standard Colors */ /* Colors for live auction left column, where it says "Now", "Paused", and "Closed" on the top right of the left column. */ /* End of colors for live auction left column */ /* Lot grid view colors */ /* End of lot grid view colors */ /* Text color for: - "Won" - "Bidding $3,000 (Max. $4,000)" - "You bid $3,000" (for timed auctions to indicate what your bid was for a non-active lot) */ /* Text color for "Outbid $4,000 [...] Current $4,500". */ /* Lot list background color when hovering. */ /*$auction-status-color-default: transparentize($primary-color-medium,0.1) !default; $auction-status-text-color-default: #fff !default;*/ /*$button-color-black-text-shadow: #495d75 !default; $button-color-black-border: #8598a9 !default; $button-color-black-shadow: #131d27 !default;*/ /* TODO Need to create red color button for the demo template */ /* Emulating bootstrap default line height, useful when you want to reset the line height */ /* Line height value used for a nearly zero pixel gap around text. Useful when you want to align text pixel perfectly. */ /* Deprecated, do not use this. Use $am-logo-color from _menu.scss instead. */ /* new menu variables */ /* realestate menu variables */ /* this is the core responsive css file. moving forward all responsive css should be in this file. we need to go back and move the responsive css code into here as well */ body.is-mobile.has-core-navbar.large-navbar-logo-visible.has-return-to-link #main, body.is-mobile.has-core-navbar.has-large-navbar-logo.has-return-to-link #main { margin-top: 74px; } body.is-mobile.has-core-navbar.large-navbar-logo-visible #main, body.is-mobile.has-core-navbar.has-large-navbar-logo #main { margin-top: 47px; } #my-bid-mobile-edit .bid-suggestions { text-align: left; } #my-bid-mobile-edit .bid-suggestions .bid-suggestion { line-height: 44px; } #my-bid-mobile-edit .actions .btn.half-size { width: 48%; margin-right: 2%; } #my-bid-mobile-edit .actions .btn.half-size.delete { margin-right: 0px; margin-left: 2%; } .large-navbar-logo-visible.has-return-to-link .mobile-filters-screen { top: 73px; } .mobile-filters-screen { height: 100%; position: fixed; top: 47px; /* this is the height of the mobile nav, if we ever change that we need to adjust this */ padding-bottom: 47px; /* this value has to be equal to the above value so that we can see the entire list. */ right: -100%; min-height: 100vh; width: 90%; background-color: #F7F7F7; z-index: 1031; /* using insane value because we want this always on the top */ padding: 5px; overflow-y: scroll; } .mobile-filters-screen label { font-weight: 400; } .mobile-filters-screen label.control-label { margin-right: 5px; text-transform: uppercase; font-weight: 700; } .mobile-filters-screen .mobile-filter-header { text-transform: uppercase; font-weight: 700; padding: 5px; text-align: center; background-color: #DEDEDE; position: relative; } .mobile-filters-screen .mobile-filter-header .reset { position: absolute; right: 10px; cursor: pointer; } .mobile-filters-screen .mobile-filter-wrap { margin-top: 3px; margin-left: 5px; } .mobile-filters-screen .mobile-filters-screen-close { z-index: 11; padding-left: 15px; padding-top: 2px; font-size: 25px; margin-bottom: -12px; cursor: pointer; position: relative; height: 18px; margin-bottom: 10px; width: 100%; } .mobile-filters-screen .mobile-filters-screen-close i { position: absolute; right: 10px; top: 0px; } .mobile-filters-screen .radio-wrapper, .mobile-filters-screen .checkbox-wrapper { line-height: 20px; } .mobile-filters-screen .filter-item.view-style, .mobile-filters-screen .filter-item.jump-to-lot-wrap { padding: 5px; margin-top: 5px; } .mobile-filters-screen .filter-item.jump-to-lot-wrap #jump-to-lot-input { display: inline-block; width: 70px; height: 30px; } .mobile-filters-screen .radio.custom + .radio.custom, .mobile-filters-screen .radio.custom + .checkbox.custom, .mobile-filters-screen .checkbox.custom + .radio.custom, .mobile-filters-screen .checkbox.custom + .checkbox.custom { margin-top: 10px; } .mobile-filters-screen .category-filter { margin-bottom: 70px; /* without this we will not be able to see all of the categories */ } body.is-fully-responsive #auction-header.v2 .mobile-header.single > div:first-child { border-right: none; width: 100%; } body.is-fully-responsive #auction-header.v2 .mobile-header.single > div:first-child::after { content: ''; } /* this controls the collapse of the return to link */ body.is-fully-responsive.is-mobile #mobile-nav { top: 0px; } body.is-fully-responsive.is-mobile.large-navbar-logo-visible.has-return-to-link #mobile-nav { top: 27px; } @media (max-width: 991px) { body.is-fully-responsive .lots-page .lots.list-view .mobile-auction-title-wrapper, body.is-fully-responsive .lots-page .lots.grid-view .mobile-auction-title-wrapper { border-bottom: 1px solid #e5e5e5; } body.is-fully-responsive .lots-page .lots.list-view .auction-title, body.is-fully-responsive .lots-page .lots.grid-view .auction-title { margin-top: 10px; height: auto; border-bottom: 0px; } body.is-fully-responsive .lots-page .lots.list-view .auction-title .lot-count, body.is-fully-responsive .lots-page .lots.list-view .auction-title .auction-time-left, body.is-fully-responsive .lots-page .lots.grid-view .auction-title .lot-count, body.is-fully-responsive .lots-page .lots.grid-view .auction-title .auction-time-left { display: block; border-right: none; } body.is-fully-responsive .lots-page .lots.list-view .auction-title .auction-title-span, body.is-fully-responsive .lots-page .lots.grid-view .auction-title .auction-title-span { display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.1; overflow: hidden; width: 100%; vertical-align: middle; } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .cover-thumbnail, body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .lot-thumbnail-placeholder { width: 108px; height: 108px; } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .watch-icon-wrap { max-width: 100px !important; } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details { position: relative; min-height: 124px; padding-right: 106px; /* .title{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.1; overflow: hidden; border-left: none; margin-left: 0px; padding-left: 0px; } */ } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details .mobile-footer { /* position: absolute; margin-bottom: auto; bottom: 0px; height: 48px; width: 60%; */ } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details .mobile-footer .btn.bid-live { display: none; /* hide this button as we want no bidding from the lot list */ } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details .mobile-footer .my-bid-vertical .amount-container { text-align: left; } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details .mobile-footer .my-bid-vertical .amount-label, body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details .mobile-footer .my-bid-vertical .sold-amount, body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details .mobile-footer .my-bid-vertical .amount { display: inline-block; font-size: 14px; } body.is-fully-responsive #auction-header.v2 { height: auto !important; } .profile-page .form-section .form-group label, .bidder-register-page .form-section .form-group label { height: auto !important; } .profile-page .new-credit-card-form .cvc-code-label, .profile-page .form-section .new-credit-card-form .cvc-code-label, .profile-page .new-credit-card-form .expiry-year-label, .profile-page .form-section .new-credit-card-form .expiry-year-label, .profile-page .new-credit-card-form .card-holder-name-label > input, .profile-page .form-section .new-credit-card-form .card-holder-name-label > input, .bidder-register-page .new-credit-card-form .cvc-code-label, .bidder-register-page .form-section .new-credit-card-form .cvc-code-label, .bidder-register-page .new-credit-card-form .expiry-year-label, .bidder-register-page .form-section .new-credit-card-form .expiry-year-label, .bidder-register-page .new-credit-card-form .card-holder-name-label > input, .bidder-register-page .form-section .new-credit-card-form .card-holder-name-label > input { float: none; } .profile-page .new-credit-card-form .credit-card-inputs .card-number, .profile-page .new-credit-card-form .credit-card-inputs .cvc-code, .profile-page .new-credit-card-form .credit-card-inputs .expiry-month, .profile-page .new-credit-card-form .credit-card-inputs .expiry-year, .profile-page .form-section .new-credit-card-form .credit-card-inputs .card-number, .profile-page .form-section .new-credit-card-form .credit-card-inputs .cvc-code, .profile-page .form-section .new-credit-card-form .credit-card-inputs .expiry-month, .profile-page .form-section .new-credit-card-form .credit-card-inputs .expiry-year, .bidder-register-page .new-credit-card-form .credit-card-inputs .card-number, .bidder-register-page .new-credit-card-form .credit-card-inputs .cvc-code, .bidder-register-page .new-credit-card-form .credit-card-inputs .expiry-month, .bidder-register-page .new-credit-card-form .credit-card-inputs .expiry-year, .bidder-register-page .form-section .new-credit-card-form .credit-card-inputs .card-number, .bidder-register-page .form-section .new-credit-card-form .credit-card-inputs .cvc-code, .bidder-register-page .form-section .new-credit-card-form .credit-card-inputs .expiry-month, .bidder-register-page .form-section .new-credit-card-form .credit-card-inputs .expiry-year { float: none; display: block; } body.large-navbar-logo-visible.has-return-to-link .return-to-wrapper .container, body.has-core-navbar.large-navbar-logo-visible.has-return-to-link .return-to-wrapper .container { white-space: nowrap; } body.is-fully-responsive { /* end lot page */ } body.is-fully-responsive .container { padding-left: 8px; padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { body.is-fully-responsive .container { width: initial; } } @media (max-width: 991px) { body.is-fully-responsive .lot-page .main-image-wrap, body.is-fully-responsive .lot-page .right-column, body.is-fully-responsive .realestate-hybrid-lot-page .main-image-wrap, body.is-fully-responsive .realestate-hybrid-lot-page .right-column { margin-top: 0px; } body.is-fully-responsive .lot-page .main-image-wrap, body.is-fully-responsive .realestate-hybrid-lot-page .main-image-wrap { width: auto; position: relative; } body.is-fully-responsive .lot-page .main-image-wrap .images, body.is-fully-responsive .realestate-hybrid-lot-page .main-image-wrap .images { margin-left: 15px; margin-top: 5px; } body.is-fully-responsive .lot-page .main-image-wrap .images img, body.is-fully-responsive .realestate-hybrid-lot-page .main-image-wrap .images img { height: 78px; width: 78px; } body.is-fully-responsive .lot-page .main-image-wrap .lot-time-overlay, body.is-fully-responsive .realestate-hybrid-lot-page .main-image-wrap .lot-time-overlay { width: 100%; } body.is-fully-responsive .lot-page .main-image, body.is-fully-responsive .lot-page .lot-thumbnail-placeholder, body.is-fully-responsive .realestate-hybrid-lot-page .main-image, body.is-fully-responsive .realestate-hybrid-lot-page .lot-thumbnail-placeholder { width: 100%; height: auto; } body.is-fully-responsive .lot-page .right-column, body.is-fully-responsive .realestate-hybrid-lot-page .right-column { width: 100%; min-height: auto; margin-bottom: 20px; } body.is-fully-responsive .lot-page .details, body.is-fully-responsive .realestate-hybrid-lot-page .details { margin-left: 0; } body.is-fully-responsive #footer-mobile { background-color: #2a2a2a; color: white; font-size: 13px; } body.is-fully-responsive #footer-mobile .row { margin-top: 10px; } body.is-fully-responsive #footer-mobile .row.bordered { border-bottom: 1px dashed #7c7c7c; padding-bottom: 10px; } body.is-fully-responsive #footer-mobile .back-to-top-wrapper { text-align: center; margin-top: -10px; text-transform: uppercase; font-weight: 700; } body.is-fully-responsive #footer-mobile .back-to-top-wrapper a { color: #fff; } body.is-fully-responsive #footer-mobile .download-app { height: 40px; margin-left: 12px; } body.is-fully-responsive #footer-mobile .download-app + .download-app { margin-left: 10px; } body.is-fully-responsive #footer-mobile .download-app.ios { width: 135px; } body.is-fully-responsive #footer-mobile .download-app.android { width: 122px; } body.is-fully-responsive #footer-mobile .download-app-text, body.is-fully-responsive #footer-mobile .download-app-buttons, body.is-fully-responsive #footer-mobile .download-app-buttons > * { display: inline-block; vertical-align: top; } body.is-fully-responsive #footer-mobile .download-app-text { margin-bottom: 8px; margin-left: 5%; } body.is-fully-responsive #footer-mobile .download-app-text .title { font-weight: 700; text-transform: uppercase; } body.is-fully-responsive #footer-mobile .download-app-text p { margin-bottom: 0; color: #fff; } body.is-fully-responsive #footer-mobile .powered-by { text-align: center; } body.is-fully-responsive #footer-mobile .powered-by .logo-auction-mobility { display: inline-block; vertical-align: top; width: 100px; height: 32px; background-image: url("/img/logo-auction-mobility-white.png"); /* Deprecated. Use $am-logo-color from _menu.scss instead to change the am logo. */ background-size: 100% auto; background-repeat: no-repeat; } body.is-fully-responsive #footer-mobile .copyright-and-terms { text-align: center; margin: 13px auto; } body.is-fully-responsive #footer-mobile .copyright { color: #7c7c7c; } body.is-fully-responsive #footer-mobile .copyright, body.is-fully-responsive #footer-mobile .terms-and-conditions { display: inline-block; } body.is-fully-responsive .mobile-auction-type { display: block; margin-top: 10px; } body.is-fully-responsive #auction-header .auction-header-details { vertical-align: top; margin-top: 10px; } body.is-fully-responsive #auction-header .tabs .tab { padding: 0 5px; font-size: 12px; } body.is-fully-responsive #auction-header.v2 { height: auto !important; /* border-bottom: 1px solid #ccc; */ border-bottom: none; /* margin-bottom: -16px; */ } body.is-fully-responsive #auction-header.v2 .mobile-header { /* display: block; */ border-top: 1px solid #ccc; margin-left: -5px; margin-top: 10px; border-bottom: 1px solid #ccc; width: 100%; } body.is-fully-responsive #auction-header.v2 .mobile-header > div { display: inline-block; width: 49%; text-align: center; height: 37px; vertical-align: middle; padding-top: 11px; text-transform: uppercase; } body.is-fully-responsive #auction-header.v2 .mobile-header > div.full-width { width: 100%; } body.is-fully-responsive #auction-header.v2 .mobile-header > div.full-width::after { right: initial !important; margin-left: 5px !important; } body.is-fully-responsive #auction-header.v2 .mobile-header > div:first-child { border-right: 1px solid #ccc; position: relative; } body.is-fully-responsive #auction-header.v2 .mobile-header > div:first-child::after { content: '>'; position: absolute; right: 5px; } body.is-fully-responsive #auction-header.v2 .mobile-header .mobile-bid-count { color: #333; } body.is-fully-responsive #auction-header.v2 .mobile-header .toggle-auction-info { line-height: inherit; width: auto; border-style: none; } body.is-fully-responsive #auction-header.v2 .mobile-header .toggle-auction-info::before { display: none; } body.is-fully-responsive #auction-header.v2 .mobile-header .toggle-auction-info.open { background-color: inherit; } body.is-fully-responsive #auction-header.v2 .auction-status-box.has-end-date ~ .mobile-title { width: 67%; } body.is-fully-responsive #auction-header.v2 .auction-type { padding-left: 15px; display: block; margin-right: 7px; text-transform: uppercase; font-weight: 600; font-size: 12px; } body.is-fully-responsive #auction-header.v2 .auction-type.timed-auction, body.is-fully-responsive #auction-header.v2 .auction-type.live-auction { background-repeat: no-repeat; background-size: 15px; } body.is-fully-responsive #auction-header.v2 .auction-type.timed-auction { background-image: url("/img/icon-clock.png"); } body.is-fully-responsive #auction-header.v2 .auction-type.bottom-scroll-sticky { padding-left: 0px; bottom: 0px !important; position: static !important; } body.is-fully-responsive #auction-header.v2 .auction-type.live-auction { background-image: url("/img/icon-hammer.png"); } body.is-fully-responsive .filters-container .number-of-lots { margin-top: 10px; margin-bottom: 10px; } body.is-fully-responsive .watched .lots-page #auction-header-wrap { height: 110px; } body.is-fully-responsive .watched .lots-page #auction-header-wrap #auction-header { height: 110px; } body.is-fully-responsive .watched .lots-page #auction-header-wrap #auction-header .auction-header-details { margin-top: -30px; } body.is-fully-responsive .lots-body.bids #auction-header.v2 .mobile-header > div:first-child { border-right: none; } body.is-fully-responsive .lots-body.bids #auction-header.v2 .mobile-header > div:first-child::after { content: ''; } body.is-fully-responsive .lots-page .lots.grid-view .lot { width: 26.5%; overflow: hidden; margin-bottom: 8px; /* padding-left: 6px; */ } body.is-fully-responsive .lots-page .lots.grid-view .lot-thumbnail-overlay { display: none; } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .lot-number { font-size: 21px; font-weight: 300; } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .watch-icon::after { /* top: 0px; left: 3px; */ } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details { position: relative; height: 100%; /* .mobile-footer{ position: absolute; margin-bottom: 42px; bottom: 0; width: 100%; .lot-price-container{ .estimate{ display: block; &::before{ content: none; } } } } */ } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details .lot-number-and-title { width: auto; } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details .lot-price-container { padding-left: 0px; right: 120px; } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .watch-icon-wrap { overflow: visible; } body.is-fully-responsive .app-banner { margin-top: 11px; } body.is-fully-responsive .app-banner .mobile-device-wrapper { width: 100%; background-color: rgba(255, 255, 255, 0.7); left: 0%; } body.is-fully-responsive .app-banner .close { position: absolute; float: none; } body.is-fully-responsive .register-box, body.is-fully-responsive .forgot-password-box, body.is-fully-responsive .reset-password-box { width: auto; } } .filters-button-wrap { display: block !important; margin-top: 10px; margin-bottom: 10px; } .lot-header-v2-mobile { position: relative; } .lot-header-v2-mobile .lot-header-wrap, .lot-header-v2-mobile .back-wrapper { border-bottom: 1px solid #ccc; } .lot-header-v2-mobile .lot-header-wrap { background-color: #eeeeee; padding-top: 12px; padding-bottom: 7px; } .lot-header-v2-mobile .lot-header-wrap .lot-number, .lot-header-v2-mobile .lot-header-wrap .lot-title { display: block; line-height: 22px; vertical-align: middle; } .lot-header-v2-mobile .lot-header-wrap .lot-number { font-weight: 400; font-size: 17px; text-align: left; color: #333333; } .lot-header-v2-mobile .lot-header-wrap .lot-title { font-weight: 700; font-size: 17px; color: #333333; position: relative; } .lot-header-v2-mobile .lot-header-wrap .actions, .lot-header-v2-mobile .lot-header-wrap .jump-to-lot-wrap { margin-top: 7px; } .lot-header-v2-mobile .lot-header-wrap .actions { display: inline-block; margin-right: 4px; } .lot-header-v2-mobile .lot-header-wrap .actions .btn + .btn { margin-left: 7px; } .lot-header-v2-mobile .lot-header-wrap .actions .watch-lot { min-width: 90px; } .lot-header-v2-mobile .lot-header-wrap .actions .watched-lot { min-width: 110px; } .lot-header-v2-mobile .lot-header-wrap .actions .btn.prev, .lot-header-v2-mobile .lot-header-wrap .actions .btn.next { width: 31px; color: #333333; z-index: 10; } .lot-header-v2-mobile .lot-header-wrap input, .lot-header-v2-mobile .lot-header-wrap button, .lot-header-v2-mobile .lot-header-wrap .btn { height: 31px; vertical-align: top; display: inline-block; } .lot-header-v2-mobile .lot-header-wrap .jump-to-lot-wrap { display: inline-block; vertical-align: top; } .lot-header-v2-mobile .lot-header-wrap .jump-to-lot-wrap .form-group { margin-bottom: 0px; } .lot-header-v2-mobile .lot-header-wrap .jump-to-lot-wrap input { margin-right: 5px; width: 64px; } .lot-header-v2-mobile .lot-header-wrap .jump-to-lot-wrap button { line-height: 0px; font-weight: 400; text-transform: uppercase; } @media (max-width: 767px) { body.is-fully-responsive .lots-page .lots.list-view .watch-icon::after { top: 0px; left: 3px; } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.1; overflow: hidden; border-left: none; margin-left: 0px; padding-left: 0px; } body.is-fully-responsive .lots-page .lots.list-view .lot-v2 .details .lot-price-container { padding-left: 0px; right: auto; padding-right: 0px; top: initial; position: relative; } } .mobile-conditions { line-height: 52px; list-style: none; }