/*! sanitize.css v7.0.2 | CC0 License | github.com/csstools/sanitize.css */
*,:after,:before {
	background-repeat:no-repeat;
	box-sizing:border-box
}

:after,:before {
	text-decoration:inherit;
	vertical-align:inherit
}

html {
	font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Oxygen,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	line-height:1.15;
	-moz-tab-size:4;
	-o-tab-size:4;
	tab-size:4;
	word-break:break-word
}

body {
	margin:0
}

h1 {
	font-size:2em;
	margin:.67em 0
}

hr {
	height:0;
	overflow:visible
}

main {
	display:block
}

nav ol,nav ul {
	list-style:none
}

pre {
	font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;
	font-size:1em
}

a {
	background-color:transparent
}

abbr[title] {
	text-decoration:underline;
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}

b,strong {
	font-weight:bolder
}

code,kbd,samp {
	font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;
	font-size:1em
}

small {
	font-size:80%
}

::-moz-selection {
	background-color:#b3d4fc;
	color:#000;
	text-shadow:none
}

::selection {
	background-color:#b3d4fc;
	color:#000;
	text-shadow:none
}

audio,canvas,iframe,img,svg,video {
	vertical-align:middle
}

audio,video {
	display:inline-block
}

audio:not([controls]) {
	display:none;
	height:0
}

img {
	border-style:none
}

svg {
	fill:currentColor
}

svg:not(:root) {
	overflow:hidden
}

table {
	border-collapse:collapse
}

button,input,select,textarea {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit
}

button,input,select {
	margin:0
}

button {
	overflow:visible;
	text-transform:none
}

[type=button],[type=reset],[type=submit],button {
	-webkit-appearance:button
}

fieldset {
	padding:.35em .75em .625em
}

input {
	overflow:visible
}

legend {
	color:inherit;
	display:table;
	max-width:100%;
	white-space:normal
}

progress {
	display:inline-block;
	vertical-align:baseline
}

select {
	text-transform:none
}

textarea {
	margin:0;
	overflow:auto;
	resize:vertical
}

[type=checkbox],[type=radio] {
	padding:0
}

[type=search] {
	-webkit-appearance:textfield;
	outline-offset:-2px
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
	height:auto
}

::-webkit-input-placeholder {
	color:inherit;
	opacity:.54
}

::-webkit-search-decoration {
	-webkit-appearance:none
}

::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}

::-moz-focus-inner {
	border-style:none;
	padding:0
}

:-moz-focusring {
	outline:1px dotted ButtonText
}

details,dialog {
	display:block
}

dialog {
	background-color:#fff;
	border:solid;
	color:#000;
	height:-moz-fit-content;
	height:-webkit-fit-content;
	height:fit-content;
	left:0;
	margin:auto;
	padding:1em;
	position:absolute;
	right:0;
	width:-moz-fit-content;
	width:-webkit-fit-content;
	width:fit-content
}

dialog:not([open]) {
	display:none
}

summary {
	display:list-item
}

canvas {
	display:inline-block
}

template {
	display:none
}

[tabindex],a,area,button,input,label,select,summary,textarea {
	touch-action:manipulation
}

[hidden] {
	display:none
}

[aria-busy=true] {
	cursor:progress
}

[aria-controls] {
	cursor:pointer
}

[aria-disabled],[disabled] {
	cursor:disabled
}

[aria-hidden=false][hidden]:not(:focus) {
	clip:rect(0,0,0,0);
	display:inherit;
	position:absolute
}

:root {
	--announcement-bar-height:0px;
	--show-fade-animation:1
}

[data-theme=light] {
	--background-color:#fff;
	--primary-foreground-color:#4a4a4a;
	--secondary-foreground-color:#000;
	--primary-subtle-color:#0470ee;
	--secondary-subtle-color:#f4f8fd;
	--titles-color:#333;
	--link-color:#133467;
	--primary-border-color:#9b9b9b;
	--secondary-border-color:#f0f8ff;
	--article-shadow-normal:0 10px 10px rgba(0,0,0,.08);
	--article-shadow-hover:0 4px 60px 0 rgba(0,0,0,.2);
	--transparent-background-color:hsla(0,0%,100%,.99);
	--footer-background-color:#133467;
	--submenu-shadow-color-opacity:0.25;
	--button-shadow-color-normal:hsla(0,0%,42%,.2);
	--button-shadow-color-hover:hsla(0,0%,42%,.3);
	--table-background-color-odd:#fafafa;
	--table-head-border-bottom:#e2e2e2;
	--toggle-darkmode-button-display-moon:block;
	--toggle-darkmode-button-display-sun:none;
	--toggle-darkmode-background-color:rgba(0,0,0,.05);
	--header-menu-gradient-first-color:hsla(0,0%,100%,0);
	--header-menu-gradient-second-color:#fff;
	--kg-card-img-invert-color:0
}

[data-theme=dark] {
	--background-color:#111;
	--primary-foreground-color:#ccc;
	--secondary-foreground-color:#fff;
	--primary-subtle-color:#2c2fe6;
	--secondary-subtle-color:#141920;
	--titles-color:#b4b4b4;
	--link-color:#b6b7f6;
	--primary-border-color:#1d1d1d;
	--secondary-border-color:#0f0f0f;
	--article-shadow-normal:0 4px 5px 5px rgba(0,0,0,.1);
	--article-shadow-hover:0 4px 5px 10px rgba(0,0,0,.1);
	--transparent-background-color:rgba(0,0,0,.99);
	--footer-background-color:#080808;
	--submenu-shadow-color-opacity:0.55;
	--button-shadow-color-normal:hsla(0,0%,4%,.5);
	--button-shadow-color-hover:hsla(0,0%,4%,.5);
	--table-background-color-odd:#050505;
	--table-head-border-bottom:#1d1d1d;
	--toggle-darkmode-button-display-moon:none;
	--toggle-darkmode-button-display-sun:block;
	--toggle-darkmode-background-color:rgba(0,0,0,.5);
	--header-menu-gradient-first-color:hsla(0,0%,7%,0);
	--header-menu-gradient-second-color:hsla(0,0%,7%,.65);
	--kg-card-img-invert-color:1
}

.hide {
	display:none
}

.sr-only {
	clip:rect(0 0 0 0);
	-webkit-clip-path:inset(100%);
	clip-path:inset(100%);
	height:1px;
	overflow:hidden;
	position:absolute;
	white-space:nowrap;
	width:1px
}

.focusable:focus,.m-button:focus,.m-icon-button:focus,.m-toggle-darkmode input:focus {
	box-shadow:0 0 0 2px var(--primary-subtle-color)!important
}

.content-centered,.m-hero,.m-icon-button {
	align-items:center;
	display:flex;
	justify-content:center
}

