/* == LETS MODIFY SOME COLORS AND STYLE FOR THE DEMO == */

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.fancybox-bg {
  background: #fff;
  opacity: 1;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.22,.61,.36,1);
}

.fancybox-arrow::after {
  content: "";
  position: absolute;
  top: 0;
  width: 60px;
  height: 60px;
  background-color: transparent;
  background-image: url(../../../../../images/web/galerie-vlevo.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 60px 60px;
}

.fancybox-arrow {
  position: absolute;
  top: 46%;
  margin: 0 10% 0 10%;
  height: 60px;
  width: 60px;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  z-index: 99995;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  transition: opacity .25s;
}
.fancybox-show-nav .fancybox-arrow {
  opacity: 1;
  pointer-events: all;
}

.fancybox-button::after, .fancybox-button::before {
  opacity: 1.0;
}

.fancybox-button--close::after, .fancybox-button--close::before {

  height: 5px;
  width: 40px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}

.fancybox-button {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: transparent;
  color: #ff4600;
  border-radius: 0;
  cursor: pointer;
  vertical-align: top;
  outline: none;
}

.fancybox-button, .fancybox-infobar__body {
  background: #fff);
}

.fancybox-button:hover:not([disabled]){color:#ff4600;;background:transparent}

.fancybox-toolbar {right: 10%;}



		/* hide no more entries button */
		.media-boxes-no-more-entries{
			display: none;
		}

		/* make your own style of the filter */
		.filters-container{
			margin-bottom: 20px;
		}
		.custom-filter{
			padding: 0;
			text-align: right;
		}
		.custom-filter li{
			list-style: none;
			display: inline-block;
			margin-left: 18px;
			font-size: 12px;
		}
		.custom-filter li a{
			color: #999;
			text-decoration: none;
		}
		.custom-filter li a:hover{
			color: #333;
		}
		.custom-filter li a.selected{
			color: #D1474C !important;
		}

		/* Set the style of the thumbnail overlay items */
		.media-box-title{
			color: #fff;
			font-size: 11px;
			margin-bottom: 5px;
			text-transform: uppercase;
		    letter-spacing: 2px;
		    line-height: 28px;
		}
		.media-box-date{
			color: #F2F2F2;
			font-size: 10px;
		}

		/* Remove box shadow and border-radius from the media boxes */
		.media-box-container{
			  -webkit-border-radius: 0px;
			  	 -moz-border-radius: 0px;
			  		  border-radius: 0px;
border-radius: 10px !important;
			  -webkit-box-shadow: none;
			  	 -moz-box-shadow: none;
			  	   -o-box-shadow: none;
			      -ms-box-shadow: none;
			  		  box-shadow: none;
		}

		/* thumbnail overlay background */
		.thumbnail-overlay{
    		background-color: rgba(0,0,0, .0);
border-radius: 10px !important;
    		-webkit-transition: background-color 0s ease-out;
		       -moz-transition: background-color 0s ease-out;
		         -o-transition: background-color 0s ease-out;
		            transition: background-color 0s ease-out;

		}

		/* thumbnail overlay background (in the first grid change the initial background) */
		#grid .thumbnail-overlay{
    		background-color: rgba(0,0,0, 0);
		}

		/* hover effect on the thumbnail-overlay */
		.thumbnail-overlay:hover{
    		/*background-color: rgba(0,0,0, 0) !important;*/
    		border-radius: 10px !important;background-color: #ff4600 !important;
		}
		
		/* hover effect on the image */
		.media-box-image img{
		    -webkit-transition: transform 0.6s ease-in-out;
		       -moz-transition: transform 0.6s ease-in-out;
		         -o-transition: transform 0.6s ease-in-out;
		        -ms-transition: transform 0.6s ease-in-out;
		            transition: transform 0.6s ease-in-out;
border-radius: 10px !important;
		    -webkit-transform-origin: bottom left;
		       -moz-transform-origin: bottom left;
		         -o-transform-origin: bottom left;
		        -ms-transform-origin: bottom left;
		            transform-origin: bottom left;
	
			}
		.media-box-image:hover img{border-radius: 10px;
		    -webkit-transform: scale(1.2) translate(-20px);
		       -moz-transform: scale(1.2) translate(-20px);
		         -o-transform: scale(1.2) translate(-20px);
		        -ms-transform: scale(1.2) translate(-20px);
		            transform: scale(1.2) translate(-20px);
	border-radius: 10px !important;
			}

		/* Change alignment in grid 2 */
		#grid2 .thumbnail-overlay>div.aligment>div.aligment{
			vertical-align: bottom;
			padding-bottom: 40px;
		}

		.thumbnail-overlay .media-box-title{
			font-size: 36px;text-transform: none;
		}

		.thumbnail-overlay .media-box-date{
			font-style: italic;
			font-size: 12px;
		}
.fancybox-show-thumbs .fancybox-inner {
    right: 0;
}