/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0-beta1
 Requires at least: 5.0
 Tested up to: 6.5.2
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

body {
	font-family: "Roboto", sans-serif;
}

/* Fonts */
@font-face {
    font-family: 'Expres Headline Regular';
    src: url('fonts/ExpresHeadline-Regular.woff2') format('woff2'),
         url('fonts/ExpresHeadline-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Expres Headline Medium';
    src: url('fonts/ExpresHeadline-Medium.woff2') format('woff2'),
         url('fonts/ExpresHeadline-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
  font-family: 'Expres Text';
  src: url('fonts/ExpresText-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  unicode-range: U+000-5FF, U+0400-04FF;
  font-display: swap;
}
@font-face {
  font-family: 'Expres Text';
  src: url('fonts/ExpresText-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  unicode-range: U+000-5FF, U+0400-04FF;
  font-display: swap;
}
@font-face {
  font-family: 'Expres Text';
  src: url('fonts/ExpresText-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  unicode-range: U+000-5FF, U+0400-04FF;
  font-display: swap;
}
@font-face {
  font-family: 'Expres Text';
  src: url('fonts/ExpresText-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  unicode-range: U+000-5FF, U+0400-04FF;
  font-display: swap;
}
@font-face {
  font-family: 'Expres Text';
  src: url('fonts/ExpresSerif_Md.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  unicode-range: U+000-5FF, U+0400-04FF;
  font-display: swap;
}


/* CSS Grid */
[class*=-fully] article, [class*=-fully] div, [class*=-mainy] article, [class*=-mainy] div, [class*=-sidebar] article, [class*=-sidebar] div {
    grid-column: span 2;
}
.grid {
	row-gap: 1.25rem;
	column-gap: 1.875rem;
	grid-template-columns: repeat(2,1fr);
}
.grid>aside .sidebar-inner, .grid>section, .grid .subgrid {
    display: grid;
    grid-gap: 1.25rem 1.875rem;
}
.grid [class*=-fully], .grid [class*=-mainy], .grid [class*=-sidebar], .grid .subgrid {
    grid-column: span 2;
    grid-template-columns: repeat(2,1fr);
    min-width: 1px;
	align-content: start;
}
.grid [class*=-fully] .sidebar-inner, .grid [class*=-mainy] .sidebar-inner, .grid [class*=-sidebar] .sidebar-inner {
    grid-template-columns: repeat(2,1fr);
}

@media(min-width: 576px) {
    [class*=-fully] article, [class*=-fully] div, [class*=-mainy] article, [class*=-mainy] div, [class*=-sidebar] article, [class*=-sidebar] div {
        grid-column: span 4;
    }
    .grid {
        grid-template-columns: repeat(4,1fr);
    }
    .grid [class*=-fully], .grid [class*=-mainy], .grid [class*=-sidebar], .grid .subgrid {
        grid-column: span 4;
        grid-template-columns: repeat(4,1fr);
    }
    .grid [class*=-fully] .sidebar-inner, .grid [class*=-mainy] .sidebar-inner, .grid [class*=-sidebar] .sidebar-inner {
        grid-template-columns: repeat(4,1fr);
    }
}

@media(min-width: 768px) {
    [class*=-fully] article, [class*=-fully] div, [class*=-mainy] article, [class*=-mainy] div, [class*=-sidebar] article, [class*=-sidebar] div {
        grid-column:span 12;
    }
    .grid {
        grid-template-columns: repeat(12,1fr);
    }
    .grid [class*=-fully], .grid [class*=-mainy], .grid [class*=-sidebar], .grid .subgrid, .grid .subgrid.g-col-md-12 {
        grid-column: span 12;
        grid-template-columns: repeat(12,1fr);
    }
    .grid [class*=-fully] .sidebar-inner, .grid [class*=-mainy] .sidebar-inner, .grid [class*=-sidebar] .sidebar-inner {
        grid-template-columns: repeat(12,1fr);
    }
	.grid .subgrid.g-col-md-6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .y-md-1 {
        grid-row: span 1;
    }
    .y-md-2 {
        grid-row: span 2;
    }
    .y-md-3 {
        grid-row: span 3;
    }
}

@media(min-width: 992px) {
    .y-lg-1 {
        grid-row: span 1;
    }
    .y-lg-2 {
        grid-row: span 2;
    }
    .y-lg-3 {
        grid-row: span 3;
    }
}

@media(min-width: 1200px) {
    .y-xl-1 {
        grid-row: span 1;
    }
    .y-xl-2 {
        grid-row: span 2;
    }
    .y-xl-3 {
        grid-row: span 3;
    }
    [class*=-fully]>article, [class*=-fully]>div {
        grid-column: span 12;
    }
    [class*=-mainy]>article, [class*=-mainy]>div {
        grid-column: span 9;
    }
    [class*=-sidebar]>article, [class*=-sidebar]>div {
        grid-column: span 3;
    }
    .grid [class*=-mainy], .grid .subgrid {
        grid-column: span 9;
        grid-template-columns: repeat(9,1fr);
    }
    .grid [class*=-mainy] .g-col-xl-10, .grid [class*=-mainy] .g-col-xl-11, .grid [class*=-mainy] .g-col-xl-12 {
        grid-column: span 9;
    }
    .grid [class*=-sidebar], .grid [class*=-sidebar] .sidebar-inner article, .grid [class*=-sidebar] .sidebar-inner div {
        grid-column: span 3;
    }
    .grid [class*=-sidebar] .sidebar-inner {
        grid-template-columns: repeat(3,1fr);
    }
	.grid [class*=-sidebary] .subgrid, .grid [class*=-sidebary] .sidebar-inner {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid [class*=-sidebar] [class*=g-col-x] {
        grid-column: span 3;
    }
	.grid .subgrid.g-col-xl-9.grid-4-4 {
        grid-column: span 9;
        grid-template-columns: repeat(12, 1fr);
    }
	.grid .subgrid.g-col-xl-3 {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Komentari */
.grid-komentari .section-title .grid {
	grid-template-columns: repeat(9, 1fr);
}
.grid-komentari .komentari-left .grid {
	grid-template-columns: repeat(7, 1fr);
}
.grid-komentari .komentari-right .grid {
	grid-template-columns: repeat(2, 1fr);
}

/* Header */
.site-header {
	align-items: center;
    display: flex;
    flex-flow: row wrap;
    left: 0;
    position: sticky;
    right: 0;
    top: 0;
    transition: transform .3s ease;
}
.header__top {
	align-items: center;
	border-bottom: 0.0625rem solid #ddd;
    display: flex;
    flex-flow: row wrap;
	width: 100%;
	height: 5.25rem;
	position: relative;
}
.header__container {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 1rem;
    transition: transform .3s ease;
    width: 100%;
	height: 5.25rem;
}
@media(min-width: 768px) {
	.header__container {
	}
}
.header__right {
	display: flex;
    flex-direction: row;
    gap: 0.375rem;
	align-items: flex-end;
	align-items: center;
}
.header__right .today {
	text-transform: capitalize;
	font-size: 0.9375rem;
	line-height: 1.125rem;
	font-weight: 500;
}
.vesti-denes {
	align-items: center;
    display: flex;
    gap: 12px;
}
.vesti-denes a {
	align-items: center;
    display: flex;
	border: none;
	padding: 0;
	column-gap: 0.3125rem;
	line-height: 1.125rem;
}
.vesti-denes .calendar-clock-icon {
	display: block;
    overflow: hidden;
	width: 1.25rem !important;
    height: 1.25rem !important;
	background-image: url(assets/img/calendar-clock.svg);
	background-position: 50% 50%;
    background-size: 100%;
}
.vesti-denes strong {
	font-weight: 700;
}
.btn-arhiva {
	padding: 0.25rem 0.625rem;
}

/* Navbar */
.navbar {
	padding: 0;
	transition: transform .3s ease;
    width: 100%;
	border-bottom: 0.0625rem solid #ddd;
}
.navbar .navbar-brand {
	width: 11.875rem;
	height: 3.75rem;
	padding: 0.375rem;
	margin: 0;
}
@media(min-width: 576px) {
	.navbar .navbar-brand {
		width: 13.875rem;
		height: 4.5rem;
		padding: 0.375rem 0;
	}
}
.navbar .nav-toggler {
	border: none;
}
.navbar .icon {
	width: 2rem;
    height: 2rem;
    display: block;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.navbar .icon-menu-search {
	background-image: url(assets/img/menu_search.svg);
}
.navbar .icon-main-menu {
	background-image: url(assets/img/hamburger.svg);
	width: 1.5rem;
    height: 1.5rem;
}
.navbar .icon-search {
	background-image: url(assets/img/search.svg);
	width: 1.5rem;
    height: 1.5rem;
}
.navbar .offcanvas-header .navbar-brand {
	padding: 0;
}
.navbar .offcanvas-header .btn-close {
	margin: 0;
}
.navbar .offcanvas-header .offcanvas-title {
	margin: 0 0.5rem 0 auto;
}
.navbar .nav-link {
	font-family: "Expres Headline Medium", serif;
    font-weight: 500;
    font-size: 1.0625rem;
	line-height: 1.3125rem;
    text-transform: uppercase;
    color: #000;
}
.navbar .nav-link:hover {
	color: var(--bs-primary);
}
@media(min-width: 992px) {
	.navbar .nav-link {
		font-size: 1rem;
		line-height: 1.25rem;
	}
}
@media(min-width: 1200px) {
	.navbar .nav-link {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
}

/* Search menu */
#offcanvas-navbar .search-menu {
	position: relative;
	display: block;
}
#offcanvas-navbar .search-menu .form-control {
	height: 3rem;
    width: 100%;
    padding: 0 3rem 0 0.5rem;
}
#offcanvas-navbar .search-menu .btn-submit {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    border: none;
    display: flex;
    align-items: center;
    height: 2rem;
    background: url(assets/img/ui-search.svg) center / contain no-repeat;
    width: 2.5rem;
}

/* Desktop Menu */
.navbar-desktop  {
	padding: 0;
	transition: transform .3s ease;
    width: 100%;
	border-bottom: 0.0625rem solid #ddd;
}
.navbar-desktop .icon {
	width: 2rem;
    height: 2rem;
    display: block;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.navbar-desktop .icon-menu-search {
	background-image: url(assets/img/menu_search.svg);
}
.navbar-desktop .icon-main-menu {
	background-image: url(assets/img/hamburger.svg);
	width: 1.5rem;
    height: 1.5rem;
}
.navbar-desktop .icon-search {
	background-image: url(assets/img/search.svg);
	width: 1.5rem;
    height: 1.5rem;
}
.navbar-desktop .navbar-nav {
	flex-direction: row;
}
.navbar-desktop .navbar-nav .nav-link {
	padding-right: var(--bs-navbar-nav-link-padding-x);
	padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-desktop .nav-item .dropdown-menu { display: none; }
.navbar-desktop .nav-item:hover .nav-link {   }
.navbar-desktop .nav-item:hover .dropdown-menu { display: block; }
.navbar-desktop .nav-item .dropdown-menu { margin-top:0; }
.navbar-desktop .navbar-nav .dropdown-menu {
	position: absolute;
}
.navbar-desktop .search-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 0.25rem;
}
.navbar-desktop .dropdown-toggle::after {
	display: none;
}
.navbar-desktop .nav-link {
	font-family: "Expres Headline Medium", serif;
    font-weight: 500;
    font-size: 1.0625rem;
	line-height: 1.3125rem;
    text-transform: uppercase;
    color: #000;
}
@media(min-width: 992px) {
	.navbar-desktop .nav-link {
		font-size: 1.125rem;
		line-height: 1.375rem;
	}
}
@media(min-width: 1200px) {
	.navbar-desktop .nav-link {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
}

/* Section */
.subgrid {
	margin: 0;
}
.subgrid > .section-title, .section-title {
	grid-column: 1/-1;
}
.section-title {
	padding: 0.625rem 0;
	margin: 0;
	border-top: 0.0625rem solid var(--bs-gray-dark);
    border-bottom: 0.125rem solid var(--bs-gray-dark);
    display: flex;
    justify-content: space-between;
	position: relative;
}
@media(min-width: 768px) {
	.section-title {
		padding: 0.9375rem 0 0.625rem;
	}
}
.section-title h2 {
    margin: 0;
    padding: 0;
}
@media(min-width: 992px) {
	.section-title h2 {
		font-size: 2rem;
		line-height: 2rem;
	}
}
.section-title h2 a {
    color: var(--bs-primary);
    font-size: 2rem;
    font-weight: 900;
    line-height: 2rem;
    text-transform: uppercase;
}
.section-title h2 a:hover {
	text-decoration: underline;
}
.subgrid > .module-title {
	grid-column: 1/-1;
}
.module-title {
	padding: 0.625rem 0;
	margin: 0 0 1rem;
	border-top: 0.0625rem solid var(--bs-gray-dark);
	border-bottom: 0.125rem solid var(--bs-gray-dark);
    display: flex;
    justify-content: space-between;
	position: relative;
}
@media(min-width: 768px) {
	.module-title {
		padding: 0.625rem 0;
	}
}
.module-title h2 {
    margin: 0;
    padding: 0;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 700;
}
@media(min-width: 992px) {
	.module-title h2 {
		font-size: 1.25rem;
		line-height: 1.25rem;
	}
}
.module-title h2 a {
    color: #000;
    text-transform: none;;
}
.module-title h2 a:hover {
	color: rgba(0,0,0,0.7);
	text-decoration: none;
}

/* Sidebar */
.sidebar-inner .subgrid {
	grid-gap: 0.9375rem 1.875rem;
}
@media (min-width: 1200px) {
	.top-sidebary {
		height: 100%;
		display: block;
	}
	.top-sidebary .sidebar-inner {
        height: 100%;
		display: flex !important;
        flex-direction: column;
    }
	.top-sidebary .latest-news-sticky {
		flex: 1 0 auto;
	}
	.latest-news-sticky {
		-webkit-transition: -webkit-transform .15s ease-out;
		transition: -webkit-transform .15s ease-out;
		transition: transform .15s ease-out;
		transition: transform .15s ease-out, -webkit-transform .15s ease-out;
	}
	.latest-news-sticky.is_shrinked {
		-webkit-transform: translateY(-5.25rem);
		transform: translateY(-5.25rem);
	}
}

/* Latest news */
.latest-news {
	position: relative;
}
.latest-news .card {
	padding-left: 0.9375rem;
    position: relative;
}
.latest-news .card:before {
	background: var(--bs-yellow);
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    margin: 7px 8px 10px 0;
    position: absolute;
    top: 0;
    width: 5px;
}
.latest-news .card:not(:last-child):after {
    background-color: rgba(0,0,0,.1);
    content: "";
    display: block;
    height: calc(100% + 6px);
    left: 2px;
    position: absolute;
    top: 14px;
    width: 1px;
}
.latest-news .card__meta {
	font-size: 0.8125rem;
	margin: 0 0 0.3125rem;
}
.latest-news .card__meta .date:before {
	content: "\f017";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.itemList .card__title .tag {
    color: var(--bs-primary);
    display: inline;
    font-weight: 500;
}
.itemList .card__title .tag:after {
    color: rgba(0,0,0,.3);
    content: " / ";
}
.latest-news .aside.card__s .card__title {
	-webkit-line-clamp: 3;
}
@media (min-width: 1200px) {
	.top-sidebary .latest-news-sticky .news_feed {
        position: sticky;
        top: 145px;
    }
	.admin-bar .top-sidebary .latest-news-sticky .news_feed {
        top: 177px;
    }
}

/* Card */
.card {
	border: none;
	border-radius: 0;
}
.card__inner.itemGrid {
    width: 100%;
}
.card__link {
    color: inherit;
    text-decoration: none;
	display: flex;
    flex-direction: column;
    gap: 1rem;
}
.card__media {
    margin: 0;
    position: relative;
}
.card__media__inner {
    padding-top: 66.666666666667%;
    overflow: hidden;
    background-size: cover;
    background-position: left 50% top 50%;
    position: relative;
	display: block;
    background-repeat: no-repeat;
    height: 0;
	width: 100%;
}
.card__headline {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
    font-size: 0.875rem;
	line-height: 1;
    color: var(--bs-primary);
    text-transform: uppercase;
    margin: 0 0 0.375rem;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.card__title {
	font-family: "Expres Headline Medium", serif;
	font-weight: 500;
	font-style: normal;
    font-size: 1.3125rem;
    line-height: 1.5625rem;
	margin: 0 0 0.625rem;
	color: #000;
	letter-spacing: -0.02em;
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.card__link:hover .card__title {
	color: rgba(0,0,0,0.6);
}
.card__featured .card__title {
	font-size: 2rem;
    line-height: 2.25rem;
}
.card__excerpt {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
    line-height: 1.375rem;
    margin: 0 0 0.625rem;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.card__meta {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.875rem;
    line-height: 1.125rem;
	color: #888;
	margin: 0 0 0.625rem;
}
.card.aside .card__link {
    flex-direction: row;
	gap: 0.625rem;
}
.card.aside .card__media {
	flex: 0 0 35%;
    order: 2;
}
.card.aside .card__content {
	flex: 1 1 0;
    order: 1;
}
.card__s .card__title {
	font-family: "Expres Headline Regular", serif;
	font-weight: 400;
	font-size: 1.0625rem;
    line-height: 1.3125rem;
}
.aside.card__s .card__title {
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.card__s .card__headline {
	font-size: 0.75rem;
}
.card.float .card__media {
	flex: 0 0 100px;
}
.card.float .card__media__inner {
	padding-top: 100%;
}
.card__m .card__title {
	font-size: 1.1875rem;
    line-height: 1.4375rem;
}
.card__l .card__title {
	font-size: 1.3125rem;
    line-height: 1.5625rem;
}
.card__xl .card__title {
	font-size: 1.5rem;
    line-height: 1.75rem;
}
.card__xxl .card__title {
	font-size: 1.75rem;
    line-height: 2rem;
}
.card__l.g-col-xl-5 .card__title {
	font-size: 1.5rem;
    line-height: 1.75rem;
}
.grid-makedonija .card:nth-of-type(1) .card__title {
	font-size: 1.75rem;
    line-height: 2rem;
}
.card.border-top, .card.border-bottom, .card.border-left, .card.border-right, .featured-block.border-top, .featured-block.border-bottom, .featured-block.border-left, .featured-block.border-right {
	border: none !important;
}
.border-bottom:after {
    background-color:rgba(0,0,0,.1);
    bottom: -0.625rem;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.border-none:before, .border-none:after {
	display: none !important;
}
@media(min-width: 768px) {
    .border-left:before,.border-right:before {
        background-color:rgba(0,0,0,.1);
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 1px;
    }

    .border-left:before {
        left: -0.9375rem;
    }

    .border-right:before {
        right: -0.9375rem;
    }
}
.card.magazine .card__inner {
	height: 100%;
	position: relative;
	overflow: hidden;
	background: #000;
}
.card.magazine .card__link {
	position: relative;
	display: block;
	height: 100%;
}
.card.magazine .card__media {
}
.card.magazine .card__media__inner {
	padding-top: 120%;
}
.card.magazine .card__media__inner:before {
    background: linear-gradient(180deg, transparent 0, #000);
    bottom: 0;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.card.magazine .card__content {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0.9375rem;
}
.card.magazine .card__title {
	color: #fff;
	z-index: 1;
}
.card.image-none .card__media {
	display: none;
}

/* Section Kolumni */
.grid-kolumni .card__content {
	text-align: center;
}
.grid-kolumni .card__media {
	margin: 0 auto 10px;
	width: 100px;
}
.grid-kolumni .card__media img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.card__author-name {
	color: #666;
	text-transform: uppercase;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: -0.02em;
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	margin: 0 0 0.625rem;
}
.grid-kolumni .quote-icon {
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	top: -0.125rem;
}

/* Carousel Indicators */
.carousel-indicators {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: .625rem 0;
	margin-bottom: 1.25rem;
	background: rgba(255,255,255,.5);
	transform: translateX(-50%);
	border-radius: 1.25rem;
}
.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: .5rem;
	height: .5rem;
	padding: 0;
	margin-right: .625rem;
	margin-left: .625rem;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000;
	border: 0;
	border-radius: 50%;
	position: relative;
	opacity: 1;
}
.carousel-indicators [data-bs-target]::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.875rem;
	min-width: 100%;
	height: 1.875rem;
	min-height: 100%;
	content: "";
	transform: translate3d(-50%, -50%, 0);
}
.carousel-indicators [data-bs-target]:focus, .carousel-indicators [data-bs-target]:hover {
	background-color: #000;
}
.carousel-indicators [data-bs-target]:hover {
	transform: scale(1.5);
}
.carousel-indicators [data-bs-target]:hover::before {
	transform: translate3d(-50%, -50%, 0) scale(.6666666667);
}
.carousel-indicators [data-bs-target]:focus[data-focus-visible-added] {
	transform: none;
}
.carousel-indicators .active {
	background-color: #fff;
	border-color: #000;
	background-image: linear-gradient(to right, transparent 50%, #000 0);
	-webkit-mask-image: radial-gradient(circle at 50%, transparent 33%, #fff calc(33% + 1px));
	mask-image: radial-gradient(circle at 50%, transparent 33%, #fff calc(33% + 1px));
	transform: scale(1.5);
}
.carousel-indicators .active:focus, .carousel-indicators .active:hover {
	-webkit-mask-image: none;
	mask-image: none;
}
.carousel-indicators .active::before {
	transform: translate3d(-50%, -50%, 0) scale(.6666666667);
}
.carousel-indicators .active::after {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	content: "";
	background-color: inherit;
	transform-origin: left;
	animation: carousel-progress calc(var(--bs-carousel-interval, 5000ms)/ 2) linear infinite, carousel-progress-half var(--bs-carousel-interval, 5000ms) step-end infinite;
	border-radius: 0 100% 100% 0/50%;
}
@keyframes carousel-progress {
to {
transform:rotate(.5turn);
}
}
@keyframes carousel-progress-half {
50% {
background:#000;
}
}
.carousel.is-done .carousel-indicators .active, .carousel.is-paused .carousel-indicators .active, .carousel.is-static .carousel-indicators .active {
	background: #000;
}
.carousel.is-done .carousel-indicators .active::after, .carousel.is-paused .carousel-indicators .active::after, .carousel.is-static .carousel-indicators .active::after {
	animation: none;
}

@media (prefers-reduced-motion:reduce) {
.carousel-indicators .active {
	background: #000;
}
.carousel-indicators .active::after {
	animation: none;
}
}
.carousel-action-bar {
	position: absolute;
	top: 0.75rem;
	left: 50%;
	z-index: 2;
	display: flex;
	transform: translateX(-50%);
}
.carousel-action-bar .carousel-control-play-pause {
	margin-bottom: 1.25rem;
	color: #000;
	background: rgba(255,255,255,.5);
	border: 0;
	border-radius: 1.25rem;
	min-width: 0.75rem;
	min-height: 0.75rem;
	display: inline-flex;
	align-items: center;
    justify-content: center;
	padding: 0.5rem;
	box-sizing: content-box;
}
.carousel-action-bar .carousel-control-play-pause.pause {
	min-width: .75rem;
	min-height: .75rem;
}
.carousel-action-bar .carousel-control-play-pause.play {
    min-width: .75rem;
    min-height: .75rem;
}
.carousel-action-bar .carousel-control-play-pause.pause::after {
	display: block;
	min-width: inherit;
	min-height: inherit;
	content: "";
	background-color: currentcolor;
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M10.2 21H3V3h7.2v18ZM21 21h-7.2V3H21v18Z' fill-rule='evenodd'/></svg>") no-repeat 50%/0.75rem 0.75rem;
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M10.2 21H3V3h7.2v18ZM21 21h-7.2V3H21v18Z' fill-rule='evenodd'/></svg>") no-repeat 50%/0.75rem 0.75rem;
}
.carousel-action-bar .carousel-control-play-pause.play {
	min-width: .75rem;
	min-height: .75rem;
}
.carousel-action-bar .carousel-control-play-pause.play::after {
	display: block;
	min-width: inherit;
	min-height: inherit;
	content: "";
	background-color: currentcolor;
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M12.138 16.8 3 21.6V2.4l9.138 4.8L21 12z' fill-rule='evenodd'/></svg>") no-repeat 50%/0.75rem 0.75rem;
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M12.138 16.8 3 21.6V2.4l9.138 4.8L21 12z' fill-rule='evenodd'/></svg>") no-repeat 50%/0.75rem 0.75rem;
}
.carousel-action-bar .carousel-control-play-pause.play::after {
	transform: translateX(1px);
}
.carousel-action-bar .carousel-control-play-pause:hover {
	color: #fff;
	background-color: #000;
}
.carousel-action-bar .carousel-indicators {
	position: initial;
	margin-left: 10px;
	transform: none;
}

/* Ads */
.sidebar-ad {
    margin: 0;
	padding: 0.125rem 0 0.625rem;
    position: relative;
	background: #f7f7f7;
	text-align: center;
}
.placeholder-ad {
    margin: 0 auto;
}
.placeholder-ad:before {
    color: rgb(from var(--bs-black) r g b / .4);
    content: "реклама";
    display: block;
    font-family: var(--bs-body-font-family);
    font-size: 0.6875rem;
	line-height: 0.875rem;
    font-weight: 400;
    text-align: center;
    white-space: pre;
    width: 100%;
}
.ads-block {
	margin-inline: auto;
    text-align: center;
    width: 100%;
}
.article__aside .ads-block {
	padding-block: 0;
}
.ad-background {
    background-color: #FAFAFA;
    border: 1px solid #f5f5f5;
    padding-block: 0.5rem;
}
.ads-block__unit-wrapper {
    align-items: center;
    display: grid;
    margin-inline: auto;
}
.ads-block__unit-wrapper.m250 {
    min-height: 250px;
}
.ads-block__unit-wrapper.m280 {
    min-height: 280px;
}
.ads-block__unit-wrapper.m600 {
    min-height: 600px;
}
.article__inner .ads-block {
	margin-top: 1.25rem;
}
.article__inner .ads-block {
	margin-top: 1.25rem;
}
.article__aside .ads-block {
	margin-top: 1.25rem;
}
.header__banner {
    grid-column: 1 / -1;
}
.header__banner .ads-block {
	margin-top: 1.25rem;
}

/* Single */
.single #content, .archive #content, .search #content {
	display: grid;
    margin-inline: auto;
    max-width: 1560px;
    padding: 0 1rem;
    width: 100%;
}
.article__main {
	display: grid;
    grid-auto-rows: min-content;
    max-width: 100%;
    width: 100%;
}
.article__aside {
	display: none;
    margin-top: 24px;
}
.article__body, .article__heading, .article__inner {
    display: flex;
    flex-direction: column;
}
.article__heading {
    grid-column: 1 / -1;
}
.article__body {
    min-width: 0;
}
.article__inner {
    padding-top: 24px;
}
.article__footer {
    grid-column: 1 / -1;
}
.article__share .cnn-share a {
  font-size: 1.5rem;
  line-height: 1;
  color: #000;
  transition: color 0.2s ease;
}
.article__share .cnn-share a:hover {
  color: var(--bs-primary);
}
.article__share .cnn-share i {
  vertical-align: middle;
}
.article__section {
	-moz-column-gap: .375rem;
    column-gap: .375rem;
    display: flex;
    margin-top: 1.25rem;
}
.article__section a {
	color: var(--bs-primary);
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: .025rem;
    line-height: 1.25rem;
    text-transform: uppercase;
	text-decoration: none;
	-webkit-box-shadow: 0 -1px 0 #fff inset;
    box-shadow: inset 0 -1px 0 #fff;
    -webkit-transition: color .2s, -webkit-box-shadow .2s;
    transition: color .2s, -webkit-box-shadow .2s;
    transition: color .2s, box-shadow .2s;
    transition: color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    padding-bottom: 0.125rem;
}
.article__section a:hover {
	-webkit-box-shadow: 0 -2px 0 var(--bs-primary) inset;
    box-shadow: inset 0 -2px 0 var(--bs-primary);
}
.article__title {
	color: #000;
    font-family: "Expres Headline Medium", serif;
	font-weight: 500;
    font-size: 1.875rem;
    line-height: 2.375rem;
    margin: .75rem 0 0;
}
.article__subtitle {
	color: rgb(32, 34, 36);
    font-family: 'Expres Text', serif;
	font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.625rem;
	letter-spacing: -0.36px;
	margin: 1rem 0 0;
}
.article__subtitle p {
	margin: 0;
}
.article__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.article__meta {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.25rem;
    width: 100%;
}
.article__meta .date {
    color: #6e6e6e;
    display: inline-flex;
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin-right: auto;
}
.article__meta .duration {
    align-content: center;
    color: #737373;
    font-size: .875rem;
    line-height: 1.25rem;
    text-wrap: nowrap;
}
.article__image {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    margin-inline: -16px;
    text-align: end;
}
.article__image:first-of-type {
    margin: .75rem 0 0;
    margin-inline: -1rem;
}
.article__image .image-credit {
    color: #404040;
    font-size: .75rem;
    line-height: .9812rem;
    margin-inline: 1rem;
    margin-top: .5rem;
}
.article__share {
    align-items: center;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    margin-top: .75rem;
    margin-inline: -16px;
    padding: .75rem 1rem;
}
.article__share .cnn-share {
	-moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
}
.article__share .fb-like span, .article__share .fb-like iframe {
	width: 170px !important;
}
.article__content {
	margin: 2rem 0 0;
}
.article__content p {
    color: rgb(32, 34, 36);
    font-family: 'Expres Text', serif;
	font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin: 0 0 1.5rem;
	letter-spacing: -0.36px;
}
.article__tags {
	margin: 2rem 0 0;
}
.article__tags .tags__title {
	border-top: 2px solid #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: .625rem;
    row-gap: .625rem;
}
.article__tags .tags__title h3 {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: .025rem;
    line-height: 1.25;
    text-transform: uppercase;
	margin: 0;
}
.article__tags .tags__item {
    color: var(--bs-primary);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
}
.article__tags .tags__item:hover {
	text-decoration: underline;
}
.article__tags .separator {
	color: #404040;
	display: inline-block;
	padding: 0 0.625rem;
}
.article__related {
	margin-top: 2rem;
}
.article__related .section-title {
	border-top: 2px solid #000;
	padding-block: .625rem;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: .025rem;
    line-height: 125%;
    text-transform: uppercase;
}
.article__inner .latest-news {
	display: grid;
}
.title-block {
    border-top: 2px solid #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: .625rem;
    row-gap: .625rem;
}
.latest-news .title-block {
    padding-bottom: 10px;
}
.title-block__title {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: .025rem;
    line-height: 125%;
    text-transform: uppercase;
}
.latest-news__story {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-areas:
        "dot date"
        "line headline";
    grid-template-columns: 5px auto;
}
.latest-news__story__dot {
    align-self: center;
    background-color: #737373;
    border-radius: 100%;
    grid-area: dot;
    height: 5px;
    width: 5px;
}
.latest-news__story__line {
    background-color: #a3a3a3;
    content: "";
    grid-area: line;
    height: 100%;
    justify-self: center;
    width: 1px;
}
.latest-news__story__date {
    color: #737373;
    display: block;
    font-size: .9375rem;
    grid-area: date;
}
.story-card {
    display: grid;
    grid-template-areas:
        "headline"
        "description"
        "byline"
        "image"
        "overline"
        "subheadline"
        "related-stories";
    position: relative;
}
.latest-news__story .story-card {
    border-bottom: none;
    grid-area: headline;
    grid-template-areas: "headline";
    grid-template-rows: min-content;
}
.story-card__headline {
    color: #000;
    display: inline-flex;
    grid-area: headline;
}
.latest-news__story .story-card .story-card__headline {
    font-family: "Expres Headline Medium", serif;
	font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.3125rem;
    margin-bottom: 20px;
    padding: 0;
	letter-spacing: -0.02em;
}
.latest-news__story .story-card .story-card__headline a {
	color: #000;
    font-style: normal;
    text-decoration: none;
}
.latest-news__story .story-card .story-card__headline a:hover {
	color: rgba(0,0,0,0.6);
}
.most-read {
    display: grid;
	margin-top: 1.5rem;
}
.most-read__list {
    display: grid;
    margin-top: 0.75rem;
    row-gap: 0.75rem;
}
.most-read__story {
    border-bottom: 1px solid #d4d4d4;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    display: grid;
    grid-template-areas: "number headline image";
    grid-template-columns: max-content auto 100px;
    padding-bottom: 1rem;
}
.most-read__story span {
    color: #000;
    font-family: "Expres Headline Regular", serif;
    font-size: 1.5rem;
    font-weight: 400;
    grid-area: number;
    line-height: 1.25rem;
}
.most-read__story .story-card {
    display: contents;
}
.story-card__image {
    grid-area: image;
    position: relative;
}
.story-card__image-anchor {
    display: block;
}
.story-card__image .global-image {
    aspect-ratio: 16 / 10;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.story-card__headline {
    color: #000;
    display: inline-flex;
    grid-area: headline;
}
.most-read__story .story-card__headline {
    font-family: "Expres Headline Medium", serif;
	font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.3125rem;
    margin-top: -4px;
	margin-bottom: 0;
    padding: 0;
	letter-spacing: -0.02em;
}
.most-read__story .story-card__headline a {
	color: #000;
    font-style: normal;
    text-decoration: none;
}
.most-read__story .story-card__headline a:hover {
	color: rgba(0,0,0,0.6);
}
.latest-news__list .latest-news__story .itemList {
	display: grid;
	grid-area: headline;
    grid-template-areas: "headline";
    grid-template-rows: min-content;
	position: relative;
}
.latest-news__list .latest-news__story .card__meta {
	display: none;
}
.latest-news__list .latest-news__story .card__title {
	font-size: 1.0625rem;
    line-height: 1.3125rem;
    margin: 0 0 1.25rem;
}

@media (min-width: 768px) {
	.article__tags .tags__title {
		align-items: center;
        flex-direction: row;
        justify-content: space-between;
	}
	.title-block {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }
	.latest-news .title-block {
        padding-bottom: 22px;
    }
}

@media (min-width: 1024px) {
	.article__main {
		-moz-column-gap: 24px;
        column-gap: 24px;
        grid-template-columns: 1fr 384px;
	}
	.article__inner {
		order: 4;
        padding-top: 20px;
	}
	.article__inner>:first-child {
		margin-top: 0;
	}
	.single .article__inner>:first-child {
		margin-top: 2rem;
	}
	.article__footer {
		order: 4;
	}
	.article__image {
		margin-inline: 0;
	}
	.article__image:first-of-type {
		margin-inline: 0;
	}
	.article__image .image-credit {
		margin-inline: 0;
	}
	.article__image:first-of-type .image-credit {
        padding-inline: 0;
    }
	.article__share {
		-moz-column-gap: 1rem;
        column-gap: 1rem;
        justify-content: space-between;
        margin-inline: 0;
        padding-inline: 0;
	}
	.article__share .cnn-share {
		-moz-column-gap: 1rem;
		column-gap: 1rem;
	}
}

@media (min-width: 1200px) {
	.grid .grid-related {
        grid-column: span 12;
        grid-template-columns: repeat(12,1fr);
    }
}

@media (min-width: 1366px) {
	.single #content, .archive #content, .search #content {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        grid-template-columns: 1fr auto;
        justify-content: space-between;
        padding: 0 1.25rem;
    }
	.article__aside {
		display: block;
        height: -moz-fit-content;
        height: fit-content;
        position: sticky;
        top: 83px;
        width: 300px;
	}
	.article__aside>:first-child {
		margin-top: 0;
	}
	.article__title {
        font-size: 2.5rem;
        line-height: 3rem;
    }
	.article__subtitle {
		font-size: 1.25rem;
    	line-height: 1.75rem;
	}
}

/* Archive */
.archive .subgrid {
	display: grid;
}
.archive .subgrid .card__l, .archive .subgrid .card__m {
	margin-bottom: 0.75rem;
}
.result-list {
	margin-top: 20px;
}
.result-list > * {
    display: block;
    margin-bottom: 12px;
}
.result-list .card {
	border-bottom: 1px solid #d4d4d4;
    display: grid;
    padding-bottom: 20px;
}
.sections-tag-title {
	font-weight: 700;
    font-size: 1.875rem;
    letter-spacing: .4px;
    margin-top: 1.25rem;
	text-transform: uppercase;
}
.archive .article__body .card.aside .card__link {
    flex-direction: column-reverse;
	gap: 1rem;
}
@media (min-width: 768px) {
	.archive .subgrid {
		-moz-column-gap: 24px;
        column-gap: 24px;
        grid-template-rows: repeat(2, min-content) auto repeat(2, min-content);
	}
	.archive .subgrid .card__l {
		grid-column: 1 / 3;
        grid-row: span 10;
	}
	.archive .subgrid .card__m {
		display: grid;
        grid-row: span 5;
        grid-template-rows: subgrid;
	}
	.result-list {
		margin-top: 24px;
	}
	.result-list > * {
		display: block;
		margin-bottom: 20px;
	}
	.archive .article__body .card.aside .card__link {
		flex-direction: row;
		gap: 0.625rem;
	}
}
@media (min-width: 1024px) {
	.archive .subgrid {
        grid-auto-flow: column;
        grid-template-columns: repeat(4, 1fr);
	}
	.archive .subgrid .card__l {
		margin-bottom: 0;
	}
}

/* Footer */
.bootscore-footer {
	border-top: 0.0625rem solid #ddd;
	margin-top: 1.25rem;
}
.footer-base {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-inline: auto;
	width: 100%;
    max-width: 1440px;
    padding-bottom: 36px;
    padding-inline: 20px;
}
.footer-base .footer-base__row {
	-moz-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
}
.footer-base .footer-base__col {
    margin-bottom: 20px;
}
.footer-base .footer-base__title {
    font-weight: 700;
    margin-bottom: 10px;
}
.footer-base .footer-base__list {
    display: grid;
    list-style: none;
    margin: 0;
	padding: 0;
    row-gap: 10px;
}
.footer-base .footer-base__col--double .footer-base__list {
    gap: 10px;
    justify-content: flex-start;
}
.footer-base a {
	color: inherit;
	text-decoration: none;
}
.footer-base a:hover {
    text-decoration: underline;
}
.footer-base__logo {
	padding-block: 20px;
    width: 140px;
}
.footer-base .footer-info {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-block: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.footer-base__list--info {
	-moz-column-gap: 16px;
    column-gap: 16px;
    font-size: .875rem;
	line-height: 1.125rem;
	flex: 1;
	display: flex;
	gap: 1rem;
	list-style: none;
	padding: 0;
	margin: 0;
	row-gap: 12px;
}
.footer-base__list--info li:not(:first-child):before {
	content: "|";
	position: absolute;
	margin-left: -9px;
}
.footer-base__list--badge {
	flex-shrink: 0;
}
.footer-base__list--badge img {
	height: 60px;
	display: block;
}
.bootscore-copyright {
	width: 100%;
	font-size: 0.875rem;
}

@media (min-width: 768px) {
	.footer-base .footer-base__row {
        -moz-column-gap: 12px;
        column-gap: 12px;
        grid-template-columns: repeat(3, 1fr);
    }
	.footer-base .footer-base__col--about, .footer-base .footer-base__col--follow {
		grid-column: span 1;
	}
	.footer-base .footer-base__col--categories, .footer-base .footer-base__col--services {
		grid-column: span 2;
	}
	.footer-base .footer-base__col:nth-child(2n) {
        border-left: 1px solid #ddd;
        padding-left: 12px;
    }
	.footer-base .footer-base__col--double .footer-base__list {
        -moz-column-gap: 24px;
        column-gap: 24px;
        grid-template-columns: repeat(2, auto);
    }
	.footer-base__logo {
		padding-block: 32px;
	}
}

@media (min-width: 1024px) {
	.footer-base {
		margin-inline: auto;
	}
	.footer-base .footer-base__row {
        -moz-column-gap: 12px;
        column-gap: 12px;
        grid-template-columns: repeat(12, 1fr);
    }
	.footer-base .footer-base__col:not(:first-child) {
        border-left: 1px solid #ddd;
        padding-left: 12px;
    }
	.footer-base .footer-base__col {
        grid-column: span 2;
    }
	.footer-base .footer-base__col--double {
        grid-column: span 4;
    }
	.footer-base .footer-base__col--categories {
        grid-column: span 3;
    }
	.footer-base .footer-base__col--services {
        grid-column: span 5;
    }
	.footer-base .footer-base__col--double .footer-base__list {
        justify-content: normal;
    }
}

@media (max-width: 992px) {
  .footer-base__row.footer-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .footer-base__list--info {
    width: 100%;
    justify-content: flex-start;
	flex-wrap: wrap;
  }

  .footer-base__list--badge {
    width: 100%;
    text-align: left;
    margin-top: 0.5rem;
  }

  .footer-base__list--badge img {
    height: 40px;
  }
}