/*
CTC Separate Stylesheet
Updated: 2025-09-11 19:42:14
Theme Name: News Portal Child
Template: news-portal
Author: Mystery Themes
Author URI: https://napoleons-army.site
Description: News Portal is the free ultimate magazine theme with creative design and powerful features that allow you to quickly and easily create a newspaper & blog style website to suit your needs. It is completely built on Customizer which allows you to customize most of the theme settings easily with live previews. It is the fully widgetized theme so as to let users manage the website using the easy to use widgets. You can import the whole beautiful demo in just one click. News Portal Theme is the best choice to create a Beautiful & Powerful News/magazine/blog websites with ease.Check the demo at https://demo.mysterythemes.com/news-portal-demos/
Tags: news,blog,entertainment,grid-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-colors,custom-logo,featured-image-header,footer-widgets,full-width-template,rtl-language-support,theme-options,translation-ready
Version: 99.5.10.1757608934
*/

/* fonts */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v36-cyrillic_latin-300.woff2") format("woff2");
}

/* open-sans-regular - cyrillic_latin */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v36-cyrillic_latin-regular.woff2") format("woff2");
}

/* open-sans-500 - cyrillic_latin */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/open-sans-v36-cyrillic_latin-500.woff2") format("woff2");
}

/* open-sans-600 - cyrillic_latin */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v36-cyrillic_latin-600.woff2") format("woff2");
}

/* Ukrainian-Play */
@font-face {
  font-display: swap;
  font-family: 'Ukrainian Play';
  src: url('..fonts/Ukrainian Play.eot');
  src: url('..fonts/Ukrainian Play.woff') format("woff"),
    url('..fonts/Ukrainian Play.ttf') format("truetype"),
    url('..fonts/Ukrainian Play.svg') format("svg");
  font-weight: 400;
  font-style: normal
}

/** general **/
 html {
   box-sizing: border-box;
   scroll-behavior: smooth;
 }

 *,
 *::after,
 *::before {
   box-sizing: inherit;
 }

 :active,
 :hover,
 :focus {
   outline: 0;
   outline-offset: 0;
 }

 button {
   cursor: pointer;
 }

 button::-moz-focus-inner {
   padding: 0;
   border: 0;
 }

 input,
 button,
 textarea {
   font-family: inherit;
 }

 input::-ms-clear {
   display: none;
 }

 a,
 a:visited {
   text-decoration: none;
 }

 a:hover {
   text-decoration: none;
 }

 ul li {
   list-style: none;
 }




 body {
   font-family: "Open Sans", sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #333;
   line-height: 1.5;
   background: #f3eff0;
   min-height: 100vh;
 }

 /** изображения **/
img {
  border: none;
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
}

/** топ меню **/
.np-header-menu-block-wrap{
  background-color: #333;
  display: flex;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.8);
  height: 50px;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: inherit;
  z-index: 9999;
}


/** выделение активного пункта меню **/
.home .np-home-icon a::after,
.np-home-icon a:hover::after,
#site-navigation ul#primary-menu>li:hover>a:after,
#site-navigation ul#primary-menu>li.current-menu-item>a::after,
#site-navigation ul#primary-menu>li.focus>a:after{
  border-bottom: 3px solid #f8f54e;
}

/** фон переключателя день-ночь **/
.np-icon-elements a{
  background-color: #f8f54e;
}

/** самое верхнее меню **/
.np-top-header-wrap{
  display: none;
}

/** блок с шапкой **/
.header__main {
  background: url(images/header.jpg);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1366px;
  min-height: 386px;
  position: relative;
  margin-top:17px;
}
/** заголовок и подзаголовок в шапке **/
.header__main-text,
.header__main-podzagolovok{
  font-family: "Ukrainian Play", sans-serif;
  color: #fff;
  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
  padding-bottom: 20px;
  font-weight: 300;
}
.header__main-title {
  position: absolute;
  top: 40%;
  left: 30%;
  text-align: center;
}
.header__main-text {
  font-size: 70px;
  border-bottom: 3px solid #fff;
}
.header__main-podzagolovok {
  font-size: 30px;
  letter-spacing: 9px;
}
/** контент - общий **/
.mt-container{
  width: 1240px;
}
/** для контента **/
.mt-container #primary{
  width: 77%;
  border-radius: 5px;
  background-color: #fff;
  padding: 20px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

/** для сайдбара **/
.mt-container #secondary{
  width: 21%;
  border-radius: 5px;
  background-color: #fff;
  text-align: center;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.sidebar__menu-category{
  margin:0;
}
.sidebar__menu-category-link:hover{
  color:#8b2020;
}

/** слово Поиск в сайдбаре **/
.wp-block-search__label{
  display:none;
}

/** breadcrumbs **/
.breadcrumbs{
  width: 92%;
  margin: 0 auto;
  text-align: left;
}

