/*
Theme Name: Unos Magazine Black
Template: unos
Version: 1.0.12
Text Domain: unos-magazine-black
Author: wpHoot
Author URI: https://wphoot.com/
Theme URI: https://wphoot.com/themes/unos-magazine-black/
Requires at least: 5.4
Tested up to: 6.1
Requires PHP: 5.6
Description: Dark Magazine Black is magazine theme with dark black style and a woocommerce ready store for games, entertainment, video, portfolio and education related sites. Its dark black design supports multiple content and store widgets to display your magazine content and store products. It is a fast loading, translation and multi-lingual ready with SEO optimized code which works with all popular plugins like Jetpack, Yoast SEO, Contact Form 7, Page Builder etc. Theme support is available at https://wphoot.com/support/ You can also check out the theme instructions at https://wphoot.com/support/unos-magazine-black/ and demo at https://demo.wphoot.com/unos-magazine-black/ for a closer look.
Tags: grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, block-styles, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, e-commerce, entertainment, news
License: GNU General Public License 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html

All files, unless otherwise stated, are released under the GNU General Public
License version 3.0 (https://www.gnu.org/licenses/gpl-3.0.en.html)
This theme, like WordPress, is licensed under the GPL.
*/
/**
 * -----------------------------------------------------------------------------------------------
 * PLEASE DO NOT MODIFY THIS FILE DIRECTLY UNLESS YOU KNOW WHAT YOU ARE DOING
 * 
 ** 'Additional Custom CSS' / 'Custom CSS' section in Customize Screen
 *  - This is the preferred location for small css snippets
 *  - These CSS rules are given highest priority
 *  - Your customizations remains unaffected by Theme updates (IMPORTANT!)
 * -----------------------------------------------------------------------------------------------
 */
.entry-byline-catblock {
  margin-top: 5px;
}
.catblock {
  display: inline-block;
  font-size: 1em;
  line-height: 1.42857143em;
  margin: 2px 5px 2px 0;
}
.catblock:last-child {
  margin-right: 0;
}
.catblock a {
  padding: 0 4px;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
}
span.catblock a:hover {
  text-decoration: none;
  color: inherit;
  background: rgba(0, 0, 0, 0.2);
}
.post-gridunit-suptitle,
.hk-gridunit-suptitle {
  font-size: 0.86666667em;
  line-height: 1.384615em;
}
.post-gridunit-suptitle .entry-byline,
.hk-gridunit-suptitle .entry-byline {
  font-style: inherit;
}
.post-gridunit-suptitle .catblock,
.hk-gridunit-suptitle .catblock {
  margin-right: 10px;
}
.post-gridunit-suptitle .catblock a,
.hk-gridunit-suptitle .catblock a {
  padding: 1px 4px;
}
.entry-footer {
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}
.entry-footer .entry-byline-catblock,
.entry-footer .entry-byline {
  margin: 0;
  padding: 1.66666667em 5px;
  border-bottom: none;
}
.entry-footer .entry-byline-catblock + .entry-byline {
  padding-top: 5px;
  margin-top: -1.66666667em;
}
#topbar {
  overflow: inherit;
}
/**
 * Header (Topbar, Header, Main Nav Menu)
 * ========================================================
 */
/************* Topbar *************/
#topbar .widget_nav_menu {
  margin: 5px 1em;
}
/************* Header Layout *************/
#header-primary,
#header-supplementary,
.below-header {
  border-bottom: none;
}
#header-supplementary {
  margin-bottom: 2px;
}
@media only screen and (max-width: 969px) {
  #header-aside {
    padding: 0;
    border-top: none;
  }
}
/************* Logo *************/
#site-logo {
  padding-top: 5px;
  margin: 0px 0;
}

