/* Add-ons Begin */
/* Add-ons End */

.tns-eventcal {
  padding-top: 0px; } /*10px*/
  .tns-eventcal .clndr-events {
    width: 65%;
    float: left;
    padding-right: 20px; }
  .tns-eventcal .event-nav {
    width: 35%;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0px; } /*15px bottom*/
  .tns-eventcal .clndr-controls {
    color: #414141;
    margin-bottom: 5px; }
    .tns-eventcal .clndr-controls .clndr-previous-button, .tns-eventcal .clndr-controls .clndr-next-button {
      line-height: 30px;
      width: 14.28571%;
      float: left;
      text-align: center;
      cursor: pointer;
      font-size: 20px;
      font-weight: 400;
      color: #e82e21; }
      .tns-eventcal .clndr-controls .clndr-previous-button.inactive, .tns-eventcal .clndr-controls .clndr-next-button.inactive {
        color: #414141; }
      .tns-eventcal .clndr-controls .clndr-previous-button:hover, .tns-eventcal .clndr-controls .clndr-next-button:hover {
        background-color: #e82e21;
        color: #fff; }
        .tns-eventcal .clndr-controls .clndr-previous-button:hover.inactive, .tns-eventcal .clndr-controls .clndr-next-button:hover.inactive {
          background-color: #fff;
          color: #414141; }
    .tns-eventcal .clndr-controls .month {
      width: 71.42857%;
      line-height: 30px;
      float: left;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 1px;
      cursor: pointer;
      color: #e82e21; }
      .tns-eventcal .clndr-controls .month:hover {
        text-decoration: underline; }
  .tns-eventcal .clndr-grid .days-of-the-week {
    width: 100%; }
    .tns-eventcal .clndr-grid .days-of-the-week .header-day {
      float: left;
      width: 14.28571%;
      line-height: 30px;
      text-align: center; }
  .tns-eventcal .clndr-grid .days {
    width: 100%; }
    .tns-eventcal .clndr-grid .days .day, .tns-eventcal .clndr-grid .days .empty {
      -webkit-transition: all 0.6s;
      -moz-transition: all 0.6s;
      -ms-transition: all 0.6s;
      -o-transition: all 0.6s;
      transition: all 0.6s;
      cursor: pointer;
      float: left;
      width: 14.28571%;
      line-height: 30px;
      height: 30px;
      text-align: center;
      color: #4f4f4f; }
      .tns-eventcal .clndr-grid .days .day.event, .tns-eventcal .clndr-grid .days .empty.event {
        color: #e82e21; }
        .tns-eventcal .clndr-grid .days .day.event:hover, .tns-eventcal .clndr-grid .days .empty.event:hover {
          color: #fff;
          background-color: #e82e21; }
      .tns-eventcal .clndr-grid .days .day.adjacent-month, .tns-eventcal .clndr-grid .days .day.inactive, .tns-eventcal .clndr-grid .days .empty.adjacent-month, .tns-eventcal .clndr-grid .days .empty.inactive {
        opacity: 0.3; }
      .tns-eventcal .clndr-grid .days .day:hover, .tns-eventcal .clndr-grid .days .empty:hover {
        background-color: #cccccc; }
      .tns-eventcal .clndr-grid .days .day.selected, .tns-eventcal .clndr-grid .days .empty.selected {
        background-color: #e8e8e8; }
    .tns-eventcal .clndr-grid .days .today {
      border: 1px solid #cccccc;
      font-weight: 700; }
  .tns-eventcal .clndr-buttons {
    margin-top: 8px; }
    .tns-eventcal .clndr-buttons a {
      padding: 3px;
      color: #e82e21;
      margin-right: 3px; }
      .tns-eventcal .clndr-buttons a:last-of-type {
        margin-right: 0; }
      .tns-eventcal .clndr-buttons a:hover {
        text-decoration: underline; }
  .tns-eventcal .clndr-filter-wrapper {
    margin-top: 20px; }
    .tns-eventcal .clndr-filter-wrapper p {
      margin: 0px; /*10px 0 3px*/
      font-size: 13px; }
    .tns-eventcal .clndr-filter-wrapper select {
      max-width: 200px;
      display: block; }
  .tns-eventcal .clear-filters {
    display: inline-block;
    background-color: #e82e21;
    color: #fff;
    padding: 5px 10px;
    margin-top: 8px; }

.events-info p {
  margin: 0;
  font-size: 12px; }
.events-info span {
  font-weight: bold;
  text-transform: uppercase; }

.spinner {
  position: absolute;
  opacity: .5;
  height: 30px;
  width: 30px; }
  .spinner i {
    margin: 8px 0;
    font-size: 21px; }

.cutoff-btn-hide, .cutoff-btn-show {
  margin-top: 10px;
  text-align: center;
  padding: 5px;
  background-color: #cccccc; }
  .cutoff-btn-hide a, .cutoff-btn-show a {
    color: #414141; }
    .cutoff-btn-hide a:hover, .cutoff-btn-show a:hover {
      color: #e82e21; }

.cutoff-btn-hide {
  display: none; }

.clndr-event {
  clear: both;
  padding: 10px 0;
  margin-bottom: 0;
  border-bottom: 1px dotted #666; }
  .clndr-event:before {
    content: ""; }
  .clndr-event.cutoff {
    display: none; }
  .clndr-event .clndr-image {
    float: left; }
    .clndr-event .clndr-image img {
      width: 110px; }
  .with-images .clndr-event .clndr-info {
    margin-left: 120px; }
  .clndr-event .clndr-info p {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 2px; }
  .clndr-event .clndr-info a {
    display: block;
    color: #414141;
    font-size: 11px; }
    .clndr-event .clndr-info a.event-title {
      color: #e82e21;
      font-size: 15px;
      font-weight: bold;
      line-height: 18px;
      margin: 4px 0 2px; }
  .clndr-event .clndr-details-btn {
    font-size: 10px;
    text-transform: uppercase;
    padding: 3px 3px 3px 0; }
    .clndr-event .clndr-details-btn a {
      color: #333; }
  .clndr-event .clndr-details {
    padding-top: 5px;
    color: #222;
    font-size: 12px;
    line-height: 14px; }
    .clndr-event .clndr-details a {
      color: #414141; }
      .clndr-event .clndr-details a:hover {
        color: #e82e21; }

.no-minical, .single-column {
  padding-top: 0; }
  .no-minical .clndr-events, .single-column .clndr-events {
    width: 100%;
    float: none;
    padding-right: 0; }
  .no-minical .event-nav, .single-column .event-nav {
    width: 100%;
    float: none; }
  .no-minical .filter-wrapper, .single-column .filter-wrapper {
    margin: 0 0 0; } /*15px bottom*/

.single-column .clndr-event .clndr-image {
  float: none;
  padding: 0 0 10px; }
  .single-column .clndr-event .clndr-image img {
    width: 100%; }
.single-column.with-images .clndr-event .clndr-info {
  margin-left: 0; }

@media (max-width: 767px) {
  .tns-eventcal .event-nav, .tns-eventcal .clndr-events {
    width: 100%;
    float: none; }
  .tns-eventcal .event-nav {
    margin: 5px 0 10px;
    padding: 5px 0 10px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666; } }