/* ----------------------------------------- */ /* Краткий заголовок представления: gallery-banner – начало */ /* ----------------------------------------- */ /*! * Slider (https://github.com/itchief/how-to/tree/master/slider) * Copyright 2020 Alexander Maltsev * Licensed under MIT (https://github.com/itchief/how-to/blob/master/LICENSE) */ /* стили для элемента body */ /* стили основного контейнера слайдера */ .slider { position: inherit; overflow: hidden; max-width: 100%; margin-left: auto; margin-right: auto; } /* стили для обёртки, в которой заключены слайды */ .slider__wrapper { position: relative; overflow: hidden; width: 100%; margin: 0 auto; } /* стили для контейнера слайдов */ .slider__items { display: flex; transition: transform 0.6s ease; } /* стили для слайдов */ .slider__item { flex: 0 0 100%; max-width: 100%; } /* стили для кнопок "вперед" и "назад" */ .slider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 1; height: 50px; transform: translateY(-50%); background: rgba(0, 0, 0, 0.0); } .slider__control:hover, .slider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .slider__control_prev { left: 0; width: 34px; height: 34px; border: 2px solid #DA0811; box-sizing: border-box; border-radius: 100px; margin-left: -50px; } .slider__control_next { right: 0; width: 34px; height: 34px; border: 2px solid #DA0811; box-sizing: border-box; border-radius: 100px; margin-right: -50px; } .slider__control::before { content: ""; display: inline-block; width: 10px; height: 15px; background: transparent no-repeat center center; background-size: 100% 100%; } .slider__control_prev::before { background-image: url("https://opensky.design/sites/dolcevita/wp-content/uploads/2021/03/arrow-l-s.png"); } .slider__control_next::before { background-image: url("https://opensky.design/sites/dolcevita/wp-content/uploads/2021/03/arrow-r-s.png"); } /* стили для индикаторов */ .slider__indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin: 0 15%; list-style: none; } .slider__indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 4px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .slider__indicators li.active { background-color: #fff; } @media only screen and (max-device-width: 768px) { .slider__control_prev{ display:none; } .slider__control_next{ display:none; } .banner-main { border-radius: 10px; height: 150px; background-size:cover !important; } } /* ----------------------------------------- */ /* Краткий заголовок представления: gallery-banner – конец */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Краткий заголовок представления: rest-cat-rachive – начало */ /* ----------------------------------------- */ .form-group-vse-dostavka{ text-align: center; margin-bottom: 25px; margin-top: 25px; } .form-group-vse-dostavka .form-check { overflow: hidden; padding: 0; display: inline-block !important; border: 2px solid #DA0813; border-radius: 30px 0px 0px 30px; } .form-group-vse-dostavka .form-check:last-child { border-radius: 0 30px 30px 0; } .form-group-vse-dostavka .form-check label { width: 110px; height: 40px; font-family: "Noto Sans", Sans-serif; font-weight: 500; font-size: 14px; line-height: 1; text-transform: uppercase; color: #000000; display: flex; justify-content: center; align-items: center; } .form-group-vse-dostavka input { display: none !important; } .form-group-vse-dostavka input:checked + label { color: #fff; background-color: #DA0813; } .form-group-vse-dostavka div { display: inline !important; } .form-group-categ select{ border: none; font-family: "Noto Sans"; font-size: 24px; font-weight: bold; text-transform: uppercase; color: #000; appearance: none; padding: 0px; margin-bottom:10px; } .js-wpv-loop td { border:none; background:none !important; } .block-card{ padding:0px; padding-bottom: 15px; } /* ----------------------------------------- */ /* Краткий заголовок представления: rest-cat-rachive – конец */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Краткий заголовок представления: popular-foods – начало */ /* ----------------------------------------- */ #popular-setka-slider { width: 960px !important; transform: translateX(4%) !important; } .page-item-slider1 a { background: url(http://dolcevita.kz/wp-content/uploads/2021/03/arrow-l-s.png) no-repeat center; width: 34px; height: 34px; border-radius: 100px; border:1px solid #da0811; } .page-item-slider1 a:hover { background: url(http://dolcevita.kz/wp-content/uploads/2021/03/arrow-l-w.png) no-repeat center; background-color:#da0811; width: 34px; height: 34px; border-radius: 100px; } .page-item-slider2{ margin-left:10px; } .page-item-slider2 a { background: url(http://dolcevita.kz/wp-content/uploads/2021/03/arrow-r-s.png) no-repeat center; width: 34px; height: 34px; border-radius: 100px; border:1px solid #da0811; } .page-item-slider2 a:hover { background: url(http://dolcevita.kz/wp-content/uploads/2021/03/arrow-r-w.png) no-repeat center; background-color:#da0811; width: 34px; height: 34px; border-radius: 100px; } .pagination-slider { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; transform: translate3d(-190px, -100px, 0px); } /* ----------------------------------------- */ /* Краткий заголовок представления: popular-foods – конец */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Краткий заголовок представления: about-us-rest – начало */ /* ----------------------------------------- */ .text-o-nas{ } .text-o-nas p{ color: #000000; font-family: "Noto Sans", Sans-serif; font-size: 18px; font-weight: 400; line-height: 1.5em; } /* ----------------------------------------- */ /* Краткий заголовок представления: about-us-rest – конец */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Шаблон контента: %d1%81%d0%bb%d0%b0%d0%b9%d0%b4%d0%b5%d1%80-%d0%b4%d0%bb%d1%8f-%d1%80%d0%b5%d1%81%d1%82%d0%be%d1%80%d0%b0%d0%bd%d0%b0-%d1%81%d0%bb%d0%b0%d0%b9%d0%b4 – начало */ /* ----------------------------------------- */ .banner-main{ border-radius: 30px; height: 290px; } /* ----------------------------------------- */ /* Шаблон контента: %d1%81%d0%bb%d0%b0%d0%b9%d0%b4%d0%b5%d1%80-%d0%b4%d0%bb%d1%8f-%d1%80%d0%b5%d1%81%d1%82%d0%be%d1%80%d0%b0%d0%bd%d0%b0-%d1%81%d0%bb%d0%b0%d0%b9%d0%b4 – конец */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Шаблон контента: loop-item-in-view-2 – начало */ /* ----------------------------------------- */ .sale-badge-poduct-card { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); } .product-card-img { border: 1px solid #f7f7f7 !important; } .product-card-title { margin: .55em 0 .45em; font-family: "Noto Sans", Sans-serif; font-weight: 500; font-size: 20px; line-height: 1.2; color: #000; } .product-card-desc p { margin-bottom: 1.21428em; font-family: "Noto Sans", Sans-serif; font-size: 14px; font-weight: 400; line-height: 1.25; color: rgba(0, 0, 0, .5); } .product-card-desc { height:90px; overflow: hidden; } .woocommerce .product table.shop_attributes { border: 0; margin-bottom: 0; } .woocommerce .product table.shop_attributes td p { padding: 0; } .product .woocommerce-product-attributes-item--attribute_pa_razmer { display: none; } .product .woocommerce-product-attributes-item__label { display:none; } .woocommerce-product-attributes-item__value { border: none; } .woocommerce-product-attributes-item__value a { font-family: "Noto Sans", Sans-serif; font-style: normal; font-size: 14px; line-height: 1.2; color: #000000; } .product #pa_razmer { /* display: none; */ } .product .variations { margin-bottom: 18px !important; } .product .variations_form { margin-top: -7px; margin-bottom: 0 !important; } .product .variations_form .value { padding: 0; } .product .variations_form .reset_variations { display: none !important; } .product .attribute-pa_razmer .value { display: flex; flex-flow: wrap; align-items: center; } .product .attribute-pa_razmer .value::after { content: "см"; margin-left: 7px; vertical-align: middle; font-family: "Noto Sans", Sans-serif; font-size: 14px; line-height: 1; } .product .attribute-pa_razmer .value > div:not(:last-of-type) { margin-right: 10px; } .product .attribute-pa_razmer input { display: none; } .product .attribute-pa_razmer input:checked + label { border-color: #da0811; } .product .attribute-pa_razmer label { margin-bottom: 0; border: 1px solid #bdbdbd; border-radius: 50%; padding: .5em; font-family: "Noto Sans", Sans-serif; font-weight: 400 !important; font-size: 14px; line-height: 1; color: #000000; } .woocommerce-product-attributes-item__value { border: none !important; } .product-card-attr { font-family: "Noto Sans", Sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 120%; color: #000000; } .product .variations_form + .price { display: none; } .product .single_variation_wrap { margin-bottom: 5px; } .product .add_to_cart_button, .product .single_add_to_cart_button { position: absolute !important; bottom: 0; right: 0; border-radius: 7.14285em !important; border: 2px solid #da0811 !important; padding: .78571em 1.35714em !important; background-color: transparent !important; outline: 0; font-family: "Noto Sans", Sans-serif; font-weight: 500 !important; font-size: 14px !important; line-height: 1 !important; color: #000000 !important; } .product .quantity { display: none !important; } .product .price { margin-top: 23px; padding-bottom: 5px; } .woocommerce-Price-amount { font-family: "Noto Sans", Sans-serif; font-weight: 500; font-size: 20px; line-height: 1.2; color: #000000; } .product .price del { position: absolute; bottom: 27px; left: 0; text-decoration: line-through; opacity: 0.5; color: #000; } .product .price del .amount { font-size: 10px; } .product .price ins { text-decoration: none; } .product .price ins span { color: #27AE60; } td.label { display:none; } .woocommerce div.product { margin-bottom: 0; position: relative; width: 205px; } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #da0811; background-color: #fff; border: 1px solid #dee2e6; } .wpv-archive-pagination-nav-links-container .page-link, .wpv-archive-pagination-nav-links .page-link, .wpv-pagination-nav-links-container .page-link, .wpv-pagination-nav-links .page-link, .wpv-pagination-preview-element .page-link { font-size: .9em; text-decoration: none!important; padding: .15em .45em .2em; line-height: 1.25; border: 1px solid #dc3545; margin: 2px; border-radius: 100px; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #dc3545; border-color: #dc3545; border-radius: 100px; } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-radius: 100px; } @media only screen and (max-device-width: 1000px) { .product-image{ width:40%; } .sale-badge-poduct-card{ position: absolute !important; left: 0 !important; transform: translate(44px, -20px) !important; } .product-info{ width:70%; padding-left: 10px; } .product .price del{ left: 16% !important; position: relative !important; } .product-card-desc { height: 55px; overflow: hidden; } .woocommerce div.product { margin-bottom: 0; position: relative; width: 100% !important; display: inline-flex; } .block-card { width: 100%; padding: 0px; display: block; margin-bottom: 25px; } .product-card-title{ padding-top: 0px !important; margin-top: 0px !important; } .pagination { margin: 20px auto; width: 100%; display: block; } .pagination li{ float: left; display: block; } #cart-prod a:first-child{ font-size: 0px !important; width: 60px; height: 60px; border-radius: 30px !important; content: "\271A"; color: #ccc !important; background: url(http://dolcevita.kz/wp-content/uploads/2021/03/plus-m-1.png) no-repeat; background-position: center; } #cart-prod .woocommerce a.added_to_cart { padding-top: .5em; display: inline-block; font-size: 15px !important; color: #da0811; } #cart-prod{ padding-top: 16px; } .add_to_cart_button, .product .single_add_to_cart_button{ font-size: 0px !important; } .product-card-img { object-fit: cover; height: 132px !important; width: 132px !important; background-size: cover; } } .product-card-img{ object-fit: cover; height: 205px; width: 205px; background-size: cover; } /* ----------------------------------------- */ /* Шаблон контента: loop-item-in-view-2 – конец */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Шаблон контента: %d0%bf%d0%be%d0%bf%d1%83%d0%bb%d1%8f%d1%80%d0%bd%d1%8b%d0%b5-%d0%b1%d0%bb%d1%8e%d0%b4%d0%b0-%d1%81%d0%bb%d0%b0%d0%b9%d0%b4 – начало */ /* ----------------------------------------- */ .sale-badge-poduct-card { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); } .product-card-img { border: 1px solid #bdbdbd !important; } .product-card-title { margin: .55em 0 .45em; font-family: "Noto Sans", Sans-serif; font-weight: 500; font-size: 20px; line-height: 1.2; color: #000; } .product-card-desc p { margin-bottom: 1.21428em; font-family: "Noto Sans", Sans-serif; font-size: 14px; font-weight: 400; line-height: 1.25; color: rgba(0, 0, 0, .5); } .woocommerce .product table.shop_attributes { border: 0; margin-bottom: 0; } .woocommerce .product table.shop_attributes td p { padding: 0; } .product .woocommerce-product-attributes-item--attribute_pa_razmer { display: none; } .product .woocommerce-product-attributes-item__label { display:none; } .woocommerce-product-attributes-item__value { border: none; } .woocommerce-product-attributes-item__value a { font-family: "Noto Sans", Sans-serif; font-style: normal; font-size: 14px; line-height: 1.2; color: #000000; } .product #pa_razmer { /* display: none; */ } .product .variations { margin-bottom: 18px !important; } .product .variations_form { margin-top: -7px; margin-bottom: 0 !important; } .product .variations_form .value { padding: 0; } .product .variations_form .reset_variations { display: none !important; } .product .attribute-pa_razmer .value { display: flex; flex-flow: wrap; align-items: center; } .product .attribute-pa_razmer .value::after { content: "см"; margin-left: 7px; vertical-align: middle; font-family: "Noto Sans", Sans-serif; font-size: 14px; line-height: 1; } .product .attribute-pa_razmer .value > div:not(:last-of-type) { margin-right: 10px; } .product .attribute-pa_razmer input { display: none; } .product .attribute-pa_razmer input:checked + label { border-color: #da0811; } .product .attribute-pa_razmer label { margin-bottom: 0; border: 1px solid #bdbdbd; border-radius: 50%; padding: .5em; font-family: "Noto Sans", Sans-serif; font-weight: 400 !important; font-size: 14px; line-height: 1; color: #000000; } .woocommerce-product-attributes-item__value { border: none !important; } .product-card-attr { font-family: "Noto Sans", Sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 120%; color: #000000; } .product .variations_form + .price { display: none; } .product .single_variation_wrap { margin-bottom: 5px; } .product .add_to_cart_button, .product .single_add_to_cart_button { position: absolute !important; bottom: 0; right: 0; border-radius: 7.14285em !important; border: 2px solid #da0811 !important; padding: .78571em 1.35714em !important; background-color: transparent !important; outline: 0; font-family: "Noto Sans", Sans-serif; font-weight: 500 !important; font-size: 14px !important; line-height: 1 !important; color: #000000 !important; } .product .quantity { display: none !important; } .product .price { margin-top: 23px; padding-bottom: 5px; } .woocommerce-Price-amount { font-family: "Noto Sans", Sans-serif; font-weight: 500; font-size: 20px; line-height: 1.2; color: #000000; } .product .price del { position: absolute; bottom: 27px; left: 0; text-decoration: line-through; opacity: 0.5; color: #000; } .product .price del .amount { font-size: 10px; } .product .price ins { text-decoration: none; } .product .price ins span { color: #27AE60; } td.label { display:none; } .woocommerce div.product { margin-bottom: 0; position: relative; width: 205px; } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #da0811; background-color: #fff; border: 1px solid #dee2e6; } .wpv-archive-pagination-nav-links-container .page-link, .wpv-archive-pagination-nav-links .page-link, .wpv-pagination-nav-links-container .page-link, .wpv-pagination-nav-links .page-link, .wpv-pagination-preview-element .page-link { font-size: .9em; text-decoration: none!important; padding: .15em .45em .2em; line-height: 1.25; border: 1px solid #dc3545; margin: 2px; border-radius: 100px; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #dc3545; border-color: #dc3545; border-radius: 100px; } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-radius: 100px; } @media only screen and (max-device-width: 1000px) { .product-image2{ width:40%; } .product-info{ width:70%; padding-left: 10px; } .woocommerce div.product { margin-bottom: 0; position: relative; width: 100% !important; display: inline-flex; } .block-card { width: 100%; padding: 0px; display: block; margin-bottom: 25px; } .product-card-title{ padding-top: 0px !important; margin-top: 0px !important; } .pagination { margin: 20px auto; width: 100%; display: block; } .pagination li{ float: left; display: block; } #cart-prod a:first-child{ font-size: 0px !important; width: 60px; height: 60px; border-radius: 30px !important; content: "\271A"; color: #ccc !important; background: url(http://dolcevita.kz/wp-content/uploads/2021/03/plus-m-1.png) no-repeat; background-position: center; } #cart-prod .woocommerce a.added_to_cart { padding-top: .5em; display: inline-block; font-size: 15px !important; color: #da0811; } .add_to_cart_button, .product .single_add_to_cart_button{ font-size: 0px !important; } .product-card-img { object-fit: cover; height: 132px !important; width: 132px !important; background-size: cover; } } .product-card-img{ object-fit: cover; height: 205px; width: 205px; background-size: cover; } /* ----------------------------------------- */ /* Шаблон контента: %d0%bf%d0%be%d0%bf%d1%83%d0%bb%d1%8f%d1%80%d0%bd%d1%8b%d0%b5-%d0%b1%d0%bb%d1%8e%d0%b4%d0%b0-%d1%81%d0%bb%d0%b0%d0%b9%d0%b4 – конец */ /* ----------------------------------------- */