/* hide variations from shopping cart -mf-hc-16610515 */
#woocommerce_widget_cart-5 dl.variation {
	display: none
}

/* turns selction ring to yellow */
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).selected, .rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).selected:hover{
	box-shadow: 0 0 0 4px yellow;
}

/* reduces the size of the variation images to fit in the box */
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term img{
	width: 86%;
}

/* sets background color for unselected to theme color 
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term){
	background-color: #b2b2b2;
} */

/* sets selection ring color and background color for variation selected */ 
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).selected, .rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).selected{
	box-shadow: 0 0 0 4px yellow;
	background-color: coral;
}

/* sets the selection ring color for variation choices 
.cl_options .swatch-container label{
	color: coral;
}
*/
/* sets the font size and bold for the shield choice label on the product page */
.single-product div.product table.variations th, .single-product div.product table.variations td label{
	font-weight: bold;
	font-size: 24px;
	color: #F6CC23;
	text-shadow: 2px 2px 3px black;
}

/* Taller Dropdowns on products : HC16707265 | JG
.variations_form ._cl_field_group select {
  Height: 52px !important;
	font-size: 20px !important;
}
*/
/*
._cl_field_group {
	font-size: 24px;
}
*/
/* sets the bottom margin for the home page header */
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header{
	margin-bottom: 1.2em;
}

/* Sets the color and border for the tabs on the holster product pages */
.pewc-tabs-wrapper .pewc-tab {
	background-color: #b3b3b3;
	padding: 1em 1em;
}
.pewc-tab.active-tab{
	background-color: tan;
  border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: tan;
	padding: 0.5em;
}
.pewc-groups-tabs .pewc-group-wrap.group-active{
	background-color: tan;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	padding: 0.5em;
}
.pewc-tabs-wrapper .pewc-tab.active-tab {
	background-color: tan;
	border-bottom: tan;
}
/* Sets the font and margin for the totals section of the radio holsters.*/
.pewc-total-field-wrapper {
	font-size: 20pt;
	margin-bottom: 0em;
}
/* Keeps the padding on the left side of the tabs to a minumum so all text will display.*/
.pewc-tab{
	padding: 0.5em;
}

/* Font style to bold for holster tabs */
.single-product div.product form.cart{
	font-weight: 400;
}

/* Keeps the product variations from displaying in the menu cart */
.site-header-cart dl.variation{
	display: none;
}
/* The code below, lines 87-98, was created by a wonderful Happiness Engineer to set the size and layout of the logo pic for the header.*/
/* set site branding container size  | #-hc/zd bk */
.woocommerce-active .site-header .site-branding {
    width: 100%;
}
/* remove space above logo  | #24715487-hc bk */  
.site-header {
  padding-top: 10px;
}
/* set logo size  | #-hc/zd bk */  
.site-header .site-branding img {
  max-width: 100%;
}

/* Sets the color and font size for the price at the bottom of the page for the shields product pages. */
.price{
	color: red;
	font-size: 2.0em;
}

/* sets the font size and margin for the price of the shields at the top of the product page. */
.single-product div.product p.price{
	font-size: 2.0em;
	margin: 0.2em;
}

/* Hides the search field in the header */
.site-search .widget_product_search form input[type=search], .site-search .widget_product_search form input[type=text]{
	display: none;
}

/* adds text shadow to page titles */
.entry-title, .entry-title a, .post-title, .post-title a, .page-title{
	text-shadow: 4px 4px 10px #ffffff;
}

/* hides the search magnifying glass on the front page */
.site-search .widget_product_search form::before{
	display: none;
}

.storefront-breadcrumb{
	margin: 0 0 -1.2em;
}

table.cart .product-thumbnail img{
	max-width: 12em;
}

/* Sets the selection ring on holster color to red */
.pewc-radio-image-wrapper label input:checked + img, .pewc-checkbox-image-wrapper label input:checked + img{
	border: 4px solid #ff0000;
}

.pewc-item-field-image-wrapper{
	width: 100%;
}

/* This sets the font size for the input fields on the product page for shields.
._cl_field_group{
    font-size: 20px;
}
*/

/* This sets the characteristics of the fields for the Radio Strap product pages.
.variations_form ._cl_field_group select{
    Height: 28px!important;
    font-size: 20px !important;
		padding: 0em;
		margin-bottom: 0px !important;
		background-color: white;
}
*/
/* This sets the colors and height for the sliders on the webpage survey page. */
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    height: 20px;
    background: indianred;
    border: 1px solid #000;
    border-radius: 5px;
    outline: none;
    padding: 0;
    margin: 0.5px 0 5px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint {
    font-size: 20px;
		color: white;
}
/* Hide product meta data such as SKU and Categories on single product page */
.single-product .product_meta {
   display: none;
}
/* Changes the Menu Cart icon to a cart and not a basket. */
.site-header-cart .cart-contents:after,
.storefront-handheld-footer-bar ul li.cart > a:before {
content: "\f07a";
}
/*This hides the breadcrumbs since I couldn't find a way to modify the links of the breadcrumbs. */
.woocommerce-breadcrumb {
visibility:hidden;
}
/*
.site-header-cart .cart-contents{
	padding: 0.5em;
}*/
/* The following makes adjustments to the menu cart, price, item count, and cart icon*/
.site-header-cart .cart-contents .amount{
	font-size: 1.5em;
	text-shadow: 2px 2px coral;
}
.site-header-cart .cart-contents .count{
	font-size: 1.5em;
	text-shadow: 2px 2px coral;
	color: #EEEE22;
	opacity: 100;
}
.site-header-cart .cart-contents:after{
	font-size: 1.5em;
	text-shadow: 2px 2px coral;
}
.site-header-cart .cart-contents{
	background: #222;
	border-radius: 20px;
}
.single-product div.product table.variations select{
	font-size: 20px;
	border-bottom: 5px solid #5f3907;
}
Removes the Built with Storefront and WooCommerce from the footer*/
.site-info a {
	display: none;
}

