/*
Theme Name: NATURLA
Theme URI: https://naturla.hu
Description: A NATURLA webáruház alapértelmezett sablonja.
Author: NATURLA
Author URI: https://naturla.hu
Version: 1.0
*/

*{
margin: 0;
border: 0;
padding: 0;
flex-wrap: wrap;
text-decoration: none;
}

@font-face { 
	font-family: 'Koop'; 
	src: url("fonts/koop-pro-regular.woff2") format('woff2');
	font-weight: 400; 
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face { 
	font-family: 'Koop'; 
	src: url("fonts/koop-pro-regular-it.woff2") format('woff2');
	font-weight: 400; 
	font-style: italic;
	font-stretch: normal;
	font-display: swap;
}

@font-face { 
	font-family: 'Koop'; 
	src: url("fonts/koop-pro-medium.woff2") format('woff2');
	font-weight: 500; 
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face { 
	font-family: 'Koop'; 
	src: url("fonts/koop-pro-bold.woff2") format('woff2');
	font-weight: 700; 
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

*, 
*:after, 
*::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

:root {
--color-green: #0b531f;
--color-light-green: #f0fef4;
--color-brown: #b2693c;
--color-brown-a10: rgba(178 105 60 / 7%);
--color-light-brown: #eae6e5;
--color-light-brown-2: #faf6f6;
--color-dark-gray: #333;
--color-body-text: #333232;
}

body { font-family: 'Koop', sans-serif; font-size: 17px; line-height: 25px; background-color: #f1eeee; background-image: url(images/bgr_body.webp); background-image: -webkit-image-set(url(images/bgr_body.webp) 1x); background-image: image-set(url(images/bgr_body.png) 1x); overflow-x: hidden; }
body.rwd_menu__opened { overflow: hidden; }

h1, h2, h3, h4, h5 { font-weight: normal; }

button, input, select, textarea { font-family: 'Source Sans 3', sans-serif; font-size: 17px; outline: none; }
select { height: 50px; }

img.alignleft, img.alignright, img.aligncenter { border: 5px solid #eee; }
img.alignleft { margin: 0 20px 5px 0; float: left; }
img.alignright { margin: 0 0 5px 20px; float: right; }

hr { height: 30px; border-top: 3px solid var(--color-light-brown); }

.left { float: left; }
.right { float: right; }
.clear, .related  { clear: both; }
.inner { max-width: 1400px; margin: auto; position: relative; }
.inner_800 { max-width: 800px; }
.hide { display: none !important; }
.p_20 { padding: 20px; }
.p_30 { padding: 30px; }
.b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.required, .red { color: #d91828; }
.has_background { background-color: white; border-left: 1px solid var(--color-light-brown); border-right: 1px solid var(--color-light-brown); }

.button { height: 50px; padding: 0 15px; font-size: 17px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; text-align: center; color: white !important; line-height: 50px; background-color: var(--color-green); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; display: inline-block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.button:hover { background-color: var(--color-dark-gray); }
.button:disabled { color: white !important; background-color: #ccc; }

.button.button_color_2 { background-color: var(--color-brown); }
.button.button_color_2:hover { background-color: var(--color-dark-gray); }

.button.button_white { color: #333 !important; background-color: white; }
.button.button_white:hover { color: white !important; background-color: var(--color-dark-gray); }

.button.button_white_hover:hover { color: #333 !important; background-color: white !important; }

.button.button_outline { background: transparent; border: 1px solid var(--color-green); }
.button.button_outline_white { border-color: white; }

.button.button_h40 { height: 40px; font-size: 15px; line-height: 42px; }
.button.button_h30 { height: 36px; font-size: 14px; line-height: 38px; }

.button_full { width: 100% !important; text-align: center; display: block; }

/* Font */
.center { text-align: center; }
.uppercase { text-transform: uppercase; }
.sec_font, h1 { font-family: 'Koop', sans-serif; } 

/* Animation */
.anim, .faq_wrap .vertical { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } 
.anim_cubic { -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }

/* Checkbox and radio */
input[type=checkbox], 
input[type=radio] { width: 20px; min-width: 20px; height: 20px; margin: -4px 4px 0 0 !important; padding: 0 !important; text-align: center !important; background-color: white; border: 1px solid #d8d8d8; clear: none; cursor: pointer; display: inline-block; line-height: 0; outline: 0; vertical-align: middle !important; position: relative; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; }
input[type=radio] { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

input[type=radio]:checked:before, 
input[type=checkbox]:checked:before { top: 4px; right: 4px; bottom: 4px; left: 4px; text-align: center; background: var(--color-green); position: absolute; display: block; content: '' !important; }
input[type=radio]:checked:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }


/*
-------------
	MODAL
-------------
*/
.fancybox-button--close { background-color: #0e47a1; }
.fancybox-button--close path { fill: white !important; }

.fancybox-container .modal_added_to_cart { width: 100%; max-width: 400px; padding: 30px; }
.fancybox-container .modal_added_to_cart p { margin-bottom: 20px; }
.fancybox-container .modal_added_to_cart p.last, 
.fancybox-container .modal_added_to_cart p:last-child { margin-bottom: 0; }
.fancybox-container .modal_added_to_cart h3 { margin-bottom: 20px; font-size: 25px; color: #2c3238; line-height: 130%; }
.fancybox-container .modal_added_to_cart a.close_fancybox { font-size: 15px; text-decoration: underline; color: #999; }
.fancybox-container .modal_added_to_cart a.close_fancybox:hover { color: #2c3238; }

.fancybox-container .modal_added_to_cart .close_fancybox_wrap { padding: 15px 30px; font-size: 16px; text-align: center; line-height: 20px; background: #e1e5ec; }
.fancybox-container .modal_added_to_cart .close_fancybox { font-weight: 700; text-decoration: underline; color: #000; }
.fancybox-container .modal_added_to_cart .close_fancybox:hover { text-decoration: none; }

/* Info modal */
.fancybox-container .exitpopup p { margin-bottom: 20px; }
.fancybox-container .exitpopup p:last-child { margin-bottom: 0 !important; }


/*
-----------------------
	COOKIE LAW INFO
-----------------------
*/
#cookie-law-info-bar { width: 100% !important; max-width: 320px !important; padding: 20px !important; text-align: left !important; font-size: 14px !important; }
#cookie-law-info-bar span { display: block; }

#cookie-law-info-bar .cli_action_button { width: 100% !important; height: 40px !important; margin-left: 0 !important; margin-top: 10px; padding: 0 !important; font-size: 15px !important; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 40px !important; background-color: #f46717 !important; display: block; }
#cookie-law-info-bar .cli_action_button:hover { opacity: 0.9; }

#cookie-law-info-bar .cli_settings_button { width: 100% !important; height: 40px !important; margin-left: 0 !important; padding: 0 !important; font-size: 15px !important; font-weight: 700; text-transform: uppercase; text-align: center; color: #333 !important; line-height: 40px !important; background-color: transparent !important; border: 1px solid #ddd !important; display: block; }
#cookie-law-info-bar .cli_settings_button:hover { border-color: #333 !important; }


/*
----------------
	RWD NAV
----------------
*/
#rwd_menu { width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0 0 0 / 20%); position: fixed; z-index: 100; visibility: hidden; opacity: 0; z-index: 10000; } 
#rwd_menu .rwd_menu_wrap { width: 480px; height: 100%; right: -100%; top: 0; background: var(--color-green); position: absolute; overflow-y: auto; } 

#rwd_menu .rwd_menu_section { padding-left: 50px; padding-right: 50px; } 
#rwd_menu .rwd_menu_section.useful_info { padding-top: 50px; padding-bottom: 50px; background: rgba(255 255 255 / 5%); }
#rwd_menu .rwd_menu_section h3 { margin-bottom: 10px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: rgba(255 255 255 / 40%); }

/* RWD menu header */
#rwd_menu .rwd_header { height: 80px; position: relative; }
#rwd_menu .rwd_header img { width: auto; height: 20px; left: 50px; display: block; position: absolute; }
#rwd_menu .rwd_header .rwd_button { width: 50px; height: 50px; right: 50px; background: white; position: absolute; z-index: 2; cursor: pointer; border-radius: 3px; }
#rwd_menu .rwd_header .rwd_button .burg { width: 20px; height: 2px; left: 15px; top: calc(50% - 1px); background: transparent; display: block; position: absolute; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

#rwd_menu .rwd_header .rwd_button .burg:before, 
#rwd_menu .rwd_header .rwd_button .burg:after { width: 20px; height: 2px; background: var(--color-green); position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
#rwd_menu .rwd_header .rwd_button .burg:before { top: 0; left: 0; -webkit-transform: rotate(45deg); }
#rwd_menu .rwd_header .rwd_button .burg:after { top: 0; right: 0; -webkit-transform: rotate(-45deg); }

/* Contacts */
#rwd_menu .rwd_contacts { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(255 255 255 / 20%); display: flex; justify-content: space-between; }
#rwd_menu .rwd_contacts .button { width: 100%; padding: 0 10px; }

/* Menu */
#rwd_menu ul.menu { list-style: none; }
#rwd_menu ul.menu li a { color: white; display: block; }

/* Primary menu */
#rwd_menu ul.primary_menu { margin-bottom: 30px; }
#rwd_menu ul.primary_menu li { border-bottom: 1px solid rgba(255 255 255 / 15%); }
#rwd_menu ul.primary_menu li a { padding: 15px 0; font-size: 20px; font-weight: 700; color: white; line-height: 1; display: block; position: relative; }
#rwd_menu ul.primary_menu li a:hover { text-decoration: underline; text-decoration-thickness: 1px; }

#rwd_menu ul.primary_menu li.menu-item-has-children > a:after { width: 20px; height: 20px; right: 0; top: calc(50% - 10px); background: url(images/icon_arrow_down_white.svg) no-repeat center; background-size: auto 16px; position: absolute; content: ''; }
#rwd_menu ul.primary_menu li.menu-item-has-children.open > a:after { ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#rwd_menu ul.primary_menu li ul { margin-left: -50px; margin-right: -50px; background: white; display: none; }
#rwd_menu ul.primary_menu li ul li { border-bottom-color: var(--color-light-brown); }
#rwd_menu ul.primary_menu li ul li:last-child { border-bottom: none; }
#rwd_menu ul.primary_menu li ul li a { left: auto !important; padding: 15px 50px 15px; font-size: 17px; color: var(--color-dark) !important; line-height: 20px; opacity: 100% !important; }
#rwd_menu ul.primary_menu li ul li.menu-item-has-children > a:after { width: 20px; height: 20px; right: 20px; top: calc(50% - 10px); background: url(images/icon_arrow_down_small.svg) no-repeat center; background-size: 12px; position: absolute; content: ''; }
#rwd_menu ul.primary_menu li ul li.open > a:before { display: none; }

#rwd_menu ul.primary_menu li ul li ul { background: #eef0f4; }
#rwd_menu ul.primary_menu li ul li ul li { border-bottom: none; }
#rwd_menu ul.primary_menu li ul li ul li a { padding: 10px 20px; }

#rwd_menu ul.primary_menu li.menu-item-53 ul { font-size: 0; }
#rwd_menu ul.primary_menu li.menu-item-53 ul li { width: 50% !important; vertical-align: top; display: inline-block; }

/* Secondary menu */
#rwd_menu ul.secondary_menu li { margin-bottom: 5px; background-color: transparent !important; }
#rwd_menu ul.secondary_menu li a { font-size: 18px; font-weight: 400; }
#rwd_menu ul.secondary_menu li a:hover { text-decoration: underline; }

body.rwd_menu__opened #rwd_menu { visibility: visible; opacity: 100%; }
body.rwd_menu__opened #rwd_menu .rwd_menu_wrap { right: 0; }


/*
----------------------
	ALL CATEGORIES
----------------------
*/
#all_categories { width: 100%; height: 100%; left: 0; top: 0; background: rgba(245 245 245 / 50%); position: fixed; z-index: 1000; visibility: hidden; opacity: 0; }
#all_categories .categories_wrap { width: 400px; height: 100%; left: -100%; top: 0; background: white; position: absolute; overflow: auto; -moz-box-shadow: 10px 0 35px rgba(1,2,2,.1); -webkit-box-shadow: 10px 0 35px rgba(1,2,2,.1); box-shadow: 10px 0 35px rgba(1,2,2,.1); }
#all_categories .categories_header { height: 76px; padding-left: 20px; background: var(--color-green); color: white; display: flex; align-items: center; position: relative; }
#all_categories .categories_header .close { width: 50px; height: 50px; right: 20px; background: url(images/icon_close_white.svg) no-repeat center; background-size: auto 20px; position: absolute; cursor: pointer; }
#all_categories .categories_header .close:hover { background-color: var(--color-dark-gray); }

.slinky-menu { overflow: hidden; transform: translateZ(0); }
.slinky-menu > ul { left: 0; position: relative; transform: translateZ(0); }
.slinky-menu ul,
.slinky-menu li { list-style: none; }
.slinky-menu ul { }
.slinky-menu a { align-items: center; display: flex; }
.slinky-menu a span { flex: 1; line-height: 1.4; }
.slinky-menu li ul { width: 100%; left: 100%; top: 0; display: none; position: absolute; }
.slinky-menu .header { background: var(--color-light-brown-2); border-bottom-width: 3px; display: flex; }
.slinky-menu .header .title { flex: 1; line-height: 1.4; order: 1; }

.slinky-theme-default .title { padding: 1em; color: var(--color-dark-gray); }

.slinky-theme-default li { border-bottom: 1px solid var(--color-light-brown); }
.slinky-theme-default li.view_all_products a { font-size: 14px; line-height: 16px; }

.slinky-theme-default li a:not(.back) { padding: 12px 20px 12px 60px; color: var(--color-dark-gray); line-height: 100%; background-repeat: no-repeat; background-position: 20px center; background-size: 26px auto; }
.slinky-theme-default li a:not(.back):hover { background-color: var(--color-light-brown-2); }
.slinky-theme-default li a:not(.back):active { }
.slinky-theme-default li ul.submenu a { padding: 10px 20px !important; }

.slinky-theme-default .back { padding: 10px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #000; line-height: 21px; }
.slinky-theme-default .next::after,
.slinky-theme-default .back::before { width: 1em; height: 1em; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat; background-size: 1em; content: ''; transition: 200ms; }
.slinky-theme-default .next::after { margin-left: 1em; }
.slinky-theme-default .back::before { padding: 1em; transform: scaleX(-1); }

.slinky-theme-default .next:active::after,
.slinky-theme-default .back:active::before { opacity: 1; }

#all_categories.is_open { visibility: visible; opacity: 1; }
#all_categories.is_open .categories_wrap { left: 0; }


/*
---------------
	WEBSITE
---------------
*/
#website { background: white; }
#website:before { width: 160px; height: 100%; left: -160px; top: 0; background-image: url(images/bgr_body_decor_1.webp); background-image: -webkit-image-set(url(images/bgr_body_decor_1.webp) 1x); background-image: image-set(url(images/bgr_body_decor_1.png) 1x); background-repeat: no-repeat; background-position: left 30px; position: absolute; content: ''; }
#website:after { width: 150px; height: 100%; right: -150px; top: 0; background-image: url(images/bgr_body_decor_2.webp); background-image: -webkit-image-set(url(images/bgr_body_decor_2.webp) 1x); background-image: image-set(url(images/bgr_body_decor_2.png) 1x); background-repeat: no-repeat; background-position: right 80px; position: absolute; content: ''; }


/*
---------------
	TOP BAR
---------------
*/
#top_bar { height: 40px; color: white; font-size: 15px; line-height: 40px; background: var(--color-green); position: relative; }
#top_bar .top_bar_wrap { height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
#top_bar ul { display: flex; list-style: none; }
#top_bar ul li { margin-right: 20px; }
#top_bar ul li:last-child { margin-right: 0; }
#top_bar ul li a { color: white; }
#top_bar ul li a:hover { text-decoration: underline; }

#top_bar ul.my_account li.has_icon { padding-left: 25px; background: url(images/icon_user_white.svg) no-repeat left center; background-size: auto 14px; }

/* USP */
#top_bar .usp_wrap { height: 100%; display: flex; flex-wrap: wrap; }
#top_bar .usp_wrap .usp { margin-right: 20px; }
#top_bar .usp_wrap .usp:last-child { margin-right: 0; }

#top_bar .free_shipping_status { height: 100%; padding-left: 20px; font-weight: 700; background: rgba(0 0 0 / 10%); }

/*
---------------
	HEADER
---------------	
*/
/* Header top */
#header { height: 120px; padding-left: 50px; padding-right: 50px; position: relative; }

/* Logo */
#header .logo { width: auto; height: 30px; left: 50px; padding-left: 40px; display: inline-block; position: absolute; }
#header .logo:before { width: 30px; height: 30px; left: 0; top: 0; background: url(images/logo_flower.svg) no-repeat left center; background-size: auto 100%; position: absolute; content: ''; }
#header .logo img { width: auto; height: 100%; display: block; }

/* Search */
#header .aws-container { width: 100%; max-width: 500px; left: 350px; top: 50%; position: absolute; transform: translateY(-50%); }
#header .aws-container .aws-search-form { height: 50px; }
#header .aws-container .aws-search-field { padding-left: 15px; padding-right: 0; font-size: 16px; background: var(--color-light-brown-2); border-color: var(--color-light-brown); overflow: hidden; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; }
#header .aws-container .aws-search-form .aws-form-btn { width: 40px; height: 40px; right: 5px; top: calc(50% - 20px); background: var(--color-brown); border: none !important; position: absolute; z-index: 2; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; }
#header .aws-container .aws-search-form .aws-form-btn svg { fill: white; }
#header .aws-container .aws-search-form.aws-processing .aws-form-btn svg { display: none; }
#header .aws-container .aws-search-form .aws-form-btn:hover { background: var(--color-dark-gray); }
#header .aws-container .aws-search-form .aws-form-btn .aws-search-btn_icon { width: 100%; }

.aws-search-result { border-color: var(--color-light-brown) !important; }
.aws-search-result ul li { border-color: var(--color-light-brown) !important; }
.aws-search-result .aws_result_item:hover, .aws-search-result .aws_result_item.hovered { background: var(--color-light-brown-2) !important; }
.aws-search-result .aws_result_title { color: var(--color-green) !important; }
.aws-search-result .aws_search_more a { font-weight: bold; color: var(--color-green) !important; }

.aws-container .aws-search-form .aws-loader { right: 15px !important; }

/* Free Shipping Status and Cart */
#header .free_shipping_status__cart { height: 50px; right: 50px; top: 50%; display: flex; position: absolute; transform: translateY(-50%); }

/* Free Shipping Status */
#header .free_shipping_status { width: max-content; max-width: 200px; height: 100%; margin-right: 20px; padding: 0 10px; font-size: 14px; line-height: 16px; background: var(--color-light-green); display: flex; align-content: center; align-items: center; border-radius: 5px; }

/* Cart */
#header .ajax_cart { height: 100%; padding-left: 44px; background: url(images/icon_cart.svg) no-repeat left center; background-size: auto 26px; position: relative; }
#header .ajax_cart .count { min-width: 20px; height: 20px; left: 18px; bottom: 0; padding: 0 5px; font-size: 14px; text-align: center; color: white; line-height: 20px; background: var(--color-brown); position: absolute; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#header .ajax_cart .total { font-size: 22px; font-weight: 500; color: #999; line-height: 54px; }

/* RWD button */
#header .rwd_button { width: 50px; height: 50px; right: 20px; font-size: 30px; background: var(--color-green); position: absolute; z-index: 2; cursor: pointer; border-radius: 3px; }
#header .rwd_button .burg { width: 20px; height: 2px; left: 15px; top: 24px; background: white; display: block; position: relative; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

#header .rwd_button .burg:before, 
#header .rwd_button .burg:after { width: 20px; height: 2px; background: white; position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

#header .rwd_button .burg:before { top: -6px; left: 0; }
#header .rwd_button .burg:after { top: 6px; right: 0; }

body.rwd_menu__opened #header .rwd_button .burg { background: transparent; }
body.rwd_menu__opened #header .rwd_button .burg:before { top: 0; -webkit-transform: rotate(45deg); }
body.rwd_menu__opened #header .rwd_button .burg:after { top: 0; -webkit-transform: rotate(-45deg); }


/*
------------
	MENU
------------
*/
#menu ul { height: 50px; margin-left: -1px; margin-right: -1px; padding: 0 50px; background: var(--color-green); display: flex; position: relative; list-style: none; }
#menu ul li { height: 100%; position: relative; }
#menu ul li:after { width: 1px; height: 40px; right: 0; top: 0; background: rgba(255 255 255 / 10%); position: absolute; content: ''; }
#menu ul li a { height: 100%; padding: 0 20px; font-size: 17px; font-weight: 500; color: white; line-height: 50px; display: block; }
#menu ul li a:hover { text-decoration: underline; text-decoration-thickness: 1px; }
#menu ul li.view_categories a { padding-left: 30px; background: url(images/icon_list_white.svg) no-repeat left center; background-size: 16px auto; }

#menu ul li.home { width: 30px; height: 30px; left: -30px; top: 0; position: absolute; }
#menu ul li.home a { padding: 0; font-size: 0; line-height: 0; background: var(--color-brown) url(images/icon_home_white.svg) no-repeat center; background-size: 12px auto; }
#menu ul li.home a:hover { background-color: var(--color-dark-gray); }


/*
--------------------------
	ALTERNATIVE SEARCH
--------------------------
*/
#alt_search ::-webkit-input-placeholder { color: #b5cbbb; }
#alt_search ::-moz-placeholder { color: #b5cbbb; }
#alt_search :-ms-input-placeholder { color: #b5cbbb; }
#alt_search :-moz-placeholder { color: #b5cbbb; }

#alt_search .aws-search-form { height: 50px; background: var(--color-green); display: flex; }
#alt_search .aws-search-form .aws-wrapper { width: calc(100% - 50px); height: 100%; }
#alt_search .aws-search-field { padding-left: 15px; padding-right: 0; font-size: 16px; color: white; background: var(--color-green); border: none !important; }
#alt_search .aws-form-btn { width: 50px; height: 50px; background: var(--color-green); border: none; }
#alt_search .aws-form-btn svg { fill: white; }
#alt_search .aws-form-btn:hover { background: var(--color-brown); border-color: var(--color-brown); }
#alt_search .aws-form-btn:hover svg { fill: white; }
#alt_search .aws-form-btn .aws-search-btn_icon { width: 100%; }
#alt_search .aws-search-form .aws-search-clear { color: white; }


/*
--------------
	SLIDER
--------------
*/
#slider { margin-left: -1px; margin-right: -1px; position: relative; }
#slider .slick-track { background: var(--color-dark-gray); }
#slider .slick-slide { min-height: 250px; background-color: var(--color-dark-gray); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
#slider .slick-slide:before { padding-top: 60%; display: block; content: ''; }
#slider .slick-slide .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0 0 0 / 20%); position: absolute; }
#slider .slick-slide .text_wrap { width: 80%; left: 50px; bottom: 30px; position: absolute; }
#slider .slick-slide .text_wrap .title { font-size: 40px; text-shadow: 1px 1px rgba(0 0 0 / 10%); color: white; line-height: 100%; }
#slider .slick-slide .text_wrap .button { margin-top: 20px; }

/* Arrows */
#slider .slick-arrow { width: 50px; height: 50px; left: calc(50% - 25px); top: calc(50% - 50px); font-size: 0; background-color: var(--color-green); position: absolute; z-index: 10; } 
#slider .slick-arrow.slick-next { left: auto; right: calc(50% - 25px); top: auto; bottom: calc(50% - 51px); }

/* Dots */
#slider ul.slick-dots { width: 100%; margin-top: 20px; font-size: 0; text-align: center; }
#slider ul.slick-dots li { margin: 0 5px; vertical-align: top; display: inline-block; }
#slider ul.slick-dots li button { width: 30px; height: 30px; background: var(--color-light-brown); cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#slider ul.slick-dots li.slick-active button { color: white; background: var(--color-green); }


/*
------------------
	CATEGORIES
------------------
*/
#categories { padding: 30px 50px; }
#categories ul.products { margin-left: -10px; margin-right: -10px; margin-bottom: 0 !important; }


/*
--------------------------
	FRONTPAGE PRODUCTS
--------------------------
*/
.frontpage_products { padding: 50px; }
.frontpage_products .product_list_header { margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; align-items: center; justify-content: space-between; }
.frontpage_products .product_list_header h2 { font-size: 40px; font-weight: 500; color: var(--color-dark-gray); line-height: 100%; }

.frontpage_products .view_all_products { margin-top: 50px; }


/*
------------
	GRID
------------
*/
.section_grid_layout { padding: 50px; border-top: 1px solid var(--color-light-brown); border-bottom: 1px solid var(--color-light-brown); }
.section_grid_layout h2 { margin-bottom: 30px; font-size: 40px; font-weight: 500; color: var(--color-dark-gray); line-height: 100%; }
.section_grid_layout .grid_wrap { width: 100%; height: 600px; display: grid; grid-template-areas: "A B D D" "C C D D"; gap: 20px; position: relative; overflow: hidden; }
.section_grid_layout .grid_wrap a { height: 100%; color: white; background-color: var(--color-dark-gray); background-repeat: no-repeat; background-position: center; background-size: cover; display: block; position: relative; overflow: hidden; }
.section_grid_layout .grid_wrap a h3 { left: 20px; right: 20px; top: 30px; position: absolute; }
.section_grid_layout .grid_wrap a .read_more { left: 20px; bottom: -40px; font-size: 15px; font-weight: 500; line-height: 100%; text-decoration: underline; letter-spacing: 3px; position: absolute; }
.section_grid_layout .grid_wrap a:hover .read_more { bottom: 30px; }
.section_grid_layout .grid_wrap a .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0 0 0 / 10%); position: absolute; }
.section_grid_layout .grid_wrap a:hover .cover { background: rgba(0 0 0 / 30%); }


/*
------------------
	NEWSLETTER
------------------
*/
#newsletter { color: var(--color-dark-gray); background: var(--color-light-brown-2); display: flex; flex-wrap: wrap; }
#newsletter .wrap_left { width: 50%; min-height: 400px; padding: 50px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; position: relative; z-index: 0; overflow: hidden; }
#newsletter .wrap_left:before { width: 250px; height: 250px; right: -5%; bottom: -10%; background: url(images/decor_01.svg) no-repeat center; background-size: auto 100%; position: absolute; content: ''; z-index: -1; opacity: 10%; }
#newsletter .wrap_left .subtitle { margin-bottom: 10px; font-size: 15px; font-weight: 500; text-align: center; color: var(--color-brown); line-height: 100%; letter-spacing: 3px; flex-basis: 100%; }
#newsletter .wrap_left .title { margin-bottom: 30px; font-size: 40px; font-weight: 500; text-align: center; color: var(--color-dark-gray); line-height: 100%; position: relative; z-index: 0; }
#newsletter .wrap_left .title:before { height: 20px; left: -50px; right: -50px; bottom: -8px; background: #eccec2; position: absolute; content: ''; z-index: -1; }
#newsletter .wrap_left .text { font-size: 17px; text-align: center; }
#newsletter .wrap_left .text p { margin-bottom: 20px; }
#newsletter .wrap_right { width: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.mailpoet_form { padding: 0 !important; display: flex; flex-wrap: wrap; justify-content: space-between; } 
.mailpoet_form .mailpoet_paragraph { margin-bottom: 10px !important; } 
.mailpoet_form .mailpoet_paragraph.lastname { width: calc(50% - 5px); } 
.mailpoet_form .mailpoet_paragraph.firstname { width: calc(50% - 5px); } 
.mailpoet_form .mailpoet_paragraph.email { width: 100%; } 

.mailpoet_form .mailpoet_paragraph.submit { width: 100%; } 
.mailpoet_form .mailpoet_paragraph.submit input[type=submit] { height: 50px; padding: 0 15px !important; font-size: 17px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; color: white !important; line-height: 50px; background-color: var(--color-brown); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; display: inline-block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.mailpoet_form .mailpoet_paragraph.submit input[type=submit]:hover { background-color: var(--color-dark-gray); }
.mailpoet_form .mailpoet_paragraph legend { display: none !important; }

.mailpoet_form select, 
.mailpoet_form input[type=text], 
.mailpoet_form input[type=email] { width: 100%; height: 50px; padding: 0 0 0 15px !important; border: 1px solid var(--color-light-brown); }

.mailpoet_form select:focus, 
.mailpoet_form input[type=text]:focus, 
.mailpoet_form input[type=email]:focus { outline: 1px solid var(--color-light-brown); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mailpoet_form select.parsley-error, 
.mailpoet_form input[type=text].parsley-error,
.mailpoet_form input[type=email].parsley-error { background: #faefed !important; border-color: #911439 !important; }


/*
------------
	BLOG
------------
*/
#blog { padding: 70px 50px; }
#blog .blog_header { margin-bottom: 50px; }
#blog .blog_subtitle { margin-bottom: 10px; font-size: 15px; font-weight: 500; text-align: center; color: var(--color-brown); line-height: 100%; letter-spacing: 3px; flex-basis: 100%; }
#blog .blog_title { width: max-content; font-size: 40px; font-weight: 500; text-align: center; color: var(--color-dark-gray); line-height: 100%; display: inline-block; position: relative; z-index: 0; }
#blog .blog_title:before { height: 20px; left: -50px; right: -50px; bottom: -8px; background: #eccec2; position: absolute; content: ''; z-index: -1; }

.blog_wrap { margin-left: -20px; margin-right: -20px; display: flex; flex-wrap: wrap; }
.blog_wrap .blog_post { width: calc(33.3333333333% - 40px); margin: 40px 20px 0; padding-bottom: 20px; background: var(--color-light-brown-2); position: relative; }
.blog_wrap .blog_post:nth-child(-n+3) { margin-top: 0; }
.blog_wrap .blog_post .thumbnail { display: block; }
.blog_wrap .blog_post .thumbnail img { width: 100%; height: auto; display: block; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.blog_wrap .blog_post .entry { padding: 20px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.blog_wrap .blog_post .entry .datetime { margin-bottom: 10px; font-size: 16px; font-weight: 500; color: var(--color-brown); line-height: 100%; }
.blog_wrap .blog_post .entry h3 { margin-bottom: 10px; }
.blog_wrap .blog_post .entry h3 a { font-size: 20px; font-weight: 700; text-decoration: none !important; color: #333 !important; line-height: 100%; }
.blog_wrap .blog_post .entry .excerpt { margin-bottom: 20px; font-size: 17px; color: var(--color-dark-gray); line-height: 20px; }
.blog_wrap .blog_post .entry .excerpt p { margin-bottom: 0 !important; }
.blog_wrap .blog_post .entry .read_more { left: 20px; bottom: 20px; font-size: 14px; font-weight: 700; text-decoration: underline; color: var(--color-brown) !important; position: absolute; }
.blog_wrap .blog_post .entry .read_more:hover { color: #333 !important; }


/*
----------------------
	BEFORE CONTENT
----------------------
*/
#before_content { padding: 10px 50px; border-bottom: 1px solid var(--color-light-brown); }
#before_content .rank-math-breadcrumb { font-weight: 700; }
#before_content .rank-math-breadcrumb a { font-weight: 400; text-decoration: underline; color: var(--color-brown); }
#before_content .rank-math-breadcrumb a:hover { color: #000; }
#before_content .rank-math-breadcrumb .separator { color: var(--color-brown); }


/*
------------
	HERO
------------
*/
#hero { background: var(--color-light-brown-2); }
#hero .hero_wrap { display: flex; flex-wrap: wrap; }
#hero .hero_wrap .wrap_left { width: 50%; min-height: 300px; padding: 50px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; position: relative; z-index: 0; overflow: hidden; }
#hero .hero_wrap .wrap_left:before { width: 250px; height: 250px; right: -5%; bottom: -10%; background: url(images/decor_01.svg) no-repeat center; background-size: auto 100%; position: absolute; content: ''; z-index: -1; opacity: 10%; }
#hero .hero_wrap .wrap_left h1 { width: 100%; font-size: 60px; color: var(--color-dark-gray); line-height: 100%; }
#hero .hero_wrap .wrap_left .rank-math-breadcrumb { font-weight: 700; }
#hero .hero_wrap .wrap_left .rank-math-breadcrumb a { font-weight: 400; text-decoration: underline; color: var(--color-brown); }
#hero .hero_wrap .wrap_left .rank-math-breadcrumb a:hover { color: #000; }
#hero .hero_wrap .wrap_left .rank-math-breadcrumb .separator { color: var(--color-brown); }

#hero .hero_wrap .wrap_right { width: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; }


/*
---------------
	CONTENT
---------------	
*/
#container.has_sidebar { padding: 0 50px; display: flex; flex-wrap: wrap; }
body.woocommerce-account #container { background: var(--color-light-brown-2); }
body.woocommerce-account.logged-in #container { background: transparent; }

#content { padding: 30px 50px; }
body.woocommerce-checkout #content { padding: 0 50px; }

#container.has_sidebar #content { width: calc(100% - 250px); padding-right: 0; }

#content h1 { margin-bottom: 20px; font-size: 50px; color: var(--color-dark-gray); line-height: 100%; }
#content h2 { margin-bottom: 20px; font-size: 40px; color: var(--color-dark-gray); line-height: 100%; }
#content h3 { margin-bottom: 20px; font-size: 25px; font-weight: 700; color: var(--color-brown); line-height: 100%; }

#content p { margin-bottom: 20px; }
#content img { max-width: 100%; height: auto; display: block; }

#content ul { margin-bottom: 30px; margin-left: 30px; list-style: disc; }
#content ul li { position: relative; }
#content ol { margin-bottom: 30px; margin-left: 30px; list-style: decimal; }

#content a { text-decoration: underline; text-decoration-thickness: 1px; color: var(--color-green); }
#content a:hover { color: #000; }

/* Single blog */
#content.single h1 { margin-bottom: 30px; }

#content.single .author__datetime { width: 160px; height: 100%; left: -190px; top: 30px; position: absolute; }
#content.single .author__datetime .author_wrap { top: 20px; position: sticky; }
#content.single .author__datetime .avatar_wrap { width: 30px; height: 30px; margin-bottom: 5px; border: 2px solid var(--color-green); overflow: hidden; }
#content.single .author__datetime .avatar_wrap img { border: 1px solid white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#content.single .author__datetime .author_name { font-size: 14px; font-weight: 700; }
#content.single .author__datetime .author_description { font-size: 13px; color: #666; line-height: 15px; }
#content.single .author__datetime .datetime { margin-top: 10px; font-size: 14px; }

#content.single .author__datetime .progress { width: 100%; margin-top: 30px; position: relative; }
#content.single .author__datetime .progress:after { width: 100%; height: 3px; left: 0; bottom: 0; background: var(--color-light-brown-2); position: absolute; content: ''; z-index: 1; }
#content.single .author__datetime .progress label { margin-bottom: 10px; font-size: 12px; font-weight: 700; color: var(--color-brown); line-height: 100%; letter-spacing: 1px; display: block; }
#content.single .author__datetime .progress .progress_bar { width: 0; max-width: 100%; height: 3px; background: var(--color-green); position: relative; z-index: 2; }

#content.single .excerpt { margin-bottom: 20px; font-size: 22px; line-height: 130%; }

#content.single .tags { margin-bottom: 20px; font-size: 14px; }
#content.single .tags a { padding: 5px 10px; text-decoration: none !important; color: white !important; background: var(--color-green); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#content.single .tags a:hover { text-decoration: underline !important; }

/* Contact */
#content .email_phone_wrap { margin: 30px 0 50px; padding-bottom: 50px; border-bottom: 1px solid var(--color-light-brown); display: flex; flex-wrap: wrap; }
#content .email_phone_wrap .item { flex-grow: 1; flex-basis: 0; }
#content .email_phone_wrap .item .subtitle { margin-bottom: 10px; font-size: 15px; font-weight: 500; color: var(--color-brown); line-height: 100%; letter-spacing: 3px; }

/* Woof products top panel */
#content ul.woof_products_top_panel_ul li { padding-left: 0; }
#content ul.woof_products_top_panel_ul li:before { display: none; }

.woof_info_popup { background-color: rgba(11 83 31 / 90%) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

/* FAQ */
#content .faq_wrap h3 { margin-top: 50px; }
#content .faq_wrap:first-of-type h3 { margin-top: 0; }
#content .faq_wrap .faq_main { margin-bottom: 10px; background: var(--color-light-brown-2); }
#content .faq_wrap .faq_main .faq_header { padding: 15px 40px 15px 20px; font-size: 18px; font-weight: 700; color: white; line-height: 20px; background: var(--color-green); display: block; position: relative; cursor: pointer; }
#content .faq_wrap .faq_main .faq_header .lines { width: 20px; height: 20px; right: 20px; top: calc(50% - 10px); position: absolute; }
#content .faq_wrap .faq_main .faq_header .lines .vertical { width: 4px; height: 100%; left: calc(50% - 2px); top: 0; background: white; position: absolute; }
#content .faq_wrap .faq_main .faq_header .lines .horizontal { width: 100%; height: 4px; left: 0; top: calc(50% - 2px); background: white; position: absolute; }
#content .faq_wrap .faq_main .faq_header.active .lines .vertical { height: 4px; top: calc(50% - 2px); }

#content .faq_wrap .faq_main .faq_content { padding: 20px; display: none; overflow: hidden; }
#content .faq_wrap .faq_main .faq_content :last-child { margin-bottom: 0 !important; }

#content .faq_wrap .faq_main.active .faq_header { background-image: url(images/icon_arrow_up_circle.svg); }

/* Brands */
#content .brands_wrap { display: flex; flex-wrap: wrap; }
#content .brands_wrap .brand { width: 20%; margin-top: 50px; text-align: center; }
#content .brands_wrap .brand:nth-child(-n+5) { margin-top: 0; }
#content .brands_wrap .brand a { display: block; position: relative; }
#content .brands_wrap .brand a.logo:before { padding-top: 80%; display: block; content: ''; }
#content .brands_wrap .brand img { width: auto; max-width: 80%; height: auto; max-height: 100%; left: 50%; top: 50%; display: block; position: absolute; transform: translate(-50%, -50%); }
#content .brands_wrap .brand h3 { margin-bottom: 0 !important; padding-top: 10px; }
#content .brands_wrap .brand h3 a { font-size: 16px; text-decoration: none !important; line-height: 20px; }
#content .brands_wrap .brand .count { font-weight: 400; color: var(--color-gray); }


/*
---------------
	SIDEBAR
---------------
*/
#sidebar { width: 250px; padding: 30px 0; }
#sidebar .sidebar_wrapper { margin-bottom: 30px; }

#sidebar .widget { margin-bottom: 20px; padding: 20px; background: var(--color-brown-a10); border-radius: 10px; }
#sidebar .widget:last-child { margin-bottom: 0; }

#sidebar .widget .widget_title { margin-bottom: 15px; font-size: 18px; font-weight: 700; position: relative; z-index: 0; }

/* Price filter */
#sidebar .widget.widget_price_filter .price_slider_amount { margin-top: 10px; display: flex; flex-wrap: wrap; }
#sidebar .widget.widget_price_filter .price_slider_amount label { width: 50%; font-size: 12px; font-weight: 700; text-transform: uppercase; }
#sidebar .widget.widget_price_filter .price_slider_amount label[for=max_price] { text-align: right; }
#sidebar .widget.widget_price_filter .price_slider_amount .button { width: 100%; height: 40px; line-height: 40px; order: 2; }
#sidebar .widget.widget_price_filter .price_slider_amount .price_label { width: 100%; margin-bottom: 10px; font-size: 16px; font-weight: 700; text-align: center; order: 1; }

/* Product categories */
#sidebar .widget.widget_product_categories ul { margin-left: 15px; list-style: disc; }
#sidebar .widget.widget_product_categories ul li { margin-bottom: 10px; line-height: 20px; }
#sidebar .widget.widget_product_categories ul li:last-child { margin-bottom: 0; }
#sidebar .widget.widget_product_categories ul li a { font-weight: 700; color: var(--color-green); line-height: 20px !important; display: block; }
#sidebar .widget.widget_product_categories ul li a:hover { text-decoration: underline; color: var(--color-dark); }

#sidebar .widget.widget_product_categories ul li ul { display: none; }
#sidebar .widget.widget_product_categories ul li ul li a { font-size: 16px; font-weight: 400; }
#sidebar .widget.widget_product_categories ul li.current-cat > ul { margin: 10px 0 20px 15px; display: block; }
#sidebar .widget.widget_product_categories ul li.current-cat ul li a { display: block; }


/*
---------------
	FOOTER
---------------	
*/
#footer { color: white; background: var(--color-green); }
#footer a { text-decoration: underline; color: white; }
#footer a:hover { text-decoration: none; }

#footer ::-webkit-input-placeholder { color: #b5cbbb; }
#footer ::-moz-placeholder { color: #b5cbbb; }
#footer :-ms-input-placeholder { color: #b5cbbb; }
#footer :-moz-placeholder { color: #b5cbbb; }

/* Footer top */
#footer .footer_top { height: 150px; padding: 0 50px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#footer .footer_top .footer_top_wrap { width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255 255 255 / 10%); }
#footer .footer_top .footer_top_wrap .logo { height: 30px; }
#footer .footer_top .footer_top_wrap .logo a { width: auto; height: 30px; display: inline-block; position: absolute; }
#footer .footer_top .footer_top_wrap .logo a img { width: auto; height: 100%; display: block; }

#footer .footer_top .footer_top_wrap .up { height: 40px; }
#footer .footer_top .footer_top_wrap .up a { height: 40px; padding-right: 60px; color: white; line-height: 40px; display: inline-block; position: relative; }
#footer .footer_top .footer_top_wrap .up a:after { width: 40px; height: 40px; right: 0; top: 0; background: var(--color-brown) url(images/icon_arrow_up_white.svg) no-repeat center; background-size: 20px auto; position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

/* Footer center */
#footer .footer_center .footer_center_wrap { width: 100%; height: 100%; padding: 50px; border-bottom: 1px solid rgba(255 255 255 / 10%); display: flex; flex-wrap: wrap; }
#footer .footer_center .footer_center_wrap .box { width: 25%; }
#footer .footer_center .footer_center_wrap .box h4 { margin-bottom: 20px; font-size: 20px; }
#footer .footer_center .footer_center_wrap .box ul { line-height: 30px; list-style: none; }
#footer .footer_center .footer_center_wrap .box ul li a { padding-left: 20px; line-height: 20px; display: inline-block; position: relative; }
#footer .footer_center .footer_center_wrap .box ul li a:before { width: 4px; height: 4px; left: 0; top: 9px; background: var(--color-brown); position: absolute; content: ''; }

#footer .footer_center .footer_center_wrap .box.social_media { display: flex; flex-wrap: wrap; align-content: space-between; }
#footer .footer_center .footer_center_wrap .box.social_media a.facebook, 
#footer .footer_center .footer_center_wrap .box.social_media a.instagram { width: 50px; height: 50px; margin-right: 10px; font-size: 0; vertical-align: top; background: var(--color-brown); display: inline-flex; align-items: center; justify-content: center; }
#footer .footer_center .footer_center_wrap .box.social_media a.facebook svg, 
#footer .footer_center .footer_center_wrap .box.social_media a.instagram svg { width: auto; height: 20px; display: block; }
#footer .footer_center .footer_center_wrap .box.social_media a.facebook:hover, 
#footer .footer_center .footer_center_wrap .box.social_media a.instagram:hover { background: white; }
#footer .footer_center .footer_center_wrap .box.social_media a.facebook:hover svg path, 
#footer .footer_center .footer_center_wrap .box.social_media a.instagram:hover svg path { fill: var(--color-dark-gray); }

#footer .footer_center .footer_center_wrap .box.social_media .shop_info { margin-top: 30px; font-size: 14px; color: rgba(255 255 255 / 60%); line-height: 20px; }

#footer form.mailster-form .mailster-wrapper { margin-bottom: 10px; }

#footer form.mailster-form .mailster-wrapper input[type=text], 
#footer form.mailster-form .mailster-wrapper input[type=email] { width: 100%; height: 40px; padding-left: 10px; color: white; background: transparent; border: 1px solid #246536; border-bottom-width: 2px; }

#footer form.mailster-form .mailster-wrapper input[type=text]:focus, 
#footer form.mailster-form .mailster-wrapper input[type=email]:focus { color: var(--color-dark-gray); background: white; border-color: white; }

#footer form.mailster-form .mailster-wrapper.mailster-privacy-policy-1-wrapper label { padding-left: 30px; font-size: 13px; color: #b5cbbb; line-height: 16px; display: block; position: relative; }
#footer form.mailster-form .mailster-wrapper.mailster-privacy-policy-1-wrapper label input[type=checkbox] { left: 0; top: 4px; margin-top: 0 !important; position: absolute; }

#footer form.mailster-form .mailster-wrapper.mailster-submit-wrapper input[type=submit] { width: 100%; background-color: var(--color-brown); }
#footer form.mailster-form .mailster-wrapper.mailster-submit-wrapper input[type=submit]:hover { background-color: var(--color-dark-gray); }

/* Footer bottom */
#footer .footer_bottom { padding: 50px; color: #b5cbbb; }
#footer .footer_bottom .footer_bottom_wrap { width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }


/*
--------------
	BARION
--------------
*/
#partners { padding: 20px 0; background: white; }
#partners .partners_wrap { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; }
#partners .partners_wrap img { width: auto; max-width: 400px; height: auto; max-height: 30px; margin: 0 10px; display: block; }


/*
-----------
	RWD
-----------
*/
@media only screen and (max-width: 1440px) { 

	/* SLIDER */
	#slider .slick-slide .text_wrap .title { font-size: 30px; }
}

@media only screen and (max-width: 1280px) { 

	/* DISPLAY: None */
	.hide_in_1280 { display: none !important; }

	/* DEFAULT */
	.p_l_20 { padding-left: 20px; }
	.p_r_20 { padding-right: 20px; }
	.has_background { border-left: none; border-right: none; }
	
	/* WEBSITE */
	#website:before, 
	#website:after { display: none; }

	/* HEADER: Header top */
	#header { padding-left: 20px; padding-right: 20px; }

	/* HEADER: Logo */
	#header .logo { left: 20px; }
	
	/* HEADER: Search */
	#header .aws-container { max-width: 350px; }
	
	/* MENU */
	#menu ul { padding: 0 20px; }
	#menu ul li a { font-size: 16px; }
	
	/* CATEGORIES */
	#categories { padding: 30px 20px; }
	#categories ul.products li.product-category:nth-child(7) { display: none; }
	
	/* FRONTPAGE PRODUCTS */
	.frontpage_products { padding: 50px 20px; }
	
	/* GRID */
	.section_grid_layout { padding: 50px 20px; }
	.section_grid_layout .grid_wrap { height: 550px; }
	
	/* NEWSLETTER */
	#newsletter .wrap_left { padding: 50px 20px; }
	
	/* BLOG */
	#blog { padding: 70px 0; }
	.blog_wrap { margin-left: -10px; margin-right: -10px; }
	.blog_wrap .blog_post { width: calc(33.3333333333% - 20px); margin: 40px 10px 0; }
	
	/* HERO */
	#hero .hero_wrap .wrap_left { min-height: 300px; padding: 30px 20px; }
	#hero .hero_wrap .wrap_left:before { width: 200px; height: 200px; }
	#hero .hero_wrap .wrap_left h1 { font-size: 50px; }
	
	/* BEFORE CONTENT */
	#before_content { padding: 10px 20px; }
	
	/* CONTENT */
	#content { padding: 30px 0; }
	body.woocommerce-checkout #content { padding: 0; }
	
	#container.has_sidebar { padding: 0 20px; }
	#container.has_sidebar #content { padding-left: 30px; }
	
	/* FOOTER: Footer top */
	#footer .footer_top { padding: 0 20px; }
	
	/* FOOTER: Footer center */
	#footer .footer_center .footer_center_wrap { padding: 50px 20px; }
	
	/* FOOTER: Footer bottom */
	#footer .footer_bottom { padding: 50px 20px; }
}

@media only screen and (max-width: 960px) { 

	/* DISPLAY: None */
	.hide_in_960 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_960 { display: block !important; }
	
	/* HEADER: Header top */
	#header { height: 80px; }
	
	/* HEADER: Search */
	#header .aws-container { display: none !important; }
	
	/* Profile and Cart */
	#header .profile__cart { right: 90px; }
	
	/* SLIDER */
	#slider .slick-slide:before { padding-top: 40%; }
	#slider .slick-slide .text_wrap { width: 100%; left: 0; top: 50%; bottom: auto; padding: 0 20px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	#slider .slick-slide .text_wrap .title { font-size: 40px; }
	
	/* CATEGORIES */
	#categories ul.products li.product-category { width: calc(33.3333333333% - 20px); margin-top: 20px !important; }
	#categories ul.products li.product-category:nth-child(-n+3) { margin-top: 0 !important; }
	
	/* FRONTPAGE PRODUCTS */
	.frontpage_products { padding: 30px 20px; }
	
	/* GRID */
	.section_grid_layout { padding: 30px 20px; }
	.section_grid_layout .grid_wrap { height: 1000px; grid-template-areas: "A A B B" "C C C C" "D D D D"; }
	
	/* NEWSLETTER */
	#newsletter .wrap_left { width: 60%; padding: 50px 20px; }
	#newsletter .wrap_right { width: 40%; }
	
	/* BLOG */
	#blog { padding: 50px 0; }
	
	.blog_wrap { margin-left: -20px; margin-right: -20px; }
	.blog_wrap .blog_post { width: calc(50% - 20px); }
	.blog_wrap .blog_post:nth-child(3) { margin-top: 40px; }
	body.home .blog_wrap .blog_post:nth-child(3) { display: none; }
	
	/* BEFORE CONTENT */
	#breadcrumb_share { border-top: 1px solid var(--color-light-brown); }
	
	/* CONTENT */
	#content h1 { font-size: 40px; }
	
	#container.has_sidebar { padding: 0; }
	#container.has_sidebar #content { width: 100%; padding-left: 20px; padding-right: 20px; }
	
	/* FOOTER: Footer top */
	#footer .footer_top { height: 100px; }
	
	/* FOOTER: Footer center */
	#footer .footer_center .footer_center_wrap { padding: 30px 20px; }
	#footer .footer_center .footer_center_wrap .box { width: 50%; margin-top: 30px; }
	#footer .footer_center .footer_center_wrap .box:nth-child(-n+2) { margin-top: 0; }
}

@media only screen and (max-width: 768px) { 

	/* DISPLAY: None */
	.hide_in_768 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_768 { display: block !important; }
	
	/* MODAL */
	.fancybox-container .modal_added_to_cart { padding: 20px; }
	
	/* HEADER */
	#header { width: 100%; left: 0; top: 0; background: white; position: fixed; z-index: 100; }
	body.fixed_header #header { -moz-box-shadow: 0 0 10px rgba(0 0 0 / 15%); -webkit-box-shadow: 0 0 10px rgba(0 0 0 / 15%); box-shadow: 0 0 10px rgba(0 0 0 / 15%); } 
	
	/* HEADER: Header top */
	#header { height: 80px; }
	
	/* HEADER: Search */
	#header .aws-container { display: none !important; }
	
	/* FRONTPAGE PRODUCTS */
	.frontpage_products .product_list_header h2 { width: 100%; margin-bottom: 20px; font-size: 30px; }
	
	/* GRID */
	.section_grid_layout .grid_wrap { height: 800px; grid-template-areas: "A A B B" "C C C C" "D D D D"; }
	
	/* NEWSLETTER */
	#newsletter .wrap_left { width: 100%; min-height: inherit; padding: 30px 20px; }
	#newsletter .wrap_left .title { font-size: 40px; }
	#newsletter .wrap_left .title:before { height: 20px; left: -20px; right: -20px; }
	#newsletter .wrap_right { width: 100%; }
	#newsletter .wrap_right:before { padding-top: 40%; display: block; content: ''; }
	
	/* BLOG */
	#blog .blog_header { margin-bottom: 30px; }
	#blog .blog_title { font-size: 40px; }
	#blog .blog_title:before { height: 20px; left: -20px; right: -20px; }
	
	/* HERO */
	#hero .hero_wrap .wrap_left { width: 100%; min-height: inherit; }
	#hero .hero_wrap .wrap_left h1 { font-size: 40px; }
	
	/* MAIN */
	#main { padding-top: 80px; }
	
	/* CONTENT */
	#content h2 { font-size: 30px; }
	
	/* CONTENT: Contact */
	#content .email_phone_wrap { margin: 30px 0 30px; padding-bottom: 30px; }
	#content .email_phone_wrap .item { width: 100%; margin-top: 30px; flex-grow: inherit; flex-basis: auto; }
	#content .email_phone_wrap .item:first-child { margin-top: 0; }
	
	/* Footer center */
	#footer .footer_center .footer_center_wrap .box { width: 100%; }
	#footer .footer_center .footer_center_wrap .box:nth-child(2) { margin-top: 30px; }
	#footer .footer_center .footer_center_wrap .box ul { display: flex; flex-wrap: wrap; }
	#footer .footer_center .footer_center_wrap .box ul li { width: 33.3333333333%; }
}

@media only screen and (max-width: 640px) { 

	/* DISPLAY: None */
	.hide_in_640 { display: none !important; }
	
	/* RWD NAV */
	#rwd_menu .rwd_menu_wrap { width: 100%; } 
	
	/* HEADER: Logo */
	#header .logo { height: 20px; padding-left: 30px; }
	#header .logo:before { width: 20px; height: 20px; }
	
	/* HEADER: Search */
	#header .aws-container { display: none !important; }
	
	/* FRONTPAGE PRODUCTS */
	.frontpage_products .product_list_header h2 { width: 100%; margin-right: 0; }
	
	/* FOOTER: Footer top */
	#footer .footer_top .footer_top_wrap .logo { height: 20px; }
	#footer .footer_top .footer_top_wrap .logo a { height: 20px; }
	
	/* FOOTER: Footer center */
	#footer .footer_center .footer_center_wrap .box ul li { width: 50%; }
	
	/* FOOTER: Footer bottom */
	#footer .footer_bottom { padding: 30px 20px; }
	#footer .footer_bottom .footer_bottom_wrap { display: block; justify-content: normal; align-items: normal; }
	#footer .footer_bottom .footer_bottom_wrap .copyright { margin-bottom: 10px; display: block; }
}

@media only screen and (max-width: 480px) { 

	/* DISPLAY: None */
	.hide_in_480 { display: none !important; }
	
	/* DEFAULT */
	.full_width_in_480 { width: 100%; height: auto; padding: 15px 20px; line-height: 20px; }
	
	/* MODAL */
	.fancybox-container .modal_added_to_cart .thumbnail { width: 110px; height: 110px; }
	.fancybox-container .modal_added_to_cart .thumbnail img { max-width: 100px; max-height: 100px; }
	.fancybox-container .modal_added_to_cart .datas { width: calc(100% - 110px); padding-top: 0; }
	.fancybox-container .modal_added_to_cart .datas h4 { margin-bottom: 5px !important; }
	.fancybox-container .modal_added_to_cart .datas .price { margin-bottom: 10px; }
	.fancybox-container .modal_added_to_cart .datas .button { height: 40px; font-size: 16px; line-height: 40px; }
	
	/* RWD NAV */
	#rwd_menu .rwd_menu_section { padding-left: 20px; padding-right: 20px; } 
	#rwd_menu .rwd_menu_section.useful_info { padding-top: 30px; padding-bottom: 30px; }
	
	/* RWD NAV: RWD menu header */
	#rwd_menu .rwd_header { height: 80px; }
	#rwd_menu .rwd_header img { left: 20px; }
	#rwd_menu .rwd_header img { width: auto !important; height: 18px !important; left: 20px; }
	#rwd_menu .rwd_header .rwd_button { right: 20px; }
	
	#rwd_menu ul.primary_menu li ul { margin-left: -20px; margin-right: -20px; }
	#rwd_menu ul.primary_menu li ul li a { padding: 15px 20px 15px; }
	
	/* HEADER: Profile and Cart */
	#header .profile__cart { right: 80px; }
	
	/* HEADER: Profile */
	#header .profile { margin-right: 10px; }

	/* SLIDER */
	#slider .slick-slide .text_wrap .title { font-size: 30px; }
	
	/* BLOG */
	.blog_wrap { margin-left: 0; margin-right: 0; }
	.blog_wrap .blog_post { width: 100%; margin: 40px 0 0; }
	.blog_wrap .blog_post:nth-child(2) { margin-top: 40px; }
	body.home .blog_wrap .blog_post:nth-child(3) { display: block; }
	
	/* BEFORE CONTENT */
	#before_content .rank-math-breadcrumb { font-size: 14px; }
	
	/* CONTENT */
	#content h1, 
	#content h2 { font-size: 30px; }
	
	/* FOOTER: Footer center */
	#footer .footer_center .footer_center_wrap .box ul li { width: 100%; }
	
	/* BARION */
	#barion img { max-width: 80%; }
}

@media only screen and (max-width: 375px) { 

	/* MODAL */
	.fancybox-container .modal_added_to_cart .thumbnail { width: 90px; height: 90px; }
	.fancybox-container .modal_added_to_cart .thumbnail img { max-width: 80px; max-height: 80px; }
	.fancybox-container .modal_added_to_cart .datas { width: calc(100% - 90px); }
	.fancybox-container .modal_added_to_cart .datas .button { font-size: 15px; }
	
	/* HEADER: Logo */
	#header .logo { height: 16px; }
	#header .logo:before { width: 16px; height: 16px; }

	/* Profile and Cart */
	#header .profile__cart { height: 40px; right: 70px; }

	/* HEADER: Profile */
	#header .profile { width: 40px; height: 40px; background-size: auto 25px; }

	/* HEADER: Cart */
	#header .ajax_cart { height: 40px; background-size: auto 25px; }
	#header .ajax_cart .count { left: 20px; top: -3px; }
}

@media only screen and (max-width: 320px) { 

	/* HEADER: Logo */
	#header .logo { height: 16px; padding-left: 26px; }
	#header .logo:before { width: 16px; height: 16px; }

	/* HEADER: Cart */
	#header .ajax_cart { right: 80px; }	
}