* {
    box-sizing: border-box;
}

body {
    margin     : 0;
    background : #f8f8f8;
    font-family: 'Poppins', sans-serif;
}

button,
input[type="button"],
input[type="submit"] {
    font-family: 'Poppins', sans-serif;
    cursor     : pointer;
}

a {
    text-decoration: none;
}

img {
    object-fit: cover;
}

header {
    background : linear-gradient(to right, #1f7eec 50%, #0255b4 100%);
    height     : 70px;
    box-shadow : 1px 1px 8px 1px rgba(15, 15, 15, .4);
    display    : flex;
    align-items: center;
    position   : fixed;
    width      : 100%;
    top        : 0;
    user-select: none;
    z-index    : 9997;
    transition : height .5s;
}

.header__area {
    display      : flex;
    align-items  : center;
    /*margin     : 0 15px;
    margin-left  : 0;*/
    width        : 100%;
}

.header__left,
.header__right {
    display       : flex;
    align-items   : center;
    flex-direction: row;
    height        : 100%;
}

.header__left {
    justify-content: flex-start;
    width          : 80%;
}

.header__right {
    justify-content: flex-end;
    width          : 20%;
}

.header__area,
.main__area {
    transition: transform .3s ease;
}

.logo__area,
.logo__area>a {
    height     : 100%;
    display    : flex;
    align-items: center;
}

.header__area img {
    display: block;
}

.header__area,
.menu__area,
.menu-header-container,
.menu-header-menu-container,
.menu__area>div,
.menu__area>div>ul,
.menu__area>div>ul>li,
.menu__area>div>ul>li>a {
    height     : 100%;
    display    : flex;
    align-items: center;
}

.menu__area ul {
    list-style : none;
    position   : relative;
    padding    : 0;
    margin     : 0;
    margin-left: 30px;
}

.menu__area ul#header-menu>li {
    display  : inline-block;
    /*margin : 0 10px 0 0;*/
    cursor   : pointer;
    color    : #fff;
}

.menu__area ul#header-menu>li>a {
    padding: 0 15px;
}

.menu__area ul#header-menu>li>a,
.menu__area ul#header-menu>li {
    transition: all .5s;
}

.menu__area ul li a {
    font-size     : 14px;
    color         : #fff;
    font-weight   : 600;
    text-transform: uppercase;
}

.menu__area ul li:hover>a,
.menu__area ul#header-menu>li:hover {
    color: #ddd;
}

.menu__area .sub-menu li a {
    color  : #000;
    padding: 2px 25px 2px 10px;
    height : 100%;
    width  : 100%;
    display: inline-block;
}

.menu__area .sub-menu>li:hover>a {
    color: #fff;
}

.menu__area ul li .sub-menu {
    display      : none;
    position     : absolute;
    background   : #ddd;
    min-width    : 140px;
    padding      : 5px;
    margin       : 15px;
    box-shadow   : 11px 11px 8px -11px rgba(15, 15, 15, .4);
    border-radius: 5px;
    white-space  : nowrap;
}

.menu__area ul li .sub-menu .sub-menu {
    margin-top : -10%;
    margin-left: 100%;
}

.menu__area ul li .sub-menu li {
    margin       : 10px 5px;
    border-radius: 3px;
    color        : #000;
}

.menu__area ul li .sub-menu li:hover {
    background: rgb(136, 136, 136);
    color     : #fff;
}

.main__area {
    display          : flex;
    justify-content  : center;
    flex-direction   : column;
    /*margin-top     : 70px;*/
    z-index          : 9;
    margin-top       : 10px;
}

.header__ad {
    display        : flex;
    justify-content: center;
    width          : 100%;
    margin-top     : 80px;
}

.left__ad,
.right__ad {
    position   : fixed;
    top        : 0;
    bottom     : 0;
    display    : flex;
    align-items: center;
}

.left__ad {
    left: 15px;
}

.right__ad {
    right: 15px;
}

.menu-item-has-children {
    cursor: pointer;
}

.menu__area .menu-item-has-children>a::after {
    content    : "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-left: 5px;
}

.menu__area .sub-menu .menu-item-has-children>a::after {
    content    : "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    right      : 15px;
    position   : absolute;
    transform  : translateY(3px);
}

.get__sidebar {
    /*height         : 100%;*/
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.sidebar__btn,
.mobile__btn {
    display        : flex;
    align-items    : center;
    justify-content: center;
    cursor         : pointer;
    margin         : 0 10px;
    padding        : 0 15px;
    height         : 100%;
    transition     : all .5s;
}

.menu__area ul#header-menu>li:hover>a,
.sidebar__btn:hover,
.mobile__btn:hover,
.search__btn:hover,
.search__area .search__form .search__field:hover,
.search__area .search__form .search__field:focus,
.search__area .search__form .search__icon:hover {
    background: rgba(15, 15, 15, .4);
}

.sidebar__btn::before,
.mobile__btn::before,
.sidebar__cls::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color      : #fff;
    font-size  : 20px;
    transition : all .5s;
}

.sidebar__btn::before {
    content: "\f0c9";
}

.sidebar__btn.opened::before {
    content: "\f00d";
}

.mobile__btn::before {
    content: "\f107";
}

.mobile__btn.opened::before {
    content: "\f106";
}

.sidebar__btn:hover::before,
.mobile__btn:hover::before {
    color: #ddd;
}

