/*
Theme Name: Net Elevation Mobile Template
Theme URI: http://www.netelevation.com/
Description: Custom Theme by Net Elevation
Version: 2.0
Author: Net Elevation
Author URI: https://www.netelevation.com/
*/


body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

a img { border: 0; }

.floatright { /*float: right; padding: 0 20px;*/  }
.floatright p { margin-top: 0; }
.tiny { font-size: 11px; line-height: 15px; }
.cartlink { white-space:nowrap; }

h1, h2, h3, h4, h5, h6 { font-family: 'Arial Black Italic', Gadget, Arial, Helvetica, sans-serif; color: #0e1f55; font-style: italic;  }
h1 { font-size: 25px; }
h2 { font-size: 14px; text-transform: uppercase; }
p, #main li { line-height: 22px; }
a { color: #31528d; }
a:hover { color: #000; }
a:hover img.button { opacity: .6; }

div.quantity { margin-bottom: 12px; }

.onsale { display: block; font-weight: bold; color: #f00; }
.woocommerce-loop-product__link bdi { text-decoration: none; }

#container { /*width: 1100px; margin: 0 auto; */ box-shadow:0 0 4px #666; }
.container { padding: 0; max-width: 1100px; }
.navbar-brand { display:none; }

@media (min-width: 999px) {
   ul#nav, ul.nav { background-color: #0198cf; margin: 0; padding: 0; height: 35px; width: 100%; padding-left: 10px; box-shadow: 0 2px 1px #666; position: relative; margin-top: 4px; }
   ul#nav li, ul.nav li { /*display: inline; float: left;*/ text-align: center; margin-right: 1px; }
   ul#nav li a, ul.nav li a { display: block; border: 1px solid #0678af; color: #fff; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 2px #666; padding: 7px 15px 6px 15px; font-weight: bold; font-size: 14px; background-image: -webkit-gradient(
   linear,
   left top,
   left bottom,
   color-stop(0, #66C1E2),
   color-stop(1, #059AD0)
);
background-image: -o-linear-gradient(bottom, #66C1E2 0%, #059AD0 100%);
background-image: -moz-linear-gradient(bottom, #66C1E2 0%, #059AD0 100%);
background-image: -webkit-linear-gradient(bottom, #66C1E2 0%, #059AD0 100%);
background-image: -ms-linear-gradient(bottom, #66C1E2 0%, #059AD0 100%);
background-image: linear-gradient(to bottom, #66C1E2 0%, #059AD0 100%); }
   ul#nav li a:hover, ul.nav li a:hover { background-color: #0198cf; background-image: none; }
}

.navbar { margin-bottom: 0; min-height: 1px; }
.navbar-collapse { padding: 0; }
.navbar-inverse { border: 0; background-color: transparent; background-image: none; }
.navbar-inverse .navbar-nav > li > a { color: #fff; text-shadow: none; }

#cartBar { background-color: #f6ebe5; font-size: 14px; line-height: 42px; padding: 3px 10px 0 100px; color: #31528d; text-transform: uppercase; }
#cartBar a { color: #66c1e2; margin-left: 20px; text-decoration: underline; }
#cartBar a:hover { color: #31528d; }
#search { float: right; margin: 0; }

h1, h2 { font-weight: bold; }
h1 { margin-bottom: 16px; }
a { text-decoration: underline; }
p { margin: 14px 0; }
#main ul { margin: 14px 0; }

#productTable { /*position: relative;*/ box-shadow: 0 3px 13px -4px #666; padding: 10px 0; }
#productTable td, #productTable div { text-align: left; font-weight: bold; color: #31528d; padding: 0px; font-size: 13px; float: none;
display: inline-block;
vertical-align: middle; }
#productTable div.whichis  { font-weight: normal; text-align: right; }
#productTable div a { text-decoration: none; }
#productTable a:hover { color: #000; }
#productTable a:hover img { opacity: .60; }
#productTable img { float: right; }

#main { padding: 10px 30px 30px 20px; }

#sidebar { background-color: #d3f1fa; padding: 10px; /*width: 170px;*/ border-left: 1px solid #98e4fb; }
#sidebar h2 { text-align: center; }


.highlight { border: 1px solid #31528d; }
.highlight h2 { margin: 0; padding: 4px 20px; background-color: #d3f1fa; }

#footer { background-color: #f6ebe5; padding: 10px 20px; font-size: 12px; border-top: 2px solid rgb(102,102,102);}

.testimonial { border: 1px solid #98e4fb; padding: 20px; margin-bottom: 10px; background-image: -webkit-gradient(
   linear,
   left top,
   left bottom,
   color-stop(0, #FFFFFF),
   color-stop(1, #EEEEEE)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%); }

.shipping_header, .wpsc_shipping_quote_name_tablerate_0, .wpsc_shipping_quote_price_tablerate_0, .wpsc_shipping_quote_radio_tablerate_0 { display: none; }

.default_product_display .imagecol { overflow: hidden; }
.product_image { width: 90%; }

.um-right .um-button { display:none; }


.related.products {
display:none;
}

.woocommerce-Price-amount { font-size: 20px; }
.products li.type-product { list-style-type:none; padding-bottom: 30px !important; }

.woocommerce-product-gallery { /*max-width: 200px; float: left; */}
.woocommerce-product-gallery .wp-post-image { /*max-width: 200px; height: auto; */ }
.entry-summary { /*width: 610px; float: right;*/ }
figure.woocommerce-product-gallery__wrapper { margin: 40px 0; }
.select-qty select { font-size: 17px; }

#product-371 p.price { display:none; }
.woocommerce-variation-price { margin: 20px 0; }
a.woocommerce-LoopProduct-link { text-decoration: none; color: #000; }
a.woocommerce-LoopProduct-link h2 { text-decoration: underline; }
a.woocommerce-LoopProduct-link .wp-post-image { float: left; width: 135px; height: auto; margin-right: 60px; margin-bottom: 40px; }
.type-product .select-qty { margin-bottom: 20px; }
.woocommerce table.cart img { height: 70px !important; width: auto; }
table.cart thead th { color: #fff; font-weight: bold; text-transform: uppercase; background-color: #0198cf; }

h2.prodtitle { min-height: 50px; }
h2.prodtitle a:hover { text-decoration: none; color: #31528d; }
.wpsc-product-old-price { display: none; }
#sideshoppingcart h3 { display: none; }

a.button, input.button, button.button, .woocommerce a.button.alt, button#place_order {
    padding: .5em 1em;
    background-color: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(57%,rgb(207,242,253)));
    background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(207,242,253) 57%);
    background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(207,242,253) 57%);
    background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(207,242,253) 57%);
    background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(207,242,253) 57%);
    background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(207,242,253) 57%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cff2fd',GradientType=0 );
    border: 1px solid #2eb8e6;
    font-size: 13px;
    line-height: 22px;
    -webkit-box-shadow: 3px 3px 1px rgba(50, 50, 50, 0.27);
    -moz-box-shadow:    3px 3px 1px rgba(50, 50, 50, 0.27);
    box-shadow:         3px 3px 1px rgba(50, 50, 50, 0.27);
    text-decoration: none; color: #333;
    text-transform: uppercase;
    color: #333 !important;
}
button#place_order{ font-size: 20px; }
.woocommerce a.button.alt { display: block; margin: auto !important; max-width: 320px; font-size: 20px;  }
input.button { padding: .1em .6em; font-size: 12px; line-height: 16px; }
a.button:hover, input.button:hover, button.button:hover, .woocommerce a.button.alt:hover, button#place_order:hover { color: #1d8eb3; background-image: none; background-color: #cff2fd !important; text-shadow: 1px 1px 1px #fff; }


.woocommerce form .form-row input.input-text { font-size: 16px; border-radius: 4px; width: 70%; border: 1px solid #ccc; height: 32px; padding-left: 8px; }

#change_country select, #change_country input[type=text] { font-size: 16px; border-radius: 4px; border: 1px solid #ccc; height: 32px; padding-left: 8px; }
#change_country input[type=text] { height: 26px; }
div.wpsc_email_address { padding: 15px; background-color: #d3f1fa; border-radius: 8px; border: 1px solid #666; width: 300px; margin: 40px auto; text-align: center; font-size: 17px; }
.wpsc_email_address input[type=text] { font-size: 16px; border-radius: 4px; height: 32px; border: 1px solid #ccc; width: 200px; }

.wpsc_checkout_table { width: 100%; }
.wpsc_checkout_table label { font-size: 16px; }
.wpsc_checkout_table input[type=text], .wpsc_checkout_table select { font-size: 16px; border-radius: 4px; width: 70%; border: 1px solid #ccc; height: 32px; padding-left: 8px; }
.wpsc_checkout_table select { width: 72%; }
.wpsc_checkout_table textarea { border-radius: 4px; width: 69%; border: 1px solid #ccc; padding: 8px; font-family: inherit; font-size: inherit; }
.wpsc_gateway_container input[type=text], .wpsc_gateway_container select { width: auto; }

table.checkout_forms, table.checkout_forms_hidden { width: 60%; }
table.checkout_forms tr td, table.checkout_forms_hidden tr td { background-color: #d3f1fa; padding: 8px; }

.wpsc-purchase-log-transaction-results th { background-color: #0198cf; color: #fff; text-transform: uppercase; padding: 5px; }
.wpsc-purchase-log-transaction-results td { padding: 5px; }

.user-profile-links a { margin: 0 10px; }

.bulktable { margin: 0 0 40px 30px; }
.bulktable td, .bulktable th { padding: 8px; text-align: center; }
.bulktable th { background-color: #0198cf; color: #fff; text-transform: uppercase; padding: 5px; }

.product_description ul { padding-left: 128px; }
#themenu { display:none; }

@media (max-width: 999px) {
   .navbar-inverse { background-color: #0198cf; }
   #post-38 .col-md-8, #post-38 .floatright { text-align: center; }
   #sidebar { text-align: center; }
   .floatright p { margin-top: 14px; margin-bottom: 8px; }
   .product .col-md-4 { text-align: center; }
}
@media (max-width: 768px) {
   /*.container { padding: 0 15px; }*/
   #productTable div { font-size: 25px; font-weight: normal; }
   #productTable div.whichis { text-align: center; font-size: 18px; padding: 20px 0; }
   #productTable img { }
   .navbar-brand { float: none; display: block; height: 182px; }
   .navbar-brand img { width: 376px; margin: auto; }
   #themenu { display:inline; position: absolute; top: 8px; right: 70px; color: #fff; font-size: 24px; text-shadow: 1px 2px 0 #000; }
   .navbar-nav { margin: 0; }
   .navbar-nav > li > a { font-size: 20px; text-align: center; text-decoration:none; border-bottom: 1px dotted #666; padding: 15px 0; background-color: rgba(255,255,255,.2); text-shadow: 1px 1px 2px #000; }
   #sidebar ul { padding-left: 0; list-style-type:none; }

}


@media (max-width: 499px) {
   .navbar-brand { height: 220px; }
   /*li { list-style-type: none; margin: 0; }*/
   #cartBar { font-size: 17px; padding: 3px 10px 0 10px; text-align: center;}
   .cartlink { display:block;  }
   .cartlink img { display:none; }

}



/* KEEP THIS IN ALL CSS, so that customers can use the alignment features when adding images. */
/* Begin Images */
p img {
   padding: 0;
   max-width: 100%;
   }

/* Using 'class="alignright"' on an image will (who would've
   thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
   align="center", being much more futureproof (and valid) */

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

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
   }

img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
   }

.alignright {
   float: right;
   }

.alignleft {
   float: left
   }
/* End Images */