.m-button,.m-icon-button,.m-input,.m-toggle-darkmode input,.no-appearance {
	-webkit-appearance:none!important;
	-moz-appearance:none!important;
	appearance:none!important
}

.no-padding {
	padding:0
}

.no-margin {
	margin:0
}

.no-scroll-y {
	overflow-y:hidden
}

.align-center {
	text-align:center
}

.align-left {
	text-align:left
}

.align-right {
	text-align:right
}

.pos-relative {
	position:relative
}

.pos-absolute {
	position:absolute
}

.bold {
	font-weight:700
}

.underline {
	text-decoration:underline
}

.uppercase {
	text-transform:uppercase
}

.pointer {
	cursor:pointer
}

.only-desktop {
	display:none
}

@media only screen and (min-width:48rem) {
	.only-desktop {
	display:block
}


}

[class*=" icon-"],[class^=icon-] {
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family:icomoon!important;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:1;
	text-transform:none
}


.icon-moon:before {
	content:"\e90f"
}

.icon-sunny:before {
	content:"\e910"
}

.icon-chevron-down:before {
	content:"\e900"
}

.icon-star:before {
	content:"\e901"
}

.icon-arrow-left:before {
	content:"\e902"
}

.icon-arrow-right:before {
	content:"\e903"
}

.icon-arrow-top:before {
	content:"\e904"
}

.icon-close:before {
	content:"\e905"
}

.icon-comments:before {
	content:"\e906"
}

.icon-facebook:before {
	content:"\e907"
}

.icon-globe:before {
	content:"\e908"
}

.icon-menu:before {
	content:"\e909"
}

.icon-more:before {
	content:"\e90a"
}

.icon-search:before {
	content:"\e90b"
}

.icon-twitter:before {
	content:"\e90c"
}

.icon-imdb:before {
	content:"\e90d"
}

.icon-vk:before {
	content:"\e90e"
}

.icon-steam:before {
	content:"\e914"
}

.icon-twitch:before {
	content:"\e915"
}

.icon-youtube:before {
	content:"\e916"
}

.icon-vimeo:before {
	content:"\e917"
}

.icon-whatsapp:before {
	content:"\e918"
}

.icon-reddit:before {
	content:"\e919"
}

.icon-rss:before {
	content:"\e91a"
}

.icon-spotify:before {
	content:"\e91b"
}

.icon-telegram:before {
	content:"\e91c"
}

.icon-soundcloud:before {
	content:"\e91d"
}

.icon-flickr:before {
	content:"\e91e"
}

.icon-letterboxd:before {
	content:"\e91f"
}

.icon-odnoklassniki:before {
	content:"\e920"
}

.icon-pinterest:before {
	content:"\e921"
}

.icon-tiktok:before {
	content:"\e922"
}

.icon-tumblr:before {
	content:"\e923"
}

.icon-xing:before {
	content:"\e924"
}

.icon-mixcloud:before {
	content:"\e925"
}

.icon-mixer:before {
	content:"\e926"
}

.icon-wechat:before {
	content:"\e927"
}

.icon-deviantart:before {
	content:"\e928"
}

.icon-discord:before {
	content:"\e929"
}

.icon-instagram:before {
	content:"\e92a"
}

.icon-linkedin:before {
	content:"\e92b"
}

.icon-snapchat:before {
	content:"\e92c"
}

.icon-gitlab:before {
	content:"\e92d"
}

.icon-github:before {
	content:"\e930"
}

.icon-behance:before {
	content:"\e951"
}

body {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	background-color:var(--background-color);
	color:var(--primary-foreground-color);
	display:flex;
	flex-direction:column;
	font-display:swap;
	font-family:Source Sans Pro,Helvetica,Arial,sans-serif;
	font-size:1rem;
	min-height:100vh;
	overflow-x:hidden;
	padding-top:var(--announcement-bar-height);
	transition:padding-top .2s linear;
	width:100%
}

body.share-menu-displayed {
	padding-bottom:45px
}

@media only screen and (min-width:48rem) {
	body.share-menu-displayed {
	padding-bottom:0
}


}

.main-wrap {
	display:flex;
	flex-direction:column;
	flex-grow:1
}

p {
	line-height:1.5;
	margin:0
}

a {
	color:inherit;
	text-decoration:none
}

fieldset {
	border:0;
	margin:0;
	padding:0;
	position:relative
}

.tippy-popper * {
	text-align:left!important
}

.medium-zoom-overlay {
	background-color:var(--background-color)!important
}

.medium-zoom-image,.medium-zoom-overlay {
	z-index:5
}

[data-animate^=fade] {
	-webkit-animation:fadeAnimation .5s linear forwards;
	animation:fadeAnimation .5s linear forwards;
	opacity:calc((var(--show-fade-animation) - 1)*-1)
}

@-webkit-keyframes fadeAnimation {
	0% {
	opacity:calc((var(--show-fade-animation) - 1)*-1)
}

to {
	opacity:1
}


}

@keyframes fadeAnimation {
	0% {
	opacity:calc((var(--show-fade-animation) - 1)*-1)
}

to {
	opacity:1
}


}

[data-animate=fade-up] {
	-webkit-animation:fadeUpAnimation .5s cubic-bezier(.77,0,.18,1) .3s forwards;
	animation:fadeUpAnimation .5s cubic-bezier(.77,0,.18,1) .3s forwards
}

@-webkit-keyframes fadeUpAnimation {
	0% {
	opacity:calc((var(--show-fade-animation) - 1)*-1);
	transform:translateY(calc(100px*var(--show-fade-animation)))
}

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


}

@keyframes fadeUpAnimation {
	0% {
	opacity:calc((var(--show-fade-animation) - 1)*-1);
	transform:translateY(calc(100px*var(--show-fade-animation)))
}

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


}

[data-animate=fade-down] {
	-webkit-animation:fadeDownAnimation .5s cubic-bezier(.77,0,.18,1) forwards;
	animation:fadeDownAnimation .5s cubic-bezier(.77,0,.18,1) forwards
}

@-webkit-keyframes fadeDownAnimation {
	0% {
	opacity:calc((var(--show-fade-animation) - 1)*-1);
	transform:translateY(calc(-100px*var(--show-fade-animation)))
}

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


}

@keyframes fadeDownAnimation {
	0% {
	opacity:calc((var(--show-fade-animation) - 1)*-1);
	transform:translateY(calc(-100px*var(--show-fade-animation)))
}

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


}

.l-wrapper {
	margin:0 auto;
	padding:0 20px;
	position:relative;
	width:100%
}

@media only screen and (min-width:48rem) {
	.l-wrapper {
	max-width:1200px
}


}

@media only screen and (min-width:80rem) {
	.l-wrapper {
	padding:0
}


}

