/*
Theme Name: News Gadgets
Theme URI: https://themearile.com/news-gadgets-theme/
Template: newsexo
Author: ThemeArile
Author URI: https://themearile.com
Description: News Gadgets is a creative and modern blog news and magazine WordPress theme that is perfect for any Blog/Magazine, news, and even for all variants of publishers' websites. It has a unique design for a visually stunning layout that makes your content displays beautiful and easy to read for any media device. Even it is user-friendly, SEO-ready, effortlessly, lightweight, and optimized for top performance and Core Web Vitals. The theme is best suitable for news, newspapers, magazines, publishers, editors, news portals, product reviews, personal blogs, dynamic news, business blogs, news editorials, guides, journalism, lifestyle blogs, travel blogs, niche blog, food blog, fashion magazine, beauty blog, affiliate blog, multimedia blog, guest blogging and reviews websites. It also has flexible and versatile layouts enough for essential needs with unlimited colors, unlimited Google fonts, typography, responsive design, and Rtl language support. It is designed to be highly SEO-friendly that can help optimize your website on search engine performance, making it easier to find for potential visitors and the theme provides predefined beautiful demos that can be imported with one click in less time. News Gadgets also supports popular free and premium WordPress plugins such as Elementor, Yoast SEO, WooCommerce, Gutenberg, Contact Form 7, Jetpack, Google Analytics, and much more. Check the demo of News Gadgets Pro https://newsexo-pro-eight.themearile.com/.
Version: 2.5
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: news-gadgets
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
*/

/*--------------------------------------------------
=>> Body Custom Background Css
--------------------------------------------------*/

body.custom-background .theme-bg-dark,
body.custom-background .theme-bg-default, 
body.custom-background .theme-blog.theme-bg-grey {
    background-color: transparent !important;
}

/*--------------------------------------------------
=>> Wrapper Background Css
--------------------------------------------------*/

#wrapper {
    background-color: #f0f1f3;
}

/*--------------------------------------------------------------
=>> Typography Css
--------------------------------------------------------------*/

.navbar.navbar-dark .nav .menu-item .nav-link {
    font-size: 1.1rem;
    font-family: Source Sans Pro;
}
.navbar .nav .menu-item .dropdown-item {
	font-family: Source Sans Pro;
}


/*--------------------------------------------------------------
=>> Site Header
--------------------------------------------------------------*/

.site-header {
    background: #000000 !important;
}
.head-contact-info li, .site-header .custom-social-icons .followus {
    color: #ffffff !important;
}
.custom-social-icons .followus:before, .custom-social-icons .followus:after {
    background: #ffffff !important;
}
.site-header .custom-social-icons li > a {
    color: #ffffff !important;
}

/*--------------------------------------------------------------
=>> Site Branding & Advertisement
--------------------------------------------------------------*/

.site-branding .site-title a, 
.site-branding .site-description {
	color: #fff;
}
.site-branding .site-title a:hover, 
.site-branding .site-title a:focus, 
.site-branding .site-description:hover, 
.site-branding .site-description:focus {
	color: #fff;
}


/*--------------------------------------------------------------
=>> Big News Section - Featured News
--------------------------------------------------------------*/

.big-news-section .overlay-news-area.vrsn-two {
	background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 0.438rem;
}

/*--------------------------------------------------------------
=>> Featured News Section
--------------------------------------------------------------*/

.featured-news-section .overlay-news-area.vrsn-two {
	background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 0.438rem;
}
.featured-news-section .news-section-title .f-heading {
    background-color: #ff214f;
}
.featured-news-section .news-section-title .f-heading:before {
    border-left: 15px solid #ff214f;
}

/*--------------------------------------------------------------
=>> YOU MAY HAVE MISSED Section
--------------------------------------------------------------*/

.sponsored-news-section .news-section-title .f-heading {
    background-color: #ff214f;
}
.sponsored-news-section .news-section-title .f-heading:before {
    border-left: 15px solid #ff214f;
}

/*--------------------------------------------------------------
=>> Grid View News Section
--------------------------------------------------------------*/

.grid-view-news-area.vrsn-two {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.938rem 0.75rem;
}
body.page-template-default .blog-grid-view-post .post {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.938rem 0.75rem;
}
.post.grid-view-news-area ul.wp-block-rss {
	list-style: disc;
}

/*--------------------------------------------------------------
=>> List View News Section
--------------------------------------------------------------*/

.list-view-news-area .post.vrsn-two {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.938rem 0.75rem;
}


