/***** CALENDAR *****/
.hb-calendar, .hb-calendar * { -webkit-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.hb-calendar { border-right: 1px solid #333; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; font-family: 'Dosis'; margin-bottom: 20px; padding-right: 50px; width: 50%; }
.hb-calendar a { color: inherit; text-decoration: none; transition: .2s; }
/***** MONTHS *****/
.hb-months { margin-bottom: 30px; position: relative; text-align: center; }
.hb-months:after { content: ""; display: table; clear: both; }
.hb-current-month { line-height: 28px; font-size:28px; text-transform: uppercase; color: #333 !important; }
.hb-current-month span { display: inline-block; margin-left: 10px;   }
.hb-change-month {
	position: absolute;
	top: 3px;
	display: inline-block;
	width: 47px;
	height: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.hb-prev-month { left: 0px; background-image: url("calendario-left.png"); background-position:center left; }
.hb-next-month { right: 0px; background-image: url("calendario-right.png"); background-position:center right; }
/***** DAYS *****/
.hb-days { background-color: #fff; border-radius: 3px; height: auto; margin: 0 auto; padding: 0; width: 100%; }
.hb-days:after { content: ""; display: table; clear: both; }
.hb-day { border-radius: 1px; display: inline-block; float: left; font-size: 26px; height: 80px; line-height: 80px; margin: 1px; text-align: center; transition: all 0.2s ease 0s; width: 13%; border: 1px solid #fff }
.hb-day.hb-day-name {
	color: #888;
	font-size: 18px;
	height: 60px;
	font-family: "Playfair Display";
}
.hb-day.hb-day-active { background-color: #a00000; border-color: #a00000; color: #FFF; cursor: pointer; }
.hb-day.hb-day-active:hover { opacity:0.7 }
.hb-day.hb-day-selected, .hb-day.hb-day-selected:hover { opacity:0.7 !important; cursor: default; font-weight:700; }
/*DETAIL CALENDAR*/

.box-calendar { width: 100%; display: inline-block; }
#hb-event-list { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: right; padding-left: 50px; width: 50%; }
#hb-event-list h3 {
	font-size: 26px;
	margin-top: 0;
	line-height: 32px;
	font-weight: 400;
	/* text-align: left; */
	padding: 10px;
	background-color: #000;
	color: #fff;
	display: inline-block;
	width: 100%;
	top: -11px;
	position: relative;
}
#hb-event-list .myrow { float: left; width: 100%; margin-bottom: 30px; }
#hb-event-list .myrow > li { border-bottom: 1px solid #c4c4c4; display: inline-block; padding: 10px 0; width: 100%; }
#hb-event-list .mytesto { color: #999; font-size: 16px; margin-bottom: 5px; margin-top: 5px; }
#hb-event-list .mytesto a { display: none; }
#hb-event-list h5 {
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 26px;
	margin-bottom: 5px;
	font-weight: 400;
	font-family: "Dosis";
	color: #000;
	display: inline-block;
	width: 100%;
	margin: 20px 0;
}
#hb-event-list h5 a { 
	color: #000;
}
#hb-event-list h5 a:hover { 
	color: #a00000;
}
.infoevent { font-size: 12px; font-weight: 700; text-transform: uppercase; }
#hb-event-list .mybutton {  margin: 0; padding-left: 0; padding-right:20px; }
#hb-event-list .mybutton.tocart img { max-width: 15px; }
#hb-event-list .box-calendar > img { float: left; height: auto; margin: 30px 20px 40px 0; width: 30%; }
/* LOADER */
.hb-loading:before { content: url("iconLoading.gif"); display: block; width: 100%; text-align: center; }
.hb-error { padding: 10px 15px; background-color: #f2dede; border: 1px solid #ebccd1; border-radius: 3px; color: #b84442; }
/*ASIDE*/
aside .hb-calendar { border-right: 0 none; padding: 0; width: 100%; }
aside .hb-current-month { font-size: 24px; }
aside .hb-day.hb-day-name { font-size: 16px; height: 30px; line-height: 25px; }
aside .hb-day { font-size: 21px; height: 40px; line-height: 40px; }
aside .hb-change-month { width: 30px; }
aside #hb-event-list { float: left; padding-left: 0; width: 100%; }
aside #hb-event-list h3 {
	top: 0;
	font-size: 22px;
	line-height: 24px;
}
aside #hb-event-list .myrow { 
	margin-bottom: 10px;
}
aside #hb-event-list h5 { margin-top:0; font-size:22px; line-height:24px;}

 @media only screen and (max-width: 960px) {
.hb-current-month { font-size: 19px; line-height: 33px; }
.hb-day.hb-day-name { font-size: 16px; }
.hb-day { font-size:19px; height: 60px; line-height: 60px; }
}
 @media only screen and (max-width: 767px) {
#hb-event-list h3 { font-size: 24px; margin-bottom: 20px; }
.hb-calendar { border-bottom: 1px solid #333; border-right: 0; box-sizing: border-box; float: none; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding-right: 0; width: 90%; padding-bottom: 20px; }
#hb-event-list { float: none; display: block; margin-left: auto; margin-right: auto; padding-left: 0; width: 90%; }
}
 @media only screen and (max-width: 580px) {
.hb-change-month { width: 35px; background-size: 30px auto; }
}