.l-wrapper.in-submenu {
	padding:0
}

@media only screen and (min-width:48rem) {
	.l-wrapper.in-submenu {
	padding:0 20px
}


}

@media only screen and (min-width:80rem) {
	.l-wrapper.in-submenu {
	padding:0
}


}

@media only screen and (min-width:48rem) {
	.l-wrapper.in-post {
	max-width:960px
}


}

.l-wrapper.in-comments {
	color:var(--primary-foreground-color)
}

@media only screen and (min-width:48rem) {
	.l-wrapper.in-comments {
	max-width:820px
}


}

@media only screen and (min-width:64rem) {
	.l-wrapper.in-recommended {
	max-width:calc(100% - 60px);
	padding:0
}


}

@media only screen and (min-width:90rem) {
	.l-wrapper.in-recommended {
	max-width:1200px
}


}

.l-wrapper.in-post.no-image {
	padding-top:40px
}

@media only screen and (min-width:48rem) {
	.l-wrapper.in-post.no-image {
	padding-top:80px
}


}

.l-wrapper.in-caption {
	padding-top:10px
}

.l-content {
	padding:40px 0 20px
}

@media only screen and (min-width:48rem) {
	.l-content {
	padding:60px 0 40px
}
}

.m-button {
	background-color:transparent;
	border:0;
	border-radius:5px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	font-size:1rem;
	font-weight:600;
	letter-spacing:.2px;
	line-height:1;
	outline:0;
	padding:13px 25px;
	position:relative;
	text-align:center;
	transition:all .25s cubic-bezier(.02,.01,.47,1)
}

.m-button.outlined {
	border:1px solid var(--primary-foreground-color);
	color:var(--titles-color)
}

.m-button.filled,.m-button.primary {
	box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent
}

.m-button.filled:hover,.m-button.primary:hover {
	box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;
	transform:translateY(-2px)
}

.m-button.filled {
	background-color:#fff;
	border-radius:5px
}

.m-button.block {
	display:block;
	width:100%
}

.m-button.primary {
	background-color:var(--primary-subtle-color);
	color:#fff
}

.m-button.loading {
	cursor:default;
	overflow:hidden
}

.m-button.loading:after {
	-webkit-animation:loading 1s infinite;
	animation:loading 1s infinite;
	background-color:#fff;
	bottom:0;
	content:"";
	height:2px;
	left:0;
	position:absolute;
	width:25%
}

@-webkit-keyframes loading {
	0% {
	transform:translatex(0)
}

50% {
	transform:translatex(300%)
}

to {
	transform:translatex(0)
}


}

@keyframes loading {
	0% {
	transform:translatex(0)
}

50% {
	transform:translatex(300%)
}

to {
	transform:translatex(0)
}


}

.m-icon-button {
	background-color:transparent;
	border:0;
	border-radius:50%;
	color:var(--titles-color);
	cursor:pointer;
	font-size:1.125rem;
	outline:0;
	padding:0
}

.m-icon-button.outlined {
	border:1px solid var(--primary-foreground-color)
}

.m-icon-button.filled {
	background-color:var(--background-color);
	box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent;
	transition:all .25s cubic-bezier(.02,.01,.47,1)
}

.m-icon-button.filled:hover {
	box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent
}

.m-icon-button:disabled {
	cursor:default;
	opacity:.5
}

.m-icon-button.in-mobile-topbar {
	height:50px;
	width:50px
}

.m-icon-button.as-close-menu {
	font-size:.625rem;
	height:32px;
	position:absolute;
	right:20px;
	top:20px;
	width:32px;
	z-index:2
}

@media only screen and (min-width:48rem) {
	.m-icon-button.as-close-menu {
	display:none!important
}


}

.m-icon-button.as-close-search {
	font-size:.625rem;
	height:32px;
	position:absolute;
	right:20px;
	top:20px;
	width:32px;
	z-index:2
}

@media only screen and (min-width:48rem) {
	.m-icon-button.as-close-search {
	font-size:.875rem;
	height:42px;
	right:30px;
	top:30px;
	width:42px
}


}

@media only screen and (min-width:80rem) {
	.m-icon-button.as-close-search {
	height:50px;
	right:40px;
	top:40px;
	width:50px
}


}

.m-icon-button.in-menu-main {
	display:none
}

@media only screen and (min-width:48rem) {
	.m-icon-button.in-menu-main {
	display:flex;
	height:32px;
	width:32px
}


}

.m-icon-button.more {
	font-size:1.25rem;
	position:relative;
	z-index:6
}

.m-icon-button.more.active {
	color:var(--primary-subtle-color)
}

.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right {
	font-size:.625rem;
	height:40px;
	width:40px
}

@media only screen and (min-width:48rem) {
	.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right {
	font-size:.688rem;
	height:46px;
	width:46px
}


}

.m-icon-button.in-pagination-left {
	margin-right:30px
}

.m-icon-button.in-pagination-right {
	margin-left:30px
}

.m-icon-button.in-featured-articles {
	bottom:5px;
	color:#fff;
	font-size:.875rem;
	height:40px;
	position:absolute;
	width:40px;
	z-index:2
}

@media only screen and (min-width:48rem) {
	.m-icon-button.in-featured-articles {
	bottom:26px
}


}

.m-icon-button.in-featured-articles.swiper-button-prev {
	right:56px
}

@media only screen and (min-width:48rem) {
	.m-icon-button.in-featured-articles.swiper-button-prev {
	right:76px
}


}

.m-icon-button.in-featured-articles.swiper-button-next {
	right:16px
}

@media only screen and (min-width:48rem) {
	.m-icon-button.in-featured-articles.swiper-button-next {
	right:36px
}


}

.m-icon-button.in-recommended-articles {
	font-size:.625rem;
	height:40px;
	position:absolute;
	top:240px;
	transform:translateY(-50%);
	width:40px;
	z-index:2
}

@media only screen and (min-width:64rem) {
	.m-icon-button.in-recommended-articles {
	display:none
}


}

.m-icon-button.in-recommended-articles.swiper-button-prev {
	left:2px
}

.m-icon-button.in-recommended-articles.swiper-button-next {
	right:2px
}

.m-icon-button.as-load-comments {
	font-size:1.25rem;
	height:60px;
	margin:0 auto;
	position:relative;
	width:60px;
	z-index:2
}

@media only screen and (min-width:48rem) {
	.m-icon-button.as-load-comments {
	font-size:1.625rem;
	height:80px;
	width:80px
}


}

.m-icon-button.in-share {
	color:var(--titles-color);
	font-size:.75rem;
	height:31px;
	margin:0 25px;
	text-decoration:none;
	width:31px
}

