@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Permanent+Marker&family=Roboto+Condensed:wght@300&display=swap');
:root{
  --text-color:#fff;
  --body-background:'body-background.jpg';
  --button-gradient:linear-gradient(225deg,#3833A7 0%,#22A9E1 100%);
  --button-gradient-hover:linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
  linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
  linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
  --black-transparent:rgba(10, 10, 10, 0.39);
  --title-product-gradient:
  linear-gradient(336deg, rgba(3, 142, 248, 0.8), rgba(3, 142, 248, 0) 70.71%),
  linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
  linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
  linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);

  /* linear-gradient(225deg,#F95FE5 0%,#C4343E 0.5%,#F4EF77 1%,#217671 30%,#22A9E1 60% ); */
  --card-border-radius:30px;
  --card-glass-gradient:linear-gradient(198deg,#26252549 100%,#d9d9d972 0%);
  --button-radius:30px;
  --min-width-card:189px;
  --dafault-font: 'Roboto Condensed', sans-serif;
	--black-transparent:rgba(10, 10, 10, 0.39);
}

html{
	font-family:poppins;
}
body {
	font-family:poppins;
background-image:url('http://darnat.net/wp-content/uploads/2023/08/body-background-scaled.jpg') !important;
	background-size:100wh;
 color: #fff !important;

}

#page.site {
  /* site creation*/
  /* From https://css.glass
background: rgba(10, 10, 10, 0.7);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
border: 1px solid rgba(10, 10, 10, 0.07);*/
background: rgba( 26, 25, 25, 0.25 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 4.5px );
-webkit-backdrop-filter: blur( 4.5px );
}

.product,.wc-block-grid__product{
/* From https://css.glass */
background: rgba(10, 10, 10, 0.39);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.1px);
-webkit-backdrop-filter: blur(3.1px);
border: 1px solid rgba(10, 10, 10, 0.11);
}

.product div.astra-shop-summary-wrap h2,span{
  color: var(--text-color) !important;
}

.woocommerce .star-rating, .woocommerce .comment-form-rating .stars a, .woocommerce .star-rating::before {
  color:#F4EF77 !important ;
}

h2,label {
  color: #fff;
}

.astra-shop-thumbnail-wrap a img,.wc-block-grid__product-image img {
border-radius:   var(--card-border-radius);
}

a.button.product_type_variable, a.button.product_type_simple,.wp-block-button__link {
background-image: var(--button-gradient);
padding: .5em !important;
color: var(--text-color);
font-weight: bold;
}
a.button.product_type_variable:hover, a.button.product_type_simple:hover, .wp-block-button__link:hover {
  background-image:var(--button-gradient-hover);
}

/*T-shert styles*/
.wc-block-grid__products{
  width: 100%;
   display: grid;
   gap:1rem;
   grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));
   grid-auto-flow: dense;
   /* grid-template-columns: 1fr 1fr 1fr 1fr; */
}

.wc-block-grid__product{
  width: 100% !important;
  max-width: 100% !important;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wc-block-grid__product, .wc-block-grid__product-link {
  text-align: center;
}

.wc-block-grid__product-title  {
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  border-radius:3px;
  padding: 0.5rem;
  font-size: 10rem;
  
  /* linear-gradient(#f69d3c, #3f87a6); */
}

.ast-below-header-bar{
   background-image:var(--title-product-gradient);
	 border-top:1px solid #fff;
}

.elementor-container h5,.elementor-widget-container{
	  color:#fff;
}

.main-header-menu ul.sub-menu{
   background-image:var(--title-product-gradient);
	color:#fff;
}


.main-header-menu li a, .mian-header-menu ul.sub-menu li a {
  color: #fff !important;
}

.grunion-field-label {
  color: #fff !important;
}
div.ast-article-single.ast-woo-product-no-review{
  color:#fff !important;
  padding: 2em;
}

.elementor-container{ 
	background: rgba(10, 10, 10, 0.39);
	margin-bottom:0em;
	border-radius:0!important;
  border-top:0;
	border-bottom:0;
}

div.ast-article-single.ast-woo-product-no-review .product_title.entry-title{
  color: #fff;
  font-weight: bold;

}



div.ast-article-single.ast-woo-product-no-review .woocommerce-breadcrumb{
   color:#fff;
   font-weight: lighter;
}

.wp-block-jetpack-contact-form,.contact-form-submission{
	background:rgba(10, 10, 10, 0.39);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.1px);
-webkit-backdrop-filter: blur(4.1px);
border: 1px solid rgba(10, 10, 10, 0.11);
}
.contact-form-submission h4,a.link{
	color:#fff;
}
li.menu-item{
	font-family:poppins;
}
.elementor-104{
	border-radius:16px;
}