.np-logo-section-wrapper{
  display: none;
}

/** заголовки в сайдбаре **/
.widget_block .wp-block-group__inner-container>h2{
  font-size: 12px;
  text-align: center;
}

/** заголовки h1 **/
article.hentry h1.entry-title,
.entry-title{
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 10px;
  color:#006d80; ;
}

.entry-header{
  margin:0 20px;
}

.entry-content{
  margin: 0 20px;
}

#site-navigation ul li a {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  color: #fff;
  display: block;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
}

/** активная страница меню **/
#site-navigation ul li.current-menu-item>a,
#site-navigation ul li.current_page_item>a{
  border-bottom:3px solid #f8f54e;
}

/** дата и автор в записи **/
.entry-meta{
  margin:15px 0;
}

/** лого комментариев в шапке записи **/
.entry-meta .comments-link{
  display: none;
}

/** категории и последние записи в сайдбаре **/
.wp-block-categories,
.wp-block-latest-posts.wp-block-latest-posts__list{
  text-align: center;
}

/** выпадающее меню **/
#site-navigation ul li{
  height: 25px;
}
#site-navigation ul#primary-menu li.menu-item-has-children a,
#site-navigation #primary-menu li.page_item_has_children a {
  font-size: 10px;
}
#site-navigation ul#primary-menu li.menu-item-has-children .sub-menu a{
  padding: 5px 30px;
  border-bottom: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 9px;
  display: block;
}

/** основной контейнер Главной страницы **/
.mt-single-content-wrapper{
  display: flex;
  justify-content: space-between;
}

/* subscribe */
.section__ocenka,
.section__istochniki,
.section__subscribe,
.section__metki {
  width: 600px;
  margin: 50px auto;
  text-align: center;
}

.section__subscribe-zagolovok{
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #006d80;
  line-height: 1;
  margin-bottom: 15px;
  margin-top: 15px;
}
.section__subscribe-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #8b2020;
  line-height: 1;
  margin-bottom: 15px;
  margin-top: 15px;
}

.section__subscribe-form {
  background: url(images/subscribe.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 600px;
  height: 274px;
  margin-top: 20px;
  position: relative;
}

.form__admin {
  display: flex;
  align-items: baseline;
  position: absolute;
  top: 80%;
  left: 200px;
}

.section__subscribe-input {
  width: 200px;
  height: 30px;
  font-size: 10px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 5px 0 5px 5px;
  margin-right: 10px;
}

.section__subscribe-input::placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  color: #525c60;
}

.section__subscribe-input:focus::placeholder {
  color: transparent;
}

.section__subscribe-btn {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background: #274c5b;
  padding: 4px 7px 4px 12px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}

.section__subscribe-btn img {
  margin-left: 20px;
}

/* istochniki */
.section__istochniki p {
  font-size: 11px;
  text-align: left;
}

/* metki */
.section__metki {
  font-size: 10px;
}

/* дата и время в сайдбаре */
#datetime {
  font-size: 16px;
  font-weight: 500;
  margin: 20px 0;
}

/* main__block */
.main__block {
  margin-top: 30px;
  display: flex;
  justify-content: space-around;
}
.main__block-content {
  width: 75%;
  border-right: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  padding: 20px;
}

/* sidebar */
.sidebar-title {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  margin: 20px 10px;
  padding: 2px 0;
  background-color: #006d80;
  color:#fff;
}

.sidebar-sum {
  font-size: 16px;
  font-weight: 600;
  color: red;
}

.sidebar__menu,
.last__post-razdela,
.vidzet-last-post{
  margin:0;
}

.sidebar__menu-link {
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1.7;
  margin:0;
}

.last__post-razdela-list{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 140px;
  margin: 0 auto;
  box-shadow: 0 5px 15px 0 rgb(127, 127, 128);
  transition: 0.5s;
  margin-bottom:25px;
  padding-top:10px;
}

.last__post-link{
  font-size: 12px;
}

/** категории на Главной **/
.elements-gride{
  width: 85%;
  margin:0 auto;
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:20px 0;
}

.element-item{
  display: flex;
  flex-direction: column;
  /* flex-basis: 20%; */
  flex-grow: 0;
  width: 130px;
  box-shadow: 0 5px 15px 0 rgb(127, 127, 128);
  transition: 0.5s;
  align-items: center;
  padding-top:5px;
}
.element-item:hover,
.last__post-razdela-list:hover,
#sidebar__post-last-item:hover {
  transform: translate(0, -3px);
  box-shadow: 0 20px 40px 0 rgba(127, 127, 128, 1);
}

.thumbnail__category{
  flex-basis: 130px;
  text-align: center;
}

.category__title{
  font-size: 12px;
  font-weight: 500;
  flex-grow: 1;
  text-align: center;
  margin: 5px 0;
}

