/*
 * Theme Name:  Spotlight Child
 * Theme URI:   https://codesupply.co/themes/spotlight/
 * Description: Spotlight Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    spotlight
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

/* метка рекламы */
@media (max-width: 1019px) {
.rek-met {
    margin: auto;
    display: block;
}
}
@media (min-width: 1020px) {
.rek-met {
	float: left;
    margin-left: -180px;
    margin-top: -70px!important;
}
}
/* Футбол стили */
caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    /* color: #6c757d; */
    /* text-align: left; */
    caption-side: top;
	    text-align: center;
}
.insta-exp {
	margin-left: 6%;
}
.container-95013__header {
	display: none;
}
.container-95014__header {
	display: none;
}
.fixture_detail{
    position: relative;
    text-align: center;
    padding-bottom: 20px;
}

.latest_result > .fixture_detail > h2, .vc_latest_result .fixture_detail > h2{
    position: relative;
    text-transform: uppercase;
    padding: 0 0 20px;
}

.fixture_detail h3{
    position: relative;
    text-transform: uppercase;
    padding: 0 0 20px;
    margin: 0 0 35px;
}

.latest_result h3, .vc_latest_result h3{
    color:#d61919;
    padding: 0;
    margin: 0 0 45px;
}

.latest_result h3:after, .vc_latest_result h3:after{
    display: none;
}

.fixture_detail h3:after, .latest_result > .fixture_detail > h2:after, .vc_latest_result .fixture_detail > h2:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 30px;
    height: 3px;
    background: #ec1919;
    margin: 0 0 0 -15px;
}

.fixture_detail .command_left{
    float: left;
    width: 50%;
}

.fixture_detail .command_right{
    width: 50%;
    float: right;
    text-align: left;
}

.fixture_detail .goals{
    float: right;
    text-align: right;
    margin: 0 90px 0 0;
}

.fixture_detail .goals h2 a{
    color:#252c33;
    font-size: 12px;
}

.fixture_detail .goals h2 a:hover{
    color:#d61919;
    text-decoration: none;
    font-size: 13px;
}

.fixture_detail h4{
    color:#d61919;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.fixture_detail .players {
    position: relative;
    list-style: none;
    background-color: #b9b9b9;
    border-radius: 5px;
    padding-left: 10px;
}
.fixture_detail .players li{
    font-size: 13px;
    line-height: 22px;
}

.vc_latest_result .fixture_detail .players li{
    color: #262626;
}

.fixture_detail .players li span{
    color:#c31919;
}

.fixture_detail .command_info{
    position: relative;
    float: right;
    margin: 0 19px 0 0;
}

.fixture_detail .command_info .score{
    width: 120px;
    height: 76px;
    background: inherit;
    text-align: right;
    padding: 0 20px 0 0;
    font-size: 60px;
    color:#fff;
    line-height: 76px;
    font-weight: bold;
}

.fixture_detail .command_info .score:after{
    content: '';
    position: absolute;
    right: -11px;
    top: 0;
    border-top: 38px solid transparent;
    border-left: 11px solid #9c8787;
    border-bottom: 38px solid transparent;
}

.fixture_detail .command_info .logo{
    position: absolute;
    left: -52px;
    top: -10px;
    width: 98px;
    height: 98px;
    overflow: hidden;
}

.fixture_detail .command_info .logo img{
    max-width: 100%;
    height: auto;
    padding-top: 15px;
}

.fixture_detail .command_right .command_info{
    float: left;
    margin: 0 0 0 19px;
}

.fixture_detail .command_right .goals {
    float: left;
    text-align: left;
    margin: 0px 0 0 90px;
}
.fixture_detail .command_right .command_info .logo{
    left: auto;
    right: -52px;
}

.fixture_detail .command_right .command_info .score{
    text-align: left;
    padding: 0 0 0 20px;
}