@media only screen and (min-width:64rem) {
	.m-icon-button.in-share {
	font-size:.875rem;
	height:40px;
	margin:0 0 20px;
	width:40px
}


}

@media only screen and (min-width:80rem) {
	.m-icon-button.in-share {
	font-size:1rem;
	height:50px;
	width:50px
}


}

.m-icon-button.progress {
	position:relative
}

.m-icon-button.progress svg {
	height:100%;
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	width:100%
}

.m-icon-button.progress svg circle {
	stroke:var(--primary-subtle-color);
	transform:rotate(-90deg);
	transform-origin:50% 50%;
	transition:stroke-dashoffset .2s
}

.rtl .m-icon-button.in-featured-articles.swiper-button-prev {
	left:16px;
	right:auto
}

@media only screen and (min-width:48rem) {
	.rtl .m-icon-button.in-featured-articles.swiper-button-prev {
	left:36px;
	right:auto
}


}

.rtl .m-icon-button.in-featured-articles.swiper-button-next {
	left:52px;
	right:auto
}

@media only screen and (min-width:48rem) {
	.rtl .m-icon-button.in-featured-articles.swiper-button-next {
	left:72px;
	right:auto
}


}

.rtl .m-icon-button.in-recommended-articles.swiper-button-prev {
	left:auto;
	right:2px;
	transform:rotate(180deg)
}

.rtl .m-icon-button.in-recommended-articles.swiper-button-next {
	left:2px;
	right:auto;
	transform:rotate(180deg)
}

.m-input {
	background-color:var(--background-color);
	border:1px solid var(--primary-border-color);
	border-radius:5px;
	color:var(--primary-foreground-color);
	font-size:1rem;
	letter-spacing:.2px;
	line-height:1.3;
	outline:0;
	padding:11px 15px;
	width:100%
}

.m-input:focus {
	border-color:var(--primary-subtle-color)
}

.m-input.in-search {
	font-weight:600;
	padding-left:40px
}

@media only screen and (min-width:48rem) {
	.m-input.in-search {
	font-size:1.25rem;
	padding:15px 30px 15px 60px
}


}

.m-input.in-subscribe-section {
	margin-bottom:15px
}

.m-section-title {
	color:var(--primary-foreground-color);
	font-size:1.25rem;
	font-weight:400;
	letter-spacing:.3px;
	line-height:1.3;
	margin:0 0 30px;
	text-align:center
}

@media only screen and (min-width:48rem) {
	.m-section-title {
	font-size:1.5rem;
	margin-bottom:40px
}


}

.m-section-title.in-recommended {
	margin-bottom:0!important
}

.m-small-text {
	color:var(--titles-color);
	font-size:.875rem
}

.m-small-text.in-subscribe-page {
	font-weight:600;
	padding-top:30px
}

.m-small-text.in-author-along-with {
	margin-bottom:20px
}

.m-small-text.in-author-along-with a {
	text-decoration:underline
}

.m-not-found {
	color:var(--primary-foreground-color);
	font-size:.875rem;
	font-weight:600;
	line-height:1.3
}

.m-not-found.in-recent-articles {
	margin-left:20px
}

@media only screen and (min-width:48rem) {
	.m-not-found.in-recent-articles {
	margin-left:0
}


}

.m-header {
	background-color:var(--background-color);
	left:0;
	position:fixed;
	top:0;
	transition:transform .4s cubic-bezier(.165,.84,.44,1);
	width:100%;
	will-change:transform;
	z-index:4
}

@media only screen and (min-width:48rem) {
	.m-header {
	padding:15px 0
}

.m-header.with-announcement-bar {
	padding:0
}

.m-header.with-announcement-bar .m-menu {
	padding:15px 0
}


}

.m-header.mobile-menu-opened {
	height:100%
}

@media only screen and (min-width:48rem) {
	.m-header.mobile-menu-opened {
	height:auto
}


}

.m-header.headroom--pinned {
	box-shadow:0 4px 8px rgba(0,0,0,.05),0 0 0 transparent;
	transform:translateY(0)
}

.m-header.headroom--pinned .m-header__shadow {
	display:none
}

.m-header.headroom--unpinned {
	transform:translateY(-100%)
}

.m-header.submenu-is-active {
	background-color:var(--background-color)
}

.m-header.submenu-is-active .m-header__shadow {
	display:none
}

.m-header.with-picture {
	background-color:var(--background-color)
}

.m-mobile-topbar {
	align-items:center;
	display:flex;
	height:50px;
	justify-content:space-between;
	position:relative;
	z-index:2
}

@media only screen and (min-width:48rem) {
	.m-mobile-topbar {
	display:none!important
}


}

.m-logo {
	display:inline-block;
	height:32px
}

.m-logo img {
	height:100%;
	max-width:150px;
	-o-object-fit:contain;
	object-fit:contain;
	width:auto
}

.m-logo img.m-logo__image-light {
	display:var(--toggle-darkmode-button-display-moon)
}

.m-logo img.m-logo__image-dark {
	display:var(--toggle-darkmode-button-display-sun)
}

.m-logo.in-mobile-topbar {
	margin:0 20px
}

.m-site-name.in-mobile-topbar {
	color:var(--titles-color);
	font-weight:600
}

.m-site-name.in-desktop-menu {
	font-weight:700
}

@media only screen and (min-width:48rem) {
	.m-nav {
	align-items:center;
	display:flex;
	height:37px;
	justify-content:space-between;
	overflow-y:hidden
}


}

@media only screen and (min-width:90rem) {
	.m-nav {
	margin:0 -5px
}


}

@media only screen and (min-width:48rem) {
	.m-nav.toggle-overflow {
	overflow-y:initial
}


}

.m-nav__left {
	margin-bottom:30px
}

@media only screen and (min-width:48rem) {
	.m-nav__left {
	-webkit-overflow-scrolling:touch;
	align-items:center;
	display:flex;
	flex:1 1 auto;
	margin-bottom:0;
	overflow-x:auto;
	overflow-y:hidden;
	padding-bottom:40px;
	padding-left:5px;
	padding-top:40px;
	white-space:nowrap
}

.m-nav__left.toggle-overflow {
	overflow-x:hidden
}


}

.m-nav__left ul:not(.m-secondary-menu) {
	margin:0;
	padding:0
}

@media only screen and (min-width:48rem) {
	.m-nav__left ul:not(.m-secondary-menu) {
	align-items:center;
	display:flex
}


}

.m-nav__left li {
	color:var(--titles-color);
	font-size:1.125rem;
	letter-spacing:.3px;
	margin-bottom:15px
}

@media only screen and (min-width:48rem) {
	.m-nav__left li {
	margin-bottom:0;
	margin-right:35px;
	position:relative
}


}

.m-nav__left li:last-of-type {
	margin-bottom:0
}