/*--------------------------------------------------------------
=>> Blog Meta
--------------------------------------------------------------*/

.entry-meta > span { 
	margin: 0 0.875rem 0 0 !important;
}
.entry-meta > span i {
    margin-right: 0.350rem;
}
.entry-meta .avatar-default {
    margin-right: 0.350rem;
}
/*Category Colors*/
.entry-meta .cat-links .links-bg:nth-child(2) {
	background: #ff214f;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(3) {
	background: #ff214f;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(4) {
	background: #ff214f;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(5) {
	background: #ff214f;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(6) {
	background: #ff214f;
	color: #fff;
}
/*Pagination*/
.navigation.pagination .nav-links .page-numbers, 
.navigation.pagination .nav-links a {
	border: 1px solid #ebebeb;
}
.pagination a {
	background-color: #fff;
}
.widget .wp-block-search .wp-block-search__label {
    background-color: #ff214f;
}
.widget .wp-block-search .wp-block-search__label:before {
    border-left: 15px solid #ff214f;
}
.widget:nth-child(1) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(1) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(2) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(2) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(3) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(3) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(4) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(4) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(5) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(5) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(6) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(6) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(7) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(7) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(8) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(8) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(9) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(9) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(10) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(10) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(11) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(11) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(12) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(12) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(13) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(13) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(14) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(14) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}
.widget:nth-child(15) .col-12 .news-section-title .f-heading {
	background-color: #ff214f;
}
.widget:nth-child(15) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff214f;
}

.sidebar .widget:nth-child(1) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(1) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(2) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(2) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(3) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(3) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(4) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(4) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(5) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(5) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(6) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(6) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(7) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(7) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(8) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(8) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(9) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(9) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(10) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(10) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(11) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(11) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(12) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(12) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(13) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(13) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(14) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(14) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(15) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(15) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}
.sidebar .widget:nth-child(n+16) .wp-block-heading {
	background-color: #ff214f;
}
.sidebar .widget:nth-child(n+16) .wp-block-heading:before {
	border-left: 15px solid #ff214f;
}


/*--------------------------------------------------------------
=>> All Blog Posts Common Classes for Spacing
--------------------------------------------------------------*/

#news-slider.vrsn-two, 
#featured-news-slider.vrsn-two {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.75rem;
}
@media (min-width: 200px) and (max-width: 991.98px) {
	#featured-news-slider.owl-carousel.vrsn-two .post.overlay-news-area {
		margin-bottom: 0;
	}
}

/*--------------------------------------------------------------
=>> Blog Single
--------------------------------------------------------------*/

.post-author-area.vrsn-two {
    background-color: #fff;
    border: 1px solid #ebebeb;
}
.theme-comment-area.vrsn-two { 
	background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 0.938rem 0.75rem;
}
.theme-comment-form.vrsn-two .comment-form { 
	background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 0.938rem 0.75rem;
}

/*--------------------------------------------------------------
=>> Sidebar Widgets
--------------------------------------------------------------*/

.sidebar.vrsn-two .widget {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.938rem 0.75rem;
	position: relative;
    -webkit-transition: all .1s;
    -ms-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
}
.sidebar.vrsn-two .widget:hover {
	box-shadow: 0 10px 15px 0 rgba(0,0,0,0.1);
	border-top: 2px solid #13171e;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;	
	transition: all .5s;
	transform : translateY(-5px);
}
/*List View Post Widget*/
.list-view-post-widget .post .entry-header .entry-title {
    line-height: 1.5;
}

/*--------------------------------------------------------------
=>> Theme Breadcrumb Area
--------------------------------------------------------------*/

#wrapper .page-breadcrumb { 
	background-color: #fff;
}


/*--------------------------------------------------------------
=>> Footer Section & Widgets
--------------------------------------------------------------*/

.site-footer-overlay::before {	
	background-color: #000000;
}
.footer-sidebar .widget .wp-block-read-more {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    outline: none;
}
.footer-sidebar .widget .wp-block-read-more:hover, 
.footer-sidebar .widget .wp-block-read-more:focus {
    text-decoration-style: dotted;
}
.footer-sidebar .widget ul li a {
	color: #e0e0e0;
}

/*--------------------------------------------------------------
=>> Default Page Templates 
--------------------------------------------------------------*/

body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post {
	border-top: none;
	border-bottom: 1px solid #f1f1f1;
    border-left: none;
    border-right: none;
	padding: 0.938rem 0 0.938rem 0;
}
body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post:first-child {
    padding-top: 0;
	margin-bottom: 0;
}
body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post:last-child {
    padding-bottom: 0;
	border-bottom: none;
}

