@charset "utf-8";
@media screen and (min-width: 980px) {
  :root{
	  --head-height:75px;
	  --margin-top:22px;
  }
  .product, .document {
    width:300px;
	margin:7.5px;
  }
  .product .img{
	  height: var(--product-image-height);
  }
  .list-view .product{
	  margin: 10px auto;
	  max-width:80%;
  }
  .sub-head{
    display: flex;
    justify-content: space-between;	
	font-size:20px;
	align-items: center;
  }
  .day-of-week{
	  display:block;
  }
  .PartDesc, .price{
	font-size:20px;
  }
  .cart .PartDesc, .cart .price{
	font-size:16px;
  }
  .cart .details{
	font-size:14px;
  }
  .orders .order, .orders .cart-item{
    display: flex;
    justify-content: space-around;
	border: 1px solid #D8EEDC;
	border-radius: 8px;
	margin:10px auto;
    max-width: 80%;
    min-height: 80px;
    align-items: center;
  }
/*  .screen-user .head .user-button, .screen-cart .head .cart-button{
	background-image:url(img/xmark-white.svg);
	background-color:var(--orange);
	border-radius:100%;
  }
  .screen-cart .head .cart-button .cart-length{
	display:none;
  }*/
  .head .menu > span{
	margin-left: 15px;
    margin-right: 25px;
  }
  .head .title.mobile{
	  display:none;
  }
  .duplicate-order{
    max-width: 800px;
    margin: auto;
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    /*min-height: 68px;*/
	box-shadow: 0px -5px 24px #0000007A;
	border-radius: 12px;
	padding:28px;
	height:100px;
  }
  .order-inside .cart-contents{
	  padding-bottom:100px;
  }
  .duplicate-order button{
	  width:240px;
  }
  .duplicate-order .cart-bottom-ammount{
	  display:inline;
  }
  .orders .order img{
	  margin:15px;
  }
  .orders .order > span > div{
	  display:inline-block;
  }
  .orders .order > span{
	display: flex;
    flex-grow: 1;
    justify-content: space-around;
  }
  .cart-product-detail-container{
	  flex-grow:2;
      display: flex;
      justify-content: space-between;	  
	  align-items: center;
  }
  #order .cart-product-amount{
	  /*flex-grow:1;*/
	  text-align:center;
	  min-width:20ch;
  }
  .cart-product-detail .price{
	  min-width:12ch;
  }
  .orders .order .order-status{
	  width:3ch;
  }
  .sub-head{
/*	border-bottom:4px solid var(--border-color);*/
	line-height: 57px;
	margin-right: 110px;
	margin-bottom: 20px;
  }
  .dialog-title-mobile{
	  display:none;
  }
  .cart .dialog-title{
	  flex-shrink:0;
  }
  .cart .dialog-title .clear-cart{
	white-space: pre-line;
	text-align: center;	
  }
  .orders .sub-head{
	  padding: 0 50px;
  }
  .search-container.search-active{
	position: relative;
    top: -4px;
  }
  .dialog.cart .cart-inside, #user-inside{
	margin: var(--margin-top) 30px;
    box-shadow: 0px -5px 24px #0000007a;
	border-radius: 12px;
  }
  .dialog.cart .cart-inside .dialog-title, .user-menu-top{
	border-top-left-radius:inherit;
	border-top-right-radius:inherit;
  }
  .dialog.cart .cart-inside .cart-bottom, .after-checkout .cart-contents, .user-menu-button:last-of-type{
	border-bottom-left-radius:inherit;
	border-bottom-right-radius:inherit;
  }
  #user-inside{
	  margin-left:235px;
  }
  .shop .sub-head, .documents .sub-head{
	  padding-right:10px;
	  padding-left:20px;
  }
  .shop main{
	  padding-right:10px;
	  padding-top:10px;
  }
  .sub-head-button{
	  margin:0 12px;
  }
  .search-container.search-active span.search{
	margin-right:5px;
  }
  .search-container.search-active input.search{
	  height:36px;
  }
  .order-list, .orders .cart-contents{
	padding-top:10px;
  }
  .orders .order{
	  padding-left:15px;
  }
  .order-tot-items, .order-status{
	  flex-grow:1;
  }
  .order-customer-name{
	  flex-grow:3;
  }
  .order-2nd-col{
	  flex-grow:2!important;
  }
  .list-view .product-bottom-desc{
	flex-grow:3;
  }
  .list-view .price{
	/*flex-grow:1;*/
	min-width: 12ch;
  }
  .orders .cart-product-detail{
	padding-right:max(15px,1.1vw);

  }
  
  .head .right{
	  padding-right:130px;
  }
  .head .right .logo{
    position: absolute;
    right: 0;
    background-color: white;
    padding: 20px;
    box-shadow: 0px 5px 24px #00000029;
    margin: 18px;
	border-radius: 8px;
	top:0;
  }
  .head .right .logo img{
	content:url(img/logo-bigger.png);
  }
  .head .menu > span{
    border-radius: 100%;
    padding: 28px;
    border: 2px solid #4C8438;
	box-shadow: 0px 5px 24px #00000029;
  }
  .head .cart-button {
    background-image: url(img/cart-shopping-light.svg);
  }
  .head .user-button {
    background-image: url(img/user-large-light.svg);
  }
  .head .shop{
    background-image: url(img/store-light.svg);	  
  }
  .screen-user .head .user-button, .screen-orders .head .user-button, .screen-order .head .user-button, .screen-documents .head .user-button {
	background-image: url(img/user-large-light-white.svg);
	border-color:black;
	background-color:black;
  }  
  .screen-cart .head .cart-button, .screen-checkout .head .cart-button, .screen-after-checkout .head .cart-button{
    background-image: url(img/cart-shopping-light-white.svg);
	border-color:black;
	background-color:black;
  }
  .screen-shop .head .shop{
    background-image: url(img/store-light-white.svg);
	border-color:black;
	background-color:black;
  }
  .shop .PartDesc{
	margin: 0 10px;
  }
  .shop:not(.list-view) .PartDesc{
	  border-radius:8px;
  }
  .add-to-cart-amount input{  
	margin: 0 10px;
  }
  .list-view .add-to-cart-amount input{  
	margin: 0 6px;
  }
  select{
	  height:36px;
  }
  .shop:not(.list-view) .product .img{
	padding-bottom: 13px;
	background-color: white;
  }
  .shop:not(.list-view) .product .product-bottom-desc{
	margin-top: -13px;
  }
  .shop:not(.list-view) .product:not(in-cart){
	background-image: url(img/pattern.svg);
  }
  .title:after, .title:before{
	font-size: 30px !important;
  }
  .head .customer{
	  font-weight:bold;
  }

  .categories-list{
	max-height: 280px;
	padding: 50px 0;
	  
  }
  .categories-list div{
	width:300px;
	margin: 0 43px;
	padding: 10px;
  }
  .categories-list-container:hover .categories-list{
	display:flex;
  }
  .documents-group{
	padding:12px;
  }
  .list-view .document{
	width:80%;
	margin-left:10%;
	margin-right:10%;
  }
  
  .btn_accessibility, .btn_accessibility_action{
	  right: calc(100vw - 420px)!important;
  }
  .mobile-only{
	  display:none;
  }
  
}


@media screen and (min-width:640px) and (max-height: 768px){
	.login .logo{
		height:30px;
	}
}