/* UTILITES */

.stickers-item.bg--purple {
	background-color: #dacae5;
}

.stickers-item.bg--green {
	background-color: #cbdfac;
}

/*.stickers-item.bg--yellow {
	background-color: #f6f398;
}*/

.stickers-item.bg--yellow {
	background-color: #fef200;
}

.stickers-item.bg--yellow .stickers-item__heading, .stickers-item.bg--yellow .stickers-item__content {
	color: #333333;
}

.stickers-item.bg--pink {
	background-color: #efb6d6;
}

.stickers-item.bg--beige {
	background-color: #d1cab7;
}

.stickers-item.bg--beige-light {
	background-color: #e6d3a9;
}

.stickers-item.bg--orange {
	background-color: #f9d6b2;
}

.stickers-item.bg--orange-light {
	background-color: #f6e498;
}
.stickers-item.bg--greyblue {
	background-color: #DAE0E3;
}
.stickers-item.bg--grey {
	background-color: #E4E2DC;
}

/* NEW MAIN COLORS FOR STICKERS */
.stickers-item.bg--blue {
	background-color: #3977AB;
}

a.stickers-item.bg--blue:hover {
	background-color: #214B6F;
}

.stickers-item.bg--red {
	background-color: #D4001A;
}

a.stickers-item.bg--red:hover {
	background-color: #950012;
}
/* /NEW MAIN COLORS FOR STICKERS */

.p-0 {
	padding: 0 !important;
}

/* STICKERS */

.stickers,
.stickers * {
	box-sizing: border-box;
}
 
.stickers {
	box-sizing: border-box;
	display: flex;
    display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	color: #323232;
	margin: 2rem 0;
}

.stickers__column {
    flex-basis: 50%;
    max-width: 100%;
  	padding: .25rem;
}
.stickers__column--double {
    flex-basis: 50%;
}

.stickers-item {
	height: 100%;
	padding: 1.25rem;
	position: relative;
	color: #ffffff;
}

/* Pre-render the bigger shadow, but hide it */
.stickers-item[data-sticker-link]::after {
  	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
	box-shadow: 0 0 6px 1px #999;
	opacity: 0;
	transition: opacity 0.15s ease-in-out;
    top: 0;
    left: 0;
}

/* Transition to showing the bigger shadow on hover */
a.stickers-item[data-sticker-link]:hover::after {
  	opacity: 1;
}

/*a.stickers-item[data-sticker-link]:hover {
	background-color: #f6e498;
}*/

.stickers-item__heading {
    font-family: "museo-sans-condensed", sans-serif;
	font-size: 1.7em;
	line-height: 1.1em;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: .75rem;
}

.stickers-item__content {
	font-family:  proxima-nova, sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	padding-bottom: 30px
}
.stickers-item__content p {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.stickers-item__content a {
	color: inherit;
}
.stickers-item__content ul {
	margin: 0 0 0 15px;
}
.stickers-item__content ul li {
	line-height: inherit;
}

a .stickers-item__content:after {
	content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.249 7.043'><path id='Fill_1_Copy_12' data-name='Fill 1 Copy 12' d='M3.727,0,3.155.572,5.69,3.107H0v.809H5.71L3.155,6.471l.572.572L7.249,3.521Z' fill='white'/></svg>");
	display:  block;
	position:  absolute;
	width:  15px;
	height:  15px;
	padding-top: 20px;
}

[data-sticker-link] {
	cursor: pointer;
}

.stickers__row {
	display: flex;
	flex-flow: row wrap;
}

.stickers__row > .stickers__column {
	flex-basis: 100%;
}

#CalendarSticker .stickers-item__heading a {
	color: #3A3A3A;
}

.calendar-column .stickers-item__heading {
	color: #3A3A3A;
	text-align: center;
	padding-top:  20px;
	margin-bottom: 35px;
}

.calendar-column .stickers-item__heading a {
	text-decoration: none;
}

.calendar-column > .stickers-item {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #fff;
}

.calendar-column table tr:hover {
	background-color: unset;
}

@media only screen and (min-width: 600px) {
	.stickers__column {
	    flex-basis: 50%;
	}

	.stickers__column--double {
	    flex-basis: 50%;
	}
	.calendar-column {
		flex-basis: 50%;
	}
}

