/*================================================================

	author: yosoftware

	website: http://yosoftware.com

	plugin name: WP Event Calendar

	description: WPC Base Theme (Core file - do not delete)

================================================================*/





/*================================================================

 * 

 * this one will be used as a basis of future animations, hazah!

 *

 ================================================================*/



/* animation helper code */

/*

	-webkit-transition: opacity .3s ease-in-out;

	-moz-transition: opacity .3s ease-in-out;

	-o-transition: opacity .3s ease-in-out;

	transition: opacity .3s ease-in-out;

	-moz-transition-delay: .15s;

	-webkit-transition-delay: .15s;

	-o-transition-delay: .15s;

	transition-delay: .15s;

*/



/*================================================================*/



.clearfix												{ *zoom: 1; }

.clearfix:before,*

.clearfix:after											{ display: table; line-height: 0; content: ""; }

.clearfix:after											{ clear: both; }



/*

 * Base month switcher

 * - displays next/prev & selected month

 * - further styling [colors] can be found in appropiate css folder

 */ 

/*.months-holder											{ border-bottom: none !important; position: relative; text-align: center; }*/

/*.months-holder #event-header							{ display: inline-block; padding: 10px; }

.months-holder .event-calendar-prev,

.months-holder .event-calendar-next									{ font-weight: bold; padding: 10px 20px; position: absolute; text-decoration: none; }

.months-holder .event-calendar-prev									{ left: 0; }

.months-holder .event-calendar-next									{ right: 0; top: 5px; }



.months-holder .event-calendar-prev:hover,

.months-holder .event-calendar-next:hover								{  }*/





/*

 * Base gridview

 * - displays current month's days

 * - styling [colors] in separate css file

 */







.nodata-container { text-align: center; }

.nodata-container i { margin-right: 5px; }



#yocalendar-grid table td.event-cell .event-counter					{  }



#yocalendar-grid table td.event-cell .title a,

#yocalendar-grid table td.event-cell .title							{ text-decoration: none;}

#yocalendar-grid table td.event-cell .event-info					{ background: #0098e0; color: #fff; }