.get__sidebar .sidebar {
    position               : fixed;
    left                   : -100%;
    /*left                 : 0;*/
    top                    : 0;
    bottom                 : 0;
    background             : linear-gradient(to bottom, #f8f8f8 30%, #ddd);
    box-shadow             : 11px 11px 8px -11px rgba(15, 15, 15, .4);
    width                  : 20%;
    max-width              : 300px;
    min-width              : 300px;
    display                : flex;
    justify-content        : center;
    flex-direction         : column;
    transition             : left .3s ease-in-out;
    align-items            : center;
    overflow               : hidden;
    padding                : 15px;
    z-index                : 9998;
    max-height             : 100%;
}

.sidebar>.side__top {
    /*position: absolute;*/
    position  : relative;
    /*top     : 200px;
    bottom    : 200px;*/
    width     : 100%;
}

.sidebar>.side__bottom {
    position: absolute;
    bottom  : 15px;
}

.sidebar * {
    text-shadow: 1px 1px 3px rgba(15, 15, 15, .4);
}

.sidebar ul,
.header__mobile ul {
    list-style: none;
    padding   : 0;
    width     : 100%;
}

.header__mobile>.mobile__menu {
    width: 100%;
}

.header__mobile ul li a {
    width  : 100%;
    display: block;
}

.sidebar ul ul,
.header__mobile ul ul {
    box-shadow    : 0 3px 7px 2px rgba(15, 15, 15, .25);
    display       : flex;
    flex-direction: column;
    margin-top    : 5px;
    margin-left   : -15px;
    padding-left  : 15px;
    width         : calc(100% + 30px);
}

.sidebar ul li,
.header__mobile ul li {
    padding: 8px 0px;
}

.sidebar ul li a {
    color          : #000;
    font-weight    : 500;
    font-size      : 20px;
    width          : 100%;
    display        : block;
    /*padding      : 5px 0 5px 50%;
    transform      : translateX(-25%);*/
    /*padding-left : 25%;*/
}

.sidebar [class^=menu-] {
    width: 100%;
}

.sidebar .sub-menu,
.header__mobile .sub-menu {
    display: none;
}

.copy__right {
    font-weight: 600;
    text-align : center;
}

.theme__by {
    margin-top: 15px;
    font-size : 13px;
    text-align: center;
}

.theme__by a {
    color: #1f7eec;
}

.upto__top {
    position       : fixed;
    bottom         : -100px;
    right          : 15px;
    display        : inline-block;
    width          : 40px;
    height         : 40px;
    background     : #1f7eec;
    border-radius  : 60%;
    box-shadow     : 3px 3px 8px -3px rgba(15, 15, 15, .5);
    cursor         : pointer;
    color          : #fff;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 20px;
    user-select    : none;
    transition     : all .5s;
    z-index        : 9999;
}

.upto__top:hover {
    box-shadow: 6px 6px 8px -3px rgba(15, 15, 15, .5);
    background: #000;
}

.upto__top::before {
    content    : "\f106";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

.social__area {
    display        : flex;
    justify-content: center;
    align-items    : center;
    margin         : 20px 0;
    position       : relative;
}

.social__area div {
    width          : 45px;
    height         : 60px;
    border-radius  : 3px;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    margin         : 0 3px;
    box-shadow     : 11px 11px 8px -11px rgba(15, 15, 15, .4);
    color          : #fff;
    font-size      : 24px;
    transition     : transform .5s;
}

.social__area div:hover {
    transform: translateY(-3px);
}

.social__area div::before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

.tsc__facebook {
    background: #3b5999;
}

.tsc__facebook::before {
    content: "\f082";
}

.tsc__twitter {
    background: #55acee;
}

.tsc__twitter::before {
    content: "\f081";
}

.tsc__instagram {
    background: #bc2a8d;
}

.tsc__instagram::before {
    content: "\e055";
}

.tsc__youtube {
    background: #cd201f;
}

.tsc__youtube::before {
    content: "\f431";
}

.tsc__pinterest {
    background: #bd081c;
}

.tsc__pinterest::before {
    content: "\f0d3";
}

.search__btn {
    color          : #fff;
    cursor         : pointer;
    height         : 100%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    padding        : 15px;
    transition     : all .5s;
    margin-right   : 10px;
}

.search__btn::before {
    content    : "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

.become__author {
    color        : #fff;
    cursor       : pointer;
    padding      : 5px 15px;
    transition   : all .25s;
    font-weight  : 600;
    background   : #f90;
    border-radius: 5px;
    box-shadow   : 11px 11px 8px -11px rgba(15, 15, 15, .4);
    text-shadow  : 2px 2px 6px rgba(15, 15, 15, .4);
    margin-right : 10px;
}

.become__author::before {
    content: "Yazar ol";
}

.become__author:hover {
    transform: scale(1.05);
}

.search__area {
    display              : none;
    position             : fixed;
    left                 : 0;
    top                  : 0;
    height               : 100%;
    width                : 100%;
    /*display            : flex;*/
    justify-content      : center;
    align-items          : center;
    flex-direction       : column;
    z-index              : 9999;
    background-color     : #1f7eec;
    background-image     : url(../img/background.png);
    background-size      : cover;
    background-blend-mode: soft-light;
    background-repeat    : no-repeat;
    color                : #fff;
}

.search__area .search__form {
    display      : flex;
    height       : 80px;
    width        : 40%;
    max-width    : 640px;
    border-radius: 4px;
    overflow     : hidden;
    box-shadow   : 2px 2px 10px -1px rgba(240, 240, 240, .5);
}

.search__area .search__form .search__field,
.search__area .search__form .search__icon {
    height     : 100%;
    border     : none;
    font-size  : 22px;
    outline    : none;
    font-weight: 500;
    color      : #fff;
    background : transparent;
    padding    : 0;
    transition : all .5s;
}

.search__area .search__form .search__field {
    width       : 75%;
    padding-left: 20px;
}

.search__field::selection {
    color           : #fff;
    background-color: #000;
}

.search__field::placeholder {
    color: #fff;
}

.search__area .search__form .search__icon {
    width: 25%;
}

.close__search {
    position   : absolute;
    right      : 30px;
    top        : 30px;
    font-size  : 42px;
    color      : red;
    cursor     : pointer;
    display    : inline-flex;
    text-shadow: 2px 2px 6px rgba(240, 240, 240, .4);
    transition : all .25s;
}

.close__search::before {
    content    : "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

.close__search:hover {
    transform: rotate(180deg);
}

.search__tip {
    position: absolute;
    top     : 25%;
}

/*************************************** FOR SLIDERS ***************************************/

.slider__area {
    display        : inline-flex;
    justify-content: center;
    align-items    : center;
    margin         : 10px 0;
    width          : 100%;
}

.slider__area>div {
    margin-left: 10px;
}

.slider__area>div:nth-child(3) {
    margin-right: 10px;
}

.slider__big,
.slider__small {
    height       : 400px;
    position     : relative;
    box-shadow   : 11px 11px 15px 2px rgba(15, 15, 15, .4);
    border-radius: 3px;
    overflow     : hidden;
    color        : #fff;
}

.slider__big>a,
.slider__small>a {
    position  : absolute;
    left      : 0;
    top       : 0;
    right     : 0;
    bottom    : 0;
    box-shadow: -11px -11px 15px 2px rgba(15, 15, 15, .4);
}

.slider__big>a::before,
.slider__small>a::before {
    content   : "";
    position  : absolute;
    left      : 0;
    right     : 0;
    top       : 0;
    bottom    : 0;
    box-shadow: inset 0px -44px 40px 30px rgba(15, 15, 15, .8);
}

.slider__big {
    width    : 50%;
    max-width: 800px;
}

.slider__small {
    width    : 25%;
    max-width: 400px;
}

.post__image,
.post__image img {
    width  : 100%;
    height : 100%;
    display: block;
}

.goinner {
    position  : absolute;
    /*left    : 0;
    right     : 0;*/
    bottom    : 0;
    max-width : 100%;
}

.postinfo__top,
.postinfo__bottom {
    margin: 0 15px 15px 15px;
}

.post__title {
    color      : #fff;
    margin     : 0;
    margin-top : 15px;
    text-shadow: 1px 1px 3px rgba(15, 15, 15, .5);
}

.slider__big .post__title {
    font-size: 28px;
}

.slider__small .post__title {
    font-size: 22px;
}

.slider__area .post__categories a,
.post__area .post__categories a,
.post__categories a {
    padding      : 3px 10px;
    background   : #1f7eec;
    display      : inline-block;
    border-radius: 4px;
    box-shadow   : 5px 5px 15px 2px rgba(240, 240, 240, .4);
}

.postinfo__bottom a {
    margin: 5px;
}

.post__time,
.post__author {
    font-weight: 600;
    font-size  : 14px;
    color      : #000;
}

.slider__area .post__time,
.slider__area .post__author {
    color: #fff;
}

.postinfo__bottom .post__time::before {
    content     : "\f017";
    font-family : "Font Awesome 5 Free";
    font-weight : 400;
    margin-right: 5px;
}

.postinfo__bottom .post__author::before {
    content     : "\f007";
    font-family : "Font Awesome 5 Free";
    font-weight : 400;
    margin-right: 5px;
}

.post__area {
    max-width      : 960px;
    width          : 60%;
    display        : flex;
    justify-content: center;
    flex-direction : column;
    margin         : 0 auto;
    margin-top     : 20px;
}

.post {
    display        : flex;
    align-items    : center;
    flex-direction : row;
    width          : 100%;
    justify-content: center;
    margin         : 15px 0;
    position       : relative;
}

.post>.shown__area {
    position     : relative;
    width        : 50%;
    max-width    : 50%;
    height       : 225px;
    box-shadow   : 9px 9px 12px 1px rgba(15, 15, 15, .3);
    margin-right : 5px;
    border-radius: 3px;
    overflow     : hidden;
}

.post .info__area {
    width      : 50%;
    max-width  : 50%;
    flex-wrap  : wrap;
    margin-left: 5px;
}

.post .post__image,
.post .post__image img {
    height: 100%;
    width : 100%;
}

.post .post__categories {
    position: absolute;
    right   : 15px;
    top     : 15px;
}

.post__categories a {
    color      : #fff;
    font-weight: 600;
}

.post .post__title {
    color    : #000;
    font-size: 25px;
}

.shown__area::before {
    content   : "";
    position  : absolute;
    left      : 0;
    right     : 0;
    top       : 0;
    bottom    : 0;
    box-shadow: inset 0px -33px 30px 22.5px rgba(15, 15, 15, .8);
}

.shown__area>a.link {
    position: absolute;
    left    : 0;
    top     : 0;
    right   : 0;
    bottom  : 0;
}

.timeline {
    margin-top: 20px;
}

.timeline h2 {
    color      : #000;
    font-weight: 600;
    display    : inline-block;
    margin     : 0;
    font-size  : 20px;
}

.timeline h2::before {
    content     : "\f09e";
    font-family : "Font Awesome 5 Free";
    font-weight : 600;
    margin-right: 10px;
    color       : #1f7eec;
}

/*************************************** FOR SINGLE ***************************************/

.post__page {
    display        : flex;
    justify-content: center;
    flex-direction : column;
    width          : 60%;
    max-width      : 960px;
    margin-left    : auto;
    margin-right   : auto;
}

.single__post,
.single__post .post__info,
.post__info .postinfo__top {
    display       : inline-flex;
    flex-direction: column;
    align-items   : center;
    margin-top    : 10px;
}

.post__info {
    user-select: none;
    text-align : center;
    font-weight: 600;
}

.post__info .postinfo__bottom {
    text-shadow: 1px 1px 5px rgba(15, 15, 15, .4);
}

.post__info a {
    color: #000;
}

.breadcrumb {
    margin-top: 10px;
    text-align: center;
}

.breadcrumb>a,
.breadcrumb span,
.breadcrumb span a {
    font-weight: 500;
    color      : #000;
    margin     : 0 2.5px;
    text-shadow: 1px 1px 5px rgba(15, 15, 15, .4);
    font-size  : 13px;
}

.breadcrumb>*:not(:first-child)::before {
    content     : ">";
    margin-right: 5px;
}

.breadcrumb span a:not(:last-child)::after {
    content: ", ";
}

.single__post .post__categories {
    display       : flex;
    flex-direction: row;
    margin        : 10px 0;
}

.post__categories a {
    color        : #fff;
    box-shadow   : 5px 5px 15px 2px rgba(15, 15, 15, .4);
    margin-right : 5px;
    margin-bottom: 5px;
}

.single__post .post__title {
    font-size  : 32px;
    color      : #000;
    text-shadow: 1px 1px 3px rgba(15, 15, 15, .4);
}

.single__post .post__featured img {
    width     : 100%;
    max-height: 500px;
    margin    : 10px 0 30px 0;
}

.single__post .post__social {
    display        : flex;
    flex-direction : row;
    align-items    : center;
    justify-content: center;
    position       : relative;
}

.single__post .post__social .social {
    width        : 50px;
    height       : 45px;
    margin       : 10px 3px;
    box-shadow   : 11px 11px 8px -11px rgba(15, 15, 15, .4);
    border-radius: 4px;
    transition   : transform .5s;
    color        : #fff;
}

.single__post .post__social .social:hover {
    transform: translateY(-3px);
}

.social {
    display        : flex;
    justify-content: center;
    align-items    : center;
    font-family    : "Font Awesome 5 Brands";
    font-weight    : 400;
    font-size      : 20px;
}

.social.share__fb {
    background: #3b5999;
}

.social.share__fb::before {
    content: "\f09a";
}

.social.share__tw {
    background: #55acee;
}

.social.share__tw::before {
    content: "\f099";
}

.social.share__wp {
    background: #25D366;
}

.social.share__wp::before {
    content: "\f232";
}

.social.share__em {
    background: rgb(104, 104, 104);
}

.social.share__em::before {
    font-family: "Font Awesome 5 Free";
    content    : "\f0e0";
}

.social.share__pt {
    background: #bd081c;
}

.social.share__pt::before {
    content: "\f0d2";
}

.social.share__ld {
    background: #0077B5;
}

.social.share__ld::before {
    content: "\f08c";
}

.social.share__rd {
    background: #ff5700;
}

.social.share__rd::before {
    content: "\f1a1";
}

.single__post .google__news {
    position      : absolute;
    right         : -52.5%;
    top           : 50%;
    transform     : translateY(-50%);
    border-radius : 0;
    box-shadow    : none;
    margin        : 0;
    vertical-align: middle;
    box-shadow    : 11px 11px 8px -11px rgba(15, 15, 15, .4);
}

/*.single__post .google__news::before {
    content       : "Takip et: ";
    display       : inline-block;
    font-weight   : 600;
    color         : rgb(110, 110, 110);
    vertical-align: middle;
}*/

.single__post img {
    border-radius: 4px;
    box-shadow   : 9px 9px 13px 1.5px rgba(15, 15, 15, .4);
    margin       : 30px auto;
    max-width    : 100%;
    max-height   : 500px;
    display      : block;
}

.post__content {
    width        : 100%;
    margin-bottom: 30px;
}

.post__tags {
    margin-bottom: 30px;
}

.post__tags a {
    box-shadow   : 8px 8px 8px -5px rgba(15, 15, 15, .5);
    text-shadow  : 1px 1px 3px rgba(15, 15, 15, .4);
    background   : #1f7eec;
    color        : #fff;
    padding      : 5px 10px;
    border-radius: 7px;
    font-size    : 13px;
    margin       : 4px;
    display      : inline-block;
}

.post__tags a::before {
    content: "#";
}

.post__authorbox,
.related__posts {
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    background     : #ddd;
    color          : #000;
    border-radius  : 10px;
    box-shadow     : 9px 9px 9px -5px rgba(15, 15, 15, .5);
    text-shadow    : 1px 1px 3px rgba(15, 15, 15, .4);
    margin         : 30px 0;
    padding        : 15px;
    padding-top    : 55px;
    user-select    : none;
    position       : relative;
    overflow       : hidden;
}

.post__authorbox * {
    margin    : 0;
    transition: all .5s;
}

.author__img {
    margin: 5px 0;
}

.author__img img {
    height       : 110px;
    width        : 110px;
    display      : block;
    border-radius: 60%;
    box-shadow   : 3px 3px 10px 1px rgba(15, 15, 15, .4);
}

.author__name {
    font-weight: 600;
    margin     : 5px 0;
    font-size  : 22px;
}

.author__desc {
    margin: 5px 0;
}

.author__social ul {
    list-style: none;
    padding   : 0;
    margin    : 5px 0;
}

.author__social ul li {
    display: inline-block;
    margin : 0 5px;
}

.author__social ul li a {
    color    : #000;
    font-size: 18px;
}

.author__social ul li:hover {
    transform: translateY(-3px);
}

.author__pcount {
    border-radius  : 60%;
    background     : #fff;
    min-width      : 30px;
    min-height     : 30px;
    font-size      : 15px;
    margin         : 5px 0;
    display        : inline-flex;
    justify-content: center;
    align-items    : center;
    box-shadow     : 3px 3px 10px 1px rgba(15, 15, 15, .25);
}

.title__area {
    position  : absolute;
    top       : 0;
    left      : 0;
    right     : 0;
    background: #1f7eec;
    color     : #fff;
    text-align: center;
    padding   : 5px 0;
    font-size : 20px;
    margin    : 0;
    box-shadow: 4px 4px 8px -1px rgba(15, 15, 15, .5);
    z-index   : 99;
}

.load__more {
    display      : inline-block;
    border       : none;
    width        : 140px;
    height       : 50px;
    border-radius: 5px;
    box-shadow   : 9px 9px 9px -3px rgba(15, 15, 15, .4);
    margin       : 30px auto;
    background   : #1f7eec;
    color        : #fff;
    font-weight  : 600;
    font-size    : 14px;
    cursor       : pointer;
    outline      : none;
    transition   : all .5s;
}

.load__more:hover {
    transform: translateY(-3px);
}

.related__posts {
    flex-direction: row;
    padding       : 0;
    padding-top   : 40px;
    position      : relative;
}

.related__posts .get__post {
    width   : 33.33%;
    height  : 300px;
    position: relative;
}

.related__posts .related__img img {
    width   : 100%;
    height  : 100%;
    position: absolute;
}

.related__posts .related__img {
    position: absolute;
    inset   : 0;
}

.related__posts .related__img .tsc-media,
.related__posts .related__img .tsc-media-placeholder {
    position: absolute;
    inset   : 0;
    width   : 100%;
    height  : 100%;
}

.related__posts .related__title {
    position  : absolute;
    bottom    : 15px;
    z-index   : 999;
    padding   : 15px;
    text-align: center;
    left      : 0;
    right     : 0;
}

.related__title a {
    color: #fff;
}

.related__title p a {
    background   : #1f7eec;
    padding      : 3px 12px;
    border-radius: 6px;
    box-shadow   : 5px 5px 15px 2px rgba(240, 240, 240, .4);
    font-size    : 13px;
}

.related__title h3 a {
    text-shadow: 1px 1px 3px rgba(15, 15, 15, .4);
    font-size  : 20px;
}

.get__post>a:first-child {
    position  : absolute;
    left      : 0;
    top       : 0;
    right     : 0;
    bottom    : 0;
    z-index   : 99;
    box-shadow: inset 0px -22px 40px 20px rgba(15, 15, 15, .6);
}

.comments__area {
    user-select: none;
}

.comment__form {
    margin: 30px 0;
    width : 100%;
}

.comment__text,
.comment__count {
    padding: 10px 0;
    width  : 100% !important;
}

.comment__text * {
    margin: 0 5px;
    color : #fff;
}

.comment__text small {
    display    : flex;
    align-items: center;
}

.comment__text small a {
    background   : red;
    border-radius: 20px;
    padding      : 2.5px 10px;
}

#submit,
.reply a {
    display           : inline-flex;
    justify-content   : center;
    margin            : 0 auto;
    background        : #1f7eec;
    color             : #fff;
    box-shadow        : 9px 9px 9px -3px rgba(15, 15, 15, .3);
    border-radius     : 5px;
    padding           : 5px 15px;
    border            : none;
    outline           : none;
    font-size         : 13px;
    -webkit-appearance: none;
}

#commentform {
    display       : flex;
    flex-direction: column;
    width         : 100%;
    padding       : 15px;
}

#commentform input:not(.comment-form-cookies-consent input, #submit),
#commentform textarea {
    display           : block;
    height            : 40px;
    width             : 100%;
    border            : none;
    resize            : none;
    outline           : none;
    box-shadow        : 7px 7px 8px -6px rgba(15, 15, 15, .3);
    border-radius     : 6px;
    -webkit-appearance: none;
}

#commentform textarea {
    height: auto;
}

#commentform label:not(.comment-form-cookies-consent label) {
    display: block;
}

