html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{ text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap} body {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
line-height: 1.5em;
background-color: #003300;
}
body > div {
background-color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size: 2em;
line-height: normal;
margin: 0.5em 0;
}
h2 {
font-size: 1.5em;
line-height: normal;
margin: 0.5em 0;
}
h3 {
font-size: 1.3em;
line-height: normal;
margin: 0.5em 0;
}
h4 {
font-size: 1em;
line-height: normal;
margin: 0.5em 0;
}
h5 {
font-size: 0.8em;
line-height: normal;
margin: 0.5em 0;
}
h6 {
font-size: 0.7em;
line-height: normal;
margin: 0.5em 0;
}
strong {
font-weight: bold;
}
a, a * {
text-decoration: none;
color: #006600;
}
a:hover, 
a:hover *, 
p a {
text-decoration: underline;
color: #339933;
}
a img {
opacity: 1;
transition: opacity 1s;
}
a:hover img, 
a[href] img:hover {
opacity: 0.6;
transition: opacity 1s;
}
a:not([href]) img:hover, a[href=""] img:hover {
opacity: 1;
}
.entry-content li:not(.wc-block-grid__product) {
list-style-type: disc;
}
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 1em;
background: none;
}
#container {
padding: 4em 1em 6em 1em;
}
@media only screen and (min-width: 600px) {
#container {
padding: 10em 1em 6em 1em;
}
}
#footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 0.5em;
background-color: #ffffff;
}
#content .wc-block-grid .wc-block-grid__product {
font-size: 1em;
}
.entry-content {
max-width: 100%; margin-bottom: 6em;
}
.entry-content > p, .entry-content > h1, .entry-content > h2, .entry-content > h3, .entry-content > h4, .entry-content > h5, .entry-content > h6, .entry-content > ul {
max-width: 800px;
}
.entry-content p {
margin-top: 1em;
margin-bottom: 1em;
}
#vc-specifications p {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.hidden-element {
display: none;
}
table {
display: block;
width: 100%;
overflow-x: scroll;
border: solid #cccccc;
border-collapse: separate;
}
table > tbody { }
table tbody:active { }
table th {
font-weight: bold;
}
table th:hover {
cursor: pointer;
}
table tbody tr th, table tbody tr td {
min-width: 4em;
padding-left: 0.5em;
padding-right: 0.5em;
}
table:not(.variations) th {
background-color: #eeeeee;
outline: solid 1px #cccccc;
}
table:not(.variations) tbody tr:nth-child(odd) {
background-color: #eeeeee;
}
form > div {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
}
form > div.single_variation_wrap {
flex-direction: column;
}
form > div p {
flex-basis: calc(50% - 0.5em);
}
@media only screen and (min-width: 600px) {
form > div p {
flex-basis: calc(25% - 0.5em);
}
}
form > div p input, form > div p select {
width: 100%;
}
form label {
display: block;
}
form input[type="text"], form input[type="number"], form input[type="date"], form input[type="time"], form select, form textarea, form input[type="submit"], form input[type="password"] {
padding: 0.5em;
border: 2px solid #cccccc;
border-radius: 0.5em;
}
@media only screen and (max-width: 600px) {
form input[type="text"], form input[type="date"], form input[type="time"], form select, form textarea, form input[type="submit"], button {
font-size: 1em;
}
}
::-webkit-calendar-picker-indicator {
padding: 0.5em;
cursor: pointer;
border-radius: 0.5em;
}
button {
padding: 0.5em;
border: 2px solid #cccccc;
border-radius: 0.5em;
cursor: pointer;
}  #secondary-menu {
z-index: 110;
position: fixed;
top: 0;
right: 0;
width: 100%;
background-color: #336633;
color: #ffffff;
text-align: right;
}
#secondary-menu * {
color: #ffffff;
}
#secondary-menu ul {
padding: 0 1em;
}
#secondary-menu li {
display: inline-block;
padding: 0.5em;
}
#secondary-menu a, 
#secondary-menu a * {
font-weight: bold;
text-decoration: none;
}
#secondary-menu a:hover, 
#secondary-menu a:hover * {
text-decoration: underline;
}
#secondary-menu #menu-vspeed > .menu-item {
position: absolute;
left: 1em;
}
nav ul.submenu {
display: none;
position: absolute;
top: 100%;
background-color: #336633;
z-index: 1;
}
nav li:hover > ul.submenu, #secondary-menu .submenu li {
display: block;
}
nav ul.submenu li {
text-align: left;
}
#header {
background-color: #003300;
color: #ffffff;
padding-top: 3em;
z-index: 100;
}
#header a, 
#header a * {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
#header a:hover, 
#header a:hover * {
text-decoration: underline;
}
#header .custom-logo {
max-width: 4em;
max-height: 4em;
width: auto;
height: auto;
}
#header #branding, #header #menu {
text-align: center;
}
#header #branding #site-title {
font-family: Montserrat, Arial, Helvetica, sans-serif;
}
#header #branding #site-title a {
display: block;
}
#header #branding #site-title a span, 
#header #menu .menu-item span {
padding: 0.5em;
}
#header #branding #site-title *, 
#header #menu * {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
#header #branding #site-description {
display: inline-block;
font-size: 0.7em;
}
#header > *, #secondary-menu > * {
opacity: 0;
max-height: 0;
transition: max-height 0.2s, opacity 0.2s;
overflow: hidden;
}
#search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
padding: 0;
}
#greetings {
display: none;
}
@media only screen and (min-width: 600px) {
#header #menu {
overflow: visible;
}
#header #menu .menu-item-has-children:hover .sub-menu, #header #menu .menu-item-has-children:hover .sub-menu li {
display: block;
}
#header #menu .menu-item-has-children {
padding-right: 1em;
}
#header #menu .menu-item-has-children::after {
content: '';
position: absolute;
transform: translateY(200%) rotateX(180deg); border: solid transparent;
border-width: 0.25em;
border-bottom-color: #ffffff;
transition: transform 0.2s ease;
}
#header #menu .menu-item-has-children:hover::after {
transform: translateY(200%) rotateX(180deg);
}
#header #menu .menu-item-has-children:hover {
background-color: #336633;
border-radius: 0.5em 0.5em 0 0;
position: relative;
}
#header #menu .menu-item .sub-menu {
display: none;
position: absolute;
right: 0;
background-color: #336633;
border-radius: 0.5em 0 0.5em 0.5em;
padding: 0 0.5em;
z-index: 1;
white-space: nowrap;
}
} @media only screen and (max-width: 600px) {
#header:after {
content: '';
position: absolute;
top: 1em;
right: 1em;
width: 2.5em;
height: 0.5em;
background-color: #eeeeee;
border-radius: 0.5em;
box-shadow: 0 0.75em 0 #eeeeee, 0 1.5em 0 #eeeeee;
}
#header #branding {
position: absolute;
top: 1em;
left: 1em;
opacity: 1;
max-height: 2em;
text-align: left;
}
#header #branding #site-title a {
display: inline-block;
}
#header .custom-logo {
max-height: 2em;
}
#header.mobile-menu {
padding: 1em;
height: 100vh;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
#header.mobile-menu > * {
opacity: 1;
max-height: none;
overflow: auto;
}
#header.mobile-menu #menu ul, #header.mobile-menu #menu li {
display: block;
}
.menu-item-has-children .sub-menu {
max-height: 0;
overflow: hidden;
}
.menu-item-has-children .sub-menu-active {
max-height: 100%;
background-color: #336633;
padding: 10px;
border-radius: 20px;
}
#greetings {
display: block;
text-align: center;
width: 100%;
}
#greetings p {
padding: 0.5em;
}
} @media only screen and (min-width: 600px) {
#header > *, #secondary-menu > * {
opacity: 1;
max-height: none;
overflow: auto;
}
#header {
display: flex;
}
#header #branding, 
#header #menu {
flex: 1;
}
#header #branding {
text-align: left;
}
#header #branding #site-description {
position: absolute;
left: 10em;
top: 8em;
}
#header #menu {
text-align: right;
}
#header #search {
flex: auto;
}
#header li.menu-item {
display: inline-block;
}
#header #branding #site-title a {
display: inline-block;
}
} .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
background: none;
}
.dgwt-wcas-suggestions-wrapp {
border-radius: 0.5em;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
line-height: inherit;
} .modal {
display: none;
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
color: #ffffff;
background-color: #003300;
margin: 15% auto; padding: 1em;
border-radius: 1em;
width: 80%;
}
.close {
color: #eeeeee;
padding: 0.5em;
float: right;
font-size: 2em;
font-weight: bold;
}
.close:hover, .close:focus {
color: #cccccc;
text-decoration: none;
cursor: pointer;
}
.modal-content input, .modal-content input[type="text"], .modal-content input[type="password"] {
padding: 0.5em;
border-radius: 1em;
border: none;
margin: 0.5em;
}
.modal-content input[type="submit"] {
font-weight: bold;
}
.modal-columns {
display: flex;
}
.modal-columns > div {
flex: 1;
} #content {
min-height: calc(100vh - 28em);
}
#content #main h2.category-title,
#content #main-content h2.category-title, 
#content h1.page-title {
padding: 0.25em 1em;
background-image: linear-gradient(to right, #eeeeee , transparent);
border-radius: 2em;
}
#content #main-content h2.parent-category-title {
margin-bottom: 1em;
}
.product-description article {
margin: 1em 0;
display: flex;
flex-wrap: wrap;
gap: 1em;
flex-direction: column;
}
.product-description article > * {
width: 100%;
}
.product-description video {
margin: 1em;
}
.vc-img-expand {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(255, 250, 250, 0.1);
}
.vc-img-expand img {
position: absolute;
top: 9em;
left: 25vw;
right: 0;
margin: auto;
width: auto !important;
height: auto !important;
max-width: 100vw;
max-height: calc(100vh - 13em);
background-color: #ffffff;
border: 0.5em solid #336633;
border-radius: 1em;
opacity: 1 !important;
z-index: -1;
}
#content input[type="checkbox"] {
appearance: none;
position: relative;
width: 1em;
height: 1em;
background-color: #eeeeee;
outline: 0.1em solid #666666;
border-radius: 1em;
margin-right: 0.5em;
}
#content input[type="checkbox"]::before {
content: '';
display: inline-block;
position: relative;
left: 0.1em;
width: 0.8em;
height: 0.8em;
border-radius: 1em;
transform: scale(0);
transition: 120ms transform ease-in-out;
box-shadow: 1em 1em #666666 inset;
}
#content input[type="checkbox"]:checked::before {
transform: scale(1);
}
#content select:hover, #content input:hover, #content label:hover {
cursor: pointer;
}
#content input[type="text"]:hover, #content input[type="tel"]:hover, #content input[type="email"]:hover {
cursor: auto;
}
.vc-button {
text-align: center;
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding: 0 1em;
border: 2px solid #006600;
border-radius: 1em;
background-color: #ffffff;
-webkit-transition: background-color 120ms ease-in-out, border 120ms ease-in-out;
-ms-transition: background-color 120ms ease-in-out, border 120ms ease-in-out;
transition: background-color 120ms ease-in-out, border 120ms ease-in-out;
}
.vc-button:hover {
border: 2px solid #eeeeee;
background-color: #eeeeee;
}
.vc-button:active {
border: 2px solid #cccccc;
background-color: #cccccc;
}
.wp-block-list {
padding-left: 2em;
}
.wp-block-media-text > .wp-block-media-text__media {
align-self: auto;
}
.vc-application {
padding: 1em;
}
.vc-application:nth-child(even) {
background-color: #eeeeee;
}
.vc-application h2 {
font-size: 2em;
}
.wp-block-button__link {
background-color: #003300;
}
.wp-block-gallery, .wp-block-buttons {
margin-top: 1em;
margin-bottom: 1em;
}
.vc-category-button {
font-size: 0.7em;
}
.vc-product-component select {
font-size: 1em;
} #vc-line-card, #vc-line-card * {
color: #339933;
}
.current-page * {
font-weight: bold;
}
#sidebar, #vc-show {
display: none;
}
@media only screen and (min-width: 600px) {
#sidebar, #vc-show {
display: block;
}
} #content .post.not-found {
text-align: center;
}
@media only screen and (min-width: 600px) {
#content {
display: flex;
flex-direction: row-reverse;
}
#content #main-content, 
#content #primary, 
#content .post,
#content .page {
width: 75%;
}
.sidebar-collapse #content #main-content, 
.sidebar-collapse #content #primary, 
.sidebar-collapse #content .post,
.sidebar-collapse #content .page {
width: 100%;
}
#vc-show {
display: none;
position: fixed;
bottom: 3em;
left: 0;
padding: 0 1em;
background-color: #eeeeee;
border-radius: 0 0.5em 0.5em 0;
z-index: 99;
}
#vc-show li {
list-style: none;
}
.sidebar-collapse #vc-show {
display: block;
} #content #sidebar, #sidebar {
width: 25%;
position: fixed;
top: 10em;
left: 0;
padding: 0 1em;
}
.sidebar-collapse #content #sidebar, .sidebar-collapse #sidebar {
width: 0;
padding: 0;
overflow: hidden;
}
#container #sidebar ul.xoxo {
background-color: rgba(255, 255, 255, 0.75);
border-radius: 0.5em;
}
#container #sidebar ul.xoxo li, #sidebar ul.xoxo li {
padding: 0.5em;
} .wp-block-columns {
width: 100%;
}
.wp-block-group.is-vertical {
margin-top: 1em;
margin-bottom: 1em;
} #content .post.not-found {
width: 50%;
margin-right: 25%;
}
}
@media only screen and (min-width: 768px) {
.product-description article {
flex-direction: row;
}
.product-description article > * {
width: calc(33.33% - 1em);
}
}
@media only screen and (min-width: 1080px) {
#content #main-content, 
#content #primary, 
#content .post,
#content .page {
width: calc(100% - 270px);
} #content #sidebar, #sidebar {
width: 270px;
}
} .woocommerce ul.products li.product .woocommerce-placeholder, 
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder,
#content .wc-block-grid__products .wc-block-grid__product-image img {
border: none;
}
.woocommerce-product-details__short-description ul {
margin: 1em;
}
.woocommerce-product-details__short-description ul li {
font-weight: bold;
line-height: 2em;
}
.woocommerce-product-details__short-description ul li::marker {
content: '✓ ';
}
.woocommerce ul.products, 
.woocommerce-page ul.products {
display: flex;
flex-wrap: wrap;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
flex: 1;
max-width: 33.33%;
min-width: 33.33%;
margin: 0;
padding: 0.5em;
}
.wc-block-grid.has-6-columns li.wc-block-grid__product {
max-width: 33.33%;
}
#content .summary {
margin-right: 1em;
}
.vc-configurator select {
width: 100%;
padding: 0.5em;
border-radius: 0.5em;
}
#content .summary .price {
margin: 0.5em 0;
}
.product-type-variable .summary p.price {
display: none;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 0;
}
.wc-block-cart-item__wrap .wc-block-components-product-badge, .wc-block-cart-item__wrap .wc-block-components-sale-badge:after {
content: " per unit";
}
.wc-block-cart-item__wrap .wc-block-components-product-price__value:after {
content: " each";
}
.wc-block-formatted-money-amount, .wc-block-components-formatted-money-amount, .wc-block-components-product-price__value {
font-weight: bold;
}
#content .product-description ul {
margin-top: 0.5em;
margin-bottom: 0.5em;
break-before: avoid;
break-inside: avoid;
}
#content .product-description ul li {
padding-left: 1em;
}
#content .vc-specifications { }
.woocommerce-product-gallery {
z-index: 99;
}
.woocommerce-product-components label {
-webkit-user-select: none; -ms-user-select: none; user-select: none;
}
.woocommerce form .form-row .input-checkbox {
display: inline-block;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background-color: #eeeeee;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #006600;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: #003300;
}
.wc-block-components-product-metadata__description {
display: none;
}
@media only screen and (min-width: 600px) {
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
max-width: 16.66%;
min-width: 16.66%;
}
.wc-block-grid.has-6-columns li.wc-block-grid__product {
max-width: 24em;
}
}
@media only screen and (min-width: 768px) {
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
padding: 1em;
}
.wc-block-grid.has-6-columns li.wc-block-grid__product {
max-width: 24em;
}
div.vc-configurator {
display: inline-block;
max-height: 100%;
}
.woocommerce div.product div.vc-configurator > div.images.woocommerce-product-gallery {
position: sticky;
top: 10em;
}
} #footer {
z-index: 100;
}
#footer, #footer * {
text-align: center;
background-color: #003300;
color: #ffffff;
}
#copyright {
font-size: 0.8em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
:not(.wc-block-checkout) #contact {
padding-top: 1em;
padding-bottom: 5em;
color: #ffffff;
background-color: #003300;
}
.contact-info p {
margin: 0.5em;
text-align: center;
}
@media only screen and (min-width: 768px) {
.contact-info {
display: flex;
flex-wrap: wrap;
gap: 1em;
flex-direction: row;
}
.contact-info > * {
width: calc(33.33% - 1em);
}
}
table::-webkit-scrollbar {
-webkit-appearance: none;
width: 1em;
}
table::-webkit-scrollbar-thumb {
border-radius: 1em;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.vc-price-estimate-total td {
outline: solid 1px #cccccc;
padding: 0.5em;
}
@media only screen and (min-width: 600px) {
#mobile-menu-append, #header #menu #mobile-menu-append {
display: none;
}
}