@import "fonts.css"; /* Using a string */

:root {
  --comprisma-red: #951B81;
  --comprisma-green: #02597E;
  --comprisma-black: #222222;
  --comprisma-radius: 16px;
}

html
  {
  font-family: 'Maven Pro';  
  font-size: 16px;    
  line-height: 1.4;
  }
  
body
  {
  background-image: url(/images/Pattern_Tapete_blau.svg);
  background-repeat: repeat;    
  background-size: 350px auto;      
  
  color: #fff !important;
  }

a:focus, .focus a, input 
  {
  outline: none !important;
  }

input[type=checkbox]
  {
  accent-color: var(--comprisma-red);  
  }

#page
  {
  background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }

header
  {
  padding-bottom: 40px !important;    
  }
  
header#masthead
  {
  padding: 0px !important;    
  }

#corporate-logo.small 
  {
    position: fixed;
    top: 40px;
    right: 2vw;
    display: block;
    height: 60px;
    width: auto;
    background-position: 0px bottom !important;
    animation-fill-mode: initial;
  }

h1, h2, h3, h4, h5
  {
  color: inherit !important;  
  }
  
h1.page-title
  {
  color: #fff;    
  font-weight: 500;
  text-align: left;
  font-size: 4em;
  }
  
nav.woocommerce-breadcrumb
  {
  color: #fff;
  }  

ul.products li.product
  {
  color: var(--comprisma-black); 
  }

ul.products li.product a.woocommerce-LoopProduct-link
  {
  color: inherit;  
  }

ul.products li.product a > h2
  {
  color: var(--comprisma-green) !important;
  font-weight: bold !important;  
  font-family: 'Maven Pro';  
  font-size: 20px !important;
  margin-bottom: 0px !important;
  }

ul.products li.product .product-excerpt h2
  {
  color: var(--comprisma-green) !important;    
  font-family: 'Maven Pro';  
  font-size: 18px;
  }
  
ul.products li.product .product-excerpt h3
  {
  display: none;  
  }

ul.products li.product .onsale
  {
  margin-top: 1em;  
  } 

.cart_totals h2
  {
  color: #fff !important;  
  }

.cart_totals table.shop_table
  {
  border-radius: var(--comprisma-radius);
  overflow: hidden;  
  }

body.woocommerce-cart .shop_table
  {
  border-radius: var(--comprisma-radius);
  overflow: hidden;  
  }

body.woocommerce-cart a.checkout-button
  {
  background-color: var(--comprisma-green) !important;
  border-radius: var(--comprisma-radius) !important;  
  }

body.woocommerce-cart a.checkout-button:hover
  {
  background-color: var(--comprisma-red) !important;  
  }

.woocommerce .woocommerce-info
  {
  border-radius: var(--comprisma-radius);    
  }

.woocommerce .woocommerce-message
  {
  background-color: var(--comprisma-green);  
  border-radius: var(--comprisma-radius);
  } 

.woocommerce .woocommerce-error
  {
  background-color: var(--comprisma-red);
  border-radius: var(--comprisma-radius);
  } 
 
#customer_details, #order_review  
  {
  background-color: #fff;
  padding: 20px;  
  color: #333;
  border-radius: var(--comprisma-radius);
  }

body.single-product #main div.product
  {
  border-radius: var(--comprisma-radius);    
  }


#customer_details h3, #order_review h3
  {
  color: inherit;  
  }

#order_review ul.wc_payment_methods, #order_review #order_payment_heading
  {
  display: none !important;
  }

#main .woocommerce .woocommerce-order 
  {
  color: #fff;  
  }

#main .woocommerce .woocommerce-order ul, #main .woocommerce .woocommerce-order table 
  {
  color: #333;  
  }
  
.woocommerce-info
  {
  background-color: var(--comprisma-green) !important;  
  }

.woocommerce-breadcrumb a, a.woocommerce-review-link, .product_meta a
  {
  color: inherit !important;  
  }

.woocommerce-breadcrumb .breadcrumb-separator::after 
  {
  opacity: 0.75 !important;
  }

form.woocommerce-cart-form, div.cart_totals
  {
  color: var(--comprisma-black);   
  }

body.single-product div.product
  {
  background-color: #fff;
  padding: 20px;
  color: var(--comprisma-black);  
  }

.storefront-sorting
  {
  display: none;    
  }
  
ul.products li.product
  {
  background-color: #fff;
  padding: 20px;  
  border-radius: var(--comprisma-radius);
  }
  
a.button
  {
  background-color: var(--comprisma-red);  
  color: #fff;
  font-weight: 100;
  margin: 20px 0 !important;
  transition: all 0.6s ease-in-out;
  }
  
a.button:hover
  {
  background-color: var(--comprisma-green);
  color: #fff;        
  }



footer.site-footer
  {
  background-color: #fff;
  padding: 40px 0;    
  }

footer ul 
  {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;  
  text-align: center;  
  }
  
footer ul li
  {
  display: inline-block;
  padding: 0 10px 0 11px;
  line-height: 1;
  border-left: 1px solid white;    
  }

footer ul li + li
  {
  border-left: 1px solid black;    
  }

footer.site-footer ul li a
  {
  font-size: 14px;
  text-decoration: none;    
  }