/*
|-----------------------------------------------------------------------------------------------------------
| IMAGEBOX
|-----------------------------------------------------------------------------------------------------------
*/
.custom_imagebox a{
	color: inherit;
}
.custom_imagebox.row {
	margin-bottom: 30px;
	overflow: hidden;
}
.custom_imagebox .item{
	font-size: 14px;
	line-height: 18px;
	font-family: 'Bitter', serif;
	letter-spacing: 0.001em;
	margin-bottom: 20px;
}
.custom_imagebox .image{
	position: relative;
}
.custom_imagebox .image img{
	width: 100%;
}
.custom_imagebox .date{
	position: absolute;
	top:50%;
	left: 50%;
	padding: 10px 14px 14px;
	background: rgba(244,235,200, 0.8);
	border: 2px solid #50494d;
	text-align: center;
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
	transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
}

.custom_imagebox .date-item {
    display: inline-block;
}
.custom_imagebox .date.has-end{
	min-width: 190px;
}
.custom_imagebox .day{
	margin-top: 8px;
	font-size: 36px;
	font-family:'Lulo Clean W01 One';
}
.custom_imagebox .date-item.end{
	position: relative;
	padding-left: 18px;
}
.custom_imagebox .date-item.end::before{
	position: absolute;
	content: '-';
	display: block;
	left: -18px;
	padding: 20px;
	width: 20px;
	height: 20px;
	margin-top: 8px;
}
.custom_imagebox .info{
	padding: 16px;
	background: #FFF;
	border-bottom: 2px solid #e6e5e5;
}
.custom_imagebox .title{
	font-family:'Lulo Clean W01 One Bold';
	text-transform: uppercase;
	margin-bottom: 16px;
}
.custom_imagebox .text{
	color: #849b00;
}


.custom_imagebox .title span {
    color: #ce4e10;
}
.custom_imagebox .text a:hover, .custom_imagebox .text a:focus {
    color: #849b00;
}

.custom_imagebox .title a:hover, .custom_imagebox .title a:focus {
    color: #534132;
}

.custom_imagebox .icon{
	padding-right: 6px;
}
.custom_imagebox .imagebox-footer .border{
	height: 40px;
	border: 2px solid #50494d;
	transition: all ease .5s;
}
.custom_imagebox .imagebox-footer .view-all{
	position: relative;
	top: 40px;
	display: block;
	width: 170px;
	line-height: 40px;
	margin:0 auto;
	clear: both;
	text-align: center;
	color: #281e23;
   font-size: 16px;
   font-family: 'Lulo Clean W01 One';
	opacity: 1;
	z-index: 1;
}
.custom_imagebox .imagebox-footer .view-all.noEvents{
	top: 0;
}
.custom_imagebox .imagebox-footer .search{
	position: relative;
	width: 100%;
	max-width: 286px;
	margin: 0 auto;
	overflow: hidden;
}
.custom_imagebox .imagebox-footer .top-search{
	position: relative;
	width: 100%;
	height: 40px;
	margin-bottom: 12px;
}
.custom_imagebox .imagebox-footer .date-input{
	position: absolute;
	right: 0;
	opacity: 0;
	width: 0;
}
.custom_imagebox .imagebox-footer .date-input.start{
	margin: 0 10px;
}
.custom_imagebox .imagebox-footer .search-close {
    position: absolute;
    top: 0px;
    left: 100px;
    width: 40px;
    opacity: 0;
    color: #281e23;
    background-color: #fff;
    cursor: pointer;
	 text-align: center;
 }
 .custom_imagebox .imagebox-footer .search-close .fa{
	 line-height: 38px;
 }
.custom_imagebox .imagebox-footer input{
	width: 100%;
	height: 36px;
	border: none;
	box-shadow: none;
	margin: 0;
	background-color: #FFF;
	background-image: url(/includes/public/assets/icon-cal.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	color: #9b8c82;
   font-size: 18px;
   text-align: left;
   font-family: 'Bitter', serif;
   letter-spacing: 0.05em;
	font-style: italic;
}

.custom_imagebox .imagebox-footer .toggle-btn-cont{
	clear: both;
	position: relative;
	overflow: hidden;
	width: 40px;
	left: 50%;
	transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
}
.custom_imagebox .imagebox-footer .search-submit{
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	top: -40px;
	left: 50%;
	background: transparent;
	color: #281e23;
   font-size: 16px;
   font-family: 'Lulo Clean W01 One';
	padding: 0;
	margin: 0;
	transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
	transition: all ease .5s;
}
.custom_imagebox .imagebox-footer .search-submit:hover{
	background: rgba(40,30,35,1);
	color: #fafaf5;
}
.custom_imagebox .imagebox-footer .toggle-btn{
	position: absolute;
	top: 0;
	text-align: center;
	width: 40px;
	height: 40px;
	padding-top: 11px;
	cursor: pointer;
	background-image: url(/includes/public/assets/search-icon-dark.png);
	background-repeat: no-repeat;
	background-position: center;

	left: 50%;
	transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
	transition: all ease .5s;
}
.custom_imagebox .imagebox-footer .toggle-btn:hover{
	background-color: rgba(40,30,35,1);
	background-image: url(/includes/public/assets/search-icon.png);
}

/** active search **/
.custom_imagebox .imagebox-footer .active .view-all{
	opacity: 0;
	z-index: -1;
}
.custom_imagebox .imagebox-footer .active .date-input{
	width: 112px;
	opacity: 1;
}
.custom_imagebox .imagebox-footer .active .date-input.start{
	right: 112px;
}
.custom_imagebox .imagebox-footer .active .search-close {
    left: 0px;
    opacity: 1;
}
.custom_imagebox .imagebox-footer .active .toggle-btn-cont{
	width: 170px;
}
.custom_imagebox .imagebox-footer .active .search-submit{
	top: 0;
}
.custom_imagebox .imagebox-footer .active .toggle-btn{
	top: 40px;
}
@media only screen and (min-width: 641px) {
	.custom_imagebox.row {margin-bottom: 40px !important;}
	.custom_imagebox .imagebox-footer .top-search{margin-bottom: 0;}
	.custom_imagebox .imagebox-footer .search{max-width: 570px;}
	.custom_imagebox .imagebox-footer .view-all{right: 8px;}
	.custom_imagebox .imagebox-footer .toggle-btn-cont{
		position: absolute;
		left: 400px;
		top: 40px;
		clear: none;
		transform: translateX(0);
	   -ms-transform: translateX(0);
	   -webkit-transform: translateX(0);
	}
	.custom_imagebox .imagebox-footer .date-input{right: 208px;}
	.custom_imagebox .imagebox-footer .active .date-input{width: 150px;}
	.custom_imagebox .imagebox-footer .active .date-input.start{right:358px;}
}
@media only screen and (min-width: 1025px) {
	.custom_imagebox.row {margin-bottom: 50px !important;}
}