/* For help with this file, please contact Info@CleanWebDesign.com */
html {}
body {width:100%; font-family:verdana,arial,serif; background:#eee; font-size:100%; margin:0; padding:0;}
#header, #nav ul, #main, #footer {width:98%; margin:0 1%; }
#head {clear:both; position:relative; padding:0; height:170px;
background: #a1dbff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExZGJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2ZiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a1dbff 0%, #f7fbff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1dbff), color-stop(100%,#f7fbff));
background: -webkit-linear-gradient(top,  #a1dbff 0%,#f7fbff 100%);
background: -o-linear-gradient(top,  #a1dbff 0%,#f7fbff 100%);
background: -ms-linear-gradient(top,  #a1dbff 0%,#f7fbff 100%);
background: linear-gradient(to bottom,  #a1dbff 0%,#f7fbff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#f7fbff',GradientType=0 );
} /* full wrapper */
#header {
  margin:0 auto;
  position:relative;
  height:140px;
  padding:10px 0 0;
  background:url("images/cloud2.png") right no-repeat;
}

#header h2,
#header h3 {
  padding:0;
  margin:0;
}

#header h2 a {
  display:block;
  max-width:700px;
  height:140px;
  background:url("images/LLP-blue-img-only.jpg") no-repeat;
  font-size:2.75rem;
  line-height:1.2;
  padding:15px 0 0 300px;
  margin:0;
  float:left;
  color:#25377f;
  text-shadow:0 0 10px #fff;
  z-index:9;
  position:relative;
}

#header h3 a {
  display:block;
  padding:0;
  color:#0098D8;
  font-size:1.5rem;
  top:3em;
  left:300px;
  z-index:99;
  position:absolute;
}

#header form {
  position:absolute;
  bottom:-18px;
  right:2%;
  z-index:99;
}

#header form label {display:none;}

#header form input {
  width:auto;
  margin:0;
  padding:5px;
  padding:6px 12px;
  font-size:14px;
  line-height:1.4;
  color:#555;
  background-color:#fff;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#header form input+input {padding:5px;}

#header > ul {list-style:none;}

#header .checkout .btn-primary {color:#777;}


#nav {margin:0 auto; border-bottom:4px solid #338e41; background:#77b844; z-index:1500; text-transform:uppercase; position:relative; float:left; height:40px; width:100%; }
 #nav ul {list-style:none; padding:15px 0 0 50px;}
 #nav li {position:relative; float:left; margin:-5px 0 0; padding:0; height:auto;}
 #nav a {display:block; padding:0 15px; margin:0 20px; color:#fff; height:56px; font-weight:bold;}
 #nav a:hover, #nav .current_page_item a, #nav .current_page_item a:hover {color:#127dc1; background:url(//landscapelightingproducts.com/images/arrow-down.png) center bottom no-repeat; position:relative; z-index:1500;}
 #nav .current_page_item li a {background:none;}
 #nav li ul {position:absolute; left:-999em; padding:36px .5em 0; margin:-24px 0 0; width:100%; min-width:150px; background:#0d4d82; z-index:9;}
 #nav li li {display:block; width:100%; margin:0; padding:0;}
 #nav li li a {margin:0; line-height:1.5em;}
 #nav li li a:hover, #nav .current_page_item  a:hover {background:none; color:#77B844;}
 #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:0;}

#nav a {
  -moz-transition-property: color, background; -moz-transition-duration: 250ms;
  -webkit-transition-property: color, background; -webkit-transition-duration: 250ms;
  -o-transition-property: color, background; -o-transition-duration: 250ms;
  -ms-transition-property: color, background; -ms-transition-duration: 250ms;
  transition-property: color, background; transition-duration: 250ms;
}

#main {clear:both; }
.single-product #main {max-width:1400px; margin:auto;}

#content {clear:right; float:left; width:100%; line-height:1.5; position:relative; overflow:hidden; margin:0 0 .5%; border-radius:0 0 .5em .5em;}
 #content div.full {margin:1% 1% 2% 2%; }


.home #content div.full {margin:0;}