.m-nav__left li.nav-current {
	font-weight:600
}

.m-nav__left li a {
	color:inherit
}

.m-nav__left li.more a {
	align-items:center;
	display:inline-flex
}

@media only screen and (min-width:48rem) {
	.m-nav__left li.more a {
	display:flex
}


}

.m-nav__left li.more a span {
	color:inherit;
	display:inline-block;
	font-size:1rem;
	margin-left:8px;
	transform:translateY(1px)
}

@media only screen and (min-width:48rem) {
	.m-nav__left li.submenu-option {
	z-index:2
}


}

.m-nav__right {
	align-items:center;
	display:flex;
	justify-content:flex-end
}

@media only screen and (min-width:48rem) {
	.m-nav__right {
	flex-shrink:0;
	padding-left:20px;
	padding-right:5px;
	position:relative
}

.m-nav__right:before {
	background:linear-gradient(90deg,var(--header-menu-gradient-first-color) 0,var(--header-menu-gradient-second-color));
	content:"";
	height:100%;
	left:-20px;
	pointer-events:none;
	position:absolute;
	top:0;
	width:20px;
	z-index:2
}

.rtl .m-nav__left {
	padding-left:0;
	padding-right:5px
}

.rtl .m-nav__left li {
	margin-left:35px;
	margin-right:0
}

.rtl .m-nav__right {
	padding-left:5px;
	padding-right:20px
}

.rtl .m-nav__right:before {
	left:auto;
	right:-20px;
	transform:rotate(180deg)
}


}

.m-menu {
	-webkit-overflow-scrolling:touch;
	background-color:var(--background-color);
	height:100%;
	left:0;
	opacity:0;
	overflow-y:auto;
	position:fixed;
	top:0;
	transform:scale(1.2);
	transition:all .4s cubic-bezier(.165,.84,.44,1);
	visibility:hidden;
	width:100%;
	z-index:2
}

.m-menu.opened {
	opacity:1;
	transform:scale(1);
	visibility:visible;
	z-index:10
}

@media only screen and (min-width:48rem) {
	.m-menu {
	background-color:transparent;
	height:auto;
	left:auto;
	opacity:1!important;
	overflow:initial;
	position:relative;
	top:auto;
	transform:translateZ(0)!important;
	visibility:visible!important
}


}

.m-menu__main {
	min-height:100%;
	padding:50px 0 5px
}

@media only screen and (min-width:48rem) {
	.m-menu__main {
	min-height:0;
	padding:0
}


}

.rtl .m-menu__main {
	padding-top:75px
}

@media only screen and (min-width:48rem) {
	.rtl .m-menu__main {
	padding:0
}


}

.m-secondary-menu {
	list-style-type:none;
	margin:0;
	padding:0
}

.m-secondary-menu li {
	font-size:1rem
}

@media only screen and (min-width:48rem) {
	.m-secondary-menu li {
	margin-left:0;
	margin-right:0
}


}

.m-secondary-menu li.nav-current a {
	font-weight:600
}

.m-secondary-menu li a {
	border-radius:4px;
	display:block;
	padding:6px 10px;
	transition:background-color .1s linear
}

@media only screen and (min-width:48rem) {
	.m-secondary-menu li a {
	padding:8px 10px
}


}

.m-secondary-menu li a:hover {
	background-color:rgba(0,0,0,.1)
}

.rtl .m-secondary-menu .li,.rtl .m-secondary-menu .li a {
	text-align:right!important
}

.m-submenu {
	padding-top:25px
}

@media only screen and (min-width:48rem) {
	.m-submenu {
	background-color:var(--background-color);
	border-top:1px solid var(--secondary-border-color);
	box-shadow:0 60px 60px rgba(0,0,0,var(--submenu-shadow-color-opacity)),0 0 0 transparent;
	left:0;
	padding:30px 0 20px;
	position:fixed;
	top:67px;
	visibility:hidden;
	white-space:normal;
	width:100%;
	z-index:5
}


}

@media only screen and (min-width:80rem) {
	.m-submenu {
	padding:32px 0 23px
}


}

@media only screen and (min-width:48rem) {
	.m-submenu.opened {
	-webkit-animation:openSubmenuAnimation .3s both;
	animation:openSubmenuAnimation .3s both;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important;
	visibility:visible
}

@-webkit-keyframes openSubmenuAnimation {
	0% {
	opacity:0;
	transform:translate3d(0,-5%,0)
}

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


}

@keyframes openSubmenuAnimation {
	0% {
	opacity:0;
	transform:translate3d(0,-5%,0)
}

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


}


}

@media only screen and (min-width:48rem) {
	.m-submenu.closed {
	-webkit-animation:closeSubmenuAnimation .3s both;
	animation:closeSubmenuAnimation .3s both;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}

@-webkit-keyframes closeSubmenuAnimation {
	0% {
	opacity:1;
	transform:translateZ(0);
	visibility:visible
}

to {
	opacity:0;
	transform:translate3d(0,-2.5%,0);
	visibility:hidden
}


}

@keyframes closeSubmenuAnimation {
	0% {
	opacity:1;
	transform:translateZ(0);
	visibility:visible
}

to {
	opacity:0;
	transform:translate3d(0,-2.5%,0);
	visibility:hidden
}


}


}

@media only screen and (min-width:48rem) {
	:root .m-submenu,_:-ms-fullscreen {
	top:65px
}


}

.m-submenu-title {
	font-size:1.125rem;
	font-weight:400;
	letter-spacing:.3px;
	line-height:1.3;
	margin:0 0 25px
}

.m-submenu-title.in-recent-articles {
	padding:0 20px
}

@media only screen and (min-width:48rem) {
	.m-submenu-title.in-recent-articles {
	padding:0
}


}

.rtl .m-submenu-title {
	direction:rtl
}

.m-recent-articles {
	margin:0 -20px 40px;
	overflow:hidden
}

@media only screen and (min-width:48rem) {
	.m-recent-articles {
	margin:0 0 40px
}


}

.m-recent-articles ul {
	cursor:-webkit-grab;
	cursor:grab
}

.m-recent-articles .swiper-slide {
	width:auto
}

.m-recent-article {
	display:block;
	margin:0 20px;
	width:230px
}

@media only screen and (min-width:48rem) {
	.m-recent-article {
	margin:0 60px 0 0
}


}

.m-recent-article:hover .m-recent-article__picture img {
	transform:scale(1.1)
}

@media only screen and (min-width:48rem) {
	.rtl .m-recent-article {
	margin:0 0 0 60px
}


}

.m-recent-article__picture {
	background-color:var(--secondary-subtle-color);
	border-radius:5px;
	height:130px;
	margin-bottom:15px;
	overflow:hidden;
	position:relative;
	transform:translateZ(0)
}

