/* Theme Name: Pablito Theme URI: https://woocommerce.com/storefront Author: WooThemes Author URI: https://woocommerce.com/ Description: Storefront is the perfect theme for your next WooCommerce project. Version: 1.1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: storefront Tags: e-commerce */ .home-categories.all-product_categories { content-visibility: auto; } .bAddInfo { padding-top: 20px; width: 100%; } .bAddInfo__row { display: flex; justify-content: space-around; padding: 0 10px; } .bMsgDontWork { display: none; position: fixed; left: 0; top: 106px; width: 100%; padding: 20px; background-color: #fff; box-shadow: 0 0 10px #000; z-index: 1001; } .bMsgDontWork__title { font-size: 1.2em; font-weight: 500; margin-top: 0; margin-bottom: 10px; color: #000; } .bMsgDontWork__text { margin-top: 0; margin-bottom: 0; } .shop_table.woocommerce-checkout-review-order-table { width: 100%; } .woocommerce-checkout #shipping_method { display: flex; flex-wrap: wrap; padding: 0; margin: 0; } .woocommerce-checkout #shipping_method li { width: 50%; background-color: #f5f5f5; margin: 0; } .woocommerce-checkout #shipping_method li:first-child { border-radius: 8px 0 0 8px; } .woocommerce-checkout #shipping_method li:last-child { border-radius: 0 8px 8px 0; } #order_review { position: static !important; float: none !important; } .woocommerce-checkout #shipping_method input { display: none; } .woocommerce-checkout #shipping_method input:checked~label:before { content: '\f192'; color: #96588a; } .woocommerce-checkout #shipping_method label { cursor: pointer; display: inline-block; height: 67px; display: flex; align-items: center; padding-left: 1.4em; cursor: pointer; margin: 0; } .woocommerce-checkout #shipping_method label:hover { background-color: #f0f0f0; } .woocommerce-checkout #shipping_method label:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f10c'; margin-right: 0.5407911001em; -webkit-transition: color, ease, 0.2s; transition: color, ease, 0.2s; } .checkout__title { font-size: 22px; font-weight: 700; margin-bottom: 10px; } .main-slider__img { object-fit: contain; } .wpml-ls-legacy-list-horizontal { padding: 7px 0 0; border: none; } .navigation__list .wpml-ls-statics-shortcode_actions a span { color: #000; } .wpml-ls-statics-shortcode_actions a { padding: 0; font-weight: 500; } .wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language { opacity: 0.65; } .wpml-ls-legacy-list-horizontal .wpml-ls-item { padding: 2px 6px 0; } .wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child { border-left: 2px solid #000; } .modal { top: 0; left: 0; position: fixed; width: 100%; height: 100vh; z-index: 99999; background-color: rgba(0, 0, 0, .5); display: flex; justify-content: center; align-items: center; } .modal__body { border-radius: 1rem; background-color: #fff; padding: 12px; text-align: center; } .bMsgLang { padding: 20px; } .bMsgLang__title { font-size: 1.5rem; font-weight: 700; } .bMsgLang .wpml-ls-link { font-size: 1rem; padding: .5rem; border-radius: .5rem; } .bMsgLang .wpml-ls-slot-shortcode_actions:first-child .wpml-ls-link { background-color: #fdde00; color: #013c76; } .bMsgLang .wpml-ls-slot-shortcode_actions:last-child .wpml-ls-link { background-color: #013c76; color: #fdde00; } .bMsgLang .wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child { border-left: none; } @media (max-width: 1024px) { .bMsgDontWork { top: 45px; font-size: 14px; } .w100.w100-1 { display: flex !important; flex-wrap: wrap; } .page .w100>a { font-size: 16px; padding: 8px 20px !important; margin: 0 auto 10px !important; } .w100 ul li a { font-size: 14px; padding: 5px !important; } .w100 .menu-sushi-container { width: 100%; } .w100 .bCatMenuNew__menu { flex-wrap: wrap; justify-content: center; } .w100 .bCatMenuNew__menu li { margin-bottom: 8px; } .w100 ul li a { margin: 0; } } .contacts-phone__item .city_info { color: #b20202; width: 50%; text-align: center; font-size: 13px; font-weight: 600; } .contacts-phone__item .city_info:first-child { border-right: 1px solid #000; } .city_checker { display: flex; align-items: center; justify-content: center; } .contacts-phone__item .title_city { color: #000; font-size: 14px; font-weight: 500; display: block; text-align: center; } .bMsgDontWork { z-index: 9; } .header-mobile_contacts-wrapper { width: 180px; border-radius: 5px; } body .header-mobile_contacts-wrapper { display: none; position: absolute; right: -35px; top: 60px; } @media (max-width: 450px) { body .woo_amc_container_wrap .woo_amc_item_img { float: left; width: 50px; } body.woocommerce-active .woo_amc_container_wrap .woo_amc_item_title a { font-size: 12px; margin-bottom: 7px; display: block; } body .woo_amc_container_wrap .woo_amc_item_wrap { padding: 3px; } body .woo_amc_container_wrap .woocommerce-Price-currencySymbol { display: inherit; } body.woocommerce-active .woo_amc_container_wrap .woo_amc_item_content { max-width: 180px; } .header__item_trigger-contacts p.name_title_city { font-size: 12px; max-width: 70px; text-align: right; margin-right: -15px; } .cart-collaterals .woocommerce-Price-currencySymbol { display: inline-block; } .woocommerce-cart .shop_table .product-thumbnail { width: 70px; height: 70px; } .woocommerce-cart .woocommerce-Price-currencySymbol { font-size: 22px; display: inline-block; } .woocommerce-cart .woocommerce-Price-amount.amount { font-size: 26px; } } .region-popup, .contact-popup { display: none; z-index: 10001; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000a8; } .region-popup__inner, .contact-popup__inner { padding: 15px; background-color: #fff; border-radius: 15px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); } body.region-popup__shown:before { content: ''; position: absolute; background-color: #000; opacity: 0.3; z-index: 9999; } .region-popup__inner>p { font-size: 18px; font-weight: 600; text-transform: uppercase; text-align: center; } .region-popup__inner { width: 300px; text-align: center; } .region-popup__inner img { width: 50px !important; margin: 0 auto; } .region-popup__inner a { display: block; color: black; font-size: 18px; text-decoration: none; padding: 10px 0; } .clouse-popup { position: absolute; top: 5px; right: 15px; font-size: 26px; transform: rotate(37deg); cursor: pointer; } .contact-popup__inner { min-width: 300px; width: 25%; padding: 25px; } .contact-popup__inner img { width: 20px !important; display: inline-block; } .contact-popup__inner p { display: inline-block; font-size: 23px; font-weight: 900; color: #b20202; } .contact-popup__inner a { display: block; color: black; text-decoration: none; font-size: 22px; font-weight: 600; padding-left: 35px; } body.home .mobile-cats_cat:nth-child(6) { border-bottom: 1px solid #6a6a6a; } body.home .mobile-cats_cat:nth-child(5), body.home .mobile-cats_cat:nth-child(4) { border-bottom: 1px solid #6a6a6a; } body.home .mobile-cats_cat:nth-child(8) { border-left: 1px solid #6a6a6a; border-right: 1px solid #6a6a6a; } .call-back { width: 80px; height: 80px; border-radius: 50%; background-color: #b20202; display: flex; align-items: center; justify-content: center; position: fixed; bottom: 60px; right: 20px; box-shadow: 5px 5px 10px #0000004a; color: #fff; } .call-back svg { width: 80%; height: 80%; } .call-back img { width: 50px !important; filter: invert(1); } @media screen and (max-width: 768px) { .call-back { width: 4rem; height: 4rem; } .call-back svg { width: 4rem; height: 4rem; } } img.svg-img { filter: invert(7%) sepia(93%) saturate(6661%) hue-rotate(1deg) brightness(102%) contrast(105%); } .contact-popup__inner.black { position: unset; background: unset; border: unset; border-radius: unset; transform: unset; width: 100%; padding: 10px 15px 15px; text-align: center; } .contact-popup__inner.black a { color: white; display: inline-block; padding-left: unset; } .contact-popup__inner.black .contact-box { width: 265px; margin: 0 auto; } .contact-popup__inner.black img, .contact-popup__inner.black p { float: left; display: block; width: 90%; text-align: center; }