.fn a {
    color: #000;
}

.bypostauthor .fn a {
    padding      : 2.5px 15px;
    background   : red;
    color        : #fff;
    border-radius: 25px;
    box-shadow   : 7px 7px 8px -6px rgba(15, 15, 15, .3);
}

.single__comment,
.children {
    list-style: none;
}

.single__comment {
    padding: 15px;
}

.comment-body {
    padding                   : 15px;
    box-shadow                : 7px 7px 8px -6px rgba(15, 15, 15, .3);
    border-bottom-right-radius: 6px;
}

.single__comment .avatar {
    vertical-align: middle;
    margin-right  : 15px;
    border-radius : 60%;
    box-shadow    : 7px 7px 8px -6px rgba(15, 15, 15, .3);
}

.comment-meta {
    position: relative;
}

.comment-metadata {
    position   : absolute;
    font-size  : 10px;
    font-weight: 500;
    top        : 60px;
    left       : 100px;
}

.comment-metadata a {
    color: rgb(112, 112, 112);
}

/*.comment-meta {
    display       : flex;
    flex-direction: column;
}*/

.says {
    display: none;
}

/******************************** FOR ARCHIVE ******************************/

.archive__title,
.no__comment,
.comment__text,
.comment__count {
    margin         : 0 auto;
    max-width      : 960px;
    width          : 60%;
    display        : inline-flex;
    justify-content: center;
    background     : #1f7eec;
    color          : #fff;
    box-shadow     : 9px 9px 9px -3px rgba(15, 15, 15, .4);
    border-radius  : 5px;
    margin-top     : 10px;
}

