/*Used: LE, bk*/



/****HOME NEWS*****/

#news_mosaic {
width:100%;
text-align:justify;
margin-top:1em;
}

.news_block {
display:inline-block;
text-align:left;
box-sizing: border-box; /*div will include padding and border*/
padding:0.65em; /*??? better set in pixels for all sizes*/
max-width:322px; /*??? width:334px; /*+border*/
height:20em;
margin-bottom:1em;
vertical-align:top;
border:1px solid #e3e3e3;
overflow: hidden;
}


.news_block_title {
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
font-weight:normal;
margin-bottom:0.4em;
margin-top:0.4em;
}

.news_block_title a {
color:#4B8ABF;
text-decoration:none;
}

.news_block_title a:hover {
color:#1F9C3E;
}

.news_block_date {
color:#666666;
text-align:left;
font-size:0.7em;
font-weight:normal;
margin-bottom:0.4em;
font-style:italic;
}

.news_block_image {
width:100%;
text-align:center;
background-color:#EEEEEE;
height:8.5em;
}

.news_block_image img {
max-width:100%;
height:8.5em;
}

.news_block_text {
font-size:1em;
text-align:justify;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}

/****ADS*****/

.ads_upper {
clear:left;
display:block;
margin-top:1em;
margin-bottom:1em;
min-height:279px;
background-color:#F5F5F6;
text-align:center;
}

.ads_under {
clear:left;
display:block;
margin-top:1em;
margin-bottom:1em;
min-height:279px;
background-color:#F5F5F6;
text-align:center;
}

.ads_adaptive {
box-sizing: border-box; /*div will include padding and border*/
width:100%;
border:1px solid #CCCCCC;
padding:1em;
text-align:center;
}

.top-item-ads {
clear:left;
display:block;
margin-bottom:0.7em;
margin-top:0.7em;
background-color:#FFFFCC;
padding:1em;
border:1px solid #e3e3e3;
vertical-align:middle;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
color:#333333;
}

.top-item-ads a {
color:#333333;
text-decoration:none;
}

.top-item-column {
display:table-cell;
vertical-align:middle;
position:relative; /*for play-zoom*/ 
padding-right:1.3em;
}

.zoom-column {
position:absolute;
bottom:0;
right:1.3em;
width: 100%;
height: 100%;
background-image:url(../images/play-small.png);
background-repeat:no-repeat;
background-position:bottom right;
opacity: 0.3;
}	

.top-item-column:hover .zoom-column {
display:block;
opacity: 0.7;
}

/*AUTHOR*/

.author_block {
clear:left;
display:block;
margin-bottom:0.7em;
margin-top:0.7em;
background-color:#EEEEEE;
padding:1em;
border:1px solid #e3e3e3;
vertical-align:middle;
}

.author_photo {
float:left;
display:inline-block;
vertical-align:middle;
border-radius: 50%; /* Radius */
border:1px solid #e3e3e3;	
height:100px; /* For CLS */
width:100px; /* For CLS */
overflow: hidden;
margin-right:15px;
}

.author_photo img {
object-fit: cover;
}



.author_description {
display:table-cell;
vertical-align:middle;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333333;
}

.author_title {
text-align:left;
margin-bottom:4px;
font-size: 1.3em;
}

.author_text {
font-size:0.9em;
text-align:justify;
}





/****COMPARE*****/

.vs_mosaic {
width:100%;
text-align:justify;
}

.vs_block {
display:inline-block;
text-align:left;
box-sizing: border-box; /*div will include padding and border*/
width:49%;
vertical-align:top;
overflow: hidden;
}

.item-image {
position: relative; /*for +1 over*/
}

.vs_block .item-image img {
height:150px;
}

.vote {
position: absolute;
left:0;
top:0;
background:transparent url(../images/vote.gif) no-repeat left top;
z-index:100;
height:30px;
width:30px;
}

.vote:hover {
background:transparent url(../images/vote-active.gif) no-repeat left top;
}

.vs_h4 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#1E9B3D;;
font-size:20px;
font-weight:normal;
margin-top:10px;
text-align:left;
}

/*FACEBOOK WIDGETS*/

.news_widget_logo {
background:transparent url(https://www.livebusiness.pro/images/icon.png) no-repeat left top;
}

.like {
width:118px;
height:26px;
padding:4px 2px 6px 77px;
background:transparent url(https://www.livebusiness.pro/images/like.png) no-repeat left top;
}

/*to prevent CLS*/

.vs_placeholder {
min-height:300px;
background-color:#F5F5F6;
}

/*Alternatives*/

#alternatives_mosaic {
width:100%;
text-align:justify;
margin-top:1em;
}

.alternative_block {
display:inline-block;
box-sizing: border-box;
text-align:left;
vertical-align:top;
overflow: hidden;
width:49%;
height:10em;
padding:0.65em;
margin-bottom:1em;
border:1px solid #CCCCCC;
background-color:#FCFCFC;
}

.alternative_block_title {
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
font-weight:normal;
margin-bottom:0.5em;
margin-top:0px;
}

.alternative_block_title a {
text-decoration:underline;
}

.alternative_block_title a:hover {
color:#4B8ABF;
}

.alternative_block_votes {
font-size:14px;
margin-bottom:10px;
font-weight:bold;
}

.alternative_block_screenshot {
position: relative;
display: inline-block;
}

/*****************************************************************************/
/***********************************HD 1152***********************************/
/*****************************************************************************/

@media only screen and (max-width: 11439px) { /**Replace to 1439 when FullHD wins**/

.news_block {
width:270px;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}
}

/*****************************************************************************/
/***********************************Tablet 1024*********************************/
/*****************************************************************************/

@media only screen and (max-width: 1151px) {

.news_block {
width:240px;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}
}

/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


@media only screen and (max-width: 1023px) {

#news_mosaic {
text-align:center;
}

.news_block {
width:100%;
max-width:100%;
height:auto;
border:0;
}

.news_block_image {
height:auto;
}

.news_block_image img {
height:auto;
}



/****TOP ITEM ADS*****/

.top-item-ads {
display:block;
margin-top:1em;
padding: 0.6em 0p 1em 0px;
text-align:center;
}

.top-item-column {
display:block;
padding-right:0;
}

/*AUTHOR*/

.author_block {
display:block;
margin-top:1em;
padding: 0.6em 0p 1em 0px;
text-align:center;
}

.author_photo, .author_description {
display:block;
padding-right:0;
}

/****COMPARE*****/

.vs_block {
display:block;
width:100%;
}

.vs_block .item-image img {
height:auto;
}

.hide {
display:none;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}

.alternative_block {
display:block;
width:100%;
}

}