/*

Theme Name: Storefront Child for Elm

Description: Customized styles for the ElmElectronics.com web site

Author: Elm Electronics

Template: storefront

Version: 1.0

*/



/* the entire page */

html{margin:0 auto;padding:0;border:0}



/* the header area */

.site-header{background-color:transparent}

.site-search{border:1px solid #999;padding:0 2px 2px 2px}



/* the logo */

.site-logo-anchor{width:16% !important;max-width:128px !important}



/* the footer area */

.site-footer{background-color:transparent}

.site-info{padding:0}

.footer-widgets{padding:0}



/* the text area */

.site-content{background-color:white}

.woocommerce-breadcrumb{display:none}

#primary.content-area {margin-bottom:0}



div.myindent{padding-left:10%}



h1,h2,h3,h4,h5,h6{font-style:normal;font-family:sans-serif;font-weight:bold;color:#000}

h1{font-size:150%}

h2{font-size:135% !important}

h3{font-size:100%}

/* a fix for the rapid order pages - means I can't use h3's otherwise */

h4{font-size:100%}

h5{font-size:75%}

h6{font-size:62.5%}



p,ul{text-align:justify}

code{font-family:"Courier New",Courier,"Lucida Console",monospace;color:#000;font-size:100%;background-color:transparent;margin-left:12%}



a:link{color:#003366;text-decoration:none}

a:visited{color:#004D99;text-decoration:none}

a:hover{text-decoration:underline}

a.button.product_type_variable.add_to_cart_button{color:#fff}

a.button.wc-backward{color:#fff}

a.button.wcro_button{color:#fff}



div.arrow{float:right;text-align:center}



/* tables */

table.elm-tbl{border-collapse:collapse;border-spacing:0;border:1px solid #333;margin:0 auto;padding:0;background:none}

table.elm-tbl th{border:1px solid #333}

table.elm-tbl td{border:1px solid #333}

th.my-tbl-hdr{padding:.75em 0}

table.elm-qty{display:inline-table;border-collapse:collapse}

table.elm-qty td{text-align:center; padding:.25em 1em .25em 1em}

table.elm-qty hr{margin:0 auto 0 auto}



/* images */

img{border-style:none}

img.centered{display:block;margin-left:auto;margin-right:auto}

img.elm-icon{display:inline;border:none}



/* the product pages */

.woocommerce .quantity input[type="number"], .woocommerce-page .quantity input[type="number"], .woocommerce .input-text .qty .text, .wcro_form.wcro_centered input.input-text.qty.text{color:black;font-size:1em;height:100%;min-width:4.8em;margin-right:32px}

.woocommerce-variation-add-to-cart{float:left}

h3.elm-pr-page{margin:0.53em 0 0 0}



/* rapid order plugin */

.wcro-button{color:#ddd}

td.wcro_thumb{padding:5px 0 5px 20px}





/* --- special for wide screens --- */

@media screen and (min-width:769px) {

/* we have room - add space on either side */

html{width:90%}

/* the content */

.storefront-primary-navigation{background:#D0D0D0}

.site-content{margin:32px 5%;padding:42px}

}



/* --- special for smaller screens --- */

@media screen and (max-width:768px) {

/* a small logo */

.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link,.site-branding .site-logo-anchor {width:5% !important}

/* no more big side borders */

html{width:100%}

/* the content */

.storefront-primary-navigation{background-color:transparent}

/* add 10 px left and right so users don't think they're missing anything */

.site-content{margin:0 10px;padding:0}

}



/* --- only for printing --- */

@media print {

html,body{padding:2%;background:#FFF;font-size:80%}

*{background:transparent;color:#000;box-shadow:none;text-shadow:none}

a,a:visited{color:#000;text-decoration:none}

/* img size only affects header */

img{width:60%;height:60%}

ul,img{page-break-inside: avoid}

hr.padded{height:.1em;width:100%;border-width:0;color:white;background-color:white;margin:1.5em 0}

}