/*
Theme Name:     Stratus - Child Theme
Theme URI:      https://demo.themovation.com/stratus/intro/
Template:       stratusx
Author:         Themovation
Author URI:     http://themovation.com
Version:        4.0
Text Domain:    stratus
Domain Path:    /languages/
*/


/* = Theme customization starts here
-------------------------------------------------------------- */

html{height:100%;}
body {display: flex; flex-direction: column; min-height: 100%; margin: 0;}
.wrap {flex: 1 0 auto;background: #1D1F21;}
footer {flex-shrink: 0;}
p{margin-bottom:0;}
a {text-decoration: none!important;}

body.elementor-page {
    display: flex!important;
    flex-direction: column;
    min-height: 100vh;
}

.elementor-section-wrap {
    flex: 1;
}

/* Header */
.banner #logo {margin: 15px 0;}
header.dark-header {background-color: #151518 !important;}
.container.dflex {display: flex;align-items: center;justify-content: space-between;}
.navbar .container.dflex .navbar-nav > li > a {padding: 0;}
.container.dflex .social{line-height: 12px;}
.container.dflex  .header_social.mob, .header-right.mob {display: none;}

.navbar .navbar-nav > li > a:after {bottom:0!important;height: 2px;background-color:#c69260!important;transition: all 0.4s linear;margin-bottom: -2px;}
header.dark-header .navbar-nav > li > a:hover:after, header.dark-header .navbar-nav > li.active > a:after, header.dark-header .navbar-nav > li.active > a:hover:after {background-color: #c69260 !important;}
.navbar .navbar-nav > li > a:hover:after, .navbar .navbar-nav > li.active > a:after, .navbar .navbar-nav > li.active > a:hover:after, .navbar .navbar-nav > li.active > a:focus:after {height: 2px!important;}
ul.lang.mob {display:none;}
ul.lang a {text-decoration: none;}
ul.lang {list-style: none;margin: 0;padding: 0;}


@media (min-width: 768px) and (max-width: 991px) {
    .navbar .container.dflex .navbar-nav > li > a {margin-left: 5px;margin-right: 5px;}
	.container.dflex {padding-left: 0;padding-right: 0;}
}

@media (max-width: 767px) {
	ul.lang.mob {display:block;text-align: right;margin: 13px 0;}
	ul.lang{display:none;}
	.container.dflex {display: block;}
	.header_social, .header-right {display: none;}
	.container.dflex  .header_social.mob, .header-right.mob {display: block;}
	header.dark-header .navbar-nav {text-align: center;}
	header.dark-header .nav>li {margin: 12px 0;}
	.navbar-header:before, .navbar-header:after{display:none;}
	.banner #logo {margin:5px 0;text-align: right;max-width: 100%;}
	.container.dflex .navbar-header {display: grid;grid-template-columns: 40px calc(50% - 20px) 1fr;}
	
}



/*
Blog
*/
.articles-list {display: grid;gap: 1.5rem;}
.articles-block {display: grid;width: 100%;grid-gap: 1.5rem;}
.articles-block__wrapper {display: grid;width: 100%;grid-gap: 1.5rem;}
.articles-block .articles-block__wrapper_list-style {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, 1fr);}
.articles-block .articles-block__wrapper_banner-style {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);}
.articles-block .articles-block__wrapper_list-style .articles-block__article-left:nth-of-type(1) {grid-column: 1;grid-row: 1 / span 3;}
.articles-block .articles-block__wrapper_list-style .articles-block__article-right:nth-of-type(2) {grid-row: 1;}
.articles-block .articles-block__wrapper_list-style .articles-block__article-right:nth-of-type(3) {grid-row: 2;}
.articles-block .articles-block__wrapper_list-style .articles-block__article-right:nth-of-type(4) {grid-row: 3;}
.articles-block .articles-block__wrapper_banner-style .articles-block__article-left:first-of-type {grid-row: 1;}
.articles-block .articles-block__wrapper_banner-style .articles-block__article-left:nth-of-type(2) {grid-row: 2;}
.articles-block .articles-block__wrapper_banner-style .articles-block__article-right {grid-column: 2; grid-row: 1 / span 2;}
.article-card{align-items: flex-start;background: #2c3139;border-radius: 1rem;cursor: pointer;display: flex;flex-direction: column;overflow: hidden;position: relative;}
.article-card.horizontal.large {height: 409px;}
.article-card.small {height: 120px;}


.article-card a {overflow: hidden;position: absolute;}
.article-card .article-card__image {border-radius: 1rem;object-fit: cover;object-position: top;height: 409px;}
.article-card.small .article-card__image {height: 120px;}
.article-card.small .article-card__content {bottom: -15%;gap: .5rem;margin-left: 7.625rem;margin-right: 1.25rem;padding: .75rem 0;width: auto;}
.article-card .article-card__categories{display: flex;gap: .3rem;transition: margin-top .3s ease-in-out;}
.article-card .article-card__categories span{color: #919398;font-size: .875rem;font-style: normal;font-weight: 500;letter-spacing: .00875rem;line-height: 1.25rem;}
.article-card.small .article-card__header{background: #2c3139;margin-top: 0;padding: 0;}
.article-card.small .article-card__header h3{font-size: .875rem;font-weight: 500;height: 2.5rem;letter-spacing: .00875rem;line-height: 1.25rem;padding: 0;margin: 0;}
.article-card.small .article-card__info {background: #2c3139;margin-top: 1rem;padding: 0;transition: margin-top .3s ease-in-out;}
.article-card.small:hover .article-card__categories {margin-top: -2rem;}
.article-card.small .article-card__info p {-webkit-line-clamp: 1;font-size: .75rem;font-style: normal;font-weight: 500;line-height: 1rem;}
.article-card.small:hover .article-card__info {margin-top: 0;}
.article-card.small .article-card__info p{-webkit-line-clamp: 1;font-size: .75rem;font-style: normal;font-weight: 500;line-height: 1rem;margin: 0;}
.article-card.small .article-card__statistics {gap: .3rem;}
.article-card.small .article-card__statistics span {font-size: .75rem;font-style: normal;font-weight: 500;line-height: 1rem;}


.article-card .article-card__tags {display: flex;flex-wrap: wrap;gap: .5rem;margin-left: 1rem;margin-top: 1rem;z-index: 3;}
.category-tag {padding:.25rem .5rem;background:#fff;border:none;color:#2c3039;align-items:center;border-radius:24px;display:flex;font-weight:600;gap:.5rem;justify-content:center;user-select:none;width:fit-content;}
.article-card .article-card__content {display: flex;flex-direction: column;height: 100%;justify-content: space-between;position: absolute;transition: bottom .4s ease-in-out;width: 100%;z-index: 3;}
.article-card.horizontal.large .article-card__content {bottom: -28%;}
.article-card .article-card__header{align-items: center;align-self:stretch;background:linear-gradient(180deg,#21252a00,#21252a);display:flex;gap:1.25rem;margin-bottom:0;margin-top:auto;padding: 3.75rem 1.5rem 1.5rem;}
.article-card .article-card__header h3[data-v-cbbb60d9] {color: #fff;display: -webkit-box;height: 3.5rem;overflow: hidden;-webkit-box-orient: vertical;font-size: 1.25rem;font-style: normal;font-weight: 700;letter-spacing: .025rem;line-height: 1.75rem;max-width: 100%;text-overflow: ellipsis;word-break: break-word;}
.article-card .article-card__header h3 {font-size: 1.5rem;font-weight: 700;height: 4rem;letter-spacing: .045rem;line-height: 2rem;}
.article-card .article-card__info{align-items: flex-start;background: #21252a;display: flex;flex-direction: column;gap: .5rem;padding: 1rem 1.5rem;width: 100%;}
.article-card.horizontal:hover .article-card__content, .article-card:hover .article-card__content {bottom: 0;}
.article-card .article-card__header h3 {color: #fff;display: -webkit-box;height: 3.5rem;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 1.25rem;font-style: normal;font-weight: 700;letter-spacing: .025rem;line-height: 1.75rem;max-width: 100%;text-overflow: ellipsis;word-break: break-word;}
.article-card .article-card__info p {color: #919398;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: .875rem;font-style: normal;font-weight: 500;letter-spacing: .00875rem;line-height: 1.25rem;max-width: 100%;text-overflow: ellipsis;word-break: break-word;}
.article-card .article-card__statistics span{color: #919398;font-size: .875rem;font-style: normal;font-weight: 500;letter-spacing: .00875rem;line-height: 1.25rem;}
.article-card .article-card__info a {display: none;}

nav.navigation.pagination {width: 100%;}
.articles-content__pagination .page-numbers {align-items: center;background-color:#838ea5;border:1px solid #5e5147;color:#dcdfe5;text-decoration:none;width:fit-content;min-width:40px;height: 40px;line-height: 40px;border-radius: 5px;text-align: center;}
.articles-content__pagination .next.page-numbers,.articles-content__pagination .page-numbers.current{background-color:#D19A66 ;color:#292929;}
.articles-content__pagination .next.page-numbers,.articles-content__pagination .prev.page-numbers {padding: 0 10px;}

nav.navigation.pagination .nav-links {display: flex;justify-content: center;align-items: center;gap:.5em;}
.articles-block .articles-block__wrapper_list-style .articles-block__article-left:nth-of-type(1) img {width: 100%;}
.articles-block .articles-block__wrapper_list-style .articles-block__article-left:nth-of-type(1) a {width: 100%;}


.blog-category {display: flex;flex-wrap: wrap;gap: .75rem;box-sizing: border-box;font-weight: 400;margin: 0;margin-bottom: 2.5rem;}
.blog-category .filter-tag{align-items: center;background-color: #838ea5;border: 1px solid #5e5147;color: #dcdfe5;display: flex;padding:0 10px;width: fit-content;border-radius: 1.5rem;text-decoration: none;}
.blog-category .filter-tag.tag_active, .blog-category .filter-tag:hover {background-color: #d19a66;color: #2c3039;cursor: pointer;}
.blog-category .tag-name {margin: 0;font-weight: 500;color: #fff;}
.blog-category .filter-tag.tag_active .tag-name, .blog-category .filter-tag:hover .tag-name {color: #2c3039;}



@media (max-width: 767px) {
	.articles-block .articles-block__wrapper_list-style {grid-template-columns: 1fr;grid-template-rows: auto;}
	.articles-block .articles-block__wrapper_list-style .articles-block__article-left:nth-of-type(1) {grid-column: 1;grid-row: 1;}
	.articles-block .articles-block__wrapper_list-style .articles-block__article-right:nth-of-type(2) {grid-row: 2;}
	.articles-block .articles-block__wrapper_list-style .articles-block__article-right:nth-of-type(3) {grid-row: 3;}
	.articles-block .articles-block__wrapper_list-style .articles-block__article-right:nth-of-type(4) {grid-row: 4;}
	
}

/*
************************************************
*/