/* -----------------------------------------
   Homepage
----------------------------------------- */

a.all-online {
    display: block;
    margin-top:20px;
    margin-bottom:20px;
}

.home h1.tagline {
    text-align: center;
    color: #ec8041; /* #fff;*/
    font-weight: 300;
    font-size: 2em;
}

.map-home {
    height: 411px;
    text-align: center;
}

.home .home-header { 
position: relative; 
overflow: hidden; 
background: url(/css/images/header-img1.png);
background-size: cover; 
}

#search-form {
    position: relative;
}

.home #header-image {
    position: absolute;
    top: 0px;
    width: 100%;
    /*left: 2.5%;*/
}

.home #image-container {
    height: 400px;
}

.home #logo-container {
    padding: 0px 0px 25px 35px;
}

.home #sa-logo-container {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center !important;
    margin-top: -50px;
}

.home #search-container {
    padding-top: 50px;
    /*width: 80%;*/
    /*margin-left: 20%;*/
}

.home #search-container form {
    background: #ec8041;  /* #a75930;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
    margin: 0 auto;
    position: relative;
    display: block;
    margin-bottom: 20px !important;
    transition-duration: .5s !important;
    -webkit-transition-duration: .5s !important;
    -moz-transition-duration: .5s !important;
    max-width: 650px;
}

.home #search-container form input#autocomplete {
    font-size: 1.4em;
    padding-right: 50px;
    height: 3rem;
    color: #aa997d;
    margin: 0;
    display: block;
    border: 1px solid #4d3d23;
    height: 48px;
    line-height: 35px;
    -webkit-box-shadow: inset -1px 6px 5px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset -1px 6px 5px -2px rgba(0, 0, 0, 0.3);
    box-shadow: inset -1px 6px 5px -2px rgba(0, 0, 0, 0.3);
    text-indent: 10px;

}

.pac-icon {
    margin-top: 15px;
}

.pac-item {
    font-size: 1em;
    height: 48px;
    line-height: 48px;
}

.pac-item-query {
    font-size: 1.1em;
}

.home-bottom {
    position: relative;
    display: block;
    margin-bottom: 100px;

    max-width: 1140px;
    margin: 0 auto;
}

.loggedin .home-bottom {
    margin: 30px auto 0 auto;
}

.home-bottom .map-home {
    position: relative;
    display: block;
    margin: 0 auto;
    height: auto;
    width: 95%;
    padding: 0;
}

.home-bottom .module-bottom-left {
    width: 60%;
    position: relative;
    display: inline-block;
    margin: 0;
    float: left;
}

.home-bottom .module-bottom-right {
    width: 35%;
    position: relative;
    display: inline-block;
    float: left;
}

.all-online-button {
    left: 50%; 
    transform: translate(-50%,0);
}

.partnerships {
    background: #f1f0f0;
}

.partnerships h3 {
    margin: 0 auto 10px auto;
    font-weight: 500;
}

.partnerships ul {
    text-align: center;
    width: 100%;
    position: relative;
    display: block;
    padding: 15px 0;
    margin: 0 auto;
}

.partnerships img {
    width: 100%;
    position: relative;
    display: inline-block;
}

.partnerships li {
    width: 100%;
}

.partnerships a {
    width: 28%;
    margin: 0 2%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    max-width: 130px;
}

.home .button-city-find {
    font-size: 14px;
    padding: 10px;
    position: absolute;
    right: 30px;
    top: 20px;
}

.home header {
    padding-bottom: 0px;
    margin: 0 0 15px;
}

.home .button-city-find {
    font-size: 25px;
    right: 21px;
    top: 24px;
}


.popular-cities a {
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    white-space: nowrap;
}

.home-bottom .map-home ul {
    position: relative;
    margin: 20px auto;
    padding-bottom: 30px;
    display: none;
    width: 90%;
}

.home-bottom .map-home h3.centered-header {
    text-align: left !important;
    width: 90%;
    display: block;
    margin: auto;
}

/* MAP */
#map {
    width: 100%;
    padding: 10px;
    background: #fff;
    max-width: 600px;
    height: 400px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 20px auto 0 auto;
    position: relative;
    display: block;
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
}

#map path {
    cursor: pointer;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

#map.map.facility {
    width: 60% !important;
    display: inline-block;
    margin-bottom: 30px;
}

#map div.abbr {
    position: relative;
    z-index: 20000;
    color: #000;
    font-size: 10px;
    margin: 0 auto;
    display: block;
    width: 100px;
    height: 50px;
    opacity: 1;
}

/* ---------------------------- */
/*           Adverts            */
/* ---------------------------- */

.promote-area {
    position: relative;
    margin: 0 auto;
    padding: 30px 0;
    background: #fff;
    width: 95%;
    display: block;
}

.home-promote {
    padding-top: 0;
}

.bottom-promote {
    border-top: 1px solid #ccc;
    padding: 20px 0 5px 0;
}

.blog .post-widget {
    margin: 20px auto;
    display: block;
    width: 100%;
    position: relative;
    float: left;
}

.ad-module {
    width: 300px;
    position: absolute;
    right: 0;
    top: 0;
}

.home .promo {
    margin-top: 0;
    margin-bottom: 15px;
}

.three-row-fixed-sidebar {
    position: relative;
    display: block;
    margin: 20px auto;
    width: 95%;
    min-height: 290px;
    text-align: center;
    max-width: 1140px;
}

/* -----------------------------------------
   Auction Card
----------------------------------------- */