@media only screen and (min-width: 900px) {
	.stickers__column {
	    flex-basis: 33%;
	}

	.stickers__column--double {
	    flex-basis: 33%;
	}
	.stickers-item__heading {
		font-size: 31px;
	}
	.stickers__column {
	    padding: .35rem;
	}
}

@media only screen and (min-width: 1100px) {
	.stickers__column {
	    flex-basis: 20%;
	}

	.stickers__column--double {
	    flex-basis: 40%;
	}

	.stickers__row {
		flex-flow: row;
	}

	.stickers-item {
		min-height: 239px;
	}
}
/* TODO pod 339px jen jedna na šířku */
@media only screen and (max-width: 423px) {
	.stickers__column {
	    flex-basis: 100%;
	}
}
/* spodní metro special chování */
@media only screen and (max-width: 599px) {
	.version-2 .stickers__column {
	    flex-basis: 100%;
	}
	.version-2 .stickers__column--double {
	    flex-basis: 100%;
	}
	.version-2 .stickers__row {
		flex-flow: row;
	}
	.stickers-item {
	    padding: 0.8rem;
	    min-height: 45vw;
	}
	#dnn_MetroPane .stickers-item {
	    height: 50vw;
	    overflow: hidden;
	}
	.stickers-item__heading {
	    line-height: 1.2em;
	}
	.stickers-item__content {
		font-size: 0.90em;
	}
	#dnn_MetroPane .stickers-item__content p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: block-axis;
	}
}
@media only screen and (min-width: 600px) and (max-width: 899px) {
	.version-2 .stickers__column {
	    flex-basis: 34%;
	}
	.version-2 .stickers__column--double {
	    flex-basis: 66%;
	}
	.stickers__row > .stickers__column {
		flex-basis: 50%;
	}
	.stickers__row > .stickers__column.inner-double {
		flex-basis: 100%;
	}
	.version-2 .stickers__column--double.calendar-column {
		flex-basis: 100%;
	}
}

/*@media only screen and (min-width: 900px) and (max-width: 1099px) {
	.version-2 .stickers__column {
	    flex-basis: 25%;
	}
	.version-2 .stickers__column--double {
	    flex-basis: 35%;
	}
	.stickers__row > .stickers__column {
		flex-basis: 50%;
	}
	.stickers__row > .stickers__column.inner-double {
		flex-basis: 100%;
	}
	.version-2 .stickers__column--double.calendar-column {
		flex-basis: 40%;
	}
}*/


/* CALENDAR */

.calendar_table > tbody > tr:first-child > td:first-child {
	background-color: transparent !important;
}

.eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table td.day {
	padding:  0 !important;
}

.eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table td.day > span, .eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table td.day > a {
	padding:  12px;
	font-size:  1rem;
	background: #EEEEEE;
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table td.day {
	border: 2px solid #ffffff;
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table td.day.has_events > a {
	border: none;
	background-color: #3977AB;
	color:  #ffffff;
	padding:  12px;
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table td.day.has_events > a:hover {
	transform:  none;
	background-color: #D4001A;
}

.eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table td.day.other_month > a, .eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table td.day.other_month > span {
	background:  #ffffff;
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table td.week_days {
	font-size:  1rem;
	background:  #ffffff;
	color: #444444;
	border-color:  #ffffff;
	text-transform: capitalize;
	padding: 25px 0;
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table .month_selection td {
	color: #444444;
	text-transform: capitalize;
	font-weight: 700;
	text-align: center;
	font-size: 1.65rem;
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table .month_selection td.next_prev_months a {
    width: 26px;
    height: 26px;
 	display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #979797;
    border-radius: 50%;
    padding:  0;  
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table .month_selection td.next_prev_months a:before {
	padding-right: 3px;
    padding-bottom: 2px;
}


.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table .month_selection td.next_prev_months[align="right"] a:before {
	padding-left: 6px;
}

.eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table .month_selection td.next_prev_months:first-child a:before,
.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table .month_selection td.next_prev_months a:before {
	font-size:  24px;
	color: #979797;
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table .month_selection,
.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table .month_selection td,
.eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table td, .eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table .month_selection td {
	border:  none;
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table {
	border:  none !important;
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table td.day.today:after {
	border: unset;
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table td.day.today span {
	background-color: #D4001A;
	color: #fff;
}

.eds_news_Ozone.eds_style_predefined_red-grey.eds_subCollection_calendar .callendar_table_container .calendar_table .month_selection td.next_prev_months a:hover {
	border-color: #db313c;
}