/*  Small screens */
@media only screen { 

/************* HIDDEN PRICES *************/
   .woocommerce ul.products li.product .price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price,
.wc-measurement-price-calculator-price,
#price_calculator .calculated-price,
.woocommerce-Price-amount,
.xoo-wsc-pprice,
.cart_totals 
 {display: none;}

 
/************* CART CONTENTS *************/
.cart-contents:before {font-family: "Font Awesome 5 Free";content: "\f07a";font-size:28px;margin-top:10px;font-style:normal; font-weight:900;padding-right:5px;vertical-align: bottom;}
.cart-contents:hover {text-decoration: none;}
.cart-contents-count {color: #fff;background-color: #2ecc71;font-weight: bold;border-radius: 10px;padding: 1px 6px;line-height: 1;font-family: Arial, Helvetica, sans-serif; vertical-align: top;}


/************* Products *************/

.product_title.entry-title {color: #1D9CD3; letter-spacing: 0.27em; font-size: 2rem; margin-bottom: .5rem;}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    font-size: 1.5rem; letter-spacing: 0.17em;
    padding: .25em 0;
    color: #1D9CD3;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #003260;
    font-size: 1rem;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
 .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
      color: #003260;
 }

 .woocommerce-loop-product__title a {color: #1D9CD3;}

.related.products {clear: both;
border-top: 2px solid #f9f9f9;
    padding-top: 2rem;
    margin-top: 20px;}

.single-product .large-9, .single-product .medium-8 {max-width: 100%;}

.variations tbody tr:nth-child(even) {background-color: transparent;}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li  {border-color: #1D9CD3;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #f9f9f9;
    color: #003260;
}
.woocommerce-message, .woocommerce-info {border-top-color:  #1D9CD3; background-color: #f9f9f9;}
.woocommerce-message::before, .woocommerce-info::before {color: #1D9CD3;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background: #f9f9f9;}
/************* widgets *************/


.widget_product_categories, .widget_products {margin-top: 1rem;}

.widget_product_categories .cat-item:after {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f0a9";
    margin-left: 10px;  
    color: #1D9CD3;
    float: right;
}

.woocommerce #tertiary a {color: #3E3E3E; font-weight: 600;}
.woocommerce #tertiary li {
        padding: 15px 0px;
    border-bottom: 1px solid #003260;
    font-size: 1rem;
}
.woocommerce #tertiary li:last-of-type {border-bottom: none;}
.woocommerce #tertiary .widget-title {padding: 10px 0; letter-spacing: 0.17em; font-size: 1.5rem; font-weight: normal; }
.woocommerce aside {
    background: #f9f9f9;
    padding: 1rem;
}

.dgwt-wcas-style-pirx.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {border-color: #1D9CD3;}

.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return path,
.dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) path,
.dgwt-wcas-style-pirx .dgwt-wcas-voice-search svg path,
.dgwt-wcas-style-pirx.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path {
    fill: #003260;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {background-color: #fff;}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {left: 13px; top: 11px;}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: transparent;
    padding: 0;
}

/********* price table*******************/
.label {background: transparent;}


.woocommerce div.product form.cart .reset_variations {display: none;}
.woocommerce div.product form.cart .variations tbody {border: none;}

#price_calculator td {vertical-align: middle; padding-left: 1rem;}
#price_calculator {
    background: #1D9CD3;
    border-radius: 19.3px;
    padding: 1rem;
}
#price_calculator tbody {background: #1D9CD3; border: none;}
#price_calculator td label {color: #fff; font-weight: 600; font-size: 1rem;}

#price_calculator tbody tr:nth-child(even) {background-color: transparent;}
tr.calculated-price, #price_calculator tbody tr:nth-child(even).total-amount {background: #003260;}
.total-amount td, .calculated-price td {color: #fff;}

tbody td {
    padding: .25rem .25rem .25rem;
}
#price_calculator input {width: 100%;}

#price_calculator th span {
    float: none;
font-family: "Bebas Neue", sans-serif;
    color: #fff;
    font-size: 22px;
    letter-spacing: .1em;
}


.total-amount td {width: 50%; }
.calculated-price td, .total-amount td {padding: 1rem .5rem 1rem 1rem; font-weight: bold;}
#price_calculator tbody tr:nth-child(even).total-amount {border-bottom: 2px solid #fff;}

.product .inner-wrapper {height: auto !important;}

.woocommerce-variation:after {
    content: 'Calculate How Much You Need';
    display: block;
    width: 100%;
}

.table-heading, .woocommerce-variation:after {
    background-color: #003260;
    font-family: "Bebas Neue", sans-serif;
    color: #fff;
    font-size: 22px;
    letter-spacing: .1em;
    padding: .5rem 1rem;
}

.woocommerce div.product div.images .flex-control-thumbs {margin-top: 1%;}
.woocommerce div.product div.images .flex-control-thumbs li {width: 24%; margin-right: 1%;}

.woocommerce td.product-name dl.variation dt {font-weight: 600; font-size: 14px;}

.woocommerce-cart-form__cart-item .variation {margin-top: 10px;}
.woocommerce-cart-form__cart-item .product-name a {color: #1D9CD3; font-weight: 600;}

.woocommerce td.product-name dl.variation dd {float: left;}

 .woocommerce-cart-form__cart-item td {clear: both;}

/************* Button Colors  ********************/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover {
    font-size: 1rem;
letter-spacing: 0.1em;
border-radius: 19.5px;
background: #1d9cd3;
padding: .75rem 1rem;
background-color: #1D9CD3; font-family: "Bebas Neue", sans-serif; 
color: #fff;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
    background-color: #003260;
    color: #fff; 
    text-decoration: none;
    background-image: none;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {background-color: #003260;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover {background-color: #3E3E3E;}

.woocommerce.single-product div.product form.cart .button{
    font-size: 100%;
}
.woocommerce.single-product #middle-row .button{font-size: 1rem}

/********* End Button Colors  *******************/

} /* Define mobile styles */

@media only screen and (max-width: 40em) { 
.woocommerce ul.products.columns-3 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
   }
    
.woocommerce ul.products.columns-3 li.product {
      width: 98%;
      margin-right: 0;
      float: none;
   }

   .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {clear: both;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*  Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
.home-product .woocommerce ul.products.columns-3 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
   }
    
.home-product .woocommerce ul.products.columns-3 li.product {
      width: 30.75%;
      margin-right: 0;
      float: none;
   }

   .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {display: none;}
   .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {padding: 10px; font-size: 16px; width: 73%;}

 } /* min-width 641px and max-width 1023px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.000em) { } /* min-width 1024px, large screens */

@media only screen and (min-width: 64.000em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

/*  XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*  XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

/*  Tablet Portrait screens */
@media only screen and (min-width: 37.500em) and (max-width: 56.250em) and (orientation: portrait) {
.hide-tablet-portrait {display: none !important;}
.show-tablet-portrait {display: inherit !important;}
 } /* tablet-only issues min-600px max-900px */