/*
Theme Name: news-way02
Theme URI: https://themeansar.com/free-themes/newsway/
Template: newsup
Author: Themeansar
Author URI: https://themeansar.com
Description: News Way is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. News Way is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. News Way is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demo.themeansar.com/newsup and documentation at https://docs.themeansar.com/docs/newsup/
Tags: blog,portfolio,news,grid-Layout,one-column,two-columns,three-columns,flexible-header,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,post-formats,rtl-language-support,theme-options,sticky-post,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 2.0.1691500256
Updated: 2023-08-08 16:10:56

*/

#content.home 

.wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2 {
    height: 40px;
}
.wp-block-search .wp-block-search__label::before, .mg-widget .wp-block-group h2::before {
    right: -30px;
    border-width: 40px 0 0 30px;
}
.mg-tpt-tag-area {
    border-bottom: none;
}
.wp-block-calendar table caption {
    color: #fff;
}
span.time {
    line-height: 35px;
    font-size: 14px;
    margin-left: 5px;
    max-width: 35%;
    font-weight: 600;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 4px;
}
.mg-headwidget.center .heacent {
    margin-top: unset !important;
    margin-top: 40px;
    color: #fff;
}
.mg-headwidget.center .logo-center, .mg-headwidget.center .navbar-header, .mg-headwidget.center .site-branding-text {
    float: none;
    text-align: center;
}
.mg-headwidget.center .navbar-brand {
    float: none;
    display: inline-block;
    font-weight: bold;
    margin: 8px auto 0;
}
.desk-header {
    display: flex;
}
.mg-blog-post.md {
    float: left;
    width: 49.8%;
    height: 236px;
}
.mg-blog-post.md .bottom h4 {
    font-size: 26px;
}
.mb1px {
    margin-bottom: 1px;
}
.trending-area .title {
    display: flex;
    width: 100%;
    border-bottom: 2px solid #eee;
    height: 41px;
    align-items: center;
}
.trending-area .title h4 {
    line-height: 1;
    font-size: 18px;
    position: relative;
    padding: 0 10px;
    margin: 0;
}
.trending-area .title h4::before {
    width: 100%;
    left: 0;
    height: 2px;
    position: absolute;
    content: "";
    bottom: -12px;
}
.trending-area .small-list-post img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.trending-area .img-small-post {
    position: relative;
}
.trending-area.mg-posts-sec-inner .small-list-post {
    counter-reset: tr_post;
}
.trending-area .img-small-post:before {
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 22px;
    left: 0;
    height: 100%;
    position: absolute;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    right: 0;
    top: 0;
    font-weight: 600;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    content: counter(tr_post);
    bottom: 0;
    align-items: center;
    counter-increment: tr_post;
    margin: 0 auto;
}
.trending-area.mg-posts-sec-inner .small-list-post li {
    margin-bottom: 6px;
}
.post-items ul:not(.post-categories) li a, .post-items ol:not(.post-categories) li a, .post-items table a, strong a, blockquote a, code a, p a, .navigation.posts-navigation .nav-links a:hover, .navigation.posts-navigation .nav-links a:hover, #cancel-comment-reply-link, .comment-reply-link, .mg-blog-post-box a, .page-content a, .entry-content a, .entry-summary a, .widget_text a:not(.more-link):not(.button), .comment-content a, .theme-custom-block a, .comment-detail .edit-link a, .comment-detail .reply a, pre.wp-block-code a {
    text-decoration: underline;
}
.mg-headwidget .text-center-xs {
    text-align: center;
}
.mg-headwidget .heacent {
    max-width: 75%;
}
.wp-block-calendar th, .wp-block-calendar tbody td {
    border: 1px solid #f7f7f7;
}
@media (max-width: 991px) {
.navbar-wp .navbar-nav > li> a i {
    display: none;
}
}
@media (max-width: 991.98px) {
.m-header {
    padding-top: 10px;
    padding-bottom: 10px;
}
#menu-primary li.active.home {
    display: none;
}
}
@media screen and (max-width: 767px) and (min-width: 240px) {
.mg-headwidget .navbar-wp .navbar-nav > li> a {
    border-bottom: 1px solid rgba(225,225,225,0.4);
    position: relative;
}
.mg-nav-widget-area .text-center-xs {
    display: flex;
    justify-content: center;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2 {
    font-size: 14px;
}
}
/* Вращение индикатора отправки Contact Form 7 */
@media (prefers-reduced-motion: reduce) {
    .wpcf7-spinner::before {
        animation-name: spin;
        animation-duration: 1000ms !important;
        animation-iteration-count: infinite !important;
    }
}
/* Красное кольцо индикатора отправки Contact Form 7 */
.wpcf7-spinner {
    background-color: transparent;
    opacity: 1;
}
.wpcf7-spinner::before {
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-color: transparent;
    border: 3px solid #f5d8dd;
    border-top-color: #d90020;
    transform-origin: center;
}
@media (min-width: 1200px) {
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1200px;
}
.mg-blog-post.md .bottom h4 {
    overflow: hidden;
    max-height: 65px;
}
footer .overlay {
    padding: 5px 0 0 0;
}
#content {
 padding-top: 0px;
 padding-bottom: 0px;
}
footer .mg-footer-bottom-area {
 padding-bottom: 0px;
}
footer .mg-widget {
 margin-bottom: 50px;
}
#content {
    /* padding-top: 60px; */
    /* padding-bottom: 60px; */
}
/** заголовок страниц*/
.mg-breadcrumb-title h1, .mg-breadcrumb-title .title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    line-height: 30px;
    padding-bottom: 0;
}
/* === calendars.css ===
Назначение: стилизация календарей Flatpickr (inline)
Файлы: применяется к #calendar-warm и #calendar-cold
Описание: центрирование дат, оптимизация отступов, выравнивание кнопок
*/

/* Полное отображение Flatpickr в inline-режиме */
#calendar-warm, #calendar-cold {
  position: relative;
  min-height: 360px;        /* увеличиваем высоту */
  overflow: visible !important; /* не обрезать внутренние элементы */
  margin-bottom: 1em;
}

.flatpickr-calendar {
  width: 100% !important;
  box-shadow: none !important;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  overflow: visible !important;  /* раскрытие выпадающего выбора года */
}

/* панель переключения месяца/года */
.flatpickr-months {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 0;
}

.flatpickr-current-month {
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}

.flatpickr-current-month select.flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  font-size: 14px;
  height: auto;
  line-height: 1.2;
}
/*видео на странице с видеоинструкциями для клиентов*/
.video-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.video-grid__item {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}

.video-grid__item iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 900px) {
    .video-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .video-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* Round Telegram button in the header top bar. */
.mg-nav-widget-area .icon-soci.telegram,
.mg-nav-widget-area .icon-soci.telegram a {
    border-radius: 50%;
}

.mg-nav-widget-area .icon-soci.telegram {
    overflow: hidden;
}

.mg-nav-widget-area .icon-soci.telegram a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mg-nav-widget-area .icon-soci.telegram svg {
    display: block;
}

.mg-nav-widget-area .telegram-contact-item {
    display: flex !important;
    align-items: center;
    gap: 8px;
}

.mg-nav-widget-area .telegram-contact-label {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
}

.mg-nav-widget-area .telegram-contact-item {
    flex-direction: row !important;
}

.mg-nav-widget-area .telegram-contact-label {
    order: 1;
}

.mg-nav-widget-area .telegram-contact-item .icon-soci.telegram {
    order: 2;
    float: none !important;
}