

/* Start:/bitrix/templates/empty/components/bitrix/news.list/articlelist/style.css?16937865632184*/
/* div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

.containerLocal {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
	padding: 10px;
  }
  
  .blockLocal {
	width: 250px;
	height: 400px;
	color: #113875;
	display: flex;
	align-items: flex-start; 
	justify-content: center;
	text-align: left;
  }
  
   */

   /* div.news-list {
	word-wrap: break-word;
  }
  div.news-list img.preview_picture {
	float: left;
	margin: 0 4px 6px 0;
  }
  .news-date-time {
	color: #486DAA;
  } */
  
  .containerMainArticle {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 40px;
	/* padding: 10px 20px; */
	max-width: calc(4 * 250px + 3 * 40px);
	margin-left: auto;
	margin-right: auto;
  }
  
/*   
  .blockMainArticle {
	width: 100%;
	height: 400px;
	color: #113875;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	text-align: left;
  } */
  

  .blockMainArticle {
    width: 100%;
    height: 400px;
    color: #113875;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    outline: 1px solid transparent; /* Замените свойство border на outline */
    transition: outline-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	cursor: pointer;

	position: relative; /* Добавьте это свойство */

}

.blockMainArticle:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.35), 0 10px 10px rgba(0,0,0,0.32);
    outline-color: #0d6efd; /* Замените свойство border-color на outline-color */
}

.blockMainArticle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.15s ease-in-out;
}

.blockMainArticle:hover::before {
    background-color: rgba(0, 0, 0, 0.3); /* Установите прозрачность на 0.3 или любое другое значение, чтобы контролировать степень затемнения */
}

/* End */
/* /bitrix/templates/empty/components/bitrix/news.list/articlelist/style.css?16937865632184 */