/* The following modifies the text on the Cart page */
dt {
	font-size: 1.2em;
}
table td p:last-child, table th p:last-child {
	color: blue;
	font-size: 1.2em;
}
/* Settings for the product summary section on the product page. */
.storefront-full-width-content.single-product div.product .summary {
	background-color: #CCCCCC;
	border: 2px solid black;
	padding: 0.5em;
}
/* Changes the font size for the "Requred" error that appears */
.error > label:after {
	font-size: 24px;
	text-shadow: none;
}
/* Places a border at the top and bottom of the short description on the product page. */
.woocommerce-product-details__short-description {
	border-top: 0.2em solid black;
	border-bottom: 0.2em solid black;
}
/*.single-product div.product table.variations th, .single-product div.product table.variations td label {
	border-top: 0.2em solid black;
} */

/* This code on lines 245-277 modifies the custom order request form */
#wpforms-15311 .wpforms-form {
    background-color: #eee;
    padding: 20px 15px;
    border: 3px solid #666;
    border-radius: 20px;
}
#wpforms-15311.wpforms-container-full .wpforms-form label.wpforms-error {
	color: red !important;
	font-size: 16px !important;
}
/** WPFORMS BUTTONCOLOR **/
#wpforms-submit-15311.wpforms-submit {
	background-image: url(
https://gbshields.com/wp-content/uploads/2020/03/Classic-1.png);
	background-repeat: no-repeat;
	background-size: 105px; 
  width: 110px; 
  height: 120px; 
  font-size: 1.6rem; 
	color: black; !important;
	border: solid 0.1em black;
	border-radius: 5px;
}
/** WPFORMS SUBMITBUTTON Hover **/
#wpforms-submit-15311.wpforms-submit:hover{
	color: rgb(255, 255, 255) !important;
	background-color: green !important;
}
#wpforms-15311.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) {
	border: 2px solid #000;
	border-radius: 25px;
}
/* This code on lines 292-323 modifies the plaque order request form */
#wpforms-17905 .wpforms-form {
    background-color: #eee;
    padding: 20px 15px;
    border: 3px solid #666;
    border-radius: 20px;
}
#wpforms-17905.wpforms-container-full .wpforms-form label.wpforms-error {
	color: red !important;
	font-size: 16px !important;
}
/** WPFORMS BUTTONCOLOR **/
#wpforms-submit-17905.wpforms-submit {
	background-image: url(
https://gbshields.com/wp-content/uploads/2020/03/Classic-1.png);
	background-repeat: no-repeat;
	background-size: 105px; 
  width: 110px; 
  height: 120px; 
  font-size: 1.6rem; 
	color: black; !important;
	border: solid 0.1em black;
	border-radius: 5px;
}
/** WPFORMS SUBMITBUTTON Hover **/
#wpforms-submit-17905.wpforms-submit:hover{
	color: rgb(255, 255, 255) !important;
	background-color: green !important;
}
#wpforms-17905.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) {
	border: 2px solid #000;
	border-radius: 25px;
}
/** WPForms Submit Button for Request a Quote Form */
#wpforms-submit-13332.wpforms-submit {
	background-image: url(
https://gbshields.com/wp-content/uploads/2020/03/Classic-1.png);
	background-repeat: no-repeat;
	background-size: 105px; 
  width: 110px; 
  height: 120px; 
  font-size: 1.6rem; 
	color: black; !important;
	border: solid 0.1em black;
	border-radius: 5px;
}
/** WPFORMS SUBMITBUTTON Hover for Request a Quote form **/
#wpforms-submit-13332.wpforms-submit:hover{
	color: rgb(255, 255, 255) !important;
	background-color: green !important;
}
.shields-button a {
	padding-top:50px !important;
	padding-bottom: 50px !important;
}


/** WPForms Submit Button for Department Order Form */
#wpforms-submit-13430.wpforms-submit {
	background-image: url(
https://gbshields.com/wp-content/uploads/2020/03/Classic-1.png);
	background-repeat: no-repeat;
	background-size: 105px; 
  width: 110px; 
  height: 120px; 
  font-size: 1.6rem; 
	color: black; !important;
	border: solid 0.1em black;
	border-radius: 5px;
}
/** WPFORMS SUBMITBUTTON Hover for Department Order form **/
#wpforms-submit-13430.wpforms-submit:hover{
	color: rgb(255, 255, 255) !important;
	background-color: green !important;
}

/* Make only the helment-band product image show across the top 4003662-zen JC */
/* Code added here 5-21-2021 by Rhett, written by James C., WooC Happiness Engineer.*/
/* Make the product container a column flexbox */
#product-17589 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Make the image stretch across the top of the container */
#product-17589 .woocommerce-product-gallery {
    width: 100%;
}

/* Make the entry summary take up the full width */
#product-17589 .summary {
    width: 75%;
}
/* Hide Hidden Elements Woo Single Prod Page. This code provided by a HE to hide the elements that are not visible so that the border doesn't show */
div[cl_hidden=true] {
    display: none;
}
/* This code removes the Reviews and Addtional Info section from the bottom of the product page.*/
.storefront-full-width-content.single-product div.product .woocommerce-tabs {
	display: none;
}
/* Sets the size and color of the SALE icon on the product page. */
.wc-block-grid__product-onsale, .onsale {
	background-color: red;
	font-size: 1.5em;
}