/* Text Logo */
#site-title {
	  font-weight: 400;
}
#site-description {
  margin: 0;
}
#site-description {
  text-transform: none;
}
.site-title-line mark {
  padding: 3px 10px;
}
/*** Responsive Logo ***/
@media only screen and (max-width: 969px) {
  #site-logo {
    margin: 15px 0;
  }
  #page-wrapper #site-description {
    margin: 0 7px;
  }
}
/************* Nav Menus *************/
.nav-menu {
  position: relative;
  bottom: -1px;
}
.menu-items {
  /* Current & Hover */
  /* Title & Description */
}
.menu-items li {
  position: relative;
}
.menu-items > li:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 2px;
  right: 1px;
  display: block;
  border-bottom: solid 3px;
  border-bottom-color: inherit;
}
.menu-items > li.current-menu-item:not(.nohighlight) > a,
.menu-items > li.current-menu-ancestor > a,
.menu-items > li:hover > a {
  color: inherit;
}
.menu-items > li.current-menu-item:not(.nohighlight):before,
.menu-items > li.current-menu-ancestor:before,
.menu-items > li:hover:before {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 2px;
  right: 1px;
  display: block;
  border-bottom: solid 1px;
  border-bottom-color: inherit;
}
.menu-items > li > ul {
  margin-top: -1px;
}
@media only screen and (max-width: 969px) {
  .mobilemenu-inline .menu-items {
    border-bottom: solid 1px rgba(0, 0, 0, 0.14);
  }
  .menu-items > li.current-menu-item:not(.nohighlight),
  .menu-items > li.current-menu-ancestor,
  .menu-items > li:hover {
    background: rgba(0, 0, 0, 0.03);
  }
  .menu-items > li.current-menu-item:not(.nohighlight):after,
  .menu-items > li.current-menu-ancestor:after,
  .menu-items > li:hover:after {
    bottom: 0;
    top: 0;
    left: 0;
    right: auto;
    display: block;
    border-left: solid 3px;
    border-color: inherit;
  }
  .menu-items > li:after {
    display: none;
  }
  .menu-items > li.current-menu-item:not(.nohighlight):before,
  .menu-items > li.current-menu-ancestor:before,
  .menu-items > li:hover:before {
    display: none;
  }
}
@media only screen and (min-width: 970px) {
  .header-supplementary-center .menu-items > li > a {
    text-align: center;
  }
  .header-supplementary-center .nav-menu .sf-menu.sf-arrows > li > a.sf-with-ul {
    padding-right: 15px;
    padding-left: 15px;
  }
  .header-supplementary-center .sf-menu.sf-arrows .sf-with-ul .menu-title:after {
    position: relative;
    right: -5px;
    margin: 0;
    top: 0;
  }
  .header-supplementary-center .sf-menu.sf-arrows ul .sf-with-ul .menu-title:after {
    position: absolute;
    top: 50%;
    right: -2px;
    margin-top: -0.5em;
  }
  #header.stuck .menu-items > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/************* Menu Side Header *************/
.menu-side-box {
  position: relative;
}
@media only screen and (max-width: 969px) {
  .menu-side-box {
    border-top: none;
  }
}
/************* Aside Header *************/
/************* Below Header *************/
.below-header {
  padding: 0;
  position: relative;
}
.below-header:before {
  content: "\00a0";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.03);
}
.below-header:after {
  content: "\00a0";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8px;
  -webkit-box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.05);
}
/************* Page Template - Landing *************/
.page-template-landing #main.main {
  padding-bottom: 0;
}
.page-template-landing #page-wrapper .main-content-grid {
  margin-top: 0;
}
.page-template-landing .entry-content {
  border-bottom: none;
}
.page-template-landing .entry-the-content {
  margin: 2.66666667em 0;
}
/************* Loop Meta *************/
.entry-featured-img-headerwrap {
  height: 400px;
}
.content .loop-meta-wrap.pageheader-bg-incontent,
.content .loop-meta-wrap.pageheader-bg-both {
  border: solid 1px rgba(0, 0, 0, 0.03);
}
/************* Entry Meta Byline (Singular Post Page) *************/
.entry-byline {
  opacity: 1;
  filter: alpha(opacity=100);
}
/************* <main> #content *************/
.main > .main-content-grid:first-child {
  margin-top: 25px;
  /*@widgetMargin/2*/
}
/************* Single Post (Single Post Page) *************/
.entry-the-content {
  font-size: 1.13333333em;
  line-height: 1.58823529em;
}
.entry-grid .more-link {
  opacity: 1;
  filter: alpha(opacity=100);
}
.archive-mosaic .more-link a {
  font-size: inherit;
  line-height: inherit;
}
.content-frontpage > .frontpage-area-boxed:first-child {
  margin-top: 25px;
  /*@widgetMargin/2*/
}
.frontpage-widgetarea.frontpage-area-boxed:first-child .hootkitslider-widget {
  margin: 0;
}
/*Overwrite parent css since we are now reducing first boxed area margin-top*/
/************* Sidebars *************/
/**
 * Theme and WordPress Plugins
 * ========================================================
 */