/*--------------------------------------------------------------
=>> Sidebar Update Released 
--------------------------------------------------------------*/

.wp-block-latest-posts li {
    padding-bottom: 1rem;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-date {
    padding-top: 0.525rem;
}
.wp-block-archives li {
	padding-bottom: 0.625rem;
}
.post .wp-block-list li {
	padding-bottom: 0.625rem;
}
.post .wp-block-list li ul li:first-child {
	padding-top: 0.625rem;
}
.post .wp-block-list li:last-child, 
.post .wp-block-list li ul li:last-child {
	padding-bottom: 0;
}
.wp-block-file .wp-block-file__button {
	text-decoration: none;
}
.grid-view-news-area .post-content ol.wp-block-latest-comments .wp-block-latest-comments__comment {
    border-bottom: 1px solid #f1f1f1;
	padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.post .wp-block-latest-posts.wp-block-latest-posts__list {
	list-style: disc;
}
.post .wp-block-file {
    font-size: 1rem;
}
.widget .wp-block-heading a {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}
.sidebar .widget .wp-block-accordion-heading__toggle-title, 
.sidebar .widget .wp-block-accordion-heading__toggle-icon {
    display: flex;
    border: 0 none;
    margin: 0;
}

/* TOY.ZIP — editor styles */
.editor-styles-wrapper{
  font-family: inherit;
  color: #060606;
}

.editor-styles-wrapper p{
  font-size: 16px;
  line-height: 1.65;
}

.editor-styles-wrapper a{
  color: #ff214f;
}

/* TOY.ZIP: base text color in post content */
.single .entry-content,
.page .entry-content {
  color: #060606;
}

/* TOY.ZIP: readable typography for post content */
.single .entry-content,
.page .entry-content{
  line-height: 1.7;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* переносы и разрыв длинных слов */
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* TOY.ZIP: Sideshow-like accordions for post content */
.single .entry-content .toy-accordions,
.page .entry-content .toy-accordions{
  margin: 28px 0;
}

.single .entry-content details.toy-accordion,
.page .entry-content details.toy-accordion{
  border-top: 1px solid rgba(0,0,0,.14);
  padding: 0;
}

.single .entry-content details.toy-accordion:last-child,
.page .entry-content details.toy-accordion:last-child{
  border-bottom: 1px solid rgba(0,0,0,.14);
}

.single .entry-content details.toy-accordion > summary,
.page .entry-content details.toy-accordion > summary{
  list-style: none;
  cursor: pointer;
  padding: 14px 44px 14px 0;
  position: relative;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  user-select: none;
}

/* убрать стандартный треугольник слева */
.single .entry-content details.toy-accordion > summary::-webkit-details-marker,
.page .entry-content details.toy-accordion > summary::-webkit-details-marker{
  display: none;
}
.single .entry-content details.toy-accordion > summary::marker,
.page .entry-content details.toy-accordion > summary::marker{
  content: "";
}

/* стрелка справа */
.single .entry-content details.toy-accordion > summary::after,
.page .entry-content details.toy-accordion > summary::after{
  content: "▾";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  line-height: 1;
  opacity: .7;
  transition: transform .18s ease, opacity .18s ease;
}

.single .entry-content details.toy-accordion[open] > summary::after,
.page .entry-content details.toy-accordion[open] > summary::after{
  transform: translateY(-50%) rotate(180deg);
  opacity: .9;
}

/* контент */
.single .entry-content .toy-accordion__content,
.page .entry-content .toy-accordion__content{
  padding: 6px 0 18px 0;
}

.single .entry-content .toy-accordion__content p,
.page .entry-content .toy-accordion__content p{
  margin: 0 0 10px 0;
}

.single .entry-content .toy-accordion__content ul,
.page .entry-content .toy-accordion__content ul{
  margin: 0 0 10px 18px;
}

.single .entry-content .toy-accordion__content a,
.page .entry-content .toy-accordion__content a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* TOY.ZIP: links in accordions must be dark (not theme accent) */
.single .entry-content .toy-accordion__content .toy-links a,
.page .entry-content .toy-accordion__content .toy-links a{
  color: #111 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* list base */
.single .entry-content .toy-links,
.page .entry-content .toy-links{
  list-style: none;
  padding-left: 0;
  margin: 10px 0 0 0;
}

.single .entry-content .toy-links li,
.page .entry-content .toy-links li{
  position: relative;
  padding-left: 28px;
  margin: 8px 0;
}

/* default marker (dark dot) */
.single .entry-content .toy-links li::before,
.page .entry-content .toy-links li::before{
  content: "";
  position: absolute;
  left: 8px;
  top: 0.95em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #111;
  transform: translateY(-50%);
  opacity: .9;
}

/* YouTube badge — only when link is YouTube */
.single .entry-content .toy-links li:has(a[href*="youtube.com"])::before,
.single .entry-content .toy-links li:has(a[href*="youtu.be"])::before,
.page .entry-content .toy-links li:has(a[href*="youtube.com"])::before,
.page .entry-content .toy-links li:has(a[href*="youtu.be"])::before{
  width: 18px;
  height: 12px;
  left: 0;
  top: 0.95em;
  border-radius: 3px;
  background: #ff0000;
  opacity: 1;
}

/* play triangle */
.single .entry-content .toy-links li:has(a[href*="youtube.com"])::after,
.single .entry-content .toy-links li:has(a[href*="youtu.be"])::after,
.page .entry-content .toy-links li:has(a[href*="youtube.com"])::after,
.page .entry-content .toy-links li:has(a[href*="youtu.be"])::after{
  content: "";
  position: absolute;
  left: 7px;
  top: 0.95em;
  width: 0;
  height: 0;
  border-left: 6px solid #ffffff;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transform: translateY(-50%);
}

/* TOY.ZIP: clear link feedback (hover/focus/active) inside accordions */
.single .entry-content .toy-accordion__content .toy-links a,
.page .entry-content .toy-accordion__content .toy-links a{
  display: inline-block;
  color: #111 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 4px;
  transition: transform .08s ease, background-color .12s ease, opacity .12s ease;
  -webkit-tap-highlight-color: rgba(0,0,0,.18);
}
.single .entry-content .toy-accordion__content .toy-links a:hover,
.page .entry-content .toy-accordion__content .toy-links a:hover{
  background: rgba(0,0,0,.06);
}
.single .entry-content .toy-accordion__content .toy-links a:focus-visible,
.page .entry-content .toy-accordion__content .toy-links a:focus-visible{
  outline: 2px solid rgba(0,0,0,.35);
  outline-offset: 2px;
  background: rgba(0,0,0,.06);
}
.single .entry-content .toy-accordion__content .toy-links a:active,
.page .entry-content .toy-accordion__content .toy-links a:active{
  transform: translateY(1px);
  opacity: .75;
  background: rgba(0,0,0,.10);
}


/* TOY.ZIP — Featured News (1:1 look) */
.featured-news-section.toyz-featured-news,
.featured-news-section{
  padding: 1.563rem 0;
}

/* header bar */
.featured-news-section .news-section-title{
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ebebeb;
  padding: 0;
  margin: 0 0 1.875rem;
}
.featured-news-section .news-section-title:before{
  content: "FEATURED NEWS";
  display: inline-block;
  background: #d60000;
  color: #fff;
  font-weight: 700;
  padding: 10px 16px;
  margin-right: 12px;
  position: relative;
}
.featured-news-section .news-section-title .view-all{
  float: right;
  margin: 7px 8px 0 0;
  border: 1px solid #222;
  padding: 6px 10px;
  font-weight: 600;
  color: #222;
  text-decoration: none;
}

/* carousel spacing like reference */
.featured-news-section .owl-carousel .item{
  padding: 0 4px;
}

/* card wrapper — IMPORTANT: padding tuned so inner image width ~362px at owl width ~386px */
.featured-news-section .overlay-news-area{
  position: relative;
}
.featured-news-section .overlay-news-area.vrsn-two{
  background-color: #fff;
  border: 1px solid #ebebeb;
  padding: 11px; /* было ~7px; теперь попадаем в размеры как у референса */
  box-sizing: border-box;
}

/* image block */
.featured-news-section .post-thumbnail{
  overflow: hidden;
}
.featured-news-section .post-thumbnail .img-block{
  display: block;
  position: relative;
  height: 514px;              /* фиксируем контейнер */
  width: 100%;
}
.featured-news-section .post-thumbnail .img-block:before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 70%);
}

/* FORCE image size (covers ALL variants of markup) */
.featured-news-section #featured-news-slider .post-thumbnail img,
.featured-news-section #featured-news-slider .post-thumbnail .img-block img,
.featured-news-section #featured-news-slider .post-thumbnail a.img-block > img{
  display: block !important;
  width: 100% !important;
  height: 514px !important;
  object-fit: cover !important;
}

/* responsive heights */
@media (max-width: 991px){
  .featured-news-section .post-thumbnail .img-block{ height: 380px; }
  .featured-news-section #featured-news-slider .post-thumbnail img,
  .featured-news-section #featured-news-slider .post-thumbnail .img-block img,
  .featured-news-section #featured-news-slider .post-thumbnail a.img-block > img{
    height: 380px !important;
  }
}
@media (max-width: 575px){
  .featured-news-section .post-thumbnail .img-block{ height: 320px; }
  .featured-news-section #featured-news-slider .post-thumbnail img,
  .featured-news-section #featured-news-slider .post-thumbnail .img-block img,
  .featured-news-section #featured-news-slider .post-thumbnail a.img-block > img{
    height: 320px !important;
  }
}