/*menu  custom*/
.ast-header-break-point .ast-below-header-bar {
  background-color: #0f0e0e;
}

@media (max-width: 921px) {
  .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
    background-color: #0f0e0e;
    background-image: var(--title-product-gradient);
  }
}

@media (max-width: 921px) {
  .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle {
    color: var(--ast-global-color-1);
    background: var(--title-product-gradient) #050505;
    font-weight: bold;
    font-size: 1.2em;
  }
}

#wc-block-components-sort-select__select-0 {
    margin: 0.5em;
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple);
    color: #020202;
    font-weight: bold;
}

 /*hiddens*/
.woocommerce-breadcrumb, .woocommerce-products-header, .woocommerce-notices-wrapper, .woocommerce-result-count, .woocommerce-ordering {
   padding: 0 !important;
   margin: 0 !important;
   display: none !important;
}

.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
	color:#fff;
}

@media (max-width: 480px){
.wc-block-grid.has-4-columns .wc-block-grid__products {
    display: block;
    display: grid;
    padding-right: 1em;
	  padding-left:1em;
}
}

@media (max-width: 600px){
.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
    grid-template-columns: 2fr;
	  padding:0 auto;
}
	}

.select2-results__options, span#select2-calc_shipping_country-container,span.select2-selection__rendered, span.select2-selection__placeholder {
	color:#929292!important;
}

.shipping-calculator-button{
	  color:#f2f2f2;
	  font-weight:bold;
	  border: 1px #f2f2f2 solid;
	  padding:.5em;
	  margin-bottom:2em;
}

a.shipping-calculator-button:hover, a.shipping-calculator-button:focus {
	 color:#ccc;
	 font-weight:bold;
	 padding:.2em;
}

.shipping-calculator-form{
	margin-top:.5em;
}
table.shop_table tr {
	background-color:var(--black-transparent);
}

.cart-collaterals h2 {
    background-color: var(--black-transparent) !important;
}

table.shop_table tr th{
	color:var(--text-color);
}
.cart_totals table.shop_table tr th{
	 color:#fff;
}

/*
 * card apenl pay 
 * */

.woocommerce-page.woocommerce-checkout #payment div.payment_box, .woocommerce.woocommerce-checkout #payment div.payment_box {
    background-color: var(--black-transparent);
}

.woocommerce-tabs ul.tabs li a {
	color:var(--text-color) !important;
}
fieldset legend{
	color:var(--text-color) !important;
}



#plus_qty,#minus_qty{
	color:var(--text-color) !important;
}

.single-product-category a, .posted_in a{
	color:var(--text-color) !important;
}

.single-product-category a:hover, .posted_in a:hover{
	color:#ccc !important;
	text-decoration:underline;
}

/*hiden controls*/
#billing_company_field {
	display:none;
}

.woocommerce-page.woocommerce-checkout table.shop_table th:first-child {
	padding-left: 0.3em !important
}

/*shoppin card  movil update*/
.astra-cart-drawer .astra-cart-drawer-content .widget_shopping_cart_content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100vh;
    padding: 0px 0px 20vh 0px;
}