.fixture_detail .command_right .command_info .score:after{
    left: -11px;
    right: auto;
    border-top: 38px solid transparent;
    border-right: 11px solid #9c8787;
    border-left: transparent;
    border-bottom: 38px solid transparent;
}

.fixture_detail .fixture_info{
    position: relative;
    text-align: center;
    font-size: 13px;
    line-height: 21px;
    clear: both;
    padding: 10px 0 0;
}

.fixture_detail .fixture_info .venue{
    color:#c31919;
}

.latest_result .venue, .vc_latest_result .venue{
    margin: 0 0 33px;
}

.vc_latest_result .date_time{
    color:#262626;
}

.sp-table-caption{
    text-transform: uppercase;
}

.sp-template{
    margin: 0 0 30px;
}
.zebra {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

.zebra caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

.zebra tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
}

.zebra th,
.zebra td {
    padding: .625em;
    text-align: center;
}

.zebra th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    .fixture_detail .command_right .goals {
        float: left;
        text-align: left;
        margin: 0px 0 0 20px;
    }
    .fixture_detail .goals{
        float: right;
        text-align: right;
        margin: 0 20px 0 0;
    }
    .zebra {
        border: 0;
    }

    .zebra caption {
        font-size: 1.3em;
    }

    .zebra thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .zebra tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    .zebra td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    .zebra td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
    .zebra td:last-child {
        border-bottom: 0;
    }
}
.name-stat {
    font-weight: 800;
}
/* Желтая карточка */
.wrapper-yel {
    width: 10px;
    margin: 0 auto;
    float: left;
    margin-right: 5px;
    clear: both;
}