/******************************** FOR 404 PAGE ******************************/

.error__area {
    display              : flex;
    justify-content      : center;
    align-items          : center;
    flex-direction       : column;
    /*margin             : 20px;*/
    user-select          : none;
    background-image     : url(../img/background.png);
    background-size      : cover;
    background-color     : #1f7eec;
    position             : absolute;
    left                 : 0;
    top                  : 70px;
    height               : calc(100% - 70px);
    width                : 100%;
    background-repeat    : round;
    background-blend-mode: soft-light;
}

.error__area h2 {
    font-size    : 45px;
    margin       : 0;
    margin-bottom: 20px;
    text-shadow  : 1px 1px 3px rgba(15, 15, 15, .4);
    color        : #fff;
}

.error__area img {
    max-width    : 800px;
    width        : 50%;
    height       : auto;
    border-radius: 10px;
    box-shadow   : 11px 11px 9px -6px rgba(15, 15, 15, .4);
    margin       : 20px;
    margin-top   : 0;
}

.header__mobile,
.mobile__btn,
.header__left>.search__btn {
    display: none;
}

.header__top__banner {
    position  : fixed;
    top       : 0;
    z-index   : 9999;
    left      : 0;
    right     : 0;
    background: #fff;
    display   : block;
}

.header__top__banner img {
    display: block;
    margin : 0 auto;
}