.m-recent-article__picture.no-picture img {
	height:64px;
	left:50%;
	margin:-32px 0 0 -32px;
	position:absolute;
	top:50%;
	width:64px
}

.m-recent-article__picture img {
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	transition:transform .5s cubic-bezier(.165,.84,.44,1);
	width:100%
}

.m-recent-article__title {
	color:var(--titles-color);
	font-size:1rem;
	font-weight:400;
	letter-spacing:.2px;
	line-height:1.438rem;
	margin:0 0 10px
}

@media only screen and (min-width:48rem) {
	.m-recent-article__title {
	font-size:1.125rem;
	letter-spacing:.25px
}


}

.m-recent-article__date {
	color:var(--titles-color);
	font-size:.813rem;
	letter-spacing:.15px
}

.m-tags.in-post {
	padding-top:25px
}

.m-tags.in-post ul {
	list-style-type:none;
	padding:0
}

.m-tags.in-post a {
	text-decoration:none
}

.m-tags ul {
	display:flex;
	flex-wrap:wrap
}

.m-tags li {
	font-size:.875rem;
	font-weight:600;
	letter-spacing:.2px;
	margin-bottom:10px!important;
	margin-right:30px
}

.m-tags li:last-of-type {
	margin-right:0
}

.m-tags li a {
	color:var(--link-color)!important
}

.m-toggle-darkmode {
	border-radius:50%;
	bottom:45px;
	height:28px;
	overflow:hidden;
	position:fixed;
	right:20px;
	width:28px;
	z-index:2
}

@media only screen and (min-width:48rem) {
	.m-toggle-darkmode {
	bottom:auto;
	margin-left:20px;
	position:relative;
	right:auto;
	z-index:auto
}


}

.m-toggle-darkmode input {
	border:0;
	cursor:pointer;
	height:100%;
	left:0;
	opacity:0;
	outline:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:2
}

.m-toggle-darkmode input::-moz-focus-inner {
	border:0
}

.m-toggle-darkmode div {
	align-items:center;
	background-color:var(--toggle-darkmode-background-color);
	border-radius:50%;
	display:flex;
	height:100%;
	justify-content:center;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
	z-index:1
}

.m-toggle-darkmode span {
	color:var(--titles-color);
	font-size:.9375rem
}

.m-toggle-darkmode span.moon {
	display:var(--toggle-darkmode-button-display-moon)
}

.m-toggle-darkmode span.sun {
	display:var(--toggle-darkmode-button-display-sun)
}

:root .m-toggle-darkmode,_:-ms-fullscreen {
	display:none
}

div.gh-announcement-bar {
	font-size:1rem;
	line-height:1.3;
	min-height:auto;
	padding:16px 48px;
	z-index:auto
}

@media only screen and (min-width:48rem) {
	div.gh-announcement-bar {
	font-size:1.125rem
}


}

.m-hero {
	background-color:var(--secondary-subtle-color);
	flex-direction:column;
	min-height:200px;
	overflow:hidden;
	padding:50px 0 50px;
	position:relative
}

@media only screen and (min-width:48rem) {
	.m-hero {
	min-height:400px;
	padding:150px 0 75px
}


}

.m-hero.with-picture {
	background-color:#000;
	color:#fff
}

@media only screen and (min-width:48rem) {
	.m-hero.with-picture {
	min-height:450px
}


}

@media only screen and (min-width:80rem) {
	.m-hero.with-picture {
	min-height:565px
}


}

.m-hero.with-picture .m-hero-title {
	color:#fff
}

.m-hero.no-picture.in-post {
	display:none
}

.m-hero__picture {
	align-items:center;
	display:flex;
	height:100%;
	justify-content:center;
	left:0;
	opacity:.7;
	position:absolute;
	top:0;
	width:100%;
	z-index:1
}

.m-hero__picture.in-post {
	opacity:1
}

.m-hero__picture img {
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	width:100%
}

.m-hero__content {
	padding:0 20px;
	position:relative;
	text-align:center;
	z-index:2
}

@media only screen and (min-width:48rem) {
	.m-hero__content {
	max-width:700px
}


}

@media only screen and (min-width:80rem) {
	.m-hero__content {
	padding:0
}


}

.m-hero__meta {
	margin:0 auto
}

@media only screen and (min-width:48rem) {
	.m-hero__meta {
	align-items:center;
	display:flex;
	justify-content:center
}


}

.rtl .m-hero__meta {
	direction:ltr
}

.m-hero-avatar {
	background-color:#5c697c;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:50%;
	box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 0 0 transparent;
	height:80px;
	margin:0 auto 25px;
	width:80px
}

@media only screen and (min-width:48rem) {
	.m-hero-avatar {
	height:100px;
	width:100px
}


}

.m-hero-title {
	color:var(--titles-color);
	font-size:1.75rem;
	font-weight:700;
	letter-spacing:.4px;
	line-height:1.3;
	margin:0 0 15px
}

@media only screen and (min-width:48rem) {
	.m-hero-title {
	font-size:2.25rem;
	letter-spacing:.5px
}


}

.m-hero-title.bigger {
	font-size:2rem;
	letter-spacing:.5px
}

@media only screen and (min-width:48rem) {
	.m-hero-title.bigger {
	font-size:3.25rem;
	letter-spacing:.8px;
	margin-bottom:10px
}


}

.m-hero-description {
	font-size:.938rem;
	letter-spacing:.2px;
	line-height:1.5;
	margin-bottom:20px
}

@media only screen and (min-width:48rem) {
	.m-hero-description {
	font-size:1.125rem
}


}

.m-hero-description.bigger {
	font-size:1.125rem;
	line-height:1.3;
	margin-bottom:25px
}

@media only screen and (min-width:48rem) {
	.m-hero-description.bigger {
	font-size:1.375rem
}


}

.m-hero-description.with-picture {
	color:#fff
}

.m-hero-social {
	list-style-type:none;
	margin:0 0 15px;
	padding:0;
	text-align:center
}

@media only screen and (min-width:48rem) {
	.m-hero-social {
	margin-bottom:0;
	margin-right:7px
}


}

.m-hero-social.with-picture {
	color:#fff
}

.m-hero-social li {
	display:inline-block;
	margin:0 11px
}

.m-hero-social li a {
	color:inherit;
	font-size:.938rem
}

.m-hero-social li a span {
	color:inherit
}

.rtl .m-hero-social {
	direction:ltr
}

.m-hero-stats {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center
}

@media only screen and (min-width:48rem) {
	.m-hero-stats {
	margin-left:7px
}


}

.m-hero-stats.with-picture {
	color:#fff
}