/* text overlay */
.featured-news-section .post-content{
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  z-index: 2;
  color: #fff;
}
.featured-news-section .post-categories{
  margin-bottom: 10px;
}
.featured-news-section .post-categories .post-category{
  display: inline-block;
  background: #b3006d;
  color: #fff;
  padding: 6px 10px;
  margin-right: 6px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
.featured-news-section .post-title{
  margin: 0 0 10px;
  font-weight: 800;
  line-height: 1.15;
}
.featured-news-section .post-title a{
  color: #fff;
  text-decoration: none;
}
.featured-news-section .post-meta{
  display: flex;
  gap: 14px;
  align-items: center;
  font-size: 13px;
  opacity: .95;
}


/* === TOY.ZIP — Featured News (reference sizes + arrows) === */

/* базовая обёртка карточки как в референсе: 386px с рамкой и паддингом */
.featured-news-section .overlay-news-area.vrsn-two{
  background: #fff;
  border: 1px solid #ebebeb;
  padding: 7px;                 /* именно 7px даёт “внутренние” ~370px */
  box-sizing: border-box;
  position: relative;
}

/* убираем лишние отступы у figure (WP часто даёт margin снизу) */
.featured-news-section .overlay-news-area.vrsn-two .post-thumbnail{
  margin: 0;
}

/* ключ: фиксируем ВЫСОТУ через .img-block (а не через img) */
.featured-news-section .overlay-news-area.vrsn-two .post-thumbnail .img-block{
  display: block;
  position: relative;
  height: 514px;                /* референс */
  overflow: hidden;
}

/* картинка занимает высоту/ширину блока */
.featured-news-section .overlay-news-area.vrsn-two .post-thumbnail .img-block > img{
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* градиент как в референсе */
.featured-news-section .overlay-news-area.vrsn-two .post-thumbnail .img-block:before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 70%);
}

