.events .card-holder
{
	margin: var(--card-holder-margin);
}

.events .card
{
	width: calc(33.33% - var(--card-margin)*2);
	margin: var(--card-margin);
}
.tile { font-size: 1rem; }
/*	Mobiles, Tablets + portrait */
@media all and (min-width: 768px) and (max-width: 991.98px)
{
	.events .card-holder	{ margin: var(--card-holder-margin); }
	.events .card			{ width: calc(50% - var(--card-margin)*2); }
	.tile					{ font-size: .8rem; }
}
/*	All tablets + portrait */
@media all and (min-width: 992px) and (max-width: 1199.98px)
{
	.events .card-holder	{ margin: var(--card-holder-margin); }
	.events .card			{ width: calc(33.33% - var(--card-margin)*2); }
	.tile					{ font-size: .75rem; }	
}
/*	iPhone plus like + portrait */
@media all and (max-width: 767.98px) and (orientation: portrait)
{
	.events .card-holder	{ margin: var(--card-holder-margin); }
	.events .card			{ width: calc(50% - var(--card-margin)*2); }	
	.tile					{ font-size: .85rem; }
}
/*	All mobiles + portrait */
@media all and (max-width: 575.98px) and (orientation: portrait)
{
	.events .card-holder	{ margin: 0; }
	.events .card			{ width: auto; margin: var(--card-margin) 0; }
}
/*	All mobiles + portrait */
@media all and (max-width: 379.98px) and (orientation: portrait)
{
	.tile					{ font-size: .8rem; }
}
/*	All mobiles + landscape */
@media all and (max-width: 839.98px) and (orientation: landscape)
{
	.events .card-holder	{ margin: var(--card-holder-margin); }
	.events .card			{ width: calc(50% - var(--card-margin)*2); }	
	.tile					{ font-size: .8rem; }
}
/*	Notebooks 13-15" or notebooks with zoomed in resolution */
@media all and (min-aspect-ratio: 16/10) and (min-width: 1200px) and (max-width: 1539.98px) and (orientation: landscape)
{
	article .tile { font-size: .8rem; }
}
article .tile
{
	line-height: 1.2;
}
.tile
{
	display: block;
	position: relative;
	border-radius: var(--card-border-radius);
	overflow: hidden;	
}
.tile_default
{
	display: flex;
	flex-grow: 1;
	flex-direction: column;
}
.tile_default .tile__body
{
	flex-grow: 1;
}
.tile_default .tile__content-tiny
{
	display: none;
}
/*	All mobiles + portrait. Removes: 
	- call-to-action header from a default tile on small sizes
	- figure
*/

@media all and (max-width: 575.98px) and (orientation: portrait)
{
	.tile_default figure,
	.tile_default .tile__title._call
	{
		display: none;
	}
	.tile_default .tile__content-tiny
	{
		display: flex;
		justify-content: space-between;
		align-items: center;

	}
	.tile__content-tiny-image
	{
		width: 25%;
		flex-shrink: 0;
		margin: 2vmax 1vmax 2vmax 4vmax;
	}
	.tile__content-tiny-image > span
	{
		display: inline-block;
		border-radius: 50%;
		background-size: cover;
		background-position: center;			
	}	
}
.tile,.tile__body
{
	height: 100%;
}
.tile_image
{
	display: block;
	background-size: cover;
	background-position: center;	
}
.tile__bg-image
{
	position: absolute;
	width: 100.3%;
	height: 100.3%;
	background-size: cover;
	background-position: center;	
	transition: transform .3s ease-in-out;
}
.tile_image:hover .tile__bg-image { transform:scale(1.05) }
.tile__body
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 1.5vmax;
}
.tile_image .tile__body
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
/*	Tablets small + portrait */	@media all and (max-width: 991.98px) and (orientation: portrait)	{	.tile__body	{ padding: 3vmax; }}
/*	Mobiles small + portrait */	@media all and (max-width: 379.98px) and (orientation: portrait)	{	.tile__body	{ padding: 3vmax; }}
/*	Mobiles + landscape */		@media all and (max-width: 839.98px) and (orientation: landscape)	{	.tile__body	{ padding: 3vmax; }}
.tile__body
{
	transition: background-color .15s ease-in-out;
	background: white;
}
.tile__title
{
	position: relative;	/* :before */
	font-size: 1em;
	font-weight: 600;
}
.tile.tile_default .tile__title._call
{
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.4;
}
.tile:not(.tile_default) .tile__title._call
{
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2;
}

