/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@import 'footer.css';
@import 'single-product.css';
@import 'product-list.css';
@import 'product-list-page.css';
@import 'cart.css';
@import 'checkout.css';
@import 'order-received.css';
@import 'loyalty.css';
@import 'account.css';
@import 'home.css';
@import 'faq.css';
@import 'header.css';
@import 'about.css';
@import 'popup.css';
@import 'error.css';
@import 'ingriedients.css';
@import 'mini-cart.css';
@import 'maintenance.css';
@import 'cookie.css';
@import 'dogs.css';

:root {
    --secondary_color: #EBEBEB;
    --offer_color: #f05842;
    --light_text_color: #ffffff; /* eredetileg #ffffff volt */
    --dark_text_color: #000000;  /* eredetileg #ffffff volt */
    --neutral_color: #edecec;
    --transparent: #ffffff00;
    --success_color: #81d742;
    --error_color: #b20000;
}

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}

html {
    overflow-y: scroll;
}

.required {
    color: var(--offer_color) !important;
}

td {
    color: var(--dark_text_color) !important;
}

.big-button {
    margin: 10px 0px 0px 0px;
    align-content: center;
    font-size: 20px;
    border: none;
}

.yellow-hover:hover, 
.white-hover:hover {
    box-shadow: none;
    color: #ffffff; /* var(--dark_text_color) */
    border: none;
}

.yellow-hover:hover {
    background-color: #ffcb47; /* var(--secondary_color) !important */
}

.white-hover:hover {
    background-color: #ffcb47;  /* var(--light_text_color) !important */
}

.col-padding-zero {
    padding: 0px !important;
}

.col-bottom-padding-zero {
    padding-bottom: 0px !important;
}

.col-side-padding-zero {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.standard-padding {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.banner-title h2 {
    font-size: 45px !important;
}

.wavy-separator-top {
    display: block;
    fill: var(--secondary_color);
    margin-bottom: -2px;
}

.wavy-separator-bottom {
    display: block;
    fill: var(--secondary_color);
    margin-top: -2px;
}

@media screen and (max-width: 1250px) {
    .banner-title h2 {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 850px) {
    .wavy-separator-bottom,
    .wavy-separator-top,
    .wavy-separator-footer {
        height: 25px !important;
    }
}

@media screen and (max-width: 480px) {
    .banner-title h2 {
        font-size: 26px !important;
    }
}
@media (hover: none) and (pointer: coarse) {
  a:hover,
  button:hover {
    background: inherit !important;
    color: inherit !important;
    transform: none !important;
    box-shadow: none !important;
  }
}

}