/* calendar css */


/* center Agenda / Calendar */
#events_wrap {
 text-align: center;
}

/* bring months up */
.nextmonth, .prevmonth {
 margin-top: -26px;
}

#calendar_views {
 margin-top: -10px;
 margin-bottom: -5px;
}

.calendar_navigation {
margin-bottom: -23px !important;
}

/* padding next to drop-down */
select[name=start] {
display: initial;
margin-right: 10px;
padding: 3px;
}

/* button */
.calendar_navigation input[type="submit"] {
padding: 5px 10px;
}

.agendalink {
 float: left;
 margin-left: 100px;
 font-weight: bold;
 font-size: medium;
}

.calendarlink {
 float: right;
 margin-right: 100px;
 font-weight: bold;
 font-size: medium;
}

.entry-content table caption {
 margin: initial;
 }

.largecalendar caption {
 font-size: 26px !important;
 font-weight: bold;
 padding-bottom: 10px;
 text-align: center;
}

/* make days bold */
#events_wrap .day {
 margin-top: -7px;
 font-weight: bold;
 font-size: medium;
 color: #3f8ebb;
}

#events_wrap td.amrcol2
{
display: none;
}

/* fix for htsc */
#events_wrap table.ical td
{
text-align: center;
}

/* undo above for bmb */
#events_wrap table.ical.largecalendar td
{
text-align: initial;
}

/* fix for htsc */
#events_wrap table.ical div
{
display: inline;
}

/* undo above for bmb */
#events_wrap table.ical.largecalendar div
{
display: block;
}

/* increase text size on htsc */
#events_wrap table.ical div.summary h4
{
font-size: 1.5em;
}

/* don't shift hover box */
#events_wrap table.ical .event:hover div.details2
{
margin-top: 0px !important;
margin-left: 0px !important;
}

/* entries */
.details1, .details2
{
line-height: initial !important;
}

#events_wrap .largecalendar tbody td .event {
    padding: 1px 3px;
}

.entry table td
{
font-size: small;
}


/* default amr style is to make this bold */
.ical tr td:first-child 
{
background: initial !important;
font-weight: initial !important;
font-size: small !important;
}


/* agenda items */
.ical-list:nth-child(odd) {
    background: #f1f1f1;
}

.ical-list {
    border-bottom: 1px dotted #2f2f2f;
}

#events_wrap .ical article
{
 border-bottom: none !important;
 padding-bottom: initial !important;
 margin-bottom: initial !important;
}

#events_wrap article {
 padding-top: 20px !important;
}

/* format "all day" text" */
#events_wrap .ical span.allday, .ical div.allday
{
 text-transform: uppercase;
 font-weight: bold;
 padding-right: 15px;
}

/* fix above for large calendar */
#events_wrap .ical.largecalendar div.allday
{
 text-transform: initial;
 font-weight: initial;
 padding-right: initial;
}

#events_wrap .ical span.starttime, #events_wrap .ical span.location, #events_wrap .ical span.summary
{
 display: initial !important;
 float: initial !important;
}


.pf-content .week {
height: 100px;
}



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

/* AmRiCal Default Style for first calendar on page 
This file should have been copied to a css folder in your uploads directory.  It may safely be edited in the uploads folder and will not be overwritten by upgrades,
You can always refer back to the default css in the plugin folder for the latest suggested or example css.
*/

td.today
{
background: #eee;
color: #111;
}


table td  a.amr-bling {
	text-align: right;
	display: block;
	float: right;
	text-decoration: none;
}

table td  a.hrefmap {
	display: inline;
	float: none;
	text-decoration: none;
}

/* make tables look okay */
table.weekscalendar,
table.largecalendar,
table.smallcalendar  {
    table-layout: fixed;
	width: 100%;
	column-width: 14%;
}
table.ical td,
table.weekscalendar td,
table.smallcalendar td,
table.largecalendar td {
	display: table-cell;
	vertical-align:top;
}

table.weekscalendar tr.dayheaders th{
	padding-top: 4em;
}

table.ical td .event {
	padding-bottom: 1em;
}

.ical address {
	margin: 0 0 0.1 0;
}


.calendar_navigation {
	margin: 1em 0;
}

.icalnav,
.calendar_navigation  form {
	margin: auto;
    text-align: center;
}

.calendar_navigation a {
	text-decoration: none;
}

/* move the 'prev' links over to the right */
.calendar_navigation .prevmonth,
.calendar_navigation .prevweek {
	display: block;
	text-align: left;
	float: left;
	
}

/* move the 'next' links over to the right */
.calendar_navigation .nextmonth,
.calendar_navigation .nextweek {
	display: block;
	text-align: right;
	float: right;
	
}

/* remove the underline from the abbr that most browsers put in now*/

.event abbr[title] , 
.ical abbr[title] {
  border-bottom: none !important;
  text-decoration: none !important;
}

.ical abbr[title] {
  cursor: help !important;
  }

/* centre the days pagination at bottom */
.icalnav {
	margin: auto;
}

/* highlight which day we are hovering over */
#events_wrap  .largecalendar td.hasevents:hover .day{
	background: #777;
	color: #fff;
}
#events_wrap  .largecalendar td.hasevents:hover .day a{
	color: #fff;
}

/* in list type 10 space events */

.ical .toggle_container {
	margin-top: 2em;
}

/* in list type 6 space events */

.icalprop h2.cal0 a {
	text-align: right;
	display: inline-block;
	float: right;
	text-decoration: none;
	box-shadow: none;
}

#events_wrap .ical span.starttime,
#events_wrap .ical span.location,
#events_wrap .ical span.summary {
	clear: both;
	display: block;
	float: left;
}

.eventinfo .map,
.eventinfo .addevent,
.eventinfo .subscribeevent,
.eventinfo .subseries,
#events_wrap .ical span.map,
#events_wrap .ical span.addevent{
	display: block;
	float: right;
}

#events_wrap .ical span.description {
	clear: both;
	display: block;
}

#events_wrap .ical article {
	border-bottom: medium solid lightgrey;
	padding-bottom: 1em;
	margin-bottom: 1.5em; 
}

/* unfortunately we need to use divs to hide the details if we want to allow html in details and keep html valid */
/* ------------------------------ In Box Calendar-- hide the details until we want them  */


#events_wrap table.ical td .event div.details2 { /* hide column 2 */
	display: none;
}

#events_wrap table.ical .event:hover  div.details2 {
        color:#333333; 
        background:#ffffff; 
        display:block;
        position:absolute; 
        margin-top: 12px; 
		margin-left: 50px;
        padding:10px; 
        width:200px; 
        z-index:100;
		border: 1px solid #000000;
		overflow: hidden;  /* v 4.0.12 */
        }
#events_wrap table.ical .event:hover  div.details2 {
	display: block;
         }
#events_wrap table.ical .event:hover  div.details2 img {
	width: 200px;  /* make any images smaller */
         }	
#events_wrap table.ical td.endweek .event:hover  div.details2 {  
/* shift the last column right side over a bit so it fits on the page*/
		margin-left: -110px;
        }	


@media screen and (max-width: 600px) {
table.icalprop,
table.ical {width:100%;}
.ical thead {display: none;}
.ical tr:nth-of-type(2n) {background-color: inherit;}
.ical tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
.ical tbody td {display: block;  text-align:center;}
.ical tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
  
 .ical .amrcol1 div {
	display: inline;
}