/*
Theme Name: Bono Child
Theme URI: https://wpshop.ru/themes/bono
Author: WPShop.ru
Author URI: http://wpshop.ru/
Template: bono
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */
.modal {
	background:#000 !important;
}

div.elementor-menu-cart__product-image.product-thumbnail img {
	width: 80px;
  float: left;
  padding: 10px 10px;
}

div.site-header-cart-hidden {
	background:#000 !important;
}

@media (max-width: 500px) {

	.header-html-2 {
	display:none;
}
	
	.shop-item__icons-quick {
  display: block !important;
}
	
	.main-navigation + .mobile-menu-placeholder.open, .site-header + .mobile-menu-placeholder.open {
  margin-top: 0px;
}
	
	.site-header {
  position: relative;
  padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	
	
	.site-branding {
		width:180px;
	}
	
	div.header-cart {
	margin-top:8px;
	}
	
	.shop-item__titles {

  font-size: 16px;
}
	
	div.humburger.js-humburger {
		margin-top:10px;
	}

}

/*Модальное окно для товара*/

.modal {
    display: none; /* Скрыто по умолчанию */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Позволяет прокручивать, если нужно */
    background-color: rgb(0,0,0); /* Цвет фона */
    background-color: rgba(0,0,0,0.4); /* Чуть прозрачный */
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* Положение модального окна */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Ширина модального окна */
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}