/************* Woocommerce *************/
.woocommerce ul.products li.product .price {
  font-size: 1em;
}
.woocommerce div.product .woocommerce-tabs .panel {
  border-bottom: none;
}
.woo-single-product-upsell-heading,
.woo-single-product-related-heading,
.woo-cart-totals-heading,
.woo-cart-cross-sells {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.woo-single-product-upsell-heading:before,
.woo-single-product-related-heading:before,
.woo-cart-totals-heading:before,
.woo-cart-cross-sells:before,
.woo-single-product-upsell-heading:after,
.woo-single-product-related-heading:after,
.woo-cart-totals-heading:after,
.woo-cart-cross-sells:after {
  opacity: 0.33;
  filter: alpha(opacity=33);
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  border-bottom: solid 1px;
}
.woo-single-product-upsell-heading:before,
.woo-single-product-related-heading:before,
.woo-cart-totals-heading:before,
.woo-cart-cross-sells:before {
  margin-right: 8px;
}
.woo-single-product-upsell-heading:after,
.woo-single-product-related-heading:after,
.woo-cart-totals-heading:after,
.woo-cart-cross-sells:after {
  margin-left: 8px;
}
.woo-single-product-upsell-heading span,
.woo-single-product-related-heading span,
.woo-cart-totals-heading span,
.woo-cart-cross-sells span {
  flex-shrink: 0;
  max-width: 80%;
  text-align: inherit;
}
.woo-cart-totals-heading:before,
.woo-cart-cross-sells:before {
  display: none;
}
/************* Jetpack *************/
.hoot-jetpack-style #infinite-handle span {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/************* Newsletter *************/
/*** Newsletter ***/
.widget_newsletterwidget,
.widget_newsletterwidgetminimal {
  background: #ffe42d;
  color: #ffffff;
}
.widget_newsletterwidget .widget-title,
.widget_newsletterwidgetminimal .widget-title {
  color: inherit;
  font-family: inherit;
  font-style: normal;
  border: none;
  padding: 0;
  margin-bottom: 5px;
}
.widget_newsletterwidget label,
.widget_newsletterwidgetminimal label {
  font-weight: normal;
  margin: 0 0 3px 2px;
}
.widget_newsletterwidget input.tnp-submit[type=submit],
.widget_newsletterwidgetminimal input.tnp-submit[type=submit] {
  border: 1px solid;
}
.widget_newsletterwidget input.tnp-submit[type=submit]:hover,
.widget_newsletterwidgetminimal input.tnp-submit[type=submit]:hover {
  color: inherit;
  background: rgba(0, 0, 0, 0.2);
}
.widget_newsletterwidget input[type=text],
.widget_newsletterwidgetminimal input[type=text],
.widget_newsletterwidget input[type=email],
.widget_newsletterwidgetminimal input[type=email],
.widget_newsletterwidget select,
.widget_newsletterwidgetminimal select,
.widget_newsletterwidget input[type=text]:focus,
.widget_newsletterwidgetminimal input[type=text]:focus,
.widget_newsletterwidget input[type=email]:focus,
.widget_newsletterwidgetminimal input[type=email]:focus,
.widget_newsletterwidget select:focus,
.widget_newsletterwidgetminimal select:focus {
  background: rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.15);
  color: inherit;
}
.tnp-widget-minimal input.tnp-submit {
  border: 1px solid;
  border-color: inherit;
}
/**
 * Footer
 * ========================================================
 */
