/** * Theme Name: Kids Mania MJA * Author: 89 STUDIO KA * Template: bootstrap-basic4 * Text Domain: kids-mania-mja * Description: Bootstrap v.4 basic theme for developers to build their new theme very fast and easy. (WordPress 5 or Gutenberg ready.) The concept is to keep it basic, no rich features, no additional functions; all of these for theme developers will be easier to start develop their theme. To follow what was changed, please look for commits of this theme at Github or changelog.md file that come with the theme. Please read notice on Bootstrap Basic 4 Help page in Dashboard > Appearance > Bootstrap Basic4 Help or in readme.txt file in this theme package. */ @font-face { font-family: 'Ubuntu'; src: url('/wp-content/themes/kids-mania-mja/fonts/Ubuntu-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('/wp-content/themes/kids-mania-mja/fonts/Ubuntu-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('/wp-content/themes/kids-mania-mja/fonts/Ubuntu-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('/wp-content/themes/kids-mania-mja/fonts/OpenSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('/wp-content/themes/kids-mania-mja/fonts/OpenSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } h1, h2, h3, h4, h5, a {font-family: 'Ubuntu', arial; letter-spacing: 1px;} body, p, span, li, ol {font-family: 'Open Sans', arial;} p {letter-spacing: 0.5px; font-size: 15px;} body a:hover {color: #fff; text-decoration: none;} :root { --green-col: #91c40d; --blue-col: #009fe3; --pink-col: #e71a71; --purple-col: #961c82; --smoke-col: #eff4f8; --darkgray-col: #303234; } .full-container {width: 100%; padding: 0 150px;} img {max-width: 100%; height: auto;} .green-bg {background-color: var(--green-col); color: #fff;} .blue-bg {background-color: var(--blue-col); color: #fff;} .pink-bg {background-color: var(--pink-col); color: #fff;} .purple-bg {background-color: var(--purple-col); color: #fff;} .smoke-bg {background-color: var(--smoke-col); color: #fff;} .green-bg:hover {background-color: #9cd800;} .blue-bg:hover {background-color: #07b5ff;} .pink-bg:hover {background-color: #ff3189;} .purple-bg:hover {background-color: ;} .smoke-bg:hover {background-color: ;} .small-radius {border-radius: 18px; line-height: 36px; padding: 0 20px; display: inline-block;} .medium-radius {border-radius: 22px; line-height: 44px;} .large-radius {border-radius: 28px; line-height: 56px; } /*header*/ .promotion-banner {padding: 5px 15px; text-align: center;} .promotion-banner p {margin-bottom: 0; font-size: 14px; font-family: 'Ubuntu', arial; letter-spacing: 1px;} .site-title a img {width: 130px;} .main-navigation {margin-top: 15px;} .main-navigation ul li a {color: #303234; font-weight: 500; font-size: 15px; padding: 10px 15px;} .main-navigation ul li a:hover, .main-navigation ul li.current-menu-item a {color: #009fe3;} .main-navigation ul li.menu-item-has-children {position: relative;} .main-navigation ul li.menu-item-has-children ul {list-style-type: none; padding: 10px 0; position: absolute; top: 30px; left: 0; background-color: var(--smoke-col); z-index: 99999; display: none;} .main-navigation ul li.menu-item-has-children:hover ul {display: block; box-shadow: 0px 0px 25px #0000003b; border-radius: 18px;} .main-navigation ul li.menu-item-has-children ul li {clear: both;} .main-navigation ul li.menu-item-has-children ul li a {padding: 5px 10px; width: max-content; float: left;} .yith-ajaxsearchform-container {margin-top: 25px;} .yith-ajaxsearchform-container .search-navigation {float: left;} input#yith-s {background-color: var(--smoke-col); border: none; box-shadow: none; line-height: 36px; height: 36px; border-radius: 18px 0 0 18px; padding-left: 18px; font-family: 'Ubuntu', arial; letter-spacing: 1px; font-weight: 500; font-size: 15px;} input#yith-searchsubmit {color: #fff; font-weight: 500; background-color: var(--green-col); border-radius: 0 18px 18px 0; padding: 0 20px; line-height: 36px; height: 36px; border: none; letter-spacing: 1px;} input#yith-searchsubmit:hover {background-color: #9cd800;} .main-navigation {float: right;} a.cart-customlocation {float: right; font-weight: 500; margin-top: 25px; padding-left: 17px; font-size: 14px; color: #fff;} a.cart-customlocation img {width: 23px; height: inherit; margin-right: 5px;} a.cart-customlocation span {margin-top: 3px;} a.cart-customlocation:hover {color: #fff;} button.search-toggler {margin-top: 15px; background-color: var(--pink-col); border: none; padding: 0 10px; border-radius: 30px; height: 36px} button.search-toggler img {width: 23px; height: inherit;} .owl-carousel.owl-theme.owl-loaded.owl-drag.frontpage-slider {height: 100%;} .owl-stage-outer {height: 100%; position: relative;} .owl-stage-outer .owl-stage {height: 100%;} .owl-carousel.owl-drag .owl-item {height: 100%;} .owl-carousel.owl-drag .owl-item .item {height: 100%; align-items: end; display: flex; background-size: contain; background-position: center; background-color: var(--smoke-col); background-repeat: no-repeat;} .owl-carousel.owl-drag .owl-item .item a.green-bg {margin: 0 auto 20px; padding: 5px 30px; line-height: 18px; text-align: center; max-width: 80%} section.top-frontpage.full-container .owl-carousel .owl-nav {margin-top: 0; position: relative; clear: both; width: 100%;} section.top-frontpage.full-container .owl-carousel .owl-nav button {position: absolute; bottom: 150px; height: 46px; width: 46px; margin: 0; padding: 0;} section.top-frontpage.full-container .owl-theme .owl-nav [class*=owl-]:hover {background-color: transparent;} section.top-frontpage.full-container .owl-carousel .owl-nav button span {font-size: 80px; line-height: 26px; float: left; width: 46px; height: 46px; text-align: center; color: var(--green-col);} section.top-frontpage.full-container .owl-carousel .owl-nav button.owl-prev {left: 15px;} section.top-frontpage.full-container .owl-carousel .owl-nav button.owl-next {right: 15px;} section.top-frontpage.full-container .owl-carousel .owl-nav button:hover span {color: #fff; border-radius: 50%; background-color: var(--green-col);} section.top-frontpage.full-container .owl-carousel .owl-dots {display: none;} .home h1.entry-title {font-size: 26px;} section.top-frontpage {margin-bottom: 50px;} section.top-frontpage .product-attribute-box {height: 190px; width: 100%; align-items: end; display: flex; background-size: contain; background-position: center; background-color: var(--smoke-col); background-repeat: no-repeat;} section.top-frontpage .product-attribute-box.girl-box {background-image: url('/wp-content/themes/kids-mania-mja/img/girl-bg.jpg'); margin-bottom: 30px;} section.top-frontpage .product-attribute-box.boy-box {background-image: url('/wp-content/themes/kids-mania-mja/img/boy-bg.jpg');} section.top-frontpage .product-attribute-box a {margin: 0 auto 20px; line-height: 18px; padding: 5px 20px; max-width: 80%; text-align: center} section.age-groups.full-container {width: auto; margin: 0 auto 50px; display: flex;} section.age-groups.full-container .row {margin: 0 auto;} section.age-groups {margin-bottom: 50px;} section.age-groups .medium-radius.green-bg {height: 44px; padding: 0 25px; font-weight: 500; font-family: 'Ubuntu', arial;} section.age-groups ul {padding: 0; list-style-type: none; margin: 0;} section.age-groups ul li {float: left; margin-bottom: 15px} section.age-groups ul li a {background-color: var(--smoke-col); border-radius: 22px; line-height: 44px; padding: 0 25px; color: #303234; display: block; margin: 0 10px; font-weight: 500;} section.age-groups ul li a:hover {background-color: #e0e8f1;} section.popular-products {margin-bottom: 50px;} section.popular-products .toys-banner div {height: 100%; background-image: url('/wp-content/themes/kids-mania-mja/img/popular-toys-bg.jpg'); align-items: end; display: flex; background-size: contain; background-position: center; background-color: var(--smoke-col); background-repeat: no-repeat;} section.popular-products .toys-banner div a {margin: 0 auto 20px; max-width: calc(100% - 30px); text-align: center; font-weight: bold; font-size: 14px; line-height: 17px; padding: 5px 20px; height: 44px;} ul.products li.product {text-align: center;} ul.products li.product span.price span {font-size: 28px; font-weight: bold; font-family: 'Ubuntu', arial;} ul.products li.product a.button {background-color: var(--green-col); color: #fff; border-radius: 18px; line-height: 18px; font-size: 14px; padding: 9 15px;} ul.products li.product a.button:hover {background-color: #9cd800;} .woocommerce ul.products {margin-bottom: 0;} .woocommerce ul.products li.product {margin-bottom: 0; line-height: 18px; padding: 8px 10px} .woocommerce ul.products li.product .price del {color: var(--pink-col); line-height: 14px; width: 100%;} .woocommerce ul.products li.product .price del span {font-size: 14px;} .woocommerce ul.products li.product .price ins {line-height: 24px;} .woocommerce ul.products li.product .onsale {margin: 0;} section.brand-groups.full-section {width: 100%; clear: both; background-color: var(--smoke-col); padding: 40px 0; margin-bottom: 50px; text-align: center;} section.brand-groups.full-section a.small-radius.pink-bg {margin-top: 30px; font-weight: 500; font-family: 'Ubuntu', arial;} section.new-products {margin-bottom: 50px;} section.new-products .container.text-center {margin-bottom: 30px;} section.new-products .toys-banner div {height: 100%; background-image: url('/wp-content/themes/kids-mania-mja/img/popular-toys-bg.jpg'); align-items: end; display: flex; background-size: contain; background-position: center; background-color: var(--smoke-col); background-repeat: no-repeat;} section.new-products .toys-banner div a {margin: 0 auto 20px; max-width: calc(100% - 30px); text-align: center; font-weight: 500; font-size: 14px; line-height: 17px; padding: 5px 30px; height: 44px;} section.sale-products {margin-bottom: 50px;} section.sale-products .container.text-center {margin-bottom: 30px;} section.sale-products .toys-banner div {height: 100%; background-image: url('/wp-content/themes/kids-mania-mja/img/popular-toys-bg.jpg'); align-items: end; display: flex; background-size: contain; background-position: center; background-color: var(--smoke-col); background-repeat: no-repeat;} section.sale-products .toys-banner div a {margin: 0 auto 20px; max-width: calc(100% - 30px); text-align: center; font-weight: 500; font-size: 14px; line-height: 17px; padding: 5px 30px; height: 44px;} section.newsletter-row.container h3 {font-size: 20px;} section.newsletter-row.container {margin-bottom: 50px;} section.newsletter-row.container .newsletter-section {background-color: var(--smoke-col); padding: 40px 170px 40px 30px; height: 100%; background-image: url('/wp-content/themes/kids-mania-mja/img/newsletter-bg.jpg'); background-repeat: no-repeat; background-position: right center;} section.newsletter-row.container .newsletter-section form.tnp-form {display: flex; margin-top: 20px;} section.newsletter-row.container .box-info-section {background-color: var(--smoke-col); padding: 40px 170px 40px 30px; height: 100%; background-image: url('/wp-content/themes/kids-mania-mja/img/about-bg.jpg'); background-repeat: no-repeat; background-position: right 20px center;} section.newsletter-row.container p {font-size: 15px; margin-bottom: 0;} section.newsletter-row.container input.tnp-email {padding: 0 15px; line-height: 36px; border-radius: 18px 0 0 18px; border: none; background-color: #fff; width: 70%; font-weight: 500; font-family: 'Ubuntu', arial;} section.newsletter-row.container input.tnp-submit {border-radius: 0 18px 18px 0; background-color: var(--pink-col); width: 30%; padding: 0 15px; line-height: 36px; font-weight: 500; font-family: 'Ubuntu', arial;} section.newsletter-row.container input.tnp-submit:hover {background-color: #ff3189;} section.post-frontpage.container {margin-bottom: 50px;} section.post-frontpage.container h3.post-title {font-size: 22px; margin-top: 15px;} section.post-frontpage.container .blue-bg {padding: 0 15px; line-height: 36px; border-radius: 18px; display: inline-block; font-size: 15px; font-weight: 500;} .frontpage-seo-text {margin-bottom: 100px;} .frontpage-seo-text h2 {font-size: 24px;} .frontpage-seo-text h3 {font-size: 21px;} footer#site-footer {border: none; background-color: var(--smoke-col); font-size: 14px; padding: 50px 0 0;} footer#site-footer .container {padding-bottom: 30px;} .footer-copyright.text-center {color: #fff; background-color: #292d2e; padding: 10px 15px;} .footer-copyright.text-center p {margin-bottom: 0;} footer#site-footer aside {padding: 0 15px;} footer#site-footer aside ul {padding: 0; list-style-type: none;} footer#site-footer aside ul li a {color: #000;} .wc-block-product-categories.is-list {margin-bottom: 0;} aside#block-13 {width: 25%;} aside#nav_menu-5 {width: 16.6666667%;} aside#nav_menu-6 {width: 25%;} aside#nav_menu-7 {width: 16.6666667%;} aside#nav_menu-8 {width: 16.6666667%;} /*shop style*/ body #sidebar-left .widget, body #sidebar-right .widget {border: none; padding: 0; margin-bottom: 0;} body .full-container div#sidebar-left aside { margin-bottom: 30px;} body .full-container div#sidebar-left aside h2 {font-size: 18px; padding: 5px 15px; border-radius: 18px; background-color: var(--pink-col); color: #fff;} body .full-container div#sidebar-left aside ul {list-style-type: none; background-color: var(--smoke-col); padding: 20px 15px; border-radius: 18px;} body .full-container div#sidebar-left aside ul {margin-bottom: 0;} body .full-container div#sidebar-left aside ul li a {color: #000; font-weight: 500; font-family: 'Ubuntu', arial;} body .full-container div#sidebar-left aside ul li a:hover {color: #009fe3;} body .full-container div#sidebar-left aside ul ul {padding: 0 0 10px} header.woocommerce-products-header {text-align: center; margin-bottom: 40px;} header.woocommerce-products-header h1 {display: inline-block; padding: 15px 40px; background-color: var(--smoke-col); border-radius: 18px;} .woocommerce ul.products li.product .price {color: var(--green-col);} .woocommerce nav.woocommerce-pagination {margin-top: 50px;} .woocommerce nav.woocommerce-pagination ul {background-color: var(--smoke-col); border: none; border-radius: 18px; overflow: hidden;} .woocommerce nav.woocommerce-pagination ul li {border: none;} body.woocommerce nav.woocommerce-pagination ul li:first-child span, body.woocommerce nav.woocommerce-pagination ul li:first-child a {padding-left:20px;} body.woocommerce nav.woocommerce-pagination ul li:last-child span, body.woocommerce nav.woocommerce-pagination ul li:last-child a {padding-right:20px;} body.woocommerce nav.woocommerce-pagination ul li a:focus, body.woocommerce nav.woocommerce-pagination ul li a:hover, body.woocommerce nav.woocommerce-pagination ul li span.current {font-weight: 500; font-family: 'Ubuntu', arial; color: #fff; background-color: var(--pink-col);} .woocommerce nav.woocommerce-pagination ul li a {color: #000; font-weight: 500; font-family: 'Ubuntu', arial;} select.orderby {padding: 0 15px; border: none; line-height: 36px; background-color: var(--smoke-col); border-radius: 18px; height: 36px; font-weight: 500; font-family: 'Ubuntu', arial; font-size: 14px;} nav.woocommerce-breadcrumb, p.woocommerce-result-count {font-weight: 500; font-family: 'Ubuntu', arial; font-size: 14px;} .woocommerce .woocommerce-result-count {color: #767676;} .tax-product_cat .term-description {margin-top: 50px;} .tax-product_cat .term-description h2 {font-size: 21px;} .tax-product_cat .term-description h3 {font-size: 19px;} .tax-product_cat .term-description h4 {font-size: 17px;} /*single product*/ .woocommerce .content-area {max-width: 100%} .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {width: 20%} .woocommerce div.product .product_title {font-size: 28px;} .woocommerce div.product p.price, .woocommerce div.product span.price {font-size: 34px; font-weight: bold; color: var(--green-col);} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: var(--green-col); line-height: 36px; padding: 0 15px; border-radius: 18px;} .woocommerce div.product form.cart div.quantity {margin-right: 0;} .quantity input {padding: 0; border: none; line-height: 36px; background-color: var(--smoke-col); border-radius: 18px 0 0 18px;} .woocommerce form button.single_add_to_cart_button.button.alt {border-radius: 0 18px 18px 0; clear: inherit;} .woocommerce .product_meta {font-size: 14px; font-weight: bold;} .woocommerce .product_meta a {color: #000; line-height: 24px; padding: 0 5px 0 10px;} .woocommerce .product_meta span.posted_in {margin: 5px 0;} .woocommerce .product_meta .wb-posted_in {margin: 5px 0;} .woocommerce div.product .woocommerce-tabs ul.tabs::before {display: none;} .woocommerce div.product .woocommerce-tabs ul.tabs li {border: none; border-radius: 18px; background-color: var(--smoke-col); margin-right: 20px;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active {background-color: var(--pink-col);} .woocommerce div.product .woocommerce-tabs ul.tabs li a {line-height: 36px; padding: 0 15px; margin: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color: #fff;} .woocommerce-message {background-color: var(--smoke-col);} .woocommerce-message a.button.wc-forward {background-color: var(--green-col); line-height: 36px; padding: 0 15px; border-radius: 18px; color: #fff;} .woocommerce .full-container, .page-template-order-page .full-container, .page-template-commercepay-page .full-container {margin-bottom: 100px;} .woocommerce table.shop_table {border: none;} .woocommerce table.shop_table tr {border-bottom: 2px solid var(--smoke-col);} #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width: 80px;} td.product-name a {color: #000;} .woocommerce td.product-quantity .quantity input {border-radius: 18px; padding-right: 7px; padding-left: 10px; width: 70px;} td.actions .coupon input#coupon_code {padding: 0 15px; border: none; line-height: 36px; background-color: var(--smoke-col); border-radius: 18px 0 0 18px; min-width: 130px; margin-right: 0;} td.actions button.button {border-radius: 18px; padding: 0 15px; border: none; line-height: 36px; background-color: var(--blue-col); color: #fff;} td.actions button.button:hover {color: #fff; background-color: #07b5ff;} td.actions .coupon button.button {border-radius: 0 18px 18px 0; } .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {padding: 0 15px; color: #fff;} .woocommerce ul.products li.product {width: 25%; margin: 0 0 20px; padding: 0 15px} .woocommerce .col2-set, .woocommerce-page .col2-set {width: 50%; float: left;} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {max-width: 100%; width: 100%;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {background-color: var(--smoke-col); border: none; font-size: 17px; line-height: 42px; padding: 0 20px; border-radius: 21px;} .select2-container--default .select2-selection--single {background-color: var(--smoke-col); border: none; font-size: 17px; line-height: 42px; padding: 0 20px; border-radius: 21px; height: 42px;} .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 42px;} .woocommerce form .form-row label {width: 100%;} .woocommerce form .form-row span.woocommerce-input-wrapper {width: 100%;} h3#ship-to-different-address {margin-top: 30px;} h3#ship-to-different-address span {font-weight: 500; font-size: 1.75rem;} .woocommerce-error, .woocommerce-info, .woocommerce-message {background-color: var(--smoke-col);} .woocommerce form .form-row textarea {line-height: 1.5; padding: 15px;} form.checkout.woocommerce-checkout h3#order_review_heading {width: 50%; float: right;} form.checkout.woocommerce-checkout div#order_review {width: 50%; float: right;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background-color: var(--smoke-col);} .woocommerce-checkout #payment div.payment_box {background-color: transparent;} .woocommerce-checkout #payment div.payment_box::before {display: none;} form.checkout.woocommerce-checkout div#order_review span.woocommerce-Price-currencySymbol {font-weight: normal; font-size: inherit; margin-left: 2px;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {clear: both; margin-bottom: 10px; background-color: var(--green-col); line-height: 36px; padding: 0 15px; color: #fff; float: left; border-radius: 18px; font-size: 15px;} .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: #9cd800;} .form-row.place-order button#place_order {background-color: var(--green-col); line-height: 36px; padding: 0 15px; border-radius: 18px;} .page-template-default .full-container, .blog .full-container {margin-bottom: 100px;} .page-template-default #main .post, .page-template-default #main .page {border: none; padding: 0;} .page-template-default header.entry-header {text-align: center; margin-bottom: 40px;} .page-template-default header.entry-header h1 {display: inline-block; padding: 15px 40px; background-color: var(--smoke-col); border-radius: 18px;} .blog header.entry-header {text-align: center; margin-bottom: 40px;} .blog header.entry-header h1 {display: inline-block; padding: 15px 40px; background-color: var(--smoke-col); border-radius: 18px;} .blog #main .post, .blog #main .page {border: none; padding: 0;} .blog a h2.post-title-list {font-size: 26px; color: #000; margin-top: 15px;} .blog a.more-link {padding: 0 15px; line-height: 36px; border-radius: 18px; display: inline-block; background-color: var(--blue-col); color: #fff;} div#sidebar-right aside { margin-bottom: 30px;} div#sidebar-right aside h2 {font-size: 18px; padding: 5px 15px; border-radius: 18px; background-color: var(--pink-col); color: #fff;} div#sidebar-right aside ul, .wp-block-group.newsletter-sidebar-block {list-style-type: none; background-color: var(--smoke-col); padding: 20px 15px; border-radius: 18px;} div#sidebar-right aside ul li a {color: #000;} .wp-block-group.newsletter-sidebar-block input.tnp-email {padding: 0 15px; line-height: 36px; border-radius: 18px 0 0 18px; border: none; background-color: #fff; width: 60%;} .wp-block-group.newsletter-sidebar-block input.tnp-submit {border-radius: 0 18px 18px 0; background-color: var(--pink-col); width: 40%; padding: 0 15px; line-height: 36px;} .single-post #main .post, .single-post #main .page {border: none; padding: 0;} .single-post header.entry-header {text-align: center; margin-bottom: 40px;} .single-post header.entry-header h1 {display: inline-block; padding: 15px 40px; background-color: var(--smoke-col); border-radius: 18px;} .page .wb-row {margin-left: 0; margin-right: 0;} .page .wb-row .wb-thumb-title a {background-color: var(--pink-col); line-height: 36px; padding: 0 15px; border-radius: 18px; color: #fff; display: inline-block;} .page .full-container main#main .wp-block-button.center-button {margin: 0 auto;} .wp-block-button.center-button a.wp-block-button__link, a.wp-block-button__link {background-color: var(--pink-col); font-size: 15px; font-weight: bold; line-height: 36px; padding: 0 15px; border-radius: 18px; color: #fff; display: inline-block;} .woocommerce span.onsale, .woocommerce ul.products li.product .onsale {min-height: inherit; right: inherit; left: 0; background-color: var(--pink-col); font-size: 12px; font-weight: bold; line-height: 36px; padding: 0 15px; border-radius: 18px; color: #fff; display: inline-block;} body .nf-form-content button, body .nf-form-content input[type=button], body .nf-form-content input[type=submit] {font-weight: 500; letter-spacing: 1px; height: inherit; background-color: var(--green-col); color: #fff; border-radius: 18px; line-height: 36px; font-size: 14px; padding: 0 25px;} body .nf-form-content .list-select-wrap .nf-field-element>div, body .nf-form-content input:not([type=button]), body .nf-form-content textarea {border-radius: 18px; line-height: 36px; padding: 0 15px; border: none; background-color: var(--smoke-col);} @media (max-width: 1920px) { section.age-groups ul li a {padding: 0 10px;} } @media (max-width: 1600px) { section.age-groups .medium-radius.green-bg {margin: 0 auto 30px} section.age-groups aside#nav_menu-4 {margin: 0 auto} input#yith-s {width: 160px} nav.navbar.navbar-expand-lg {padding: 5px 0} .main-navigation ul li a {padding: 10px 10px} ul.products li.product span.price span {font-size: 22px} section.new-products .toys-banner div a, section.popular-products .toys-banner div a {padding: 5px 8px} .woocommerce ul.products li.product {width: 33.333333%; margin: 0 0 20px; padding: 0 15px} } @media (max-width: 1200px) { .woocommerce ul.products li.product {width: 50%; margin: 0 0 20px; padding: 0 15px} section.new-products.full-container .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {width: 33.33333%; margin: 0 0 20px; padding: 0 15px} section.full-container .toys-banner {min-height: 340px; margin-bottom: 30px} section.new-products .toys-banner div a, section.popular-products .toys-banner div a {padding: 5px 20px; line-height: 28px; height: 36px} section.sale-products.full-container .toys-banner {min-height: 340px; margin-bottom: 30px} section.sale-products.full-container .toys-banner div a, section.popular-products .toys-banner div a {padding: 5px 20px; line-height: 28px; height: 36px} section.popular-products, .full-container {padding: 0 80px} } @media (min-width: 992px) { div#search {display: block !important; float: left;} } @media (max-width: 992px) { section.popular-products, .full-container {padding: 0 50px} section.new-products.full-container .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {width: 50%;} section.newsletter-row.container .col-xs-12.col-md-6 {margin-bottom: 30px} button.navbar-toggler {background-color: var(--pink-col); padding: 8px 10px; border-radius: 30px} button.navbar-toggler span {width: 30px; height: 2px; display: block; float: left; margin: 2px 0; background-color: #fff; clear: both} .col-xs-12.col-md-12.col-lg-7.mobile-row {position: absolute; top: 68px; left: 0; background: #fff; z-index: 9999;} .mobile-row .navbar {min-height: 0; padding: 0 0} nav.navbar.navbar-expand-lg {padding: 0;} a.cart-customlocation {margin-top: 15px; margin-right: 15px;} button.search-toggler {float: right; margin-right: 15px;} button.navbar-toggler {float: right; margin-top: 15px;} .main-navigation {float: left; width: 100%} .main-navigation li {text-align: center;} } @media (max-width: 768px) { section.popular-products, .full-container {padding: 0 30px} aside#block-13 {width: 100%} aside#nav_menu-5, aside#nav_menu-6, aside#nav_menu-7, aside#nav_menu-8 {width: 50%;} section.brand-groups.full-section .wb-col-xs-12.wb-col-sm-6.wb-col-md-2 {width: 25%;} .owl-carousel.owl-theme.owl-loaded.owl-drag.frontpage-slider {min-height: 70vw} section.top-frontpage .col-xs-12.col-md-8 {margin-bottom: 30px} section.age-groups ul li a {padding: 0 8px; margin: 0 4px} section.newsletter-row.container .newsletter-section, section.newsletter-row.container .box-info-section {padding: 20px 70px 60px 30px; background-position: right bottom} section.newsletter-row.container input.tnp-email {width: 55%;} section.newsletter-row.container input.tnp-submit {width: 45%} a.cart-customlocation {display: flex; padding-left: 10px; padding-right: 10px} a.cart-customlocation {float: left; margin-right: 10px; margin-top: 15px} button.navbar-toggler {float: right; margin-top: 15px} .page-header {margin-bottom: 0;} .page-header .row-with-vspace {margin-bottom: 0;} nav.navbar.navbar-expand-lg {min-height: 0; padding: 0} } @media (max-width: 480px) { section.popular-products, .full-container {padding: 0 15px;} aside#block-13, aside#nav_menu-5, aside#nav_menu-6, aside#nav_menu-7, aside#nav_menu-8 {width: 100%;} section.brand-groups.full-section .wb-col-xs-12.wb-col-sm-6.wb-col-md-2 {width: 33.33333%;} }