.tile__title:not(:last-child)
{
	margin-bottom: 1vmax;
}
.tile_default .tile__title._call
{
	margin-bottom: 0;
}
/* Tablets + portrait */
@media all and (min-width: 992px) and (max-width:1199.98px) and (orientation: portrait)
{
	.tile__title
	{
		margin-top: 1.5vmax;
	}
}
/*	All mobiles + landscape */
@media all and (max-width: 839.98px) and (orientation: landscape)
{
	.tile__title:not(:last-child)
	{
		margin-bottom: 2vmax;
	}
}
.tile__title._dash:first-child
{
    padding-top: 2vmax;
	margin-top: 0;
}
/*	All mobiles + portrait */
@media all and (max-width: 767.98px) and (orientation: portrait)
{
	.tile__title._dash:first-child
	{
		padding-top: 3vmax;
	}
}
.tile__title._dash:first-child:before
{
	position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 3px;
    max-height: 3px;
    overflow: hidden;
    content: "";
}
.tile__title._long	{ font-size: .85em; }
@media all and (min-width: 1540px)
{
	.tile__title._long	{ padding-right: 1vmax; font-size: .85rem; }	
}
/*	All mobiles + portrait */
@media all and (max-width: 767.98px)
{
	.tile__title._dash	{ margin-top: 3vmax; }	
	.tile__title._long	{ font-size: .9em; }	
}
.tile__date
{
	display: block;
	font-size: .8rem;
	font-weight: 600;	
}
.tile__category
{
	font-size: .55rem;
	font-weight: 600;
	text-transform: uppercase;
}
.tile__category > span
{
	display: inline-block;
	padding: 2px 0;
	margin-right: 10px;
	transition: color .15s ease-in-out;			
}
.tile__header
{
	display: flex;
	justify-content: space-between;
}

.tile__content:not(:first-child){ margin-top: 2vmax; }
.tile__content:not(:last-child)	{ margin-bottom: 2vmax; }
.tile_default .tile__content:last-child { margin-bottom: 1vmax; } /*	No footer */
/*	All mobiles + portrait */
@media all and (max-width: 575.98px) and (orientation: portrait)
{
	.tile__content:not(:first-child){ margin-top: 3vmax; }
	.tile__content:not(:last-child)	{ margin-bottom: 3vmax; }
}
.tile-media
{
	text-align: center;
}
.tile-media__icon
{
	font-size: 1em;
}
.tile-media__icon .fa-youtube,
.tile-media__icon._accent i,
i._accent
{
	color: #ff9000;
}
.tile-media__title
{
	font-size: .7rem;
	font-weight: 600;
}
.tile__label
{
	width: 100%;
}
.tile__header + .tile__label
{
	margin-top: 2vmax;
}
.tile__label-item
{
	max-width: 35%;
}
/*	All mobiles + portrait */
@media all and (max-width: 767.98px) and (orientation: portrait)
{
	.tile__label-item
	{
		max-width: 40%;
	}
}


/*	Themes */


.tile_image._light._opacity-0 .tile__body,
.tile_image._dark._opacity-0 .tile__body	{ background: transparent; }
.tile_image._dark._opacity-2 .tile__body	{ background: rgba(100,100,100, .2); }
.tile_image._dark._opacity-4 .tile__body	{ background: rgba(100,100,100, .4); }
.tile_image._dark._opacity-6 .tile__body	{ background: rgba(100,100,100, .6); }
.tile_image._dark._opacity-8 .tile__body	{ background: rgba(100,100,100, .8); }
.tile_white .tile__body						{ background: white; }