/** последние записи в сайдбаре **/
.sidebar__post-last{
  width: 85%;
  margin: 0 auto;
}
#sidebar__post-last-item{
  display: flex;
  flex-direction: column;
  /*flex-basis: 20%;*/
  flex-grow: 0;
  width: 140px;
  margin:0 auto;
  box-shadow: 0 5px 15px 0 rgb(127, 127, 128);
  transition: 0.5s;
  align-items: center;
  margin-bottom: 25px;
  padding-top:10px;
}
.last__post-razdela{
  margin: 0;
}

/** заголовок ПОДЕЛИТЬСЯ **/
.heateor_sss_sharing_title{
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #8b2020;
  line-height: 4;
}

/** последние записи раздела **/
.last__post-razdela{
  display: flex;
  flex-direction: column;
  margin:0;
}
.last__post-razdela-list{
  display: flex;
  flex-direction: column;
  align-items: center;
}


/** ночная тема **/
body.site-mode--dark{
  background-color: black;
}

.site-mode--dark #primary,
.site-mode--dark #secondary,
.site-mode--dark .widget_block .wp-block-group__inner-container>h2,
.site-mode--dark .main__block-content{
  background-color: black;
  color: #fff;
}

.section__subscribe-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #8b2020;
  line-height: 1;
  margin-bottom: 15px;
  margin-top: 15px;
}

/** карта сайта **/
.wsp-pages-title,
.wsp-posts-title{
  color: #8b2020;
  font-size: 20px;
}
.wsp-category-title{
  font-size: 16px;
  background-color:#f8f54e;
}

/** выдача результатов поиска **/
.np-archive-post-content-wrapper:before{
  display: none;
}
.np-archive-post-content-wrapper .entry-title a{
  color: #ca2525;
}






/** media-query **/
@media screen and (max-width:1920px){
  .header__main{
    max-width: 1920px;
    height: 542px;
  }
  .container__page-home{
    width: 1850px;
    margin-left: -250px;
  }
  .main__block__page-home{
    width: 95%;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    }
  .main__block-content__page-home{
    width:70%;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    padding: 20px;
  }
  .mt-container #secondary{
    width: 25%;
  }
  .elements-gride{
    gap:20px;
  }

    .mt-container #primary{
      width: 73%;
    }
}

@media screen and (max-width:1600px){
  .header__main{
    max-width: 1600px;
    height: 452px;
  }
}

@media screen and (max-width:1270px){
    .header__main {
      max-width: 1270px;
      height: 359px;
      }
  .mt-single-content-wrapper{
    flex-direction: column;
  }
  .mt-container #primary,
  .mt-container #secondary{
    width: 100%;;
  }
  .mt-container #secondary{
    margin-top:30px;
    }
}

@media screen and (max-width:1086px){
  .header__main {
    max-width: 1086px;
    height: 307px;
  }
  .header__main-title{
    top: 20%;
    left: 25%;
  }
}

@media screen and (max-width:936px){
  .header__main {
    max-width: 936px;
    height: 264px;
  }
  .header__main-text{
    font-size: 56px;
  }
  .header__main-podzagolovok{
    font-size: 20px;
    letter-spacing: 8px;
  }
}

@media screen and (max-width:768px){
  #site-navigation ul li {
    height: 40px;
  }
}

@media screen and (max-width:756px){
  .header__main {
    max-width: 756px;
    height: 213px;
    margin-top:-30px;
    }
    .header__main-text {
      font-size: 46px;
    }
    .header__main-title {
      top: 30%;
    }
    .breadcrumbs{
      margin-top: -70px;
    }
    .site-info,
    #footer-navigation ul{
      float:none;
      text-align: center;
    }
    .section__subscribe{
      width: 70%;
      margin: 0 auto;
    }
    .form__admin{
      left:40px;
    }
}

@media screen and (max-width:620px){
    .header__main {
      max-width: 620px;
      height: 175px;
    }
  .header__main-text {
    font-size: 36px;
  }
  .header__main-podzagolovok {
    font-size: 20px;
    letter-spacing: 3px;
  }
  .sidebar__menu-category-link,
  .last__post-razdela-list{
    font-size: 16px;
  }
  .section__metki{
    width: 85%;
  }
}
      
@media screen and (max-width:496px){
  .header__main {
    max-width: 496px;
    height: 140px;
    margin-top: -30px;
  }
  .section__ocenka,
  .section__istochniki{
    width: 60%;
  }
.breadcrumbs{
  margin-top: -100px;
}
.header__main-podzagolovok{
  display: none;
}
.header__main-title{
  top:38%;
  left: 38%;
}
.header__main-text{
  border-bottom: 0;
  width: 180px;
  line-height: 1;
  letter-spacing: 2px;
}
.mt-container #primary{
  margin-top: -40px;
}
}

@media screen and (max-width:375px){
.header__main-title{
  font-size: 30px;
  }
.mt-container #primary{
  margin-top: -70px;
  }
}