.yocalendar-slider													{ background: #0098e0; color: #fff; }

.yocalendar-slider.slider-next,

.yocalendar-slider.slider-previous { color: #fff !important }





.event-cell span {   }



#yocalendar-grid										{ color: #fff; table-layout: fixed;  }

#yocalendar-grid table									{ width: 100%; margin-bottom: 20px; border-collapse: collapse; border: 0;  }

#yocalendar-grid table thead							{  }

#yocalendar-grid table th								{ padding: 10px; text-align: center; font-weight: 300; font-size: 1.3em; border: 0;}

#yocalendar-grid table tbody							{  }

#yocalendar-grid table tbody tr							{ }

#yocalendar-grid table tbody tr:nth-child(2n+1)			{  }

#yocalendar-grid table td								{ font-size: 1em; text-align: center; width: 14.2857%; vertical-align: middle; border: 0; font-weight: 300; padding: 20px 0 !important; background: transparent !important; }

#yocalendar-grid table td:hover							{  }

#yocalendar-grid table td.event-cell .event-info		{ opacity: 1; 

/*															-webkit-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out, height .2s ease-in-out;

															-moz-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out, height .2s ease-in-out;

															-o-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out, height .2s ease-in-out;*/

															transition: opacity .2s ease-in-out, margin-top .2s ease-in-out, height .2s ease-in-out;

/*															-moz-transition-delay: .15s;

															-webkit-transition-delay: .15s;

															-o-transition-delay: .15s;

															transition-delay: .15s;*/

														}

								

														

#yocalendar-grid table td.event-cell.on .event-info		{ margin-top: -120px; opacity: 1; height: 312px; }

#yocalendar-grid table tbody tr:nth-child(1) td.event-cell.on .event-info		{ margin-top: -70px; opacity: 1; height: 312px; }

#yocalendar-grid table tbody tr:nth-last-child(3) td.event-cell.on .event-info		{ margin-top: -200px; opacity: 1; height: 312px; }

#yocalendar-grid table tbody tr:nth-last-child(2) td.event-cell.on .event-info		{ margin-top: -300px; opacity: 1; height: 312px; }

#yocalendar-grid table tbody tr:nth-last-child(4) td.event-cell.on .event-info		{ margin-top: -200px; opacity: 1; height: 312px; }



#yocalendar-grid table td.event-cell					{ cursor: pointer; position: relative;  }

#yocalendar-grid table td.event-cell:hover				{  }

#yocalendar-grid table td.event-cell .event-counter		{ display: block; box-sizing: content-box !important;  position: absolute; height: 25px; width: 25px; bottom: -10px; right: -10px; line-height: 25px; text-align: center; font-size: 11px; font-style: normal; border-radius: 50%; border-width: 2px; border-style: solid; }

#yocalendar-grid table .nextmonth						{  }

#yocalendar td > div									{ position: relative; }

#yocalendar td > span									{  position: relative;  height: 40px; display: inline-block; width: 40px; border-radius: 50%; line-height: 40px; }



.prev-month >span,

.next-month >span												{ opacity: 0.40}



#yocalendar h3.clearfix { font-size: 16px !important; margin: 0 !important; padding: 0 !important; clear:both}



/*

 * Base gridview overlay

 * - displays current days events

 * - styling [colors] in separate css file

 */  

 

 .yocalendar-event-photo											{ float: left; width: 22%; margin-right: 3%; }

 .yocalendar-event-photo img										{ width: 100%; height: auto}

 .event-calendar-description							{ float: left; width: 75% }

 .event-calendar-description h2							{ margin: 0 !important; font-size: 24px !important;  }

 .event-calendar-description h3							{ font-size: 12px !important;  margin: 5px 0 5px 0 !important}

 .event-calendar-description p							{ margin: 5px 0 !important; font-weight: 300} 

 .event-calendar-description p.additionalInfo			{ opacity: 0.5; }

 .event-calendar-description a							{ text-decoration: none; }

 

 .yocalendar-slider										{ top: 160px; height: 34px; width: 34px; line-height: 32px;  position: absolute; text-align: center; text-decoration: none; }

 .slider-previous										{ left: 4px; 

															-webkit-transition: all .3s ease-in-out;

															-moz-transition: all .3s ease-in-out;

															-o-transition: all .3s ease-in-out;

															transition: all .3s ease-in-out;

														}

 .slider-next											{ right: 4px; 

															-webkit-transition: all .3s ease-in-out;

															-moz-transition: all .3s ease-in-out;

															-o-transition: all .3s ease-in-out;

															transition: all .3s ease-in-out;

														}



.event-info												{ position: absolute; top: 40%; left: 50%; margin-top: -100px; margin-left: -85px;  width: 160px; height: 0px; z-index: 10; overflow: hidden; padding: 0 4px; box-sizing: content-box !Important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important }

.first .event-info										{ margin-left: -40px; }

.last .event-info										{ margin-left: -130px; }

.event-info .what-when-wrap								{ height: 500px; }

.event-info .what-when									{ z-index:998;position:absolute;list-style: none; margin: 0 !important; padding: 0 !important; display:block; height: 530px; width: 160px; overflow: hidden; }

.event-info .what-when li								{ width:160px !important; margin: 0 !important; padding: 0 !important; display: block; float: left; background-image: none !important; background-color: transparent !important; }

.event-info .what-when a								{ width: 160px; z-index: 900; max-width: 100% !important; text-decoration: none }

.event-info .what-when img								{ display: block; height: 230px; width: 160px; z-index: 900; max-width: 100% !important; color: #fff; text-decoration: none }

	

#event-header											{ position: relative}

.what-when .title										{ font-size: 14px !important; font-weight:200 !important; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin: 0 !important; padding: 0 !important; overflow: hidden !important; line-height: 1.7 !important; }



.event-info .event-when-button							{ border: 1px solid rgba(255,255,255,0.2); padding: 2px 5px; display: inline-block; width: auto !important; margin: 5px 2px; font-size: 12px; transition: opacity 0.1s linear; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear}

.event-info .event-when-button:hover					{ opacity: 0.7}

/*

 * Base listview 

* - displays current month's events

 * - styling [colors] in separate css file

 */



 #yocalendar-list										{  }

 #yocalendar-list hr									{ margin: 10px 0; height: 0; display: block; border-top: 1px solid #fff; border-bottom: 1px solid #000; opacity: 0.15; }

 /*#yocalendar-list h3									{ clear: both; }*/

 #upcoming-events-list									{ list-style: none !important; overflow: hidden; margin: 0 !important}

 #upcoming-events-list li								{ margin: 0 0 20px 0; padding: 0 0 10px 0; width: 100%; display: block; overflow:hidden; background-image: none !important; background-color: transparent !important; }

 .event													{ padding: 5px; }

 

 .button-hidden											{  }



 .event-prev-hidden											{ left: -40px}

 .event-next-hidden											{ right: -40px}

 

 

@media (max-width: 767px) {

	#yocalendar-grid table td							{ line-height: 1em; padding: 10px 0 !important; }

	/*#yocalendar td > span								{ padding: 10px 5px; }*/

	#yocalendar-grid table td.event-cell .event-counter	{ font-size: 9px; height: 22px; line-height: 22px; width: 22px; }

	

	#upcoming-events-list li							{ width: 100%; }

	

	#yocalendar-switcher a								{ margin: 0 20px; }

	.yocalendar-social-media							{ clear: both; float: none !important; margin-top: 45px !important;}

}



.yocalendar-social-media																{ margin: 0; padding: 0; list-style: none; float: right;;}

.yocalendar-paymentLink									{ opacity: 1; font-weight: 400; overflow: hidden; border: 1px solid rgb(218, 218, 218);  padding: 1px 5px 3px 1px; border-radius: 3px; font-size: 11px; text-decoration: none;

														text-transform: capitalize; display: block; float: left; margin-right: 10px; line-height: 0; height: 16px; position: relative; top: 5px; box-sizing: content-box !Important; -webkit-box-sizing: content-box !important;

														-moz-box-sizing: content-box !important; transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -moz-transition: opacity .1s linear;  }													

.yocalendar-paymentLink:hover							{ opacity: 0.6}

.yocalendar-paymentLink i								{ font-size: 16px; vertical-align: middle; padding-bottom: 3px; }

.yocalendar-margin										{ margin: 5px 5px 15px; font-size: 16px; padding: 6px; }



.yocalendar-social-media dt														{ line-height: 1.7em; font-weight: 300; margin: 0 10px 0 0; float: left; }

.yocalendar-social-media dd														{ display: block; float: left; margin: 0 !important; }

.yocalendar-social-share														{ font-family: 'FontAwesome'; display: block; opacity: 0.3; font-size: 20px; line-height: 1em;

																				-webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out;

																				 text-decoration: none;

																				}

																			

.yocalendar-social-share:hover													{ opacity: 1; text-decoration: none; }

.yocalendar-social-share.share-linkedin											{ color: #08c !important}



.yocalendar-social-share.share-facebook							{ color: #39579a !important; }

.yocalendar-social-share.share-google							{ color: #296ccc !important; }

.yocalendar-social-share.share-pinterest						{ color: #b9252a !important; }

.yocalendar-social-share.share-stumbleupon						{ color: #ee4e19 !important; }

.yocalendar-social-share.share-twitter							{ color: #00c1fa !important; }



/* THE NEW ERA! */



#yocalendar														{ font-size: 14px ;  }



#yocalendar-months												{ /*background: #222;*/ margin-bottom: 10px; padding: 5px; position: relative; min-height: 50px; box-sizing: border-box; overflow: hidden; border-bottom: 1px solid #ccc }

#yocalendar .months-holder										{ text-align: center; font-size: 2em; font-weight: 100 !important; padding: 5px;  }



#yocalendar-switcher											{  text-align: center; }

#yocalendar-switcher a											{ opacity: 0.5; text-decoration: none; font-size: 18px; transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -moz-transition: opacity .1s linear; }

#yocalendar-switcher a:hover									{ opacity: 1}



.months-holder .event-calendar-prev,

.months-holder .event-calendar-next								{ opacity: 0.7; vertical-align: top; height: 100%; color: #000; padding: 12px 10px 10px 10px; position: absolute; text-decoration: none}

.months-holder .event-calendar-prev								{ left: 0px; top: 0px}

.months-holder .event-calendar-next								{ right: 0px; top: 0px}

.months-holder .event-calendar-prev:hover,

.months-holder .event-calendar-next:hover						{  opacity: 1 }



#yocalendar-grid, 

#yocalendar-list												{ font-family: 'Oswald', sans-serif !important; }



.widget_eventposterwidget .item													{ clear: both ; margin: 10px 0; overflow: hidden; }

.widget_eventposterwidget .poster-container .event-image						{ float: left; width: 22%; margin-right: 4%; }

.widget_eventposterwidget .poster-container .event-image img					{ width: 100%; height: auto; }

.widget_eventposterwidget .poster-container .event-description					{ float: left; width: 73%; }

.widget_eventposterwidget .poster-container .event-description a				{ font-size: 14px; }



.widget_eventposterwidget .poster-container .event-date							{ display: block; }



.eventcalendar-poster { position: relative; display: block; }

.eventcalendar-poster a { display: block; }

.eventcalendar-poster-date { position: absolute; bottom: 20px; left: 0; padding: 10px 15px; font-size: 12px; font-weight: 600; }

.eventcalendar-poster-title { position: absolute; top: 20px; right: 0;  padding: 10px 15px; font-size: 12px; font-weight: 600; }



.yocalendar-event-photo	a { position: relative; display: block;; }

.yocalendar-event-photo a:after { content: "\f00e"; position: absolute; display: block; top: 50%; left: 50%; margin-top: -35px; line-height: 70px; height: 70px; width: 70px; margin-left: -35px; 

	font-family: 'FontAwesome'; font-size: 22px; color: #fff; font-weight: normal; opacity: 0;  -webkit-font-smoothing: antialiased; 

	transform:scale(0.5); -webkit-transform:scale(0.5);  text-shadow: 0 0  0 black; -moz-transform:scale(0.5); -o-transform:scale(0.5); text-align:center; 

	transition:all 0.2s cubic-bezier(0.000, 0.720, 0.595, 1); -webkit-transition:all 0.2s cubic-bezier(0.000, 0.720, 0.595, 1); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } 

.yocalendar-event-photo a:hover img { opacity: 0.5}

.yocalendar-event-photo a:hover:after {  opacity: 0.6;  transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); display: block;  }

.yocalendar-event-photo img { padding: 0; margin: 0; border: 0; display: block; transition: all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;  }



.clearfix {

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  display: table;

  content: "";

  line-height: 0;

}

.clearfix:after {

  clear: both;

}

.hide-text {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.input-block-level {

  display: block;

  width: 100%;

  min-height: 30px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.carousel {

  position: relative;

  margin-bottom: 20px;

  line-height: 1;

}

.carousel-inner {

  overflow: hidden;

  width: 100%;

  position: relative;

  text-align:center; 

}

.carousel-inner > .item {

  display: none;

  position: relative;

  -webkit-transition: 0.6s ease-in-out left;

  -moz-transition: 0.6s ease-in-out left;

  -o-transition: 0.6s ease-in-out left;

  transition: 0.6s ease-in-out left;

}

.carousel-inner > .item > img,

.carousel-inner > .item > a > img {

  display: block;

  line-height: 1;

}

.carousel-inner > .active,

.carousel-inner > .next,

.carousel-inner > .prev {

  display: block;

}

.carousel-inner > .active {

  left: 0;

}

.carousel-inner > .next,

.carousel-inner > .prev {

  position: absolute;

  top: 0;

  width: 100%;

}

.carousel-inner > .next {

  left: 100%;

}

.carousel-inner > .prev {

  left: -100%;

}

.carousel-inner > .next.left,

.carousel-inner > .prev.right {

  left: 0;

}

.carousel-inner > .active.left {

  left: -100%;

}

.carousel-inner > .active.right {

  left: 100%;

}

.carousel-control {

  position: absolute;

  top: 40%;

  left: 15px;

  width: 40px;

  height: 40px;

  margin-top: -20px;

  font-size: 60px;

  font-weight: 100;

  line-height: 30px;

  color: #ffffff;

  text-align: center;

  background: #222222;

  border: 3px solid #ffffff;

  -webkit-border-radius: 23px;

  -moz-border-radius: 23px;

  border-radius: 23px;

  opacity: 0.5;

  filter: alpha(opacity=50);

}

.carousel-control.right {

  left: auto;

  right: 15px;

  

  



}

.control-right,

.control-left { opacity: 0; transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease;}



.carousel:hover .control-right, .carousel:hover .control-left { opacity: 1 !important }

.control-right {

	/*background: red;*/

display: block;

padding: 10px;

position: absolute;

top: 50%;

right: 0;

margin-top: -15px;

text-decoration: none; 

}

.control-left {

	/*background: red;*/

display: block;

padding: 10px;

position: absolute;

top: 50%;

left: 0;

margin-top: -15px;

text-decoration: none; 

}



.carousel-control:hover,

.carousel-control:focus {

  color: #ffffff;

  text-decoration: none;

  opacity: 0.9;

  filter: alpha(opacity=90);

}

.carousel-indicators { display:none; 

  position: absolute;

  top: 15px;

  right: 15px;

  z-index: 5;

  margin: 0;

  list-style: none;

}

.carousel-indicators li {

  display: block;

  float: left;

  width: 10px;

  height: 10px;

  margin-left: 5px;

  text-indent: -999px;

  background-color: #ccc;

  background-color: rgba(255, 255, 255, 0.25);

  border-radius: 5px;

}

.carousel-indicators .active {

  background-color: #fff;

}

.carousel-caption {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  padding: 15px;

  background: #333333;

  background: rgba(0, 0, 0, 0.75);

}

.carousel-caption h4,

.carousel-caption p {

  color: #ffffff;

  line-height: 20px;

}

.carousel-caption h4 {

  margin: 0 0 5px;

}

.carousel-caption p {

  margin-bottom: 0;

}

@-ms-viewport {

  width: device-width;

}

.hidden {

  display: none;

  visibility: hidden;

}



.vc_custom_1450695093700 {

    margin-right: 3px !important;

    margin-left: 3px !important;

    background-color: rgba(0, 0, 0, 0.66) !important;

}