/*
Theme Name:     storefront child
Theme URI:      https://econorm.travelina.com.ua/
Description:    Дочерняя тема для темы  storefront
Author:         Алексей
Author URI:
Template:       storefront
Version:        0.1.0
*/

@import url("../storefront/style.css");

* {
    border-radius: 10px;
}

.site-header {
    background-color: #ffffff;
}

.site-footer {
    background-color: #ffffff;
}

.added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] {
    background-color: #18c139;
    border-radius: 5px;
}

a:focus {
    outline: 1px dotted #ffffff;
}

.pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current {
	background-color: #e6e6e6;
}

.site-info {
    display: none;
}

.added_to_cart:focus, .button:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
    outline: 1px dotted #ffffff;
}

.added_to_cart.alt, .added_to_cart.cta, .button.alt, .button.cta, button.alt, button.cta, input[type=button].alt, input[type=button].cta, input[type=reset].alt, input[type=reset].cta, input[type=submit].alt, input[type=submit].cta {
    background-color: #18c139;
}

.added_to_cart.alt:hover, .added_to_cart.cta:hover, .button.alt:hover, .button.cta:hover, button.alt:hover, button.cta:hover, input[type=button].alt:hover, input[type=button].cta:hover, input[type=reset].alt:hover, input[type=reset].cta:hover, input[type=submit].alt:hover, input[type=submit].cta:hover {
    background-color: #00a820;
}

.main-navigation ul li a:hover {
    color: #999999;
}

body, button, input, textarea {
    font-family: inherit;
}

.contacts {
    color: #000000;
}

.site-header .site-branding img {
    height: auto;
	max-width: 210px;
}

img.custom-logo.jetpack-lazy-image.jetpack-lazy-image--handled {
    width: 768px;
}

@media (min-width: 320px) and (max-width: 768px) {
ul.products li.product {
width: 48%;
float: left;
clear: both;
}

ul.products li.product:nth-child(2n) {
clear: none;
float: right;
}
}

@media screen and (min-width: 320px) and (min-width: 768px) {
img.custom-logo.jetpack-lazy-image.jetpack-lazy-image--handled { max-width: 100%; 
}
}

ul.products li.product .price {
	color: #18c139;
	font-size: 20px;
}

#colophon.site-footer {
  background-color: #18c139;
}