.m-hero-stats li {
	color:inherit;
	display:inline-block;
	font-size:.813rem;
	letter-spacing:.2px;
	margin:0 4px
}

@media only screen and (min-width:48rem) {
	.m-hero-stats li {
	font-size:1rem;
	letter-spacing:.3px
}


}

.m-heading {
	margin:0 auto 40px;
	text-align:center
}

@media only screen and (min-width:48rem) {
	.m-heading {
	margin-bottom:60px
}

.m-heading.in-subscribe-page {
	margin-bottom:50px
}


}

.m-heading.no-margin {
	margin-bottom:0!important
}

.m-heading__title {
	color:var(--titles-color);
	font-size:1.75rem;
	letter-spacing:.4px;
	line-height:1.3;
	margin:0 0 10px
}

@media only screen and (min-width:48rem) {
	.m-heading__title {
	font-size:2.25rem;
	letter-spacing:.5px;
	margin-bottom:15px
}


}

.m-heading__title.in-post {
	font-size:2rem;
	letter-spacing:.5px;
	margin-bottom:15px
}

@media only screen and (min-width:48rem) {
	.m-heading__title.in-post {
	font-size:2.625rem;
	letter-spacing:.7px;
	margin-bottom:20px
}


}

.m-heading__title.in-page {
	margin:0
}

.m-heading__description {
	font-size:.938rem;
	letter-spacing:.2px;
	line-height:1.3;
	margin:0 auto
}

@media only screen and (min-width:48rem) {
	.m-heading__description {
	font-size:1.125rem
}

.m-heading__description.in-subscribe-page {
	font-size:1rem;
	max-width:420px
}


}

.m-heading__description.in-newsletter-form {
	font-size:.875rem;
	max-width:80%
}

@media only screen and (min-width:48rem) {
	.m-heading__description.in-newsletter-form {
	max-width:420px
}


}

.m-heading__meta {
	align-items:center;
	display:flex;
	font-size:.875rem;
	font-weight:600;
	justify-content:center;
	letter-spacing:.2px
}

@media only screen and (min-width:48rem) {
	.m-heading__meta {
	font-size:1rem
}


}

.m-heading__meta__tag,.m-heading__meta__time {
	color:var(--link-color)!important
}

.m-heading__meta__tag {
	text-decoration:none!important
}

.m-heading__meta__divider {
	color:var(--primary-border-color);
	display:inline-block;
	margin:0 10px
}


.m-featured-video__picture {
  width: 100%;
  height: 400px;       /* adjust to match your featured image height */
  overflow: hidden;    /* ensures video doesn't spill outside the box */
  position: relative;
}

.tc-two-thirds {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
  align-items: start;
}

@media (max-width: 48rem) {
  .tc-two-thirds {
    grid-template-columns: 1fr;
  }
}

.tc-container {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
}

@media (min-width: 48rem) {
  .tc-container { max-width: 1200px; }
}
@media (min-width: 80rem) {
  .tc-container { padding: 0; }
}


