/*!
Theme Name: Rumen Bufs
Theme URI: http://underscores.me/
Author: Kirill Riabokobylenko
Author URI: http://underscores.me/
Description: Custom theme for Rumen Bufs
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rumen
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Rumen Bufs is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.breadcrumb a {
  font-size: 14px;
  font-weight: 500;
  color: #3a3a3a;
  transition: all .3s ease;
  text-decoration: underline;
}

.breadcrumb a:hover {
  color: #00a650;
  text-decoration: underline;
}

.breadcrumb_last {
  color: #00a650;
  font-weight: 500;
  font-size: 14px;
}

.firma__top {
  margin-bottom: 0;
}

.firma__top p+p {
  margin-top: 20px;
}

body.category {
  padding-top: 0;
  padding-bottom: 0;
}

.menu__list li:not(:last-child) {
  margin-right: 45px;
}

.menu__list li a {
  text-align: center;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 114.2857142857%;
  text-transform: uppercase;
  color: #3a3a3a;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  position: relative;
  padding-bottom: 17px;
}

.menu__list li a::before {
  display: block;
  content: attr(title);
  font-weight: 700;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.menu__list li a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  background-color: #e68a35;
  height: 2px;
  width: 100%;
  content: "";
  opacity: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.menu__list li a:hover {
  color: #e68a35;
  text-shadow: 0.75px 0 0 #e68a35;
}

.menu__list li a:hover::after {
  width: 120%;
  opacity: 1;
}

.lang__menu {
  padding: 10px 20px;
  background-color: #efefef;
  border-radius: 7px;
}

.lang__menu>.menu-item {
  position: relative;
}

.lang__menu .menu-item a {
  display: flex;
  align-items: center;
  gap: 0 5px;
  font-size: 14px;
  font-weight: 600;
  color: #6b6b6b !important;
}

.lang__menu .menu-item:hover .sub-menu {
  display: block;
}

.lang__menu .sub-menu {
  position: absolute;
  z-index: 2;
  top: 100%;
  left: -20px;
  border-radius: 7px;
  width: calc(100% + 40px);
  display: none;
  padding: 20px 20px 10px;
  background-color: #efefef;
}

.lang__menu .sub-menu .menu-item:not(:last-child) {
  margin-bottom: 10px;
}

.wpp-list .post-stats {
  display: none;
}

.wpp-list li a {
  font-weight: 600;
  font-size: 12px;
  transition: all .3s ease 0s;
  line-height: 138.19%;
  color: #000;
  display: block;
}

.wpp-list li:not(:last-child) {
  margin-bottom: 7px;
  padding-bottom: 8px;
  border: 1px solid #c4c4c4;
}

/**************************\
Basic Modal Styles
\**************************/

/* .modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
} */

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.modal__container {
  position: relative;
  background-color: #fff8f3;
  padding: 30px;
  max-width: 405px;
  width: 100%;
  max-height: 100vh;
  border-radius: 4px;
  box-sizing: border-box;
}

.modal__close {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 20px;
  height: 20px;
  background-image: url('../rumen/img/svg/close.svg');
  background-size: cover;
  cursor: pointer;
}

.modal__header {
  margin-bottom: 15px;
  text-align: center;
}

.modal__header h3 {
  font-size: 36px;
  font-weight: 500;
  color: #282828;
  text-transform: uppercase;
}

.modal__header h3 + h4{
  margin-top: 15px;
  font-size: 15px;
  font-weight: 500;
  color: #8e8e8e;
}

.modal__content form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.modal__content form .ui-group,
.modal__content form .ui-group input,
.modal__content form .ui-group textarea {
  width: 100%;
}

.modal__content form .ui-group textarea {
  resize: vertical;
}

.modal__content form .ui-group button {
  max-width: 100%;
  width: 100%;
}

.modal__content form .ui-group:not(:last-child) {
  margin-bottom: 15px;
}

.modal__content form .ui-group input,
.modal__content form .ui-group textarea {
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #8e8e8e;
  border: 1px solid #d3cac4;
  background-color: #ffffff;
}

.modal__content form .ui-group label {
  position: relative;
}

.modal__content form .ui-group label span::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #d3cac4;
  background-color: #fff;
}

.modal__content form .ui-group label span::after {
  position: absolute;
  content: '';
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transition: 0.25s all;
}

.modal__content form .ui-group label input[type="checkbox"]:checked + span::after {
  background-color: #00a650;
}

.modal__content form .ui-group label input[type="checkbox"] {
  position: absolute;
  width: 0;
  height: 0;
}

.modal__content form .ui-group label input[type="checkbox"] + span  {
  display: block;
  padding-left: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #8e8e8e;
}

.wpcf7-list-item {
  margin: 0;
}

/**************************\
  Demo Animation Style
  \**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-10%);
  }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.text__counter {
  max-width: 700px;
  margin-top: 75px;
}

.text__counter p {
  font-size: 16px;
  font-weight: 600;
  opacity: 0.9;
}

.footer .lang__menu {
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  #menu-header-right {
    display: none;
  }
  .menu__list {
    margin-bottom: 0 !important;
    text-align: center;
  }
  .menu__list li {
    margin: 0 !important;
  }
  .blog__item:nth-child(1n) {
    display: block !important;
  }
  .footer .lang__menu {
    display: none;
  }
}

/**/

@media screen and (max-width: 768px) {
  .info__left {
    width: 100%;
  }
}

.slider-banner__dot-wrap {
  top: 55% !important;
}