/*
 styly pro news + stories od 10/2022
*/
.reset {
    margin: 0;
    padding: 0;
}

.row-mobile { 
    display: block; 
}
.row-desktop { 
    display: none; 
}
.row-mobile .row { 
    margin: 0; 
}
.row-desktop .row { 
    margin: 0; 
}
@media (min-width: 576px) {
    .row-mobile { 
        display: none; 
    }
    .row-desktop { 
        display: block;
    }
}

.news-head {
    font-family: 'Anton', sans-serif;
    font-size: 4rem;
    line-height: 1.8;
}
.news-number {
    font-size: 8rem;
    line-height: 1.8;
}
.news-text {
    font-family: 'Noto Serif', serif;
    font-size: 1.8rem;
    line-height: 1.8;
}
.news-h1 {
    font-family: 'Anton', serif;
    font-size: 2.6rem;
    line-height: 3.8rem;
    padding: 15% 2% 5% 2%;
    color: #000000;
}
.news-moto {
    font-size: 3rem;
}
.pt-row { padding-top: 20rem; }
.pt-row-half { padding-top: 12rem; }
.pb-row { padding-bottom: 20rem; }
.pb-row-half { padding-bottom: 12rem; }

.pt-5rem { padding-top: 5rem; }
.pt-10rem { padding-top: 10rem; }
.pb-10rem { padding-bottom: 10rem; }
.pb-12rem { padding-bottom: 12rem; }
.pt-1rem { padding-top: 1rem; }
.pl-0_5rem { padding-left: 0.5rem; }
.pl-1rem { padding-left: 1rem; }
.pl-2rem { padding-left: 2rem; }
.pl-10rem { padding-left: 10rem; }
.px-7rem {padding-left: 7rem; padding-right: 7rem; }
.text-small { font-size: 90%; }
.hr { 
    margin: 3rem 1rem;
    padding: 1.8rem 0;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
}
@media screen and (max-width: 575px) {
    .news-head {
        font-size: 3.4rem;
        line-height: 1.8;
    }
    .news-number {
        font-size: 5rem;
        line-height: 1.8;
    }
    .news-text {
        font-size: 1.6rem;
        line-height: 1.432;
    }
    .news-moto {
        font-size: 2.4rem;
    }
    .pt-row { padding-top: 8rem; }
    .pt-row-half { padding-top: 4rem; }
    .pb-row { padding-bottom: 8rem; }
    .pb-row-half { padding-bottom: 4rem; }

    .pt-10rem { padding-top: 2rem; }
    .pb-10rem { padding-bottom: 2rem; }
    .pb-12rem { padding-bottom: 4rem; }
    .px-7rem { padding-left: 5rem; padding-right: 5rem; }
    .text-small { font-size: 90%; }
}
@media screen and (min-width: 576px) {
    .title-text {
        color: rgb(255,255,255,0.8);
        font-size: 8rem !important;
        position: relative;
        z-index: 9;
        top: 4%;
    }
    .news-h1 {
        padding: 15% 20%;
    }
    .text-line-height-50 { line-height: 50px; }
}
.slide {
    top:-40px;
    -webkit-animation: slide-bottom 16s cubic-bezier(0.445, 0.050, 0.550, 0.950) 11s infinite alternate-reverse both; 
    animation: slide-bottom 16s cubic-bezier(0.445, 0.050, 0.550, 0.950) 1s infinite alternate-reverse both; 
}
.p-2rem { padding: 2rem; }
.table-style td {
    padding: 0 5px;
}
/*
.text-white {
    color: rgb(255, 255, 255, 0.75) !important;
}
*/
.text-gold {
    color: rgb(197, 173, 124, 1);
}
.text-shadow {
    text-shadow: 1px 0px 2px #000000 !important;
}
.text-shadow-white {
    text-shadow: 1px 0px 2px #ffffff !important;
}

.container1 {
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0;
    padding:0px;
    position:relative;
    width:100%
}
.container--big {height:175vh;}
.container--full {height: 100vh;/* 83vh*/ }
.container--small {height:60vh;}
.container--mobile {height:22vh;}
.content {
    background:rgba(255,255,255,.75);
    border-radius:8px;
    color:#fff;
    margin:0 auto;
    padding:30px 35px;
    text-align:center;
}

.fl-row {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*
    margin-left: -1rem;
    margin-right: -1rem;
    */
}
.fl-center {
    align-items: center;
}