@import "~/dist/@hy-vee/design-tokens/src/tokens.css?version=0.5.0";
.border_left{border:1px solid #DDDDDD;}

/*------large calendar------*/

h2{ margin:0;line-height:1em; }

.cal1 {
	background: #FFFFFF;
	clear:both;
}

.cal1 a {
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}

.cal1 td {
	color: #333333;
	border:1px solid #DDDDDD;
	border-left-color: #DDDDDD;
	border-left-style: none;
	border-top-style: none;
	font-size:14px;
	line-height: 25px;
	text-align: left;
	cursor:default;
	line-height:1.3em;
	padding:3px;
	vertical-align:top;

}

.cal1 td:hover {
    background-color: #F0F0F0;
}

.cal1 td.header {
	border:0;
	border-top:solid 1px #BBDEE9;
	border-bottom:solid 1px #BBDEE9;
    background-color:#D4EDF5;
	font-weight:bold;
	padding:7px;
	text-align:center;
}

.cal1 td.header a {
    background-color:#D4EDF5;
	font-size:11px;
}

.cal1 td.header:hover {
    background-color:#D4EDF5;
}

.cal1 td.title {
	font-size:14px;
	border-bottom:4px groove #DDDDDD;
	border-right-style: none;
	background: #FFFFFF;
 	font-weight:bold;
	width:100px;
	padding:7px;
	text-align:center;
	color:#666666;
}

.cal1 td.title:hover {
    background-color:#FFFFFF;
}

.cal1 td.left {
	border-left:1px solid #DDDDDD;
}

.cal1 .current {
    font-weight:bold;
	background-color:#F0F0F0;
}

.cal1 a.eventlink {
    text-decoration:none;
    background-color:white;
    font-size:11px;
    padding:3px 5px;
    margin:3px;

}

.cal1 a.eventlink:hover {
    text-decoration:underline;
    margin:3px;
	color:#B10503;
}

.cal1 a.eventspecial {
    text-decoration:none;
    background-color:#DEE9EF;
    font-size:9px;
    padding:3px 5px;
    margin:3px;
}

.cal1 a.eventspecial:hover {
    text-decoration:underline;
    background-color:#FAFAFA;
    margin:3px;
	color:#B10503;
}

* html .cal1 td a {width: 100%;}

/*------small calendar------*/

.cal2 td.header {
    border-right-style:none;
    background-color:White;
	border-top:solid 2px #DDDDDD;
}

.cal2 td.title:hover {
    background-color:White;
}

.cal2 td.header:hover {
    background-color:White;
}

.cal2 {
	background: #FFFFFF;
	width:210px;
	height:25px;
	clear:both;
}
.cal2 td.title {
	font-size:10px;
	border-bottom:4px groove #DDDDDD;
	border-top:1px solid #DDDDDD;
	border-right-style: none;
	width:70px;
	background: #FFFFFF;
 	font-weight:bold;
}

.cal2 td.left {
	border-left:1px solid #DDDDDD;
}

.cal2 td.leftbold {
    border-left:1px solid #DDDDDD;
    font-weight:bold;
}

.cal2 td.current {
    font-weight:bold;
	background-color:#FAF4F3;
}

.cal2 td {
	color: #333333;
	border:1px solid #DDDDDD;
	border-left-color: #DDDDDD;
	border-left-style: none;
	border-top-style: none;
	font-family:var(--font-family);
	font-size:11px;
	line-height: 25px;
	text-align: center;
	cursor:default;

}

.cal2 td:hover {
    background-color: #ccc;
}

.cal2 a {
	display:block;
}
* html .cal2 td a {width: 100%;}

/*------calendar day------*/

.calday {
	margin:15px;
	font-size:14px;
}

.calday p{
	margin:0;
}

.calday td{
	padding:1ex;
	background-color:#FFFFFF;
	border-bottom:#DDDDDD solid 1px;
	line-height:2em;

	margin:0 0 0 20px;
}

.calday table {
width:480px;
}

.calday .title{

		font-size:14px;
		text-transform: capitalize;
		background-color:#F7F7F7;
		font-weight:bold;
		text-align:left;
}

.calday .description {
	background-color:#DFDFDF;
	color:#555;
	font-weight:bold;
}

/* next / prev buttons */
a.prev, a.next {
	background:url(https://8e3463198116a37cf901-4c8f9ce7667a46d130eda30090f49466.ssl.cf2.rackcdn.com/images/left.gif) no-repeat 0 0;
	display:block;
	width:18px;
	height:18px;
	float:left;
	margin:0 0 0 0;
	cursor:pointer;
}

a.next {
	background-image:url(https://8e3463198116a37cf901-4c8f9ce7667a46d130eda30090f49466.ssl.cf2.rackcdn.com/images/right.gif)	;
	float:right;
}

a.prev:hover {
	background-position:0 -18px;
}

a.next:hover {
	background-position:0 -18px;
}

span.register a.eventlink{ background:#C94723;color:#fff; }
span.register a.eventlink:hover{ background:#C94723;color:#fff; }