/*!
Theme Name: verkehr
Theme URI: https://verkehr.rs/
Author: Bojan Vuckovic
Author URI: https://reddevso.com/
Description: Sajt za firmu VERKEHR iz Zajecara
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: verkehr
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.


Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



	 .background-holder-page {
		position: absolute;
		width: 100%;
		height: 100%;
		min-height: 100%;
		top: 0;
		left: 0;
		background-size: cover;
		background-position: center;
		z-index: -1;
		overflow: hidden;
		will-change: transform, opacity, filter;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		background-repeat: no-repeat;
	}

	.overlay{
		width: 100%;
		height: 100%;
		min-height: 100%;
		position:absolute;
		background-color: rgba(45, 15, 130, 0.5);
	  }

	.lang-item-en img  {
		width: 22px !important;
		height: 15px !important;
	}

	.lang-item-sr img  {
		width: 22px !important;
		height: 15px !important;
	}

	/*    PARTNERS VERKEHR     */
	#partners {
		padding: 40px 0;
	  }
	  
	  #partners #partner-filter {
		list-style: none;
		margin-bottom: 20px;
	  }
	  
	  #partners #partner-filter li {
		cursor: pointer;
		display: inline-block;
		margin: 10px 5px;
		font-size: 15px;
		font-weight: 500;
		line-height: 1;
		color: #444444;
		transition: all 0.3s;
		padding: 8px 20px;
		border-radius: 10px;
	  }
	  
	  #partners #partner-filter li:hover,
	  #partners #partner-filter li.filter-active {
		background: red;
		color: #fff;
	  }
	  
	  #partnerLinks i {
		padding: 10px;
	  }
	  
	  .slick-slide {
		/*    margin: 0px 20px;*/
		margin: 20px;
	  }
	  
	  .slick-slide img.partnerImg {
		height: 90px;
		width: 180px;
		text-align: center;
		max-width: 80%;
		transition: all 0.4s ease-in-out;
		display: inline-block;
		padding: 15px 0;
	  }
	  
	  .slick-slide img.partnerImg:hover {
		transform: scale(1.1);
	  }
	  
	  #events {
		padding: 40px 0;
	  }
	  
	  #events #event-filter {
		list-style: none;
		margin-bottom: 20px;
	  }
	  
	  #events #event-filter li {
		cursor: pointer;
		display: inline-block;
		margin: 10px 5px;
		font-size: 15px;
		font-weight: 500;
		line-height: 1;
		color: #444444;
		transition: all 0.3s;
		padding: 8px 20px;
		border-radius: 10px;
	  }
	  
	  #events #event-filter li:hover,
	  #events #event-filter li.filter-active {
		background: red;
		color: #fff;
	  }
	  
	  #events .card-body {
		height: 100px;
	  }
	  
	  #events .card img.eventImg {
		height: 100px;
		object-fit: cover;
		display: block;
		width: 100%;
	  }
	  
	  #events .card img.eventImgPast {
		height: 100px;
		object-fit: cover;
		display: block;
		width: 100%;
		-webkit-filter: grayscale(100);
		filter: grayscale(100);
	  }
	  
	  #events .modal-body img {
		object-fit: cover;
		display: block;
		width: 100%;
		height: 50%;
		border-radius: 10px;
	  }