/*VECAIS SLIDESHOW CSS - jaunais atrodas faila apakšā*/

.event-slider {margin-top: 50px;}


.event-slider .container {
    padding-right: 0;
    padding-left: 0;
}

.slider-rail {
	position: relative;
    height: 600px;
  	overflow: hidden;
  	margin: auto;
}


.slider-rail ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 600px;
  list-style: none;
}

.slider-rail ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width:375px;
  height: 600px;
  text-align: center;
}

.kolekcija-img {
	width:100%;
	height: 300px;
	background-size: cover;
	float: left;
	display: inline-block;
}

.kolekcija-descr { 
	width: 100%;
	height: 300px; 
	background-color: #FF0000;
	float: left;
	display: inline-block;
	color: #FFF;
	position: relative;
 }

.kolekcija-descr.blackyellow { 
   background-color: #282828;
  color: #FFF;
 }

.kolekcija-descr .wrap{ 
	padding: 10px;
	text-align: left;
 }

 .kolekcija-descr a{color: #FFF; text-decoration: none;}
 .kolekcija-descr h2 {	font-weight: 600; margin: 10px 0; font-size: 2rem;}
 .kolekcija-descr h3 { font-weight: 600; margin: 10px 0; font-size: 1.5rem; margin: 0;} 	
 .kolekcija-descr h4 { font-weight: 400;     font-size: 1.25rem;    display: inline-block; margin: 0;} 
 .kolekcija-descr h5 { font-weight: 200;    font-size: 1.25rem;    display: inline-block; opacity: 0.8;} 
 .kolekcija-descr .arrow-nav {position: absolute; bottom:26px; right:38px; width:130px;}
 .kolekcija-descr .arrow-nav .slider-prev,  .kolekcija-descr .arrow-nav .slider-next {display: inline-block; float: left; margin:10px; cursor: pointer;}
  .kolekcija-descr .arrow-nav .slider-prev:hover,  .kolekcija-descr .arrow-nav .slider-next:hover {opacity: 0.6;}
 .kolekcija-descr .arrow-nav svg {width:45px; height:50px;}

@media only screen and (min-width: 768px) {
        .event-slider .container {
            padding-right: 15px;
            padding-left: 15px;
        }.slider-rail ul {
          height: 600px;
        }.slider-rail ul li {
          width: 1400px;
          height: 600px;
        }

        .kolekcija-img {
            max-width:850px;
            height: 600px;
        }

       	.kolekcija-descr { 
            width: 550px;
            height: 600px; 
         }.kolekcija-descr .wrap{ 
            padding: 50px;
         }.kolekcija-descr h2 { font-weight: 700; margin-bottom: 70px; font-size: 3.25rem;}
          .kolekcija-descr h3 { font-weight: 400; margin-bottom: 30px; font-size: 2.25rem;} 
          .kolekcija-descr h4 { font-weight: 400; font-size: 1.75rem; display: inline-block;} 
          .kolekcija-descr h5 { font-weight: 400; font-size: 1.75rem;  opacity: 0.6; display: inline-block;} 
}



.event-filter {margin-top: 150px;}

.event-filter h2 {margin: 24px 0;}

input.full {
	width: 100%;
	display: inline-block;
	border: 1px solid #282828;
	font-family: 'Bauziet', sans-serif; font-weight: 400;
	padding: 10px 16px;
	box-sizing: border-box;
	font-size: 1.0rem;
    color: #282828;
    margin-bottom: 10px;
}


 .a-filter {
  position: relative;
   cursor: pointer;
font-weight: 400;
font-size: 1.1rem;
 }

 .a-filter ul {
 	display: none;
 	width: 200px;
 	list-style: none;
 	background: #F0F0F0;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px;
	position: absolute;
	top:10px;
	left:10px;
	z-index: 10;
	font-weight: 400;
}

 .a-filter ul li {padding:5px;}
 .available-filters {width:100%;}


.active-filters .close {margin-left: 6px;}

.a-filter .accord-ico-wrap {
  float: right;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
    line-height: 20px;
    text-align: center;

    overflow: hidden;
    position: relative;
    margin-top: 1px;
    margin-left: 4px;
}

.a-filter .accord-ico {
  width: 20px;
  height: 40px;
  position: absolute;
  top:0;
  transition: 0.2s;
  overflow: hidden;
}

.a-filter.open .accord-ico{
 top:-20px;
}




@media only screen and (max-width: 768px) {
.a-filter {
    position: relative;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #282828;
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.a-filter svg {
  float:right;
}



 .a-filter ul {
  box-sizing: border-box;
  width:100%;
  position:relative;
  left:0;
}

.a-filter .accord-ico {
  height: 10px;
}

.a-filter.open .accord-ico{
 top:-10px;
}

}

 ul.active-filters {width: 100%; margin:0; padding: 0;  list-style: none; display: block; margin:10px 0;}
 ul.active-filters li {border-radius: 20px; display: inline-block; border: 1px solid #282828; padding: 6px 16px; margin:2px 4px;  }
 ul.active-filters li.clear-filters {background-color: #282828; color:#FFF; cursor: pointer; margin-left: 2px;}


.filter-wrap {
width:100%;
background-color: #FFF;
position: fixed;
top: 0;
right: 0;
    height: 100vh;
    z-index: 200;
    box-sizing: border-box;
    border-right: 30px solid #282828;
    opacity: 0.98;
    display: none;
        overflow-y: scroll;
}

.filter-wrap h3 {padding:40px 10px 10px;}
.close-event-menu {position: absolute; right:30px; top:20px;}

.filter-wrap input[type='submit'] {
  width: 95%; 
  margin:auto; 
  background-color: #282828; 
  color: #FFF; 
  font-size: 1rem;
  border:0;
  padding:10px;
padding: 10px;
    margin: 10px;
}

.filter-buttons{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

.event-filter .filter-btn {
  border: 1px solid #282828;
      text-align: center;
    font-weight: 300;
    padding: 10px 0;
cursor: pointer;
}

.event-filter .submit-btn {
  background-color: #282828; 
  color:#FFF;
    text-align: center;
    font-weight: 300;
    padding: 13px 0;
    cursor: pointer;
}






input[type='range'] {
  width: 180px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
    outline: none;
}
input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
    background: none;
}
input[type='range']::-webkit-slider-runnable-track {
  width: 170px;
  height: 1px;
  background: #003D7C;
}

input[type='range']:nth-child(2)::-webkit-slider-runnable-track{
  background: none;
}

input[type='range']::-webkit-slider-thumb {
  position: relative;
  height: 15px;
  width: 15px;
  margin-top: -7px;
  background: #fff;
  border: 1px solid #003D7C;
  border-radius: 25px;
  z-index: 1;
}


input[type='range']:nth-child(1)::-webkit-slider-thumb{
  z-index: 2;
}

.rangeslider{
    position: relative;
    width: 180px;
    margin-top: 20px;
}
.rangeslider input{
    position: absolute;
}

.rangeslider span{
    position: absolute;
    margin-top: 30px;
    left: 0;
}

.rangeslider .right{
   position: relative;
   float: right;
}

.rangeslider .left{
  margin-top: -20px;
}

/* Proof of concept for Firefox */
@-moz-document url-prefix() {
  .rangeslider::before{
    content:'';
    width:100%;
    height:2px;
    background: #003D7C;
    display:block;
    position: relative;
    top:16px;
  }

  input[type='range']:nth-child(1){
    position:absolute;
    top:35px !important;
    overflow:visible !important;
    height:0;
  }

  input[type='range']:nth-child(2){
    position:absolute;
    top:35px !important;
    overflow:visible !important;
    height:0;
  }
input[type='range']::-moz-range-thumb {
  position: relative;
  height: 15px;
  width: 15px;
  margin-top: -7px;
  background: #fff;
  border: 1px solid #003D7C;
  border-radius: 25px;
  z-index: 1;
}

  input[type='range']:nth-child(1)::-moz-range-thumb {
      transform: translateY(-20px);    
  }
  input[type='range']:nth-child(2)::-moz-range-thumb {
      transform: translateY(-20px);    
  }
}




.event-list {margin-top: 50px;}

 .event-list ul {
  /* KRISTAPA
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  */
  columns: 1;/* LAUMAS */
  -webkit-columns: 1;/* LAUMAS */
  -moz-columns: 1;/* LAUMAS */
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: inside;
}

.event-list ul li{ margin: 0px 0px 50px; font-weight: 400;   -webkit-column-break-inside: avoid; position: relative; box-sizing: border-box;}
.event-list.kolekcija ul li .title{  font-weight: 700;  font-size: 1.75rem;}
.event-list.kolekcija ul li .year{color:#7F7F7F; font-size: 0.875rem; margin-top: 4px;}
.event-list.kolekcija ul li .author{ font-size: 1.125rem; margin-top: 6px;}
.event-list ul li h4 {margin: 10px 0px 6px; padding: 0; font-size: 1rem;}
.event-list ul li a {text-decoration: none;}
.event-list ul li img {
	width: 100%;
	margin-bottom: 10px;
	
}
.event-list.education ul li img {border: 1px solid #282828; }
.event-list ul li svg {width: 100%;     height: 100%; }
.event-list ul li .place svg { width: 8px;  margin-left: 5px;}
.event-list ul li:hover .place {color:red;}

.event-list ul li .datums {font-size: 0.825rem;}
.event-list ul li .lb-wrap {cursor: pointer;}

.event-list ul li .lb-wrap.open {   
     background:rgba(0,0,0,.8);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
  }

.event-list ul li .lb-wrap.open .lb-popup{
    color:#fff;
    position:fixed;
    top:10%;
    left:50%;
    width:800px;
    height:80%;
    margin-left:-400px;
    z-index:100;

}



.event-list .sold-out {position: absolute; top:30px; right: 30px; width:100px; height:100px; border-radius: 50px; background-color: #282828; color: #FFF; line-height: 100px; text-align: center;}
.event-list .discount {position: absolute; top:30px; right: 30px; width:100px; height:100px; border-radius: 50px; background-color: red; color: #FFF; line-height: 100px; text-align: center;}


.event-list.frontpage ul li img { filter: grayscale(100%);}
.event-list.frontpage ul li svg { filter: grayscale(100%);}

.event-list {margin-bottom: 150px;}
.event-list.shop img {border: 1px solid #282828;}


#collection-results {position: relative; min-height: 300px;}


.event-list .show-more {
	width: 100%;
    text-align: center;
    margin: 100px 0;
    font-size: 1.5rem;
    font-weight: 700;
}

/* Event list Desktop */
@media only screen and (min-width: 768px) {
 /* .event-list ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
} */

 .event-list ul {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 2%;
    position: relative;
}

 .event-list.kolekcija ul {
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
}

.event-list ul li h4 {font-size: 1.5rem; line-height: 1.75rem;}


 .available-filters {
  width: 100%; 
  margin:0; 
  padding: 0;
   display: block;
position: relative;
    background-color: inherit;
 }
 .available-filters .a-filter {display: inline-block; margin:10px 24px 10px 0;}



.filter-wrap {
width:100%;
background-color: inherit;
position: relative;
top: 0;
right: 0;
    height: auto;
    z-index: 2;
    border: 0;
    display: block;
    overflow: inherit;
}

.event-list.frontpage ul li:hover img { filter: inherit;}
.event-list.frontpage ul li:hover svg { filter: inherit;}


}

/* Evevnt list desktop END */

/*----------------------------*/
/*    zemāk viss ir Laumas    */
.breadcrumb{
	display:none;
}

.event-list ul li img{
	object-fit:cover;
	aspect-ratio: 16/9;
}

/*----------------------------*/
/*    LAUMAS SLIDESHOW KODS   */
/* #########################################################
Adaptēts no : 

HOW TO CREATE A RESPONSIVE IMAGE SLIDER [TUTORIAL]

"How to create a Responsive Image Slider [Tutorial]" was specially made for DesignModo by our friend Valeriu Timbuc.

Links:
http://vtimbuc.net
http://designmodo.com
http://vladimirkudinov.com

######################################################### */
.flex-container{
	display: block;
	margin-left:auto;
	margin-right:auto;
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider {
	margin: 0;
	padding: 0;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

/* Theme Styles */
.flexslider {
	position: relative;
	zoom: 1;
	padding: 10px;
	background: #ffffff;

}/* Edit it if you want */
.flex-container {
	margin-top:50px;
	padding:6px;
	min-width: 150px;
	max-width: 1400px;
}.flexslider .slides { zoom: 1; }


/*-------------------------*/
/*----- Direction Nav -----*/
/*neredzamas pogas - novietotas virs arrow-nav svg*/
.flex-direction-nav a {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	bottom:50px;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 9999;
	
}.flex-direction-nav a:before {
	display: block;
	position: absolute;
}.flex-direction-nav a:after {
	display: block;
	position: absolute;
	content: '';
	width: 0;
	height: 0;
}.flex-direction-nav .flex-next {
	right: 58px;
	width:49px; height:42px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='42' viewBox='0 0 49 42' fill='none' %3E%3Cpath d='M25.6699 4.16283L33.9284 12.9345C35.5801 14.7186 37.3694 15.8336 40.1222 17.3947L39.3652 19.5504C37.4382 18.8071 34.823 17.8407 31.382 17.8407L0 17.9894V24.1593L31.382 24.085C34.7542 24.085 37.2317 23.2673 39.3652 22.3752L40.0534 24.531C37.507 26.0177 35.6489 27.0584 33.9284 28.9911L25.6699 37.8372L29.5927 42L49 20.9628L29.5927 0L25.6699 4.16283Z' fill='white'/%3E%3C/svg%3E%0A");

}.flex-direction-nav .flex-prev {
	right: 122px;
	width:49px; height:42px;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='42' viewBox='0 0 49 42' fill='none' %3E%3Cpath d='M23.3298 4.16283L15.0714 12.9345C13.4197 14.7186 11.6304 15.8336 8.87757 17.3947L9.63459 19.5504C11.5616 18.8071 14.1767 17.8407 17.6177 17.8407L48.9998 17.9894V24.1593L17.6177 24.085C14.2455 24.085 11.768 23.2673 9.63459 22.3752L8.94638 24.531C11.4927 26.0177 13.3509 27.0584 15.0714 28.9911L23.3298 37.8372L19.4071 42L-0.000244141 20.9628L19.4071 0L23.3298 4.16283Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='49' height='42' fill='white' transform='matrix(-1 0 0 1 48.9998 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	
}

/*-----Direction Nav END-----*/
/*---------------------------*/
/*---ControlNav (punktiņi)---*/
.flexslider .flex-control-nav {
	position: absolute;
	width: 100%;
	bottom: -40px;
	text-align: center;
	margin: 0 0 0 -10px;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
}

.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	background-color: white;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border:solid black 1px;
}

.flex-control-paging li a.flex-active {
	background-color: black;
}

/*----------attēls-------------*/
.slideshow-img{
	width:100%;
	height: 500px;
	background-size: cover;
	float: left;
	display: inline-block;
}

/*---------apraksts--------*/
.kolekcija-descr { 
	width: 100%;
	/*height: 300px; */
	height: 250px;
	background-color: #FF0000;
	float: left;
	display: inline-block;
	color: #FFF;
	position: relative;
 }.kolekcija-descr.blackyellow { 
   background-color: #282828;
   color: #FFF;
 }.kolekcija-descr .wrap{ 
	padding: 10px;
	text-align: left;
 }

.kolekcija-descr a{
	color: #FFF;
	text-decoration: none;
}.kolekcija-descr h2{
	font-weight: 600;
	margin: 10px 0;
	font-size: 2rem;
}.kolekcija-descr h3 {
	font-weight: 600;
	margin: 10px 0;
	font-size: 1.5rem;
	margin: 0;
}.kolekcija-descr h4{
	font-weight: 400;
	font-size: 1.25rem;
	display: inline-block;
	margin: 0;
}.kolekcija-descr h5{
	font-weight: 200;
	font-size: 1.25rem;
	display: inline-block;
	opacity: 0.8;
}.kolekcija-descr .arrow-nav {
	 position: absolute;
	 bottom:26px; right:38px; width:130px;
}.kolekcija-descr .arrow-nav .slider-prev,  .kolekcija-descr .arrow-nav .slider-next {
	display: inline-block; float: left; margin:10px; cursor: pointer;
}.kolekcija-descr .arrow-nav .slider-prev:hover,  .kolekcija-descr .arrow-nav .slider-next:hover{
	/*opacity: 0.6;*/
}.kolekcija-descr .arrow-nav svg{
	 display:none;
	 width:45px; height:50px;
}
/*-------------------------*/

/*--------------------------*/
/*--------M O B I L E-------*/
.slideshow-img{
	width:100%;
	height: 310px;
	background-size: cover;
	float: left;
	display: inline-block;
}.kolekcija-descr {
	height:280px;
}


/*--------------------------*/
/*----- M I D W A Y --------*/
@media only screen and (min-width: 600px){
	.slideshow-img{
	width:100%;
	height: 350px;
	background-size: cover;
	float: left;
	display: inline-block;
	}
}

/*--------------------------*/
/*-------D E S K T O P------*/
@media only screen and (min-width: 1100px){
	.slideshow-img{
		width:750px;
		height: 600px;
	}
	
	.kolekcija-descr {
		position: absolute;
		right:0px;
		width: 550px;
    	height: 600px; 
	}.kolekcija-descr .wrap{ 
    	padding: 50px;
	}.kolekcija-descr h2 {
		font-weight: 700;
		margin-bottom: 70px;
		font-size: 3.25rem;}
	.kolekcija-descr h3 {
		font-weight: 400;
		margin-bottom: 30px;
		font-size: 2.25rem;
	}.kolekcija-descr h4 {
		font-weight: 400;
		font-size: 1.75rem;
		display: inline-block;
	}.kolekcija-descr h5 {
		font-weight: 400;
		font-size: 1.75rem;
		opacity: 0.6;
		display: inline-block;
	} 	
}

@media only screen and (min-width: 1300px){
	.slideshow-img{
		width:850px;
	}
}

/*-----*/
.flex-direction-nav .flex-next {
	right: 58px;
	width:49px; height:42px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='42' viewBox='0 0 49 42' fill='none' %3E%3Cpath d='M25.6699 4.16283L33.9284 12.9345C35.5801 14.7186 37.3694 15.8336 40.1222 17.3947L39.3652 19.5504C37.4382 18.8071 34.823 17.8407 31.382 17.8407L0 17.9894V24.1593L31.382 24.085C34.7542 24.085 37.2317 23.2673 39.3652 22.3752L40.0534 24.531C37.507 26.0177 35.6489 27.0584 33.9284 28.9911L25.6699 37.8372L29.5927 42L49 20.9628L29.5927 0L25.6699 4.16283Z' fill='white'/%3E%3C/svg%3E%0A");

	
}.flex-direction-nav .flex-prev {
	right: 122px;
	width:49px; height:42px;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='42' viewBox='0 0 49 42' fill='none' %3E%3Cpath d='M23.3298 4.16283L15.0714 12.9345C13.4197 14.7186 11.6304 15.8336 8.87757 17.3947L9.63459 19.5504C11.5616 18.8071 14.1767 17.8407 17.6177 17.8407L48.9998 17.9894V24.1593L17.6177 24.085C14.2455 24.085 11.768 23.2673 9.63459 22.3752L8.94638 24.531C11.4927 26.0177 13.3509 27.0584 15.0714 28.9911L23.3298 37.8372L19.4071 42L-0.000244141 20.9628L19.4071 0L23.3298 4.16283Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='49' height='42' fill='white' transform='matrix(-1 0 0 1 48.9998 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	
}

/*MOBILE ONLY - lai teksts nepārplūst pāri descr. fonam*/
@media only screen and (max-width: 420px){
.kolekcija-descr {
	height:280px;
}.kolekcija-descr .wrap{
	height:250px !important; /*importanteee!*/
	overflow: hidden;
    text-overflow: ellipsis;   
}
	
.flex-direction-nav .flex-next{
	right: 28px;
	bottom:30px;
	width:44px; height:38px;
	background-size: 44px 38px;
}.flex-direction-nav .flex-prev {
	right: 96px;
	bottom:30px;
	width:44px; height:38px;
	background-size: 44px 38px;

}
}