.auction-card {
    border: 1px solid #ccc;
    margin: 5px auto 0 auto;
    position: relative;
    background: #fff;
}

.auction-card img {
    width: 36%;
    position: relative;
    display: inline-block;
    float: left;
}

.auction-card-content {
    padding: 10px 15px 15px;
    position: relative;
    display: inline-block;
    width: 60%;

}

.auction-card-content p {
    margin: 0 0 2px;
}

.auction-card-content p.time-left {
    color: #a75930;
    font-weight: 700;
}

.auction-card > a {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.auction-card-content p.title {
    width: 100%;
    /* Up to three lines at the inherited 1.6 line-height, then an ellipsis.
       The box used to be a fixed 50px with overflow hidden: it fitted two
       16px lines, but the title is sized in rem, so once Chrome's font size
       was set to Large (20px base) the second line, which carries the
       auction number, was cut in half under the location row. Three lines
       rather than two because the narrow phone layout wraps an ordinary
       "Facility - Auction #NNNNN" title onto a third line. */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

.home .auction-card > a {
}

.blog .page-nav-wrap {
    margin: -15px auto 15px auto;
}

/* -----------------------------------------
   JVector Map
----------------------------------------- */

.jvectormap-label {
    position: absolute;
    display: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #000;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 5px 10px;
    letter-spacing: 1px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    background: #ec8041;
    padding: 3px;
    color: white;
    width: 20px;
    height: 20px;
    cursor: pointer;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    display: none !important;
}

.jvectormap-zoomin:hover, .jvectormap-zoomout:hover {
    background: #000;
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 33px;
}

@media only screen and (max-width: 85.063em) {


    .popular-cites-wrap.sitemap {
        text-align: left;
        max-width: 700px;
    }

    .popular-cities {
        min-width: 255px;
        width: 90% !important;
        position: relative;
        margin: 0 auto !important;
        display: block;
        right: auto;
        float: none;
    }

}

/* ----------------------------------------- */
/*             Large Media Size              */
/* ----------------------------------------- */

@media only screen and (min-width: 64.063em) {
    .home .auctions-grid > div {
        max-width: 1140px;
    }

    .home .auction-card {
        max-width: 300px;
    }

    .home .auction-card img {
        width: 100%;
        padding: 0;
        /*margin-bottom: 15px;*/
        float: none;
    }

    .home .auction-card-content {
        width: 100%;
        display: block;
        float: none;
    }

    /* Four cards per row: reserve two lines so one-line titles do not make
       their card shorter than its neighbours. A rare three-line title still
       shows in full; the block grid clears every fourth item, so one taller
       card only makes its own row ragged. */
    .auction-card-content p.title {
        min-height: 3.2em;
    }

}



/* ----------------------------------------- */
/*             Medium Media Size              */
/* ----------------------------------------- */

/*
@media only screen and (max-width: 60.063em) {
    .home .blog-box-content {
        padding: 0 10px;
    }

    .home .blog-box-content .post .user-icon {
        left: 10px;
    }
    .home .auctions-grid > div {
        width: 100%;
    }

    .auction-card img {
        padding: 10px 0 10px 10px;
    }

    .home-bottom .map-home {
        width: 85%;
    }

    .home-bottom h3 {
        font-size: 22px;
    }

}
*/

/* ----------------------------------------- */
/*            Mobile Media Size              */
/* ----------------------------------------- */
@media only screen and (max-width: 40.063em) {
    .partnerships a {
        width: 31%;
        margin: 10px 1%;
        max-width: none;
        max-width: 200px;
    }

    .home .blog-box-content {
        margin-right: auto;
        margin-left: auto;
        min-height: 0 !important;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ccc;
    }

    .home h1 {
        font-size: 1.4em;
    }
    
    .home .home-header { 
        background: url(/css/images/header-img1.png)50% 50% no-repeat;
        background-size: cover; 
    }
    
    .home #header-image { 
        position: relative; 
        left: 50%; 
        transform: translate(-50%,0); 
        margin-bottom: -16px; 
    }
    
    .home #image-container { 
        height: 125px; 
    }
    
    .home #logo-container { 
        padding: 10px; 
        max-width: 70px;  
    } 
    
    .home #sa-logo-container {
        position: absolute; 
        left: 28%; 
        width: 48%; 
        text-align: center !important; 
        margin-top: -20px; 
    }

    .home #search-container {
        margin-top: -4px;
        width: inherit;
        margin: inherit;
        padding-top: 20px;
    }

    .home #search-container form input#search {
        font-size: 17px;
    }

    /*Home Mobile*/
    #map {
        height: 340px;
        display: none;
    }

    .map-home {
        width: 100%;
        margin: 0 auto 30px auto !important;
        display: block;
        padding-bottom: 20px !important;
        border-bottom: 1px solid #ccc;
    }

    .home-bottom .map-home ul {
        display: block;
    }

    .home-bottom {
        position: relative;
        display: block;
        margin-bottom: 20px;
    }

    .home-bottom .module-bottom-left,
    .home-bottom .module-bottom-right,
    .home-bottom .map-home {
        width: 100%;
        margin: 0 auto;
        float: none;
        display: block;
    }

    .home-bottom .module-bottom-left {
        margin-bottom: 0;
        width: 89%;
    }

    .home-bottom .module-bottom-right {
        margin-bottom: 0;
        width: 89%;
    }


    .popular-cities {
        min-width: 255px;
        width: 90% !important;
        position: relative;
        margin: 0 auto !important;
        display: block;
        right: auto;
        float: none;
    }

}