/* контент поверх */
.featured-news-section .overlay-news-area.vrsn-two .post-content{
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  z-index: 2;
  color: #fff;
}

/* адаптив — тоже через .img-block */
@media (max-width: 991px){
  .featured-news-section .overlay-news-area.vrsn-two .post-thumbnail .img-block{ height: 380px; }
}
@media (max-width: 575px){
  .featured-news-section .overlay-news-area.vrsn-two .post-thumbnail .img-block{ height: 320px; }
}

/* --- стрелки: всегда видны и внутри рамки --- */
.featured-news-section #featured-news-slider{
  position: relative;
}

.featured-news-section #featured-news-slider .owl-nav{
  position: absolute;
  top: 22px;                    /* чуть глубже, чтобы не “вылезали” */
  right: 22px;                  /* чуть левее, чтобы быть внутри рамки */
  display: flex;
  gap: 8px;
  z-index: 20;
  opacity: 1 !important;
  pointer-events: auto;
}

/* owl может рисовать div.owl-prev/owl-next */
.featured-news-section #featured-news-slider .owl-nav .owl-prev,
.featured-news-section #featured-news-slider .owl-nav .owl-next{
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,0.10);
  border: 1px solid rgba(255,255,255,0.70);
  opacity: .6 !important;
  cursor: pointer;
  overflow: hidden;
  transition: opacity .2s ease;
}

.featured-news-section #featured-news-slider .owl-nav .owl-prev:hover,
.featured-news-section #featured-news-slider .owl-nav .owl-next:hover{
  opacity: 1 !important;
}

.featured-news-section #featured-news-slider .owl-nav i.fa-solid{
  color: #fff;
  font-size: 16px;
  line-height: 1;
}
