/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 9, 2015, 1:48:18 PM
    Author     : Istvan
*/
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }

.calendar { 
      margin: 0 auto;
      width: 100%;
      border-bottom: 1px solid #b2b638;
}
.calendar td { text-align: center; padding: 6px 0px; border: none; }
.calendar td.event { background: url(../img/td-event-bg.png) no-repeat center center transparent; cursor: pointer; }
.calendar td.curDay { background: url(../img/cur-day-bg.png) no-repeat center center transparent; }
.calendar .navigationMonthNext { margin-left: 40px; display: inline-block; }
.calendar .navigationMonthPrev { margin-right: 40px; display: inline-block; }

.calendar td.calendar-day-head {
      background-color: #b2b638; 
      color: #fff;
      border-right: 1px solid #fff; 
      text-align: center;
      line-height: 25px;
      padding: 0;
}
.calendar td.calendar-day-head:last-child { border: none; }
.calendar td.calendar-month-name a,
.calendar td.calendar-month-name { 
      font-size: 24px;   
      color: #b2be2c;
      text-decoration: none;
}

.monthCal { width: 100%; margin: 30px 0 10px; }
.monthCal hr { margin: 5px 0; }

.monthCal .day-nr { font-size: 18px; font-weight: 900; }
.monthCal .day-name { font-size: 16px; font-weight: 900; color: #b2b638; }


.monthCal tr { border-bottom: 1px solid #d7d0c9; }
.monthCal tr.event-bg { background-color: #b2b638; }
.monthCal tr.event-bg a,
.monthCal tr.event-bg td .day-name,
.monthCal tr.event-bg td { color: #fff; }
.monthCal tr.head { border-bottom: 4px solid #d7d0c9; }
.monthCal th { color: #b2be2c; padding-bottom: 8px; }
.monthCal td.event-desc {
      padding-left: 15px;
}
.calPagination { margin-bottom: 30px; }
.calPagination .glyphicon { font-size: 16px; font-weight: 300; }
.calPagination,
.calPagination a,
.monthCal th a { color: #b2b638; text-decoration: none; font-size: 16px; font-weight: 800;}
.monthCal th.name-of-month.second {  font-size: 17px;  margin-top: 8px;  display: inline-block; }
.monthCal th.name-of-month { font-size: 24px; min-width: 180px; }
.calPagination .arrow-left-small ,
.monthCal .arrow-left-small { background: url(../img/arrow-left-small.png) no-repeat right bottom transparent;}
.calPagination .arrow-right-small,
.monthCal .arrow-right-small { background: url(../img/arrow-right-small.png) no-repeat left bottom transparent;}
.calPagination .arrow-left-small ,
.calPagination .arrow-right-small,
.monthCal .arrow-left-small ,
.monthCal .arrow-right-small {
      width: 6px;
      height: 23px;
      display: inline-block;
      background-size: 100%;
      /*vertical-align: bottom;*/
}
.monthCal td.first {
      padding: 0 5px;
      width: 85px;
}
.event-youtube iframe { max-width: 100%!important; }

.tx-sf-event-mgt .tips { 
      display: none; 
      position: absolute; 
      width: 240px; 
      padding: 10px; 
      background: none #b3b738;
      box-shadow: 3px 3px 8px 0px #726c65;
      -webkit-box-shadow: 3px 3px 8px 0px #726c65;
      -o-box-shadow: 3px 3px 8px 0px #726c65;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      -o-border-radius: 10px;
      z-index: 887;
      color: #fff;
}
span.closeTT {
      position: absolute;
      top: 4px;
      right: 8px;
}
.tx-sf-event-mgt .tips .title a { color: #fff; } 
.tx-sf-event-mgt .tips .title a:hover { color: #333; } 
.tx-sf-event-mgt .tips:before { 
      content: "";
      border-bottom: 10px solid #b3b738;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      position: absolute; 
      top: -10px;
      left: 83px;
      width: 0;
      height: 0;
}
.tx-sf-event-mgt div.date { font-size: 13px; }
.tx-sf-event-mgt div.title { font-size: 16px; padding: 0; line-height: 1.333; min-height: 10px; margin-bottom: 5px; border-bottom: 1px solid #fff;} 
.tx-sf-event-mgt div.title:last-child { border: none; margin-bottom: 0; }

/*detail page*/
.event-detail-row { margin-bottom: 5px; }

/*registration page*/
.event-registration-row { margin-bottom: 5px; }
.event-registration-row label { margin-top: 3px; }
.event-registration-row input[type="radio"] { width: 35px; }
.event-registration-row input,
.event-registration-row textarea { width: 313px; max-width: 100%; }
input.submit-bt,
.submit-bt { 
      background: none #b3b738;
      border-radius: 10px;
      box-shadow: 3px 3px 8px 0px #726c65;
      height: 30px;
      padding: 0 30px;
      /*width: auto;*/
      color: #fff;
      border: none;
}
.error { color: red; }
.event-registration-row .f3-form-error { border: 1px solid red; }


@media (max-width: 767px){
      .detail-links .align-center,
      .detail-links .align-right { text-align: left; }

      .event-registration-row input,
      .event-registration-row textarea { width: 100%; }
}