/*	Light */
.tile__category
{
	color: #7673ff;
}
.tile-media,
.tile__icon
{
	color: #b9b9b9;
}
.tile__date
{
	color: #0094d9;
}
.tile__title._dash:first-child:before
{
    background-color: #4311ff;
}
.tile._light:hover .tile__body
{
	background: rgba(220,220,220, .4);	
}
.tile__category > span:hover,
.tile__category > span:focus,
.tile__category > span:active		{ color: #4a498c; }
/*	Dark */
.tile._dark .tile-media
{
	color: #ddd;
}
.tile._dark .tile__body
{
	color: white;
	background: rgba(100,100,100, .6);
}
.tile._dark:hover .tile__body
{
	background: rgba(120,120,120, .6);	
}
.tile._dark .tile__date
{
	color: #73d6ff;
}
.tile._dark .tile__title._dash:first-child:before
{
    background-color: #a3aeff;
}
.tile._dark .tile__category						{ color: #bac9ff; }
.tile._dark .tile__category > span:hover,
.tile._dark .tile__category > span:focus,
.tile._dark .tile__category > span:active		{ color: #e7ecff; }
/*	Primary */
.tile._primary 			.tile-media				{ color: white; }
.tile._primary 			.tile__body				{ background: #a7e5f4; color: #0082bf; }
.tile._primary:hover 	.tile__body				{ background: #9fdbea; }
.tile._primary:hover 	.tile__title			{ color: #0082bf; }
/*	Secondary */
.tile._secondary._dark		.tile__body		{ background: #0094d9; }
.tile._secondary._dark:hover.tile__body		{ background: #1b9fdd; }
/*	Top */
.tile._info._dark			.tile__body		{ background: #6d6f8a;/*3741c0*/ }
.tile._info._dark:hover		.tile__body		{ background: #7d7f9d; }
/*	Default */
.tile._gray._dark			.tile__body		{ background: #808080; }
.tile._gray._dark:hover		.tile__body		{ background: #8b8b8b; }


/*	Customs */


.tile__label-item._saturdays	{ max-width: 25%; }
.tile__label-item._emblem-ru
{
	background-repeat: no-repeat;
	background-size: contain;
	width: 15%;
}

.tile__label-item._shape-slim				{ max-width: 12%; }
.tile__label-item._shape-vertical			{ max-width: 17%; }
.tile__label-item._shape-squared			{ max-width: 25%; }
.tile__label-item._shape-horizontal			{ max-width: 40%; }
.tile__label-item._shape-extra-h			{ max-width: 45%; }
.tile__label-item._shape-extra-h:only-child	{ max-width: 60%; }
.tile_default .tile__label-item._shape-extra-h:only-child	{ max-width: 50%; }
.tile__label-item._public					{ max-width: 45%; }
.tile__label-item._avatar					{ max-width: 25%; }
.tile__label-item._avatar > img				{ border-radius: 50%; }
/*	All mobiles + portrait */
@media all and (max-width: 767.98px) and (orientation: portrait)
{
	.tile__label-item._shape-slim				{ max-width: 18%; }
	.tile__label-item._shape-vertical			{ max-width: 22%; }
	.tile__label-item._shape-squared			{ max-width: 30%; }	
	.tile__label-item._shape-horizontal			{ max-width: 45%; }
	.tile__label-item._shape-extra-h			{ max-width: 45%; }
	.tile__label-item._shape-extra-h:only-child	{ max-width: 60%; }	
	.tile_default .tile__label-item._shape-extra-h:only-child	{ max-width: 50%; }
	
	.tile__label-item._emblem-ru		{ width: 25%; }
	.tile__label-item._saturdays		{ max-width: 45%; }	
	.tile__label-item._avatar			{ max-width: 30%; }
	.tile__label-item._public			{ max-width: 60%; }	
}

/*	Z images */


.tile__l	{ display: block; }
.tile__p	{ display: none; }
/*	All mobiles + portrait */
@media all and (max-width: 767.98px) and (orientation: portrait)
{
	.tile__l	{ display: none; }
	.tile__p	{ display: block; }
}


/*	Figure */


.tile figure
{
	position: relative;
	overflow: hidden;	
	cursor: pointer;
	flex-shrink: 0;
	margin-bottom: 0;
	background: rgba(100,100,100, 1);
}
.tile figure img
{
	display: block;
}
.tile figure figcaption
{
	padding: 2em;
	color: #fff;
	font-size: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.tile figure figcaption::before,
.tile figure figcaption::after
{
	pointer-events: none;
}
.tile figure .tile__bg-image,
.tile figure p
{
	-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.tile figure:hover .tile__bg-image
{
	transform: scale(1.1);
	opacity: 0.2;	
}
.tile figure figcaption,
.tile figure figcaption > a
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.tile figure figcaption > a
{
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.tile figure p
{
	position: absolute;	
	top: 0;
	left: 0;
	margin: 0;
	padding: 1.5vmax;
	font-size: .85rem;
	line-height: 1.4;
	opacity: 0;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
	letter-spacing: 1px;
}
@media screen and (max-width: 767px)
{
	.tile figure p { display : none; }
}
@media screen and (min-width: 992px) and (max-width: 1199px)
{
	.tile figure p { font-size: 12px;	}
}
.tile figure .tile__bg-image,
.tile figure:hover p
{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
}