/******************************** MODERNIZATION LAYER (NO COLOR CHANGES) ******************************/

header {
    backdrop-filter: blur(8px);
}

.header__area {
    max-width: 1300px;
    margin   : 0 auto;
    padding  : 0 12px;
}

.menu__area ul#header-menu>li>a,
.sidebar__btn,
.mobile__btn,
.search__btn {
    border-radius: 10px;
}

.main__area {
    padding-bottom: 30px;
}

.slider__area {
    gap    : 14px;
    padding: 0 14px;
}

.slider__area>div,
.slider__area>div:nth-child(3) {
    margin: 0;
}

.slider__big,
.slider__small {
    border-radius: 14px;
}

.slider__big .goinner,
.slider__small .goinner {
    width: 100%;
}

.post__area {
    gap: 6px;
}

.post {
    gap        : 16px;
    align-items: stretch;
    margin     : 18px 0;
}

.post>.shown__area,
.post .info__area {
    margin: 0;
}

.post>.shown__area {
    border-radius: 14px;
}

.post .info__area {
    display        : flex;
    flex-direction : column;
    justify-content: center;
}

.post .post__title {
    line-height: 1.3;
}

.single__post .post__title {
    line-height: 1.25;
}

.post__authorbox,
.related__posts {
    border-radius: 14px;
}

.related__posts {
    overflow: hidden;
}

.related__posts .get__post {
    height: 320px;
}

.archive__title,
.no__comment,
.comment__text,
.comment__count {
    border-radius: 10px;
    min-height   : 58px;
    padding      : 0 16px;
}

.comment__form {
    margin-bottom: 40px;
}

