/*
Theme Name: MesePiac
Theme URI: https://mesepiac.hu
Description: A MesePiac játék webáruház alapértelmezett sablonja.
Author: Digitalform
Author URI: https://digitalform.hu
Version: 1.0
*/

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

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

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

@font-face { 
	font-family: 'Nunito Sans'; 
	src: url("fonts/nunito-sans-italic.woff2") format('woff2');
	font-weight: 400; 
	font-style: italic;
	font-stretch: normal;
	font-display: swap;
}

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

@font-face { 
	font-family: 'Nunito Sans'; 
	src: url("fonts/nunito-sans-bold-italic.woff2") format('woff2');
	font-weight: 700; 
	font-style: italic;
	font-stretch: normal;
	font-display: swap;
}

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

:root {
	--color-blue: #0E47A1;
	--color-green: #09995A;
	--color-cream: #FAF3E9;
	--color-light-blue: #F1F8FE;
	--color-red: #D7315A;
	--color-yellow: #F8BB2D;
	--color-light-yellow: #FFECB2;
	--color-dark: #2C3238;
	--color-silver-line: #CFD8DC;
}

body { font-family: 'Nunito Sans', sans-serif; font-size: 18px; color: var(--color-dark); line-height: 25px; overflow-x: hidden; }
body.rwd_menu__opened { overflow: hidden; }
body.fixed_header { padding-top: 80px; }
body.woocommerce-account, 
body.page-template-contact { background: var(--color-light-blue); }

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

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

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-silver-line); }

.left { float: left; }
.right { float: right; }
.clear, .related  { clear: both; }
.inner { max-width: 1280px; margin: auto; position: relative; }
.inner_900 { max-width: 900px; }
.inner_800 { max-width: 800px; }
.hide { display: none !important; }
.b_r_3 { -webkit-border-radius: 3px; border-radius: 3px; }
.b_r_5 { -webkit-border-radius: 5px; border-radius: 5px; }
.b_r_10 { -webkit-border-radius: 10px; border-radius: 10px; }
.b_r_50p { -webkit-border-radius: 50%; border-radius: 50%; }
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.required, .red { color: var(--color-red); }
.sec_font, .button { font-family: 'Anton', sans-serif; }

.button { height: 50px; padding: 0 50px; font-size: 18px; text-decoration: none !important; color: white !important; line-height: 50px; background-color: var(--color-blue); cursor: pointer; display: inline-block; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-border-radius: 25px; border-radius: 25px; }
.button:hover { background-color: var(--color-dark); }
.button:disabled { color: white !important; background-color: #ccc; }

.button.button_h30 { height: 36px; padding: 0 15px; font-size: 15px; line-height: 36px; }
.button.button_h40 { height: 40px; padding: 0 15px; font-size: 16px; line-height: 40px; }

.button.button_green { background-color: var(--color-green); }
.button.button_green:hover { background-color: var(--color-dark); }

.button.button_red { background-color: var(--color-red); }
.button.button_red:hover { background-color: var(--color-dark); }

.button.button_white_hover:hover { color: #000 !important; background-color: #FFFFFF; }

/* Font */
.center { text-align: center; }
.uppercase { text-transform: uppercase; }

/* Animation */
.anim, ul.slick-dots li, .button:before, #scroll_up { -webkit-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); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
#scroll_up { -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); transition: all 2s 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: #FFFFFF; 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%; 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%; border-radius: 50%; }


/*
-------------
	MODAL
-------------
*/
.fancybox-button--close { background-color: var(--color-blue); }
.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: var(--color-dark); 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: var(--color-dark); }

.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; }