/************* Sub Footer *************/
.sub-footer {
  border-top: solid 1px rgba(0, 0, 0, 0.14);
}
/************* Footer *************/
.footer {
  background: rgba(0, 0, 0, 0.03);
}
/************* Post Footer *************/
.post-footer {
  background: rgba(0, 0, 0, 0.03);
  padding: 0;
  border-top: none;
}
.post-footer .credit {
  border-top: solid 1px;
  display: inline-block;
  min-width: 70%;
  margin: 0;
  padding: 1.5em 0;
}
/************* Sticky Header *************/
@media only screen and (min-width: 970px) {
  #header.stuck {
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  }
}
/************* Typography *************/
body,
blockquote small,
blockquote cite,
.has-small-font-size,
.has-regular-font-size,
.has-normal-font-size,
.sub-footer,
.footer,
#topbar .widget-title,
.sidebar {
  line-height: 1.66666667em;
}
.widget_breadcrumb_navxt {
  line-height: 1.66666667em;
}
.widget_breadcrumb_navxt .breadcrumbs > .hoot-bcn-pretext:after {
  border-top: 1.33333333em solid transparent;
  border-bottom: 1.33333333em solid transparent;
}
h1 {
  	font-size: 1.9em;
}
h2 {
  font-size: 1.7em;
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.5em;
}
h5 {
  font-size: 1.4em;
}
h6 {
  font-size: 1.3em;
}
.archive-big .entry-grid-content .entry-title {
  font-size: 1.33333333em;
}
.mixedunit-big .entry-grid-content .entry-title {
  font-size: 1.33333333em;
}
.title {
  font-size: 1.2em;
}
.loop-title {
  font-size: 1.2em;
}
.hootkitslide-caption h1,
.hootkitslide-caption h2,
.hootkitslide-caption h3,
.hootkitslide-caption h4,
.hootkitslide-caption h5,
.hootkitslide-caption h6 {
  font-size: 1.2em;
}
.entry-grid-content .entry-title {
  font-size: 1.13333333em;
}
.content .loop-title {
  font-size: 1.13333333em;
}
.archive-mosaic .entry-title {
  font-size: 1.06666667em;
}
.hootkitcarousel-content h1,
.hootkitcarousel-content h2,
.hootkitcarousel-content h3,
.hootkitcarousel-content h4,
.hootkitcarousel-content h5,
.hootkitcarousel-content h6 {
  font-size: 1.06666667em;
}
.content-block-title {
  font-size: 1.06666667em;
}
.posts-listunit-title,
.hk-listunit-title {
  font-size: 1.06666667em;
}
blockquote {
  font-size: 1em;
}
.number-block-content h1,
.number-block-content h2,
.number-block-content h3,
.number-block-content h5,
.number-block-content h6 {
  font-size: 1em;
}
.posts-list-style2 .posts-listunit-small .posts-listunit-title,
.hk-list-style2 .hk-listunit-small .hk-listunit-title {
  font-size: 1em;
}
.vcard-content h1,
.vcard-content h2,
.vcard-content h3,
.vcard-content h5,
.vcard-content h6 {
  font-size: 1em;
}
#topbar,
div.menu-side-box,
.below-header,
.post-gridunit-subtitle,
.hk-gridunit-subtitle,
.verticalcarousel-subtitle {
  font-size: 0.86666667em;
  line-height: 1.384615em;
}
.menu-items .menu-description {
  font-size: 0.928571em;
  line-height: 1.153846em;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/** Subtitles: Color, LineHeight, Size **/
/* Font declarations: color, size, line-height  <<same for entry byline>>
 * Family, transform and style are consistent throughout and controlled using user option
 */
.hoot-subtitle,
.entry-byline,
.post-gridunit-subtitle .entry-byline,
.hk-gridunit-subtitle .entry-byline,
.posts-listunit-subtitle .entry-byline,
.hk-listunit-subtitle .entry-byline,
.content-block-subtitle .entry-byline {
  color: #838383;
}
div.loop-meta-withbg .entry-byline {
  color: inherit;
}
div.post-gridunit-subtitle .entry-byline,
div.hk-gridunit-subtitle .entry-byline {
  color: inherit;
}
.content-block-style5 .hoot-subtitle,
.content-block-style6 .hoot-subtitle,
.content-block-style5 .entry-byline,
.content-block-style6 .entry-byline {
  color: inherit;
}
.notice-content .hoot-subtitle {
  color: inherit;
}
/* Subtitles Links */
.hoot-subtitle a {
  color: inherit;
}
.hoot-subtitle a:hover {
  color: inherit;
  text-decoration: underline;
}
/** Widget Titles & Subtitles **/
.widget .viewall-bottom {
  margin-top: 1em;
}
.viewall a {
  border: solid 1px;
}
.widget div.viewall {
  font-size: 12px;
  line-height: 16px;
}
.widget .viewall a {
  padding: 2px 0;
  width: 65px;
  display: inline-block;
  text-align: center;
}
.lightSliderVertical .lSAction > a {
  width: 25px;
  height: 22px;
}
.lightSliderVertical .lSAction > a:after {
  line-height: 22px;
}
.widget-title-wrap.hastitle + .widget-subtitle {
  margin-top: -15px;
}
.widget-title-wrap + .widget-subtitle {
  margin-top: -37px;
}
.widget-title-wrap.hasviewall + .widget-subtitle {
  margin-right: 70px;
}
.widget-title-wrap.hasnav + .widget-subtitle {
  margin-right: 56px;
}
.widget-title-wrap.hasviewall.hasnav + .widget-subtitle {
  margin-right: 126px;
}
.widget-title {
  margin-bottom: 15px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.widget-title:before,
.widget-title:after {
  opacity: 0.33;
  filter: alpha(opacity=33);
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  border-bottom: solid 1px;
}
.widget-title:before {
  margin-right: 8px;
}
.widget-title:after {
  margin-left: 8px;
}
.widget-title span {
  flex-shrink: 0;
  max-width: 80%;
  text-align: inherit;
}
.widget-subtitle {
  text-align: left;
  margin-bottom: 15px;
}
.widget-title-wrap.hastitle + .widget-subtitle {
  text-align: center;
}
.sidebar .widget-title span {
  text-align: left;
}
.sidebar .widget-title:before {
  display: none;
  align-items: flex-start;
}
.sidebar .widget-subtitle.hoot-subtitle {
  text-align: left;
}
.sidebar .widget-title,
.sub-footer .widget-title,
.footer .widget-title {
  font-size: 1.2em;
  font-weight: 700;
  text-transform: none;
  padding: 0;
}
/** Misc Subtitles **/
.notice-content .hoot-subtitle {
  margin: 5px 0;
}
.notice-title + .hoot-subtitle {
  margin-top: -5px;
}

@font-face {
    font-family: 'Great Vibes';
    src: url('fonts/GreatVibes-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Comforter Brush';
    src: url('fonts/ComforterBrush-Regular.ttf') format('truetype');
}

.great-vibes {
    font-family: 'Great Vibes', cursive;
	font-size: 26px;
}

.comforter-brush {
    font-family: 'Comforter Brush', cursive;
	font-size: 26px;
}

.sidebar-news .latest-news-title,
.random-news-red-square .red-square .random-news-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}

.sidebar-news .latest-news {
    margin-bottom: 20px;
}

.sidebar-news .latest-news-thumbnail img {
    width: 100%;
    height: auto;
}

.random-news-red-square .red-square {
    width: 100%;
    padding-bottom: 100%;
    background-color: red;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
}

.random-news-red-square .red-square .random-news-title a {
    color: black;
    text-decoration: none;
}

.random-news-red-square .red-square p {
    color: black;
}

.meta-info {
    display: flex;
    gap: 5px;
    font-size: 12px;
    color: #333;
	font-style: italic;
	justify-content: center; /* Центрируем содержимое по горизонтали */
    text-align: center; /* Центрируем текст внутри элементов flex-контейнера */ 
}

.meta-category, .meta-date, .meta-comments, .meta-separator {
    display: inline-flex;
    align-items: center;
}

.meta-category::before {
    margin-right: 5px;
}

.meta-category a {
    color: #000000; /* Чёрный цвет для ссылок */
}

.category-romb {
    padding-right: 4px;
}

.meta-date::before {
    margin-right: 5px;
}

.meta-comments::before {
    content: ' ';
    margin-left: 5px;
}

.meta-comments::after {
    margin-left: 5px;
}

.custom-excerpt {
	margin-top: 5px;
    color: #000000;
    text-align: center;
	font-style: italic;
}

.entry-content-featured-img2 {
    margin-bottom: 10px;
  }

.breadcrumbs {
	color: #000; /* Чёрный цвет текста */
	font-size: 14px;
	text-decoration: none;
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: -50px; /* Отступ между хлебными крошками и заголовком */
}

.breadcrumbs a {
    color: #000; /* Чёрный цвет текста */
	text-decoration: none;
}

.post-meta123 {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
	margin-top: 14px;
	margin-bottom: 4px;
}
.post-meta123 span {
    margin-right: 10px;
    display: inline-block;
}
.post-meta123 a {
    text-decoration: none;
    color: inherit;
}
.post-meta123 a:hover {
    text-decoration: underline;
}

.tags-row {
	margin-top: 4px;
    margin-bottom: 5px;
    overflow: hidden; /* Очистка потока */
}

.tag-wrapper {
    background-color: #001E4B;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left; /* Размещение тегов в ряд */
}

.tag-image {
    height: 40px;
    vertical-align: middle;
    margin-right: 5px;
}

.tag-link {
    color: #E1E7FF;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold; /* Жирный текст */
    line-height: 40px; /* Выравнивание текста по центру по вертикали */
    margin-left: 2px; /* Отступ слева от текста тега */
	margin-right: 10px;
}

.tag-link:hover {
    color: white;
}

.social-widget {
    text-align: center;
    margin: 20px 0;
	color: red;
	font-size: 16px;
	font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.social-widget hr {
    border: none;
    border-top: 1px solid red;
    margin: 2px 0 6px;
}

.social-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
	margin-bottom: 20px;
}

.social-icons a {
    display: inline-block;
}

.social-icons img {
    width: 40px;
    height: 40px;
}

.user-menu {
    display: inline-flex; /* Изменено с flex на inline-flex для сохранения горизонтального выравнивания блока */
    align-items: center;
}

.user-menu a {
    margin: 0 10px;
    text-decoration: none;
	color: #E1E7FF;
}

.user-menu a:hover {
	color: #FFB700;
}

.user-avatar-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    background-color: white;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 10px;
}

.user-avatar {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.user-login, .user-logout {
    display: flex;
    align-items: center;
    height: 42px;
	color: #E1E7FF;
}

.my-dashboard {
    display: flex;
    align-items: flex-start;
}

.my-dashboard__avatar {
    margin-right: 20px;
}

.my-dashboard__info {
    display: flex;
    flex-direction: column;
}

.my-dashboard__login {
    font-weight: bold;
    margin-bottom: 5px;
}

#avatar-upload-form {
    margin-top: 20px;
	margin-left: 100px;
}

#avatar-upload-form input[type="file"] {
    display: block;
    margin-bottom: 10px;
}