/* Make the video behave like the featured image */
.m-featured-video {
  width: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.m-featured-video::before {
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 ratio */
}

.m-featured-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.m-article-card {
	background-color:var(--background-color);
	border:1px solid var(--secondary-border-color);
	border-radius:10px;
	display:flex;
	flex-direction:column;
	height:400px;
	margin-bottom:20px;
	position:relative;
	transition:all .25s cubic-bezier(.02,.01,.47,1);
	z-index:1
}

.m-article-card:hover {
	transform:translateY(-5px)
}

.m-article-card:hover:before {
	box-shadow:var(--article-shadow-hover),0 0 0 transparent
}

.m-article-card:hover .m-article-card__author {
	box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent
}

@media only screen and (min-width:48rem) {
	.m-article-card {
	height:420px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
	width:calc(50% - 20px)
}


}

@media only screen and (min-width:64rem) {
	.m-article-card {
	margin-bottom:40px;
	margin-left:20px;
	margin-right:20px;
	width:calc(33.33333% - 40px)
}


}

.m-article-card.no-picture .m-article-card__picture {
	height:85px!important
}

.m-article-card.no-picture .m-article-card__info {
	background-color:var(--secondary-subtle-color)
}

.m-article-card.no-picture .m-article-card__title {
	font-size:1.625rem;
	line-height:1.4
}

.m-article-card.as-author .m-article-card__picture {
	background-color:#000
}

.m-article-card.as-author .m-article-card__picture-link {
	z-index:2
}

.m-article-card.as-author .m-article-card__picture-background {
	opacity:.75
}

.m-article-card.as-author .m-article-card__info {
	padding:0
}

.m-article-card.as-author .m-article-card__info-link {
	padding:20px 20px 60px
}

.m-article-card:before {
	border-radius:10px;
	bottom:0;
	box-shadow:var(--article-shadow-normal),0 0 0 transparent;
	content:"";
	left:10px;
	position:absolute;
	right:10px;
	top:10px;
	transition:all .25s cubic-bezier(.02,.01,.47,1)
}

.m-article-card__picture {
	background-color:var(--secondary-subtle-color);
	border-radius:10px 10px 0 0;
	height:200px;
	overflow:hidden;
	position:relative;
	transform:translateZ(0)
}

@media only screen and (min-width:48rem) {
	.m-article-card__picture {
	height:220px
}


}

.m-article-card__picture-link {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1
}

.m-article-card__picture-background {
	height:100%;
	left:0;
	-o-object-fit:cover;
	object-fit:cover;
	position:absolute;
	top:0;
	width:100%;
	z-index:0
}

.m-article-card__name {
	bottom:20px;
	color:#fff;
	font-size:1.25rem;
	font-weight:600;
	left:20px;
	letter-spacing:.4px;
	line-height:1.3;
	margin:0;
	position:absolute;
	right:20px;
	z-index:1
}

@media only screen and (min-width:48rem) {
	.m-article-card__name {
	bottom:25px;
	left:25px
}


}

.m-article-card__author {
	border-radius:50%;
	height:35px;
	left:20px;
	position:absolute;
	top:20px;
	transition:all .25s cubic-bezier(.02,.01,.47,1);
	width:35px;
	z-index:2
}

@media only screen and (min-width:48rem) {
	.m-article-card__author {
	left:25px;
	top:25px
}


}

.m-article-card__author div {
	background-color:#fff;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	border:2px solid #fff;
	border-radius:50%;
	height:100%;
	width:100%
}

.m-article-card__featured {
	align-items:center;
	background-color:#fff;
	border-radius:50%;
	color:#000;
	display:flex;
	height:24px;
	justify-content:center;
	position:absolute;
	right:20px;
	top:26px;
	width:24px;
	z-index:2
}

@media only screen and (min-width:48rem) {
	.m-article-card__featured {
	right:25px;
	top:31px
}


}

.m-article-card__featured span {
	color:inherit;
	font-size:.75rem
}

.m-article-card__info {
	background-color:var(--background-color);
	border-radius:0 0 10px 10px;
	flex:1;
	height:200px;
	overflow:hidden;
	padding-top:48px;
	position:relative
}

@media only screen and (min-width:48rem) {
	.m-article-card__info {
	padding-top:53px
}


}

.m-article-card__info.no-tag {
	padding-top:0!important
}

.m-article-card__info.no-tag .m-article-card__info-link {
	padding-top:48px
}

@media only screen and (min-width:48rem) {
	.m-article-card__info.no-tag .m-article-card__info-link {
	padding-top:53px
}


}

.m-article-card__tag {
	color:var(--link-color);
	font-size:.875rem;
	font-weight:600;
	left:20px;
	letter-spacing:.2px;
	line-height:1.3;
	position:absolute;
	right:20px;
	top:20px
}

@media only screen and (min-width:48rem) {
	.m-article-card__tag {
	left:25px;
	top:25px
}


}

.m-article-card__info-link {
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:space-between;
	padding:0 20px 20px;
	width:100%
}

@media only screen and (min-width:48rem) {
	.m-article-card__info-link {
	padding:0 25px 25px
}


}

.m-article-card__title {
	color:var(--titles-color);
	font-size:1.25rem;
	font-weight:600;
	letter-spacing:.4px;
	line-height:1.3;
	margin:0
}

.m-article-card__excerpt {
	color:var(--titles-color);
	display:block;
	font-size:1rem;
	height:100%;
	letter-spacing:.3px;
	line-height:1.5;
	overflow:hidden;
	position:relative
}

.m-article-card__author-stats,.m-article-card__timestamp {
	align-items:center;
	color:var(--titles-color);
	display:flex;
	font-size:.875rem;
	letter-spacing:.2px
}

.m-article-card__author-stats span:nth-child(2),.m-article-card__timestamp span:nth-child(2) {
	padding:0 10px
}

.m-article-card__author-stats {
	bottom:20px;
	justify-content:space-between;
	left:20px;
	position:absolute;
	right:20px
}

.m-article-card__author-stats span {
	padding:0!important
}

.m-article-card__social {
	align-items:center;
	display:flex;
	justify-content:flex-end;
	margin:0;
	padding:0
}

.m-article-card__social li {
	display:inline-block;
	margin-left:22px
}

.m-article-card__social li a {
	color:var(--primary-foreground-color);
	font-size:.938rem
}

.m-article-card__social li a span {
	color:inherit
}

.rtl .m-article-card__social {
	direction:ltr
}

.m-search {
	-webkit-overflow-scrolling:touch;
	background-color:var(--transparent-background-color);
	height:100%;
	left:0;
	opacity:0;
	overflow-y:auto;
	position:fixed;
	top:0;
	transform:scale(1.2);
	transition:all .4s cubic-bezier(.165,.84,.44,1);
	visibility:hidden;
	width:100%;
	z-index:2
}

.m-search.opened {
	opacity:1;
	transform:scale(1);
	visibility:visible;
	z-index:10
}

.m-search__content {
	margin:0 auto;
	padding:80px 20px 40px
}

@media only screen and (min-width:48rem) {
	.m-search__content {
	max-width:700px;
	padding-bottom:50px;
	padding-top:100px
}


}

@media only screen and (min-width:80rem) {
	.m-search__content {
	padding-left:0;
	padding-right:0
}


}

@media only screen and (min-width:90rem) {
	.m-search__content {
	max-width:800px
}


}

.m-search__form {
	margin-bottom:30px
}

@media only screen and (min-width:48rem) {
	.m-search__form {
	margin:0 auto 45px;
	max-width:500px
}


}

.m-search-icon {
	color:#9b9b9b;
	font-size:1rem;
	font-weight:500;
	left:15px;
	pointer-events:none;
	position:absolute;
	top:50%;
	transform:translateY(-45%)
}

@media only screen and (min-width:48rem) {
	.m-search-icon {
	font-size:1.25em;
	left:25px
}


}

.m-result {
	border-bottom:1px solid var(--primary-border-color)
}

.m-result.last {
	border-bottom:0
}

.m-result__link {
	display:block;
	height:100%;
	padding:10px 0;
	width:100%
}

@media only screen and (min-width:48rem) {
	.m-result__link {
	padding:15px 0
}


}

.m-result__title {
	color:var(--primary-foreground-color);
	font-size:1rem;
	font-weight:400;
	letter-spacing:.3px;
	line-height:1.4;
	margin:0 0 5px
}

@media only screen and (min-width:48rem) {
	.m-result__title {
	font-size:1.25rem;
	letter-spacing:.4px;
	margin-bottom:10px
}


}

@media only screen and (min-width:80rem) {
	.m-result__title {
	font-size:1.375rem
}


}

.m-result__date {
	color:var(--titles-color);
	font-size:.813rem;
	letter-spacing:.2px
}

@media only screen and (min-width:48rem) {
	.m-result__date {
	font-size:.938rem;
	letter-spacing:.3px
}


}

.m-footer {
	background-color:var(--footer-background-color);
	flex-shrink:0
}

.m-footer__content {
	color:#fff;
	padding:50px 20px;
	text-align:center
}

@media only screen and (min-width:48rem) {
	.m-footer__content {
	margin:0 auto;
	max-width:680px;
	padding:75px 0
}


}

.m-footer__nav-secondary {
	margin-bottom:25px
}

.m-footer__nav-secondary .m-secondary-menu {
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}

@media only screen and (min-width:48rem) {
	.m-footer__nav-secondary .m-secondary-menu li {
	margin:0 5px
}


}

.m-footer-copyright {
	font-size:.875rem;
	letter-spacing:.3px;
	line-height:1.7;
	margin-bottom:20px
}

.m-footer-copyright span {
	display:block
}

@media only screen and (min-width:48rem) {
	.m-footer-copyright span {
	display:inline
}


}

.m-footer-copyright span:nth-child(2) {
	display:none
}

@media only screen and (min-width:48rem) {
	.m-footer-copyright span:nth-child(2) {
	display:inline
}


}

.m-footer-copyright a {
	text-decoration:underline
}

.m-footer-copyright.jslicense {
	margin-bottom:0;
	opacity:.7
}

.m-footer-social {
	align-items:center;
	display:flex;
	justify-content:center;
	margin-bottom:20px
}

.m-footer-social a {
	color:#fff;
	display:inline-block;
	margin:0 15px
}

.m-footer-social a span {
	color:inherit;
	font-size:1rem
}

.rtl .m-footer-social {
	direction:ltr
}



body  {
	
  font-family: 'Dosis', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	

}