/*!
Theme Name: mibaTheme
Theme URI: 
Author: Mihail
Author URI:
Description: Создание сайтов в Туле
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE 
Text Domain: Line-web https://line-web.ru
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
  width: 16px;
  /* ширина для вертикального скролла */
  /* height: 8px; */
  /* высота для горизонтального скролла */
  background-color: #143861;
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
  background-color: #119EE6;
  /* border-radius: 9em; */
  box-shadow: inset 1px 1px 10px #f3faf7;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #253861;
}

/* Стрелки */

::-webkit-scrollbar-button:vertical:start:decrement {
  background: linear-gradient(120deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(240deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(0deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #f6f8f4;
}

::-webkit-scrollbar-button:vertical:end:increment {
  background:
    linear-gradient(300deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(60deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(180deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #f6f8f4;
}

::-webkit-scrollbar-button:horizontal:start:decrement {
  background:
    linear-gradient(30deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(150deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(270deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #f6f8f4;
}

::-webkit-scrollbar-button:horizontal:end:increment {
  background:
    linear-gradient(210deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(330deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(90deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #f6f8f4;
}
/************ magnific popup************/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 25px;
  max-width: 400px;
  margin: 0 auto;
  border: 2px solid #119EE6;
}

.white-popup img {
  max-width: 100%;
}

.form__title {
  margin-bottom: 15px;
}

.form__post-title {
  font-size: 13px;
  margin-bottom: 30px;
}
.popup-form-subtitle{
margin-bottom: 1rem;
}
/* Зум */

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Сверху */

.mfp-move-from-top .mfp-content {
  vertical-align: top;
}

.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
}

.mfp-move-from-top.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  opacity: 0;
}

.mfp-move-from-top.mfp-removing .mfp-bg {
  opacity: 0;
}
/************ link ************/


:focus {
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

/************ contact form ************/
.wpcf7-spinner {
  display: none;
}

.testimonials-section .wpcf7 form .wpcf7-response-output {
  color: #FFF;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  font-size: 14px;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0.5em 0 ;
  padding: 0.2em 1em;
 
}
.testimonials-section .wpcf7 form.invalid .wpcf7-response-output,
.testimonials-section .wpcf7 form.unaccepted .wpcf7-response-output,
.testimonials-section .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #FFF;
}

.testimonials-section .wpcf7-not-valid-tip {
  color: #3f35dc;
}

/************ Flexy Breadcrumb ************/
.fbc-page .fbc-wrap .fbc-items li:first-child {
  padding-left: 0;
}

/* Style wrapping span as button */

.file-wrap input {
  background: #fff;
}
/************ bootstrap ************/
.mb-1{
  margin-bottom: 1rem;
}
.mb-2{
  margin-bottom: 2rem;
}
.mb-3{
  margin-bottom: 3rem;
}
/************ @media ************/
@media (max-width: 992px) {}

@media (max-width: 768px) {}

@media (max-width: 575px) {}