#avatar-upload-form .error {
    color: red;
}

#avatar-upload-form .success {
    color: green;
}

.lead-box {
    font-style: italic; /* Наклонный текст */
	font-size: 18px;
	margin-bottom: 28px;
}

.journal {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
}

.column {
    width: 48%; /* Ширина колонки (можно настроить по вашему усмотрению) */
    box-sizing: border-box;
}

.journal2 {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    color: white; /* Белый текст для всего блока */
}

.journal2 a {
    color: white; /* Белый цвет для ссылок */
    text-decoration: underline; /* Подчёркнутые ссылки */
}

.column {
    width: 50%; /* Ширина колонки (можно настроить по вашему усмотрению) */
	padding: 10px 1%; /* Внутренние отступы между колонками */
    box-sizing: border-box;
}

.column-left {
    background-color: red; /* Красный фон для левой колонки */
}

.column-right {
    background-color: black; /* Черный фон для правой колонки */
}

.containercol {
    display: flex;
}

.ccolumn {
    flex: 1; /* Обе колонки будут равны по ширине */
    padding-right: 10px; /* Внутренний отступ */
    box-sizing: border-box; /* Учитывать padding в ширину элемента */
}

.container11 {
      display: flex;
      justify-content: center;
	position: relative;
	margin-bottom: 30px;
    }
    
    .circle11 {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      margin: 10px;
      background-color: transparent;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 10%;
      position: relative;
		z-index: 1;
    }