.box-yel {
    background: #fff700;
    margin-left: auto;
    margin-right: auto;
    padding-top: 75%;
    padding-bottom: 75%;
    outline: 1px solid #000;
}
/* Красная карточка */
.wrapper-red {
    width: 10px;
    margin: 0 auto;
    float: left;
    margin-right: 5px;
    clear: both;
}
.box-red {
    background: #e00c0c;
    margin-left: auto;
    margin-right: auto;
    padding-top: 75%;
    padding-bottom: 75%;
    outline: 1px solid #000;
}
.command_left .home {
    margin-left: 15%;
    min-width: 135px;
}
.command_left .away {
    margin-left: 17%;
    min-width: 135px;
}
.kratko-card {float: left;font-size: 12px;margin-right: 6px;}
@media screen and (max-width: 600px) {
    .command_left .home {
        width: 183px;
        margin-left: 0;
    }
    .command_left .away {
        width: 183px;
        margin-left: 0;
    }
    .kratko-card {float: left;font-size: 8px;margin-right: 6px;
    }
}
.home > ul {
    float: left;
}
.away > ul {
    float: right;
    margin-right: 15% !important;
}
/* Погода стили */
.ad-slid {text-align: center; margin: auto; display: block; min-width: 310px!important;}
.temp {
    background-image:url(https://discover24.ru/wp-content/themes/multinews-theme/icons/thermometer.png);
    width: 32px;
    height: 32px;
    vertical-align: bottom;
    margin-top: -5px;
    float: left;
}
.wind{
    background-image:url(https://discover24.ru/wp-content/themes/multinews-theme/icons/wind.png);
    width: 32px;
    height: 32px;
    vertical-align: bottom;
    margin-top: -5px;
    float: left;
}
.humidity{
    background-image:url(https://discover24.ru/wp-content/themes/multinews-theme/icons/humidity.png);
    width: 32px;
    height: 32px;
    vertical-align: bottom;
    margin-top: -5px;
    float: left;
}
.pressure{
    background-image:url(https://discover24.ru/wp-content/themes/multinews-theme/icons/pressure.png);
    width: 32px;
    height: 32px;
    vertical-align: bottom;
    margin-top: -5px;
    float: left;
}
/* Валюта калькулятор */
@media (min-width: 451px) {
    .kurs-news {border-style: groove;padding: 10px;margin-right: 10px;width: 300px;float:left;}
    .text-curs {font-size:16px!important;}
    .val-title {max-width: 230px; font-size: 21px!important; margin-bottom: 10px!important; font-weight: 600!important;}
    .CharCode1 {float:left;width: 70px;}
    .CharCode2 {clear:both; width: 70px;float:left;}
    .cbrf {font-size: 11px; font-weight: 200;}
}
@media (max-width: 450px) {
    .kurs-news {border-style: groove;padding: 10px;margin: auto;display: block;}
    .val-title {max-width: 230px; font-size: 21px!important; margin: auto!important; font-weight: 600!important;}
    .CharCode1 {float: left; width: 70px; margin-left: 18%;}
    .CharCode2 {clear:both; width: 70px;float:left;margin-left: 18%;}
    .cbrf {font-size: 9px; font-weight: 200; text-align: center; display: block;}
}body {

}
section.news-box.cat_7722 header.block-title:not(.colorful-box) h2 a,
section.news-box.cat_7722 header.block-title:not(.colorful-box) h2,
.f-tabbed-head li.cat_7722.active a,
.f-tabbed-head li.cat_7722 a.current,
.f-tabbed-head li.cat_7722 a:hover,
.f-tabbed-body.cat_7722 ul.f-tabbed-list li h2 a:hover,
section.news-box.cat_7722 footer.show-more a:hover,
section.news-box.cat_7722 .nb1 ul li h2 a:hover,
section.news-box.cat_7722 .nb2 .first-item h2 a:hover,
section.news-box.cat_7722 .nb3 .first-item h2 a:hover,
section.news-box.cat_7722 .nb4 .first-item h2 a:hover,
section.news-box.cat_7722 .nb5 .first-item h2 a:hover,
section.news-box.cat_7722 .nb6 ul li h2 a:hover,
section.news-box.cat_7722 .nb3 ul li h2 a:hover,
section.news-box.cat_7722 .nb4 ul li h2 a:hover,
section.news-box.cat_7722 .nb2 ul li h2 a:hover,
section.news-box.cat_7722 .nb5 ul li h2 a:hover,
.section .feature-tabbed.cat_7722 ul.f-tabbed-list li h2 a:hover,
.nip-box.cat_7722 header.block-title:not(.colorful-box) h2{
}
section.news-box.cat_7731 header.block-title:not(.colorful-box) h2 a,
section.news-box.cat_7731 header.block-title:not(.colorful-box) h2,
.f-tabbed-head li.cat_7731.active a,
.f-tabbed-head li.cat_7731 a.current,
.f-tabbed-head li.cat_7731 a:hover,
.f-tabbed-body.cat_7731 ul.f-tabbed-list li h2 a:hover,
section.news-box.cat_7731 footer.show-more a:hover,
section.news-box.cat_7731 .nb1 ul li h2 a:hover,
section.news-box.cat_7731 .nb2 .first-item h2 a:hover,
section.news-box.cat_7731 .nb3 .first-item h2 a:hover,
section.news-box.cat_7731 .nb4 .first-item h2 a:hover,
section.news-box.cat_7731 .nb5 .first-item h2 a:hover,
section.news-box.cat_7731 .nb6 ul li h2 a:hover,
section.news-box.cat_7731 .nb3 ul li h2 a:hover,
section.news-box.cat_7731 .nb4 ul li h2 a:hover,
section.news-box.cat_7731 .nb2 ul li h2 a:hover,
section.news-box.cat_7731 .nb5 ul li h2 a:hover,
.section .feature-tabbed.cat_7731 ul.f-tabbed-list li h2 a:hover,
.nip-box.cat_7731 header.block-title:not(.colorful-box) h2{
}
.text-curs {font-size: 20px !important}
/* InfinityScroll Обычный */
.infint {display: none;}
/* Сайдбар Обычный */
.custom_html-7 {clear: both;min-height: 320px;width: 100%;margin-left: 15px;}
.text-11 {clear: both;width: 100%;}
.text-2 {
    margin-left: 12%!important;
    color: #000000;
    word-wrap: break-word;
    float: left;
    width: 40%;
    height: 160px;
}
.execphp-2 {
	float: left;
}
.custom_html-11 {width: 100%;}

@media (max-width: 1019px) { 
.text-2 {display:none;}
.russian_currency-2 {display:none;}
.execphp-2 {display:none;}
 }
 .twitter-tweet-rendered {
	 margin: auto;
	 width: 523px;
 }
 .pk-toc {
    float: left;
    clear: initial;
	    padding-right: 15px;
}
.main-pogoda {
float: left;
    margin: auto;
    width: 250px;
}
.text-pogoda {
	    clear: both;
}
.text-curs {
	    clear: both;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@-moz-keyframes scroll {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0)
    }
}
 
.marquee {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
 
.marquee span {
    display: inline-block;
    padding-left: 100%;
	text-shadow: 0 0 3px rgba(0,0,0,.5);
    -webkit-animation: scroll 35s infinite linear;
    -moz-animation: scroll 35s infinite linear;
    animation: scroll 35s infinite linear;
}

/* Сайдбар всплывающий */
.custom_html-12 {
    width: 100%;
}
.pulse-widget{width:100%;}
.fixed{position:fixed;}
/* Сайдбар в новости */
.entry-container .post-section + .post-section {
    margin-top: 0.8rem;
}
.entry-container .entry-sidebar {
    font-size: 0.675rem;
}
#recent-posts-3 {
    clear: both;
}
/* Лайтбокс в новости */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000000A3;
    opacity: 0.9;
}
.mfp-figure figure {
    margin: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #fff;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-bottom-bar {
    background-color: #6d6d6d1c;
    display: block;
    padding: 27px;
    width: 100%;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color:
            #000;
    right: -13px;
    background-color:
            #d5d2d2eb;
    border-radius: 14px;
    top: -13px;
    opacity: 0.8;
}
/* Курс виджет */

.russian_currency-2 {    color: #000000;
    word-wrap: break-word;
    float: left;
    width: 30%;
    height: 160px;;}
.sticky-sidebar-enabled.stick-last .sidebar-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
}
.znak-dol {
    color: #31a529;
    float: left;
    margin-right: 10%;
    font-size: 25px;
    padding-left: 3px;
}
.znak-e {
    color: #b18828;
    font-size: 25px;
    float: left;
    margin-right: 5px;
}
.number {color: #262626;font-size: 25px;}
.kurs {padding-bottom: 18px;padding-top: 6px;}
.pog-oda {font-size: 9px;float: left;margin-left: 15px;}
/* Биографии, внизу */
.all-read {
    display: inline-block;
    margin-top: -30px;
}
.bulletph {
    margin-left: -40px;
    list-style: none;
    counter-reset: li;
}
.bulletph li {
    display: inline-block;
    position: relative;
    margin-bottom: 1.5em;
    border: 3px solid #CADFCF;
    padding: 0.6em;
    border-radius: 4px;
    background: #FEFEFE;
    color: #231F20;
    font-family: "Trebuchet MS", "Lucida Sans";
}
.bulletph li:before {
    position: absolute;
    top: -0.7em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    font-size: 16px;
    font-weight: bold;
    color: #DCC24B;
    background: #FEFEFE;
    border-radius: 50%;
    counter-increment: li;
    content: counter(li);
}
.bulletph-bio {
    margin-left: -40px;
    list-style: none;
    counter-reset: li;
    display: grid;
    max-width: 490px;
}
.bulletph-bio li {
    display: inline-block;
    position: relative;
    margin-bottom: 1.5em;
    border: 3px solid #CADFCF;
    padding: 0.6em;
    border-radius: 4px;
    background: #FEFEFE;
    color: #231F20;
    font-family: "Trebuchet MS", "Lucida Sans";
}
.bulletph-bio li:before {
    position: absolute;
    top: -0.7em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    font-size: 16px;
    font-weight: bold;
    color: #DCC24B;
    background: #FEFEFE;
    border-radius: 50%;
    counter-increment: li;
    content: counter(li);
}
.ten a {
    color: #E7E5DD;
    border-radius: 25px;
    border: 3px solid #E7E5DD;
    font-size: 21px;
    background-color: #ff000069;
}
.ten a:hover {
    color: #BDB9AB;
    background: #E7E5DD;
}
.ten a span {
    opacity: 0;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    transition: 0.4s ease-in-out;
}
.ten a:hover span {
    opacity: 1;
    padding-left: 10px;
    padding-right: 10px;
    color: #BDB9AB;
}
/* Биографии, краткая таблица */
.kratko {
    float: left;
    width: 40%;
    margin-right: 3%;
}
.kratko table {
    border-collapse: collapse;
    font-size: 13px;
}
.kratko td, th {
    border: 1px solid #c4c6c0;
    padding: 3px 7px 2px 7px;
}
.kratko th {
    text-align: left;
    padding: 5px;
    background-color: #A7C942;
    color: #fff;
}
.kratko tr:nth-child(odd) { background-color: #e9e9e9; }

.kratko td:nth-child(odd) {
    width: 115px;
}
.kratko td:nth-child(even) {
    text-align: center;
}
.socseti {
    padding-bottom: 15px;
    text-align: center;
}
.socseti img {
    max-width: 36px;
}
.socseti img:hover {
    border-radius: 30%;
    -webkit-filter: grayscale(50%);
    -webkit-filter: brightness(60%);
}
.socseti a {
    border-bottom: none !important;
}

.all-read {
    display: inline-block;
    margin-top: -30px;
}
.pk-lazyload-disabled-bio {
    float: left;
    min-height: 400px;
    object-fit: cover;
    width: 260px;
    margin-right: 20px;
}
@media (min-width: 600px) {
    .head-bio {
    margin-left: 5%;
    }
}

.marquee:nth-child(2) {
	width: 88%;
}
.marquee:nth-child(3) {
	width: 80%;
}
.code-block-6 div[class$='media__img-wrapper'] {
    margin-right: 19px!important;
}
.mfp-close {
    width: 50px!important;
    text-align: center!important;
    padding: 0!important;
background-color: #e41b1b94!important;}
.author-link > a > span {
	font-size: 12px;
}
.pswp__bg {
    opacity: 0.87!important;
}
/* Блок в новости */
.innews {
	margin: 0!important;
    padding: 0;
    float: left;
    border: none;
    width: 22%;
}
.pk-inline-posts-container > article {
    width: 100%;
	max-width: 100%!important;
}
.innews ul {
    display: none;
}
.widgets_logo > a {
	display: none!important;
}
.mghead {
	display: none!important;
}
.code-block-16:first-child {
display:none!important;
}
div > [class*="-header-40017"] {
    display: none!important;
}
/*Убрать похожие новости на моб*/
@media (max-width: 720px) {
	.nomob{
		display: none;
	}
	.nopk {
		margin-bottom: 80px;
	}

}
@media (min-width: 721px) {
	.nopk{
		display: none;
	}
}
.grf-widget__logo {
	display: none !important;
}
span.texttime {
    float: left;
    height: 0px!important;
    margin-right: 5px;
}


/* Скрыть уведомление темы */
.csco-notice.notice.notice-warning.is-dismissible {
display: none;
}
/* Кнопка "Подпишись на новости" */
button#multi-button-ean {
background: url(https://discover24.ru/wp-content/themes/spotlight-child/img/read3.png);
display: block;
width: 277px;
height: 100px;
margin: auto;
}
button#multi-button-ean:hover {
background: url(https://discover24.ru/wp-content/themes/spotlight-child/img/read5.png);
display: block;
width: 277px;
margin: auto;
height: 100px;
}
/* Ссылки в цитатах */
blockquote > p > a {
background-color: #dddddd;
color: #17305d!important;
}
/* Другие новости внизу новости)*/
.wp-embed-heading a {
color: #32373c;
background-color: aliceblue;
padding: 5px;
line-height: 50px;
}
p.wp-embed-heading {
margin: 0 0 15px 15px;
font-weight: 800;
font-size: 21px;
line-height: 1.1;
}
.wp-embed-featured-image {
margin-bottom: 15px;
max-height: 212px!important;
}
/*В сайдбаре, курс валют*/
.execphp-4 {
min-height: 160px;
}
/*В сайдбаре лучшее за неделю*/
.sidebar-1 > .widget > .likebtn-mlw > .likebtn-mlw-item > .likebtn-mlw-button {
display: block!important; margin: auto; width: 150px;
}
.likebtn-mlw-item > a > img {
margin: auto;
display: block;
}
.entry-content > p > a:not([data-wpel-link="internal"], .noa) {
background-color: black;
color: white;
border-bottom-style: ridge;
border-top-style: double;
padding: 3px;
}
.entry-content > p > a:not([data-wpel-link="internal"]):hover {
color: black;
background-color: white;
}
.mgheader {
display: none;
}
@media screen and (max-width: 720px) {
div[id^='M472786ScriptRootC818534'] {
display:none;
}
.blockOfO1b2l3 {
display:none;
}
}
a.rollover {
background: url(/corona/nohover_map.jpg); /* Путь к файлу с исходным рисунком  */
display: block; /*  Рисунок как блочный элемент */
width: 300px; /* Ширина рисунка */
height: 166px; /*  Высота рисунка */
}
a.rollover:hover {
width: 300px; /* Ширина рисунка */
height: 166px; /*  Высота рисунка */
background: url(/corona/hovermap.jpg); /* Путь к файлу с заменяемым рисунком  */
}
.osmplus {
background-color: red; padding: 2px; border-radius: 6px; color: white;
}
.box {
display: block;
background: center / contain no-repeat url("https://avatars.dzeninfra.ru/get-zen_doc/10385448/pub_648ec1adf205df6eb7e79573_648ec4c48db8a36014ea0735/scale_1200");
position:relative;
width:300px;
height:200px;
text-align:center;
background-size: cover;    
}
.box:hover {
opacity: 0.75;
}
.box span {
font: bold 20px/20px 'source code pro', sans-serif;
position:absolute;
left:0;
right:0;
top : calc(50% - 10px);
}
a.box {
color: white;
text-decoration: none;
}
a.box:hover {
color: black;
text-decoration: none;
}
}
.entry-thumbnail {
    display: none;
}

/* Стили для бокового блока */
/* Стили для бокового блока */
.sidebar-l {
    width: 192px;
    margin-left: -30px;
    margin-top: 45px;
    background-color: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    font-family: Arial, sans-serif;
}

/* Заголовок блока */
.sidebar-l-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
    text-align: center;
    margin-top: -35px;
    position: absolute;
    margin-left: 30px;
}

/* Список новостей */
.news-list-l {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* Стили для каждой новости */
.news-list-l li {
    margin-bottom: 8px;
    position: relative;
	word-wrap: break-word; /* Перенос длинных слов на следующую строку */
    white-space: normal; /* Разрешает перенос слов и строк */
    padding-left: 20px; /* Отступ для номера */
}

.news-list-l li::before {
    content: counter(item) ".";
    counter-increment: item;
    position: absolute;
    left: 0;
    font-size: 12px;
    font-weight: bold;
    color: #0056b3; /* Цвет номера */
}

.news-list-l {
    counter-reset: item;
}

.news-list-l li a {
    text-decoration: none;
    font-size: 12px;
    color: black;
    transition: color 0.3s;
	word-wrap: break-word; /* Разрешает перенос длинных слов */
    white-space: normal; /* Разрешает перенос строк */
}

/* Ховер-эффект */
.news-list-l li a:hover {
    color: #0056b3;
}