/* =============================================================================
	= Desktop
   ============================================================================= */


/* = Calendar
-------------- */
	
	.calendar-container { width:100%; margin-top:30px}
	#calendar-event   { width:100%; position:relative;}

	#calendar-event table.all { color: #fff; width:100%;}
	#calendar-event table th 	{ width:14%; vertical-align:middle; text-transform:uppercase; text-align:center; color:#fff;}

	.month-blk 		{ padding:1%; background-color:#880656; z-index:10}
	.month-blk .month { text-align:center; color:#fff; font-size:20px;  z-index:10}
	.month-blk i 	   { font-size:30px; color:#fff; line-height:normal; padding:0;}
	.month-blk i:hover { color:#333}
	.month-blk .arrow-left  { display:inline-block; position:absolute; top:15px; left:20px; z-index:30; cursor:pointer;}
	.month-blk .arrow-right { display:inline-block; position:absolute; top:15px; right:20px; z-index:30; cursor:pointer;}


	#calendar-event .week		  { font-weight:normal; color:#333; text-align:left; padding-top:30px; padding-left:10px; color:#880656;}
	#calendar-event .arrowBlock	  { padding-right:1%}
	#calendar-event .arrowLPos	  { width:20px; display:inline-block; float:left;} 
	#calendar-event .arrowRPos	  { width:20px; display:inline-block; float:left} 

	#calendar-event table td  { text-align:left; width:7em; height:2.5em; vertical-align:top; color:#333;
								background-color:#e8e8e8; border:1px solid #fff; height:200px;}
	#calendar-event table .past, #calendar-event table .future {text-align:left; color:#bf6a9e;}


/* = tooltips (programme intro)
--------------------------------- */
	
	.programme-block 		 { background-color:#333; color:#fff; border-bottom:1px solid #fff; overflow:hidden;
								-webkit-box-shadow: -6px 6px 24px 0px rgba(50, 50, 50, 0.13);
							       -moz-box-shadow: -6px 6px 24px 0px rgba(50, 50, 50, 0.13);
										box-shadow: -6px 6px 24px 0px rgba(50, 50, 50, 0.13);
							    -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		  					            transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		               -webkit-transition-property: background-color, color;
		 		               transition-property: background-color, color; }
	div.tooltips-calendar 	 { position:relative; display:block; color:#fff;}
	div.tooltips-calendar span { position:absolute; left:-392px; top:0px; width:392px; text-align:left; line-height:normal; visibility:hidden; padding:0px;
							  -webkit-transition: opacity 0.15s linear;
				                      transition: opacity 0.15s linear;
				            			 opacity: 0;}

	div.tooltips-calendar span.pos-right   { left:-392px; top:0px; }
	div.tooltips-calendar span.pos-left { left:100%; top:0px; }				            			 

	div.tooltips-calendar span:after 	{ content: ''; position:absolute; }
	div:hover.tooltips-calendar span  { visibility:visible; opacity:1; z-index:800;}
	div.tooltips-calendar.hover span  { visibility:visible; opacity:1; z-index:800;}
	div.tooltips-calendar.close span  { visibility:hidden; opacity:0; z-index:800;}

 
	div.tooltips-calendar .programme  { padding:15px; float:left; vertical-align:top}
	div.tooltips-calendar .programme-width  { width:215px}
	div.tooltips-calendar img  { width:142px; float:right; right:0; border:0;}
	div.tooltips-calendar .programme>.title   { padding-bottom:8px; font-size:1em; color:#fff; font-size:12px; line-height:1.4}
	div.tooltips-calendar .programme>.venuse  { padding-top:8px; border-top:1px solid #666;  font-size:12px; line-height:1.4; max-height:999999px}
	a:hover .programme-block { background-color:#880656; color:#fff; cursor:pointer}
	a:hover .programme-block .programme>.title  { color:#fff; cursor:pointer}
	a:hover .programme-block .programme>.venuse { border-top:1px solid #fff; cursor:pointer} 


/* = inside calendar content 
------------------------------ */
	.cal-blk  { padding:5px 10px;}
	.cal-date { font-size:30px;  line-height:normal; color:#fff;}	
	ul.cal-pro  	{ margin:0; padding:0; font-size:11px; font-family:verdana; line-height:1.4; cursor:pointer;}
	.tc ul.cal-pro,.sc ul.cal-pro	{ font-size:14px; }
	ul.cal-pro li   { margin:0; padding:8px 0; border-bottom:1px solid #952c6e;}
	ul.cal-pro li:last-child   { border-bottom:none}
	.cal-blk { height:190px;}
	.cal-past	{ color:#333; cursor:pointer}

	.date-selected-bg    { background-color:#880656!important}
	.date-not-current-bg { background-color:#f1f1f1!important;}

	.date-selected    { color:#fff;}
	.date-not-current { color:#ccc;}
	.date-current     { color:#999;}