/**
 * @package 	WordPress
 * @subpackage 	EcoNature
 * @version 	1.1.0
 * 
 * Responsive Events CSS Rules
 * Created by CMSMasters
 * 
 */


/*-------------------------------------------------------------------------

	1.	Medium Monitor
	2.	Tablet Monitor
	3.	Small Tablet Monitor
	4.	Phone Monitor

-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------*/
/*	1. Medium Monitor
/*-------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .tribe-events-venue {
    position: relative;
  }
}
/*-------------------------------------------------------------------------*/
/*	2.	Tablet Monitor
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  #tribe-events-content.tribe-events-list .vevent .tribe-events-event-image {
    width: 40%;
  }
  #tribe-events-content.tribe-events-photo #tribe-events-photo-events {
    margin: 0 -2.2%;
  }
  #tribe-events-content.tribe-events-single .cmsms_single_event_meta.cmsms_event_meta_info_col_4 .tribe-events-meta-group {
    width: 46%;
  }
  #tribe-events-content.tribe-events-single .cmsms_single_event_meta.cmsms_event_meta_info_col_4 .tribe-events-meta-group:nth-child(2n + 1) {
    clear: left;
  }
}
/*-------------------------------------------------------------------------*/
/*	3.	Small Tablet Monitor
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #main #tribe-events-bar .tribe-bar-filters .tribe-bar-filters-inner > div {
    width: 96%;
  }
  #main .tribe-events-uses-geolocation #tribe-events-bar .tribe-bar-filters .tribe-bar-filters-inner > div {
    width: 46%;
  }
  #main #tribe-events-bar {
    text-align: center;
  }
  #main #tribe-events-bar #tribe-bar-views .tribe-bar-views-inner {
    text-align: center;
  }
  #main #tribe-events-bar #tribe-bar-views label.button {
    min-width: 160px;
    display: inline-block;
    float: none;
  }
  #main #tribe-events-bar #tribe-bar-views label.button .cmsms_next_arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #main #tribe-events-bar #tribe-bar-views.tribe-bar-views-open label.button .cmsms_next_arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  #main #tribe-events-bar #tribe-bar-views.tribe-bar-views-open ul.tribe-bar-views-list {
    display: block;
  }
  #main #tribe-events-bar #tribe-bar-views ul.tribe-bar-views-list {
    float: none;
    padding: 20px 20px 0;
  }
  #main #tribe-events-bar #tribe-bar-views ul.tribe-bar-views-list li {
    margin-bottom: 10px;
  }
  #main #tribe-events-bar #tribe-bar-views ul.tribe-bar-views-list li:first-child {
    margin: 0;
  }
  #main #tribe-events-content.tribe-events-month table.tribe-events-calendar thead th {
    padding: 5px 0;
  }
  #main #tribe-events-content.tribe-events-month table.tribe-events-calendar tbody td {
    height: 45px;
    padding: 5px;
    -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
  }
  #main #tribe-events-content.tribe-events-month table.tribe-events-calendar tbody td.tribe-events-has-events {
    position: relative;
    cursor: pointer;
  }
  #main #tribe-events-content.tribe-events-month table.tribe-events-calendar tbody td.tribe-events-has-events:before {
    content: '';
    width: 6px;
    height: 6px;
    margin: auto !important;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
  }
  #main #tribe-events-content.tribe-events-month table.tribe-events-calendar tbody td.tribe-events-thismonth {
    position: relative;
  }
  #main #tribe-events-content.tribe-events-month table.tribe-events-calendar tbody td div[id*="tribe-events-daynum-"] {
    background: none;
    padding: 0;
    text-align: center;
    border-bottom-width: 0;
    border-bottom-style: solid;
  }
  #main #tribe-events-content.tribe-events-month table.tribe-events-calendar tbody td div[id*="tribe-events-daynum-"] a {
    text-align: center;
  }
  #main #tribe-events-content.tribe-events-month table.tribe-events-calendar tbody td div[id*="tribe-events-event-"] {
    display: none;
  }
  #main #tribe-events-content.tribe-events-month table.tribe-events-calendar tbody td .tribe-events-viewmore {
    display: none;
  }
  #main #tribe-events-content.tribe-events-list .vevent .tribe-events-event-image {
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
    float: none;
    clear: both;
  }
  #main #tribe-events-content.tribe-events-photo #tribe-events-photo-events {
    margin: 0 -2.2%;
  }
  #main #tribe-events-content.tribe-events-week-grid .tribe-events-grid {
    display: none;
  }
  #main #tribe-events-content.tribe-events-single .cmsms_single_event_header .cmsms_single_event_header_left,
  #main #tribe-events-content.tribe-events-single .cmsms_single_event_header .cmsms_single_event_header_right {
    float: none;
    clear: both;
    text-align: center;
  }
  #main #tribe-events-content.tribe-events-single .cmsms_single_event_header .cmsms_single_event_header_left *,
  #main #tribe-events-content.tribe-events-single .cmsms_single_event_header .cmsms_single_event_header_right * {
    text-align: center;
  }
  #main #tribe-events-content.tribe-events-single .cmsms_single_event_header .cmsms_single_event_header_right {
    padding-top: 25px;
  }
  #main #tribe-events-content.tribe-events-single .cmsms_single_event_header .cmsms_single_event_header_right .tribe-events-cal-links {
    display: inline-block;
  }
  #main #tribe-events-content.tribe-events-single .cmsms_single_event_meta.cmsms_event_meta_info_col_3 .tribe-events-meta-group {
    width: 96%;
  }
  #main #tribe-mobile-container {
    display: block;
  }
  #main .tribe-events-organizer .cmsms_events_organizer_header .cmsms_events_organizer_header_left,
  #main .tribe-events-organizer .cmsms_events_organizer_header .cmsms_events_organizer_header_right {
    float: none;
    text-align: center;
    clear: both;
  }
  #main .tribe-events-organizer .cmsms_events_organizer_header .cmsms_events_organizer_header_left *,
  #main .tribe-events-organizer .cmsms_events_organizer_header .cmsms_events_organizer_header_right * {
    text-align: center;
  }
  #main .tribe-events-organizer .cmsms_events_organizer_header .cmsms_events_organizer_header_right {
    padding-top: 25px;
  }
  #main .tribe-events-organizer .cmsms_events_organizer_header .cmsms_events_organizer_header_right a {
    display: inline-block;
  }
  #main .tribe-events-venue .cmsms_events_venue_header .cmsms_events_venue_header_left,
  #main .tribe-events-venue .cmsms_events_venue_header .cmsms_events_venue_header_right {
    float: none;
    text-align: center;
    clear: both;
  }
  #main .tribe-events-venue .cmsms_events_venue_header .cmsms_events_venue_header_left *,
  #main .tribe-events-venue .cmsms_events_venue_header .cmsms_events_venue_header_right * {
    text-align: center;
  }
  #main .tribe-events-venue .cmsms_events_venue_header .cmsms_events_venue_header_right {
    padding-top: 25px;
  }
  #main .tribe-events-venue .cmsms_events_venue_header .cmsms_events_venue_header_right a {
    display: inline-block;
  }
}
/*-------------------------------------------------------------------------*/
/*	4.	Phone Monitor
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 540px) {
  #main #tribe-events-content.tribe-events-photo #tribe-events-photo-events .tribe-events-photo-event {
    width: 100%;
    float: none;
    clear: both;
  }
  #main #tribe-events-content.tribe-events-single .cmsms_single_event_inner .cmsms_single_event_img,
  #main #tribe-events-content.tribe-events-single .cmsms_single_event_inner .cmsms_single_event_map {
    width: 100%;
    padding: 0;
    float: none;
    clear: both;
  }
  #main #tribe-events-content.tribe-events-single .cmsms_single_event_inner .cmsms_single_event_img + .cmsms_single_event_map {
    padding-top: 20px;
  }
  #main #tribe-events-content.tribe-events-single .cmsms_single_event_meta .tribe-events-meta-group {
    width: 96%;
    float: none;
    clear: both;
  }
  #main ul.tribe-related-events > li {
    width: 96%;
    float: none;
    clear: both;
  }
  #main .tribe-events-venue .tribe-events-venue-meta .cmsms_events_venue_meta_inner .cmsms_events_venue_meta_img,
  #main .tribe-events-venue .tribe-events-venue-meta .cmsms_events_venue_meta_inner .cmsms_events_venue_meta_map {
    width: 100%;
    padding: 0;
    float: none;
    clear: both;
  }
  #main .tribe-events-venue .tribe-events-venue-meta .cmsms_events_venue_meta_inner .cmsms_events_venue_meta_img + .cmsms_events_venue_meta_map {
    padding-top: 20px;
  }
}