#homeblocks {float:left; margin:1% 0; padding:0; position:relative; list-style:none; width:100%; }
#homeblocks li {width:31.33%; margin:1%; float:left; position:relative; overflow:hidden; padding:0; }
#homeblocks a.slide {display:block; border:3px solid #77b844; padding:0 0 35px; margin:0; float:left; border-radius:8px;  background:#fff; }
#homeblocks a.slide:hover {border-color:#107dc2; }
#homeblocks a:hover h3 {color:#107dc2; }
#homeblocks p {display:none;}  /* removes dum WP <p> getting added above a tag */
#homeblocks h3 {text-align:center; color:#444; position:absolute; width:97%; padding:3px 0; margin:0; bottom:5px; left:3px; font-size:1.5rem; line-height:1.5; font-weight:normal; text-shadow:1px 1px 1px #273270; color:#77b844;}
#homeblocks img {border-radius:5px; background:#fff; padding:0 0 15px;}

#filter {float:left; width:100%; background:#8CC63F; margin:0; border-radius:0 0 10px 0;}
 #filter ul { margin:0; padding:0; list-style:none;}
 #filter h2 {padding:0 .5em; margin:0; color:#777; font-size:.9rem;}
 #filter .widget {float:left; padding:.5em; margin:5px; background:#fff; border-radius:10px;}
 #filter li li a { padding:.5em 0; display:block;}
 #filter a:hover {}

/* Sidebar */
#sidebar {background:#8CC63F; padding:1%; width:22.5%; font-size:.9rem; float:left; border-radius:0 0 10px 10px; display:none;}
#sidebar ul {list-style:none; padding:10px 5px; margin:0; background:#fff; border-radius:10px;}
.wpcocategoriesgrid ul li {padding:0; border:none !important;}
#sidebar h2 {color:#df533b; padding:0; margin:5px 0 2px;}
.checkout .list-group-item {padding:10px 5px !important;}
.checkout_widget_categories li {border:None !important; padding:5px 0 !important;}
.taxwrap {font-size:10px !important; display:none;}
.product-categories li {text-transform:uppercase; padding:5px 0 0; font-size:1.2rem; }
.product-categories li span {display:none;}
.product-categories li li {text-transform:none; padding:0; font-size:.9rem; text-align:left;}
.product-categories li li span {display:inline; font-size:.65rem}
.widget_shopping_cart_content img {display:block; margin:0 0 .5em;}

.product-categories ul ul.children { padding:0 0 1px; font-size:.9rem; display:none;}
/*.product-categories .current-cat ul.children {display:block;}*/
.product-categories .current-cat li a {font-weight:normal; font-size:.9rem; text-transform:none;}
    
.home .page-description {float:right; margin:0 0 0 2.5%; width:52.5%; padding:0;}
.home .products {float:left; width:45%; padding:0; margin:0; }
.home .products .product-category {width:45%; margin:3% 0 2% 4.5%; padding:0; }
mark.count {display:none}

.archive .cats li {float:left; width:24%; margin:0 .25%; padding:0;  }


/* Woo */

input.qty {width:auto; max-width:50px;}
ul.products {float:left; margin:0 0 2rem; padding:0; width:100%;}

/*categories grid*/
.products li.product-category {border:none; width:30%; position:relative; padding:0; margin:1.333% 1.333% 0; overflow:hidden; height:auto; min-height:280px;}
/*.term-manufacturers li.product-category {max-width:23%; min-height:100px; height:200px; margin:2.333% 4.333% 0;}*/
.term-manufacturers li.product-category,
.term-material li.product-category {width:220px; height:auto; margin:.5%; padding:.25%; }
	.term-manufacturers li.product-category h3 {font:13px/1 arial; background:none;}
	.term-manufacturers .product-category:hover .shop_cat_desc {background:none;} /* Hides description hover on manufacturer cat */