#commentform {
    gap: 10px;
}

#commentform p {
    margin: 0;
}

#commentform textarea {
    min-height: 140px;
}

.load__more,
#submit,
.reply a {
    min-height: 46px;
    transition: transform .25s ease, box-shadow .25s ease;
}

.load__more:hover,
#submit:hover,
.reply a:hover {
    transform: translateY(-2px);
}

/******************************** ADVANCED MOTION + MODERN DETAIL ******************************/

:root {
    --ease-out-soft: cubic-bezier(.21, .98, .6, .99);
}

body {
    overflow-x: hidden;
}

header,
.header__area,
.header__left,
.header__right {
    transition: all .35s var(--ease-out-soft);
}

.menu__area ul#header-menu>li>a {
    position: relative;
}

.menu__area ul#header-menu>li>a::before {
    content      : "";
    position     : absolute;
    left         : 15px;
    right        : 15px;
    bottom       : 13px;
    height       : 2px;
    transform    : scaleX(0);
    transform-origin: center;
    background   : #fff;
    transition   : transform .3s var(--ease-out-soft);
}

.menu__area ul#header-menu>li:hover>a::before {
    transform: scaleX(1);
}

.slider__big,
.slider__small,
.post>.shown__area,
.post__authorbox,
.related__posts,
.comment-body,
#commentform input:not(.comment-form-cookies-consent input, #submit),
#commentform textarea {
    transition: transform .35s var(--ease-out-soft), box-shadow .35s var(--ease-out-soft);
}

.slider__big:hover,
.slider__small:hover {
    transform : translateY(-5px);
    box-shadow: 14px 14px 20px 2px rgba(15, 15, 15, .45);
}

.slider__big:hover .post__image img,
.slider__small:hover .post__image img,
.post:hover .post__image img,
.related__posts .get__post:hover .related__img img {
    transform: scale(1.05);
}

.post__image img,
.related__posts .related__img img {
    transition: transform .7s var(--ease-out-soft);
}

.post:hover>.shown__area {
    transform : translateY(-4px);
    box-shadow: 13px 13px 18px 1px rgba(15, 15, 15, .36);
}

.post .post__title a,
.related__title h3 a {
    transition: letter-spacing .25s ease, opacity .25s ease;
}

.post:hover .post__title {
    letter-spacing: .15px;
}

.archive__title,
.comment__text,
.comment__count {
    position: relative;
    overflow: hidden;
}

.archive__title::after,
.comment__text::after,
.comment__count::after {
    content   : "";
    position  : absolute;
    top       : 0;
    bottom    : 0;
    left      : -40%;
    width     : 30%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .28), rgba(255, 255, 255, 0));
    animation : titleSweep 4.5s ease-in-out infinite;
}

@keyframes titleSweep {
    0% {
        left: -40%;
    }

    55%,
    100% {
        left: 120%;
    }
}

@keyframes fadeUpSoft {
    from {
        opacity  : 0;
        transform: translateY(28px);
    }

    to {
        opacity  : 1;
        transform: translateY(0);
    }
}

@keyframes fadeScaleSoft {
    from {
        opacity  : 0;
        transform: translateY(24px) scale(.98);
    }

    to {
        opacity  : 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes fadeFromLeft {
    from {
        opacity  : 0;
        transform: translateX(-44px);
    }

    to {
        opacity  : 1;
        transform: translateX(0);
    }
}

@keyframes fadeFromRight {
    from {
        opacity  : 0;
        transform: translateX(44px);
    }

    to {
        opacity  : 1;
        transform: translateX(0);
    }
}

body.motion-ready .slider__big,
body.motion-ready .slider__small,
body.motion-ready .timeline,
body.motion-ready .archive__title,
body.motion-ready .single__post,
body.motion-ready .post__authorbox,
body.motion-ready .related__posts,
body.motion-ready .comments__area,
body.motion-ready .comment__form,
body.motion-ready .post {
    opacity   : 0;
    transform : translateY(28px);
    will-change: transform, opacity;
}

body.motion-ready .motion-in {
    opacity   : 1;
    transform : none;
    animation : fadeUpSoft .75s var(--ease-out-soft) both;
}

body.motion-ready .post.motion-in {
    animation-name: fadeScaleSoft;
}

body.motion-ready .post:nth-child(3n + 1).motion-in {
    animation-delay: .02s;
}

body.motion-ready .post:nth-child(3n + 2).motion-in {
    animation-delay: .08s;
}

body.motion-ready .post:nth-child(3n).motion-in {
    animation-delay: .14s;
}

body.motion-ready.motion-post-only .post__authorbox,
body.motion-ready.motion-post-only .related__posts,
body.motion-ready.motion-post-only .comments__area,
body.motion-ready.motion-post-only .comment__form {
    opacity   : 0;
    transform : translateX(-44px);
    will-change: transform, opacity;
}

body.motion-ready.motion-post-only .related__posts.motion-in,
body.motion-ready.motion-post-only .comment__form.motion-in {
    animation: fadeFromLeft .82s var(--ease-out-soft) both;
}

body.motion-ready.motion-post-only .post__authorbox.motion-in,
body.motion-ready.motion-post-only .comments__area.motion-in {
    animation: fadeFromRight .82s var(--ease-out-soft) both;
}

/* Keep article content visible on single post pages. */
body.motion-ready.motion-post-only .single__post {
    opacity   : 1;
    transform : none;
    animation : none;
}

.related__posts .get__post::after {
    content   : "";
    position  : absolute;
    inset     : 0;
    opacity   : 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0));
    transition: opacity .35s var(--ease-out-soft);
    pointer-events: none;
}

.related__posts .get__post:hover::after {
    opacity: 1;
}

#commentform input:focus,
#commentform textarea:focus {
    transform : translateY(-1px);
    box-shadow: 11px 11px 14px -8px rgba(15, 15, 15, .38);
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration       : .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration      : .01ms !important;
        scroll-behavior          : auto !important;
    }
}

/******************************** VISION 2026 NEWS EXPERIENCE ******************************/

