/*
Theme Name: Storefront Child Theme
Description: This is a custom child theme for storefront.
Template: storefront
Version: 0.1
*/

/*-- 
Theme green: #1DAC49
Theme blue: #105B7D
Header background color: #F3F9F8
Header font blue: #337AB7

Slider area green background: #9DE4B3

Background: #CBECD5
--*/

@import url("css/bootstrap.min.css");
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:500,400);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,800);

body{
background-color:#1DAC49;
}

h1, h2, h3, h4, h5, h6{
color:#347BB7;

}
a:hover{
text-decoration:none;
}

li{
list-style:none;
}


/*-- Header --*/
header.header-bar {
    background-color:#F3F9F8;
    /*--font-family: 'Oswald', sans-serif;--*/
    font-family: 'Ubuntu', sans-serif;
    font-weight:500;
}

div#logo {
    margin:0;
}


/*-- Nav --*/
nav#nav-primary ul {
    font-size: 1.2em;
    line-height:64px;
    z-index: 1000;
}


.nav-pills>li.current-menu-item>a, .nav-pills>li.current-menu-item>a:focus, .nav-pills>li.current-menu-item>a:hover {
    color: #347BB7;
    background: #F3F9F8;
    border-top: 4px solid #1DAC49;
}

.nav-pills a:focus, .nav-pills a:hover {
    color: #337AB7;
    text-decoration: none;
}

.nav-pills>li a {
border-radius:0px;
color:#347BB7;
}

ul.sub-menu {
    position: absolute;
    padding: 0;
    font-size: 17px !important;
    background-color: #eee;
    width: 100%;
    margin: 0;
    display:none;
    line-height:25px !important;
}

ul.sub-menu a {
    font-size: 15px;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    color: #81AFD6;
    background-color:#F3F9F8;
}

ul.nav>li:hover>ul.sub-menu {
    display:block;
}

ul.sub-menu li {
    text-align: center;
    display: block;
    margin: 10px 0;
}

ul.sub-menu li:hover a {
    color: #81AFD6;
}

/*--End of Nav--*/



/*--Slider Area--*/

.slider-section{
width:100%;
height:400px;
background-image:url("image/background.jpg");
background-position:center;
background-size:100%;
text-align: center; 
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.slider-section img {
    vertical-align: middle;
    display: inline-block;
    max-height: 400px;
    max-width: 100%;
}


/*--End of Slider Area--*/

/*----Login Headbar---*/
div#customer_login {
    margin: 50px;
}

div#login-head{
    margin-top:10px;
}

#login-head p{
    float:right;
    margin-top:15px;
}

#login-head a{
    margin-right: 10px;
    font-size: 15px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #f0ad4e;
    color: #fff;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
span.login-greetings {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
}

#login-head a:focus
{
    outline:none;
}

/*----End of Login Headbar---*/

/*-- Product Catalog Information --*/

p.shipping-subtitle {
    text-align: center;
    color: #105B7D;
}

.home-product-catalog-section {
padding-top:40px;
padding-bottom:50px;
background-color:#EFFFF4;
}

.home-product-catalog-title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
    color: #1DAC49;
    margin-bottom: 20px;
}

.home-product-catalog-item {
    display: block;
    height: 250px;   
}

.hpc-item-1 {
   background-image:url("image/retail.jpg"); 
}

.hpc-item-2 {
   background-image:url("image/commercial.jpg"); 
}

.hpc-item-3 {
   background-image:url("image/custom-made.jpg"); 
}

a.home-product-catalog-item {
    width: 100%;
    font-size: 1.5em;
    border: 3px solid grey;
    display: table;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    height: 250px;
    border: 0;
}

a.home-product-catalog-item>div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 250px;
}

div.vert-align {
    display: block;
    text-align: center;
    margin: 0 auto;
}


 div.vert-align span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    vertical-align: middle;
    text-align: center;
    background-color: rgba(52, 58, 55, 0.44);
    padding: 5px 15px;
    border: 3px solid #FDFDFD;
    color: #FFFFFF;
    /* border-radius: 5px; */
}


div.vert-align span:hover {
    background-color: #1DAC49;
    color: #fff;
    border-color: #1DAC49;
}

div.home-product-catalog-item a:hover{
text-decoration:none;
}


