/**
 * Theme Name: Astra Child
 * Description: Astra Child theme
 * Author: Mukhin Sergey
 * Template: astra
 * Text Domain: astra
 */
.cart_top_button{
    border: 1px solid #0170b9;
    padding: .5em 3.5em;
    border-radius: 5px;
    position: relative;
}
.cart_count_top {
    border-radius: 50%;
    padding: 1px 8px;
    position: absolute;
    top: -7px;
    color: white;
    background-color: #0170b9;
    right: -10px;
    font-size: 90%;
 }
 /* Статусы в таблице заказов */
tbody tr.info{
    background-color:lightblue!important;
}
tbody tr.success{
    background-color: lightgreen!important;
}
tbody tr.warning{
    background-color:lightcoral!important;
}

/* images in categoties*/
.product-image-list{
    position: relative;
}
.product-image{
    max-width:80%; 
    width:300px;
    height:400px; 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: 50%;
    background-color: white;
    transition: 0.5s;
}
.product-image-medali{
    border: 2px solid white;
    width:50%;
    height:140px; 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: 50%;
    background-color: white;
    transition: 0.5s;
    transition-delay: 0.2s;
    cursor: move;
}
.scaled{
    z-index: 1;
    box-shadow: #00000055 0 0 5px;
    transform: scale(1.65);
}
@media screen and (min-width: 922px) {	
    .product-image:hover{        
        z-index: 1;
        box-shadow: #00000055 0 0 5px;
        /*max-width: 55%;*/
        transform: scale(1.65);
    }

    .product-image-medali:hover{
        z-index: 1;
        box-shadow: #00000045 0 0 5px;
        transform: scale(1.75);
    }
}
@media screen and (max-width: 640px) {
    .product-image-medali{
        max-width:120%; 
        width:120%;
    }

/** Ring Call***/
#circle{
  position:fixed;
  bottom:50px;
  z-index: 9999;
  right: 4.5%;
}
.circle {
  height:64px;
  width:64px;
  border-radius:50%;
  background-color:red;
    
  display: flex;
  align-items: center;
  justify-content: center;
  
  -webkit-transition:height .25s ease, width .25s ease;
  transition:height .25s ease, width .25s ease;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}

.circle:hover{
    background-color:#33ff33;
    transition: 0.4s;
    cursor: pointer;
    font-size: 180%;
    border-color: #33ff33;
}

.circle:before,
.circle:after {
  content:'';
  display:block;
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  border-radius:50%;
  border:1px solid red;
}

.circle:before {
  -webkit-animation: ripple 2s linear infinite;
  animation: ripple 2s linear infinite;
}
.circle:after {
  -webkit-animation: ripple 2s linear 1s infinite;
  animation: ripple 2s linear 1s infinite;
}

.circle:hover:before,
.circle:hover:after {
  -webkit-animation: none;
  animation: none;
}

.circle i{
    font-size: 150%;
    color:white;
    align-self: center;
}
@-webkit-keyframes ripple{
  0% {-webkit-transform:scale(1); }
  75% {-webkit-transform:scale(1.25); opacity:1;}
  100% {-webkit-transform:scale(1.5); opacity:0;}
}

@keyframes ripple{
  0% {transform:scale(1); }
  75% {transform:scale(1.75); opacity:1;}
  100% {transform:scale(2); opacity:0;}
}

} /** end 640px */