/*
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.   ***************/
.row.row-small {
    max-width: 100% !important;
}
.slider-sub-title {
    font-size: 23px;
    text-transform: uppercase;
}
.search_categories.resize-select.mb-0 {
    width: 88px !important;
}
.col, .gallery-item, .columns {
    padding: 0 5px 30px;
        padding-bottom: 30px;
}
.row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) {
    margin-left: 0;
    margin-right: 0;
}
.nav-spacing-medium > li {
    margin: 0 16px;
        margin-left: 16px;
}
.woocommerce-ordering {
    display: none;
}
.nav > li.html {
    font-size: 1em !important;
}
.container {
    padding-left: 0;
}
#logo {
    background: #b8b57b;
}
#logo img {
    max-height: 129px !important;
    padding: 0 0 0 0;
    top: 16px !important;;
    position: relative;
    margin: 0 20px;
}
.stuck  #logo {
    width: 101px;
}
.stuck #logo img {
    max-height: 83px !important;
    top: 10px;
}
.absolute-footer .container, .absolute-footer .row {
    max-width: 100%;
}
.absolute-footer.dark {
    padding: 30px 40px 30px 40px !important;
}
.footer-primary a {
    color: #B8B57B !important;
}
.nav-dark .form-flat input:not([type="submit"]) {
    background-color: transparent !important;
    border-color: rgba(255,255,255,0.09);
    color: #FFF;
}
.header-search.header-search-lightbox.has-icon {
    margin: 0 0 !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.bonehead .x15 {
    left: 0;
    width: 100% !important;
}
#text-box-41547873 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0 30px;
}
h3 {
    font-size: 1em !important;
}
.banner h2 {
    font-size: 2.2em;
}
.text-left {
    text-align: center;
}
.home-footer {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    border-bottom: 1px solid #eee;
}
}
@media only screen and (max-width: 550px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo {
    width: 121px !important;
}
#logo img {
    max-height: 79px !important;
    top: 6px !important;
    width: auto;
}

}