/**
* Homepage cover slider arrows
*/
.hcslider .swiper-button-prev::after,
.hcslider .swiper-button-next::after {
  content: "";
  display: block;
  width: 46px;
  height: 76px;
  background-color: var(--theme-palette-color-8); /* white */
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="76" viewBox="0 0 46 76"><path d="M44 74L4 38.1614L44 2" stroke="black" stroke-width="5" fill="none"/></svg>');
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  transition:background-color 0.2s ease-out;
  cursor:pointer;
}

/* flip the next button arrow */
.hcslider .swiper-button-next::after {
  transform: scaleX(-1);
}

/* change color on hover */
.hcslider .swiper-button-prev:hover::after,
.hcslider .swiper-button-next:hover::after {
  background-color: var(--theme-palette-color-2); /* bronze */
}

@media screen and (max-width:768px) {
	.hcslider .swiper-button-prev::after,
	.hcslider .swiper-button-next::after {
	    width: 23px;
	    height: 35.5px;
	}
}



/**
* TERMINE
*/

body.post-type-archive-termin [class*=ct-container] > article {
	padding:0!important;
	text-transform:uppercase;
}
body.post-type-archive-termin ul.wp-block-post-template li:hover {
	background:#2C2723;
}

/* Termine filters */
.filter-row-wrap {
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:calc(100% - 120px);
	margin:0 auto;
	margin-bottom:30px;
	border:solid 1px #FFFFFF50;
	border-width:0 0 1px 0;
	height:80px;
}

.filter-row-wrap select {
	color:var(--theme-palette-color-8);
	border-color:var(--theme-palette-color-8);
}
.filter-row-wrap select:focus {
	color:var(--theme-palette-color-2);
	border-color:var(--theme-palette-color-2);
}

.termine-date-filter select {
  	appearance: none;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	
  	background-color: transparent;
  	border: 1px solid rgba(255, 255, 255, 0.3);
  	color: #fff;
  	font-family: inherit;
  	font-size: 18px;
  	line-height:100%;
  	padding: 8px 36px 8px 20px;
  	min-width:150px;
  	border-radius: 10px;
  	cursor: pointer;
  	outline: none;
  	transition: border-color 0.2s ease, color 0.2s ease;
}

/* majhna puščica na desni */
.termine-date-filter {
  	position: relative;
  	display: inline-block;
}

.termine-type-filter {
  	display: flex;
  	gap: 10px;
  	flex-wrap: wrap;
}

.filter-btn {
  	display: inline-block;
  	padding: 7px 20px;
  	border: 1px solid rgba(255,255,255,0.3);
  	border-radius: 10px;
  	color: #fff;
  	text-decoration: none;
  	font-size: 18px;
  	line-height: 24px;
  	/*letter-spacing: 0.5px;*/
  	transition: all 0.2s ease;
}

.filter-btn:hover {
  border-color: #d79a6f;
  color: #d79a6f;
}

.filter-btn.active {
  background-color: #d79a6f;
  border-color: #d79a6f;
  color: #000;
}


/* Termine List */

@media screen and (min-width:769px) {
	.termine-list {
		
		position: absolute;
		top: 14.62vw;   /* kompenzira padding */
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(255,255,255,0.05);
		padding-bottom:100px;
		
		width:100%;
		overflow-y: scroll;      /* omogoči vertikalni scroll */
		scrollbar-width: thin;
		scrollbar-color: #d79a6f transparent; /* Firefox */
		background-color:#191919;
	  	
	}
	
	
	
	.termine-list {
	  mask-image: linear-gradient(to bottom, #191919 65%, transparent);
	}
	
	/* Chrome / Safari / Edge */
	.termine-list::-webkit-scrollbar {
	  width: 6px;
	  background: transparent; /* brez tracka */
	}
	
	.termine-list::-webkit-scrollbar-thumb {
	  background-color: #d79a6f; /* accent barva */
	  border-radius: 3px;
	}
	
	.termine-list::-webkit-scrollbar-thumb:hover {
	  background-color: #e1ad83; /* malo svetlejši ob hoverju */
	}
	
	.termine-list::-webkit-scrollbar-track {
	  background: transparent; /* odstrani siv trak */
	}
	
	
	.scrollbar-hidden {
	    scrollbar-width: none;   /* Firefox: skrije scrollbar */
	    -ms-overflow-style: none;/* IE & Edge legacy */
	}
	
	/* Chrome, Safari, Opera */
	.scrollbar-hidden::-webkit-scrollbar {
	  display: none;
	}

}

.termin-item {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	width:calc(100% - 120px);
	margin:0 auto;
	color:var(--theme-palette-color-8);
	border:solid 1px #FFFFFF50;
	border-width:0 0 1px;
}

.termin-item-inner {
	margin:5px 0 5px 0;
	padding:25px 0;
	align-items:center;
	justify-content:space-between;
	gap:50px;
	width:100%;
	background-color:var(--theme-palette-color-4);
	display: grid;
	  grid-template-columns:
	    170px  /* datum */
	    1px    /* divider */
	    1fr    /* naslov */
	    1px    /* divider */
	    1.2fr  /* opis */
	    1px    /* divider */
	    0.8fr  /* kanal + ura */
	    1px    /* divider */
	    0.6fr; /* link */
		transition:all 0.2s ease;
	  
}
.termin-item-inner:hover {
	cursor:pointer;
	background-color:#2C2723;
}

/* Termin date */
.termin-date {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	gap:5px;
}
.termin-date .month,
.termin-date .date,
.termin-date .day {
	text-transform:uppercase;
	line-height:100%;
}
.termin-date .month,
.termin-date .date {
	font-size:32px; /* 38px */
	color:var(--theme-palette-color-8);
}
.termin-date .date {
	color: var(--theme-palette-color-2);
}
.termin-date .day {
	display:block;
	text-align:center;
	font-size:16px;
	color:var(--theme-palette-color-8);
}

/* Termin title */
.termin-title,
.termin-title a {
	font-size:18px;
	color:var(--theme-palette-color-8); /* white */
	text-decoration:none;
	transition:all 0.2s ease;
}
.termin-item:hover .termin-title a,
.termin-title a:hover,
.termin-item:hover .termin-link a {
	color:var(--theme-palette-color-2); /* bronze */
	/*text-decoration:underline;*/
}

.dtsub {
	opacity:0.5;
	font-size:0.8em;
}

/* Termin description */
.termin-description {
	text-transform:none;
	color:#FFFFFF50;
}

/* Termin link */
.termin-link a,
.termin-link a:hover {
	color:var(--theme-palette-color-2); /* bronze */
	text-decoration:none;
}
.termin-link a:hover,
.termin-item:hover .termin-link a {
	text-decoration:underline;
}