ul.home-product-catalog-list {
    padding-left: 0;
}

/*-- Info Content Page --*/
#primary{
background-color:#EFFFF4;
margin:3% auto;
}

.site-main-infopage {
    margin: 3%;
    font-family: 'Open Sans', sens-serif;
    font-size: 1.3em;
}

.site-main-infopage h1  {
    font-family:'Ubuntu',sans-serif;
    color: #347BB7;
    font-weight:400;
    text-align:center;
    margin-bottom:20px;
    text-transform:uppercase;
    font-size:2em;
}

.site-main-infopage h2 {
    font-family:'Open Sans',sans-serif;
    color: #347BB7;
    font-weight:400;
    text-align:left;
    margin-bottom:20px;
    text-transform:capitalize;
    font-size:1.3em;
}

.site-main-infopage h3 {
    font-family:'Ubuntu',sans-serif;
    color: #347BB7;
    font-weight:400;
    text-align:left;
    margin-bottom:20px;
    text-transform:capitalize;
    font-size:1.2em;
}

.site-main-infopage ul li{
    list-style:disc;
}

.site-main-infopage .hentry {
border-bottom:2px solid #ABCDDC;
}

/*-- Custom Made--*/
textarea.wpcf7-form-control.wpcf7-textarea.requirement-message {
    width: 430px;
}

/*-- News Page--*/

.site-main-newspage {
    margin: 3%;
    font-family: 'Open Sans', sens-serif;
    font-size: 1.3em;
}

.site-main-newspage h1  {
    font-family:'Ubuntu',sans-serif;
    color: #347BB7;
    font-weight:400;
    text-align:center;
    margin-bottom:20px;
    text-transform:uppercase;
    font-size:2em;
}

.site-main-newspage h2 {
    font-family:'Open Sans',sans-serif;
    color: #347BB7;
    font-weight:400;
    text-align:left;
    margin-bottom:20px;
    text-transform:capitalize;
    font-size:1.3em;
}

.site-main-newspage h3 {
    font-family:'Ubuntu',sans-serif;
    color: #347BB7;
    font-weight:400;
    text-align:left;
    margin-bottom:20px;
    text-transform:capitalize;
    font-size:1.2em;
}

.site-main-newspage ul li{
    list-style:disc;
}

.site-main-newspage .hentry {
border-bottom:2px solid #ABCDDC;
}

a.about_paypal {
    margin-left: 5px;
}

/*-- Breadcrumb --*/
.woocommerce-breadcrumb{
display:none !important;
}
/*--end of breadcrumb --*/

/*-- Product Display --*/

img.attachment-shop_single.wp-post-image {
    margin-top: 15px;
}
/*-- end of product display --*/

/*-- Footer --*/

footer.site-footer{
background-color:#105B7D;

}
footer h3{
    margin-top:0;
}

footer p{
margin:0;
color:#fff;
}

footer .site-info{
text-align:center;

}

footer .contact-info h3{

    font-weight:600;
    font-size:1.3em;
    color:#fff;
}

footer .widget{
margin:0;
}

footer .site-info{
padding:0;
color:#cbcbcb;

}
.site-footer a:not(.button) {
    color: #ABA8A8 !important;
}


footer hr{
border-color:#437288;
margin:15px auto;
}

/*-- End of Footer --*/

/*-- Print Receipt --*/

#print-button {
    font-weight: bold;
    font-size: 16px;
}

@media print

{
body * { visibility: hidden; }
#nav-primary {display:none;}
#logo img {visibility:visible;}
.entry-content * { visibility: visible; }
  a[href]:after {
    content: none !important;
  }
table.customer_details th {display:table-cell !important;}
#print-button {display:none;}
h2 {font-size:23px; margin-top:0 !important;}
h3 {font-size:18px; margin-top:0 !important;}
table th {
    padding: 0.4em 1.387em !important;
}

footer {display:none;}

.hentry {
    margin: 0;
    padding-bottom: 0;
    border:none;
}

#primary {
    margin:0 auto !important;
}

}

@media (max-width: 1025px) {
nav#nav-primary ul {
    font-size: 10px;
    line-height: 64px;
    z-index: 1000;
}

ul.sub-menu a{
font-size:11px;
}

.nav>li>a {
padding:0;
}
}