/* CUSTOM CSS - NATHANIEL */

/* Custom map backgrounds for location select */
#location_container {
    display: block;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-transition: all .9s ease-in-out;
    -webkit-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out;
    padding: 20px 0px;
}

@media only screen and (min-width : 320px) {

    #location_container {
        display: block;
        background-image: none;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        -moz-transition: all .9s ease-in-out;
        -webkit-transition: all .9s ease-in-out;
        transition: all .9s ease-in-out;
        padding: 20px 0px;
    }

    #location_container.cornubia{
        background-image: url(../images/map/desktop/mobi-cornubia.jpg);
    }

    #location_container.bedford {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/bedford.jpg);
    }

    #location_container.clearwater-mall {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/clearwater-mall.jpg);
    }

    #location_container.parkview {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/parkview.jpg);
    }

    #location_container.the-glen {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/the-glen.jpg);
    }

    #location_container.hyde-park {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/hyde-park.jpg);
    }

    #location_container.loch-logan {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/loch-logan.jpg);
    }

    #location_container.menlyn-park {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/menlyn-park.jpg);
    }

    #location_container.the-pavilion {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/the-pavilion.jpg);
    }

    #location_container.canal-walk {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/canal-walk.jpg);
    }

    #location_container.va-waterfront {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/va-waterfront.jpg);
    }

    #location_container.walmer-park {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/walmer-park.jpg);
    }

    #location_container.mountain-mill {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/mountain-mill.jpg);
    }

    #location_container.boardwalk {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/boardwalk.jpg);
    }

    #location_container.grandwest {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/grandwest.jpg);
    }

    #location_container.galleria {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/galleria.jpg);
    }

    #location_container.emperors-palace {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/emperors-palace.jpg);
    }

    #location_container.westgate {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/westgate.png);
    }

    #location_container.key-west {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/key-west.jpg);
    }

    #location_container.the-strip {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/the-strip.jpg);
    }

    #location_container.trade-route {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/trade-route.jpg);
    }

    #location_container.park-view {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/park-view.jpg);
    }

    #location_container.ballito-junction {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/ballito-junction.jpg);
    }
    #location_container.woodlands {
        background-image: url(/wp-content/themes/numetro/images/map/mobile/woodlands.jpg);
    }
    #location_container.mams-mall {
        background-image: url(../images/map/mobile/mams-mall.jpg);
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 600px) {
    #location_container {
        display: block;
        background-image: none;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        -moz-transition: all .9s ease-in-out;
        -webkit-transition: all .9s ease-in-out;
        transition: all .9s ease-in-out;
        padding-bottom: 20px;
        padding-top: 2px;
    }
    #location_container:hover {
        background-size: 110%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 991px) {

    #location_container.cornubia{
        background-image: url(../images/map/desktop/cornubia.jpg);
    }

    #location_container.bedford {
        background-image:url(../images/map/desktop/bedford.jpg);
    }
    #location_container.clearwater-mall {
        background-image:url(../images/map/desktop/clearwater-mall.jpg);
    }
    #location_container.the-glen {
        background-image:url(../images/map/desktop/the-glen.jpg);
    }
    #location_container.parkview {
        background-image:url(../images/map/desktop/parkview.jpg);
    }
    #location_container.hyde-park {
        background-image:url(../images/map/desktop/hyde-park.jpg);
    }
    #location_container.loch-logan {
        background-image:url(../images/map/desktop/loch-logan.jpg);
    }
    #location_container.menlyn-park {
        background-image:url(../images/map/desktop/menlyn-park.jpg);
    }
    #location_container.the-pavilion {
        background-image:url(../images/map/desktop/the-pavilion.jpg);
    }
    #location_container.canal-walk {
        background-image:url(../images/map/desktop/canal-walk.jpg);
    }
    #location_container.va-waterfront {
        background-image:url(../images/map/desktop/va-waterfront.jpg);
    }
    #location_container.walmer-park {
        background-image:url(../images/map/desktop/walmer-park.jpg);
    }
    #location_container.mountain-mill {
        background-image:url(../images/map/desktop/mountain-mill.jpg);
    }
    #location_container.boardwalk {
        background-image:url(../images/map/desktop/boardwalk.jpg);
    }
    #location_container.grandwest {
        background-image:url(../images/map/desktop/grandwest.jpg);
    }
    #location_container.galleria {
        background-image:url(../images/map/desktop/galleria.jpg);
    }
    #location_container.emperors-palace {
        background-image:url(../images/map/desktop/emperors-palace.jpg);
    }


    #location_container.westgate {
        background-image:url(../images/map/desktop/westgate.png);
    }



    #location_container.key-west {
        background-image:url(../images/map/desktop/key-west.jpg);
    }
    #location_container.the-strip {
        background-image:url(../images/map/desktop/the-strip.jpg);
    }
    #location_container.trade-route {
        background-image:url(../images/map/desktop/trade-route.jpg);
    }
    #location_container.park-view {
        background-image:url(../images/map/desktop/park-view.jpg);
    }
    #location_container.ballito-junction {
        background-image:url(../images/map/desktop/ballito-junction.jpg);
    }
    #location_container.woodlands {
        background-image:url(../images/map/desktop/woodlands.jpg);
    }

    #location_container.mams-mall {
        background-image: url(../images/map/desktop/mams-mall.jpg);
    }

}