/*
Theme Name: Flatsome Child Theme
Theme URI: http://flatsome.uxthemes.com/
Description: This is a child theme for Flatsome
Author: UX Themes
Author URI: http: //www.uxthemes.com/
Template: flatsome
Version: 2.5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*--------Header Menu-bar-----------*/
#masthead #logo {
    width: 10% !important;
    max-width: 210px;
}
#masthead #logo a {
    max-width: 210px !important;
    width: 100%;
}
#logo a img {
    max-height: 130px !important;
}
#masthead.stuck.move_down #logo a img {
    max-height: 60px !important;
}
#masthead .left-links {
   max-width: 692px !important;
}

/*--------Product page--------------*/
.product-small .product-image{
	min-height: 180px;
}
.short-description{
	margin-bottom: 20px;
}

/*--------Single product---------*/
img.mfp-img{
	max-width: 850px;
	width: 100%;
}
.product-gallery-slider .slide img{
	width: auto !important;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.product-small .info{
	padding: 0px 15px;
}

/*--------Heading Text----------*/
h1, h2{
	color: #D61920;
}

/*-----------Footer----------*/
.absolute-footer .right {
    font-size: 80%;
}


/*--------- checkout page -----------*/
#design_colour_field{
	width: 49%;
	padding-right: 2%;
	float: left;
}
#delivery_date_field{
	width: 49%;
}
#comments{
	min-height: 90px;
}

/*----------product sizing-------------*/
.product-size-holder {
    clear: both;
    width: 100%;
    float: left;
    margin: 0;
    color: #1c1c1c;
    text-transform: uppercase;
}
.product-size-holder ul {
    list-style: none;
    margin: 0 0 1px;
    width: 100%;
    float: left;
    list-style: none;
}
.product-size-holder ul li.size-lead {
    width: 105px;
}
.product-size-holder ul li {
    float: left;
    width: 30px;
    text-align: center;
    padding: 5px 0px;
    margin: 0 1px 0 0;
    background: #ebebeb;
    font-size: 12px;
}

/*------TEXT before inquiry botton-------*/
.social-icons{
	margin-bottom: 0px !important;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}