/**
 * @version     3.0.0
 * @package     com_eventlisting
 * @copyright   Copyright (C) 2015. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      William Jones <william@alleventson.com.au> - http://alleventson.com.au
 
	WTJ 26/2/15
	Filter controls CSS effects
	so in event listings filter areas
  
 */

.panel-heading a:after {
font-family: "FontAwesome";
content: "\f147";
position: absolute;
right: 20px;
font-size: 20px;
font-weight: 400;
top: 20px; 
line-height: 1;
margin-top: -10px;
}

 .panel-heading a.collapsed:after {
content: "\f196";
}

/*  date-range stuff */
#datepicker
 {
	 width: 190px;
	 border-radius: inherit;
 }
 
 div.daterangepicker div.calendar
 {
	 width: 235px;
	 font-size: 14px; 
 }
 
 .table-condensed
 {
	 background-color: transparent !important;
	 border: none !important;
	 color: none !important;
 }
 
 .calendar.left
 {
	 border-right: none !important;
 }
 
 .calendar.right
 {
	 border-left: none !important;
 }
 
 
 #daterangepicker-glyph
 {
	 right: 24px;
	 cursor: pointer;
 }
 
 /******************** For all templates/pages with filter ********/
 
 #home-filter-btn-wrapper
 {
	 margin-right: auto;
	 margin-left: auto;
	 margin-top: 0px;
	 margin-bottom: 10px;
	 padding-top: 10px;
 }
 
 .event-filter-nondate-wrapper
 {
	background-color: #4d4d4d;
	display: inline-block;
	width: 100%;
 }
 
 .filter-wrapper
 {
	margin-top: 10px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	position: relative;
	display:block !important;
	float: left;
	right:50%;
	top: 0px;	
 }
 
 
 .home-filter-wrapper
 {
	position: relative;
	clear: right;
	display:block; /* !important; */
	top: 0px;
	left: 50%;
 }
 
 .bottom-filters
 {
	margin-top: 0px !important;
 }
 
 .event-search-box-wrapper
 {
	margin-left: 10px;
	margin-top: 0px !important;
 }
 
 .vendor-search-box-wrapper
 {
	margin-left: 10px;
	margin-top: 10px !important;
 }
 
 #filter_free-lbl
 {
	margin-bottom: 0px;
 }
 
 /* this is the actual check-box */
 #filter_free
 {
	width: 17px;
	height: 17px;
	margin-left: 5px;
	margin-top: 0px;
	padding-top: 10px;
	position: relative;
	top: 5px;
 }

 .filter-cost-wrapper
 {
	 border: solid 1px;
	 border-color: #e5e5e5;
	 width: 100px;
	 height: 40px;
	 padding-top: 7px;
	 float:left;
 }
 
 .filter-search-wrapper
 {
	float:none;
	overflow: hidden;
 }
 
#filter_search
{
	min-width: 220px;
	width: 100%
}
 
 .event-filter-nondate-wrapper .chzn-single
 {
	background: #ffffff;
 }
 
 .t3-content
 {
	padding-top: 10px !important;
 }
 
  .chzn-container-single .chzn-single, #filter_search
 {
	border-radius: 0px;
 }
 
 .filter-free-wrapper, .go-btn-wrapper, .search-wrapper
 {
   vertical-align: top !important;
 }
 
 
 div.filter-outer-wrapper
 {
	 text-align: center;
	 background-color: #ffffff;
	 /* top: -40px; */
	 position: relative;
	 border: 1px solid;
	 border-color: #e5e5e5;
	 border-radius: 3px;
 }	 
 div.event-filter-main-wrapper, div.vendor-filter-main-wrapper
 {
	 display:inline-block;
	 margin-top: 10px;
 }
 
 #filter_date_range, #filter_type_category, #filter_state_region
 {
	 -moz-appearance:none;
	 border-radius: initial;
 }
 
 
 .region-parent
 {
	 font-weight: bold;
 }


 /* for use in drop-downs */
 
.mytextwithicon {
    position:relative;
}    
.mytextwithicon:before {
    content: "\f0d7";    /* fa-caret-down */
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;
	z-index:1;
 }
 
 
 /**********************************************/
 
 #filter_custom_start, #filter_custom_end, #filter_start_event_date_img, #filter_end_event_date_img
 {
    display:none;
 }
 
.date-range-btn  /** .go-btn  **/
{
    color: #ffffff;	
	border-radius: 0px !important;
	margin-bottom: 3px !important;
}
 
 .date-range-btn, /*.go-btn */ /* normal state */
 {
	background-color: #428BCA; 
 }
 
 .date-range-btn:hover /*, .go-btn:hover */
 {
    color: #000000;
    background-color: #33B5E5;
 }
 
.date-range-btn.btn-primary
{
	background-color: #9900FF;  /* our purple */
	border-color: #9900FF;  /* our purple  - so no shading/border - just a flat appearance*/
} 




/*
*     Stylings for small sceen sizes.
*
*/

@media (max-width: 720px) {
	.home-filter-wrapper {
	  //display: table-caption;
	  float: none;
	  position: inherit;
	  
	}
	
	.all-filters-wrapper
	{
		display: table-caption;
	}
	
	.filter-wrapper
	{
		float:none;
		right: inherit;
	}
	
	 .filter-cost-wrapper
	 {
		 width: 220px;
		 position: relative;
	 }
	 
	  .filter-search-wrapper
	  {
		  width: auto;
	  }
	 
}