.line11 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0;
  border: none;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(0, 0, 0, 1), transparent);
}
    
    .circle11:before {
      content: attr(data-number);
      position: absolute;
      bottom: -22px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 14px;
    }

.circle11 span {
      font-size: 18em;
      font-weight: bold;
	  color: #FFF;
    }

    .red { background-color: #FF69B4; }
    .blue { background-color: #4682B4; }
    .green { background-color: #32CD32; }
    .yellow { background-color: #F4A460; }
    .pink { background-color: #9370DB; }
    
    @media (max-width: 600px) {
      .circle11 {
        width: 40px;
        height: 40px;
        font-size: 8%;
      }
      
      .circle11:before {
        font-size: 10px;
      }
    }

.anchor1 {
  display: inline-block;
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.anchor2 {
  display: inline-block;
  animation: rotateReverse 2s linear infinite;
}

@keyframes rotateReverse {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

.anchor3 {
  display: inline-block;
  animation: shake 0.5s ease-in-out infinite;
}

@keyframes shake {
  0% { transform: translateX(0); }
  10%, 90% { transform: translateX(-1px); }
  20%, 80% { transform: translateX(1px); }
  30%, 50%, 70% { transform: translateX(-1px); }
  40%, 60% { transform: translateX(1px); }
  100% { transform: translateX(0); }
}

.anchor4 {
  color: green; /* Исходный цвет */
  animation: changeColor 2s linear infinite;
}

@keyframes changeColor {
  0%, 100% { color: green; } /* Исходный цвет */
  50% { color: red; } /* Целевой цвет */
}

.anchor5 {
  display: inline-block;
  animation: zoom 1s ease-in-out infinite;
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.anchor7 {
  animation: flicker 1s infinite;
}

@keyframes flicker {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.custom-ul {
  list-style-type: none;
  padding: 0;
}

.custom-ul a {
  color: #000;
}

.custom-ul ul {
  list-style-type: none;
  margin-left: 18px;
}

.custom-li1::before {
  content: "◯";
  color: #D2691E;
  margin-right: 10px;
}

.custom-li2::before {
  content: "✦";
	color: #FF0000;
  margin-right: 10px;
}

.custom-li3::before {
  content: "✦";
	color: #0000CD;
  margin-right: 10px;
}

.custom-li4::before {
  content: "●";
  color: green;
  margin-right: 10px;
}

.custom-li5::before {
  content: "●";
  color: red;
  margin-right: 10px;
}

.custom-li6::before {
  content: "✤";
  color: green;
  margin-right: 10px;
}

.custom-li7::before {
  content: "✤";
  color: red;
  margin-right: 10px;
}

.custom-li8::before {
  content: "⚡";
  margin-right: 10px;
}

.custom-li9::before {
  content: "💻";
  margin-right: 10px;
}

.custom-li10::before {
  content: "📱";
  margin-right: 10px;
}

.custom-li11::before {
  content: "🎧";
  margin-right: 10px;
}

.custom-li12::before {
  content: "📺";
  margin-right: 10px;
}

.custom-li13::before {
  content: "🎮";
  margin-right: 10px;
}

.custom-li14::before {
  content: "🤖";
  margin-right: 10px;
}

.custom-li15::before {
  content: "🛠️";
  margin-right: 10px;
}

.custom-li16::before {
  content: "📷";
  margin-right: 10px;
}

.custom-li17::before {
  content: "⌚";
  margin-right: 10px;
}

.chertakr {font-style: italic;border-left: 0.7em solid red;padding: 12px; margin-bottom:15px;}
.chertaz {border-left: 0.7em solid green;padding: 12px; margin-bottom:15px;}
.chertac {border-left: 1px solid #333; padding: 12px; margin-bottom:15px;}
.chertakrt {border-left: 0.2em solid red;padding: 12px; margin-bottom:15px;}
.chertazt {border-left: 0.2em solid green;padding: 12px; margin-bottom:15px;}
.obvodka {border: 0.1em solid #337ab7;background: #c2e7ff;padding: 12px; margin-bottom:15px;}
.obvodka2 {font-style: italic;border: 0.3em solid #337ab7;background: #c2e7ff;padding: 12px; margin-bottom:15px;}
.obvodka3 {font-style: italic;border-top: 0.2em solid red;border-bottom: 0.2em solid red;padding: 12px; margin-bottom:15px;}
.obvodka4 {border: 1px solid #EDEEF0; padding: 12px; margin-bottom:15px;}
.obvodka5 {border: 0.1em solid #006400;background: #98FB98;padding: 12px; margin-bottom:15px;}
.obvodka6 {border: 0.1em solid #8B0000;background: #FFC0CB;padding: 12px; margin-bottom:15px;}

.reds1 {
	background-color: #ffdd2d;
  padding: 10px;
}

.reds2 {
	background-color: #FF0000;
  padding: 10px;
	  color: white;
}

.reds2 a {
	color: #000;
}

.reds3 {
	background-color: #ffdd2d;;
  padding: 10px;
	  color: #000;
	display: inline-block;
}

.reds4 {
	background-color: #c2e7ff;
  padding: 10px;
}

.reds5 {
	background-color: #FF0000;
  padding: 10px;
	  color: white;
}

.reds5 a {
	color: #fff;
	text-decoration: none;
}

.reds5 a:hover{color: #fff;text-decoration: underline;}


.telegram-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.telegram-link i {
    color: #2AABEE;
    font-size: 2.5em; /* Измените размер иконки по вашему усмотрению */
    margin-right: 10px; /* Подберите отступ по вашему усмотрению */
}

.telegram-link span {
    font-size: 1.3em; /* Измените размер текста по вашему усмотрению */
}

.telegram-link span a {
    color: #2AABEE;
	text-decoration: none;
}

.accordion5 {
            width: 100%;

        }
        details {
            border-top: 1px solid #f0f0f0;
            margin: 5px 0; /* Отступы между блоками */
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* Тень для блоков */
        }
        details:last-child {
            border-bottom: none; /* Убираем нижнюю границу у последнего блока */
        }
        summary {
            background-color: #ffffff; /* Фон блока вопроса */
            padding: 15px; /* Отступы текста */
            cursor: pointer;
            font-size: 1.2em; /* Крупный текст */
            font-weight: normal; /* Текст не жирный */
            border: none;
            outline: none;
            position: relative;
        }
        .content5 {
            background-color: #ffffff;
            padding: 15px; /* Отступы текста внутри ответа */
            margin: 0;
        }
        summary::-webkit-details-marker {
            display: none; /* Убираем стандартный маркер для браузеров WebKit */
        }
        details[open] summary::after {
            content: "\f343"; /* Иконка стрелки вверх из Dashicons */
            font-family: "dashicons";
            position: absolute;
            right: 15px; /* Отступ справа для стрелочки */
            top: 50%;
            transform: translateY(-50%);
            font-size: 1.2em; /* Размер стрелки */
        }
        details:not([open]) summary::after {
            content: "\f347"; /* Иконка стрелки вниз из Dashicons */
            font-family: "dashicons";
            position: absolute;
            right: 15px; /* Отступ справа для стрелочки */
            top: 50%;
            transform: translateY(-50%);
            font-size: 1.2em; /* Размер стрелки */
        }
        .content5 {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
        }
        details[open] .content5 {
            max-height: 800px; /* Достаточно большая максимальная высота для отображения контента */
            overflow: auto;
        }

.filmy {
    background-color: black; /* чёрный фон блока */
    color: white; /* белый цвет текста */
    padding: 20px; /* добавим отступы для удобства */
    border-radius: 8px; /* закругляем углы блока */
    font-family: Arial, sans-serif; /* шрифт для текста */
}

.filmy .rating {
  background-color: yellow; /* Жёлтый фон для рейтинга */
  color: black; /* Чёрный текст для рейтинга */
  padding: 5px 10px; /* Отступы внутри блока рейтинга */
  border-radius: 10px; /* Закругление углов блока рейтинга */
  display: inline-block; /* Блокирование содержимого для правильного отображения */
  margin-bottom: 10px; /* Отступ снизу от рейтинга */
}

.filmy a {
  color: #00FF00; /* Жёлтый цвет текста для ссылки */
  text-decoration: none; /* Удаление подчеркивания ссылки */
}

.filmy a:hover {
  text-decoration: underline; /* Подчеркивание ссылки при наведении */
  color: yellow;
}

@media (max-width: 480px) {
  .filmy img {
    width: 100px; /* Устанавливаем ширину картинки 100 пикселей */
    height: auto; /* Автоматически изменяем высоту, чтобы сохранить пропорции */
  }
}

.video-container {
            display: flex;
            justify-content: center;
            margin-bottom: 60px;
        }
        iframe {
            max-width: 100%;
            height: auto;
        }

.header-branding {
  display: flex;
  align-items: center; /* Центрирование по вертикали */
}

.branding-logo img {
  height: 60px;
  margin-top: 3px;
  margin-right: 10px;
}

@media (max-width: 969px) {
  .branding-logo img {
    height: 40px;
    margin-left: 10px;
	margin-top: -10px;
  }
}

.header-aside {
  margin-left: auto; /* Отодвигаем aside вправо */
}

@media (max-width: 768px) {
  .header-aside {
    margin-right: 10px;
  }
}

.header-aside a {
  color: #E1E7FF;
  text-decoration: none;
}

.header-aside a:hover {
  color: white;
  text-decoration: none;
}

@media only screen and (max-width: 969px) {
  .header-branding {
    flex-direction: row; /* Сохраняем направление строки */
  }
}

.moon-phases {
    display: flex;
    gap: 10px;
    border: 2px solid red;
    border-radius: 10px;
    padding: 10px;
    width: max-content;
    margin: 0 auto;
}

.phase {
    text-align: center;
}

.icon77 {
    font-size: 2em;
}

.horizontal-container {
    display: flex; /* Горизонтальное расположение */
    gap: 20px; /* Расстояние между элементами */
    align-items: center; /* Вертикальное выравнивание */
	margin-top: 20px;
}

.horizontal-container > *:first-child {
    margin-top: -8px; /* Поднимаем левую часть на 5 пикселей */
}

.post-comments123 {
    background-color: #f0f0f0; /* Светло-серый фон */
    color: #000; /* Темно-серый цвет текста */
    padding: 4px 14px; /* Отступы внутри блока */
    border-radius: 10px; /* Овальная форма */
    font-size: 14px; /* Размер шрифта */
    display: inline-flex; /* Горизонтальное выравнивание */
    align-items: center; /* Центрирование содержимого */
    justify-content: center; /* Центрирование содержимого */
	 margin-top: -12px;
}

.rand-contentium-container {
    margin-top: 20px;
}

.rand-contentium-item {
    display: flex;
    border: 1px solid #ddd;
    padding: 0;  /* Убираем отступы внутри контейнера */
    margin-bottom: 10px;
}

.rand-contentium-item .thumbnail {
    margin: 0;   /* Убираем отступы вокруг контейнера с изображением */
    padding: 0;  /* Убираем внутренние отступы */
    flex-shrink: 0;
    width: 100px;
    height: 100px;
}

.rand-contentium-item .thumbnail img {
    width: 100%;    /* Изображение заполняет контейнер */
    height: 100%;   /* Изображение заполняет контейнер */
    object-fit: cover;  /* Обрезка изображения с сохранением пропорций */
    margin: 0;      /* Убираем внешние отступы */
}

.rand-contentium-item .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;  /* Отступ слева для контента */
}

.rand-contentium-item .content strong {
    color: red; /* Заголовок всегда красный */
	padding-right: 3px;
}

.rand-contentium-item .content .excerpt {
    font-size: 14px;
    color: #333;
	padding-right: 3px;
}

/* Скрываем отрывок для мобильных устройств */
@media (max-width: 767px) {
    .rand-contentium-item .content .excerpt {
        display: none;
    }
}

.adapt {width: 200px;}
 @media (max-width:900px){
 .adapt {width: 80px;}}