/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: Walkway-Condensed-SemiBold;
    src: url('../flatsome-child/fonts/walkway/Walkway-Condensed-SemiBold.ttf');
    font-weight: bold;
}
button.woocommerce-widget-layered-nav-dropdown__submit {
    color: #ffffff;
    margin-top: 5px;
}

.after-banner-blog {
    margin-top: 0px !important;
}

.about-section h2.uppercase, .about-section p {
    color: #000000 !important;
}

header.header.has-sticky.sticky-jump p {
    color: #666;
}

header.header.transparent.has-transparent.has-sticky.sticky-jump p {
    color: #ffffff;
}

span.erp {
    font-size: 0.6em;
}

span.price {
    line-height: 1.5 !important;
}

td.custom-note-detail {
    font-size: 10px;
    text-align: justify !important;
    color: #000000;
    font-style: italic;
}

.badge-container.absolute.left.top.z-1 {
    display: none;
}

a.open-booking {
    font-size: 16px;
    background: #666666;
    padding: 10px 10px;
    color: #ffffff;
	margin-bottom: 20px;
    display: block;
}
.conversion-notice {
    font-size: 14px;
    text-align: center;
    color: red;
}

.woocommerce-multi-currency.wmc-sidebar{
    z-index: 999;
}

.message-container.container.medium-text-center {
    font-weight: bold;
    color: red;
}

.round-edge{border-radius: 10px;overflow: hidden;}
th.product-name, th.shipping-heading{
    color: #000000;
    font-size: 22px !important;
    text-transform: uppercase !important;
}
.payment-heading {
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: 1px solid #ececec;
    text-transform: uppercase;
}
.local-pickup-notice {
    color: red;
    font-weight: bold;
    margin-bottom: 15px;
}
@media only screen and (max-width: 480px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .header .flex-row {
        height: 100%;
    }

    div#top-bar .flex-col.hide-for-medium.flex-left {
        display: block !important;
        width: 100%;
    }

    .transparent .header-main {
         height: 150px !important;
    }
    .header.has-transparent, .header.transparent {
        position: relative;
        background-color: #a0a0a0;
    }
}