/* TEMP, move somewhere  */
.flex {
	display:flex;
}

.flex-grow {
	flex-grow:1;
}

#main-menu {max-width:800px;}


/* regular temp */
.figure {
	margin:0 0 1em;
}

[class*='cols-'] > div.figure {margin:0 0 1em;}

.figure .number {
	line-height:1;
	color:var(--blue);
	font-size:40px;
	margin:0 0 0px;
	font-weight:500;
	white-space:nowrap;
}

.figure .param {
	color:var(--gray);
	font-weight:500;
}


/* ico-link */
a.ico-link {
	border:none;
	display:flex;
	
	align-items:center;
}

a.ico-link > *{
	display:block;
}

a.ico-link > img {
	padding-right:10px;
}

.table-unfit table {hyphens:auto;}


/* not so temp */
/*
ymaps[class*="-ground-pane"] {
  filter:grayscale(1);
}
*/

a.wrap {
  display:block;
  border: none;
  transition: 0.3s background;
}


/*
                     frames etc
*/
.col.beforeAside {
	width:calc(100% - 400px);
	padding:0;
}

.col.aside {
	width:340px;
	padding:5px 0 0 50px;
	font-size:var(--small);
}


/*
                     inner page defaults
*/


/* default text with no frames around it */
.gridpagets__1 section > .ce > .ce-text,
.gridpagets__1 section > .ce > .ce-textpic > .ce-bodytext,
.gridpagets__1 section > .ce > .ce-textpic .imageswrap.cols-1, 
.gridpagets__1 section .news-text-wrap,
.gridpagets__1 .ce-textpic .bodytext
{
  max-width:800px;
}

/* .inner section > .ce > .ce-textpic > .imageswrap + .ce-bodytext, */
.inner section > .ce > .ce-textpic.ce-intext .imageswrap.cols-1,
.inner section > .ce > .ce-textpic.ce-intext .ce-bodytext,
.inner section > .ce > .ce-textpic.ce-intext .bodytext
{
  max-width:none;
}

div.side-header header + div {max-width:800px;}
.bg div.side-header header + div {max-width:none;}

/* TODO > rework intext nowrap elements to Flex with flex basis 
.inner section > .ce > .ce-textpic.ce-intext .imageswrap.cols-1 {max-width:40%;}
.inner section > .ce > .ce-textpic.ce-intext .imageswrap.cols-1 + .ce-bodytext {padding-left:42% !important;}*/

.inner .ce-textpic.ce-intext {overflow:hidden;} /* fixing float */




/* 
                          home page
*/

.frontpage .align-center h2 {
	text-transform:uppercase;
	letter-spacing:8.7px;
	font-size:30px;
	margin:0 0 1.5em;
}





						/* ms_usable_records > template cover */
						
.ce-msusable-records.template-cover > .item {
	text-align:left;
}						
						
.ce-msusable-records.template-cover > .item > a.wrap {
  position:relative;
  overflow:hidden;
  
  border-radius: 5px;
  height:200px;
  
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#027ac1;
}


.ce-msusable-records.template-cover .page-thumbnail {
	position:absolute;
	z-index:1;
	left:0;right:0;top:0;bottom:0;
	min-height:0;
	
}

.ce-msusable-records.template-cover > .item .page-thumbnail img {
	min-height:100%;
	min-width:100%;
	height:auto !important;
	width:auto !important;
}


.ce-msusable-records.template-cover .item-text {
  z-index:5;
  position:relative;
  color:#fff;
  
  padding:20px;
}

.ce-msusable-records.template-cover .item-text h3 {
	margin:0;
	font-size:24px;
	line-height:1.35;
	hyphens:auto;
}

.ce-msusable-records.template-cover .item-text h3 a {border:none;}

.ce-msusable-records.template-cover .item-text p.item-subtitle {display:none;}

.ce-msusable-records.template-cover.flexcolumns-5 .item-text h3 {font-size:1rem;}


/* v2 */
.ce-msusable-records.template-cover .overlay {
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	z-index:1;
}

.ce-msusable-records.template-cover .overlay:before {
	content:'';
	display:block;
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	z-index:2;
	opacity: 0.3;
    background-image: radial-gradient(circle at 120% -60%, #007AC2 0%, #007AC2 100%);

    opacity:0.6;
    background-image:#007ac2;    
}

.ce-msusable-records.template-cover .overlay:after {
	content:'';
	display:block;
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	z-index:2;
	opacity: 0.72;
    background-image: linear-gradient(0deg, rgba(0,0,0,0.00) 22%, rgba(0,0,0,0.53) 67%);
}

/* cover layour-1 = light */
/*
	light blue ver
.ce-msusable-records.template-cover.layout-1 > .item > a.wrap {
	background:#fff;
}

.ce-msusable-records.template-cover.layout-1 .item-text {color:#111;}

.ce-msusable-records.template-cover.layout-1 .overlay {
	background-image: linear-gradient(0deg, rgba(255,255,255,0.00) 22%, rgba(255,255,255,0.53) 67%);
}

.ce-msusable-records.template-cover.layout-1 .overlay:before {
	background-image: radial-gradient(circle at 120% -60%, #007AC2 0%, #007AC2 100%);
}
*/

.ce-msusable-records.template-cover.layout-1 > .item > a.wrap {
	background-color:#fff;
	border:solid 1px #666;
	
	background-size:auto 60px;
	background-position:bottom 20px left 20px;
}

.ce-msusable-records.template-cover.layout-1 .item-text {color:#111;}
.ce-msusable-records.template-cover.layout-1 a:hover .item-text {color:#48a3ee;}

.ce-msusable-records.template-cover.layout-1 .overlay:after {
	background-image: linear-gradient(0deg, rgba(255,255,255,0.00) 22%, rgba(255,255,255,0.53) 67%);
}

.ce-msusable-records.template-cover.layout-1 .overlay:before {
	/*background-image: radial-gradient(circle at 120% -60%, #007AC2 0%, #007AC2 100%);*/
	background:none;
}

							/* ads banners etc, temp */
a.ad-text-photo {
	display:flex;
	border-radius:5px;
	align-items:stretch;
	overflow:hidden;
	background:#f2f3f4;
	border:none;
}

a.ad-text-photo:hover {opacity:0.7;}

a.ad-text-photo.blue {
	background:#007AC2 !important;
}

div[class=*"bg"] a.ad-text-photo {background:#fff;}

a.ad-text-photo > .thumb {
	flex: 0 0 50%;
	background:transparent center no-repeat;
	background-size:cover;
}

a.ad-text-photo > .body {
	flex:0 0 50%;
	padding:20px;
	
	display:flex;
	flex-direction:column;
	justify-content:center;
}

a.ad-text-photo > .body .title {
	margin:0;
	font-size:1rem;
	font-weight:500;
	color:inherit;
}

a.ad-text-photo > .body .title + p.description {
	margin:10px 0 0;
	opacity:0.7;
	color:inherit;
	font-size:0.85rem;
}