body {
    font-family: 'Poppins', sans-serif;
    background-image:
        radial-gradient(circle at 10% 20%, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, 0) 42%),
        radial-gradient(circle at 90% 5%, rgba(31, 126, 236, .1) 0%, rgba(31, 126, 236, 0) 33%),
        repeating-linear-gradient(135deg, rgba(0, 0, 0, .018) 0px, rgba(0, 0, 0, .018) 1px, transparent 1px, transparent 14px);
}

h1,
h2,
h3,
.menu__area ul li a,
.title__area {
    font-family   : 'Poppins', sans-serif;
    letter-spacing: -.01em;
}

header {
    width        : min(1320px, calc(100% - 24px));
    left         : 50%;
    top          : 8px;
    transform    : translateX(-50%);
    border-radius: 18px;
    overflow     : visible;
    box-shadow   : 0 18px 40px -22px rgba(0, 0, 0, .5), 0 5px 12px -6px rgba(0, 0, 0, .35);
}

.reading__progress {
    position      : fixed;
    top           : 78px;
    left          : 50%;
    transform     : translateX(-50%);
    width         : min(1320px, calc(100% - 24px));
    height        : 4px;
    background    : rgba(255, 255, 255, .18);
    z-index       : 9996;
    border-radius : 999px;
    overflow      : hidden;
    pointer-events: none;
}

.reading__progress span {
    display   : block;
    width     : 0;
    height    : 100%;
    background: linear-gradient(to right, #1f7eec, #0255b4);
    transition: width .15s linear;
}

.header__area {
    max-width: none;
    overflow : visible;
}

.menu__area ul li .sub-menu {
    z-index: 10010;
}

.header__ad {
    margin-top: 108px;
}

.main__area {
    max-width: 1320px;
    margin   : 0 auto;
    position : relative;
    padding  : 14px 12px 44px;
}

.main__area::before {
    content      : "";
    position     : absolute;
    inset        : 0;
    z-index      : -1;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0));
}

.slider__area {
    display              : grid;
    grid-template-columns: 1.7fr 1fr;
    grid-template-rows   : minmax(220px, 1fr) minmax(220px, 1fr);
    gap                  : 16px;
    margin-top           : 6px;
}

.slider__big,
.slider__small {
    height: auto;
    width : 100%;
    max-width: none;
}

.slider__big {
    grid-column: 1;
    grid-row   : 1 / 3;
    min-height : 470px;
}

.slider__area>.slider__small:nth-of-type(2) {
    grid-column: 2;
    grid-row   : 1;
    min-height : 226px;
}

.slider__area>.slider__small:nth-of-type(3) {
    grid-column: 2;
    grid-row   : 2;
    min-height : 226px;
}

.slider__big>a::before,
.slider__small>a::before {
    box-shadow: inset 0 -68px 42px 18px rgba(15, 15, 15, .82);
}

.slider__big .post__title {
    font-size  : clamp(1.8rem, 2.4vw, 2.75rem);
    line-height: 1.1;
}

.slider__small .post__title {
    font-size  : clamp(1.15rem, 1.5vw, 1.5rem);
    line-height: 1.15;
}

.slider__big .postinfo__top,
.slider__big .postinfo__bottom,
.slider__small .postinfo__top,
.slider__small .postinfo__bottom {
    margin-left : 22px;
    margin-right: 22px;
}

.post__area {
    margin-top: 30px;
}

