/* NEWS */

.news.news_sm a.text-header {
    color: rgb(51, 51, 51);
}

.news.news_sm a.text-header:hover {
    color: rgba(51, 51, 51, 0.65);
}

/* ----------------------
        FONT FACE
------------------------- */
/* @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600&family=Poppins:wght@300;400&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600&family=Poppins:wght@300;400&display=swap'); */
@import url('/static/css/ms-btn-ui.css');
@import url('/static/css/ms-btn-primary31.css');

/* ----------------------
    CONTAINER
----------------------  */
.container {}
/* ----------------------
       COMMON STYLES
----------------------  */
.deleted {
    text-decoration: line-through !important;
}
/* ----------------------
        COLORS
------------------------- */
:root {
    --I1: hsl(0 0% 100%);      /* color3 */
    --P1: hsl(344 19% 58%);    /* pback  color1 */
    --I2: hsl(0, 0%, 97%);     /* pfore  */
    --P2: hsl(210, 11%, 15%);  /* color2 */
    --FH: 'Lora', sans-serif;
    --FT: 'Inter', sans-serif;
}
.ci1 {color: var(--I1);}
.ci2 {color: var(--I2);}
.cp1 {color: var(--P1);}
.cp2 {color: var(--P2);}

.bp1 {background-color: var(--P1);}
.bp2 {background-color: var(--P2);}
.bi1 {background-color: var(--I1);}
.bi2 {background-color: var(--I2);}


/* ----------------------
        FONTS
------------------------- */
.ff-text-header {
    font-family: var(--FH);
}

.ff-block-header {
    font-family: var(--FH);
}

/* ----------------------
        HEADER
------------------------- */
.text-header, .text-header a {
    color: hsl(from var(--I1) H S calc(L - 80));
}

.block-header {}

/* ----------------------
        MAIN
------------------------- */

.ms-btn-secondary {
    color: var(--I1);
    background-color: hsla(from var(--I1) H S L / 0.161);
    border-color: hsla(from var(--I1) H S L / 0.6);
}
.ms-btn-secondary:hover {
    color: hsl(from var(--I2) H S calc(L - 84));
    background-color: var(--I2);
    border-color: hsla(from var(--I1) H S L / 0.6);
}
.ms-btn-secondary:active {
    color: hsl(from var(--I2) H S calc(L - 90));
    background-color: var(--I2);
    border-color: hsla(from var(--I1) H S L / 0.6);
}
/* ----------------------
        MAIN
------------------------- */
.color-sourse,
.color-sourse:hover {
    color: hsl(from var(--P1) H S calc(L - 20));
}

.color-main,
.color-main:hover {
    color: var(--P1);
}

.bg-main {
    background-color: var(--P1);
}

.bg-sourse {
    background: var(--I2);
}

a {
    color: var(--P1);
    text-decoration: none;
}

a:hover {
    color: hsl(from var(--I2) H S calc(L - 84));
}

.btn.btn_full {
    font-weight: 500;
    font-size: 0.812rem;
    border-radius: 0;
    /* color: #fff; */
    /* background-color: hsl(var(--pback)); */
    /* border: 1px solid hsl(var(--pback)); */
    border-width: 0.062rem;
    border-style: solid;
    line-height: 1;
    transition: all 0.5s;
}

.btn.btn_full:hover {
    /* background-color: #222; */
    /* border: 1px solid #222; */
    border-width: 0.062rem;
    border-style: solid;
}

.btn.btn_empty {
    border-radius: 0;
    /* border: 2px solid #ffffff99; */
    border-width: 0.125rem;
    border-style: solid;
    /* color: white; */
    text-transform: uppercase;
    font-size: 0.8rem;
    /* background-color: #ffffff29; */
}

/* .btn.btn_empty:hover {
    background-color: var(--I2);
    color: #222;
} */

.banner-container img {
    max-width: 100%;
    height: auto;
}

.banner-container.loaded {}

.divider {}

:target:before {
    content: "";
    display: block;
    height: 18.75rem;
    margin: -18.75rem 0 0;
}

.pagination .page-item.active .page-link {
    background-color: var(--P1);
    border-color: var(--P1);
}
.pagination .page-link, .page-link:hover {
    color: var(--P1);
}
.pagination .page-link:focus {
    box-shadow: none;
    color: var(--P1);
}

/* ----------------------
    NEWS CARDS
------------------------- */

.news_lg a.text-header {
    color: hsl(0, 0%, 20%);
    font-size: 1.5rem;
}
.news_lg a.text-header:hover {
    color: hsla(0, 0%, 20%, 0.6);
}

.news_xs .text-header{
    font-size: 0.875rem;
}