/**
 * @package DJ-Events
 * @copyright Copyright (C) DJ-Extensions.com, All rights reserved.
 * @license DJ-Extensions.com Proprietary Use License
 * @author url: http://dj-extensions.com
 * @author email contact@dj-extensions.com
 * @developer Szymon Woronowski - szymon.woronowski@design-joomla.eu
 */
 
 /**
  * clearing
  */

.djev_clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.djev_clearfix {
	min-width: 0;
	display: inline-block; /* \*/
	display: block;
} /* trigger hasLayout for IE7. Hide from IE Mac */
* html .djev_clearfix {
	height: 1%;
} /* Hide from IE Mac */

/**
 * Preven modals from covering tooltips
 */
.tip-wrap {
	z-index: 2000 !important;
}


/**
  * EVENT VIEW
  */
.djev_event {
	margin: 1em 0;
}
.djev_event .djev_event_info {
	float: left;
	width: 300px;
	margin: 10px 30px 10px 0;
}
.djev_event .djev_gallery {
	margin-bottom: 20px;
}
.djev_event .djev_poster,
.djev_event .djev_thumb {
	position: relative;
	margin-top: 5px;
}
.djev_event .djev_thumb i,
.djev_event .djev_poster i {
	position: absolute;
	font-size: 20px;
	line-height: 50px;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	text-align: center;
	color: rgba(240,240,240,0.7);
}
.djev_event .djev_poster i {
	font-size: 50px;
}
.djev_event .djev_thumb a:hover i,
.djev_event .djev_poster a:hover i {
	color: rgba(240,240,240,1);
}

.djev_event .djev_title {
	
}
.djev_event .djev_time {
	color: #666;
}
.djev_event .djev_category {
	display: inline-block;
	padding: 5px 12px;
	margin: 1em 0;
	border-radius: 4px;
}

.djev_event .djev_category a {
	text-decoration: none;
	color: #ffffff;
}
.djev_event .djev_category img {
	max-height: 1.5em;
}

.djev_event .djev_info_wrap {
	margin: 1em 0;
}

/**
  * EVENT FORM VIEW
  */

.djev_eventform {
	margin: 1.5em 0;
}

.djvideo_preview {
	margin: 10px 0 0;
}
.djvideo_preview img {
	margin: 0 0 0 10px;
	vertical-align: top;
}
.djev-ajax-loader {
	display: inline-block;
	background: url(../images/ajax-loader.gif);
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-left: 5px;
}


#albumItemsWrap {
	margin: 0 0 10px 0;
}
#albumItems .albumItem {
	position: relative;
	float: left;
	margin: 0 2px 2px 0;
	overflow: hidden;
}
#albumItems .albumItem img {
	float: none;
	margin: 0;
	padding: 0;
	height: 150px;
}
#albumItems .albumItem .itemMask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg.png) repeat;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	cursor: move;
}
#albumItems .albumItem:hover .itemMask,
#albumItems .albumItem.active .itemMask {
	opacity: 1;
}
#albumItems input.itemInput {
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding: 6px 6px 6px 28px;
	margin: 0;
	border: 0;
	width: 100%;
	background-color: transparent;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	border-radius: 0;
	box-shadow: none;
	height: auto;
}
#albumItems input.itemInput:focus {
	/* old browsers */
	background-color: rgb(50, 50, 50);
	/* modern browsers */
	background-color: rgba(255, 255, 255, 0.25);
	box-shadow: none;
}
#albumItems .itemMask input.editTitle {
	background-image: url(../images/edit.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
#albumItems .albumItem .delBtn {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/delete.png) no-repeat;
	cursor: pointer;
	opacity: 0.5;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
#albumItems .albumItem .delBtn:hover {
	opacity: 1;
}
#albumItems .itemMask label {
	position: absolute;
	top: 5px;
	left: 5px;
	color: #fff;
}

/**
  * EVENT LISTING VIEW
  */

.djev_list {
	margin: 1em 0;
}
.djev_list .djev_item {
	padding: 20px;
	border-bottom: 1px solid #f5f5f5;
}
.djev_list .djev_image_wrap {
	float: left;
	margin: 5px 30px 5px 0;
}
.djev_list .djev_item_title {
	margin-top: 0;
}
.djev_list .djev_time {
	color: #666;
}
.djev_list .djev_info {
	padding: 10px 0 0;
}
.djev_list .djev_city, .djev_list .djev_category {
	float: left;
	padding: 5px 12px;
	margin: 0 20px 0 0;
	border-radius: 4px;
}
.djev_list .djev_category a {
	text-decoration: none;
	color: #ffffff;
}
.djev_list .djev_category img {
	max-height: 1.5em;
}
.djev_list .djev_city {
	border: 1px solid #f5f5f5;
}

.djev_list .djev_items_featured {
	background: rgba(36,97,165, 0.1);
}
.djev_list .djev_item.djev_featured {
	background: rgba(36,97,165, 0.1);
}

/**
  * ITEMS MODULE
  */
.djev_mod_items {
	margin: 1em 0;
}
.djev_mod_items .djev_item {
	position: relative;
	margin: 0 0 30px;
	border-bottom: 2px solid #f5f5f5;
}
.djev_mod_items .djev_image_wrap {
}
.djev_mod_items .djev_item_content {
	padding: 15px 0;
}
.djev_mod_items .djev_item_title {
	margin: 0 0 10px;
}
.djev_mod_items .djev_time {
	color: #666;
}
.djev_mod_items .djev_info {
	position: absolute;
	top: 0;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
.djev_mod_items .noimage .djev_info {
	position: static;
	padding: 10px 0 0;
}
.djev_mod_items .djev_city, .djev_mod_items .djev_category {
	float: left;
	padding: 5px 12px;
	border-radius: 4px;
}
.djev_mod_items .djev_category {
	float: right;
}
.djev_mod_items .djev_category a {
	text-decoration: none;
	color: #ffffff;
}
.djev_mod_items .djev_category img {
	max-height: 1.5em;
}
.djev_mod_items .djev_city {
	background: #ffffff;
	border: 1px solid #f5f5f5;
}
.djev_mod_items .djev_readmore {
	margin: 10px 0 0;
}
.djev_mod_items .djev_featured {
	background: rgba(36,97,165, 0.1);
}
.djev_mod_items .djev_featured .djev_item_content {
	padding: 15px;
}
	
.djev_search {}

.djev_search_horz .djev_search_el {
	display: inline-block;
}
.djev_search_horz .djev_search_button {
	vertical-align: middle;
	margin-bottom: 9px;
}

@media (max-width: 768px) {
	.djev_event .djev_event_info {
		float: none;
		margin: 1em auto;
	}
	.djev_event .djev_thumb {
		display: inline-block;
		width: auto;
	}
}