.post {
    border-radius: 20px;
    overflow     : hidden;
    box-shadow   : 0 20px 30px -24px rgba(15, 15, 15, .55), 0 10px 18px -12px rgba(15, 15, 15, .25);
    position     : relative;
    padding      : 10px;
    background   : linear-gradient(120deg, #f8f8f8 0%, #ddd 190%);
}

.post::before {
    content   : "";
    position  : absolute;
    inset     : 0 auto 0 0;
    width     : 5px;
    background: linear-gradient(to bottom, #1f7eec, #0255b4);
    opacity   : .9;
}

.post:nth-child(even) {
    flex-direction: row-reverse;
}

.post>.shown__area {
    width    : 46%;
    max-width: 46%;
}

.post .info__area {
    width    : 54%;
    max-width: 54%;
    padding  : 12px 10px;
}

.post .post__title {
    font-size  : clamp(1.35rem, 1.35vw, 1.7rem);
    line-height: 1.2;
}

.post .post__categories {
    right: 14px;
    top  : 14px;
}

.post .post__categories a,
.post__tags a,
.related__title p a {
    border-radius: 999px;
}

.post__image,
.post__featured,
.related__img {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.tsc-media {
    width     : 100%;
    height    : 100%;
    display   : block;
    object-fit: cover;
}

.tsc-media.is-loading {
    opacity: .35;
    filter : blur(2px);
}

.media-loading::before {
    content   : "";
    position  : absolute;
    inset     : 0;
    z-index   : 4;
    background: linear-gradient(110deg, rgba(248, 248, 248, 0) 8%, rgba(248, 248, 248, .7) 18%, rgba(248, 248, 248, 0) 33%);
    background-size: 200% 100%;
    animation : mediaShimmer 1.5s linear infinite;
    pointer-events: none;
}

@keyframes mediaShimmer {
    0% {
        background-position: 160% 0;
    }

    100% {
        background-position: -60% 0;
    }
}

.tsc-media-placeholder {
    width          : 100%;
    height         : 100%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : linear-gradient(145deg, #ddd, #f8f8f8);
}

.tsc-media-placeholder__icon {
    width        : 58px;
    height       : 58px;
    border-radius: 12px;
    background   : rgba(0, 0, 0, .08);
    box-shadow   : inset 0 0 0 2px rgba(0, 0, 0, .08);
    position     : relative;
}

.tsc-media-placeholder__icon::before {
    content    : "\f03e";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size  : 22px;
    color      : rgba(0, 0, 0, .45);
    position   : absolute;
    left       : 50%;
    top        : 50%;
    transform  : translate(-50%, -50%);
}

.post__featured .tsc-media-placeholder {
    min-height: 320px;
    border-radius: 10px;
}

body.site-loading .post .post__title,
body.site-loading .slider__area .post__title,
body.site-loading .post__time,
body.site-loading .post__author,
body.site-loading .related__title h3 a {
    color        : transparent !important;
    text-shadow  : none !important;
    border-radius: 8px;
    background   : linear-gradient(110deg, rgba(221, 221, 221, .9) 20%, rgba(248, 248, 248, .95) 50%, rgba(221, 221, 221, .9) 80%);
    background-size: 220% 100%;
    animation    : mediaShimmer 1.3s linear infinite;
}

body.site-loading .postinfo__bottom .post__time::before,
body.site-loading .postinfo__bottom .post__author::before {
    opacity: 0;
}

.post__page {
    width    : min(960px, calc(100% - 20px));
    max-width: none;
}

.single__post {
    border-radius: 18px;
    padding      : 6px 26px 0;
    background   : linear-gradient(160deg, rgba(255, 255, 255, .56), rgba(255, 255, 255, .18));
    border       : 1px solid rgba(255, 255, 255, .35);
    box-shadow   : 0 16px 30px -24px rgba(15, 15, 15, .45);
}

.single__post .post__title {
    font-size  : clamp(2rem, 3.2vw, 3rem);
    line-height: 1.08;
}

.post__content {
    font-size  : 1.06rem;
    line-height: 1.78;
}

.related__posts .get__post {
    overflow: hidden;
}

.related__title h3 a {
    font-size: clamp(1.1rem, 1.35vw, 1.35rem);
}

.title__area {
    font-size     : 1.15rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.load__more {
    width     : 200px;
    min-height: 54px;
    font-size : .95rem;
    border-radius: 999px;
}

/******************************** FULL WIDTH LAYOUT ******************************/

header {
    width        : 100%;
    left         : 0;
    top          : 0;
    transform    : none;
    border-radius: 0;
}

.reading__progress {
    width    : 100%;
    left     : 0;
    top      : 70px;
    transform: none;
}

.header__ad {
    margin-top: 92px;
}

.main__area {
    max-width: none;
    width    : 100%;
    padding  : 14px 16px 44px;
}

.post__area,
.post__page,
.archive__title,
.no__comment,
.comment__text,
.comment__count {
    width    : 100%;
    max-width: none;
}

/******************************** HEADER FULL, CONTENT CONTAINED ******************************/

header {
    width        : 100%;
    left         : 0;
    top          : 0;
    transform    : none;
    border-radius: 0;
}

.reading__progress {
    width    : 100%;
    left     : 0;
    top      : 70px;
    transform: none;
}

.main__area {
    max-width: 1320px;
    margin   : 0 auto;
    width    : 100%;
    padding  : 14px 16px 44px;
}

.post__area {
    width    : 100%;
    max-width: 1100px;
    margin   : 30px auto 0;
}

.post__page {
    width    : 100%;
    max-width: 980px;
    margin   : 0 auto;
}

.archive__title,
.no__comment,
.comment__text,
.comment__count {
    width    : 100%;
    max-width: 1100px;
}

/******************************** SEARCH + SIDEBAR REDESIGN ******************************/

.get__sidebar .sidebar {
    width        : min(360px, 84vw);
    min-width    : 0;
    max-width    : none;
    left         : calc(-1 * min(360px, 84vw));
    background   : linear-gradient(175deg, #f8f8f8 0%, #ddd 100%);
    box-shadow   : 20px 0 36px -22px rgba(0, 0, 0, .45);
    border-right : 1px solid rgba(255, 255, 255, .5);
    border-radius: 0 20px 20px 0;
    padding      : 22px 18px;
    overflow-y   : auto;
}

.sidebar ul li a {
    font-size    : 18px;
    border-radius: 10px;
    padding      : 8px 10px;
    transition   : background .25s ease, transform .25s ease;
}

.sidebar ul li a:hover {
    background: rgba(31, 126, 236, .14);
    transform : translateX(4px);
}

.get__sidebar::before {
    content         : "";
    position        : fixed;
    inset           : 0;
    background      : rgba(0, 0, 0, .35);
    backdrop-filter : blur(2px);
    opacity         : 0;
    pointer-events  : none;
    transition      : opacity .25s ease;
    z-index         : 9997;
}

body.sidebar-open .get__sidebar::before {
    opacity: 1;
}

.search__area {
    background-image:
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 34%),
        radial-gradient(circle at 80% 85%, rgba(2, 85, 180, .26) 0%, rgba(2, 85, 180, 0) 42%),
        url(../img/background.png);
    backdrop-filter: blur(4px);
}

.search__area .search__form {
    width        : min(760px, 92vw);
    height       : 88px;
    border-radius: 18px;
    border       : 1px solid rgba(255, 255, 255, .45);
    background   : rgba(255, 255, 255, .08);
    box-shadow   : 0 24px 48px -26px rgba(0, 0, 0, .6);
}

.search__area .search__form .search__field {
    width      : 82%;
    font-size  : clamp(1.05rem, 2.2vw, 1.35rem);
    font-weight: 600;
}

.search__area .search__form .search__icon {
    width      : 18%;
    font-size  : 24px;
}

.search__tip {
    top          : auto;
    bottom       : calc(50% + 78px);
    font-size    : 14px;
    padding      : 8px 14px;
    border-radius: 999px;
    background   : rgba(0, 0, 0, .25);
}

.close__search {
    right        : 20px;
    top          : 18px;
    font-size    : 36px;
    width        : 54px;
    height       : 54px;
    border-radius: 50%;
    align-items  : center;
    justify-content: center;
    background   : rgba(0, 0, 0, .22);
}

/******************************** HERO + SUBMENU POLISH ******************************/

.slider__area {
    align-items: stretch;
}

.slider__big {
    min-height: 520px;
}

.slider__area>.slider__small:nth-of-type(2),
.slider__area>.slider__small:nth-of-type(3) {
    min-height: 252px;
}

.slider__area .post__categories {
    display  : flex;
    flex-wrap: wrap;
    gap      : 6px;
}

.slider__small .post__title {
    font-size: clamp(1.2rem, 1.45vw, 1.55rem);
}

.slider__small .postinfo__bottom {
    margin-bottom: 12px;
}

.menu__area ul li .sub-menu {
    transform-origin: top center;
}

.menu__area ul li .sub-menu.submenu-enter {
    animation: submenuReveal .22s ease-out both;
}

@keyframes submenuReveal {
    from {
        opacity  : 0;
        transform: translateY(8px) scale(.98);
    }

    to {
        opacity  : 1;
        transform: translateY(0) scale(1);
    }
}