/*
Theme Name: Flatsome
Theme URI: http://flatsome.uxthemes.com/
Author: UX-Themes
Author URI: http://www.uxthemes.com/
Description: Flat Responsive WooCommerce theme
Version: 2.6
License:
License URI:
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.banner-img {
    position: relative;
    margin-bottom: -1px;
    width:100%;
}

.banner-img a {
    
    border-radius: 0px;
    background: transparent;
    color: white;
    border-color: white;
    border-style: ridge;
    padding: 10px 20px 12px 10px;
    font-size: large;
    margin-right:3%;
    font-family: customFont !important;
    
}
a.stock {
    
     border-radius: 0px;
    background: transparent;
    color: white;
    border-color: white;
    border-style: ridge;
    padding: 10px 20px 12px 10px;
    font-size: large;
    
}
a.Finishes{
    
     border-radius: 0px;
    background: transparent;
    color: white;
    border-color: white;
    border-style: ridge;
    padding: 10px 20px 12px 10px;
    font-size: large;
    
}
.banner-txt {
    position: absolute;
    
    top: 10%;
    color: #fffbfb;
    font-size: 30px;
    width:100%;
    text-align:center;
    font-family: customFont !important;
}
.banner-txt1 {
    position: absolute;
    text-align: center;
    top: 16%;
    color: #fffbfb;
    font-size: 36px;
    width:100%;
    font-family: customFont !important
}
.banner-btn {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
}
.banner-img1 {
    position: relative;
    margin-bottom: -1px;
    width:100%;
    height:auto;
}
.banner-img1 a {
    
    border-radius: 0px;
    background: transparent;
    color: white;
    border-color: white;
    border-style: ridge;
    padding: 10px 20px 12px 10px;
    font-size: large;
    margin-right:3%;
    font-family: customFont !important
    
}
.hide-hero{
	display:none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/



}


@media only screen and (max-width: 767px) {
.banner-txt1,.banner-txt {
    top: 10%;
    font-size: 20px;
}
.banner-img1 a {
    padding: 5px 15px 5px 10px;
    font-size: medium;
}
.banner-img a,a.stock,a.Finishes {
    padding: 5px 10px 5px 10px;
    font-size: medium;
}
}