/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/

.textcenter-xs {
	background: inherit;
	width: 100%;
	height: 100%;
	position: relative;
}

.textcenter-xs::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	background-image: url('https://angelasarmy.org/wp-content/uploads/2019/12/camo2.png');
	background-repeat: round;
	z-index: -1;
	background-size: contain;
	filter: drop-shadow(2px 4px 6px black) opacity(.5) brightness(1.5) blur(0px);
	border-radius: 5px;
}

.main-navigation a, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="range"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, a, a:visited, .dropdown-toggle, .widget-title a, .entry-meta a:hover, .entry-content a:hover {
	color: /*#b696c3*/
#444;
}

button.menu-toggle::before {
	background: #ffffff;
	color: #b696c3;
}

button.menu-toggle {
	background: #ffffff;
	color: #b696c3;
}

h2.widget-title {
	background: transparent;
	width: 100%;
	height: 100%;
	position: relative;
/*background: #b696c3;*/
	color: #444;
	border-radius: 5px;
}

h2.widget-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	background-image: url('https://angelasarmy.org/wp-content/uploads/2019/12/camo2.png');
	background-repeat: round;
	z-index: -2;
	background-size: contain;
	filter: drop-shadow(1px 2px 4px black) opacity(.5) brightness(1.5) blur(0px);
	border-radius: 5px;
}

.jetpack-social-navigation-svg li a {
	font-size: 25px;
}

.col-lg-offset-1 {
	box-shadow: 0 0 20px 0 #BBB;
/*box-shadow: 2px 4px 10px 0 #BBB*/
	background-color: /*#fdfdfd*/
#fdfdfd;
	border-radius: 5px;
	z-index: -3;
}

.col-lg-8 {
	box-shadow: 0 0 20px 0 #BBB;
/*box-shadow: 2px 4px 10px 0 #BBB;*/
	background-color: /*#fdfdfd*/
#fdfdfd;
	border-radius: 5px;
}

.site-branding {
	margin-top: 50px;
}

.site-description {
	font-size: .75rem;
}

.site-title {
	font-size: 3rem;
}

.main-navigation {
	font-size: 1rem;
/* vw */
}

img {
	border-radius: 5px;
/*filter: drop-shadow(0px 1px 2px black);*/
}

.wf-active .widget-title {
	font-weight: 700;
}

.wp-block-media-text {
	box-shadow: 0 0 3px 0 #BBB;
	background-color: #fafafa;
}




/* WooCommerce */
.button{
	background:#fff;
	color:#404040;
	text-transform: uppercase;
	font-family: "Lato", sans-serif;
	letter-spacing: .05em;
		border-radius: 5px;
	/*box-shadow: 0 0 0 1px #b696c3;*/
	border: 1px solid #b696c3;

	
}

.woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce-noreviews{
	background-color:#b696c3;
	color: color:#fff;

	border-radius: 5px;
	border: 1px solid #b696c3;
		
}

.woocommerce-tabs .tabs li.active a {
    color: #b696c3;
	
}

.woocommerce-breadcrumb {
	text-transform: uppercase;
	font-family: "Lato", sans-serif;
	letter-spacing: .05em;
	font-size: 1rem;
}

.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item){
	box-shadow: 0 0 0 1px #b696c3;
	text-transform: uppercase;
	font-family: "Lato", sans-serif;
	letter-spacing: .05em;
	
	
}

.button:hover {
    background: #b696c3;
}


.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    background:#b696c3;
	box-shadow: 0 0 0 1px #b696c3;
	color:#fff;
text-transform: uppercase;
	font-family: "Lato", sans-serif;
	letter-spacing: .05em;
}

.button-variable-item span {
    font-size: .8rem;
}

.entry-content .button {
    color: #404040;
}

.woocommerce-billing-fields .input-text, .woocommerce-shipping-fields .input-text {
    border-radius: 5px;
}

label {
    text-transform: uppercase;
}

.woocommerce-billing-fields label.checkbox, .woocommerce-shipping-fields label.checkbox
{
	font-size:1rem;
}

/*.quantity input {
    border-radius: 0;
    line-height: 1;
    max-width: 50%;
    outline: none;
}*/


.button:focus, .button:hover, .button:visited {
    color: #404040;
}

@media (max-width: 828px){
	.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right:50px;
    padding: 0;
    list-style: none;
}
	/*.shop_table .product-quantity {
    font-weight: normal;
		 max-width: auto-flow;
}*/
	
	.entry-summary .variations td {
    padding: 6px 6px 6px 12px;
    z-index: 5;
    max-width: auto;
}

	.quantity{
	max-width:50px;
}

}


.entry-summary .variations .reset_variations {
    position: absolute;
    display:none !important;
    bottom: -10px;
    font-size: 10px;
    text-transform: uppercase;
}



.site-header-cart-wrap:hover .cart-contents {
    color: #b696c3;
}

.product .summary .in-stock {
    background-color: #b696c3;
    color: #fff;
}

.entry-summary .variations .label {
    padding-left: 6px;
	width: 50px;
}




/*.quantity {
    height: 100%;
    width: 70px;
    position: relative;
    display: inline-block;
}
*/

/* Force 2 line title inclusve */
.woocommerce ul.products li.product h2 {
  line-height: 2.5ex;
  height: 5ex; /* 2.5ex for each visible line */
  overflow: hidden;
}


.my-custom--donate-style-1 {

	    background: #fff;
    color: #404040;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    letter-spacing: .05em;
    border-radius: 5px;
    /* box-shadow: 0 0 0 1px #b696c3; */
    border: 1px solid #b696c3;

	
}

button:hover {
    background: #b696c3;
}

.asp_product_name {
	display: none;
}