/* Search */
.fancybox-container .modal_search { width: 100%; max-width: 500px; margin-top: 100px; padding: 20px; vertical-align: top; }
.fancybox-container .modal_search h3 { margin-bottom: 20px; font-size: 25px; font-weight: 700; color: var(--color-blue); line-height: 100%; }
.fancybox-container .modal_search .aws-container { height: 50px; border: 1px solid #ddd !important; -webkit-box-shadow: inset 0px 4px 0px 0px rgba(0 0 0 / 3%); box-shadow: inset 0px 4px 0px 0px rgba(0 0 0 / 3%); }
.fancybox-container .modal_search .aws-container .aws-search-form { height: 100% !important; }
.fancybox-container .modal_search .aws-container .aws-search-form .aws-form-btn { background-color: transparent !important; border: none !important; }
.aws-container .aws-search-field { height: 100%; padding-left: 10px !important; font-size: 15px !important; background: transparent !important; }

/* Exitpopup */
.fancybox-container .fancybox-content.exitpopup { max-width: 800px; padding: 0; }
.fancybox-container .fancybox-content.exitpopup .fancybox-close-small { width: 40px; height: 40px; right: 10px; top: 10px; padding: 0; line-height: 30px; background: var(--color-red) url(images/icon-close-white.svg) no-repeat center; background-size: auto 16px; position: absolute; cursor: pointer; opacity: 1; -webkit-border-radius: 50%; border-radius: 50%; }
.fancybox-container .fancybox-content.exitpopup .fancybox-close-small:hover { background-color: #2e2e2e; }
.fancybox-container .fancybox-content.exitpopup .fancybox-close-small svg { display: none; }

.fancybox-container .fancybox-content.exitpopup .wrapper { padding: 30px; }
.fancybox-container .fancybox-content.exitpopup .wrapper h3 { margin-bottom: 10px; font-size: 25px; font-weight: 700; color: var(--color-red); line-height: 100%; }
.fancybox-container .fancybox-content.exitpopup .wrapper img { max-width: 100%; height: auto; max-height: 250px; margin: auto; display: block; }
.fancybox-container .fancybox-content.exitpopup .wrapper p { margin-bottom: 20px; line-height: 30px; }
.fancybox-container .fancybox-content.exitpopup .wrapper p:last-child { margin-bottom: 0; }
.fancybox-container .fancybox-content.exitpopup .wrapper ul { margin-left: 20px; margin-bottom: 20px; }
.fancybox-container .fancybox-content.exitpopup .wrapper ul li { list-style: square; }
.fancybox-container .fancybox-content.exitpopup .wrapper ul.check { margin-left: 10px; }
.fancybox-container .fancybox-content.exitpopup .wrapper ul.check li { list-style: none; }
.fancybox-container .fancybox-content.exitpopup .wrapper ul.check li:before { margin-right: 5px; font-size: 19px; color: #85ad74; content: '✔'; }

.fancybox-container .fancybox-content.exitpopup .wrapper.has_image { padding: 0; font-size: 0; display: table; table-layout: fixed; }
.fancybox-container .fancybox-content.exitpopup .wrapper.has_image .image { width: 50%; background-color: #2e2e2e; background-repeat: no-repeat; background-position: center; background-size: cover; display: table-cell; }
.fancybox-container .fancybox-content.exitpopup .wrapper.has_image .content { width: 50%; padding: 30px; font-size: 17px; line-height: 30px; display: table-cell; }

.fancybox-container .fancybox-content.exitpopup .wrapper.has_only_image { padding: 0; }
.fancybox-container .fancybox-content.exitpopup .wrapper.has_only_image img { width: 100%; height: auto; display: block; }


/*
--------------
	SEARCH
--------------
*/
.aws-container .aws-search-form { height: 100% !important; }
.aws-container .aws-search-form .aws-form-btn { background-color: transparent !important; border: none !important; }
.aws-container .aws-search-field { font-size: 14px !important; border: none !important; }

.aws-search-result { border-color: #eee !important; }
.aws-search-result ul li { border-color: #eee !important; }
.aws-search-result .aws_result_content { font-size: 14px; }
.aws-search-result .aws_result_item:hover, .aws-search-result .aws_result_item.hovered { background: #f4f6f8 !important; }
.aws-search-result .aws_result_title { color: #000 !important; }
.aws-search-result .aws_search_more a { font-weight: 700; color: var(--color-blue) !important; }


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

/* Menu */
#rwd_menu .menu ul li { float: none !important; position: relative; }
#rwd_menu .menu ul li.hide_in_rwd { display: none; }
#rwd_menu .menu ul li a { color: var(--color-dark); display: block; }

/* Primary menu */
#rwd_menu ul.primary_menu { margin-bottom: 30px; }
#rwd_menu ul.primary_menu li { border-bottom: 1px solid var(--color-silver-line); }
#rwd_menu ul.primary_menu li a { padding: 15px 20px; font-size: 20px; font-weight: 900; color: var(--color-dark); line-height: 100%; display: block; position: relative; }
#rwd_menu ul.primary_menu li a:hover { text-decoration: underline; }

#rwd_menu ul.primary_menu li.menu-item-has-children > a:before { width: 0; height: 100%; left: 0; top: 0; background: #313131; position: absolute; content: ''; }
#rwd_menu ul.primary_menu li.menu-item-has-children > a:after { width: 20px; height: 20px; right: 20px; top: calc(50% - 10px); background: url(images/icon_arrow_down_white.svg) no-repeat center; background-size: 16px; position: absolute; content: ''; }
#rwd_menu ul.primary_menu li.menu-item-has-children.open > a:before { width: 8px; }
#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 { background: #FFFFFF; display: none; }
#rwd_menu ul.primary_menu li ul li { border-bottom-color: #eee; }
#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 15px 15px 20px; font-size: 17px; color: #333 !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; }

/* Secondary menu */
#rwd_menu .secondary_menu { padding: 30px 0; background: var(--color-cream); }
#rwd_menu .secondary_menu ul li { margin-bottom: 5px; }
#rwd_menu .secondary_menu ul li a { padding: 0 20px; font-size: 18px; font-weight: 500; }
#rwd_menu .secondary_menu ul li a:hover { text-decoration: underline; }

/* Phone and e-mail */
#rwd_menu a.phone { margin-bottom: 20px; margin-left: 20px; padding-left: 50px; font-weight: 700; color: var(--color-dark); line-height: 40px; display: block; position: relative; }
#rwd_menu a.phone:before { width: 40px; height: 40px; left: 0; top: 0; background: var(--color-yellow) url(images/icon-phone-white.svg) no-repeat center / 20px auto; position: absolute; content: ''; -webkit-border-radius: 50%; border-radius: 50%; }

#rwd_menu a.email { margin-bottom: 20px; margin-left: 20px; padding-left: 50px; font-weight: 700; color: var(--color-dark); line-height: 40px; display: block; position: relative; }
#rwd_menu a.email:before { width: 40px; height: 40px; left: 0; top: 0; background: var(--color-yellow) url(images/icon-email-white.svg) no-repeat center / 20px auto; position: absolute; content: ''; -webkit-border-radius: 50%; border-radius: 50%; }

/* Search */
#rwd_menu .search form { height: 60px; margin: 20px; background: rgba(0 0 0 / 5%); border-radius: 5px; position: relative; }
#rwd_menu .search form input[type=text] { width: 100%; height: 100%; padding-left: 50px; background: transparent url(images/icon-search-blue.svg) no-repeat 15px center / auto 20px; outline: 2px solid transparent; border-radius: 10px; }
#rwd_menu .search form input[type=text]:focus { outline-color: var(--color-silver-line); }
#rwd_menu .search form input[type=submit] { height: 30px; right: 10px; top: 50%; padding: 0 10px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #FFFFFF; line-height: normal; background: var(--color-blue); border: none !important; position: absolute; z-index: 2; transform: translateY(-50%); cursor: pointer; border-radius: 5px; }
#rwd_menu .search form input[type=submit]:hover { background: var(--color-dark); }

/* Button */
#rwd_menu .button { width: 450px; left: -100%; bottom: 0; padding: 0 !important; text-align: center; display: block; position: fixed; -webkit-border-radius: 0; border-radius: 0; }
#rwd_menu .button:hover { color: white !important; background-color: #333 !important; }

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


/*
----------------
	TOP LINE
----------------
*/
#top_line { height: 10px; background: var(--color-blue); position: relative; }
#top_line:before { width: 50%; height: 100%; left: 0; top: 0; background: var(--color-yellow); position: absolute; content: ''; }


/*
---------------
	HEADER
---------------	
*/
#header { width: 100%; height: 100px; left: 0; top: 0; background: #FFFFFF; border-bottom: 1px solid var(--color-silver-line); position: relative; z-index: 10; }
#header .inner { height: 100%; }

/* Logo */
#header .logo { height: 40px; display: inline-flex; align-items: center; z-index: 2; }
#header .logo img { width: auto !important; height: 100% !important; display: block; }
#header .logo img.text { height: 80%; margin-left: 10px; }

/* Search */
#header .aws-container { height: 50px; left: 270px; right: 400px; top: 50%; background: #f0f3f4; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 25px !important; border-radius: 25px !important; }
#header .aws-container form.aws-search-form { height: 100%; }
#header .aws-container form.aws-search-form .aws-wrapper { width: calc(100% - 50px) !important; flex-grow: inherit !important; }
#header .aws-container form.aws-search-form .aws-wrapper input[type=search] { padding: 0 20px !important; font-size: 17px !important; background: transparent !important; }
#header .aws-container form.aws-search-form .aws-search-btn { width: 50px !important; height: 50px !important; margin: 0 !important; font-size: 0; background: var(--color-yellow) url(images/icon-search-white.svg) no-repeat center / auto 24px !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; }
#header .aws-container form.aws-search-form .aws-search-btn:hover { background-color: var(--color-blue) !important; }
#header .aws-container form.aws-search-form .aws-search-btn span { display: none !important; }

/* Profile and Cart */
#header .profile__cart { right: 0; display: flex; position: absolute; }

#header .alt_search { width: 50px; height: 50px; margin-right: 20px; background: var(--color-yellow) url(images/icon-search-white.svg) no-repeat center / auto 24px; }
#header .alt_search:hover { background-color: var(--color-blue); }

#header .profile { height: 50px; margin-right: 30px; padding-left: 60px; padding-right: 30px; font-size: 18px; font-weight: 700; color: #999; line-height: 50px; border-right: 1px solid var(--color-silver-line); display: block; position: relative; }
#header .profile:hover { text-decoration: underline; }
#header .profile:before { width: 50px; height: 50px; left: 0; top: 0; background: var(--color-light-blue) url(images/icon-lock.svg) no-repeat center / 20px auto; position: absolute; content: ''; -webkit-border-radius: 50%; border-radius: 50%; }
#header .profile.logged_in:before { background-image: url(images/icon-user.svg); }

#header .ajax_cart { height: 50px; padding-left: 60px; font-size: 18px; font-weight: 700; color: var(--color-dark); line-height: 50px; position: relative; }
#header .ajax_cart:before { width: 50px; height: 50px; left: 0; top: 0; background: var(--color-blue) url(images/icon-cart-white.svg) no-repeat center / 20px auto; position: absolute; content: ''; -webkit-border-radius: 50%; border-radius: 50%; }
#header .ajax_cart .count { min-width: 24px; height: 24px; left: 32px; top: -10px; padding: 0 5px; font-size: 12px; font-weight: 700; text-align: center; color: #000; line-height: 24px; background: var(--color-light-yellow); border: 1px solid #FFFFFF; position: absolute; -webkit-border-radius: 50%; border-radius: 50%; }

/* RWD button */
#header .rwd_button { width: 50px; height: 50px; right: 20px; background: var(--color-green); position: absolute; z-index: 2; cursor: pointer; }
#header .rwd_button .burg { width: 20px; height: 2px; left: 15px; top: calc(50% - 1px); background: #FFFFFF; display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; }

#header .rwd_button .burg:before, 
#header .rwd_button .burg:after { width: 20px; height: 2px; background: #FFFFFF; position: absolute; content: ''; -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); }

/* Fixed header */
body.fixed_header #header { height: 80px; position: fixed; z-index: 99; }


/*
------------
	MENU
------------
*/
#menu { height: 60px; background: #FFFFFF; -webkit-box-shadow: 0 0 20px rgba(44 50 56 / 20%); box-shadow: 0 0 20px rgba(44 50 56 / 20%); }
#menu .inner { height: 100%; }
#menu ul { height: 100%; display: flex; justify-content: space-between; list-style: none; }
#menu ul li { height: 100%; position: relative; }
#menu ul li.current-menu-item:before { width: 0; height: 0; top: 0; left: 50%; margin-left: -6px; border: solid transparent; border-color: rgba(207, 216, 220, 0); border-top-color: #cfd8dc; border-width: 6px; position: absolute; content: ''; pointer-events: none; }
#menu ul li a { height: 100%; font-size: 18px; font-weight: 700; color: var(--color-dark); display: flex; align-items: center; }

body.home #menu { -webkit-box-shadow: none; box-shadow: none; }


/*
--------------
	SLIDER
--------------
*/
#slider_wrap { padding: 20px 0; background: var(--color-cream) url(images/bgr-slider.png) no-repeat center bottom; }
#slider_wrap .slick-slide { max-height: 500px; min-height: 230px; background-color: var(--color-dark); position: relative; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; }
#slider_wrap .slick-slide:before { padding-top: 40%; display: block; content: ''; }
#slider_wrap .slick-slide .cover { width: 100%; height: 100%; left: 0; top: 0; position: absolute; }
#slider_wrap .slick-slide .item_wrap { height: 100%; color: #FFFFFF; display: flex; }
#slider_wrap .slick-slide .item_wrap .wrap_left { width: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; }
#slider_wrap .slick-slide .item_wrap .wrap_left .wrap_left_cover { height: 100%; padding: 0 50px; display: flex; align-items: center; align-content: center; justify-content: center; }
#slider_wrap .slick-slide .item_wrap .wrap_left .logo { width: 100%; max-width: 320px; height: auto; max-height: 100px; margin: 0 auto 20px; display: block; }
#slider_wrap .slick-slide .item_wrap .wrap_left .title { width: 100%; margin: 10px 0; font-size: clamp(28px, 4vw, 40px); text-align: center; line-height: 120%; }
#slider_wrap .slick-slide .item_wrap .wrap_left .text { width: 100%; margin: 10px 0; text-align: center; line-height: 120%; }
#slider_wrap .slick-slide .item_wrap .wrap_left .button { margin-top: 20px; }
#slider_wrap .slick-slide .item_wrap .wrap_left .button:hover { opacity: 90%; }
#slider_wrap .slick-slide .item_wrap .wrap_right { width: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; }

/* Dots */
#slider_wrap ul.slick-dots { right: 20px; bottom: 20px; display: flex; position: absolute; list-style: none; }
#slider_wrap ul.slick-dots li { width: 20px; height: 20px; margin-left: 10px; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255 255 255 / 0%); cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%; }
#slider_wrap ul.slick-dots li:hover { border-color: rgba(255 255 255 / 50%); cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%; }
#slider_wrap ul.slick-dots li button { width: 6px; height: 6px; font-size: 0; background: #FFFFFF; cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%; }
#slider_wrap ul.slick-dots li.slick-active { border-color: var(--color-blue); }
#slider_wrap ul.slick-dots li.slick-active button { background: var(--color-blue); }


/*
------------------
	TOY FINDER
------------------
*/
#toy_finder { padding: 20px 0; background: var(--color-light-blue); border-bottom: 1px solid var(--color-silver-line); }
#toy_finder .section_title_wrap { margin-bottom: 20px; display: flex; align-items: center; align-content: center; }
#toy_finder .section_title_wrap .info { font-size: 18px; font-weight: 700; color: #0e2d6e; }
#toy_finder .section_title { margin-right: 20px; font-size: clamp(28px, 4vw, 40px); color: var(-body-text-color); line-height: 100%; }
#toy_finder .section_title.has_text_decor { position: relative; }
#toy_finder .section_title.has_text_decor:before { width: 60px; height: 50px; left: -45px; top: -35px; background: url(images/text-decor-1.svg) no-repeat right center; background-size: auto 100%; position: absolute; content: ''; }

#toy_finder .steps_wrap { display: flex; }
#toy_finder .steps_wrap .step { width: 25%; padding-right: 30px; padding-top: 10px; }
#toy_finder .steps_wrap .step label { margin-bottom: 15px; font-size: 13px; font-weight: 900; color: var(--color-blue); line-height: 14px; display: block; }

#toy_finder .steps_wrap .step.gender { padding-left: 30px; padding-right: 60px; padding-top: 0; display: flex; justify-content: space-between; position: relative; }
#toy_finder .steps_wrap .step.gender:after { width: 1px; height: 100%; left: calc(50% - 15px); top: 0; background: var(--color-silver-line); position: absolute; content: ''; }
#toy_finder .steps_wrap .step.gender label { margin-bottom: 0; }
#toy_finder .steps_wrap .step.gender label .gender_wrap { width: 90px; height: 90px; background-repeat: no-repeat; background-position: center bottom; background-size: auto 80px; border: 1px solid #d9e6f0; position: relative; cursor: pointer; }
#toy_finder .steps_wrap .step.gender label .gender_wrap .checkmark { width: 26px; height: 26px; right: -10px; top: 10px; background: var(--color-green) url(images/icon-check-white.svg) no-repeat center / auto 12px; position: absolute; opacity: 0; -webkit-transform: scale(50%, 50%); transform: scale(50%, 50%); }
#toy_finder .steps_wrap .step.gender label input[type=radio] { display: none; }
#toy_finder .steps_wrap .step.gender label input[type=radio]:checked + .gender_wrap { border-color: var(--color-blue); }
#toy_finder .steps_wrap .step.gender label input[type=radio]:checked + .gender_wrap .checkmark { opacity: 100%; -webkit-transform: scale(100%, 100%); transform: scale(100%, 100%); }
#toy_finder .steps_wrap .step.gender label.boy .gender_wrap { background-image: url(images/icon-boy.svg); }
#toy_finder .steps_wrap .step.gender label.girl .gender_wrap { background-image: url(images/icon-girl.svg); }

#toy_finder .steps_wrap .step.submit { padding-left: 30px; padding-right: 0; }
#toy_finder .steps_wrap .step.submit .button { width: 100%; padding: 0 20px; }


/*
--------------------------
	FRONTPAGE PRODUCTS
--------------------------
*/
.frontpage_products { margin: 70px 0; }
.frontpage_products .section_title { margin-bottom: 50px; font-size: clamp(28px, 4vw, 40px); color: var(--color-dark); line-height: 100%; }
.frontpage_products .section_title h1 { font-size: clamp(28px, 4vw, 40px); line-height: 100%; display: inline-block; }


/*
------------------
	CATEGORIES
------------------
*/
#categories { padding: 70px 0; background-color: var(--color-cream); background: url(images/bgr-categories.png) no-repeat center bottom; }
#categories .section_title { margin-bottom: 50px; font-size: clamp(28px, 4vw, 40px); color: var(--color-dark); line-height: 100%; }
#categories .section_title.has_text_decor { width: max-content; margin: 0 auto 50px; position: relative; }
#categories .section_title.has_text_decor:before { width: 60px; height: 50px; left: -45px; top: -35px; background: url(images/text-decor-1.svg) no-repeat right center; background-size: auto 100%; position: absolute; content: ''; }

#categories .categories_wrap { display: flex; gap: 2px; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; }
#categories .categories_wrap .item { width: calc((100% - 4px) / 3); height: 200px; background-color: var(--color-dark); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
#categories .categories_wrap .item .cover { inset: 0; width: 100%; height: 100%; padding: 0 10px 30px 30px; background: rgba(0 0 0 / 10%); display: flex; align-items: end; position: absolute; }
#categories .categories_wrap .item h3 { font-size: 35px; color: #FFFFFF; text-shadow: 2px 2px rgba(0 0 0 / 30%); line-height: 100%; }


/*
-------------
	BOXES
-------------
*/
#boxes { padding: 70px 0; background: var(--color-cream) url(images/bgr-categories.png) no-repeat center bottom; }
#boxes .section_title { margin-bottom: 50px; font-size: clamp(28px, 4vw, 40px); color: var(--color-dark); line-height: 100%; }

#boxes .boxes_wrap { display: flex; gap: 30px; }
#boxes .boxes_wrap .box { width: calc((100% - 60px) / 3); background: #FFFFFF; }
#boxes .boxes_wrap .box .thumbnail { background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
#boxes .boxes_wrap .box .thumbnail:before { padding-top: 50%; display: block; content: ''; }

#boxes .boxes_wrap .box .entry { padding: 30px; }
#boxes .boxes_wrap .box .entry h3 { margin-bottom: 20px !important; font-size: 24px !important; font-weight: 400; line-height: 100%; }
#boxes .boxes_wrap .box .entry ul { list-style: none; }
#boxes .boxes_wrap .box .entry ul li { border-bottom: 1px dashed var(--color-silver-line); }
#boxes .boxes_wrap .box .entry ul li:last-child { border-bottom: none; }
#boxes .boxes_wrap .box .entry ul li a { padding: 10px 0; font-size: 18px; color: var(--color-blue); line-height: 20px; background: url(images/icon-arrow-right-circle.svg) no-repeat right center / auto 12px; display: block; }
#boxes .boxes_wrap .box .entry ul li a:hover { text-decoration: underline; color: var(--color-dark); }


/*
------------------
	NEWSLETTER
------------------
*/
#newsletter { background: var(--color-cream); }
#newsletter .section_title { margin-bottom: 20px; font-size: clamp(28px, 4vw, 40px); color: var(--color-dark); line-height: 100%; }
#newsletter .section_title.has_text_decor { width: max-content; margin: 0 auto 20px; position: relative; }
#newsletter .section_title.has_text_decor:before { width: 60px; height: 50px; left: -45px; top: -35px; background: url(images/text-decor-1.svg) no-repeat right center; background-size: auto 100%; position: absolute; content: ''; }

#newsletter .newsletter_wrap { display: flex; }
#newsletter .newsletter_wrap .wrap_left { width: 50%; padding-top: 50px; padding-right: 100px; padding-bottom: 50px; padding-left: calc((100% - 1280px) /2); }
#newsletter .newsletter_wrap .wrap_left p { margin-bottom: 20px; font-size: 16px; }
#newsletter .newsletter_wrap .wrap_right { width: 50%; background: url(images/img_newsletter.jpg) no-repeat center / cover; }

.mailpoet_form { padding: 0 !important; display: flex; 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: 52px; background-color: var(--color-green); -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; display: inline-block; -webkit-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); }
.mailpoet_form .mailpoet_paragraph legend { display: none !important; }

.mailpoet_form .mailpoet_paragraph.privacy_policy { margin-bottom: 20px !important; font-size: 15px; } 

.mailpoet_form select, 
.mailpoet_form input[type=text], 
.mailpoet_form input[type=email] { width: 100%; height: 50px; padding-left: 10px !important; background: #FFFFFF; outline: 2px solid #f0f3f4; -webkit-border-radius: 3px; border-radius: 3px; }

.mailpoet_form select:focus, 
.mailpoet_form input[type=text]:focus, 
.mailpoet_form input[type=email]:focus { outline-color: var(--color-blue); }

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


/*
------------
	BLOG
------------
*/
#blog { padding: 70px 0; }
#blog .section_title { margin-bottom: 50px; font-size: clamp(28px, 4vw, 40px); color: var(--color-dark); line-height: 100%; }
#blog .section_title.has_text_decor { width: max-content; margin: 0 auto 50px; position: relative; }
#blog .section_title.has_text_decor:before { width: 60px; height: 50px; left: -45px; top: -35px; background: url(images/text-decor-1.svg) no-repeat right center / auto 100%; position: absolute; content: ''; }

.blog_wrap { display: flex; gap: 50px 30px; }
.blog_wrap .blog_post { width: calc((100% - 60px) / 3); }
.blog_wrap .blog_post .thumbnail { display: block; overflow: hidden; }
.blog_wrap .blog_post .thumbnail img { width: 100%; height: auto; display: block; position: relative; transform: scale(1) translateZ(0); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.blog_wrap .blog_post .thumbnail:hover img { -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); }
.blog_wrap .blog_post .entry { padding-top: 20px; }
.blog_wrap .blog_post .entry h3 { margin-bottom: 10px; font-size: 24px !important; font-weight: 900; color: var(--color-blue); line-height: 100%; }
.blog_wrap .blog_post .entry h3 a { text-decoration: none !important; color: var(--color-blue); }
.blog_wrap .blog_post .entry h3 a:hover { color: var(--color-dark); }
.blog_wrap .blog_post .entry .datetime { font-size: 14px; }
.blog_wrap .blog_post .entry .excerpt { margin-bottom: 20px; font-size: 15px; color: #666; line-height: 20px; }
.blog_wrap .blog_post .entry .excerpt p { margin-bottom: 0 !important; }


/*
-------------------
	BREADCRUMBS
-------------------
*/
.rank-math-breadcrumb { margin-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 14px; }
.rank-math-breadcrumb a { text-decoration: underline; font-weight: 400; color: var(--color-blue); }
.rank-math-breadcrumb a:hover { color: var(--color-dark); }
.rank-math-breadcrumb .separator { font-weight: 400; }

body.category-blog .rank-math-breadcrumb, 
body.page-template-fullwidth .rank-math-breadcrumb { text-align: center; }


/*
----------------------
	BEFORE CONTENT
----------------------
*/
#before_content {  }


/*
---------------
	CONTENT
---------------	
*/
#container { padding: 50px 0; }
body.home #container { padding: 0; }
body.woocommerce-account #container { border-bottom: 3px solid #FFFFFF; }
body.page-template-contact #container { padding-bottom: 200px; border-bottom: 3px solid #FFFFFF; background: url(images/bgr-contact-1.png) no-repeat 40% 90% / auto 500px; }

#content h1 { margin-bottom: 30px; font-size: clamp(32px, 5vw, 50px); color: var(--color-dark); line-height: 120%; }
#content h2 { margin-bottom: 30px; font-size: clamp(28px, 4vw, 40px); color: var(--color-dark); line-height: 100%; }
#content h2.has_text_decor { width: max-content; margin: 0 auto 50px; position: relative; }
#content h2.has_text_decor:before { width: 60px; height: 50px; left: -45px; top: -35px; background: url(images/text-decor-1.svg) no-repeat right center / auto 100%; position: absolute; content: ''; }
#content h3 { margin-bottom: 20px; font-size: 25px; font-weight: 900; color: var(--color-blue); line-height: 100%; }

#content img { max-width: 100%; height: auto; }
#content p { margin-bottom: 20px; }
#content a { text-decoration: underline; color: var(--color-blue); }
#content a:hover { text-decoration: none; color: var(--color-dark); }

#content ul { margin-bottom: 20px; margin-left: 30px; }
#content ul li { margin-bottom: 10px; }
#content ul li:last-child { margin-bottom: 0; }

#content ol { margin-bottom: 20px; margin-left: 30px; list-style: decimal; }
#content ol li { margin-bottom: 10px; }
#content ol li ul { margin-top: 20px; list-style: disc; }

#content table.custom_1 { width: 100%; margin-bottom: 20px; border-collapse: collapse; border-spacing: 0; }
#content table.custom_1 thead tr th { padding: 10px; font-size: 13px; font-weight: 700; text-transform: uppercase; text-align: left; border-bottom: 5px solid var(--color-blue); }
#content table.custom_1 tbody tr td { padding: 10px; font-size: 16px; text-align: left; border-bottom: 1px solid var(--color-silver-line); }

/* Contact */
#content .contact_wrap { display: flex; }
#content .contact_wrap .block_left { width: 50%; padding-right: 100px; }
#content .contact_wrap .block_left label { width: 100%; margin-bottom: 10px; font-size: 13px; font-weight: 900; color: var(--color-blue); line-height: 14px; display: block; }
#content .contact_wrap .block_right { width: 50%; padding: 50px; background: #FFFFFF; border: 1px solid var(--color-silver-line); }
#content .contact_wrap .social_media_wrap { display: flex; }
#content .contact_wrap .social_media_wrap a { width: 50px; height: 50px; margin-right: 10px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: auto 20px; border: 1px solid rgba(14 71 161 / 30%); }
#content .contact_wrap .social_media_wrap a:hover { background-color: #FFFFFF; border-color: rgba(14 71 161 / 70%); }
#content .contact_wrap .social_media_wrap a.facebook { background-image: url(images/icon-facebook.svg); }
#content .contact_wrap .social_media_wrap a.instagram { background-image: url(images/icon-instagram.svg); }

/* Content with Sidebar */
#content_with_sidebar { display: flex; }
#content_with_sidebar #content { width: calc(100% - 320px); }

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

#content.single .author__datetime { width: 200px; height: 100%; left: -240px; top: 0; padding-right: 40px; position: absolute; }
#content.single .author__datetime .author_wrap { top: 100px; position: sticky; }
#content.single .author__datetime .avatar_wrap { width: 30px; height: 30px; margin-bottom: 5px; border: 2px solid var(--color-blue); overflow: hidden; }
#content.single .author__datetime .avatar_wrap img { border: 1px solid #FFFFFF; -webkit-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; margin-bottom: 30px; position: relative; }
#content.single .author__datetime .progress:after { width: 100%; height: 3px; left: 0; bottom: 0; background: var(--color-light-blue); position: absolute; content: ''; z-index: 1; }
#content.single .author__datetime .progress label { margin-bottom: 10px; font-size: 13px; font-weight: 900; color: var(--color-blue); line-height: 14px; display: block; }
#content.single .author__datetime .progress .progress_bar { width: 0; height: 3px; background: var(--color-blue); 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; background: var(--color-light-blue); -webkit-border-radius: 3px; border-radius: 3px; }
#content.single .alt_datetime { margin-bottom: 20px; margin-top: -20px; font-size: 14px; }

/* 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-blue); border: 3px solid var(--color-blue); overflow: hidden; }
#content .faq_wrap .faq_main .faq_header { padding: 15px 40px 15px 20px; font-size: 18px; font-weight: 700; color: #FFFFFF; line-height: 20px; background: url(images/icon-arrow-down-circle.svg) no-repeat calc(100% - 15px) center / auto 20px; display: block; cursor: pointer; }
#content .faq_wrap .faq_main .faq_content { padding: 20px; background: #FFFFFF; display: none; }
#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; gap: 50px 0; }
#content .brands_wrap .brand { width: 20%; text-align: center; }
#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: 80%; left: 50%; top: 50%; display: block; position: absolute; -webkit-transform: translate(-50%, -50%); 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); }

/* Heroes */
#content .heroes_wrap { display: flex; gap: 50px 30px; }
#content .heroes_wrap .hero { width: calc((100% - 90px) / 4); }
#content .heroes_wrap .hero .thumbnail { display: block; overflow: hidden; }
#content .heroes_wrap .hero .thumbnail img { width: 100%; height: auto; display: block; }
#content .heroes_wrap .hero .entry { padding-top: 10px; }
#content .heroes_wrap .hero .entry h3 a { font-size: 20px; text-decoration: none !important; }
#content .heroes_wrap .hero .entry .description { height: 120px; margin-bottom: 10px; font-size: 15px; line-height: 20px; overflow: hidden; position: relative; }
#content .heroes_wrap .hero .entry .description:after { width: 100%; height: 50px; left: 0; bottom: 0; background: -webkit-linear-gradient(top, rgba(255 255 255 / 0) 0%, rgba(255 255 255 / 100%) 100%); background: linear-gradient(to bottom, rgba(255 255 255 / 0) 0%, rgba(255 255 255 / 100%) 100%); position: absolute; content: ''; }


/*
------------------------
	TABLE OF CONTENT
------------------------
*/
.ez-toc-counter { margin-bottom: 30px !important; padding: 40px !important; background: var(--color-light-blue) !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.ez-toc-counter .ez-toc-title { margin-bottom: 20px !important; font-size: 20px !important; font-weight: 700 !important; color: #000 !important; display: block !important; }
.ez-toc-counter ul { margin-left: 0 !important; margin-bottom: 0 !important; list-style: none !important; }
.ez-toc-counter ul li { margin-bottom: 5px !important; padding-left: 30px !important; position: relative; list-style: none !important; }
.ez-toc-counter ul li:last-child { margin-bottom: 0; }
.ez-toc-counter ul li:before { left: 0; margin-right: 1em; color: var(--color-blue); position: absolute; content: '→'; }
.ez-toc-counter ul li a { color: var(--color-blue) !important; }
.ez-toc-counter ul li a:hover { color: var(--color-dark) !important; }
.ez-toc-counter ul li a:before { display: none !important; }


/*
---------------
	SIDEBAR
---------------
*/
#open_sidebar { height: 50px; margin-bottom: 20px; padding: 0; font-weight: 700; color: #FFFFFF; text-align: center; background: var(--color-green); justify-content: center; align-items: center; overflow: hidden; cursor: pointer; -webkit-border-radius: 25px; border-radius: 25px; }
#open_sidebar img { width: auto; height: 20px; margin-right: 10px; display: block; }

#sidebar { width: 320px; padding-right: 40px; }
#sidebar .sidebar_wrap { /*top: 100px; position: sticky; */ background: #f0f3f4; }

#sidebar .widget { padding: 20px; border-bottom: 1px solid var(--color-silver-line); }
#sidebar .widget:last-child { border-bottom: none; }
#sidebar .widget .widget_title { margin-bottom: 10px; font-size: 20px; font-weight: 700; color: var(--color-blue); line-height: 100%; }

/* Close sidebar */
#sidebar .close_sidebar { width: 100%; height: 50px; left: 0; top: 0; font-weight: 700; color: #FFFFFF; background: var(--color-blue); display: flex; align-items: center; justify-content: center; position: absolute; cursor: pointer; }
#sidebar .close_sidebar:hover { background: #313640; }
#sidebar .close_sidebar.active { background: #313640; }

/* Price filter */
#sidebar .widget.widget_price_filter .price_slider_amount { margin-top: 10px; display: flex; }
#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; }

/* Filter */
.widget_yith-woocommerce-ajax-navigation-filters h4 { font-size: 15px; font-weight: 700; color: #3c424e; line-height: 20px; display: block; position: relative; }
.yith-wcan-filters .yith-wcan-filter .price-slider .irs-handle { background-color: white !important; }

/* Category */
#sidebar ul.product-categories { list-style: none; }
#sidebar ul.product-categories li a { font-size: 16px; font-weight: 700; color: var(--color-dark); }
#sidebar ul.product-categories li a:hover { text-decoration: underline; }
#sidebar ul.product-categories li .count { font-size: 13px; font-weight: 400; color: var(--color-dark); }
#sidebar ul.product-categories li.current-cat-parent ul { display: block; }

#sidebar ul.product-categories li { color: #000; }
#sidebar ul.product-categories li ul { margin-left: 30px; display: block; list-style: disc; display: none; }
#sidebar ul.product-categories li.current-cat ul { display: block; }
#sidebar ul.product-categories li ul li a { font-size: 15px; font-weight: 400; }

#sidebar ul.woocommerce-widget-layered-nav-list { list-style: none; }
#sidebar ul.woocommerce-widget-layered-nav-list li a { font-size: 16px; font-weight: 700; color: var(--color-dark); }
#sidebar ul.woocommerce-widget-layered-nav-list li a:hover { text-decoration: underline; }
#sidebar ul.woocommerce-widget-layered-nav-list li .count { font-size: 13px; font-weight: 400; color: var(--color-dark); }
#sidebar ul.woocommerce-widget-layered-nav-list li.chosen a { color: #000; }


/*
--------------
	WHY US
--------------
*/
#why_us { padding: 70px 0; background: var(--color-light-blue) url(images/bgr-why-us.png) no-repeat right bottom; } 
#why_us .why_us_wrap { display: flex; }
#why_us .why_us_wrap .item { padding-left: 80px; padding-right: 50px; background-repeat: no-repeat; background-position: left top; background-size: 50px auto; flex-grow: 1; flex-basis: 0; }
#why_us .why_us_wrap .item .title { margin-bottom: 10px; font-size: 13px; font-weight: 900; color: var(--color-blue); line-height: 14px; }
#why_us .why_us_wrap .item .text { font-size: 16px; color: var(--color-dark); line-height: 20px; }


/*
---------------
	FOOTER
---------------	
*/
#footer { font-size: 16px; color: #FFFFFF; line-height: 20px; background: var(--color-blue) url(images/bgr-footer.png) no-repeat right top; } 
#footer a { text-decoration: none; color: #FFFFFF; }
#footer a:hover { text-decoration: underline; }

#footer h3 { margin-bottom: 20px; font-size: 20px; line-height: 100%; }

#footer ul { list-style: none; }
#footer ul li { margin-bottom: 10px; }

/* Footer top */
#footer .footer_top { padding: 70px 0; }
#footer .footer_top .footer_top_wrap { display: flex; }
#footer .footer_top .footer_top_wrap .wrap_left { width: 25%; }
#footer .footer_top .footer_top_wrap .wrap_left.logo__contact { display: flex; align-content: space-between; }

#footer .footer_top .logo { width: auto; height: 40px; display: inline-block; }
#footer .footer_top .logo img { width: auto; height: 100%; display: block; }

#footer .footer_top .contact { min-height: 160px; margin-left: -30px; padding-left: 30px; margin-bottom: 30px; padding-top: 10px; background: url(images/icon-bubble.svg) no-repeat left center / auto 160px; display: flex; align-items: center; align-content: center; }
#footer .footer_top .contact .phone { width: 100%; margin: 5px 0; padding-left: 40px; background: url(images/icon-phone-white.svg) no-repeat left top / 20px auto; }
#footer .footer_top .contact .phone small { display: block; }
#footer .footer_top .contact .email { width: 100%; margin: 5px 0; padding-left: 40px; background: url(images/icon-email-white.svg) no-repeat left top / 20px auto; }

#footer .footer_top .social_media_wrap { display: flex; }
#footer .footer_top .social_media_wrap a { width: 50px; height: 50px; margin-right: 10px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: auto 20px; border: 1px solid rgba(255 255 255 / 10%); }
#footer .footer_top .social_media_wrap a:hover { border-color: rgba(255 255 255 / 50%); }
#footer .footer_top .social_media_wrap a.facebook { background-image: url(images/icon-facebook-white.svg); }
#footer .footer_top .social_media_wrap a.instagram { background-image: url(images/icon-instagram-white.svg); }

#footer .footer_top .faq_wrap .faq { margin-bottom: 4px; padding: 10px 40px 10px 15px; font-size: 15px; font-weight: 700; background: rgba(255 255 255 / 10%) url(images/icon-arrow-down-circle.svg) no-repeat calc(100% - 15px) center / auto 15px; display: block; }
#footer .footer_top .faq_wrap .faq:last-child { margin-bottom: 0; }

/* Footer center */
#footer .footer_center { padding: 50px 0; line-height: 25px; border-top: 1px solid rgba(255 255 255 / 10%); }
#footer .footer_center a { text-decoration: underline; }
#footer .footer_center a:hover { text-decoration: none !important; }

/* Footer bottom */
#footer .footer_bottom { border-top: 1px solid rgba(255 255 255 / 10%); }
#footer .footer_bottom .inner { padding-top: 20px; padding-bottom: 20px; color: rgba(255 255 255 / 50%); }
#footer .footer_bottom small { max-width: 600px; margin: 20px auto 0; display: block; }


/*
--------------
	BARION
--------------
*/
#logos { padding: 20px 0; background: #FFFFFF; }
#logos .inner { display: flex; justify-content: center; }
#logos img { width: auto; height: auto; max-height: 40px; margin: 0 10px auto; display: block; }


/*
-----------------
	SCROLL UP
-----------------
*/
#scroll_up { width: 60px; height: 60px; right: 20px; top: -60px; background: url(images/icon-spider.svg) no-repeat center / 100% auto; display: block !important; position: fixed; z-index: 99 !important; }
#scroll_up:before { width: 1px; height: 100vh; top: calc(-100vh + 30px); right: 30px; background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#b8b8b6),color-stop(50%,transparent)); background: -o-linear-gradient(bottom,#b8b8b6 50%,transparent 50%); background: linear-gradient(0deg,#b8b8b6 50%,transparent 50%); background-repeat: repeat-y; background-position: 0 0; background-size: 2px 10px; display: block; position: absolute; pointer-events: none; z-index: -1; content: ''; }
#scroll_up:after { width: 50px; height: 50px; left: -26px; top: -30px; background: url(images/icon-bubble-2.svg) no-repeat center / 100% auto; position: absolute; pointer-events: none; content: ''; z-index: 1; }

body.scroll_up_active #scroll_up { top: calc(100vh - 100px); }


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

	/* DISPLAY: None */
	.hide_in_1280 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_1280 { display: block !important; }
	
	/* DEFAULT */
	.p_l_20 { padding-left: 20px; }
	.p_r_20 { padding-right: 20px; }
	
	/* HEADER: Search */
	#header .aws-container { right: 350px; }
	
	/* HEADER: Profile and Cart */
	#header .profile__cart { right: 20px; }
	
	/* SLIDER */
	#slider_wrap .slick-slide .item_wrap .wrap_left .logo { margin: 0 auto 20px; }
	#slider_wrap .slick-slide .item_wrap .wrap_left .title { font-size: 30px; }
	
	/* TOY FINDER */
	#toy_finder .steps_wrap .step.gender { padding-left: 0; padding-right: 30px; }
	
	/* BOXES */
	#boxes .boxes_wrap { gap: 20px; }
	#boxes .boxes_wrap .box { width: calc((100% - 40px) / 3); }
	#boxes .boxes_wrap .box .entry { padding: 20px; }
	
	/* NEWSLETTER */
	#newsletter .newsletter_wrap .wrap_left { padding-right: 20px; padding-left: 20px; }
	
	/* BLOG */
	.blog_wrap { gap: 50px 20px; }
	.blog_wrap .blog_post { width: calc((100% - 40px) / 3); }
	
	/* WHY US */
	#why_us { padding: 50px 0; } 
	
	/* CONTENT: Heroes */
	#content .heroes_wrap { gap: 50px 20px; }
	#content .heroes_wrap .hero { width: calc((100% - 60px) / 4); }
}

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

	/* DISPLAY: None */
	.hide_in_960 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_960 { display: block !important; }
	
	/* DISPLAY: Flex */
	.show_in_960_flex { display: flex !important; }
	
	/* HEADER: Search */
	#header .aws-container { display: none; }
	
	/* HEADER: Profile and Cart */
	#header .profile__cart { right: 100px; }
	
	/* SLIDER */
	#slider_wrap { padding-bottom: 50px; }
	#slider_wrap .slick-slide:before { display: none; }
	#slider_wrap .slick-slide .cover { left: auto; top: auto; position: relative; }
	#slider_wrap .slick-slide .item_wrap .wrap_left { width: 100%; padding: 0; order: 2; }
	#slider_wrap .slick-slide .item_wrap .wrap_left .wrap_left_cover { padding: 20px; }
	#slider_wrap .slick-slide .item_wrap .wrap_left .logo { max-width: 250px; }
	#slider_wrap .slick-slide .item_wrap .wrap_left .title { margin-top: 0; font-size: 25px; }
	#slider_wrap .slick-slide .item_wrap .wrap_left .button { margin-top: 10px; }
	#slider_wrap .slick-slide .item_wrap .wrap_right { width: 100%; height: auto; min-height: 150px; }
	#slider_wrap .slick-slide .item_wrap .wrap_right:before { padding-top: 60%; display: block; content: ''; order: 1; }
	
	/* SLIDER: Dots */
	#slider_wrap ul.slick-dots { width: 100%; right: 0; bottom: -35px; justify-content: center; }
	#slider_wrap ul.slick-dots li { margin-left: 5px; margin-right: 5px; }
	#slider_wrap ul.slick-dots li:hover { border-color: var(--color-yellow); }	
	#slider_wrap ul.slick-dots li button { background: var(--color-yellow); }
	
	/* TOY FINDER */
	#toy_finder .section_title { font-size: 30px; }
	#toy_finder .steps_wrap .step { width: 50%; }
	#toy_finder .steps_wrap .step.age { margin-bottom: 20px; padding: 0 15px 0 0; order: 1; }
	#toy_finder .steps_wrap .step.price { margin-bottom: 20px; padding: 0 0 0 15px; order: 2; }
	#toy_finder .steps_wrap .step.gender { padding: 0 15px 0 0; justify-content: space-around; order: 3; }
	#toy_finder .steps_wrap .step.submit { padding: 0 0 0 15px; order: 4; display: flex; align-items: center; }
	
	/* FRONTPAGE PRODUCTS */
	.frontpage_products { margin: 50px 0; }
	.frontpage_products .section_title { margin-bottom: 30px; font-size: 30px; }
	.frontpage_products .section_title h1 { font-size: 30px; }
	
	/* CATEGORIES */
	#categories { padding: 50px 0; }
	#categories .section_title { margin-bottom: 30px; font-size: 30px; }
	#categories .categories_wrap .item .cover { padding: 0 10px 20px 20px; }
	#categories .categories_wrap .item h3 { font-size: 30px; }
	
	/* BOXES */
	#boxes { padding: 50px 0; }
	#boxes .section_title { margin-bottom: 30px; font-size: 30px; }
	#boxes .boxes_wrap .box { width: calc((100% - 20px) / 2); }
	
	/* NEWSLETTER */
	#newsletter .section_title { font-size: 30px; }

	#newsletter .newsletter_wrap .wrap_left { width: 70%; }
	#newsletter .newsletter_wrap .wrap_right { width: 30%; }
	
	/* BLOG */
	#blog { padding: 50px 0; }
	#blog .section_title { margin-bottom: 30px; font-size: 30px; }
	
	/* CONTENT */
	body.page-template-contact #container { padding-bottom: 30px; background-image: none; }
	#content_with_sidebar #content { width: 100%; }
	
	/* CONTENT: Brands */
	#content .brands_wrap .brand { width: 25%; }
	
	/* CONTENT: Heroes */
	#content .heroes_wrap .hero { width: calc((100% - 40px) / 3); }
	
	/* SIDEBAR */
	#sidebar { height: 100%; left: -100%; top: 0; padding: 70px 20px 20px; background: #FFFFFF; border-right: 1px solid #ddd; position: fixed; z-index: 99; overflow: auto; }
	body.opened_sidebar #sidebar { left: 0; }
	
	/* WHY US */
	#why_us { padding: 30px 0; } 
	#why_us .why_us_wrap .item { padding-left: 0; padding-top: 80px; padding-right: 20px; background-position: left top; }
	
	/* CONTENT */
	#container { padding: 30px 0; }

	/* CONTENT: Contact */
	#content .contact_wrap .block_left { width: 100%; margin-bottom: 30px; padding-right: 0; }
	#content .contact_wrap .block_right { width: 100%; padding: 30px; }
	
	/* FOOTER: Footer top */
	#footer .footer_top { padding: 50px 0; }
	#footer .footer_top .footer_top_wrap .wrap_left { width: 50%; margin-top: 50px; }
	#footer .footer_top .footer_top_wrap .wrap_left:nth-child(-n+2) { margin-top: 0; }
	#footer .footer_top .contact { margin-left: 0; }
	
	/* SCROLL UP */
	#scroll_up { display: none !important; }
}

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

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

	/* CATEGORIES */
	#categories .categories_wrap .item { width: 100%; height: 200px; }
	
	/* NEWSLETTER */
	#newsletter .newsletter_wrap .wrap_left { width: 100%; }
	#newsletter .newsletter_wrap .wrap_left p { text-align: left; }
	#newsletter .newsletter_wrap .wrap_right { display: none; }
	
	/* BLOG */
	.blog_wrap .blog_post { width: calc((100% - 20px) / 2); }
	body.home .blog_wrap .blog_post:nth-child(3) { display: none; }
	
	/* WHY US */
	#why_us .why_us_wrap .item { margin-bottom: 30px; padding-left: 80px; padding-top: 0; padding-right: 0; flex-grow: inherit; flex-basis: auto; }
	#why_us .why_us_wrap .item:last-child { margin-bottom: 0; }
	
	/* Brands */
	#content .brands_wrap .brand { width: 33.3333333333%; }
	
	/* Heroes */
	#content .heroes_wrap .hero { width: calc((100% - 20px) / 2); }
	
	/* TABLE OF CONTENT */
	.ez-toc-counter { padding: 30px 20px !important; }
}

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

	/* DISPLAY: Block */
	.show_in_640 { display: block !important; }
	
	/* RWD NAV */
	#rwd_menu { top: 80px; bottom: 0; } 
	#rwd_menu .rwd_menu_wrap { width: calc(100% - 20px); } 
	
	/* HEADER */
	#header { height: 80px; }
	
	/* HEADER: Logo */
	#header .logo { height: 30px; }
	
	/* HEADER: Profile and Cart */
	#header .profile__cart { right: 80px; }
	#header .ajax_cart { width: 50px; padding-left: 0; font-size: 0; }
	
	/* SLIDER */
	#slider_wrap .slick-slide .item_wrap .wrap_left .title { font-size: 20px; }
	#slider_wrap .slick-slide .item_wrap .wrap_left .text { font-size: 15px; }
	
	/* TOY FINDER */
	#toy_finder .section_title_wrap .info { width: 100%; text-align: center; }
	#toy_finder .section_title { margin: 0 auto 10px; }

	#toy_finder .steps_wrap .step { width: 50%; padding-right: 15px; }
	#toy_finder .steps_wrap .step:nth-child(2n) { padding-right: 0; padding-left: 15px; }
	
	#toy_finder .steps_wrap .step { width: 100%; padding-right: 0; padding-left: 0; }
	#toy_finder .steps_wrap .step.age { padding: 0; }
	#toy_finder .steps_wrap .step.price { padding: 0; }
	#toy_finder .steps_wrap .step.gender { margin-bottom: 20px; padding: 0; }
	#toy_finder .steps_wrap .step.submit { padding: 00; }
	
	/* CATEGORIES */
	#categories .categories_wrap .item { height: 150px; }
	
	/* BOXES */
	#boxes .boxes_wrap .box { width: 100%; }
	
	/* BLOG */
	.blog_wrap .blog_post { width: 100%; }
	
	/* CONTENT: Brands */
	#content .brands_wrap .brand { width: 50%; }
	
	/* CONTENT: Heroes */
	#content .heroes_wrap .hero { width: 100%; }
	
	/* FOOTER */
	#footer ul { padding-right: 20px; }

	/* FOOTER: Footer top */
	#footer .footer_top .footer_top_wrap .wrap_left { width: 100%; }
	#footer .footer_top .footer_top_wrap .wrap_left:nth-child(2) { margin-top: 50px; }
	#footer .footer_top .footer_top_wrap .wrap_left.pages, 
	#footer .footer_top .footer_top_wrap .wrap_left.info { width: 50%; }
}

@media only screen and (max-width: 480px) { 
	
	/* RWD NAV */
	#rwd_menu .rwd_menu_wrap { width: 100%; } 
}