/* Shopping Mall CSS Styles */

.shopping_mall_event,
.shopping_mall_offer,
.shopping_mall_retailer,
.shopping_mall_booking_form {
    vertical-align: top;
    visibility: visible;
    display: inline-block;
    width: 350px;
    margin: 0px 10px 20px 0px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1);
    box-shadow: 0 0px 5px rgba(0,0,0,.1);
}

.shopping_mall_event,
.shopping_mall_offer {
    width: 285px;
}

.shopping_mall_retailer {
    width: 46%;
    min-height: 170px;
}

.shopping_mall_booking_form {
    width: 100%;
}

.shopping_mall_event .post-body,
.shopping_mall_offer .post-body,
.shopping_mall_retailer .post-body {
    text-align: left;
    padding: 20px;
}

.shopping_mall_retailer .retailer_col_1 {
    float: left;
    width: 30%;
    padding: 0px;
}

.shopping_mall_retailer .retailer_col_2 {
    float: right;
    width: 30%;
    padding-left: 1em;
}

.shopping_mall_retailer .retailer_col_3 {
    padding-left: 1em;
    margin-left: 30%;
}

.shopping_mall_booking_form .booking_form_col_1,
.shopping_mall_booking_form .booking_form_col_2 {
    width: 46%;
    padding: 0px;
    margin: 1em;
}

.shopping_mall_booking_form .booking_form_col_1 {
    float: left;
}

.shopping_mall_booking_form .booking_form_col_2 {
    float: right;
}

/* Tablets and Smartphones */

@media only screen and (max-width : 1300px) {

    .shopping_mall_retailer .retailer_col_1 {
        display: none;
    }
    
    .shopping_mall_retailer .retailer_col_2 {
        float: right;
        width: 50%;
        padding-left: 1em;
    }
    
    .shopping_mall_retailer .retailer_col_3 {
        padding-left: 1em;
        margin-left: 0px;
    }

}

@media only screen and (max-width : 767px) {
    
    .shopping_mall_retailer {
        width: 100%;
        min-height: 170px;
    }

}


.text-muted {
  color: #999999;
}

.shopping-mall-description {
    color: #999999;
    font-style: italic;
}

i.shopping-mall-default-icon {
    font-size: 165px !important;
    line-height: 165px !important;
    color: #eeeeee;
}

i.shopping-mall-small-default-icon {
    font-size: 100px !important;
    line-height: 100px !important;
    color: #eeeeee;
}

.content {
    padding-top: 30px !important;
}

.blue-button {
    background-color:#4cbbe9;
}

.shopping-mall-today {
    color: #ffffff;
    background-color: #ee303c;
}

.shopping-mall-trading-hours-table {
    display: table;
    border-collapse: collapse;
    border: none;
    border-spacing: 0px;
}

.shopping-mall-trading-hours-table th,
.shopping-mall-trading-hours-table td {
    padding: 6px;
    border-collapse: collapse;
    border: none;
    border-spacing: 0px;
}

.shopping-mall-page-header {
    background-color: #000000;
    background-image: url(/wp-content/uploads/2014/03/Page-image.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center top;
}

.shopping-mall-page-header h1 {
    background-color: #000000;
    /* background-color: rgba(243,74,83,1); */
    padding-left: 40px;
    padding-right: 40px;
    color: #ffffff;
}

.shopping-mall-field-required {
    color: #ee303c;
}