﻿.events_wrapper {position: relative; float: left; clear: both; width: 100%;}
.events_calender { position: absolute; z-index: 30; width: 300px; height: 40px;  top:20px; right:0px; font-family: 'Open Sans', sans-serif;}
.events_calender .events_buttons a{color:#fff!important;position:relative; float:right; height:30px; line-height:30px; text-decoration:none; padding: 5px 5% 5px 2%; background-color: #A51D37; background-image:url(../img/plus.png); background-repeat:no-repeat; background-position:right center;}
.events_calender .events_buttons a.btn2 { margin-right: 1%; }
.events_calender .events_buttons a { width:30%;}
.events_calender .events_buttons.two_btns .active_btn { width:55%}
.events_calender .events_buttons.one_btns .active_btn { width:93%}
.events_calender.events_open { width:300px;  }
.events_calender.events_open .active_btn {background-image:url(../img/minus.png);}
.events_calender .events_list_wrap {background:#fff; position:relative; float:left; clear:both; width:100%; display:none;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);}
.events_calender a.ev_item {border-bottom: solid 1px #ccc;width:100%; position:relative; float:left; clear:both; color:#333!important;}
.events_calender a.ev_item:hover, .events_calender a.ev_item:focus {background-color:#F4F0ED; color:#000!important;}
.events_calender .events_mc {background:#706259;position:relative; float:left; clear:both; width:100%; text-align:center;}
.events_calender .events_mc a {color:#fff; display:inline-block; padding:2% 4%; text-decoration:none; position:relative; float:left; height:22px;}
.events_calender .events_mc a:hover, .events_calender .events_mc a:focus {background-color:#8d827b;}
.events_calender .events_mc a.events_more {border-right:solid 1px #ccc; width:35%;}
.events_calender .events_mc a.events_all {border-right:solid 1px #ccc; width:35%;margin:0px -1px;}
.events_calender .events_mc a.events_close {width: 6%; background-image: url(../img/x.png); background-repeat: no-repeat; background-position: center center;}
.events_calender .events_mc a.events_close span {display:none;}
.events_calender .ev_info {padding: 4%; width: 69%;position:relative; float:left; font-size:16px; line-height: 20px;border-right: solid 1px #ccc; margin-right:-1px;}
.events_calender .ev_date {padding: 4%;width:13%;position:relative; float:left; text-transform:uppercase; border-left: solid 1px #ccc;height:100%;}
.events_calender .ev_date span, .events_calender .ev_info span {display:block;}
.events_calender .ev_date span {text-align:center;}
.events_calender .ev_day {font-size:26px; font-weight:bold; line-height:26px;}
.events_calender .ev_month {font-size:14px; line-height:18px;}
.events_calender .ev_year {font-size:14px; line-height:16px;}
.events_calender .short_date_range {font-size:14px; line-height:16px; clear:both; margin-top:10px;}

@media only screen and (max-width: 604px) {
    /*MOBILE*/
    .events_wrapper {position:initial;}
    .events_calender { top:20px;right:20px;}
    .events_calender.events_open { width:100%; right:0px; }
}

@media only screen and (max-width: 958px) and (min-width:605px) {
    /*TABLET*/
    .events_calender { top:20px;right:20px;}
    .events_calender.events_open { width:100%; right:0px; }
}

@media only screen and (min-width: 959px) {
    /* FULL WIDTH */
}
