/**
 * @package 	WordPress
 * @subpackage 	Medicine Plus
 * @version		1.0.2
 * 
 * Responsive Events CSS Rules
 * Created by CMSMasters
 * 
 */


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

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

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


/*-------------------------------------------------------------------------*/
/*	1.	Tablet Monitor
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
    #tribe-events-content.tribe-events-list .type-tribe_events .tribe-events-event-image {
        width: 40%;
    }

    #tribe-events-content.tribe-events-photo #tribe-events-photo-events {
        margin: 0 -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;
        }
}

@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;
            margin: 0;
            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%;
                -moz-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-has-events a {
                padding: 0;
            }

        #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.tribe-events-thismonth.tribe-events-has-events a {
                padding: 0;
            }

        #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-"]:before,
            #main #tribe-events-content.tribe-events-month table.tribe-events-calendar tbody td div[id*="tribe-events-daynum-"]:after {
                content: none;
            }

            #main #tribe-events-content.tribe-events-month table.tribe-events-calendar tbody td div[id*="tribe-events-daynum-"]:hover a {
                background-color: transparent;
            }

            #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-daynum-"] a:hover {
                    background-color: transparent;
                }

        #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 .type-tribe_events .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%;
    }

    #main #tribe-events-content.tribe-events-week-grid .tribe-events-grid {
        display: none;
    }

    #main #tribe-events-content.tribe-events-week-grid #tribe-mobile-container .tribe-mobile-day .tribe-events-mobile .tribe-events-event-body .time-details {
        margin-bottom: 10px;
    }

    #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_left .cmsms_event_header_left_date,
        #main #tribe-events-content.tribe-events-single .cmsms_single_event_header .cmsms_single_event_header_left .cmsms_single_event_header_left_inner {
            float: none;
            display: inline-block;
        }

    #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-bar-views .tribe-bar-views-inner .tribe-bar-views-list {
        text-align: center;
    }

        #main #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list .tribe-bar-views-option {
            float: none;
            display: inline-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;
        }
}

@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_header {
        margin-bottom: 0;
        padding-bottom: 10px;
    }

        #main #tribe-events-content.tribe-events-single .cmsms_single_event_header .cmsms_single_event_header_left .cmsms_event_header_left_date,
        #main #tribe-events-content.tribe-events-single .cmsms_single_event_header .cmsms_single_event_header_left .cmsms_single_event_header_left_inner {
            float: none;
            display: block;
            margin: 0 auto 20px;
            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;
        }
}