/* aktuality
--------------------------------------------- */
.dt-aktuality-karta {
	width: 100%;
	background-color: white;
	break-inside: avoid;
	display: flex;
	flex-direction: column;
	box-shadow: 1px 1px rgba(3,3,3,0.15);
}

.dt-aktuality-karta a {
	text-decoration: none !important;
}

.dt-aktuality-nadpis {
	background-color: white;
	padding: 10px 20px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 800;
	min-height: 62px;
	line-height: 80%;
}

.dt-aktuality-karta .portrait img{
	object-fit: cover;
	height: 524px;
	width: 100%;
}

.dt-aktuality-karta .landscape img {
	object-fit: cover;
	height: 246px;
	width: 100%;
}

.dt-aktuality-nadpis a h3 {
	color: black;
	margin-bottom: 0
}

.dt-aktuality-nadpis a:hover h3 {
	color: #fdc400;
}


.dt-sticky a:hover h3 {
	color: white;
}


.dt-aktuality-nadpis span {
	font-size: 14px;
}

.dt-sticky > .dt-aktuality-nadpis{
	background-color: #fdc400;
}

/*.dt-sticky::before {
	content: url(https://divadlotramtarie.cz/wp-content/uploads/2019/08/pin-2-e1574931931262.png);
	float: right;
	margin-top: -10px;
}*/

.dt-aktuality-bottom {
	display: flex;
	background-color: #e7e7e7;
	padding: 10px 20px;
	justify-content: flex-end;
	margin-top: auto;
	line-height: 80%;
}

.dt-aktuality-popis {
	padding: 0 20px 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: justify;
}

.dt-date {
	margin: 5px 20px;
	font-size: 12px;
	text-align: right;
}

.dt-aktuality-no-thumbnail {
	background-color: #b0b3b5;
}

.dt-aktuality-popis p{
	margin-bottom: 0;
}

.dt-aktuality-bottom a {
	color: #d19a24;
}

.dt-aktuality-bottom a:hover {
	color: black !important;
}

.dt-aktuality-no-thumbnail h3 a {
	color: black;
} 

.dt-col-1, .dt-col-2, .dt-col-3 {
	columns: 1;
}


.dt-aktuality {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 30px;
}

.pagination {
	display: flex;
	justify-content: center;
}

.pagination a {
	padding: 0 2px;
}

@media only screen and (min-width: 650px) {

	.dt-aktuality {
		grid-template-columns: repeat(2, 1fr);
  }
  
}

@media only screen and (min-width: 960px) {

	.dt-aktuality {
		grid-template-columns: repeat(3, 1fr);
  }

  .dt-aktuality-karta {
	max-height: 734px;
  }
  
}