.product-category img {background-color:#fff; height:auto; padding:0 0 25px; } 
.product-category b { position:absolute; top:4%; right:4%; background:#ccc; color:#fff; padding:0 5px; font-weight:normal; font-size:.65rem; display:block; text-align:left; border-radius:20px;}
.product-category b div.shop_cat_desc {display:none;}
.product-category b:hover {color:#fff; padding:0; margin:0; background:none;}
.product-category b:hover div.shop_cat_desc {display:block; background:rgba(0,0,0,.7); color:#fff; border-radius:5px; font-size:1.2rem; 
    line-height:1.2; margin:0 0 0 4%; padding:3%; width:90%; line-height:1.2; font-weight:normal;
  -webkit-animation: easein-desc 2s;
  -moz-animation:    easein-desc 2s;
  -o-animation:      easein-desc 2s;
  animation:         easein-desc 2s;
}

@-webkit-keyframes easein-desc {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes easein-desc {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes easein-desc {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes easein-desc {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}



.products .product-category h3 {font-size:1.5rem; background:rgba(255,255,255,.8); padding:0 5px; margin:0 0 15px;}

/*products grid*/
.products .product {width:18%; height:380px; float:left; margin:.75%; background:#fff; text-align:center; padding:0; list-style:none; border:1px solid #ddd; border-radius:4px; position:relative; }
.products .product a {display:block; font-size:.8 rem; margin:0 0 4%; width:100%;  }
.products h3 { font-weight:normal; line-height:1.2; color:#337ab7; padding:5px 1% 10px; background:#fff; font-size:1.1rem; position:absolute; bottom:0; left:0; width:98%; margin:0; }
	.products a:hover h3, .products li a:hover {color:#8cc63f; }
.products .product .button {display:none;}
.products .product img { max-height:370px; width:auto; }
.products .price {position:absolute; right:-10px; top:3%; border:1px solid #8cc63f; color:#106eb8; font-size:.8rem; font-weight:normal; background:#e7f5ff; padding:1px 3px; box-shadow:-2px 2px 2px #999 }

.products .onsale {background:#ffd634; position:absolute; top:-1rem; left:-1rem; color:black; font-size:1.2rem; padding:1rem .5rem; border-radius:2rem;}
del {color:#888}
ins {color:#9b3946;}

.current-cat a {font-weight:bold;}
span.count {font-size:.7rem; color:#777; }

/* individual product */
.product .onsale { display:none; }

.product .images, 
.product .related {float:left; width:40%; margin:0; padding:0; text-align:center; }

.product .related .product {width:45%; margin:2%; padding:0; height: }


.summary, 
.product .panel, 
ul.tabs {float:right; width:56%; padding:0 2% 1%;  margin:0; list-style:none; }

.summary {border-radius:15px; background:#fff;}

.product_meta span {display:block; width:47%; float:left; padding:10px 1.5% 0 0; font-size:.8rem; color:#ccc;}
.product_meta a {color:#ccc;}

.product .price {color:green; font-weight:bold;}
.product .sku_wrapper {display:none;}
.reset_variations {font-size:.7rem; float:right;}

.productinfo-show-discounts {float:right; color:#77b844; text-align:right;}
.productinfo-show-discounts:after {content:'*Add items to cart to see quantity discounts*'; display:block; font-style:italic;}

form.cart {  float:left; width:98%; color:#25377f; background:#eee; padding:2%; border-radius:5px;  }
form.cart input, form.cart button {font-size:1.5rem;}
.single_variation_wrap { float:right; width:30%; text-align:center; }
.variations {float:left; width:70%;}
.product form .price { font-weight:bold; }
.reset_variations {}
/*
.tm-final-price-totals dt {width:auto; float:left; padding:3px 10px 0 0;}
.tm-final-price-totals .amount.final {font-size:1.2rem !important;} */ /*this plugin throws errors - added jquery to woocommerce.php instead */ 
.cart input, .cart select, .cart textarea {padding:5px; margin:.5rem; border:1px solid #ddd; line-height:1.5rem; }
.cart select {margin:0 .5rem;}
.cart label {color:#77b844; }

.term-description {max-width:800px; margin:auto;}

ul.page-numbers {padding:0; margin:2rem 0; list-style:none; float:left; }
.page-numbers li {display:inline-block; padding:0; margin:0; }
.page-numbers li a, .page-numbers span {padding:5px 10px; background:#fff; margin:0; border:1px solid #ddd; line-height:1; font-size:1.5rem;}
.page-numbers li a:hover {background:#8cc63f; }
.page-numbers a.next {  }

.woocommerce-ordering, 
.woocommerce-result-count {float:left; font-size:.8rem; width:99%; padding:0; line-height:1; margin:0; text-align:right; }

#payment li {padding:0; list-style:none; }
#payment fieldset input, #payment fieldset label {float:left; text-align:left; width:90%; margin:5px 0 0; }
#place_order {width:100%; margin:0 auto 10%; font-size:2rem; }


#customer_details label, #customer_details select {display:inline-block; float:left; width:auto; min-width:150px; padding:5px;}
#customer_details input {padding:5px;}
#customer_details #billing_address_2_field {margin-left:160px;}
#customer_details select {max-width:150px;}
#customer_details .select2-choice {width:150px;}
#customer_details textarea {padding:5px; min-width:300px;}

#foot {clear:both; float:left; width:100%; background:#444; padding-bottom:5em;}  /* full wrapper */
#footer {color:#7c7c7c; line-height:1;  }
  #footer ul {padding:0; margin:0; list-style:none; }
    #footer ul ul {margin:10px 0 0; }
	#footer .widget {float:left; margin:0; padding:2% 0; width:100%; }
#footer a:hover {color:#fff;}

#footer .product-categories li {width:23%; margin:0 1%; float:left; height:400px; font-size:1.1rem; }
#footer .product-categories li li {text-align:left; padding:4px 0; font-size:.9rem;}
	#footer .product-categories li li a {color:#888;}
    #footer .product-categories li li a:hover {color:#fff;}

  .cat-item-1114, .cat-item-1142, .cat-item-1118 {display:none;} /* Accessories,  Tramps, LED for home */

#footer .cat-parent .cat-item {float:left; height:auto; width:98%; margin:0; }

a.cwd {display:block; text-align:center; line-height:30px; color:#7c7c7c; clear:both; font-size:.8em; background:#444; }
a.cwd:hover {color:#333;}

a {text-decoration:none; color:#0098D8;}
 a:focus, a:active {background:none; outline:none;}
 a:hover {color:#25377f;}
 a[href^=tel] {color:inherit; text-decoration:none;}
a.post-edit-link {display:block; background:#fff; width:auto; float:right; padding:0 3px; font-size:smaller; color:red;}
img, a.img, img a {border:none; border-radius:5px; max-width:100%; height:auto;}
iframe {max-width:100%;}

td, th {vertical-align:top; padding:5px;}
h1,h2,h3,h4,h5 { padding:2px 0 3px; margin:0; }
h1 {font-size:1.5em; font-weight:normal; padding-top:10px; color:#0098D8; text-align:center;}
	.home h1 {display:none;}
h2 {font-size:1.2em}
h3 {font-size:1.2em}
h4 {font-size:1.1em}
h5 {font-size:1em}
b.thanks {font-size:1.5em; padding:15px; display:block; text-align:center;}

#contact {width:55%; margin:3em 0; float:right;}
 #contact label {float:left; clear:left; width:80px; text-align:right; padding:5px;}
 #contact textarea,#contact input {width:70%; margin:5px; padding:5px; border:1px solid #ccc; }
 label.error {color:red; width:100%; padding:0; margin:0; text-align:center; }
#post-2 {width:45%; float:left;}


label.error {color:red; width:100%; padding:0; margin:0; text-align:center; }
.error {border-color:red;}
input:focus {background:#f7f7f7;}
input.button, a.button, #commentform input#submit, button {width:auto; padding:3px 20px; border-radius:10px; color:#fff; border:none;
background: #208ccd;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5YTZkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5YTZkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwOThkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDk4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #208ccd 0%, #208ccd 50%, #0098d8 51%, #0098d8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#208ccd), color-stop(50%,#208ccd), color-stop(51%,#0098d8), color-stop(100%,#0098d8));
background: -webkit-linear-gradient(top,  #208ccd 0%,#208ccd 50%,#0098d8 51%,#0098d8 100%);
background: -o-linear-gradient(top,  #208ccd 0%,#208ccd 50%,#0098d8 51%,#0098d8 100%);
background: -ms-linear-gradient(top,  #208ccd 0%,#208ccd 50%,#0098d8 51%,#0098d8 100%);
background: linear-gradient(to bottom,  #208ccd 0%,#208ccd 50%,#0098d8 51%,#0098d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#208ccd', endColorstr='#0098d8',GradientType=0 );
}
.button:hover, input.button:hover, a.button:hover, #commentform input#submit:hover {cursor:pointer;
background: #0098d8;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwOThkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwOThkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzI5YTZkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzI5YTZkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #0098d8 1%, #0098d8 50%, #208ccd 51%, #208ccd 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0098d8), color-stop(50%,#0098d8), color-stop(51%,#208ccd), color-stop(99%,#208ccd));
background: -webkit-linear-gradient(top,  #0098d8 1%,#0098d8 50%,#208ccd 51%,#208ccd 99%);
background: -o-linear-gradient(top,  #0098d8 1%,#0098d8 50%,#208ccd 51%,#208ccd 99%);
background: -ms-linear-gradient(top,  #0098d8 1%,#0098d8 50%,#208ccd 51%,#208ccd 99%);
background: linear-gradient(to bottom,  #0098d8 1%,#0098d8 50%,#208ccd 51%,#208ccd 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098d8', endColorstr='#208ccd',GradientType=0 );
}

.aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto;}
.alignleft { float:left; margin:0 20px 20px 0; }
.alignright { float:right; margin:0 0 20px 20px;}
.wp-caption { background:#f3f3f3; border:1px solid #ddd; text-align:center; }
.wp-caption img { border:0 none; margin:4px 0 0; padding:0;}
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px;}

ul#topics, ul.children {list-style:none;}
h3#comments {margin-left:20px;}
#comment-box {float:left; border-top:3px dotted #ccc; width:100%; min-height:400px; padding-top:10px; font-family:Arimo,arial,sans; position:relative; }
  #comment-box div {margin:0; padding:0; }
ol.commentlist {width:60%; margin:0; padding:0; list-style:none; float:left; }
 ol.commentlist li {border-top:1px dotted #ccc; margin-bottom:10px; }
  ol.commentlist li li {}
   ol.commentlist li.odd div.comment-body {background:#eee; padding:0 3px;}
   ol.commentlist li.odd .depth-3 .comment-body{background:#f7f7f7;}
 .comment-author {float:left;}
  .comment-meta {font-size:.75em; text-align:right; }
   .comment-meta a {color:#999; line-height:30px; padding:3px;}
    .vcard img {vertical-align:middle;}
  .comment-body p {clear:both; font-size:1em; text-align:left; padding:1% 2% 0;}
  .comment-reply-link {color:#af3737; font-size:smaller; text-align:right; display:block; padding:3px;}

#respond {width:32%; float:right; margin:0 20px;}
li #respond {width:90%; float:none; clear:both;}
 #respond h3 {padding:0 15px; margin:0; background:#a30c0c; color:#fff;}
 #commentform {float:left; background:#eee; width:95.5%; margin:0; padding:0 2% 2%; border:1px dotted #ccc;}
  #commentform label {width:100%; padding:0; margin:0 2% 3%; text-align:left; }
  #commentform input {width:93%; margin:0 2%; padding:1%;}
  #commentform textarea {padding:1%; margin:0 2%; width:94%; float:none;}
  #commentform input#submit {clear:both; float:none; margin:0 auto; width:100%;}
.comment {clear:both;}

label {position:relative}
option:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
option:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
#sidebar .checkout .pull-right {float:none !important;}
#contact {width:65%;}
#contact input,#contact textarea {width:70%;}
.woocommerce-page ul.products li.product {width:40% !important;}
    }

/* #iPad (Portrait) Woo loop */
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .col-md-3 {width:50%; float:left;}
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {
body {margin:0;}
#header form {display:none;}
#nav ul {padding:5px 0;}
#nav li {font-size:1.1em;}
#nav a {padding:1% 5%;}
  #nav a:hover, #nav .current_page_item a, #nav .current_page_item a:hover {background:none;}
#nav ul ul {display:none;}
#nav a:hover, #nav .current_page_item a, #nav .current_page_item a:hover {border-radius:0; }
#content {float:none;width:100%;}
#sidebar {clear:both;width:98%;display:block;}
#sidebar .widget {margin:0;}
#footer ul {width:90%;padding:5px 5%;text-align:center;}
#footer .widget, #footer .product-categories li  {width:100%; height:auto; float:none;}
#contact {width:100%; float:none;}
#contact input,#contact textarea {width:90%;}
  #post-2 {width:100%; float:none; text-align:center;}
h1,h2,h3,h4,h5,h1.storytitle,h1.storytitle a {text-align:center;}
.woocommerce-page ul.products li.product {width:40% !important; min-height:250px;}
    }


/* #Mobile (Landscape)
================================================== */

    @media only screen and (max-width: 1025px) {
#head {height:auto;}
#header {height:100px;}
#header h2 a {background-size:20%; width:70%; height:100px; font-size:1.8rem; text-align:left; padding:0 0 0 20%;}
#header form {top:40px;}
#homeblocks li {width:48%; } 
    }
    
    @media only screen and (max-width: 946px) {
#nav ul {padding:5px 0 0 0;}
#nav a {padding:0;}
    }
    
    @media only screen and (max-width: 767px) {
#header {height:80px;}
#header h2 a {height:80px; font-size:1.2em;}
#nav {height:auto;}
#nav ul {padding:0;}
#nav li {display:block; width:100%; padding:5px; border-top:1px solid #eee;}
#nav a {font-size:1rem; padding:0; height:auto;}
#nav a:hover, #nav .current_page_item a, #nav .current_page_item a:hover {background:none;}
    }

    @media only screen and (min-width: 480px) and (max-width: 767px) {
#header, #header h2 a {height:75px;}
#contact {width:100%; float:none;}
#contact input,#contact textarea {width:70%;}
        
    }

    @media only screen and (max-width: 500px) {
#header {height:55px;}
#header h2 a {font-size:1.3rem;}
        #homeblocks li {width:98%;}
    }

    @media only screen and (max-width: 480px) {
#header {height:60px;}
#header h2 a {background-size:100px; font-size:1.1rem; padding:0 0 0 105px;}
    }

    @media only screen and (max-width: 480px) {
        #header, #header h2 a {height:70px; font-size:.9em; width:auto;}
}

/* ===============================
   Added Feb 2026 – moved from Customizer
   =============================== */
/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* Begin Kyle's CSS */
ul.page-numbers {
    padding: 0;
    margin: 2rem 0;
    list-style: none;
    float: none;
    display: block;
}
ul.products li.post-49866 {
    display: none;
}
.page-id-46381 h1.storytitle {
	display:none;
}
.page-id-45685 h1.storytitle {
	display:none;
}
.page-id-42487 h1.storytitle {
	display:none;
}
.page-id-42468 h1.storytitle {
	display:none;
}
.page-id-41955 h1.storytitle {
	display:none;
}
.page-id-42444 h1.storytitle {
	display:none;
}

li.cat-item.cat-item-3094 {
    height: 0px !important;
}
h2.woocommerce-loop-product__title{font-size:.75em;}	

/* End	 Kyle's CSS */		

@media only screen and (max-width: 480px){
#header, #header h2 a {
    height: 70px;
    font-size: 11px;
    width: auto;
}
#content {
    float: none;
    padding-top: 100px !important;
    width: 100%;
}
	.products .product {
    width: 95% !important;
}
	#header h3 a {
    display: block;
    padding: 0;
    color: #0098D8;
    font-size: 1.5rem;
    top: 9em;
    left: 0;
    z-index: 99;
    position: absolute;

}
			.cblog.colm img{
    width: 100%;
		height:300px;
	}
}
@media only screen and (min-width: 1000px){
	.singlecustom #respond {
    width: 100%;
    float: right;
    margin: 0 20px;
}
.singlecustom	img{
    width: 100%;
	max-width:900px;
	display:block;
	margin: auto;
	}
	.singlecustom {
        display: block;
    width: 1200px;
    margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}
.customblog {
    display: block;
    width: 1200px;
    margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}
.cblog.colm {
    width: 30%;
    display: inline-block;
    margin-right: 2%;
}
.cblog.colm img{
    width: 100%;
		height:320px;
	}
	.cblog-title{
		min-height:50px;
		display: block;
	}
.cblog.colm {
    width: 30%;
    display: inline-block;
    margin-right: 1%;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
	
}}
#header h2 a{
	max-width:none;
}

#header h1 a {
    display: block !important;
    padding: 0;
    color: #0098D8;
    font-size: 1.5rem;
    top: 3em;
    left: 300px;
    z-index: 99;
    position: absolute;
}

/* ================================
   CHECKOUT LAYOUT FIX (STAGING)
   ================================ */

/* Center checkout and limit width */
.woocommerce-checkout .woocommerce,
.woocommerce-checkout form.checkout {
    max-width: 1100px;
    margin: 0 auto;
}

/* Billing + Shipping columns */
.woocommerce-checkout #customer_details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 60px;
}

/* Left and right columns */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
    flex: 0 0 48%;
    max-width: 48%;
}

/* Section headings */
.woocommerce-checkout h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

/* Form row spacing */
.woocommerce-checkout .form-row {
    margin-bottom: 12px;
}

/* Align labels + fields like live site */
.woocommerce-checkout .form-row label {
    display: inline-block;
    width: 160px;
    text-align: right;
    padding-right: 10px;
    font-weight: 600;
    vertical-align: middle;
}

/* Field wrapper */
.woocommerce-checkout .woocommerce-input-wrapper {
    display: inline-block;
    width: calc(100% - 180px);
    vertical-align: middle;
}

/* Inputs */
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 8px;
}

/* Checkbox spacing */
.woocommerce-checkout input[type="checkbox"] {
    margin-right: 6px;
}

/* Order notes spacing */
.woocommerce-checkout textarea {
    min-height: 90px;
}

/* Responsive: stack on mobile */
@media (max-width: 900px) {
    .woocommerce-checkout #customer_details {
        display: block;
    }
    .woocommerce-checkout #customer_details .col-1,
    .woocommerce-checkout #customer_details .col-2 {
        max-width: 100%;
        width: 100%;
    }
    .woocommerce-checkout .form-row label {
        width: 100%;
        text-align: left;
        margin-bottom: 4px;
    }
    .woocommerce-checkout .woocommerce-input-wrapper {
        width: 100%;
    }
}
/* --- Checkout: force Billing + Shipping into two columns --- */
.woocommerce-checkout #customer_details {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 60px !important;
  align-items: flex-start !important;
}

/* Make both columns truly 50/50 and stop floats/stacking */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
  float: none !important;
  width: 50% !important;
  max-width: 50% !important;
  flex: 0 0 50% !important;
}

/* If anything inside is forcing full width weirdly */
.woocommerce-checkout #customer_details .col-1 *,
.woocommerce-checkout #customer_details .col-2 * {
  box-sizing: border-box;
}

/* Mobile: stack again */
@media (max-width: 900px) {
  .woocommerce-checkout #customer_details {
    display: block !important;
  }
  .woocommerce-checkout #customer_details .col-1,
  .woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ================================
   CHECKOUT – PAYMENT SECTION FIX
   ================================ */

/* Reset layout inside payment box */
.woocommerce-checkout #payment .form-row {
  display: block !important;
}

/* Remove forced label width for payment fields */
.woocommerce-checkout #payment label {
  width: auto !important;
  text-align: left !important;
  padding-right: 0 !important;
  display: block;
  margin-bottom: 6px;
}

/* Make payment inputs align naturally */
.woocommerce-checkout #payment .woocommerce-input-wrapper {
  width: 100% !important;
  display: block !important;
}

/* Fix CVV field specifically */
.woocommerce-checkout #payment input[name="wc-bluepay-cvv"],
.woocommerce-checkout #payment input[name*="cvv"],
.woocommerce-checkout #payment input[name*="cvc"] {
  max-width: 140px;
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
}

/* Allow card type text/icons to sit next to CVV */
.woocommerce-checkout #payment .form-row .description,
.woocommerce-checkout #payment .form-row small {
  display: inline-block;
  vertical-align: middle;
}
/* ================================
   CHECKOUT – SHRINK EXPIRATION DATE FIELDS
   ================================ */

/* Expiration month + year row */
.woocommerce-checkout #payment .form-row.form-row-first,
.woocommerce-checkout #payment .form-row.form-row-last {
  width: auto !important;
  display: inline-block !important;
  margin-right: 12px;
}

/* Expiration selects */
.woocommerce-checkout #payment select[name*="exp"],
.woocommerce-checkout #payment select[name*="month"],
.woocommerce-checkout #payment select[name*="year"] {
  max-width: 120px;
  width: 120px;
}
/* ================================
   CHECKOUT – BLUEPAY CARD FIELD LAYOUT
   ================================ */

/* Make payment method field rows behave consistently */
.woocommerce-checkout #payment .payment_box .form-row {
  float: none !important;
  clear: none !important;
  width: 100% !important;
}

/* Card number: full width */
.woocommerce-checkout #payment .payment_box input[name*="card"],
.woocommerce-checkout #payment .payment_box input[name*="cc"],
.woocommerce-checkout #payment .payment_box input[name*="number"] {
  max-width: 420px; /* adjust if you want wider */
}

/* Put Expiration + CVV on one row */
.woocommerce-checkout #payment .payment_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
  row-gap: 14px;
  align-items: start;
}

/* Ensure headings/labels span full width */
.woocommerce-checkout #payment .payment_box > h3,
.woocommerce-checkout #payment .payment_box > p,
.woocommerce-checkout #payment .payment_box .wc-credit-card-form-card-number,
.woocommerce-checkout #payment .payment_box .form-row-wide {
  grid-column: 1 / -1;
}

/* Expiration group left, CVV right (best effort selectors) */
.woocommerce-checkout #payment .payment_box .wc-credit-card-form-card-expiry,
.woocommerce-checkout #payment .payment_box .form-row-first {
  grid-column: 1;
}

.woocommerce-checkout #payment .payment_box .wc-credit-card-form-card-cvc,
.woocommerce-checkout #payment .payment_box .form-row-last {
  grid-column: 2;
}

/* CVV input sizing */
.woocommerce-checkout #payment .payment_box input[name*="cvv"],
.woocommerce-checkout #payment .payment_box input[name*="cvc"] {
  max-width: 140px;
}

/* Expiration selects sizing */
.woocommerce-checkout #payment .payment_box select[name*="month"],
.woocommerce-checkout #payment .payment_box select[name*="year"],
.woocommerce-checkout #payment .payment_box select[name*="exp"] {
  width: 120px;
  max-width: 120px;
}

/* ==========================================
   REMOVE EXTRA SUBCATEGORY BULLET LIST (staging)
   Keeps product grid + pagination intact
   ========================================== */

/* On WooCommerce category archive pages, hide generic lists in the main content
   BUT do NOT hide: product grid, pagination, cart/checkout tables, widgets, menus */
.woocommerce.archive #content ul:not(.products):not(.page-numbers):not(.children):not(.product-categories):not(.wc_payment_methods):not(.wc-item-meta),
.woocommerce.archive #content ol {
  display: none !important;
}

/* Safety: never hide the actual product grid or pagination */
.woocommerce.archive #content ul.products,
.woocommerce.archive #content ul.page-numbers {
  display: block !important;
}
/* ==========================================
   REMOVE EXTRA SUBCATEGORY BULLET LIST (staging)
   Keeps product grid + pagination intact
   ========================================== */

/* On WooCommerce category archive pages, hide generic lists in the main content
   BUT do NOT hide: product grid, pagination, cart/checkout tables, widgets, menus */
.woocommerce.archive #content ul:not(.products):not(.page-numbers):not(.children):not(.product-categories):not(.wc_payment_methods):not(.wc-item-meta),
.woocommerce.archive #content ol {
  display: none !important;
}

/* Safety: never hide the actual product grid or pagination */
.woocommerce.archive #content ul.products,
.woocommerce.archive #content ul.page-numbers {
  display: block !important;
}